@charset "utf-8";
    * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
body {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-family: poppins, sans-serif;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    color: #cd5052;
    text-decoration: none !important;
    transition: all ease-in-out .6s;
    -webkit-transition: all ease-in-out .6s;
    -moz-transition: all ease-in-out .6s;
    -ms-transition: all ease-in-out .6s;
}
a:hover {
    text-decoration: none;
    transition: all ease-in-out .6s;
    -webkit-transition: all ease-in-out .6s;
    -moz-transition: all ease-in-out .6s;
    -ms-transition: all ease-in-out .6s;
}
a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}
button:focus {
    outline: none;
}
p {
    margin-bottom: 0;
}
*:focus {
    outline: none;
    box-shadow: none;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-400 {
    font-weight: 400;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus, .form-control:focus {
    box-shadow: none;
}
.container {
    max-width: 1240px;
}
#gmailmobile-error.error{
    font-size: 12px;
    text-align: left;
    margin-bottom: 0px!important;
    display: block!important;
}
#login_password-error.error{
    font-size: 12px;
    text-align: left;
    margin-bottom: 0px!important;
    display: block!important;
}
.sticky {
    position: fixed;
    background-color: #fff;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 13px -2px rgb(3 3 3/14%);
    transition: .7s;
}
.sticky .logo img {
    width: 190px;
    transition: .7s;
}
.sticky nav.menu ul li a {
    padding: 15px 0;
    transition: .7s;
}
header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: #139bab;
}
header .logo img {
    width: 200px;
    transition: .7s;
}
header nav.menu ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
header .header-inner {
    position: relative;
}
header .hea-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.header-right-info {
    float: right;
    margin-bottom: -58px;
    position: relative;
    z-index: 999;
    right: 0%;
    top: -8px;
}
.header-right-info ul {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0;
}
.header-right-info ul li a {
    padding-left: 12px;
    color: #fff;
    font-size: 13px;
    letter-spacing: .5px;
}
.header-right-info ul li a:hover {
    color: #55edff;
}
.header-right-info ul li a i {
    background-color: green;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: solid 2px green;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.header-right-info ul li a i:hover {
    border: solid 2px #fff;
    background-color: transparent;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.hea-inner .menu {
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}
header nav.menu ul li {
    display: inline-block;
    padding: 0 10px;
}
header nav.menu ul li ul {
    padding-top: 15px;
}
header nav.menu ul li ul li {
    padding: 0;
    display: block;
}
header nav.menu ul li ul li a {
    padding: 3px 0;
    font-size: 13px;
    line-height: 21px;
    text-transform: capitalize;
    color: #666;
    font-weight: 400;
}
header nav.menu ul li a.dropdown-item {
    color: #212529;
    padding: 5px 15px;
    font-weight: 400;
}
header nav.menu ul li a.dropdown-item:hover {
    color: #139bab;
    padding: 5px 15px;
    font-weight: 400;
}
header nav.menu ul li:hover ul li a:after {
    display: none;
}
header nav.menu ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    padding: 0 10px;
    display: inline-block;
    font-weight: 600;
    position: relative;
    transition: 0s!important;
    letter-spacing: .5px;
}
header nav.menu ul li a:hover {
    color: #139bab;
    background-color: #fff;
    transition: 0s!important;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 5px;
}
header nav.menu ul li a.active {
    color: #139bab;
    font-weight: 600;
    background-color: #fff;
    padding: 0 10px;
    border-radius: 5px;
}
header nav.menu ul li.new-megamenu:hover a:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 90px;
    left: 0;
    content: '';
    z-index: 9999;
    width: 10px;
    margin: 0 auto;
    right: 0;
}
header nav.menu ul li.new-dropdown:hover a:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 90px;
    left: 0;
    content: '';
    z-index: 9999;
    width: 10px;
    margin: 0 auto;
    right: 0;
}
header nav.menu .new-megamenu-wrap {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    background: #252525;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    visibility: hidden;
    opacity: 0;
}
header nav.menu .new-megamenu-wrap {
}
.header nav.menu li.new-dropdown.last-element ul {
    right: 0;
    left: auto;
}
header nav.menu li.new-dropdown {
    position: relative;
}
header nav.menu li.new-dropdown ul {
    position: absolute;
    left: -73px;
    top: 100px;
    width: 250px;
    background: #fff;
    padding: 20px 25px;
    visibility: hidden;
    opacity: 0;
    z-index: -9;
    box-shadow: 0 2px 8px 0 rgb(0 0 0/40%);
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/40%);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    border-bottom: 5px solid #139bab;
}
header nav.menu li.new-dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    z-index: 99;
}
.megamenu-top {
    background: #fff!important;
    box-shadow: 0 2px 8px 0 rgb(0 0 0/40%);
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/40%);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    border-bottom: 5px solid #139bab;
}
header nav.menu li.new-megamenu:hover .new-megamenu-wrap {
    visibility: visible;
    opacity: 1;
    z-index: 98;
}
header nav.menu li.new-megamenu {
    position: inherit;
}
.banner-first {
    padding-top: 60px;
    background-color: rgb(19 155 171);
}
.dropCarotBox {
    height: 20px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: -20px;
    left: 0;
}
.dropCarotBox .carotIcon {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 10px;
    left: 496px;
    display: none;
}
.test-series .dropCarotBox .carotIcon {
    left: 603px;
}
.books .dropCarotBox .carotIcon {
    left: 106px;
}
.more .dropCarotBox .carotIcon {
    left: 106px;
}
.submit .dropCarotBox {
    height: 65px;
    top: -37px;
    left: 0;
}
.submit .dropCarotBox .carotIcon {
    top: 28px;
    left: 143px;
}
header nav.menu li.new-dropdown.submit ul {
    top: 75px;
}
header nav.menu .new-megamenu-single {
    padding: 0;
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-flex-grow: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    padding-left: 15px;
}
.btn-submit {
    background-color: transparent;
    font-size: 11px;
    padding: 3px 20px 1px;
    color: #333;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 15px;
    border: 1px solid rgba(0, 0, 0, .6);
    text-align: center;
    outline: none;
}
.btn-submit.qr {
    border-radius: 4px 0 0 4px;
    border-right: 0;
    padding: 3px 8px 1px;
    margin-right: -4px;
}
.btn-submit.qr:hover {
    border-right: 0;
}
header nav.menu ul li .btn-submit a {
    padding: 0;
    line-height: 14px;
    font-size: 11px;
}
header nav.menu ul li:hover .btn-submit a:after {
    display: none;
}
header nav.menu ul li.new-dropdown:hover .btn-submit a::after {
    display: none;
}
.header-cont {
    padding-right: 0!important;
}
.btn.focus, .btn:focus {
    outline: none;
    box-shadow: none;
}
.btn-submit p {
    text-transform: uppercase;
}
.btn-submit img {
    width: 18px;
    margin-bottom: 0;
}
.btn-submit span {
    font-size: 11px;
    display: block;
}
.btn-submit:hover {
    color: #179bab;
}
header nav.menu ul li ul li a.btn-login {
    background-color: #179bab;
    padding: 5px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin: 5px 0;
}
header nav.menu ul li ul li a.signup {
    color: #179bab;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}
header nav.menu ul li ul li {
    font-size: 14px;
}
header nav.menu li.cr-megamenu>a::after {
    content: "\eb73";
    font-family: Icofont;
    padding-left: 3px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
header nav.menu li.cr-dropdown>a::after {
    content: "\eb73";
    font-family: Icofont;
    padding-left: 3px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.login-button {
    position: relative;
    right: 2%;
    display: flex;
    align-items: center;
}
.login-button a {
    display: flex;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    align-items: center;
    padding: 0;
    letter-spacing: .5px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    margin-right: 30px;
    padding: 2px 20px;
    border: solid 2px #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
}
.login-button a:last-child {
    margin-right: 0;
}
.login-button a:hover {
    color: #139bab;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    background-color: #fff;
}
.login-button a i {
    color: #fff;
    font-size: 18px;
    padding-right: 5px;
    margin-top: 2px;
    display: none;
}
.phone-number-header {
    display: flex;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    align-items: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    margin-right: 30px;
    padding: 2px 5px!important;
    border: solid 2px #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%!important;
    -webkit-border-radius: 100%!important;
    -moz-border-radius: 100%!important;
    -o-border-radius: 100%!important;
    -ms-border-radius: 100%!important;
    justify-content: center;
}
.phone-number-header i {
    display: block!important;
    padding-right: 0!important;
}
.phone-number-header:hover i {
    color: #139bab;
}
.topslider {
    margin-top: 75px;
}
#banner .item {
    height: 450px;
}
#banner.owl-carousel.owl-theme .owl-nav .owl-next {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto 100%;
    cursor: pointer;
    height: 50px;
    width: 50px;
    background-image: url(../images/banner-arrow.png);
    float: right;
    background-position: 0 0;
    margin-right: 0;
    background-position: right;
    font-size: 0;
    margin-right: 35px;
}
#banner.owl-carousel.owl-theme .owl-nav .owl-prev {
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 50px;
    width: 50px;
    background-image: url(../images/banner-arrow.png);
    float: left;
    background-position: 0 0;
    margin-left: 0;
    background-size: auto 100%;
    font-size: 0;
    margin-left: 35px;
    transform: rotate(180deg);
}
#banner.owl-carousel.owl-theme .owl-nav .owl-prev {
    top: 43%;
    position: absolute;
    z-index: 1;
    left: -30px;
}
#banner.owl-carousel.owl-theme .owl-nav .owl-next {
    top: 43%;
    position: absolute;
    z-index: 1;
    right: -30px;
}
.section-padding {
    padding: 50px 0;
}
.rounded-xl {
    border-radius: 1rem;
}
.err-class {
    display: block;
    margin-top: -2rem;
    margin-bottom: .5rem;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.banner-main {
    margin-top: 64px;
}
.banner-main .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.banner-first {
    padding-top: 60px;
    background-color: rgb(19 155 171);
}
.banner-main .row {
    margin-left: 0;
    margin-right: 0;
}
.banner-main .owl-nav {
    display: none;
}
.banner-main .owl-dots {
    display: none;
}
.add-buton {
    position: relative;
}
.add-buton a {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #fff;
    color: #139bab;
    border-radius: 3px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
}
.add-buton a:hover {
    background-color: #139bab;
    color: #fff;
}
.banner-second {
    height: 100%;
    width: 100%}
.banner-second img {
    object-fit: fill;
    height: 598px;
}
.banner-left-text {
    padding-left: 19%;
    padding-top: 50px;
}
.banner-left-text h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.banner-left-text p {
    font-size: 18px;
    color: #fff;
    padding: 20px 0;
    letter-spacing: .5px;
}
.banner-left-text span {
    background-color: #1e8a97;
    padding: 5px 15px 5px 10px;
    color: #fff;
    border-radius: 3px;
    letter-spacing: .5px;
    font-size: 16px;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
    display: none;
}
#lg-counter {
    display: none;
}
.lg-actions {
    display: none;
}
.banner-buttons {
    display: flex;
    align-items: center;
    margin-top: 30px;
    list-style: none;
    padding-left:0;
}
.banner-buttons li {
    margin-right: 30px;
}
.banner-buttons a {
    background-color: transparent;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 3px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
}
.banner-buttons li:last-child {
    margin-right: 0;
}
.banner-buttons .banner-download {
    background-color: #fff!important;
    color: #159aa9;
}
.banner-buttons a i {
    padding-right: 5px;
}
.choose{
    padding: 40px 0;
    background-color: #f0f4f5;
}

