@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap');

.video-holder {
    overflow: hidden
}

.video-holder video {
    position: relative; /* could be absolute if needed */
    left: 1px;
    clip-path: inset(2px 2px);
}

.nonProdWarning{
    width: 100%;
    background-color: goldenrod;
    color: #000000;
    text-align: center;
    padding: 5px;
}

#message-bar {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    display: none;
    margin: auto;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

mark {
    /*background-color: #59db048f;*/
    font-weight: bold;
    color: #68df1b;
    background-color: transparent;
    padding: 0px;
}

.bold-green {
    font-weight: bold;
    color: #68df1b;
}

mark.blue {
    color: #23bdee;
}

hr.blue {
    color: #23bdee;
}

/*==BASIC-SETUP==*/
body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    background: #fff;
}

a,
a:hover {
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
    margin-bottom: 0;
}

/* scroll-bar */
.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 100px 100px 0 0;
    background: #333333;
    text-align: center;
    padding-top: 8px;
    font-size: 20px;
    color: #ffffff;
    position: fixed;
    right: 8px;
    bottom: 90px;
    display: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

    .scrolltotop:hover {
        color: #fff;
        background: rgba(51, 51, 51, 0.7);
    }

/*==THIS IS START==*/

.header-area {
    padding: 15px 0 15px 0;
    background: url('/assets/img/landing/hero-bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 32px 0 33px 0;
}

.main-nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .main-nav ul li {
        padding-right: 29px;
    }

        .main-nav ul li:last-child {
            padding-right: 0;
        }

        .main-nav ul li a {
            font-weight: 400;
            font-size: 16px;
            letter-spacing: 0.02em;
            color: #FFFFFF;
            transition: 0.2s all ease;
        }

            .main-nav ul li a:hover {
                color: #68DF1B;
            }

.header-btn {
    text-align: right;
}

    .header-btn a {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: 0.02em;
        color: #6C6C6C;
        display: inline;
        padding: 8px 30px;
        background: #FFFFFF;
        box-shadow: 0px 10.4167px 12.5px rgba(0, 0, 0, 0.03);
        border-radius: 41.6667px;
        transition: 0.2s all ease;
    }

        .header-btn a:hover {
            opacity: 0.8;
        }

        .header-btn a:nth-child(2) {
            color: #ffffff;
            background: #68DF1B;
        }

        .header-btn a:nth-child(1) {
            padding: 8px 40px;
            margin-right: 15px;
        }

.hero-area {
    padding: 25px 0 0 0;
}

.hero-left {
    max-width: 470px;
}

    .hero-left h2, .hero-left h1 {
        font-weight: 700;
        font-size: 40px;
        color: #ffffff;
        position: relative;
        line-height: 50px;
        z-index: 3;
    }

/*        .hero-left h2::after, .hero-left h1::after {
            content: "";
            display: block;
            position: absolute;
            width: 258px;
            height: 82px;
            background: url('/assets/img/landing/Oval3.png')no-repeat;
            top: -23px;
            left: -43px;
            z-index: -1;
        }

.hero-mobil h2::after, .hero-mobil h1::after {
    content: "";
    display: block;
    position: absolute;
    width: 194px;
    height: 58px;
    background: url('/assets/img/landing/Oval.png')no-repeat;
    top: -4px;
    left: 49px;
    z-index: -1;
}*/

.hero-left h2 span, .hero-left h1 span {
    color: #68DF1B;
}

.hero-left p {
    font-family: 'Nunito Sans';
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    margin-top: 20px;
}

.join-box {
    margin-top: 26px;
}

.hero-right {
    margin-bottom: 40px;
}

/*@media screen and (min-width: 1401px) and (max-width: 3000px) {
    .hero-right {
        margin-bottom: 40px;
    }
}*/

.join-btn a {
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    display: inline;
    background: #68DF1B;
    border-radius: 41.6667px;
    padding: 11px 20px;
    margin-right: 20px;
    transition: 0.2s all ease;
}

    .join-btn a:hover {
        opacity: 0.8;
    }

.play-btn {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}

.play-title h6 {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    padding-left: 16px;
}


/* MOBIL-MENU-START*/
.sidebar-menu {
    backdrop-filter: blur(15px);
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -250px;
    overflow-y: auto;
    transition: 0.6s ease;
    transition-property: left;
    background: #191919;
    z-index: 20;
}

    .sidebar-menu::-webkit-scrollbar {
        width: 0px;
    }

    .sidebar-menu.active {
        left: 0;
    }

    .sidebar-menu .menu-wrap {
        width: 100%;
        margin-top: 10px;
    }

        .sidebar-menu .menu-wrap .menu-item {
            position: relative;
            cursor: pointer;
        }

            .sidebar-menu .menu-wrap .menu-item a {
                display: block;
                padding: 8px 9px;
                font-weight: 400;
                font-size: 16px;
                letter-spacing: 0.02em;
                color: #FFFFFF;
                transition: 0.2s all ease;
            }

                .sidebar-menu .menu-wrap .menu-item a:hover {
                    color: #66DB1A;
                }

    .sidebar-menu .menu-header {
        position: relative;
        background: #68DF1B;
        padding: 20px 8px;
    }

.close-icon {
    width: 25px;
    height: 25px;
    display: block;
    position: relative;
    cursor: pointer;
}

    .close-icon::before,
    .close-icon::after {
        content: '';
        background: #fff;
        position: absolute;
        height: 100%;
        width: 4px;
        border-radius: 3px;
    }

    .close-icon::before {
        transform: rotate(45deg);
    }

    .close-icon::after {
        transform: rotate(-45deg);
    }

.menu-btn {
    width: 40px;
    cursor: pointer;
    margin-left: auto;
}

    .menu-btn span {
        display: block;
        width: 100%;
        height: 4px;
        background: #fff;
        border-radius: 10px;
        margin: 5px 0 0 0;
    }

.mobil-brand img {
    max-width: 122px;
}

/* MOBIL-MENU-END*/

/*management-start */
.management-area {
    padding: 100px 0 100px 0;
}

.management-img {
/*    width: 60px;
    height: 60px;
    border-radius: 50%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*background: #23BDEE;*/
    /*position: relative;*/
    /*float:left;*/
    margin-bottom: -60px;
}

/*.management-img-1 {
    left: 41px;
    top: -335px;
}

.management-img-2 {
    left: 58px;
    top: -340px;
}

.management-img-3 {
    left: 20px;
    top: -340px;
}*/

/*.management-img2 {
    background: #68DF1B;
}*/

.management-title {
    max-width: 800px;
    margin: auto;
}

    .management-title h2 {
        font-weight: 700;
        font-size: 30px;
        color: #1A1A1A;
    }

        .management-title h2 span {
            color: #043B6F;
        }

    .management-title p {
        font-weight: 400;
        font-size: 16px;
        color: #696984;
        margin-top: 10px;
    }

.management-cnt h4 {
    font-size: 20px;
}

.management-main {
    margin-top: 60px;
}

.management-item {
    background: #FFFFFF;
    box-shadow: 0px 5.20833px 31.25px rgba(38, 45, 118, 0.08);
    border-radius: 10.4167px;
    /*position: relative;*/
    padding: 25px 57px;
    /*margin-top: 350px;*/
}

.management-cnt {
    text-align: center;
}

    .management-cnt h4 {
        font-weight: 500;
        font-size: 20px;
        margin-top: 35px;
        color: #1A1A1A;
    }

    .management-cnt ul {
        font-weight: 400;
        font-size: 16px;
        color: #696984;
        margin-top: 13px;
    }

/*management-end */

/* tuition-portal-start */
.portal-area {
    padding: 4px 0 100px 0;
}

.portal-title {
    max-width: 1059px;
    margin: auto;
}

    .portal-title h2 {
        font-weight: 700;
        font-size: 25px;
        color: #1A1A1A;
    }

        .portal-title h2 span {
            color: #043B6F;
        }

    .portal-title p {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.02em;
        color: #696984;
        margin-top: 10px;
    }

.portal-video {
    /*max-width: 100%;*/
    max-width: 636px;
    height:100%;
    margin: auto;
    position: relative;
    margin-top: 30px;
    position: relative;
    z-index:1;
}

    .portal-video::before {
        content: "";
        display: block;
        position: absolute;
        width: 104.17px;
        height: 104.17px;
        background: #23BDEE;
        left: -18px;
        top: -18px;
        border-radius: 15px;
        z-index: -1;
    }

    .portal-video::after {
        content: "";
        display: block;
        position: absolute;
        width: 173.96px;
        height: 174.48px;
        background: #68DF1B;
        right: -18px;
        bottom: -18px;
        border-radius: 15px;
        z-index: -1;
    }

/* tuition-portal-start */

/* features-start */
.features-area {
    padding: 4px 0 100px 0;
}

.features-main {
    /*margin-top: 60px;*/
}

.features-title h2 {
    font-weight: 700;
    font-size: 25px;
    color: #1A1A1A;
}

    .features-title h2 span {
        color: #2F327D;
    }

.features-title p {
    font-weight: 400;
    font-size: 18px;
    color: #696984;
}

.features-right h4 {
    font-weight: 700;
    font-size: 25px;
    color: #1A1A1A;
    padding-left: 36px;
}

.features h4{
    font-weight: 700;
    font-size: 25px;
    color: #1A1A1A;
}

.features h4 span {
    color: #2F327D;
}

.mt15{
    margin-top:15px;
}

.mt10{
    margin-top:10px;
}

    .features-right h4:nth-child(2) {
        color: #2F327D;
        margin-top: 10px;
    }

.features-right-list {
    margin-top: 15px;
}

    .features-right-list ul li {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.02em;
        color: #696984;
    }

        /*.features-right-list ul li:first-child {
            padding-top: 0;
        }

        .features-right-list ul li span {
            padding-right: 15px;
        }

            .features-right-list ul li span img {
                max-width: 23px;
            }

    .features-right-list p {
        font-weight: 400;
        font-size: 18px;
        color: #696984;
        padding-left: 36px;
        margin-top: 25px;
    }*/

/* features-end */

/* school-start */
.school-area {
    padding: 4px 0 106px 0;
}

.school-left h4 {
    font-weight: 700;
    font-size: 25px;
    color: #1A1A1A;
    padding-left: 20px;
}

    .school-left h4:nth-child(2) {
        color: #2F327D;
        margin-top: 10px;
    }

.school-left {
    margin-top: 15px;
}

/*.light-blue-bg {
    background-color: #23bdee;
    padding-top: 100px;
    padding-bottom: 100px;
}*/

.about-us-area p {
    color: rgb(105, 105, 132);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.02em;
    margin-top: 20px;
    text-align: left;
    text-justify: auto;
    font-size: 18px;
}

/* school-end */

/* pricing-start */
.pricing-area {
    padding: 1px 0 100px 0;
}

.pricing-title {
    max-width: 542px;
    margin: auto;
}

    .pricing-title h2 {
        font-weight: 700;
        font-size: 25px;
        color: #1A1A1A;
    }

        .pricing-title h2 span {
            color: #2F327D;
        }

    .pricing-title p {
        font-weight: 400;
        font-size: 18px;
        color: #696984;
        margin-top: 0px;
    }

.pricing-main {
    background: #043B6F;
    border-radius: 10.4167px;
    padding: 38px 40px;
    /*margin-top: 60px;*/
    max-width: 1296px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-inner1-right {
    text-align: right;
}

    .pricing-inner1-right img {
        border-radius: 5px;
    }

.pricing-inner1-left-cnt1 h4 {
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
}

.pricing-inner1-left-cnt1 p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 10px;
}

.pricing-inner1-left-cnt2 {
    margin-top: 43px;
}

    .pricing-inner1-left-cnt2 h4 {
        font-weight: 700;
        font-size: 22px;
        color: #FFFFFF;
    }

.pricing-inner1-left-cnt2 {
    position: relative;
}

.calculate-box {
    max-width: 111px;
    background: #F1F1F1;
    border-radius: 5px;
    position: absolute;
    left: 257px;
    top: 38px;
    width: 100%;
}

    .calculate-box input[type=text] {
        width: 100%;
        outline: none;
        background: none;
        border: none;
        padding: 4px 5px;
        font-size: 14px;
    }

.calculate-btn input[type=button] {
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    background: #68DF1B;
    border-radius: 41.6667px;
    display: inline-block;
    /*padding: 12px 124px;*/
    padding: 12px 12px;
    margin-top: 14px;
    transition: 0.2s all ease;
    border: none;
    width: 100%;
    max-width: 338px;
}

    .calculate-btn input[type=button]:hover {
        opacity: 0.8;
    }

@media screen and (min-width: 493px) and (max-width: 767px) {
    .calculate-box {
        left: 232px !important;
        top: 38px !important;
    }
}

.pricing-inner1-left-cnt2 p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
}

