body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: var(--nutri-text);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


a {
    text-decoration: none;
}

ul {
    padding: 0px;
    margin: 0;
}

ul li {
    list-style: none;
}

h1 {
    margin-bottom: 0px;
}

h2,
h3,
h4 {
    margin-bottom: 0px;
}

p {
    margin-bottom: 0px;
}


:root {
    --black: #000;
    --white: #fff;

    --blue: #294FA3;
    --light-blue: #7ABEF0;
    --dark-blue: #153a8a;
}


/* section css */
section {
    padding: 50px 0px;
}



@media screen and (max-width: 767px) {
    p {
        font-size: 12px;
    }
}


/* section css */


/* custom css start --------------------- */






/* -------------------- navbar css start -------------------- */

.nutriglow-navbar {
    background: #fff;
    z-index: 1000;
    padding: 0px;
    border-bottom: 1px solid #d1d0d0;
}


.nutriglow-logo img {
    width: 80px;
}


.navbar-nav {
    gap: 8px;
}

.nav-link {
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    padding: 10px 16px !important;
    position: relative;
    transition: all 0.3s ease;
}

.nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background: var(--dark-blue);
    left: 50%;
    bottom: 3px;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.nav-link:hover,
.nav-link.active {
    color: var(--dark-blue) !important;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 50%;
}



.nav-auth {
    margin-left: 20px;
}

.login-btn,
.register-btn {
    min-width: 90px;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: 1.1px;
    transition: all 0.3s ease;
}


/* Login */

.login-btn {
    color: var(--black);
    border: 1px solid var(--black);
    background: transparent;
}

.login-btn:hover {
    color: #fff;
    background: var(--dark-blue);
    border-color: var(--dark-blue);
}


/* Registration */

.register-btn {
    color: #fff;
    background: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    padding-left: 20px;
    padding-right: 20px;
    transition: .4s ease-in-out;
}

.register-btn:hover {
    color: var(--white);
    background: var(--light-blue);
    border-color: var(--light-blue);
}



.nutriglow-toggler {
    width: 45px;
    height: 42px;
    border: 1px solid var(--light-blue);
    border-radius: 10px;
    padding: 8px;
    background: var(--light-blue);
}

.nutriglow-toggler:focus {
    box-shadow: 0 0 0 3px rgba(108, 119, 102, 0.15);
}


/* mobile offcanvas */

.nutriglow-offcanvas {
    width: 310px !important;
    background: #fff;
    border-right: none;
}

.nutriglow-offcanvas .offcanvas-header {
    padding: 25px 22px;
    border-bottom: 1px solid var(--black);
}


/* Mobile Logo */

.mobile-logo img {
    width: 100px;
}


/* Close button */

.nutriglow-offcanvas .btn-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--light-blue);
    opacity: 1;
    background-size: 11px;
}


/* mobile menu */

.nutriglow-offcanvas .offcanvas-body {
    padding: 25px 20px;
}

.mobile-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav-list li {
    margin-bottom: 7px;
}

.mobile-nav-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 14px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.mobile-nav-list li a span {
    display: flex;
    align-items: center;
    gap: 13px;
}

.mobile-nav-list li a span i {
    font-size: 17px;
    color: var(--dark-blue);
}

.mobile-nav-list li a>i {
    font-size: 13px;
    color: var(--dark-blue);
}

.mobile-nav-list li a:hover {
    color: #fff;
    background: var(--dark-blue);
}

.mobile-nav-list li a:hover span i,
.mobile-nav-list li a:hover>i {
    color: #fff;
}


/* mobile auth */

.mobile-auth {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid var(--light-blue);
}

.mobile-login-btn,
.mobile-register-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    margin-bottom: 12px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}


/* Mobile Login */

.mobile-login-btn {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    background: transparent;
}

.mobile-login-btn:hover {
    color: #fff;
    background: var(--dark-blue);
}


/* Mobile Registration */

.mobile-register-btn {
    color: #fff;
    background: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}

.mobile-register-btn:hover {
    color: var(--black);
    background: var(--light-blue);
    border-color: var(--light-blue);
}



/* responsive css */