.all-title {
    width: 100%;
    padding-bottom: 30px;
    font-size: 35px;
    text-align: center;
    display: block;
    font-weight: 700;
    color: #333;
    margin-bottom: 0;
}
.choose-text{
    padding: 20px 25px;
    background-color: white;
    text-align: center;
    border-radius: 30px;
    box-shadow: 0 0 15px 4px rgb(0 0 0 / 15%);
    height: 260px;
}
.choose-icon img{
    width:50px;
    display:block;
    margin:auto;
}
.choose-text h2{
    font-size: 26px;
    line-height: 28px;
    padding: 12px 0 10px;
    font-weight: 600;
    margin: 0;
    color: #333;
    margin-bottom: 0;
}
.choose-text p{
    color: #333;
    font-size: 14px;
}


.square-container h2 {
    font-size: 26px;
    line-height: 28px;
    padding: 12px 0 10px;
    font-weight: 600;
    margin: 0;
    color: #333;
    margin-bottom: 0;
}
.square-container p {
    color: #333;
    font-size: 14px;
    letter-spacing: -.5px;
}
.all-exams img{
    width: 100px;
}
.all-exams-inbox {
    max-width: 1200px;
    margin: auto;
    padding: 50px 0 0;
    border-radius: 30px;
    box-shadow: 0 0 20px 0 #00000026;
    overflow: hidden;
}
.flip-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    top: 0;
}
.align-center {
    margin: 0 auto;
}
.square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow {
    -ms-transition: .6s;
    transition: .6s;
    -webkit-transition: .6s;
}
.square-flip .square .boxshadow {
    -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
}
.square-flip .square .textshadow {
    -webkit-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    -moz-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
}
.square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow {
    -webkit-box-shadow: 240px 42px 58px -8px transparent;
    -moz-box-shadow: 240px 42px 58px -8px transparent;
    box-shadow: 240px 42px 58px -8px transparent;
}
.square-flip .square2 .boxshadow {
    -webkit-box-shadow: 240px 42px 58px -8px transparent;
    -moz-box-shadow: 240px 42px 58px -8px transparent;
    box-shadow: 240px 42px 58px -8px transparent;
}
.square-flip .square2 .textshadow {
    -webkit-text-shadow: 240px 42px 58px -8px transparent;
    -moz-text-shadow: 240px 42px 58px -8px transparent;
    text-shadow: 240px 42px 58px -8px transparent;
}
.square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow {
    -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
}
.all-exams-main {
    background-color: #f0f4f5;
    padding: 40px 0;
}
.all-courses-main {
    height: 302px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;*/
}
.all-courses-main::-webkit-scrollbar {
    width: 10px;
}
.all-courses-main::-webkit-scrollbar:horizontal {
    height: 10px;
}
.all-courses-main::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, .3);
    border-radius: 10px;
}
.all-courses-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, .5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
}
.courses-box {
    padding: 0;
    /*flex-wrap: nowrap !important;*/
}
#govt-preparation-slide {
    position: relative;
}
.all-exams-main .owl-nav {
    margin-top: -30px;
}
.all-exams-main .owl-nav.disabled {
    display: block;
}
#govt-preparation-slide .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -22px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%}
#govt-preparation-slide .owl-nav .owl-prev, .owl-next i {
    /*font-size: 31px;
    background-color: #139bab;
    */color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%}
#govt-preparation-slide .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -22px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%}
.all-exams {
    margin-bottom: 15px;
    padding: 10px 15px;
}
.all-exams i {
    width: 80px;
    height: 80px;
    padding: 10px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    display: flex;
    align-items: center;
    margin: auto;
}
.all-exams i img {
    width: 100%}
.all-exams h2 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 15px;
    margin-bottom: 0;
    text-align: center;
    color: #333;
}
.staffing-main {
    padding: 30px 0;
    position: relative;
    background-color: #f0f4f5;
}
.staffing-main .owl-carousel .owl-nav {
    font-size: 60px;
}
.staffing-main .owl-carousel .owl-nav.disabled {
    display: block!important;
}
.staffing-main .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 31%;
    left: -1.5%;
    background-color: #129bac;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.staffing-main .owl-carousel .owl-nav .owl-prev span {
    position: relative;
    top: -4px;
}
.staffing-main .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 31%;
    right: -1.5%;
    background-color: #129bac;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    font-weight: 300;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.staffing-main .owl-carousel .owl-nav .owl-next:hover {
    background-color: #ed1c23;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.staffing-main .owl-carousel .owl-nav .owl-next span {
    position: relative;
    top: -4px;
    right: -2px;
}
.customers-teams .item {
    text-align: center;
    padding: 0 10px;
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.customers-teams .item p {
    font-size: 12px;
}
.customers-teams .item h2 {
    font-size: 25px!important;
    font-weight: 500!important;
}
.customers-teams .item .title {
    font-size: 14px;
}
#pastexp {
    margin-top: 20px;
}
.customers-teams .item h5 {
    font-size: 18px!important;
    font-weight: 600!important;
}
.customers-teams .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.teams .owl-carousel .owl-item .img-circle {
    transform-style: preserve-3d;
    max-width: 180px;
    max-height: 180px;
    margin: 15px auto 17px;
    transition: transform .5s;
    border-radius: 100%;
    box-shadow: 0 0 20px 5px rgb(0 0 0/15%);
    -webkit-box-shadow: 0 0 20px 5px rgb(0 0 0/15%);
    -moz-box-shadow: 0 0 20px 5px rgb(0 0 0/15%);
    -o-box-shadow: 0 0 20px 5px rgb(0 0 0/15%);
    -ms-box-shadow: 0 0 20px 5px rgb(0 0 0/15%);
    padding: 0;
}
.teams .owl-carousel .owl-item .img-circle:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.customers-teams.owl-carousel .owl-dots .owl-dot.active span, .customers-teams.owl-carousel .owl-dots .owl-dot:hover span {
    background: rgba(23, 155, 171, .5);
    transform: translate3d(0px, -50%, 0px) scale(.7);
    -webkit-transform: translate3d(0px, -50%, 0px) scale(.7);
    -moz-transform: translate3d(0px, -50%, 0px) scale(.7);
    -ms-transform: translate3d(0px, -50%, 0px) scale(.7);
}
.customers-teams.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.customers-teams.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}
.customers-teams.owl-carousel .owl-dots .owl-dot span {
    background: rgba(23, 155, 171, .5);
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    margin-top: 50px;
    transform: translate3d(0px, -50%, 0px) scale(.3);
    -webkit-transform: translate3d(0px, -50%, 0px) scale(.3);
    -moz-transform: translate3d(0px, -50%, 0px) scale(.3);
    -ms-transform: translate3d(0px, -50%, 0px) scale(.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    -webkit-transition: all 250ms ease-out 0s;
    -moz-transition: all 250ms ease-out 0s;
    -ms-transition: all 250ms ease-out 0s;
    width: 20px;
    outline: none;
    border-radius: 50%!important;
}
.owl-dot, .owl-dot:active, .owl-dot:focus {
    outline: 0!important;
}
.choose-one{
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}
.choose-one-left img {
    width: 80px;
    margin-right: 20px;
}
.accordion-item.card .accordion-button::after,
.accordion-item.card .collapsed:before{
   background-image: unset !important;
}

/* onlineclass */
.banner-main {
    background-color: #199cad;
    padding-top: 50px
}

.banner-left {
    padding-top: 30px
}

.banner-left h1 {
    font-size: 50px;
    letter-spacing: -.1px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 50px
}

.banner-left p {
    font-size: 25px;
    letter-spacing: -.1px;
    color: #fff;
    line-height: 30px
}

.android-apple-icons {
    display: flex;
    align-items: center;
    position: relative;
    top: 25px
}

.android-apple-icons a {
    background-color: #fff;
    padding: 10px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin-right: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    border: solid 2px #fff;
    transition: .5s
}

.android-apple-icons a:hover {
    background-color: transparent;
    border: solid 2px #fff;
    transition: .5s
}

.android-apple-icons a img {
    width: 35px;
    transition: .5s
}

.android-apple-icons a:hover img {
    filter: brightness(100);
    transition: .5s
}

.banner-image {
    padding-left: 0
}

.banner-right {
    background-color: #fcfcfc;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 35px 40px
}

.banner-right h2 {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    letter-spacing: -.1px;
    text-align: center
}

.banner-right p {
    font-size: 14px;
    text-align: center;
    color: #000;
    letter-spacing: -.1px;
    padding: 5px 0
}

.banner-right h5 {
    font-size: 15px;
    text-align: center;
    color: #000;
    font-weight: 700;
    letter-spacing: -.1px
}

.banner-right form {
    margin-top: 20px
}

.banner-right form .form-control {
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    line-height: 50px;
    height: 50px;
    padding-left: 20px
}

.banner-right form .form-control:focus {
    border-color: #1c9caf;
    box-shadow: 0 0 2px 2px rgb(28 156 175/55%);
    -webkit-box-shadow: 0 0 2px 2px rgb(28 156 175/55%);
    -moz-box-shadow: 0 0 2px 2px rgb(28 156 175/55%);
    -ms-box-shadow: 0 0 2px 2px rgb(28 156 175/55%);
    -o-box-shadow: 0 0 2px 2px rgb(28 156 175/55%)
}

.banner-right form .form-control::-webkit-input-placeholder {
    color: #a9a9a9;
    font-size: 16px
}

.banner-right form .form-control:-ms-input-placeholder {
    color: #a9a9a9;
    font-size: 16px
}

.banner-right form .form-control::placeholder {
    color: #a9a9a9;
    font-size: 16px
}

.banner-right form select.form-control {
    color: #a9a9a9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: #fff url(../images/form-down-arrow.png) no-repeat scroll 95% center;
    background-size: 20px 15px;
    font-size: 16px;
    line-height: 36px
}

.banner-right form .btn-primary {
    background-color: #139bab;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 25px;
    letter-spacing: -.1px;
    font-weight: 700;
    border-color: #139bab
}

.banner-right form .btn-primary:hover {
    background-color: #e81e21;
    border-color: #e81e21
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #e81e21;
    border-color: #e81e21
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.banner-right form .btn-primary:focus {
    box-shadow: none
}
.why-choose-main {
    padding: 50px 0 0;
    width: 100%
}

/* .why-choose-main h2 {
    padding-bottom: 50px
} */

.why-choose-main img {
    margin: auto;
    display: block;
    padding-bottom: 30px;
    /* width: 55% */
}
.why-choose-main.inr img{
    width: 55%;
}
.why-choose-main h4 {
    text-align: center;
    font-size: 20px;
    text-align: center;
    color: #000;
    display: block;
    letter-spacing: -.1px;
    line-height: 22px;
    padding-bottom: 50px
}
.free-video-main {
    width: 100%;
    padding: 50px 0;
    background-color: #f0f0f0
}

.free-video-main h2 {
    padding-bottom: 10px;
    text-transform: uppercase
}

.free-video-main p {
    font-size: 20px;
    text-align: center;
    color: #000;
    display: block;
    letter-spacing: -.1px;
    width: 100%;
    padding: 0 150px 30px;
    line-height: 26px
}

.row-spacing {
    margin-left: -15px;
    margin-right: -15px
}

.owl-carousel .item-video {
    height: 300px
}

.free-video-main {
    position: relative
}

.free-video-main .owl-dots {
    display: none
}

.free-video-main .owl-nav span {
    display: none
}

.free-video-main .owl-nav .owl-prev {
    background-image: url(../images/video-arrow.png)!important;
    width: 16px;
    height: 50px;
    background-size: 100%!important;
    position: absolute;
    top: 40%;
    left: -50px;
    transform: rotate(-180deg);
    transition: .5s
}

.free-video-main .owl-nav{
    display: block !important;
}

.free-video-main .owl-nav .owl-prev:hover {
    filter: contrast(.5);
    transition: .5s
}

.free-video-main .owl-nav .owl-next {
    background-image: url(../images/video-arrow.png)!important;
    width: 16px;
    height: 50px;
    background-size: 100%!important;
    position: absolute;
    top: 40%;
    right: -50px;
    transition: .5s
}

.free-video-main .owl-nav .owl-next:hover {
    filter: contrast(.5);
    transition: .5s
}
.student-review-main {
    width: 100%;
    padding: 50px 0
}

.student-review-main h2 {
    padding-bottom: 30px
}

.student-review {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    background-color: #f4f4f4;
    padding: 20px
}

.student-review-top {
    width: 100%;
    position: relative
}

.student-review-top .embed-responsive {
    border-radius: 5px
}

.student-review-bottom {
    padding-top: 20px
}

.student-review-bottom h5 {
    font-size: 20px;
    color: #000
}

.student-review-bottom h4 {
    font-size: 16px;
    color: #000;
    padding: 5px 0
}

.student-review-bottom h3 {
    font-size: 16px;
    color: #000;
    padding-bottom: 5px
}

.student-review-bottom p {
    font-size: 14px;
    font-weight: 300;
    color: #333
}

.play-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    list-style: none
}

.play-icon img {
    margin-top: -35px;
    margin-left: 15px;
    width: 60px;
    height: 60px;
    transition: .5s
}

.play-icon a:hover img {
    filter: hue-rotate(1000deg);
    transition: .5s
}

.student-review-main .book-button {
    margin-top: 15px;
    padding-bottom: 20px
}

.online-footer-main {
    background-color: #f0f4f5;
    padding: 60px 0 50px
}

.online-footer-right {
    width: 100%
}

.online-footer-right h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.1px
}

