html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
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:before,
blockquote:after,
q:before,
q:after {
    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: 23px;
    transform: rotate(-90deg)
}

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

strong,
b {
    font-family: 'OpenSans-SemiBold';
    color: #3c3a3a
}

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

a {
    font-family: 'OpenSans-Regular'
}

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

body {
    font-family: 'OpenSans-Regular'
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'OpenSans-SemiBold';
    color: #2389f2;
    padding: 10px 0;
    line-height: 30px
}

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: 8px 0;
    font-size: 15px;
    font-family: 'OpenSans-Regular';
    text-align: left;
    line-height: 30px;
    color: #666161;
    text-align: justify;
    word-spacing: 2px;
    letter-spacing: 0.2px;
}

.vertical-align {
    align-items: center
}

section {
    padding: 30px 0;
}

.s_title {
    margin: 10px 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
}

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

.s_title h2 span {
    font-weight: 600;
    color: #0775be
}

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

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

.s_title p {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    line-height: 25px
}

ul {
    padding-left: 20px
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader_2.gif) center no-repeat #fff
}

.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;
    font-family: 'OpenSans-SemiBold'
}

.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;
    font-family: 'OpenSans-SemiBold';
    color: #fff
}

.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: 10px;
    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: 0.4s
}

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

.q_forms .btn.btn-primary {
    font-family: 'OpenSans-SemiBold';
    width: 100%;
    font-size: 14px;
    padding: 5px
}

.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: 14px;
    text-align: center;
    font-family: 'OpenSans-SemiBold';
    padding: 0
}

.on_discount {
    color: #f90;
    font-size: 16px;
    -webkit-animation: colorchange 7s infinite alternate
}

@-webkit-keyframes colorchange {
    0% {
        color: #fff
    }

    10% {
        color: yellow
    }

    20% {
        color: #fff
    }

    30% {
        color: yellow
    }

    40% {
        color: #fff
    }

    50% {
        color: Yellow
    }

    60% {
        color: #fff
    }

    70% {
        color: Yellow
    }

    80% {
        color: #fff
    }

    90% {
        color: Yellow
    }

    100% {
        color: #fff
    }
}

.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 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: 13px;
    font-family: 'OpenSans-SemiBold';
    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;
    font-family: 'OpenSans-SemiBold'
}

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

.headet_social_list li a i {
    margin: 0 8px;
    color: #fff;
    font-size: 15px;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    transition: 0.5s;
    background: rgba(255, 255, 255, .2);
    border-radius: 5px
}

.headet_social_list li a i:hover {
    color: #fff;
    transform: scale(1.1);
    transition: 0.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
}

.cus_offmenu .nav-link {
    background: #f90;
    color: #fff !important;
    padding: 10px 15px !important;
    margin-top: 16px;
    border-radius: 10px;
}

.main_menu .navbar {
    padding: 0
}

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

.main_menu .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 28px 13px;
    color: #646464;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

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

.main_menu .dropdown-menu a {
    padding: 13px 25px 13px 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: 14px;
    border-radius: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

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

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

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

.main_menu .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0
}

.offer_menu .dropdown-menu {}

.navbar-nav .current_page_item > a {
    color: #ff7b07 !important;
    border-bottom: 5px solid #ff7b07;
    padding-bottom: 23px !important
}

.navbar-nav .current-menu-parent > a {
    outline: medium none;
    outline-offset: 0;
    transition: all 1s ease 0s;
    color: #ff7b07 !important;
    border-bottom: 5px solid #ff7b07;
    padding-bottom: 23px !important
}

.navbar-nav .menu-item-object-page .current-page-ancestor .current-menu-ancestor .current_page_ancestor > a {
    outline: medium none;
    outline-offset: 0;
    transition: all 1s ease 0s;
    color: #ff7b07 !important;
    border-bottom: 5px solid #ff7b07;
    padding-bottom: 23px !important
}

.navbar-nav .current-page-ancestor > a {
    outline: medium none;
    outline-offset: 0;
    transition: all 1s ease 0s;
    color: #ff7b07 !important;
    border-bottom: 5px solid #ff7b07;
    padding-bottom: 23px !important
}

.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;
    padding-bottom: 13px !important;
    border-bottom: none
}

.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: transparent
}

#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: transparent
}

#search-box input[type="text"] {
    width: 100%;
    padding: 0 10px;
    color: #333;
    outline: none;
    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;
    font-family: 'OpenSans-SemiBold'
}

#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
}

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

.carousel_caption h1 {
    font-size: 44px;
    font-weight: 600;
    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: white;
    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
}

#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 iframe,
.abt_video object,
.abt_video embed {
    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: 15px;
    font-family: 'OpenSans-SemiBold';
    font-weight: 400;
    color: #484242
}

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

.abt_besant p {
    margin-bottom: 15px
}

#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: 12px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-right: 10px;
    background: #0775be;
    padding: 8px 10px;
    border-radius: 5px
}

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

.abt_besant a:hover .fa-long-arrow-right {
    padding-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.abt_besant ul li {
    font-size: 14px;
    line-height: 28px;
    color: #333
}

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

.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-color: rgba(7, 118, 190, .9);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0
}

.guidance_title h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    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;
    font-weight: 600;
    color: #333;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 5px;
    text-align: center
}

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

.guidance_details p {
    font-size: 18px;
    font-weight: 500
}

.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: #1b9ce3;
    -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: #0776be;
    font-size: 50px;
    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: 13px;
    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 blue;
    border-top: none;
    border-right: none;
    border-left: none;
    background: transparent;
    padding: 6px;
    color: blue;
    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_title,
.t_cate,
.t_content {
    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;
    *display: inline
}

.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 200ms 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
}

#trending_course .owl-prev,
#trending_course .owl-next {
    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
}

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

#trending_course .owl-next {
    right: 0%
}

#trending_course .owl-nav span {
    font-size: 28px;
    background: rgba(7, 118, 190, .9);
    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-prev,
#master_course .owl-next {
    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: rgba(7, 118, 190, .9);
    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: rgba(7, 118, 190, .9);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.online_widgets .row {
    align-items: center
}

.online_left p {
    color: #fff;
    font-size: 28px;
    font-weight: 100;
    font-family: OpenSans-SemiBold;
    line-height: 30px;
    text-align: center
}

.online_right a {
    background: #f90;
    color: #fff;
    margin: 20px auto;
    display: table;
    font-size: 18px;
    min-width: 150px;
    text-align: center;
    padding: 15px 30px;
    font-weight: 100;
    -webkit-box-shadow: 0 3px 0 0 #0a2f60;
    -moz-box-shadow: 0 3px 0 0 #0a2f60;
    box-shadow: 0 3px 0 0 #0a2f60;
    -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: rgba(2, 67, 108, .9)
}