@media (max-width: 991.98px) {

    .nutriglow-logo img {
        width: 60px;
    }

    .nutriglow-toggler {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}




@media (max-width: 575.98px) {

    .nutriglow-logo img {
        width: 70px;
    }

    .nutriglow-toggler {
        width: 42px;
        height: 39px;
    }

    .nutriglow-offcanvas {
        width: 285px !important;
    }
}




/* -------------------- navbar css end -------------------- */





/* --------------- banner css start here ---------------- */

.carousel-indicators {
    margin-bottom: 5px;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border: none;
    background: var(--black) !important;
}

.carousel-indicators button {
    border-radius: 50px;
}

@media screen and (max-width: 767px) {
    .carousel-indicators [data-bs-target] {
        width: 5px;
        height: 5px;
    }
}

/* --------------------- end of banner css here --------------------- */



/* ------------------ about us css start here --------------------- */


.meravi-about-section {
    padding: 85px 0;
    background: linear-gradient(135deg, #f5faff 0%, #fff 55%, #edf6ff 100%);
    font-family: Arial, sans-serif;
    overflow: hidden
}

.meravi-section-heading {
    text-align: center;
    margin-bottom: 55px
}

.meravi-section-heading>span {
    display: inline-block;
    color: #294FA3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px
}

.meravi-section-heading h2 {
    font-size: 40px;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 15px
}

.meravi-heading-line {
    width: 75px;
    height: 4px;
    background: linear-gradient(90deg, #294FA3, #7ABEF0);
    border-radius: 5px;
    margin: 0 auto 17px
}

.meravi-section-heading>p {
    font-size: 16px;
    color: #555;
    margin: 0;
    line-height: 1.7
}

.meravi-about-content {
    padding: 10px 12px 10px 0
}

.meravi-welcome {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #294FA3;
    margin-bottom: 10px
}

.meravi-about-content h3 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 22px
}

.meravi-about-content>p {
    line-height: 1.6;
    color: #2b2a2a;
    margin-bottom: 20px;
    text-align: justify;

}

.meravi-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #294FA3, #153a8a);
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 25px;
    border-radius: 6px;
    margin-top: 12px;
    box-shadow: 0 8px 20px rgba(41, 79, 163, .2);
    transition: all .3s ease
}

.meravi-about-btn:hover {
    background: linear-gradient(135deg, #153a8a, #294FA3);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(41, 79, 163, .3)
}




.meravi-about-image>img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 430px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(21, 58, 138, .16)
}



@media(max-width:991px) {
    .meravi-about-section {
        padding: 50px 0
    }

    .meravi-section-heading {
        margin-bottom: 40px
    }

    .meravi-about-content h3 {
        font-size: 26px
    }

    .meravi-about-image>img {
        height: 380px
    }
}

@media(max-width:575px) {
    .meravi-about-section {
        padding: 50px 0
    }
    
    .meravi-section-heading>span{
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .meravi-section-heading h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    

    .meravi-section-heading>p {
        font-size: 14px
    }

    .meravi-about-content {
        padding: 0
    }

    .meravi-about-content h3 {
        font-size: 18px
    }

    .meravi-about-content>p {
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 5px;
    }

    .meravi-about-image {
        padding-left: 14px
    }

    .meravi-about-image>img {
        height: 290px
    }
    
    
    .meravi-about-btn {
    font-size: 14px;
    font-weight: 700;
    padding: 8px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
   
}


}


/* ------------------ end of about us css here --------------------- */



/* ---------------- services section css start here ----------------- */


.meravi-services-section {
    padding: 85px 0;
    background: linear-gradient(135deg, #e3eaf5 0%, #f5f1f1 50%, #e9eff7 100%);
    font-family: Arial, sans-serif
}

.meravi-services-heading {
    text-align: center;
    margin-bottom: 45px
}

.meravi-services-heading>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #294FA3;
    margin-bottom: 12px
}

.meravi-services-heading h2 {
    font-size: 40px;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 15px
}

.meravi-services-line {
    width: 75px;
    height: 4px;
    border-radius: 5px;
    background: linear-gradient(90deg, #294FA3, #7ABEF0);
    margin: 0 auto 18px
}

.meravi-services-heading>p {
    font-size: 16px;
    line-height: 1.8;
    color: #505b6b;
    margin: 0
}

.meravi-service-card {
    height: 100%;
    background: #fff;
    border: 1px solid #dce8f7;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(21, 58, 138, .08);
    transition: transform .3s ease, box-shadow .3s ease
}

.meravi-service-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 16px 35px rgba(21, 58, 138, .16)
}

.meravi-service-img {
    width: 100%;
    height: 210px;
    overflow: hidden;
    background: #eaf2ff
}

.meravi-service-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease
}

.meravi-service-card:hover .meravi-service-img img {
    transform: scale(1.06)
}

.meravi-service-name {
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px 12px;
    border-top: 3px solid #7ABEF0
}

.meravi-service-name h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #153a8a;
    margin: 0
}

@media(max-width:991px) {
    .meravi-services-section {
        padding: 65px 0
    }

    .meravi-service-img {
        height: 220px
    }

    .meravi-services-heading h2 {
        font-size: 36px
    }
}