.online-footer-right h4 {
    font-size: 20px;
    letter-spacing: -.1px;
    padding: 20px 0
}

.online-footer-right p {
    background-color: #139bab;
    padding: 5px 25px;
    font-size: 20px;
    color: #fff;
    font-family: metropolis extra light;
    display: inline-block
}

.online-footer-right ul {
    padding-top: 30px;
    display: flex;
    align-items: center;
    list-style: none
}

.online-footer-right ul li {
    margin-right: 40px
}

.online-footer-right ul li:last-child {
    margin-right: 0
}

.online-footer-right ul li a img {
    width: 180px
}
.book-button {
    margin: auto;
    width: 100%;
    padding: 20px 0 80px
}

.book-button a {
    background-color: #139bab;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 25px;
    letter-spacing: -.1px;
    font-weight: 700;
    border-color: #139bab;
    padding: 10px 100px;
    display: block;
    max-width: 450px;
    margin: auto;
    text-align: center
}

.book-button a:hover {
    background-color: #e81e21;
    text-decoration: none
}

/*  */
.ias-slid-main {
    width: 100%;
    padding: 50px 0;
    background-color: #f0f0f0;
}
.ias-slid-main h2 {
    font-size: 40px;
    text-align: center;
    color: #000;
    display: block;
    font-weight: 700;
    width: 100%;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.sub-text {
    font-size: 20px;
    text-align: center;
    color: #000;
    display: block;
    font-weight: 400;
    letter-spacing: -.1px;
    width: 100%;
    padding: 0 150px 30px;
    line-height: 26px;
}
.ias-slid-main .videos a {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #00000075;
    justify-content: center
}

.ias-slid-main .videos a img {
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #ffffff6b;
    border-radius: 50%
}

.ias-slid-main .embed-responsive {
    height: 250px;
    border: solid 5px #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px
}

.ias-slid-main .owl-dots {
    display: none;
}

.ias-slid-main .owl-nav {
    display: block !important;
}

.ias-slid-main .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: -1.5%;
    background-color: #129bac!important;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff!important;
    font-size: 14px!important;
    font-weight: 300;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s
}

.ias-slid-main .owl-nav .owl-prev:hover {
    filter: contrast(.5);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    background: 0 0
}

.ias-slid-main .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: -1.5%;
    background-color: #129bac !important;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    font-weight: 300;
    font-size: 14px !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s
}
.ias-slid-main .owl-nav .owl-next i{
    font-size: 14px !important;
}

.ias-slid-main .owl-nav .owl-next:hover {
    filter: contrast(.5);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    background: 0 0
}

/* login */

.login{
    padding: 95px 0 95px 0;
    background-color:#f6f6f6;
   
}
.log-image{
    text-align:center;
}

.log-image img{
width:100% !important;
height:450px !important;
display:inline-block;
object-fit:contain;
}
.log-in{
    background-color:#fff;
    padding:36px;
    width: 80%;
    box-shadow: 0 0 29px 0 rgb(68 88 144 /12%);
    border-radius: 20px;
}
.log-text{
    text-align:center;
}
.log-in h2{
    color:#3f9aad;
    font-size:31px;
    font-weight:600;
    text-transform:uppercase;
    display:inline-block;
}
.log-in h2 span{
    font-size:31px;
    font-weight:600;
    text-transform:uppercase;
    color:#eb3732;
    display:inline-block;
}
.log-in .log-para{
    font-size:31px;
    font-weight:600;
    text-transform:uppercase;
    color:#000000;
    display:inline-block; 
    margin-left:5px;
}
.log-in p{
    font-size:14px;
    font-weight:400;
    color:#000000;
   
}
.log-in .para-text{
    font-size:14px;
    font-weight:600;
    color:#000000;
   text-transform: capitalize;
}
.login form{
    margin-top:20px;
}
.login input[type=email] {
    width: 100%;
   
    margin: 8px 0;
    display: inline-block;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #c1daec;
    border-radius: 5px;
    background-color: #dfedfe !important;
   color:#000 !important;
    font-weight: 400;
    font-size: 16px;
}
.login input[type=password] {
    width: 100%;
   
    margin: 8px 0;
    display: inline-block;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #c1daec;
    border-radius: 5px;
    background-color: #dfedfe !important;
   color:#000 !important;
    font-weight: 400;
    font-size: 16px;
}
.login input::placeholder{
    color:#000 !important;
}
.login .form-btn{
    background: #1c8693;
    margin:8px 0;
    width:100%;
    text-transform: uppercase;
    display: inline-block;
   padding:9px;
   border-radius: 7px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size:16px;
    font-weight:400;
}
.login .form-btn:hover{
    color:white;
}
.text-detail{
    padding: 0 20px;
}
.text-detail p{
    font-size:14px;
    font-weight:400;
    color:#000000;
    margin-top:20px;
}
.text-detail span{
    font-size:14px;
    font-weight:600;
    color:#000000;
    display:inline-block
}
.bottom-image p{
    font-size:16px;
    font-weight:400;
    color:#000000; 
    display:inline-block;
    margin-right: 14px;
}

.bottom-image ul li{
    margin-right:15px;
    display:inline-block
}
.bottom-image ul li a img {
    width: 120px !important;
    display: inline-block;
}

/* purchace-courses */
.cr-left-logo {
    display: block;
    padding-bottom: 15px;
    margin: auto;
    width: 280px;
}
.cpy-4 {
    padding: 2em 0 2em
}

.purches-crs .form-holder {
    justify-content: center;
    text-align: center;
    max-width: 540px;
    margin: auto
}

.purches-crs .form-holder .form-content {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px 0;
    width: 100%
}

.purches-crs .form-content .form-items {
    border: 3px solid #fff;
    padding: 40px;
    display: inline-block;
    width: 100%;
    min-width: 540px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.purches-crs .form-content h3 {
    color: #fff;
    text-align: left;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px
}

.purches-crs .form-content h3.form-title {
    margin-bottom: 30px
}

.form-content p {
    color: #fff;
    text-align: left;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 30px
}

.purches-crs .form-content label,.was-validated .form-check-input:invalid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #fff
}

.purches-crs .form-content input[type=text],.form-content input[type=password],.form-content input[type=email],.form-content select {
    width: 100%;
    padding: 9px 20px;
    text-align: left;
    border: 0;
    outline: 0;
    border-radius: 6px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    color: #8d8d8d;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-top: 16px
}

.purches-crs .cr-left-logo {
    display: block;
    padding-bottom: 15px;
    margin: auto;
    width: 110px
}

.purches-crs .coupon-text {
    background-color: #fff;
    border-radius: 5px;
    color: red;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    padding: 5px 10px
}

@media only screen and (max-width:1000px) {
    .customers-teams.owl-carousel .owl-dots .owl-dot span {
    height: 20px;
    width: 20px;
    margin-top: 30px;
}
}#teamsocial {
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 10px auto;
    margin-top: 20px;
}
#teamsocial #socialicon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 .5rem;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.5rem;
    text-decoration: none;
    transition: all .3s ease;
}
#teamsocial #socialicon:hover {
    font-size: 2rem;
    width: 50px;
    height: 50px;
}
.our-clients-main {
    padding: 40px 0 80px;
    background-color: #eff4f5;
}
.featured-logo {
    max-width: 800px;
    margin: auto;
}
.featured-logo ul {
    list-style: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.featured-logo ul li {
    flex: 1 1 auto;
    margin-right: 20px;
    padding: 0 15px;
}
.featured-logo ul li span {
    display: flex;
    width: 125px!important;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
.featured-logo ul li:last-child {
    margin-right: 0;
}
.featured-logo ul li img {
    width: 100%}
.testimonials-main {
    position: relative;
    padding: 40px 0 20px;
    background-color: #f0f4f5;
}
#customers-testimonials .item-details {
    background-color: #333;
    color: #fff;
    padding: 20px 10px;
    text-align: left;
}
#customers-testimonials .item-details h5 {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 18px;
}
#customers-testimonials .item-details h5 span {
    color: red;
    float: right;
    padding-right: 20px;
}
#customers-testimonials .item-details p {
    font-size: 14px;
}
#customers-testimonials .owl-stage {
    display: flex;
}
#customers-testimonials .owl-stage-outer {
    display: flex;
}
#customers-testimonials .owl-carousel.owl-drag .owl-item {
    display: flex;
}
#customers-testimonials .item {
    text-align: center;
    margin-bottom: 0;
    display: flex;
    height: 100%}
#customers-testimonials .shadow-effect {
    margin: 0 10px;
    display: flex;
}
.testimonials-main .owl-carousel .owl-nav [class*=owl-] {
    transition: all .3s ease;
}
.testimonials-main .owl-carousel .owl-nav [class*=owl-].disabled:hover {
    background-color: #d6d6d6;
}
.testimonials-main .owl-carousel {
    position: relative;
}
.testimonials-main .owl-carousel .owl-next, .testimonials-main .owl-carousel .owl-prev {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    height: 100%;
    position: absolute;
    top: -4%}