.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 h5 {
    height: 70px;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    line-height: 23px
}

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

.b_tags span {
    font-size: 14px;
    color: #8c8888;
    margin-right: 10px
}

.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 {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    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%
}

.blog_boxes:hover {
    background: #ff8226;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.blog_boxes:hover .b_title h5 {
    color: #fff
}

.blog_boxes:hover .b_tags span {
    color: #fff
}

.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-prev,
#blogs .owl-next {
    position: absolute;
    top: -20px;
    right: 0
}

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

#blogs .owl-next {
    right: 0
}

#blogs .owl-prev span,
#blogs .owl-next span {
    font-size: 20px;
    border: 1px solid #b3acac;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    color: #b3acac;
    -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-prev span:hover,
#blogs .owl-next 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: 13px;
    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;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.contact_addresses a {
    margin: 0 !important;
    font-size: 14px !important;
    color: #0775be !important;
    font-family: 'OpenSans-SemiBold'
}

.contact_addresses a::after {
    display: none !important
}

.cat_listaddress p a {
    font-size: 13px;
    display: inline-block;
    margin: 5px 20px 5px 0;
    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;
    cursor: pointer;
    position: relative
}

.cat_listaddress p a::after {
    content: "|";
    position: absolute;
    top: 0;
    right: -15px;
    font-size: 12px;
    color: #757575
}

.cat_listaddress p a:hover {
    color: #000 !important;
    -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: 12px;
    display: block;
    padding: 13px 15px;
    background: #FE5E08;
    color: #fff;
    border-radius: .5rem;
    font-family: 'OpenSans-SemiBold';
    z-index: 1;
    position: relative;
    -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: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;
    border-top: 5px solid #f90;
    padding: 20px 0
}

.foo_navs p {
    font-size: 13px;
    color: #cecdcd;
    line-height: 25px;
    padding: 10px 0
}

.foo_navs h5 {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .11)
}

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

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

.address_right h6 {
    padding: 0;
    line-height: 20px;
    color: #00cfff;
    display: block;
    float: left;
    margin-right: 10px;
    min-width: 75px
}

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

.address_left i {
    font-size: 16px;
    color: #3189cf
}

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

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

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

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

.footerlist li {
    padding: 5px 0
}

.footer_social {
    margin: 20px 0 10px
}

.footerlist {
    padding-left: 0
}

.footerlist li a {
    display: inline-block;
    line-height: 20px;
    padding: 5px 0;
    color: #cecdcd;
    font-size: 14px
}

.footerlist li::before {
    content: "-";
    color: #fff;
    margin-right: 10px;
    font-size: 20px
}

.footer_details p {
    color: #cecdcd;
    padding: 5px 0;
    font-size: 12px;
    line-height: 22px
}

.row.footer_row {
    padding: 20px 0 0;
    margin-top: 20px;
    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: 600;
    font-size: 13px
}

.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: 0.5s
}

.social_list li a i:hover {
    color: #fff;
    transform: scale(1.1);
    transition: 0.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 iframe,
.footer_map .embed-container object,
.footer_map .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inner_cat {
    background: #f5f5f5
}

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

.online_banner {
    background: #157ac3;
    height: auto;
    padding: 30px 0
}

.starratings .filled {
    color: #ffb606
}

.banner_title h1 {
    color: #fff;
    font-size: 28px;
    line-height: 35px
}

.banner_title p {
    color: #fff;
    padding: 10px 0
}

.banner_title .bread_crums {
    display: block
}

.starratings {
    padding: 10px 0;
    font-size: 13px
}

.ratingtitle {
    color: #fff
}

.video_widget {
    background: #fff;
    height: 100%;
    border-radius: 0;
    padding: 10px;
    -webkit-box-shadow: -2px 5px 10px -6px rgba(0, 0, 0, 1);
    -moz-box-shadow: -2px 5px 10px -6px rgba(0, 0, 0, 1);
    box-shadow: -2px 5px 10px -6px rgba(0, 0, 0, 1);
}

.video_widget:hover .video_popup img {
    transform: scale(1.1);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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 {
    width: 100%;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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: 80px;
    padding-right: 80px;
    line-height: 15px;
    font-size: 12px
}

.enroll_btn p a {
    border: 1px solid #ffc600;
    background: #ffc600;
    display: inline-block;
    width: 100%;
    padding: 5px 25px;
    border-radius: 0;
    line-height: 25px;
    color: #333;
    font-size: 13px;
    font-family: OpenSans-SemiBold;
    text-align: center;
    transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -webkit-box-shadow: 0px 3px 10px -8px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 3px 10px -8px rgba(0, 0, 0, 1);
    box-shadow: 0px 3px 10px -8px rgba(0, 0, 0, 1);
}

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

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

.download_btn p a:hover {
    background: #ffc600;
    border: 1px solid #ffc600;
    color: #333;
    transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.3s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.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;
    font-family: 'OpenSans-SemiBold'
}

.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: #157ac3
}

.quote_right p {
    padding: 0
}

.quote_right p a {
    font-size: 17px;
    font-family: 'OpenSans-SemiBold';
    display: block;
    color: #1a73e8
}

.quote_right span {
    font-size: 10px;
    display: block;
    color: #1a73e8
}

.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: 14px;
    color: #fff;
    font-family: 'OpenSans-SemiBold';
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 20px 10px 0
}

.start {
    border-radius: 0;
    background: #FE5E08;
    padding: 13px 15px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    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)
}

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

.start i {
    padding: 0 0 0 10px
}

.adviser {
    border-radius: 0;
    background: #ffc600;
    padding: 13px 15px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    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);
    color: #000 !important
}

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

.adviser i {
    padding: 0 10px 0 0
}

.cus_badge {
    border-radius: 3px;
    font-size: 10px;
    padding: 2px 10px;
    background: #ffc600;
    border: none;
    color: #000;
    min-width: inherit;
    display: inline-block;
    font-weight: 700;
    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: #EFF1F2;
    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: 15px;
    padding: 15px 10px;
    display: block;
    line-height: 20px;
    position: relative;
    font-family: 'OpenSans-SemiBold';
    transition: 0.5s;
    -webkit-transition: 0.5s
}

.secondary_menu ul li a:hover {
    padding: 15px 10px;
    font-size: 16px;
    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);
    font-size: 16px
}

.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 10px;
    min-width: 40px;
    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
}

.feature_thumb img {
    width: auto !important
}

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

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

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

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

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

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

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

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

#featuresliders .owl-prev {
    left: 0
}

#featuresliders .owl-next {
    right: 0
}

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

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

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

.course_contents h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px
}

.course_contents h2::after {
    content: "";
    background: #ff8460;
    width: 150px;
    height: 3px;
    display: block;
    bottom: 0;
    position: absolute
}

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