@media(max-width:575px) {
    .meravi-services-section {
        padding: 50px 0
    }

    .meravi-services-heading {
        margin-bottom: 30px
    }
    
    .meravi-services-heading>span{
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .meravi-services-heading h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .meravi-services-heading>p {
        font-size: 14px
    }

    .meravi-service-img {
        height: auto;
    }

    .meravi-service-name {
        min-height: auto;
        padding: 5px 5px;
    }

    .meravi-service-name h3 {
        font-size: 12px
    }
}


/* ---------------- end of services section css here ---------------- */





/* ------------------ mission vision section css start here ------------------ */


.meravi-mission-vision {
    padding: 85px 0;
    background: linear-gradient(135deg, #edf5ff 0%, #fff 50%, #f3f9ff 100%);
    font-family: Arial, sans-serif
}

.meravi-mv-heading {
    text-align: center;
    margin-bottom: 50px
}

.meravi-mv-heading>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #294FA3;
    margin-bottom: 12px
}

.meravi-mv-heading h2 {
    font-size: 40px;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 15px
}

.meravi-mv-line {
    width: 75px;
    height: 4px;
    border-radius: 5px;
    background: linear-gradient(90deg, #294FA3, #7ABEF0);
    margin: 0 auto 18px
}

.meravi-mv-heading>p {
    font-size: 16px;
    line-height: 1.8;
    color: #505b6b;
    margin: 0
}

.meravi-mv-card {
    height: 100%;
    position: relative;
    padding: 38px 32px 30px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #b3bfcf;
    border-bottom: 5px solid #294FA3;
    box-shadow: 0 12px 35px rgba(21, 58, 138, .08);
    transition: transform .3s ease, box-shadow .3s ease
}


.meravi-mv-icon {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #d2dae6;
    color: #294FA3;
    border: 1px solid #b3c0d3;
    font-size: 28px;
    margin-bottom: 25px
}

.meravi-mv-label {
    display: block;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 800;
    color: #294FA3;
    margin-bottom: 12px
}

.meravi-mv-card h3 {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 18px
}

.meravi-mv-card>p {
    line-height: 1.9;
    color: #4b5563;
    margin-bottom: 25px
}

.meravi-mv-bottom {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #b7c1cf;
    color: #294FA3;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7
}

.meravi-mv-bottom i {
    font-size: 18px;
    margin-top: 2px;
    flex-shrink: 0
}

@media(max-width:991px) {
    .meravi-mission-vision {
        padding: 65px 0
    }

    .meravi-mv-card {
        padding: 30px 25px
    }

    .meravi-mv-card h3 {
        font-size: 24px
    }
}

@media(max-width: 767px) {
    .meravi-mission-vision {
        padding: 50px 0
    }

    .meravi-mv-heading {
        margin-bottom: 35px
    }

    .meravi-mv-heading h2 {
        font-size: 22px
    }

    .meravi-mv-heading>p {
        font-size: 14px
    }

    .meravi-mv-card {
        padding: 15px 10px
    }

    .meravi-mv-card h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .meravi-mv-card>p {
        font-size: 12px;
        line-height: 1.5;
        text-align: justify;
    }

    .meravi-mv-icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
        margin-bottom: 15px
    }
}


/* ------------------ end of mission vision section css here ------------------ */



/* ------------------ why choose us section css start here ------------------- */


/*.meravi-why-section {*/
/*    padding: 85px 0;*/
/*    background: linear-gradient(135deg, #fff 0%, #f0f6ff 50%, #eaf3ff 100%);*/
/*    font-family: Arial, sans-serif*/
/*}*/

/*.meravi-why-heading {*/
/*    text-align: center;*/
/*    margin-bottom: 48px*/
/*}*/

/*.meravi-why-heading>span {*/
/*    display: inline-block;*/
/*    font-size: 14px;*/
/*    font-weight: 700;*/
/*    letter-spacing: 2px;*/
/*    color: #294FA3;*/
/*    margin-bottom: 12px*/
/*}*/

/*.meravi-why-heading h2 {*/
/*    font-size: 40px;*/
/*    font-weight: 800;*/
/*    color: #153a8a;*/
/*    margin: 0 0 15px*/
/*}*/

/*.meravi-why-line {*/
/*    width: 75px;*/
/*    height: 4px;*/
/*    border-radius: 5px;*/
/*    background: linear-gradient(90deg, #294FA3, #7ABEF0);*/
/*    margin: 0 auto 18px*/
/*}*/

/*.meravi-why-heading>p {*/
/*    font-size: 16px;*/
/*    line-height: 1.8;*/
/*    color: #505b6b;*/
/*    margin: 0*/
/*}*/

/*.meravi-why-card {*/
/*    height: 100%;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    padding: 30px 24px 28px;*/
/*    background: #fff;*/
/*    border: 1px solid #afbbc9;*/
/*    border-radius: 12px;*/
/*    box-shadow: 0 8px 28px rgba(21, 58, 138, 0.219);*/
/*    transition: transform .3s ease, box-shadow .3s ease*/
/*}*/


/*.meravi-why-number {*/
/*    font-size: 42px;*/
/*    line-height: 1;*/
/*    font-weight: 800;*/
/*    color: #b8c8e0;*/
/*    margin-bottom: 25px*/
/*}*/

/*.meravi-why-card h3 {*/
/*    font-size: 22px;*/
/*    line-height: 1.4;*/
/*    font-weight: 700;*/
/*    color: #153a8a;*/
/*    margin: 0 0 14px*/
/*}*/

/*.meravi-why-card p {*/
/*    line-height: 1.8;*/
/*    color: #444d5a;*/
/*    margin-bottom: 24px*/
/*}*/

/*.meravi-why-bottom {*/
/*    width: 55px;*/
/*    height: 4px;*/
/*    border-radius: 5px;*/
/*    background: linear-gradient(90deg, #294FA3, #7ABEF0);*/
/*    transition: width .3s ease*/
/*}*/

/*.meravi-why-card:hover .meravi-why-bottom {*/
/*    width: 90px*/
/*}*/

/*@media(max-width:991px) {*/
/*    .meravi-why-section {*/
/*        padding: 65px 0*/
/*    }*/

/*    .meravi-why-card {*/
/*        padding: 28px 22px*/
/*    }*/

/*    .meravi-why-card h3 {*/
/*        font-size: 20px*/
/*    }*/
/*}*/

/*@media(max-width:575px) {*/
/*    .meravi-why-section {*/
/*        padding: 50px 0*/
/*    }*/

/*    .meravi-why-heading {*/
/*        margin-bottom: 32px*/
/*    }*/

/*    .meravi-why-heading h2 {*/
/*        font-size: 32px*/
/*    }*/

/*    .meravi-why-heading>p {*/
/*        font-size: 15px*/
/*    }*/

/*    .meravi-why-number {*/
/*        font-size: 36px;*/
/*        margin-bottom: 18px*/
/*    }*/

/*    .meravi-why-card p {*/
/*        font-size: 15px*/
/*    }*/
/*}*/


/* ------------------ end of why choose us section css here ------------------ */


/* ------------------ why choose us section css start here ------------------- */


.meravi-why-section{
    padding:85px 0;
    background:linear-gradient(135deg,#fff 0%,#f0f6ff 50%,#eaf3ff 100%);
    font-family:Arial,sans-serif;
}
.meravi-why-heading{
    text-align:center;
    margin-bottom:48px;
}
.meravi-why-heading>span{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    color:#294FA3;
    margin-bottom:12px;
}
.meravi-why-heading h2{
    font-size:40px;
    font-weight:800;
    color:#153a8a;
    margin:0 0 15px;
}
.meravi-why-line{
    width:75px;
    height:4px;
    border-radius:5px;
    background:linear-gradient(90deg,#294FA3,#7ABEF0);
    margin:0 auto 18px;
}
.meravi-why-heading>p{
    font-size:16px;
    line-height:1.8;
    color:#505b6b;
    margin:0;
}
.meravi-why-card{
    height:100%;
    padding: 10px 10px 25px;
    background:#fff;
    border:1px solid #cad4e2;
    border-radius:12px;
    box-shadow:0 8px 28px rgba(21,58,138,.12);
    text-align:center;
    transition:transform .3s ease,box-shadow .3s ease;
}

.meravi-why-image{
    width:100%;
    margin-bottom:22px;
    overflow:hidden;
    border-radius:9px;
    background:#edf5ff;
}
.meravi-why-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}
.meravi-why-card:hover .meravi-why-image img{
    transform:scale(1.06);
}
.meravi-why-card h3{
    font-size: 20px;
    line-height:1.4;
    font-weight:700;
    color:#153a8a;
    margin:0 0 12px;
}
.meravi-why-card p{
    font-size:15px;
    line-height:1.8;
    color:#444d5a;
    margin:0;
}
@media(max-width:991px){
    .meravi-why-section{
        padding:50px 0;
    }
    .meravi-why-card{
        padding:10px 10px 15px;
    }

    .meravi-why-card h3{
        font-size: 18px;
    }
}
@media(max-width: 767px){
    .meravi-why-section{
        padding:50px 0;
    }
    .meravi-why-heading{
        margin-bottom:25px;
    }
    .meravi-why-heading>span{
        font-size: 12px;
        letter-spacing: 1.5px;
    }
    .meravi-why-heading h2{
        font-size: 22px;
    }
    .meravi-why-heading>p{
        font-size:14px;
    }
    
    .meravi-why-image{
        margin-bottom: 15px;
    }
    
    .meravi-why-card h3{
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .meravi-why-card p{
        font-size:12px;
        line-height:1.5;
    }

}


/* ------------------ end of why choose us section css here ------------------ */






/* ------------------ faq section css start here ------------------- */


.meravi-faq-section {
    padding: 85px 0;
    background: linear-gradient(135deg, #f1f7ff 0%, #fff 55%, #edf5ff 100%);
    font-family: Arial, sans-serif
}

.meravi-faq-heading {
    text-align: center;
    margin-bottom: 45px
}

.meravi-faq-heading>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #294FA3;
    margin-bottom: 12px
}

.meravi-faq-heading h2 {
    font-size: 40px;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 15px
}

.meravi-faq-line {
    width: 75px;
    height: 4px;
    border-radius: 5px;
    background: linear-gradient(90deg, #294FA3, #7ABEF0);
    margin: 0 auto 18px
}

.meravi-faq-heading>p {
    font-size: 16px;
    line-height: 1.8;
    color: #505b6b;
    margin: 0
}

.meravi-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.meravi-faq-item {
    border: 1px solid #c1cedd !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 20px rgba(21, 58, 138, .05)
}

.meravi-faq-item .accordion-button {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.6;
    color: #153a8a;
    background: #fff;
    padding: 21px 24px;
    box-shadow: none;
    gap: 12px
}

.meravi-faq-item .accordion-button:not(.collapsed) {
    background: #153a8a;
    color: #fff
}





.meravi-faq-item .accordion-button:focus {
    box-shadow: 0 0 0 3px rgba(122, 190, 240, .2)
}

.meravi-faq-item .accordion-button::after {
    flex-shrink: 0
}

.meravi-faq-item .accordion-body {
    font-size: 16px;
    line-height: 1.9;
    color: #4b5563;
    padding: 5px 24px 23px;
    background: #fff
}



/* Default chevron color - blue when closed */
.meravi-faq-item .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(22%) sepia(36%) saturate(2440%) hue-rotate(197deg) brightness(88%) contrast(94%) !important;
}

/* White chevron when accordion is open */
.meravi-faq-item .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1) !important;
}


@media(max-width:991px) {
    .meravi-faq-section {
        padding: 65px 0
    }

    .meravi-faq-heading h2 {
        font-size: 32px
    }
}

@media(max-width: 767px) {
    .meravi-faq-section {
        padding: 50px 0
    }

    .meravi-faq-heading {
        margin-bottom: 30px
    }

    .meravi-faq-heading h2 {
        font-size: 18px
    }

    .meravi-faq-heading>p {
        font-size: 14px
    }

    .meravi-faq-item .accordion-button {
        font-size: 14px;
        padding: 10px
    }

    .meravi-faq-item .accordion-body {
        font-size: 12px;
        padding: 10px 5px;
    }
}


/* ------------------ end of faq section css here ------------------ */


/* ------------------- testimonial section css start here ---------------- */

.meravi-testimonial-section {
    padding: 85px 0;
    background: linear-gradient(135deg, #edf5ff 0%, #fff 52%, #eaf3ff 100%);
    font-family: Arial, sans-serif;
    overflow: hidden
}

.meravi-testimonial-heading {
    text-align: center;
    margin-bottom: 45px
}

.meravi-testimonial-heading>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #294FA3;
    margin-bottom: 12px
}

.meravi-testimonial-heading h2 {
    font-size: 40px;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 15px
}

.meravi-testimonial-line {
    width: 75px;
    height: 4px;
    border-radius: 5px;
    background: linear-gradient(90deg, #294FA3, #7ABEF0);
    margin: 0 auto 18px
}

.meravi-testimonial-heading p {
    font-size: 16px;
    line-height: 1.8;
    color: #505b6b;
    max-width: 720px;
    margin: 0 auto
}

.meravi-testimonial-carousel {
    padding: 10px 5px 25px
}

.meravi-testimonial-card {
    height: 100%;
    min-height: 290px;
    padding: 28px 25px;
    background: #fff;
    border: 1px solid #bfccdd;
    border-radius: 15px;
    box-shadow: 0 8px 28px rgba(21, 58, 138, .08);
    transition: transform .3s ease, box-shadow .3s ease;
}



.meravi-testimonial-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.meravi-testimonial-quote {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d2dae4;
    border-radius: 12px;
    color: #294FA3;
    font-size: 20px
}

.meravi-testimonial-stars {
    color: #f0ad19;
    font-size: 14px;
    letter-spacing: 2px
}

.meravi-testimonial-text {
    font-size: 16px;
    line-height: 1.85;
    color: #414953;
    margin: 0 0 24px
}

.meravi-testimonial-client {
    display: flex;
    align-items: center;
    gap: 13px;
    border-top: 1px solid #b3bac2;
    padding-top: 18px
}

.meravi-testimonial-avatar {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #294FA3, #7ABEF0);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 50%
}

.meravi-testimonial-client h5 {
    font-size: 18px;
    font-weight: 700;
    color: #153a8a;
    margin: 0 0 5px
}

.meravi-testimonial-client span {
    font-size: 14px;
    color: #424852
}

.meravi-testimonial-carousel .owl-nav {
    margin-top: 20px;
    text-align: center;
}

.meravi-testimonial-carousel .owl-nav button.owl-prev,
.meravi-testimonial-carousel .owl-nav button.owl-next {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #153a8a !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    margin: 0 6px;
    transition: background .3s ease
}

.meravi-testimonial-carousel .owl-nav button:hover {
    background: #294FA3 !important
}

.meravi-testimonial-carousel .owl-dots {
    margin-top: 12px
}

.meravi-testimonial-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #b9d4f5;
    transition: all .3s ease
}

.meravi-testimonial-carousel .owl-dots .owl-dot.active span {
    width: 25px;
    background: #294FA3
}

.meravi-testimonial-carousel .owl-dots .owl-dot:hover span {
    background: #7ABEF0
}

@media(max-width:991px) {
    .meravi-testimonial-section {
        padding: 65px 0
    }

    .meravi-testimonial-heading h2 {
        font-size: 28px
    }

    .meravi-testimonial-card {
        padding: 24px 22px
    }
}

@media(max-width:575px) {
    .meravi-testimonial-section {
        padding: 50px 0
    }

    .meravi-testimonial-heading {
        margin-bottom: 30px
    }
    
    .meravi-testimonial-heading>span {
   
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

    .meravi-testimonial-heading h2 {
        font-size: 22px
    }

    .meravi-testimonial-heading p {
        font-size: 14px
    }

    .meravi-testimonial-card {
        min-height: 270px;
        padding: 15px 10px;
    }
    
    

    .meravi-testimonial-text {
        font-size: 12px
    }

    .meravi-testimonial-carousel .owl-nav button.owl-prev,
    .meravi-testimonial-carousel .owl-nav button.owl-next {
        width: 38px;
        height: 38px
    }
}

/* ------------------- end of testimonial section css here ----------------- */


/* --------------- footer css start ---------------- */

.meravi-footer {
    background: linear-gradient(135deg, #080f25 0%, #102d68 55%, #153a8a 100%);
    color: #fff;
    padding: 65px 0 0;
    font-family: Arial, sans-serif;
    border-top: 4px solid #7ABEF0
}

.meravi-footer-main {
    padding-bottom: 45px
}

.meravi-footer-logo {
    display: inline-block;
    margin-bottom: 20px;
    max-width: 100%
}

.meravi-footer-logo-img {
    display: block;
    width: 120px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center
}

.meravi-footer-about {
    font-size: 16px;
    line-height: 1.9;
    color: #e0e8f7;
    margin: 0 0 22px
}

.meravi-footer-title {
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    margin: 7px 0 23px;
    position: relative;
    padding-bottom: 12px
}

.meravi-footer-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 3px;
    background: #7ABEF0;
    border-radius: 5px
}

.meravi-footer-links,
.meravi-footer-contact {
    list-style: none;
    padding: 0;
    margin: 0
}

.meravi-footer-links li {
    margin-bottom: 13px
}

.meravi-footer-links a,
.meravi-footer-contact a {
    color: #e0e8f7;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.7;
    transition: color .3s ease, padding .3s ease
}

.meravi-footer-links a:hover,
.meravi-footer-contact a:hover {
    color: #7ABEF0;
    padding-left: 4px
}

.meravi-footer-social {
    display: flex;
    gap: 11px;
    flex-wrap: wrap
}

.meravi-footer-social a {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    transition: all .3s ease
}

.meravi-footer-social a:hover {
    background: #7ABEF0;
    color: #08152f;
    border-color: #7ABEF0;
    transform: translateY(-3px)
}

.meravi-footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 17px;
    color: #e0e8f7;
    font-size: 15px;
    line-height: 1.8
}

.meravi-footer-contact li>i {
    color: #7ABEF0;
    font-size: 17px;
    width: 19px;
    text-align: center;
    margin-top: 4px;
    flex-shrink: 0
}

.meravi-footer-contact li span {
    font-size: 15px;
    line-height: 1.8
}

.meravi-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 22px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap
}