.testimonials-main .owl-carousel .owl-prev {
    left: -17px;
    text-align: left;
}
.testimonials-main .owl-carousel .owl-next {
    right: -17px;
    text-align: right;
}
.testimonials-main .owl-carousel .owl-nav button i {
    font-size: 17px;
    background-color: #129bac;
    color: #fff;
    padding: 15px 10px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    line-height: 7px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
}
.testimonials-main .owl-carousel .owl-nav button i:hover {
    background-color: #ed1c23;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
}
.testimonials-main .all-title {
    padding-bottom: 10px;
}
.testimonials-main .slide-content {
    margin: 25px 0;
    background-color: #fff;
    padding: 20px 20px 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    box-shadow: 0 0 20px 5px #dedede;
    -webkit-box-shadow: 0 0 20px 5px #dedede;
    -moz-box-shadow: 0 0 20px 5px #dedede;
    -ms-box-shadow: 0 0 20px 5px #dedede;
    height: 472px;
    overflow-y: auto !important;
    overflow: hidden;
}
.testimonials-main .active-5 img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .35;
}
.testimonials-main .quote {
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.testimonials-main .quote .student-iamg img {
    margin-right: 15px;
    width: 40px;
}
.testimonials-main .quote .student-detils h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.testimonials-main .quote .student-detils p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 0;
    text-align: left;
}
.slide-subtext p {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 20px;
}
.Preparation-main {
    width: 100%;
    padding: 20px;
    background-color: #eff4f5;
}
.Preparation-main img {
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    box-shadow: 0 0 10px 0 #00000042;
    -webkit-box-shadow: 0 0 10px 0 #00000042;
    -moz-box-shadow: 0 0 10px 0 #00000042;
    -ms-box-shadow: 0 0 10px 0 #00000042;
}
.curfamily h3 {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: 600;
}
.curfamily p {
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    padding: 20px 0;
    font-weight: 400;
}
.subscribe {
    padding: 20px 0;
    background-color: #f0f4f5;
}
.subscribe .card {
    text-align: center;
    padding: 20px;
    background-color: transparent;
    border: none;
}
.subscribe .card h5 {
    font-size: 32px;
    color: #333;
    line-height: 48px;
    font-weight: 600;
    margin: 10px 0 0;
}
.subscribe .card p {
    line-height: 22px;
    color: #333;
}
.subscribe .card .text-all {
    margin-top: auto;
    margin-bottom: auto;
}
.subscribe .card img {
    height: 88px;
}
/* #customers-testimonials .owl-nav {
    display: block !important;
} */
.hindiext {
    padding: 60px 0 340px;
}
.hindiext h1 {
    font-size: 36px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}
.green {
    color: #179bab;
}
.red {
    color: #e92629;
}
.defe-footer-main {
    background-color: #f0f4f5;
    padding: 60px 0 50px;
}
.defe-footer-right {
    width: 100%}
.defe-footer-right h2 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -.1px;
    color: #000;
}
.defe-footer-right h4 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.1px;
    padding: 20px 0;
    color: #000;
}
.defe-footer-right p {
    background-color: #139bab;
    padding: 5px 25px;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    display: inline-block;
}
.defe-footer-right ul {
    padding: 30px 0 0 0 !important;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    list-style: none;
}
.defe-footer-right ul li {
    margin-right: 40px;
}
.defe-footer-right ul li:last-child {
    margin-right: 0;
}
.defe-footer-right ul li a img {
    width: 180px;
}
footer {
    background-color: #179bab;
    padding: 30px 0 0;
    position: relative;
}
footer h6 {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}
footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer ul li {
    margin: 0;
    padding: 5px 0;
    display: block;
}
footer ul li a {
    font-size: 14px;
    color: #fff;
}
footer ul li a:hover {
    color: #fff;
}
footer .sociallink h6 {
    margin-top: 15px;
    margin-bottom: 10px;
}
footer .sociallink a img {
    width: 30px;
    margin-right: 10px;
}
.copyright {
    padding: 10px 0;
    background-color: #058898;
    margin-top: 30px;
}
.copyright p {
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    color: #fff;
}
.copyright p a {
    color: #fff;
}
footer .contact li {
    padding: 4px 0;
}
footer .contact li a {
    line-height: 20px;
}
footer .contact li img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
}
footer .contact p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.foter-app-icons {
    display: flex;
    align-items: center;
}
.foter-app-icons a {
    margin-right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}
.foter-app-icons a:last-child {
    margin-right: 0;
}
.foter-app-icons img {
    width: 65%;
    border-radius: 5px;
}
.up-arrow a {
    position: relative;
    height: 40px;
    z-index: 99;
    bottom: 10px;
}
.login-page {
    max-width: 800px;
    width: 100%;
    padding: 0;
}
.login-page .fancybox-close-small {
    color: #fff;
    opacity: 1;
    font-size: 18px;
}
.login-reg-panel {
    position: relative;
    text-align: center;
    width: 100%;
    right: 0;
    left: 0;
    margin: auto;
    height: 440px;
    background: #179bab;
    background: -moz-linear-gradient(45deg, #179bab 49%, #ea3234 49%);
    background: -webkit-linear-gradient(45deg, #179bab 49%, #ea3234 49%);
    background: linear-gradient(45deg, #179bab 49%, #ea3234 49%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#179bab', endColorstr='#ea3234', GradientType=1 );
}
.white-panel {
    background-color: #fff;
    height: 360px;
    position: absolute;
    width: 50%;
    right: calc(50% - 50px);
    transition: .3s ease-in-out;
    z-index: 0;
    box-shadow: 0 0 10px 2px #00000096;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    border-radius: 10px;
}
.login-reg-panel input[type=radio] {
    position: relative;
    display: none;
}
.login-reg-panel {
    color: #fff;
}
.login-reg-panel #label-login {
    border: 1px solid #fff;
    padding: 5px;
    width: 208px;
    display: block;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;
}
.login-page .register-info-box a {
    border: 1px solid #fff;
    padding: 5px;
    width: 208px;
    display: block;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;
    color: #fff;
}
.register-modal .modal-dialog {
    max-width: 320px;
}
.register-modal .modal-header {
    border-bottom: none;
}
.register-modal .modal-header .close {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 14px;
    padding: 0;
    font-weight: 300;
    font-size: 35px;
    color: #000;
    opacity: 1;
    cursor: pointer;
    position: relative;
    z-index: 999;
}
.register-modal .modal-header .close span {
    width: 40px;
    height: 40px;
    display: block;
    margin-top: 12px;
    line-height: 22px;
}
.register-modal .modal-header .close:hover {
    background-color: transparent!important;
    color: #000!important;
}
.register-modal .modal-body h2 {
    font-size: 16px;
    color: #000;
    padding-right: 30px;
    margin-top: -38px;
    margin-bottom: 0;
}
.login-reg-panel img {
    width: 150px;
    margin-bottom: 15px;
    margin: auto;
    display: block;
    margin-bottom: 15px;
}
.login-info-box {
    width: 30%;
    padding: 0 50px;
    top: 38%;
    left: 0;
    position: absolute;
    text-align: left;
}
.register-info-box {
    width: 38%;
    padding: 0 0;
    top: 25%;
    right: 0;
    position: absolute;
}
.register-info-box h2 strong {
    display: block;
}
.register-info-box h2 {
    font-size: 18px;
    text-align: center;
    line-height: 28px;
}
.right-log {
    right: 50px!important;
}
.login-show h2 {
    text-align: center;
    margin-bottom: 25px;
}
.login-show p {
    padding-bottom: 0;
    font-size: 12px;
    color: #000;
    text-align: center;
    margin-bottom: -5px;
}
.login-show h4 {
    padding-top: 105px;
    font-size: 12px;
    color: #000;
}
.login-show h4 span {
    font-weight: 600;
}
.login-show, .register-show {
    z-index: 1;
    display: none;
    opacity: 0;
    transition: .3s ease-in-out;
    color: #242424;
    text-align: left;
    padding: 30px;
}
.register-show {
    height: 360px;
}
.show-log-panel {
    display: block;
    opacity: .9;
}
.register-show button img {
    width: 20px;
}
.login-show input[type=text], .login-show input[type=password] {
    width: 100%;
    display: block;
    margin: 15px 0;
    padding: 5px 15px;
    border: 1px solid #b5b5b5;
    outline: none;
    border-radius: 22px;
}
.login-show input[type=button] {
    max-width: 150px;
    width: 100%;
    background: #179bab;
    color: #fff;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 22px;
    float: right;
    cursor: pointer;
}
.login-show a {
    display: inline-block;
    padding: 10px 0;
}
.register-show input[type=text], .register-show input[type=password] {
    width: 100%;
    display: block;
    margin: 8px 0;
    padding: 5px 15px;
    border: 1px solid #b5b5b5;
    outline: none;
}
.register-show input[type=button] {
    max-width: 150px;
    width: 100%;
    background: #179bab;
    color: #f9f9f9;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}
.credit {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #3b3b25;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    z-index: 99;
}
.login-page a {
    text-decoration: none;
    color: #179bab;
}
.batch .details {
    margin-top: 80px;
    background-color: #e0e0e0;
    padding: 60px 0;
}
.batch .details .card {
    border-radius: 0;
    padding: 28px 20px 0 50px;
    border: 0;
}
.batch .details .card h1 {
    font-size: 25px;
    line-height: 35px;
    color: #333;
    padding-bottom: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.batch .details .card .stars {
    padding: 0 0 15px;
}
.batch .details .card .stars .fa-star {
    color: #179bab;
    font-size: 18px;
}
.batch .details .bnnerImg img {
    border: 15px solid #fff;
    border-right: 0;
}
.batch .details .card ul {
    margin: 0;
    padding: 0;
}
.batch .details .card ul li {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    text-transform: uppercase;
}
.batch .details .card ul li {
    position: relative;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #666;
    padding-left: 20px;
}
.batch .details .card .rate {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 500;
}
.batch .details .card .rate span {
    color: #e92629;
}
.batch .details .card ul li:before {
    width: 8px;
    height: 8px;
    background-color: #e92629;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
}
.btn-buy {
    background-color: #e92629;
    padding: 5px 20px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    margin-right: 30px;
    margin-top: 40px;
}
.btn-buy:hover {
    background-color: #179bab;
    color: #fff;
}
.btn-buy.details {
    background-color: transparent;
    border: 1px solid #e92629;
    color: #e92629;
}
.btn-buy.details:hover {
    background-color: #e92629;
    border: 1px solid #e92629;
    color: #fff;
}
.btn-buy img {
    width: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.batch .discription {
    padding: 40px 0 0;
}
.batch .discription .card {
    padding: 0;
}
.batch .discription .card h2 {
    font-size: 22px;
    color: #333;
    padding: 20px 0 0;
    margin: 0;
}
.batch .discription .card p {
    line-height: 28px;
    font-size: 16px;
}
.bnnerImg2 iframe {
    width: 100%;
    height: 508px;
    border: 10px solid #fff;
    margin: 0 0 -7px;
    padding: 0;
}
.buy-form {
    max-width: 361px;
    width: 100%;
    padding: 0;
    border-radius: 5px;
}
.buy-form .fancybox-button svg {
    color: #e92629;
    opacity: 1;
}
.buy-form .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 5px;
    top: 5px;
    background-color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    opacity: 1;
    font-size: 16px;
}
.buy-form .fancybox-close-small:hover {
    background-color: #e92629;
}
.buy-form .fancybox-button:hover svg {
    color: #fff;
}
.buy-form form {
    padding: 20px 15px 30px;
}
.buy-form h2 {
    font-size: 20px;
    color: #333;
    text-align: center;
    padding: 15px 0;
    background-color: #e0e0e0;
    font-weight: 600;
}
.buy-form .form-control {
    border-radius: 0;
    font-size: 14px;
    border: 0;
    border: 1px solid #e2e2e2;
}
.buy-form form .btn-primary {
    border-radius: 0;
    background-color: #179bab;
    font-size: 14px;
}
.buy-form form .sb-btn {
    margin-top: 20px;
    text-align: center;
}
.buy-form form .btn-submit {
    background-color: #179bab;
    padding: 12px 40px;
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    width: 100%}
.form-control:focus {
    border-color: #ced4da;
}
.notific {
    margin-top: 80px;
    background-color: #e0e0e0;
    padding: 60px 0;
}
.notific h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333;
    padding: 25px 0;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
}
.notific h2 {
    font-size: 22px;
    line-height: 30px;
    color: #179bab;
    padding-bottom: 5px;
    font-weight: 600;
    margin-bottom: 0;
}
.latebatch {
    font-size: 22px;
    line-height: 30px;
    color: #179bab;
    padding-bottom: 0;
    font-weight: 600;
    margin-bottom: 0;
}
.notific a {
    color: #179bab;
}
.notific h6 {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
}
.notific h5 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: 600;
}
.boder-bottom {
    border-top: 1px dashed #eaeaea;
    border-bottom: 1px dashed #eaeaea;
}
.notific .card {
    border-radius: 0;
    border: 0;
    padding: 15px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0/20%);
    transition: all .15s ease-in-out;
}
.notidetails .notific .card:hover {
    box-shadow: 0 1px 2px 0 rgb(0 0 0/20%);
}
.notific .card:hover {
    box-shadow: 0 6px 10px 0 rgb(0 0 0/15%);
}
.notific .card p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-bottom: 15px;
    font-weight: 400;
    margin-bottom: 0;
}
.notific .card .table th, .notific .card .table td {
    border-top: 0;
    border-bottom: 1px dashed #dee2e6;
    padding: 10px 0;
}
.notific .card .table th {
    width: 30%}