.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;
    padding-left: 20px
}

.course_contents li {
    font-size: 15px;
    padding: 8px 0;
    line-height: 30px;
    margin-left: 0;
    display: block;
    color: #666161;
    font-family: 'OpenSans-Regular';
    word-spacing: 2px;
    letter-spacing: 0.2px
}

.course_contents li::before {
    content: "\f00c";
    padding-right: 10px;
    font-size: 10px;
    color: #1a73e8;
    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: 30px;
    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;
    font-family: 'OpenSans-SemiBold';
    padding: 5px 0;
    display: block;
    text-align: center
}

.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: none
}

.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
}

.wmBox_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999
}

.wmBox_centerWrap {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%
}

.wmBox_centerer {
    display: table-cell;
    vertical-align: middle
}

.wmBox_centerer iframe {
    width: 95%;
    display: table;
    margin: 0 auto;
    position: relative
}

.wmBox_contentWrap {
    width: 35%;
    margin: 0 auto;
    position: relative
}

.wmBox_scaleWrap {
    position: relative;
    height: 0;
    padding-top: 0;
    padding-bottom: 130%;
    width: 100%
}

.wmBox_centerer iframe {
    position: absolute;
    top: 0;
    border: 0;
    outline: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    left: 0;
    width: 100%;
    height: 100%
}

.wmBox_closeBtn {
    z-index: 2;
    position: relative;
    margin-top: -40px
}

.wmBox_closeBtn p {
    line-height: 0;
    margin: 0;
    padding: .5em 0 .75em;
    color: #FFF;
    background: #000;
    width: 1.3em;
    font-size: 25px;
    border-radius: 100%;
    text-align: center;
    font-family: Verdana, serif;
    position: relative;
    bottom: -.5em;
    right: -.5em;
    cursor: pointer;
    float: right;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transition: color 0.2s ease-out, background 0.2s ease-out
}

.wmBox_closeBtn p:hover {
    background: #FFF;
    color: #000
}

.wmBox_scaleWrap img {
    width: 100%
}

.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;
    font-size: 15px;
    line-height: 28px;
    padding-left: 20px;
    padding-right: 20px
}

.cartificate_thumb {
    padding: 5px;
    background: #ccc;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 300px
}

.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 0.8s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.8s cubic-bezier(.905, .395, .12, .55)
}

.cartificate_thumb img {
    transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.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 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.8s cubic-bezier(.905, .395, .12, .55)
}

.cartificate_thumb a {
    display: block
}

.preview_certificate p {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    opacity: .8;
    transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.8s cubic-bezier(.905, .395, .12, .55)
}

.preview_certificate:hover {
    transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 10.8ss cubic-bezier(.905, .395, .12, .55);
    background: rgba(0, 0, 0, .7)
}

.preview_certificate:hover p {
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    opacity: 1
}

.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 20px;
    font-size: 18px;
    font-family: 'OpenSans-SemiBold';
    border-radius: 5px;
    min-width: 280px;
    text-align: center;
    margin: 50px 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 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.8s cubic-bezier(.905, .395, .12, .55)
}

.get_certified i {
    padding-left: 10px;
    display: inline-block;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.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 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.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 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.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: 0.5s;
    -webkit-transition: 0.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: 0.5s;
    -webkit-transition: 0.5s
}

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

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

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

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

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

.feature_box span {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #1a73e8;
    font-weight: 600;
    transition: 0.5s;
    -webkit-transition: 0.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
}


/************Review carousel css starts here**********/

/*
.review_thumb p {
    width: 60px;
    margin: 0 auto;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    background: #1a73e8;
    color: #fff
}

.review_post {
    background: #e9eaff;
    padding: 15px;
    border-bottom: 5px solid #1a73e8;
    border-radius: 3px
}

.review_title {
    text-align: center
}

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

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

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

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

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

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

.review_carousel {
    margin: 20px 0 20px
}

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

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

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

.review_carousel .owl-prev span,
.review_carousel .owl-next 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 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.8s cubic-bezier(.905, .395, .12, .55)
}

button:focus {
    outline: none;
    outline: none
}

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

/************Review carousel css ends here**********/

.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-prev,
.related_slider .owl-next {
    position: absolute;
    top: 40%
}

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

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

.related_slider .owl-prev span,
.related_slider .owl-next 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 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.8s cubic-bezier(.905, .395, .12, .55)
}

.related_slider .owl-prev span:hover,
.related_slider .owl-next span:hover {
    background: #1a73e8;
    color: #fff;
    opacity: 1;
    transition: all 1s cubic-bezier(.905, .395, .12, .55);
    -webkit-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -moz-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -ms-transition: all 0.8s cubic-bezier(.905, .395, .12, .55);
    -o-transition: all 0.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: transparent
}

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

.faqaccodian .btn.btn-link {
    font-weight: 100;
    width: 100%;
    text-align: left;
    padding: 10px 50px 10px 10px;
    font-size: 15px;
    color: #716b6b;
    text-decoration: none;
    font-family: 'OpenSans-Regular';
    background: #f2f2f2;
    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)
}

.contact-Enq {
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 9;
    display: none;
    height: 0
}

.SimpleForm {
    width: 350px;
    float: right;
    position: absolute;
    background: #fff;
    right: -350px;
    z-index: -1;
    border-radius: none;
    top: -100px;
    height: 550px;
    overflow-y: scroll
}

.slider-arrow {
    background: #ffc600 none repeat scroll 0 0;
    color: #000;
    float: right;
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;
    padding: 12px 15px;
    position: relative;
    right: -47px;
    text-decoration: none;
    top: 160px;
    transform: rotate(270deg);
    width: auto
}

.slider-arrow:hover {
    color: #000
}

.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: 0.8s;
    -webkit-transition: 0.8s
}

.footer-social li a i:hover {
    color: #fff;
    transition: 0.8s;
    -webkit-transition: 0.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: #ffa500
}

.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::before,
.inn_banner-title h1::after {
    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::before,
.inn_banner-title h1 span::after {
    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: 13px
}

#breadcrumbs a {
    color: #fff
}

.breadcrumb_last {
    color: #fbeb55
}

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

#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 p span,
.custom_widgets .fa.fa-phone,
.custom_widgets a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    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: 0.5s;
    -webkit-transition: 0.5s
}

.widgets_list ul li a:hover {
    color: #f90;
    transition: 0.5s;
    -webkit-transition: 0.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: 0.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: 0.5s
}

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

.trending_list ul li a:hover {
    color: #f76b1c;
    transition: 0.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;
    font-family: 'OpenSans-SemiBold'
}

.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
}

.prev.page-numbers,
.next.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 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    width: 100%
}

