.api_loader .inner-wait-text {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    display: inline-block;
    width: auto;
    position: absolute;
    font-size: 25px
}

.dataTables_wrapper {
    display: block;
    overflow: auto
}

.table-bordered>thead:first-child>tr:first-child>th {
    padding-right: 20px
}

@media(max-width:1199px) {

    .owl-item .youtube-player-new iframe,
    .owl-item .youtube-player-new img {
        height: 238px
    }
}

@media(max-width:550px) {
    .dashboard-content-block .nav-tabs li.active a b {
        font-weight: 600
    }

    .dashboard-content-block .nav-tabs li a span,
    .dashboard-content-block .nav-tabs li.active a,
    .dashboard-content-block .nav-tabs li:not(.active) a b {
        font-size: 12px
    }

    .usercalendar {
        overflow-x: auto
    }
}

.owl-item .youtube-player-new iframe,
.owl-item .youtube-player-new img,
.portfolio-item .thumb-info img {
    position: relative;
    padding: 15px 0
}

.youtube-player-new .bg-img-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    transform: translate(-50%, -50%)
}

.nav.nav-pills .dropdown-menu>li>a {
    padding: 3px 10px
}

.portfolio-item .thumb-info img {
    height: 200px;
    width: 100%
}

.sbm-submenu ul>li.dropdown.dropdown-mega li a.active {
    background: #f3f1f1
}

body .jp-details,
body .jp-interface {
    background-color: #fff;
    background-image: none
}

.jp-type-single .jp-controls button,
body .jp-details {
    border: 1px solid #e4e4e4
}

body .jp-audio {
    background: #fff !important;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(51 51 51 / .29)
}

.jp-controls {
    height: auto !important
}

#qcvt select.form-control option {
    text-overflow: ellipsis;
    overflow: hidden
}

h2.mt20 {
    margin: 20px 0
}

.lang-dropp .btn-group,
.lang-dropp .dropdown-toggle,
body .w-100i {
    width: 100% !important
}

#footer .footer-copyright p a {
    text-decoration: underline
}

.owl-item .youtube-player-new iframe,
.owl-item .youtube-player-new img {
    height: 238px
}

.youtube-player-new {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 1px
}

#home-intro #learnlist,
#home-intro .scrollable-menu,
.memo-game-sec .dropdown-menu,
.test-section .dropdown-menu {
    overflow-y: auto !important;
    height: 300px !important
}

@media(max-width:991px) {
    #header .container {
        max-width: 100%
    }

    #header .header-nav-main nav>ul li.dropdown.logged-in-user {
        margin-top: 12px
    }

    #header .header-nav-main nav>ul li.dropdown.logged-in-user a.dropdown-toggle {
        display: block;
        width: auto !important;
        max-width: 100%
    }

    #header .header-nav-main nav>ul li a {
        text-align: left
    }

    #header .header-nav-main nav>ul li.dropdown.opened>.dropdown-menu {
        margin-left: 15px
    }

    .owl-item .youtube-player-new iframe,
    .owl-item .youtube-player-new img {
        height: 292px
    }
}

@media(max-width:767px) {
    .vocabimage {
        object-fit: cover;
        max-width: 400px
    }

    .owl-item .youtube-player-new iframe,
    .owl-item .youtube-player-new img {
        height: 300px
    }

    #footer a {
        font-size: 15px
    }

    .hidden-xs.img-responsive,
    .onlydesktop {
        display: block !important
    }

    #mainNav {
        background: #fff
    }

    .header-nav-center.header-nav-bar-primary.sticky {
        position: relative !important;
        margin: 0 0 30px !important
    }

    .btn-primary#reload,
    .btn-primary#reload+a.btn-primary {
        margin: 0 0 15px !important
    }
}

@media(max-width:620px) {

    .owl-item .youtube-player-new iframe,
    .owl-item .youtube-player-new img {
        height: 285px
    }
}

@media(max-width:400px) {
    .lightbox .owl-carousel .text-center .img-thumbnail {
        margin: 0 5px !important
    }

    .owl-item .youtube-player-new iframe,
    .owl-item .youtube-player-new img {
        height: auto
    }
}

a#clsPopupFlags {
    vertical-align: middle;
    border: 0 solid;
    color: #fff;
    display: inline-block;
    text-align: center
}

.form_custom_radio .label_custom_radio:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #1b5e80
}

.form_custom_radio input[type=radio]:checked+span.label_custom_radio:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    width: 9px;
    height: 9px;
    background: #1a5e80;
    border-radius: 50%
}

.sub-dd {
    margin-top: 8px
}

.sub-page-heading {
    padding-bottom: 30px
}

.ticket p,
.user-dashboard-page .sbm-panel-header .header-left-h3 {
    text-align: left !important
}

.latest-design-tab li.active a {
    font-size: 16px !important
}

.dashboard-content-block .nav-tabs li a.active_step>span,
.dashboard-content-block .nav-tabs li.active a>span {
    background: #fff;
    height: 36px;
    line-height: 34px;
    border-radius: 6px 0 0 6px;
    color: #1b5e80;
    width: 28px;
    margin-left: 2px;
    border: 0
}