.notific .card .btn-reamore {
    background-color: #e92629;
    padding: 7px 13px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    border-radius: 3px;
    border: 1px solid #e92629;
}
.notific .card .btn-reamore:hover {
    background-color: #179bab;
    color: #fff;
    border: 1px solid #179bab;
}
.freeExam {
    max-width: 361px;
    width: 100%;
    padding: 0;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
}
.freeExam .modal-header {
    background-color: #e0e0e0;
}
.freeExam h2 {
    font-size: 20px;
    color: #333;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
}
.freeExam .form-control {
    border-radius: 0;
    font-size: 14px;
    border: 0;
    border: 1px solid #e2e2e2;
}
.freeExam .btn-primary {
    border-radius: 0;
    background-color: #179bab;
    font-size: 14px;
}
.freeExam .sb-btn {
    margin-top: 20px;
    text-align: center;
}
.freeExam .btn-submit {
    background-color: #179bab;
    padding: 12px 40px;
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    width: 100%}
.freeExam .form-control:focus {
    border-color: #ced4da;
}
.freeExam .modal-header .close {
    position: absolute;
    right: -22px;
    top: -4px;
    margin: 0;
    padding: 5px 10px;
    opacity: 1;
    background-color: #fff;
    border-radius: 50%;
    color: #e92629;
}
.freeExam .modal-header .close:hover {
    background-color: #e92629;
    color: #fff;
}
.notific .mb-3 {
    margin-bottom: 16px!important;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
    background: #e92628;
    color: #fff;
}
.border-bottom {
    border-bottom: 1px dashed #eaeaea!important;
}
.notific .card .applicaion p {
    padding-bottom: 5px;
}
.notific a.btn-click {
    background-color: #e92629;
    padding: 7px 13px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    border-radius: 3px;
    border: 1px solid #e92629;
}
.notific a.btn-click:hover {
    background-color: #179bab;
    border: 1px solid #179bab;
    color: #fff;
}
.blog-sec {
    margin-top: 64px;
    background-color: #e0e0e0;
    padding: 60px 0;
}
.blog-lft-space {
    padding-left: 30px;
}
.blog-sec h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333;
    padding: 25px 0;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
}
.blog-sec h2 {
    font-size: 22px;
    line-height: 30px;
    color: #179bab;
    padding-bottom: 5px;
    font-weight: 600;
    margin-bottom: 0;
}
.blog-sec a {
    color: #179bab;
}
.blog-sec h6 {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 20px;
}
.blog-sec h5 {
    font-size: 18px;
    line-height: 26px;
    color: #179bab;
    font-weight: 600;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    position: relative;
}
.blog-sec h5:before {
    content: "";
    position: absolute;
    height: 22px;
    width: 2px;
    left: -16px;
    top: 2px;
    background-color: #e92629;
}
.blog-sec h3 {
    font-size: 18px;
    line-height: 30px;
    color: #ea3234;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.blog-sec .card {
    border-radius: 0;
    border: 0;
    padding: 15px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0/20%);
    transition: all .15s ease-in-out;
}
.blog-sec .card:hover {
    box-shadow: 0 6px 10px 0 rgb(0 0 0/15%);
}
.blog-sec .leftbox .card:hover {
    box-shadow: 0 1px 2px 0 rgb(0 0 0/20%);
}
.blog-sec .card p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 0;
}
.blog-sec ul {
    margin: 0;
    padding: 0;
}
.blog-sec ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-bottom: 5px;
    font-weight: 400;
}
.blog-sec ul li a {
    color: #333;
}
.blog-sec ul li a:hover {
    color: #179bab;
}
.blog-sec .card .btn-reamore {
    background-color: #e92629;
    padding: 7px 13px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    border-radius: 3px;
    border: 1px solid #e92629;
}
.blog-sec .card .btn-reamore:hover {
    background-color: transparent;
    color: #e92629;
    border: 1px solid #e92629;
}
.blog-sec .leftbox .card ul {
    margin: 0;
    padding: 0;
}
.blog-sec .leftbox .card ul li {
    font-size: 14px;
    line-height: 26px;
    color: #333;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 0;
}
.careers {
    margin-top: 64px;
    padding: 60px 0;
}
.careers .career-sec h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333;
    padding: 25px 0;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
}
.careers .career-sec h2 {
    font-size: 18px;
    line-height: 30px;
    color: #179bab;
    padding-bottom: 5px;
    font-weight: 600;
    margin-bottom: 0;
}
.careers .career-sec .card {
    border-radius: 0;
    border: 0;
    padding: 15px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0/20%);
}
.careers .career-sec .card .bg-gray {
    background-color: #f7f7f7;
    padding: 8px 15px;
    margin: 5px 0 10px;
}
.careers .career-sec .card .bg-gray p {
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px;
    text-transform: uppercase;
}
.careers .career-sec .card .bg-gray p strong {
    display: block;
    font-weight: 600;
    text-transform: capitalize;
}
.careers .career-sec .card .bg-gray a {
    display: block;
    text-transform: capitalize;
    color: #666;
    font-weight: 600;
}
.careers .career-sec a.calan {
    background-color: #e92629;
    padding: 7px 13px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    border-radius: 3px;
    margin-top: 10px;
    margin-right: 10px;
}
.careers .career-sec a.calan2 {
    background-color: transparent;
    padding: 7px 13px;
    font-size: 14px;
    color: #e92629;
    font-weight: 500;
    line-height: 1;
    border-radius: 3px;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #e92629;
}
.careers .career-sec a.calan2:hover {
    background-color: #e92629;
    color: #fff;
}
.careers .career-sec a.calan:hover {
    background-color: #179bab;
    color: #ffff;
}
.careers .career-sec .card p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    margin-bottom: 0;
}
.contact-sec {
    margin-top: 64px;
    background: #ea3234;
    background: -moz-linear-gradient(-45deg, #ea3234 50%, #ea3234 50%, #179bab 50%);
    background: -webkit-linear-gradient( -45deg, #ea3234 50%, #ea3234 50%, #179bab 50%);
    background: linear-gradient( 135deg, #ea3234 50%, #ea3234 50%, #179bab 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3234', endColorstr='#179bab', GradientType=1 );
    padding: 60px 0;
}
.contact-sec h1 {
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: left;
}
.contact-sec .contacnu a {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}
.contact-sec .card {
    padding: 30px;
    max-width: 480px;
    box-shadow: 0 6px 10px 0 rgb(0 0 0/15%);
    margin: 0 auto;
}
.contact-sec .card h2 {
    font-size: 32px;
    color: #333;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 30px;
}
.contact-sec h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}
.contact-sec p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}
.cabg {
    background-color: #e0e0e0;
}
.contact-sec .card .form-control {
    border-radius: 0;
    font-size: 14px;
    border: 0;
    border: 1px solid #e2e2e2;
}
.contact-sec .card .btn-primary {
    border-radius: 0;
    background-color: #179bab;
    font-size: 14px;
}
.contact-sec .card .sb-btn {
    margin-top: 20px;
    text-align: center;
}
.contact-sec .card .btn-submit {
    background-color: #179bab;
    padding: 12px 40px;
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    width: 100%}
.contact-sec .card .form-control:focus {
    border-color: #ced4da;
}
.contact-sec .conicon img {
    width: 30px;
    margin-right: 10px;
    vertical-align: middle;
}
.contact-sec .conicon a {
    font-size: 16px;
    color: #fff;
}
.contact-sec .social {
    margin-top: 30px;
}
.contact-sec .social img {
    width: 30px;
    margin-right: 10px;
    vertical-align: middle;
}
.contact-sec .social h3 {
    margin-bottom: 10px;
}
.contact-sec .homicon {
    margin-top: 30px;
}
.contact-sec .homicon img {
    width: 30px;
    margin-right: 10px;
    vertical-align: middle;
}
.map {
    margin-bottom: -5px;
}
.map .mapsize {
    width: 100%;
    height: 400px;
    border: 0;
}
.terms {
    margin-top: 64px;
    background-color: #e0e0e0;
    padding: 60px 0;
}
.terms h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333;
    padding: 25px 0;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
}
.terms h2 {
    font-size: 22px;
    line-height: 30px;
    color: #179bab;
    font-weight: 600;
    margin: 10px 0;
}
.terms .card {
    border-radius: 0;
    border: 0;
    padding: 15px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0/20%);
}
.terms .card p {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.terms .card ul li {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
    color: #666;
    position: relative;
    padding-left: 20px;
}
.privec-polcy {
    margin-top: 64px;
    background-color: #e0e0e0;
    padding: 60px 0;
}
.privec-polcy h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333;
    padding: 25px 0;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
}
.privec-polcy h2 {
    font-size: 22px;
    line-height: 30px;
    color: #179bab;
    font-weight: 600;
    margin: 10px 0;
}
.privec-polcy .card {
    border-radius: 0;
    border: 0;
    padding: 15px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0/20%);
}
.privec-polcy .card p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding-bottom: 10px;
}
.terms .card p strong {
    display: block;
    padding-bottom: 10px;
}
.terms .card ul li ol {
    padding-top: 10px;
}
.privec-polcy ol {
    padding-left: 15px;
}
.privec-polcy ol li {
    padding-top: 5px;
}
.faq-main {
    margin-top: 100px;
}
.faq-banner {
    width: 100%;
    padding: 0;
}
.faq-banner img {
    width: 100%;
    border-radius: 30px;
}
.faqs-filter-btns {
    margin-bottom: 20px;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 20px;
}
.faqs-filter-btns .btn {
    text-transform: uppercase;
    padding: 5px 20px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #179bab;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 25px !important;
    border: 1px solid #bbb !important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    margin-bottom: 10px;
}
.faqs-filter-btns .active {
    background-color: #139bab !important;
    color: #fff !important;
    border-color: #139bab !important;
}
.faqs-filter-box .card:not(.a) {
    display: none;
}
#accordion {
    max-width: 1000px;
    margin: auto;
}
.faqs {
    margin-top: 20px;
    background-color: #fff;
    padding: 10px 0 60px;
}
.faqs h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333;
    padding: 25px 0;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
}
.faqs h2 {
    font-size: 22px;
    line-height: 30px;
    color: #179bab;
    font-weight: 600;
    margin: 10px 0;
}
.faqs .card {
    border-radius: 22px !important;
    border: 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 8px 0 rgb(0 0 0/20%);
    -moz-box-shadow: 0 1px 8px 0 rgb(0 0 0/20%);
    -ms-box-shadow: 0 1px 8px 0 rgb(0 0 0/20%);
    box-shadow: 0 1px 8px 0 rgb(0 0 0/20%);
}
.faqs .card p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding-bottom: 10px;
}
.faqs .card-header:first-child{
    border-radius: 22px !important;
}
/* .faqs .accordion-item:first-of-type{
    border-top-left-radius: none !important;
    border-top-right-radius: none !important;
} */
.faqs .card-header {
    padding: 0;
    border-bottom: none;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
}
.faqs .card-header .btn-link {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 30px 8px 15px;
    background-color: #139bab;
    border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
    -moz-border-radius: 22px;
    text-decoration: none !important;
    -ms-border-radius: 22px;
}
.faqs .card-header .btn-link.collapsed {
    background-color: #f4f4f4;
    color: #000;
}
.faqs .card-header .btn-link:hover {
    text-decoration: none!important;
}
.faqs .card-header .btn-link.focus, .faqs .card-header .btn-link:focus {
    text-decoration: none;
}
.faqs .card-body {
    background-color: rgba(23, 155, 171, .01);
}
.faqs .card-body p {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding-bottom: 8px;
}
.faqs .card-body p:last-child {
    padding-bottom: 0;
}
.faqs .card-body ul {
    padding-left: 15px;
}
.faqs .card-body ul li {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding-bottom: 2px;
}
.faqs .card-body ul li:last-child {
    padding-bottom: 0;
}
/*.collapse:before {
    content: "\2212";
    font-family: glyphicons halflings;
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}*/
.collapsed:before {
    content: "\002b";
    font-family: glyphicons halflings;
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.quircod {
    margin-top: 64px;
    background-color: #fdfdfd;
    padding: 0 0 100px;
}
.quircod .quircod-sec {
    background-color: #04b7cd;
    padding: 40px 0 180px;
}
.quircod .quircod-sec h1 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.quirebox {
    margin-top: -130px;
}
.quirebox .bg-white {
    max-width: 919px;
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    box-shadow: 0 0 17px 1px #dedede;
}
.quirebox .bg-white .card {
    padding: 64px 60px 40px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0;
}
.quirebox .bg-white h2 {
    color: #525252;
    font-size: 28px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 52px;
}
.quirebox .bg-white ol li {
    list-style: decimal;
    margin-left: 24px;
}
.quirebox .bg-white ol li {
    font-size: 18px;
    line-height: 28px;
    color: #525252;
    padding-bottom: 18px;
}
.quirebox .bg-white a {
    bottom: 66px;
    font-size: 14px;
    line-height: 1;
    color: #04b7cd;
}
.quirebox .bg-white .signchek input {
    margin-right: 6px;
}
.quirebox .bg-white .bg-gray {
    background-color: #f9f9f9;
    padding: 60px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.orderlist .video {
    width: 280px;
    height: 208px;
}
.profitxt .prfiimg {
    width: 125px;
    height: 125px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}
.profitxt .prfiimg img {
    max-width: 100%}
.profitxt h5 {
    font-size: 20px;
    line-height: 24px;
    padding: 15px 0 5px;
    text-align: center;
    color: #666;
    font-weight: 600;
    margin-bottom: 0;
}
.profitxt a {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    display: block;
    margin-bottom: 0;
    font-weight: 500;
}
.profitxt a.pasworebtn {
    background-color: #179bab;
    padding: 8px 0;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    width: 100%;
    margin: 20px 0;
}
.profitxt a.pasworebtn:hover {
    background-color: #12717c;
}
.quise .notific h5 {
    font-size: 16px;
    line-height: 24px;
    color: #179bab;
    margin-bottom: 15px;
}
.quise .notific p {
    padding-bottom: 5px;
}
.quise .notific p strong {
    color: #179bab;
}
.quise .notific ul li {
    list-style: square;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 8px;
    margin-left: 30px;
}
.quise .notific ul li a {
    color: #179bab;
    font-weight: 700;
}
.quise .notific .qizbox {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eaeaea;
    box-shadow: 0 1px 3px 0 rgb(160 159 159/10%);
}
.quise .notific .qissection {
    padding: 20px 0 40px;
}
.quise.latebatch .notific .qissection {
    padding: 10px 0 0;
}
.quise .notific .qissection h4 {
    font-size: 24px;
    line-height: 24px;
    color: #179bab;
    margin-bottom: 15px;
    font-weight: 500;
}
.quise .notific .qissection .qiztext {
    padding: 0 15px 10px;
    display: block;
}
.quise .notific .qissection .qiztext h6 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}
.quise .notific .qissection .qizbox:hover {
    cursor: pointer;
    box-shadow: 0 4px 12px 0 rgb(48 48 48/10%);
}
.abodescrip {
    margin-top: 64px;
    background-color: #e0e0e0;
    padding: 40px 0;
}
.abodescrip .card {
    padding: 20px 30px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0/20%);
    border: 0;
    border-radius: 0;
}
.abodescrip .card h2 {
    font-size: 22px;
    line-height: 30px;
    color: #179bab;
    font-weight: 600;
    margin-bottom: 10px;
}
.abodescrip .card p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 0;
}
.abodescrip .card ul {
    margin: 0;
    padding: 0;
}
.abodescrip .card ul li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
    color: #333;
    padding-left: 23px;
}
.abodescrip .card ul li:before {
    width: 8px;
    height: 8px;
    top: 7px;
    left: 0;
    position: absolute;
    content: '';
    background-color: #179bab;
    border-radius: 50%}