.meravi-footer-bottom p {
    font-size: 14px;
    line-height: 1.7;
    color: #d5e0f3;
    margin: 0
}

.meravi-footer-legal {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.meravi-footer-legal a {
    color: #e0e8f7;
    text-decoration: none;
    font-size: 14px;
    transition: color .3s ease
}

.meravi-footer-legal a:hover {
    color: #7ABEF0
}

.meravi-footer-legal span {
    color: #7ABEF0
}

@media(max-width: 991px){
     .meravi-footer-logo-img {
        width: 100px
    }
}

@media(max-width:767px) {
    .meravi-footer {
        padding-top: 45px
    }

    .meravi-footer-main {
        padding-bottom: 30px
    }

    .meravi-footer-title {
        margin-top: 8px;
        margin-bottom: 18px
    }

    .meravi-footer-bottom {
        flex-direction: column;
        text-align: center
    }

    .meravi-footer-legal {
        justify-content: center
    }

    .meravi-footer-logo-img {
        width: 70px
    }
    
    .meravi-footer-about {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 12px
    }
}


/* --------------- footer css end ---------------- */









/* ================================================================================ */
/* ================================================================================ */



/* sub banner css start */

.meravi-sub-banner {
    background: linear-gradient(135deg, #eaf5ff 0%, #d8ecff 100%);
    padding: 65px 0;
    text-align: center;
    font-family: Arial, sans-serif;
    border-bottom: 1px solid #c5e2fa
}

.meravi-sub-banner-content h1 {
    font-size: 38px;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 14px
}

.meravi-sub-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    background: transparent
}

.meravi-sub-breadcrumb .breadcrumb-item {
    font-size: 16px;
    color: #294FA3
}

.meravi-sub-breadcrumb .breadcrumb-item a {
    color: #294FA3;
    text-decoration: none;
    transition: color .3s ease
}

.meravi-sub-breadcrumb .breadcrumb-item a:hover {
    color: #153a8a
}

.meravi-sub-breadcrumb .breadcrumb-item.active {
    color: #505b6b
}

.meravi-sub-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #294FA3
}