.blog_list li:hover img {
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out
}

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

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

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

.blog_innerpge {
    margin: 10px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbd5d5
}

.blog_innerpge span {
    font-size: 14px;
    display: inline-block;
    padding-right: 10px;
    color: #484848
}

.blog_innerpge span a {
    font-weight: 600;
    color: #484848
}

.blog_innerpge span i {
    color: #0775be;
    padding-right: 5px
}

.related_blogs_widgets {
    margin: 40px 0
}

.related_words {
    padding: 10px;
    background: #e3e3e3;
    height: 200px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.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 0.9s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.related_blogs {
    border: 1px solid #eae2e2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.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
}

.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 {
    border-top: 1px solid #e8e4e4;
    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 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.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;
    font-family: inherit
}

.related_courcontent {
    padding: 10px;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    margin: 10px 0 10px;
    color: #777474;
    height: 100px;
    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: 13px
}

.raleted_ratings .ratingtitle {
    font-family: 'OpenSans-SemiBold'
}

.overall_related:hover .releated_read {
    bottom: 0;
    height: 10%;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.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 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.releated_read a {
    font-size: 12px;
    display: block;
    padding: 10px;
    background: #157ac3;
    color: #fff;
    font-family: 'OpenSans-SemiBold'
}

#related_catcourse .owl-prev,
#related_catcourse .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    opacity: 0;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out
}

#related_catcourse .owl-prev {
    left: -30px
}

#related_catcourse .owl-next {
    right: -30px
}

.relatedbg:hover #related_catcourse .owl-prev {
    opacity: 1;
    left: 0;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out
}

.relatedbg:hover #related_catcourse .owl-next {
    opacity: 1;
    right: 0;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out
}

#related_catcourse .owl-prev span,
#related_catcourse .owl-next span {
    font-size: 40px;
    color: #333;
    background: #fff;
    width: 50px;
    display: block;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    box-shadow: 2px 0 15px 1px #ccc
}

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

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

#contactpage {
    background: #ebebec;
    height: 100%;
    display: table;
    width: 100%
}

.branch_details {
    padding: 20px 0
}

.select_branch {
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}

.select_branch span {
    display: inline-block;
    font-size: 18px;
    padding: 5px 0;
    line-height: 25px;
    margin-right: 10px;
    font-weight: 600
}

#branchid {
    width: 30%;
    padding: 5px;
    font-size: 14px;
    line-height: 25px;
    color: #5e5e5e;
    background: #ccc;
    border: 1px solid #b0aeae
}

.branch_widgets {
    padding: 20px;
    background: #fff;
    margin: 15px 0 !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 375px;
    border-radius: .5em;
    position: relative;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.branch_widgets:hover {
    box-shadow: 0 0 20px 0 #ccc;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.branch_widgets:hover .get_dirction span {
    background: #fe5e08;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.address_box {
    margin-bottom: 30px;
    width: 100%
}

.branch_widgets h5 {
    font-size: 18px;
    color: #0775be
}

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

.branch_widgets strong {
    display: block
}

.branch_widgets span {
    font-weight: 600;
    color: blue;
    display: inline-flex;
    align-items: center
}

.branch_widgets i {
    font-size: 16px;
    display: inline-block;
    padding-right: 5px
}

.branch_widgets a {
    color: #333;
    font-weight: 400;
    color: #0775be;
    font-family: 'OpenSans-SemiBold'
}

.get_dirction {
    position: absolute;
    bottom: 0
}

.get_dirction p {
    padding: 0
}

.get_dirction span {
    background: #0775be;
    padding: 8px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: inline-flex;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out
}

.get_dirction i,
.get_dirction a {
    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;
    font-family: 'OpenSans-SemiBold'
}

.onlinecntct a {
    font-weight: 400;
    color: #0775be;
    font-family: 'OpenSans-SemiBold';
    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(0deg);
    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: transparent;
    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: transparent;
    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 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.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 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.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 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.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;
    font-family: 'OpenSans-SemiBold';
    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 {
    background: url(../images/list-icon.png) no-repeat 0 9px;
    background-repeat: no-repeat;
    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;
    font-family: 'OpenSans-SemiBold' !important
}

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

.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: 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
}

.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: 45px;
    display: block;
    position: absolute;
    top: 0;
    right: -20px
}

.fixed_box span:nth-child(5):after,
.fixed_box span:nth-child(1):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: #157ac3;
    width: 20%
}

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

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

.fixed_box a {
    display: block;
    color: #333;
    font-family: 'OpenSans-SemiBold';
    text-align: center
}

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

.en_box_inner a {
    display: inline;
    padding: 8px 40px 8px 20px;
    border-radius: 5px;
    background: #3194eb;
    color: #fff
}

.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
}

.discount_hover {
    position: absolute;
    padding: 15px;
    background: #fff;
    width: 400px !important;
    right: 0;
    left: -25px;
    margin: 0 auto;
    top: 45px;
    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%
}

.discount_hover:hover .discount_btn a {
    background-color: #ffc600;
    border-color: #ffc600;
    color: #333;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.in_box_inner i {
    color: #ff585c !important
}

.in_box_inner a {
    color: #ff585c
}

.discount_hover h5 {
    padding: 5px 0;
    line-height: 15px
}

.discount_hover p {
    font-size: 13px;
    padding: 8px 0;
    line-height: 25px;
}

.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: 12px;
    color: #fff;
    padding: 8px 20px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    border-radius: 0;
    box-shadow: 0px 2px 6px -2px #000;
}

.ct_box_hover {
    position: absolute;
    padding: 15px;
    background: #fff;
    width: 400px !important;
    right: -20px;
    margin: 0 auto;
    top: 45px;
    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%
}

.ct_box_hover h5 {
    padding: 5px 0;
    line-height: 15px
}

.ct_box_hover p {
    font-size: 13px;
    padding: 8px 0;
    line-height: 25px
}

.ct_box_hover em {
    font-size: 14px;
    display: block;
    text-align: center
}

.ct_box_hover:hover .discount_btn a {
    background-color: #ffc600;
    border-color: #ffc600;
    color: #333;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.batch_schedule .row {
    align-items: center
}

.cus_btchschedule {
    margin: 25px 0;
    padding: 10px;
    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)
}

.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 {
    margin: 10px 0;
    border-bottom: 1px solid #dee2e6;
    display: block;
    padding: 10px 0
}

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

.batchdate {
    width: 20%;
    display: inline-block;
    font-size: 15px;
    font-family: 'OpenSans-SemiBold';
    position: relative;
    margin-right: 10px
}

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

.batchday {
    display: inline-block;
    width: 30%;
    font-size: 14px;
    line-height: 20px;
    font-family: 'OpenSans-SemiBold';
    color: #4c4747;
    margin-right: 10px
}