.btn_responsive {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.btn-primary-defult-d,
.table tr td:last-child {
    display: flex !important
}

a#clsPopupFlags {
    font-size: 22px !important;
    margin-top: 5px !important;
    line-height: 1.3 !important;
    margin: 10px auto;
    background-color: #015e7f;
    padding: 5px;
    width: 40px;
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.view_school {
    padding: 7px 15px;
    background-color: #fff !important;
    color: #015e7f !important;
    border-color: #fff !important;
    font-size: 14px
}

.view_school:hover {
    transform: scale(1.08) !important;
    margin: 0 5px
}

.menu_panel {
    border: 0 !important
}

#clsPopupFlags button {
    background: 0;
    border: 0;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.img-box-square {
    padding-bottom: 100% !important;
    position: relative;
    display: block;
}

body img.img-box-resp {
    position: absolute;
    top: 50%;
    left: 50% !important;
    width: calc(100% - 8px) !important;
    height: calc(100% - 8px) !important;
    max-width: 214px !important;
    max-height: 214px !important;
    transform: translate(-50%, -50%);
    object-fit: contain;
    border-radius: 0 !important;
}

body .card {
    box-shadow: 1px 2px 7px 0px #00000021;
}

@media only screen and (max-width:767px) {
    .mob-space-even {
        justify-content: space-evenly
    }

    .mob-mw-300px {
        max-width: 300px;
    }

    .choose-cate h2 {
        font-size: 18px !important
    }

    .counters.counters-text-dark .counter {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:768px) {
    .col-sm-3 {
        width: 25%;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header .header-nav-main nav>ul>li>a {
        border-radius: 4px;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        padding: 10px 11px;
        text-transform: uppercase
    }

    .counters strong {
        display: block;
        font-weight: 700;
        font-size: 40px;
        line-height: 50px
    }
}

@media screen and (min-width:1022px) and (max-width:1024px) {
    .start-app {
        position: relative;
        left: -50px
    }
}

@media screen and (max-width:1024px) and (min-width:300px) {
    .dropdown-menu {
        overflow: autoS
    }

    #header .header-nav-main nav>ul>li>a,
    #header .header-nav-main nav>ul>li>a:focus,
    #header .header-nav-main nav>ul>li>a:hover {
        color: #fff !important
    }
}

@media screen and (max-width:992px) {
    .sbm-panel-header {
        justify-content: center
    }
}

.btn-primary-defult-d {
    width: 300px !important;
    justify-content: space-between;
    margin: 6px 0 0 !important;
    align-items: center
}

#header .header-nav-main nav>ul li#languagemenu a,
#header .header-nav-main nav>ul li#languagemenu a:focus,
#header .header-nav-main nav>ul li#languagemenu a:focus i,
#header .header-nav-main nav>ul li#languagemenu a:hover {
    color: inherit !important
}

@media (min-width:992px) {
    .text-md-right {
        text-align: right !important;
    }

    .text-md-left {
        text-align: left !important;
    }

    .container {
        max-width: 970px;
        width: 100%
    }
}

@media (max-width:768px) {
    .container {
        max-width: 750px;
        width: 100%
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px;
        width: 100%
    }
}

#header .header-nav-main.header-nav-main-light nav>ul>li>ul.dropdown-menu {
    z-index: 9
}

#header .header-nav-main nav>ul li a i,
#header .header-nav-main nav>ul>li.dropdown_new .dropdown-menu li .dropdown-toggle-2 .fa-caret-right {
    font-size: 10px !important
}

.shadow {
    box-shadow: 0 0 10px -2px rgb(0 0 0 / .15)
}

.download_app-btnn>a::after {
    background: #fff;
    content: "";
    height: 120%;
    opacity: 0;
    position: absolute;
    top: 37%;
    transform: rotate(35deg) translateY(-50%) skew(13deg, -35deg);
    width: 30px;
    transition: 3s cubic-bezier(.19, 1, .22, 1);
    left: -100%
}

.download_app-btnn>a:hover::before {
    left: 120%;
    opacity: .5s
}

.download_app-btnn>a:hover::after {
    left: 200%;
    opacity: .6
}

over .download_app-btnn>a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: transform .3s;
    border-radius: 8px
}

.butn:active,
.download_app-btnn>a:hover {
    transform: translateY(-3px);
    transition: transform .3s;
    color: #fff;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / .3)
}

@media (max-width:767px) {
    .latest-design-tab li {
        overflow: initial !important
    }

    .btn_responsive {
        justify-content: center
    }

    .contett-divv {
        margin-left: 15px !important
    }
}

.btn,
button {
    outline: 0 !important
}

.custom_tooltip {
    position: relative;
    display: inline-block;
    width: auto
}

.tooltip-hover-text {
    position: absolute;
    z-index: 99;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    bottom: 100%;
    padding-bottom: 10px
}

.tooltip-hover-text_inner {
    padding: 10px 15px;
    box-shadow: 0 0 10px -1px rgb(0 0 0 / .15);
    border-radius: 8px;
    min-width: 200px;
    background: #1a5e80;
    color: #fff
}

.custom_boxxxx .feature-box-info,
.px-none {
    padding-left: 0 !important
}

.tooltip-hover-text:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #1a5e80;
    bottom: 5px;
    left: 15px;
    transform: rotate(45deg)
}

.language_tooltip>a {
    color: #222
}

.btn.btn-primary:focus {
    border: none;
    outline: 0
}

.transliteration-text {
    font-size: 14px !important;
    color: #8d8d8d !important
}

body .PPBlue_V2 .PPTM-top {
    fill: #ffffff !important;
    filter: inherit !important
}

.login-block-colll .login-btn-group button {
    margin-bottom: 0 !important;
    margin-right: 5px
}

#home-intro .open>.dropdown-menu {
    padding-top: 5px !important
}