@media(max-width:767px) {
  .meravi-sub-banner {
      padding: 20px 0;
    }

    .meravi-sub-banner-content h1 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .meravi-sub-breadcrumb .breadcrumb-item {
        font-size: 14px
    }
}



/* sub banner css end */




/* ===================== about page css start ========================= */

.meravi-about-section {
    padding: 85px 0;
    background: linear-gradient(135deg, #fff 0%, #f3f8ff 100%);
    font-family: Arial, sans-serif;
    overflow: hidden
}

.meravi-about-image {
    position: relative;
    padding: 0 15px 35px 0
}

.meravi-about-image:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 65%;
    height: 65%;
    border-top: 5px solid #7ABEF0;
    border-left: 5px solid #7ABEF0;
    border-radius: 15px 0 0 0;
    z-index: 0
}

.meravi-about-image:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 65%;
    height: 65%;
    background: linear-gradient(135deg, #d8ecff, #edf6ff);
    border-radius: 20px;
    z-index: 0
}

.meravi-about-image>img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 480px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(21, 58, 138, .15)
}

.meravi-about-image-label {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 25px;
    display: flex;
    align-items: center;
    gap: 13px;
    background: #fff;
    padding: 17px 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(21, 58, 138, .15);
    max-width: calc(100% - 45px)
}

