@media (min-width: 768px) {
    .home--banner #myVideo {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
}
@media (max-width: 768px) {
    .home--banner #myVideo {
        width: 100%;
    }
}

@media (min-width: 600px) and (max-width: 1200px){
    .mt-5rem{margin-top: 6rem !important;}
}

@media (max-width: 600px){
    .mt-5rem{margin-top: 5rem !important;}
}

@media screen  and (orientation: landscape) {
   .parallax.desk-none.mob-tab-block .h-60{
        height: 120vh !important;
    }
    .plain-image.spt-100.spb-60.h-90{
        height: 100vh !important;
    }
}


/* Vana, Taru, Pushpa, Lata & Fala pages css starts here */
/* .page-id-3359 .nav-link:hover,
.page-id-3359 .nav-link,
.page-id-3361 .nav-link:hover,
.page-id-3361 .nav-link,
.page-id-3363 .nav-link:hover,
.page-id-3363 .nav-link,
.page-id-3366 .nav-link,
.page-id-3366 .nav-link:hover {
    color: #000000 !important;
} */

.page-id-3359 .top-menu,
.page-id-3361 .top-menu,
.page-id-3363 .top-menu,
.page-id-3366 .top-menu {
    display: none;
}

.header-2 .navbar-expand-lg {
    background-color: #203429;
}

.key--features .box-pad {
    padding: 40px 30px;
    /* max-width: 350px; */
    height: 100%;
}

.card-row {
    --bs-gutter-x: 2.5rem;
}

.bord-divider {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}


.card-row .smal {
    padding: 0px 30px;
    /* max-width: 350px; */
}

.pricing .price-style {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    font-family: sans-serif;
}


.price-board {
    width: 250px;
}

.small-divider {
    border: 1px solid rgba(255, 250, 244, 0.5);
}


.vana-btn {
    color: #003B41;
    font-family: Rosario;
    font-size: 14px;
    font-weight: 600;
    line-height: 23.8px;
    background-color: #F8F5F0;
    border-radius: 30px;
    padding: 15px 40px;
    border: 1px solid #F8F5F0;
}

.vana-btn:hover {
    background: transparent;
    color: #F8F5F0;
}

.gallery {
    overflow: hidden;
}

.page-id-3361 .price-board {
    width: 245px;
}

.page-id-3366 .price-board {
    width: 370px;
}

.s-gap {
    gap: 30px;
}

.pricing .fs-12{
    letter-spacing: 1px;
}


.gallery-slider img{
    height: 410.5px !important;
}

.gallery-slider .swiper-button-prev:after {
    content: url('https://kshemavana.com/assets/images/vana/gallery-arrow-left.svg');
    left: 20px;
    position: relative;
    top: 20px;
}

.gallery-slider .swiper-button-next:after {
    content: url('https://kshemavana.com/assets/images/vana/gallery-arrow-right.svg');
    right: 20px;
    position: relative;
    top: 20px;
}


/* Mobile styles */
@media screen and (max-width:767px) {

    .card-row-2 {
        flex-direction: column;
        gap: 20px;
    }

    .card-row {
        --bs-gutter-y: 1.5rem;
        --bs-gutter-x: 0rem;
    }

    .page-id-3359 .fs-32,
    .page-id-3361 .fs-32,
    .page-id-3363 .fs-32,
    .page-id-3366 .fs-32 {
        font-size: 28px;
        line-height: 34px;
    }

    .pricing .price-style {
        font-size: 16px;
        line-height: 20px;

    }

    .pricing .fs-12 {
        font-size: 10px;
        line-height: 18px;
    }

    .page-id-3366 .price-board {
        width: 300px;
    }

    .gallery-slider img{
        height: 370px !important;
    }

    .gallery-slider .swiper-button-prev:after{
        left: 5px;
        top: 23px;
    }
    .gallery-slider .swiper-button-next:after{
        right: 5px;
    }

.kshem-map{
overflow-x:hidden;
}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* Your CSS rules for tablets */
    .tab-top-m {
        margin-top: 35px;
    }

    .card-row{
        margin-bottom: 35px;
    }

}


/* Vana, Taru, Pushpa, Lata & Fala pages css ends here */


/* Ailment Care page style starts here*/
.ailment-sec-2 p {
    margin-bottom: 10px;
}

/* .ailment-sec-2 .box-pad {
    padding: 50px 35px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
} */

.ailment-sec-2 h2 {
    font-family: Rosario;
    font-size: 38px;
    font-weight: 300;
    line-height: 58.1px;
    letter-spacing: -1.8154720067977905px;
}