.pricing-item-inner2 {
    margin-top: 40px;
}

.pricing-inner2-right {
    text-align: right;
}

.pricing-inner2-left h4 {
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
}

.pricing-inner2-left p {
    font-weight: 400;
    font-size: 18px;
    color: #878a99;
    margin-top: 10px;
}

.pricing-inner2-left h4 span {
    color: #68DF1B;
    text-transform: uppercase;
}

.inner-price {
    margin-top: 20px;
}

.pricing-item-inner3 {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 700px;
    text-align: center;
}

.pricing-inner3-right h4 {
    font-weight: 700;
    font-size: 25px;
    color: #FFFFFF;
    line-height: 35px;
}

    .pricing-inner3-right h4 span {
        color: #68DF1B;
    }

.pricing-inner3-right h6 {
    font-weight: 400;
    /*font-size: 20px;*/
    color: #23BDEE;
    margin-top: 3px;
    margin-bottom: 60px;
}

.pricing-inner3-right h5 {
    font-weight: 400;
    /*font-size: 20px;*/
    color: #FFFFFF;
    margin-top: 20px;
}

.pricing-inner3-right hr{
    color:#FFFFFF;
}

.pricing-inner3-btn a {
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    display: inline-block;
    padding: 12px 20px;
    background: #68DF1B;
    border-radius: 41.6667px;
    transition: 0.2s all ease;
    margin-top: 20px;
}

    .pricing-inner3-btn a:hover {
        opacity: 0.8;
    }