.batchday i {
    display: block;
    font-size: 12px;
    color: #ff585c
}

.batchtime {
    width: 30%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-family: 'OpenSans-SemiBold';
    color: #4c4747;
    margin-right: 10px
}

.batchtime i {
    display: block;
    font-size: 12px;
    color: #ff585c
}

.batch_btn {
    background: transparent;
    color: #333;
    padding: 8px 15px;
    font-size: 13px;
    line-height: 15px;
    font-family: 'OpenSans-SemiBold';
    border-radius: 0;
    box-shadow: 0px 2px 2px 0px #ccc;
    border-color: #a0c3fb;
}

.request_batch {
    display: flex;
    width: 100%;
    background: #fff;
    margin: 15px 0;
    -webkit-box-shadow: 0px 2px 8px -5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 2px 8px -5px rgba(0, 0, 0, 1);
    box-shadow: 0px 2px 8px -5px rgba(0, 0, 0, 1);
}

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

.req_left {
    width: 30%;
    text-align: center;
    padding: 0 10px;
    align-items: center;
    display: flex;
    justify-content: center
}

.req_right {
    width: 70%;
    padding: 0 10px
}

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

.req_right .btn.btn-primary {
    margin: 5px 0 20px;
    display: table;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-family: 'OpenSans-SemiBold'
}

.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-family: 'OpenSans-SemiBold';
    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 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

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

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

#trainingcourse {
    background: #eaeaea
}

.row_padding {
    margin: 30px 0;
    align-items: center
}

.training_tabs #myTab {
    margin-bottom: 10px;
    justify-content: center
}

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

.training_tabs .nav-tabs .nav-item.show .nav-link,
.training_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
}

.training_tabs .nav-item .nav-link {
    padding: 15px 60px;
    font-size: 20px;
    border-radius: 0
}

.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: 110px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0
}

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

.tr_courseratings .filled {
    color: #ffb606
}

.box {
    background: #fff;
    overflow: hidden;
    position: relative;
    transition: all 0.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 0.6s ease-in-out;
    opacity: 0;
    background: rgba(16, 103, 219, .95) none repeat scroll 0 0
}

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

.box .title {
    font-family: 'OpenSans-SemiBold';
    color: #fff
}

.box:hover .title {
    opacity: 1
}

.box:hover .box-content {
    opacity: .9;
    transition: all 0.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:before,
.box-content .overlay:after,
.box-content .overlay div:before,
.box-content .overlay div:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    transition: all 0.6s ease-in-out
}

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

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

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

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

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

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

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

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

.row_padding .owl-prev {
    left: 0
}

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

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

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

.row_padding .owl-prev span,
.row_padding .owl-next 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 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.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: 15px 15px 0 0
}

.trendings li a {
    font-size: 12px;
    background: #eae8e8;
    display: block;
    padding: 1px 15px;
    box-shadow: 0 3px 1px #E3E3E3;
    color: #807373;
    font-family: 'OpenSans-SemiBold';
    border-radius: 6px;
    text-align: center;
    transition: all ease .5s
}

.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-color: rgba(7, 118, 190, .9);
    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;
    font-family: 'OpenSans-Regular'
}

.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: rgb(206, 199, 199);
    border-right-color: rgb(206, 199, 199);
    border-bottom-color: rgb(206, 199, 199);
    border-left-color: rgb(206, 199, 199);
    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: rgb(206, 199, 199);
    border-right-color: rgb(206, 199, 199);
    border-bottom-color: rgb(206, 199, 199);
    border-left-color: rgb(206, 199, 199);
    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_box {
    background: rgb(255, 255, 255);
    padding: 40px 40px 1px
}

.placed_box h4 {
    background: #0063a1;
    padding: 20px 20px 20px 30px;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    margin-right: -40px;
    margin-bottom: 20px;
    margin-left: -50px
}

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

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

.master_course_banner {
    background: #444;
    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 .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: 8px 0;
    border-bottom: 1px dotted #ccc;
    display: flex;
    align-items: center
}

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

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

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

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

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

.m_course_left a {
    font-size: 15px;
    color: #333;
    display: block;
    padding: 0;
    line-height: 20px;
    font-family: 'OpenSans-SemiBold'
}

.m_course_right p {
    text-align: center;
    font-size: 16px;
    font-family: 'OpenSans-SemiBold'
}

.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;
    font-family: 'OpenSans-SemiBold';
    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;
    font-family: 'OpenSans-SemiBold';
    color: green
}

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

.mamount_tottal a {
    color: #ffc704;
    font-size: 20px
}

.mamount_tottal .m_course_right p {
    text-align: center;
    font-size: 28px;
    font-family: 'OpenSans-SemiBold';
    color: #ffc704
}

#m_amountstrike {
    text-decoration: line-through
}

.master_widgets {
    padding: 40px 0;
    position: sticky;
    top: 30px
}

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

.master_tabs ul li a {
    padding: 10px 20px;
    font-size: 14px;
    font-family: 'OpenSans-SemiBold';
    background: #3194eb;
    border-radius: 25px;
    color: #fff
}

.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: 22px;
    text-align: center
}

.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 {
    background: transparent url(//www.besanttechnologies.com/wp-content/themes/u-design/styles/style1/css/../../common-images/info.png) no-repeat scroll 4px 50%;
    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;
    font-family: 'OpenSans-SemiBold'
}

.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;
    font-family: 'OpenSans-SemiBold';
    background: #596064;
    border: #0463a8;
    color: #fff;
    text-transform: uppercase;
    margin: 20px auto;
    transition: 0.5s;
    -webkit-transition: 0.5s
}