.gallery {
    background-color: #179bab;
    padding: 40px 0 60px;
}
.gallery h2 {
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}
.gallery img {
    border: 5px solid #fff;
}
.gallery img:hover {
    box-shadow: 0 4px 12px 0 rgb(48 48 48/10%);
}
.appload {
    margin-top: 64px;
    background-color: #e0e0e0;
    padding: 20px 0;
}
.appload .appimg img {
    width: 150px;
    margin-bottom: 20px;
}
.appload .btn-download {
    background-color: #179bab;
    padding: 10px 15px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    text-transform: uppercase;
}
.appload .btn-download:hover {
    background-color: #ea3234;
}
.appload .btn-download i {
    color: #fff;
    font-size: 24px;
    margin-right: 5px;
}
.appload .slidtxt a {
    font-size: 42px;
    color: #179bab!important;
    font-weight: 600;
    line-height: 46px;
    margin: 15px 0 30px;
    text-transform: uppercase;
}
.careers.listsup {
    margin-top: 88px;
    background-color: #e0e0e0;
    padding: 0;
}
.careers.listsup .career-sec h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.careers.listsup .career-sec .profitxt h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bordertop {
    border-top: 1px solid }
.careers.listsup .career-sec p {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0 0;
    margin: 0;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
}
.careers.listsup .career-sec .imgbath img {
    width: 49px;
    height: 49px;
    border-radius: 50%}
.careers.listsup .career-sec .card {
    padding: 0;
}
.careers.listsup .career-sec .profitxt .card {
    max-height: 77vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.p-22 {
    padding: 10px 15px 10px 10px;
}
.careers.listsup .border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}
.careers.listsup .vidosize {
    width: 100%;
    height: 60vh;
    border: 0;
    background-color: #000;
}
.scrollright {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 82vh;
    padding-right: 10px;
}
.scrollright a:hover .row.p-22 {
    background-color: #f5f5f5;
}
.scrollright a.active .row.p-22 {
    background-color: #f5f5f5;
}
.careers.listsup .career-sec .card.profitxt a:hover .row.p-22 {
    background-color: #f5f5f5;
}
.careers.listsup .thumbnil .vidosize {
    width: 180px;
    height: 110px;
}
.imgbath2 {
    width: calc(100% - 100px);
}
.imgbath.col2 {
    width: 60px;
}
.col3 {
    width: 200px;
}
.imgbath3 {
    width: calc(100% - 200px);
}
.sreno {
    width: 20px;
    background-color: #d4cfcf;
    margin-right: 15px;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
}
.postdate {
    width: 150px;
    text-align: right;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
}
.totalime {
    width: 50px;
    background-color: #d4cfcf;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
}
.videoimg .p-22 {
    padding: 10px 15px 4px 10px;
}
.default {
    text-align: center;
}
.default img {
    width: 600px;
}
.moheader {
    display: none;
}
.menicon {
    display: none;
}
.mobiheder {
    display: none;
}
.imgmo {
    display: none;
}
.deskhid {
    display: none;
}
.quick-contact .media-body p {
    line-height: 14px;
    margin-bottom: 0;
}
.livetext {
    background-color: #e92629;
    padding: 3px 10px;
    margin-left: 10px;
}
.careers.listsup .career-sec .livetext p {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    padding-left: 10px;
    margin-top: 1px;
}
.careers.listsup .career-sec .livetext p:before {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: 2px;
    content: ''}
