* {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);/
}

/* --------------animations------------------- */

.scroll-top {

    transform: translateY(50px);
    opacity: 0;
    transition: 1s ease;
    position: relative;
}

.scroll-top--visible {
    transform: translateY(0px);
    opacity: 1;
}

.scroll-bottom {
    transform: translateY(-50px);
    opacity: 0;
    transition: 1s ease;
    position: relative;
}

.scroll-bottom--visible {
    transform: translateY(0px);
    opacity: 1;
}

.scroll-left {
    transform: translateX(50px);
    opacity: 0;
    transition: 1s ease;
    position: relative;
}

.scroll-left--visible {
    transform: translateX(0px);
    opacity: 1;
}

.scroll-right {
    transform: translateX(-50px);
    opacity: 0;
    transition: 1s ease;
    position: relative;
}

.scroll-right--visible {
    transform: translateX(0px);
    opacity: 1;
}

.fd-in {
    opacity: 0;
    transition: 2s;
}

.fade-in {
    animation: fadeIn 2s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fr-anm {
    overflow: hidden;
    padding: 20px;
}

/* -------------------------------------------- */

/* HEADER */


.social-links {
    position: fixed;
    right: 0px;
    bottom: 200px;
    z-index: 5;
}


.social-links p {
    color: #fff;
}

.fce-bk img {
    width: 50px;
}

.fce-bk {
    width: 100%;
    height: 100%;
    background-color: #292F5C;
    display: flex;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-right: 10px;
    position: relative;
    right: -88px;
    transition: all 0.5s;
}

.instgrm img {
    width: 50px;
}

.instgrm {
    width: 100%;
    height: 100%;
    background-color: #c7028c;
    display: flex;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    margin-top: 5px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-right: 10px;
    position: relative;
    right: -87px;
    transition: all 0.5s;

}

.instgrm:hover {
    right: 0px;
}

.fce-bk:hover {
    right: 0px;
}

.fce-bk:hover {
    right: 0px;
    transition: 0.5s;
}

.mainMenu ul {
    display: flex;
    align-items: center;
    gap: 34px;
}


.mainMenu ul li {
    padding: 12px 0;
    list-style: none;
}

.mainMenu li a:hover {

    color: var(--primary-color);
}

.mainMenu a.active {
    color: var(--primary-color);
}

.navlogo img {
    width: 220px;
}

header .as-rw {

    justify-content: space-between;
}

.Navrw {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* -----------------back to top-------------------- */

.bk-tp-btn button {
    background-color: #e51953;
    padding: 8px 12px;
    color: #FFFFFF;
    border: none;
    border-radius: 7px;
    font-size: 25px;
    cursor: pointer;
    transition: 0.3s;

}

.bk-tp-btn {
    position: fixed;
    right: 50px;
    bottom: 8%;
    z-index: 22222;

}

/* _------------------------------------------------- */
/* ------------icon animation---------------------- */
.srv-img-an {
    transform: translatey(0px);
    -webkit-animation: float 2s ease-in-out infinite;
    animation: float 2s ease-in-out infinite;
}

/* @keyframes float {
    0% {

        transform: translatey(0px);
    }

    50% {

        transform: translate(-15px);
    }

    100% {
        transform: translatey(0px);
    }
} */
/* ------------------------------------------------------ */

header {

    padding: 18px 0;
}

.hro-sldr {
    position: relative;
    z-index: 2;
    max-width: 655px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* .hro-sldr-img1{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    width: 100%;
    height: 300px;
    object-fit: contain
}
.hro-sldr-img1 img{
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
} */


/* =======================.log-in form======================== */
.navBtn {
    display: flex;
    align-items: center;
}

.navBtn .dstxt {
    background-color: var(--primary-color);
    padding: 12px 22px;
    border-radius: 6px;
    color: #fff;
    border: none;
    cursor: pointer;

}

.navBtn .log-in {

    background-color: #292F5C;
    padding: 12px 15px;
    border-radius: 6px;
    color: #fff;
    margin-left: 10px;
    border: none;
    cursor: pointer;
}

.hdr-clr.active {
    color: #d9534f;
}


.form-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    border: none;
    z-index: 222222;
    transform: translate(-50%, -50%);
}

.form-popup2 {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    border: none;
    z-index: 222222;
    transform: translate(-50%, -50%);
}

.form-container .fa-solid {
    color: black;
    background-color: rgb(240, 240, 240);
    float: right;
    padding: 8px;
}

.modal {
    display: none;
    position: fixed;
    /* Stay in place */
    z-index: 99999;
    /* Sit on top */
    padding-top: 150px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.col-md-6.fm-lft {
    padding-right: 0px;
    padding-left: 0px;

}

.col-md-6.fm-rt {
    /* margin-top: 50px; */
    padding: 60px 50px;
    background-color: #f8fff2;
}

.fm-lft-img {
    width: 100%;
    height: 100%;

}

.fm-lft-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;


}

.modal-content span {
    cursor: pointer;
}

/* Modal Content */
.modal-content {
    margin: auto;
    width: 100%;
    max-width: 800px;
    height: max-content;
    padding-left: 15px;
}

.fm-rt h4 {
    margin-bottom: 20px;
}

.fm-rt h1 {
    margin-bottom: 20px;
}

.fm-rt input {
    background-color: transparent;
    border: 1px solid black;
    border-radius: 10px;
    height: 40px;
    margin: 10px 0px;
    width: 100%;
    padding-left: 10px;

}

.fm-rt .chk-bx {
    height: 20px;
}

.chk-bx-cs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.ch-bt {
    display: flex;
    align-items: center;
    padding-right: 15px;
}

.chk-bx-cs .ch-bt p {
    text-wrap: no-wrap;
    font-size: 15px;
    min-width: 100%;
}

.fm-rt input:focus {
    outline: none;
}

.col-md-6.fm-rt .sub-mit {
    background-color: var(--primary-color);
    color: #FFFFFF;
    border: none;
    height: 44px;
    font-weight: 600;
    font-size: 15px;
    width: 100%;
    border-radius: 10px;
}

.col-md-6.fm-rt .sign-up {
    background-color: transparent;
    color: black;
    border: none;
    color: var(--primary-color);
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
}

.col-md-6.fm-rt .sp-op {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 20px;

}

.col-md-6.fm-rt .sp-op p {
    font-size: 15px;


}

.modal-content span {
    position: relative;
    top: -40px;
    left: -14px;
    color: white;
    float: inline-end;
}

.modal-content span i {
    padding: 6px 8px;
    background-color: var(--primary-color);
    border-radius: 5px;
}






.row {

    justify-content: center;
}

.rstxt {

    display: none;
}


.has-sub {
    position: relative;
}

.has-sub .submenu {

    position: absolute;
    top: 40px;
    left: 0;
    display: block;
    background-color: #F8F8F8;
    z-index: 222;
    padding: 14px;
    width: 200px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    transform: translateY(-5px);
}

.has-sub:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.has-sub .submenu li {
    margin-bottom: 12px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 12px;
    transition: all 0.3s;
    padding-top: 0;
}

.has-sub .submenu li:hover {
    transform: translateX(4px);
}

.has-sub .submenu li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.has-sub .submenu a {

    display: block;
    transition: all 0.3s;
}

.has-sub .submenu a:hover {
    color: var(--primary-color);
}

/* HERO */
.asHero {
    background: url(../assets/img/hero.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 2.2em 0;
}

.herotext {
    position: relative;
    z-index: 2;
    text-align: center;
}


.asHero::after {

    content: "";
    display: block;
    background: var(--gradient);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
}

.heroCont {
    display: flex;
    position: relative;
    z-index: 2;
    align-items: center;
    margin: auto;
    float: left;
    /* margin-top: 50px; */

}

.heroCont h1 {

    font-size: 42px;
    font-weight: 600;
    margin-bottom: 22px;
    color: #fff;
}

.heroCont p {

    color: #fff;
    max-width: 600px;
    /* margin: auto; */
}

.heroCont a {
    display: block;
    width: fit-content;
    margin-top: 34px;
    border-radius: 8px;
    padding: 14px 24px;
    border: 1px solid #fff;
    color: #fff;
    transition: all 0.3s;
    /* margin: 0 auto; */
    margin-top: 20px;
}

.heroCont a:hover {

    background-color: #fff;
    color: var(--primary-color);
}


/* COURSE */
.asCourse {
    padding-top: 6em;
    background: #F9F9F9;
    padding-bottom: 4.2em;
    text-align: center;
}

.secTitle {

    text-align: center;
    margin-bottom: 60px;
}

.secTitle h2 {
    /* padding-top: 20px; */
    font-size: 42px;
    padding-bottom: 30px
}

.secTitle .subText {
    display: block;
    margin: auto;
    margin-top: 12px;
    max-width: 900px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--text-color);
}

.crse-blk {
    text-align: center;
    /* border: 1px solid #f4f4f4; */
    margin-bottom: 26px;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089);
    overflow-x: hidden;
}

.crse-cont {

    margin-top: 20px;
}




.crse-cont h3 {
    font-size: 22px;
    padding-bottom: 15px;
    text-align: center;
}

.pcm2 {
    background-color: #F4F4FF;
}

.pts2 {
    background-color: #FFEDE0;
}

.mts2 {
    background-color: #EBF8FF;
}

.ig2 {
    background-color: #FFF3DA;
}

.bb2 {
    background-color: #FFE2F4;
}

.os2 {
    background-color: #EAFFDA;
}


.pcm3 {
    background-color: #F4F4FF;
}

.pts3 {
    background-color: #FFEDE0;
}

.mts3 {
    background-color: #EBF8FF;
}

.ig3 {
    background-color: #FFF3DA;
}

.bb3 {
    background-color: #FFE2F4;
}

.os3 {
    background-color: #EAFFDA;
}


.pcm {
    background: #FF9897;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.pcm3 {
    background: #879EFA;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    /* background-image: url(../assets/123.png); */
    background-size: cover;
}

.pcm2 {
    background: #ABD9D7;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.bm-ico {
    background-color: rgb(255, 255, 255);
}

.pts {

    background: #FFBE96;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.pts2 {

    background: #879EFA;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.mts {

    background: #D2ACFF;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.mts7 {

    background: #9fd6f5;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.mts3 {

    background: rgb(191 177 111);
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.mts2 {

    background: #A4DAF3;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.mts3 {

    background: #84A1FF;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.mts4 {

    background: #93d5b3;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.ig {

    /* background: #FFB7A3; */
    background: #ebc77b;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.ig2 {

    background: #D6C9FF;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.bb {

    background: rgb(220 164 243);
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.bb2 {

    background: #A78EFF;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;
}

.os {
    background: #EDDEAB;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;

}

.os6 {
    background: #B8CAFF;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;

}

.os5 {
    background: rgb(184 137 199);
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;

}

.os2 {
    background: #ADAAFD;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;

}

.os4 {
    background: #a5d8a4;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;

}

.os3 {
    background: #80C2F0;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(53, 53, 53, 0.089); */
    color: rgb(255, 255, 255);
    background-image: url(../assets/123.png);
    background-size: cover;

}


/* ABOUT */

.asAbout {
    background-color: #F8FEFF;
    padding-bottom: 4.2em;
}

.abtImg {

    overflow: hidden;

    line-height: 0;
}

.abtImg img {

    border-radius: 30px;
}

.abtCont .secTitle h2 {

    text-align: left;
    color: #564F4F;
}

.abtCont .secTitle {

    margin-bottom: 14px;
}

/* MENTOR SECTION */
/* .asMentor {
    background-image: url(../assets/img/indblr.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
    position: relative;
    padding: 6.2em;
} */


/* .asMentor::after {

    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../assets/img/line-shap.svg);
    width: 100%;
    height: 800px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;

} */

.MentorSlide {
    position: relative;
    z-index: 22;
}


.mentorBlk {
    gap: 40px;
    margin-bottom: 30px;
    position: relative;
}

.mentorbrdr {
    justify-content: center;
    padding: 45px 0;
    border: 1px solid white;
    margin: 0 100px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 105px;
}

.tm-lft {
    margin-right: 30px;
    border-radius: 10px;
    width: 300px;
    height: 300px;

}

.tm-lft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;


}

/* .tm-lft{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
} */

.tm-sld {
    display: flex;
    align-items: center;
    justify-content: left;
    border: 1px solid white;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 50px;
    border-radius: 20px;
    margin-bottom: 30px;

}

.tm-sld h3 {
    font-size: 30px;
    padding-bottom: 10px !important;
}

.tm-sld span {
    font-size: 20px;
}

.tm-sld p {
    margin-top: 20px;

}

.item.tm-fst-sld {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.item p {
    color: #000000;
    font-size: 16px;
    max-width: 600px;
}

.next_button,
.prev_button {
    padding: 10px 15px;
    background-color: transparent;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid white
}

.hro-sldr .next_button {
    padding: 6px 11px;
    background-color: transparent;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid white;
    color: white;
}

.hro-sldr .prev_button {
    padding: 6px 11px;
    background-color: transparent;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid white;
    color: white;
}

.next_button {
    position: absolute;
    top: 110%;
    right: 46%;
}

.prev_button {
    position: absolute;
    top: 110%;
    left: 46%;
}

.hro-sldr .next_button {
    position: absolute;
    top: 110%;
    right: 41%;
}

.hro-sldr .prev_button {
    position: absolute;
    top: 110%;
    left: 41%;
}

.mentorDesc {
    width: calc(100% - 600px);
}

.mentorDesc .title {

    margin-bottom: 14px;
}

.mentorDesc .title h3 {
    font-size: 32px;
    margin-bottom: 28px;
}

.mentorDesc .title span {
    font-size: 16px;
}

.mentorDesc p {
    color: #fff;
}

.mentorImg {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}


/* .mentorImg img {
    width: 300px;
    height: 390px;
    object-fit: cover;
} */
.mentorImg img {
    width: 300px;
    height: 350px;
    object-fit: cover;
}

.asMentor .slick-dots li {
    background-color: #cfcfcf;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    transition: all 0.3s;
    margin-top: 20px;
}

.asMentor .slick-dots .slick-active {

    background-color: #ff0049e8;
}


/* BOOKMARK */

.asBookmark {

    background-color: #FDFCFF;
    padding-bottom: 5.6em;
}

.bm-blk {

    text-align: center;
    border: 1px solid #e2e2e2;
    padding: 0 20px;
    min-height: 320px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bm-fs .bm-ico {
    margin: auto;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    background-image: linear-gradient(to bottom, #fcf5e6 0%, #fae9cd 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

}

.bm-sc .bm-ico {
    margin: auto;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    background-image: linear-gradient(to bottom, #fefff2 0%, #ebe6b3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

}

.bm-ico img {

    width: 34px;
}

.bmCont h3 {
    margin-bottom: 12px;
}

.bm-fs {
    background-image: linear-gradient(to bottom, #fffbf2 0%, #eedab4 100%);
}

.bm-fs:hover {
    background-color: #ebebfa;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.bm-sc {
    background-image: linear-gradient(to bottom, #fefff2 0%, #d6d19e 100%);
}

.bm-sc:hover {

    background-color: #EBF8FF;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bm-th:hover {

    background-color: #FFF3DA;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


/* TESTIMONIAL */
.asTestimonial {
    padding-bottom: 5.8em;
}

.tstBlk {

    text-align: center;
    padding: 30px 12px;
    background-color: #D6DCFB;
    border-radius: 12px;
    margin: 20px;

}

.tst-img {
    width: 100px;
    display: block;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 8px;
}

.tstProf {

    margin-bottom: 12px;
}

.tst-img img {

    width: 100%;
}

.tstCont p {

    font-size: 15px;
    color: #272727;
}

.testimonialSlider .slick-center .tstBlk {

    background-color: #F2D8FF;
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);

}

.testimonialSlider .slick-slide {
    opacity: 0.5;
    transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.testimonialSlider .slick-center {

    opacity: 1;
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: scale(1.09);

}

.hro-sldr .slick-dots {

    bottom: -40px;
}

.testimonialSlider .slick-dots li {
    background-color: #D9D9D9;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transition: all 0.3s;
}

.hro-sldr .slick-dots li {
    background-color: #D9D9D9;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transition: all 0.3s;
}

.testimonialSlider .slick-dots .slick-active {
    background-color: var(--primary-color);
    width: 22px;
    border-radius: 50px;
}

.hro-sldr .slick-dots .slick-active {
    background-color: black;
    width: 15px;
    border-radius: 50px;
}

.slick-dots li button {
    display: none !important;
}

/* CTA */
.asCTA {

    background: url(../assets/img/cta.jpg);
    padding: 0;
    height: 620px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.asCTA::after {
    content: "";
    display: block;
    background: var(--gradient);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;

}

.ctaCont {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.ctaCont h2 {

    font-size: 48px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 6px;
}

.ctaCont h2 span {
    display: block;

}

.ctaCont p {

    color: #fff;
}

.ctaCont a {

    display: block;
    width: fit-content;
    padding: 12px 28px;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 6.8px;
    margin-top: 24px;
    color: #fff;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ctaCont a:hover {
    background-color: #fff;
    color: var(--text-color);
}

footer {

    background: rgba(201, 201, 201, 0.205);
    padding-top: 6em;
    padding-bottom: 20px;
    position: relative;
}

.ftrLogo img {
    width: 240px;
}

.ftrLink h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
}

.ftrLink li {
    list-style: none;
    margin-bottom: 14px;
    font-size: 16px;
}

.ftrLink li a {

    color: #393232;
}

.ftrContact li {
    position: relative;
    padding-left: 32px;
}

.ftrContact i {

    content: "";
    position: absolute;
    /* top: 4px; */
    left: 0;
    font-size: 20px;
}

.copyright p,
.copyright a {
    font-size: 12px;
}

.copyright a {

    color: var(--primary-color);
}

.copyright {

    text-align: center;
    padding-top: 3.6em;
}

/* ABOUT PAGE */
.pageHeader {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
}

.pageHeader2 {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
}



.pageHeader h1 {
    font-size: 48px;
    font-weight: 600;
    position: relative;
    z-index: 2;

}

.pageHeader2 h1 {
    font-size: 48px;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.abtpge {

    /* background-image: url(../assets/img/abt.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.asAboutin {

    background: var(--secondary-light);
    padding-bottom: 4.2em;
}

.abtCont h2 {

    font-size: 45px;
    margin-bottom: 12px;
}

.abt-img img {

    display: block;
    margin: auto;
}

.asVM {

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.23) 100%), linear-gradient(0deg, rgba(230, 178, 255, 0.80) 0%, rgba(230, 178, 255, 0.80) 100%) !important;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-top: 0;

}

.asVM p {
    color: #fff;
    font-size: 18px;
}

.vmContain {
    position: relative;
}

.asVM {

    position: relative;
}

/* .asVM::before {

    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    background: rgba(255, 255, 255, 0.24);
} */

.vmMain {

    padding: 0 80px;
}

.vmLeftCont h2 {
    font-size: 42px;
    margin-bottom: 12px;
}

.vmBlk {

    margin-bottom: 24px;
}

.vmBlk h3 {

    font-size: 40px;
    margin-bottom: 8px;
}

.std-img-blk {

    background-color: #DAF5FB;
    position: relative;
    width: 500px;
    height: 485px;
    border-radius: 24px;
}

.std-img {
    line-height: 0;
    position: absolute;
    top: -45px;
    right: -30px;
    display: block;
}

.asFeat {
    padding-bottom: 4.2em;
    padding-top: 7.2em;
    background-color: #FDFCFF;
}

.bk-blk {

    position: absolute;
    top: -50px;
    right: -60px;
    background-color: var(--as-rose);
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 12px;
}

.bk-imgBlk {

    border: 1px dashed #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.bk-img {

    -webkit-animation: floatbk 3s normal linear infinite;
    animation: floatbk 3s normal linear infinite;
}


@keyframes floatbk {
    0% {

        transform: translatey(0px);
    }

    50% {

        transform: translatey(-12px);
    }

    100% {
        transform: translatey(0px);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    25% {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
    }

    50% {
        -webkit-transform: rotate3d(0, 0, 1, 180deg);
        transform: rotate3d(0, 0, 1, 180deg);
    }

    75% {
        -webkit-transform: rotate3d(0, 0, 1, 270deg);
        transform: rotate3d(0, 0, 1, 270deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

.asFeatCont h2 {
    font-size: 42px;
    margin-bottom: 12px;
}

.tm-img {
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.tm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tm-img {
    line-height: 0;
    margin-bottom: 14px;
}

/* .tmCont {

    text-align: center;
} */



.asTeam {
    padding-bottom: 4.2em;
}

.sub-p {
    font-weight: 900;
    margin-top: 10px;
}

.crse-blk svg {
    width: 60px;
    height: 60px;
}

.crse-cont {
    text-align: center;

    padding: 0 24px;
}

.crse-cont button {
    padding: 8px 20px;
    background-color: var(--primary-color);
    border: 1.5px solid var(--primary-color);
    color: white;
    border-radius: 5px;
    float: center;
    margin-top: 30px;
    cursor: pointer;
    font-size: 15px;
}

.crse-cont button:hover {
    background-color: transparent;
    border: 1.5px solid #292F5C;
    color: rgb(0, 0, 0);
}

.crse-cont ul li {
    list-style-type: disc;
}


.asCourse-in {

    padding-bottom: 3.2em;
}

/* COURSE PAGE */

.asCourse-in .crse-blk {

    border: 1px solid #d8d8d8;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.asCourse-in .crse-blk .crse-ico {

    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
    padding: 14px;
}

.crse-ico {

    transform: translatey(0px);
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite;

}


@keyframes float {
    0% {

        transform: translatey(0px);
    }

    50% {

        transform: translatey(-15px);
    }

    100% {
        transform: translatey(0px);
    }
}

.asCourse-in .crse-blk .asCourse-in .crse-cont h3 {
    margin-bottom: 6px;
}

.asCourse-in .crse-cont p {
    font-size: 15px;
    color: #fff;
}

.asCourse-in .crse-blk {
    padding: 20px;
}

.asCourse-in .col-md-6 {

    margin-bottom: 24px;
}

/* .pCm{
    background-color: #9fb3ff;
    border-radius: 50%;
    padding: 15px;
} */

.pCm:hover {
    background-color: #F4F4FF;

}

.pTs:hover {
    background-color: #FFEDE0;

}

.mTs:hover {
    background-color: #EBF8FF;
}

.iG:hover {
    background-color: #FFF3DA;
}

.bB:hover {
    background-color: #FFE2F4;
}

.oS:hover {

    background-color: #EAFFDA;
}

/* CONTACT PAGE */

.cntpge {

    background-image: url(../assets/img/contact.jpg);

}

.contactInfo {

    max-width: 300px;
    margin: auto;
    text-align: center;
}

.contactinfoBlk {
    margin-bottom: 42px;
}

.contactinfoBlk .ico {
    margin-bottom: 10px;
}

.ct-inp {
    text-align: start;

}

.ct-inp label {
    margin-left: 10px;
    font-size: 13px;

}

.ct-inp input,
.ct-inp textarea {

    display: block;
    width: 100%;
    padding: 14px;
    border: none;
    border-bottom: 0.1px solid #424242;
    color: #ffffff;
    font-family: var(--text-font);
    margin-bottom: 12px;
    font-size: 14px;
    overflow: hidden;
    background-color: transparent;
}

.menuHum {
    display: none;
}


.ct-inp textarea {

    resize: none;
    min-height: 120px;
}

.contactFormBlk h2 {
    margin-bottom: 20px;
}

.contactFormBlk {
    border: 1px solid #cacaca;
    padding: 50px;
    border-radius: 10px;
}


.contactFormBlk button {
    width: 100%;
    display: block;
    padding: 14px;
    border: none;
    color: #fff;
    background: #E51953;
    font-family: var(--text-font);
    border-radius: 6px;
    cursor: pointer;
}

.contactFormBlk-2 {
    border: 1px solid #cacaca;
    padding: 30px;
    border-radius: 10px;
    margin-left: auto;
    width: 100%;
    position: relative;
    z-index: 2;
    max-width: 400px;
    /* text-align: center; */
    background-color: #ffffff;
}

.contactFormBlk-2 h2 {

    font-size: 18px;
}

.contactFormBlk-2 button {
    width: 100%;
    display: block;
    padding: 14px;
    border: none;
    color: #fff;
    background: #E51953;
    font-family: var(--text-font);
    border-radius: 5px;
    cursor: pointer;
    margin-top: 25px;
}

.ct-map {
    width: 100%;
    height: 400px;
    margin: auto;
    border-radius: 10px;
    margin-bottom: 100px;
}

select {
    display: block;
    min-width: 100%;
    padding: 7px;
    /* border: none; */
    border: 0.1px solid #cacaca;
    color: #6d6d6d;
    font-family: var(--text-font);
    margin-bottom: 12px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 5px;
    background-color: transparent;
}

.custom-select {
    text-align: start;

}

.custom-select label {
    margin-left: 10px;
    font-size: 13px;


}

.crse-ico img {
    max-width: 128px !important;
}

.contactFormBlk-2 input,
select:focus {
    outline: none;
}

.contactFormBlk-2 input,
.contactFormBlk-2 textarea {
    display: block;
    width: 100%;
    padding: 7px;
    /* border: none; */
    border: 0.1px solid #cacaca;
    color: #000000;
    font-family: var(--text-font);
    margin-bottom: 12px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 5px;
    background-color: transparent;
}

.hero-form {
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

.contactPg {
    padding-bottom: 5em;
}

/* SYLLABUS PAGE */

.syllabuspge {

    background-image: url(../assets/img/syllabus.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sub-head-imgs {
    background-image: url(../assets/sub-head-imgs/sub-hd-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.pageHeader {
    position: relative;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.pageHeader::after {

    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(226, 8, 77, 0.90) 4.91%, rgba(41, 47, 92, 0.90) 99.93%);
}

.pageHeader2 {
    position: relative;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.pageHeader2::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(226, 8, 77, 0.342) 4.91%, rgba(41, 47, 92, 0.404) 99.93%);
}

.frResCard {

    background-color: #D1A5E6;
    padding: 40px;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 24px;
}

.frResCard span {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.frSechd {
    margin-bottom: 24px;
    background-color: #FCF7FF;
    padding: 12px;
    color: #272727;
    border-radius: 4px;
}

.frResMain {
    margin-bottom: 40px;
}

.syllabusIn {
    padding-bottom: 2.8em;
}

.affairpge {
    background-image: url(../assets/img/currentaffairs.jpg);
}

/* CURRENT AFFAIR */
.cafCard {

    background-color: #FAF9FA;
    padding: 14px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.cardBlk {

    border: 1px solid #897b7b54;
    border-radius: 5px;
    padding: 14px;
}

.cardBlk h3 {
    margin-bottom: 14px;
    text-align: center;
    margin-top: 8px;
}

.cardBlk li {

    background-color: #F0F0F0;
    padding: 14px;
    margin-bottom: 8px;
    border-radius: 6px;
}

.affsec {
    padding-bottom: 5em;
}

.practiceMain ul li {

    background-color: transparent;
    margin-bottom: 4px;
    padding: 8px;
}


.yrBlk {

    padding: 20px;
    background-color: #FCF7FF;
    border-radius: 8px;
}

.yrBlk li {
    margin-bottom: 24px;
    list-style: none;
}

.yrBlk li a {

    color: #bdbdbd;
}

.yrBlk .active {

    color: #393232;
}

/* BLOG PAGE*/

.blgpge {

    background-image: url(../assets/img/blog.jpg);
}

.blogImg {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.blogBlk {
    margin-bottom: 24px;
}

.hro-sldr-img1::after {

    content: "";
    display: block;
    padding-top: 50%;

}

.hro-sldr-img1 {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.hro-sldr-img1 .sld-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 20px 20px;
    width: 100%;
    display: flex;
    align-items: end;
    height: 50%;
    background: linear-gradient(rgba(0, 0, 0, 0) 4.91%, #000000);
}

.hro-sldr-img1 .sld-cont h3 {
    font-size: 30px;
    color: #fff;
}

.hro-sldr-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    border-radius: 8px;
}

.blogImg::after {

    content: "";
    display: block;
    padding-top: 70%;
    border-radius: 8px;

}

.blogImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.blogCont .blgDate {
    display: block;
    margin: 10px 0;
    font-weight: 700;
    color: #313030;
    font-family: var(--text-font);
    font-size: 14px;
}

.blogCont h3 {
    margin-bottom: 6px;
}

.blogCont p {
    font-size: 15px;
}

.blogCont a {

    display: block;
    width: fit-content;
    margin-top: 14px;
    color: var(--primary-color);
}

.recentPostList {

    border-radius: 10px;
    background: rgba(244, 244, 248, 0.78);
    padding: 22px;
}

.rcntPostBlk>div {

    display: flex;
    align-items: center;
    gap: 6px;
}

.rcntCont {

    width: calc(100% - 100px)
}

.rcntImg {
    width: 100px;
    height: 80px;
    line-height: 0;
    overflow: hidden;
    border-radius: 12px;
}

.rcntImg img {
    height: 100%;
    object-fit: cover;
}

.rcntCont h3 {
    font-size: 16px;
}

.rcntDate {

    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
}

.recentPostList h2 {
    margin-bottom: 20px;
    font-size: 18px;
}

.rcntPostBlk {
    margin-bottom: 24px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 18px;
}

.rcntPostBlk:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.blogSec {

    padding-bottom: 4.2em;
}

.blogMainImg {
    position: relative;
    margin-bottom: 14px;
    border-radius: 8px;
    overflow: hidden;
}

.blogMainImg::after {
    content: "";
    display: block;
    padding-top: 60%;
}

.blogMainImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.blogMainCont h2 {
    margin-bottom: 12px;
}

.blogMainCont p {
    margin-bottom: 0.5em;
}

.blogMainCont p:last-child {
    margin-bottom: 0;
}

.blogMainCont .blgDate {
    display: block;
    font-size: 14px;
    color: #564F4F;
    font-weight: 500;
    margin-bottom: 6px;
}

/* ANNOUNCEMENT PAGE */

.announcege {

    background-image: url(../assets/img/announcement.jpg);
}


.announceBlk>div {

    display: flex;
    align-items: center;
    gap: 12px;
}

.announceBlk .announceCont {

    width: calc(100% - 140px);
}

.announceBlk .annouceImg {

    width: 140px;
    overflow: hidden;


}

.announceImg {
    width: 200px;
    height: 150px;
}

.announceImg img {

    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.announceCont h3 {
    margin-bottom: 2px;
}

.announceCont .date span {
    display: block;
    width: fit-content;
    padding: 8px;
    font-size: 14px;
    border-radius: 6px;
    background-color: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.announceBlk {
    margin-bottom: 24px;
    border: 1px solid #cccccc;
    padding: 14px;
    border-radius: 12px;
}

.announceSec,
.qzSection {
    padding-bottom: 3em;
}

.ytb-vd-Sec {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
    margin-bottom: 85px;
}

.ytb-vd-Sec iframe {
    max-width: 700px;
    width: 100%;
    height: 400px;
}

/* QUIZ */

.qzBlk {

    padding: 40px;
    text-align: center;
    margin-bottom: 24px;
    border-radius: 12px;
}

.qzBlk span {

    display: flex;
    align-items: center;
    justify-content: center;
}

.qzBlk h2 {
    margin-bottom: 12px;
}

.qzBlk span p {

    position: relative;
    top: 2px;
    padding-left: 5px;
}


/* QUIZ */

.overlay {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.747);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.overlay.show {

    opacity: 1;
    visibility: visible;
}

.quizContainer {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 860px;
    padding: 50px;
    background-color: #fff;
    z-index: 22;
    border-radius: 12px;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.quizContainer.show {

    opacity: 1;
    visibility: visible;
}


.question {
    margin-bottom: 24px;
}

.question h2 {

    font-weight: 500;
    font-size: 20px;
}

#options {

    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;

    transition: all 0.4s;
}

.optionDiv button {
    width: 100%;
    display: block;
    padding: 16px;
    background-color: transparent;
    border: 1px solid #aaaaaa;
    border-radius: 6px;
    margin-bottom: 14px;
    cursor: pointer;
    font-family: var(--text-font);
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s;
}

.correct {
    background-color: #5cb85c !important;
    color: #fff;
    transition: all 0.4s;
}

.incorrect {
    background-color: #d9534f !important;
    color: #fff;
    transition: all 0.4s;
}

.quizContainer .close {

    background-color: #f4f4f4;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 30px;
    margin-left: auto;
    cursor: pointer;
}

.quizContainer .nxtbtn {

    display: block;
    width: fit-content;
    margin-top: 30px;
    margin-left: auto;
    font-size: 22px;
    cursor: pointer;
}

.quizContainer {

    background-image: url(../assets/img/quizlogo.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.resultContainer {

    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 650px;
    padding: 80px 50px;
    background-color: #FFE1EA;
    z-index: 22;
    border-radius: 12px;
    transition: all 0.4s;
    display: none;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    text-align: center;
}

.resultContainer h2 {
    margin-bottom: 14px;
    font-size: 40px;
}

.score {

    background-color: #ff96c7;
    display: block;
    width: fit-content;
    padding: 14px;
    border-radius: 8px;
    margin: auto;
    font-weight: 500;
}

.score span {
    display: block;
    font-weight: 500;
}

.resultContainer p {

    font-weight: 600;
    margin-bottom: 14px;
}

.score p {
    margin-bottom: 0;
    font-weight: 800;
}

.fullmark,
.average,
.poor {
    display: none;
}

.resultContainer .close {

    display: block;
    width: 40px;
    height: 40px;
    margin-left: auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 40px;
}

/* ===============sub faq============================== */
.faq-2 {
    max-width: 900px;
    margin-top: 1rem;
    padding-bottom: 0;

    cursor: pointer;
}

.qustn-2 .header-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #dddddd;
    padding: 12px 0;
    border-radius: 10px;
    transition: 0.3s ease;
}

.faq-2.open .header-1 {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: #FFFFFF;
}

/* .faq-2.fropn.open .ansr-2.frgs2{
    height: 100%;
} */

.faq-2 .header-1:hover {
    border: 2px solid var(--primary-color);
}

.faq-2.open h3 {
    color: #FFFFFF;

}

.faq-2.open i {
    color: #FFFFFF;

}

.header-1 i {
    margin-right: 20px;
}

.qustn-2 h3 {
    font-size: 1.1rem;
    margin-left: 20px;
    font-weight: 600;
    max-width: 800px;

}

.faq-sec-2 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.faq-2.open i {
    transform: rotate(180deg);
}

.faq-2 .ansr-2 {
    max-width: 1000px;
    height: 0;
    transition: all 0.4s linear;
    overflow: hidden;
    margin-left: 25px;
}

.astla-faq-inr li {
    margin: 10px 0;
}

.ansr-2 {
    margin-top: 10px;
    cursor: auto;
}

.ansr-img {
    max-width: 900px;
    width: 100%;
    height: 100%;
    margin-top: 20px;
}

.ansr-2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ===========afq modal============ */

.modal-content {
    margin: auto;
    width: 100%;
    max-width: 800px;
    height: max-content;
    padding-left: 15px;
}

.txt-dc .dec-li .dec-num {
    list-style-type: lower-alpha;
    margin-left: 20px;
}

.txt-dc .dec-li .dec-num::marker {
    font-weight: 900;
}

.txt-dc .dec-li .dec-num strong {
    font-weight: medium;
    margin-left: 10px;
}

/* ---------------quiz page------------------ */

.ansr-op {
    display: block;
    margin-top: 20px;
    margin-left: 11px;
}

.optns {
    margin-bottom: 20px;
}

.optns label {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.optns label input {
    margin-right: 10px;
    margin-bottom: -1px;
}

.astla-faq-inr.fr-qz li {
    list-style: decimal !important;
    margin-left: 20px;
    margin-bottom: 20px;

}

.qustn-2 .ltfnt .header-1 h3 {
    font-weight: 100 !important;
}

.smt-btn {
    padding: 12px 22px;
    margin-top: -20px;
    margin-bottom: 30px;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: white;
    border-radius: 7px;
    cursor: pointer;
    font-size: 15PX;

}

.smt-btn.fr-inr {
    margin-top: 30px !important;
    padding: 10px 20px;
    border: 2px solid var(--primary-color);
}

.smt-btn.fr-inr:hover {
    background-color: transparent;
    color: var(--primary-color);
}

.astla-faq-inr.fr-qz .dt-stl li {
    list-style: lower-alpha !important;
}

.qstn-bx {
    border: 1px solid rgb(175, 175, 175);
    /* padding: 20px; */
    border-radius: 2px;
    margin-bottom: 30px !important;
    max-height: 490px;
    width: 100%;
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.qstn-bx-fl {
    padding-bottom: 20px;
    height: 100%;
}

.prqstn-sec {
    margin-top: 50px;
    margin-bottom: 50px;
    /* padding: 0 90px; */
    justify-content: left !important;
}

.prlms-heding {
    margin: 100px 0 50px 0;
}

.mp-bx-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.3s;
    border-bottom: 0.2px solid rgb(209, 209, 209);

}

.mp-bx-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: 50% 50%;
    left: 0;
    top: 0;
}

.mp-bx-img::after {
    content: "";
    display: block;
    padding-top: 50%;
}

.mp-bx-txt {
    padding: 20px;

}

.mp-bx-txt p {
    margin-top: 10px;
}

.mp-bx-txt h6 {
    margin-top: 13px;
    font-size: 13px;
    position: absolute;
    bottom: 13px;
    left: 20px;
}

.mca-sub-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.3s;
    max-width: 1000px;
    margin: 50px auto;
}

.mca-sub-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
    object-position: 50% 50%;
    left: 0;
    top: 0;
}

.mca-sub-img::after {
    content: "";
    display: block;
    padding-top: 60%;

}

.sub-hdng h3 {
    margin: 20px 0 10px 0;
}

.sub-hdng {
    max-width: 1000px;
    margin: 0 auto 50px auto;
}

.alpg-sub {
    padding: 100px 0;
    display: flex;
    justify-content: space-between;
}

.alpg-sub h3 {
    margin-bottom: 20px;
    margin-top: 10px;
}

.alpg-sub ul li {
    padding: 10px 0;
}

.alpg-sub-txt {
    max-width: 800px;
}

.alpg-sub-txt ul {
    margin-left: 18px;
}

.alpg-sub h4 {
    margin: 20px 0 5px 0;
}

.gs-li {
    margin-top: 50px;
}

.gs-li .frbg li {
    margin: 15px 0;
    list-style: circle;
    font-size: 18px;
}

.gs-li ul {
    padding: 20px 0 30px 0;
    margin-left: 24px;
}

.gs-li h3 {
    margin-top: 20px;
}

.gs-li p {
    margin-top: 20px;
    max-width: 1000px;
}

.qustn-2.ltfnt.frgs {
    max-width: 900px;
    margin-top: 1rem;
    padding-bottom: 0;
    cursor: pointer;
}

.qustn-2.ltfnt.frgs .header-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #dddddd;
    padding: 12px 0;
    border-radius: 10px;
    transition: 0.3s ease;
}

.ansrs.frgss ul li {
    list-style: circle !important;

}

.ansrs.frgss ul span {
    font-size: 15px;
    font-weight: 800;
    margin-left: 20px;
    color: #e7007f;
}

.ansrs.frgss ul .spn2 {
    margin-left: 0px !important;
}

.ansrs.frgss {
    margin-left: 10px !important;
}

.astla-faq-inr.fr-qz.frbld .frtick li {
    list-style: disc !important;
    font-weight: 100 !important;
    font-size: 15px !important;

}

.ansrs.frgss .frtick {
    margin-left: 25px;

}

.ansrs.frgss .frtick ul {
    margin-left: 25px;
}

.ansrs.frgss .frtick .frtick2 li {
    list-style: circle !important;
}

.ansrs.frgss .frtick .frtick3 li {
    list-style: disc !important;
}

.astla-faq-inr.fr-qz.frbld li {
    font-weight: 600 !important;
}

.fr-inr-dp .header-1 {
    border: none !important;
    background-color: transparent !important;
}

.fr-inr-dp .header-1 ul li {
    color: #000000;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.fr-inr-dp .header-1 ul i {
    color: #000000;
    rotate: 180deg;
    margin-left: 10px;
}

.fr-inr-dp.open .header-1 ul i {
    rotate: 0deg;
}

.fr-inr-dp.open .header-1 {
    background-color: transparent !important;
}

.faq-2 .fr-inr-dp.fr-inr-dpin {
    margin-top: 0px !important;
}

.faq-2 .fr-inr-dp.fr-inr-dpin .frgs {
    margin-top: 0px !important;
}

.faq-sec-2 h2 {
    margin-top: 30px;
}

.time-mark {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 50px 0;
}

.question-section {
    margin-bottom: 80px;
}

.question-section ul li {
    list-style: decimal;
    font-size: 17px;
    margin-top: 20px;

}

.no-stl {
    list-style: none !important;
    display: flex;
    align-items: center;
    gap: 100px;
}

.question-section ul .fr-des {
    margin-left: 40px;
}

.fr-alpha {
    margin-left: 40px;
}

.fr-alpha li {
    list-style: lower-alpha !important;

}

.question-section table ul {
    margin-left: 40px;
}

.question-section table ul li {
    text-align: left !important;
}

.col-md-6.fr-wdth {
    display: flex;
    justify-content: center;
    width: 100%;
}

.mntr-bx {

    /* display: flex;
    align-items: center; */
    /* border:  1px solid #c7c7c7; */
    border-radius: 10px;
    padding: 30px 20px;
    /* background-color:  #f8f8f8; */

}

.fclty {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    gap: 70px;
    margin-top: 50px;
    margin-bottom: 100px;

}

.mntr-img {
    height: 240px;
    width: 240px;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;

}

.mntr-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.tmCont.in-ind {
    text-align: center;
    padding: 30px;
    padding-top: 149px;
    background-image: linear-gradient(to bottom, #f4fcff 0%, rgb(203, 231, 233) 100%);
    position: relative;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.116), 0 6px 20px 0 rgba(104, 104, 104, 0.089);
    margin-top: -127px;
    border-radius: 20px;
}

.tmCont.in-ind2 {
    background-image: linear-gradient(to bottom, #faf2ff 0%, #e9def0 100%);
}

.tmCont p {
    max-width: 450px;
    margin: 2px auto;
    font-size: 14px;
    line-height: 20px;
}

.abt-gal-sld .gal-item {
    height: 250px;
    width: 100%;
    padding: 0 10px;

}

.abt-gal-sld .gal-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;

}

.abt-gal-sec h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 30px;
}

.tm-blk {

    border: 1px solid #847e7eaf;
    padding: 14px;
    border-radius: 10px;
    margin: 0 10px;
}

.row.frfac {
    margin-top: 50px;
    margin-bottom: 100px;
}

.mntrTeam {
    margin-top: 50px;
}

.form-control option {
    max-height: 500px !important;
}

.pdfs {
    margin-top: 30px;
}

.pdf-btn h3 {
    padding: 10px 20px;
    background-color: #E51953;
    width: fit-content;
    border-radius: 8px;
    color: #fff;
    margin: 0;
}

.pdf-btn2 h4 {
    padding: 10px 20px;
    background-color: #fafafa;
    width: fit-content;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    color: #646464;
    margin: 0;
    font-weight: 100;
    transition: all 0.3s ease;
}

.pdf-btn2 h4:hover {
    background-color: #292F5C;
    color: #fff;
}

.nms {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 20px;
}

.fr-sd {
    display: flex;
    gap: 50px;
}

.inopts.alpg-sub {
    display: flex !important;
}

.pdf-btn h3 {
    font-size: 15px;
}

.main-prcts .crse-blk {
    min-height: 150px;
    margin-bottom: 0px;
}

.main-prcts .fr-anm {
    padding: 15px;
}

.main-prcts {
    margin-bottom: 50px;
}


/* modal  */

.dt-mdl-opn{
    /* text-align: center; */
    font-weight: 600;
    cursor: pointer;

}

.mdl-fl {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.616);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    z-index: 5;
}

.data-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 400px;
    border-radius: 0.5rem;
}
.form-data-cont{
    margin-top: 20px;
}
.form-data-cont input{
    width: 100%;
    height: 32px;
    padding-left: 10px;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 12px;
}
.form-data-cont input::placeholder{
    color: #a7a7a7;
}
.form-data-cont-flx{
    display: flex;
    gap: 10px;
    align-items: center;
}
.form-data-cont input:focus{
    outline: none;
}
.data-modal-input-num {
    width: 70%;
}
.data-modal-input-age{
    width: 30%;
}


.dt-mdl-cls {
    cursor: pointer;
    padding: 3px 20px;
    border: 1px solid #929292 !important;
    color: #000000;
    border-radius: 3px;
    border: none;
    width: fit-content;
    font-size: 13px;
}
.submit-button{
    cursor: pointer;
    padding: 7px 20px;
    background-color: #E51953;
    color: #fff;
    border-radius: 3px;
    border: none;
    width: fit-content;
    font-size: 13px;
}
.data-mdl-btns{
    display: flex;
    justify-content: end;
    gap: 10px;
    margin-top: 10px;
}


.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
        z-index: 222;
}

.mdl-no-scroll {
    overflow: hidden;
}

/* modal close  */