.middle_arroww {
    vertical-align: bottom !important;
    line-height: 16px
}

svg:not(:root) {
    filter: invert(1)
}

.sbm-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0
}

.sbm-nav-wrapper .sbm-submenu .dropdown-menu {
    top: calc(100% - 10px) !important;
    border-top: 10px solid transparent !important
}

.clsSpanLang {
    top: 55px !important
}

.CWPP_medium .PPTM,
.CWPP_medium i {
    filter: inherit !important
}

img.paypal_imagge,
img.stripe_imagge {
    margin-left: 8px !important
}

.sbm-submenu ul {
    border: none !important;
    padding: 0 !important
}

a.btn.tableicon-btn {
    margin: 3px 5px 3px 0
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    line-height: 34px
}

.position-relative {
    position: relative !important
}

.overflow-hidden {
    overflow: hidden !important
}

.btn-secondary {
    color: #fff;
    text-shadow: 0 -1px 0rgb(0 0 0 / .25);
    background-color: #ca0101 !important;
    border-color: #ca0101 !important
}

@media (max-width:1171px) {
    .latest-design-tab>li {
        width: 25%
    }
}

@media screen and (max-width:1024px) and (min-width:991px) {
    #header .header-nav-main nav>ul>li>a {
        color: #1d2127 !important
    }
}

footer#footer {
    position: relative;
    z-index: 4
}

#footer .social-icons li>a:hover {
    box-shadow: inset 0 2px 7px 0 #ca010147;
    color: #ca0101 !important;
    background: #fff;
    transform: scale(1.1)
}

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

    #header .header-nav-main nav>ul>li>a,
    #header .header-nav-main nav>ul>li>a:focus,
    #header .header-nav-main nav>ul>li>a:hover {
        color: #ca0101 !important
    }

    .custom_tooltip .tooltip-hover-text {
        left: 0 !important
    }

    #header .header-nav-main nav>ul li a i {
        font-size: 15px !important
    }

    .tooltip-hover-text:before,
    .tooltip-hover-text_inner {
        display: none
    }

    #header .header-nav-main nav>ul li a .fa-caret-down {
        top: 50%;
        transform: translateY(-50%);
        right: -5px
    }

    #header .header-nav-main nav>ul>li.dropdown_new .dropdown-menu,
    #header .header-nav-main.header-nav-main-light nav>ul>li.logged-in-user .dropdown-menu {
        width: 100%
    }

    #header .header-nav-main nav>ul>li>a.dropdown-toggle:after {
        color: transparent !important
    }
}

.banner_homee-inner {
    padding-top: 20px;
    padding-bottom: 20px
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.custom_tag-badge {
    background: #fff;
    color: #1b5e80;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 10%);
    font-size: 13px;
    font-weight: 400;
    display: inline-block
}

.custom_tag-badge:hover {
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 10%);
    background: #ca0101;
    color: #fff
}

.lang-dropp {
    max-width: 250px;
    width: 100%
}

.lang-dropp .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none
}

.lang-dropp .dropdown-toggle+.dropdown-menu {
    left: 0;
    width: 100% !important;
    margin-top: 5px
}

.banner_homee-inner ol.carousel-indicators {
    top: 0;
    left: auto;
    right: -25px;
    width: 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.banner_homee-main:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.banner_homee-inner ol.carousel-indicators li {
    background: #1b5e80a3;
    margin-bottom: 3px
}

.banner_homee-inner ol.carousel-indicators li.active {
    background: #1b5e80;
    outline: #1b5e80 solid 1px;
    border: 2px solid #fff;
    width: 10px;
    height: 10px
}

.banner_homee-main:before {
    /* commited 14-3-2025 becouse take more than 80 ms excution time & response is 302*/
    /* background-image: url(../front_assets/images/bg-liness.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    opacity: .8
}

.custom_boxxxx .feature-box-info h4 * {
    transition: none !important
}

.custom_boxxxx .feature-box-info h4 {
    margin-left: 0;
    margin-bottom: 5px !important
}

.custom_boxxxx.feature-box {
    padding: 20px;
    background: #fff;
    border-radius: 16px;
    height: 100%
}

.feature-box.custom_boxxxx .feature-box-icon .fa {
    font-size: 25px !important;
    color: #015887 !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    box-shadow: inset 0 0 15px #1a5e8047;
    border-radius: 8px;
    background: #fff
}

.custom_boxxxx .feature-box-icon {
    float: none;
    height: auto !important;
    width: auto !important;
    margin: 0 0 20px !important;
    line-height: 1
}

.custom_boxxxx .feature-box-info h4>a {
    color: inherit
}

.counters.counters-text-dark .counter:hover .fa,
.feature-box.custom_boxxxx:hover .feature-box-icon .fa {
    color: #ca0101 !important;
    box-shadow: inset 0 0 15px #ca010147;
    transform: scale(1.1)
}

@media (min-width:1025px) {
    .imagee_bannerr>img {
        max-height: calc(90vh - 150px);
        object-fit: contain
    }
}

.text-blue {
    color: #1a5e80 !important
}

.btn-white {
    background: #fff !important;
    text-shadow: none !important;
    color: #ca0101 !important;
    border: 0
}

.text-body {
    color: #666 !important
}

.btn-white:hover {
    transform: scale(1.08) !important
}

.rounded-16 {
    border-radius: 16px !important
}

.px-none {
    padding-right: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.align-items-end {
    align-items: flex-end
}

.rounded-8 {
    border-radius: 8px !important
}

.w-auto {
    width: auto !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.box-shadow-none {
    box-shadow: none !important
}

.float-left {
    float: left !important
}

.bg-light-blue {
    background: #f6f9fa !important
}

.bg-blue {
    background: #1a5e80 !important
}

.d-inline-block {
    display: inline-block !important
}

.badge-success {
    background-color: #47a447 !important
}

.badge-orange {
    background-color: #ffb74d !important
}

.h-100 {
    height: 100%
}

.dashboard-flex-row .col-md-3,
.dashboard-flex-row .col-md-9 {
    animation: 1.5s alternate fadee
}

@keyframes fadee {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #1b5e80
}

.border-none {
    border: none !important
}

#footer .social-icons li>a {
    box-shadow: inset 0 2px 7px 0 #1a5e8047;
    color: #1a5e80 !important
}

table.dataTable,
table.dataTable td,
table.dataTable th {
    box-sizing: border-box !important
}

body .alertify .ajs-dialog {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
    border-radius: 16px;
    max-height: 80vh;
    width: 27%
}

body .alertify .ajs-footer {
    margin: 0;
    padding: 0
}

body .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    margin: 0 !important;
    background: #1a5e80;
    border: 0;
    color: #fff;
    border-radius: 6px
}

body .alertify .ajs-modal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

body .alertify .ajs-body .ajs-content {
    padding: 0 0 10px
}

.text-danger {
    color: #cc4317
}

.bg-none {
    background: 0 0 !important
}

@keyframes bounce {

    100%,
    70%,
    90%,
    97% {
        transform: translateY(0)
    }

    80% {
        transform: translateY(-15%)
    }

    95% {
        transform: translateY(-7%)
    }

    99% {
        transform: translateY(-3%)
    }
}

.modal-body .row .col-md-3,
.modal-body .row .col-md-9 {
    animation: none !important
}

.modal-767 .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    top: 50%;
    transform: translateY(-50%) !important;
    max-width: 767px !important;
    width: calc(100% - 20px) !important
}

.modal-767 .modal-content {
    max-height: none !important;
    overflow-y: hidden !important
}

.modal-767 .modal-body {
    max-height: calc(95vh - 130px) !important;
    overflow-y: auto !important
}

.modal-400 .modal-dialog {
    max-width: 400px !important
}

.modal-600 .modal-dialog {
    max-width: 600px !important
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc
}

.form-control {
    box-shadow: none
}

.min-w-auto {
    min-width: auto !important
}

.close-btnnn {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 30px;
    color: #fff !important;
    height: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 !important;
    opacity: 1 !important;
    background: #1a5e80 !important;
    border-radius: 0 8px !important
}

.close-btnnn:hover {
    background: #ca0101 !important;
    border-color: #ca0101 !important
}

.asterix {
    color: #ca0101;
    font-weight: 700
}

.note-success {
    background-color: #dcedc8;
    border-radius: 8px;
    position: relative;
    line-height: 1.3;
    display: inline-block;
    padding: 10px;
    color: #558b2f
}

.note-danger {
    background-color: #cc431714;
    color: #cc4317
}

.note-success:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: -8px;
    left: 15px;
    background: linear-gradient(135deg, #9ccc65, #dcedc8 70%);
    transform: rotate(45deg)
}

.note-danger:before {
    background: linear-gradient(135deg, #cc4317, #f3eae8 70%)
}

span.head-topppp {
    font-size: 30.8px !important;
    color: #fff !important;
    padding-top: 0 !important;
    line-height: 1.2;
    font-weight: 600
}

span.head-topppp_subb {
    font-size: 14px !important;
    line-height: 1.4;
    padding-top: 10px !important
}

.all_languagess-main {
    column-count: 6;
    column-gap: 10px
}

#languagemenu>ul.dropdown-menu {
    border: 0;
    box-shadow: 0 10px 10px -4px rgb(0 0 0 / 15%)
}

#header .header-nav-main nav>ul>li>a {
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    text-transform: none
}

.help-block.error-help-block {
    order: 13;
    font-size: 14px;
    line-height: 1
}

.ui-widget,
body {
    font-family: 'Tahoma', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu !important
}

.tab-content {
    border: 0;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
    border-radius: 0 0 16px 16px
}

::-webkit-scrollbar {
    width: 6px;
    background: #fff
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #1a5e8047;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #1a5e80;
    border-radius: 8px
}

::-webkit-scrollbar-thumb:hover {
    background: #1a5e80
}

.social-icons li {
    margin: 0 1px 5px 0;
    border-radius: 0;
    box-shadow: none
}

.footer-copyright>.container {
    border-top: 1px solid #ffffff63;
    padding: 15px 5px
}

#footer h4 {
    font-size: 20px;
    font-weight: 600
}

html #header .header-nav-bar-primary.sticky {
    left: 0;
    background: #fff !important
}

#footer {
    margin-top: 0;
    font-size: 14px
}

.dashboard-main-section>.container {
    max-width: none
}

body,
p {
    color: #666
}

.header_mian-containerr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 0 !important;
    padding: 0 15px !important;
    min-height: 80px !important;
    justify-content: space-between;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%)
}

#header .header-nav-main.header-nav-main-light nav>ul>li>a {
    color: #1d2127
}

html #header .header-nav-bar-primary {
    background: 0 0 !important;
    color: #666 !important
}

#header .header-logo img {
    margin: 0 15px 0 0
}

.latest-design-tab>li>a {
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    text-align: center !important;
    box-shadow: inset 0 2px 7px 0 #1a5e8047 !important;
    color: #1a5e80 !important;
    padding: 12px 13px !important
}

.latest-design-tab>li.active>a,
.latest-design-tab>li>a:hover {
    background: #1b5e80 !important;
    border: 0 !important;
    color: #fff !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
    box-shadow: none !important
}

.latest-design-tab {
    display: flex;
    width: 100%;
    flex-wrap: nowrap
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 18px)
}

.latest-design-tab>li {
    width: 100%;
    white-space: nowrap
}

body .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button.ajs-cancel {
    margin-left: 10px !important
}

.custom_checkboxx.ui-checkboxradio-label,
.custom_checkboxx.ui-checkboxradio-label:hover {
    background: 0 0 !important;
    border: none !important;
    color: #666 !important;
    width: calc(25% - 5px);
    text-align: left;
    box-shadow: none !important
}

.custom_checkboxx .ui-checkboxradio-icon {
    background-image: none !important;
    border: 1px solid #c9c9c9 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    width: 20px;
    height: 20px;
    position: relative
}

.custom_checkboxx.ui-state-active span.ui-checkboxradio-icon {
    border-color: #1b5e80 !important
}

.custom_checkboxx.ui-state-active span.ui-checkboxradio-icon:before {
    content: "";
    background: #1b5e80;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 4px
}

.custom_checkboxx.ui-state-active span.ui-checkboxradio-icon:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 5px;
    border: 2px solid #fff;
    width: calc(100% - 8px);
    height: calc(100% - 13px);
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg)
}

body ul li.disable::before {
    background: #bfbfbf
}

.title-main_seccc::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000002b
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    display: inline-block;
    width: 35px;
    height: 35px;
    right: 0;
    line-height: 35px;
    background: #1a5e80;
    opacity: 1;
    color: #fff;
    padding: 0;
    text-align: center;
    border-top-right-radius: 13px;
    border-bottom-left-radius: 10px
}

.mfp-counter {
    top: 5px;
    width: 100%;
    text-align: center;
    right: 0;
    color: #1a5e80;
    font-size: 14px
}

button.mfp-arrow {
    margin: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #1a5e80
}

.mfp-arrow:before {
    margin: 0;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    border-left: 0;
    border-top: 0;
    left: 50%;
    top: 50%
}

.mfp-arrow:active {
    margin: 0 !important
}

.mfp-arrow-right.mfp-arrow:before {
    transform: translate(-50%, -50%) rotate(-45deg);
    left: calc(50% - 2px)
}

.mfp-arrow-left.mfp-arrow:before {
    transform: translate(-50%, -50%) rotate(135deg);
    left: calc(50% + 2px)
}

.mfp-arrow-left {
    left: 10px
}

.mfp-arrow-right {
    right: 10px
}

#languageModal div#userbuttonn .fa {
    transform: none;
    margin-bottom: 0
}

@media (max-width:1024px) {
    .testimonial-heading-t {
        width: 100%
    }

    .mobile_text-roww {
        width: 100%;
        display: flex;
        flex-wrap: nowrap !important
    }

    a#clsPopupFlags {
        height: 40px !important;
        margin-left: 4px !important
    }
}

@media (max-width:992px) {
    .user-dashboard-page .sbm-panel-header h3 {
        width: 100%;
        text-align: center !important;
        margin-bottom: 0
    }

    #tab_1_1 .sbm-panel-header h3 {
        text-align: left !important
    }

    .apps-for-android-coll,
    .apps-for-android-coll .owl-item.cloned,
    .available-heading-public,
    .counters-text-dark,
    .learn-over-head,
    .testimonial-area,
    .testimonial-area .owl-item.cloned,
    .testimonial.testimonial-style-2 {
        width: 100%
    }

    .testimonial-area .owl-carousel .owl-nav .owl-prev {
        left: 145px
    }

    .custom_boxxxx.feature-box,
    .head-topppp,
    .head-topppp_subb,
    .lead-para-lang,
    .word-head-tittle {
        text-align: center
    }

    .testimonial-area .owl-carousel .owl-nav .owl-next {
        right: 285px
    }

    .owl-carousel.stage-margin .owl-stage-outer {
        margin: 0 !important
    }

    .banner_homee-inner ol.carousel-indicators {
        right: -10px
    }

    .dashboard-main .sbm-panel-header h3 {
        margin-bottom: 15px
    }

    .user-dashboard-page .sbm-panel-header .time_zone {
        margin-top: 0
    }

    .text-seccc-introo {
        width: 100% !important
    }

    .ever-g-new,
    .ever-need-btn,
    .money-lang-app-now-col {
        width: 100%;
        text-align: center
    }

    .owl-stage {
        width: 100%;
        transform: translate(230px, 10px)
    }

    .mobile_testimonial-roww {
        flex-direction: column
    }

    .call-to-action-btn-res {
        width: 100%;
        text-align: center !important
    }

    .owl-carousel .owl-nav .owl-prev {
        left: 0
    }

    .owl-carousel .owl-nav .owl-next {
        right: 0
    }

    .owl-carousel .owl-nav {
        bottom: 30%
    }
}

@media (max-width:990px) {
    .mobile_text-roww {
        width: 100%;
        flex-wrap: inherit !important
    }

    body .alertify .ajs-dialog {
        width: 50%
    }

    .downloadmp-zip-collum {
        padding: 0 28px;
        width: 100%
    }

    .custom_list_phrasebook {
        padding: 0 15px
    }
}

@media (max-width:767.98px) {
    .user-dashboard-page .sbm-panel-header .time_zone {
        width: 40%
    }

    .teacher-heart {
        order: 1;
        position: absolute !important;
        right: 0 !important
    }

    body .alertify .ajs-dialog {
        width: 79%
    }

    .alertify .ajs-footer .ajs-buttons.ajs-primary,
    .content_bannerr,
    body .alertify .ajs-body .ajs-content {
        text-align: center
    }

    .custom_checkboxx.ui-checkboxradio-label,
    .custom_checkboxx.ui-checkboxradio-label:hover {
        background: 0 0 !important;
        border: none !important;
        color: #666 !important;
        width: 48%;
        text-align: left;
        box-shadow: none !important
    }

    .title-main_seccc {
        min-height: 200px !important
    }

    .all-right-reserved-coll,
    .col-sm-12:nth-child(n+1) {
        width: 100%;
        text-align: center
    }

    .pagination {
        margin: 0;
        display: flex;
        justify-content: center
    }

    .downloads-heading-mp-eng-btn,
    .using-lang-col {
        text-align: center !important
    }

    .pagination.pagination-lg li a {
        font-size: 11px !important
    }

    footer#footer {
        padding: 70px 12px 0
    }

    .downloadmp-zip-collum-row {
        padding: 0 10px;
        text-align: center
    }

    .center-content-area {
        padding: 0 0 36px
    }

    .call-to-action-content a,
    .inverse.scrollpoint.sp-effect2 {
        width: 100% !important
    }

    .call-to-action-content h2,
    .call-to-action-content p {
        width: 100% !important;
        text-align: center
    }

    body .dashboard-content-block .sbm-panel-header a:last-child {
        margin-right: 0 !important
    }

    .download_app-btnn img {
        width: 130px;
        margin-left: 10px
    }

    .section-padding {
        padding: 40px 0 !important
    }

    .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: #fff0;
        width: 100%
    }

    .mb-lg {
        margin-bottom: 10px !important
    }

    .downloads-heading-mp {
        width: 100%;
        text-align: center !important
    }
}

@media (max-width:611px) {
    .middle_arroww {
        display: none !important
    }
}

@media (max-width:600px) {
    .w-100-600px {
        width: 100% !important
    }

    .time-row>.time-col.time-col-1 {
        width: calc(100% - 60px);
        max-width: none;
        flex-basis: auto
    }

    .time-row>.time-col {
        padding: 5px 15px
    }

    .time-row>.time-col.time-col-5 {
        max-width: 60px;
        padding-top: 10px
    }

    .time-row>.time-col.time-col-4 {
        padding-bottom: 10px
    }
}

@media (max-width:700px) {
    .apps-for-android-coll {
        height: 700px !important
    }
}

@media screen and (max-width:568px) {
    .sbm-panel-header {
        justify-content: space-between;
        padding-bottom: 15px
    }

    .mp-btn {
        margin-top: 10px
    }

    .mb-lg {
        margin-bottom: 20px !important
    }

    .enlacs-coll,
    .newsletter-coll {
        width: 50%;
        text-align: center
    }

    .download_app-btnn-coll {
        width: 100%;
        text-align: center
    }

    footer#footer {
        position: relative;
        padding: 70px 0 7px;
        z-index: 4
    }

    .head-topppp,
    .head-topppp_subb {
        text-align: center
    }

    .form-group {
        margin-bottom: 15px
    }

    .user-dashboard-page .sbm-panel-header {
        justify-content: center
    }

    body .dashboard-content-block .sbm-panel-header {
        padding-bottom: 20px
    }
}

@media screen and (max-width:420px) {
    .user-dashboard-page .sbm-panel-header .time_zone {
        width: 50%
    }
}

.form-control[disabled],
.form-control[readonly] {
    background-color: #e9e9e9;
    opacity: .5;
    border-color: #e9e9e9
}

@media (max-width:1024.98px) {

    .row[style="display: none"],
    .row[style="display: none;"],
    .row[style="display:none"],
    .row[style="display:none;"] {
        display: none !important
    }
}

.new-page-loader svg {
    filter: none;
    width: 100px;
    height: 100px
}

.new-page-loader {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    background: #ffffffb8;
    z-index: 9999;
    font-size: 25px;
    color: #222;
    font-weight: 600
}

.new-page-loader>.inner-wait-text {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.title-main_seccc_inner h1,
.title-main_seccc_inner h2,
.title-main_seccc_inner h3,
.title-main_seccc_inner h4 {
    text-shadow: 3px 3px 5px #000
}

.cardset {
    text-align: center;
    overflow: hidden
}

ul.dropdown-menu-2 {
    left: 100% !important;
    z-index: 1 !important;
    top: 0 !important;
    margin-top: 0 !important;
    display: none !important
}

.dropdown_new-2:hover ul.dropdown-menu-2 {
    display: block !important
}

#mainNav ul.dropdown-menu,
.overflow-unset {
    overflow: unset !important
}

.pointer-txt {
    cursor: text !important
}

a.dropdown-toggle-2 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 5px !important
}

.title-main_seccc_inner h3:last-child {
    margin-bottom: 0;
}

.title-main_seccc_inner.banner_section_content {
    min-height: auto;
}

.slick-next.slick-arrow:before {
    content: "\f054";
}

.slick-prev.slick-arrow:before {
    content: "\f053";
}

.slick-prev.slick-arrow:before,
.slick-next.slick-arrow:before {
    font-family: FontAwesome !important;
    font-size: 13px;
}

.slick-next.slick-arrow,
.slick-prev.slick-arrow {
    width: 30px;
    height: 30px;
}

.cs-drop-lessonnnn ul.dropdown-menu {
    transform: none !important;
}

.cs-drop-lessonnnn .dropdown-mega-content {
    padding: 15px 15px;
}

@media (max-width:991.98px) {
    li#languagemenu .dropdown-menu {
        display: none !important
    }

    li#languagemenu.opened .dropdown-menu {
        display: block !important;
        height: 100% !important;
        margin: 2px 0 0 !important;
        padding-bottom: 5px !important
    }

    a.dropdown-toggle-2 .fa-caret-down {
        display: inline-block !important
    }
}

#header .header-nav-main nav>ul>li.dropdown_new .dropdown-menu li .dropdown-toggle-2 {
    border-bottom: 1px solid #f4f4f4;
    color: #777;
    font-weight: 400;
    padding: 8px;
    position: relative;
    text-transform: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sbm-panel {
    background: #fff !important
}

#header .header-nav-main.header-nav-main-light nav>ul>li.active>a,
#header .header-nav-main.header-nav-main-light nav>ul>li.active>span,
#header .header-nav-main.header-nav-main-light nav>ul>li.open>a,
#header .header-nav-main.header-nav-main-light nav>ul>li:focus>a,
#header .header-nav-main.header-nav-main-light nav>ul>li:hover>a,
#header .header-nav-main.header-nav-main-light nav>ul>li:hover>span {
    background: #1b5e80 !important;
    color: #fff !important
}

#header .header-nav-main nav>ul>li>span {
    padding: 10px !important;
    border-radius: 4px !important;
    color: #1d2127 !important;
    display: block;
    font-weight: 500;
}

#header .header-nav.header-nav-center .header-nav-main .fa-caret-down::before {
    font-size: 10px !important;
    padding-left: 6px !important
}

.testimonial-area .owl-item {
    opacity: 0;
    transition: .3s
}

#home .show_lang {
    cursor: pointer !important
}

#home .money-lang-app-now-btn a.btn.btn-primary.mr-md {
    background: #fff !important;
    text-shadow: none !important;
    color: #ca0101 !important;
    border: 0;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin: 0 5px;
    font-weight: 600;
    transition: .3s ease-in-out;
    overflow: hidden
}

#home .money-lang-app-now-btn a.btn.btn-primary.mr-md:hover {
    transform: scale(1.2)
}

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

    .custom-drop-span .fa-caret-down,
    body #header .nav_containerrr>.container>.header-nav-main,
    body #header .nav_containerrr>.container>.header-nav-main.collapsing,
    body #header .nav_containerrr>.container>.header-nav-main.in,
    header a.dropdown-toggle-2 .fa-caret-down {
        transition-timing-function: ease;
        transition-duration: .35s;
        transition-property: all
    }

    #header .header-nav-main nav>ul>li>span {
        color: #666 !important
    }

    #header .header-nav.header-nav-center .header-nav-main .fa-caret-down::before {
        position: absolute;
        left: calc(100% - 24px) !important
    }

    html.lang_header {
        overflow: hidden !important
    }

    html.lang_header header .header-btn-collapse-nav .fa-bars:before {
        content: "\f00d"
    }

    body #header .nav_containerrr>.container>.header-nav-main {
        position: fixed;
        top: 80px;
        margin-top: 0;
        height: calc(100% - 80px) !important;
        display: block;
        left: -120vw;
        overflow-y: auto
    }

    body #header .nav_containerrr>.container>.header-nav-main.in {
        left: 0
    }

    .custom-drop-span,
    .lang-cust-dropcs>.dropdown-toggle {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    #header .header-nav.header-nav-center .header-nav-main .custom-drop-span .fa-caret-down::before,
    #header .header-nav.header-nav-center .header-nav-main .lang-cust-dropcs>.dropdown-toggle .fa-caret-down::before {
        position: static;
        font-size: 15px !important;
        padding: 0 !important;
        line-height: 1.2 !important
    }

    #header .header-nav.header-nav-center .header-nav-main ul.dropdown-menu-2 {
        position: static;
        box-shadow: none;
        border: none;
        padding-left: 30px
    }

    .custom-drop-span .fa-caret-down,
    header a.dropdown-toggle-2 .fa-caret-down {
        transform: rotate(-90deg);
        transform-origin: center center;
        transform-box: fill-box
    }

    .opened .custom-drop-span .fa-caret-down,
    header .opened a.dropdown-toggle-2 .fa-caret-down {
        transform: rotate(0)
    }

    body ul li#languagemenu.opened .dropdown-menu {
        padding-bottom: 30px !important;
        float: none !important
    }

    header .fa-caret-down:before {
        content: "\f107" !important
    }

    .right-arrow-icon .fa-caret-right:before {
        content: "\f105" !important
    }

    body #header .header-nav-main nav>ul>li>span,
    body #header .header-nav-main.header-nav-main-light nav>ul>li.logged-in-user>a,
    body #header .header-nav-main.header-nav-main-light nav>ul>li>a {
        color: #000 !important
    }
}

@media screen and (max-width:767px) {
    .overflow--mob-unset {
        overflow: unset !important
    }

    .overflow-x-auto {
        overflow-x: auto !important
    }

    .latest-design-tab {
        flex-direction: column
    }

    .mx-mob-0 {
        margin-inline: 0 !important
    }

    .count-coll {
        padding-right: 0;
        width: 80px
    }

    .progress-coll .progress {
        margin-top: 6px !important
    }

    .progress-coll {
        width: calc(100% - 80px)
    }

    body .list-columnn {
        column-count: unset !important
    }

    @media screen and (max-width:576px) {
        .custom-flex {
            flex-direction: column;
            width: 100%
        }

        .custom-flex .dropdwonbox.drop-box-rtl {
            margin-top: 10px !important
        }

        .custom_list_phrasebook.space {
            padding: 0 30px !important
        }

        #header .header-nav.header-nav-center .header-nav-main .custom-drop-span .fa-caret-down::before {
            font-size: 18px !important;
            font-weight: 600
        }

        #header .header-nav-main.header-nav-main-light nav>ul>li>ul.dropdown-menu.mobile-open-menu {
            display: block
        }
    }

    @media screen and (max-width:495px) {
        span.dropdwonbox.drop-box-rtl {
            margin-top: 10px
        }
    }

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

        p.lead.lead-para-lang,
        p.tall {
            text-align: justify
        }

        p.tall {
            padding-top: 10px
        }
    }

    .dropdown_new:hover .dropdown-menu {
        display: block
    }

    .dropdown_new .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -15px;
        left: 0;
        right: 0;
        height: 15px;
        background: transparent;
    }
}

.pagination>li>.page-link {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 2px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #1b5e80 !important;
    border-right: 0 !important;
}

.pagination>li>.page-link:hover {
    background-color: #1b5e80 !important;
    color: #fff !important;
}

.pagination>li.active span.page-link {
    color: #fff;
}

.pagination>li:last-child>.page-link {
    border-right: 1px solid #1b5e80 !important;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.position-absolute {
    position: absolute !important;
}

.section-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.banner_section_content {
    position: relative;
    min-height: 200px;
    overflow: hidden;
}

#header ul.dropdown-menu-2 {
    left: 100% !important;
    z-index: 1 !important;
    top: 0 !important;
    margin-top: 0 !important;
    position: absolute;
    list-style: none;
    background: #fff;
    width: 150px;
    /* height: 150px; */
    padding: 8px 5px;
    border-radius: 3px;
    box-shadow: 0 20px 45px rgb(0 0 0 / .08);
}

#header ul.dropdown-menu-2 li {
    padding: 6px 0px;
}