.nav.allsub {
    margin-bottom: 20px;
    overflow-x: auto;
    flex-wrap: nowrap;
}
.nav.allsub li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.nav.allsub li a.nav-link {
    display: block;
    padding: .2rem .7rem;
    background: #fff;
    margin: 0 2px;
    border-radius: 25px;
    white-space: nowrap;
    color: #000;
}
.nav.allsub li a.nav-link.active {
    background-color: #179bab;
    color: #fff;
}
.nav.allsub li a.nav-link:hover {
    background-color: #179bab;
    color: #fff;
}
.nav.allsub {
    overflow-x: auto;
    flex-wrap: nowrap;
}
.nav.allsub::-webkit-scrollbar {
    width: 1em;
    height: 5px;
}
.nav.allsub::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.nav.allsub::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #000;
    outline: 1px solid slategrey;
}
.nav.allsub::-webkit-scrollbar:vertical {
    display: none;
}
.nav.allsub::-moz-scrollbar {
    width: 1em;
    height: 5px;
}
.nav.allsub::-moz-scrollbar-track {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.nav.allsub::-moz-scrollbar-thumb {
    border-radius: 5px;
    background-color: #000;
    outline: 1px solid slategrey;
}
.nav.allsub::-moz-scrollbar:vertical {
    display: none;
}
.vidosiz {
    max-width: 600px;
    width: 100%;
    max-height: 330px;
}
.titinam {
    display: none;
}
.register-info-box2 {
    display: none;
}
.logtext {
    display: none;
}
.p-4.smhidpa {
    padding: 15px 0;
}
.forget {
    display: none;
}
.app-banner-main {
    width: 100%;
    background-color: #eee;
    padding: 30px 0;
    margin-top: 64px;
}
.app-banner-content h1 {
    font-size: 55px;
    color: #333;
    line-height: 65px;
    letter-spacing: 1px;
    padding-bottom: 20px;
}
.app-banner-content h1 span {
    color: #139bab;
}
.app-banner-content p {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 30px;
}
.google-app-icon {
    display: flex;
    align-items: center;
}
.google-app-icon a img {
    filter: grayscale(1);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.google-app-icon a:first-child {
    margin-right: 30px;
}
.google-app-icon a:hover img {
    filter: brightness(1);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.map-top-txt {
    padding: 10px 20px;
    color: #000;
    margin-bottom: 0;
}
.the-process-wrapper {
    background-color: #eee;
    padding: 50px 0;
}
.the-process-wrapper .container {
    max-width: 1390px;
    margin: auto;
}
.process-align {
    padding-bottom: 50px;
}
.the-process-wrapper h2 {
    padding-bottom: 10px;
    font-size: 30px;
    margin-bottom: 0;
}
.the-process-wrapper p {
    font-size: 18px;
}
.line-one {
}
.steps {
    color: #fff!important;
}
.line-imag {
    margin-left: 25px;
}
.process-align h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 40px;
}
.process-steps h2 {
    color: #000;
    padding-top: 20px;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 0;
    text-align: center;
}
.process-steps p {
    font-size: 15px;
    text-align: center;
    color: #333;
}
.step-line-img {
    position: relative;
}
.step-line-img img {
    box-shadow: 0 0 0 0 #000;
    width: 90%;
    margin: auto;
    display: block;
}
.step-line-img i {
    width: 100%;
    height: 100%;
    font-size: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.steps {
    position: absolute;
    left: 10px;
    top: -10px;
    background-color: #139baa;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: solid 2px #fff;
    font-size: 14px!important;
    font-weight: 600;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-frame-slider .all-title {
    color: #fff;
    padding-bottom: 50px;
}
.mobile-frame-slider {
    width: 100%;
    padding: 20px;
    font-weight: 500;
    background-color: #f0f4f5;
}
.mobile-features-inner {
    padding: 20px;
    background-color: #139bab;
    border-radius: 30px;
}
.phone-description {
    width: 100%;
    padding: 0 10px 0 20px;
}
.desc-main {
    padding: 10px 30px;
    border-left: solid 3px #ccc;
    height: 100%;
    margin-left: 20px;
    position: relative;
    display: flex;
    align-items: center;
}
.desc-main:after {
    content: "\00BB";
    position: absolute;
    top: 45%;
    background-color: #fff;
    padding: 15px 0;
    border-radius: 100%;
    left: -22px;
    width: 40px;
    font-size: 45px;
    height: 40px;
    color: #ccc;
    line-height: 6px;
    text-align: center;
    border: solid 1px #c3c3c3;
}
.phone-description p {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.phone-description h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    padding: 5px 0 20px;
}
.phone-description ul {
    list-style: disc!important;
}
.phone-description ul li {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 15px;
    color: #fff;
    padding-left: 20px;
    position: relative;
}
.phone-description ul li:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 100%}
.filter-section {
    padding: 25px 0 40px;
}
.sort-header {
    display: flex!important;
    align-items: center;
}
.sort-header h2 {
    font-size: 18px;
    font-weight: 400;
    padding-right: 20px;
    color: #000;
    width: 200px;
    margin-top: -15px;
}
.sort-header ul li a {
    font-weight: 600;
    text-transform: capitalize!important;
    font-size: 14px;
}
.filter-section h1 {
    margin-bottom: 20px;
    color: #000;
    font-size: 20px;
    display: none;
}
.filter-section nav {
    display: block;
    width: 100%;
    padding: 0 0 30px;
}
.filter-section ul {
    list-style: none;
}
.filter-section nav>ul>li {
    display: inline-block;
    margin-bottom: 25px;
}
.filter-section nav ul li button {
    text-transform: uppercase;
    padding: 10px 30px;
    margin-right: 10px;
    margin-left: 0;
    text-decoration: none;
    color: #179bab !important;
    -moz-border-radius: 5px;
    border-radius: 25px !important;
    border: 1px solid #bbb !important;
    -webkit-transition: all 300ms ease-in-out !important;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out !important;
}
.filter-section nav ul li .nav-link.active{
    background: #179bab !important;
    color: #fff !important;
}
.filter-section .hidden {
    display: none;
}
.filter-section nav>ul>li.current a {
    color: #fff;
}
.filter-section nav>ul>li>a:hover, .current a {
    color: #fff;
    background-color: #179bab;
}
#gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.filter-section #projects ul li {
    margin-right: 68px;
    margin-left: 80px;
    margin-bottom: 50px;
    width: 20%;
    height: auto;
    border-radius: 22px;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow: hidden;
    box-shadow: 0 0 20px 15px rgb(0 0 0/10%);
}
.filter-section #projects ul li:hover {
    opacity: 1;
}
.filter-section img {
    max-width: 100%;
    border-radius: 5px;
    width: 100%}
.filter-section .gallery {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(4 34 38/94%);
    padding: 40px 10px;
    display: none;
    box-sizing: border-box;
    text-align: center;
    z-index: 999;
    overflow: auto;
}
.filter-section .gallery>img {
    max-height: 100%;
    width: auto;
    margin: 0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.course-iamg {
    overflow: hidden;
    position: relative;
    display: block;
}
.course-iamg img {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.course-iamg:hover img {
    transform: scale(1.1);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.filter-section .close {
    opacity: 1;
}
.filter-section .close i {
    position: fixed;
    top: 10px;
    right: 30px;
    height: 40px;
    width: 40px;
    background-color: #000;
    border-radius: 100%}
.filter-section .bar {
    display: block;
    position: absolute;
    top: 19px;
    width: 20px;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    left: 11px;
    margin: auto;
}
.filter-section .bar:first-child {
    transform: rotate(-45deg);
}
.course-desc {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
}
.course-button {
    padding: 0;
}
.course-button .buy-button {
    display: block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #179bab;
    padding: 8px 20px;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    border: none;
    outline: none;
}
.course-button .buy-button:hover {
    background-color: #ec1c23;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.plus-minus {
    display: flex;
    align-items: center;
    position: fixed;
    top: 10px;
    right: 70px;
}
.plus-minus a {
    background-color: #000;
    margin-right: 10px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
.plus-minus a i {
    font-size: 16px;
    color: #fff;
}
.zoom-out {
    max-width: 50%}
.course-desc h2 {
    text-align: left;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 20px;
    color: #e82023;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    width: 95px;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}
.course-desc p {
    text-align: right;
    font-size: 14px;
    padding: 0;
    color: #8c8c8c;
    font-style: italic;
    font-weight: 500;
    flex: 1;
}
.course-desc h4 {
    text-align: center;
    font-size: 32.8px;
    margin-bottom: 0;
    font-weight: 600;
    color: #000;
}
.course-desc h4 sub {
    font-size: 14px;
}
.blog-banner {
    width: 100%;
    height: 290px;
    background-size: cover;
    background-position: center;
    margin-top: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-banner h1 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-main {
    width: 100%;
    padding: 50px 0;
    background-color: #fff;
}
.blog-main .container {
    max-width: 1400px;
}
.blog-box {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 15px 4px #ccc;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 30px;
}
.blog-img {
    overflow: hidden;
    border-radius: 0 0 30px 30px;
}
.blog-img img {
    width: 100%;
    overflow: hidden;
    transition: all ease-in-out .6s;
    -webkit-transition: all ease-in-out .6s;
    -moz-transition: all ease-in-out .6s;
    -ms-transition: all ease-in-out .6s;
}
.blog-img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all ease-in-out .6s;
    -webkit-transition: all ease-in-out .6s;
    -moz-transition: all ease-in-out .6s;
    -ms-transition: all ease-in-out .6s;
}
.blog-down-content {
    width: 100%;
    padding: 34px 42px 20px;
}
.blog-name h3 {
    margin-bottom: 0;
    line-height: 10px;
}
.blog-name h3 a {
    text-align: center;
    font-size: 10px;
    color: #139bab;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.blog-name h3 a:hover {
    color: #139bab;
}
.blog-name h2 {
    padding-bottom: 10px;
    margin-bottom: 0;
}
.blog-name h2 a {
    font-weight: 500;
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
}
.blog-name h2 a:hover {
    color: #139bab;
}
.blog-content-main {
    padding-top: 10px;
}
.blog-content-main p {
    font-size: 15px;
    line-height: 24px;
    color: #696969;
    display: block;
    text-align: left;
    padding-bottom: 15px;
}
.blog-content-main ul {
    list-style: disc!important;
    padding-bottom: 20px;
    padding-left: 30px;
}
.blog-content-main ul li {
    font-size: 15px;
    line-height: 24px;
    color: #696969;
    display: block;
    text-align: left;
    position: relative;
    padding: 2px 0;
}
.blog-content-main ul li:after {
    content: "";
    position: absolute;
    top: 8px;
    left: -16px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: transparent;
    border: solid 1px #707070;
}
.blog-content-main ul li a {
    color: #139bab;
}
.blog-content-main ul li a:hover {
    color: #096c78;
}
.blog-read-more a {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background-color: #139bab;
    margin-top: 30px;
    padding: 6px 20px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    overflow: hidden;
    letter-spacing: .8px;
}
.blog-read-more a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .1);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s cubic-bezier(.18, .89, .32, 1.48);
    -moz-transition: all .5s cubic-bezier(.18, .89, .32, 1.48);
    transition: all .5s cubic-bezier(.18, .89, .32, 1.48);
    z-index: 5;
}
.blog-read-more a:hover:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .2s cubic-bezier(.39, .58, .57, 1);
    -moz-transition: all .2s cubic-bezier(.39, .58, .57, 1);
    transition: all .2s cubic-bezier(.39, .58, .57, 1);
}
.blockquote {
    border-left: solid 5px #ccc;
    padding-left: 20px;
    margin: 10px 0 20px;
}
.blockquote p {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 0;
}
.blog-like-social {
    padding-top: 30px;
    display: flex;
    align-items: center;
}
.blog-like {
    flex: 1;
}
.blog-like ul {
    list-style: none;
    display: flex;
}
.blog-like ul li {
    line-height: 14px;
    font-size: 12px;
}
.blog-like ul li a {
    padding: 0 10px;
    font-size: 12px;
    color: #000;
    font-weight: 400;
}
.blog-like ul li a i {
    padding-right: 5px;
}
.blog-like ul li a:hover {
    color: #139bab;
}
.blog-social ul {
    list-style: none;
    display: flex;
}
.blog-social ul li {
    line-height: 14px;
}
.blog-social ul li a {
    padding: 0 20px;
    font-size: 13px;
    color: #989898;
    font-weight: 400;
    text-decoration: underline;
}
.blog-social ul li a:last-child {
    padding-right: 0;
}
.blog-social ul li a:hover {
    color: #139bab;
}
#sidebarWrap {
    width: 100%;
    float: right;
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
}
#sidebar {
    max-width: 383px;
    min-height: 650px;
    padding: 0 30px 37px;
    position: absolute;
    background-color: #fff;
    border-radius: 30px;
}
#sidebar.fixed {
    position: fixed;
    top: 85px;
}
.blog-right-box h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    padding-top: 0;
    font-weight: 600;
}
.best-blog {
}
.best-blog ul {
    list-style: none;
    padding: 20px 0;
}
.best-blog ul li {
    display: block;
    padding-bottom: 10px;
}
.best-blog ul li a {
    font-size: 14px;
    color: #139bab;
    font-weight: 500;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
}
.best-blog ul li a:hover {
    color: #000;
    font-weight: 700;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
}
.director-about {
    width: 100%;
    display: block;
    border-bottom: solid 1px #ccc;
    padding: 15px 0;
}
.director-about:last-child {
    border-bottom: none;
}
.director-about p {
    font-size: 15px;
    line-height: 24px;
    color: #696969;
    display: block;
    text-align: left;
    padding: 20px 0;
}
.director-about .sign-img {
    float: right;
    width: 90px;
}
.large-font {
    font-size: 3.5rem;
}
.employee-benefits .card {
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
.employee-benefits .card-header {
    background-color: transparent;
    border-bottom: none;
}
.employee-benefits .btn-link {
    font-size: 1.25rem;
    color: #000;
    padding-left: 0;
}
.employee-benefits .card-body {
    font-size: 1.05rem;
}
.careers h1 {
    font-size: 2.7rem;
    line-height: 4.5rem;
}
.careers .btn {
    background-color: #fff;
    color: #139bab;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 25px;
    letter-spacing: -.1px;
    font-weight: 700;
    border-color: #139bab;
    padding: 17px 20px;
    display: block;
    max-width: 250px;
    text-align: center;
}
.careers .carousel-inner {
    border: 7px solid #fff;
    border-radius: .7rem;
}
.careers .carousel-indicators {
    bottom: 10px;
}
.blogsection{
    padding:120px 0 40px 0;
}
.desc h3 a{
font-weight:700;
color:black;
font-size:24px;
text-transform: capitalize;
}
.desc-data{
    margin-bottom: 8px;
}
.desc-date{
    display: inline-block;
    
}
.desc-date a{
    
    font-size: 14px;
    font-weight: 400;
    color:#abb8c3 !important;
}
.desc-title{
    display:inline-block;
}
.desc-title a{
    font-size: 14px;
    font-weight: 400;
    color:#abb8c3 !important;
}
.desc-catagerogy{
    display:inline-block;
}
.desc-catagerogy a{
    font-size: 14px;
    font-weight: 400;
    color:#abb8c3 !important;
}
.desc p{
    font-size: 16px;
    font-weight: 400;
    color:black;
    margin-top:10px;
}
.desc-btn a{
    font-size:16px;
    font-weight:600;
    color:white;
    padding:10px;
    background-color:black;
    display:inline-block;
    text-decoration:none;
}
.pagination-item{
    margin:30px 0 30px 1px !important;
}
.sub-data{
    padding:120px 0 60px 0;
}
.sub-image img{
    width:830px !important;
}
.desc-text h3 a{
    font-weight:700;
    color:black;
    font-size:36px;
    text-transform: capitalize;
}
.desc-text .desc-data{
    margin-bottom: 8px;
}
.desc-text .desc-date{
    display: inline-block;
    
}
.desc-text .desc-date a{
    
    font-size: 20px;
    font-weight: 400;
    color:#abb8c3 !important;
}
.desc-title{
    display:inline-block;
}
.desc-text .desc-title a{
    font-size: 20px;
    font-weight: 400;
    color:#abb8c3 !important;
}
.desc-text .desc-catagerogy{
    display:inline-block;
}
.desc-text .desc-catagerogy a{
    font-size: 20px;
    font-weight: 400;
    color:#abb8c3 !important;
}
.desc-text p{
    font-size: 18px;
    font-weight: 400;
    color:black;
    margin-top:10px;
}
.sub-in{
    font-size: 22px;
    font-weight: 700;
    color:black;
}
.sub-image .intro{
    color:black;
    font-size:20px;
    font-weight:500;
    margin-top:20px;
}
.sub-list li{
list-style-type: disc !important;
font-size:18px;
color:black;
font-weight:400;
line-height:1.8;
margin:5px 0;
}
.download-data{
    font-size:20px;
    font-weight:700;
    color:black;
}
.sub-text-btn{
    margin:20px 0;
}
.sub-text-btn a{
font-size:18px;
font-weight:600;
color:white;
padding:10px;
background-color:black;
display:inline-block;
}
.meta-tags a{
display:inline-block;
margin-bottom:4px;
background-color:#4477aa;
padding:8px;
color:white;
text-decoration:none;
font-size:14px;
border-radius:5px;
text-transform: capitalize;
}
.reply{
    border-left: 6px solid black;
    margin:20px 0;
}
.reply span{
    font-size:18px;
    padding-left:10px;
    font-weight:700;
    color:black;
    text-transform: capitalize;
    display:inline-block;
}
.notes{
    color:black;
    font-size:16px;
    display:inline-block;
    font-weight:400;
    margin:20px 0;
}
.cooment{
    font-size:16px;
    color:black;
    font-weight:600;
    text-transform: capitalize;
    margin-bottom:20px;
}
#message{
    width:100%;
    padding:10px;
    /*height:250px;*/

}
.name{
    font-size:16px;
    color:black;
    font-weight:600;
    text-transform: capitalize;
    min-width:150px;
}
.fname{
    padding:4px;
}
.email{
    font-size:16px;
    color:black;
    font-weight:600;
    text-transform: capitalize;
    min-width:150px;
}
.mail{
    padding:4px;
}
.web{
    font-size:16px;
    color:black;
    font-weight:600;
    text-transform: capitalize;
    min-width:150px;
}
.url{
    padding:4px;
}
.checkbox{
    font-size:16px;
    color:black;
    font-weight:400;
    text-transform: capitalize;
}
.form-btn{
    display:inline-block;
    margin:20px 0;
    font-size:16px;
    font-weight: 600;
    padding:10px;
    background-color:black;
    color:white;
    text-decoration: none;
}
.Search-box{
    display:block;
    color:black;
    font-size:16px;
    font-weight:400;
    text-transform: capitalize;
}
.search{
    height:34px;
    padding:4px;
}
.search-btn{
    display:inline-block;
    font-size:14px;
    font-weight:600;
    color:black;
    background: #f7f7f7;
    border: 1px solid #ccc;
    margin-left:6px;
    padding:6px;
}
.text-image{
    margin:35px 0;
}
.text-image img{
    height: 330px !important;
    object-fit: scale-down;
}
.blog-right h3{
    font-size:22px;
    color:black;
    font-weight:700;
    margin:30px 0;
    text-transform: uppercase;
}
.latest-post{
    padding-left:0 !important;
}
.latest-post li{
    margin:5px 0;
}
.latest-post li a{
    color:#4477aa;
    font-size:15px;
    font-weight:400;
    

}
.blog-right h4{
    font-size:22px;
    color:black;
    font-weight:700;
    margin:30px 0;
    text-transform: uppercase;
}