.meravi-about-label-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf4ff;
    color: #294FA3;
    border-radius: 10px;
    font-size: 21px
}

.meravi-about-image-label h5 {
    font-size: 16px;
    font-weight: 700;
    color: #153a8a;
    margin: 0 0 5px
}

.meravi-about-image-label p {
    font-size: 13px;
    line-height: 1.5;
    color: #657184;
    margin: 0
}

.meravi-about-subtitle {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #294FA3;
    margin-bottom: 12px
}

.meravi-about-content h2 {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
    color: #153a8a;
    margin: 0 0 17px
}

.meravi-about-line {
    width: 70px;
    height: 4px;
    border-radius: 5px;
    background: linear-gradient(90deg, #294FA3, #7ABEF0);
    margin-bottom: 22px
}

.meravi-about-intro,
.meravi-about-description {
    font-size: 16px;
    line-height: 1.9;
    color: #505b6b;
    margin: 0 0 15px
}

.meravi-about-intro strong {
    color: #153a8a
}

.meravi-about-points {
    margin: 23px 0 25px
}

.meravi-about-point {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 17px
}

.meravi-about-point>span {
    width: 27px;
    height: 27px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e1f0ff;
    border-radius: 50%;
    color: #294FA3;
    font-size: 12px;
    margin-top: 3px
}

.meravi-about-point h5 {
    font-size: 17px;
    font-weight: 700;
    color: #153a8a;
    margin: 0 0 5px
}

.meravi-about-point p {
    font-size: 14px;
    line-height: 1.7;
    color: #5b6676;
    margin: 0
}



@media(max-width:991px) {
    .meravi-about-section {
        padding: 65px 0
    }

    .meravi-about-image {
        margin-bottom: 15px
    }

    .meravi-about-image>img {
        height: 420px
    }

    .meravi-about-content h2 {
        font-size: 32px
    }
}

@media(max-width: 767px) {
    .meravi-about-section {
        padding: 50px 0
    }

    .meravi-about-image {
        padding-right: 8px
    }

    .meravi-about-image>img {
        height: 320px
    }

    .meravi-about-image-label {
        left: 12px;
        padding: 12px;
        gap: 10px;
        max-width: calc(100% - 22px)
    }

    .meravi-about-label-icon {
        width: 38px;
        height: 38px;
        font-size: 17px
    }

    .meravi-about-image-label h5 {
        font-size: 14px
    }

    .meravi-about-image-label p {
        font-size: 12px
    }

    .meravi-about-content h2 {
        font-size: 18px
    }

    .meravi-about-intro,
    .meravi-about-description {
        font-size: 15px
    }
    
    .meravi-about-point h5 {
        font-size: 16px;
     }
     
     .meravi-about-point p{
         font-size: 12px;
     }
    
}





/* comitment css start */


.meravi-commitment-section {
    padding: 85px 0;
    background: linear-gradient(135deg, #e6ecf8 0%, #f5ecec 55%, #eaf4ff 100%);
    font-family: Arial, sans-serif;
    overflow: hidden
}

.meravi-commitment-heading {
    max-width: 760px;
    margin: 0 auto 48px
}

.meravi-commitment-tag {
    display: inline-block;
    color: #294FA3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px
}

.meravi-commitment-heading h2 {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 750;
    color: #153a8a;
    margin: 0 0 15px
}

.meravi-commitment-heading p {
    font-size: 16px;
    line-height: 1.8;
    color: #4d5b70;
    margin: 0
}

.meravi-commitment-item {
    height: 100%;
    padding: 30px 22px;
    background: #fff;
    border: 1px solid #bfc9d8;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(21, 58, 138, .07);
    transition: transform .3s ease, box-shadow .3s ease
}



.meravi-commitment-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #294FA3, #153a8a);
    color: #fff;
    font-size: 25px;
    margin-bottom: 22px;
    box-shadow: 0 7px 16px rgba(41, 79, 163, .2)
}

.meravi-commitment-item h4 {
    font-size: 20px;
    font-weight: 700;
    color: #153a8a;
    margin: 0 0 12px
}

.meravi-commitment-item p {
    font-size: 15px;
    line-height: 1.8;
    color: #526074;
    margin: 0
}

.meravi-commitment-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 42px;
    padding: 28px 32px;
    background: linear-gradient(120deg, #153a8a, #294FA3);
    border-radius: 15px;
    color: #fff
}

.meravi-commitment-bottom h3 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 8px
}