.ins_submit:hover {
    background: #423b3b;
    transition: 0.5s;
    -webkit-transition: 0.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: 50px;
        padding-left: 50px
    }

    .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: 28px 6px
    }

    .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
    }

    .overallbtn {
        display: block
    }

    .enroll_btn p a {
        padding: 5px 20px;
        font-size: 12px
    }

    .enroll_btn {
        min-width: 150px
    }

    .download_btn {
        min-width: 150px
    }

    .download_btn p a {
        padding: 5px 20px;
        font-size: 12px
    }

    .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
    }

    .left_div h4 {
        line-height: 25px;
        font-size: 16px
    }

    .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) {
    .mobile_search {
        display: block
    }

    .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: 15px;
        padding-left: 15px
    }

    header {
        height: auto;
        display: block
    }

    .logo {
        width: 50%
    }

    ul.main_menu > li > a {
        pointer-events: none
    }

    .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: 10px;
        top: 23px;
        transform: rotate(0deg)
    }

    .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 .50rem;
        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: 20px 0
    }

    .s_title h2 {
        font-size: 22px;
        line-height: 33px
    }

    .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 p {
        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: 22px
    }

    .online_right a {
        margin: 15px auto;
        font-size: 16px;
        padding: 12px 30px
    }

    .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;
    }
    p {
        line-height: 25px;
    }
    .left_div::after {
        display: none;
    }
    .offer_head .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .offer_no_padding {
        padding-left: 10px !important;
        padding-right: 10px !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 0;
        line-height: 18px;
        text-align: left
    }

    .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: 120px;
        overflow: hidden
    }

    .adviser i {
        padding: 0 0 0 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-prev,
    #trending_course .owl-next {
        top: -7%
    }

    #trending_course .owl-prev {
        right: 13%
    }

    #master_course .owl-prev,
    #master_course .owl-next {
        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
    }

    .s_title h2 {
        font-size: 18px;
        line-height: 30px
    }

    .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
    }

    .s_title p {
        width: 100%
    }

    .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
    }

    address,
    .footerlist {
        margin: 10px 0
    }

    .footerlist li a {
        line-height: 15px
    }

    .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: 20px 0
    }

    .course_banner {
        padding: 20px 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: 18px
    }

    .course_contents h3 {
        font-size: 16px
    }

    .course_contents h4 {
        font-size: 14px
    }

    .course_contents h5 {
        font-size: 13px
    }

    .course_contents h6 {
        font-size: 14px
    }

    .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: 30px 0
    }

    .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
    }

    .scherow {
        align-items: start;
        justify-content: center;
        flex-direction: column
    }

    .batchdate {
        width: 100%;
        display: block;
        margin-bottom: 15px;
        margin-right: 0
    }

    .batchday {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .batchtime {
        width: 100%;
        display: block;
        margin-bottom: 15px;
        margin-right: 0
    }

    .batchdate::after {
        display: none
    }

    .batch_title h2 {
        font-size: 18px
    }

    .req_left .fa.fa-calendar {
        font-size: 42px
    }

    .req_right h4 {
        font-size: 16px
    }

    .req_right .btn.btn-primary {
        margin: 15px auto;
        font-size: 12px;
        padding: 8px 15px
    }

    .master_section .course_contents {
        background: transparent;
        border-radius: 5px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .fixed_menu {
        background: #fff !important
    }
}

@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-title2,
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2 {
    color: #FFF;
    font-family: 'OpenSans-SemiBold' !important;
    font-size: 14px !important;
    padding: 5px;
    text-shadow: ;
    max-height: 100%
}

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

.Rblog_boxes {
    border: 1px solid #eee;
    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%;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    height: 150px;
    padding: 20px;
    display: flex;
    align-items: center;
}

.Rblog_boxes:hover {
    -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: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15);
    background-size: auto 103%
}

/*
.Rb_title {
    background: #157ac3;
    background-color: rgb(21, 122, 195);
    height: 100px;
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 1%
}
*/
.Rb_blogs {
    height: auto
}

.Rb_title h5 {
    font-size: 16px;
    padding: 5px 0;
    margin-bottom: 0;
    color: #2d3748;
    line-height: 25px
}

.Rb_tags {
    margin: 10px
}

.Rb_tags span {
    font-size: 12px;
    margin-right: 15px;
    color: gray;
    font-family: 'OpenSans-SemiBold';
    padding: 5px 0;
    display: inline-block
}

.Rrelated_blogcontent {
    font-size: 13px;
    line-height: 25px;
    padding: 10px;
    color: #716c6c;
    text-align: center;
    height: 100px;
    overflow: hidden
}

.Rblog_boxes:hover .Rreleated_read {
    bottom: 0;
    height: 12%;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.Rreleated_read {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    font-size: 14px;
    display: block;
    background: #157ac3;
    color: #fff;
    font-family: 'OpenSans-SemiBold';
    display: flex;
    align-items: center;
    justify-content: center
}

.Rtags {
    background: linear-gradient(315deg, #06bcfb 0, #4884ee 74%);
    padding: 5px 10px !important;
    color: #fff !important;
    border-radius: 5px
}

#related_courseblogs .owl-nav {
    position: absolute;
    top: -15%;
    right: 0
}

#related_courseblogs .owl-prev {
    margin-right: 10px
}

#related_courseblogs .owl-prev span,
#related_courseblogs .owl-next span {
    font-size: 30px;
    display: block;
    border: 1px solid #aaa4a4;
    width: 30px;
    height: 30px;
    line-height: 22px
}

#related_courseinterview .owl-nav {
    position: absolute;
    top: -15%;
    right: 0
}

#related_courseinterview .owl-prev {
    margin-right: 10px
}

#related_courseinterview .owl-prev span,
#related_courseinterview .owl-next span {
    font-size: 30px;
    display: block;
    border: 1px solid #aaa4a4;
    width: 30px;
    height: 30px;
    line-height: 22px
}

.offer_btns {
    color: #333;
    background: yellow;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 5px;
    transition: 0.5s;
    -webkit-transition: 0.5s
}

.offer_btns:hover {
    color: #fff;
    background: #c85e0d;
    transition: 0.5s;
    -webkit-transition: 0.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;
    font-family: 'OpenSans-SemiBold'
}

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

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

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

.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;
}

/*****Offer page css starts here***/
.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: none;
    color: #6c6a6a;
    font-family: 'OpenSans-Regular';
    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: 0.35s ease;
    color: #6c6a6a;
}

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

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

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

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

.dropbtn {
    background-color: #FF8315;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    line-height: 15px;
    font-family: 'OpenSans-SemiBold';
    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 {
    position: relative;
    display: block;
}

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

.dropdown-content ul {
    padding: 0;
}

.dropdown-content a {
    color: #333;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    line-height: 20px;
}

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

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

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

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

.offermenu_widgets {
    padding: 0px 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: 15px;
    padding: 20px 15px;
    color: #646464;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

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

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

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

.offer_menu .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    font-size: 14px;
}

.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 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.offercontent_div .offerdiv:hover {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.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;
    font-family: 'OpenSans-SemiBold';
}

.off_ratecount {
    font-size: 12px;
    padding: 0 10px;
    display: inline-block;
    color: #807979;
    font-family: 'OpenSans-SemiBold';
}

.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;
    font-family: 'OpenSans-SemiBold';
}

.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: 0.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 0px;
}

.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 0px;
    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: 0px;
}

.combooffer_ins {
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    font-family: 'OpenSans-SemiBold';
    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-prev,
.comboffer_slider .owl-next {
    position: absolute;
    top: 35%;
}

.comboffer_slider .owl-prev {
    left: -20px;
}

.comboffer_slider .owl-next {
    right: -20px;
}

.comboffer_slider .owl-prev span,
.comboffer_slider .owl-next 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-prev.disabled,
.comboffer_slider .owl-next.disabled {
    opacity: 0.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: 0px;
}

.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;
    font-family: 'OpenSans-SemiBold';
}