.archives li{
    list-style-type: circle !important;
    margin:8px 0;
}
.archives li a{
    color:#4477aa;
    font-size:15px;
    font-weight:400;
    text-transform: capitalize;
}
.register{
    padding:80px 0;
}
.register-text{
    text-align:center;
}
.register-logo img{
width:100px !important;
display:inline-block;
border-radius:50%;
border:2px solid #179bab;
}
.register-text h4{
    color: rgb(8, 49, 112);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: capitalize;
    margin:30px 0;
}
.register-btn{
    width:100%;
    color:black;
    padding: 16px 20px;
    display:inline-block;
    background-color:white;
    margin:15px 0;
    border-radius:30px;
    box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
}
.register-icon{
    margin-top:15px;
}
.register .row{
    justify-content: center;
}
.choose-one-right{
    margin-left:10px;
}
.face{
    padding:0 8px;
    font-size:26px;
    display:inline-block;
    color: rgb(8, 49, 112);;
}
.review-data iframe{
    width: 100%;
    height: 214px;
    border: 1px solid #aeaeae;
    padding: 8px;
    border-radius: 8px;
}
.phon-imag img{
    width:100% !important;
    height:440px !important;
    object-fit:contain;
}
.review-data .modal-header{
    border-bottom:none;
}
.moheader ul{
    padding-left:0 !important;
}


/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #1d2b36; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #1d2b36; 
  }
.dash-header a{
    color: #000;
}
.compit_btn {
    border: 2px solid #9d9d9d;
    padding: 6px 5px;
    border-radius: 20px;
    width: 190px;
    display: inline-block;
    position: relative;
}
.chng_url {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: #444141;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    color: #fff !important;
    top: 0;
}
.home_side_nav {
    background: #1d2b36;
    height: 87vh;
    padding-top: 0 !important;
}
.home_side_nav h3{
  font-size: 16px;
  color: #c0d8eb;
  background: #000;
  padding: 13px 0;
  font-weight: 700;
}
.home_side_nav ul li a {
    width: 200px;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 23px;
    color: #a1daec;
    margin-bottom: 5px;
    justify-content: space-between;
    margin-left: 6px;
    
}
.home_side_nav ul li a i.hm{
    color: #fff;
}
.home_side_nav ul li a.active{
    background: #149ca8;
    color: #fff;
}

.home_main{
    background: #eff3f4;
}
.main-ryt-sec{
    height: 86vh;
    padding: 23px 13px 15px;
}
.main-ryt-sec .video_sec,
.main-ryt-sec .video_sec iframe{
    width: 100%;
    height: 100%;
}
.tabs_dv .nav-tabs{
    border-bottom: none;
}
.nv_btn{
    border: 1px solid #fff !important;
    font-size: 14px;
    font-weight: 600;
    margin: 0px 4px;
    border-radius: 7px;
    padding: 5px 10px !important;
    background: #fff !important;
    color: #000 !important;
}
.nv_btn.active{
    background: #149ca8 !important;
    color: #fff !important;
    border: 1px solid #149ca8 !important;
}
.tab_sho_main_dv{
    background: #fff; 
    padding: 20px;
    height: 488px;
    overflow-y: auto;
}
.livcls_list img{
    width: 50px;
    height: 50px;
}
.livcls_list {
    border: 2px solid #e9e9e9;
    border-radius: 4px;
}
.liv_btn_dash {
    background: #dddddd5c;
    width: 108px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.liv_btn_dash a{
    padding: 1px 10px;
}
.liv_cont_inn{
    padding: 10px 13px;
}
.liv_cont_inn h4{
  font-size: 17px;
}
.liv_cont_inn p{
  font-size: 14px;
    color: #149ca8;
    font-weight: 400;
}



.blinking {
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: 1s blink ease infinite;
    -moz-animation: 1s blink ease infinite;
    -ms-animation: 1s blink ease infinite;
    -o-animation: 1s blink ease infinite;
    animation: 1s blink ease infinite;
    
  }
  
  @keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-moz-keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-ms-keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-o-keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }

 .main-ryt-sec .accordion-button.collapsed:before{
    content: none;
  }
  .main-ryt-sec .accordion-button:focus{
    border-color: transparent !important;
    box-shadow: none !important;
  }
  .main-ryt-sec .accordion-button{
    background-color: #fff !important;
    box-shadow: none !important;
    color: #000 !important;
    font-size: 18px;
  }
 .main-ryt-sec .accordion-button:not(.collapsed)::after{
    background-image: url(../images/arow-down.png);
    background-size: contain;
    width: 22px;
    height: 22px;
    transform: none;
  }
  .main-ryt-sec .accordion-button::after{
    background-image: url(../images/arow-up.png);
  }
  .main-ryt-sec .accordion-item{
    border: none;
    border-bottom: 2px solid #e9e9e9;
  }
  .authfau_list {
    border-top: 1px solid #5c5c5c;
    margin-top: 21px;
    padding-top: 11px;
}
.drop_cstm_menu{
    left: -66px !important;  
    border-top: none !important;  
    background: #149ca8 !important;
    padding: 8px 6px !important;
}
.drop_cstm_menu a{
    color: #fff !important;
    font-size: 12px;
    padding-left: 10px !important;
}
.drop_cstm_menu a:hover{
    background-color: #1c1f2240 !important;
    border-radius: 18px !important;
}
.notif_content{
  padding: 12px 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ededed;
  margin-bottom: 14px;
}
.notif_content img{
  width: 50px;
  height: 50px;
}
.notif_content h4{
  font-size: 17px;
  margin-bottom: 4px;
}
.notif_content p{
  font-size: 12px;
  margin-bottom: 6px;
}
.notic_modl{
  height: 360px;
  overflow-y: auto;
  padding: 12px;
  padding-left: 2px;
}
.notification_bell {
  background: #dd6210;
  padding: 10px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-right: 17px;
}
.crd_cont h3{
  font-size: 16px;
  margin-top: 7px;
}
.crd_cont{
  padding: 10px;
}
.crd_cont span{
  font-size: 12px;
    font-weight: 500;
}
.crd-detal{
  border-radius: 10px;
  box-shadow: 0 1px 5px rgb(216, 216, 216);
  position: relative;
}
.crd-detal .batchvdo_img{
  height: 185px;
    object-fit: contain;
    background: #000;
}
.count_no{
  position: absolute;
    top: 14px;
    left: 14px;
    width: 21px;
    height: 21px;
    text-align: center;
    background: #4c4c4c;
    color: #fff;
    border-radius: 7px;
    font-size: 14px;
}
.img_dv{
  border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 13px 0;
    background: #585858;
}
.img_dv{
  position: relative;
  transition: .5s all ease-in-out;
  overflow: hidden;
}
.img_dv .ply_btn{
  position: absolute;
  left: 50%;
  bottom: -60px;
  transform: translateX(-50%);
  width: 50px;
  background: #0000009c;
  border-radius: 50%;
  transition: .5s all ease-in-out;
  cursor: pointer;
}
.img_dv:hover .ply_btn{
  bottom: 33%;
}
.timtable_dv h3 {
  font-size: 17px;
  font-weight: 700;
}
.timtable_dv p{
  font-size: 12px;
    margin-bottom: 8px;
}
.border_dv{
  border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    padding: 8px 0 1px;
    margin: 17px 0;
}
.comntbl .modal-content{
  border: 4px solid #448093;
  border-radius: 10px;
}