.meravi-commitment-bottom p {
    font-size: 15px;
    line-height: 1.7;
    color: #e7efff;
    margin: 0
}

.meravi-commitment-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    background: #fff;
    color: #153a8a;
    border-radius: 7px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: all .3s ease
}

.meravi-commitment-btn:hover {
    background: #7ABEF0;
    color: #000;
    transform: translateY(-2px)
}

@media(max-width:991px) {
    .meravi-commitment-section {
        padding: 65px 0
    }

    .meravi-commitment-heading h2 {
        font-size: 28px
    }

    .meravi-commitment-bottom {
        align-items: flex-start;
        flex-direction: column
    }
}




@media(max-width:767px) {
    .meravi-commitment-section {
        padding: 50px 0
    }

    .meravi-commitment-heading {
        margin-bottom: 30px
    }

    .meravi-commitment-heading h2 {
        font-size: 18px
    }
    
    .meravi-commitment-heading p {
        font-size: 14px;
        line-height: 1.5;
    }

    .meravi-commitment-item {
        padding: 15px 10px
    }
    
    .meravi-commitment-icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .meravi-commitment-item h4 {
        font-size: 18px;
        margin-bottom: 6px;
    }
    
    .meravi-commitment-item p {
        font-size: 12px;
        line-height: 1.5;
    }
    

    .meravi-commitment-bottom {
        padding: 15px 10px
    }

    .meravi-commitment-bottom h3 {
        font-size: 16px;
    }
    
    .meravi-commitment-bottom p {
        font-size: 12px;
        line-height: 1.5;
    }

    .meravi-commitment-btn {
        width: 100%;
        justify-content: center
    }
    
    .meravi-commitment-btn {
        gap: 5px;
        padding: 10px 15px;
        font-size: 12px;
    }
    
}


/* commitment css end */


/* ===================== about page css end =========================== */




/* =================================================================================== */
/* =================================================================================== */






/* ===================== contact page css start =========================== */


.meravi-contact-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f4f8ff 0%, #fff 55%, #edf5ff 100%);
    font-family: Arial, sans-serif
}

.meravi-contact-heading {
    max-width: 760px;
    margin: 0 auto 45px
}

.meravi-contact-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #294FA3;
    margin-bottom: 12px
}

.meravi-contact-heading h2 {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 750;
    color: #153a8a;
    margin: 0 0 14px
}

.meravi-contact-heading p {
    font-size: 16px;
    line-height: 1.8;
    color: #526074;
    margin: 0
}

.meravi-contact-cards {
    margin-bottom: 55px
}

.meravi-contact-card {
    height: 100%;
    min-height: 245px;
    padding: 30px 22px;
    text-align: center;
    background: #fff;
    border: 1px solid #c3cedf;
    border-radius: 15px;
    box-shadow: 0 8px 28px rgba(21, 58, 138, .07);
    transition: transform .3s ease, box-shadow .3s ease
}

.meravi-contact-card:hover {
    border-color: #7ABEF0
}

.meravi-contact-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #294FA3, #153a8a);
    color: #fff;
    font-size: 25px;
    box-shadow: 0 7px 18px rgba(41, 79, 163, .2)
}

.meravi-contact-card h4 {
    font-size: 21px;
    font-weight: 700;
    color: #153a8a;
    margin: 0 0 10px
}

.meravi-contact-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #647187;
    margin: 0 0 8px
}

.meravi-contact-card a,
.meravi-contact-card span {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    color: #294FA3;
    text-decoration: none;
    overflow-wrap: anywhere
}

.meravi-contact-card a:hover {
    color: #153a8a;
    text-decoration: underline
}

.meravi-contact-form-wrap {
    overflow: hidden;
    background: #fff;
    border: 1px solid #bac5d4;
    border-radius: 18px;
    box-shadow: 0 12px 40px rgba(21, 58, 138, .09)
}

.meravi-contact-form-info {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding: 45px 30px;
    background: linear-gradient(145deg, #153a8a 0%, #294FA3 65%, #1e438f 100%);
    color: #fff
}

.meravi-contact-form-info>span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #bde3ff;
    margin-bottom: 15px
}

.meravi-contact-form-info h3 {
    position: relative;
    z-index: 1;
    font-size: 29px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 17px
}

.meravi-contact-form-info>p {
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: 1.9;
    color: #edf5ff;
    margin: 0 0 27px
}

.meravi-contact-info-point {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.6;
    color: #fff
}

.meravi-contact-info-point i {
    color: #7ABEF0;
    font-size: 18px;
    margin-top: 3px
}

.meravi-contact-decoration {
    position: absolute;
    right: -22px;
    bottom: -28px;
    width: 140px;
    height: 140px;
    border: 1px solid rgba(255, 255, 255, 0.288);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .12);
    font-size: 75px
}

.meravi-contact-form-content {
    padding: 42px 38px
}

.meravi-contact-form-content h3 {
    font-size: 28px;
    font-weight: 750;
    color: #153a8a;
    margin: 0 0 8px
}