.def .defbtn {
    position: relative;
    padding: 5px 10px;
    font-size: 12px;
    margin: 25px auto 15px;
    display: table;
    font-family: 'OpenSans-SemiBold';
    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;
    font-family: 'OpenSans-SemiBold';
}

.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 > .list-group,
.offer_accordian .panel-group .panel-heading + .panel-collapse > .card-body {
    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 {}

.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: 0.6em;
    float: left;
    display: block;
    font-size: 12px;
    color: #847f7f;
}

/*****Offer page css Ends here***/
/**********offer page inner css starts here******************/
.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;
    font-family: 'OpenSans-SemiBold';
}

.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: 0px 0px;
    border: 1px solid #f0f0f0;
    position: relative;
}

.bt_videowidget p {
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    font-family: 'OpenSans-SemiBold';
}

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

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

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

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

.play_btn {
    z-index: 99;
    position: absolute;
    top: 35%;
    width: 100%;
    height: auto;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.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;
    font-family: 'OpenSans-SemiBold';
}

.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;
    font-family: 'OpenSans-SemiBold';
}

.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: 0px 0px 5px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.offer_cntct:hover {}

.offer_cntct p {
    font-size: 14px;
    color: #686565;
    font-family: 'OpenSans-SemiBold';
    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;
    font-family: 'OpenSans-SemiBold';
}

.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;
}

/*THIRU Banner readmore css starts here*/
.bannershow .showmore_content {
    margin-bottom: 0;
}

.bannershow .showmore_trigger {
    height: 25px;
    line-height: 25px;
}

.bannershow .showmore_trigger span {
    text-align: right;
    font-size: 13px;
    font-family: 'OpenSans-SemiBold';
    color: #ffc600;
    text-decoration: none;
    border-top: none;
    float: right;
    text-shadow: 1px 2px 2px #333;
}

/*THIRU Banner readmore css ENds here*/
.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: 14px;
    font-family: 'OpenSans-SemiBold';
    color: #2874f0;
    border-top: 1px solid #f0f0f0;
}

.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;
    font-family: 'OpenSans-Regular';
    width: 30%;
    border: 1px solid #ddd;
}

.training_typs select option {
    font-family: 'OpenSans-Regular';
    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 0px;
    font-family: 'OpenSans-SemiBold';
    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: 20px;
    position: relative;
    color: #5e5c5c;
    display: flex;
}

.inner_featureslist li::before {
    content: "\f02b";
    font-family: FontAwesome;
    font-size: 13px;
    padding-left: 0.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: 0.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: 0px;
    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;
    font-family: 'OpenSans-SemiBold';
}

.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;
    font-family: 'OpenSans-SemiBold';
}

.offerratebtn {
    margin: 10px 0;
}

.offerpage_similar {
    background: #fff;
    margin: 0 10px;
    padding: 20px;
}

.similar_course_slider .owl-prev,
.similar_course_slider .owl-next {
    position: absolute;
    top: 35%;
}

.similar_course_slider .owl-prev {
    left: -20px;
}

.similar_course_slider .owl-next {
    right: -20px;
}

.similar_course_slider .owl-prev span,
.similar_course_slider .owl-next 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-prev.disabled,
.similar_course_slider .owl-next.disabled {
    opacity: 0.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: 0px;
}

.offerbatchstyle .batchday {
    width: 60%;
}

.offerbatchstyle .batchtime {
    width: 50%;
}

/**********offer page inner css Ends here******************/



/*******THIRU Special offer css starts here********/

.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: 600;
    text-decoration: none;
    color: #303131;
    font-style: normal;
    margin-right: 20px;
}

.special_amount ins::before {
    content: "₹";
}

.special_amount p {
    font-size: 12px;
    font-weight: 600;
    color: #03a685;
}

.special_amount span {
    font-size: 15px;
    padding: 0 10px;
    font-style: italic;
}

.special_amount {
    text-align: left;
    margin: 20px 0;
}

.special_offtitle h1 {
    border-bottom: 1px solid #eae3e3;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 22px;
}

.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, rgb(255, 65, 108), rgb(255, 75, 43)) repeat scroll 0% 0%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border: none;
    color: #fff;
    font-family: 'OpenSans-SemiBold';
    text-transform: uppercase;
    font-size: 14px !important;
}

.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;
    font-family: 'OpenSans-SemiBold';
    border: 1px solid #d4d5d9;
    text-transform: uppercase;
    font-size: 14px !important;
}

.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;
}

/*******Thiru Special offer css Ends here********/

/****** THiru Frequently combo css starts here *******/



.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;
}

.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;
    font-family: 'OpenSans-SemiBold';
}

.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;
    font-family: 'OpenSans-SemiBold';
}

.discount_fees ins {
    text-decoration: none;
    padding: 0 5px;
}

.combolistdiscount p {
    color: #388e3c;
    font-weight: 500;
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;
    display: block;
    line-height: 20px;
}

.btn.freenrlbtn {
    max-width: 160px;
    display: block;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
    background: linear-gradient(315deg, #06bcfb 0, #4884ee 74%);
    border: 0px;
    padding: 10px;
    line-height: 20px;
    color: #fff;
    font-family: 'OpenSans-SemiBold';
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    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);
}

.btn.freenqbtn {
    background: #626160;
    max-width: 160px;
    display: block;
    margin: 10px 0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px;
    border: 0px;
    font-family: 'OpenSans-SemiBold';
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    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);
}

.btn.freenrlbtn i,
.btn.freenqbtn 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: 15px 15px;
    }

    .bt_comboboxright {
        width: 100%;
        float: none;
        padding: 0px 20px;
    }

    .btn.freenrlbtn {
        max-width: 100%;
    }

    .btn.freenqbtn {
        max-width: 100%;
    }

    .combostarratings {

        margin-right: 0;
        display: block;
        padding: 10px 0;
        line-height: 25px;
    }

    .btcombo_tags {
        margin: 15px 0;
    }
}

/****** THiru Frequently combo css Ends here *******/



/****Thiru related blog redesign css starts here******/


.ttbt_blogs {
    box-sizing: border-box;
    margin: 0;
    display: block;
    border-left: 3px solid #00a9ff;
    padding: 20px;
    height: 250px;
    background-color: #fff;
    border-radius: 1rem;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    box-shadow: 1px 1px 5px 0 rgba(1, 1, 1, .05);

}

.ttbt_blogs:hover {
    -webkit-transform: translateY(-0.25rem);
    -ms-transform: translateY(-0.25rem);
    transform: translateY(-0.25rem);
    box-shadow: 0px 2px 4px rgba(46, 41, 51, 0.08), 0px 5px 10px rgba(71, 63, 79, 0.16);
}