.pricing-inner3-btn {
    text-align: center;
}

/* pricing-end */

/* testamonial-start */
.main-content1 {
    position: relative;
}

    .main-content1 .owl-dots {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 1%;
    }

    .main-content1 .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 10px 7px;
        background: transparent;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
        border: 2px solid #5B2B81 !important;
        display: none;
    }

    .main-content1 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #5B2B81;
    }

    .main-content1 .owl-dots button {
        border: none !important;
        outline: none !important;
    }

    .main-content1 .owl-nav button {
        border: none !important;
        outline: none !important;
    }

    .main-content1 .owl-theme .custom-nav {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
    }

        .main-content1 .owl-theme .custom-nav .owl-prev, .main-content1 .owl-theme .custom-nav .owl-next {
            position: absolute;
            color: inherit;
            background: none;
            border: none;
            z-index: 100;
        }

            .main-content1 .owl-theme .custom-nav .owl-prev i, .main-content1 .owl-theme .custom-nav .owl-next i {
                font-size: 20px;
                color: #1EA4CE;
                background: #fff;
                width: 41px;
                height: 41px;
                border-radius: 50%;
                line-height: 41px;
                text-align: center;
                box-shadow: 0px 2.08333px 31.25px rgba(41, 44, 124, 0.15);
            }

        .main-content1 .owl-theme .custom-nav .owl-prev {
            left: 0;
            display: none;
        }

        .main-content1 .owl-theme .custom-nav .owl-next {
            right: 17px;
            top: 30px;
        }