.meravi-contact-form-content>p {
    font-size: 15px;
    line-height: 1.7;
    color: #647187;
    margin: 0 0 25px
}

.meravi-contact-form-content .form-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #202d43;
    margin-bottom: 8px
}

.meravi-contact-form-content .form-label span {
    color: #d93025
}

.meravi-contact-form-content .form-control,
.meravi-contact-form-content .form-select {
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid #c0c9d6;
    border-radius: 8px;
    background-color: #fff;
    color: #243247;
    font-size: 15px;
    box-shadow: none
}

.meravi-contact-form-content textarea.form-control {
    min-height: 140px;
    resize: vertical
}

.meravi-contact-form-content .form-control::placeholder {
    color: #8793a5;
    opacity: 1
}

.meravi-contact-form-content .form-control:focus,
.meravi-contact-form-content .form-select:focus {
    border-color: #294FA3;
    box-shadow: 0 0 0 3px rgba(41, 79, 163, .12)
}

.meravi-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 50px;
    padding: 13px 25px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(120deg, #294FA3, #153a8a);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease
}

.meravi-contact-submit:hover {
    background: #7ABEF0;
    color: #102b60;
    transform: translateY(-2px)
}

.meravi-contact-submit:disabled {
    opacity: .65;
    cursor: not-allowed;
    transform: none
}

.meravi-form-status {
    display: none;
    margin-bottom: 15px;
    padding: 12px 15px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 1.6
}

.meravi-form-status.success {
    display: block;
    background: #e9f8ef;
    color: #176534;
    border: 1px solid #b9e5c7
}

.meravi-form-status.error {
    display: block;
    background: #fff0f0;
    color: #a32323;
    border: 1px solid #f1c3c3
}

@media(max-width:991px) {
    .meravi-contact-section {
        padding: 65px 0
    }

    .meravi-contact-heading h2 {
        font-size: 28px
    }

    .meravi-contact-form-info {
        padding: 25px 20px
    }

    .meravi-contact-form-content {
        padding: 25px 20px
    }
}

@media(max-width: 767px) {
    .meravi-contact-section {
        padding: 50px 0
    }

    .meravi-contact-heading {
        margin-bottom: 25px
    }

    .meravi-contact-heading h2 {
        font-size: 22px
    }
    
    .meravi-contact-heading p {
        font-size: 14px;
        line-height: 1.5;
    }

    .meravi-contact-card {
        min-height: auto;
        padding: 15px 10px
    }
    
    .meravi-contact-icon{
        width: 45px;
        height: 45px;
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .meravi-contact-card h4 {
        font-size: 18px;
    }
    
    .meravi-contact-card p{
        font-size: 14px;
        line-height: 1.5;
    }
    
    .meravi-contact-card a, .meravi-contact-card span{
        font-size: 12px;
    }


    .meravi-contact-cards {
        margin-bottom: 25px
    }

    .meravi-contact-form-info {
        padding: 15px 10px
    }

    .meravi-contact-form-info h3 {
        font-size: 18px
    }
    
    .meravi-contact-form-info>p{
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    
    .meravi-contact-info-point{
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .meravi-contact-form-content {
        padding: 15px 10px
    }

    .meravi-contact-form-content h3 {
        font-size: 18px
    }

    .meravi-contact-submit {
        width: 100%
    }
}


/* ===================== contact page css end =========================== */














/* video section css start */


.meravi-video-section{
    padding:85px 0;
    background:linear-gradient(135deg,#fff 0%,#f0f6ff 50%,#eaf3ff 100%);
    font-family:Arial,sans-serif;
}
.meravi-video-heading{
    max-width:760px;
    margin:0 auto 45px;
}
.meravi-video-heading>span{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    color:#294FA3;
    margin-bottom:12px;
}
.meravi-video-heading h2{
    font-size:38px;
    line-height:1.3;
    font-weight:800;
    color:#153a8a;
    margin:0 0 15px;
}
.meravi-video-line{
    width:75px;
    height:4px;
    border-radius:5px;
    background:linear-gradient(90deg,#294FA3,#7ABEF0);
    margin:0 auto 18px;
}
.meravi-video-heading p{
    font-size:16px;
    line-height:1.8;
    color:#505b6b;
    margin:0;
}
.meravi-video-card {
    height: 100%;
    overflow: hidden;
    background: transparent;
    border: 1px solid #dce6f5;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(21, 58, 138, .12);
    transition: transform .3s ease, box-shadow .3s ease;
}

.meravi-video-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: transparent;
}
.meravi-video-wrapper video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}
.meravi-video-content{
    padding:22px 24px 25px;
    border-top:3px solid #7ABEF0;
}
.meravi-video-content h3{
    font-size:22px;
    line-height:1.4;
    font-weight:700;
    color:#153a8a;
    margin:0 0 10px;
}
.meravi-video-content p{
    font-size:15px;
    line-height:1.8;
    color:#505b6b;
    margin:0;
}
@media(max-width:991px){
    .meravi-video-section{
        padding: 50px 0;
    }
    .meravi-video-heading h2{
        font-size: 28px;
    }
}
@media(max-width:575px){
    .meravi-video-section{
        padding:50px 0;
    }
    .meravi-video-heading{
        margin-bottom:30px;
    }
    .meravi-video-heading h2{
        font-size:22px;
    }
    .meravi-video-heading p{
        font-size:14px;
    }
    .meravi-video-content{
        padding:20px;
    }
    .meravi-video-content h3{
        font-size:18px;
    }
}


/* video section css end */



/* gallery section css start */

.gallery-section{
    background: linear-gradient(135deg, #e3eaf5 0%, #f5f1f1 50%, #dae6f5 100%);
}

.gallery-img img{
    margin-bottom: 20px;
}

/* gallery section css ends */