.ttbt_blogtags {
    box-sizing: border-box;

    margin-bottom: 1rem;
}

.ttbt_blogtags a {
    box-sizing: border-box;
    display: inline-block;
    font-size: 10px;
    padding: 7px 15px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 10px;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    background: linear-gradient(315deg, #06bcfb 0, #4884ee 74%);
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
}

.ttbt_blogtags a:hover {
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    background-color: #718096;
}

.ttbt_blogstitle a {
    color: #2d3748;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 27px;
    font-family: 'OpenSans-SemiBold';
    display: block;
}

.ttbt_blogstitle a:hover {
    color: #dd6b20;
}

.ttbt_blogcntnt {
    padding: 10px 0 0;
}

.ttbt_blogcntnt p {
    font-size: 13px;
    line-height: 24px;
    color: #718096;
    padding: 10px 0;
}

.ttbt_blogtags span {
    font-size: 13px;
    text-align: center;
    display: inline-block;
    margin: 0 20px;
    color: #718096;
}

.ttbt_blogtags span i {
    padding: 0 5px;
}

/****Thiru related blog redesign css Ends here******/



/******THiRU Course redirect wedget css starts here*******/


.bt_onlineredirection {
    background-image: linear-gradient(to left, #7d6bd1, #6e67c9, #5f62c1, #4f5eb9, #3f59b0, #3b5ab3, #365ab7, #315bba, #3b61ca, #4667db, #526deb, #5f73fb);
    margin-top: 40px;
}

.bt_redirdiv {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 1px 3px 3px 0px #333;
    display: flex;
    width: 100%;
    align-items: center;
}

.bt_redirdiv_lefticon {
    width: 15%;
    padding: 0 15px;
    text-align: center;
}

.bt_redirdiv_middlecontnt {
    padding: 0 15px;
    width: 60%;
}

.bt_redirdiv_rightbtn {
    width: 25%;
    padding: 0 15px;
    text-align: center;
}

.bt_redirdiv_middlecontnt h3 {
    font-size: 24px;
    font-weight: 600;
    color: #6a757d;
    padding: 5px 0;
}

.bt_redirdiv_middlecontnt p {
    font-size: 14px;
    color: #666565;
    font-family: 'OpenSans-SemiBold';
}

.bt_redirdiv_rightbtn .btn.btn-primary {
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
    padding: 10px;
    line-height: 25px;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 0px;
    background: linear-gradient(to left, #8C3FFF, #5C72FF);
    border: none;
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .bt_redirdiv_middlecontnt h3 {
        font-size: 20px;
    }

    .bt_redirdiv_middlecontnt p {
        font-size: 12px;
    }
}

@media screen and (min-width:992px) and (max-width:999px) {
    .bt_redirdiv_middlecontnt h3 {
        font-size: 18px;
    }

    .bt_redirdiv_middlecontnt p {
        font-size: 12px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .bt_redirdiv_middlecontnt h3 {
        font-size: 18px;
    }

    .bt_redirdiv_middlecontnt p {
        font-size: 12px;
        line-height: 20px;
    }

    .bt_redirdiv_rightbtn .btn.btn-primary {
        font-size: 12px;
    }
}

@media screen and (max-width:767px) {

    .bt_redirdiv {
        padding: 15px;
        display: block;
    }

    .bt_redirdiv_lefticon {
        display: none;
    }

    .bt_redirdiv_middlecontnt {
        padding: 0;
        width: 100%;
    }

    .bt_redirdiv_middlecontnt h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .bt_redirdiv_middlecontnt p {
        font-size: 12px;
        line-height: 20px;
    }

    .bt_redirdiv_rightbtn {
        width: 100%;
        padding: 0 20px;
        margin: 20px 0;
    }

    .bt_redirdiv_rightbtn .btn.btn-primary {
        font-size: 12px;
        width: 80%;
        padding: 8px;
    }
}

/******THiRU Course redirect wedget css ENds here*******/



/**************Thiru Common review widgets css starts here*******************/

.bt_reviewwidgets,
.bt_googlereviewwidgets,
.bt_studentreviewwidgets {
    background: #fff;
    padding: 15px;
    height: 100%;
    width: 100%;
    box-shadow: 0px 2px 10px 2px #ccc;
    -webkit-box-shadow: 0px 2px 10px 2px #ccc;
}

.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: 0px;
    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 {
    width: 50%;
    margin: 0 5px;
}

.bt_reviewsubsciberight a {
    font-size: 12px;
    text-align: center;
    display: block;
    background: #e62117;
    padding: 6px 10px;
    color: #fff;
    font-weight: 100;
    font-family: 'OpenSans-SemiBold';
}

.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: 0px;
    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: 12px;
    text-align: center;
    display: block;
    background: #4c8bf5;
    padding: 10px 15px;
    color: #fff;
    font-weight: 100;
    font-family: 'OpenSans-SemiBold';
    box-shadow: 0px 2px 6px -1px #333;
    -webkit-box-shadow: 0px 2px 6px -1px #333;
}

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

.bt_studentreviewtitle h3 {
    text-align: center;
    text-transform: uppercase;
    color: #0d9d31;
    padding: 5px 0;
}

.bt_studentreviewtitle p {
    font-size: 13px;
    word-spacing: 0px;
    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: 12px;
    text-align: center;
    display: block;
    background: #0d9d31;
    padding: 10px 15px;
    color: #fff;
    font-weight: 100;
    font-family: 'OpenSans-SemiBold';
    box-shadow: 0px 2px 6px -1px #333;
    -webkit-box-shadow: 0px 2px 6px -1px #333;
}

/***************Thiru Common review widgets css Ends here*******************/


/***********THiru Reviews sections css starts here************************/

.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 0.4s ease 0s;
}

#review_carousel.owl-theme .owl-controls .owl-page.active span,
#review_carousel .owl-theme .owl-controls.clickable .owl-page:hover 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;
}


/************Thiru Reviews Sections css ends here**************************/




/************Thiru Key Feature Sections css Starts here**************************/

.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: #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: #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: #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: #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, 0.75);
    -moz-box-shadow: 11px 11px 39px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 11px 11px 39px -13px rgba(0, 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;
}

/************Thiru Key Feature Sections css ends here**************************/


/**********THiru Key feature responsive css starts here************/



@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 (min-width:992px) and (max-width:999px) {}


@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: 30px 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;
    }

    }


/**********THiru Key feature responsive css Ends here************/


/****course offer Inner page responsive work starts here*****/


@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 .50rem;
        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_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: 0px 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 0px;
        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-prev span,
    .similar_course_slider .owl-next 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 0px;
    }

    .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;
    }
}

/****course offer Inner page responsive work Ends here*****/