.ailment-sec-2 .ailment-box-1 {
    background: url('https://kshemavana.com/assets/images/ailment-care/ailment-care-img-1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
    padding: 130px 35px 30px;
}
.ailment-sec-2 .ailment-box-2 {
    background: url('https://kshemavana.com/assets/images/ailment-care/ailment-care-img-2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
    padding: 130px 35px 30px;
}
.ailment-sec-2 .ailment-box-3 {
    background: url('https://kshemavana.com/assets/images/ailment-care/ailment-care-img-3.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
    padding: 200px 35px 30px;
}
.ailment-sec-2 .ailment-box-4 {
    background: url('https://kshemavana.com/assets/images/ailment-care/ailment-care-img-4.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
    padding: 200px 35px 30px;
}


.ailment-foot .col-lg-1{
    width: 4.333333% !important;
}



@media screen and (max-width:767px) {
    .ailment-sec-2 h2 {
        font-size: 32px;
        line-height: 39.1px;
    }
    .ailment-sec-2 .box-pad{
        height: 100%;
    }
    .ailment-sec-2 .ailment-box-1{
        padding: 30px 35px 30px;
    }
    .ailment-sec-2 .ailment-box-2{
        padding: 30px 35px 30px;
    }
    .ailment-sec-2 .ailment-box-3{
        padding: 30px 35px 30px;
    }
    .ailment-sec-2 .ailment-box-4{
        padding: 30px 35px 30px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* Your CSS rules for tablets */
    .ailment-sec-2 .card-row {
        --bs-gutter-y: 2rem;
    }
    
    .ailment-sec-2 .ailment-box-2{
        padding: 255px 35px 30px;
    }

}

/* Ailment Care page style ends here*/


/* Our Legacy page style starts here*/
.our-legacy-banner {
    padding-bottom: 200px;
}


.our-legacy-sec-2 img {
    margin-top: -200px;
}

.legacy-stays-box {
    width: 43%;
    position: absolute;
    top: -290px;
    background-color: #E8E2D4;
    padding: 60px;
    right: 80px;
}



.page-id-3354 .row.custom-gutter{
    --bs-gutter-x: 2.5rem;
}


@media screen and (max-width:767px) {
    .legacy-stays-box {
        width: 100%;
        position: relative;
        top: auto;
        background-color: #E8E2D4;
        padding: 30px 20px;
        right: auto;
    }

    .legacy-stays-box {
        width: 100%;
        position: relative;
        top: auto;
        background-color: #E8E2D4;
        padding: 40px 20px;
        right: auto;
    }

   

    .page-id-3354 p{
        text-align: center;
    }

    .our-legacy-banner {
        padding-bottom: 125px;
    }
    .our-legacy-sec-2 img {
        margin-top: -150px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

       /* Add your CSS styles here */
    .legacy-stays-box {
        width: 100%;
        position: relative;
        top: auto;
        background-color: #E8E2D4;
        padding: 40px;
        right: auto;
    }

  }
  



/* Our Legacy page style ends here*/

/* Welness Offerings Prgrams page style starts here*/

.welness-program-box{
    padding: 30px 30px 15px 30px;
    margin: 0px 35px;
    position: absolute;
    bottom: 0px;
}

.welness-exp-programs img{
    top: -2px;
    position: relative;
    left: 2px;
}


.welness-program-box  h3, .welness-program-box  p, .welness-program-box a{
color:#fff;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .welness-program {
        margin-bottom: 100px;
    }
    .welness-sec-2 .spb-100{
        padding:0px;
    }
    .notab-mob.spb-100{
        padding-bottom:0px !important;
    }
}




@media screen and (max-width:767px) {
    .welness-program {
        margin-bottom: 0px;
    }

    .welness-program-box{
        padding: 30px 20px 15px 20px;
        margin: 0px 15px;
    }
    .welness-sec-2 .spb-100{
        padding-bottom:30px !important;
    }

    .btn-02.program-btn{
        font-size: 12px;
    }

    .notab-mob.spb-100{
        padding-bottom:0px !important;
    }
}


/* Welness Offerings Prgrams page style ends here*/


/* Our Healers page style starts here*/
.t-tab-list ul{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    position: relative;
    margin-bottom: 30px;
    gap: 25px;
}

.t-tab-list a{
    margin-bottom:8px;
}

/* .t-tab-list ul:before{
    content: "";
    position: absolute;
    height: 200vh;
    width: 1px;
    background-color: #B9B9B9;
    left: 50%;
    top: -580px;
    transform: rotate(270deg);
} */

.t-tab-list ul:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #B9B9B9;
    bottom: 6%;
}

/* Apply the style to the active tab's pseudo-element */
.t-tab-list ul a.active:before {
    content: url('https://kshemavana.com/assets/images/therapies/therapies-circle.svg');
    position: absolute;
    width: fit-content;
    height: auto;
    left: 50%;
    top: 19px;
}

.t-tab-list ul a {
    position: relative;
}

.t-tab-list ul a.active li{
font-weight: 700;
}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .t-tab-list ul li {
        font-size: 12px;
        line-height: 18px;
        text-align: center;
    }
    .t-tab-list ul{
        gap:10px;
    }
    .t-tab-list a {
        margin-bottom: 15px;
    }
    .t-tab-list ul a.active:before{
        top:17px;
    }
}



/* Our Healers page style ends here*/


.our-philosophy .our-philosophy-box {
    width: 45%;
    position: absolute;
    top: 20%;
    left: 50%;
    background-color: transparent;
    padding: 30px 30px;
}

.our-philosophy .our-philosophy-box p, .our-philosophy .our-philosophy-box h3{
color:#fff !important;
}

.our-philosophy .box-left{
    right: 50%;
    left:auto;
    width:47%;
}

.our-philosophy .one{
    background: url('https://kshemavana.com/assets/images/our-philosophy/our-philosophy-desk-img-1.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
}
.our-philosophy .two{
    background: url('https://kshemavana.com/assets/images/our-philosophy/our-philosophy-desk-img-2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
}
.our-philosophy .three{
    background: url('https://kshemavana.com/assets/images/our-philosophy/our-philosophy-desk-img-3.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
}
.our-philosophy .four{
    background: url('https://kshemavana.com/assets/images/our-philosophy/our-philosophy-desk-img-4.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
}
.our-philosophy .five{
    background: url('https://kshemavana.com/assets/images/our-philosophy/our-philosophy-desk-img-5.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 540px;
}




/* Our Philosophy style starts here */


/*Laptop media query 90% and 100% screen size*/
@media only screen and (max-width: 1440px){
    .our-philosophy .our-philosophy-box {
        width: 47%;
        position: absolute;
        top: 13%;
        left: 50%;
        padding: 30px 30px;
    }
    
    .our-philosophy .box-left{
        right: 50%;
        left:auto;
    }

    

    .our-philosophy .one,
    .our-philosophy .two,
    .our-philosophy .three,
    .our-philosophy .four,
    .our-philosophy .five{
        height: 510px;
    }

    
    
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Your CSS rules for tablets */
    .our-philosophy .our-philosophy-box{
        width: 50%;
        top: 10%;
        left: 47%;
        padding: 25px 15px;
    }
    .our-philosophy .box-left{
        right: 50%;
        left:auto;
        width:47%;
    }

    .our-philosophy .three{
        background-position: 20%;
    }
    .our-philosophy .five{
        background-position: 60%;
    }

    .two .box-left{
        top:7%;
    }
    .four .box-left{
        top:5%;
    }
  }
  



@media screen and (max-width:767px) {
    .our-philosophy .our-philosophy-box {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        background-color: #F8F5F0;
        padding: 30px 10px;
    }

.our-philosophy .our-philosophy-box h3, .our-philosophy .our-philosophy-box p{
color:#000 !important;
}


    .our-philosophy .fs-22 {
        font-size: 16px;
        line-height: 24.34px;
    }
    .our-philosophy .one,
    .our-philosophy .two,
    .our-philosophy .three,
    .our-philosophy .four,
    .our-philosophy .five {
        background: none;
        background-repeat: initial;
        background-position: initial;
        background-size: initial;
        height: auto;
    }
    .our-philosophy .box-left{
        right: auto;
        left:auto;
        width:100%;
    }
}

/* Our Philosophy style ends here */


/* Work With Us styles starts here */
.work-with-us-banner{

}

.work-with-us-banner a{
    color: inherit;
}

.work-with-us-banner a:hover{
    color: inherit;
    text-decoration:underline;
}

.work-with-us-2 a.btn{
color: #FFFFFF;
    font-family: Rosario;
    font-size: 14px;
    font-weight: 600;
    line-height: 23.8px;
    background-color: #003B41;
    border-radius: 30px;
    padding: 10px 40px;
    border: 1px solid #003B41;
}

.work-with-us-2 a.btn:hover{
    background-color: #FFFFFF;
    color: #003B41;
    
}

.work-with-us-2 .btn-check:focus+.btn, .work-with-us-2 .btn:focus, .work-with-us-2 .btn{
    box-shadow: unset;
}

.work-with-us-2 h2{
color:#003B41;
}


@media only screen and (max-width: 767px) {
  /* Your CSS rules for mobile devices */
      .work-with-us-2 .fs-22 {
          font-size: 18px;
    line-height: 26.34px;
      }
}

/* Work With Us styles ends here */