a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.first_span {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
    padding: 5px 0
}

.start_div {
    border: 1px solid #ccc;
    padding: 10px;
    background: #ececec;
    line-height: 25px;
    margin: 10px 0
}

.dropdown-menu .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 10px;
    transform: rotate(0);
    font-family: FontAwesome;
    content: "\f054";
    border: none;
    font-size: 8px;
    color: #635f5f
}

.container-fluid {
    width: 100%;
    padding-right: 100px;
    padding-left: 100px;
    margin-right: auto;
    margin-left: auto
}

b,
strong {
    color: #3c3a3a;
    font-weight: 500
}

a:hover {
    color: #0056b3;
    text-decoration: none
}

a {
    font-family: 'Roboto', sans-serif;
}

a:focus,
button:focus {
    outline: 0
}

body {
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    color: #565555;
    padding: 10px 0;
    line-height: 30px;
    font-weight: 500
}

h1 {
    font-size: 26px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 14px
}

pre {
    font-size: 14px;
    line-height: 28px;
    background: #eee;
    padding: 15px
}

p {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 28px;
    color: #2e3d49;
    text-align: left;
}

.vertical-align {
    align-items: center
}

section {
    padding: 25px 0
}

.s_title {
    margin: 5px 0
}

.besant_method h3 {
    text-align: center;
    font-size: 20px;
    position: relative
}

.float-right {
    float: right!important;
    width: auto!important;
    margin-left: 10px
}

.float-left {
    float: left!important;
    margin-right: 30px
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: table
}

.besant_method h3::after {
    content: "";
    background: #0775be;
    width: 100px;
    height: 4px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.b_box_icons i {
    font-size: 40px;
    color: #0775be;
    display: block;
    text-align: center;
    margin: 10px 0
}

.b_box_cntnt h4 {
    text-align: center;
    color: #0775be;
    padding: 0;
    font-size: 18px
}

.b_box_cntnt p {
    font-size: 13px;
    text-align: center;
    line-height: 25px;
    padding: 5px 20px;
    color: #807878
}

.common_row {
    margin: 40px 0 0;
    align-items: center
}

.s_title h2 {
    text-align: center;
    font-size: 26px;
    color: #4f4f4f;
    line-height: 35px
}

.s_title h2 span {
    font-weight: 500;
    color: #2858e4
}

.s_title h2 i {
    color: #f90;
    font-weight: 600
}

.main_text {
    color: #333!important;
    font-weight: 100!important
}

.s_title h3 {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    font-size: 15px;
    color: #666161;
    line-height: 25px;
    font-weight: 400
}

ul {
    padding-left: 20px
}

.course_div h5 {
    text-align: center;
    font-style: italic
}

.course_div {
    border: 1px solid #157ac3;
    border-radius: 5px;
    padding: 15px;
    background: #ddf1ff;
    margin: 15px 0
}

.course_div p {
    color: #000;
    text-align: center;
    font-size: 14px;
}

.course_div span {
    font-style: italic;
    color: #454545;
    line-height: 22px;
    display: block
}

sup {
    top: -.5em;
    font-size: 12px!important
}

.placmnts {
    background: #eee;
    padding: 20px
}

.placmnts strong {
    color: #ff6000
}

.placmnts li::before {
    content: "\f047"!important;
    padding-right: 10px;
    font-size: 10px;
    color: green!important;
    font-family: FontAwesome
}

.request_quotation h3 {
    text-align: center;
    font-size: 16px;
    color: #666768;
    margin-bottom: 10px;
    padding: 5px 0;
    line-height: 22px
}

.request_quotation h3::after {
    content: ""
}

.q_tabs .nav-tabs {
    background: #3194eb;
    border-radius: 25px;
    overflow: hidden;
    justify-content: center;
    padding: 3px
}

.q_tabs .nav-tabs a {
    font-size: 14px;
    width: 50%;
    padding: 5px;
    border-radius: 25px;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    color: #fff;
   font-weight: 500;
}

.q_tabs .nav-tabs .nav-link:focus,
.q_tabs .nav-tabs .nav-link:hover {
    border-color: transparent
}

.request_quotation {
    padding: 10px 30px;
    background: #e0e3e3;
    border-radius: 3px;
    margin: -30px 30px;
    box-shadow: 0 0 36px rgba(0, 0, 0, .1)
}

.q_tabs_content {
    height: 100%;
    display: block;
    padding: 20px 5px
}

.q_forms .form-group {
    margin-bottom: 1rem;
    position: relative
}

.effect {
    border: 0;
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #686262
}

.effect~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #0775be;
    transition: .4s
}

.effect:focus~.focus-border {
    width: 100%;
    transition: .4s;
    left: 0
}

.q_forms .btn.btn-primary {
    font-size: 14px;
    padding: 8px 15px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    width: 140px;
}

.show_hide {
    display: none;
    position: absolute;
    right: -2%;
    z-index: 99;
    top: 15%
}

.show_hide i {
    font-size: 20px;
    color: #fff
}

.offer_head {
    position: relative;
    background: linear-gradient(to right, #ff6f00, #ff9100)
}

.t_head_offer p {
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 5px 0;
    font-weight: 500
}

.on_discount {
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.t_head {
    background-image: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    padding: 5px 0
}

.t_head_list {
    margin: 0 auto;
    text-align: center;
    display: table
}

.t_head_list ul {
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: left
}

.t_head .container-fluid {
    padding-left: 80px;
    padding-right: 80px
}

.t_head_list ul li {
    margin: 8px 13px;
    color: #fff;
    font-size: 14px;
    position: relative;
}

.t_head_list ul li::after {
    content: "";
    width: 1px;
    height: 15px;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    right: -15px
}

.t_head_list ul li:last-child:after {
    display: none
}

.t_head_list ul li span {
    display: inline-block;
    margin-right: 10px
}

.t_head_list ul li a {
    color: #fff;
}

.headet_social_list {
    display: flex;
    padding: 0;
    justify-content: right;
    align-items: center;
    height: 100%
}

.headet_social_list li a i {
    margin: 0 7px;
    color: #fff;
    font-size: 14px;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: .5s;
    background: #1248ad;
    border-radius: 50%
}

.headet_social_list li a i:hover {
    color: #fff;
    transform: scale(1.1);
    transition: .5s
}

.mobile_search {
    display: none;
    padding: 15px;
    background: #157ac3;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999
}

.mobile_search .btn.btn-primary {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 4px 20px;
    border-radius: 0;
    background: #f90;
    border: 1px solid #f90
}

.mobile_search input {
    width: 100%;
    position: relative
}

.mobile_search .form-control {
    padding: 5px 40px 5px 10px;
    font-size: 13px;
    border-radius: 0
}

header {
    margin: 15px 0;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

header .row {
    align-items: center
}

.main_menu .navbar {
    padding: 0
}

.main_menu .nav-item {
    margin: 0 4px
}

.main_menu .navbar-nav {
    margin: 0 auto;
    align-items: center
}

.main_menu .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 25px 13px;
    color: #646464;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    line-height: 20px;
    position: relative;
    font-weight: 400
}

.main_menu .navbar-nav .nav-item .nav-link:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #0776be
}

.recom_all-courses {
    position: relative;
    left: 10px;
    bottom: 5px;
    min-width: 110px!important;
    text-align: center;
    margin: 10px 0!important
}

.recom_all-courses .dropdown-item {
    color: #fff!important;
    font-size: 12px!important;
    font-weight: 500!important;
    background: #2389f2!important;
    position: relative
}

.recom_all-courses .dropdown-item::after {
    content: "\f101";
    font-family: FontAwesome;
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: 9px;
    right: 10px
}

.recom_all-courses .dropdown-item:hover {
    background: #1b73ce!important;
    color: #fff!important
}

.recom_all-courses .dropdown-item:hover::after {
    color: #fff
}

.main_menu .dropdown-menu a {
    padding: 8px 25px 8px 10px!important
}

.main_menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 13px 25px 13px 10px;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 13px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    line-height: 20px
}

.main_menu .dropdown-menu .nav-item {
    margin: 0
}

.dropdown-menu .dropdown-menu {
    left: 100%!important;
    top: 0
}

.dropdown {
    position: static
}

.dropdown>.dropdown-menu {
    margin: 0
}

.bt_coursemenus .dropdown-menu .dropdown-menu {
    left: 100%!important;
    top: 0;
    height: 100%;
    min-height: 100%;
    overflow-y: auto;
    background: #d5e8fb
}

.main_menu .dropdown-item:hover {
    background: rgba(7, 118, 190, .8);
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.main_menu .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    min-width: 250px;
    left: auto
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #0f7ccc;
    color: #fff!important;
    outline: 0 none;
    text-decoration: none;
    border-bottom: none
}

.cus_offmenu .nav-link {
    background: #ff7d0b;
    color: #fff!important;
    padding: 10px 10px!important;
    margin-top: 18px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px!important;
    -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, .62);
    -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, .62);
    box-shadow: 0 3px 5px -3px rgba(0, 0, 0, .62);
    line-height: 15px!important
}

.innerpage_searchbtn {
    position: absolute;
    top: 20%;
    right: -5%
}

.innerpage_searchbtn a i {
    display: block;
    width: 40px;
    height: 40px;
    background: #157ac3;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

#search-btn {
    background-color: #157ac3;
    color: #fff;
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block
}

#search-btn:hover {
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer
}

#search-overlay {
    display: none
}

.block {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    margin: 0;
    z-index: 999
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0
}

.centered {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 10px 15px;
    color: #fff;
    border: none;
    background: 0 0
}

#search-box {
    position: relative;
    width: 100%;
    margin: 0
}

#search-form {
    height: 4em;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    overflow: hidden
}

#search-text {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: 0 0
}

#search-box input[type=text] {
    width: 100%;
    padding: 0 10px;
    color: #333;
    outline: 0;
    font-size: 14px;
    height: 50px
}

#search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 100px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-width: 0;
    background-color: #4d90fe;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}

#close-btn {
    position: fixed;
    top: 1em;
    right: 1em;
    background: #4d90fe;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px
}

#close-btn:hover {
    color: #777;
    cursor: pointer
}

.banner {
    background: #0776be;
    height: 350px;
    display: block;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 100%;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 70px 0;
    margin: 0
}

.banner::before {
    background-image: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0
}

#homeyoutubereviews .owl-nav i {
    font-size: 28px;
    background: #2389f2;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 30px;
    color: #fff;
    box-shadow: 0 0 6px -3px #333
}

.carousel_caption {
    text-align: center;
    margin: 5px 0
}

.carousel_caption h1 {
    font-size: 44px;
    font-weight: 500;
    color: #fff;
    line-height: 50px
}

.carousel_caption p {
    color: #fff;
    font-size: 20px;
    text-align: center
}

.carousel_search {
    position: relative;
    margin: 20px 0
}

.search_category {
    margin: 0 auto;
    width: 55%;
    position: relative
}

.search_category select {
    position: absolute;
    left: 0;
    background: #fff;
    border: none;
    width: 30%;
    padding: 5px 10px;
    height: 42px;
    font-size: 13px;
    border-radius: 0;
    border-right: 1px solid #ccc;
    color: #3e3e3e
}

.carousel_search form.example input[type=text] {
    height: 42px;
    font-size: 13px;
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    background: #fff;
    padding-left: 31%;
    color: #3e3e3e
}

.carousel_search form.example button {
    float: left;
    width: 10%;
    padding: 5px;
    background: #f90;
    color: #fff;
    font-size: 17px;
    border: none;
    border-left: none;
    cursor: pointer;
    height: 42px;
    position: absolute;
    right: 0
}

.carousel_search form.example button:hover {
    background: #0054a6
}

.carousel_search form.example::after {
    content: "";
    clear: both;
    display: table
}

#datafetch,
#datafetch1 {
    text-align: left;
    background: #fff;
    border-radius: 5px;
    border: none;
    z-index: 9;
    position: absolute;
    width: 100%;
    margin: 2px auto;
    left: 0;
    right: 0;
    display: none
}

#datafetch ul {
    padding: 0
}

#datafetch li {
    border-bottom: 1px solid #acacac;
    line-height: 20px
}

#datafetch li a {
    clear: both;
    color: #333;
    display: inline-flex;
    font-weight: 400;
    padding: 6px 20px;
    text-decoration: none;
    white-space: normal;
    font-size: 13px;
    width: 100%;
    word-wrap: break-word
}

#datafetch1 ul {
    padding: 0
}

#datafetch1 li {
    border-bottom: 1px solid #acacac;
    line-height: 20px
}

#datafetch1 li a {
    clear: both;
    color: #333;
    display: inline-flex;
    font-weight: 400;
    padding: 6px 20px;
    text-decoration: none;
    white-space: normal;
    font-size: 13px;
    width: 100%;
    word-wrap: break-word
}

.abt_video {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border: 7px solid #555;
    border-radius: 15px
}

.abt_video embed,
.abt_video iframe,
.abt_video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.abt_content .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.abt_content .mb-0 {
    padding: 0
}

.abt_content .btn-link {
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
    line-height: 30px;
    padding: 10px 50px 10px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #7c7878
}

.abt_content .card-body {
    padding: 15px;
    height: 220px;
    overflow-y: scroll;
    margin: 10px 0
}

.abt_besant p {
    margin-bottom: 0;
    text-align: left
}

#abt_accordian .collapsed::before {
    content: "\f078";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

#abt_accordian .collapse.show::before,
#abt_accordian .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

#abt_accordian .collapse.show::before {
    border-radius: 50%;
    content: "\f078";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.2rem 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.abt_besant a {
    text-align: right;
    display: block;
    float: right;
    margin-bottom: 10px;
    font-size: 14px;
    color: #007bff;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-right: 0;
    padding: 10px 10px
}

.nostylebtn {
    display: inline!important;
    padding: 0!important;
    text-align: left!important;
    float: none!important;
    background: 0 0!important;
    color: #f4261c!important;
    font-size: 14px!important;
    font-weight: 600!important;
    margin-right: 0!important;
    box-shadow: none!important
}

.abt_besant .fa-long-arrow-right {
    padding-left: 5px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.abt_besant ul li {
    font-size: 14px;
    line-height: 22px;
    color: #666161;
    padding: 5px 0;
    display: block;
    position: relative
}

.abt_besant ul li::before {
    content: "\f05b";
    padding-right: 10px;
    font-size: 12px;
    color: #83878c;
    font-family: FontAwesome;
    position: absolute;
    left: -20px
}

.guidance {
    margin: 30px 0 50px;
    padding: 30px 0 0;
    position: relative;
    height: 200px;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat
}

.guidance::before {
    background-image: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0
}

.guidance_title h2 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 35px
}

.guidance_list {
    background: #fff;
    padding: 15px;
    position: relative;
    width: 100%;
    margin: 20px 0;
    height: 150px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 0 10px -3px #5b5b5b;
    -webkit-box-shadow: 0 0 10px -3px #5b5b5b;
    -moz-box-shadow: 0 0 10px -3px #5b5b5b;
    -ms-box-shadow: 0 0 10px -3px #5b5b5b
}

.guidence_border {
    position: relative
}

.guidance_list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0;
    justify-content: center;
    align-items: center;
    height: 100%
}

.guidance_list ul li {
    width: 25%;
    text-align: left;
    padding: 0 15px;
    color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.guidance_details h3 {
    font-size: 30px;
    color: #333;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 5px;
    text-align: center
}

.guidance_details h3::after {
    content: "";
    background: #2389f2;
    position: absolute;
    width: 50px;
    height: 5px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto
}

.guidance_details p {
    font-size: 15px;
    font-weight: 400;
    color: #2e3d49;
}

.d-flex {
    padding-left: 0;
    padding-right: 0
}

.choose_box {
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    width: 100%;
    padding: 30px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.choose_box:hover {
    background: #2955f6;
    -webkit-box-shadow: 0 0 27px -16px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 27px -16px rgba(0, 0, 0, .75);
    box-shadow: 0 0 27px -16px rgba(0, 0, 0, .75);
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.noborder_left {
    border-left: none
}

.noborder_bottom {
    border-bottom: none
}

.choose_icons {
    margin: 5px 0
}

.choose_icons i {
    color: #7f8286;
    font-size: 44px;
    display: block;
    text-align: center
}

.choose_box:hover .choose_icons i {
    color: #fff
}

.choose_contents {
    text-align: center
}

.choose_contents h4 {
    font-size: 18px;
    color: #3c3b3b
}

.choose_box:hover .choose_contents h4 {
    color: #fff
}

.choose_contents p {
    font-size: 14px;
    line-height: 25px;
    text-align: center
}

.choose_box:hover .choose_contents p {
    color: #fff
}

.search_widgets {
    background: #f5f5f5
}

.search_widgets .row {
    align-items: center
}

.search_left h5 {
    font-size: 28px;
    line-height: 32px
}

.search_left p {
    line-height: 25px;
    color: #7d7d7d;
    font-size: 14px
}

.search_right {
    background: #fff;
    height: 150px;
    padding: 25px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 #ccc;
    -moz-box-shadow: 0 0 10px 0 #ccc;
    box-shadow: 0 0 10px 0 #ccc
}

.search_right #category_id {
    width: 100%;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    padding: 8px 15px
}

#category_id .level-0 {
    color: #333131;
    font-weight: 600
}

.search_right button {
    border-bottom: 1px solid #00f;
    border-top: none;
    border-right: none;
    border-left: none;
    background: 0 0;
    padding: 6px;
    color: #00f;
    display: block;
    margin: 20px auto;
    font-size: 15px
}

.search_right button i {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px
}

.tranding_box {
    border: 1px solid #d9d8d8;
    cursor: pointer;
    background: #fff;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

.tranding_box:hover {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15);
    background-size: auto 103%
}

.tranding_box:hover .t_more a {
    background: #007bff;
    color: #fff;
    cursor: pointer;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

.tranding_box .related_list h4 {
    color: #fff
}

.t_cate,
.t_content,
.t_title {
    margin: 10px 0;
    padding: 0 20px
}

.t_title h4 {
    font-size: 18px
}

.t_cate span {
    font-size: 13px;
    color: #8c8888
}

.checked {
    color: orange!important
}

.t_content p {
    font-size: 13px;
    line-height: 28px;
    height: 120px;
    overflow: hidden;
    margin: 20px 0;
    color: #5d5d5d
}

.t_more {
    background: #ebebeb
}

.t_more a {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease
}

.trending_slider {
    margin: 30px 0
}

.owl-stage-outer {
    padding: 20px 0
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    border: 1px solid #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    transform: rotateZ(60deg)
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0775be;
    border: 1px solid #0775be
}

#homeyoutubereviews .owl-next,
#homeyoutubereviews .owl-prev,
#trending_course .owl-next,
#trending_course .owl-prev {
    position: absolute;
    top: -7%;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#homeyoutubereviews .owl-prev,
#trending_course .owl-prev {
    right: 4%
}

#homeyoutubereviews .owl-next,
#trending_course .owl-next {
    right: 0
}

#trending_course .owl-nav span {
    font-size: 28px;
    background: #2389f2;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 30px;
    color: #fff;
    box-shadow: 0 0 6px -3px #333
}

#trending_course .owl-nav {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#master_course .owl-next,
#master_course .owl-prev {
    position: absolute;
    top: -7%;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#master_course .owl-prev {
    right: 4%
}

#master_course .owl-next {
    right: 0
}

#master_course .owl-nav span {
    font-size: 28px;
    background: #2389f2;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 30px;
    color: #fff;
    box-shadow: 0 0 6px -3px #333
}

#master_course .owl-nav {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.online_widgets {
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px 0
}

.online_widgets::before {
    content: "";
    background-image: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.online_widgets .row {
    align-items: center
}

.online_left p {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}

.online_right a {
    background: #f70;
    color: #fff;
    margin: 20px auto;
    display: table;
    font-size: 14px;
    min-width: 150px;
    text-align: center;
    padding: 13px 25px;
    font-weight: 500;
    -webkit-box-shadow: 0 4px 5px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 4px 5px 2px rgb(0 0 0 / 20%);
    box-shadow: 0 4px 5px 2px rgb(0 0 0 / 20%);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.online_right a:hover {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .5);
    -ms-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .5);
    -o-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .5)
}

.blogs {
    background: #2955f6;
    margin-bottom: 0
}

.blog_slider {
    margin: 0
}

.blog_boxes {
    background: #fff;
    position: relative;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.b_blogs {
    padding: 20px
}

.b_title h4 {
    height: 80px;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    line-height: 20px;
    color: #2e3d49;
    padding: 0;
    font-size: 16px
}

.b_read {
    font-size: 13px;
    color: #2e3d49;
    font-weight: 500;
}

.b_contents,
.b_dates,
.b_tags,
.b_title {
    margin-bottom: 0
}

.b_tags span {
    font-size: 14px;
    color: #4f4f4f;
    margin-right: 0;
    font-weight: 500;
}

.b_contents p {
    font-size: 13px;
    line-height: 25px;
    height: 80px;
    overflow: hidden;
    color: #484646;
    margin-bottom: 20px
}

.b_dates span {
    font-size: 13px;
    color: #8c8888;
    min-width: 100px;
    display: inline-block;
    text-align: center
}

.b_dates span i {
    color: #0776be;
    display: inline-block;
    padding: 0 5px
}

.blog_boxes:hover {
    -webkit-box-shadow: 0 7px 15px -10px #000;
    box-shadow: 0 7px 15px -10px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.b_thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.b_thumb img {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.blog_boxes:hover img {
    transform: scale(1.1);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#blogs .owl-next,
#blogs .owl-prev {
    position: absolute;
    top: -20px;
    right: 0
}

#blogs .owl-prev {
    right: 40px
}

#blogs .owl-next {
    right: 0
}

#blogs .owl-next span,
#blogs .owl-prev span {
    font-size: 20px;
    border: 1px solid #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    color: #696060;
    background: #fff;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#blogs .owl-next span:hover,
#blogs .owl-prev span:hover {
    color: #fff;
    border: 1px solid #0776be;
    background: #0776be;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.cat_list {
    padding-left: 0;
    display: table;
    width: 100%
}

.cat_list li {
    float: left;
    margin: 5px 20px 5px 0;
    position: relative
}

.cat_list li::after {
    content: "|";
    position: absolute;
    top: 4px;
    right: -15px;
    font-size: 12px;
    color: #757575
}

.cat_list li a {
    font-size: 12px;
    display: block;
    color: #757575;
    line-height: 22px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.cat_list li a:hover {
    color: #000;
    text-decoration: underline;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.d_syllabus {
    float: right;
    position: relative
}

.d_syllabus a {
    font-size: 13px;
    display: block;
    padding: 8px 12px;
    background: #fe5e08;
    color: #fff;
    border-radius: 0;
    z-index: 1;
    position: relative;
    -moz-transition: all .5s ease;
    line-height: 22px;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    font-weight: 500;
    text-transform: capitalize;
}

.d_syllabus a:hover {
    background: #ffcc19;
    color: #333;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.d_syllabus a i {
    padding-right: 5px
}

.our_branches {
    padding: 0 0 40px 0
}

footer {
    background: #2c3942;
    padding: 20px 0
}

.foo_navs p {
    font-size: 12px;
    color: #cecdcd;
    line-height: 23px;
    padding: 5px 0;
    text-align: left
}

.foo_navs h5 {
    color: #cac8c8;
    border-bottom: 1px solid #4c4a4a;
    padding-bottom: 5px
}

.address_left {
    float: left;
    width: 10%;
    display: block
}

.address_right {
    float: left;
    width: 90%;
    display: block
}

.address_right p {
    padding: 0;
    line-height: 20px;
    color: #cbcece;
    display: block;
    float: left;
    margin-right: 10px;
    min-width: 75px;
    font-size: 13px;
}

.overalladress {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    clear: both;
    width: 100%;
    margin-bottom: 3px;
    padding-bottom: 0
}

.address_left i {
    font-size: 14px;
    color: #cbcece
}

.address_right p {
    padding: 0;
    color: #fff;
}

.address_right p a {
    display: inline-block;
    color: #efe8e8;
}

.email {
    font-weight: 600;
    color: #e0dfde!important
}

.footer_map,
.footerlist,
address {
    margin: 15px 0 0
}

.footerlist li {
    position: relative
}

.footer_social {
    margin: 20px 0 10px
}

.footerlist {
    padding-left: 10px
}

.footerlist li a {
    display: inline-block;
    line-height: 20px;
    padding: 3px 0;
    color: #bdbaba;
    font-size: 13px;
    transition: .5s;
    -webkit-transition: .5s
}

.footerlist li a:hover {
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s
}

.footerlist li::before {
    content: "-";
    color: #bdbaba;
    margin-right: 10px;
    font-size: 16px;
    position: absolute;
    top: 5px;
    left: -10px
}

.footer_details p {
    color: #dadada;
    padding: 5px 0;
    font-size: 11px;
    line-height: 20px;
}

.row.footer_row {
    padding: 10px 0 0;
    margin-top: 15px;
    border-top: 1px solid #4b575e
}

.footer_copy {
    background: #232c33;
    padding: 5px 0
}

.copy p {
    color: #cecdcd;
    padding: 0;
    font-size: 12px
}

.copy_list {
    padding-left: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

.copy_list li {
    margin: 0 10px;
    position: relative
}

.copy_list li::after {
    content: "|";
    font-size: 13px;
    position: absolute;
    right: -15px;
    top: 2px;
    color: #fff
}

.copy_list li:nth-child(3):after {
    display: none
}

.copy_list li a {
    color: #f90;
    font-size: 12px;
    font-weight: 600
}

.social_list {
    display: flex;
    padding: 0;
    justify-content: left;
    align-items: center
}

.footer_details a {
    color: #ffcb00;
    font-weight: 500;
    font-size: 12px;
    text-decoration: underline;
}

.social_list li a i {
    color: #9d9d9d;
    margin: 0 7px;
    font-size: 16px;
    border: 1px solid #6c6a6a;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    background: rgba(255, 255, 255, .05);
    transition: .5s
}

.social_list li a i:hover {
    color: #fff;
    transform: scale(1.1);
    transition: .5s
}

.footer_copy .row {
    align-items: center
}

.footer_social h5 {
    float: left;
    padding: 0;
    line-height: 25px;
    color: #fff;
    font-size: 18px;
    margin-right: 5px
}

.copy {
    margin: 10px 0
}

.footer_map .embed-container {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.footer_map .embed-container embed,
.footer_map .embed-container iframe,
.footer_map .embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mobile_footeracordian {
    display: none
}

.footer_acoordian .card {
    background-color: #26313a;
    border-bottom: none;
    margin-bottom: 3px
}

.footer_acoordian .card-header {
    background: #26313a;
    padding: 0;
    border: none;
    margin-bottom: 4px
}

.footer_acoordian .mb-0 {
    padding: 0
}

.footer_acoordian .mb-0 .btn-link {
    width: 100%;
    text-align: left;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    line-height: 20px
}

.footer_acoordian .card-body {
    padding: 10px 20px;
    background: #1e2931
}

.footer_acoordian .collapsed::before {
    content: "\f067";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

.footer_acoordian .collapse.show::before,
.footer_acoordian .collapsed::before {
    color: #fff;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.footer_acoordian .collapse.show::before {
    border-radius: 50%;
    content: "\f068";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.2rem 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

@media screen and (max-width:768px) {
    .footer_desktop {
        display: none
    }
    .mobile_footeracordian {
        display: block
    }
}

.footer_social_list {
    padding: 0;
    display: flex;
    width: 100%;
    align-items: center
}

.footer_social_list>li {
    margin-right: 13px
}

.footer_social_list>li>a {
    background: #676262;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    transition: all .5s ease-in-out
}

.footer_social_list>li>a:hover {
    transition: all .5s ease-in-out;
    transform: scale(1.1)
}

.inner_cat {
    padding-top: 0;
    padding-bottom: 10px
}

.course_banner {
    background-image: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    padding: 30px 0
}

.online_banner {
    background-image: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    height: auto;
    padding: 30px 0
}

.starratings .filled {
    color: #ffb606
}

.banner_title h1 {
    color: #fff;
}

.banner_title p {
    color: #fff;
    padding: 10px 0;
    font-size: 14px
}

.bannershow strong {
    color: #f2e517;
}

.bannershow b {
    color: #f2e517
}

.bannershow a {
    color: #ffd133;
    font-weight: 500;
}

.banner_title .bread_crums {
    display: block
}

.starratings {
    padding: 8px 10px;
    font-size: 12px;
    display: inline-block;
    background: rgba(255, 255, 255, .13);
    border-radius: 4px
}

.ratingtitle {
    color: #fff;
    font-weight: 500
}

.video_widget {
    background: #fff;
    border-radius: 0;
    padding: 10px;
    -webkit-box-shadow: -2px 5px 10px -6px #000;
    -moz-box-shadow: -2px 5px 10px -6px #000;
    box-shadow: -2px 5px 10px -6px #000
}

.video_widget:hover .video_popup img {
    transform: scale(1.1);
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.video_popup {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.video_popup a {
    display: block;
    width: 100%;
    height: auto
}

.video_popup img {
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.video_overlay {
    background: rgba(0, 0, 0, .3);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.play_btn {
    z-index: 99;
    position: absolute;
    top: 35%;
    width: 100%;
    height: auto;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.hover_txt {
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 0;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.hover_txt p i {
    font-size: 60px;
    color: red
}

.play {
    background: red;
    border-radius: 50%/10%;
    color: #fff;
    opacity: .8;
    height: 3em;
    margin: 5px auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: .1em;
    transition: all 150ms ease-out;
    width: 4em
}

.play::before {
    background: inherit;
    border-radius: 5%/50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%
}

.play::after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgba(255, 255, 255, .75);
    content: ' ';
    font-size: .75em;
    height: 0;
    margin: -1em 0 0 -.75em;
    top: 50%;
    position: absolute;
    width: 0
}

.video_widget:hover .play {
    background: red;
    opacity: 1
}

.quotes {
    text-align: left;
    padding-left: 70px;
    padding-right: 70px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 500
}

.enroll_btn p a {
    border: 1px solid #2389f2;
    background: #2389f2;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 0;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000
}

.enroll_btn p a:hover {
    border: 1px solid #1984cb;
    color: #1984cb;
    background: #fff;
    transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .3s cubic-bezier(.905, .395, .12, .55)
}

.download_btn p a {
    border: 1px solid #2389f2;
    display: inline-block;
    width: 100%;
    padding: 5px 25px;
    border-radius: 0;
    font-weight: 500;
    line-height: 25px;
    color: #2389f2;
    font-size: 13px;
    text-align: center;
    transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000
}

.download_btn p a:hover {
    background: #2389f2;
    border: 1px solid #2389f2;
    color: #fff;
    transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .3s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .3s cubic-bezier(.905, .395, .12, .55)
}

.customized_tab {
    margin-top: 10px;
    border: 1px solid #ece1e1;
    border-radius: 5px
}

.customized_tab .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden
}

.customized_tab .tab-content {
    padding: 20px 0
}

.customized_tab ul li {
    margin-left: 0;
    margin-right: 3px
}

.customized_tab ul li a {
    display: block;
    padding: 8px 19px;
    text-align: center;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    color: #333;
    background: #fff;
    overflow: hidden;
}

.customized_tab ul li a.active {
    background: #1a73e8;
    color: #fff
}

.overallbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0
}

.enroll_btn {
    margin: 0 10px
}

.onlinefee {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 5px 0;
    justify-content: center
}

.feeamount span {
    display: block
}

.feetitle {
    padding: 0 20px 0 0
}

.feeamount {
    padding: 0 0 0 10px
}

#strikefee {
    font-size: 14px;
    text-decoration: line-through;
    color: #9f9999
}

#offerfee {
    font-size: 16px
}

.feeamount i {
    font-style: normal
}

#fees {
    font-size: 22px;
    font-weight: 700;
    color: #ffc600
}

.feetitle p {
    font-size: 22px;
    font-weight: 600;
    color: #234970
}

.dividerline {
    position: relative;
    margin: 15px 0 0
}

.dividerline::before {
    content: "";
    background: #ccc;
    width: 250px;
    height: 1px;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: .4;
    bottom: 0
}

.quote_left .fa.fa-phone-square {
    font-size: 40px;
    color: #2389f2
}

.quote_right p {
    padding: 0
}

.quote_right p a {
    font-size: 18px;
    display: block;
    color: #2389f2;
    font-weight: 500
}

.quote_right span {
    font-size: 10px;
    display: block;
    color: #3b3b3b;
    font-weight:500
}

.overallquotes {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.quote_left {
    text-align: center;
    padding-right: 10px
}

.quote_right {
    text-align: left;
    padding-right: 5px
}

.banner_read {
    padding: 10px 0;
    display: flex;
    width: 100%;
    align-items: center
}

.banner_read a {
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    display: inline-block;
    margin: 10px 20px 10px 0;
    font-weight: 500;
    padding: 0;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.start {
    border-radius: 0;
    background: #fe5e08;
    padding: 13px 10px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    -ms-box-shadow: 0 3px 10px -8px #000;
    -o-box-shadow: 0 3px 10px -8px #000
}

.start:hover {
    background: #465465;
    color: #fff
}

.start i {
    padding: 0 5px 0 3px
}

.adviser {
    border-radius: 0;
    background: #ffeb00;
    color: #333!important;
    padding: 10px 15px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000);
    -ms-box-shadow: 0 3px 10px -8px #000;
    -o-box-shadow: 0 3px 10px -8px #000;
    font-weight: 600;
    font-size: 13px
}

.adviser:hover {
    background: #fe5e08;
    color: #fff!important
}

.adviser i {
    padding: 0 5px 0 3px
}

.cus_badge {
    border-radius: 3px;
    font-size: 10px;
    padding: 2px 10px;
    background: #ffc600;
    border: none;
    color: #000;
    min-width: inherit;
    display: inline-block;
    line-height: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 0;
    vertical-align: baseline;
    margin-right: 20px
}

.cus_badge::after {
    background: inherit;
    content: '';
    height: 15px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 15px;
    display: block;
    border-radius: 3px;
    right: -5px;
    z-index: -1
}

.cus_badge.none {
    display: none
}

.fixed_menu {
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    background: #f9f9f9;
    width: 100%;
    z-index: 99
}

.sticky {
    position: sticky;
    top: 12%;
    width: 100%;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    margin: 0 0
}

.secondary_menu ul {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    padding: 0
}

.secondary_menu ul li {
    margin: 0;
    list-style: none;
    background: #0f41b7;
    margin-bottom: 2px;
    padding: 0
}

.secondary_menu ul li a {
    color: #fff;
    font-size: 14px;
    padding: 15px 10px;
    display: block;
    line-height: 20px;
    position: relative;
    font-weight: 500;
    transition: .5s;
    -webkit-transition: .5s
}

.secondary_menu ul li a:hover {
    background: #6c66fb
}

.secondary_menu li.active a {
    color: #fff;
    background-image: linear-gradient(to right, #1e2cc6, #2531ce, #2c35d5, #323add, #383fe5, #3f44ea, #4649ee, #4c4ef3, #5554f5, #5d5af7, #6560f9, #6c66fb);
}

.secondary_menu li.active a::after {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    right: -20px;
    color: #6c66fb;
    font-size: 70px;
    z-index: -1
}

.fixedbtn {
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    position: relative;
    margin: 25px 0
}

.secondary_menu li a i {
    display: inline-block;
    padding: 0 5px;
    text-align: center
}

.secondary_menu li a span {
    display: inline-block;
    padding: 0 2px
}

.fixedbtn a {
    color: #fff;
    border: 1px solid #1a73e8;
    display: table;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    margin: 10px auto;
    background: #1a73e8;
    -webkit-box-shadow: 0 3px 0 0 #0a2f60;
    -moz-box-shadow: 0 3px 0 0 #0a2f60;
    box-shadow: 0 3px 0 0 #0a2f60;
    min-width: 200px;
    height: 50px;
    line-height: 50px
}

.fixedbtn span {
    background: #ee2e2e;
    display: inline;
    font-size: 12px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 10px;
    position: absolute;
    top: 15px;
    right: 15px
}

.fff .quotes {
    padding-left: 35px;
    padding-right: 35px
}

.feature_widgets {
    background: #dadee3;
    padding: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    margin-bottom: 0
}

#featuresliders .owl-stage-outer {
    padding: 10px 0
}

.overallfeature {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #cac3c3
}

.feature_assignment,
.feature_duration,
.feature_learners,
.feature_skill,
.feature_support,
.feature_widget_assignment,
.feature_widget_duration,
.feature_widget_learners,
.feature_widget_skill,
.hike_fiftypercent {
    background-image: url(../images/features/featureimages.png);
    background-repeat: no-repeat
}

.feature_skill {
    padding: 34px 50px 16px 30px;
    background-position: -77px -9px
}

.feature_duration {
    padding: 34px 50px 16px 30px;
    background-position: -231px -18px
}

.feature_learners {
    padding: 34px 50px 16px 30px;
    background-position: -11px -17px
}

.feature_assignment {
    padding: 34px 50px 16px 30px;
    background-position: -315px -19px
}

.feature_support {
    padding: 40px 50px 16px 30px;
    background-position: -160px -10px
}

.hike_fiftypercent {
    background-position: -77px 17px
}

.feature_widget_skill {
    background-position: -80px -2px
}

.feature_widget_duration {
    background-position: -234px -5px
}

.feature_widget_learners {
    background-position: -12px -10px
}

.feature_widget_assignment {
    background-position: -312px -6px
}

.feature_thumb {
    height: 100%;
    align-items: center;
    display: flex
}

.feature_content {
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.feature_content h5 {
    color: #0b3d80;
    font-size: 16px;
    padding: 5px 0;
    line-height: 20px
}

.feature_content p {
    font-size: 13px;
    padding: 0;
    line-height: 20px;
    color: #333;
    font-weight: 600;
}

#featuresliders .owl-next,
#featuresliders .owl-prev {
    position: absolute;
    top: 0;
    height: 100%;
    width: 40px;
    opacity: 1;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.feature_widgets:hover #featuresliders .owl-prev {
    opacity: 1;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.feature_widgets:hover #featuresliders .owl-next {
    opacity: 1;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

#featuresliders .owl-prev {
    left: 0
}

#featuresliders .owl-next {
    right: 0
}

#featuresliders .owl-next span,
#featuresliders .owl-prev span {
    font-size: 40px;
    color: #4a4747
}

.course_contents {
    background: #fff;
    border-radius: 0;
    border: 1px solid #f7f2f2;
    padding: 20px;
    box-shadow: 0 2px 8px 0 #0000001a
}

.courses_loadmore {
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    line-height: 28px;
    color: #666161;
    margin: 5px 0 20px;
    display: block
}

.course_contents h2 {
    position: relative;
    margin-bottom: 20px
}

.common_sections {
    margin: 15px 0;
    display: table;
    width: 100%;
    background: #dfeaf9;
    padding: 15px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    border-top: 5px solid #2389f2
}

.common_div {
    width: 100%;
    clear: both
}

.common_div h4 {
    color: #1984cb;
    text-align: center;
    font-size: 24px;
    padding: 10px 0;
    text-align: center;
    line-height: 30px
}

.common_div p {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #777
}

.common_div a {
    display: table;
    margin: 20px auto 0;
    font-size: 14px;
    background-image: linear-gradient(to left, #248de4, #0c5397);
    padding: 8px 30px;
    line-height: 23px;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    -webkit-box-shadow: 0 3px 4px -1px #a3a3a2;
    -moz-box-shadow: 0 3px 4px -1px #a3a3a2
}

.abt_thumb {
    text-align: center
}

.course_contents ul {
    margin: 5px 0;
}

.course_contents li {
    font-size: 14px;
    padding: 5px 0;
    line-height: 28px;
    margin-left: 0;
    display: block;
    color: #2e3d49;

}

.course_contents li::before {
    content: "\f05b";
    padding-right: 10px;
    font-size: 12px;
    color: #83878c;
    font-family: FontAwesome
}

.left_div {
    position: relative
}

.left_div::after {
    content: "";
    background: #aac1e1;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -20px
}

.left_div h4 {
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    color: #000
}

.left_div p {
    text-align: center;
    line-height: 25px
}

.right_div h4 {
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #000
}

.abt_thumb {
    text-align: center
}

.expertsright a {
    font-size: 18px;
    padding: 5px 0;
    display: block;
    text-align: center;
    font-weight: 700;
    color: #2389f2
}

.expertsright .fa.fa-phone-square {
    padding: 0 10px
}

.no_padding {
    padding: 0
}

.overallcertificate {
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(147, 110, 110, .12), 0 1px 3px 0 rgba(92, 75, 75, .2);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(147, 110, 110, .12), 0 1px 3px 0 rgba(92, 75, 75, .2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(147, 110, 110, .12), 0 1px 3px 0 rgba(92, 75, 75, .2);
    margin: 20px 0
}

.certificate_contents {
    padding: 15px 30px;
    height: 100%
}

.certificate_contents h4 {
    font-size: 24px;
    line-height: 30px
}

.row.certifi_forms {
    padding-top: 20px
}

.certifi_formsfields {
    display: table;
    width: 100%;
    margin: 20px 0 20px;
    clear: both
}

.certifi_formsfields .form-group {
    float: left;
    width: 50%;
    margin: 15px 0
}

.certifi_formsfields input {
    width: 90%;
    margin-left: 0
}

.certifi_formsfields input {
    width: 90%;
    margin-left: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e4dede;
    padding: 5px;
    font-size: 12px;
    color: #ccc
}

.certifi_formsfields input:focus label {
    border: none;
    outline: 0
}

.certifiterms p {
    font-size: 12px;
    text-align: center;
    color: #887d7d
}

.certifiterms {
    padding: 10px 0;
    display: table;
    width: 100%;
    text-align: center
}

.certfisubmit button.btn.btn-primary {
    margin: 5px auto;
    text-align: center;
    display: table;
    width: 60%;
    background: #f90;
    border: none;
    font-size: 16px;
    border-radius: 0
}


.certificate_details {
    margin: 15px 0
}

.certifi_widget h5 {
    color: #333;
    text-align: center;
    padding: 10px 0 20px;
    font-size: 20px;
    line-height: 25px;
    position: relative;
    margin-bottom: 20px
}

.certifi_widget h5::after {
    content: "";
    background: #1a73e8;
    width: 50px;
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.certifi_widget p {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px
}

.cartificate_thumb {
    padding: 5px;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 280px;
    border: 3px solid #fbb894
}

.preview_certificate {
    cursor: pointer;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 9;
    padding: 5px;
    border: 5px solid #b0b0b0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.cartificate_thumb img {
    transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.cartificate_thumb:hover img {
    transform: scale(1.1);
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.cartificate_thumb a {
    display: block
}


.preview_certificate p span {
    display: block;
    text-align: center;
    padding: 5px 0;
    font-size: 30px
}

.get_certified a {
    color: #fff;
    border: 1px solid #1a73e8;
    display: table;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 2px;
    min-width: 200px;
    text-align: center;
    margin: 15px auto 10px;
    background: #1a73e8;
    -webkit-box-shadow: 0 3px 0 0 #0a2f60;
    -moz-box-shadow: 0 3px 0 0 #0a2f60;
    box-shadow: 0 3px 0 0 #0a2f60;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    font-weight:500;
}

.get_certified i {
    padding-left: 10px;
    display: inline-block;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.get_certified a:hover {
    border: 1px solid #1457b0;
    background: #1457b0;
    -webkit-box-shadow: 0 3px 0 0 #082a57;
    -moz-box-shadow: 0 3px 0 0 #082a57;
    box-shadow: 0 3px 0 0 #082a57;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.get_certified a:hover i {
    padding-left: 13px;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.showmore-button {
    margin: 10px auto;
    text-align: center;
    display: table;
    position: relative;
    min-width: 250px;
    line-height: 30px;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #1a73e8
}

.main_featureswidgets {
    padding: 15px 0
}

.feature_box {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    background-color: #f8f9fb;
    background-position: center center;
    background-size: auto 100%;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 225px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 20px 20px;
    cursor: pointer;
    height: 210px;
    transition: .5s;
    -webkit-transition: .5s
}

.feature_box:hover {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15);
    background-size: auto 103%;
    background: #1b9ce3;
    transition: .5s;
    -webkit-transition: .5s
}

.feature_box:hover h6 {
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s
}

.feature_box:hover span {
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s
}

.feature_box:hover p {
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s
}

.feature_box h6 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #202124;
    transition: .5s;
    -webkit-transition: .5s
}

.feature_box p {
    color: #5f6368;
    font-size: 13px;
    font-weight: 400;
    transition: .5s;
    -webkit-transition: .5s;
    line-height: 23px;
    text-align: left
}

.feature_box span {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #1a73e8;
    font-weight: 600;
    transition: .5s;
    -webkit-transition: .5s
}

.user-block {
    background-color: #f7f7f7;
    clear: both;
    display: table;
    margin: 15px 0;
    padding: 15px
}

.user-block figure {
    float: left;
    margin: 0
}

.user-block .user-picture img {
    max-width: inherit;
    width: 80px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff
}

.user-block .paragraph-wrapper {
    padding-left: 25px;
    display: table-cell;
    vertical-align: middle
}

.user-block .paragraph-wrapper headers {
    margin-bottom: 0!important;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    color: #333
}

.user-block .paragraph-wrapper figure {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    width: 100%;
    color: #333
}

.user-block .paragraph-wrapper p {
    font-size: 14px;
    line-height: 25px
}

.checked {
    color: #ffb606!important
}

.related_course .owl-item .text {
    opacity: .5
}

.related_course .owl-item.active .text {
    opacity: 1
}

#related_course .active.center {
    transform: scale(1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#related_course .active {
    transform: scale(.9);
    transition: .6s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#related_course .owl-item {
    transform: scale(.9);
    transition: .6s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.related_slider .owl-next,
.related_slider .owl-prev {
    position: absolute;
    top: 40%
}

.related_slider .owl-prev {
    left: 5%
}

.related_slider .owl-next {
    right: 5%
}

.related_slider .owl-next span,
.related_slider .owl-prev span {
    font-size: 50px;
    height: 50px;
    line-height: 40px;
    width: 50px;
    display: block;
    text-align: center;
    opacity: .5;
    color: #333;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.related_slider .owl-next span:hover,
.related_slider .owl-prev span:hover {
    background: #1a73e8;
    color: #fff;
    opacity: 1;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all .8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all .8s cubic-bezier(.905, .395, .12, .55)
}

.faqaccodian {
    margin: 20px 0
}

.faqaccodian .card-header {
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    background: 0 0
}

.faqaccodian .mb-0 {
    font-size: 14px;
    line-height: 35px;
    padding: 0
}

.faqaccodian .btn.btn-link {
    font-weight: 500;
    width: 100%;
    text-align: left;
    padding: 12px 50px 12px 12px;
    font-size: 14px;
    color: #6b6a6a;
    text-decoration: none;
    background: #fcfcfd;
    border-radius: 0;
}

.faqaccodian .card-body {
    padding: 15px
}

.faqaccodian .collapsed::before {
    content: "\f078";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

.faqaccodian .collapse.show::before,
.faqaccodian .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.faqaccodian .collapse.show::before {
    border-radius: 50%;
    content: "\f078";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.2rem 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.online_footer {
    margin: 0 0 0;
    padding: 5px 0 0;
    background: #101010
}

.footer-social ul {
    margin: 5px auto 20px;
    display: table
}

.footer-social li {
    float: left;
    margin: 5px 15px;
    list-style: none
}

.footer-social li a i {
    color: #8c8b8b;
    font-size: 20px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    transition: .8s;
    -webkit-transition: .8s
}

.footer-social li a i:hover {
    color: #fff;
    transition: .8s;
    -webkit-transition: .8s
}

.footer_nav h6 {
    color: #0f8bde;
    font-size: 18px
}

.foo_navlist span {
    display: block;
    font-weight: 600;
    font-size: 14px
}

.foo_navlist li {
    color: #fff;
    font-size: 13px;
    list-style: none;
    margin-left: 0
}

.foo_navlist li a {
    color: #fff;
    padding: 5px 0
}

.foo_navlist {
    margin: 20px 0
}

.footer_copys p {
    color: #fff;
    text-align: center;
    padding: 0;
    line-height: 25px;
    font-size: 13px
}

.footer_copys a {
    color: orange
}

.footer_rows {
    position: relative;
    margin: 0;
    padding: 15px 0
}

.no_bg #footer-bg {
    display: none
}

.inn_banner .row {
    margin: 0
}

.inn_banner {
    padding: 30px 0;
    position: relative;
    background: url(../images/logo_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
    min-height: 220px;
    justify-content: center;
    align-items: center;
    display: flex
}

.inn_banner::after {
    position: absolute;
    content: "";
    background: rgba(16, 103, 219, .95) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.inn_banner-title h1 {
    display: table;
    border: 1px solid #fff;
    padding: 10px 22px;
    position: relative;
    font-size: 18px;
    margin: 15px auto;
    color: #fff
}

.inn_banner-title h1::after,
.inn_banner-title h1::before {
    content: '';
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: -4px;
    top: -1px;
    width: 3px;
    height: 100%
}

.inn_banner-title h1::after {
    left: auto;
    right: -4px;
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1)
}

.inn_banner-title h1 span::after,
.inn_banner-title h1 span::before {
    content: '';
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    left: 0;
    top: -4px;
    width: 100%;
    height: 3px
}

.inn_banner-title h1 span::after {
    top: auto;
    bottom: -4px;
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1)
}

.bread_crums {
    margin: 0 auto;
    display: table
}

#breadcrumbs {
    font-size: 12px;
    padding: 5px 0;
    word-spacing: 0;
    text-align: left;
    letter-spacing: 0
}

#breadcrumbs a {
    color: #fff
}

.breadcrumb_last {
    color: #fbeb55
}

#breadcrumbs .fa.fa-angle-double-right {
    display: inline-block;
    padding: 0 2px;
    color: #fff
}

.offer_bread #breadcrumbs .fa.fa-angle-double-right {
    display: inline-block;
    padding: 0 2px;
    color: #5d5555
}

#breadcrumbs .fa.fa-home {
    font-size: 18px
}

.custom_widgets {
    background: -moz-linear-gradient(center top, #f76b1c, #f5a623) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center top, center bottom, from(#f76b1c), to(#f5a623));
    border: 1px solid #e3e3e3;
    margin: 0 0 20px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition: box-shadow .8s linear, opacity .8s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 5px;
    padding: 20px
}

.custom_widgets-title {
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px
}

.custom_widgets-title::after {
    position: absolute;
    content: "";
    background: #fff;
    width: 100px;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.custom_widgets .fa.fa-phone,
.custom_widgets a,
.custom_widgets p span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 7px
}

.custom_widgets p {
    color: #fff
}

.divider {
    margin: 20px 0;
    display: table;
    width: 100%;
    position: relative
}

.divider::after {
    position: absolute;
    content: "";
    background: #fff;
    width: 250px;
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.custom_socialwidgets {
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition: box-shadow .8s linear, opacity .8s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 5px;
    background: -moz-linear-gradient(center top, #fff, #efefef);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#efefef))
}

.socials_widgets {
    width: 100%;
    display: table;
    margin: 15px 0
}

.custom_socialwidgets-title {
    position: relative;
    color: #333;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    padding-top: 0
}

.custom_socialwidgets-title::after {
    position: absolute;
    content: "";
    background: #ccc;
    width: 100px;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.widgets_list ul {
    padding: 0
}

.widgets_list .children {
    padding-left: 10px
}

.widgets_list li {
    font-size: 14px;
    padding: 5px 0;
    line-height: 25px;
    border-bottom: 1px dotted #ccc
}

.widgets_list li:last-child {
    border-bottom: none
}

.widgets_list ul li a {
    color: #333;
    display: inline-block;
    padding: 5px 0;
    transition: .5s;
    -webkit-transition: .5s
}

.widgets_list ul li a:hover {
    color: #f90;
    transition: .5s;
    -webkit-transition: .5s
}

.trending_list ul {
    padding-left: 0
}

.trending_list ul li {
    font-size: 14px;
    margin: 5px 0;
    line-height: 20px;
    border-bottom: 1px dotted #ccc;
    display: flex;
    align-items: center;
    transition: .5s
}

.trending_list ul li::before {
    content: "\f05b";
    font-family: FontAwesome;
    position: relative;
    margin: 10px 15px 10px 0;
    color: #797575
}

.trending_list ul li:hover::before {
    color: #f76b1c
}

.trending_list ul li:hover {
    border-bottom: 1px dotted #f76b1c;
    transition: .5s
}

.trending_list ul li a {
    color: #6f6a6a;
    padding: 10px 0;
    display: block;
    transition: .5s
}

.trending_list ul li a:hover {
    color: #f76b1c;
    transition: .5s
}

.error_page .page-title {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    padding: 10px 0;
    font-weight: 600
}

.page-content p {
    padding: 10px 0;
    display: block;
    margin: 10px 0;
    font-size: 20px;
    text-align: center;
    line-height: 33px
}

.page-content {
    padding: 10px 0;
    text-align: center
}

.error_page .screen-reader-text {
    font-size: 20px
}

.error_page input {
    height: 35px
}

.error_page #searchform {
    margin: 20px 0
}

.category_title h2 {
    font-size: 20px;
    color: #333;
    line-height: 30px
}

.category_title h2 a {
    color: #333;
    display: inline-block;
}

.cat_details {
    font-size: 12px;
    line-height: 25px;
    padding-bottom: 10px
}

.cat_details span {
    display: inline-block;
    padding: 0 10px;
    color: #737373
}

.cat_details span i {
    font-size: 16px;
    color: #0775be;
    margin-right: 5px
}

.cat_details span a {
    color: #6f6666;
    font-weight: 600;
    text-transform: capitalize
}

.blg_cat {
    background: #2b2b2b;
    border-radius: 6px
}

.blg_cat i {
    color: #fff!important;
    font-size: 12px!important
}

.blg_cat a {
    color: #fff!important
}

.category_thumb img {
    width: 100%;
    height: auto
}

.post-thumbnail-inner {
    display: block
}

.category_thumb {
    margin: 10px 0
}

.cat-content p {
    line-height: 25px;
    font-size: 13px
}

.cat_read_more {
    float: right;
    margin: 10px 0 10px
}

.cat_read_more a {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    background: rgba(16, 103, 219, .95) none repeat scroll 0 0;
    display: block;
    padding: 8px 10px;
    border-radius: 5px
}

.cat_class {
    display: table;
    margin: 10px 0;
    border-bottom: 1px solid #dfdcdc;
    padding: 10px 0;
    width: 100%
}

.pagination {
    clear: both;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    justify-content: center;
    margin: 20px 0 30px
}

.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #0775be;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out
}

.pagination span {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #0775be;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out
}

.next.page-numbers,
.prev.page-numbers {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-next-text,
.nav-prev-text {
    padding: 8px!important
}

.pagination a:hover {
    color: #fff;
    background: #1f6593
}

.pagination .current {
    padding: 10px 10px 10px 10px;
    background: #042e4a;
    color: #fff;
    font-weight: 600
}

.screen-reader-text {
    display: none
}

#blog_widgets {
    background: #f5f7f9;
    height: 100%;
    display: table;
    width: 100%
}

.cus-topsearch {
    width: 100%;
    clear: both;
    display: flex;
    margin-bottom: 20px
}

.cus_relatedblog {
    float: left;
    width: 50%
}

.cus_blog_archive {
    width: 33.333%;
    margin-right: 20px
}

.cus_blog_archive select {
    font-size: 13px;
    padding: 8px;
    color: #5e5e5e;
    height: 40px;
    border: 1px solid #ccc;
    width: 100%;
    background: #fbfbfb
}

.blog-search {
    float: right;
    margin-right: 10px;
    width: 50%
}

.blog-search select {
    font-size: 13px;
    padding: 8px;
    color: #5e5e5e;
    height: 40px;
    border: 1px solid #ccc;
    width: 75%;
    background: #fbfbfb;
    float: left
}

.blgsearch {
    border: none;
    color: #fff;
    padding: 0 15px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -webkit-backface-visibility: hidden;
    background-color: #2baae1
}

.blog-search select {
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.blog-contentarea {
    display: table;
    width: 100%;
    padding: 20px 0
}

.blog_list {
    padding: 0;
    display: block;
    margin: 0 auto
}

.blog_list li {
    float: left;
    width: 31%;
    margin: 1%;
    list-style: none;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 3px #bdbdbd;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    box-shadow: 0 0 36px rgba(0, 0, 0, .1);
    transition: box-shadow .2s linear, opacity .2s linear
}

.blog_list li:hover {
    box-shadow: 0 0 8px -2px #000;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    box-shadow: 0 0 64px rgba(0, 0, 0, .22);
    transition: box-shadow .2s linear, opacity .2s linear
}

.cus_blog_contents {
    height: 100%
}

.cus_blog_contents a {
    display: block;
    height: 100%;
    width: 100%
}

.blog_thumb {
    width: 100%;
    overflow: hidden;
    display: flex;
    height: 200px
}

.blog_thumb img {
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    width: 100%
}

.blog_list li:hover img {
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transform: scale(1.05)
}

.cus_blog_details {
    padding: 10px;
    height: auto;
    display: block
}

.cus_blog_details h4 {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    height: 50px;
    overflow: hidden;
    vertical-align: middle;
    display: table;
    width: 100%
}

.cus_blog_details .entry-meta {
    line-height: 15px
}

.entry-meta p {
    font-size: 11px;
    line-height: 15px;
    padding: 0;
    margin: 0;
    font-style: italic;
    font-weight: 600;
    color: #4a4a4a!important
}

.cus_blog_details .entry-meta span {
    font-size: 13px;
    font-weight: 500;
    color: #606c7e;
    margin-right: 5px
}

.entry-icons i {
    margin-right: 5px;
    color: #0775be;
    font-size: 10px
}

.cus_blog_details p {
    font-size: 13px;
    line-height: 23px;
    text-align: left;
    height: 100px;
    overflow: hidden;
    margin: 10px 0 0
}

.cus_blog_details span {
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
    color: #0775be
}

.cus_blog_details span .fa.fa-long-arrow-right {
    padding-left: 5px;
    font-size: 12px;
    transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out
}

.blog_list li:hover .fa.fa-long-arrow-right {
    padding-left: 10px;
    transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out
}

.blog_list li:hover .cus_blog_details span {
    color: #333;
    transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out
}

.blog_list li:hover .cus_blog_details h4 {
    color: #0775be;
    transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out
}

.related_blogs_widgets {
    margin: 40px 0
}

.related_words {
    padding: 10px;
    background: #fff;
    height: 200px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.related_blogs:hover .related_words {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 0 0 11px rgba(33, 33, 33, .2);
    transition: all .9s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.related_blogs {
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.related_thumb img {
    height: 150px
}

.related_title h5 {
    display: flex;
    align-items: center;
    padding: 0;
    height: 50px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #666
}

.related_cat {
    margin-bottom: 10px
}

.related_cat span {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 5px 20px;
    line-height: 15px;
    border-radius: 5px;
    background: #559df1
}

.related_content p {
    font-size: 13px;
    line-height: 22px
}

.related_content {
    padding-top: 0
}

.related_widgets {
    padding: 20px 0
}

.related_title {
    margin-bottom: 5px
}

.overall_related {
    border: 1px solid #eee;
    padding: 0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15);
    background-size: auto 103%;
    padding-bottom: 15px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.related_list {
    background: #157ac3;
    height: 100px;
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 1%
}

.related_list h4 {
    padding: 0;
    line-height: 24px
}

.related_list h4 a {
    color: #fff;
}

.related_courcontent {
    padding: 5px;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    margin: 10px 0 10px;
    color: #666161;
    height: 70px;
    overflow: hidden;
}

.related_reviews {
    padding-left: 10px;
    padding-right: 10px
}

.raleted_ratings p {
    font-size: 12px;
    color: #938e8e;
    line-height: 20px
}

.raleted_ratings .fa.fa-star.filled {
    color: #ffb606
}

.raleted_ratings span {
    font-size: 12px;
}



.overall_related:hover .releated_read {
    bottom: 0;
    height: 10%;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.releated_read {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.releated_read a {
    font-size: 14px;
    display: block;
    padding: 10px;
    background: #157ac3;
    color: #fff;
    font-weight: 500;
}

.footer_call {
    position: fixed;
    z-index: 9;
    bottom: 2%;
    left: 3%;
    display: none;
    z-index: 999
}

.footer_call .fa.fa-phone {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ed0808;
    border-radius: 50%;
    font-size: 22px;
    color: #fff
}

.onlinecntct {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 33%
}

.onlinecntct span {
    display: block;
    font-size: 16px;
    padding: 10px 0;
    width: 100%;
    color: #3c3a3a;
}

.onlinecntct a {
    font-weight: 400;
    color: #0775be;
    font-size: 16px;
    display: block;
    margin: 5px 0
}

#branches {
    background: #ebebec;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-height: 100%;
    background-attachment: fixed
}

#branches::before {
    background: #ebebec;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    opacity: .97
}

.branch_tabs #myTab {
    margin-bottom: 30px;
    justify-content: center
}

.branch_tabs .nav-item {
    margin: 0 20px;
    padding: 0;
    line-height: 20px
}

.branch_tabs .nav-item::before {
    display: none
}

.branch_tabs .nav-item .nav-link {
    padding: 15px 60px;
    font-size: 20px;
    border-bottom: 3px solid transparent;
    border-radius: 0
}

.branch_tabs .nav-tabs .nav-item.show .nav-link,
.branch_tabs .nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #007bff
}

.branches_widhets h2 {
    font-size: 24px;
    text-align: center;
    color: #fd7800;
    line-height: 35px
}

.branches_widhets p {
    text-align: center;
    font-size: 18px;
    width: 70%;
    margin: 10px auto
}

.branch_boxes {
    background: #fff;
    height: 220px;
    text-align: center;
    transform: rotate(45deg);
    width: 220px;
    margin: 0 auto 150px;
    box-shadow: 0 0 36px rgba(0, 0, 0, .1);
    transition: box-shadow .2s linear, opacity .2s linear
}

.boxes-count {
    color: #333;
    display: table-cell;
    height: 220px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 220px
}

.box_shape {
    background: #fff;
    width: 100%;
    height: 50px;
    transform: rotate(0);
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -50px;
    display: table-cell
}

.boxes-count span {
    font-size: 20px;
    display: block;
    color: #fd7800;
    font-weight: 600;
    text-align: center;
    margin: 0 auto
}

.boxes-count p {
    text-align: center;
    padding: 5px 0
}

.boxes-count a {
    background: 0 0;
    border: none;
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0;
    position: relative;
    color: #333
}

.branches_widhets {
    display: table;
    margin: 0 auto;
    padding-bottom: 100px
}

.branch_boxes:hover .boxes-count a {
    color: #fd7800;
    background: 0 0;
    border: none
}

.branch_boxes:hover {
    box-shadow: 0 0 64px rgba(236, 122, 22, .9);
    transition: box-shadow .2s linear, opacity .2s linear
}

#cus_tutorials {
    background: #f2f2f2
}

.tutorial-title {
    padding: 20px 0;
    background: #e6e6e6
}

.tutorial_div {
    margin: 30px 0 20px;
    display: table;
    width: 100%
}

.tutorial_list {
    padding: 0
}

.tutorial_list li {
    float: left;
    width: 30%;
    margin: 2% 1%;
    list-style: none;
    height: 100%;
    background: #fff;
    border-radius: .5em;
    overflow: hidden;
    box-shadow: 0 0 3px #bdbdbd;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    box-shadow: 0 0 36px rgba(0, 0, 0, .1);
    transition: box-shadow .2s linear, opacity .2s linear
}

.tutorial_list li:hover {
    box-shadow: 0 0 64px rgba(0, 0, 0, .22);
    transition: box-shadow .2s linear, opacity .2s linear
}

.tutorial_list li:hover img {
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transform: scale(1.05)
}

.cus_tutorial_contents {
    height: 100%
}

.cus_tutorial_contents a {
    display: block;
    height: 100%;
    width: 100%
}

.tutorial_thumb {
    width: 100%;
    overflow: hidden;
    display: flex;
    height: 200px
}

.tutorial_thumb img {
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    width: 100%
}

.cus_tutorial_details {
    padding: 10px;
    height: auto;
    display: block
}

.cus_tutorial_details h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    display: table-cell;
    padding: 5px 0;
    width: 1%
}

.tutorial_entry-meta {
    line-height: 20px;
    border-bottom: 1px solid #ece4e4;
    padding-bottom: 10px
}

.cus_tutorial_details p {
    font-size: 13px;
    line-height: 23px;
    text-align: left;
    height: 80px;
    overflow: hidden;
    margin: 10px 0 0
}

.tutorial_entry-meta span {
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
    color: #574c4c
}

.tut_cat {
    background: #ffa106;
    padding: 0 10px;
    border-radius: 6px;
    color: #fff!important
}

.tut_cat i {
    color: #fff
}

.tutorial_bread .bread_crums {
    display: block
}

.tutorial_bread #breadcrumbs a {
    color: #333!important
}

.tutorial_bread #breadcrumbs .fa.fa-angle-double-right {
    color: #333
}

.tutorial_bread .breadcrumb_last {
    color: #998d8d
}

.left_tutbox {
    position: sticky;
    top: 50px;
    height: 600px;
    overflow-y: scroll
}

.left_tutbox ul {
    padding: 0
}

.left_tutbox ul li {
    position: relative;
    display: block;
    border-bottom: 1px dotted #bbb
}

.left_tutbox ul li a {
    color: #373434;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    background-position: 3px 11px;
    background-repeat: no-repeat;
    padding: 10px 25px;
    transition: all .3s;
    display: inline-block
}

.first {
    background: rgba(7, 118, 190, .97)!important;
    display: block!important;
    padding: 15px!important;
    color: #fff!important;
    font-size: 14px!important;
}

.entry-content li {
    font-size: 14px;
    padding: 5px 0;
    line-height: 28px;
    margin-left: 0;
    display: block;
    color: #666161;
}

.entry-content ul li::before {
    content: "\f00c";
    padding-right: 10px;
    font-size: 10px;
    color: #1a73e8;
    font-family: FontAwesome
}

.entry-content ol {
    list-style: none;
    counter-reset: item
}

.entry-content ol li {
    display: block!important;
    counter-increment: item
}

.entry-content ol li::before {
    margin-right: 10px;
    content: counters(item, ".") ". "!important;
    color: #333;
    display: inline-block
}

.entry-content ol ol {
    margin: 0 0 0 20px
}

.fixed_widgets {
    padding: 0;
    height: 40px;
    line-height: 40px;
    position: sticky;
    width: 100%;
    z-index: 99;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px -5px #000;
    box-shadow: 0 0 10px -5px #000
}

.fixed_box span {
    display: inline-block;
    margin: 0 20px;
    font-size: 14px;
    padding: 0 20px;
    position: relative
}

.fixed_box span::after {
    content: "";
    background: #ccc;
    width: 1px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: -20px
}

.fixed_box span:nth-child(1):after,
.fixed_box span:nth-child(5):after {
    display: none
}

.fixed_box {
    margin: 0 auto;
    display: block;
    text-align: left
}

.fixed_box span i {
    font-size: 16px;
    display: inline-block;
    margin-right: 8px;
    color: #157ac3
}

.cb_box {
    background: #ff4141;
    width: 20%
}

.cb_box_inner i {
    color: #fff!important;
    font-size: 24px!important;
    position: relative;
    top: 3px
}

.cb_box_inner a {
    color: #fff!important;
    font-size: 15px!important
}

.fixed_box a {
    display: block;
    color: #333;
    text-align: center;
    font-size: 13px;
    font-weight: 600
}

.cb_box_inner,
.ct_box_inner,
.dq_box_inner,
.en_box_inner,
.in_box_inner {
    display: table;
    width: 100%
}

.en_box_inner a {
    display: inline;
    padding: 7px 35px 7px 10px;
    border-radius: 0;
    background: #645ff9;
    color: #fff;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    font-size: 12px
}

.tutorial_bread {
    background: #f0f0f0
}

.en_box_inner p {
    position: absolute;
    font-size: 9px;
    right: -25px;
    color: #fff;
    top: 12px;
    padding: 0 5px;
    line-height: 18px;
    background: red;
    border-radius: 5px
}

.en_box_inner {
    position: relative
}

.in_box_inner i {
    color: #ff585c!important
}

.in_box_inner a {
    color: #ff585c
}

.discount_box {
    background: #f4f4f4;
    margin: 10px 0 0
}

.discount_box p {
    background: #e3e3e3;
    padding: 10px;
    text-align: center;
    line-height: 18px
}

.discount_box h4 {
    padding: 10px;
    text-align: center
}

.discount_btn .btn.btn-primary {
    display: table;
    margin: 15px auto;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding: 10px 15px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    border-radius: 0;
    box-shadow: 0 3px 10px -8px #000
}

.batch_schedule .row {
    align-items: center
}

.cus_btchschedule {
    margin: 10px 0;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ccc
}

.batch_schedule {
    background: #f9f9f9;
    padding: 20px 0
}

.scherow {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.thiru_schedule {
    padding-left: 0
}

.thiru_schedule li {
    border-bottom: 1px solid #dee2e6;
    display: block;
    padding: 12px 0
}

.batchdate i {
    font-size: 16px;
    color: #1984cb;
    display: inline-block;
    margin: 0 10px;
    font-weight: 500
}

.batchdate {
    width: 15%;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    margin: 0 10px
}

.batchdate::after {
    content: "";
    border-right: 1px solid #d8c9c9;
    position: absolute;
    right: 10px;
    display: block;
    top: -10px;
    height: 30px
}

.batchday {
    display: inline-block;
    width: 25%;
    font-size: 14px;
    line-height: 20px;
    color: #4c4747;
    margin: 0 10px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative
}

.batchday::after {
    content: "";
    border-right: 1px solid #d8c9c9;
    position: absolute;
    right: 10px;
    display: block;
    top: 5px;
    height: 30px
}

.batchday i {
    display: block;
    font-size: 11px;
    color: #2389f2;
    text-transform: uppercase;
    font-weight: 500
}

.batchtime {
    width: 30%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #4c4747;
    margin: 0 10px;
    font-weight: 500
}

.batchtime i {
    display: block;
    font-size: 11px;
    color: #f5585b;
    font-weight: 500
}

.batch_btn {
    background: 0 0;
    color: #333;
    padding: 8px 20px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 0;
    box-shadow: 0 2px 2px 0 #ccc;
    border-color: #a0c3fb;
    font-weight: 500;
    margin: 0 10px;
    text-transform: capitalize;
}

.request_batch {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.req_left .fa.fa-calendar {
    font-size: 52px;
    color: #1984cb
}

.req_left {
    text-align: center;
    padding: 0 15px;
    align-items: center;
    display: flex;
    justify-content: center
}

.req_left img {
    width: 50px
}

.req_right {
    padding: 0 15px
}

.req_btn .btn.btn-primary {
    margin: 5px 0;
    display: table;
    font-size: 13px;
    text-transform: capitalize;
    padding: 8px 15px;
    font-weight: 500;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.req_right h4 {
    font-size: 14px;
    line-height: 22px;
    text-align: left
}

.req_right .btn.btn-primary {
    margin: 5px 0 20px;
    display: table;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 18px;
    font-weight: 600;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.official-branch {
    margin: 20px 0
}

.office-tab a {
    background: #e1e1e1;
    border-radius: 0!important;
    color: #333;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px
}

.office-tabcontent {
    padding: 20px;
    border-right: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    height: 100%
}

.tab_cntct p {
    padding: 0;
    font-weight: 600
}

.tab_cntct p i {
    font-size: 16px;
    color: #0775be;
    padding: 0 5px
}

.tab_cntct p a {
    color: #0775be
}

#toTop {
    position: fixed;
    bottom: 5%;
    display: none;
    cursor: pointer;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px
}

#toTop i {
    font-size: 18px;
    display: block;
    width: 35px;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
    background-image: linear-gradient(to left, #248de4, #0c5397);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

#toTop i:hover {
    font-size: 22px;
    line-height: 25px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

#toTop span {
    display: block;
    font-size: 14px;
    text-align: center;
    position: relative;
    width: 100%;
    right: 0;
    color: #609af4;
    top: 10px;
}

#trainingcourse {
    background: #eaeaea
}

.row_padding {
    padding: 10px 0;
    align-items: center
}

.training_tabs #myTab {
    margin-bottom: 0;
    justify-content: center;
    border: 1px solid #eee;
    background: #2389f2
}

.training_tabs .nav-item {
    margin: 0 0;
    padding: 0;
    line-height: 20px;
    flex-grow: 1;
    flex-basis: 0
}

.training_tabs .nav-tabs .nav-item.show .nav-link,
.training_tabs .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-top: none;
    border-left: none
}

div#myTabContent {
    padding: 20px;
    border: 1px solid #eee;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    background: #fbfcfd
}

.training_tabs .nav-item .nav-link {
    padding: 15px 40px;
    font-size: 16px;
    border-radius: 0;
    text-align: center;
    color: #fff;
    font-weight: 500;
    border-right: 2px solid #237fde
}

.training_tabs .nav-item .nav-link:hover {
    border-color: transparent
}

.tr_courseboxtitle {
    background: #157ac3;
    height: 100px;
    padding: 10px;
    text-align: center;
    display: flex;
    vertical-align: middle;
    width: 100%;
    align-items: center;
    justify-content: center
}

.tr_courseboxtitle h4 {
    font-size: 16px;
    padding: 5px 0;
    color: #fff
}

.tr_courseboxcntnt {
    padding: 10px
}

.tr_courseboxcntnt p {
    font-size: 13px;
    line-height: 25px;
    padding: 0;
    height: 100px;
    overflow: hidden;
    margin-bottom: 0;
    text-align: center
}

.tr_courseratings {
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px
}

.tr_courseratings .filled {
    color: #ffb606
}

.box {
    background: #fff;
    overflow: hidden;
    position: relative;
    transition: all .6s ease-in-out;
    width: 1%;
    height: 200px;
    display: table-cell;
    vertical-align: middle
}

.box .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .6s ease-in-out;
    opacity: 0;
    background: rgba(16, 103, 219, .95) none repeat scroll 0 0
}

.box .title {
    font-size: 14px;
    text-transform: uppercase;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    font-weight: 500
}

.box .title {
    color: #fff
}

.box:hover .title {
    opacity: 1
}

.box:hover .box-content {
    opacity: .9;
    transition: all .6s ease-in-out
}

.box-content .overlay {
    width: 78px;
    height: 78px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(-50%, -50%)
}

.box-content .overlay div:after,
.box-content .overlay div:before,
.box-content .overlay:after,
.box-content .overlay:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    transition: all .6s ease-in-out
}

.box-content .overlay:after,
.box-content .overlay:before {
    width: 0;
    height: 2px
}

.box-content .overlay div:after,
.box-content .overlay div:before {
    width: 2px;
    height: 0
}

.box-content .overlay div:before,
.box-content .overlay:before {
    top: 0;
    left: 0
}

.box-content .overlay div:after,
.box-content .overlay:after {
    bottom: 0;
    right: 0
}

.box:hover .overlay:after,
.box:hover .overlay:before {
    width: 35%
}

.box:hover .overlay div:after,
.box:hover .overlay div:before {
    height: 35%
}

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px
    }
}

.row_padding .owl-next,
.row_padding .owl-prev {
    position: absolute;
    top: 50%;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.row_padding .owl-prev {
    left: 0
}

.row_padding .owl-prev.disabled {
    opacity: 0;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.row_padding .owl-next {
    right: 0;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.row_padding .owl-next.disabled {
    opacity: 0;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.row_padding .owl-next span,
.row_padding .owl-prev span {
    font-size: 30px;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 30px;
    background: rgba(47, 88, 142, .95) none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.trendings ul {
    padding: 0;
    margin: 10px 0
}

.trendings li::before {
    display: none
}

.trendings li {
    float: left;
    display: block;
    padding: 0;
    margin: 10px 8px 0 0
}

.trendings li a {
    font-size: 11px;
    background: #eae8e8;
    display: block;
    padding: 2px 9px;
    box-shadow: 0 3px 1px #e3e3e3;
    color: #807373;
    border-radius: 6px;
    text-align: center;
    transition: all ease .5s;
    line-height: 22px
}

.trendings li a:hover {
    transition: all ease .5s;
    color: #fff;
    background-color: #ee5857
}

.career_box {
    padding: 50px 0;
    position: relative;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat
}

.career_box::before {
    background-image: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0
}

.career_boxcontent h1 {
    color: #fff;
    font-size: 36px;
    text-align: center;
    padding-bottom: 30px;
    line-height: 35px;
}

.career_boxcontent p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    width: 90%;
    margin: 0 auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: center;
    width: 100%
}

.customs_forms input {
    font-size: 12px;
    margin-bottom: 1rem;
    border-color: #cec7c7;
    border-top-color: #cec7c7;
    border-right-color: #cec7c7;
    border-bottom-color: #cec7c7;
    border-left-color: #cec7c7;
    padding: 10px 15px;
    line-height: 20px;
    display: block;
    height: auto
}

.customs_forms textarea {
    font-size: 12px;
    margin-bottom: 1rem;
    border-color: #cec7c7;
    border-top-color: #cec7c7;
    border-right-color: #cec7c7;
    border-bottom-color: #cec7c7;
    border-left-color: #cec7c7;
    padding: 10px 15px;
    height: 100px
}

.customs_forms button {
    float: right;
    padding: 8px 30px;
    font-size: 14px
}

.customs_forms select {
    font-size: 12px;
    margin-bottom: 1rem;
    border: 1px solid #cec7c7;
    padding: 10px 10px;
    width: 100%
}

.placed_listslider {
    border-top: 2px solid #0775be
}

.placed_bread {
    padding: 10px 0;
    border-bottom: solid 1px #eee
}

.placed_bread .bread_crums {
    display: block
}

.placed_bread .breadcrumb_last {
    color: #464444
}

.placed_bread #breadcrumbs a {
    color: #959090!important
}

.placed_bread #breadcrumbs .fa.fa-angle-double-right {
    color: #959090
}

.placed-title {
    padding: 10px 0;
    background: #fafafa;
    border-bottom: solid 1px #eee
}

#placed_section {
    background: #f5f5f5;
    padding: 0
}

.placed_boxs {
    margin: 3rem 0 5rem
}

.placed_box {
    background: #fff;
    padding: 10px 20px 10px;
    margin: 3rem 0
}

.placed_box h4 {
    background: #0063a1;
    padding: 15px 15px 15px 20px;
    color: #fff;
    line-height: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: -30px;
    width: auto;
    display: block
}

.placed_box::before {
    content: url(../images/placement_strip.png);
    position: relative;
    z-index: 99;
    left: -30px;
    top: 4px
}

.placed_thumb {
    text-align: center;
    padding: 5px;
    border: 1px solid #e1dbdb
}

.master_course_banner {
    background: linear-gradient(to right, #1147ac, #154bb6, #194ebf, #1e52c9, #2355d3, #2556d9, #2757e0, #2958e6, #2857ea, #2857ee, #2856f2, #2955f6);
    height: auto;
    padding: 30px 0 0
}

.master_menu {
    padding: 0;
    height: 45px;
    line-height: 45px;
    position: sticky;
    width: 100%;
    z-index: 99;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px -5px #000;
    box-shadow: 0 0 10px -5px #000
}

.masterpgm_menus ul {
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.masterpgm_menus ul li {
    width: auto;
    text-align: center;
    margin: 0 15px
}

.masterpgm_menus ul li a {
    font-size: 15px;
    display: block;
    color: #444;
    transition: all .4s ease-in-out;
    border-bottom: 3px solid transparent
}

.masterpgm_menus li.active a,
.masterpgm_menus li:hover a {
    border-bottom-color: #fe5e08;
    color: #fe5e08;
    transition: all .4s ease-in-out
}

.masteren_box {
    position: absolute;
    right: 0;
    top: 0
}

.masteren_box .en_box_inner a {
    font-size: 14px;
    padding: 8px 30px 8px 20px
}

.masterpgm_menus li a i {
    display: inline-block;
    padding: 0 10px;
    text-align: center
}

.master_section .course_contents {
    background: #fff;
    border-radius: 5px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 15px
}

.masterpage_video_widget {
    position: relative
}

.masterpage_video_widget .video_widget .master_offerwidgets {
    border: none;
    margin: 0;
    box-shadow: none;
    background: 0 0;
    padding: 20px;
    background: #f3f1f1;
    border-bottom-right-radius: 30px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px
}

.masterpage_video_widget .video_widget {
    background: #fff;
    height: auto;
    border-top-left-radius: 40px;
    padding: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 40px;
    position: absolute;
    z-index: 99;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2)
}

.masterpage_video_widget .video_popup {
    border-top-left-radius: 40px;
    overflow: hidden;
    position: relative
}

.master_courselist ul li {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    display: flex;
    align-items: center
}

.master_courselist ul {
    padding-left: 10px;
    margin: 10px 0;
    padding-right: 10px
}

.m_course_left {
    float: left;
    width: 100%
}

.m_course_left span {
    display: block;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 20px;
    color: #999494;
}

.m_course_right {
    float: left;
    width: 100%
}

.overall_m_list {
    clear: both;
    width: 100%;
    display: flex;
    align-items: center
}

.m_course_left a {
    font-size: 15px;
    color: #5a5656;
    display: block;
    padding: 0;
    font-weight: 500;
    line-height: 20px;
}

.m_course_right p {
    text-align: center;
    font-size: 16px;
}

.m_tottal {
    padding-left: 10px;
    margin: 5px 0
}

.m_tottal a {
    color: red
}

.m_tottal .m_course_right p {
    text-align: center;
    font-size: 20px;
    color: red
}

.mdis_tottal {
    padding-left: 10px;
    margin: 5px 0
}

.mdis_tottal a {
    color: green
}

.mdis_tottal .m_course_right p {
    text-align: center;
    font-size: 20px;
    color: green
}

.mamount_tottal {
    padding-left: 10px;
    margin: 5px 0
}

.mamount_tottal a {
    color: #2858e4;
    font-size: 18px;
    font-weight: 600
}

.mamount_tottal .m_course_right p {
    text-align: center;
    font-size: 24px;
    color: #2858e4;
    font-weight: 500
}

#m_amountstrike {
    text-decoration: line-through
}

.master_widgets {
    padding: 35px 0;
    position: sticky;
    top: 20px
}

.master_widgetbox1,
.master_widgetbox2 {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px
}

.master_tabs ul li a {
    padding: 10px 25px;
    font-size: 13px;
    background: #3194eb;
    border-radius: 25px;
    color: #fff;
    font-weight: 500
}

.master_tabs .nav-tabs .nav-link {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.master_tabs .nav-tabs {
    border-bottom: none;
    background: #3194eb;
    overflow: hidden;
    border-radius: 25px;
    justify-content: center
}

.master_tabs .nav-tabs .nav-item {
    margin-bottom: 0
}

.master_tabs .nav-tabs .nav-link:focus,
.master_tabs .nav-tabs .nav-link:hover {
    border-color: transparent
}

.master_tabs .nav-tabs .nav-item.show .nav-link,
.master_tabs .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #2983d2;
    border-width: 3px
}

.master_tabs .tab-content {
    border-top-right-radius: 25px;
    overflow: hidden;
    border-top-left-radius: 25px;
    padding: 20px
}

.cus_master_content h5 {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0
}

.cus_master_content p {
    font-size: 13px;
    line-height: 22px;
    text-align: center
}

.master_offerwidgets {
    margin: 0 0 0 15px;
    background: #fff;
    border: 1px solid #f7f2f2;
    padding: 33px;
    box-shadow: 0 2px 8px 0 #0000001a;
    position: relative
}

.master_ribon {
    position: absolute;
    left: -30px;
    top: -15px;
    width: 90px;
    z-index: 0;
    overflow: hidden
}

.master_offerwidgets p {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #333
}

.master_offerwidgets p i {
    font-weight: 500;
    color: #ff0450;
    font-size: 18px
}

.master_offerwidgets a {
    margin: 0 auto;
    display: table;
    border: 1px solid #ff0450;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    background: #ff0450;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.master_offerwidgets a:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background: #e8084c
}

.master_tabs {
    background: #fff;
    padding-top: 0;
    border-radius: 20px;
    overflow: hidden;
    width: 100%
}

.all_master_course {
    margin: 30px 0
}

.all_master_course ul {
    padding: 0;
    display: table;
    width: 100%;
    margin: 20px 0
}

.all_master_course ul li {
    float: left;
    width: 23%;
    margin: 1%;
    box-shadow: 0 0 10px -5px #333
}

.info {
    color: #00529b;
    border: 1px solid #38aee5;
    background-color: #bde5f8;
    background: -moz-linear-gradient(center top, #fff, #bde5f8);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#bde5f8));
    background: -o-linear-gradient(top, #fff 0, #bde5f8 99%);
    background: -ms-linear-gradient(top, #fff 0, #bde5f8 99%)
}

.info .msg-box-icon {
    display: block;
    margin-left: 15px;
    padding: 18px 10px 18px 50px
}

.info {
    color: #00529b
}

.custom_instructor {
    margin: 0 auto;
    display: table;
    background: #d9d9d9;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 4px -2px #333
}

.custom_instructor .form-group {
    padding: .5rem 0;
    margin-bottom: 0
}

.custom_instructor label {
    display: block;
    padding-bottom: .5rem;
    font-size: 13px;
    line-height: 25px;
    color: #646363;
}

.custom_instructor input {
    width: 100%;
    display: block;
    line-height: 25px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px
}

.custom_instructor select {
    width: 100%;
    line-height: 25px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    display: block
}

.custom_instructor textarea {
    width: 70%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
    height: 150px
}

#countdown {
    width: auto;
    display: inline-block;
    margin-top: 0;
    position: relative;
    top: -7px;
    font-size: 12px;
    padding: 0;
    text-align: center;
    background: #a2a2a2;
    color: #333
}

.charleft {
    font-size: 13px;
    display: inline;
    position: relative;
    top: -8px
}

.ins_submit {
    width: 180px!important;
    font-size: 16px!important;
    padding: 8px!important;
    background: #596064;
    border: #0463a8;
    color: #fff;
    text-transform: uppercase;
    margin: 20px auto;
    transition: .5s;
    -webkit-transition: .5s
}

.ins_submit:hover {
    background: #423b3b;
    transition: .5s;
    -webkit-transition: .5s
}

@media screen and (min-width:1400px) and (max-width:1700px) {
    .secondary_menu ul li {
        margin: 0 30px
    }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .main_menu .navbar-nav .nav-item .nav-link {
        padding: 28px 10px
    }
    .t_head_list ul li {
        margin: 10px 13px;
        font-size: 12px
    }
    .request_quotation {
        margin: -30px 20px
    }
    .fixed_box span {
        margin: 0 15px;
        font-size: 13px
    }
    .fixedbtn a {
        margin: 0 5px
    }
    .enroll_btn {
        margin: 10px auto
    }
    .enroll_btn p a {
        padding: 5px 30px;
        line-height: 25px
    }
    .download_btn p a {
        padding: 5px 30px;
        line-height: 25px
    }
    .download_btn {
        margin: 10px auto
    }
    .common_div h4 {
        font-size: 20px;
        padding: 5px 0
    }
    .common_div p {
        line-height: 20px
    }
    .common_div a {
        margin: 15px auto 0;
        font-size: 12px;
        padding: 5px 30px;
        line-height: 23px
    }
    .certificate_contents h4 {
        font-size: 22px
    }
    .masterpgm_menus ul li {
        margin: 0 10px
    }
    .master_tabs ul li a {
        padding: 10px 15px
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .t_head .container-fluid {
        padding-left: 50px;
        padding-right: 50px
    }
    .t_head_list ul li {
        margin: 10px 8px;
        font-size: 12px
    }
    .t_head_list ul li::after {
        right: -10px
    }
    .request_quotation {
        padding: 10px 20px;
        margin: -30px 0
    }
    .fixed_box span {
        margin: 0 10px;
        font-size: 13px;
        padding: 0 10px
    }
    .main_menu .navbar-nav .nav-item .nav-link {
        font-size: 13px;
        padding: 25px 6px
    }
    .main_menu .dropdown-item {
        font-size: 13px
    }
    .bt_recomentmenus .dropdown-toggle.nav-link {
        font-size: 11px!important
    }
    .bt_recomentmenus>.dropdown-menu .nav-item .dropdown-item {
        font-size: 12px!important
    }
    .bt_recomentmenus>.dropdown-menu {
        width: 690px
    }
    .carousel_caption h1 {
        font-size: 42px;
        line-height: 30px
    }
    section {
        padding: 20px 0
    }
    .secondary_menu ul {
        margin-left: 0;
        margin-right: 0
    }
    .ratngs {
        font-size: 12px!important
    }
    .enroll_btn {
        min-width: 160px
    }
    .enroll_btn p a {
        line-height: 25px;
        font-size: 12px
    }
    .download_btn {
        min-width: 160px
    }
    .download_btn p a {
        padding: 5px 20px;
        line-height: 25px;
        font-size: 12px
    }
    .secondary_menu ul li a {
        font-size: 14px
    }
    .banner_title h1 {
        font-size: 30px
    }
    .overallbtn {
        display: block
    }
    .feature_box span {
        font-size: 13px
    }
    .faqaccodian .btn.btn-link {
        font-size: 14px
    }
    .course_contents li {
        font-size: 13px
    }
    .common_div h4 {
        font-size: 20px;
        padding: 5px 0
    }
    .common_div p {
        font-size: 13px;
        line-height: 20px
    }
    .common_div a {
        font-size: 12px;
        padding: 5px 30px
    }
    .left_div h4 {
        font-size: 16px
    }
    .certificate_contents h4 {
        font-size: 18px
    }
    .certifi_formsfields {
        margin: 10px 0 20px
    }
    .certifi_formsfields .form-group {
        margin: 10px 0
    }
    .certifiterms {
        padding: 5px 0
    }
    .certfisubmit button.btn.btn-primary {
        font-size: 14px
    }
    .user-block .paragraph-wrapper p {
        font-size: 13px
    }
    .courseratngs {
        font-size: 10px
    }
    .blog_title h6 {
        font-size: 16px
    }
    .footer_nav h6 {
        font-size: 16px
    }
    .foo_navlist span {
        font-size: 12px
    }
    .footer_copy p {
        font-size: 12px
    }
    .batchday {
        font-size: 13px
    }
    .innerpage_searchbtn {
        right: -2%
    }
    .batchdate {
        width: 18%
    }
    .batchdate::after {
        position: absolute;
        right: 0
    }
    .batchdate i {
        font-size: 14px;
        margin: 0 5px
    }
    .batchdate {
        font-size: 14px
    }
    .batchday i {
        font-size: 10px
    }
    .batch_btn {
        padding: 8px 10px;
        font-size: 13px
    }
    .mamount_tottal .m_course_right p {
        font-size: 26px
    }
    .batchdate {
        font-size: 12px
    }
    .req_right h4 {
        font-size: 20px
    }
    .masterpgm_menus ul li a {
        font-size: 13px
    }
    .masterpgm_menus ul li {
        margin: 0 5px
    }
    .master_tabs ul li a {
        padding: 10px 12px;
        font-size: 12px
    }
    .cus_master_content h5 {
        font-size: 20px
    }
    .cb_box_inner a {
        font-size: 14px
    }
}

@media screen and (min-width:1000px) and (max-width:1030px) {
    .t_head .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }
    .t_head_list ul li {
        font-size: 11px
    }
}

@media screen and (min-width:992px) and (max-width:999px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .main_menu .navbar-nav .nav-item .nav-link {
        font-size: 12px;
        padding: 28px 9px
    }
    .innerpage_searchbtn {
        right: 2%
    }
    .req_right h4 {
        font-size: 18px
    }
    .masterpgm_menus ul li {
        margin: 0 8px
    }
    .masterpgm_menus ul li a {
        font-size: 13px
    }
    .master_tabs ul li a {
        padding: 10px 15px;
        font-size: 12px
    }
    .carousel_caption h1 {
        font-size: 40px;
        line-height: 40px
    }
    section {
        padding: 20px 0
    }
    .common_row {
        margin: 20px 0 0
    }
    .guidance_title h2 {
        font-size: 24px
    }
    .guidance_details p {
        font-size: 16px
    }
    .guidance_details h3 {
        font-size: 28px
    }
    .search_left h5 {
        font-size: 24px
    }
    .online_left p {
        font-size: 24px
    }
    .online_right a {
        font-size: 16px
    }
    .copy_list li a {
        font-size: 12px
    }
}

@media screen and (max-width:992px) {
    .secondary_menu {
        display: none
    }
    .cb_box {
        width: auto
    }
    .fixed_box {
        text-align: center
    }
    .feature_content h5 {
        font-size: 18px
    }
    .course_contents {
        padding: 15px
    }
    .banner_read a {
        font-size: 16px
    }
    .banner_read {
        padding: 30px 0
    }
    .header_login a {
        padding: 5px 12px;
        font-size: 12px
    }
    .banner_title h1 {
        font-size: 28px
    }
    .enroll_btn {
        min-width: 150px
    }
    .download_btn {
        min-width: 150px
    }
    .quote_left .fa.fa-phone-square {
        font-size: 26px
    }
    .expertsright a {
        font-size: 16px
    }
    .faqaccodian .btn.btn-link {
        font-size: 14px
    }
    .secondary_menu ul li {
        margin: 0 15px
    }
    .secondary_menu ul li a {
        font-size: 13px
    }
    .fixedbtn a {
        font-size: 10px;
        margin: 0 5px
    }
    .common_div h4 {
        font-size: 20px
    }
    .common_div p {
        font-size: 12px;
        line-height: 20px
    }
    .common_div a {
        margin: 10px auto 0;
        font-size: 12px;
        padding: 5px 30px;
        line-height: 20px
    }
    .certificate_contents h4 {
        font-size: 18px;
        line-height: 25px
    }
    .form-group label {
        font-size: 14px
    }
    .certifi_formsfields {
        margin: 5px 0 10px
    }
    .certifiterms {
        padding: 5px 0
    }
    .blog_title h6 {
        font-size: 16px
    }
    .footer_nav h6 {
        font-size: 16px
    }
    .foo_navlist span {
        font-size: 12px
    }
    .footer_copy p {
        font-size: 12px
    }
    .footer_row {
        padding: 20px 0
    }
    .masterpage_video_widget .video_widget {
        position: relative
    }
    .innerpage_searchbtn {
        display: none
    }
    .masterpage_video_widget {
        margin-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    .banner_title .bread_crums {
        display: none
    }
    .request_quotation {
        margin: 30px 0;
        padding: 10px 10px
    }
    .request_quotation h3 {
        font-size: 14px
    }
    .q_tabs .nav-tabs a {
        font-size: 13px
    }
    .t_head {
        display: none
    }
    .container-fluid {
        padding-right: 12px;
        padding-left: 12px
    }
    header {
        height: auto;
        display: block
    }
    .logo {
        width: 50%
    }
    ul.main_menu>li>a {
        pointer-events: none
    }
    .main_menu .navbar-nav {
        display: block
    }
    .bt_recomentmenus>.dropdown-menu {
        width: auto!important
    }
    .bt_recomentmenus>.dropdown-menu .nav-item {
        float: none!important;
        min-width: 100%!important
    }
    .bt_recomentmenus>.dropdown-menu .nav-item .dropdown-item {
        color: #fff!important
    }
    .bt_recomentmenus .dropdown-toggle.nav-link {
        padding: 10px 10px!important
    }
    .main_menu .dropdown-menu a {
        padding: 10px 15px 10px 20px!important
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        background-color: #0864a8
    }
    .dropdown-menu a {
        border-bottom: 1px solid #0f72bb!important
    }
    .dropdown-toggle::after {
        position: absolute;
        right: 20px;
        top: 23px
    }
    .dropdown-menu .dropdown-toggle::after {
        position: absolute;
        right: 20px;
        top: 20px;
        transform: rotate(90deg);
        color: #fff
    }
    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: .5rem 0;
        margin: .125rem 0 0;
        font-size: 1rem;
        color: #fff!important;
        text-align: left;
        list-style: none;
        background-color: #0f7ccc!important;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: .25rem
    }
    .main_menu .navbar {
        padding: 0;
        display: block;
        width: auto;
        height: auto;
        background: #0c1923;
        margin-top: 0
    }
    .main_menu .dropdown-item {
        color: fff!important;
        border-bottom: 1px solid #086eb9
    }
    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #fff;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0;
        font-size: 14px
    }
    .main_menu .navbar-toggler {
        padding: .15rem .5rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #0c1923;
        border: 1px solid #0c1923;
        border-radius: 0;
        float: right;
        width: auto;
        position: relative;
        margin-top: -45px;
        margin-right: 30px
    }
    .main_menu .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }
    .main_menu .nav-item {
        margin: 0 0
    }
    .no_padding {
        padding: 0
    }
    .main_menu .navbar-nav .nav-item .nav-link {
        padding: 15px 10px;
        color: #fff;
        border-bottom: 1px solid #424242
    }
    .main_menu .navbar-nav .nav-item .nav-link:hover {
        background: #252525;
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
    .carousel_caption {
        margin: 10px 0
    }
    .banner {
        height: 300px
    }
    .carousel_caption h1 {
        font-size: 32px;
        line-height: 30px
    }
    .carousel_caption p {
        font-size: 16px;
        line-height: 25px;
        padding: 5px 0
    }
    section {
        padding: 15px 0
    }
    .s_title h2 {
        font-size: 22px;
        line-height: 30px
    }
    .common_row {
        margin: 10px 0 0
    }
    .abt_content {
        margin: 0 0 0
    }
    .guidance_title h2 {
        font-size: 24px;
        line-height: 25px
    }
    .guidance_details h3 {
        font-size: 26px
    }
    .guidance_details p {
        font-size: 16px
    }
    p {
        padding: 5px 0
    }
    .s_title h3 {
        width: 70%
    }
    .search_left h5 {
        font-size: 20px;
        line-height: 20px
    }
    .search_left {
        margin-bottom: 20px
    }
    .search_right {
        height: 130px;
        padding: 15px
    }
    .trending_slider {
        margin: 20px 0
    }
    .online_left p {
        font-size: 20px;
        line-height: 26px
    }
    .online_right a {
        margin: 12px auto
    }
    .blog_slider {
        margin: 20px 0
    }
}

@media screen and (min-width:768px) and (max-width:900px) {
    .feature_box {
        padding: 15px 15px 15px
    }
    .feature_box span {
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .course_contents li {
        padding: 5px 0;
        line-height: 25px;
    }
    .thiru_schedule li {
        padding: 10px 3px
    }
    .batch_btn {
        display: none
    }
   
    .left_div::after {
        display: none
    }
    .offer_head .container-fluid {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
    .cat_listaddress p a {
        margin: 5px 5px 5px 0
    }
    .cat_listaddress p a::after {
        right: -10px
    }
    .t_head_offer p {
        font-size: 10px;
        padding: 5px 35px 5px 20px;
        line-height: 18px;
        text-align: left
    }
    .offer_btns {
        font-size: 10px
    }
    .onlinecntct {
        width: 100%
    }
    .on_discount {
        font-size: 12px
    }
    .show_hide {
        right: 5%
    }
    .show_hide i {
        color: #0776be
    }
    .lazy.lazy-loaded {
        width: 100%;
        height: 100%
    }
    html {
        overflow-x: hidden
    }
    body {
        overflow-x: hidden
    }
    .select_branch span {
        display: block
    }
    .abt_besant p {
        margin-bottom: 15px;
        height: 125px;
        overflow: hidden
    }
    .abt_besant a {
        margin-right: 0;
        font-size: 11px;
        padding: 7px
    }
    .adviser i {
        padding: 0
    }
    #branchid {
        width: 100%;
        margin: 10px 0
    }
    .tutorial_list li {
        float: none;
        width: 100%;
        margin: 2% 0
    }
    .cat_details span {
        padding: 0 5px
    }
    .blog_list li {
        float: none;
        width: 100%;
        margin: 2% 0
    }
    .left_tutbox {
        display: none
    }
    .cus_relatedblog {
        float: none;
        width: 100%
    }
    .blog-search {
        float: none;
        margin-right: 0;
        width: 100%
    }
    .cus-topsearch {
        display: block
    }
    #trending_course .owl-next,
    #trending_course .owl-prev {
        top: -7%
    }
    #trending_course .owl-prev {
        right: 13%
    }
    #master_course .owl-next,
    #master_course .owl-prev {
        top: -7%
    }
    #master_course .owl-prev {
        right: 13%
    }
    .main_menu .navbar-nav .nav-item .nav-link {
        padding: 15px 10px!important
    }
    .contact-Enq {
        display: none
    }
    .all_master_course ul li {
        float: none;
        width: 100%;
        margin: 0 0 5%
    }
    .logo {
        width: 70%
    }
    .quotes {
        padding-left: 70px;
        padding-right: 70px
    }
    .footer_call {
        display: block
    }
    .fixed_widgets {
        height: 40px;
        line-height: 40px
    }
    .cb_box_inner a {
        font-size: 12px
    }
    .cb_box_inner i {
        font-size: 20px!important;
        top: 2px
    }
    .fixed_box span {
        margin: 0 0;
        font-size: 11px;
        padding: 0 10px
    }
    .fixed_box span::after {
        display: none
    }
    .main_menu .navbar-toggler {
        padding: .05rem .3rem;
        margin-top: -40px
    }
    .banner {
        height: 230px;
        padding: 30px 0
    }
    .search_category {
        width: 90%
    }
    .carousel_caption h1 {
        font-size: 22px;
        line-height: 20px
    }
    .carousel_caption p {
        font-size: 14px;
        line-height: 15px
    }
    .carousel_caption {
        margin: 5px 0
    }
    .carousel_search {
        margin: 10px 0
    }
    .search_category .example {
        width: 100%
    }
    .search_category select {
        position: relative;
        margin: 0 0 10px;
        width: 100%;
        padding: 5px 10px;
        font-size: 13px;
        height: 35px
    }
    .carousel_search form.example input[type=text] {
        padding-left: 3%;
        height: 35px
    }
    .carousel_search form.example button {
        width: 15%;
        font-size: 14px;
        bottom: 0;
        height: 35px
    }
    .main_text {
        display: inline-block
    }
    .abt_content .btn-link {
        line-height: 23px;
        font-size: 14px
    }
    .guidance_title h2 {
        font-size: 22px;
        line-height: 25px
    }
    .guidance_list ul li {
        width: 50%;
        height: 130px;
        float: left;
        text-align: center
    }
    .guidance_list {
        height: auto;
        display: block;
        padding: 10px
    }
    .guidance {
        margin: 20px 0 0;
        padding: 20px 0 0;
        height: auto
    }
    .guidance_list ul {
        display: table
    }
    .guidance_details h3 {
        font-size: 20px
    }
    .guidance_details h3::after {
        right: 0;
        margin: 0 auto
    }
    .guidance_details p {
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }
    .s_title h3 {
        width: 100%;
        font-size: 14px
    }
    .related_courcontent {
        height: auto
    }
    .tr_courseboxcntnt p {
        height: auto
    }
    .choose_icons i {
        font-size: 36px
    }
    .choose_contents h4 {
        font-size: 16px
    }
    .choose_box {
        border-left: none;
        padding: 15px;
        height: auto
    }
    .noborder_bottom {
        border-bottom: 1px solid rgba(0, 0, 0, .05)
    }
    .search_left h5 {
        font-size: 18px
    }
    .t_content p {
        height: 140px
    }
    .b_contents p {
        height: 140px;
        margin-bottom: 30px
    }
    .b_dates span {
        font-size: 12px;
        min-width: 90px
    }
    .cat_list li a {
        font-size: 12px
    }
    .cat_list li {
        margin: 5px 10px 5px 0
    }
    .cat_list li::after {
        right: -10px;
        font-size: 12px
    }
    .footerlist,
    address {
        margin: 10px 0
    }
   
    .copy p {
        text-align: center
    }
    ul {
        padding-left: 10px
    }
    .header_login {
        display: none
    }
    .banner_read a {
        font-size: 12px;
        margin: 5px 10px 5px 0;
        padding: 10px;
        height: 42px;
        line-height: 25px
    }
    .start i {
        padding: 0 0 0 10p0x;
        font-size: 10px
    }
    .banner_read {
        padding: 0 0 10px 0;
        justify-content: center
    }
    .course_banner {
        padding: 15px 0
    }
    .banner_title h1 {
        font-size: 22px
    }
    .feature_box {
        margin: 10px 0;
        padding: 20px 20px 20px
    }
    .starrating span {
        font-size: 14px
    }
    .course_contents h2 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .course_contents h3 {
        font-size: 18px
    }
    .course_contents h4 {
        font-size: 16px
    }
    .course_contents h5 {
        font-size: 14px
    }
    .course_contents h6 {
        font-size: 13px
    }
    .overallfeature {
        border-right: none
    }
    .get_certified a {
        font-size: 14px;
        min-width: 250px;
        margin: 10px auto
    }
    .citiesdiv {
        padding: 5px
    }
    .content_widgets {
        padding: 5px
    }
    .abt_thumb {
        margin: 15px 0 15px
    }
    .abt_thumb img {
        display: none
    }
    .course_contents ul {
        padding-left: 10px
    }
    .certifi_formsfields .form-group {
        float: none;
        width: 100%
    }
    .certifiterms p {
        font-size: 14px
    }
    .user-block {
        padding: 10px
    }
    .user-block .paragraph-wrapper headers {
        font-size: 14px
    }
    .user-block .paragraph-wrapper p {
        font-size: 12px;
        line-height: 20px
    }
    .user-block .paragraph-wrapper {
        padding-left: 15px
    }
    .cities_list li {
        margin: 0 6px 0 0
    }
    .footer-social {
        display: block
    }
    footer {
        padding: 20px 0 50px
    }
    #toTop {
        bottom: 3%
    }
    #toTop span {
        display: none
    }
    .social_list {
        justify-content: center
    }
    .footer-social ul {
        display: block;
        margin: 0;
        height: auto
    }
    .row.common_tags {
        margin-top: 20px
    }
    .footer_copy p {
        font-size: 11px;
        line-height: 20px20px
    }
    .wmBox_contentWrap {
        width: 90%
    }
    .branch_tabs #myTab {
        margin-bottom: 10px
    }
    .branch_tabs .nav-item {
        margin: 0 5px
    }
    .branch_tabs .nav-item .nav-link {
        padding: 15px 20px;
        font-size: 16px
    }
    .branches_widhets h2 {
        font-size: 18px;
        line-height: 26px
    }
    .branches_widhets p {
        font-size: 14px;
        width: 100%
    }
    .branch_boxes {
        height: 200px;
        width: 200px;
        margin: 0 auto 100px
    }
    .boxes-count {
        height: 200px;
        width: 200px
    }
    .boxes-count span {
        font-size: 18px
    }
    .boxes-count a {
        font-size: 10px
    }
    .branches_widhets {
        padding-bottom: 50px
    }
    .batchdate {
        width: 28%;
        font-size: 12px;
        margin: 0 5px
    }
    .batchdate::after {
        right: 2px;
        top: -8px;
        height: 25px
    }
    .batchday {
        width: 40%;
        font-size: 13px;
        line-height: 15px;
        margin: 0 5px
    }
    .batchday::after {
        display: none
    }
    .batchday i {
        font-size: 9px
    }
    .batchtime {
        width: 50%;
        font-size: 12px;
        line-height: 15px;
        margin: 0 5px;
    }
    .batchtime i {
        font-size: 9px;
        line-height: 12px
    }
    .batch_title h2 {
        font-size: 18px
    }
    .req_left .fa.fa-calendar {
        font-size: 42px
    }
    .req_left {
        display: none
    }
    .req_right {
        width: 50%;
        padding: 0 5px
    }
    .req_right h4 {
        font-size: 14px;
        line-height: 18px
    }
    .req_btn {
        padding: 0 5px
    }
    .req_btn .btn.btn-primary {
        font-size: 11px;
        padding: 10px 8px
    }
    .master_section .course_contents {
        background: 0 0;
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        padding-bottom: 0
    }
    .master_offerwidgets {
        margin: 10px 0 10px;
        padding: 15px
    }
    .master_ribon {
        left: -15px;
        width: 75px
    }
    .master_offerwidgets p {
        padding-bottom: 10px;
        padding-top: 10px
    }
    .request_batch {
        width: 100%;
        padding: 10px;
        margin: 10px 0
    }
    .fixed_menu {
        background: #fff!important
    }
    .bt_populardiv h3 {
        font-size: 20px
    }
    .owl-stage-outer {
        padding: 10px 0
    }
    .common_sections {
        padding: 10px;
        margin: 10px 0
    }
    .bt_offericon {
        display: none
    }
    .official-branch {
        margin: 10px 0
    }
    .frequentcombo_tilte {
        margin-bottom: 10px
    }
}

@media only screen and (min-device-width:300px) and (max-device-width:640px) and (orientation:landscape) {
    .b_dates span {
        font-size: 12px;
        min-width: 70px
    }
}

.bwg_close_btn {
    opacity: .95;
    color: #fff;
    font-size: 24px
}

.bwg-standard-thumbnails .bwg-zoom-effect .bwg-zoom-effect-overlay {
    background-color: rgba(0, 0, 0, .6)
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2,
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title2 {
    color: #fff;
    font-size: 14px!important;
    padding: 5px;
    max-height: 100%
}

.spider_popup_wrap {
    background-color: rgba(0, 0, 0, .6)!important
}

.offer_btns {
    color: #333;
    background: #ff0;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 0;
    margin-left: 10px;
    transition: .5s;
    -webkit-transition: .5s
}

.offer_btns:hover {
    color: #fff;
    background: #c85e0d;
    transition: .5s;
    -webkit-transition: .5s
}

#hire_page {
    background: #fff;
    padding: 20px;
    border-radius: .5em;
    box-shadow: 0 0 10px -5px #333
}

.custom_hire {
    margin: 0 auto;
    display: table;
    background: #d9d9d9;
    padding-left: 15px;
    border-radius: 5px;
    box-shadow: 0 0 4px -2px #333;
    padding-right: 15px
}

.custom_hire .form-group {
    padding: 0;
    margin-bottom: 8px
}

.custom_hire label {
    display: block;
    padding-bottom: .5rem;
    padding-top: .5rem;
    font-size: 13px;
    line-height: 25px;
    color: #646363;
}

.custom_hire input {
    width: 100%;
    display: block;
    line-height: 25px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 12px
}

.custom_hire select {
    width: 100%;
    line-height: 25px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 13px;
    display: block;
    background: #fff
}

.custom_hire textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    height: 70px;
}

.custom_hire h4 {
    padding: 8px 0;
    line-height: 25px
}

.custom_hire span {
    display: inline-block;
    width: 49%
}

#community_nopadding {
    padding: 0
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 1050!important
}

.ui-datepicker th {
    font-size: 15px;
    text-align: center;
    font-weight: 100!important
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    text-align: center;
    font-weight: 100!important;
    font-size: 16px;
    color: #575454!important
}

.ui-datepicker table {
    line-height: 24px
}

.offer_head .container-fluid {
    padding-left: 60px;
    padding-right: 60px
}

.offer_no_padding {
    padding-left: 0;
    padding-right: 0
}

.ms-theme-radix {
    padding-bottom: 0!important;
    opacity: 0;
    transition: opacity .3s
}

.offer_header {
    background: #2389f2;
    padding: 10px 0
}

.offer_logo a {
    display: inline-block
}

.offer_logo a img {
    width: 230px
}

.offer_search {
    padding: 3px 0;
    width: 65%;
    margin: 0 20px
}

.offer_more {
    width: 30%;
    padding: 4px 0
}

.search-container {
    width: calc(100% - 50px);
    display: block;
    position: relative
}

input.search-bar {
    margin: 0 auto;
    width: 100%;
    height: 35px;
    padding: 5px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    outline: 0;
    color: #6c6a6a;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
    background: #fff
}

input.search-bar:focus {
    border: 1px solid #008abf;
    transition: .35s ease;
    color: #6c6a6a
}

input.search-bar::-webkit-input-placeholder {
    transition: opacity .45s ease;
    opacity: 1
}

input.search-bar::-moz-placeholder {
    transition: opacity .45s ease;
    opacity: 1
}

input.search-bar:-ms-placeholder {
    transition: opacity .45s ease;
    opacity: 1
}

.offersearchbtn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    border: none;
    background: 0 0;
    font-size: 14px
}

.dropbtn {
    background-color: #ff8315;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    line-height: 15px;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23)
}

.dropbtn i {
    padding: 0 3px
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 235px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.dropdown-content ul {
    padding: 0
}

.dropdown-content a {
    color: #333;
    padding: 5px 12px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    line-height: 23px;
}

.dropdown-content a:hover {
    background-color: #ddd;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.dropdown:hover .dropdown-content {
    display: block;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.dropdown:hover .dropbtn {
    background-color: #e87a19;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.overalloffer {
    display: flex;
    width: 100%
}

.offermenu_widgets {
    padding: 0 0;
    background: #fff
}

.offer_menu .navbar {
    padding: 0
}

.offer_menu .cus_offmenu .nav-link {
    padding: 8px 18px!important;
    margin-top: 10px;
    color: #fff!important
}

.offer_menu #navbarSupportedContent {
    justify-content: center
}

.offer_menu .nav-item {
    margin: 0 20px
}

.offer_menu .nav-item .nav-link {
    font-size: 14px;
    padding: 20px 15px;
    color: #646464;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: relative
}

.offer_menu .navbar-nav {
    align-items: center
}

.offer_menu .bt_recomentmenus .dropdown-toggle.nav-link {
    padding: 10px 10px!important
}

.offer_menu .nav-item .nav-link:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #0776be
}

.offer_menu .dropdown-menu .nav-item {
    margin: 0
}

.offer_menu .dropdown-menu a {
    padding: 10px 15px 10px 10px!important;
    font-size: 13px !important;
}

.offer_menu .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    font-size: 14px;
    left: auto!important;
    min-width: 250px
}

.offer_menu .dropdown-menu .dropdown-menu {
    left: 100%!important
}

.offer_slider {
    padding: 0
}

.courseoffer_div {
    padding: 10px 0
}

.offer_overalldiv {
    width: 100%;
    clear: both
}

.offer_leftdiv {
    float: left;
    width: 22%;
    padding: 0;
    margin: 0 5px;
    background: #fff;
    height: 100%;
    position: sticky;
    top: 0
}

.offer_rightdiv {
    float: left;
    width: 76%;
    padding: 15px;
    margin: 0 5px;
    background: #fff;
    height: 100%
}

.offer_bread {
    border-bottom: 1px solid #f0f0f0
}

.offer_bread #breadcrumbs a {
    color: #605c5c
}

.offer_bread .breadcrumb_last {
    color: #333;
    font-weight: 500
}

.offercontent_div {
    padding: 20px 0
}

.offercontent_div ul {
    padding-left: 0
}

.offercontent_div .offerdiv {
    padding: 15px 0;
    border-bottom: 1px solid #f2efef;
    width: 100%;
    clear: both;
    display: table;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.offercontent_div .offerdiv:hover {
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    background: #f9f9f9;
    margin-left: -15px
}

.offerfloat_div {
    display: table;
    width: 100%;
    clear: both;
    align-items: center
}

.offer_thumb {
    float: left;
    width: 35%;
    padding: 0 10px
}

.offer_thumb img {
    width: 100%;
    height: 100%
}

.offer_contents {
    float: left;
    width: 65%;
    padding: 0 10px
}

.off_rate {
    font-size: 11px;
    background: #fe5e08;
    padding: 3px 5px;
    border-radius: 4px;
    color: #fff;
    line-height: 20px;
}

.off_ratecount {
    font-size: 12px;
    padding: 0 10px;
    display: inline-block;
    color: #807979;
}

.offer_title {
    width: 100%;
    padding: 0 10px
}

.offer_title h2 a {
    font-size: 20px
}

.offer_amount {
    margin: 15px 0 0 auto;
    width: 100%;
    text-align: left;
    line-height: 30px
}

.offer_ratings {
    margin: 5px 0 20px
}

.offer_titlediv {
    width: 100%;
    clear: both;
    display: flex;
    border-bottom: 1px solid #f9f6f6;
    padding-bottom: 10px
}

.offer_ins {
    display: block;
    font-size: 28px;
    text-align: center;
    text-decoration: none;
    padding: 8px 0;
    line-height: 30px;
    color: #4f4b4b;
}

.offer_del {
    font-size: 20px;
    text-align: left;
    display: inline-block;
    color: #c4c4c4
}

.offer_discount {
    font-size: 20px;
    color: #02a202;
    font-weight: 600;
    display: inline-block;
    padding: 0 3px
}

.offer_features {
    margin: 10px 5px
}

.offer_features li {
    font-size: 14px;
    padding: 3px 0!important;
    border-bottom: none!important;
    line-height: 20px;
    position: relative;
    color: #8c8888;
    display: flex
}

.offer_features li::before {
    content: "\f02b";
    font-family: FontAwesome;
    font-size: 14px;
    padding-left: .5em;
    position: relative;
    transform: rotateY(190deg);
    display: block;
    float: left;
    color: #18a818
}

.offertab .nav-tabs {
    background: #dee2e6;
    border: 1px solid #f0ecec;
    border-bottom: none
}

.offertab .tab-content {
    border: 1px solid #f0ecec;
    padding: 10px 15px;
    border-top: none;
    text-align: center
}

.offertab .nav-tabs li {
    margin: 0 0
}

.offertab .nav-tabs li a {
    font-size: 16px;
    color: #7b7373;
    display: block;
    padding: 5px 45px
}

.offertab .nav-tabs li .active {
    background: #fff
}

.couple_offerdiv {
    margin: 10px 10px;
    background: #fff;
    height: 100%;
    padding: 20px
}

.combooffer_div {
    width: 100%;
    display: block;
    float: left;
    border: 1px solid #ece5e5;
    margin: 10px 0;
    padding: 5px;
    position: relative;
    overflow: hidden
}

.combooffer_div::after {
    content: "+";
    position: absolute;
    right: -50px;
    top: 50%;
    font-size: 50px;
    color: #a49999;
    text-shadow: 1px 2px 3px #cec7c7
}

.combooffer_div:last-child::after {
    content: ""
}

.combooffer_div .comboofer_content .combooff_title {
    background-image: linear-gradient(to right, #3b3b3b, #4c4c4d, #5e5f5f, #707271, #848584);
    padding: 25px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    text-align: center
}

.combooffer_div .comboofer_content .combooff_title h3 {
    color: #fff;
    font-size: 1.3vmax
}

.combooff_amount {
    margin: 10px 0;
    padding: 10px
}

.combooffer_div .comboofer_content .combooff_amount {
    margin: 10px 0;
    padding: 10px;
    text-align: center
}

.combooff_title {
    padding: 10px;
    display: block
}

.combooff_title h3 a {
    color: #514e4e;
    line-height: 25px;
    display: flex;
    height: 60px;
    align-items: center;
    overflow: hidden
}

.combooff_rating {
    padding: 10px;
    margin-bottom: 0
}

.combooffer_ins {
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    padding: 0 5px
}

.combooffer_del {
    font-size: 16px;
    color: #a29898
}

.combooffer_discount {
    font-size: 18px;
    color: #02a202;
    font-weight: 600;
    display: inline-block;
    padding: 0 3px
}

.comboffer_slider .owl-next,
.comboffer_slider .owl-prev {
    position: absolute;
    top: 35%
}

.comboffer_slider .owl-prev {
    left: -20px
}

.comboffer_slider .owl-next {
    right: -20px
}

.comboffer_slider .owl-next span,
.comboffer_slider .owl-prev span {
    font-size: 48px;
    padding: 30px 15px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 100%, .98);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 0 4px 4px 0;
    color: #737171
}

.comboffer_slider .owl-next.disabled,
.comboffer_slider .owl-prev.disabled {
    opacity: .3;
    cursor: no-drop
}

.all_comboofer_div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.combooffer_divamount {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 0
}

.abc {
    display: table-cell;
    width: 1%;
    height: 120px;
    align-items: center;
    clear: both;
    vertical-align: middle
}

.abc_amount {
    display: inline-block;
    padding: 10px 15px;
    width: 50%;
    float: left;
    line-height: 24px
}

.abc_items {
    font-size: 14px;
    color: #9f9999;
    padding: 5px 0;
    line-height: 25px;
    text-align: left
}

.abc_itemsamount {
    font-size: 16px;
    color: #555151;
}

.def .defbtn {
    position: relative;
    padding: 5px 10px;
    font-size: 12px;
    margin: 25px auto 15px;
    display: table;
    background: #fe5e08;
    border: 1px solid #fe5e08
}

.def .defbtn i {
    display: inline-block;
    padding: 0 5px
}

.def .defbtn::before {
    content: "";
    width: 90px;
    height: 1px;
    background: #e1e1e1;
    display: block;
    position: absolute;
    right: 100%;
    top: 15px;
    z-index: -1
}

.def .defbtn::after {
    content: "";
    width: 90px;
    height: 1px;
    background: #e1e1e1;
    display: block;
    position: absolute;
    left: 100%;
    top: 15px;
    z-index: -1
}

.frequent_amountright .btn.btn-primary.defbtn {
    background: #fb641b;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border: none;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    width: 80%;
    font-size: 14px;
    text-align: center;
}

.frequent_amountright .btn.btn-primary.defbtn:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12)
}

.offer_accordian .card-header {
    padding: 0;
    border-bottom: none
}

.offer_accordian .card-header .mb-0 {
    padding: 0
}

.offer_accordian .card-header .mb-0 .btn-link {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 25px;
    color: #555;
    background: #fff;
    border-left: none;
    border-right: none;
    text-decoration: none;
    border-top: none
}

.offer_accordian .panel-group .panel-heading+.panel-collapse>.card-body,
.offer_accordian .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: none
}

.offer_accordian .card-body {
    padding: 15px 20px;
    background: #fff
}

.offer_accordian .collapse.show::before {
    border-radius: 50%;
    content: "\f106";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.5rem 1rem;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    position: absolute;
    right: 0
}

.offer_accordian .collapse.show::before,
.offer_accordian .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 20px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.offer_accordian .collapsed::before {
    content: "\f107";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

.offersocials_widgets {
    margin-top: 20px
}

.offertrending_list ul {
    padding: 0
}

.offertrending_list ul li a {
    display: flex;
    line-height: 23px;
    padding: 10px 0;
    border-bottom: 1px solid #f9f6f6;
    font-size: 14px;
    color: #847f7f;
    position: relative
}

.offertrending_list ul li a::before {
    content: "\f046";
    font-family: FontAwesome;
    padding-right: .6em;
    float: left;
    display: block;
    font-size: 12px;
    color: #847f7f
}

.overalloffferinner {
    background: #fff;
    margin: 10px 10px;
    max-width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.offer_sticky {
    position: sticky;
    top: 40px
}

.offshare {
    display: flex;
    align-items: center;
    padding: 15px 0
}

.offshare span {
    font-size: 14px;
    font-weight: 500;
    color: #534f4f;
    margin-right: 10px;
}

.offer_pageleft {
    float: left;
    width: 35%;
    padding: 20px;
    margin: 40px 0
}

.offer_pageright {
    float: left;
    width: 65%;
    padding: 20px
}

.offer_pageleftdiv {
    margin-bottom: 30px
}

.bt_videowidget {
    background: #fff;
    padding: 10px;
    margin: 0 0;
    border: 1px solid #f0f0f0;
    position: relative
}

.bt_videowidget p {
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
}

.video_popup {
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.video_popup a {
    display: block;
    width: 100%;
    height: auto
}

.video_popup img {
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.bt_videowidget:hover .video_popup img {
    transform: scale(1.1);
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.play_btn {
    z-index: 99;
    position: absolute;
    top: 35%;
    width: 100%;
    height: auto;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.play {
    background: red;
    border-radius: 50%/10%;
    color: #fff;
    opacity: .8;
    height: 3em;
    margin: 5px auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: .1em;
    transition: all 150ms ease-out;
    width: 4em
}

.play::before {
    background: inherit;
    border-radius: 5%/50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%
}

.play::after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgba(255, 255, 255, .75);
    content: ' ';
    font-size: .75em;
    height: 0;
    margin: -1em 0 0 -.75em;
    top: 50%;
    position: absolute;
    width: 0
}

.video_overlay {
    background: rgba(0, 0, 0, .3);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.innerpaebtn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.mwpvk {
    padding: 15px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    width: 100%;
    border: none;
    float: left;
    background: #ff9f00;
    color: #fff;
}

.mwpvk:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12);
    color: #fff
}

.npkh {
    padding: 15px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    float: right;
    width: 100%;
    background: #fb641b;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border: none;
    color: #fff;
}

.npkh:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12);
    color: #fff
}

.offer_cntct {
    background: #fff;
    border: 1px solid #d9d5d5;
    padding: 20px;
    margin: 30px 0;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.offer_cntct p {
    font-size: 14px;
    color: #686565;
    padding-bottom: 10px
}

.all_offcall {
    display: flex;
    align-items: center
}

.offcallicon i {
    font-size: 34px;
    color: #009bff
}

.offcalldiv a {
    display: block;
    font-size: 20px;
    padding-bottom: 5px;
}

.offcalldiv span {
    display: block;
    font-size: 11px;
    color: #009bff
}

.offcallicon {
    padding-right: 10px
}

.offcalldiv {
    padding: 0 10px;
    line-height: 18px
}

.innerpaebtn .btn {
    margin: 10px 5px;
    font-size: 16px
}

.innerpaebtn .btn i {
    padding: 0 5px
}

.bannershow .showmore_content {
    margin-bottom: 0
}

.bannershow .showmore_trigger {
    height: 25px;
    line-height: 25px
}

.bannershow .showmore_trigger span {
    text-align: right;
    font-size: 12px;
    color: #ffc808;
    text-decoration: none;
    border-top: none;
    float: right;
    text-shadow: 1px 2px 2px #333;
    font-weight: 600;
    margin: 10px 0
}

.showmore_content {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.showmore_trigger {
    width: 100%;
    height: 45px;
    line-height: 45px;
    cursor: pointer
}

.showmore_trigger span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #2389f2;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500
}

.bannershow>.showmore_content>ul>li {
    color: #fff;
    padding: 7px 0;
    line-height: 25px;
    font-size: 14px
}

.bannershow>.showmore_content>ul>li::before {
    content: "\f00c";
    padding-right: 10px;
    font-family: FontAwesome;
    color: #fff;
    font-size: 10px
}

.offer_pagetitle h1 {
    margin-bottom: 10px
}

.inneroff_amount {
    padding: 10px 0
}

.training_typs {
    display: flex
}

.training_typs h3 {
    margin-right: 20px
}

.training_typs select {
    font-size: 14px;
    padding: 5px 15px;
    line-height: 20px;
    display: block;
    width: 30%;
    border: 1px solid #ddd
}

.training_typs select option {
    font-size: 14px
}

.boxes {
    margin: 30px 0 0
}

.ttamntins {
    font-size: 30px
}

.ttamntdel {
    font-size: 20px;
    color: #9d9a9a
}

.inneroffer_ins {
    font-size: 36px;
    text-decoration: none;
    padding: 5px 10px 5px 0;
    color: #50505b
}

.inneroffer_del {
    font-size: 22px;
    color: #9d9a9a;
    padding: 0 5px
}

.inneroffer_discount {
    font-size: 18px;
    color: #02a202;
    font-weight: 600;
    display: inline-block;
    padding: 0 3px
}

.inner_featureslist,
.offerpage_content ul {
    margin: 10px 5px;
    padding-left: 0
}

.inner_featureslist li {
    font-size: 14px;
    padding: 5px 0;
    border-bottom: none;
    line-height: 23px;
    position: relative;
    color: #5e5c5c;
    display: flex
}

.inner_featureslist li::before {
    content: "\f02b";
    font-family: FontAwesome;
    font-size: 13px;
    padding-left: .7em;
    position: relative;
    transform: rotateY(190deg);
    display: block;
    float: left;
    color: #18a818
}

.offerpage_content li {
    font-size: 15px;
    padding: 5px 0;
    border-bottom: none;
    line-height: 25px;
    position: relative;
    color: #222121;
    display: flex
}

.offerpage_content ul li::before {
    content: "\f02b";
    font-family: FontAwesome;
    font-size: 13px;
    padding-left: .7em;
    position: relative;
    transform: rotateY(190deg);
    display: block;
    float: left;
    color: #18a818
}

.offerpage_div {
    border: 1px solid #f0f0f0;
    height: auto;
    margin: 25px 0
}

.offerpage_contitle h3 {
    padding: 25px;
    border-bottom: 1px solid #f0f0f0
}

.offerpage_content {
    padding: 25px
}

.offerkeylist {
    padding-left: 0!important
}

.offerkeylist li {
    padding: 10px 0;
    line-height: 30px;
    display: flex;
    align-items: center
}

.offerkeylist li::before {
    display: none!important
}

.off_featthumb {
    display: flex;
    min-width: 250px;
    font-size: 15px;
    color: #878787;
    padding-right: 8px;
    align-items: center
}

.off_featthumb img {
    margin-right: 12px
}

.off_feattitle {
    font-size: 14px;
    color: #212121
}

.frequent_amountleft {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    height: 130px;
    align-items: center
}

.frequent_amountone {
    display: block;
    padding: 20px 15px;
    position: relative;
    line-height: 30px;
    width: 55%
}

.frqunttotal::before {
    content: "=";
    position: absolute;
    left: -10px;
    top: 50%;
    font-size: 28px
}

.fullcombo_div .combooff_title {
    background-image: linear-gradient(to right, #3b3b3b, #4c4c4d, #5e5f5f, #707271, #848584);
    height: 140px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.fullcombo_div .combooff_title h3 {
    color: #fff;
    font-size: 20px;
    display: block;
    width: 100%;
    text-align: center
}

.frequent_amount {
    padding-bottom: 30px;
    display: block;
    position: relative;
    margin-top: 0;
    border-top: 1px solid #f4f2f2
}

.fullcombo_div {
    width: 100%;
    display: block;
    margin: 0;
    padding: 5px;
    position: relative
}

.fullcombo_div::after {
    content: "";
    height: 350px;
    width: 1px;
    display: block;
    background: #f2efef;
    position: absolute;
    top: 30px;
    right: -15px
}

.frequent_items {
    font-size: 14px;
    color: #9f9999;
    padding: 5px 0;
    line-height: 25px;
    text-align: left
}

.frequent_itemsamount {
    font-size: 18px;
    color: #555151;
}

.frequent_amountright {
    justify-content: center;
    padding: 0 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-block {
    text-align: center
}

.offrate {
    font-size: 42px;
    color: #000
}

.rating-block .btn {
    padding: 5px 10px;
    font-size: 12px;
    color: #fff
}

.offerpage_ratingdiv .row {
    align-items: center
}

.rating-block p {
    text-align: center;
    font-size: 18px;
    color: #b7abab
}

.offrate i {
    font-size: 26px
}

.ratin_right .pull-left {
    margin-bottom: 3px
}

.ratin_right .pull-left i {
    font-size: 13px;
    padding: 0 3px
}

.pull-right.offrateval {
    font-size: 16px;
    color: #b5afaf;
}

.offerratebtn {
    margin: 10px 0
}

.offerpage_similar {
    background: #fff;
    margin: 0 10px;
    padding: 20px
}

.similar_course_slider .owl-next,
.similar_course_slider .owl-prev {
    position: absolute;
    top: 35%
}

.similar_course_slider .owl-prev {
    left: -20px
}

.similar_course_slider .owl-next {
    right: -20px
}

.similar_course_slider .owl-next span,
.similar_course_slider .owl-prev span {
    font-size: 48px;
    padding: 30px 15px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 100%, .98);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 0 4px 4px 0;
    color: #737171
}

.similar_course_slider .owl-next.disabled,
.similar_course_slider .owl-prev.disabled {
    opacity: .3;
    cursor: no-drop
}

.similar_coursesdivi {
    border: 1px solid #f0f0f0;
    padding: 5px;
    height: 370px
}

.offerbatchstyle .batchdate {
    width: 40%
}

.thiru_schedule li::before {
    display: none!important
}

.offerbatchstyle .batchdate::after {
    right: 30px;
    top: 0
}

.offerbatchstyle .batchday {
    width: 60%
}

.offerbatchstyle .batchtime {
    width: 50%
}

.thirus {
    padding: 15px 25px;
    line-height: 25px;
    font-size: 16px;
    margin: 12px 0;
    background: #fff;
    width: 48%;
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
    align-items: center
}

.thirus::before {
    content: "";
    width: 4px;
    height: 35px;
    background: #11afff;
    display: block;
    position: absolute;
    left: 0;
    top: 30px
}

.thirus .starratings {
    padding: 10px 0 0;
    font-size: 12px
}

.thirus .starratings .ratingtitle {
    color: #868383
}

.thirus .cus_badge {
    background: #11afff;
    color: #fff;
    font-weight: 500
}

.special_div {
    clear: both;
    display: table;
    width: 100%
}

.single-checkbox {
    margin-right: 5px
}

.special_amount del {
    font-size: 22px;
    color: #959191;
    font-weight: 500;
    line-height: 35px;
    padding: 5px 0;
    display: inline-block;
    margin-right: 20px
}

.special_amount del::before {
    content: "₹"
}

.special_amount ins {
    font-size: 30px;
    display: inline-block;
    padding: 10px 0;
    line-height: 38px;
    font-weight: 500;
    text-decoration: none;
    color: #303131;
    font-style: normal;
    margin-right: 20px
}

.special_amount ins::before {
    content: "₹"
}

.special_amount p {
    font-size: 12px;
    font-weight: 500;
    color: #03a685
}

.special_amount span {
    font-size: 15px;
    padding: 0 5px;
    font-style: italic
}

span.Offervalidity {
    font-size: 12px
}

.ShareOffer i.fa.fa-info-circle {
    color: #908787
}

span.ShareOffer {
    font-size: 12px
}

.special_amount {
    text-align: left;
    margin: 0 0
}

.special_offtitle h1 {
    border-bottom: 1px solid #eae3e3;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px
}

.spcial {
    padding: 15px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    float: right;
    width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ff416c, #ff4b2b) repeat scroll 0 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: 500
}

.spcial:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12);
    color: #fff
}

.spclbtn1 {
    padding: 15px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    width: 100%;
    border: none;
    float: left;
    background: #fff;
    color: #333;
    border: 1px solid #d4d5d9;
    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: 500
}

.spclbtn1:hover {
    border: 1px solid #535766
}

.specialbest h5 .fa.fa-tag {
    font-size: 14px;
    padding-left: 10px;
    color: #716c6c
}

.specialbest p {
    font-size: 13px;
    padding: 0;
    color: #5e5c5c
}

.specialinner_featureslists {
    margin: 15px 10px
}

.specialinner_featureslists li {
    font-size: 14px;
    padding: 5px 0;
    line-height: 28px;
    display: table;
    color: #5e5c5c
}

.specialinner_featureslists li::before {
    content: "\f02c";
    font-family: FontAwesome;
    font-size: 12px;
    color: #8e8a8a;
    padding-left: 10px;
    position: relative;
    transform: rotateY(190deg);
    display: block;
    float: left
}

.spclofferpage_contitle h3 {
    padding: 15px
}

section.frequent_combodiv {
    padding: 10px 0
}

.bt_combobox {
    width: 100%;
    clear: both;
    display: flex;
    margin-bottom: 20px;
    height: 180px;
    align-items: center;
    padding: 10px;
    background: #f0f7f7
}

.frequentcombo_tilte {
    margin-bottom: 20px
}

.frequentcombo_tilte h3 {
    color: #5d5b5b
}

.bt_comboboxleft {
    width: 25%;
    float: left;
    height: 100%;
    align-items: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    background: linear-gradient(315deg, #06bcfb 0, #4884ee 74%);
    padding: 25px
}

.bt_comboboxmiddle {
    width: 55%;
    float: left;
    padding: 0 20px
}

.bt_comboboxright {
    width: 20%;
    float: left;
    padding: 0 20px
}

.bt_comboboxlefttitle h3 {
    color: #fff;
    text-align: center
}

.btcombo_tags {
    margin: 20px 0
}

.combostarratings {
    font-size: 14px;
    margin-right: 20px
}

.combostarratings .filled {
    color: #ffb606
}

.combostarratings .ratingtitle {
    color: #7b7777;
    padding: 0 5px
}

.combo_learners {
    font-size: 14px;
    color: #646363;
}

.combo_learners .fa.fa-user-o {
    font-size: 14px;
    padding: 0 5px
}

.pgm_fees {
    display: block;
    padding: 2px 0;
    line-height: 20px;
    font-size: 16px;
    color: #565959
}

.discount_fees {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #b12704;
    display: block;
    padding: 2px 0;
    line-height: 20px;
}

.discount_fees ins {
    text-decoration: none;
    padding: 0 5px
}

.combolistdiscount p {
    color: #388e3c;
    font-weight: 500;
    font-size: 14px;
    display: block;
    line-height: 20px
}

.btn.freenrlbtn {
    max-width: 160px;
    display: block;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
    background: #2389f2;
    border: 0;
    padding: 10px 15px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    -ms-box-shadow: 0 3px 10px -8px #000;
    -o-box-shadow: 0 3px 10px -8px #000
}

.btn.freenqbtn {
    background: #626160;
    max-width: 160px;
    display: block;
    margin: 10px 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 15px;
    border: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    -ms-box-shadow: 0 3px 10px -8px #000;
    -o-box-shadow: 0 3px 10px -8px #000
}

.btn.freenqbtn i,
.btn.freenrlbtn i {
    font-size: 14px;
    padding: 0 5px
}

@media screen and (max-width:767px) {
    .bt_combobox {
        display: table;
        height: auto
    }
    .bt_comboboxleft {
        width: 100%;
        float: none
    }
    .bt_comboboxmiddle {
        width: 100%;
        float: none;
        padding: 10px 10px
    }
    .bt_comboboxright {
        width: 100%;
        float: none;
        padding: 0 20px
    }
    .btn.freenrlbtn {
        max-width: 100%;
        display: inline-block
    }
    .btn.freenqbtn {
        max-width: 100%;
        display: inline-block
    }
    .combostarratings {
        margin-right: 0;
        display: block;
        padding: 10px 0;
        line-height: 25px
    }
    .btcombo_tags {
        margin: 0 0 10px
    }
}

#bt_redirection {
    padding-bottom: 0
}

.bt_redirdiv {
    background-image: linear-gradient(to right, rgba(0, 114, 255, .95), rgba(58, 123, 213, .7));
    background-size: cover, contain;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    padding: 20px;
    text-align: center;
    position: relative
}

.discthumb {
    position: absolute;
    top: 0;
    right: 30px;
    opacity: .1;
    height: 100%;
    width: 20%
}

.bt_redirdiv_middlecontnt h2 {
    color: #fff;
    margin: 0 0 0;
    font-size: 26px
}

.bt_redirdiv_middlecontnt h2 span {
    display: block;
    font-size: 16px;
    padding: 5px 0;
    color: #fffb05
}

.bt_redirdiv_middlecontnt p {
    text-align: center;
    margin: 0 auto;
    width: 80%;
    color: #fff;
}

.bt_redirdiv_rightbtn {
    position: relative
}

.bt_redirdiv_rightbtn a {
    margin: 10px 0 10px;
    display: inline-block;
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    line-height: 23px;
    background: #ff6400;
    font-weight: 500;
    text-transform: capitalize;
}

.bt_redirdiv_rightbtn a:hover {
    text-decoration: none;
    color: #ff6400;
    background: #fff
}

.course_offerwidgets {
    background: #56ccf2;
    background: -webkit-linear-gradient(to right, #2f80ed, #56ccf2);
    background: linear-gradient(to right, #2f80ed, #56ccf2);
    background-size: cover, contain;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative
}

.course_offerwidgets h4 {
    color: #fff;
    position: relative;
    width: 70%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 28px
}

.course_offerwidgets h4 i {
    color: #fbff07;
    font-size: 24px;
    font-weight: 700
}

.bt_offericon {
    background-image: url(../images/discount.svg);
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    opacity: .1;
    background-attachment: scroll;
    position: absolute;
    right: 0
}

.course_offerwidgets a {
    margin: 10px 0 10px;
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 13px;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    line-height: 23px;
    background: #ff6400;
    font-weight: 500;
    text-transform: capitalize;
    position: relative
}

.course_offerwidgets a:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background: #d0570a
}

@media screen and (max-width:767px) {
    .bt_redirdiv_middlecontnt h2 {
        font-size: 20px;
        line-height: 27px;
        padding: 5px 0
    }
    .bt_redirdiv_middlecontnt h2 span {
        font-size: 14px;
        padding: 5px 0
    }
    .bt_redirdiv_middlecontnt p {
        font-size: 13px;
        line-height: 24px;
        width: 100%
    }
    .bt_redirdiv_rightbtn a {
        margin: 10px 0 10px;
        line-height: 20px
    }
    .discthumb {
        display: none
    }
    .bt_redirdiv {
        padding: 10px
    }
    .d_syllabus {
        float: none
    }
    .course_offerwidgets {
        padding: 10px
    }
    .course_offerwidgets h4 {
        width: 100%;
        font-size: 16px;
        line-height: 25px;
        padding: 5px 0
    }
    .course_offerwidgets h4 i {
        font-size: 22px
    }
    .course_offerwidgets a {
        margin: 5px 0 5px;
        line-height: 20px
    }
}

.bt_googlereviewwidgets,
.bt_reviewwidgets,
.bt_studentreviewwidgets {
    background: #fff;
    padding: 15px;
    height: 100%;
    width: 100%;
    box-shadow: 0 2px 10px 2px #ccc;
    -webkit-box-shadow: 0 2px 10px 2px #ccc;
    margin: 0 0
}

.bt_reviewicons {
    text-align: center;
    margin: 5px 0
}

.bt_reviewtitle {
    margin: 5px 0
}

.bt_reviewtitle h3 {
    text-align: center;
    text-transform: uppercase;
    color: #f44336;
    padding: 5px 0
}

.bt_reviewtitle p {
    font-size: 13px;
    word-spacing: 0;
    text-align: center;
    line-height: 20px;
    color: #938f8f
}

.bt_reviewsubscibe {
    display: flex;
    width: 100%;
    margin: 15px 0 10px
}

.bt_reviewsubscibeleft {
    width: 50%;
    margin: 0 5px
}

.bt_reviewsubsciberight {
    display: flex;
    width: 100%;
    justify-content: center
}

.bt_reviewsubsciberight a {
    font-size: 13px;
    text-align: center;
    display: block;
    background: #e62117;
    padding: 10px 15px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-box-shadow: 0 3px 10px -8px #000;
}

.bt_googlereviewicons {
    text-align: center;
    margin: 5px 0
}

.bt_googlereviewtitle h3 {
    text-align: center;
    text-transform: uppercase;
    color: #4c8bf5;
    padding: 5px 0
}

.bt_googlereviewtitle p {
    font-size: 13px;
    word-spacing: 0;
    text-align: center;
    line-height: 20px;
    color: #938f8f
}

.bt_googlereviewsubscibe {
    display: flex;
    width: 100%;
    margin: 15px 0 10px;
    justify-content: center
}

.bt_googlereviewsubscibe a {
    font-size: 13px;
    text-align: center;
    display: block;
    background: #4c8bf5;
    padding: 10px 15px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-box-shadow: 0 3px 10px -8px #000;
}

.bt_studentreviewicons {
    text-align: center;
    margin: 5px 0
}

.bt_studentreviewtitle h3 {
    text-align: center;
    text-transform: uppercase;
    color: #006edb;
    padding: 5px 0
}

.bt_studentreviewtitle p {
    font-size: 13px;
    word-spacing: 0;
    text-align: center;
    line-height: 20px;
    color: #938f8f
}

.bt_studentreviewsubscibe {
    display: flex;
    width: 100%;
    margin: 15px 0 10px;
    justify-content: center
}

.bt_studentreviewsubscibe a {
    font-size: 13px;
    text-align: center;
    display: block;
    background: #006edb;
    padding: 10px 15px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-box-shadow: 0 3px 10px -8px #000;
}

@media screen and (max-width:991px) {
    .bt_googlereviewwidgets,
    .bt_reviewwidgets,
    .bt_studentreviewwidgets {
        height: auto;
        margin: 10px 0
    }
}

.testimonial {
    margin: 0 20px 40px
}

.testimonial .testimonial-content {
    padding: 25px 20px 25px 50px;
    margin-bottom: 25px;
    background: #f4f0f0;
    border: 1px solid #f0f0f0;
    position: relative
}

.testimonial .testimonial-content:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f4f0f0;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg)
}

.testimonial-content .testimonial-icon {
    width: 50px;
    height: 45px;
    background: #0f41b7;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px
}

.testimonial-content .testimonial-icon:before {
    content: "";
    border-bottom: 16px solid #0f41b7;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px
}

.testimonial .description {
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0
}

.testimonial .title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
    padding: 0
}

.testimonial .post {
    display: block;
    font-size: 14px;
    color: #ff4242
}

#review_carousel .owl-theme .owl-controls {
    margin-top: 20px
}

#review_carousel .owl-theme .owl-controls .owl-page span {
    background: #ccc;
    opacity: 1;
    transition: all .4s ease 0s
}

#review_carousel .owl-theme .owl-controls.clickable .owl-page:hover span,
#review_carousel.owl-theme .owl-controls .owl-page.active span {
    background: #ff4242
}

.testimoni_names {
    display: flex;
    align-items: center
}

.review_thumb p {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 50px
}

.review_thumb {
    margin-right: 20px
}

.featuredivone {
    width: 80%;
    position: relative;
    top: 0
}

.featuredivone::after {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    right: -80px;
    position: absolute;
    border-bottom: 2px solid #00a9ff;
    bottom: 0
}

.featuredivoneall {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative
}

.featuredivoneright {
    padding: 10px;
    border: 3px solid #00a9ff;
    border-radius: 50%;
    position: absolute;
    right: -45px;
    z-index: 0;
    height: 80px;
    width: 80px;
    background-color: #fff
}

.featuredivoneleft {
    border: 3px solid #00a9ff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 100%;
    overflow: hidden;
    padding: 5px 30px 5px 0;
    height: 80px;
    position: relative
}

.featuredivoneleft::after {
    content: "";
    width: 50px;
    display: block;
    height: 50px;
    background: #00a9ff;
    position: absolute;
    right: 0;
    z-index: 0;
    top: -30px;
    float: left;
    overflow: hidden;
    transform: rotateZ(50deg);
    border-radius: 0
}

.featuredivoneright img {
    width: 50px
}

.featuredivoneleft h3 {
    padding-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #3c3a3a;
    line-height: 20px
}

.featuredivoneleft h6 {
    padding: 0;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #8e8c8c
}

.featuredivtwo {
    width: 80%;
    position: relative;
    top: 80px
}

.featuredivtwo::after {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    right: -137px;
    position: absolute;
    border-bottom: 2px solid #00a9ff;
    bottom: 0
}

.featuredivtwoall {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative
}

.featuredivtworight {
    padding: 10px;
    border: 3px solid #00a9ff;
    border-radius: 50%;
    position: absolute;
    right: -45px;
    z-index: 0;
    height: 80px;
    width: 80px;
    background-color: #fff
}

.featuredivtwoleft {
    border: 3px solid #00a9ff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 100%;
    overflow: hidden;
    padding: 5px 30px 5px 0;
    height: 80px;
    position: relative
}

.featuredivtwoleft::after {
    content: "";
    width: 50px;
    display: block;
    height: 50px;
    background: #00a9ff;
    position: absolute;
    right: 0;
    z-index: 0;
    bottom: -30px;
    float: left;
    overflow: hidden;
    transform: rotateZ(50deg);
    border-radius: 0
}

.featuredivtworight img {
    width: 50px
}

.featuredivtwoleft h3 {
    padding-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #3c3a3a;
    line-height: 20px
}

.featuredivtwoleft h6 {
    padding: 0;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #8e8c8c
}

.featuredivthree {
    width: 80%;
    position: relative;
    top: 0
}

.featuredivthree::before {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    left: -25px;
    position: absolute;
    border-bottom: 2px solid #00a9ff;
    bottom: 0
}

.featuredivthreeall {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative
}

.featuredivthreeright {
    padding: 10px;
    border: 3px solid #00a9ff;
    border-radius: 50%;
    position: absolute;
    right: -45px;
    z-index: 0;
    height: 80px;
    width: 80px;
    background-color: #fff
}

.featuredivthreeleft {
    border: 3px solid #00a9ff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 100%;
    overflow: hidden;
    padding: 5px 30px 5px 0;
    height: 80px;
    position: relative
}

.featuredivthreeleft::after {
    content: "";
    width: 50px;
    display: block;
    height: 50px;
    background: #00a9ff;
    position: absolute;
    right: 0;
    z-index: 0;
    top: -30px;
    float: left;
    overflow: hidden;
    transform: rotateZ(50deg);
    border-radius: 0
}

.featuredivthreeright img {
    width: 50px
}

.featuredivthreeleft h3 {
    padding-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #3c3a3a;
    line-height: 20px
}

.featuredivthreeleft h6 {
    padding: 0;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #8e8c8c
}

.featuredivfour {
    width: 80%;
    position: relative;
    top: 80px
}

.featuredivfour::before {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    left: -83px;
    position: absolute;
    border-bottom: 2px solid #00a9ff;
    bottom: 0
}

.featuredivfourall {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative
}

.featuredivfourright {
    padding: 10px;
    border: 3px solid #00a9ff;
    border-radius: 50%;
    position: absolute;
    right: -45px;
    z-index: 0;
    height: 80px;
    width: 80px;
    background-color: #fff
}

.featuredivfourleft {
    border: 3px solid #00a9ff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 100%;
    overflow: hidden;
    padding: 5px 30px 5px 0;
    height: 80px;
    position: relative
}

.featuredivfourleft::after {
    content: "";
    width: 50px;
    display: block;
    height: 50px;
    background: #00a9ff;
    position: absolute;
    right: 0;
    z-index: 0;
    bottom: -30px;
    float: left;
    overflow: hidden;
    transform: rotateZ(50deg);
    border-radius: 0
}

.featuredivfourright img {
    width: 50px
}

.featuredivfourleft h3 {
    padding-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #3c3a3a;
    line-height: 20px
}

.featuredivfourleft h6 {
    padding: 0;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #8e8c8c
}

.featuredivcentercontetnt {
    display: table;
    padding: 25px;
    border: 2px dotted #00a9ff;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto
}

.featuredivcenterdiv {
    width: 200px;
    height: 200px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-shadow: 11px 11px 39px -13px rgba(0, 0, 0, .75);
    -moz-box-shadow: 11px 11px 39px -13px rgba(0, 0, 0, .75);
    box-shadow: 11px 11px 39px -13px rgba(0, 0, 0, .75)
}

.featuredivleft {
    width: 33.333%;
    float: left;
    padding: 0 10px
}

.featuredivcenter {
    float: left;
    width: 33.33%;
    padding: 0 10px
}

.featuredivright {
    float: left;
    width: 33.33%;
    padding: 0 10px
}

.featurediv {
    clear: both;
    width: 100%;
    display: flex;
    margin: 30px 0
}

.featuredivcenterdiv h4 {
    font-size: 22px;
    color: #00a9ff
}

.featuredivcenterdiv h4 span {
    display: block
}

@media screen and (min-width:1400px) and (max-width:1600px) {
    .featuredivone::after {
        right: -120px
    }
    .featuredivtwo::after {
        right: -175px
    }
    .featuredivthree::before {
        left: -52px
    }
    .featuredivfour::before {
        left: -110px
    }
}

@media screen and (min-width:1200px) and (max-width:1360px) {
    .featuredivone::after {
        right: -75px
    }
    .featuredivtwo::after {
        right: -130px
    }
    .featuredivthree::before {
        left: -6px
    }
    .featuredivfour::before {
        left: -65px
    }
    .featuredivoneleft h3 {
        font-size: 15px
    }
    .featuredivoneleft h6 {
        font-size: 13px
    }
    .featuredivtwoleft h3 {
        font-size: 15px
    }
    .featuredivtwoleft h6 {
        font-size: 13px
    }
    .featuredivthreeleft h3 {
        font-size: 15px
    }
    .featuredivthreeleft h6 {
        font-size: 13px
    }
    .featuredivfourleft h3 {
        font-size: 15px
    }
    .featuredivfourleft h6 {
        font-size: 13px
    }
    .featuredivcenterdiv h4 {
        font-size: 20px
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .featuredivoneleft h3 {
        font-size: 14px
    }
    .featuredivoneleft h6 {
        font-size: 12px
    }
    .featuredivthreeleft h3 {
        font-size: 14px
    }
    .featuredivthreeleft h6 {
        font-size: 12px
    }
    .featuredivtwoleft h3 {
        font-size: 14px
    }
    .featuredivtwoleft h6 {
        font-size: 12px
    }
    .featuredivfourleft h3 {
        font-size: 14px
    }
    .featuredivfourleft h6 {
        font-size: 12px
    }
    .featuredivcenterdiv {
        width: 150px;
        height: 150px
    }
    .featuredivcenterdiv h4 {
        font-size: 18px;
        line-height: 23px
    }
    .featuredivcentercontetnt {
        padding: 20px;
        margin: 50px auto 20px
    }
    .featuredivtwo::after {
        right: -125px
    }
    .featuredivone::after {
        right: -90px
    }
    .featuredivthree::before {
        left: -45px
    }
    .featuredivfour {
        top: 60px
    }
    .featuredivfour::before {
        left: -53px
    }
    .featuredivtwo {
        top: 60px
    }
    .featuredivtwo::after {
        right: -90px
    }
}

@media screen and (max-width:991px) {
    .featuredivone::after {
        display: none
    }
    .featuredivtwo::after {
        display: none
    }
    .featuredivthree::before {
        display: none
    }
    .featuredivfour::before {
        display: none
    }
    .featuredivcenterdiv {
        width: 180px;
        height: 180px
    }
    .featuredivcentercontetnt {
        padding: 20px
    }
    .featuredivoneleft h3 {
        font-size: 14px
    }
    .featuredivoneleft h6 {
        font-size: 12px
    }
    .featuredivtwoleft h3 {
        font-size: 14px
    }
    .featuredivthreeleft h3 {
        font-size: 14px
    }
    .featuredivthreeleft h6 {
        font-size: 12px
    }
    .featuredivfourleft h3 {
        font-size: 14px
    }
    .featuredivfourleft h6 {
        font-size: 12px
    }
    .featuredivcenterdiv h4 {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .featurediv {
        display: table;
        margin: 15px 0
    }
    .featuredivleft {
        width: 100%;
        float: none;
        padding: 0
    }
    .featuredivcenter {
        display: none
    }
    .featuredivright {
        float: none;
        width: 100%;
        padding: 0
    }
    .featuredivone {
        margin: 8px 0
    }
    .featuredivtwo {
        top: 0;
        margin: 8px 0
    }
    .featuredivthree {
        margin: 8px 0
    }
    .featuredivfour {
        top: 0;
        margin: 8px 0
    }
}

@media screen and (min-width:1200px) and (max-width:1360px) {
    .offer_menu .nav-item {
        margin: 0 18px
    }
    .offer_menu .nav-item .nav-link {
        font-size: 14px
    }
    .fullcombo_div {
        width: 43%;
        margin: 10px 20px
    }
    .frequent_amountone {
        padding: 20px 35px
    }
    .combooffer_ins {
        font-size: 22px
    }
    .combooff_title h3 {
        line-height: 23px
    }
    .offertab .nav-tabs li a {
        font-size: 14px;
        padding: 5px 40px
    }
    .offertab .tab-content {
        padding: 10px 10px
    }
    .couple_offerdiv {
        padding: 10px
    }
    .combooff_rating {
        padding: 5px
    }
    .abc_amount {
        padding: 8px 10px
    }
    .offer_rightdiv {
        padding: 15px
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .offer_menu .nav-item {
        margin: 0 15px
    }
    .offer_menu .nav-item .nav-link {
        font-size: 13px
    }
    .offer_menu .nav-item {
        margin: 0 10px
    }
    .offer_pageleft {
        padding: 15px
    }
    .offer_pageright {
        padding: 15px
    }
    .inneroffer_ins {
        font-size: 30px
    }
    .inner_featureslist li {
        font-size: 14px
    }
    .offerpage_contitle h3 {
        padding: 20px;
        font-size: 16px
    }
    .offerpage_content {
        padding: 20px
    }
    .combooff_title h3 {
        font-size: 16px;
        line-height: 25px
    }
    .off_rate {
        font-size: 8px
    }
    .off_ratecount {
        font-size: 10px;
        padding: 0 6px
    }
    .combooffer_ins {
        font-size: 18px
    }
    .combooffer_del {
        font-size: 14px
    }
    .combooffer_discount {
        font-size: 16px
    }
    .innerpaebtn .btn {
        font-size: 14px
    }
    .frequent_items {
        font-size: 12px
    }
    .frequent_itemsamount {
        font-size: 18px
    }
    .frequent_amountone {
        padding: 15px 15px
    }
    .offrate {
        font-size: 34px
    }
    .rating-block p {
        font-size: 16px
    }
    .combooff_amount {
        line-height: 26px
    }
    .offerpage_similar {
        padding: 15px
    }
    .dropbtn {
        font-size: 12px
    }
    .dropdown-content a {
        padding: 8px 15px;
        font-size: 13px
    }
    .dropdown-content {
        min-width: 220px
    }
    .offer_leftdiv {
        margin: 0 5px
    }
    .offer_rightdiv {
        padding: 15px;
        margin: 0 5px
    }
    .offer_title h2 {
        font-size: 20px
    }
    .offertab .nav-tabs li a {
        font-size: 14px;
        padding: 5px 25px
    }
    .offer_ins {
        font-size: 22px
    }
    .offer_discount {
        font-size: 18px
    }
    .offertab .tab-content {
        padding: 5px 8px
    }
    .combooff_rating {
        padding: 2px
    }
    .cus_badge {
        font-size: 8px;
        margin-right: 10px
    }
    .abc_items {
        font-size: 12px
    }
    .abc_itemsamount {
        font-size: 16px
    }
    .abc_amount {
        padding: 10px 5px
    }
    .combooffer_div .comboofer_content .combooff_amount {
        padding: 5px
    }
    .all_comboofer_div {
        display: block
    }
}

@media screen and (min-width:992px) and (max-width:999px) {
    .dropdown-content {
        min-width: 200px
    }
    .dropbtn {
        font-size: 12px
    }
    .offer_menu .nav-item {
        margin: 0 10px
    }
    .offer_menu .nav-item .nav-link {
        font-size: 13px
    }
    .innerpaebtn .btn {
        font-size: 14px
    }
    .offer_pageleft {
        padding: 10px
    }
    .offer_pageright {
        padding: 10px
    }
    .inneroffer_ins {
        font-size: 24px
    }
    .inneroffer_del {
        font-size: 16px
    }
    .inneroffer_discount {
        font-size: 16px
    }
    .offerpage_contitle h3 {
        padding: 15px
    }
    .offerpage_content {
        padding: 15px
    }
    .comboofer_content {
        padding: 5px
    }
    .combooff_title h3 {
        font-size: 16px;
        line-height: 25px
    }
    .off_ratecount {
        font-size: 11px
    }
    .combooffer_ins {
        font-size: 22px
    }
    .combooffer_del {
        font-size: 14px
    }
    .combooffer_discount {
        font-size: 16px
    }
    .frequent_amountone {
        padding: 15px 16px
    }
    .frequent_items {
        font-size: 12px
    }
    .frequent_itemsamount {
        font-size: 18px
    }
    .btn.btn-primary.defbtn {
        padding: 13px;
        width: 95%;
        font-size: 12px
    }
    .offrate {
        font-size: 32px
    }
    .rating-block p {
        font-size: 16px
    }
    .pull-right.offrateval {
        font-size: 14px
    }
    .offertrending_list ul li a {
        padding: 5px 0;
        font-size: 12px
    }
    .offer_accordian .card-header .mb-0 .btn-link {
        padding: 10px 15px;
        font-size: 13px;
        line-height: 20px
    }
    .offer_rightdiv {
        width: 75%;
        padding: 10px
    }
    .offertab .nav-tabs li a {
        font-size: 13px;
        padding: 0 10px
    }
    .offer_ins {
        font-size: 22px
    }
    .offer_discount {
        font-size: 16px
    }
    .all_comboofer_div {
        display: block
    }
    .offerbatchstyle .batchdate {
        width: 50%
    }
    .combooffer_div::after {
        right: -40px;
        font-size: 40px
    }
    .abc_itemsamount {
        font-size: 20px
    }
    .couple_offerdiv {
        padding: 10px
    }
    .offerpage_content li {
        font-size: 14px
    }
}

@media screen and (max-width:991px) {
    .offer_menu .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }
    .offer_menu .navbar-toggler {
        padding: .15rem .5rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #0c1923;
        border: 1px solid #0c1923;
        border-radius: 0;
        float: right;
        width: auto;
        position: relative;
        margin-top: -50px;
        margin-right: 15px
    }
    .offer_menu .navbar {
        padding: 0;
        display: block;
        width: auto;
        height: auto;
        background: #0c1923;
        margin-top: 0
    }
    .offer_menu .navbar-nav {
        align-items: center;
        display: block
    }
    .offer_menu .nav-item {
        margin: 0
    }
    .offer_menu .nav-item .nav-link {
        font-size: 14px;
        color: #fff!important
    }
    .offer_search {
        width: 60%
    }
    .dropdown-content a {
        padding: 8px 15px;
        font-size: 13px;
        line-height: 18px
    }
    .dropdown-content {
        min-width: 175px
    }
    .search-container {
        width: calc(100% - 0px)
    }
    .offer_logo a img {
        width: 100%
    }
    .offermenu_widgets {
        padding: 0
    }
    .offer_logo {
        padding: 5px 0
    }
    .dropbtn {
        padding: 9px 15px;
        font-size: 12px
    }
    .offer_pageleft {
        float: none;
        width: 100%;
        padding: 10px;
        margin: 10px 0
    }
    .offer_pageright {
        float: none;
        width: 100%;
        padding: 10px
    }
    .offertab .nav-tabs li a {
        font-size: 14px;
        padding: 5px 25px
    }
    .offer_del {
        font-size: 18px
    }
    .overalloffferinner {
        display: block
    }
    .offerpage_contitle h3 {
        padding: 13px
    }
    .offerpage_content {
        padding: 13px
    }
    .fullcombo_div {
        margin: 10px 20px
    }
    .comboofer_content {
        padding: 3px
    }
    .combooff_title h3 {
        font-size: 16px
    }
    .combooffer_ins {
        font-size: 20px
    }
    .combooffer_del {
        font-size: 15px
    }
    .combooffer_discount {
        font-size: 16px
    }
    .frequent_amountone {
        padding: 15px 30px
    }
    .frequent_itemsamount {
        font-size: 15px
    }
    .offer_leftdiv {
        float: none;
        width: auto
    }
    .offer_rightdiv {
        float: none;
        width: auto;
        padding: 10px;
        margin: 10px 10px
    }
    .offer_ins {
        font-size: 22px
    }
    .offer_discount {
        font-size: 16px
    }
    .all_comboofer_div {
        display: block
    }
    .combooffer_div::after {
        right: -35px;
        font-size: 40px
    }
}

@media screen and (max-width:767px) {
    .thirus {
        width: 100%;
        float: none
    }
    .offer_search {
        display: none
    }
    .offer_more {
        display: none
    }
    .offer_logo {
        width: 70%
    }
    .offer_menu .navbar-toggler {
        margin-top: -55px
    }
    .offer_accordian .card-header .mb-0 .btn-link {
        padding: 10px 15px;
        font-size: 13px
    }
    .offertrending_list ul li a {
        padding: 8px 0;
        font-size: 13px
    }
    .innerpaebtn .btn {
        margin: 0 5px;
        font-size: 14px
    }
    .mwpvk {
        padding: 10px 5px
    }
    .npkh {
        padding: 10px 5px
    }
    .inneroffer_ins {
        font-size: 26px
    }
    .inneroffer_del {
        font-size: 18px
    }
    .inneroffer_discount {
        font-size: 16px
    }
    .inner_featureslist li {
        font-size: 14px;
        display: flex
    }
    .offerpage_content {
        padding: 10px
    }
    .offerpage_contitle h3 {
        padding: 10px
    }
    .off_featthumb {
        min-width: 200px;
        font-size: 14px
    }
    .fullcombo_div {
        width: 100%;
        margin: 5px 0;
        float: none
    }
    .frequent_amountleft {
        webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: auto
    }
    .frequent_amountone {
        padding: 15px 20px
    }
    .training_typs {
        display: block
    }
    .training_typs select {
        width: 100%
    }
    .similar_course_slider .owl-next span,
    .similar_course_slider .owl-prev span {
        font-size: 38px;
        padding: 15px 15px
    }
    .offrate {
        font-size: 36px;
        line-height: 20px
    }
    .rating-block p {
        font-size: 16px
    }
    .offermenu_widgets .col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs {
        padding: 0
    }
    .offer_menu .nav-item {
        margin: 0 0
    }
    .offer_menu .nav-item .nav-link {
        font-size: 14px;
        padding: 15px 15px;
        color: #d5d2d2;
        border-bottom: 1px solid #403c3c
    }
    .offertab .nav-tabs li a {
        font-size: 14px
    }
    .offertab .tab-content {
        padding: 7px 5px
    }
    .offer_thumb {
        float: none;
        width: 100%;
        padding: 0
    }
    .offer_titlediv {
        display: block;
        padding-bottom: 0
    }
    .offer_title {
        float: none;
        width: 100%
    }
    .offer_title h2 {
        line-height: 25px
    }
    .offer_title h2 a {
        font-size: 18px
    }
    .offer_contents {
        float: none;
        width: 100%
    }
    .offer_amount {
        float: none;
        width: 100%;
        text-align: center
    }
    .offer_ins {
        font-size: 22px;
        text-align: center
    }
    .combo_offertitle h2 {
        font-size: 18px
    }
    .combooffer_div {
        width: 100%;
        margin: 20px 0
    }
    .combooffer_divamount {
        display: block
    }
    .abc_amount {
        padding: 5px 13px 10px
    }
    .abc_items {
        font-size: 12px
    }
    .combooffer_div .comboofer_content .combooff_title h3 {
        font-size: 2.5vmax
    }
    .offer_slider .carousel-item img {
        height: 140px
    }
    .offerbatchstyle .batchdate {
        width: 100%
    }
    .offerbatchstyle .batchday {
        width: 100%
    }
    .offerbatchstyle .batchtime {
        width: 100%
    }
    .def .defbtn {
        margin: 5px auto 15px
    }
    .mobile_spclbtn {
        position: fixed;
        bottom: 0;
        background: #fff;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: table;
        padding: 0 10px 30px;
        z-index: 99
    }
    .special_amount {
        text-align: left;
        margin: 5px 0
    }
    .special_amount ins {
        font-size: 24px;
        padding: 5px 0;
        line-height: 22px
    }
    .special_amount del {
        font-size: 20px;
        line-height: 23px
    }
    .special_course p {
        text-align: left;
        font-size: 12px;
        line-height: 20px
    }
}

.bt_adddiv {
    text-align: center;
    margin: 20px 0!important;
    background: #f2f9ff;
    padding: 25px;
    border: 1px solid #e7ecec;
    border-radius: 10px;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.bt_adddiv:hover {
    box-shadow: 0 2px 15px -3px #333;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.addimg {
    margin-bottom: 10px
}

.addimg img {
    height: 65px;
    width: 65px
}

.address_title p {
    color: #8492a6;
    width: 100%;
    margin: 0 auto;
    word-spacing: 0;
    text-align: center;
    letter-spacing: 0;
    line-height: 28px
}

.address_content {
    margin: 10px 0
}

.address_content a {
    color: #0e85ff;
    font-size: 14px;
}

.address_title h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #656667
}

.bt_recomendsection {
    padding: 10px 0
}

.recomenlist {
    margin: 5px 0
}

.recomenlist ul {
    padding: 0
}

.recomenlist>ul>li {
    display: inline-block
}

.recomenlist>ul>li>a {
    font-size: 13px;
    display: block;
    padding: 0 5px 0 5px;
    margin: 10px 0 10px 0;
    color: #797c7d;
    border-right: 1px solid #797c7d;
    transition: .8s
}

.recomenlist>ul>li>a:hover {
    color: #333;
    text-decoration: underline;
    transition: .8s
}

.popular_widgets {
    background: #fff;
    padding: 15px 0
}

.bt_populardiv h3 {
    font-size: 24px;
    color: #575353;
    margin-bottom: 0
}

.populardivcntnt {
    margin: 5px 0
}

.populardivcntnt a {
    padding: 10px;
    border: 1px solid #e1dbdb;
    height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #404142;
    font-size: 13px;
    line-height: 20px;
    border-radius: 3px;
    justify-content: center;
    transition: .8s
}

.populardivcntnt a:hover {
    color: #2389f2;
    transition: .8s
}

#popularslider .owl-stage {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 1fr)
}

#popularslider .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 240px!important
}

#popularslider .owl-next,
#popularslider .owl-prev {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    opacity: 1;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

#popularslider .owl-prev {
    left: -30px
}

#popularslider .owl-next {
    right: -30px
}

#popularslider .owl-next span,
#popularslider .owl-prev span {
    font-size: 38px;
    color: #918888;
    background: #fff;
    width: 50px;
    display: block;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    box-shadow: 2px 0 15px 1px #ccc
}

#popularslider .owl-next.disabled,
#popularslider .owl-prev.disabled {
    opacity: 0;
    cursor: no-drop
}

@media screen and (max-width:767px) {
    #popularslider .owl-stage {
        width: 100%!important
    }
    #popularslider .owl-item {
        width: 280px!important
    }
}

.bt_sections {
    background: #f9fafe
}

.bt_blogheading {
    margin: 20px 0
}

.bt_blogheading h1 {
    color: #67696c;
    line-height: 32px
}

.bt_blogcontents {
    background: #fff;
    padding: 10px 25px;
    box-shadow: 0 2px 8px 0 #0000001a
}

.bt_bloginnerpge {
    margin: 20px 0
}

.bt_bloginnerpge span {
    display: inline-block;
    margin-right: 30px;
    font-size: 14px;
}

.blgcat a,
.blgcat i {
    color: #2388f0;
    margin-right: 3px
}

.blgdate i {
    color: #2388f0;
    margin-right: 3px
}

.blgdate {
    color: #787c80
}

.sidebar_fix {
    background: #fff;
    padding: 25px;
    box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed
}

.btblog_sidebar.widget_search {
    margin-bottom: 20px;
    position: relative
}

.btblog_sidebar.widget_search #searchform {
    position: relative
}

.btblog_sidebar.widget_search #searchform #s {
    position: relative;
    width: 100%;
    box-shadow: 0 2px 3px 0 rgba(12, 0, 46, .08);
    height: 45px;
    z-index: 0;
    border: 1px solid #e8dfdf;
    background: #f7f8f9;
    font-size: 14px;
    padding: 10px
}

.btblog_sidebar.widget_search #searchform #searchsubmit {
    position: absolute;
    right: 0;
    height: 45px;
    background: #3a85d0;
    border: none;
    font-size: 13px;
    padding: 0 15px;
    color: #fff;
}

.btblogsidebartitle {
    font-size: 18px;
    margin: 20px 0;
    padding: 10px 0 15px;
    color: #64686a;
    position: relative
}

.btblogsidebartitle::after {
    content: "";
    background: #5890ff;
    width: 70px;
    height: 3px;
    display: block;
    bottom: 0;
    position: absolute
}

.btblog_sidebar.widget_categories ul {
    padding-left: 0
}

.btblog_sidebar.widget_categories ul .children li {
    padding-left: 15px;
    border-bottom: 1px dashed #c4c0c0;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.btblog_sidebar.widget_categories ul li {
    color: #4e9ff4;
    font-size: 14px
}

.btblog_sidebar.widget_categories ul li a {
    font-size: 14px;
    display: inline-block;
    padding: 6px 0;
    color: #666;
    line-height: 25px;
    width: 85%;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.btblog_sidebar.widget_categories ul li a:hover {
    color: #2788ee;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.btblog_sidebar.widget_nav_menu ul,
.btblog_sidebar.widget_recent_entries ul {
    padding-left: 5px
}

.btblog_sidebar.widget_nav_menu ul li,
.btblog_sidebar.widget_recent_entries ul li {
    border-bottom: 1px dashed #c4c0c0;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.btblog_sidebar.widget_nav_menu ul li a,
.btblog_sidebar.widget_recent_entries ul li a {
    font-size: 14px;
    display: inline-block;
    padding: 6px 0;
    color: #666;
    line-height: 25px;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.btblog_sidebar.widget_nav_menu ul li a:hover,
.btblog_sidebar.widget_recent_entries ul li a:hover {
    color: #2788ee;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.bt_blogcn {
    margin: 0 0 30px
}

.bt_blogprnext {
    padding: 25px 0;
    border-top: 1px solid #f5f6f7;
    border-bottom: 1px solid #f5f6f7;
    margin: 0 0 20px;
    display: table;
    width: 100%
}

.bt_blogprnext .btblogprev {
    float: left;
    background: #228af3;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    line-height: 15px;
    min-width: 110px;
    text-align: center;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.bt_blogprnext .btblogprev:hover {
    background: #1c6ec1;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.bt_blogprnext .btblogprev i {
    padding-right: 5px;
    font-size: 16px;
    font-weight: 600
}

.bt_blogprnext .btblognext {
    float: right;
    background: #228af3;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    line-height: 15px;
    min-width: 110px;
    text-align: center;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.bt_blogprnext .btblognext i {
    padding-left: 5px;
    font-size: 16px;
    font-weight: 600
}

.bt_blogprnext .btblognext:hover {
    background: #1c6ec1;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.bt_relatedtags {
    padding: 0 0;
    display: table;
    width: 100%
}

.bt_relatedtags h5 {
    color: #666;
    font-size: 20px;
    line-height: 28px
}

.bt_relatedtagslist li {
    float: left;
    padding: 0
}

.bt_relatedtagslist li::before {
    display: none
}

.bt_relatedtagslist {
    list-style: none;
    margin: 20px 0 10px;
    overflow: hidden;
    padding: 0
}

.bt_relatedtagslist li .tag {
    background: #36a8ec;
    border-radius: 3px 0 0 3px;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 20px;
    position: relative;
    margin: 0 20px 13px 0;
    text-decoration: none;
    -webkit-transition: color .2s;
    font-size: 13px;
    min-width: 150px;
}

.bt_relatedtagslist li .tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, .25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px
}

.bt_relatedtagslist li .tag::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #36a8ec;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    left: 100%;
    top: 0
}

.bt_relatedtagslist li .tag:hover {
    background-color: #1587bf;
    color: #fff
}

.bt_relatedtagslist li .tag:hover::after {
    border-left-color: #1587bf
}

.bt_blogshare {
    padding: 10px 0 30px;
    display: flex
}

.bt_blogshare h4 {
    font-size: 18px;
    color: #666;
    margin-right: 10px
}

.bt_tablecontent {
    background: #e3e8ea;
    width: 80%;
    margin: 30px auto
}

.bt_tablecontent ol {
    list-style: none;
    counter-reset: cupcake;
    padding: 10px 25px 25px
}

.bt_tablecontent ol li {
    counter-increment: cupcake;
    padding: 5px 0;
    line-height: 25px;
    border-bottom: 1px dotted #7e7f86
}

.bt_tablecontent ol li::before {
    content: counters(cupcake, ".") ". ";
    font-size: 14px;
    color: #5b6162;
    padding-right: 5px;
    min-width: 30px;
    display: inline-block;
    text-align: center
}

.bt_tablecontent ol li a {
    color: #5b6162;
    display: inline-block;
    padding: 3px 0;
    line-height: 20px;
    transition: .5s;
    font-size: 13px;
    padding: 0
}

.bt_tablecontent ol li a:hover {
    color: #0892e6;
    transition: .5s
}

.bt_tablecontent h5 {
    text-align: center;
    border-bottom: 1px solid #cad8dd;
    color: #666;
    padding: 8px 0
}

@media screen and (max-width:767px) {
    .bt_tablecontent {
        width: 100%
    }
}

.toast {
    display: none;
    opacity: 0
}

.bt_onlinetoast {
    position: fixed;
    z-index: 99;
    width: auto;
    height: auto;
    bottom: 10%;
    left: 2%;
    z-index: 1000
}

.bt_tsthead h3 {
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 3px;
    color: #fff
}

.bt_tsthead h3 i {
    margin-right: 5px
}

.toast-header.bt_tsthead {
    padding: 0;
    background: #2858e4
}

.bt_tsthead .close {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    display: block;
    width: 40px;
    height: 36px;
    line-height: 36px;
    opacity: .8;
    background: #1c4bd2
}

.toast-body.bt_tstbdy {
    background: #e7ebf4;
    padding: 10px
}

.bt_tstbdy h4 {
    font-size: 14px;
    text-align: center;
    color: #666262;
    padding: 5px 0;
    line-height: 20px
}

.bt_tstbdy h5 {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding: 5px 0;
    color: #655555;
    font-weight: 400
}

.bt_tstbdy .toastbtn {
    margin: 10px auto;
    display: table;
    background: #e7ebf4;
    padding: 10px 10px;
    color: #1a7efb;
    font-size: 12px;
    border-radius: 2px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #1a7efb;
    font-weight: 600
}

@media screen and (max-width:767px) {
    .bt_onlinetoast {
        display: none
    }
}

.jobpostingwidgets {
    padding: 10px 0
}

.bt_jobtitle h3 {
    font-size: 24px;
    color: #575353;
    margin-bottom: 0
}

.card-header.bt_jobpostingheader {
    padding: 10px;
    background: #d9e4ea;
    border: none
}

.card-header.bt_jobpostingheader h4 {
    padding: 0;
    font-size: 14px;
    color: #646161
}

.card-body.bt_jobpostingbody {
    height: 350px;
    overflow-y: auto;
    padding: 15px
}

.card-body.bt_jobpostingbody h5 {
    margin-bottom: 10px;
    color: #194d9d
}

.card-body.bt_jobpostingbody span {
    display: block;
    margin-bottom: 10px;
    font-size: 13px
}

.card-body.bt_jobpostingbody span i {
    min-width: 20px;
    text-align: center;
    color: #8c8484;
    margin-right: 5px
}

.jobDescTitle h6 {
    color: #5b5858
}

.jobDesc p {
    font-size: 13px;
    line-height: 22px;
    text-align: left;
    color: #716f6f
}

.card-footer.bt_jobpostingfooter {
    padding: 0;
    border: none;
    background: #fdfdfd
}

.bt_jobpostingfooter p {
    font-size: 12px;
    text-align: right;
    padding: 5px 15px;
    color: #94999f
}

.bt_tutorial h3 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 18px
}

.tutorialSection {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    height: 100%;
    border-top: 1px solid #eee;
    height: 100%
}

.tutorialMainHeading {
    min-width: 240px;
    text-align: center;
    background: #2375cc;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.tutorialSubTopic ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding: 0 20px
}

.tutorialSubTopic ul li {
    width: 280px;
    list-style-type: square;
    color: #736f6f;
    font-size: 13px;
    padding: 0 3px
}

.tutorialSubTopic ul li a {
    font-size: 13px;
    color: #666;
    padding: 5px 0;
    display: inline-block;
    line-height: 18px;
    position: relative;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.tutorialSubTopic ul li a:hover {
    color: #ec0808;
    padding-left: 3px;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out
}

.tutorialSubTopic {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px
}

.tutorialMainHeading h5 {
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .tutorialSection {
        display: block
    }
    .tutorialSubTopic {
        display: block;
        padding: 5px
    }
    .tutorialSubTopic ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .tutorialMainHeading h5 {
        padding: 5px 0;
        line-height: 26px
    }
}

.bt_videoreviews {
    margin: 30px 0;
    padding: 25px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #f7f2f2;
    box-shadow: 0 2px 8px 0 #0000001a
}

.bt_videoreviews h5 {
    font-size: 15px;
    text-align: center;
    color: #666;
    line-height: 23px;
    padding-top: 0
}

.bt_videoreviews br,
.bt_videoreviews p {
    display: none
}

.bt_whatsapp {
    position: relative
}

.bt_whatsappdiv {
    position: fixed;
    bottom: 30px;
    left: 10px;
    width: auto;
    z-index: 99
}

.bt_whatsappdiv a {
    display: block
}

.bt_whatsappdiv {
    animation: wiggle 2.5s
}

@keyframes wiggle {
    0% {
        transform: rotate(0)
    }
    80% {
        transform: rotate(0)
    }
    85% {
        transform: rotate(5deg)
    }
    95% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0)
    }
}

@media screen and (max-width:767px) {
    .bt_whatsappdiv {
        bottom: 80px
    }
}

.floating-wpp {
    font-size: 14px;
    transition: bottom .2s
}

.floating-wpp .floating-wpp-button {
    position: relative;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);
    transition: box-shadow .2s;
    cursor: pointer;
    overflow: hidden
}

.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.floating-wpp:hover {
    bottom: 17px
}

.floating-wpp:hover .floating-wpp-button {
    box-shadow: 1px 2px 8px rgba(60, 60, 60, .4)
}

.floating-wpp .floating-wpp-popup {
    border-radius: 6px;
    background-color: #e5ddd5;
    position: absolute;
    overflow: hidden;
    padding: 0;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, .25);
    width: 0;
    height: 0;
    bottom: 0;
    opacity: 0;
    transition: bottom .1s ease-out, opacity .2s ease-out;
    transform-origin: bottom
}

.floating-wpp .floating-wpp-popup.active {
    padding: 0 12px 12px 12px;
    width: 260px;
    height: auto;
    bottom: 70px;
    opacity: 1
}

.floating-wpp .floating-wpp-popup .floating-wpp-message {
    background-color: #fff;
    padding: 8px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    opacity: 0;
    transition: opacity .2s
}

.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: .2s;
    font-size: 13px
}

.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: #fff;
    margin: 0 -15px 10px -15px;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center
}

.floating-wpp .floating-wpp-popup .floating-wpp-head span {
    font-size: 14px;
    font-family: OpenSans-SemiBold
}

.floating-wpp .floating-wpp-popup .floating-wpp-head .close {
    color: #fff
}

.floating-wpp .floating-wpp-input-message {
    background-color: #fff;
    margin: 10px -15px -15px -15px;
    padding: 0 15px;
    display: flex;
    align-items: center
}

.floating-wpp .floating-wpp-input-message textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none
}

.floating-wpp .floating-wpp-btn-send {
    margin-left: 12px;
    font-size: 0;
    cursor: pointer
}

.bt_commonenq {
    padding: 30px;
    background: #fff;
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #f7f2f2
}

.bt_commonenqleft {
    width: 60%;
    float: left
}

.bt_commonenqright {
    width: 40%;
    float: left
}

.bt_commonenqleft h4 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
    color: #1f1b28
}

.bt_commonenqbtnone {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
    padding: 10px 15px;
    font-size: 13px;
    margin-right: 30px;
    margin-bottom: 10px;
    line-height: 1.1;
    border: 2px solid #006edb;
    border-radius: 2px;
    color: #fff;
    background-color: #006edb;
    text-decoration: none;
    font-weight: 500;
}

.bt_commonenqbtnone:hover:not(:active) {
    color: #006edb;
    background-color: transparent;
    text-decoration: none
}

.bt_commonenqbtntwo {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: 1px;
    color: #006edb;
    overflow: hidden
}

.bt_commonenqbtntwo:hover {
    text-decoration: none
}

.bt_commonenqbtntwo:before {
    z-index: 1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.bt_commonenqbtntwo:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.bt_commonenqbtntwo:after {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.bt_commonenqbtntwo:hover:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.bt_commonenqbtntwo:after,
.bt_commonenqbtntwo:before {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor
}

.bt_commonenqright img {
    margin: 10px auto;
    display: table
}

@media screen and (max-width:767px) {
    .bt_commonenq {
        padding: 15px;
        display: block
    }
    .bt_commonenqleft {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 15px
    }
    .bt_commonenqright {
        display: none
    }
    .bt_commonenqleft h4 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px
    }
    .bt_commonenqbtnone {
        display: table;
        margin: 0 auto 0
    }
}

.taskleft {
    width: 100%;
    padding: 0 10px
}

.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 30px!important;
    line-height: 30px!important;
    padding: 12px 45px 12px 12px!important;
    font-weight: 500!important;
    border: 1px solid #dfdfe4;
    font-size: 14px!important;
    color: #6b6a6a;
    background: #fcfcfd;
}

.su-accordion .su-spoiler {
    margin-bottom: 2px!important
}

.su-spoiler-style-default>.su-spoiler-content {
    padding: 15px;
    background: #fff;
    border: 1px solid #eaeef3
}

.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon {
    right: 10px!important;
    left: inherit!important;
    top: 15px;
    font-size: 12px!important;
    color: #85888c
}

.su-spoiler-title:focus {
    outline: 0!important
}

section.fixed_request {
    padding: 0
}

.fixedrequestbtn {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 105;
    transform: rotate(270deg);
    transform-origin: right bottom;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a
}

.fixedrequestbtn a {
    display: inline-block;
    padding: 10px 15px;
    background: #2389f2;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    min-width: 150px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

@media screen and (max-width:767px) {
    .fixed_request {
        display: none
    }
}

section.related_cblogs {
    padding: 10px 0;
    background: #fdfdff
}

section.bt_commonfooter {
    padding: 10px 0
}

.related_title h4 {
    color: #5d5b5b;
    font-size: 15px;
    line-height: 23px
}

.comonfoolist ul {
    padding: 0
}

.comonfoolist ul li a {
    font-size: 12px;
    color: #848282;
    padding-bottom: 5px;
    display: inline-block;
    line-height: 20px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.comonfoolist ul li a:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #272727;
    text-decoration: underline
}

.relatedlocationist ul {
    padding: 0
}

.relatedlocationist ul li {
    float: left;
    margin: 0 5px 8px 0
}

.relatedlocationist ul li a {
    font-size: 12px;
    color: #848282;
    padding: 5px 8px;
    display: inline-block;
    background: #fff;
    line-height: 20px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #efefef
}

.relatedlocationist ul li a:hover {
    border-color: #b3adad;
    color: #717070;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#desktopviewfooter {
    display: block
}

#mobileviewfooter {
    display: none
}

.commonfoo_acordian .card {
    border: 1px solid #fbf9f9;
    border-radius: 0
}

.commonfoo_acordian .card-header {
    padding: 0;
    background: #fbfbfb;
    border-top: 1px solid #ddd;
    border-radius: 0
}

.commonfoo_acordian .btn.btn-link.btn-block.text-left {
    padding: 15px;
    font-size: 14px;
    text-decoration: none;
    color: #676767;
    font-family: 'Roboto', sans-serif;
}

.commonfoo_acordian .card-body {
    background: #efefef
}

.commonfoo_acordian .collapsed::before {
    content: "\f078";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

.commonfoo_acordian .collapse.show::before,
.commonfoo_acordian .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.commonfoo_acordian .collapse.show::before {
    border-radius: 50%;
    content: "\f078";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.2rem 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

@media screen and (max-width:768px) {
    #popularslider .owl-prev {
        left: 0
    }
    #popularslider .owl-next {
        right: 0
    }
    #desktopviewfooter {
        display: none
    }
    #mobileviewfooter {
        display: block
    }
}

section.bt_homereview {
    margin-bottom: 30px
}

.bt_homereviewslider .testimonials {
    background: #fff;
    text-align: center;
    margin: 0 20px
}

.bt_homereviewslider .btcourserating {
    display: inline-block;
    margin: 10px auto;
    position: absolute;
    text-align: left
}

.bt_homereviewslider .testimonials .description {
    padding: 25px 20px;
    margin-bottom: 50px;
    border-top: 1px solid #2389f2;
    border-left: 1px solid #2389f2;
    color: #2e3d49;
    text-align: left;
    position: relative
}

.bt_homereviewslider .testimonials .description:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-weight: 900;
    display: inline-block;
    float: left;
    padding: 0 15px 5px 0;
    font-size: 30px;
    color: #ff5a5f;
    text-align: center;
    position: relative;
    top: 8px;
    left: 0
}

.bt_homereviewslider .testimonials .description:after {
    content: "";
    width: 50%;
    height: 1px;
    background: #2389f2;
    position: absolute;
    bottom: 0;
    left: 0
}

.bt_homereviewslider .testimonials .testimonial-content {
    position: relative
}

.bt_homereviewslider .testimonials .testimonial-content:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #2389f2;
    position: absolute;
    top: -50px;
    left: 50%
}

.bt_homereviewslider .testimonials .testimonial-content:after {
    content: "";
    width: 2px;
    height: 40px;
    background: #2389f2;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: skewX(-45deg);
    transform-origin: 100% 100% 0
}

.bt_homereviewslider .testimonials .pic {
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-right: 10px;
    background: #2389f2;
    line-height: 80px;
    vertical-align: middle
}

.bt_homereviewslider .pic p {
    line-height: 65px;
    padding: 0;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.bt_homereviewslider .testimonials .title {
    display: block;
    font-size: 18px;
    color: #2660a4;
    margin-bottom: 0;
    text-transform: capitalize;
    padding-bottom: 10px;
    font-weight: 500
}

.bt_homereviewslider .checked {
    color: #ffb606!important;
    font-size: 12px
}

.bt_homereviewslider .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.bt_homereviewslider .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 10px;
    border-radius: 0;
    background: #ff5a5f;
    opacity: .8;
    display: block;
    margin: 0 5px;
    transition: all .3s ease 0s;
    transform: rotateZ(0);
    border: none
}

.bt_homereviewslider .owl-theme .owl-dots .owl-dot.active span {
    width: 35px;
    background: #2389f2
}

#homereviews .owl-next,
#homereviews .owl-prev {
    font-size: 14px;
    color: #3b61f4;
    margin: 0 10px;
    position: absolute;
    bottom: 0;
    font-weight: 500;
}

#homereviews .owl-prev {
    left: 0
}

#homereviews .owl-next {
    right: 0
}

#homereviews .owl-next i,
#homereviews .owl-prev i {
    margin: 0 5px
}

#homereviews .owl-next.disabled,
#homereviews .owl-prev.disabled {
    opacity: .3;
    cursor: no-drop
}

@media screen and (max-width:991px) {
    .bt_homereviewslider .testimonials .description {
        padding: 25px 15px
    }
}

.bt_homecccourse {
    background: #fbfafa;
    margin-bottom: 0;
}

.bt_cccoursetitle h4 {
    color: #444141;
    font-size: 18px
}

.bt_cccourseslider h5 {
    color: #6b6868;
    padding-top: 0
}

ul.bt_cccoursesliderlist {
    padding: 0
}

.bt_cccoursesliderlist li a {
    font-size: 13px;
    color: #848282;
    padding-bottom: 5px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    line-height: 23px;
    display: flex;
    position: relative
}

.bt_cccoursesliderlist li a::before {
    content: "-";
    padding-right: 5px;
    position: absolute;
    left: -7px
}

.bt_cccoursesliderlist li span {
    font-size: 13px;
    display: block;
    color: #868383;
    padding-top: 10px;
    font-family: Roboto, sans-serif
}

.bt_cccoursesliderlist li a:hover {
    color: #333;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-decoration: underline
}

.explore a {
    font-size: 13px;
    text-decoration: underline;
    font-style: italic;
    font-weight: 500;
    color: #7d7a7a;
    margin: 10px 0;
    display: inline-block;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.explore a i {
    padding-left: 5px
}

.explore a:hover {
    color: #333;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.bt_recomentmenus .dropdown-toggle.nav-link {
    font-size: 12px!important;
    font-weight: 500!important;
    padding: 5px 10px!important;
    margin-top: 0;
    background: #00c6ff;
    background: -webkit-linear-gradient(to top, #0072ff, #00c6ff);
    background: linear-gradient(to top, #0072ff, #00c6ff);
    color: #fff!important;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, .62);
    -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, .62);
    box-shadow: 0 3px 5px -3px rgba(0, 0, 0, .62)
}

.bt_recomentmenus>.dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    width: 700px
}

.bt_recomentmenus>.dropdown-menu .nav-item {
    margin: 0;
    float: left;
    min-width: 230px
}

.bt_recomentmenus>.dropdown-menu .nav-item .dropdown-item {
    font-size: 13px;
    color: #3e3b3b;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.bt_recomentmenus ul.dropdown-menu {
    background: #eaeff5;
    border: none
}

.bt_recomentmenus .dropdown-item:hover {
    background: 0 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.master_enquiry {
    margin: 20px 0
}

.master_enquiry a {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 10px 15px;
    line-height: 22px;
    border-radius: 3px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    -moz-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000
}

.master_enquiry a i {
    margin: 0 5px
}

a.livebtn {
    background: #ef5800
}

a.trianbtn {
    background: #ffc600;
    color: #333
}

section.certification_courses {
    background: #eff1f4;
    font-family: Roboto, sans-serif
}

.certification_courses>.container-fluid {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto
}

.certificationbread_crums #breadcrumbs {
    font-size: 12px;
    padding: 5px 0;
    word-spacing: 0;
    text-align: left;
    letter-spacing: 0;
}

.certificationbread_crums #breadcrumbs a {
    color: #4e4a4a;
}

.certificationbread_crums #breadcrumbs .breadcrumb_last {
    color: #232322
}

.bt_certificate_content h1,
h2,
h3,
h4,
h5,
h6 {
    color: #565555
}

.bt_certificate_content>h1 {
    font-size: 22px
}

.bt_certificate_content>h2 {
    font-size: 20px
}

.bt_certificate_content>h3 {
    font-size: 18px
}

.bt_certificate_content>h4 {
    font-size: 16px
}

.bt_certificate_content>h5 {
    font-size: 14px
}

.bt_certificate_content>h6 {
    font-size: 12px
}

.bt_certificate_content p {
    padding: 5px 0;
    line-height: 25px
}

.bt_certificate_content ul {
    padding-left: 10px
}

.bt_certificate_content ul li {
    padding: 3px 0;
    font-size: 14px;
    text-align: left;
    line-height: 23px;
    color: #666161;
    word-spacing: .3px;
    letter-spacing: .1px;
    position: relative
}

.bt_certificate_content ul li::before {
    content: "\f0a4";
    font-family: FontAwesome;
    padding-right: .5rem;
    font-size: 13px
}

.row.overallcertification {
    margin: 20px 0
}

.bt_certificate_left,
.bt_certificate_right {
    background: #fcfcfd;
    padding: 15px
}

.bt_certificate_left {
    width: 22%;
    margin-right: 10px;
    margin-left: 50px;
    height: 100%;
    float: left
}

.bt_certificate_right {
    width: 70%;
    margin-left: 10px;
    margin-right: 10px;
    float: left
}

.bt_certificate_left h3 {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-top: 5px
}

.btcer_thumb img {
    width: 245px;
    height: 100%
}

.offercheck {
    margin-bottom: 10px
}

.offercheck label {
    font-size: 14px;
    color: #535151;
    padding-left: 4px;
}

ul.bt_certificate_leftlist {
    padding-left: 0
}

.bt_certificate_leftlist li {
    position: relative;
    border-bottom: 1px solid #ececec
}

.bt_certificate_leftlist li:last-child {
    border-bottom: none
}

.bt_certificate_leftlist li a {
    font-size: 14px;
    padding: 8px 0;
    display: block;
    color: #666161;
    line-height: 24px;
    transition: .5s;
    -webkit-transition: .5s
}

.bt_certificate_leftlist li a:hover {
    color: #2389f2;
    transition: .5s;
    -webkit-transition: .5s
}

.bt_certificate_leftlist li a::before {
    content: "\f046";
    font-family: FontAwesome;
    padding-right: .6em;
    font-size: 12px;
    color: #847f7f
}

.bt_certificationcourse ul {
    padding-left: 0
}

.bt_certificationcourse ul li {
    display: table;
    width: 100%;
    clear: both;
    padding: 25px 0;
    margin: 10px 0;
    border-bottom: 1px dotted #ccc
}

.bt_certificationcourse ul li:last-child {
    border-bottom: none
}

.btcer_thumb {
    width: 28%;
    float: left
}

.btcer_cont {
    width: 50%;
    float: left;
    margin: 0 5px
}

.btcer_fees {
    float: left;
    width: 18%;
    margin: 0 5px;
    text-align: center
}

.btcer_cont h4 {
    padding: 0;
    line-height: 22px;
    font-size: 15px
}

.btcer_cont h4 a {
    color: #151515;
    transition: .3s;
    -webkit-transition: .3s
}

.btcer_cont h4 a:hover {
    text-decoration: underline;
    transition: .3s;
    -webkit-transition: .3s;
    color: #2389f2
}

.btcer_cont p {
    font-size: 13px;
    line-height: 20px;
    text-align: left
}

.btcer_cont .combostarratings {
    font-size: 13px;
    margin-right: 0;
    font-weight: 400
}

.bt_certibadge {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding: 6px 10px;
    background: #f1c861;
    background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
    background: linear-gradient(to bottom, #f5d78e, #eeb933);
    color: #593d00;
    border-radius: 2px;
    margin-top: 10px
}

.bt_cercat a {
    font-size: 12px;
    display: inline-block;
    color: #666161;
    margin-bottom: 10px;
    font-weight: 400
}

.bt_cercat a::before {
    content: "\f07b";
    font-family: FontAwesome;
    font-size: 12px;
    color: #666161;
    padding-right: 5px
}

.btoffer_price {
    padding: 10px 0 0
}

.offer_mrp {
    display: block;
    padding: 5px 0 0;
    color: #f73a3a;
    font-size: 26px;
    font-weight: 500;
}

.offer_strike {
    display: block;
    padding: 5px 0 0;
    font-size: 18px;
    color: #646262
}

.off_percent {
    font-style: italic;
    font-weight: 500;
    color: green;
    font-size: 14px
}

.certificationpagination .page-numbers {
    display: inline-block;
    font-size: 15px;
    margin: 0 8px;
    font-weight: 600;
    color: #8a8e92;
    padding-bottom: 10px
}

.certificationpagination span.page-numbers.current {
    border-bottom: 3px solid #2389f2;
    color: #2389f2
}

.certificationpagination {
    margin: 30px auto 10px;
    display: table
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .certification_courses>.container-fluid {
        padding-right: 20px;
        padding-left: 20px
    }
    .bt_certificate_left {
        margin-right: 5px;
        margin-left: 20px
    }
    .bt_certificate_right {
        margin-left: 5px;
        width: 73%
    }
    .bt_certificate_leftlist li a {
        font-size: 13px
    }
    .bt_certificate_left,
    .bt_certificate_right {
        padding: 10px
    }
    .btcer_thumb {
        width: 25%
    }
    .btcer_cont {
        width: 55%;
        margin: 0 10px
    }
    .btcer_cont p {
        font-size: 12px
    }
    .btcer_fees {
        width: 15%
    }
    .offer_mrp {
        font-size: 20px
    }
    .offer_strike {
        font-size: 12px
    }
}

@media screen and (max-width:991px) {
    .certification_courses>.container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .bt_certificate_left {
        width: 98%;
        margin-right: 10px;
        margin-left: 10px
    }
    .bt_certificate_right {
        width: 98%;
        margin-left: 10px;
        margin-top: 10px
    }
}

@media (max-width:767.98px) {
    .bt_certificationcourse ul li {
        padding: 10px 0
    }
    .btcer_thumb {
        width: 100%;
        float: none
    }
    .btcer_thumb img {
        width: 100%
    }
    .btcer_cont {
        width: 100%;
        float: none;
        margin: 15px 0
    }
    .btcer_fees {
        float: none;
        width: 100%;
        margin: 0;
        text-align: left;
        display: table
    }
    .bt_cercat a {
        margin-bottom: 5px
    }
    .btcer_cont .combostarratings {
        font-size: 12px;
        padding: 0
    }
    .bt_certibadge {
        margin-top: 0
    }
    .offer_mrp {
        font-size: 20px;
        display: inline-block
    }
    .offer_strike {
        padding: 5px 10px 0;
        font-size: 16px;
        display: inline-block
    }
    .bt_certificate_left {
        width: 95%
    }
    .bt_certificate_right {
        width: 95%
    }
}

.bt_discountdiv {
    background: #fcfdff;
    padding: 15px;
    margin: 20px 0;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    width: 100%
}

.bt_discdetails {
    width: 75%;
    margin: 5px 0
}

.bt_discicons {
    width: 25%;
    margin: 5px 0;
    text-align: center
}

.bt_discdetails h3 {
    padding-top: 0;
    text-align: center;
    font-size: 24px;
    color: #655757;
    line-height: 20px
}

.bt_discdetails p {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 5px 0;
    color: #756868;
    letter-spacing: 0;
    word-spacing: 0
}

.bt_discicons img {
    width: 100%
}

.bt_discdetails .bt_discbtn {
    margin: 5px auto;
    display: table;
    border: 1px solid #ff0450;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 500;
    background: #ff0450;
    color: #fff;
    text-transform: capitalize;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.batch_instruction {
    padding: 20px;
    margin: 10px 0;
    background: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%)
}

.batch_instruction h4 {
    padding-top: 0
}

.batch_instruction ul {
    padding-left: 5px
}

.batch_instruction ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 0;
    position: relative;
    display: inline-flex;
    color: #5f5656
}

.batch_instruction ul li::before {
    content: "\f046";
    font-family: FontAwesome;
    color: #336598;
    font-size: 12px;
    padding-right: .8em
}

.batch_instruction p {
    text-align: left;
    word-spacing: 0;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 0
}

.batch_instruction a {
    font-weight: 700;
    color: #ff0450;
    padding: 0 5px;
    font-size: 11px
}

.boost_carrier {
    display: flex;
    width: 100%;
    padding: 13px;
    background: #fff;
    margin: 10px 0;
    -webkit-box-shadow: 0 2px 8px -5px #000;
    -moz-box-shadow: 0 2px 8px -5px #000;
    box-shadow: 0 2px 8px -5px #000
}

.boost_carrier_left {
    width: 26%;
    text-align: center;
    padding: 0 10px;
    align-items: center;
    display: flex;
    justify-content: center
}

.boost_carrier_right {
    width: 70%;
    padding: 0 10px
}

.boost_carrier_right h4 {
    font-size: 16px;
    line-height: 28px;
    text-align: left
}

.boost_carrier_right a.btn.btn-primary {
    margin: 5px 0;
    display: table;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 18px;
    font-weight: 600;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px -8px #000;
    box-shadow: 0 3px 10px -8px #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media only screen and (max-width:767px) {
    .bt_discountdiv {
        display: block;
        width: 100%;
        margin: 10px 0
    }
    .bt_discdetails {
        width: 100%
    }
    .bt_discicons {
        display: none
    }
    .bt_discdetails .bt_discbtn {
        margin: 10px auto
    }
    .bt_discdetails h3 {
        font-size: 20px
    }
    .bt_discdetails p {
        line-height: 20px
    }
}

.bt_coding_content {
    text-align: center
}

.bt_coding_content h1 {
    font-size: 22px;
    color: #716c6c;
    font-weight: 400
}

.bt_coding_content h1 span {
    color: #000;
    font-weight: 500
}

.bt_coding_content p {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    width: 85%;
    margin: 0 auto
}

.codingdiv ul {
    padding: 0
}

.codingdiv ul li {
    float: left;
    width: 30%;
    margin: 1%;
    background: #fff;
    border: 1px solid #dde6ed;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.codingdiv ul li:hover {
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    transform: scale(1.009);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.codeing_head {
    background: #00d2ff;
    background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);
    background: linear-gradient(to right, #3a7bd5, #00d2ff);
    background-size: 170%;
    padding: 25px;
    background-image: url(../images/shape.svg);
    height: 230px
}

.codeing_head h2 {
    color: #fff;
    font-size: 20px;
    height: 80px;
    text-align: center;
    overflow: hidden
}

.codeing_head p {
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
}

.codingbody {
    padding: 10px 20px
}

.codingbdyamount {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px
}

.codingbdyamountlft {
    border-right: 1px solid #eee
}

.codingbdyamountlft,
.codingbdyamountrght {
    padding: 0 10px;
    width: 50%
}

.codingbdyamountlft h3,
.codingbdyamountrght h3 {
    font-size: 14px;
    font-weight: 500;
    color: #827e7e;
    line-height: 20px;
    padding: 5px 0;
    text-align: center;
}

.codingbdyamountlft ins,
.codingbdyamountrght ins {
    display: block;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #f50f04;
    font-weight: 500;
    padding: 5px 0;
}

.codingbdyamountlft del,
.codingbdyamountrght del {
    text-align: center;
    display: block;
    padding: 5px 0;
    font-size: 16px;
    color: #b2b7b2;
    font-weight: 400;
}

.codingfooter {
    text-align: center;
    margin: 5px 0
}

.codingfooter a {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    margin: 20px 5px;
    border: none;
    padding: 8px 15px
}

.codedemo.btn.btn-success {
    background: #f9860c
}

.codecourse.btn.btn-danger {
    background: #2389f2
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .codeing_head {
        background-size: 185%
    }
    .codingdiv ul li {
        width: 32%;
        margin: .5%
    }
    .codeing_head h2 {
        font-size: 18px
    }
    .codingbdyamountlft h3,
    .codingbdyamountrght h3 {
        font-size: 12px
    }
    .codingbdyamountlft ins,
    .codingbdyamountrght ins {
        font-size: 16px
    }
    .codingbdyamountlft del,
    .codingbdyamountrght del {
        font-size: 14px
    }
    .codingfooter a {
        font-size: 11px;
        margin: 15px 5px
    }
}

@media screen and (max-width:991px) {
    .codeing_head {
        background-size: 185%
    }
    .codingdiv ul li {
        width: 32%;
        margin: .5%
    }
    .codeing_head h2 {
        font-size: 18px
    }
    .codingbdyamountlft h3,
    .codingbdyamountrght h3 {
        font-size: 12px
    }
    .codingbdyamountlft ins,
    .codingbdyamountrght ins {
        font-size: 16px
    }
    .codingbdyamountlft del,
    .codingbdyamountrght del {
        font-size: 14px
    }
    .codingfooter a {
        font-size: 11px;
        margin: 15px 5px
    }
}

@media (max-width:767.98px) {
    .codingdiv ul li {
        width: 100%;
        margin: 5% 0;
        float: none
    }
    .codeing_head {
        background-size: 100%;
        height: 100%
    }
    .bt_coding_content p {
        font-size: 13px;
        line-height: 25px;
        width: 100%
    }
    .codeing_head {
        background-size: 170%;
        height: 100%;
        margin-bottom: 20px;
        padding: 15px
    }
    .codingbody {
        padding: 10px 10px
    }
}

.reviewMoreRight {
    text-align: center;
    margin: 50px 0 20px
}

.youtube_widgets {
    background: #f5f8ff
}

.reviewMoreRight>a {
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 14px;
    font-weight:500;
    line-height: 25px;
    text-decoration: underline;
    background: #2488f1;
    display: inline-block;
    padding: 15px 30px;
    box-shadow: rgb(17 17 26 / 10%) 0 4px 16px, rgb(17 17 26 / 5%) 0 8px 32px
}

.reviewMoreRight>a>i {
    margin: 0 5px
}

.hme_stud_review {
    background: #fff;
    border: 1px solid #eee;
    min-height: 390px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px
}

.hme_stud_review_thumb {
    position: relative;
    margin-bottom: 30px
}

.hme_stud_review_thumb>a {
    position: relative;
    height: 100%;
    display: block
}

.stud_review {
    padding: 10px
}

.stud_review>p {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #4e5258;
}

.hme_videoicon>img {
    width: 40px!important
}

.hme_videoicon {
    position: absolute;
    z-index: 1;
    bottom: -30px;
    width: 60px;
    height: 60px;
    background: #f2f4f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    right: 10px;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

.sitemap_all {
    background: #eef0f1
}

.sitemapdiv {
    background: #eef0f1;
    padding: 15px 0
}

.sitemaptitle h1 {
    color: #333;
    font-size: 26px;
    font-family: Roboto, sans-serif;
    text-transform: capitalize;
    padding: 5px 0
}

.sitemap_bread #breadcrumbs a {
    color: #4f4c4c;
}

.sitemap_bread .breadcrumb_last {
    color: #1b1b1a;
    font-weight: 500
}

.sitemap_bread .fa.fa-angle-double-right {
    color: #333!important
}

.sitemap-content {
    background: #fff;
    padding: 20px 20px 20px 20px;
    margin: 20px 0;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%)
}

ul.sitemap_list {
    padding: 0;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    position: relative;
    z-index: 1
}

.blog_child li,
.sitemap_list li {
    margin: 13px 0
}

.blog_child li a,
.sitemap_list li a {
    font-size: 13px;
    line-height: 21px;
    padding: 5px 0;
    color: #555252;
}

.sitemap_listblog {
    padding: 0
}

.sitemap_listblog .blog_child {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3
}

.sitemap_page h3 {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    padding-top: 0
}

.sitemap_page .showmore_trigger span {
    font-size: 12px;
    font-weight: 600;
    border-top: 1px solid #f9f5f5;
    border-bottom: none
}

.sitemap_page .showmore_content:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1), #fff 145%)
}

@media only screen and (max-width:767px) {
    ul.sitemap_list {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1
    }
    .sitemap_listblog .blog_child {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1
    }
    .sitemap-content {
        padding: 13px 13px 13px 13px;
        margin: 10px 0
    }
    .sitemap_page h3 {
        margin-bottom: 10px
    }
    .blog_child li,
    .sitemap_list li {
        margin: 8px 0
    }
    .sitemapdiv {
        padding: 10px 0
    }
    .sitemaptitle h1 {
        font-size: 22px
    }
    .sitediv h2 {
        font-size: 20px;
        padding-top: 0
    }
}

.cat_interview {
    margin: 10px 0
}

.cat_interview ul {
    padding: 0
}

.cat_interview ul li {
    width: 45%;
    float: left;
    margin: 15px;
    box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed
}

.cat_interviewthumb img {
    width: 100%;
    height: 185px;
    border-radius: 0
}

.cat_interviewdiv {
    padding: 15px 15px 0 15px
}

.cat_interviewtitle h2 {
    font-size: 16px;
    display: flex;
    padding: 5px 0;
    line-height: 22px;
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    align-items: center;
    overflow: hidden
}

.cat_interviewtitle h2 a {
    color: #5d5959;
}

.cat_interviewexcerpt {
    font-size: 13px;
    line-height: 22px;
    color: #766d6d;
    letter-spacing: 0;
    word-spacing: 0;
    text-align: left;
    height: 100px;
    padding: 5px 0;
    overflow: hidden
}

.cat_interviewfooter {
    padding: 5px;
    background: #2389f2;
    display: flex;
    align-items: center;
    height: 40px
}

.cat_interviewfooter .cat_interviewcate,
.cat_interviewfooter .cat_interviewdate {
    font-size: 12px;
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-weight: 500
}

.cat_interviewfooter .cat_interviewcate i,
.cat_interviewfooter .cat_interviewdate i {
    margin-right: 3px;
    font-weight: 800
}

.cat_interviewfooter .cat_interviewcate a {
    color: #fff
}

.cat_interviewfooter .cat_interviewdate {
    text-align: right;
    width: 100%
}

.cat_interviewfooter .cat_interviewcate {
    text-align: left;
    width: 100%
}

@media only screen and (max-width:767px) {
    .cat_interview ul li {
        width: 100%;
        float: none;
        margin: 15px 0
    }
    .cat_interviewthumb img {
        height: auto
    }
    .cat_interviewdiv {
        padding: 10px 10px 0 10px
    }
    .cat_interviewtitle h2 {
        height: auto
    }
    .cat_interviewexcerpt {
        height: auto;
        padding: 10px 0
    }
    .cat_interviewfooter {
        padding: 10px;
        height: auto
    }
}

.overallmastercategory {
    background: #f6f6f7
}

.masterCategory {
    position: relative;
    margin-bottom: 10px
}

.masterCategory::before {
    content: "";
    background-color: #565dfe;
    height: 380px;
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2020/12/besant_masterbg.png);
    background-size: contain;
    background-position: center center
}

.masterContentStarter {
    padding: 30px 0 20px 0;
    position: relative;
    z-index: 1
}

.masterContentStarter h1 {
    text-align: center;
    color: #fff
}

.masterContentStarter p {
    color: #fff
}

.masterContent {
    border-radius: 8px;
    height: 220px;
    padding: 20px;
    background-color: #fff;
    margin: 20px 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    transform: scale(1.009);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.masterContentHeading {
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    padding: 5px 0;
    color: #6c6b77
}

.masterContentBody p {
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    color: #6d6969;
    letter-spacing: 0;
    word-spacing: 0
}

a.masterContentbtn.btn.btn-primary {
    font-size: 13px;
    border-radius: 0;
    box-shadow: 1px 3px 5px -2px #333;
    min-width: 130px;
    padding: 8px 20px
}

.masterContentBodybtn {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

ul.bt_mastercat_divlist {
    padding: 0
}

.bt_mastercat_divlist li {
    float: left;
    width: 30%;
    margin: 18px
}

.masterProgramsList {
    border: 1px solid #dde6ed;
    margin-bottom: 30px;
    height: 600px;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background: #fcfcff
}

.masterProgramsList:hover {
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    transform: scale(1.009);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.masterProgramsListBody {
    min-height: 100px;
    height: auto
}

.mastercontentthumb a {
    display: block;
    width: 100%
}

.mastercontentthumb img {
    width: 100%;
    height: 200px
}

.mastercontentthumb {
    border: 1px solid #f3f0f0;
    position: relative
}

.masterDuration {
    position: absolute;
    bottom: 0;
    z-index: 9;
    right: 0
}

.masterDuration p {
    padding: 5px 13px;
    font-size: 11px;
    background: #333;
    color: #fff;
    line-height: 18px;
    font-weight: 600;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a
}

.masterProgramsListHeading h3 {
    padding: 10px 15px;
    font-size: 18px;
    height: 60px;
    margin-bottom: 10px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #4d4f52
}

.Mastercontents {
    padding: 10px
}

.masterProgramsListBody p {
    word-spacing: 0;
    letter-spacing: 0;
    font-size: 13px;
    line-height: 22px;
    text-align: center
}

.masterProgramsList span.ratingtitles {
    font-size: 12px;
    font-weight: 600;
    color: #8e8585
}

.masterProgramsList span.fa.fa-star.filled {
    font-size: 13px;
    font-weight: 600
}

.masterProgramsList .tr_courseratings {
    padding: 0;
    margin: 0;
    width: 50%
}

.masterPgmlearners {
    width: 50%;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    color: #8e9092
}

.masterprogram_Ratings {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    border-top: 1px solid #eee;
    line-height: 20px;
    border-bottom: 1px solid #eee
}

.masterProgramLearnContent {
    padding: 5px;
    min-height: 120px;
    height: auto
}

.masterProgramLearnContent h6 {
    padding: 0;
    color: #9c9c9c;
    font-style: italic
}

.masterProgramLearnContent ul {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap
}

.masterProgramLearnContent ul li {
    font-size: 10px;
    background-color: #565dfe;
    color: #fff;
    letter-spacing: 0;
    word-spacing: 0;
    width: auto;
    display: block;
    line-height: 15px;
    min-width: 50px;
    text-align: center;
    border-radius: 15px;
    font-weight: 500;
    padding: 5px 5px;
    margin: 5px 5px 3px 0
}

.masterProgramListBtn {
    margin-top: 0;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0
}

.masterProgramListBtn a {
    color: #fff;
    padding: 10px 20px;
    background: #565dfe;
    line-height: 15px;
    font-size: 12px;
    display: block;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a
}

.masterProgramsList:hover .masterProgramListBtn a {
    background: #f9860c;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .bt_mastercat_divlist li {
        margin: 15px
    }
    .masterProgramsList {
        height: 620px
    }
    .masterProgramsListBody {
        min-height: 130px
    }
    .Mastercontents {
        padding: 5px
    }
    .masterProgramLearnContent {
        padding: 4px
    }
    .masterProgramLearnContent ul li {
        font-size: 9px
    }
}

@media screen and (max-width:991px) {
    .bt_mastercat_divlist li {
        margin: 15px
    }
    .masterProgramsList {
        height: 500px
    }
    .masterProgramsListHeading h3 {
        font-size: 15px;
        line-height: 18px
    }
}

@media screen and (max-width:767px) {
    .masterCategory::before {
        height: 100%;
        background-image: none
    }
    .banneroverlay {
        display: none
    }
    .masterContent {
        height: auto;
        padding: 15px
    }
    .masterContentHeading {
        font-size: 16px
    }
    .masterContentBodybtn {
        position: relative;
        bottom: 0;
        margin: 20px auto 0
    }
    .bt_mastercat_divlist li {
        float: none;
        width: 100%;
        margin: 0
    }
    .masterProgramsList {
        height: auto
    }
    .masterProgramListBtn {
        position: relative
    }
    .masterProgramsListHeading h3 {
        height: auto
    }
}

.other_cityhead {
    background: #f6f9fd
}

.trainingother_breadcrums {
    margin: 0 auto;
    display: table
}

.trainingother_breadcrums #breadcrumbs a {
    color: #423e3e
}

.trainingother_breadcrums .breadcrumb_last {
    color: #8a887b;
    font-weight: 500
}

.trainingother_header h1 {
    color: #5c5c5f;
    text-align: center
}

.trainingother_header p {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    word-spacing: 0
}

.otherCityTrainingCourses {
    background: #1a73e8;
    padding: 50px 0;
    margin-bottom: 30px
}

.otherCityCourse {
    border: 1px solid #eef1f5;
    margin: 20px 0;
    padding: 20px 20px 0 20px;
    height: 330px;
    background: #fff;
    -webkit-transition: box-shadow .28s ease-in-out;
    transition: box-shadow .28s ease-in-out;
    border: 1px solid #dadce0;
    background: #fff 50%/auto 100%;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.otherCityCourse:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: -1px 5px 25px -5px rgba(0, 0, 0, .8)
}

.otherCityCourse a {
    display: block;
    height: 100%;
    width: 100%
}

.otherCityCourseheading {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px
}

.otherCityCoursetitlethumb {
    width: 20%;
    text-align: center
}

.otherCityCoursetitle {
    width: 90%;
    padding-left: 15px
}

.otherCityCoursetitle h4 {
    font-size: 16px;
    line-height: 22px;
    color: #676363;
    font-weight: 600
}

.otherCityCoursecontent p {
    word-spacing: 0;
    letter-spacing: 0;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    color: #827878;
    min-height: 120px;
    font-weight: 400
}

.otherCityCoursedetails {
    margin: 10px 0
}

.otherCityCoursedetails ul {
    padding: 0
}

.otherCityCoursedetails ul li {
    padding: 5px 0
}

span.otherextraLeft {
    display: inline-block;
    min-width: 120px;
    font-size: 14px;
    color: #252323;
    font-weight: 500
}

span.otherextraRight {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #5f6368
}

.otherCityCourseReadmore {
    border-top: 1px solid #eee;
    margin-top: 20px
}

.otherCityCourseReadmore p {
    text-align: center;
    font-weight: 500;
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 13px;
    padding: 5px 0;
    line-height: 30px;
    text-transform: uppercase;
    color: #1a73e8
}

@media screen and (max-width:767px) {
    .otherCityCourseheading {
        min-height: auto
    }
    .otherCityCoursecontent p {
        min-height: auto
    }
    .otherCityCourse {
        height: auto
    }
}

.thirusnew {
    width: 32%;
    display: flex;
    height: 240px;
    float: left;
    flex-direction: column;
    background: #fff;
    margin: 20px 0 20px 10px;
    position: relative;
    padding: 20px;
    box-shadow: 0 5px 25px rgb(0 0 0 / 10%)
}

.thirusnew .starratings .ratingtitle {
    color: #675f5f;
    font-weight: 500
}

.thirusnew label {
    font-size: 16px;
    font-weight: 500;
    color: #424446;
    padding: 10px 0;
    line-height: 22px
}

@-webkit-keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: .35;
        position: relative
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0
    }
}

@-moz-keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: .35;
        position: relative
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0
    }
}

@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: .35;
        position: relative
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0
    }
}

.select-course {
    position: absolute;
    bottom: -10px;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 10px 0 10px;
    text-align: center
}

.select-course input[type=checkbox]:checked,
.select-course input[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999%
}

.select-course input[type=checkbox]+label {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #d8d2d2;
    color: #000;
    background-color: #fff;
    margin-bottom: 0;
    font-size: 12px;
    font-family: roboto
}

.select-course input[type=checkbox]:checked+label {
    border: 1px solid #fff;
    color: #fff;
    background-color: #000
}

a.thirusnewbtn {
    font-size: 12px;
    margin: 5px 0 0 0;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    padding: 10px;
    border: 1px solid #1c7ce7;
    font-family: roboto;
    background: #1c7ce7
}

.special_amount_al ins {
    font-size: 30px;
    display: inline-block;
    padding: 10px 0;
    line-height: 38px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    font-style: normal;
    margin-right: 20px
}

.special_amount_al ins::before {
    content: "₹"
}

.special_amount_al del {
    font-size: 20px;
    color: #79c1c1;
    font-weight: 500;
    line-height: 35px;
    padding: 5px 0;
    display: inline-block;
    margin-right: 20px
}

.special_amount_al del::before {
    content: "₹"
}

.special_amount_al p {
    font-size: 10px;
    font-weight: 600;
    color: #f1ff04;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 22px;
    padding: 5px 0
}

.special_amount_al span {
    padding: 0 5px;
    font-style: italic
}

.spclbg {
    padding: 15px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    float: right;
    width: 100%;
    background: #667db6;
    background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
    background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: 500
}

.spclbg:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12);
    color: #fff
}

.btamuni_banner {
    background-image: url(https://www.besanttechnologies.com/wp-content/themes/besanttechnology/assests/images/bt_alumnibg.svg);
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center
}

.bt_alumnibaner_content {
    padding: 8rem 0
}

.bt_alumnibaner_content h1 {
    color: #fff;
    font-size: 38px;
    line-height: 36px;
}

.bt_alumnibaner_content h2 {
    color: #fff;
    font-size: 23px;
    line-height: 30px;
    font-weight: 600
}

.bt_alumnibaner_content h3 {
    color: #bac6d8;
    font-size: 20px
}

.bt_alumnibaner_content .bt_alumnibtn {
    font-size: 18px;
    font-weight: 600;
    margin: 2rem 0;
    background-color: #e21032;
    color: #fff;
    border: .1rem solid #e21032;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1rem 3rem;
    border-radius: .4rem;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: background-color .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: background-color .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: background-color .2s ease-out, box-shadow .2s ease-out;
    transition: background-color .2s ease-out, box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out
}

.bt_alumnibaner_content .bt_alumnibtn:hover {
    background-color: #f13453;
    -webkit-box-shadow: 0 .5rem 2.3rem 0 rgb(226 16 50 / 50%);
    box-shadow: 0 .5rem 2.3rem 0 rgb(226 16 50 / 50%)
}

span.amone {
    color: #e8e806;
    font-weight: 600
}

span.amtwo {
    color: #f77c61
}

.bt_alumnibaner_img {
    padding: 4rem 0
}

.bt_alumnibaner_img img {
    width: 80%
}

.bt_alumni_timings p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding: 5px 0;
    line-height: 20px
}

.bt_alumni_timings p .altime {
    color: #fad61e;
    font-weight: 600
}

.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-20px)
    }
    60% {
        transform: translateY(-10px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.btalumni_glancedetails {
    background: #fdfdfd;
    border-radius: .75rem;
    -webkit-box-shadow: 0 8px 32px 0 rgb(2 16 40 / 16%);
    box-shadow: 0 8px 32px 0 rgb(2 16 40 / 16%);
    padding: 20px
}

.btalumni_glance {
    margin-top: -7rem
}

ul.aulmni_featureslists {
    padding: 0;
    display: table
}

.aulmni_featureslists li {
    display: inline-block;
    width: 30%;
    float: left;
    height: 270px;
    margin: 15px;
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
    position: relative
}

.well-services {
    z-index: 1;
    text-align: center;
    position: relative;
    transition: .4s
}

.services-img {
    position: relative;
    text-align: center;
    padding: 15px 15px 0;
    background: #f5f8fb;
    margin-bottom: 15px;
    z-index: 1
}

.big-icon {
    font-size: 24px;
    display: inline-block;
    line-height: 60px;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 60px;
    height: 60px;
    border: 1px solid #1067db;
    background: #1067db;
    border-radius: 50%
}

.services-img::after {
    border-top: 50px solid #f5f8fb;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    height: 30px;
    width: 100%;
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    bottom: -30px
}

.main-wel {
    padding: 30px 20px 20px
}

.well-services:hover .services-img {
    background: #1067db;
    transition: .4s
}

.well-services:hover .big-icon {
    transition: .4s;
    color: #1067db;
    border: 1px solid #fff;
    background: #fff
}

.well-services:hover .services-img::after {
    border-top: 79px solid #1067db;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    height: 30px;
    width: 100%;
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    bottom: -30px;
    transition: .4s
}

.wel-content p {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
}

.btalumni_glancedetails h3 {
    font-size: 28px;
    text-align: center;
    margin: 10px 0
}

.overallalumniofffer {
    margin: 30px 0 0;
    max-width: 100%;
    display: block;
    width: auto
}

.alumniofferpage_div {
    padding: 20px
}

.alumniofferpage_div h3 {
    font-size: 24px;
    text-align: center;
    margin: 15px auto 0;
    width: 65%;
    line-height: 30px;
    color: #fffef8
}

.alumniofferpage_div h4 {
    font-size: 20px;
    text-align: center;
    margin: 0 auto 20px;
    width: 65%;
    line-height: 25px;
    color: #fff;
    padding: 5px 0
}

.alumniofferpage_content {
    width: 100%;
    display: block
}

.device-mockup {
    width: 90%;
    margin: 0 auto
}

.alumniofferpage_content .tabs-left {
    display: block;
    border: none;
    overflow: hidden;
    position: relative;
    top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 auto;
    text-align: center
}

.alumniofferpage_content .tabs-left>a {
    margin-right: 0;
    background: #fff
}

.alumniofferpage_content .tabs-left .active,
.alumniofferpage_content .tabs-left .active:focus,
.alumniofferpage_content .tabs-left .active:hover {
    background-color: #0867d2;
    color: #fff;
    border-left-color: #0867d2;
    border-right: 1.5rem solid #fec601;
    border-top: 0;
    border-bottom: 0
}

.alumniofferpage_content .tabs-left>a {
    margin-right: 0;
    display: inline-block;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    background: #f6f6f6;
    border-top-left-radius: 1em;
    width: 49.5%;
    border-top-right-radius: 1em
}

.alumniofferpage_content .tabs-left>a i {
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px
}

.alumniofferpage_content .tabs-left .active i {
    background: #fff;
    color: #1c7ce7
}

.alumniofferpage_content .tab-content {
    background: #f7f7f7;
    padding: 10px;
    height: 600px;
    overflow-y: auto;
    border: .5rem solid #0867d2;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-transition: display .2s ease-out;
    transition: display .2s ease-out
}

.alumniofferpage_content .col-3,
.alumniofferpage_content .col-9 {
    padding: 0
}

.alumnispecial_div {
    background: #f7f7f7;
    display: table;
    margin: 0 auto;
    width: 100%;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding: 0
}

.alumni_left {
    background-image: -webkit-linear-gradient(-50deg, #2389f2 0, #24b0fe 46%, #24e2ff 100%);
    position: relative
}

.alumni_left::before {
    left: 0;
    right: 0;
    position: absolute;
    background: url(https://www.besanttechnologies.com/wp-content/uploads/2021/03/bt_alumniedge.png) repeat-x;
    display: block;
    height: 5px;
    content: '';
    background-position: center bottom;
    top: 0
}

.bt_banerimg {
    position: absolute;
    bottom: -2px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 0
}

.almni_system {
    position: relative;
    z-index: 9
}

.alumni_last {
    padding-bottom: 50px
}

.alumni_bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: #c3d6e8;
    padding: 20px 0;
    z-index: 9;
    display: none;
    text-align: center;
    box-shadow: 3px -5px 5px 0 #0000001a
}

.alumni_foo a {
    color: #29425d;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline
}

.alumni_foo a i {
    font-size: 20px;
    padding: 0 10px
}

.alumni_foobtn a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
    padding: 10px 18px;
    line-height: 20px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    color: #fff!important;
    background-color: #007bff;
    border-color: #007bff;
    cursor: pointer
}

.alumnioverlay {
    height: 100%;
    width: 35%;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 100%;
    background-color: rgba(0, 0, 0, .9);
    overflow-x: hidden;
    transition: .5s
}

.alumnioverlay-content {
    float: left;
    position: relative;
    top: 0;
    padding: 20px
}

.alumnioverlay .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    color: #fff;
    background: #2389f2;
    padding: 5px 15px;
    font-weight: 600;
    z-index: 1
}

.alumni_pagetitle h1 {
    font-size: 22px;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #585858
}

.special_course_al p {
    font-size: 14px;
    color: #00ffcb;
    font-weight: 500;
}

.alumni_specialbest h2 {
    color: #e7edf3;
    font-size: 18px;
}

.alumni_specialbest h2 i {
    padding: 0 10px;
    font-size: 13px
}

.alumni_specialbest p {
    color: #e7edf3;
    font-size: 13px;
    letter-spacing: 0;
    word-spacing: 0;
}

.alumniinneroff_feature .alumniinner_featureslist {
    padding: 0
}

.alumniinneroff_feature .alumniinner_featureslist li {
    position: relative;
    color: #e7edf3;
    display: flex;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 20px;
    font-weight: 400;
    padding: 10px 0;
    font-size: 15px
}

.alumniinneroff_feature .alumniinner_featureslist li::before {
    content: "\f02b";
    font-family: FontAwesome;
    font-size: 13px;
    padding-left: .7em;
    position: relative;
    transform: rotateY(190deg);
    display: block;
    float: left;
    color: #18a818
}

.last_bg {
    padding: 30px 0;
    margin: 30px 0 0
}

.last_widgets {
    text-align: center;
}

.last_widgets h3 {
    font-size: 32px;
    padding: 15px 0;
    line-height: 30px
}

.last_widgets span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000
}

.last_widgets p {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 20px;
    font-weight: 400;
}

.last_widgets .gettchbtn {
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 10px 15px;
    font-weight: 500;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    min-width: 150px;
    outline: 0;
    padding: 0 28px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: none;
    background: #1a73e8;
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.last_widgets .gettchbtn:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    background-color: #185abc;
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.last_widgets .explorebtn {
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 10px 15px;
    font-weight: 500;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    min-width: 150px;
    outline: 0;
    padding: 0 28px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: none;
    background: #fff;
    color: #1a73e8;
    border: 1px solid;
    border-color: #dadce0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.last_widgets .explorebtn:hover {
    background-color: #f4f8fe;
    border-color: #1a73e8;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.ads_scrolldivdetails {
    text-align: center
}

.ads_scrolldivbtn {
    text-align: center;
    margin: 10px 0
}

.ads_scrolldivbtn a.btn.btn-primary {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
    padding: 10px 18px;
    line-height: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
}

.adsvertical_aligns {
    align-items: center
}

section.adscopywidgets {
    padding: 10px 0;
    background: #29425d
}

.adds_copy p {
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    padding: 0;
    color: #fff
}

.thirusnew_head {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 15px
}

.thirusnew_head span {
    padding: 5px;
    text-align: center;
    display: flex;
    width: 70px;
    height: 55px;
    line-height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-right: 10px
}

.alumn_widgets {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px
}

.alumn_widgetsone {
    width: 33%;
    padding: 0 10px;
    text-align: center;
    border-right: 1px solid #eae4e4
}

.alumn_widgetsone:last-child {
    border-right: none
}

.alumn_widgetsone span {
    font-size: 13px;
    display: block;
    font-weight: 500;
    font-style: normal;
    color: #968f8f
}

.alumn_widgetsone p {
    text-align: center;
    padding: 8px 0;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    line-height: 20px
}

.alumnstar {
    padding: 5px 0
}

.alumnstar p {
    padding: 2px 0;
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    color: #aba5a5;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .btamuni_banner {
        height: auto;
        display: block
    }
    .bt_alumnibaner_content {
        padding: 1rem 0
    }
    .bt_alumnibaner_content h1 {
        font-size: 28px
    }
    .bt_alumnibaner_content h2 {
        font-size: 16px;
        line-height: 24px
    }
    .bt_alumnibaner_content h3 {
        font-size: 15px
    }
    .bt_alumnibaner_content .bt_alumnibtn {
        font-size: 14px;
        margin: 1rem 0;
        padding: .9rem 2.8rem
    }
    .bt_alumni_timings p {
        font-size: 14px
    }
    .bt_alumnibaner_img {
        padding: 1rem 0;
        text-align: center
    }
    .bt_alumnibaner_img img {
        width: 60%
    }
    .btalumni_glance {
        margin-top: -3rem
    }
    .btalumni_glancedetails {
        padding: 10px
    }
    .btalumni_glancedetails h3 {
        font-size: 24px;
        margin: 5px 0
    }
    .aulmni_featureslists li {
        width: 100%;
        float: none;
        height: auto;
        margin: 10px 0
    }
    .wel-content p {
        font-size: 14px;
        line-height: 22px
    }
    .alumniofferpage_div {
        padding: 10px
    }
    .alumniofferpage_div h3 {
        font-size: 18px;
        width: 100%;
        line-height: 30px
    }
    .alumniofferpage_div h4 {
        font-size: 16px;
        margin: 10px auto;
        width: 100%;
        line-height: 30px
    }
    .alumniofferpage_content {
        display: block
    }
    .alumniofferpage_content .col-3,
    .alumniofferpage_content .col-9 {
        max-width: 100%
    }
    .alumniofferpage_content .tabs-left {
        display: flex;
        flex-direction: row!important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .alumniofferpage_content .tabs-left>a {
        padding: 13px 8px;
        font-size: 13px;
        line-height: 25px;
        width: 50%
    }
    .almni_systemscreen .col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs {
        padding: 0
    }
    .alumniofferpage_content .tabs-left .active,
    .alumniofferpage_content .tabs-left .active:focus,
    .alumniofferpage_content .tabs-left .active:hover {
        border-right: .5rem solid #fec601
    }
    .alumniofferpage_content .tab-content {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .thirusnew {
        width: 100%;
        height: 230px;
        margin: 13px 0 13px 0;
        padding: 15px
    }
    .last_widgets .gettchbtn {
        margin: 10px 5px;
        min-width: 130px
    }
    .last_widgets .explorebtn {
        margin: 10px 5px;
        min-width: 130px
    }
    .alumnioverlay {
        width: 100%
    }
    .alumni_bottom {
        padding: 20px 0;
        text-align: left
    }
    .de_small {
        display: none
    }
    .alumni_bottom .col-xl-4.col-lg-4.col-md-12.col-sm-12.col-xs {
        width: 50%
    }
    .alumni_foo a {
        font-size: 14px
    }
    .alumni_foo a i {
        font-size: 16px;
        padding: 0 8px
    }
    .alumni_foobtn a {
        font-size: 12px;
        padding: 10px 15px
    }
    .spclbg {
        padding: 12px 5px;
        font-size: 13px!important;
        width: 98%
    }
    .spclbtn1 {
        padding: 12px 5px;
        width: 98%;
        font-size: 13px!important
    }
    .last_widgets h3 {
        font-size: 24px;
        line-height: 27px
    }
    .last_widgets p {
        width: 100%;
        font-size: 15px
    }
    .alumniofferpage_content .tabs-left>a i {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

.bt_onbanner {
    position: relative;
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/03/online_bgs.jpg);
    height: 260px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    z-index: 9;
    padding: 10px 0
}

.bt_online_content {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 65%;
    margin: 0 auto;
    padding: .5rem 0
}

.bt_online_content h1 {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
}

.bt_online_content p {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0
}

.bt_online_contentbtn {
    background-color: #f4511e;
    color: #fff;
    text-align: center;
    font-size: 12px;
    width: auto;
    cursor: pointer;
    display: table;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 15px 20px;
    transition: all .5s ease 0s;
    margin: 10px auto
}

.bt_online_contentbtn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s
}

.bt_online_contentbtn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: -8px;
    right: -20px;
    transition: .5s;
    font-size: 25px
}

.bt_online_contentbtn:hover span {
    padding-right: 25px;
    color: #fff
}

.bt_online_contentbtn:hover span:after {
    opacity: 1;
    right: 0
}

.scroll_box {
    position: absolute;
    bottom: 10%;
    right: 5%;
    transform: translate(0, 0)
}

.scroll_box span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 3px solid #7b5df9;
    border-right: 3px solid #7b5df9;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite
}

.scroll_box span:nth-child(2) {
    animation-delay: -.2s
}

.scroll_box span:nth-child(3) {
    animation-delay: -.4s
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px)
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px)
    }
}

.bt_onlinediv {
    margin-top: 0;
    position: relative;
    z-index: 9
}

.bt_onlinedivtitle h2 {
    font-size: 20px;
    text-align: center;
    margin: 0 0;
    color: #596384
}

.bt_onlinetype {
    display: block;
    width: 260px;
    height: 230px;
    padding: 10px;
    box-shadow: 4px 4px 10px #dae1eb;
    border-radius: 4px;
    background: #fff;
    margin: 15px auto
}

.onlinetype_thumb {
    background: #ebedf1;
    padding: 25px;
    text-align: center
}

.onlinetype_thumb img {
    width: 60%
}

.onlinetype_title {
    margin: 10px 0;
    text-align: center
}

.onlinetype_title h3 {
    color: #3f4a5b;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px
}

ul.onlinetypedetailslist {
    padding: 0;
    display: table;
    margin: 0 0 0;
    width: 100%
}

.onlinetypedetailslist li {
    display: inline-block;
    width: 23%;
    margin: 10px;
    height: 310px;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #e5ebf1;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 16px 0 rgb(146 184 255 / 20%);
    box-shadow: 0 8px 16px 0 rgb(146 184 255 / 20%)
}

.onlinetypedetails_thumb {
    position: relative
}

.onlinetypedetails_thumb img {
    width: 100%;
    height: 100%
}

.onlinetypefees_roundoff {
    position: absolute;
    bottom: 2px;
    background: #da8f4e;
    left: 0;
    width: 70px;
    height: 30px;
    border-top-right-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.onlinetypefees_roundoff p {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    word-spacing: 0;
    letter-spacing: 0;
    text-align: center;
    padding: 0;
    line-height: 15px
}

.onlinetypedetails_title {
    margin-bottom: 10px
}

.onlinetypedetails_title h4 {
    padding: 5px 0;
    line-height: 22px;
    font-size: 14px;
    height: 60px;
    display: flex;
    align-items: center
}

.onlinetypedetails_title h4 a {
    color: #687788;
    transition: .5s;
    -webkit-transition: .5s
}

.onlinetypedetails_title h4 a:hover {
    transition: .5s;
    -webkit-transition: .5s;
    color: #007bff
}

.onlinetype_ratings {
    margin-bottom: 5px
}

.onlinetype_ratings .filled {
    color: #f2b827;
    font-size: 13px
}

.onlinetype_ratings .onlinetype_ratingtitles {
    font-size: 13px;
    padding-left: 5px;
    color: #697889;
    font-weight: 500
}

.onlinetypeextra {
    position: relative;
    z-index: 9;
    transition: .5s ease;
    border-top: 1px solid #f3f0f0;
    padding: 10px 0
}

.onlinetypeextra span {
    font-size: 12px;
    width: 49%;
    display: inline-block;
    padding: 5px 0;
    color: #717788;
    font-weight: 500;
}

.onlinetypeextra span i {
    padding-right: 5px
}

.onlinetypebox {
    position: relative;
    height: 100%
}

.onlinetype_hoverfees {
    position: relative;
    z-index: 99;
    margin: 10px 0
}

ins.onlinetypefee_ins {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    word-spacing: 0;
    color: #575a61
}

del.onlinetypefee_del {
    font-size: 14px;
    font-weight: 500;
    color: #9c9595
}

.onlinetype_hoverfees span {
    font-size: 13px;
    font-weight: 500;
    color: #ef3005
}

.onlinetypehover_modes p {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 25px;
    color: #000;
    text-align: left
}

.onlinetypehover_modes p span {
    color: #8394a7;
    display: inline-block
}

.onlinetypeboxinner {
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -52%;
    background: #f8fcff;
    z-index: 1;
    transition: .5s ease;
    left: 0;
    right: 0
}

.onlinetypebox_hover {
    display: none;
    transition: .5s ease
}

.onlinetypebox:hover .onlinetypeboxinner {
    bottom: 0;
    height: 80%;
    transition: .5s ease
}

.onlinetypebox:hover .onlinetypebox_hover {
    display: block;
    transition: .5s ease
}

.onlinetypebox:hover .onlinetypeextra {
    display: none;
    transition: .5s ease
}

.onlinetypehover_enter {
    margin: 15px auto;
    display: table;
    border-radius: 50px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 16px 0 rgb(146 184 255 / 20%);
    box-shadow: 0 8px 16px 0 rgb(146 184 255 / 20%);
    border: 1px solid #f7f1f1;
    transition: .5s ease
}

.onlinetypehover_enter a {
    font-size: 12px;
    padding: 12px 8px;
    display: inline-block;
    font-weight: 600;
    transition: .5s ease
}

.otho_enrbtn {
    background: #144ae2;
    color: #fff
}

.otho_enrbtn:hover {
    color: #fff;
    transition: .5s ease;
    background: #100e9e
}

.otho_enrbtn i {
    padding: 0 5px;
    display: inline-block
}

.otho_readbtn {
    background: #fff;
    color: #939ca5
}

.otho_readbtn i {
    padding: 0 10px;
    display: inline-block
}

.onlinetype_paginatizon {
    clear: both;
    position: relative;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    margin: 30px 0;
}

.onlinetype_paginatizon .next.page-numbers,
.onlinetype_paginatizon .prev.page-numbers {
    padding: 0;
    display: inline-block
}

.onlinetype_paginatizon .page-numbers {
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    border: 1px solid #f6faff;
    border-radius: 5px;
    margin: 0 3px;
    background: #d8e6fb;
    color: #637994;
    font-size: 14px;
    font-weight: 600;
    transition: .5s ease
}

.onlinetype_paginatizon .page-numbers.current {
    background: #2487ec;
    color: #fff
}

.onlinetype_paginatizon .page-numbers:hover {
    background: #2487ec;
    color: #fff;
    transition: .5s ease
}

.onlinetype_left {
    width: 22%;
    margin: 10px;
    float: left;
    background: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%)
}

.onlinetype_right {
    width: 75%;
    margin: 10px;
    float: left;
    background: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%)
}

.onlinetype_left h4 {
    margin-bottom: 5px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
}

.onlinetype_filtertitle {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 0;
    padding: 13px 0;
    position: sticky;
    top: 0;
    border-bottom: 1px solid #eee;
    background: #fff
}

.onlinetype_job {
    padding: 0 15px 15px
}

.onlinetype_checkbox {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    color: #43454e;
    font-weight: 400
}

.onlinetype_checkbox label {
    padding: 0 5px
}

.onlinetype_fil {
    height: 300px;
    overflow-y: scroll;
    margin: 8px 0
}

.onlinetype_fil::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.onlinetype_fil::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5
}

.onlinetype_fil::-webkit-scrollbar-thumb {
    background-color: #848181
}

.onlinetype_job .collapsed::before {
    content: "\f107";
    font-family: FontAwesome;
    margin: 0 1rem
}

.onlinetype_job .collapse.show::before {
    border-radius: 50%;
    content: "\f106";
    font-family: FontAwesome;
    margin: -3.2rem 1rem;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.onlinetype_job .collapse.show::before,
.onlinetype_job .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 20px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

span.onlinetype_catcount {
    font-size: 11px;
    padding: 0 2px;
    font-weight: 500;
    color: #c1c0c0
}

.onlinerecomened_filter {
    margin: 10px 40px;
    padding: 15px
}

.onlinerecomened_filter_title {
    border-bottom: 1px solid #e6e5e5;
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 10px
}

.onlinerecomened_filter_title h3 {
    width: 92%;
    font-size: 20px;
    color: #43454e
}

.onlinerecomended_div {
    margin: 10px 0
}

.onlinetypeboxheight {
    height: 315px;
    box-shadow: 0 8px 16px 0 rgb(146 184 255 / 20%);
    border: 1px solid #e5ebf1
}

.recomdbtn {
    background: #2874f0;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    border: none;
    display: inline-block;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    transition: box-shadow .2s ease;
    vertical-align: super;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase
}

.recomdbtn:hover {
    color: #fff
}

#onlinerecomened_slider .owl-next,
#onlinerecomened_slider .owl-prev {
    position: absolute;
    top: 35%
}

#onlinerecomened_slider .owl-prev {
    left: -20px
}

#onlinerecomened_slider .owl-next {
    right: -20px
}

#onlinerecomened_slider .owl-next.disabled,
#onlinerecomened_slider .owl-prev.disabled {
    opacity: .3;
    cursor: no-drop
}

#onlinerecomened_slider .owl-next i,
#onlinerecomened_slider .owl-prev i {
    font-size: 26px;
    padding: 30px 15px;
    box-shadow: 1px 2px 10px -1px rgb(0 0 0 / 30%);
    background-color: hsla(0, 0%, 100%, .98);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 0 4px 4px 0;
    color: #737171
}

.online_bread {
    background: #e0e4e8;
    padding: 10px 40px
}

.onlinetype_bread p {
    padding: 0;
    line-height: 22px;
    color: #fff;
    text-align: center;
    word-spacing: 0;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 500
}

.onlinetype_bread p a {
    color: #fff
}

.onlinetype_bread p .breadcrumb_last {
    color: #fff
}

.online_allcourses {
    margin: 10px 40px;
    padding: 10px
}

.online_scrolltab {
    padding: 15px;
    margin: 20px 0
}

.ah-tab-wrapper {
    position: relative
}

.ah-tab-wrapper *,
.ah-tab-wrapper:after,
.ah-tab-wrapper:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.ah-tab {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0
}

.ah-tab::after,
.ah-tab::before {
    bottom: 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: opacity .3s
}

.ah-tab::before {
    left: -100%;
    width: 30px;
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fff 70%, #fff 99%);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fff 70%, #fff 99%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 70%, #fff 99%)
}

@media (min-width:768px) {
    .ah-tab::before {
        width: 50px
    }
}

.ah-tab::after {
    right: 100%;
    width: 80px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 40%, #fff 99%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 40%, #fff 99%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 40%, #fff 99%)
}

.ah-tab-overflow-left::before {
    opacity: 1;
    left: 0
}

.ah-tab-overflow-right::after {
    opacity: 1;
    right: 0
}

.ah-tab-overflow-wrapper {
    position: absolute;
    width: 43px;
    height: 100%;
    right: 100%;
    opacity: 0;
    top: 0;
    z-index: 1;
    text-align: center
}

.ah-tab-overflow-wrapper[data-ah-tab-active=true] {
    right: 0;
    opacity: 1;
    transition: opacity .3s
}

.ah-tab-overflow-wrapper:hover {
    z-index: 2
}

.ah-tab-overflow-menu {
    background: transparent url(../images/ah-tab-overflow-menu.svg) center center no-repeat;
    background-size: 18px;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
    transition: opacity .3s;
    opacity: .7
}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-menu {
    opacity: 1
}

.ah-tab-overflow-list {
    position: absolute;
    top: -10000%;
    right: 0;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .09);
    list-style: none;
    transition: opacity .3s;
    opacity: 0;
    max-width: 290px
}

.ah-tab-overflow-list::after {
    content: " ";
    display: block;
    position: absolute;
    top: -14px;
    right: 14px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #fff
}

.ah-tab-overflow-list::before {
    content: " ";
    display: block;
    position: absolute;
    top: -16px;
    right: 13px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #cdcdcd
}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-list {
    top: 99%;
    padding: 10px 0;
    opacity: 1
}

.ah-tab-overflow-list:hover {
    display: block
}

.ah-tab-item {
    color: #8b8b8b;
    cursor: pointer;
    display: inline-block;
    letter-spacing: normal;
    transition: all .3s;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400
}

.ah-tab>.ah-tab-item {
    border-bottom: 3px solid transparent;
    margin-right: 30px;
    padding: 13px 0
}

@media (min-width:768px) {
    .ah-tab>.ah-tab-item {
        margin-right: 20px
    }
}

.ah-tab-item[data-ah-tab-active=true] {
    color: #215393;
    font-weight: 500
}

.ah-tab>.ah-tab-item:hover {
    border-bottom: 3px solid #8b8b8b
}

.ah-tab>.ah-tab-item[data-ah-tab-active=true] {
    border-bottom-color: #215393
}

.ah-tab-overflow-list>.ah-tab-item {
    border-left: 3px solid transparent;
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ah-tab-overflow-list>.ah-tab-item:hover {
    border-left-color: #8b8b8b
}

.ah-tab-overflow-list>.ah-tab-item[data-ah-tab-active=true] {
    border-left-color: #215393
}

.ah-tab-content-wrapper {
    margin: 20px 0
}

.ah-tab-content {
    display: none
}

.ah-tab-content[data-ah-tab-active=true] {
    display: block
}

.onlinetype_content h2 {
    font-size: 17px
}

.onlinetype_content p {
    font-size: 13px;
    text-align: left;
    padding: 10px 0;
    word-spacing: 0;
    letter-spacing: 0;
    color: #737272;
    line-height: 25px
}

.onlinetype_content h3 {
    font-size: 16px
}

.onlinetype_content ul {
    column-count: 2;
    margin: 10px 0
}

.onlinetype_content ul li {
    font-size: 13px;
    text-align: left;
    padding: 5px 0;
    word-spacing: 0;
    letter-spacing: 0;
    color: #737272;
    line-height: 20px;
    list-style-type: disc
}

.online_filter_title {
    display: flex;
    align-items: center;
    margin: 10px 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e5e5
}

.online_filter_title h3 {
    width: 70%;
    font-size: 20px;
    color: #43454e;
}

.fil_dropdownsss {
    position: relative;
    display: inline-block;
    width: 30%;
    text-align: right
}

.fil_dropdownsss .dropbtn {
    background-color: transparent;
    color: #43454e;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: none;
    border: 1px solid #ccc
}

.fil_dropdownsss .dropbtn:focus,
.fil_dropdownsss .dropbtn:hover {
    background-color: transparent
}

.fil_dropdownsss #myInput {
    box-sizing: border-box;
    background-image: url(searchicon.png);
    background-position: 14px 10px;
    background-repeat: no-repeat;
    color: #43454e;
    padding: 10px 10px 10px 11px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 13px
}

.fil_dropdownsss #myInput:focus {
    outline: 3px solid #ddd
}

.fil_dropdownsss .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 280px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 9;
    right: 0;
    text-align: left
}

.fil_dropdownsss .dropdown-content a {
    color: #000;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    line-height: 18px;
    color: #43454e;
    font-size: 13px
}

.fil_dropdownsss .dropdown a:hover {
    background-color: #ddd
}

.fil_dropdownsss .show {
    display: block
}

.filterby {
    font-size: 16px;
    padding: 0 10px;
    font-weight: 500;
    color: #43454e
}

.onlinetype_fildiv {
    margin: 10px 40px
}

.online_tabreview {
    margin: 50px 0
}

.online_tabreview_title {
    border-bottom: 1px solid #e6e5e5;
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 10px
}

.online_tabreview_title h3 {
    width: 89%;
    font-size: 20px;
    color: #43454e;
}

.online_tabreview_div {
    margin: 10px 0;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    display: flex;
    width: 100%
}

.online_tabreview-left {
    width: 47%;
    display: flex
}

.online_tabreview-thumb {
    margin-right: 10px;
    float: left;
    width: 50%
}

.online_tabreview-thumb img {
    width: 230px;
    height: auto
}

.online_tabreview-content {
    margin: 0 10px;
    float: left;
    width: 70%
}

.online_tabreview-content-title h4 {
    font-size: 16px;
    padding-top: 0;
    line-height: 22px;
    padding-bottom: 10px
}

.online_tabreview-content-title h4 a {
    color: #333
}

.online_tabreview-content-title h4 a:hover {
    color: #2858e4
}

.online_tabreview-content-ratings {
    padding-bottom: 5px
}

.tab_review {
    padding: 5px 5px;
    display: inline-block;
    font-size: 10px;
    background: #388e3c;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    text-align: center
}

.online_tabreview-content-ratings .onlinetype_ratingtitles {
    font-size: 13px;
    font-weight: 500;
    color: #7b7474;
}

.online_tabreview-content-price {
    padding: 10px 0
}



.online_tabreview-content-price .onlinetypefee_ins {
    font-size: 16px
}

.online_tabreview-content-price .onlinetypefee_del {
    font-size: 14px
}

.online_tabreview-content-features p {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0 0 0;
}

.online_tabreview-content-features p span {
    font-weight: 500;
    font-size: 12px;
    color: #a99e9e
}

.online_tabreview-right {
    width: 53%
}

.online_tabreview-carousel-ratings {
    display: flex;
    align-items: center
}

.online_tabreview-slider .owl-stage-outer {
    padding: 0 0
}

.online_tabreview-carousel-ratings p {
    font-size: 13px;
    padding: 3px 0;
    line-height: 15px;
    color: #a29999
}

span.online_tabreview-carousel-ratings-value {
    background: #388e3c;
    padding: 5px 5px;
    display: inline-block;
    font-size: 10px;
    margin: 0 5px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}

.online_tabreview-carousel-content {
    margin: 10px 0
}

.online_tabreview-carousel-content p {
    font-size: 13px;
    padding: 3px 0;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 23px;
    color: #5d4c4c;
    text-align: left
}

.online_tabreview-carousel-reviewername p {
    font-size: 13px;
    padding: 0 0;
    line-height: 20px;
    font-weight: 500;
    color: #655f5f
}

.desc {
    height: 120px;
    overflow: auto
}

.desc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.desc::-webkit-scrollbar {
    width: 0;
    background-color: #f5f5f5
}

.desc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #91989e
}

@media screen and (max-width:992px) {
    .online_allcourses {
        margin: 10px 10px;
        padding: 5px
    }
    .onlinerecomened_filter_title {
        display: block
    }
    .onlinerecomened_filter_title h3 {
        width: 100%;
        font-size: 18px
    }
    .online_scrolltab {
        padding: 7px
    }
    .onlinetypedetailslist li {
        width: 100%;
        margin: 10px 0
    }
    .onlinerecomened_filter {
        margin: 10px 10px;
        padding: 5px
    }
    .bt_onlinedivtitle h2 {
        font-size: 16px
    }
    .onlinetype_content h2 {
        font-size: 15px
    }
    .onlinetype_content ul {
        column-count: 1
    }
    .onlinetypefees_roundoff {
        display: none
    }
    .online_tabreview_title h3 {
        width: 65%;
        font-size: 16px;
        line-height: 20px
    }
    .recomdbtn {
        padding: 10px 15px;
        font-size: 12px
    }
    .online_tabreview_div {
        display: block
    }
    .online_tabreview-left {
        width: 100%;
        display: block
    }
    .online_tabreview-thumb {
        margin-right: 0;
        float: none;
        width: 100%;
        display: none
    }
    .online_tabreview-thumb img {
        width: 100%;
        height: auto
    }
    .online_tabreview-content {
        margin: 0;
        float: none;
        width: 100%
    }
    .online_tabreview-right {
        width: 100%;
        margin: 10px 0
    }
}

.bt_allcourse-banner {
    position: relative;
    padding: 4rem 0;
    background-image: linear-gradient(to bottom, #fafbfc, #f0fbfc)
}

.bt_allcourse_content {
    position: relative;
    z-index: 1;
    padding: .5rem 0
}

.bt_allcourse_content h1 {
    color: #192f60;
    font-size: 40px;
    line-height: 45px;
}

.bt_allcourse_content p {
    color: #6e7e9d;
    text-align: left;
    font-size: 17px;
    line-height: 28px;
    padding: 10px 0;
    letter-spacing: 0;
    word-spacing: 0
}

.bt_allcourse_content-img {
    text-align: center;
    padding: 4rem 0
}

.bt_allcourse_content-img img {
    width: 100%
}

.bt_allcourse_content-list {
    display: table;
    width: 100%
}

.bt_allcourse_content-list ul {
    padding: 0;
    display: table;
    width: 100%
}

.bt_allcourse_content-list ul li {
    padding: 0;
    display: flex;
    margin: 10px 0;
    width: 33%;
    float: left;
    align-items: center
}

.bt_allcourse_content-list .th-icons {
    background: #74a8f5;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50px;
    font-size: 26px;
    font-weight: 500;
    line-height: 40px
}

span.th-text {
    width: 85%;
    padding: 0 10px;
    color: #294273;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500
}

.bt_allcourse_content-btn {
    margin: 40px 0
}

.bt_allcourse_content-btn a {
    width: 250px;
    height: 60px;
    border-radius: 4px;
    background-color: #0052cc;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    outline: 0;
    border: none;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    box-shadow: 1px 3px 5px -2px #333;
    -webkit-box-shadow: 1px 3px 5px -2px #333
}

.bounces {
    animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    -moz-animation: bounce 4s infinite;
    -o-animation: bounce 4s infinite
}

@-webkit-keyframes bounces {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounces {
    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounces {
    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounces {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.online_filter_title {
    display: flex;
    align-items: center;
    margin: 10px 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e5e5
}

.online_filter_title h3 {
    width: 50%;
    font-size: 20px;
    color: #43454e;
}

.fil_dropdownsss {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: right
}

.fil_dropdownsss .dropbtn {
    background-color: transparent;
    color: #43454e;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: none;
    border: 1px solid #ccc
}

.fil_dropdownsss .dropbtn:focus,
.fil_dropdownsss .dropbtn:hover {
    background-color: transparent
}

.fil_dropdownsss #myInput,
.fil_dropdownsss #myInput1,
.fil_dropdownsss #myInput2 {
    box-sizing: border-box;
    background-image: url(searchicon.png);
    background-position: 14px 10px;
    background-repeat: no-repeat;
    color: #43454e;
    padding: 10px 10px 10px 11px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 13px
}

.fil_dropdownsss #myInput1:focus,
.fil_dropdownsss #myInput2:focus,
.fil_dropdownsss #myInput:focus {
    outline: 3px solid #ddd
}

.fil_dropdownsss .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 280px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 9;
    text-align: left
}

.fil_dropdownsss .jb_role {
    right: 45%
}

.fil_dropdownsss .tcc {
    right: 22%
}

.fil_dropdownsss .tm {
    right: 0
}

.tcc .onlinetype_fil,
.tm .onlinetype_fil {
    height: 100%;
    overflow-y: scroll;
    margin: 8px 0
}

.fil_dropdownsss .dropdown-content a {
    color: #000;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    line-height: 18px;
    color: #43454e;
    font-size: 13px
}

.fil_dropdownsss .dropdown a:hover {
    background-color: #ddd
}

.fil_dropdownsss .show {
    display: block
}

.fil_dropdownsss .hide {
    display: none
}

.filterby {
    font-size: 16px;
    padding: 0 10px;
    font-weight: 500;
    color: #43454e
}

.onlinetype_fildiv {
    margin: 10px 40px
}

.bt-all-con-title {
    color: #192f60;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
}

.bt-all-con ul {
    padding: 0;
    margin: 20px 0
}

.bt-all-con ul li {
    position: relative;
    display: flex;
    font-size: 16px;
    padding: 8px 0;
    line-height: 25px;
    color: #6e7e9d
}

.bt-all-con ul li::before {
    content: "\f058";
    padding-right: .5em;
    font-family: FontAwesome;
    color: #192f60;
    font-size: 25px
}

ul.bt-online-all_courseslist {
    padding: 0;
    width: 100%;
    display: table
}

.bt-online-all_courseslist>li {
    width: 23%;
    margin: 10px;
    height: 350px;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    border: 1px solid #e5ebf1;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s
}

.bt-online-all_courses_thumb {
    position: relative
}

.all_courses_thumb-title {
    position: absolute;
    bottom: 40%;
    right: 0;
    max-width: 100%;
    padding: 0 15px;
    width: 270px
}

.all_courses_thumb-title h3 {
    color: #f0fffe;
    font-size: 16px;
    line-height: 18px;
    text-align: right
}

.all_courses_thumb-modes {
    width: auto;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 0;
    font-weight: 500
}

.all_courses_thumb-modes .tt-modes {
    display: block;
    font-size: 11px;
    color: #032536;
    padding: 0 5px;
    text-transform: uppercase
}

.all_courses_thumb-modes .tt-type {
    display: block;
    font-size: 11px;
    color: #fff;
    padding: 0 5px;
    background: #3999ef;
    text-transform: uppercase
}

.bt-online-all_coursesboxinner {
    position: relative;
    padding: 15px
}

.bt-online-all_coursesdetails_title {
    margin: 0 0 0;
    height: 60px
}

.bt-online-all_coursesdetails_title h4 {
 
    font-size: 16px;
    line-height: 22px;
    color: #4f4f4f;
    padding: 5px 0
}

.bt-online-all_courses_ratings {
    margin: 10px 0;
    display: inline-block
}

.bt-online-all_courses_ratings .filled {
    background: #8ab7e6;
    color: #fff;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600
}

.bt-online-all_courses_ratings .onlinetype_ratingtitles {
    font-size: 13px;
    font-weight: 500;
    padding-left: 3px;
  
    color: #828282
}

.bt-online-all_coursesextra {
    margin: 10px 0;
    display: inline-block;
    width: 100%
}

.bt-online-all_coursesextra span {
    font-size: 14px;
    color: #828282;
  
}

.bt-online-all_coursesextra span i {
    padding-right: 5px;
    font-size: 12px
}

span.tt-skill {
    width: 49%;
    display: inline-block;
    text-align: left
}

span.tt-learn {
    width: 49%;
    display: inline-block;
    text-align: right
}

.bt-online-all_coursesbox {
    position: relative;
    transition: all .5s ease-out;
    height: 100%
}

.bt-all_coursesbox_hover {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: -1px -1px 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    width: auto;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    padding: 20px;
    box-shadow: 0 2px 24px 1px #ddd;
    border-radius: 8px
}

.bt-online-all_courseslist>li:hover .bt-all_coursesbox_hover {
    visibility: visible;
    opacity: 1;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    cursor: pointer;
    transform: scale(1.02)
}

.bt-all_coursesbox_hover-title {
    height: 60px
}

.bt-all_coursesbox_hover-title h4 {
    padding-top: 0;
    font-size: 16px;
    line-height: 20px;
    color: #4f4f4f
}

.bt-all_coursesbox_hover-features {
    height: 80px
}

.bt-all_coursesbox_hover-features h6 {
    padding: 0;
    font-size: 13px;
    color: #828282;
    line-height: 20px
}

.bt-all_courses-feat {
    padding: 0;
    align-items: center;
    margin: 5px 0;
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    text-align: center
}

.bt-all_courses-feat li {
    display: inline-block;
    width: 33.33%;
    border-right: solid 1px #dcdcdc;
    justify-content: center;
    vertical-align: top;
    padding: 0 5px;
    float: left
}

.bt-all_courses-feat li:last-child {
    border-right: none
}

.bt-all_courses-feat span.bt-feat-title {
    font-size: 12px;
    display: block;
    padding: 0 0 5px 0;
    line-height: 18px;
    color: #707077
}

.bt-all_courses-feat span.bt-feat-details {
    font-size: 13px;
    font-weight: 500;
    color: #707077;
}

.bt-all_coursesbox_hover-desc {
    font-size: 13px;
    padding: 10px 0;
    line-height: 20px;
    height: 80px;
    overflow: hidden;
    color: #828282
}

.bt-all_coursesbox_hover-desc span.thiru_descs {
    font-size: 13px;
    font-weight: 500;
    color: #3b3b3e
}

.bt-all_courseshover_enter {
    display: table;
    margin: 5px auto
}

.bt-all_courseshover_enter .all_enrbtn {
    font-size: 13px;
    border: 1px solid #cec8c8;
    padding: 12px 15px;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #828282
}

.bt-all_courseshover_enter .all_enrbtn i {
    padding: 0 8px
}

.bt-online-all_courses {
    clear: both;
    width: 100%;
    display: table
}

.bt-advan {
    background: #9dc5ec;
    margin: 50px 0
}

.bt-advan-all {
    background: #fff;
    border-radius: 15px;
    margin: 0 auto;
    width: 90%;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s
}

.bt-advan-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 20px
}

.bt-advan-title>h2 {
    color: #4f4f4f;
    font-size: 20px
}

a.bt-advan-title-btn {
    border-radius: 4px;
    background-color: #0052cc;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    outline: 0;
    border: none;
    display: inline-block;
    text-align: center;
    box-shadow: 1px 3px 5px -2px #333;
    padding: 13px 25px;
    -webkit-box-shadow: 1px 3px 5px -2px #333;
    margin: 0 20px
}

.advan-details {
    display: flex;
    width: 100%
}

.advan-left {
    width: 33.33%
}

.advan-middle {
    width: 33.33%
}

.advan-right {
    width: 33.33%
}

h4.advan-title {
    padding: 30px 50px
}

ul.advan-list {
    padding: 0
}

.bg-blue {
    background: #cce5f9
}

.bg-dblue {
    background: #aed4f3
}

.bg-mild-green {
    background: #f5ffea
}

.bg-dgreen {
    background: #e3fbc8
}

.bg-red {
    background: #fff6f6
}

.bg-dred {
    background: #f7dbdb
}

.advan-list li {
    border-bottom: 1px solid #e8ecef;
    padding: 15px 25px 15px 50px;
    line-height: 22px;
    font-size: 15px;
    color: #4f4f4f;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center
}

.advan-list.bg-mild-green li::before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 18px;
    padding-right: .5em;
    position: absolute;
    display: block;
    left: 15px;
    color: #a6da6b;
    top: 20px
}

.advan-list.bg-red li::before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 18px;
    padding-right: .5em;
    position: absolute;
    display: block;
    left: 15px;
    color: #ef8585;
    top: 20px
}

ul.advan-list.bg-blue li {
    border-bottom-color: #aed4f3
}

ul.advan-list.bg-mild-green li {
    border-bottom-color: #e3fbc8
}

ul.advan-list.bg-red li {
    border-bottom-color: #f7dbdb
}

.bt-allcourse-faq {
    width: 80%
}

.bt-allcourse-faq-details .collapsed::before {
    content: "\f078";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

.bt-allcourse-faq-details .collapse.show::before,
.bt-allcourse-faq-details .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.bt-allcourse-faq-details .collapse.show::before {
    border-radius: 50%;
    content: "\f078";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.2rem 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.bt-allcourse-faq-details {
    margin: 20px 0
}

.bt-allcourse-faq-details .card {
    margin-bottom: 15px;
    border: 1px solid rgba(46, 91, 255, .08)!important;
    border-radius: 0
}

.bt-allcourse-faq-details .card .card-header {
    padding: 0;
    background: #fff;
    border-bottom: none
}

.bt-allcourse-faq-details .card .card-header .btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px 40px 20px 20px;
    line-height: 23px;
    font-size: 17px;
    color: #353942;
    font-weight: 500
}

.bt-allcourse-faq-details .card .card-header .btn:focus {
    box-shadow: none
}

.bt-allcourse-faq-details .card .card-body,
.bt-allcourse-faq-details .card .card-body p {
    color: #6e7e9d;
    text-align: left;
    font-size: 15px;
    line-height: 28px;
    font-family: Roboto, sans-serif;
    padding: 20px;
    letter-spacing: 0;
    word-spacing: 0
}

.bt-allcourse-faq-details .card .card-body p {
    padding: 0
}

.bt-allcourse-faq-details .card.active {
    border: 1px solid #b2d4f7!important;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

ul.acc-list {
    column-count: 2;
    -moz-column-count: 2;
    margin: 10px 0;
    padding-left: 30px
}

ul.acc-list1 {
    padding-left: 30px;
    margin: 10px 0
}

.acc-list li,
.acc-list1 li {
    color: #6e7e9d;
    text-align: left;
    font-size: 15px;
    line-height: 28px;
    padding: 5px 0;
    letter-spacing: 0;
    word-spacing: 0;
    position: relative
}

.acc-list li::before,
.acc-list1 li::before {
    content: "\f05b";
    font-family: FontAwesome;
    color: #6e7e9d;
    font-size: 12px;
    padding-right: .5em;
    position: absolute;
    left: -20px
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .bt_allcourse_content h1 {
        font-size: 30px;
        line-height: 35px
    }
    .bt_allcourse_content p {
        font-size: 15px;
        line-height: 24px
    }
    span.th-text {
        font-size: 14px;
        line-height: 18px
    }
    .bt_allcourse_content-btn {
        margin: 30px 0
    }
    .bt_allcourse_content-btn a {
        width: 210px;
        height: 55px;
        font-size: 16px;
        line-height: 55px
    }
    .bt-all-con-title {
        font-size: 22px
    }
    .bt-all-con ul li {
        font-size: 15px
    }
    .online_filter_title {
        margin: 10px 20px
    }
    .online_filter_title h3 {
        width: 30%
    }
    .fil_dropdownsss {
        width: 70%
    }
    .fil_dropdownsss .dropbtn {
        padding: 10px 15px;
        font-size: 12px
    }
    .onlinetype_fildiv {
        margin: 10px 20px
    }
    .bt-online-all_courseslist>li {
        width: 31%
    }
    .bt-advan-all {
        width: 100%
    }
    .advan-list li {
        font-size: 14px
    }
    a.bt-advan-title-btn {
        font-size: 14px
    }
    .bt-advan-title>h2 {
        font-size: 18px
    }
    .bt-advan {
        margin: 30px 0
    }
    .bt-allcourse-faq-details .card .card-header .btn {
        font-size: 15px
    }
    .bt-allcourse-faq-details .card .card-body,
    .bt-allcourse-faq-details .card .card-body p {
        font-size: 14px;
        line-height: 25px
    }
    .acc-list li,
    .acc-list1 li {
        font-size: 14px;
        line-height: 25px
    }
}

@media screen and (max-width:991px) {
    .bt_allcourse-banner {
        padding: 1rem 0
    }
    .bt_allcourse_content h1 {
        font-size: 20px;
        line-height: 28px
    }
    .bt_allcourse_content p {
        font-size: 14px;
        line-height: 25px
    }
    .bt_allcourse_content-list ul li {
        width: 100%
    }
    .bt_allcourse_content-list .th-icons {
        width: 35px;
        height: 35px;
        font-size: 20px;
        line-height: 35px
    }
    span.th-text {
        font-size: 14px
    }
    .bt_allcourse_content-btn {
        margin: 20px 0
    }
    .bt_allcourse_content-btn a {
        width: 220px;
        height: 50px;
        font-size: 16px;
        line-height: 50px
    }
    .bt-all-con-thumb {
        display: none
    }
    .bt-all-con-title {
        font-size: 22px
    }
    .bt-all-con ul {
        margin: 10px 0
    }
    .bt-all-con ul li {
        font-size: 14px;
        line-height: 23px
    }
    .bt-all-con ul li::before {
        font-size: 18px
    }
    .online_filter_title {
        display: block;
        margin: 10px 15px
    }
    .online_filter_title h3 {
        width: 100%;
        font-size: 18px
    }
    .fil_dropdownsss {
        width: 100%;
        text-align: left
    }
    .filterby {
        font-size: 14px;
        padding: 0 5px;
        display: block
    }
    .fil_dropdownsss .dropbtn {
        padding: 7px 8px;
        font-size: 12px;
        margin: 10px 0
    }
    .onlinetype_fildiv {
        margin: 10px 15px
    }
    .bt-online-all_courseslist>li {
        width: 100%;
        margin: 10px 0;
        height: auto
    }
    .all_courses_thumb-title h3 {
        font-size: 15px
    }
    .bt-online-all_coursesboxinner {
        padding: 10px
    }
    .bt-online-all_coursesdetails_title {
        height: auto
    }
    .bt-online-all_coursesdetails_title h4 {
        font-size: 15px
    }
    .bt-all_coursesbox_hover-title {
        height: auto
    }
    .bt-advan-all {
        width: 100%
    }
    .bt-advan-title {
        display: block;
        padding: 15px;
        text-align: center
    }
    a.bt-advan-title-btn {
        font-size: 12px;
        padding: 10px 25px;
        margin: 10px 0
    }
    h4.advan-title {
        padding: 10px 10px;
        height: 60px;
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
    }
    .advan-list li {
        padding: 5px 5px 5px 5px;
        line-height: 15px;
        font-size: 11px;
        height: 100px
    }
    .advan-list.bg-mild-green li::before {
        font-size: 12px;
        left: 5px;
        top: 5px
    }
    .advan-list.bg-red li::before {
        font-size: 12px;
        left: 5px;
        top: 5px
    }
    .bt-allcourse-faq {
        width: 100%
    }
    .bt-allcourse-faq-details .card .card-header .btn {
        font-size: 14px;
        padding: 10px 40px 10px 15px
    }
    .bt-allcourse-faq-details .card .card-body,
    .bt-allcourse-faq-details .card .card-body p {
        font-size: 13px;
        line-height: 22px;
        padding: 15px
    }
    ul.acc-list {
        column-count: 1;
        -moz-column-count: 1;
        padding-left: 20px
    }
    .acc-list li,
    .acc-list1 li {
        font-size: 13px;
        line-height: 23px
    }
    .fil_dropdownsss .jb_role {
        right: 0
    }
    .fil_dropdownsss .tcc {
        right: 0
    }
    .fil_dropdownsss .tm {
        right: 0
    }
}

.bt_hirebanner {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/05/hire-us-bg.png);
    height: 580px;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.bt_hire_content {
    padding: 4rem 0
}

.bt_hire_content h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #fff
}

.bt_hire_content p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    word-spacing: 0;
    font-weight: 400;
}

.bt_hire_btn {
    padding: 20px 0;
    display: flex;
    align-items: center
}

.bt_hire_btn a {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 15px;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    min-width: 165px;
    text-align: center
}

.bt_hire_btn a:hover {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bt_hire_btnone {
    background: #ff8a00;
    border-radius: 3px;
    color: #fff;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.bt_hire_btnone:hover {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

.bt_hire_btntwo {
    color: #fddf0c;
    text-decoration: underline;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bt_hire_btntwo:hover {
    color: #d2a914;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bt_hire_divthumb {
    text-align: center
}

.bt_hire_divthumb img {
    box-shadow: rgb(0 0 0 / 15%) 0 5px 15px 0;
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 5px
}

.bt_hiretitles {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    width: 50%;
    margin: 0 auto 30px;
    line-height: 40px;
    color: #556067
}

.bt_hire_div {
    width: 90%;
    margin: 0 auto
}

.bt_hire_div>.bt_hire_div_list {
    padding: 0
}

.bt_hire_div>.bt_hire_div_list>li {
    color: #767676;
    font-size: 16px;
    letter-spacing: 0;
    word-spacing: 0;
    padding: 10px 0;
    line-height: 26px;
    position: relative;
    display: flex
}

.bt_hire_div>.bt_hire_div_list li::before {
    content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #767676;
    font-size: 14px;
    padding-right: .5em
}

.bt_hiresubtitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
}

.bt_hirepara {
    color: #767676;
    font-size: 16px;
    letter-spacing: 0;
    word-spacing: 0;
    padding: 5px 0
}

.bt_hirebox {
    background-color: #fff;
    padding: 30px 20px 10px 20px;
    max-width: 350px;
    margin: 0 10px 30px;
    border-radius: 15px;
    position: relative;
    perspective: 1000px;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    transition: transform .6s;
    min-height: 100%
}

.hirebox_head {
    margin-bottom: 10px;
    text-align: center
}

.hirebox_head i {
    font-size: 36px;
    color: #333;
    line-height: 40px;
    font-weight: 600
}

.hirebox_head h4 {
    padding: 5px 0;
    font-size: 20px;
    line-height: 28px;
}

.hirebbox_body>.accordion .card {
    border-radius: 0;
    background: #fff;
    border-left: none;
    border-right: none;
    border-color: #ebebeb
}

.hirebbox_body>.accordion .card:first-child {
    border-top: none
}

.hirebbox_body>.accordion>.card>.card-header {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 0
}

.hirebbox_body>.accordion>.card>.card-header>.btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 13px 30px 13px 5px;
    font-size: 14px;
    border-radius: 0;
    font-weight: 500
}

.hirebbox_body>.accordion>.card .card-body {
    background: #f3f7fa;
    padding: 10px
}

.bt_hirelist {
    padding: 0;
    height: 200px;
    overflow-y: scroll
}

.bt_hirelist>li {
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center
}

.bt_hirelist>li::before {
    content: "\f068";
    font-family: FontAwesome;
    display: inline-block;
    color: #7b7674;
    font-size: 8px;
    padding-right: 8px
}

.bt_hirelist>li:last-child {
    border-bottom: none
}

.hirebbox_body .collapsed::before {
    content: "\f078";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

.hirebbox_body .collapse.show::before,
.hirebbox_body .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 10px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.hirebbox_body .collapse.show::before {
    border-radius: 50%;
    content: "\f078";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.2rem 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.bt_hireguidance {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/05/bg_img.jpg);
    padding: 5rem 0;
    margin: 3rem 0 0 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative
}

.bt_hireguidance::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    height: 100%
}

.hire_guidancetitle {
    text-align: center
}

.hire_guidancetitle span {
    font-size: 18px;
    display: inline-block;
    line-height: 25px;
    font-weight: 600;
    color: #fff705;
}

.hire_guidancetitle .bt_hireguidancetitles {
    font-size: 24px;
    font-weight: 600;
    color: #fcfeff;
    padding: 5px 0;
}

.hire_guidancetitle>p {
    text-align: center;
    font-size: 16px;
    padding-top: 0;
    font-weight: 400;
    color: #fcfeff;
}

.hire_guidancetitle .guidebtn-style {
    padding: 13px 33px;
    background-color: #196ae5;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: table;
    margin: 15px auto;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    line-height: 25px;
    border-radius: 3px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.hire_guidancetitle .guidebtn-style:hover {
    background-color: #196ae5;
    color: #fff;
    box-shadow: rgba(0, 0, 0, .07) 0 1px 2px, rgba(0, 0, 0, .07) 0 2px 4px, rgba(0, 0, 0, .07) 0 4px 8px, rgba(0, 0, 0, .07) 0 8px 16px, rgba(0, 0, 0, .07) 0 16px 32px, rgba(0, 0, 0, .07) 0 32px 64px;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s
}

#hiring_partner .owl-item {
    transform: scale(.9);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#hiring_partner .active.center {
    transform: scale(1.3);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: rgba(0, 0, 0, .15) 0 5px 15px 0
}

#hiring_partner .active {
    transform: scale(.8);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bt_hirewidgets {
    background: #fff;
    padding: 3rem 0 1rem
}

.partner_thumb {
    border: 1px solid #bbb0b0;
    padding: 10px;
    border-radius: 5px
}

.bt_hiresuccessstory {
    margin: 2rem 0 0
}

.bt_hiresuccess {
    background: #fff;
    padding: 3rem 0 1rem
}

.hiresuccess_slider {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 890px
}

.hireauthor {
    box-shadow: rgba(17, 17, 26, .05) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px;
    background: #fff;
    padding: 35px 50px 35px
}

.hireauthor-img {
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 2px 7px 0 #0c002e1a;
    box-shadow: 0 2px 7px 0 #0c002e1a;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b0cddc
}

.hireauthor-img p {
    padding: 0;
    font-weight: 600;
    font-size: 36px
}

.hiresuccess_slider .owl-item {
    padding: 40px 30px 55px
}

.hireauthor-description h3 {
    font-weight: 600;
    font-size: 18px;
    color: #757070;
    padding-bottom: 0;
    text-align: center
}

.bthire_rating {
    text-align: center
}

.hireauthor-description p {
    text-align: center;
    font-size: 13px;
    line-height: 25px;
    color: #585e61;
    font-weight: 500
}

.hireauthor_decheight>.showmore_trigger {
    height: auto;
    line-height: inherit;
    float: none
}

.hireauthor_decheight>.showmore_trigger>span {
    text-align: right;
    float: right;
    border: none;
    font-size: 12px;
    font-weight: 400;
    color: #a2a9ad;
}

.bthire_rating>span {
    font-size: 12px;
    color: #fecf2f
}

#bt_hiresuccess .owl-nav {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#bt_hiresuccess .owl-next,
#bt_hiresuccess .owl-prev {
    position: absolute;
    top: 40%;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#bt_hiresuccess .owl-prev {
    left: -5%
}

#bt_hiresuccess .owl-next {
    right: -5%
}

#bt_hiresuccess .owl-nav span {
    font-size: 20px;
    background: #fff;
    width: 50px;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #a29494;
    box-shadow: rgba(17, 17, 26, .05) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: 600
}

.bt_hirecontact {
    padding: 3rem 0 1rem;
    background: #e1ebf1
}

.bt_hirecontact-left h3 {
    font-size: 30px;
    font-weight: 500;
}

.bt_hirecontact-left p {
    line-height: 21px;
    letter-spacing: 0;
    word-spacing: 0;
    color: #718792
}

.bt_hiredetail {
    padding: 10px 0
}

.bt_hiredetail>span {
    font-size: 14px
}

.bt_hiredetail>.bt_hireicon {
    font-weight: 600;
    color: #598296;
    padding-right: 5px
}

.bt_hiredetail>.bt_hirelink>a {
    font-weight: 500;
    color: #6f8996;
    text-decoration: underline
}

.bt_hirecontact-right {
    margin: 20px 0 0
}

.bt_hirecontact-right .bt_hireform {
    margin-bottom: 1rem
}

.bt_hirecontact-right .bt_hireform .form-group label {
    display: block;
    font-size: 12px;
    color: #6c7f92;
    padding-bottom: 5px;
    line-height: 18px;
    font-weight: 600
}

.bt_hirecontact-right .bt_hireform .form-group input {
 
    height: 35px;
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #847f7f;
    line-height: 25px;
    display: block;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    background: #fdfdfd;
    border-bottom: 1px solid #62d1e8;
    box-shadow: rgba(33, 35, 38, .1) 0 10px 10px -10px;
    -webkit-box-shadow: rgba(33, 35, 38, .1) 0 10px 10px -10px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.bt_hirecontact-right .bt_hireform .form-group input:focus-visible,
.bt_hirecontact-right .bt_hireform .form-group textarea:focus-visible {
    outline: 0
}

.bt_hirecontact-right .bt_hireform .form-group input:focus,
.bt_hirecontact-right .bt_hireform .form-group textarea:focus {
    outline: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.bt_hirecontact-right .bt_hireform .bt_hire_submit {
    background: #6c63ff;
    border: none;
    padding: 15px 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease;
    border-radius: 3px;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px
}

.bt_hirecontact-right .bt_hireform .bt_hire_submit:hover {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease;
    box-shadow: rgba(50, 50, 93, .25) 0 30px 60px -12px, rgba(0, 0, 0, .3) 0 18px 36px -18px
}

.bt_hirecontact-right .bt_hireform .form-group select {
    width: 100%;
    height: 35px;
    background: #f8fdff;
    border-top: none;
    border-left: none;
    border-radius: 0;
    border-right: none;
    background: #fdfdfd;
    border-bottom: 1px solid #62d1e8;
    box-shadow: rgba(33, 35, 38, .1) 0 10px 10px -10px;
    -webkit-box-shadow: rgba(33, 35, 38, .1) 0 10px 10px -10px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #847f7f;
    line-height: 25px;
    display: block;
}

.bt_hirecontact-right .bt_hireform .form-group textarea {
    width: 100%;
    height: 100px;
    background: #f8fdff;
    border-top: none;
    border-left: none;
    border-radius: 0;
    border-right: none;
    background: #fdfdfd;
    border-bottom: 1px solid #62d1e8;
    box-shadow: rgba(33, 35, 38, .1) 0 10px 10px -10px;
    -webkit-box-shadow: rgba(33, 35, 38, .1) 0 10px 10px -10px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #847f7f;
    line-height: 25px;
    display: block;
  
}

@media (max-width:767px) {
    .bt_hirebanner {
        height: auto;
        background-size: cover
    }
    .bt_hire_content {
        padding: 0 0
    }
    .bt_hire_content h1 {
        font-size: 26px;
        line-height: 30px
    }
    .bt_hire_content p {
        font-size: 14px
    }
    .bt_hire_btn {
        padding: 10px 0
    }
    .bt_hire_btn a {
        margin-right: 10px;
        font-size: 14px;
        padding: 12px 22px
    }
    .bt_hiretitles {
        font-size: 20px;
        width: 90%;
        margin: 0 auto 20px;
        line-height: 30px
    }
    .bt_hire_divthumb {
        display: none
    }
    .bt_hiresubtitle {
        font-size: 18px;
        line-height: 25px
    }
    .bt_hirepara {
        font-size: 14px
    }
    .bt_hirewidgets {
        padding: 1rem 0
    }
    .partner_thumb img {
        width: auto!important
    }
    .bt_hirebox {
        padding: 15px 15px 10px 15px;
        min-height: auto
    }
    .hirebox_head i {
        font-size: 30px
    }
    .hirebox_head h4 {
        font-size: 18px;
        line-height: 22px
    }
    .bt_hireguidance {
        padding: 2rem 0;
        margin: 0
    }
    .hire_guidancetitle .bt_hireguidancetitles {
        font-size: 22px
    }
    .hire_guidancetitle>p {
        font-size: 14px
    }
    .hire_guidancetitle .guidebtn-style {
        padding: 10px 30px;
        font-size: 13px;
        margin: 10px auto
    }
    .bt_hiresuccessstory {
        margin: 1rem 0
    }
    .hiresuccess_slider {
        padding: 0 0;
        max-width: 100%
    }
    .hireauthor {
        padding: 10px 10px 30px
    }
    .hiresuccess_slider .owl-item {
        padding: 0 10px 5px
    }
    .hireauthor-img {
        position: relative
    }
    .bt_hirecontact {
        padding: 1rem 0
    }
    .bt_hirecontact-left h3 {
        font-size: 24px
    }
}

#paymentBtns,
#paymentBtns1 {
    text-align: center;
    padding: 5px;
    display: none
}

.paybtn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.paybtn a {
    margin: 0 8px;
    font-size: 12px;
    padding: 8px 15px;
    display: block;
}

.bt_tawk {
    position: fixed;
    right: 5px;
    z-index: 9;
    background: #7955be;
    bottom: 0;
    color: #fff;
    padding: 10px 18px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: rgba(17, 17, 26, .1) 0 0 16px
}

.bt_tawk>a>span {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    line-height: 20px;
    padding: 0 3px
}

.thir_contactbanner {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/05/Contact_us_banner.jpg);
    height: 280px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative
}

.thir_contactbanner::before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(33, 212, 253, .7);
    background-image: linear-gradient(90deg, rgba(33, 212, 253, .7) 0, rgba(183, 33, 255, .7) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bt_con_banner {
    margin: 20px auto;
    text-align: center;
    width: 40%
}

.bt_con_banner h1 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    line-height: 35px
}

.bt_con_banner p {
    color: #fff;
    text-align: center;
    line-height: 25px;
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 16px
}

.bt_contact_widgets {
    padding: 0;
    margin-top: -5rem;
    margin-bottom: 5rem
}

.bt_contact_widgetsbox {
    background: #fcfeff;
    padding: 20px;
    height: 230px;
    box-shadow: rgba(17, 17, 26, .1) 0 1px 0, rgba(17, 17, 26, .1) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 48px;
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: center;
    margin: 10px auto;
    width: 90%
}

.bt_con_wid_icons i {
    font-size: 32px;
    color: #7d7474
}

.bt_con_wid_title h2 {
    font-size: 14px;
    font-weight: 600;
    color: #7d7474;
    padding-bottom: 0
}

.bt_con_wid_details p {
    text-align: center;
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 12px;
    line-height: 20px;
    color: #867e7e;
    width: 80%;
    margin: 0 auto
}

.bt_con_wid_btn a {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 20px;
    line-height: 20px;
    margin: 10px 0;
    min-width: 140px;
    text-align: center
}

.bt_con_wid_btn>.cntctsales_btn {
    background-image: linear-gradient(to right, #56ccf2 0, #2f80ed 51%, #56ccf2 100%);
    color: #fff;
    box-shadow: rgba(17, 17, 26, .05) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px;
    border-radius: 3px;
    transition: .5s;
    background-size: 200% auto
}

.bt_con_wid_btn>.cntctsales_btn:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
    transition: .5s
}

.bt_con_wid_btn>.cntctsprt_btn {
    background-image: linear-gradient(to right, #36d1dc 0, #5b86e5 51%, #36d1dc 100%);
    color: #fff;
    box-shadow: rgba(17, 17, 26, .05) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px;
    border-radius: 3px;
    transition: .5s;
    background-size: 200% auto
}

.bt_con_wid_btn>.cntctsprt_btn:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
    transition: .5s
}

.bt_contactform_widgets {
    padding: 0
}

.bt_contact_common {
    display: flex;
    height: 100%;
    width: 100%
}

.bt_contact_left {
    width: 33.33%;
    float: left
}

.bt_contact_middle {
    width: 33.33%;
    float: left
}

.bt_conact_right {
    width: 33.33%;
    float: left;
    background: #dedaf5
}

.bt_contact_left_div,
.bt_contact_middle_div,
.bt_contact_right_div {
    height: 100%
}

.bt_contact_middle_div,
.bt_contact_right_div {
    padding: 35px
}

.bt_contact_middle_div {
    background: #fff
}

.bt_contact_address,
.bt_contact_form,
.bt_contact_map {
    height: 100%
}

.bt_contact_map {
    position: relative
}

.bt_contact_map>.embed-container {
    position: relative;
    padding-bottom: 0;
    height: 100%;
    overflow: hidden;
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bt_contact_map>.embed-container embed,
.bt_contact_map>.embed-container iframe,
.bt_contact_map>.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bt_contact_address h3,
.bt_contact_form h3 {
    font-size: 24px;
    line-height: 25px;
    font-weight: 600;
    padding: 0
}

.bt_contact_address ul {
    padding: 0;
    margin: 10px 0
}

.bt_contact_address ul li {
    padding: 8px 0;
    display: flex;
    width: 100%
}

.bt_contact_address ul li .cont_icons {
    font-size: 20px;
    padding-right: 10px;
    color: #21c4c1;
    min-width: 50px;
    text-align: center;
    line-height: 28px;
    display: inline-block
}

.bt_contact_address ul li .cont_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #584f4f
}

.bt_contact_address ul li .cont_title a {
    color: #0cd0cc;
    font-weight: 600;
    font-size: 14px
}

.bt_contact_form {
    width: 100%
}

.bt_contact_form_div {
    margin: 10px 0 0
}

.bt_contact_formgroup>.form-group {
    margin-bottom: 1rem
}

.bt_contact_formgroup>.form-group>label {
    display: block;
    padding-bottom: 5px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #757980
}

.bt_contact_formgroup>.form-group>input {
    height: 40px
}

.bt_contact_formgroup>.form-group>input,
.bt_contact_formgroup>.form-group>textarea {
    padding: 5px 10px;
    line-height: 20px;
    font-size: 12px;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8775f4;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
}

.bt_contact_formgroup>.form-group>textarea {
    height: 80px
}

.bt_contact_formgroup>.form-group>input:focus,
.bt_contact_formgroup>.form-group>textarea:focus {
    border-bottom: 1px solid #2cb1b1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: rgba(17, 17, 26, .1) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px
}

.bt_contact_formgroup>.form-group>input:focus-visible,
.bt_contact_formgroup>.form-group>textarea:focus-visible {
    outline: inherit
}

.bt_contact_formgroup>.bt_con_submit {
    background: #8674f3;
    color: #fff;
    box-shadow: rgba(17, 17, 26, .05) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px;
    border-radius: 3px;
    transition: .5s;
    background-size: 200% auto;
    display: block;
    padding: 13px 30px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize
}

.bt_con_dropdownwidgets {
    padding: 0;
    margin-bottom: 5rem
}

.branch_all {
    background: #fff;
    padding: 20px;
    box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 1px 3px 1px
}

.select_branch {
    text-align: right
}

.select_branch span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0
}

.select_branch>#branchid {
    font-size: 13px;
    padding: 5px 10px;
    line-height: 20px;
    background-color: #0093e9;
    background-image: linear-gradient(90deg, #0093e9 0, #80d0c7 100%);
    color: #fff;
    border: none
}

.bt_con_list {
    padding: 0;
    display: table;
    margin: 2rem auto
}

.bt_con_list>li {
    float: left;
    width: 23%;
    margin: 1%
}

.branch_widgets {
    background-color: transparent;
    width: 250px;
    height: 300px;
    perspective: 1000px
}

.branch_widgets:hover .branch_widgets-inner {
    transform: rotateY(180deg);
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.branch_widgets-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .6s;
    transform-style: preserve-3d;
    box-shadow: rgba(0, 0, 0, .05) 0 0 0 1px
}

.address_box-front {
    background-color: #f8f7fd;
    padding: 20px
}

.address_box-back,
.address_box-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.address_box_details>h5 {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #656a6d;
    line-height: 22px
}

.address_box_details>p {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    letter-spacing: 0;
    word-spacing: 0;
    color: #696977;
    min-height: 120px
}

.address_box-back {
    background: #00c6ff;
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
    background: linear-gradient(to right, #0072ff, #00c6ff);
    color: #fff;
    transform: rotateY(180deg)
}

.get_dirction {
    padding: 10px 0;
    margin: 0 auto;
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center
}

.get_dirction>p {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background: #00c6ff;
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
    background: linear-gradient(to right, #0072ff, #00c6ff);
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    display: block;
    text-align: center;
    width: 100px;
    border-radius: 2px;
    padding: 5px 7px;
    line-height: 20px
}

.get_dirction-map-height {
    height: 40%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.address_box-back-map {
    position: relative;
    padding-bottom: 0;
    height: 60%;
    overflow: hidden;
    max-width: 100%
}

.address_box-back-map embed,
.address_box-back-map iframe,
.address_box-back-map object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bt_contland {
    padding: 0 10px 0 10px
}

.bt_contland>span {
    display: block;
    padding: 5px 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.bt_contland>p {
    padding: 0;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 17px;
    font-weight: 600;
    color: #fff
}

.get_dirction-back {
    text-align: center;
    margin: 3px auto
}

.get_dirction-back>a {
    font-size: 12px;
    color: #07f;
    background: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    border: 2px solid #07f
}

.bt_con_hire {
    padding: 0;
    margin: 5rem 0 7rem 0
}

.contact_commondiv {
    background: #4aa0f3;
    box-shadow: 0 15px 45px rgb(123 104 238 / 60%);
    border-radius: 4px;
    overflow: initial;
    padding: 35px 30px 35px 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.contact_commondiv:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../images/contatc-bg-dotted.svg) no-repeat top left/contain;
    right: 35px;
    width: 800px;
    height: 100%;
    top: 0;
    z-index: 0;
    right: 0;
    background-size: cover
}

.contact_commondiv-left {
    width: 32%;
    z-index: 1
}

.contact_commondiv-right {
    margin: 0;
    width: 63%;
    z-index: 1
}

.contact_commondiv-left>h3 {
    text-align: left;
    font-size: 34px;
    color: #fff;
    margin: 10px 0 15px;
    position: relative;
    font-weight: 600
}

.contact_commondiv-left>h3:after {
    content: '';
    display: block;
    position: absolute;
    width: 120px;
    height: 7px;
    border-radius: 5px;
    position: static;
    margin-top: 25px;
    background: #ffc800
}

.contact_commondiv-left>p {
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 25px;
    font-weight: 500
}

.contact-demo>ul {
    padding: 0
}

.contact-demo>ul>li {
    float: left;
    width: 30%;
    margin: 1%
}

.contact-demo-schedule {
    background: #fff;
    box-shadow: 0 10px 30px rgb(16 30 54 / 15%);
    border-radius: 4px;
    padding: 0 15px 15px;
    margin: 0
}

.contact-demo-icons {
    margin: 0 auto;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-demo-icons>img {
    max-width: 100%;
    border-radius: 10px;
    margin: auto;
    width: 173px;
    height: 130px
}

.contact-demo_btn>a {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    transition: .2s;
    -webkit-transition: .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.blue_clr {
    background: #7b68ee;
    transition: .2s;
    -webkit-transition: .2s
}

.blue_clr:hover {
    transition: .2s;
    -webkit-transition: .2s;
    background: #533ae9
}

.pink_clr {
    background: #fd71af;
    transition: .2s;
    -webkit-transition: .2s
}

.pink_clr:hover {
    background: #fc3f93;
    transition: .2s;
    -webkit-transition: .2s
}

.yellow_clr {
    background: #ffc800;
    transition: .2s;
    -webkit-transition: .2s
}

.yellow_clr:hover {
    background: #ffb100;
    transition: .2s;
    -webkit-transition: .2s
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .bt_con_banner h1 {
        font-size: 30px;
        line-height: 30px
    }
    .bt_con_banner p {
        font-size: 14px
    }
    .bt_con_banner {
        margin: 10px auto
    }
    .thir_contactbanner {
        height: 250px
    }
    .bt_contact_widgetsbox {
        width: 100%
    }
    .bt_con_list {
        margin: 1rem auto
    }
    .branch_widgets {
        width: 220px
    }
    .address_box-front {
        padding: 10px
    }
    .address_box_details>h5 {
        font-size: 15px
    }
    .address_box_details>p {
        font-size: 13px
    }
    .contact_commondiv-left {
        width: 35%
    }
    .contact_commondiv::before {
        width: 680px
    }
    .contact_commondiv-left>h3 {
        font-size: 32px
    }
    .contact_commondiv-left>p {
        font-size: 13px
    }
    .contact-demo_btn>a {
        height: 40px
    }
    .bt_contact_address ul li .cont_title {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .bt_con_banner {
        margin: 5px auto;
        width: 100%
    }
    .bt_con_banner h1 {
        font-size: 24px;
        line-height: 25px
    }
    .bt_con_banner p {
        line-height: 20px;
        font-size: 14px
    }
    .thir_contactbanner {
        height: 210px
    }
    .bt_contact_widgetsbox {
        padding: 10px;
        height: auto;
        width: 100%
    }
    .bt_con_wid_icons i {
        font-size: 28px
    }
    .bt_con_wid_details p {
        width: 100%
    }
    .bt_con_wid_btn a {
        padding: 8px 10px;
        min-width: 120px
    }
    .bt_contact_widgets {
        margin-bottom: 3rem
    }
    .select_branch {
        text-align: left;
        display: flex;
        align-items: center
    }
    .branch_all {
        padding: 10px
    }
    .select_branch span {
        font-size: 12px;
        width: 50%
    }
    .select_branch>#branchid {
        font-size: 12px
    }
    .bt_con_list {
        margin: 0 auto
    }
    .bt_con_list>li {
        float: none;
        width: 100%;
        margin: 10% 0
    }
    .branch_widgets {
        width: 280px;
        height: 280px
    }
    .address_box-front {
        padding: 10px
    }
    .address_box_details>p {
        font-size: 13px
    }
    .bt_con_hire {
        margin: 2rem 0 3rem 0
    }
    .contact_commondiv::before {
        display: none
    }
    .contact_commondiv {
        padding: 20px 20px 25px 20px;
        display: table
    }
    .contact_commondiv-left {
        width: 100%
    }
    .contact_commondiv-left>h3 {
        font-size: 28px;
        margin: 5px 0 10px
    }
    .contact_commondiv-left>p {
        font-size: 13px;
        line-height: 20px
    }
    .contact_commondiv-right {
        width: 100%
    }
    .contact-demo>ul>li {
        float: none;
        width: 100%;
        margin: 5% 0
    }
    .bt_contact_common {
        display: table;
        height: auto;
        width: 100%
    }
    .bt_contact_left {
        width: 100%;
        float: none
    }
    .bt_contact_middle {
        width: 100%;
        float: none
    }
    .bt_conact_right {
        width: 100%;
        float: none
    }
    .bt_contact_map>.embed-container {
        padding-bottom: 70%;
        height: 0
    }
    .bt_contact_middle_div,
    .bt_contact_right_div {
        padding: 15px
    }
    .bt_contact_address h3,
    .bt_contact_form h3 {
        font-size: 20px
    }
    .bt_contact_address ul li {
        padding: 8px 0
    }
    .bt_contact_address ul li .cont_icons {
        font-size: 18px
    }
    .bt_contact_address ul li .cont_title {
        font-size: 14px;
        line-height: 22px
    }
}

.bt_review_banner {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/06/banner.png);
    height: 500px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    display: flex;
    align-items: center;
    width: 100%
}

.bt_review_banner_content {
    width: 60%;
    margin: 0 auto
}

.bt_review_banner_content>h2 {
    text-align: center;
    color: #fff;
    font-size: 46px;
    line-height: 55px;
    font-weight: 700
}

.bt_review_banner_content>p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 28px
}

.bt_review_banner_content>.bt_review_banner_btn {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    display: table;
    padding: 20px 40px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #2b8df2;
    margin: 30px auto 0;
    border-radius: 50px;
    text-transform: capitalize;
    box-shadow: rgb(0 0 0 / 25%) 0 25px 50px -12px
}

.bt_reviewbg {
    background: #f5f7fa
}

.bt_review_all {
    margin: 10px 0;
    display: flex;
    align-items: center
}

.bt_review_all i {
    background: #f4af34;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    padding: 5px;
    margin-right: 5px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.bt_review_all span {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    color: #333;
    padding: 5px;
    display: inline-block
}

.bt_reviewbox {
    background: #fff;
    padding: 15px;
    border: 1px solid #dee4ec;
    border-radius: 3px;
    margin: 15px auto;
    max-width: 350px;
    min-height: 230px;
    box-shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;
    transition: all .8s ease 0s
}

.bt_reviewbox:hover {
    transition: all .8s ease 0s;
    box-shadow: rgba(17, 17, 26, .1) 0 4px 16px, rgba(17, 17, 26, .1) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 56px
}

.bt_reviewboxtitle>h3 {
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px
}

.bt_reviewboxcontent {
    margin: 10px 0
}

.bt_reviewboxcontent>h4 {
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
    color: #000;
    text-align: center
}

.bt_reviewboxcontent>h4>span {
    color: #949899
}

.bt_reviewstar {
    padding: 5px 0;
    text-align: center
}

.bt_reviewstar>i {
    font-size: 18px;
    padding: 0 2px;
    color: #fcbc00
}

.bt_reviewboxcontent>p {
    color: #9fa1a3;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 0
}

.bb_cirle {
    width: 8px;
    height: 8px;
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    margin-right: 5px
}

.blueclr {
    border-color: #2389f2
}

.greenclr {
    border-color: #0acf99
}

.yellowclr {
    border-color: #fcbd00
}

.bt_reviewboxcontent>.bt_revi_list {
    padding: 0
}

.bt_reviewboxcontent>.bt_revi_list>li {
    display: flex;
    align-items: center;
    padding: 5px 0;
    line-height: 20px
}

.bt_reviewboxcontent>.bt_revi_list>li>.th_ratenum {
    display: inline-block;
    font-size: 16px;
    color: #9aa0a7;
    padding: 0 3px;
    font-weight: 600
}

.bt_reviewboxcontent>.bt_revi_list>li>.th_ratestar {
    font-size: 15px;
    display: inline-block;
    padding: 0 3px;
    color: #fcbc00;
    font-weight: 700
}

.bt_reviewboxcontent>.bt_revi_list>li>.bar-container {
    display: inline-block;
    background: #eee;
    min-width: 190px;
    height: 10px;
    border-radius: 50px;
    margin: 0 5px;
    position: relative;
    overflow: hidden
}

.thi_brclr1,
.thi_brclr2,
.thi_brclr3,
.thi_brclr4,
.thi_brclr5 {
    display: inline-block;
    height: 10px;
    position: absolute
}

.thi_brclr1 {
    width: 90%;
    background: #53bb51
}

.thi_brclr2 {
    width: 80%;
    background: #3a88cf
}

.thi_brclr3 {
    width: 70%;
    background: #4fc0e2
}

.thi_brclr4 {
    width: 30%;
    background: #f4ad2e
}

.thi_brclr5 {
    width: 8%;
    background: #dd5045
}

.bt_reviewboxcontent>.bt_revi_list>li>.th_ratevalue {
    font-size: 13px;
    font-weight: 600;
    padding: 0 5px;
    color: #c0c5c5
}

.bt_rebiw_gooall {
    display: flex;
    align-items: center;
    width: 100%
}

.bt_review_gooleft {
    width: 40%;
    text-align: center
}

.bt_review_gooright {
    width: 100%
}

.bt_review_gooright>h3 {
    font-size: 18px;
    color: #949899;
    text-shadow: 0 0 1px #ccc;
    font-weight: 500;
    padding-bottom: 0
}

.bt_review_gooright>p {
    color: #c4c8c8;
    text-align: left;
    line-height: 20px;
    letter-spacing: 0;
    word-spacing: 0
}

.bt_review_gooright>.bt_googlbtn {
    display: inline-block;
    padding: 12px 13px;
    background: #fff;
    color: #6a9cef;
    border: 1px solid #6a9cef;
    font-size: 11px;
    font-weight: 600;
    margin: 10px 0;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
    transition: all .8s ease 0s
}

.bt_review_gooright>.bt_googlbtn:hover {
    transition: all .8s ease 0s;
    background: #4081ef;
    color: #fff;
    box-shadow: rgba(17, 12, 46, .15) 0 48px 100px 0
}

.bt_review_entry_content {
    margin: 20px 0
}

.bt_review_entry_content .wpcr3_show_btn {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    display: table;
    padding: 20px 40px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #2b8df2;
    margin: 30px auto 80px;
    border-radius: 50px;
    text-transform: capitalize;
    box-shadow: rgb(0 0 0 / 25%) 0 25px 50px -12px
}

.bt_review_entry_content .wpcr3_show_btn::after,
.bt_review_entry_content .wpcr3_show_btn::before {
    content: "";
    position: absolute;
    background: #d8e2e4;
    height: 1px;
    width: 100%;
    z-index: 0
}

.bt_review_entry_content .wpcr3_show_btn::before {
    left: -100%;
    top: 50%
}

.bt_review_entry_content .wpcr3_show_btn::after {
    right: -100%;
    top: 50%
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 {
    width: 100%;
    margin: 0 auto
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 .wpcr3_leave_text {
    margin: 10px 0 30px;
    font-size: 20px;
    border-bottom: 1px dotted #dad4d4;
    padding-bottom: 15px;
    color: #8b9192;
    text-transform: capitalize;
    font-family: Roboto, sans-serif;
    display: block
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    display: block;
    box-shadow: rgb(17 17 26 / 10%) 0 4px 16px, rgb(17 17 26 / 5%) 0 8px 32px
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody {
    width: 100%;
    display: block
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr {
    width: 100%;
    display: block
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_rating_field,
.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_review_field_label,
.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_rating_field>td,
.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_review_field_label>td,
.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field>td {
    width: 20%
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_rating_field>td>label,
.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field>td>label {

    font-size: 13px;
    font-weight: 600;
    color: #878c94
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field>td>input {
    min-width: 350px;
    height: 32px;
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #5a5858;
    line-height: 20px;
    border: 1px solid #ccc
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_review_field_label>td>label {

    font-size: 13px;
    font-weight: 600;
    color: #878c94
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_review_field_textarea>td>textarea {

    font-size: 13px;
    font-weight: 500;
    color: #878c94;
    padding: 10px;
    min-width: 580px;
    border: 1px solid #ccc
}

.bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr>.wpcr3_check_confirm {
    display: table;
    margin: 20px 0;
    font-size: 12px;
    font-weight: 600;
    color: #5f6469;
    line-height: 20px
}

.bt_review_entry_content .wpcr3_submit_btn {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 10px 20px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #2b8df2;
    margin: 20px 0;
    border-radius: 50px;
    text-transform: capitalize;
    box-shadow: rgb(0 0 0 / 10%) 0 20px 25px -5px, rgb(0 0 0 / 4%) 0 10px 10px -5px
}

.bt_review_entry_content .wpcr3_cancel_btn {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 10px 20px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #474a4c;
    margin: 20px 0;
    border-radius: 50px;
    text-transform: capitalize;
    box-shadow: rgb(0 0 0 / 10%) 0 20px 25px -5px, rgb(0 0 0 / 4%) 0 10px 10px -5px
}

.bt_review_entry_content div.wpcr3_dotline,
div.wpcr3_review div.wpcr3_dotline {
    display: none!important;
    border-bottom: 1px dotted #ccc!important;
    margin-bottom: 10px!important;
    clear: both!important
}

.bt_review_entry_content .wpcr3_item_name {
    display: none
}

.bt_review_entry_content .wpcr3_aggregateRating {
    background: #fff;
    padding: 20px;
    margin: 10px 0 30px;
    font-size: 15px;
    box-shadow: rgb(0 0 0 / 16%) 0 1px 4px;
    border: 1px solid #f3eded;
    transition: all .8s ease 0s
}

.bt_review_entry_content .wpcr3_aggregateRating:hover {
    transition: all .8s ease 0s;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px
}

.bt_review_entry_content span.wpcr3_aggregateRating_overallText {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #81858a;
    padding: 0 0 10px
}

.bt_review_entry_content .wpcr3_aggregateRating_reviewCount {
    font-size: 13px;
    font-weight: 700
}

.bt_review_entry_content .wpcr3_review {
    background: #fff;
    padding: 15px;
    border: 1px solid #f3eded;
    margin: 20px 0;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 4px;
    transition: all .8s ease 0s
}

.bt_review_entry_content .wpcr3_review:hover {
    transition: all .8s ease 0s;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px
}

.bt_review_entry_content .wpcr3_review .wpcr3_review_datePublished {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: #84766d
}

.bt_review_entry_content .wpcr3_review .wpcr3_review_author {
    display: none!important
}

.bt_review_entry_content .wpcr3_review .wpcr3_review_title.wpcr3_caps {
    padding: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #6e7273
}

.bt_review_entry_content .wpcr3_review .wpcr3_review_customs .wpcr3_review_custom .wpcr3_review_custom_label {
    font-size: 12px;
    font-weight: 600;
    color: #646869;
    margin-right: 5px
}

.bt_review_entry_content .wpcr3_review .wpcr3_review_customs {
    margin-bottom: 0
}

.bt_review_entry_content .wpcr3_review .wpcr3_review_customs .wpcr3_review_custom .wpcr3_review_custom_value {
    font-size: 12px;
    font-weight: 600;
    color: #a7a4a4
}

.bt_review_entry_content .wpcr3_review .wpcr3_content {
    padding-bottom: 0
}

.bt_review_entry_content .wpcr3_review .wpcr3_content>p {
    font-size: 13px;
    padding: 5px 0!important;
    display: block!important;
    line-height: 25px!important;
    letter-spacing: 0;
    word-spacing: 0;
    color: #6b6969;
    font-weight: 500;
    margin: 0!important
}

.bt_review_entry_content .wpcr3_in_content .wpcr3_pagination {
    display: flex;
    margin: 5rem auto;
    align-items: center;
    justify-content: center
}

.bt_review_entry_content .wpcr3_in_content .wpcr3_pagination .wpcr3_pagination_page {
    display: none
}

.bt_review_entry_content .wpcr3_in_content .wpcr3_pagination .wpcr3_disabled {
    background: #bebbbb;
    cursor: no-drop
}

.bt_review_entry_content .wpcr3_in_content .wpcr3_pagination .wpcr3_a.wpcr3_current {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #2b8df2
}

.bt_review_entry_content .wpcr3_in_content .wpcr3_pagination .wpcr3_a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    margin: 0 6px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    transition: all .8s ease 0s
}

.bt_review_entry_content .wpcr3_in_content .wpcr3_pagination .wpcr3_a:hover {
    transition: all .8s ease 0s;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
    transform: scale(1.05);
    background: #2b8df2
}

.bt_reviewvideorow {
    margin: 2rem 0
}

.bt_reviewvideo_div {
    margin-bottom: 1rem
}

.bt_reviewvideo_div>h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    line-height: 35px
}

.bt_videoreviewbox {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: all .8s ease 0s
}

.bt_reviewmdlbdy iframe {
    width: 100%
}

.bt_reviewvideobox {
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.bt_reviewvideo_slider {
    margin: 2rem 0
}

.bt_reviewvideo_slider>.bt_review_hear_btn {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    display: table;
    padding: 20px;
    width: 220px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: rgb(255 104 97);
    margin: 30px auto 0;
    border-radius: 50px;
    text-transform: capitalize;
    box-shadow: rgb(0 0 0 / 25%) 0 25px 50px -12px;
    transition: .5s;
    text-align: center
}

.bt_reviewvideo_slider>.bt_review_hear_btn:after {
    content: '»';
    position: absolute;
    opacity: 0;
    top: 18px;
    right: -20px;
    font-size: 18px;
    transition: .5s
}

.bt_reviewvideo_slider>.bt_review_hear_btn:hover {
    padding-right: 30px;
    padding-left: 10px
}

.bt_reviewvideo_slider>.bt_review_hear_btn:hover:after {
    opacity: 1;
    right: 25px
}

#bt_videoreview .active.center {
    transform: scale(1.2);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

#bt_videoreview .owl-item {
    transform: scale(.9);
    transition: .6s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#bt_videoreview .owl-stage-outer {
    padding: 50px 0
}

#bt_videoreview .owl-next,
#bt_videoreview .owl-prev {
    position: absolute;
    top: 40%
}

#bt_videoreview .owl-prev {
    left: 0
}

#bt_videoreview .owl-next {
    right: 0
}

#bt_videoreview .owl-next span,
#bt_videoreview .owl-prev span {
    background: #f3f5f9;
    display: flex;
    width: 50px;
    height: 50px;
    line-height: 50px;
    justify-content: center;
    font-size: 26px;
    font-weight: 700;
    color: #8a8383;
    border-radius: 50%;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    transition: all .8s ease 0s
}

#bt_videoreview .owl-prev span:hover {
    transition: all .8s ease 0s;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    background: #fff;
    transform: scale(1.1)
}

#bt_videoreview .owl-next span:hover {
    transition: all .8s ease 0s;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    transform: scale(1.1)
}

.bt_videotab {
    margin: 3rem 0
}

.bt_videotab>.nav-tabs {
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: rgba(0, 0, 0, .1) 0 1px 3px 0, rgba(0, 0, 0, .06) 0 1px 2px 0
}

.bt_videotab>.nav-tabs>.nav-link {
    width: 50%;
    text-align: center;
    padding: 40px 0;
    background: #fff;
    font-size: 18px;
    color: #74777b;
    font-weight: 600;
    line-height: 25px;
    position: relative;
    border-radius: 0;
}

.bt_videotab>.nav-tabs>.nav-link:focus,
.bt_videotab>.nav-tabs>.nav-link:hover {
    border-color: transparent;
    color: #74777b
}

.bt_videotab .nav-tabs .nav-item.show .nav-link,
.bt_videotab .nav-tabs .nav-link.active {
    box-shadow: -1px 0 0 #fff;
    color: #fff;
    background: #5271ff;
    border: none;
    font-weight: 700
}

.bt_videotab .nav-tabs .nav-link.active::after {
    position: absolute;
    top: 100%;
    left: 45%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 25px;
    border-top-color: #5271ff;
    content: '';
    pointer-events: none;
    right: 50%
}

.bt_videotab>.tab-content {
    background: rgba(255, 255, 255, .4);
    border-left: 1px solid #c6d4e6;
    padding: 20px;
    border-right: 1px solid #c6d4e6;
    border-bottom: 1px solid #c6d4e6
}

.bt_videodivlist {
    margin: 2rem 0
}

.bt_videodivlist>.bt_videolist {
    padding: 0;
    display: table;
    width: 100%;
    margin: 0 auto
}

.bt_videodivlist>.bt_videolist>li {
    width: 31%;
    display: block;
    min-height: 400px;
    height: 100%;
    float: left;
    margin: 2% 1%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .18) 0 2px 4px;
    border-radius: 10px;
    overflow: hidden;
    transition: all .8s ease 0s
}

.bt_videodivlist>.bt_videolist>li:hover {
    transition: all .8s ease 0s;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall {
    height: 100%
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_thumb {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: all .8s ease 0s
}

.bt_videolist_thumbicon {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(0, 0, 0, .3)
}

.bt_videolist_thumbicon>img {
    width: 50px!important;
    height: 50px!important
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_thumb:hover img {
    transform: scale(1.1);
    transition: all .8s ease 0s
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_thumb a {
    display: block
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_thumb>a>img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .8s ease 0s
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content {
    padding: 20px
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content>.bt_videolist_title>h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-top: 0;
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content>.bt_videolist_desc {
    height: 140px;
    overflow: auto
}

.bt_videolist_desc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.bt_videolist_desc::-webkit-scrollbar {
    width: 0;
    background-color: #f5f5f5
}

.bt_videolist_desc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #91989e
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content>.bt_videolist_desc p {
    font-size: 13px;
    text-align: left;
    line-height: 25px;
    letter-spacing: 0;
    word-spacing: 0;
    color: #79797d;
    font-weight: 400;
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content>.bt_videolist_desc>.showmore_content {
    margin-bottom: 0
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content>.bt_videolist_desc>.showmore_trigger {
    height: auto;
    line-height: inherit
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content>.bt_videolist_desc>.showmore_trigger>span {
    display: inline;
    float: right;
    font-size: 11px;
    color: #a8aaad;
    font-weight: 500;
}

.bt_videodivlist>.bt_videolist>li>.bt_videolistall>.bt_videolist_content>.bt_videolist_desc>.showmore_content:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1), #fff 90%)
}

.bt_review_explrbtn {
    position: relative;
    font-size: 12px;
    line-height: 22px;
    color: #989ba0;
    font-weight: 600;
    text-transform: capitalize;
    box-shadow: rgb(0 0 0 / 25%) 0 25px 50px -12px;
    transition: .5s;
    text-align: right;
    transition: all .5s ease 0s;
    text-decoration: underline;
    float: right
}

.bt_review_explrbtn:hover {
    color: #000;
    transition: all .5s ease 0s;
    text-decoration: underline
}

@media (max-width:767px) {
    .bt_reviewrating {
        display: block
    }
    .bt_review_banner {
        background-size: cover;
        height: 320px
    }
    .bt_review_banner_content {
        width: 100%
    }
    .bt_review_banner_content>h2 {
        font-size: 22px;
        line-height: 25px
    }
    .bt_review_banner_content>p {
        font-size: 13px;
        line-height: 20px
    }
    .bt_review_banner_content>.bt_review_banner_btn {
        font-size: 12px;
        padding: 15px 30px;
        margin: 20px auto 0
    }
    .bt_review_entry_content .wpcr3_show_btn {
        margin: 10px auto 50px
    }
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 .wpcr3_leave_text {
        font-size: 16px
    }
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_rating_field,
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_review_field_label,
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field {
        display: block
    }
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_rating_field>td,
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_review_field_label>td,
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field>td {
        width: 100%;
        float: left;
        margin: 10px 0 0
    }
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_rating_field>td>label,
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field>td>label {
        font-size: 12px
    }
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_text_field>td>input {
        min-width: 100%
    }
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr.wpcr3_review_form_review_field_textarea>td>textarea {
        width: 100%;
        margin: 10px 0;
        min-width: 100%
    }
    .bt_review_entry_content .wpcr3_submit_btn {
        font-size: 12px;
        margin: 0 0
    }
    .bt_review_entry_content .wpcr3_respond_2 .wpcr3_div_2 .wpcr3_table_2 tbody tr>.wpcr3_check_confirm {
        margin: 10px 0
    }
    .bt_review_entry_content .wpcr3_in_content .wpcr3_pagination {
        margin: 3rem auto
    }
    .bt_review_entry_content .wpcr3_in_content .wpcr3_pagination .wpcr3_a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 5px;
        font-size: 12px
    }
    .bt_review_entry_content .wpcr3_in_content .wpcr3_pagination .wpcr3_a.wpcr3_current {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .bt_reviewvideorow {
        margin: 1rem 0
    }
    .bt_reviewvideo_div>h2 {
        font-size: 20px;
        line-height: 25px
    }
    .bt_reviewvideo_slider {
        margin: 0 0
    }
    .bt_reviewvideo_slider>.bt_review_hear_btn {
        font-size: 12px;
        padding: 15px;
        width: 200px
    }
    .bt_videotab {
        margin: 2rem 0
    }
    .bt_videotab>.nav-tabs>.nav-link {
        padding: 20px 0;
        font-size: 12px
    }
    .bt_videotab>.tab-content {
        padding: 10px
    }
    .bt_videotab .nav-tabs .nav-link.active::after {
        border-width: 15px
    }
    .bt_videodivlist {
        margin: 1rem 0
    }
    .bt_videodivlist>.bt_videolist>li {
        width: 100%;
        min-height: auto;
        height: auto;
        float: none;
        margin: 5% 0
    }
}

.bt_placement_baner {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/07/bt_placement_banner.png);
    height: 540px;
    margin-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    align-items: center;
    justify-content: center
}

.bt_placement_banercontent {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.bt_placement_banercontent>h1 {
    color: #fff;
    text-align: center;
    font-size: 34px;
    padding: 10px 0;
    line-height: 45px;
}

.bt_placement_banercontent>p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 0;
    word-spacing: 0;
    font-weight: 500;
    padding: 10px 0
}

.bt_placement_banercontent>a {
    font-size: 13px;
    color: #fff;
    margin: 15px 15px;
    display: inline-block;
    padding: 18px 10px;
    min-width: 180px;
    border-radius: .3125rem;
    font-weight: 600;
    border: 2px solid transparent;
    transition: all .3s ease 0s;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.bt_placement_banercontent>.bt_placementbtn1 {
    color: #4a90ff;
    background-color: #fff;
    border-color: #fff
}

.bt_placement_banercontent>.bt_placementbtn2 {
    background: #f5e658;
    color: #2c2e30
}

.bt_placement_banercontent>a:hover {
    color: #4a90ff;
    background-color: #fff;
    border-color: #fff;
    transition: all .3s ease 0s;
    box-shadow: 0 .5rem 1.875rem rgb(0 0 0 / 15%);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.bt_placemnt_content {
    margin: 1rem 0
}

.bt_placemnt_right>.bgg {
    font-size: 13px;
    padding: 5px 20px;
    display: inline-block;
    background: #ddf8f2;
    color: #00d280;
    border-radius: 50px;
    line-height: 20px
}

.bt_placemnt_right>h2 {
    color: #374a5e;
    font-size: 34px;
    line-height: 45px;
    margin-bottom: 10px
}

.bt_placemnt_right>p {
    color: #1a1a1a;
    font-size: 15px;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 30px
}

.bt_placemnt_right>.bt_placemnt_right_btn {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 20px 0
}

.bt_placemnt_right>.bt_placemnt_right_btn>.bt_placemntbtn1>a {
    box-shadow: 0 10px 25px 0 rgb(102 16 242 / 30%);
    background-color: #4a90ff;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 20px 45px;
    display: block;
    margin-right: 40px;
    border-radius: 30px 30px 30px 30px;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.bt_placemnt_right>.bt_placemnt_right_btn>.bt_placemntbtn1>a:hover {
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
    background-color: #2858e4;
    color: #fff
}

.bt_placemntbtn2 {
    width: auto;
    height: 60px;
    background: #fff;
    z-index: 1;
    border-radius: 100%;
    box-sizing: content-box;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center
}

.bt_placemntbtn2>a {
    height: 100%;
    display: flex;
    width: 60px;
    text-align: center;
    align-items: center;
    justify-content: center
}

.bt_placemntbtn2 i {
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3
}

.bt_placemntbtn2 i:before {
    margin: 1px 0 0 7px;
    display: inline-block
}

.bt_placemntbtn2>span {
    font-size: 15px;
    margin-left: 20px;
    font-weight: 600;
    color: #447fdc
}

.bt_placemntbtn2:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 17%;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    background: #b3d0ff;
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite
}

.bt_placemntbtn2:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    background: #4a90ff;
    border-radius: 50%;
    transition: all .2s
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

#panel_place {
    display: none;
    padding: 15px;
    background-color: #fafcff;
    border: solid 1px #e9edf3;
    margin: 40px 0;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

#panel_place>p {
    font-size: 15px;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 30px;
    color: #1a1a1a
}

.placementModal .modal-content {
    border-radius: 0;
    border: none
}

.placementModal .modal-content .modal-body {
    padding: 5px
}

.placementModal .modal-content>.close {
    position: absolute;
    z-index: 1;
    right: -35px;
    background: #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 0
}

.bt_placement_div {
    position: relative;
    z-index: 1;
    padding-bottom: 3rem
}

.bt_elementor_box {
    position: relative;
    z-index: 1
}

.mt-30 {
    margin-top: 50px
}

.bt_element_container {
    -webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s
}

.bt_element_iconbox {
    padding: 40px 27px 35px;
    min-height: 400px;
    text-align: center;
    position: relative;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);
    -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);
    -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, .15)
}

.bt_element_iconbox .bg-s3 {
    position: absolute;
    content: "";
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    background-color: #0039e4;
    background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
    background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
    background-image: linear-gradient(145deg, #0039e4, #04dbf1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px
}

.icon-main>span {
    font-size: 30px
}

.bt_element_iconbox .bg-before {
    top: 0;
    left: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0
}

.bt_element_iconbox .bg-after,
.bt_element_iconbox .bg-before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -2;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear
}

.bt_element_iconbox .bg-before {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/07/bg1-box-1.png);
    background-position: top left;
    background-repeat: no-repeat
}

.bt_element_iconbox .bg-after {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/07/bg2-box-1.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.bt_element_iconbox .bg-after {
    bottom: 0;
    right: 0;
    background-position: bottom right;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px
}

.bt_element_iconbox .icon-main {
    width: 70px;
    height: 70px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-bottom: 25px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: transparent;
    background-image: -moz-linear-gradient(180deg, #00c3ff 100%, #f2295b 100%);
    background-image: -webkit-linear-gradient(180deg, #00c3ff 100%, #f2295b 100%);
    background-image: linear-gradient(180deg, #00c3ff 100%, #f2295b 100%);
    box-shadow: 8px 8px 30px 0 rgb(1 96 231 / 30%);
    -webkit-box-shadow: 8px 8px 30px 0 rgb(1 96 231 / 30%);
    -moz-box-shadow: 8px 8px 30px 0 rgba(1, 96, 231, .3)
}

.bt_element_iconbox .content-box h5 {
    margin-bottom: 12px;
    font-size: 20px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    color: #6a6b6f
}

.bt_element_iconbox .content-box p {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    word-spacing: 0;
    letter-spacing: 0
}

.bt_element_iconbox .action-box {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

.bt_element_iconbox:hover .action-box {
    bottom: -26px
}

.bt_element_iconbox:hover .action-box,
.bt_element_iconbox:hover .bg-s3 {
    opacity: 1;
    visibility: visible
}

.bt_element_iconbox:hover .icon-main {
    color: #00c3ff;
    background-color: transparent;
    background-image: linear-gradient(180deg, #fff 100%, #f2295b 100%)
}

.bt_element_iconbox:hover .box-title,
.bt_element_iconbox:hover p {
    color: #fff
}

.octf-btn {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    font-size: 12px;
    padding: 5px 10px 5px 20px;
    line-height: 1;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    background: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    outline: 0;
    box-sizing: border-box;
    color: #fe4c1c;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    box-shadow: 6px 6px 13px 0 rgb(42 67 113 / 15%);
    -webkit-box-shadow: 6px 6px 13px 0 rgb(42 67 113 / 15%);
    -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15)
}

.octf-btn i {
    background: #fe4c1c;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

.octf-btn:hover {
    color: #fff
}

.octf-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    background-color: rgba(255, 255, 255, .8)
}

.octf-btn:before {
    background-color: rgba(254, 76, 28, .5)
}

.octf-btn:hover:before {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.content-box .showmore_content {
    margin-bottom: 0;
    position: relative
}

.content-box .showmore_trigger {
    height: auto;
    line-height: inherit;
    width: auto
}

.content-box .showmore_trigger>span {
    font-size: 12px;
    text-align: right;
    border: none;
    font-weight: 600;
    text-decoration: underline;
    color: #2858e4
}

.bt_place_feature {
    padding: 3rem 0;
    position: relative;
    background: #fbfcff
}

.div_shape {
    position: absolute;
    left: 0
}

.bt_place_feat_title {
    margin-bottom: 30px
}

.bt_place_feat_desc {
    margin-bottom: 30px
}

.bt_place_feat_title>h2 {
    color: #374a5e;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 10px;
    text-align: center
}

.bt_place_feat_desc>p {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    word-spacing: 0;
    letter-spacing: 0
}

.bt_place_featdiv>.bt_place_featlist {
    padding: 0
}

.bt_place_featdiv>.bt_place_featlist>li {
    display: inline-block;
    width: 24.7%
}

.bt_place_featbox {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    background: #fff;
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 5px;
    transition: .5s;
    box-shadow: 0 -2px 20px 0 rgb(0 0 0 / 6%);
    border-top: 5px solid
}

.bt_place_featbox>h4 {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0;
    color: #555556
}

.bt_place_featbox:hover {
    box-shadow: 0 40px 44px 0 rgb(0 0 0 / 6%), 0 40px 44px 0 rgb(0 0 0 / 6%);
    transform: translateY(-10px)
}

.bt_1 {
    border-color: #0160e7
}

.bt_2 {
    border-color: #00c3ff
}

.bt_3 {
    border-color: #fd5723
}

.bt_4 {
    border-color: #cf44f1
}

.bt_5 {
    border-color: #42e701
}

.bt_6 {
    border-color: #f994a6
}

.bt_7 {
    border-color: #e7e201
}

.bt_8 {
    border-color: #1cb786
}

.bt_place_technical {
    background-color: #fdfeff;
    padding: 4rem 0
}

.bt_placefeat_title {
    margin-bottom: 80px
}

.bt_placefeat_title>h2 {
    color: #42495b;
    font-size: 34px;
    font-weight: 700;
    text-align: center
}

.bt_placefeat_title>p {
    font-weight: 400;
    line-height: 25px;
    color: #5f5f5f;
    font-size: 16px;
    text-align: center;
    width: 70%;
    margin: 0 auto
}

.bt_placetech_box {
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 12%);
    border-radius: 1rem;
    text-align: center;
    padding: 40px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 220px;
    border-top: 3px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .3s ease-in-out
}

.bt_placetech_box::before {
    content: "";
    position: absolute;
    right: -55px;
    width: 95px;
    height: 95px;
    bottom: -50px;
    border-radius: 35px;
    background-color: #2389f2;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 0
}

.bt_placetech_box:hover {
    border-color: #2389f2;
    transition: all .3s ease-in-out;
    box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%);
    transform: translateY(-5px)
}

.bt_placetech_box>h4 {
    font-size: 18px
}

.bt_placetech_box>h4>a {
    position: relative;
    color: #3d3d3c
}

.bt_placetech_box>h4>a::after {
    content: "\f08e";
    font-family: FontAwesome;
    font-size: 10px;
    padding-left: 5px;
    color: #f10969
}

.bt_placetech_box>p {
    font-size: 14px;
    text-align: center;
    height: 100px;
    overflow: auto;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 29px
}

.bt_placetech_box>p::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.bt_review_redirect {
    position: relative;
    padding: 5rem 0
}

.bt_place_reviewblock {
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/07/call-to-action.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
    padding: 2rem;
    position: relative
}

.bt_reviewblockwid {
    width: 70%;
    margin: 0 auto
}

.bt_reviewblockwid>h2 {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    color: #fff
}

.bt_reviewblockwid>p {
    word-spacing: 0;
    letter-spacing: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    width: 70%;
    margin: 0 auto
}

.bt_reviewblockwid>a {
    text-align: center;
    margin: 20px auto;
    display: flex;
    font-size: 12px;
    border: 1px solid #fff;
    padding: 18px 30px;
    border-radius: 50px;
    color: #333;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    width: 220px
}

.bt_reviewblockwid>a>i {
    font-size: 18px;
    padding-left: 5px
}

@media (max-width:767px) {
    .bt_placement_baner {
        height: auto
    }
    .bt_placement_banercontent {
        width: 100%
    }
    .bt_placement_banercontent>h1 {
        font-size: 18px;
        line-height: 28px
    }
    .bt_placement_banercontent>p {
        font-size: 13px;
        line-height: 25px
    }
    .bt_placement_banercontent>a {
        font-size: 12px;
        margin: 15px 5px;
        padding: 12px 8px;
        min-width: 150px
    }
    .bt_placemnt_content {
        margin: 1rem 0
    }
    .bt_placemnt_left {
        display: none
    }
    .bt_placemnt_right>.bgg {
        font-size: 12px
    }
    .bt_placemnt_right>h2 {
        font-size: 20px;
        line-height: 30px
    }
    .bt_placemnt_right>p {
        font-size: 14px;
        line-height: 28px
    }
    .bt_placemnt_right>.bt_placemnt_right_btn>.bt_placemntbtn1>a {
        font-size: 12px;
        padding: 18px 30px;
        margin-right: 30px
    }
    .bt_placemntbtn2 i {
        font-size: 20px
    }
    .bt_placemntbtn2::before {
        width: 50px;
        height: 50px
    }
    .bt_placemntbtn2>span {
        font-size: 13px
    }
    .bt_element_iconbox {
        padding: 20px 20px 30px;
        min-height: auto;
        margin-bottom: 4rem
    }
    .bt_element_iconbox .icon-main {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 15px
    }
    .icon-main>span {
        font-size: 20px
    }
    .bt_element_iconbox .content-box h5 {
        margin-bottom: 10px;
        font-size: 18px
    }
    .bt_element_iconbox .content-box p {
        font-size: 13px;
        line-height: 25px
    }
    .octf-btn i {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
    .bt_place_feature {
        padding: 2rem 0
    }
    .bt_place_feat_title>h2 {
        font-size: 20px;
        line-height: 35px;
        margin-bottom: 5px
    }
    .bt_place_featbox {
        height: 150px;
        padding: 20px
    }
    .bt_place_featbox>h4 {
        font-size: 14px
    }
    .bt_place_technical {
        padding: 1rem 0
    }
    .bt_placefeat_title>h2 {
        font-size: 26px
    }
    .bt_placefeat_title>p {
        font-size: 13px;
        width: 100%
    }
    .bt_placefeat_title {
        margin-bottom: 40px
    }
    .bt_placetech_box {
        padding: 20px;
        min-height: auto
    }
    .bt_placetech_box>h4 {
        font-size: 16px
    }
    .bt_placetech_box>p {
        font-size: 13px;
        height: auto;
        line-height: 25px
    }
    .bt_review_redirect {
        padding: 2rem 0
    }
    .bt_place_reviewblock {
        padding: 1rem
    }
    .bt_reviewblockwid {
        width: 100%
    }
    .bt_reviewblockwid>h2 {
        font-size: 22px;
        line-height: 28px
    }
    .bt_reviewblockwid>p {
        font-size: 13px;
        line-height: 23px;
        width: 100%
    }
    .bt_reviewblockwid>a {
        margin: 10px auto;
        padding: 15px 20px;
        width: 200px
    }
}

.bt_academy_banner {
    height: 480px;
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/07/banner_bg1.png);
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative
}

.bt_academy_baner_thumb {
    text-align: center;
    position: relative
}

.bt_academy_baner_thumb img {
    position: absolute;
    right: 20%;
    width: 80%;
    top: 50px
}

.bt_academy_baner_content {
    padding: 4rem 0
}

.bt_academy_baner_content>h1 {
    font-size: 34px;
    line-height: 45px;
    font-weight: 700;
    color: #fafbff
}

.bt_academy_baner_content>p {
    font-size: 15px;
    padding: 10px 0;
    line-height: 25px;
    word-spacing: 0;
    letter-spacing: 0;
    color: #fafbff
}

.bt_academy_baner_content b {
    color: #f4ff51
}

.bt_academy_baner_content>.list-unstyled>li {
    display: initial;
    font-size: 15px;
    padding-right: 15px;
    line-height: 25px;
    padding-bottom: 10px;
    color: #fafbff;
    position: relative
}

.bt_academy_baner_content>.list-unstyled>li::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 5px;
    color: #1aff4c
}

.bt_academy_baner_content>.bt_aca_btn {
    display: inline-block;
    padding: 18px 30px;
    background: #fafbff;
    border: 1px solid #fafbff;
    color: #2389f2;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 50px;
    margin: 25px 0;
    box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
    transition: all .3s ease-in-out
}

.bt_academy_baner_content>.bt_aca_btn:hover {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px;
    color: #2389f2;
    border-color: #fff;
    transition: all .3s ease-in-out
}

.bt_academy_values {
    background: #f4f2fb;
    box-shadow: rgba(33, 35, 38, .1) 0 10px 10px -10px;
    padding: 10px 0
}

.bt_academy_box {
    margin: 10px 0
}

.bt_academy_boxinner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.bt_academy_box-icons {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #007eff;
    border-radius: 50%;
    color: #fff
}

.bt_academy_box-icons>span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    border: 2px solid;
    border-radius: 50%;
    margin: 3px;
    font-size: 16px
}

.bt_academt_boxdiv {
    margin-left: 20px
}

.bt_academt_boxdiv>.highlight-count {
    font-size: 20px;
    font-weight: 500;
    color: #000
}

.bt_academt_boxdiv>p {
    padding: 5px 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    word-spacing: 0;
    color: #7b7777
}

.icon_bg1 {
    background: #ff4600
}

.icon_bg2 {
    background: #ff00bc
}

.icon_bg3 {
    background: #6ad88c
}

.bt_academy_courses {
    padding: 5rem 0;
    background: #faf8fc
}

.bt_academy_course_tilte {
    width: 65%;
    margin: 0 auto 40px
}

.bt_academy_course_tilte>h2 {
    text-align: center;
    font-size: 28px;
    line-height: 35px;
    color: #696464
}

.bt_academy_course_tilte>p {
    font-size: 14px;
    letter-spacing: 0;
    word-spacing: 0;
    text-align: center;
    line-height: 25px;
    color: #757373
}

.bt_academy_courses_block>ul {
    padding: 0
}

.bt_academy_courses_block>ul>li {
    display: inline-block;
    width: 23%;
    margin: 1% 1% 1% 0
}

.bt_academy_course_box {
    background: #fff;
    min-height: 340px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .14);
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.bt_academy_course_box:hover {
    box-shadow: 0 5px 12px 5px rgb(221 224 228 / 50%);
    transform: scale(1.02);
    transition: all .3s ease-in-out
}

.bt_academy_course_box>a {
    display: block;
    height: 100%
}

.bt_acacdemy_avator {
    display: flex;
    width: 100%
}

.bt_acacdemy_avator>img {
    width: 100%
}

.bt_ac_courselist {
    padding: 12px 12px 0 12px
}

.bt_ac_courselist>.bt_acad_feat {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0
}

.bt_ac_courselist>.bt_acad_feat>.bt_acad_featdiv {
    width: 100%
}

.bt_ac_courselist>.bt_acad_feat>.bt_acad_featdiv>.iicns {
    font-size: 14px;
    color: #67748a;
    padding-right: 3px
}

.bt_ac_courselist>.bt_acad_feat>.bt_acad_featdiv>span {
    font-size: 14px;
    font-weight: 500;
    color: #67748a
}

.bt_ac_courselist>.bt_aca_title {
    padding-bottom: 5px
}

.bt_ac_courselist>.bt_aca_title>h3 {
    font-size: 16px;
    color: #444;
    line-height: 23px;
    font-weight: 600;
    height: 60px;
    overflow: hidden
}

.bt_ac_courselist>.bt_acad_rating {
    display: flex;
    align-items: center;
    width: 100%
}

.bt_ac_courselist>.bt_acad_rating>span {
    color: #fecf2f;
    font-size: 14px;
    margin-right: 2px
}

.bt_ac_courselist>.bt_acad_rating>p {
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
    padding: 0;
    line-height: 20px
}

.bt_acad_course_footer {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 12px 0 12px
}

.bt_acad_course_footer>.free_course {
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    color: #fd05bc
}

.bt_acad_course_footer>.bt_knowmore {
    width: 100%;
    text-align: right
}

.bt_acad_course_footer>.bt_knowmore>a {
    font-size: 13px;
    font-weight: 600;
    color: #196ae5;
    text-decoration: underline
}

.bt_academy_reviews {
    background-image: linear-gradient(75deg, #4f1bc5 0, #7b17c5 100%);
    padding: 3rem 0 6rem
}

.bt_academy_reviews_text>h4 {
    font-size: 30px;
    line-height: 38px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 10px
}

.bt_academy_reviews_text>p {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 30px
}

.bt_aca_rev_btn1>a {
    display: inline-block;
    padding: 20px 20px;
    background: #fbfbfa;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50px;
    color: #333235;
    box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px
}

.bt_academy_reviews_text {
    padding: 3rem 0
}

.bt_aca_rev_btn {
    margin: 1.5rem 0
}

.bt_aca_testimonials {
    background: #9629e6;
    padding: 0 40px 40px;
    z-index: 4;
    margin-top: 30px;
    border-radius: 4px;
    position: relative
}

.bt_aca_testimonials>.quote {
    position: absolute;
    right: 25px;
    top: 25px;
    color: #fff;
    font-size: 40px
}

.bt_aca_testimonials>.info-wrap {
    display: flex;
    align-items: flex-end;
    transform: translateY(-30px)
}

.bt_aca_testimonials>.info-wrap>.avatar {
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    margin-right: 20px;
    border-radius: 6px
}

.bt_aca_testimonials>.info-wrap .name {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding: 5px 0
}

.bt_aca_testimonials>.info-wrap .designation {
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

.bt_aca_testimonials>.testimonial-content-inner p {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 26px
}

.bt_aca_testimonials>.testimonial-content-inner p b {
    color: #fbff02
}

.testimonial-wrapper {
    position: relative
}

.testimonial-wrapper::before {
    content: "";
    position: absolute;
    top: 60px;
    left: 18px;
    width: 99%;
    height: 80%;
    background: #bf00dc;
    transform: rotate(-6deg);
    border-radius: 4px
}

.testimonial-content-inner .showmore_content {
    margin-bottom: 0;
    position: relative
}

.testimonial-content-inner .showmore_trigger {
    width: auto;
    height: auto;
    line-height: inherit;
    float: right
}

.testimonial-content-inner .showmore_trigger>span {
    border: none;
    color: #fff80d;
    font-size: 12px;
    line-height: 20px
}

#bt_academy_testimonial>.owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -40px
}

#bt_academy_testimonial>.owl-dots>.owl-dot>span {
    background: #cbcdcd;
    width: 8px;
    height: 8px;
    display: block;
    margin: 0 10px;
    transition: all .3s ease-in-out;
    border-radius: 50%
}

#bt_academy_testimonial>.owl-dots>.owl-dot.active>span {
    background: #fff
}

.bt_academy_faq {
    background: #faf8fc;
    padding: 3rem 0
}

.bt_aca_faq_title {
    margin-bottom: 30px
}

.bt_aca_faq_title>h2 {
    font-size: 30px;
    text-align: center
}

.bt_aca_faq_acord {
    margin: 20px auto;
    width: 80%
}

.bt_aca_faq_acord .card {
    margin-bottom: 15px;
    border: 1px solid rgba(46, 91, 255, .08)!important;
    border-radius: 0
}

.bt_aca_faq_acord .card .card-header {
    padding: 0;
    background: #fff;
    border-bottom: none
}

.bt_aca_faq_acord .card .card-header .btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 18px 40px 18px 18px;
    line-height: 23px;
    font-size: 15px;
    color: #353942;
    font-weight: 600
}

.bt_aca_faq_acord .card .card-header .btn:focus {
    box-shadow: none
}

.bt_aca_faq_acord .card .card-body,
.bt_aca_faq_acord .card-body p {
    color: #6e7e9d;
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0;
    word-spacing: 0
}

.bt_aca_faq_acord .card.active {
    border: 1px solid #b1b5fd!important;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.bt_aca_faq_acord .collapsed::before {
    content: "\f078";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem
}

.bt_aca_faq_acord .collapse.show::before,
.bt_aca_faq_acord .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.bt_aca_faq_acord .collapse.show::before {
    border-radius: 50%;
    content: "\f078";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -3rem 1rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 1s cubic-bezier(.905, .395, .12, .55)
}

.no_news {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500
}

@media (max-width:767px) {
    .bt_academy_banner {
        height: auto
    }
    .bt_academy_baner_content {
        padding: 2rem 0
    }
    .bt_academy_baner_content>h1 {
        font-size: 22px;
        line-height: 30px
    }
    .bt_academy_baner_content>p {
        font-size: 14px
    }
    .bt_academy_baner_content>.list-unstyled>li {
        display: inline-block;
        font-size: 14px;
        padding-right: 0;
        line-height: 22px;
        padding-bottom: 5px
    }
    .bt_academy_baner_content>.bt_aca_btn {
        padding: 15px 25px;
        margin: 20px 0 0
    }
    .bt_academy_boxinner {
        justify-content: left
    }
    .bt_academy_courses {
        padding: 2rem 0
    }
    .bt_academy_course_tilte {
        width: 100%
    }
    .bt_academy_course_tilte>h2 {
        font-size: 22px;
        line-height: 25px
    }
    .bt_academy_course_tilte>p {
        font-size: 13px;
        line-height: 23px
    }
    .bt_academy_courses_block>ul>li {
        display: block;
        width: 100%;
        margin: 4% 0 5% 0
    }
    .bt_ac_courselist>.bt_acad_feat>.bt_acad_featdiv>.iicns {
        font-size: 12px
    }
    .bt_ac_courselist>.bt_acad_feat>.bt_acad_featdiv>span {
        font-size: 13px
    }
    .bt_ac_courselist>.bt_acad_feat {
        padding: 5px 0
    }
    .bt_ac_courselist>.bt_aca_title>h3 {
        font-size: 15px;
        height: auto;
        overflow: visible
    }
    .bt_academy_course_box {
        min-height: auto
    }
    .bt_acad_course_footer>.free_course {
        font-size: 12px
    }
    .bt_acad_course_footer>.bt_knowmore>a {
        font-size: 12px
    }
    .bt_ac_courselist>.bt_acad_rating>span {
        font-size: 13px
    }
    .bt_ac_courselist>.bt_acad_rating>p {
        font-size: 13px
    }
    .bt_academy_reviews {
        padding: 1rem 0 5rem
    }
    .bt_academy_reviews_text>h4 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 5px
    }
    .bt_academy_reviews_text {
        padding: 2rem 0
    }
    .bt_academy_reviews_text>p {
        font-size: 14px;
        line-height: 25px
    }
    .bt_aca_rev_btn {
        margin: 1rem 0
    }
    .bt_aca_rev_btn1>a {
        padding: 18px 18px;
        font-size: 12px
    }
    .bt_aca_testimonials {
        padding: 0 25px 25px
    }
    .bt_aca_testimonials>.info-wrap>.avatar {
        width: 80px;
        height: 80px
    }
    .bt_aca_testimonials>.info-wrap .name {
        font-size: 16px;
        line-height: 20px
    }
    .bt_aca_testimonials>.info-wrap .designation {
        font-size: 12px
    }
    .bt_aca_testimonials>.quote {
        right: 15px;
        top: 15px;
        font-size: 24px
    }
    .bt_academy_faq {
        padding: 2rem 0
    }
    .bt_aca_faq_title>h2 {
        font-size: 20px
    }
    .bt_aca_faq_title {
        margin-bottom: 10px
    }
    .bt_aca_faq_acord {
        margin: 10px auto;
        width: 100%
    }
    .bt_aca_faq_acord .card .card-header .btn {
        padding: 15px 40px 15px 15px;
        line-height: 20px;
        font-size: 13px
    }
    .bt_aca_faq_acord .card .card-body,
    .bt_aca_faq_acord .card-body p {
        font-size: 14px;
        line-height: 26px
    }
}

.bt_freecourse {
    padding: 0;
    height: 450px;
    border-radius: 0;
    box-shadow: 5px 5px 25px 0 rgb(46 61 73 / 40%);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    align-items: center
}

.bt_freecourse::before {
    content: "";
    background-color: #8e2de2;
    background-image: linear-gradient(to right, rgba(74, 0, 224, .96), rgba(142, 45, 226, .96));
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bt_free_content {
    position: relative
}

.bt_free_cat>p {
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    word-spacing: 0;
    font-family: Roboto, sans-serif;
    line-height: 20px;
    padding: 0
}

.bt_free_title>h1 {
    color: #fff;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px
}

.bt_free_desc>p {
    text-align: left;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 0;
    word-spacing: 0;
    font-family: Roboto, sans-serif
}

.bt_free_rating {
    margin: 10px 0
}

.bt_free_rating>span.fa.fa-star {
    color: #fecf2f;
    font-size: 14px
}

.bt_free_rating>.bt_free_ratetitle {
    font-size: 13px;
    padding: 0 3px;
    color: #fff;
    font-weight: 600
}

.bt_free_banerbtn {
    margin: 1rem 0;
    display: flex
}

.bt_free_banerbtn>a {
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 15px;
    min-width: 200px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: .5px;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px
}

.bt_free_banerbtn>.enwhite {
    background: #fff
}

.bt_free_banerbtn>.enclr {
    background: #ff4c08;
    color: #fff
}

.bt_free_textwidgets h2 {
    font-size: 26px;
    margin-bottom: 20px
}

.bt_free_textwidgets ul li {
    font-size: 15px;
    padding: 5px 0;
    line-height: 28px;
    color: #2e3d49;
    display: block;
    position: relative;
}

.bt_free_textwidgets ul li::before {
    content: "\f046";
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 10px;
    color: #f54a23
}

.bt_free_textwidgets p {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0;
    word-spacing: 0;
    padding: 5px 0;
}

.bt_free_syllabus {
    background-color: #fbf9ff
}

.bt_free_syllabus_download {
    text-align: center;
    margin: 10px 0
}

.bt_free_syllabus_download>a {
    display: inline-block;
    font-size: 13px;
    padding: 15px 20px;
    min-width: 250px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    background: #2389f2;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

.freecourse_show>.showmore_trigger {
    height: auto;
    line-height: inherit;
    width: auto;
    float: right
}

.freecourse_show>.showmore_trigger>span {
    font-size: 12px;
    border: none;
    color: #333;
    text-decoration: underline;
    font-weight: 600;
}

.bt_free_syllabus_widgets {
    margin: 2rem 0
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-title {
    display: block;
    padding: 15px 45px 15px 15px!important;
    font-size: 15px!important;
    font-weight: 500!important;
    color: #2f2f31;
    border: none;
    position: relative;
    line-height: 28px!important;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%)
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-title span.su-spoiler-icon {
    top: 22px;
    left: 95%;
    border: 1px solid #8f8a37;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-size: 10px!important;
    color: #8f8a37
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-title:before {
    content: "";
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, #688e26 0, #ff816a 100%);
    position: absolute;
    top: 0;
    left: 0
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-content {
    padding: 15px;
    font-size: 15px;
    line-height: 30px;
    background: #fbfdff;
    position: relative
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-content::before {
    content: "";
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, #688e26 0, #ff816a 100%);
    position: absolute;
    top: 0;
    left: 0
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler.su-spoiler-closed>.su-spoiler-content {
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none;
    opacity: 0;
    pointer-events: none
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-content li {
    padding: 5px 0;
    font-size: 15px;
    color: #3c3939;
    display: block;
    line-height: 28px;
    position: relative
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-content li::before {
    content: "\f046";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 10px;
    color: #e60c34
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-content li:last-child {
    border-bottom: none
}

.bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-content p {
    padding: 8px 0;
    font-size: 15px;
    color: #3c3939;
    display: block;
    line-height: 30px
}

.bt_free_syllabus_widgets_right {
    margin: 2rem auto;
    width: 345px;
    display: block;
    background: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
    border: 1px solid #d2d6de;
    overflow: hidden;
    position: absolute;
    top: 20px;
    z-index: 1
}

.bt_free_syllabus_widgets_right_thumb {
    position: relative
}

.bt_free_syllabus_widgets_right_thumb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7)
}

.bt_free_syllabus_widgets_right_thumb>a {
    height: 100%;
    display: block
}

.bt_free_syllabus_widgets_right_thumb>a>img {
    width: 100%
}

.bt_free_syllabus_vdoicon {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center
}

.bt_free_syllabus_vdoicon>i {
    display: flex;
    color: #2389f2;
    font-size: 20px;
    background: #fff;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.bt_free_syllabus_vdoicon>span {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin: 10px 0;
    display: block;
    line-height: 20px
}

.bt_free_syllabus_widgets_right_details {
    padding: 15px
}

.bt_free_fee>h5 {
    font-size: 14px;
    font-weight: 700;
    color: #ff5973;
    text-transform: uppercase;
    padding: 0;
    line-height: 20px
}

.bt_free_share {
    padding: 20px 0 10px;
    text-align: center;
    border-top: 1px dotted #c7c3c3
}

.bt_free_share>a {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.bt_free_share>a>i {
    font-size: 26px;
    padding-right: 10px;
    color: #7236e6
}

.bt_free_share>a>span {
    color: #7236e6
}

.bt_free_share_div>a {
    display: inline-block;
    margin: 0 10px;
    font-size: 44px
}

.bt_free_share_div>a>i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%
}

.bt_free_share_div>a>.fbshare {
    color: #4867aa
}

.bt_free_share_div>a>.whatsshare {
    color: #fff;
    background: #4caf50
}

.bt_free_share_div>a>.linkdshare {
    color: #0077b5
}

#bt_free_panel {
    padding: 20px;
    display: none;
    background: #eaf5ff;
    border: 1px solid #dae7f3;
    margin: 20px 0
}

.bt_free_learnbtn {
    margin: 15px 0
}

.bt_free_learnbtn>a {
    display: table;
    background: #7135e6;
    padding: 15px 20px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    min-width: 220px;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
    border-radius: 50px;
    box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px
}

.bt_free_details {
    margin: 0 0
}

.bt_free_details>p {
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 13px;
    font-weight: 600
}

.bt_free_details>ul {
    padding: 0
}

.bt_free_details>ul>li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px dotted #fbeded
}

.bt_free_details>ul>li:last-child {
    border-bottom: none
}

.bt_free_details>ul>li::before {
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    color: #848181;
    padding-right: 20px
}

.bt_free_details>ul>li:nth-child(1)::before {
    content: "\f012"
}

.bt_free_details>ul>li:nth-child(2)::before {
    content: "\f017"
}

.bt_free_details>ul>li:nth-child(3)::before {
    content: "\f007"
}

.bt_free_details>ul>li:nth-child(4)::before {
    content: "\f1c9"
}

.bt_free_details>ul>li>.bt_free_widgetsall>p {
    font-size: 12px;
    line-height: 22px;
    color: #797e82;
    padding: 0;
    font-weight: 500;
}

.bt_free_details>ul>li>.bt_free_widgetsall>p>span {
    display: block;
    font-weight: 600;
    color: #000;
    font-size: 14px
}

.bt_free_widgetsall {
    width: 100%
}

.upgrade-area {
    background: #f6f2ff;
    padding: 20px;
    border-radius: 5px;
    margin: 1rem 0 4rem;
    box-shadow: rgba(0, 0, 0, .15) 0 2px 8px
}

.bt_free_career_upgradetext>p {
    font-size: 15px;
    padding: 0;
    line-height: 25px;
    letter-spacing: 0;
    word-spacing: 0;
    color: #333;
    font-weight: 400;
}

.bt_free_career_upgradebtn>a {
    display: table;
    text-align: center;
    padding: 18px 25px;
    background: #6e3ce6;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    margin: 5px auto;
    font-size: 15px;
    line-height: 20px;
    transition: all .5s ease 0s
}

.bt_free_career_upgradebtn>a:hover {
    background: #1c82da;
    transition: all .5s ease 0s
}

.upgrade-content_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border: 1px solid #f1ebeb;
    border-left: 5px solid #967cef;
    padding: 20px;
    border-radius: 8px;
    min-height: 160px;
    box-shadow: rgba(0, 0, 0, .08) 0 4px 12px;
    transition: all .5s ease 0s
}

.upgrade-content_wrap:hover {
    transition: all .5s ease 0s;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.upgrade-content_wrap:hover .upgrade-content_wrapthumb>i {
    transition: all .5s ease 0s;
    color: #fff;
    background-color: #c388f5
}

.upgrade-content_wrapthumb {
    width: 25%;
    text-align: center;
    transition: all .5s ease 0s
}

.upgrade-content_wrapthumb>i {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #6e3ce6;
    background-color: #f4efff;
    font-size: 20px;
    transition: all .5s ease 0s
}

.upgrade-content_wrapdetails {
    width: 100%
}

.upgrade-content_wrapdetails>h5 {
    padding: 0;
    line-height: 20px;
    font-size: 14px;
    color: #033975;
}

.upgrade-content_wrapdetails>p {
    font-size: 14px;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 26px;
    color: #716e6e;
}

.bt_free_certification {
    background-color: #fbf9ff;
    padding: 50px 0;
    margin: 3rem 0
}

.bt_free_certidiv>p {
    font-size: 16px;
    letter-spacing: 0;
    word-spacing: 0;
    color: #333
}

.bt_free_certithumb {
    position: relative;
    padding: 40px 0 0;
    text-align: center
}

.bt_free_certithumb::before {
    content: "";
    position: absolute;
    width: 270px;
    height: 200px;
    background: #184070;
    background: -webkit-linear-gradient(top left, #9f76f9, #6736d4);
    background: -moz-linear-gradient(top left, #9f76f9, #6736d4);
    background: linear-gradient(to bottom right, #9f76f9, #6736d4);
    top: 10px;
    right: 70px;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px
}

.bt_free_certithumb img {
    position: relative;
    padding: 5px;
    border: 2px solid #f5551b;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    width: 70%;
    z-index: 1
}

.lightbox-target {
    position: fixed;
    top: -100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
    z-index: 9
}

.lightbox-target img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

a.lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    color: #333;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

a.lightbox-close:before {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: #000;
    position: absolute;
    left: 26px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

a.lightbox-close:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: #000;
    position: absolute;
    left: 26px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0
}

.lightbox-target:target img {
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.lightbox-target:target a.lightbox-close {
    top: 0
}

.bt_free_certi_form {
    margin: 1rem auto;
    background: #fff;
    height: auto;
    max-width: 380px;
    box-shadow: rgb(50 50 93 / 25%) 0 13px 27px -5px, rgb(0 0 0 / 30%) 0 8px 16px -8px;
    border-radius: 8px;
    overflow: hidden
}

.bt_free_certi_form>h3 {
    background: #9f76f9;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    text-align: left;
}

.bt_free_career_form {
    padding: 20px
}

.bt_free_career_form .form-group {
    margin-bottom: 20px
}

.bt_free_career_form .form-group>input,
.bt_free_career_form .form-group>select,
.bt_free_career_form .form-group>textarea {
    width: 100%;
    height: 35px;
    padding: 5px 8px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #6f6c6c;
    border: 1px solid #e2e2e2;
    transition: all .5s ease 0s
}

.bt_free_career_form .form-group>input:focus,
.bt_free_career_form .form-group>select:focus,
.bt_free_career_form .form-group>textarea:focus {
    box-shadow: rgba(0, 0, 0, .08) 0 4px 12px;
    transition: all .5s ease 0s;
    border: 1px solid #1c85ef
}

.bt_free_career_form .form-group>textarea {
    height: 100px
}

.bt_free_career_form .bt_free-form_submit>.bt_free-formbtn {
    padding: 5px 20px;
    font-size: 13px;
    border: none;
    background: #9164f5;
    height: 35px;
    min-width: 130px;
    margin: 0 auto;
    display: table;
    color: #fff;
    font-weight: 600;
    box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px
}

.bt_free_faq_area {
    margin: 2rem 0
}

.bt_free_faq_area .su-accordion {
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.bt_free_faq_area .su-accordion.su-u-trim .su-spoiler {
    border: 1px solid #6ab0f9;
    margin-bottom: 0!important;
    box-shadow: rgb(0 0 0 / 10%) 0 10px 50px
}

.bt_free_faq_area .su-accordion.su-u-trim .su-spoiler.su-spoiler-closed {
    border-color: #eee;
    margin-bottom: 0!important;
    box-shadow: none
}

.bt_free_faq_area .su-accordion.su-u-trim .su-spoiler .su-spoiler-title {
    display: block;
    padding: 15px 50px 15px 15px!important;
    font-size: 15px!important;
    font-weight: 600!important;
    color: #59595a;
    border: none;
    position: relative;
    line-height: 30px!important;
    cursor: pointer;
    background: #fff;
    border-radius: 0;
}

.bt_free_faq_area .su-accordion.su-u-trim .su-spoiler .su-spoiler-title span.su-spoiler-icon {
    top: 22px;
    left: 95%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #807f79
}

.bt_free_faq_area .su-accordion.su-u-trim .su-spoiler .su-spoiler-content {
    padding: 15px;
    background: #fff;
    position: relative;
    border: none
}

.bt_free_faq_area .su-accordion.su-u-trim .su-spoiler .su-spoiler-content p {
 
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0;
    word-spacing: 0
}

.bt_free_faq_area .su-accordion.su-u-trim .su-spoiler.su-spoiler-closed>.su-spoiler-content {
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none;
    opacity: 0;
    pointer-events: none
}

.bt_free_faq_form {
    border: 1px solid #eee;
    background: #fff;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    margin: 2rem auto;
    max-width: 330px;
    position: sticky;
    top: 50px;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px
}

.bt_free_faq_form>h4 {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 30px
}

.bt_free_faq_form>p {
    text-align: center;
    width: 100%;
    margin: 5px auto;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 25px;
    font-weight: 500;
    font-size: 15px;
    color: #737171;
}

.bt_free_faq_form>a {
    margin: 30px auto;
    display: table;
    padding: 13px 28px;
    background: #1ab8bf;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    line-height: 20px;
    font-weight: 600
}

.bt_free_faq_form_div,
.bt_free_faq_talk {
    padding: 20px
}

.bt_free_faq_form_div>form>.form-group {
    margin-bottom: 20px
}

.bt_free_faq_form_div>form>.form-group>input,
.bt_free_faq_form_div>form>.form-group>select {
    width: 100%;
    height: 35px;
    padding: 5px 10px;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    border: 1px solid #ece8e8;
    border-radius: 5px;
    transition: all .5s ease 0s
}

.bt_free_faq_form_div>form>.form-group>input:focus,
.bt_free_faq_form_div>form>.form-group>select:focus {
    box-shadow: rgba(0, 0, 0, .08) 0 4px 12px;
    transition: all .5s ease 0s;
    border: 1px solid #1c85ef
}

.bt_free_faq_form_div>form>.bt_free_faqform_submit>.bt_free-faqformbtn {
    padding: 5px 20px;
    font-size: 13px;
    border: none;
    background: #9264f9;
    height: 35px;
    min-width: 130px;
    margin: 0 auto;
    display: table;
    color: #fff;
    font-weight: 600;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.bt_free_faq_form_div>form>.bt_free_faqform_submit>.bt_free-faqformbtn:hover {
    transition: all .5s ease 0s;
    background: #9f76f9
}

.bt_free_faq_talk>ul {
    padding: 0
}

.bt_free_faq_talk>ul>li {
    padding: 10px 0;
    line-height: 25px;
    border-bottom: 1px dotted #d6cdcd
}

.bt_free_faq_talk>ul>li:last-child {
    border-bottom: none
}

.bt_free_faq_talk>ul>li>span {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    display: inline-block;
    min-width: 80px
}

.bt_free_faq_talk>ul>li>a {
    font-size: 13px;
    font-weight: 600;
    color: #1c85ef;
    display: inline-block
}

.bt_free_related {
    background: #ebf1f8;
    padding: 30px 0
}

.bt_free_course {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    transition: all .5s ease 0s
}

.bt_free_course:hover {
    transition: all .5s ease 0s;
    box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px
}

.bt_free_course>a {
    display: block
}

.bt_free_course .bt_free_coursethumb {
    position: relative
}

.bt_free_course .bt_free_coursethumb>img {
    border-radius: 5px
}

.bt_free_course .bt_free_coursethumb .bt_free_course_fee {
    position: absolute;
    top: 10px;
    right: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 5px 15px 0
}

.bt_free_course .bt_free_coursethumb .bt_free_course_fee>p {
    color: #fff;
    background: #f906a3;
    padding: 8px 15px;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 15px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600
}

.bt_free_courseall {
    padding: 15px;
    margin-top: 0
}

.bt_free_course .bt_free_course_title {
    padding: 5px 0
}

.bt_free_course .bt_free_course_title>h5 {
    font-size: 15px;
    line-height: 25px;
    color: #585454;
    padding-bottom: 0;
}

.bt_free_course .bt_free_course_rate {
    display: flex;
    width: 100%;
    padding: 5px 0
}

.bt_free_course .bt_free_course_rate>span {
    display: flex;
    margin: 0 10px;
    font-size: 12px;
    color: #67748a;
    position: relative;
    font-weight: 600;
    align-items: center;
    width: 100%;
}

.bt_free_course .bt_free_course_rate>span::before {
    content: "";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 10px;
    color: #67748a
}

.bt_free_course .bt_free_course_rate>span:nth-child(1)::before {
    content: "\f012"
}

.bt_free_course .bt_free_course_rate>span:nth-child(2)::before {
    content: "\f017"
}

.bt_syllabusright {
    position: sticky;
    top: 50px;
    margin: 2rem 0
}

.bt_free_course .bt_free_course_ratesta {
    padding: 5px 0
}

.bt_free_course .bt_free_course_ratesta>span {
    font-size: 14px;
    color: #fecf2f
}

.bt_free_course .bt_free_course_ratesta>.bt_free_ratetitle {
    color: #67748a;
    font-weight: 500;
    font-size: 13px;
}

.bt_free_course .bt_free_course_enroll {
    padding: 5px 0;
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px
}

.bt_free_course .bt_free_course_enroll>.bt_free_course_enrollone {
    text-align: left;
    display: block;
    font-size: 15px;
    color: #ff647c;
    font-weight: 500;
    width: 100%;
}

.bt_free_course .bt_free_course_enroll>.bt_free_course_enrolltwo {
    text-align: right;
    display: block;
    font-size: 15px;
    color: #196ae5;
    font-weight: 500;
    position: relative;
    width: 100%;
}

.bt_free_course .bt_free_course_enroll>.bt_free_course_enrolltwo::after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    padding-left: 3px;
    color: #196ae5;
    font-weight: 600
}

.syllabusBox {
    background: #fff;
    text-align: center;
    padding: 30px 30px 70px;
    border-radius: 8px;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, .5);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.syllabusBox:after,
.syllabusBox:before {
    content: "";
    background-color: #f4f5f9;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: absolute;
    top: -213px;
    right: -213px;
    z-index: -1
}

.syllabusBox:after {
    background-color: #7538e6;
    height: 300px;
    width: 300px;
    top: auto;
    bottom: -240px;
    right: auto;
    left: -160px
}

.syllabusBox .title {
    color: #6c7279;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 20px
}

.syllabusBox .title:before {
    content: "";
    background-color: #1a2a3a;
    width: 65px;
    height: 3px;
    margin: 0 auto 20px;
    display: block;
    clear: both
}

.syllabusBox .price-value {
    color: #fff;
    background-color: #7538e6;
    width: 100px;
    height: 100px;
    padding: 28px 0 0;
    margin: 0 auto 25px;
    border-radius: 50%
}

.syllabusBox .pricing-content {
    padding: 0;
    margin: 0 0 25px;
    list-style: none;
    display: inline-block
}

.syllabusBox .pricing-content>p {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: #878a8c;
    word-spacing: 0;
    letter-spacing: 0;
}

.syllabusBox .pricingTable-signup {
    display: flex;
    align-items: center;
    justify-content: center
}

.syllabusBox .pricingTable-signup a {
    color: #fff;
    background-color: #7538e6;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    width: 140px;
    padding: 12px 10px;
    margin: 0 auto;
    border-radius: 15px;
    border: 1px solid transparent;
    display: block;
    transition: all .3s ease 0s;
    text-decoration: none;
}

.syllabusBox .pricingTable-signup>.thirubtn1 {
    color: #7538e6;
    background-color: transparent;
    border-color: #7538e6
}

.syllabusBox .pricingTable-signup a:hover {
    color: #7538e6;
    background-color: transparent;
    border-color: #7538e6
}

@media only screen and (max-width:990px) {
    .syllabusBox {
        margin-bottom: 30px
    }
}

#bt_free_slider .owl-next,
#bt_free_slider .owl-prev {
    position: absolute;
    top: 40%;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#bt_free_slider .owl-prev {
    left: -3%
}

#bt_free_slider .owl-next {
    right: -3%
}

#bt_free_slider .owl-nav span {
    font-size: 30px;
    background: #fff;
    width: 50px;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #878b90;
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 12%), 0 3px 8px 0 rgb(0 0 0 / 24%);
    border-radius: 50%
}

#bt_free_slider .owl-nav {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

@media (max-width:767px) {
    .bt_freecourse {
        height: auto;
        display: block
    }
    .bt_free_cat>p {
        font-size: 12px
    }
    .bt_free_title>h1 {
        font-size: 22px
    }
    .bt_free_banerbtn {
        display: flex;
        align-content: center;
        justify-content: center
    }
    .bt_free_banerbtn>a {
        margin: 0 10px;
        padding: 13px 10px;
        min-width: 160px;
        font-size: 12px;
        letter-spacing: 0
    }
    .bt_free_syllabus_widgets_right {
        margin: 0 auto;
        width: 100%;
        position: relative;
        top: 20px
    }
    .bt_free_text {
        margin-top: 2rem
    }
    .bt_free_textwidgets>h2 {
        font-size: 22px;
        margin-bottom: 0
    }
    .bt_free_textwidgets>p {
        font-size: 14px
    }
    .bt_free_syllabus_widgets .su-accordion.su-u-trim .su-spoiler .su-spoiler-content li {
        font-size: 14px
    }
    .bt_free_career_upgradebtn>a {
        margin: 15px auto
    }
    .upgrade-content_wrap {
        padding: 15px;
        min-height: auto
    }
    .upgrade-content_wrapthumb {
        margin: 0 10px 0 0
    }
    .upgrade-content_wrapdetails {
        width: 100%;
        margin: 0 0 0 10px
    }
    .upgrade-content_wrapthumb>i {
        width: 50px;
        height: 50px;
        font-size: 16px
    }
    .upgrade-content_wrapdetails>p {
        font-size: 13px;
        line-height: 20px
    }
    .bt_free_certification {
        padding: 30px 0;
        margin: 2rem 0
    }
    .bt_free_certidiv>p {
        font-size: 14px
    }
    .bt_free_certithumb::before {
        top: 70px
    }
}

.bt_tfeature_widgets {
    background: #fff;
    padding: 10px 0
}

.overallfeature_width {
    width: 20%;
    float: left;
    padding: 0 10px;
    margin: 20px 0
}




.bt_reviewdetails>.testimonial {
    border: 1px solid #c9ced3;
    border-top: 1px solid #c9ced3;
    padding: 20px 25px 60px;
    margin: 0 0 40px;
    position: relative
}

.bt_reviewdetails>.testimonial:after {
    content: "\f10d";
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 70px;
    color: #85b3e2;
    position: absolute;
    top: 10px;
    right: 18px;
    z-index: 0;
    opacity: .5;
    transform: rotateZ(180deg)
}

.bt_reviewdetails>.testimonial>.description>p {
    font-style: normal;
    position: relative;
    z-index: 1
}

.bt_reviewdetails>.testimonial>.pic {
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -20px;
    left: 20px;
    border: 2px solid #eee;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px
}

.bt_reviewdetails>.testimonial>.pic>p {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 26px;
    font-weight: 600;
    color: #fff!important;
    background: #53a1f1
}

.bt_reviewdetails>.testimonial>.pic>img {
    overflow: hidden;
    border-radius: 10px
}

.bt_reviewdetails>.testimonial>.testimonial-title {
    font-size: 16px;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 110px;
    line-height: 20px
}

.bt_reviewdetails>.testimonial .testimonial-title>small {
    display: block;
    font-size: 12px;
    color: #666
}

.testi_rating>.star-rating {
    font-size: 12px
}

.bt_newtrainer {
    padding: 3rem 0;
    background: #fbfcfd
}

.bt_advisor_block {
    margin: 3rem 0
}

.bt_advisor_block>.bt_advisor_element {
    position: relative;
    box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);
    -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);
    -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, .15)
}

.bt_advisordiv {
    display: flex;
    background: #fefeff;
    border-radius: 10px
}

.bt_advisor_avator {
    width: 40%;
    background: #f2f2f9;
    text-align: center
}

.bt_advisor_avator>img {
    width: 100%
}

.bt_advisor_content {
    padding: 10px 20px 50px 20px;
    width: 100%
}

.bt_advisor_content p {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: #3e3939;
    line-height: 30px
}

.bt_advisor_details {
    background: #fff;
    border-radius: 15px;
    text-align: center;
    position: absolute;
    bottom: -30px;
    right: 50px;
    margin: 0 auto;
    padding: 18px 18px 18px 18px;
    width: 200px;
    box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);
    -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);
    -moz-box-shadow: 8px 8px 30px 0 rgba(42, 67, 113, .15)
}

.bt_advisorbb {
    position: relative
}

.bt_advisor_name>h5 {
    font-size: 18px;
    padding: 0;
    line-height: 20px
}

.bt_advisor_name>p {
    font-size: 12px;
    color: #8e8282;
    text-align: center;
    padding: 0;
    line-height: 20px
}

.bt_advisor_content>.showmore_content {
    margin-bottom: 0
}

.bt_advisor_content>.showmore_trigger {
    width: auto;
    height: auto;
    line-height: inherit;
    float: right
}

.bt_advisor_content>.showmore_trigger>span {
    border: none;
    font-size: 11px;
}

@media (max-width:767px) {
    .overallfeature_width {
        width: 100%;
        float: none;
        padding: 0 10px;
        margin: 10px 0
    }
    .overallfeature_width>.overallfeature {
        justify-content: left
    }
    .bt_advisordiv {
        display: block
    }
    .bt_advisor_avator>img {
        width: 70%
    }
    .bt_advisor_content {
        padding: 20px 20px 80px 20px
    }
    .bt_reviewdetails>.testimonial {
        padding: 40px 15px 70px
    }
}

.thiru_buttons {
    margin: 3rem auto;
    display: table
}

.thiru_buttons a {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    line-height: 28px;
    text-decoration: underline;
    background: #2389f2;
    padding: 6px 20px;
    border-radius: 45px;
    box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
    transition: all .3s ease 0s;
    cursor: pointer;
    outline: 0
}

.thiru_buttons a::after {
    content: "\f08e";
    font-family: FontAwesome;
    padding-left: 8px;
    font-size: 10px;
    color: #fff;
    font-weight: 700
}

.thiru_buttons a:hover {
    background-color: #1112ff;
    box-shadow: 0 15px 20px rgb(46 85 229 / 40%);
    color: #fff;
    transform: translateY(-7px)
}

.bt_besntfixed_widgets {
    padding: 0;
    height: 40px;
    line-height: 40px;
    position: sticky;
    width: 100%;
    z-index: 99;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px -5px #000;
    box-shadow: 0 0 10px -5px #000
}

.bt_train_locmap {
    background: #f3f8fd
}

.bt_neartitle>h2 {
    font-weight: 500;
    font-size: 18px
}

.bt_addressbox {
    height: 300px;
    width: 100%;
    position: relative;
    margin-bottom: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 0 0 rgb(36 38 47 / 10%), 0 4px 6px 0 rgb(0 0 0 / 6%);
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: .3s ease-in-out
}

.bt_addressbox:hover {
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.bt_addressbox-details h3 {
    font-weight: 500;
    padding: 0 0 15px 0;
    font-size: 15px;
    color: #66686f;
    line-height: 20px;
    position: relative;
    margin-bottom: 20px;
}

.bt_addressbox-details h3::after {
    content: "";
    background: #4095ec;
    width: 40px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 4px 8px 0 rgb(76 215 200 / 30%)
}

.adresseditor-content p {
    margin: 5px 0 5px 0;
    line-height: 23px;
    font-size: 14px;
    color: #545454;
    text-align: center;
}

.adresseditor-content .addland {
    margin: 5px 0 5px 0;
    line-height: 22px;
    font-size: 13px;
    color: #545454;
    text-align: center;
    word-spacing: 0;
    letter-spacing: 0;
    display: block;
}

.adresseditor-content .addland>strong {
    display: block
}

.bt_addressbox .bt_add_view {
    position: relative;
    margin: 1rem auto;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    color: #2389f2;
    align-items: center;
    justify-content: center;
}

.bt_addressbox .bt_add_view::after {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 14px;
    padding-left: 15px
}

.bt_addressbox .bt_add_view::before {
    content: "";
    background-image: url(https://www.besanttechnologies.com/wp-content/uploads/2021/08/location_icons1.png);
    position: relative;
    top: 0;
    left: -5px;
    width: 35px;
    height: 35px;
    display: block;
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat
}

.chennai_footerlist {
    padding: 0
}

.chennai_footerlist li {
    display: inline-block;
    margin: 0 5px 5px 0
}

.chennai_footerlist li a {
    font-size: 13px;
    color: #bdbaba;
    border-right: 1px solid #908d8d;
    padding: 0 5px 0 0;
    line-height: 20px;
    display: inline-block;
    transition: .5s;
    -webkit-transition: .5s
}

.chennai_footerlist li:last-child a {
    border-right: none
}

.chennai_footerlist li a:hover {
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s
}

.chennailinks > p {
    font-size: 12px;
    line-height: 22px;
    padding: 3px 0;
}

.btbatch_schedule {
    padding: 2rem 0;
    background: #f3f8fd
}

.btchschedulenew {
    background: #fff;
    box-shadow: 0 1px 0 0 rgb(36 38 47 / 10%), 0 4px 6px 0 rgb(0 0 0 / 6%);
    border-radius: 3px;
    border: 1px solid #ddd;
    margin: 20px 0
}

.bt_dd {
    height: 270px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 0 0 rgb(36 38 47 / 10%), 0 4px 6px 0 rgb(0 0 0 / 6%);
    border-radius: 3px;
    padding: 20px;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #ddd
}

.bt_ddthumbnail {
    padding: 10px 0 0
}

.bt_ddthumnbaildetails h3 {
    border-bottom: 1px solid #e7e7e7;
    padding: 5px 0 15px 0;
    font-size: 16px;
    color: #66686f;
    line-height: 25px;
}

.bt_ddthumnbaildetails p {
    margin: 8px 0 8px 0;
    line-height: 20px;
    font-size: 13px;
    color: #696666;
    text-align: center;
    word-spacing: 0;
    letter-spacing: 0;
    padding: 0 25px;
}

.bt_ddbtns {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
}

.btn-demo {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    background: #4095ec;
    box-shadow: 0 6px 8px 0 rgb(0 0 0 / 10%);
    border-radius: 3px;
    height: 40px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-transform: capitalize;
    border: 0 none;
    padding: 15px 15px 15px 15px;
    line-height: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: flex;
    align-items: center;
    margin: 10px 10px
}

.btn-demo:hover {
    background-color: #2b85e0;
    border: 0 none;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.bt_coursetitle {
    position: relative;
    padding-bottom: 20px;
    text-align: left;
    margin-bottom: 30px
}

.bt_coursetitle::before {
    content: ' ';
    background: #4095ec;
    box-shadow: 0 4px 8px 0 rgb(76 215 200 / 30%);
    width: 44px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0
}

.header {
    padding: 5px 0
}

.custom_menus {
    float: right
}

.thirumenu_bg {
    background: #2389f2;
    border-radius: 3px;
    color: #fff!important;
    font-weight: 500!important;
    font-size: 13px!important;
    box-shadow: rgb(149 157 165 / 20%) 0 8px 24px;
    padding: 5px 15px!important;
    line-height: 20px!important
}

.custom_menus>.navbar {
    padding: 0
}

.custom_menus>.navbar .navbar-nav .nav-item {
    margin: 0 5px;
    position: relative
}

.custom_menus>.navbar .navbar-nav {
    align-items: center
}

.custom_menus>.navbar .navbar-nav .nav-item>.nav-link {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 25px;
    font-family: Roboto, sans-serif
}

.custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu {
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 40%);
    padding: 0;
    min-width: 210px;
    border-radius: 5px;
    border: 1px solid #2389f2;
    margin-top: 10px
}

.custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.nav-link {
    position: relative;
    padding: 5px 25px 5px 12px;
    font-size: 13px;
    font-weight: 400;
    color: #6b6666;
    display: block;
    line-height: 22px;
    font-family: Roboto, sans-serif
}

.custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.nav-link:hover {
    background: #eef6ff
}

.custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu .nav-item {
    margin: 0
}

.custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu .nav-item>.nav-link {
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #6b6666;
    display: block;
    line-height: 22px;
    font-family: Roboto, sans-serif
}

.custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu .nav-item>.nav-link:hover {
    background: #eef6ff
}

.custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.dropdown-menu {
    min-width: 260px;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 40%);
    padding: 0;
    border-radius: 5px;
    border: 1px solid #2389f2;
    left: 101%!important;
    height: 100%;
    background: #e8f3ff
}

.thiru_menu_view {
    font-size: 12px;
    display: table;
    margin: 20px auto;
    border: 1px solid #2857ee;
    padding: 5px 8px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    text-shadow: none;
    line-height: 20px;
    background: #f9fcff;
    width: auto;
    color: #2857ee
}

@media(max-width:991px) {
    .custom_menus {
        float: none
    }
    .custom_menus .navbar-toggler {
        padding: .15rem .5rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #0c1923;
        border: 1px solid #0c1923;
        border-radius: 0;
        margin-right: 5px
    }
    .custom_menus .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }
    .custom_menus>.navbar .navbar-nav {
        display: block
    }
    .custom_menus .navbar-collapse {
        background: #0c1923
    }
    .custom_menus>.navbar .navbar-nav .nav-item {
        margin: 0;
        position: relative
    }
    .thirumenu_bg {
        border-radius: 0
    }
    .custom_menus>.navbar .navbar-nav .nav-item>.nav-link {
        padding: 8px 15px!important;
        border-bottom: 1px solid #424242;
        color: #fff
    }
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu {
        padding: 0;
        min-width: 210px;
        border-radius: 0;
        border: none;
        box-shadow: none;
        margin-top: 0
    }
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.nav-link {
        color: #fff;
        padding: 8px 25px 8px 12px
    }
    .dropdown-menu .dropdown-toggle::after {
        top: 10px
    }
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu .nav-item>.nav-link:hover,
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.nav-link:active,
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.nav-link:focus,
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.nav-link:hover {
        background: #0858b0
    }
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu>.dropdown>.dropdown-menu {
        min-width: 100%;
        box-shadow: none;
        padding: 0 0 10px 0;
        border-radius: 0;
        border: none;
        background: #064f9b!important
    }
    .custom_menus>.navbar .navbar-nav .nav-item>.dropdown-menu .nav-item>.nav-link {
        color: #fff;
        border-bottom: 1px solid #0955a4!important
    }
}

section#trainingcourse {
    background: #f6f7f9
}

ul.thiru_trainrecomlist {
    padding: 0;
	display: table;
}

.thiru_trainrecomlist li {
    width: 265px;
    padding-right: 20px;
    position: relative;
    float: left;
    padding-bottom: 12px
}
.thiru_trainrecomlist li::before{
	display: none;
}

.thiru_trainrecomlist li a {
    display: flex;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #e6ecef;
    background: #fff;
    padding: 12px 20px;
    position: relative;
    margin-bottom: 10px;
    transition: all .5s ease;
    min-height: 80px;
    align-items: center;
	color: #696060;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

.thiru_trainrecomlist li a:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%)
}

.thiru_trainrecomlist li a h4 {
    font-size: 13px;
    padding: 5px 0;
    line-height: 20px;
    color: #696060;
    width: 100%
}

.thiru_trainrecomlist li a::before {
    content: "";
    width: 5px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 30%;
    left: 0
}

.cr-1::before,
.cr-7::before {
    background: #ff8c90
}

.cr-2::before,
.cr-8::before {
    background: #00c3e1
}

.cr-3::before,
.cr-9::before {
    background: #f1c44a
}

.cr-10::before,
.cr-4::before {
    background: #00d8c0
}

.cr-11::before,
.cr-5::before {
    background: #a686f1
}

.cr-12::before,
.cr-6::before {
    background: #ed80ca
}

@media(max-width:767px) {
    .career_box {
        padding: 20px 0
    }
    .career_boxcontent h1 {
        font-size: 24px;
        padding-bottom: 10px;
        line-height: 25px
    }
    .career_boxcontent p {
        font-size: 14px;
        line-height: 25px;
        width: 100%
    }
    .training_tabs .nav-item .nav-link {
        padding: 10px 15px;
        font-size: 15px
    }
    .row_padding {
        padding: 10px 0
    }
    .thiru_trainrecomlist li {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0
    }
    .thiru_trainrecomlist li a {
        margin-bottom: 10px;
        min-height: auto
    }
    .thiru_trainrecomlist li a::before {
        top: 20%
    }
}



.video-em {
    margin-bottom: 2rem;
    background: #fff;
    padding: 5px;
    border-radius: 10px
}

.youtube-player {
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
    max-height: 1080px;
    height: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    margin: 0 auto
}

.youtube-player>img {
    bottom: -100%;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: -100%;
    border-radius: 10px
}

.video-player-icons {
    height: 53px;
    width: 57px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background-image: url(../images/video_icons.webp);
    background-repeat: no-repeat
}