/* OWL-CAROUSEL-ONE */
.testamonial-area {
    padding: 4px 0 50px 0;
    background: #fff;
}

.testamonial-left-cnt h4 {
    font-weight: 700;
    font-size: 30px;
    color: #1A1A1A;
}

    .testamonial-left-cnt h4 span {
        color: #043B6F;
    }

.testamonial-left-cnt p {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #696984;
    margin-top: 29px;
}

    .testamonial-left-cnt p:nth-of-type(2) {
        margin-top: 8px;
    }

.testamonial-btn-wrap {
    margin-top: 30px;
}

    .testamonial-btn-wrap a {
        display: inline-block;
    }

.testamonial-btn {
    max-width: 268px;
    border: 0.520833px solid #68DF1B;
    border-radius: 41.6667px;
    padding: 11px 63px 11px 15px;
    position: relative;
}

    .testamonial-btn p {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.02em;
        color: #68DF1B;
        display: inline-block;
    }

    .testamonial-btn span {
        margin-left: 14px;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        line-height: 46px;
        text-align: center;
        border-left: 1px solid #68DF1B;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

.testamonial-right {
    max-width: 400px;
    margin: auto;
}

.testamonial-item {
    margin-right: 54px;
    position: relative;
    margin-bottom: 136px;
}

.testamonial-cnt {
    background: #FFFFFF;
    box-shadow: 1.04167px 2.08333px 31.25px rgba(41, 44, 124, 0.1);
    border-radius: 10.4167px;
    position: absolute;
    bottom: -128px;
    left: 37px;
    width: 104%;
    padding: 20px 20px 30px 30px;
    border-left: 5px solid #23BDEE;
}

    .testamonial-cnt p {
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.02em;
        color: #5F5F7E;
        position: relative;
    }

        .testamonial-cnt p::after {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            height: 100%;
            background: #BDBDD1;
            top: 0;
            left: -15px;
        }

    .testamonial-cnt span {
        font-family: 'Nunito Sans';
        font-weight: 600;
        font-size: 18px;
        color: #5F5F7E;
    }

.testamonial-inner {
    margin-top: 20px;
}

.test-inner-img img {
    max-width: 150px;
}

/* testamonial-end */

/* reach-out-start */
.reach-out-area, .about-us-area {
    padding: 4px 0 100px 0;
}

.reach-out-main {
    margin-top: 60px;
}

.reach-out-title h2 {
    font-weight: 700;
    font-size: 30px;
    color: #1A1A1A;
}

    .reach-out-title h2 span {
        color: #043B6F;
    }

.reach-out-title p {
    font-weight: 400;
    font-size: 18px;
    color: #696984;
    margin-top: 0px;
}

.contact-title {
    max-width: 356px;
    margin: auto;
}

    .contact-title h4 {
        font-weight: 700;
        font-size: 28px;
        color: #FFFFFF;
    }

    .contact-title p {
        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
        margin-top: 8px;
    }

.contac-form {
    max-width: 630px;
    margin: auto;
    background: #1A1A1A;
    border-radius: 10.4167px;
    padding: 50px;
}

.input-item {
    margin-top: 35px;
}

.contac-form h5 {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    margin: 20px 0 8px 0;
}

    .contac-form h5 span, .contac-form label.error {
        color: #F13C3C;
    }

.contac-form input.error, .contac-form textarea.error {
    border: 3px solid #F13C3C;
}

.contac-form input {
    width: 100%;
    outline: none;
    border: none;
    background: #FFFFFF;
    border-radius: 2.60417px;
    padding: 10px 13px;
}

    .contac-form input::placeholder {
        font-weight: 400;
        font-size: 15px;
        color: rgba(80, 80, 80, 0.5)
    }

.contac-form select {
    width: 100%;
    appearance: none;
    border: none;
    font-size: 15px;
    background: #FFFFFF;
    border-radius: 2.60417px;
    padding: 11px 13px;
    color: rgba(80, 80, 80, 0.5)
}

    .contac-form select option {
        color: #1A1A1A;
    }

.contac-form textarea {
    width: 100%;
    outline: none;
    background: #ffffff;
    border: none;
    border-radius: 2.60417px;
    padding: 13px;
    color: #1A1A1A;
}

    .contac-form textarea::placeholder {
        font-weight: 400;
        font-size: 15px;
        color: rgba(80, 80, 80, 0.5);
    }

.submit-btn input[type=button] {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    background: #68DF1B;
    border-radius: 41.6667px;
    margin-top: 37px;
    transition: 0.2s all ease;
}

    .submit-btn input[type=button]:hover {
        opacity: 0.8;
    }

/* reach-out-end */

/* footer-start */
.footer-area {
    background: #043B6F;
    padding: 45px 0 29px 0;
}

.footer-main {
    max-width: 380px;
    margin: auto;
}

.subscribe-item-wrap {
    margin-top: 33px;
}

    .subscribe-item-wrap h5 {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: 0.04em;
        color: #FFFFFF;
    }

.subscrive-item {
    margin-top: 15px;
}

.footer-email input[type=text] {
    width: 100%;
    outline: none;
    border: none;
    background: none;
    border: 0.520833px solid #FFFFFF;
    border-radius: 41.6667px;
    padding: 8px 15px;
    color: #ffffff;
    font-size: 12px;
}

.footer-email input::placeholder {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.subscribe-btn input[type=button] {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    outline: none;
    border: none;
    background: #68DF1B;
    border-radius: 31.25px;
    padding: 9px 22px;
    transition: 0.2s all ease;
    margin-left: 10px;
}

    .subscribe-btn input[type=button]:hover {
        opacity: 0.8;
    }

.copyright-inner {
    margin-top: 57px;
}

    .copyright-inner ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        .copyright-inner ul li {
            margin-right: 10px;
        }

            .copyright-inner ul li:last-child {
                margin-right: 0;
            }

            .copyright-inner ul li a {
                font-weight: 400;
                font-size: 16px;
                letter-spacing: 0.04em;
                color: #FFFFFF;
                transition: 0.2s all ease;
            }

                .copyright-inner ul li a:hover {
                    color: #68DF1B;
                }

.copyright-cnt p {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-top: 14px;
}

/* footer-end */



/* Move reCAPTCHA v3 badge to the left */
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}

    .grecaptcha-badge:hover {
        width: 256px !important;
    }

.what-is{
    padding-top:100px;
}

.iframeVideo{
    width:100%;
    height:auto;
}


.videoContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    background: url('/assets/img/landing/mytuitionportal_quick_demo_small.jpg') no-repeat center;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.logoimg{
    max-width: 374px;
    height: auto;
    margin-top: 6px;
}

iframe#player {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}

.about-us-main{
    margin-top: 60px;
}

a.greenlink {
    color: #68df1b;
    text-decoration:none;
}

    a.greenlink:hover {
        color: #23bdee;
        text-decoration: none;
    }

h6.text-muted{
    margin-top:4px;
}

.accordion-body {
    background-color: #23bdee15;
    border: 1px solid #23bdee55;
}

    .accordion-body mark {
        color: #043b6f;
    }

    .accordion-button:focus, .accordion-button:not(.collapsed) {
        color: #043b6f;
        background-color: #043b6f35;
    }

.accordion-button {
    border: 1px solid #043b6f75;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10.4167px;
    border-top-right-radius: 10.4167px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 10.4167px;
    border-bottom-left-radius: 10.4167px;
}

p.pricing{
    margin-top: 0px;
    font-size: 14px;
    text-align: center;
}

img.pricing{
    max-width: 350px;
}

.join-btn-blue a {
    font-weight: 600;
    font-size: 18px;
    color: #043b6f;
    display: inline;
    background: #23bdee;
    border-radius: 41.6667px;
    padding: 11px 20px;
    transition: 0.2s all ease;
    
}

.join-btn-blue a:hover {
    opacity: 0.8;
}

.join-btn-blue {
    margin-top: 65px;
}

.feature-img{
    max-width: 500px;
}

#contactFrmBtn {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    background: #68DF1B;
    border-radius: 41.6667px;
    margin-top: 37px;
    transition: 0.2s all ease;
    width: 100%;
    border: 0px solid #68DF1B;
    padding: 10px;
}

