@charset "UTF-8";
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

body {
    font-family: "Open Sans", sans-serif;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #464646;
    line-height: 1.65;
}

/* global */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}
p {
    margin-top: 0;
}
a:hover {
    text-decoration: none;
}
.container-fluid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}
.bg-gray {
    background: #f2f2f2;
}
.dib {
    display: inline-block !important;
}
.title-1 {
    color: #2e3192;
    font-size: 2.625rem;
    line-height: 70px;
    margin-bottom: 0.5rem;
}
.title-2 {
    color: #2e3192;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.title-5 {
    color: #2e3192;
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.text-center {
    text-align: center;
}
.text-green {
    color: #529e72;
}
.text-blue {
    color: #2e3192;
}
.text-gray {
    color: #464646;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: calc(200% + 200px) 0;
    }
}

.skeleton-loader {
    animation: shimmer 1.5s infinite;
}

.topBar {
    padding: 6px 40px 0px 40px;
    text-align: right;
    margin-bottom: -25px;
    position: relative;
    z-index: 22;
}
@media only screen and (max-width: 768px) {
    .topBar {
        padding: 0;
        position: absolute;
        top: 16px;
        right: 70px;
    }
    .loginSec .topBar {
        margin-right: 0;
        right: 30px;
    }
}
.topBar .btn {
    padding: 3px 25px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.topBar .cloIco {
    font-size: 30px;
    line-height: 30px;
    padding: 1px 11px 2px 12px;
}
.main-wrapper {
    position: relative;
}
.slider-wrapper {
    background-image: url("../img/home-banner.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.header-wrapper {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px 40px 10px 40px;
    display: flex;
    z-index: 2;
}
.header-wrapper-internal {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 10px 40px;
    display: flex;
    z-index: 2;
}
.logo-wrapper,
.logo-wrapper img {
    max-width: 108px;
}

@media only screen and (max-width: 768px) {
    .logo-wrapper,
    .logo-wrapper img {
        width: 140px;
    }
}
@media only screen and (max-width: 500px) {
    .logo-wrapper,
    .logo-wrapper img {
        width: 120px;
    }
}
.nav-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

/*-----  MENU CSS ----*/
@media only screen and (min-width: 769px) {
    .outer-menu {
        width: 100%;
    }
    .outer-menu .checkbox-toggle,
    .outer-menu .hamburger {
        display: none;
    }

    .outer-menu .menu .menu-ul {
        list-style: none;
        display: flex;
        width: 100%;
        justify-content: flex-end;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .outer-menu .menu ul li {
        margin-right: 15px;
    }
    .outer-menu .menu ul li:nth-last-child(1) {
        margin-right: 0;
    }

    .outer-menu .menu ul li a {
        text-decoration: none;
        padding: 8px 12px;
        color: #2e3192;
    }

    .outer-menu .menu ul li > a:hover,
    .outer-menu .menu ul li.active > a {
        background: #ed1c24;
        color: #fff;
    }

    .dropdown {
        position: relative;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        top: 30px;
        left: 0px;
        background: #eee;
        margin: 0px;
        padding: 0px;
        width: 140px !important;
    }

    .dropdown-content li {
        margin: 0px !important;
    }

    .dropdown-content li a {
        text-decoration: none;
        color: #444;
        display: block;
    }

    .dropdown:hover .dropdown-content {
        display: block !important;
    }

    .dropdown-content li {
        list-style: none;
    }

    .plus,
    .minus {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .nav-wrapper {
        position: relative;
    }

    .outer-menu {
        position: absolute;
        top: 18px;
        right: -30px;
        z-index: 10;
    }

    .outer-menu .checkbox-toggle,
    .outer-menu .hamburger {
        display: block;
    }

    .outer-menu .checkbox-toggle {
        position: absolute;
        top: 0;
        right: 30px;
        z-index: 2;
        cursor: pointer;
        width: 60px;
        height: 60px;
        opacity: 0;
    }

    .outer-menu .checkbox-toggle:checked + .hamburger > div {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .outer-menu .checkbox-toggle:checked + .hamburger > div:before,
    .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
        top: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
        opacity: 0;
    }

    .outer-menu .checkbox-toggle:checked ~ .menu {
        pointer-events: auto;
        visibility: visible;
        right: 0px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .outer-menu .checkbox-toggle:checked ~ .menu > div {
        right: 0px;
        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;
    }

    .outer-menu .checkbox-toggle:hover + .hamburger {
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 1px 10px 0px #2e2e2e;
        -moz-box-shadow: 0px 1px 10px 0px #2e2e2e;
        box-shadow: 0px 1px 10px 0px #2e2e2e;
    }

    .outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .outer-menu .hamburger {
        position: absolute;
        top: 0;
        right: 30px;
        z-index: 1;
        width: 32px;
        height: 32px;
        padding: 10px 10px;
        background: #ed1c24;
        border-radius: 0px;
        cursor: pointer;
        -webkit-transition: box-shadow 0.4s ease;
        transition: box-shadow 0.4s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-shadow: 0px 1px 10px 0px #2e2e2e;
        -moz-box-shadow: 0px 1px 10px 0px #2e2e2e;
        box-shadow: 0px 1px 10px 0px #2e2e2e;
    }

    .outer-menu .hamburger > div {
        position: relative;
        -webkit-box-flex: 0;
        flex: none;
        width: 100%;
        height: 2px;
        background: #fefefe;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .outer-menu .hamburger > div:before,
    .outer-menu .hamburger > div:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -10px;
        left: 0;
        width: 100%;
        height: 2px;
        background: inherit;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .outer-menu .hamburger > div:after {
        top: 10px;
    }

    .outer-menu .menu {
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        height: 100%;
        pointer-events: none;
        overflow: hidden;
        outline: 1px solid transparent;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .outer-menu .menu > div {
        width: 100%;
        height: 100%;
        color: #4b4b4d;
        background: #529e72;
        border-radius: 0;
        -webkit-box-flex: 0;
        flex: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: end;
        padding: 15px 40px;
    }

    .outer-menu .menu > div > div {
        text-align: right;
        max-width: 90vw;
        max-height: 100vh;
        overflow-y: auto;
    }

    .outer-menu .menu > div > div > ul {
        list-style: none;
        padding: 0;
        margin: 0 0px 0px 0px;
        display: block;
        max-height: 100vh;
        padding-right: 15px;
    }

    .outer-menu .menu > div > div > ul > li {
        padding: 0;
        font-size: 20px;
        display: block;
        text-align: right;
        margin: 20px 0px;
    }
    .outer-menu .menu > div > div > ul > li > a {
        position: relative;
        display: inline;
        cursor: pointer;
        -webkit-transition: color 0.4s ease;
        transition: color 0.4s ease;
        color: #2e3192;
        text-decoration: none;
    }

    .outer-menu .menu ul li a {
        color: #b42c3e;
    }

    .outer-menu .menu > div > div > ul > li > a:hover {
        color: #ed1c24;
    }

    .outer-menu .menu > div > div > ul > li > a:hover:after {
        width: 100%;
    }

    .outer-menu .menu > div > div > ul > li > a:after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: -0.15em;
        left: 0;
        width: 0;
        height: 2px;
        background: transparent;
        -webkit-transition: width 0.4s ease;
        transition: width 0.4s ease;
    }
    .mobile-menu {
        position: relative;
    }

    .dropdown-content {
        display: none;
        position: relative;
        padding: 0px;
        margin: 0px 0px 0px -40px;
    }

    .dropdown-content li {
        list-style: none;
    }

    .dropdown-content li {
        margin: 10px 0px;
        font-size: 18px;
    }

    .dropdown-content li a {
        text-decoration: none;
        color: #a8a8a8 !important;
    }

    .dropdown-content li a:hover {
        color: #ed1c24 !important;
    }

    .mobile-menu.open {
        color: #ed1c24 !important;
    }

    .mobile-menu .plus,
    .mobile-menu .minus {
        margin-right: 10px;
        font-size: 16px;
    }

    .mobile-menu .plus {
        display: inline-block;
    }

    .mobile-menu .minus {
        display: none;
    }

    .mobile-menu.open .plus {
        display: none;
    }

    .mobile-menu.open .minus {
        display: inline-block;
    }
}
.slide-text-wrapper {
    margin: 10px;
    padding: 5rem 50px 6.5rem 50px;
}
.slide-text-wrapper h1 {
    color: #ffc646;
    font-size: 40px;
    font-weight: 700;
    margin: 30px 0px;
    line-height: 45px;
}
.slide-text-individual {
    padding: 2rem 0;
}
.slide-text-individual h2 {
    color: #2e3192;
    font-size: 40px;
    font-weight: 700;
}
.slide-text-individual p {
    color: #fff;
}

@media only screen and (max-width: 1200px) {
    .slide-text-wrapper h1 {
        font-size: 40px;
        margin: 15px 0px 15px 0px;
    }

    .slide-text-individual h2 {
        font-size: 40px;
        margin: 0px 0px 15px 0px;
    }
}
@media only screen and (min-width: 1201px) {
    .slide-text-wrapper h1 {
        font-size: 40px;
    }

    .slide-text-individual h2 {
        font-size: 40px;
    }
}
@media only screen and (min-width: 921px) and (max-width: 1200px) {
    .slide-text-individual h1 {
        font-size: 32px;
    }

    .slide-text-individual h2 {
        font-size: 32px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 920px) {
    .slide-text-individual h1 {
        font-size: 30px;
    }

    .slide-text-individual h2 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
    .slide-text-individual h1 {
        font-size: 24px;
    }

    .slide-text-individual h2 {
        font-size: 24px;
    }
}
.banner-btn {
    position: relative;
    margin: 10px 0px;
    background: #ed1c24;
    padding: 15px 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0px;
    outline: 0px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
.slide-text-wrapper .owl-carousel {
    position: unset;
}
.slider-wrapper {
    position: relative;
}
.slide-text-wrapper .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    left: 45%;
    bottom: 10px;
}
.banner-btn:hover {
    color: #fff;
    background: #2e3192;
    text-decoration: none;
}
.join-btn {
    position: relative;
    margin: 20px 0px;
    background: #ed1c24;
    padding: 15px 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0px;
    outline: 0px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
.join-btn:hover {
    color: #fff;
    text-decoration: none;
    background: #2e3192;
}

a[class*="btn"]:not(.btn-link),
a.join-btn,
a.banner-btn {
    cursor: pointer;
    text-decoration: none;
}

a[class*="btn"]:not(.btn-link):hover,
a[class*="btn"]:not(.btn-link):focus,
a.join-btn:hover,
a.join-btn:focus,
a.banner-btn:hover,
a.banner-btn:focus {
    text-decoration: none;
}
.banner-btn:before {
    position: absolute;
    top: -15px;
    right: -30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #2e3192;
}
.welcome-wrapper {
    padding: 50px 60px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 900px) {
    .welcome-wrapper {
        align-items: flex-start;
    }
}
.lamp-wrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-right: 30px;
}

@media only screen and (min-width: 1201px) {
    .lamp-wrapper {
        width: 700px;
    }
}
.lamp-wrapper img {
    width: 100%;
}
.welcome-content {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 45px;
}

@media only screen and (max-width: 600px) {
    .welcome-wrapper {
        padding: 30px 40px;
    }

    .lamp-wrapper {
        display: none;
    }

    .welcome-content-internal h2 {
        font-size: 30px;
        line-height: 45px;
    }

    .welcome-content-internal h3 {
        font-size: 28px;
    }
}
.content {
    padding: 30px 40px;
}
.content h2 {
    text-align: center;
}
.content p {
    text-align: left;
}
.col-container-home {
    display: flex;
    flex-wrap: wrap;
}
.col-container-home .col {
    padding: 20px;
    flex: 1 1 30%;
}
.col-container-home .col p {
    text-align: center;
}
.col-container-home .col .col-thumb {
    margin: 0 auto;
}
.col-container-home .col .col-content {
    text-align: center;
}
.col-container-home .col .col-content h4 {
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 520px) {
    .col-container-home .col {
        flex: 1 1 100%;
    }
}
/*--------*/
.col-container {
    display: flex;
    flex-wrap: wrap;
}
.col-container .col {
    padding: 20px;
    flex: 1 1 30%;
}
.col-container .col p {
    text-align: center;
}
.col-container .col .col-thumb {
    width: 80px;
    margin: 0 auto;
    height: 80px;
}

.col-container .col .col-content {
    text-align: center;
}
.col-container .col .col-content h4 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2e3192;
}

@media only screen and (min-width: 800px) {
    .col-container .col {
        flex: 1 1 25%;
    }
}
@media only screen and (max-width: 520px) {
    .col-container .col {
        flex: 1 1 100%;
    }
}
.parent-say-container h2 {
    position: relative;
    background-image: url(../img/title-bottom-bg.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 0px 0px 110px 0px;
    text-align: center;
    margin: 30px 40px;
}

@media only screen and (max-width: 850px) {
    .parent-say-container h2 {
        padding: 0px 0px 65px 0px;
    }
}
.testimonial-slider-wrapper {
    background: #ebebeb;
    position: relative;
    padding: 50px 0px 110px 0px;
    margin-top: -16px;
}
.testimonial-triangle-top {
    margin-top: -60px;
}
.testimonial-triangle-top img {
    width: 100%;
}
.testimonial-slider {
    width: 70%;
    margin: 0px auto;
    position: relative;
}
.testimonial-slider:before {
    content: "";
    font-size: 80px;
    position: absolute;
    top: -40px;
    left: -115px;
    color: #dedede;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    line-height: 1;
}

.testimonial-slider:after {
    content: "";
    font-size: 80px;
    position: absolute;
    bottom: 60px;
    right: -115px;
    color: #dedede;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    line-height: 1;
}

@media only screen and (max-width: 800px) {
    .testimonial-slider:before {
        font-size: 55px;
        position: absolute;
        top: -15px;
        left: -60px;
    }

    .testimonial-slider:after {
        font-size: 55px;
        position: absolute;
        bottom: 100px;
        right: -50px;
    }
}
@media only screen and (max-width: 850px) {
    .testimonial-triangle-top {
        margin-top: -30px;
    }

    .testimonial-slider-wrapper {
        margin-top: -1px;
    }
}
.owl-theme .owl-dots .owl-dot span {
    background: #fff;
}
.footer-wrapper {
    background: #2e3192;
    position: relative;
    padding-top: 40px;
}
.footer-wrapper .title-5 {
    color: #ed1c24;
    text-transform: uppercase;
}
.footer-wrapper a {
    color: #fff;
    text-decoration: none;
}
.footer-wrapper a:hover {
    color: #ed1c24;
}
.footer-wrapper .fas,
.footer-wrapper .fab {
    color: #ffffff;
    font-size: 2.5rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}
.footer-wrapper .phoneIco {
    margin-left: -48px;
    margin-bottom: -16px;
}
.footer-info-container {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 40px;
    justify-content: space-between;
}
.footer-info-container .col {
    flex: 1 1 30%;
    display: flex;
    justify-content: center;
    margin: 15px 0px;
    align-items: center;
}

@media only screen and (max-width: 520px) {
    .footer-info-container .col {
        flex: 1 1 100%;
        display: flex;
        justify-content: flex-start;
        margin: 15px 0px;
    }
}
.footer-info-container .col a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.footer-info-container .col a:hover,
.footer-info-container .col a:hover i {
    color: #ed1c24;
}
.footer-info-container .col i {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
    font-size: 30px;
    color: #fff;
}
.footer-info-container .col p {
    margin: 0px;
    color: #fff;
    display: flex;
    align-items: center;
}
.footer-info-container .col p span {
    display: inline-block;
    margin: 0px 5px;
}
.copyrights-wrapper {
    padding: 10px 0px;
    background: #464646;
    text-align: center;
    margin-top: 1.5rem;
}
.copyrights-wrapper p {
    margin: 0px;
    color: #fff;
    font-size: 13px;
}
.whats-up-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #25d366;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 3px 3px 17px -3px #242424;
    font-size: 26px;
    border-radius: 50%;
    text-decoration: none;
    z-index: 1;
}
.internal-header {
    background: #fff;
}
.internal-banner-wrapper {
    position: relative;
    background-image: url("../img/internal-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
    background-position: bottom right;
}

@media only screen and (max-width: 768px) {
    .internal-banner-wrapper {
        height: 130px;
        margin-top: 88px;
    }
    .internal-banner-wrapper .bannerText h2 {
        bottom: 20px !important;
    }
}
.internal-banner-wrapper img {
    width: 100%;
}
.internal-banner-wrapper h2 {
    font-weight: 700;
    font-size: 60px;
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #2e3192;
}

@media only screen and (min-width: 220px) and (max-width: 600px) {
    .internal-banner-wrapper h2 {
        font-size: 40px;
        bottom: 85px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
    .internal-banner-wrapper h2 {
        font-size: 40px;
        bottom: 50px;
    }
}
.internal-content-wrapper {
    padding: 30px 40px;
}
.col-container {
    display: flex;
    flex-wrap: wrap;
}
.col-container .col {
    flex: 1 1 40%;
    display: flex;
}
.col-container .col h2 {
    text-transform: uppercase;
    background-image: url(../img/title-bottom-bg.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 0px 0px 60px 0px;
}
.col-icon {
    width: 70px;
    height: 70px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}
.mission {
    background-image: url("../img/mission.png");
}
.vision {
    background-image: url("../img/vision.png");
}
.col-top-trangle {
    margin-top: -30px;
}
.col-top-trangle img {
    width: 100%;
}
.col-content-bg {
    background: #ebebeb;
    margin-top: -2px;
    padding: 5px 20px;
    min-height: 185px;
}
.col-content img {
    width: 100%;
}
.text-left {
    text-align: left !important;
}
.align-item-center {
    display: flex;
    align-items: center;
}
.name {
    color: #2e3192;
}
.fbold {
    font-weight: 700 !important;
}
.fitalic {
    font-style: italic;
}
.display-inline {
    display: inline-block !important;
}
.form-text {
    margin-bottom: 40px;
}
.form-custom-group {
    margin-bottom: 20px;
}
.form-custom-group label {
    width: 150px;
    display: inline-block;
}
.form-custom-group input,
.form-custom-group textarea {
    padding: 8px 5px;
    border: 2px solid #ebebeb;
    border-radius: 4px;
    width: 60%;
}
.vertical-align-top {
    vertical-align: top;
}
.required {
    color: red;
}

#btnContactUs {
    margin-left: 150px;
}
.col-container-contact {
    display: flex;
    align-items: center;
}
.col-form {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 40px;
}
.contact-form {
    width: 100%;
}
.col-lamp {
    width: 80%;
    padding: 40px;
}
.col-lamp img {
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .form-custom-group label {
        width: 150px;
        display: block;
        margin-bottom: 5px;
    }

    .form-custom-group input,
    .form-custom-group textarea {
        padding: 8px 5px;
        border: 2px solid #ebebeb;
        border-radius: 4px;
        width: 90%;
    }

    .col-lamp {
        width: 40%;
        padding: 40px;
    }

    #btnContactUs {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 600px) {
    .col-lamp {
        display: none;
    }

    .contact-right {
        margin-top: 20px;
    }
}
.internal-content-wrapper h2 {
    text-align: center;
}
.internal-content-wrapper h4 {
    text-decoration: underline;
}
.internal-content-wrapper h3 {
    text-transform: uppercase;
}
.title-txt {
    margin-top: 20px;
}
.lists-courses-info {
    padding: 0px;
    list-style: none;
}
.lists-courses-info li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}
.lists-courses-info li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0px;
    top: 8px;
    border-radius: 50%;
    border: 1px solid #464646;
}
.col-profile-info {
    align-items: center;
    justify-content: flex-start;
    padding-right: 8% !important;
}
.col-profile-img {
    justify-content: flex-end;
}
.small-content {
    padding: 0% 8%;
}
.title-about {
    text-transform: uppercase;
    color: #2e3192;
    font-weight: 700;
    margin-bottom: 5px;
}

@media only screen and (max-width: 900px) {
    .col-container .col {
        flex: 1 1 100%;
    }

    .col-profile-img {
        justify-content: center;
    }

    .small-content {
        padding: 30px 22px;
    }
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background: #fff;
    padding: 8px 16px !important;
    line-height: 31px;
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
    font-size: 50px;
    color: #2e3192;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: #fff;
}
.owl-carousel .owl-nav button.owl-prev:hover span,
.owl-carousel .owl-nav button.owl-next:hover span {
    color: #ed1c24;
}
.owl-carousel .owl-nav button.owl-prev {
    left: -80px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -80px;
}

#success_message h3 {
    color: #2e3192;
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 200px;
}

#error_message h3 {
    color: red;
    font-size: 32px;
    padding-bottom: 200px;
}
.section {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 80px 0px;
}
.section img {
    width: 100%;
}
.section-01 .section-left {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    text-align: right;
}
.section-01 .section-right {
    width: 50%;
    position: relative;
    z-index: -1;
    justify-content: flex-start;
    display: flex;
}
.section-01 .section-right img {
    margin-left: -30px;
}
.heading {
    color: #2e3192;
    line-height: 56px;
    padding-right: 30px;
}
.heading .x-large {
    font-size: 11.5vw;
    font-weight: 700;
    text-transform: uppercase;
}
.heading .medium {
    font-size: 7.4vw;
    font-weight: 700;
}
.sub-heading {
    margin-top: 0px;
    font-size: 2.8vw;
}
.section-02 {
    align-items: flex-start;
}
.section-02 .section-left {
    width: 60%;
    padding-right: 60px;
}
.section-02 .section-right {
    width: 40%;
    position: relative;
}
.float-content {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #529e72;
    font-weight: 700;
    font-style: italic;
    font-size: 1.8vw;
    width: 254px;
    z-index: 10;
}
.section-04 {
    margin-top: 20px;
    margin-bottom: 80px;
}
.section-03 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.section-05 {
    width: 100%;
}
.section-05 .section-left {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.section-05 .section-left img {
    width: 80%;
}
.section-05 .section-right {
    width: 50%;
    display: flex;
    justify-content: flex-start;
}
.section-06 {
    margin-bottom: 40px;
}
.section-05 .section-right ul {
    list-style: none;
}
.section-05 .section-right ul li {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.section-05 .section-right ul li a {
    color: #529e72;
    text-decoration: none;
}
.section-05 .section-right ul li a:hover {
    color: #ed1c24;
}
.question-head {
    color: #529e72 !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    position: relative;
    background: #ebebeb;
    border-radius: 6px;
    text-align: left !important;
    display: inline-block;
    padding: 20px 60px 20px 75px;
}
.question-head:before {
    content: url("../img/questions.png");
    position: absolute;
    top: 0px;
    left: -10px;
}
.section-listing ul {
    list-style: none;
}
.section-listing ul li {
    position: relative;
    margin: 10px 0px;
    padding-left: 20px;
}
.section-listing ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #529e72;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: -10px;
}
.float-btn {
    position: absolute;
    left: 56%;
    bottom: 49%;
    font-weight: 700;
    color: #fff;
    font-size: 2vw;
    text-decoration: none;
    text-transform: uppercase;
}
.float-btn:hover {
    color: #ed1c24;
    z-index: 10;
}

@media only screen and (max-width: 980px) {
    .heading .x-large {
        font-size: 80px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .heading .medium {
        font-size: 40px;
        font-weight: 700;
    }
}
@media only screen and (min-width: 1600px) {
    body {
        font-size: 24px;
        line-height: 1.65;
    }
    h4 {
        font-size: 32px;
    }
    h5 {
        font-size: 28px;
    }
    .title-1 {
        font-size: 3.25rem;
        line-height: 4rem;
    }
    .title-2 {
        font-size: 3rem;
        line-height: 3rem;
    }
    .title-5 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .outer-menu .menu ul li a {
        font-size: 1.625rem;
    }
    .internal-banner-wrapper h2 {
        font-size: 5rem;
    }

    /* home */
    .carousel .carousel-inner .carousel-item .carousel-caption h3 {
        font-size: 2.8rem;
    }

    /* banner */
    .slide-text-wrapper h1 {
        font-size: 4.5rem;
        line-height: 5rem;
        margin-bottom: 2rem;
    }
    .slide-text-individual h2 {
        font-size: 4.5rem;
        line-height: 5.5rem;
        margin-bottom: 2rem;
    }
    .bootstrap-select .bs-ok-default:after {
        width: 0.45rem;
        height: 0.8rem;
        top: 3px;
    }
    .bootstrap-select.show-tick .dropdown-menu li a:after {
        width: 1.25rem;
        height: 1.25rem;
        top: 0.675rem;
    }
    .bootstrap-select.show-tick .dropdown-menu li a span.text {
        margin-left: 25px;
    }
    .dataTable tbody tr td .form-check .form-check-input {
        width: 1.25rem;
        height: 1.25rem;
    }

    /* past paer */
    .internal-banner-wrapper .bannerText h2 {
        bottom: 175px;
    }
}
@media only screen and (max-width: 768px) {
    .section {
        display: block;
    }

    .section-01 .section-left {
        width: 100%;
    }

    .section-01 .section-right {
        width: 100%;
    }

    .section-02 .section-left {
        width: 100%;
        padding-right: 60px;
    }

    .section-02 .section-right {
        width: 100%;
        position: relative;
    }

    .question-head {
        font-size: 24px !important;
    }

    .section-01 .section-left {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        text-align: left;
    }

    .section-01 .section-right {
        width: 100%;
        justify-content: center;
    }

    .float-content {
        position: relative;
        right: 0px;
        top: 0px;
        color: #529e72;
        font-weight: 700;
        font-style: italic;
        font-size: 24px;
        width: 100%;
        z-index: 10;
    }

    .sub-heading {
        margin-top: 0px;
        font-size: 20px;
    }

    .float-btn {
        position: absolute;
        left: 56%;
        bottom: 43%;
        font-weight: 700;
        color: #fff;
        font-size: 34px;
        text-decoration: none;
    }

    .section-05 .section-left {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .section-05 .section-right {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 500px) {
    .float-btn {
        position: absolute;
        left: 56%;
        bottom: 34%;
        font-weight: 700;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        text-transform: uppercase;
    }
}
/* ==========================================================================
 Helper classes
 ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}

/* ==========================================================================
	EXAMPLE Media Queries for Responsive Design.
	These examples override the primary ('mobile first') styles.
	Modify as content requires.
 ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
@media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
/* ==========================================================================
	Print styles.
	Inlined to avoid the additional HTTP request:
	https://www.phpied.com/delay-loading-your-print-css/
	========================================================================== */
@media print {
    *,
    *::before,
    *::after {
        background: #fff !important;
        color: #000 !important;
        /* Black prints faster */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    /*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
	 * Printing Tables:
	 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*# sourceMappingURL=main.css.map */
.btn-search {
    text-align: center;
    flex: auto;
}

/* past paper */
.btn-red {
    color: #fff;
    font-size: inherit;
    background: #ed1c24;
    padding: 10px 35px;
    border: 0px;
    outline: 0px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn-red.active,
.btn-red:focus,
.btn-red:hover {
    color: #fff;
    background: #2e3192;
}
.internal-banner-wrapper .bannerText h2 {
    bottom: 60px;
}

@media only screen and (min-width: 1600px) {
    /* past paer */
    .internal-banner-wrapper {
        height: 250px;
    }
    .internal-banner-wrapper .bannerText h2 {
        bottom: 90px;
    }
}

@media (min-width: 768px) {
    .papersTable .past-dn-xl {
        display: none;
    }
}
@media (max-width: 768px) {
    .papersTable .past-dib-xl {
        display: none;
    }
    .footer-info-container .col p {
        flex-flow: column;
    }
    .footer-info-container .col p span a .fas {
        position: relative;
        top: 0;
    }
    .footer-info-container .col p span.mob-divider {
        display: none;
    }
    .footer-info-container .col p span:nth-last-child(1) {
        margin-left: 44px;
    }
}

table.dataTable {
    border: 1px solid #ececec;
    max-width: inherit !important;
}
.dataTable thead {
    color: #fff;
    background: #529e72;
    text-transform: uppercase;
}
.dataTable.table thead tr th {
    border: none;
    vertical-align: middle;
    line-height: 16px;
}
.dataTable.table thead tr th.sorting_asc:before,
.dataTable.table thead tr th.sorting_desc:before,
.dataTable.table thead tr th.sorting:before {
    content: "▴";
    font-size: 22px;
    top: 27%;
    right: 10px;
    opacity: 1;
}
.dataTable.table thead tr th.sorting_desc:after,
.dataTable.table thead tr th.sorting_asc:after,
.dataTable.table thead tr th.sorting:after {
    content: "▾";
    font-size: 22px;
    top: 44%;
    right: 10px;
    opacity: 1;
}
.dataTable.table thead tr th.sorting_desc:before,
.dataTable.table thead tr th.sorting_asc:after {
    color: #2e3192;
}
.dataTable tbody tr td .form-check .form-check-input {
    float: none;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.dataTable tbody tr td .form-check .form-check-input:checked {
    background-color: #2f2f93;
    border-color: #2f2f93;
}
.dataTable tbody tr td .form-check .form-check-input:focus {
    border-color: #2f2f93;

    -webkit-box-shadow: 0 0 0 4px rgba(47, 47, 147, 0.05);
    -moz-box-shadow: 0 0 0 4px rgba(47, 47, 147, 0.05);
    box-shadow: 0 0 0 4px rgba(47, 47, 147, 0.05);
}
.dataTable tbody tr:nth-last-child(1) td {
    border-bottom-color: transparent;
}

.pdfSection a {
    display: inline-block;
}
ul.pagination {
    margin-top: 0.5rem;
}
.pagination .page-item .page-link,
.pagination .paginate_button.page-item .page-link {
    color: #464646;
    border-color: transparent;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
}
.pagination .page-item.active .page-link,
.pagination .paginate_button.page-item.active .page-link {
    background: #fff;
    border: 2px solid #2e3192;
}
@media screen and (max-width: 767px) {
    .dataTables_paginate {
        padding-right: 15px;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        padding-top: 12px;
        justify-content: center;
    }
}
.limk {
    color: #2e3192;
    text-decoration: none;
}
.limk:hover {
    color: #ed1c24;
    text-decoration: none;
}
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-image: url("../img/arrow-down.png");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    appearance: none;
    background-size: 16px 12px;
    background-size: 14px 9px;
    border-color: #e1e1e1;
    height: inherit !important;
}
.multiSelect .btn-light {
    background-color: #fff;
    border-color: #e1e1e1;
}
.show.multiSelect .btn-light {
    background-color: #fff;
    border-color: #e1e1e1;
}
.multiSelect .dropdown-toggle::after {
    width: 10px;
    height: 10px;
    border-top: 2px solid transparent;
    border-right: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    border-left: 2px solid transparent;
    transform: rotate(45deg);
}
.text-danger {
    color: #f00;
}
.dynIcon {
    height: 28px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6px 8px 6px 4px;
}
.dynIcon svg {
    height: 100%;
}
.dynIcon .dynText {
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 26px;
    padding-top: 3px;
}
.papersTable {
    position: relative;
}
.papersTable .zipIco {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 1;
}
.papersTable .zipIco .btn {
    color: #fff;
    background: #529e72;
    text-decoration: none;
    padding: 6px 16px;
}
.papersTable .zipIco .btn:hover {
    color: #fff;
    background: #2e3192;
}

@media only screen and (max-width: 767.98px) {
    .papersTable .zipIco {
        position: relative;
        text-align: center;
        margin-bottom: 14px;
        margin-top: 25px;
    }
}

.icoWhoSec {
    display: flex;
    flex-flow: wrap;
}
.samBlock {
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: auto;
}
.samBlock p {
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    top: 2px;
}

/* topic-wise-questions */
.topicMidBlo {
    border: 1px solid #ececec;
    margin-bottom: 30px;
}
.tableOutput .tab-content .tab-pane .tableOtptCont,
.topicMidBlo .topicMidBloLeft .topWiseQst {
    overflow-y: auto;
}
.tableOutput .tab-content .tab-pane .tableOtptCont canvas {
    background: #f5f5f5;
    width: 100%;
    height: 100%;
    margin-top: 10px;
}
.tableOutput .tab-content .tab-pane .tableOtptCont::-webkit-scrollbar,
.topicMidBlo .topicMidBloLeft .topWiseQst::-webkit-scrollbar {
    width: 0.3em;
}
.tableOutput .tab-content .tab-pane .tableOtptCont::-webkit-scrollbar-track,
.topicMidBlo .topicMidBloLeft .topWiseQst::-webkit-scrollbar-track {
    background: #fff;
}
.tableOutput .tab-content .tab-pane .tableOtptCont::-webkit-scrollbar-thumb,
.topicMidBlo .topicMidBloLeft .topWiseQst::-webkit-scrollbar-thumb {
    background: #fff;
}
.tableOutput
    .tab-content
    .tab-pane:hover
    .tableOtptCont::-webkit-scrollbar-thumb,
.topicMidBlo .topicMidBloLeft:hover .topWiseQst::-webkit-scrollbar-thumb {
    background: darkgrey;
}

.topWiseQst .table {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
}
.topWiseQst .table tbody tr.active td {
    border-left: 4px solid #ed1c24;
}
.topWiseQst .table tbody tr:hover td {
    background: #e1e1e1;
}
.overflowHide {
    overflow: auto hidden;
}
.tableOutput.fullScrn {
    background: #ffffff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    padding: 20px 20px;
    height: 100%;
    overflow-y: auto;
}
.tableOutput .tab-content {
    position: relative;
}
.tableOutput .tab-content .zoomBlock {
    position: absolute;
    top: 10px;
    right: 10px;
}
.tableOutput .tab-content .zoomBlock .btn {
    background: #529e72;
    padding: 2px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tableOutput .tab-content .zoomBlock .btn .zoomout {
    display: none;
}
.tableOutput.fullScrn .tab-content .zoomBlock .btn .zoomin {
    display: none;
}
.tableOutput.fullScrn .tab-content .zoomBlock .btn .zoomout {
    display: inline-block;
}
.tableOutput .tab-content .zoomBlock .btn:hover {
    background: #ed1c24;
}
.tableOutput .tab-content .tab-pane .tableOtptCont {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .tableOutput .tab-content .tab-pane .tableOtptCont {
        height: auto;
    }
}
.tableOutput.sepOutput {
    max-height: 100%;
}
.tableOutput.sepOutput .tab-content .tab-pane .tableOtptCont {
    height: 100%;
}
.tableOutput.sepOutput .tab-content .tab-pane .tableOtptCont img {
    max-height: 100%;
}
@media screen and (max-width: 767px) {
    .tableOtptCont .pageCountBlock {
        margin-right: 1rem;
        margin-left: 1rem;
        min-width: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        padding-top: 0.5rem;
        padding-bottom: 1rem;
    }
}
.tableHead ul {
    background: #529e72;
    height: 73px;
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
}
.tableHead ul li {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .tableHead ul {
        height: auto;
    }
}

.tableHead ul .nav-item .srtBy {
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
}
.tableHead ul .nav-item select.form-control {
    background: #ffffff;
    max-width: 220px !important;
    display: inline-block;
    padding: 15px 15px;
    height: auto;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.tableHead .nav-link {
    color: #529e72;
    background: #ffffff;
    flex: 1 0 0%;
    margin: 2px;
    padding: 12px 1px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.tableHead .nav .nav-item.activeItem .nav-link,
.tableHead .nav-link.active {
    color: #ffffff;
    background: #529e72;
}
.tableOtptCont {
    padding: 10px;
}
@media only screen and (min-width: 1600px) {
    .tableHead ul {
        height: 74px;
    }
    .tableHead .nav-link {
        padding: 14px 5px;
    }
}

/* login page */
.loginSec {
    color: #fff;
    background: #529e72 bottom right no-repeat;
    -ms-background-position-y: calc(100% - 35px);
    background-position-y: calc(100% - 35px);
    padding-bottom: 30px;
    min-height: 100vh;
}
.loginSec .main-wrapper {
    margin-bottom: -65px;
    z-index: 0;
}
@media screen and (max-width: 767px) {
    .loginSec .main-wrapper {
        margin-bottom: 20px;
    }
    .topicMidBlo {
        border: none;
    }
    .topicMidBloLeft {
        border-bottom: 1px solid #ececec;
        margin-bottom: 30px;
    }
    .tableOutput .tableHead {
        border: 1px solid #ececec;
    }
    .tableHead ul .nav-item select.form-control {
        padding: 10px 6px;
        margin: 2px;
    }
}
@media screen and (max-width: 440px) {
    .tableHead .nav-link {
        font-size: 12px;
    }
}
@media screen and (max-width: 350px) {
    .tableHead .nav-link {
        font-size: 10px;
    }
}

.logAsBlock label {
    margin: 15px 45px;
    position: relative;
}
.logAsBlock [type="radio"] {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 8px;
    right: 8px;
    border: 1px solid #fff;
    cursor: pointer;

    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.logAsBlock [type="radio"]:checked {
    background: url("../img/checked.png") #2e3192 center center no-repeat;
    border-color: #529e72;
}
.logAsBlock [type="radio"] + img {
    cursor: pointer;
    border: 1px solid #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.logAsBlock [type="radio"]:checked + img {
    border-color: #2e3192;
}
.logAsBlock [type="radio"]:checked + img + p {
    color: #2e3192;
}
.custom-form {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.custom-form .form-group .col-form-label {
    color: #fff;
    width: 110px;
}
@media only screen and (min-width: 1600px) {
    .custom-form {
        max-width: 600px;
    }
    .custom-form .form-group .col-form-label {
        width: 150px;
    }
}
.custom-form .form-group .form-control {
    line-height: 40px;
    padding: 5px 15px;
}
.form-control::placeholder {
    color: #c6c6c6;
    font-weight: 300;
}
.custom-form .form-group select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")
        #fff calc(100% - 15px) center no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
    height: 52px;
    padding: 5px 35px 5px 15px;
}
.custom-form
    .form-group
    .input-group
    .input-group-prepend
    .input-group-text
    select {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")
        #f5f5f5 calc(100% - 15px) center no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
    border: none;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.custom-form .form-group .blue-link {
    color: #2e3192;
    font-weight: bold;
}
.custom-form .or {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 22px;
}
.custom-form .or::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.custom-form .or p {
    background: #529e72;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 0;
}
.bottomBgImg {
    text-align: right;
    overflow: hidden;
    height: 140px;
    position: relative;
}
.bottomBgImg img {
    max-width: inherit;
    position: absolute;
    top: 0;
    right: 0;
}
.socialLogin .btn {
    background: transparent;
    border: 1px solid #fff;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.socialLogin .btn:hover {
    background: #2e3192;
}
.socialLogin .btn img {
    margin-top: -2px;
    margin-right: 6px;
}

.regisRow .logAsBlock label {
    margin: 15px 5px;
}
.regisRow .logAsBlock label h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* notes page */
.aLink {
    color: #2e3192;
    text-decoration: none;
}
.aLink:hover {
    color: #ed1c24;
    text-decoration: none;
}

/* subscription page */
.subsTable thead tr th,
.subsTable tbody tr td {
    vertical-align: middle;
    font-weight: normal;
    border-width: 2px;
}
.subsTable thead tr th:nth-of-type(1) {
    background: #ebebeb;
}
.subsTable thead tr th:nth-of-type(2) {
    background: #fffcd7;
}
.subsTable thead tr th:nth-of-type(3) {
    background: #d7ffde;
}
.subsTable thead tr th:nth-of-type(4) {
    background: #d7ffff;
}
.subsTable thead tr th:nth-of-type(5) {
    background: #ffd7d7;
}
.subsTable thead tr th .price {
    font-size: 56px;
    line-height: 55px;
    display: block;
}
.subsTable
    thead
    tr
    .custom-form
    .form-group
    .form-controlth:nth-of-type(3)
    .price {
    color: #529e72;
}
.subsTable thead tr th:nth-of-type(4) .price {
    color: #599e9e;
}
.subsTable thead tr th:nth-of-type(5) .price {
    color: #9c5656;
}

/* dashboard / profile */
.tabNavRow a:hover {
    text-decoration: none;
}
.tabNav {
    color: #529e72;
    border: 2px solid #529e72;
    border-radius: 8px;
    padding: 8px 0px 8px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.tabNav img {
    vertical-align: sub;
    margin-right: 15px;
    max-height: 90%;
}
.tabNav p {
    margin-bottom: 0;
}
.tabNav.active {
    color: #2e3192;
    border: 2px solid #2e3192;
}
.tabNav img {
    filter: invert(61%) sepia(22%) saturate(707%) hue-rotate(92deg)
        brightness(85%) contrast(99%);
}
.tabNav.active img {
    filter: none;
}
.tabExpand {
    margin-bottom: 45px;
}
.expandNav {
    border: none;
    border-bottom: 4px solid #e1e1e1;
    border-radius: 0;
    padding-bottom: 12px;
    padding-left: 10px;
    margin-bottom: 30px;
}
.expandNav img {
    vertical-align: middle;
}
.expandNav h5 {
    color: #2e3192;
    margin-bottom: 0;
}
.valHelperText {
    color: rgba(70, 70, 70, 0.4);
    font-size: 80%;
    line-height: 1.4;
}
.password-rules {
    background: #f0f4ff;
    border-left: 3px solid #2e3192;
    border-radius: 4px;
    padding: 12px 16px;
}
.password-rules p {
    color: #2e3192;
    font-size: 0.95rem;
}
.password-rules ul {
    color: #333;
    font-size: 0.9rem;
    line-height: 1.8;
}
.pageBtn {
    color: #464646;
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
}
.pageBtn:hover {
    color: #529e72;
    background: #e1e1e1;
}
.subsPlanBlock {
    margin-bottom: 24px;
    position: relative;
}
 .text-transparent:hover, 
.text-transparent {
    color: transparent;
}
.subsPlanBlock .invoiceBtn {
    font-weight: bold;
    position: absolute;
    top: 15px;
    right: 8%;
    z-index: 1;
    text-align: center;
}
.subsPlanBlock .invoiceBtn a {
    color: #529e72;
}
.subsPlanBlock .subsPlanHead {
    background: #ddebe3;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative;
    padding-right: 16px;
}
.subsPlanBlock .collapsed .subsPlanHead {
    background: #ebebeb;
    border-color: #ebebeb;
}
.subsPlanBlock .subsPlanHead:before {
    content: '';
    background: url("../img/arrow-down-2.png") center right no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 12px);
    right: 12px;
}
.subsPlanBlock .collapsed .subsPlanHead:before {
    content: '';
    background: url("../img/arrow-up-2.png") center right no-repeat;
}
.subsPlanBlock .subsPlanHead .planTitle {
    padding: 0.75rem 1rem;
}

.subsPlanBody {
    border: 1px solid #ddd;
    padding: 16px;
    margin-bottom: 16px;
}
.subsPlanBody .btn {
    font-size: 16px;
    padding: 4px 16px;
    border-radius: 0;
    border: 1px solid transparent;
}
.subsPlanBody .btn-blue:hover {
    color: #2e3192;
    background: #ffffff;
    border-color: #2e3192;
}
.btn-green:hover {
    color: #529e72;
    background: #ffffff;
    border-color: #529e72;
}
.subPlanPricDet {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.subPlanPricDet .btn {
    width: 100%;
}
.planPricDet {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.planPricDet:before {
    content: '';
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
@media only screen and (max-width: 768px) {
    .planPricDet:before {
        content: '';
        border-right: 1px solid transparent;
    }
}
.planDate,
.planDesc {
    padding: 0.75rem 1rem;
}
.notFoundBlock {
    padding-top: 4rem;
    padding-bottom: 2.75rem;
}

/* faq - homepage */
.faqSection {
    padding: 80px 0;
}
.accordion .card {
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
}
.accordion .card .card-header {
    padding: 0;
    border: none;
}
.accordion .card .card-header .btn {
    letter-spacing: 0.5px;
    font-weight: bold;
    background: #ffffff;
    text-align: left;
    padding: 1rem 2.75rem 1rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    position: relative;
    white-space: normal;
}
.accordion .card .card-header .btn:not(.collapsed) {
    background: #ddd;
    border-radius: 0.5rem 0.5rem 0 0;
}
.accordion .card .card-header .btn::after {
    content: "";
    background: url("../img/plus.png") center right no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: 1.25rem;
}
.accordion .card .card-header .btn:not(.collapsed)::after {
    content: "";
    background: url("../img/minus.png") center right no-repeat;
}
.accordion .card .card-header .btn:focus {
    box-shadow: none;
}
.accordion .card .card-body {
    background: #ddd;
    border-radius: 0 0 0.5rem 0.5rem;
}

/* our faculty page */
.facultyBlock {
    padding: 1rem;
    border: 1px solid #ebebeb;
    margin-bottom: 1.5rem;

    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;

    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.facultyBlock:hover {
    background: #ebebeb;
}
.facultyBlock .facultyBlockImg {
    background: #ffffff;
    border: 1px solid #ebebeb;
    margin-bottom: 1rem;
    padding: 0;

    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.facultyBlock .facultyAbout {
    text-align: justify;
}
.facultyList a {
    color: #529e72;
    text-decoration: none;
    padding-left: 0.625rem;
}
.facultyList a:hover {
    color: #ed1c24;
}

/* testimonials page */
.testimonialLayout {
    width: 100%;
    column-width: 356px;
    column-gap: 1rem;
    max-width: 100%;
}
.testimonialLayout .testimonialLayoutBlock {
    border: 2px solid #ebebeb;
    min-width: 100%;
    margin-bottom: 1rem;

    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;

    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;

    break-inside: avoid-column;
}
.testimonialLayout .testimonialLayoutBlock:hover {
    border: 2px solid #2e3192;
}

@media screen and (max-width: 991px) {
    .testimonialLayout {
        column-width: 330px;
    }
}
.testimonialLayout .testimonialLayoutBlock .testiArrowBlock img.active {
    display: none;
}
.testimonialLayout .testimonialLayoutBlock:hover .testiArrowBlock img.active {
    display: block;
}
.testimonialLayout .testimonialLayoutBlock:hover .testiArrowBlock img {
    display: none;
}
.testimonialLayout .testimonialLayoutBlock .testiDetails {
    background: #ebebeb;
}
.testimonialLayout .testimonialLayoutBlock:hover .testiDetails {
    color: #fff;
    background: #2e3192;
}
.testiDetails img {
    background: #fff;
}

/* drop menu */
.navbar {
    padding: 0.5rem 2.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: sticky;
    top: 0;
    z-index: 99;
}
.navbar .navbar-brand {
    padding-bottom: 0;
}
.navbar .navbar-brand img {
    max-width: 100px;
}
.navbar .navbar-toggler .navbar-toggler-icon {
    box-shadow: none;
}
.navbar .navbar-nav .nav-item:not(:last-child) {
    padding-right: 0.5rem;
}
.navbar .navbar-nav .nav-item .nav-link {
    color: #2e3192;
    background: transparent;
    padding: 5px 12px;
}
.navbar .navbar-nav .nav-item.active .nav-link {
    color: #fff;
    background: #ed1c24;
}
.navbar .navbar-nav .nav-item .dropdown-menu {
    padding: 0;
    border: none;
}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
    color: #fff;
    background: #ed1c24;
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
    border-bottom: 2px solid #fff;
}
.navbar
    .navbar-nav
    .nav-item.dropdown
    .dropdown-menu
    .dropdown-item:nth-last-child(1) {
    border-bottom: 1px solid transparent;
}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.active {
    background: #2e3192;
}
.navbar .navbar-nav .dropdown .dropdown-toggle::after {
    border: 2px solid #2e3192;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
}

@media (max-width: 991.98px) {
    .navbar {
        position: fixed;
        background: #ffffff;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99;
    }
    .offcanvas-collapse {
        position: fixed;
        top: 88px;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding: 1.5rem 2.5rem;
        overflow-y: auto;
        visibility: hidden;
        z-index: 99;
        background-color: #ffffff;
        transition-timing-function: ease-in-out;
        transition-duration: 0.3s;
        transition-property: left, visibility;
    }
    .offcanvas-collapse.open {
        left: 0;
        visibility: visible;
    }
    .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        margin-left: 1rem;
    }
}
.navbar .navbar-collapse {
    flex-flow: column;
    gap: 8px;
}
.navbar .navbar-nav .nav-item.welText {
    font-weight: bold;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 1px 12px;
}
.navbar .navbar-nav .nav-item.welText a {
    color: #2e3192;
}
.navbar .navbar-nav .nav-item.welText .nav-link.btn-blue {
    color: #fff;
    background: #2e3192;
    padding: 2px 16px;
}

.testiInfo {
    margin-top: 50px;
    display: flex;
    align-items: center;
}
.testiInfo .testiInfoImg img {
    background: #ffffff;
    max-width: 80px;
    margin-right: 1.5rem;
}

/* home banner */
.carousel .carousel-indicators li {
    background: #ffffff;
    width: 0.75rem;
    height: 0.75rem;

    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    border-radius: 99%;
}
.carousel .carousel-indicators li.active {
    background: #2e3192;
}
.carousel .carousel-inner .carousel-item .carousel-caption {
    text-align: left;
    right: 30%;
    top: 2rem;
    bottom: 2rem;
    left: 5%;
    display: flex;
    align-items: start;
    flex-flow: column;
    justify-content: center;
}
.carousel .carousel-inner .carousel-item .carousel-caption h2 {
    line-height: 1.2;
}
.carousel .carousel-inner .carousel-item .carousel-caption h3 {
    font-size: 1.8rem;
    font-weight: normal;
}

@media only screen and (max-width: 769px) {
    .carousel .carousel-inner .carousel-item .carousel-caption {
        height: 100%;
        right: 5%;
    }
    .carousel .carousel-inner .carousel-item .carousel-caption h2 {
        font-size: 26px;
    }
    .carousel .carousel-inner .carousel-item .carousel-caption h3 {
        font-size: 22px;
        line-height: 1.2;
    }
}

/* IGSC page */
.ckmSolSec {
    background: #ddd;
    background: url('../img/igcse-img/ckm-sol-bg.png') #dddddd top center no-repeat;
    background-size: cover;
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.ckmSolSec .owl-carousel .item .contBlock h4 {
    text-decoration: none;
    margin-bottom: 4px;
}
.ckmSolSec .owl-carousel .item .contBlock h5 {
    font-weight: normal;
}
.ckmSolSec .owl-carousel .item img {
    width: auto;
}
.cardWorks {
    background-image: linear-gradient(to bottom, #ffffff, #e6f4d1);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding-top: 40px;
    border: 1px solid #529e72;
    position: relative;
    margin-right: 16px;
    height: 100%;
}
.cardWorks .cardWorksNum {
    color: #fff;
    font-size: 36px;
    background: #529e72;
    text-align: center;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
    position: absolute;
    top: -28px;
    left: 25%;
}
.cardWorks .cardWorksIco {
    margin-left: 10px;
}
.cardWorks .cardWorksDet {
    padding: 25px 25px 10px 25px;
}
.subSec {
    background: #c7ddf5;
    padding-top: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
}
.subSec .subSecDet {
    background: #fff;
    margin: 16px;
    padding: 16px;
    border-radius: 8px;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}
.chatSection .convChat {
    padding: 16px 16px 0px 16px;
    border: 1px solid #000;
    border-radius: 8px;
    margin-top: 32px;
    margin: 32px 16px 16px 16px;
}
.chatSection .convChat::before {
    content: "";
    width: 16px;
    height: 16px;
    background: #e6f4d0;
    position: absolute;
    left: 24px;
    transform: rotate(45deg);
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}
.chatSection .convChat:nth-of-type(even)::before {
    left: auto;
    right: 24px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
.chatSection .convChat:nth-of-type(2)::before {
    background: #f4e0cb;
}
.chatSection .convChat:nth-of-type(3)::before {
    background: #c6dcf5;
}
.chatSection .convChat:nth-of-type(4)::before {
    background: #f4f1cb;
}

/* Dashboard Subscription page */
.subsNum {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    background: #529e72;
    text-align: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
    margin-bottom: 16px;
}
.subsPlanDet {
    background: #f0fff6;
    border: 1px solid #e1e1e1;
    padding: 16px;
    margin-bottom: 16px;
    transition: 0.3s all ease-in-out;
}
.subsPlanDet:hover {
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
}
.subsPlanDet .form-check .form-check-input {
    border-radius: 0;
}
.subsPlanDet .form-check .form-check-label {
    font-size: 18px;
    font-weight: bold;
}
.subsPlanDet .form-check .form-check-input {
    width: 18px;
    height: 18px;
}
.subsPlanDet .form-check input[type="checkbox"] {
    accent-color: #529e72;
}

.subsPlanDet .btn {
    font-size: 14pt;
    border-radius: 0;
}
.btn-blue {
    color: #fff;
    background: #2e3192;
    border-color: #2e3192;
}
.btn-blue:hover {
    color: #2e3192;
    background: #fff;
    border-color: #2e3192;
}
.btn-green {
    color: #fff;
    background: #529e72;
    border: 1px solid #529e72;
}
.btn-greens:hover {
    color: #529e72;
    background: #fff;
    border-color: 1px solid #529e72;
}

.planTabSec .btn {
    color: #464646;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 5px 16px 3px 16px;
    margin-bottom: 4px;
    border-radius: 6px;
}
.planTabSec .btn:hover,
.planTabSec .btn.active {
    color: #fff;
    background: #2e3192;
    border-color: #2e3192;
}
.subBadge {
    color: #fff;
    background: #529e72;
    padding: 3px 10px 6px 10px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #3d7654;
    transition: border-color 0.3s ease;
}
.subBadge:hover {
    border-color: #2a5338;
}
.plan-subject-status,
.plan-subject-status:hover,
.plan-subject-status:focus,
.plan-subject-status:active {
    color: #fff;
    background: #529e72;
    border: 1px solid #529e72;
    outline: none;
    box-shadow: none;
    padding: 3px 10px;
    text-transform: uppercase;
}
.subject-selection-trigger {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 0.5rem;
}
.subject-selection-trigger--included {
    align-items: flex-start;
}
.subscriptions-plan-counter {
    width: 100%;
    color: #5f5f5f;
    font-size: 13px;
}
.subject-selection-chip-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    padding-left: 15px;
    margin-top: 0px;
    overflow-x: auto;
    white-space: nowrap;
}
.subject-selection-chip-list--static {
    padding-left: 0;
}
.subject-selection-chip-list .subBadgeSel {
    margin-bottom: 0;
    margin-left: 0;
}
.subBadgeSel {
    color: #464646;
    background: #e5f1ff;
    border: 1px solid #5c86b2;
    border-radius: 6px;
    padding: 3px 10px;
    display: inline-block;
    margin-bottom: 6px;
}
.planSummarySec {
    border: 1px solid #e1e1e1;
    padding: 16px 16px 1px 16px;
    margin-bottom: 16px;
}
.coupnOffrSec {
    border: 1px solid #e1e1e1;
    padding: 16px 16px 1px 16px;
    margin-bottom: 16px;
}
.coupnOffrSec small {
    line-height: 16px;
    margin-top: 6px;
    display: inline-block;
}
.coupon-list-scroll {
    max-height: 312px;
    overflow-y: auto;
    padding-right: 14px;
    margin-bottom: 12px;
}
#remove-applied-coupon:hover {
    cursor: pointer;
}
.subscriptions-left-column {
    min-height: 500px;
}
.subscriptions-access-banner {
    position: relative;
    border: 1px solid #f0d8a8;
    background: linear-gradient(135deg, #fff8e7 0%, #fffdf7 100%);
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.subscriptions-access-banner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-radius: 14px 0 0 14px;
    background: linear-gradient(180deg, #f3b344 0%, #eb7e2f 100%);
}
.subscriptions-access-banner-icon {
    color: #ab5c10;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #f6d197;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.subscriptions-access-banner-content {
    flex: 1;
}
.subscriptions-access-banner-eyebrow {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8a5c18;
    font-weight: 700;
}
.subscriptions-access-banner-title {
    font-size: 21px;
    font-weight: 700;
    color: #2f2f2f;
}
.subscriptions-access-banner-text {
    font-size: 15px;
    color: #5b5b5b;
}
.subscriptions-access-banner-btn {
    margin: 12px 0 0;
    min-height: 42px;
    padding: 10px 18px;
}
.subscriptions-board-filter {
    min-width: 200px;
}
.subscriptions-no-plans-message {
    display: none;
}
.subscriptions-plan-summary {
    display: flex;
    flex-direction: column;
}
.subscriptions-cart-summary-sticky {
    position: sticky;
    top: 110px;
}
.subscriptions-cart-count-badge {
    font-size: 0.875rem;
    min-width: 30px;
}
.subscriptions-summary-items {
    max-height: 360px;
    padding-right: 6px;
}
.subscriptions-cart-loading-panel {
    min-height: 260px;
}
.subscriptions-cart-skeleton-row {
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(90deg, #ececec 25%, #f7f7f7 37%, #ececec 63%);
    background-size: 400% 100%;
}
.subscriptions-cart-skeleton-line {
    height: 18px;
    border-radius: 6px;
    background: linear-gradient(90deg, #ececec 25%, #f7f7f7 37%, #ececec 63%);
    background-size: 400% 100%;
}
.subscriptions-dynamic-content {
    opacity: 1;
    transition: opacity 0.24s ease;
}
.subscriptions-dynamic-skeleton {
    opacity: 0;
    transition: opacity 0.24s ease;
    pointer-events: none;
}
.subscriptions-dynamic-content.subscriptions-dynamic-loading {
    opacity: 0;
    pointer-events: none;
}
.subscriptions-dynamic-skeleton.subscriptions-dynamic-loading {
    opacity: 1;
}
.subscriptions-plan-skeleton-card {
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 14px;
    min-height: 126px;
    background: #fff;
}
.subscriptions-plan-skeleton-row {
    height: 20px;
    width: 78%;
    border-radius: 6px;
}
.subscriptions-plan-skeleton-line {
    height: 12px;
    width: 96%;
    border-radius: 5px;
}
.subscriptions-plan-skeleton-chip {
    height: 24px;
    width: 140px;
    border-radius: 14px;
}
.subscriptions-coupon-skeleton-card {
    border-bottom: 1px solid #efefef;
    min-height: 70px;
}
.subscriptions-coupon-skeleton-row {
    height: 16px;
    width: 86%;
    border-radius: 5px;
}
.subscriptions-coupon-skeleton-line {
    height: 12px;
    width: 98%;
    border-radius: 5px;
}
.modal .nav-tabs .nav-link {
    color: #2e3192;
}
.modal .nav-tabs .nav-link.active {
    color: #ed1c24;
    font-weight: 600;
}
.subscriptions-no-selected-plans-message {
    min-height: 180px;
    border: 1px dashed #d8d8d8;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 12px;
}
.subscriptions-no-selected-plans-icon-row {
    width: 100%;
    display: flex;
    justify-content: center;
}
.subscriptions-no-selected-plans-icon-wrap {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(220, 53, 69, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.subscriptions-no-selected-plans-icon-svg {
    display: block;
}
.selected-plan-item {
}
.selected-plan-subject-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.selected-plan-subject-list .subBadgeSel {
    margin-bottom: 0;
}
.selected-plan-content {
    min-height: 24px;
}
.selected-plan-tick-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
    flex-shrink: 0;
}
.selected-plan-amount {
    line-height: 20px;
}
.subjectPop {
    background: #ffffff;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
    padding: 16px;
    display: inline-block;
    max-width: 390px;
    position: absolute;
    top: 36px;
    display: none;
}
.subjectPop.show {
    display: inline-block;
}
.subjectPop .list-inline {
    display: flex;
    flex-wrap: wrap;
}
.subjectPop .list-inline .list-inline-item {
    flex: 0 0 auto;
    width: calc(50% - 8px);
    padding-top: 3px;
    padding-bottom: 3px;
}
.selctdSubListPop {
    line-height: 18px;
    margin-top: 8px;
}

.subject-modal-open {
    overflow: hidden;
}
.subject-pop-modal {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
}
.subject-pop-modal.show {
    display: block;
}
.subject-pop-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}
.subject-pop-modal-content {
    position: relative;
    z-index: 1;
    background: #ffffff;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
    padding: 16px;
    max-width: 712px;
    width: calc(100% - 32px);
    margin: 56px auto;
    border-radius: 4px;
    max-height: calc(100vh - 112px);
    max-height: calc(100dvh - 112px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.subject-pop-modal-content .row {
    margin-left: 0;
    margin-right: 0;
    flex: 1;
    min-height: 0;
}
.subject-pop-modal-content .col-12 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
}
.subject-pop-modal-scroll {
    flex: 0 1 auto;
    min-height: 0;
    max-height: clamp(180px, calc(100vh - 320px), 70vh);
    max-height: clamp(180px, calc(100dvh - 320px), 70dvh);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}
.subject-pop-modal-content .list-inline {
    display: flex;
    flex-wrap: wrap;
}
.subject-pop-modal-content .list-inline .list-inline-item {
    width: 100%;
    margin-right: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f0f0f0;
}
.subject-pop-modal-content .list-inline .list-inline-item:first-child {
    padding-top: 0;
}
.subject-pop-modal-content .list-inline .list-inline-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.subject-option-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-radius: 10px;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;
    border: 1px solid transparent;
}
.subject-option-row--selected {
    background: #eef8ef;
    border-color: #7ab27f;
}
.subject-option-row--disabled {
    opacity: 0.55;
}
.subject-option-info {
    flex: 1;
    min-width: 0;
}
.subject-option-info label {
    margin-bottom: 0;
    font-weight: 600;
}
.subject-option-info small {
    display: block;
    color: #6d6d6d;
}
.subject-option-amount {
    font-size: 13px;
    font-weight: 600;
    color: #2d7a2b;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .subscriptions-cart-summary-sticky {
        position: static;
        top: auto;
    }

    .coupon-list-scroll,
    .subscriptions-summary-items {
        max-height: none;
    }
}
@media (max-width: 576px) {
    .subject-pop-modal-content {
        margin: 20px auto;
        max-height: calc(100vh - 40px);
        max-height: calc(100dvh - 40px);
    }

    .subject-pop-modal-scroll {
        max-height: clamp(140px, calc(100vh - 260px), 68vh);
        max-height: clamp(140px, calc(100dvh - 260px), 68dvh);
        padding-right: 2px;
    }

    .subject-option-row {
        align-items: flex-start;
    }

    .subject-option-amount {
        font-size: 12px;
    }
}

/* */
/* SUBJECT ROW */
.subject-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.subject-row > .inserted-panel {
    grid-column: 1 / -1;
}

/* SUBJECT CARD */
.subject-card {
    background: #e6f5d1;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 12px 12px 1px 12px;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
}
.subject-card.active::before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 40%;
    border-top: 24px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 24px solid #c9dcff;
    border-left: 20px solid transparent;
}
.subject-card:hover {
    background: transparent;
    border-color: #529e72;
}
.subject-card.active {
    background: #c7ddf5;
    border-color: #c7ddf5;
}
.subject-card.active h5 {
    color: #2e3192;
    fill: #2e3192;
}
.subject-card.active img {
    filter: brightness(0) saturate(100%) invert(20%) sepia(64%) saturate(2215%)
        hue-rotate(223deg) brightness(82%) contrast(94%);
}

/* DETAIL PANEL */
.inserted-panel {
    margin-bottom: 25px;
}

.subject-detail-panel {
    background: #ffffff;
    border: 8px solid #c9dcff;
    border-radius: 12px;
    padding: 16px;
    animation: fadeIn 0.25s ease;
    position: relative;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* TEST ROW */
.test-row {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid #ddd;
}

.test-row:last-child {
    border-bottom: none;
    margin-top: 10px;
}

.test-title {
    width: 120px;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}

.topics-wrapper {
    flex: 1;
}

.topic-chip {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #c9dcff;
    border-radius: 8px;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

@media (max-width: 768px) {
    .subject-row {
        grid-template-columns: 1fr;
    }
    .test-row {
        flex-direction: column;
    }
    .test-title {
        width: 100%;
    }
}

/* Mock test coming soon */
.mocktest-comingsoon-wrapper {
    position: relative;
}
.mocktest-comingsoon-hero {
    border: 1px solid #dbe5ff;
    border-radius: 16px;
    padding: 26px;
    background: linear-gradient(135deg, #f2f6ff 0%, #ffffff 100%);
    box-shadow: 0 12px 24px rgba(27, 61, 128, 0.08);
}
.mocktest-comingsoon-status {
    display: inline-block;
    background: #2e3192;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 7px 12px;
    border-radius: 999px;
    margin-bottom: 12px;
}
.mocktest-comingsoon-panel {
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    padding: 18px;
    background: #fff;
}
.mocktest-comingsoon-feature {
    border: 1px solid #eceef7;
    border-radius: 10px;
    padding: 12px;
    min-height: 100%;
    background: #fafcff;
}
.mocktest-comingsoon-feature h6 {
    color: #2e3192;
    font-weight: 700;
}
.mocktest-comingsoon-feature p {
    color: #4c4c4c;
    font-size: 14px;
}
.mocktest-comingsoon-board-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.mocktest-comingsoon-board-chip {
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid #c8d8ff;
    background: #f3f7ff;
    color: #243f8f;
    font-weight: 600;
    font-size: 13px;
}
.mocktest-comingsoon-actions {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.mocktest-comingsoon-actions .join-btn {
    margin: 0;
    width: 100%;
}
.mocktest-comingsoon-secondary-link {
    text-align: center;
    color: #2e3192;
    font-weight: 600;
    text-decoration: none;
}
.mocktest-comingsoon-secondary-link:hover {
    text-decoration: underline;
    color: #ed1c24;
}

/* Mock test not found */
.mocktest-notfound-wrapper {
    display: flex;
    justify-content: center;
}
.mocktest-notfound-card {
    width: 100%;
    max-width: 860px;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
    padding: 28px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}
.mocktest-notfound-icon-wrap {
    margin: 0 auto 14px;
    text-align: center;
}
.mocktest-notfound-icon-img {
    max-width: 170px;
}
.mocktest-notfound-message {
    text-align: center;
    font-size: 15px;
    color: #535353;
}
.mocktest-notfound-help-box {
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 14px;
    background: #fff;
}
.mocktest-notfound-help-box h6 {
    color: #2e3192;
    font-weight: 700;
}
.mocktest-notfound-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.mocktest-notfound-chip-link {
    border: 1px solid #c7d6ff;
    background: #f2f6ff;
    border-radius: 999px;
    color: #2e3192;
    font-weight: 600;
    font-size: 13px;
    padding: 7px 12px;
    text-decoration: none;
}
.mocktest-notfound-chip-link:hover {
    background: #2e3192;
    border-color: #2e3192;
    color: #fff;
}
.mocktest-notfound-test-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.mocktest-notfound-test-card {
    border: 1px solid #dfe7ff;
    border-radius: 10px;
    padding: 12px;
    background: #f8faff;
    transition: 0.2s all ease;
    display: flex;
    flex-direction: column;
    min-height: 88px;
}
.mocktest-notfound-test-card-live {
    border-color: #b9e4c6;
    background: #f2fff6;
    text-decoration: none;
}
.mocktest-notfound-test-card-comingsoon {
    border-color: #f3d39a;
    background: #fff7e7;
}
.mocktest-notfound-test-title {
    color: #2e3192;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 8px;
}
.mocktest-notfound-test-action {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.mocktest-notfound-test-action-live {
    color: #218b4f;
}
.mocktest-notfound-test-action-comingsoon {
    color: #b67300;
}
.mocktest-notfound-test-card-live:hover {
    border-color: #29995b;
    background: #e8fff0;
    transform: translateY(-1px);
}
.mocktest-notfound-actions {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mocktest-notfound-actions .join-btn {
    margin: 0;
}
.mocktest-notfound-secondary-link {
    color: #2e3192;
    font-weight: 600;
    text-decoration: none;
}
.mocktest-notfound-secondary-link:hover {
    color: #ed1c24;
    text-decoration: underline;
}
@media only screen and (max-width: 1199px) {
    .subscriptions-cart-summary-sticky {
        position: static;
        top: auto;
    }
}
@media only screen and (max-width: 767px) {
    .subscriptions-access-banner {
        padding: 14px;
        gap: 10px;
    }
    .subscriptions-access-banner-title {
        font-size: 18px;
    }
    .subscriptions-access-banner-btn {
        width: 100%;
    }
    .mocktest-comingsoon-hero {
        padding: 18px;
    }
    .mocktest-comingsoon-panel {
        padding: 14px;
    }
    .mocktest-notfound-card {
        padding: 16px;
    }
    .mocktest-notfound-test-grid {
        grid-template-columns: 1fr;
    }
}
.badges {
    background: #e5f1ff;
    border: 1px solid #ddd;
    font-size: 80%;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 12px;
}
.text-orange {
    color: #ec8921;
}
.bg-orange {
    background: #fff3e5;
}
.bg-blue {
    background: #e5f1ff;
}
.popSubPop {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 16px;
}
.popSubPop .popSubHead {
    border-bottom: 1px solid #ddd;
    padding: 8px 12px;
}
.popSubPop .popSubBod {
    padding: 8px 12px 1px 12px;
}
.popSubPop .popSubBod .badges {
    background: #efefef;
    margin-bottom: 8px;
    padding: 1px 8px;
    cursor: pointer;
    margin-right: 6px;
}
.popSubPop .popSubBod .badges.active {
    color: #fff;
    background: #2e3192;
    border-color: #2e3192;
}
.bg-green {
    background: #f4ffe3;
}