#header ul.dropdown-menu-2 li {
    border-bottom: 1px solid #f4f4f4;
}

#header ul.dropdown-menu-2 li:hover {
    background-color: #1b5e80;
    border-radius: 4px;
}

#header .header-nav-main nav>ul>li.dropdown_new .dropdown-menu li a {
    border-bottom: none !important;

}

#header ul.dropdown-menu-2 li:hover a {

    color: white !important;
}

#header ul.dropdown-menu-2 li {

    margin-bottom: 5px;
}

@media screen and (max-width: 500px) {
    .vocabulary_aavn .no_print.row {

        width: 100%;
    }

    .vocabulary_aavn .filters {
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

    .vocabulary_aavnlabel .mr-sm {
        width: 100%;
    }

    .vocabulary_aavn .sorted {
        flex-wrap: wrap;
    }

    .vocabulary_aavn label.mr-sm {

        width: 100%;
    }

    .vocabulary_aavn .mr-lg {
        margin-right: 8px !important;
    }

    .vocabulary_aavn .mob-res {
        display: flex;
        justify-content: center !important;
        margin-left: 0px !important;
        margin-right: 0px !important;

    }

    .vocabulary_aavn form#settings {
        padding: 20px 5px !important;
    }

    .vocabulary_aavn section {
        padding: 10px !important;
    }

    .vocabulary_aavn div#pagedown {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .vocabulary_aavn .sbm-submenu {
        padding: 10px 5px;
    }

    .vocabulary_aavn .image_resp_square {
        padding-bottom: 0px !important;
    }

    .vocabulary_aavn .reading-text-coll {
        flex-direction: unset !important;
        margin-top: 0px !important;
    }

    .vocabulary_aavn .mob-res {
        display: flex;
        justify-content: center !important;
        margin-left: 0px !important;
        margin-right: 0px !important;

    }

    .home-slick ul.slick-dots {
        bottom: -20px !important;
        right: 50% !important;
        display: flex;
        flex-flow: unset !important;
        left: unset !important;
        top: unset !important;
    }

    .apps-for-android-coll {
        height: unset !important;
    }

    .apps-for-android-coll.slick-slide img {
        display: unset !important;
    }

    .apps-for-android-coll.carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive {
        /* display: unset !important; */
    }

    .apps-for-android-coll .slick-prev {

        left: 5px !important;
    }

    .apps-for-android-coll .slick-next {

        right: 5px !important;
    }
}

@media screen and (max-width: 991.98px) {
    #header ul.dropdown-menu-2 {
        width: 100% !important;

    }

    img.slider-point-img {
        display: none !important;
    }

    #header ul.dropdown-menu-2 li {
        padding-bottom: 5px !important;

    }

    #header .header-nav.header-nav-center .header-nav-main .custom-drop-span .fa-caret-down::before,
    #header .header-nav.header-nav-center .header-nav-main .lang-cust-dropcs>.dropdown-toggle .fa-caret-down::before {
        font-size: 18px !important;
        font-weight: 600;
    }
}

.slider-point-img {
    position: absolute !important;
}

.adsbygoogle {
    min-height: 300px !important;
}

@media (max-width: 767.98px) {
    .adsbygoogle {
        min-height: 200px !important;
    }
}