#contactFrmBtn:hover {
    opacity: 0.8;
}

.pricing-cards .card {
    background: #FFFFFF;
    box-shadow: 0px 5.20833px 31.25px rgba(38, 45, 118, 0.08);
    border-radius: 10.4167px;
    padding: 25px 25px;
}

.pricing-cards .bi {
    margin-right: 10px;
    color: #043b6f;
}

.pricing-cards li {
    padding: 10px 5px;
    text-indent: 25px hanging;
}

.pricing-cards h5 {
    color: #043b6f;
}

.pricing-cards h4 span {
    color: #56b5ec;
    font-size:.7em;
}

.requestMoreInfo {
    display:block;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    background: #043b6f;
    border-radius: 41.6667px;
    transition: 0.2s all ease;
    width: 100%;
    border: 0px solid #043b6f;
    padding: 10px;
}

    .requestMoreInfo:hover {
        background: #043b6f;
        color: #FFFFFF;
        opacity: 0.8;
    }

#moneyBack {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    background: #56b5ec;
    border-radius: 10.4167px;
    transition: 0.2s all ease;
    width: 100%;
    border: 0px solid #043b6f;
    padding: 10px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;
}

.header-area.header-area.no-bg-img {
    background: none !important;
    background-color: #043b6f !important;
}

.mobile-only{
    display:none;
}

.custom-image-bullets {
    list-style-type: none;
    padding-left: 0;
}

    .custom-image-bullets li {
        position: relative;
        padding-left: 1.5em; /* Space for the image */
        margin-bottom: 0.5em;
        font-weight: 400;
        letter-spacing: 0.02em;
        color: #696984;
    }

        .custom-image-bullets li strong {
            color: #043b6f;
        }

        .custom-image-bullets li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.2em; /* Vertical alignment, adjust as needed */
            width: 1em; /* Image width */
            height: 1em; /* Image height */
            background: url('/assets/img/landing/tuition_feature.png') no-repeat center;
            background-size: contain; /* Scale image to fit */
        }

.management-item h4 {
    font-weight: bolder;
    color: #043b6f;
}

.management-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* if you want bullets to align */
    height: 100%;
}



/* Ensure base styles don’t interfere */
.feature-img,
.management-img,
.hero-video {
    position: relative; /* Required for transform */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Apply transition globally */
}

/* Initial hidden state with slide offset */
[data-animation] {
    opacity: 0;
}

/* Specific initial transforms */

[data-animation="slide-in-left"] {
    transform: translateX(-50px); /* Slide from left */
}


[data-animation="slide-in-right"] {
    transform: translateX(50px); /* Slide from right */
}

[data-animation="slide-in-up"] {
    transform: translateY(50px); /* Slide from bottom */
}

/* Visible state resets transform */
[data-animation].visible {
    opacity: 1;
    transform: translateX(0) translateY(0); /* Reset to original position */
}

/* Override any conflicting styles with higher specificity */
/*.col-lg-6 .feature-img[data-animation] {
    transform: translateX(-50px);*/ /* Reapply initial transform */
/*}*/

    /*.col-lg-6 .feature-img[data-animation].visible {
        transform: translateX(0) !important;*/ /* Force reset on visible */
    /*}*/


.video-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    z-index: 1;
}

.responsive-iframe {
    z-index: 2;
}
/* Ensure iframe overlays placeholder */

.videoContainer {
    position: relative;
    display: inline-block;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

.video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
    /* For 4:3 aspect ratio, use padding-bottom: 75%; */
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }