@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tangerine:wght@400;700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

html {
    scroll-padding: 5.5rem;
}

@font-face {
    font-family: 'SFprothin';
    src: url('../fonts/SFPRODISPLAYULTRALIGHTITALIC.OTF');
}
@font-face {
    font-family: 'SFproRegular';
    src: url('../fonts/SFPRODISPLAYREGULAR.OTF');
}

@font-face {
    font-family: 'SFproMedium';
    src: url('../fonts/SFPRODISPLAYMEDIUM.OTF');
}

@font-face {
    font-family: 'SFproBold';
    src: url('../fonts/SFPRODISPLAYBOLD.OTF');
}

@font-face {
    font-family: 'bradly';
    src: url('../Bradley/BRADHI.ttf');
}

.logo-color {
    color: #286276 !important;
}

.logo-color-2 {
    color: #286276 !important;
}


.baner-container {
    width: 100%;
    height: 148vh;
    position: relative;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(10deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 87%), url(../img/baner/home-baner.webp);
}

.baner-container::after {
    content: '';
    width: 100%;
    height: 20px;
    background: rgb(255, 255, 255);
    box-shadow: -6px -27px 41px 38px #fff;
    position: absolute;
    bottom: 0;

}

.baner-cont-2 {
    width: 100%;
    height: 77%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;

}

.header {
    width: 100%;
    position: absolute;
    top: 0;
    padding: 10px 0;
    z-index: 999;
}

.header .navbar {
    background-color: transparent;
}

.top-logo img {
    width: 200px;
}

.header-menu li {
    margin: 0 2px;



}

.header-menu li a {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.5px;

    color: #222;
    padding: 8px 7px !important;
}

.header-menu li a:hover {
    color: #286276;
}

.header-menu li a i {
    margin-left: 5px;
    font-size: 15px;
}

.nav-top-btn {
    padding: 7px 15px;
    background-color: transparent;
    color: #286276;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #286276;
    text-decoration: none;
}

.nav-top-btn img {
    width: 18px;
}

.nav-tog {
    border: 0 !important;
}

.nav-tog-2 {
    width: 45px;
    height: 45px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50% !important;
    background-color: #2862760D !important;
    color: #286276 !important;
    border: 0 !important;
    font-size: 17px !important;


}

.nav-close {
    background-color: transparent !important;
    color: #000 !important;
    font-size: 20px !important;
    border: 0 !important;
}

.flag img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;


}

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

.flag select {
    background-color: transparent;
    border: 0;
    color: #fff;
    padding-left: 3px;
}

.drop-nav {
    position: relative;
}

.drop-menu {
    min-width: 300px;
    height: 0;
    background-color: #fff;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;


}

.drop-menu ul {
    padding: 0;
    list-style: none;
}

.drop-menu ul li {
    padding: 15px 5px;
    border-bottom: 1px solid #1d689a48;

}

.drop-menu ul li:last-child {
    border-bottom: 0;
}

.drop-menu ul li a {
    text-decoration: none;
    color: #286276;
    width: 100%;
    display: flex;
    transition: 0.5s;

}

.drop-menu ul li a:hover {
    color: #286276;
    font-weight: 600;
}

.drop-nav:hover .drop-menu {
    opacity: 1;
    height: 170px;
}



.baner-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 500px; */

}

.baner-caption {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.baner-caption h1 {

    color: #000;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    margin: 0;
    text-align: center;

}

/* .baner-caption h1 span {
    font-family: "Tangerine", cursive;
    font-size: 7rem;
} */

.baner-caption p {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
    margin: 0;

}

.home-btn {
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #286276;
    font-weight: 500;
    border-radius: 40px;
    transition: 0.5s;
    border: 1px solid #286276;
    font-size: 16px;
    letter-spacing: 0.02em;
}

.home-btn:hover {
    border-color: #fff;
    background-color: transparent;
}

.section-padding {
    padding: 50px 10px;
}

.home-about {
    padding: 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 20px;
}

.home-about h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 35px;
}

.home-about p {
    font-size: 15px;
    margin: 0;
    margin-top: 15px;
    color: #00000066;
    line-height: 27px;
}

.home-about-right {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-about-right h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    color: #286276;
}

.home-about-right h1 span {
    font-size: 45px;
}

.home-about-right img {
    width: 300px;
}

.section-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.section-title h3 {
    font-size: 33px;
    font-weight: 600;
    text-align: center;
}

.section-title p {
    font-size: 16px;
    margin-top: 7px;
    color: #646464;
    line-height: 27px;
    text-align: center;
}

.core-img {
    width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.core-img h3 {
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
}

.home-choose-us-container {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 25px;
    position: relative;
}

.home-choose-us-container .choose-icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #286276;
    background-color: #F6F9FB;
}

.home-choose-us-container .choose-icon i {
    font-size: 50px;
}

.home-choose-us-container .choose-icon img {
    width: 50px;
}

.home-choose-us-container h4 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.home-choose-us-container .choose-border {
    width: 3px;
    height: 100%;
    background-color: #286276;
    position: absolute;
    right: 0;
    border-radius: 50%;
}

.home-bottom-baner-container {
    width: 100%;
    height: 130vh;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: linear-gradient(180deg, rgb(247, 250, 251) 0%, rgba(196, 236, 255, 0) 50%, rgba(191, 235, 255, 0.847) 100%), url(../img/baner/3.jpg); */
    background-image: linear-gradient(180deg, rgb(255 255 255) 12%, rgb(239 250 240 / -13%) 53%, rgb(115 221 212 / 78%) 96%), url(../img/baner/3.jpg);
    display: flex;
    /* justify-content: space-between;
    align-items: center;
    flex-direction: column; */
}

/* .baner-sec-top,.baner-sec-center,.baner-sec-bottom{
    width: 100%;
    height: 33%;
}
.baner-sec-top{
    background: linear-gradient(180deg, #FFFFFF 0.5%, rgba(239, 250, 255, 0.23) 100%);

}
.baner-sec-center{
    background: linear-gradient(180deg, rgba(231, 242, 250, 0) 0.46%, rgba(239, 250, 255, 0.73) 33.11%, #EFFAFF 64.36%, rgba(247, 247, 239, 0.18) 92.77%);

}
.baner-sec-bottom{
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 250, 255, 0) 100%);


} */

.baner-sec-top {
    width: 100%;
    height: 50vh;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    padding-top: 50px;
}

.baner-sec-top h3 {
    font-weight: 700;
    text-align: center;
    font-size: 2rem;
    line-height: 40px;
    font-family: "Poppins", sans-serif !important;
}
.baner-sec-top h3 img{
    width: 30px;
}
.baner-sec-top-container p {
    font-size: 16px;
    margin: 0;
    margin-top: 15px;
    color: #646464;
    line-height: 27px;
    text-align: center;
}

.home-bottom-baner-container-2 {
    width: 100%;
    height: 130vh;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
     /* background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(239, 250, 240, 0) 50%, rgba(239, 250, 240, 1) 100%), url(../img/baner/2.png); */
    display: flex;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) -5%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 1) 100%), url(../img/baner/2.png);
    margin-top: -5px;
    position: relative;
}

/* .home-bottom-baner-container-2 img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
} */

.footer {
    padding: 50px;
    -webkit-box-shadow: 1px -14px 27px 17px #fff;
    box-shadow: 1px -14px 27px 17px #fff;
}

.footer-widget {
    padding-right: 25px;
}

.footer-widget h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 30px;
}

.footer-widget p {
    font-size: 14px;
    margin: 0;
    margin-top: 10px;
    color: #646464;
    line-height: 25px;
}

.footer-widget-2 ul {
    padding: 0;
    list-style: none;
}

.footer-widget-2 h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
}

.footer-widget-2 ul li a {
    font-size: 15px;
    margin: 0;
    color: #646464;
    line-height: 25px;
    text-decoration: none;
    transition: 0.5s;
}

.footer-widget-2 ul li {
    margin: 4px 0;
}

.footer-widget-2 ul li a:hover {
    color: #286276;
}

.footer-widget-3 h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
}

.footer-widget-3 ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

}

.footer-widget-3 ul li a img {
    width: 60px;

}

.footer-widget-3 img {
    width: 500px;
}

.footer-widget-3 select {
    height: 50px;
    border: 0;
    background-color: #dae9f3;
    border-radius: 10px;

}

.footer-widget-3 img {
    width: 200px;

}

.footer-widget-4 .dropdown .dropdown-toggle {
    height: 50px;
    border: 0;
    background-color: #dae9f3;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 10px;

}

.footer-widget-4 .dropdown .dropdown-toggle img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.footer-bottom {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.footer-bottom p {
    font-size: 14px;
    margin: 0;
    color: #646464;
    line-height: 25px;
}

.footer-bottom ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.footer-bottom ul li a {
    font-size: 14px;
    margin: 0;
    color: #646464;
    line-height: 25px;
    text-decoration: none;
    transition: 0.5s;
}

.footer-bottom-right {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.footer-bottom-right ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin: 0;
}

.footer-bottom-right ul li a {
    font-size: 15px;
    margin: 0;
    color: #646464;
    line-height: 25px;
    text-decoration: none;
    transition: 0.5s;
}

.footer-bottom-right ul li a i {
    font-size: 18px;
}

.footer-bottom-right ul li a:hover {
    color: #286276;
}



.custom-swiper {

    background: var(--body-color);
}

:root {
    --body-color: #fff;
}



.swiper {
    position: relative;
    width: 100%;
}

.swiper-psd::before {
    content: "";
    position: absolute;
    top: -70px;
    left: -10%;
    width: 120%;
    height: 100px;
    background: var(--body-color);
    border-radius: 100%;
    z-index: 100;
}

.swiper-psd::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: -10%;
    width: 120%;
    height: 100px;
    background: var(--body-color);
    border-radius: 100%;
    z-index: 1000;
}

.custom-swiper .swiper-slide img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.nav-side {
    /* background-color: #b8b7b7 !important; */
    background-color: #fff !important;

}

.side-nav-img {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;


}

.side-nav-img img {
    width: 130px;
    margin: auto;
    display: flex;
    opacity: 0.4;
}

.bottom-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.bottom-price img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.side-nav-ul ul li {
    padding: 10px 2px;
    /* border-bottom: 1px solid #5a56565c; */

}

.side-nav-ul ul li a {
    color: #286276;
}

.side-nav-ul ul li:last-child {
    border-bottom: 0;
}

.hero-baner-for-mobile,
.mobile-gradiant,
.mobile-gradiant-bottom {
    display: none;
}

.for-mobile {
    display: none !important;
}

.baner-img-for-mobile {
    display: none;
}

.shadow-gradiant {
    display: none;
}

.d-flex-j-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pb_100 {
    padding-bottom: 100px;
}

/* .shadow-gradiant-1 {
    display: block;
    width: 100%;
    height: 40px;
    background: rgb(255, 255, 255);
    box-shadow: -7px -25px 40px 30px #fff;
    position: absolute;

} */





/* Version 2 */

.home-search-container {
    width: 100%;
    height: 80px;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-search-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    position: relative;
}

.home-search-box .label-img img {
    width: 22px;
}

.home-search-box .label-input label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #475569;
    margin: 0;
}

.home-search-box .label-input input {
    border: 0;
    padding: 0;
    padding-top: 7px;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}

.home-search-box .label-input input::placeholder {
    color: #94A3B8;
    font-size: 14px;
    font-weight: 400;
}

.home-search-btn {
    width: 60px;
    height: 58px;
    border-radius: 50%;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #286276;
    text-decoration: none;
}

.home-features-box {
    width: 100%;
    padding: 20px 10px;

}

.home-features-box ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    list-style: none;
    flex-wrap: wrap;
}

.home-features-box ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #64748B;
}

.home-features-box ul li i {

    color: #51AAFE;
}

.retreats-carousel .item {
    padding: 2px;
}

.retreats-carousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.retreats-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    font-size: 35px !important;
    background-color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50%;
    position: relative;
}

.retreats-carousel .owl-nav button.owl-prev {
    margin-left: -60px;
}

.retreats-carousel .owl-nav button.owl-next {
    margin-right: -60px;
}

.retreats-carousel .owl-nav button.owl-next span {
    display: none;
}

.retreats-carousel .owl-nav button.owl-next::after {
    content: url(../img/Chevron_right.svg);
    transform: scale(.6);
}

.retreats-carousel .owl-nav button.owl-prev span {
    display: none;
}

.retreats-carousel .owl-nav button.owl-prev::after {
    content: url(../img/Chevron_left.svg);
    transform: scale(.6);
}

.retreat-highlights-container {
    width: 100%;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
    min-height: 24.5rem;
    background-color: #fff;
    height:100%;
}

.retreat-highlights-img {
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px;
}

.retreat-highlights-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

}

.retreat-highlights-top .tag-span {
    width: fit-content;
    background-color: #fff;
    color: #000;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
}

.retreat-highlights-top .tag-span.text-red {
    color: red;
}

.retreat-highlights-top .tag-span.text-blue {
    color: #286276;
}


.retreat-highlights-top .like-span {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 50%;
}

.retreat-highlights-dt {
    padding-top: 10px;
}

.retreat-highlights-dt h3,.retreat-highlights-dt h3 a {
    font-size: 16px;
    color: #475569;
    line-height: 27px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    text-decoration:none;
}


.retreat-highlights-dt p {
    margin: 0;
    margin: 7px 0;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    gap: 10px;
    color: #475569;
    font-size: 13px;
}
.retreat-highlights-dt p.rt-address {
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}




/*EXP*/



.experience-highlights-container {
    width: 100%;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
    min-height: 24.5rem;
    background-color: #fff;
    height:100%;
}

.experience-highlights-img {
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px;
}

.experience-highlights-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

}

.experience-highlights-top .tag-span {
    width: fit-content;
    background-color: #fff;
    color: #000;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
}

.experience-highlights-top .tag-span.text-red {
    color: red;
}

.experience-highlights-top .like-span {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 50%;
}

.experience-highlights-dt {
    padding-top: 10px;
}

.experience-highlights-dt h3,.experience-highlights-dt h3 a {
    font-size: 16px;
    color: #475569;
    line-height: 27px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    text-decoration:none;
}


.experience-highlights-dt p {
    margin: 0;
    margin: 7px 0;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    gap: 10px;
    color: #475569;
    font-size: 13px;
}
.experience-highlights-dt p.rt-address {
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}



.experiences-carousel .item {
    padding: 2px;
}

.experiences-carousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.experiences-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    font-size: 35px !important;
    background-color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50%;
    position: relative;
}

.experiences-carousel .owl-nav button.owl-prev {
    margin-left: -60px;
}

.experiences-carousel .owl-nav button.owl-next {
    margin-right: -60px;
}

.experiences-carousel .owl-nav button.owl-next span {
    display: none;
}

.experiences-carousel .owl-nav button.owl-next::after {
    content: url(../img/Chevron_right.svg);
    transform: scale(.6);
}

.experiences-carousel .owl-nav button.owl-prev span {
    display: none;
}

.experiences-carousel .owl-nav button.owl-prev::after {
    content: url(../img/Chevron_left.svg);
    transform: scale(.6);
}





























.review-star i {
    color: #286276;
    margin-top:2px;
}

.section-btn {
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    color: #fff;
    background-color: #286276;
    font-weight: 500;
    border-radius: 40px;
    transition: 0.5s;
    border: 1px solid #286276;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin: 5px auto;
    font-size: 14px;

}

.section-btn:hover {
    background-color: #0e466b;
}

.section-btn i {
    font-size: 12px;
}

.content-img-section {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    padding-top: 10px;
    background-image: url(../img/baner/8-v2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 17px;
}

.content-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;

}

.content-img img {
    width: 70px;
}

.content-img p {
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 17px;

}

.content-img h3 {
    font-family: "bradly" !important;
    font-weight: 600;
}

.content-img-sec-2 {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.11257002801120453) 48%), url(../img/baner/9-flip.png);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;


}

.content-img-sec-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* .content-img-sec-2::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background: rgb(255, 255, 255);
    box-shadow: 6px 0px 37px 40px #fff;
} */

.content-img-sec-2-dt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    padding-right: 20px;
}

.content-img-sec-2-dt img {
    width: 90px;
}

.content-img-sec-2-dt h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 55px;
}

.content-img-sec-2-dt p {
    font-size: 17px;
    line-height: 30px;
    margin: 0;
}

.content-img-sec-2-dt h3 {
    margin-top: 15px;
    font-size: 25px;
    font-weight: 600;
    font-family: "bradly" !important;
    margin: 0;
}

.bottom-content-img {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4543067226890757) 0%, rgba(0, 0, 0, 0.4459033613445378) 100%), url(../img/baner/11.png);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px;
}

.stories-img {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.stories-img img {
    width: 40px !important;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.stories-img p {
    font-size: 13px;
    margin: 0;
    color: #64748B;
}

.text_dark {
    color: #000 !important;
}

.newsletter-section {

    width: 100%;
    height: 140px;
    background-color: #EBF1F6;
    border-radius: 10rem;

}

.newsletter-text {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 20px 20px;
    padding-left: 60px;
    gap: 7px;
}

.newsletter-text h3 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    margin: 0;

}

.newsletter-text p {
    color: #000;
    margin: 0;
    font-size: 15px;
}

.newsletter-input {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-right: 50px;
}

.newsletter-input input {
    width: 80%;
    height: 65px;
    border-radius: 100px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.newsletter-btn {
    width: 170px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    border: 0;
    background-color: #286276;
    margin: auto;
    color: #fff;
    border: 1px solid #286276;
}

.pos-container {
    background-color: #ffffffbb;
    margin-top: -15rem;
    z-index: 1;
    position: relative;
}

.soulcation-ntr-img {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.soulcation-ntr-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.soulcation-ntr-dt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.soulcation-ntr-dt h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}

.soulcation-ntr-dt p {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

.ntr-color {
    color: #00763F;
}

.content-main-img-section {
    width: 100%;
    height: 750px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    position: relative;
    border-radius: 20px;
    padding: 5px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(239, 250, 240, 0) 50%, rgba(239, 250, 240, 0.17979691876750703) 100%), url(../img/baner/4-v2.png);
}

.content-main-img-section::after {
    content: '';
    width: 100%;
    height: 20px;
    background: rgb(255, 255, 255);
    box-shadow: 0px -4px 42px 35px #fff;
    position: absolute;
    bottom: 0;

}

.parent-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.instagram1-container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;

}

.instagram1-container .instagram1 {
    width: 450px;
    height: 100%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    transform: rotate(-6deg);


}

.instagram1 img {
    width: 100%;
    height: 100%;

}

.instagram2-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: 430px;

}

.instagram2-container .instagram2 {
    width: 450px;
    height: 450px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    transform: rotate(4deg);
    position: absolute;
    top: -30%;
    left: -20%;

}

.instagram2 img {
    width: 100%;
    height: 100%;

}

.instagram-folow {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 100px;
    padding-left: 50px;
}

.instagram-folow h3 {
    font-family: "bradly" !important;
    font-size: 25px;
    font-weight: 600;
}

.instagram-folow h3 span {
    font-family: "bradly" !important;
    position: relative;
}

.instagram-folow h3 span::before {
    content: url(../img/arrow-1.png);
    position: absolute;
    left: -13rem;
    top: -6rem;
}

.instagram-folow h3 span::after {
    content: url(../img/line-1.png);
    position: absolute;
    bottom: -36px;
    left: 0;
}

.instagram-folow-2 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 69px;
    padding-right: 136px;
}

.instagram-folow-2 h3 {
    font-family: "bradly" !important;
    font-size: 26px;
    font-weight: 600;
    width: 80%;
    line-height: 50px;
}

.instagram-folow-2 h3 span {
    font-family: "bradly" !important;
    position: relative;
}

.instagram-folow-2 h3 span::before {
    content: url(../img/arrow-2.png);
    position: absolute;
    bottom: -4rem;
    left: 0;
}

.instagram-folow-2 h3 span::after {
    content: url(../img/line-1.png);
    position: absolute;
    bottom: -0px;
    left: 0;
}

.leaf-class {
    position: relative;
    text-align: left !important;
}

.leaf-class::after {
    content: url(../img/leaf.png);
    transform: scale(0.4);
    position: absolute;
    right: -1.5rem;
    top: -42px;

}

.search-sec-mob {
    display: none;
}





@media screen and (max-width:1200px) {
    .header-menu li a {
        font-size: 13px;

        padding: 0 5px !important;
    }

    .header-menu li {
        margin: 0 0;
    }

    /* .baner-caption h1 {
        font-size: 3rem;
    } */


}

@media screen and (max-width:991px) {

    .search-sec-mob {
        display: block;
        width:100%;
    }

    .baner-flex {
        position: absolute;
        /*height: 80vh;*/
    }

    .side-nav-img {
        display: block;
    }


    .d_lg_none {
        display: none !important;
    }

    .for-desktop {
        display: none;
    }

    .for-mobile {
        display: block !important;
    }

    .header-menu li a {
        color: #222;
        font-size: 15px;
    }

    /* .baner-caption h1 {
        font-size:2.5rem;
        line-height: 40px;
    } */

    .reverse-col {
        flex-direction: column-reverse;
    }

    /* .about-sec {
        background: rgb(29, 103, 154);
        background: linear-gradient(183deg, rgba(29, 103, 154, 1) 0%, rgba(255, 255, 255, 0.32825630252100846) 100%);
        box-shadow: 1px -42px 27px 17px #1d689afc;
    } */

    .home-about-right h1 {
        /* color: #fff; */
        text-align: center;
    }

    /* .home-about {
        background: rgba(255, 255, 255, 0.805);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(11.9px);
        -webkit-backdrop-filter: blur(11.9px);
        border: 1px solid rgba(255, 255, 255, 0.07);
        min-height: 280px;

    } */
    .footer {
        padding: 0;
        padding-top: 20px;
    }

    .footer-widget {
        padding-right: 0;
    }

    .footer-widget h3 {
        text-align: center;
    }

    .footer-widget p {
        text-align: center;
    }

    .footer-widget-3 h3 {
        text-align: center;
    }

    .footer-widget-3 ul {
        gap: 10px;
        justify-content: center;
    }

    .footer-widget-3 {
        margin-bottom: 15px;
    }

    .d_none_lg {
        display: none !important;
    }

    /*.nav-top-btn {*/
    /*    display: none !important;*/
    /*}*/

    .home-about p {
        text-align: center;
    }

    .home-about {
        padding: 15px;
    }

    .side-nav-ul ul li {
        padding: 20px 15px;
    }

    .home-search-container {
        height: 100%;
         /*flex-direction: column; */
         padding-top: 20px; 
        width: 100%;
        margin: 0 auto;

    }

    .mb-lg_bottom {
        margin-bottom: 20px;
    }

    .content-img-sec-2 {

        background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.11257002801120453) 48%), url(../img/baner/9-flip.png);

    }

    .instagram-folow {
        padding-left: 0;
    }

    .instagram2-container .instagram2 {
        height: 340px;
        position: relative;
    }

    .instagram-folow h3 span::before {
        left: -10rem;
    }

    .instagram-folow-2 h3 {
        width: 100%;
    }

    .instagram-folow-2 {
        padding-top: 40px;
        padding-right: 30px;
    }

    /* .instagram-folow-2 h3 span::after {
    bottom: -42px;
    left: -170px;
} */
    /* .instagram-folow-2 h3 span::before {
    bottom: -6rem;
    left: -150px;
} */
    .instagram2-container {
        height: 100%;
    }

    .newsletter-section {
        height: 100%;
        border-radius: 10px;
        padding: 36px 0;
    }

    .newsletter-input {
        flex-wrap: wrap;
    }

    .leaf-class {
        margin-top: 24px;
        width: fit-content;
    }

    .leaf-class::after {
        position: absolute;
        right: -17rem;
        top: -42px;
    }

    .home-features-box ul {
        gap: 10px;
    }

    .newsletter-text,
    .newsletter-input {
        padding-right: 0;
    }

    .newsletter-text h3,
    .newsletter-text p {
        text-align: center;
        margin: auto;
    }

    .newsletter-text {
        padding-left: 0;
    }

    .newsletter-input input,
    .newsletter-btn {
        height: 50px;
    }

    .newsletter-btn {
        width: 160px;
    }


}

@media screen and (max-width:768px) {
    /* .baner-caption h1 {
        font-size: 2.5rem;
    } */

    .home-about {
        min-height: 380px;

    }

    .home-choose-us-container .choose-border {
        display: none;
    }

    .home-choose-us-container {
        flex-direction: row;
        width: fit-content;
        background: #fff;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 70px;
        padding: 7px 20px 7px 7px;
        justify-content: flex-start;
        box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
        margin-bottom: 0;
    }

    .home-choose-us-container h4 {
        margin-bottom: 0;
    }

    .home-choose-us-container .choose-icon {
        width: 50px;
        height: 50px;
    }

    .home-choose-us-container .choose-icon i {
        font-size: 25px;
    }

    .home-choose-us-container .choose-icon img {
        width: 25px;
    }

    .rotate-1 {
        transform: rotate(-11deg);
    }

    .rotate-2 {
        transform: rotate(-4deg);
    }

    .choose-col-reverse {
        flex-direction: column-reverse;
    }

    .footer-bottom {
        flex-direction: column;
    }

    .footer-bottom-right {
        justify-content: center;
    }

    .footer-bottom-right ul {
        margin-top: 10px;
    }

    .instagram-folow-2 h3,
    .instagram-folow h3 {
        font-size: 17px;

        line-height: 26px;
    }

    .instagram-folow {
        padding-top: 0;
    }

    .instagram2-container .instagram2 {
        height: auto;
    }

    .instagram-folow-2 h3 span::after {
        bottom: -42px;
        left: -170px;
    }

    .instagram-folow-2 h3 span::before {
        bottom: -6rem;
        left: -150px;
    }

    .pb_100 {
        padding-bottom: 0px;
    }

    .content-main-img-section {
        height: 650px;
    }

    .py__cstm {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .pt__cstm_15 {
        padding-top: 15px;
    }
    .retreats-carousel .owl-nav button.owl-next {
        margin-right: -16px;
    }

    .retreats-carousel .owl-nav button.owl-prev {
        margin-left: -16px;
    }
    .experiences-carousel .owl-nav button.owl-next {
        margin-right: -16px;
    }

    .experiences-carousel .owl-nav button.owl-prev {
        margin-left: -16px;
    }
}

@media screen and (max-width:567px) {
    .d_sm_none {
        display:none !important;
    }
    .baner-container {

        height: 100vh;
    }

    .pos-container {
        margin-top: 0rem;
    }

    .baner-flex {
       height: 100%;
        padding-top: 20px;
        align-items:flex-start;
    }

    .baner-caption h1 {
        font-size: 23px;
        line-height: 33px;
        width: 80%;
        font-weight: 500;

    }

    .baner-caption p {
        font-size: 15px;
    }

    .home-about-right h1 {
        font-size: 40px;
        line-height: 43px;
    }

    .home-about-right h1 span {
        font-size: 35px;
    }

    .home-about {
        min-height: 350px;

    }

    .swiper::before,
    .swiper::after {
        display: none;
    }

    .home-bottom-baner-container,
    .home-bottom-baner-container-2 {
        background-image: none;
        height: 600px;
        position: relative;
    }

    .baner-img-for-mobile {
        width: 100%;
        /*height: 60%;*/
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
    }

    .baner-img-for-mobile img {
        width: 100%;
        object-fit: fill;
        height: 100%;
    }

    .baner-sec-top {
        position: absolute;
        height: 100%;
        background-image: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 50%, rgb(255 255 255 / 3%) 67%);
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;

    }

    .baner-sec-top h3 {
        font-size: 25px;
        line-height: 33px;
        font-weight:500;
    }

    .baner-sec-top-container p {
        font-size: 15px;
    }

    .bg-gradiant {
        background-image: linear-gradient(180deg, rgb(162 210 233 / 0%) 0%, rgb(255 255 255) 40%, rgb(220 220 220 / 0%) 46%);
    }

    /* .shadow-gradiant {
        display: block;
        width: 100%;
        height: 40px;
        background: rgb(255, 255, 255);
        box-shadow: 1px -14px 27px 17px #fff;

    } */

    .m_top_50 {
        margin-top: 50px;
    }

    .footer-widget-3 ul li a img {
        width: 42px;
    }

    /* .px_head {
        padding-left: 20px !important;
        padding-right: 20px !important;
    } */

    .top-logo img {
        width: 150px;
    }

    .home-about h3 {
        text-align: center;
    }

    .home-about p {
        font-size: 16px;
    }

    .section-title h3 {
        font-size: 25px;
    }

    .section-title p {
        font-size: 15px;
    }

    /* .baner-caption h1 span {
        font-size: 4rem;
     } */

    /* .baner-container{
        background-image: unset;
    } */
    .hero-baner-for-mobile {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .mobile-gradiant {
        display: block;
        width: 100%;
        height: 300px;
        background: rgb(29, 103, 154);
        background: linear-gradient(183deg, rgb(43 128 187) 0%, rgb(9 73 118) 87%);
        position: absolute;

    }

    .mobile-gradiant-bottom {
        display: block;
        width: 100%;
        height: 50px;
        background: rgb(29, 103, 154);
        background: linear-gradient(0deg, rgba(29, 103, 154, 1) 0%, rgba(29, 103, 154, 0) 100%);
        position: absolute;
        bottom: 0;

    }

    .hero-baner-for-mobile img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        position: absolute;
        bottom: 0;
    }

    .shadow-gradiant-1 {
        display: none;
    }

    .baner-sec-top {
        padding-top: 10px;
    }

   

    .content-img p {
        line-height: 22px;
        font-size: 15px;
    }

    .content-img-sec-2 {
        height: 300px;
    }

    .content-main-img-section {
        height: 500px;
    }

    /* .instagram-folow-2{
        padding-right: 35px;
    } */
    .instagram-folow h3 span::before {
        transform: scale(0.5);
    }

    .instagram-folow h3 span::after {
        transform: scale(0.5);
        left: -30px;
    }

    .instagram-folow-2 h3 span::after {
        transform: scale(0.5);
        left: 0px;

    }

    .instagram-folow-2 h3 span::before {
        transform: scale(0.5);
        bottom: -5rem;
        left: 0;

    }

    .newsletter-text {
        padding: 10px 15px;
    }

    .newsletter-section {
        border-radius: 10px;
        padding: 50px 25px;
    }

    .newsletter-text h3 {
        font-size: 23px;
        text-align: center;
    }

    .newsletter-input input {
        width: 100%;
    }

    .newsletter-text p {
        font-size: 13px;
    }

    /* .content-img-section {
        height: 480px;
    } */

    .baner-container {
     background-image: linear-gradient(11deg, rgba(255, 255, 255, 0) 44%, rgb(255 255 255 / 92%) 87%), url(../img/baner/hero-mob.JPG);
    }

    .baner-cont-2 {
        height: 100%;
    }

    .px_0_max {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .content-img-section {
        border-radius: 0;
    }

    .pb__0 {
        padding-bottom: 0px;
    }
    .home-follow-us{
        padding-bottom: 20px;
    }




}

@media screen and (max-width:470px) {
    .home-about {
        min-height: 430px;

    }

    .hero-baner-for-mobile img {
        height: 100%;
    }

    /*.baner-img-for-mobile {*/
    /*    height: 55%;*/
    /*}*/
    .bg-gradiant {
        background-image: linear-gradient(180deg, rgb(162 210 233 / 0%) 0%, rgb(255 255 255) 58%, rgb(220 220 220 / 0%) 73%);
    }

    .baner-sec-top {

        background-image: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 56%, rgb(255 255 255 / 3%) 67%);

    }

    /* .baner-container{
       
        height: 115vh;  
   } */
    .baner-flex {
        height: 57vh;
    }

}

@media screen and (max-width:540px) {
    .instagram-folow-2 h3 span::after {
        bottom: -11px;
        left: -20px;
    }

    .instagram-folow-2 h3 span::before {

        bottom: -3.5rem;
        left: 0;
    }
}

@media screen and (max-width:440px) {
    .instagram-folow-2 h3 span::after {
        left: -130px;
        bottom: -35px;
    }

    .instagram-folow-2 h3 span::before {
        left: -43px;
        transform: scale(0.8);
        rotate: -5deg;
        bottom: -4.5rem;
    }

    .instagram-folow h3 {
        font-size: 15px;
        line-height: 20px;
    }

}

@media screen and (max-width:398px) {
    .instagram-folow-2 h3 span::before {
        left: -42px;
        transform: scale(0.8);
        rotate: -8deg;
        bottom: -2rem;
    }
}

@media screen and (max-width:385px) {
    .instagram-folow-2 h3 span::before {
        left: -39px;
        transform: scale(0.8);
        rotate: -8deg;
        bottom: -2rem;
    }
}

@media screen and (max-width:380px) {
    .home-about {
       height: 100%;

    }

    .hero-baner-for-mobile img {
        height: 100%;
    }

    .instagram-folow h3 span::after {
        left: -30px;
    }

    .instagram-folow-2 h3 {
        font-size: 15px;
    }

    /* .baner-caption h1 {
        font-size: 19px;
        line-height: 27px;
    } */

    .instagram-folow-2 h3 span::after {
        left: -100px;
    }

    .instagram-folow-2 h3 span::before {
        left: -37px;
        transform: scale(0.8);
        /* transform: rotate(-28deg); */
        rotate: -26deg;
        bottom: -4rem;

    }
}

@media screen and (max-width:375px) {
    .instagram-folow-2 {

        padding-right: 40px;
    }

    .instagram-folow-2 h3 span::after {
        left: -100px;
    }

    .instagram-folow-2 h3 span::before {
        left: -18px;
        transform: scale(0.8);
        /* transform: rotate(-28deg); */
        rotate: -13deg;
        bottom: -2rem;


    }
}

@media screen and (max-width:367px) {
    .instagram-folow-2 h3 span::after {
        left: -108px;
    }

    .instagram-folow-2 h3 span::before {
        bottom: -2rem;
        left: -27px;
    }
}

@media screen and (max-width:350px) {
    .home-about {
        min-height: 550px;

    }

    /* .instagram-folow-2 h3 span::after{
        left: -120px;
    } */
    .instagram-folow-2 h3 span::before {
        /* left: -80px; */
        transform: scale(0.8);
        rotate: -26deg;

    }

    .instagram-folow h3 span::after {
        left: -105px;
    }


}







.pages-section {
    width: 100%;
    height: 60vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(0deg, rgb(255 255 255 / -10%) 71%, rgb(255 255 255) 100%), url(../img/baner/30.jpg);
    /* background-image:  linear-gradient(0deg, rgba(255,255,255,0.560749299719888) 0%, rgba(255,255,255,1) 100%), url(../img/baner/6.png); */
}

.nav_tog_pages {
    background-color: #1d679ab0 !important;
    color: #fff !important;
}


.warpper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*.tab {*/
/*    cursor: pointer;*/
/*    padding: 10px 25px;*/
/*    margin: 0px 2px;*/
/*    background: #fff;*/
/*    display: inline-block;*/
/*    border-radius: 5px;*/
/*    color: rgb(0 0 0);*/
/*    font-size: 15px;*/
/*    font-weight: 500;*/
/*}*/

.tab:hover {
    color: #286276;
}

.tabs {
    width: 100%;
    display: flex;
    justify-content: center;

}

.panels {
    background: #fffffff6;
    min-height: 200px;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 0;
    margin-top: 20px;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#one:checked~.panels #one-panel,
#two:checked~.panels #two-panel,
#three:checked~.panels #three-panel,
#four:checked~.panels #four-panel,
#five:checked~.panels #five-panel {
    display: block
}

#one:checked~.tabs #one-tab,
#two:checked~.tabs #two-tab,
#three:checked~.tabs #three-tab,
#four:checked~.tabs #four-tab,
#five:checked~.tabs #five-tab {
    background: #286276;
    color: #fff;
}
.flow-x{
    overflow-x:auto;
}

/* width */
.flow-x::-webkit-scrollbar {
  width: 4px;
  height:4px;
}

/* Track */
.flow-x::-webkit-scrollbar-track {
  background:#f2f2f2;
  border-radius: 10px;
}
 
/* Handle */
.flow-x::-webkit-scrollbar-thumb {
  background: #286276 ; 
  border-radius: 10px;
}


.blog-container {
    width: 100%;
    transition:0.5s;

}

.blog-container .blog-img {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:0.5s;
    border-radius: 10px;
    overflow:hidden;
}

.blog-container .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.blog-container:hover .blog-img img {
    transform:scale(1.1);
      transition:0.5s;
       rotate: 2deg;
}

.blog-dt {
    padding: 15px 0;
}

.blog-dt h6 {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    margin: 0;
    color: #222;

}

.blog-dt p {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #5d5e62;
    margin: 10px 0;
}

.blog-link {
    text-decoration: none;
}

.footer-shadow-for-pages {
    box-shadow: none;
    box-shadow: rgba(99, 99, 99, 0.2) -10px -5px 26px -5px;
}

.blog-text-font {
    padding: 20px;
    float: left;
    font-size: 70px;
}

.blog-dt-para p {
    font-size: 15px;
    margin-top: 7px;
    color: #222;
    line-height: 28px;
    text-align: left;
    margin: 0;
}

.blog-dt-img {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
}

.blog-dt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.blog-dt-second h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 43.29px;
    text-align: left;

}


.blog-dt-second p {
    font-size: 15px;
    margin-top: 7px;
    color: #222;
    line-height: 25px;
    text-align: left;
    margin: 0;
    margin-top: 15px;
}

.blog-location-dt {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    margin: 0 !important;

}

.blog-location-dt {
    color: #4a4a4a !important;
}

.blog-dt-second-img {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-dt-second-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.blog-dt-map {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-dt-map iframe {
    width: 100%;
    height: 100%;
}

.related-container {
    padding: 20px 0;
}

.related-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    margin-top: 10px;

}

.related-top h3 {
    font-size: 23px;
    margin: 0;
    font-weight: 400;
    text-align: left;

}

.related-top a {
    text-decoration: none;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    color: #43B97F;

}

.related-blog-container {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4150910364145658) 0%, rgba(0, 0, 0, 0.40948879551820727) 100%), url(../img/blog/13.png);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px;
}

.related-blog-container h3 {
    font-size: 23px;
    color: #fff;
    line-height: 35px;
}

.related-blog-container p {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
}

.related-blog-container a {
    padding: 7px 30px;
    background-color: #286276;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.5s;
}

.related-blog-container a:hover {
    border-radius: 50px;
}



@media screen and (max-width:567px) {
    .pages-section {
        height: 40vh;
    }
}

.about-soulcation-img {
    width: 100%;
    /* height: 500px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-soulcation-img img {
    width: 100%;
    height: auto;
}

.about-soulcation {
    padding-right: 100px;
}

.about-soulcation h3 {
    font-size: 30px;
    font-weight: 600;
    color: #3D3E48;
    margin: 15px 0;
}

.about-soulcation p {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin-top: 10px;

}

.about-soucation-dt h5 {
    font-size: 16;
    font-weight: 700;
    line-height: 37.58px;
    text-align: left;
    color: #286276;

}

.about-soucation-dt h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    color: #3D3E48;
    margin-bottom: 20px;

}

.about-soucation-dt p {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    margin-top: 10px;
}

.count-container ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.count-container ul li {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.count-container ul li .counter-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.count-container ul li .counter-box h1 {
    font-size: 34px;
    font-weight: 700;
    line-height: 43.29px;
    text-align: left;
    color: #286276;

}

.count-container ul li .counter-box span {
    font-size: 36.08px;
    font-weight: 700;
    text-align: left;
    color: #286276;

}

.count-container ul li span {

    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #3D3E48;
}

.about-images-section {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.about-images-container {
    position: relative;
    width: 220px;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.about-images-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 10px solid #fff;
    border-radius: 100px;
}

.about-images-container .img-2 {
    height: 80%;
    width: 75%;
    border: 10px solid #fff;
    border-radius: 150px;
    position: absolute;
    left: -50px;
}

.about-images-container .img-3 {
    height: 80%;
    width: 75%;
    border: 10px solid #fff;
    border-radius: 150px;
    position: absolute;
    left: -150px;
    top: 0;
}

.team-section-title h3 {
    font-size: 35px;
    font-weight: 700;
    text-align: left;
    color: #3D3E48;

}

.team-section-title p {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #3D3E48;

}

.team-dt {
    padding: 15px 0;
    width: 100%;
}

.team-dt h3 {
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    color: #000000;

}

.team-dt p {

    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #3D3E48;


}

.team-container img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 15px;
}

.test-swipe .swiper-slide {
    padding: 3px;

}


.logo-slider {
    overflow: hidden;
    padding: 30px 0 0 0;
    white-space: nowrap;
    position: relative;
}

.logo-slider:hover .logos-slide {
    animation-play-state: paused;
}

.logos-slide {
    display: inline-block;
    animation: 25s slide infinite linear;
}

.logos-slide-2 {
    display: inline-block;
    animation: 25s slide alternate-reverse linear !important;
}

.logos-slide .reward-conatiner {
    width: 500px;
    margin: 0 15px;
}


@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}



.reward-conatiner {
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;

}

.reward-conatiner::after {
    content: '';
    height: 0px;
    width: 0px;
    position: relative;
    border-top: solid 25px transparent;
    border-left: solid 25px #286276;
    border-bottom: solid 25px transparent;
    position: absolute;
    top: -12px;
    right: -2px;
    rotate: -44deg;
    border-radius: 5px;
}

.reward-conatiner h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: #286276;

}

.reward-conatiner p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #514F6E;
    white-space: wrap;

}

.reward-cont-dt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.reward-cont-dt img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    object-fit: cover;
}

.reward-cont-dt-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.reward-cont-dt-2 p {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.reward-cont-dt-2 span {
    font-size: 12px;
    color: #514F6E;

}


.search-container-img {
    width: 100%;
    height: 270px;
    border-radius: 20px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 24%) 0%, rgb(0 0 0 / 24%) 100%), url(../img/baner/12.png);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 30px;
    padding-bottom: 100px;
}

.search-container-img h1 {

    font-size: 31.5px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.3149999976158142px;
    text-align: center;
    color: #fff;

}

.search-sec-search-box {
    width: 80%;
    height: 80px;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: -3rem;
}

.search-sec-btn {
    width: 120px;
    border-radius: 10rem;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.search-suggesion {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.search-suggesion ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    width:100%;
}

.search-suggesion ul li {
    padding: 5px 10px;
    color: #286276;
    border: 1px solid #286276;
    border-radius: 50px;
    font-size: 13px;

}
.search-suggesion ul li a{
     color: #286276;
     text-decoration:none;
}
.search-suggesion ul li i {
    margin-left: 10px;
}


.range-slider {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    height: 4em;
}

/* .range-slider svg,
.range-slider input[type=range] {
	position: absolute;
	left: 0;
	bottom: 0;
} */

.rng-input[type=number] {
    border: 0;
    font-size: 1.6em;
    -moz-appearance: textfield;
    font-size: 12px;
}

.rng-input[type=number]::-webkit-outer-spin-button,
.rng-input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.rng-input[type=number]:invalid,
.rng-input[type=number]:out-of-range {
    color: #ff6347;
}

.rng-input {
    border: 0;
    font-size: 1.6em;
    -moz-appearance: textfield;
    font-size: 12px;
}

.rng-input::-webkit-outer-spin-button,
.rng-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.rng-input:invalid,
.rng-input:out-of-range {
    color: #ff6347;
}

.type-rng-inp[type=range] {
    -webkit-appearance: none;
    width: 100%;
}

.type-rng-inp[type=range]:focus {
    outline: none;
}

.type-rng-inp[type=range]:focus::-webkit-slider-runnable-track {
    background: #CAE5FF;
}

.type-rng-inp[type=range]:focus::-ms-fill-lower {
    background: #CAE5FF;
}

.type-rng-inp[type=range]:focus::-ms-fill-upper {
    background: #CAE5FF;
}

.type-rng-inp[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    background: #CAE5FF;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.type-rng-inp[type=range]::-webkit-slider-thumb {
    z-index: 2;
    position: relative;
    border: 1px solid #286276;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
}

.type-rng-inp[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #CAE5FF;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.type-rng-inp[type=range]::-moz-range-thumb {
    z-index: 2;
    position: relative;
    border: 1px solid #07395b;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #CAE5FF;
    cursor: pointer;
}

.type-rng-inp[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.type-rng-inp[type=range]::-ms-fill-lower,
.type-rng-inp[type=range]::-ms-fill-upper {
    background: #CAE5FF;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.type-rng-inp[type=range]::-ms-thumb {
    z-index: 2;
    position: relative;
    border: 1px solid #CAE5FF;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #a1d0ff;
    cursor: pointer;
}

.price-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3px;
}

.price-top input {
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
    width: 50%;
}

.pos-inp {
    position: absolute;
    left: 0;
    bottom: 22px;
}

.range-slider label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: left;
    width: 100%;
}

.filter-hr {
    background-color: #d9d9d9;
    margin-top: 30px;
    margin-bottom: 26px;
    color: #a3a3a3;
}

.filter-radio-group h6 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin: 20px 0;
    margin-bottom: 5px;


}

.filter-radio-label label {
    font-size: 12px;
    color: #3e3e3f;
    display: flex;
    justify-content: space-between;
    margin: 0;
    letter-spacing: 0;

}

.filter-radio-label label span {

    color: #64748B;


}

.filter-radio-container .filter-radio-label,.filter-check-container .filter-radio-label{
  margin:7px 0;
}

.filter-radio-label input {
    margin-top: 1px;
    border: 1px solid #222;
}

.filter-type-check input {
    margin-top: 2px;
    border: 1px solid #222;
}

.filter-show-more {
    font-size: 13px;
    color: #64748B;
    margin: 10px 0;
}

.search-top-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 5px;
}

.search-top-container .fav-logo {
    min-width: 46px !important;
    height: 46px !important;
    width: 100%;
    max-width: 46px !important;
    border: 1px solid #64748b66;
    border-radius: 50%;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-top-container .fav-logo img {
    width: 100%;
    height: 100%;

}

.search-top-dt p {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    color: #64748B;
    /*width: 80%;*/
    margin:0;

}

.search-top-select select {
    height: 50px;
    font-size: 14px;
    color: #64748B;
    border-radius: 4px;
    font-weight: 500;
}

.search-lists-container {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.search-lists-container .row{
    width: 100%;
}
.list-slide-box{
    width: 100%;
    position: relative;
}
.search-list-main-img {
    width: 100%;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: relative; */
}

.search-list-main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.search-list-main-img span ,.list-slide-box span{
    position: absolute;
    z-index: 1;
    width: fit-content;
    background-color: #fff;
    color: #000;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;

    top: 10px;
    left: 10px;
}

.search-list-main-dt h3,.search-list-main-dt h3 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    color: #475569;
    margin: 0;
    text-decoration:none;

}

.search-list-main-dt p {
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    color: #475569;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    margin: 8px 0;
        

}
.search-list-main-dt p span{
   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.search-list-main-dt p i {
    font-size: 15px;
    color: #475569;
    margin-top: 3px;
}

/* .search-list-main-dt{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
} */

.search-list-third p,.search-third-container p {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    color: #475569;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;

}

.search-list-third h3 ,.search-third-container h3{
    margin: 7px 0;
    font-size: 20px;
    

}
.search-third-container h3{
    margin-bottom:3px;
}
.search-list-third p.tik-tag {
    margin: 10px 0;
    margin-top:6px;
}
.search-list-third p.tik-tag span{
    
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.search-list-third p.tik-tag i {
    color: #4D7C0F;
    margin-top:2px;
}

.search-list-third p.rating-tag strong {
    font-size: 16px;
}

.search-list-third p.rating-tag i {
    color: #286276;
}

.search-list-third {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.search-booking-btn {
    width: 140px;
    height: 40px;
    margin: unset;
    margin-top: 13px;
}

.search-third-container {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    width: 100%;
    height: 100%;
}

.favourite {
     min-width: 35px;
    height: 35px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 50%;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 1px solid #10344053;
    font-size: 15px;
    padding-top:2px;
}

.search-features {
    background-color: #F0F8FF;
    border-radius: 5px;
}

.search-features .home-features-box {
    padding: 15px 10px;
}

.search-features .home-features-box {
    padding: 15px 10px;
}

.search-features .home-features-box ul li {
    font-size: 14px;
}

.search-features .home-features-box ul li i {
    color: #286276;
}

.search-features-2 {
    padding: 12px;
    border-radius: 5px;
    background: linear-gradient(90deg, #CAE5FF 0%, #F0F7FF 100%);

}

.search-features-2 h3 {
    font-size: 17px;
    margin: 0;
    font-weight: 600;
    color: #015DB5;
}

.search-features-2 h3 img {
    width: 20px;
    margin-top: -2px;
}

.search-features-2 p {
    margin: 0;
    margin-top: 10px;
    font-size: 14px;
}

.search-features-2 p a {
    font-size: 13px;
    color: #64748B;
}

.search-right-box{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.search-right-box .rating-tag{
    margin-top: 6px;
}
.pagination-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 5px 10px;
    border-radius: 10rem;
}

.pagination-custom ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    height: 100%;
    gap:4px
}

.pagination-custom ul li {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #286276;
}

.pagination-custom ul li.page-active {
    border: 2px solid #286276;
}

.retreat-email {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: #F8FAFC;
    padding: 20px;
}

.retreat-container h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 31.5px;
    letter-spacing: 0.3149999976158142px;
    text-align: center;
    color: #0F172A;

}

.retreat-container p {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.3149999976158142px;
    text-align: center;

}

.rt-bottom-p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.3149999976158142px;
    text-align: center;
    margin: 16px 0;

}

.retreat-input-box {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: auto;
    padding: 8px;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.retreat-input-box input {
    border: 0;
    height: 100%;
    height: 45px;

}

.retreat-input-box button {
    width: 150px;
    height: 45px;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #286276;
    color: #fff;

}

.contact-right h3 {
    font-size: 36.08px;
    font-weight: 700;
    line-height: 43.29px;
    text-align: left;
    color: #3D3E48;

}

.contact-left p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;


}

.cnt-form {
    margin: 5px 0;
}

.cnt-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.cnt-form input {
    height: 50px;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    border-color: #64748B;

}

.cnt-form input::placeholder,
.cnt-form textarea::placeholder {
    color: #64748B;
    font-size: 14px;
}

.cnt-form textarea {
    height: 150px;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    border-color: #64748B;

}
.cnt-form  .error-message{
    font-size:12px ;
    font-weight:500;
}
.cnt-btn {
       width: 170px;
    /* margin: unset; */
    margin-top: auto;
    border-radius: 5px;
    margin-top: 20px;
}
.cnt-btn:hover{
    border-radius:40px;
}
.contact-form{
    padding-left: 30px;
}
.cnt-dt-map {
    /*padding-left: 30px;*/
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.cnt-dt-map iframe {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.cnt-address-dt {
    padding: 10px;
    border-radius: 15px;
}

/*.cnt-pd {*/
/*    padding-left: 30px;*/
/*}*/

.cnt-address-dt ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cnt-address-dt ul li {
    margin: 15px 0;
    width: 100%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    gap:10px;
    font-weight: 600;
    font-size: 15px;
}
.cnt-address-dt ul li span.cnt-dt-icon{
        width: 35px;
    height: 35px;
    background: #4b829529;
    color: #286276;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px dashed #286276;
    
}

.cnt-address-dt ul li span {
    font-weight: 400;
}


.retreats-detail-main-img {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.retreats-detail-main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 0 0 15px;
}

.details-top-video {
    width: 100%;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3982843137254902) 0%, rgba(0, 0, 0, 0.38707983193277307) 100%), url(../img/baner/14.png);
    border-radius: 0 15px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.details-top-video a {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #286276;
    color: #fff;
    text-decoration: none;
}

.details-top-short-img {
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

.details-top-short-img a {
    position: absolute;
    background-color: #fff;
    bottom: 20px;
    right: 10px;
    padding: 7px 15px;
    border-radius: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 13px;
    color: #64748B;
    text-decoration: none;
    white-space: nowrap;
}

.details-top-short-img a img {
    width: 15px;
    margin-right: 5px;
    margin-top: -2px;
    border-radius: 0 !important;
}

.details-top-short-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.details-top-short-img.radius-15 img {
    border-radius: 0 0 15px 0;
}

.retreats-main-details h3 {
    font-size: 25px;
    font-weight: 600;
    color: #0F172A;
    margin: 0;


}

.retreats-main-details ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    gap: 15px;
    flex-wrap: wrap;
}

.retreats-main-details ul li {
    font-size: 14px;
    color: #292a2a;
}

.retreats-main-details ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.retreats-main-details ul li img {
    width: 20px;
}

.retreats-main-details ul li .dt-rating i {
    color: #286276;
}

.scroll-ul ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
    gap: 10px;
    flex-wrap: wrap;
}


.scroll-ul ul li a {
    text-decoration: none;
    color: #64748B;
    font-size: 15px;
    transition: 0.5s;
}

.scroll-ul ul li a:hover {
    color: #286276;
}

.details-title {
    font-size: 19px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
    color: #286276;

}

.details-Facilities ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    /*padding-left:18px;*/
}

.details-Facilities ul li {
    width: 25%;
    margin: 8px 0;
    font-size: 14px;
    color: #0F172A;
    position:relative;
}
/*.details-Facilities ul li::before{*/
/*       width: 8px;*/
/*    height: 8px;*/
/*    background: #286276;*/
/*    transform: rotate(50deg);*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 6px;*/
/*    left: -17px;*/

/*}*/

.details-Facilities ul li i {
    width: 25px;
    color: #286276;
}

.details-Facilities ul li img {
    width: 18px;
    margin-right: 5px;
}

.retreats-highlights-slider-box {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    border-radius: 10px;
}

.retreats-highlights-slider-box .retreats-highlights-slider-box-img {
    width: 100%;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.retreats-highlights-slider-box .retreats-highlights-slider-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.retreats-highlights-slider-box .retreats-highlights-slider-box-dt h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 7px 0;
}

.retreats-highlights-slider-box .retreats-highlights-slider-box-dt p {
       margin: 0;
    /* margin-top: 8px; */
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    /* letter-spacing: 0.3149999976158142px;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 3;
    -webkit-box-orient: vertical;

}

.retreats-highlights-carousel .item {
    padding: 2px;
}

.retreats-highlights-carousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 38%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.retreats-highlights-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    font-size: 35px !important;
    background-color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 50%;
}

.retreats-highlights-carousel .owl-nav button.owl-prev {
    display: none;
}

.retreats-highlights-carousel .owl-nav button.owl-next {
    margin-right: -25px;
}

.retreats-highlights-carousel .owl-nav button.owl-next span {
    display: none;
}

.retreats-highlights-carousel .owl-nav button.owl-next::after {
    content: url(../img/Chevron_right.svg);
    transform: scale(.6);
}

.retreats-highlights-carousel .owl-nav button.owl-prev span {
    display: none;
}

.retreats-highlights-carousel .owl-nav button.owl-prev::after {
    content: url(../img/Chevron_left.svg);
    transform: scale(.6);
}

.details-hr {
    background-color: #d9d9d9;
    margin-top: 40px;
    margin-bottom: 35px;
    color: #a3a3a3;
}

.details-summury p {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    margin: 14px 0;

}

.details-acd-btn {
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    margin-top: 15px;

    font-size: 17.5px;
    font-weight: 600;
    line-height: 24.5px;
    letter-spacing: 0.3149999976158142px;
    color: #64748B !important;

}

.details-acd-body {
    border: 1px solid #E2E8F0 !important;
}

.details-acd-btn:not(.collapsed) {
    border-radius: 10px 10px 0 0 !important;
}

.details-acd-item {
    border: 0 !important;
}
.details-Benefits{
        font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    margin: 14px 0;
}

.details-Benefits ul {
    margin: 0;
    padding: 0;
    padding-left: 16px;
}

.details-Benefits ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    margin: 10px 0;
}

.details-title-tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.details-title-tag span {
    padding: 5px 10px;
    background-color: #F0F7FF;
    font-size: 13.5px;
    font-weight: 400;
    color: #286276;
    border-radius: 5px;
}

.details-title-tag span i {
    margin-right: 5px;
}

.details-food-box p {
    font-weight: 600;
    color: #222;
    font-size: 15px;
}

.details-food-box ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 30px;

    padding-left: 15px;
}

.details-food-box ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 24.5px;
    letter-spacing: 0.3149999976158142px;
    color: #0F172A;

}

.details-food-box ul li::marker {
    color: #286276;
}

.details-food-img {
    width: 100%;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.details-food-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.details-food-img a {
    position: absolute;
    background-color: #fff;
    bottom: 20px;
    right: -15px;
    padding: 7px 15px;
    border-radius: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 13px;
    color: #64748B;
    text-decoration: none;
}

.details-food-img a img {
    width: 15px;
    margin-right: 5px;
    margin-top: -2px;
}

.details-food-img a i {
    margin-right: 5px;
    color: #64748B;
}

.details-host-dt {
    padding-top: 20px;
}

.details-host-dt h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.details-host-dt p {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    margin: 10px 0;
}

.details-host-img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.details-host-img img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;

}

.details-wishlist {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.details-wishlist span {
    padding: 5px 15px;
    border-radius: 40px;
    border: 1px solid #286276;
    font-size: 14px;
    color: #286276;
}

.details-wishlist span i {
    margin-right: 10px;
}

.details-booking-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.details-booking-sticky-box {
    width: 100%;
    padding: 15px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: sticky;
    top: 100px;
}

.p_right-dt {
    padding-right: 40px !important;
}

.details-booking-sticky-box p {
    text-decoration: none;
    color: #64748B;
    font-size: 14px;
    transition: 0.5s;
}

.details-booking-sticky-box ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.details-booking-sticky-box ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #64748B;
    font-size: 15px;
    gap: 5px;
    margin: 10px 0;
}

.details-booking-sticky-box ul li span {
    width: 100px;
}

.details-booking-sticky-box ul li h3 {
    margin: 0;
    font-size: 20px;
    color: #286276;
}

.details-booking-sticky-box ul li h5 {
    margin: 0;
    font-size: 18px;
    color: #286276;
}

.details-booking-sticky-box select {
    width: 50%;

    background-color: #F1F5F9;
    border: 0;
    font-weight: 400;
    font-size: 15px;
    color: #0F172A;
}

.dt-select-date {
    width: 100%;
    height: 50px;
    background-color: #F1F5F9;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    align-items: center;
}

.dt-select-date i {
    margin-top: -1px;
    color: #0F172A;
}

.Detailsbooking-btn {
    width: 100%;
    border: 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #286276;
    border-radius: 10px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #286276;
    text-decoration: none;
    text-transform: uppercase;

}

.Detailsbooking-btn:hover {
    background-color: transparent;
    color: #286276;
}

.Details-cnt-btn {
    width: 100%;
    border: 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #286276;
    background-color: #fff;
    border-radius: 10px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s;
    border: 2px solid #286276;
    text-decoration: none;
    text-transform: uppercase;

}

.Details-cnt-btn:hover {
    background-color: #286276;
    color: #fff;
}

.details-booking-sticky-box .or {
    color: #64748B;
    font-size: 14px;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dt-Accommodation-img {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dt-Accommodation-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.dt-Accommodation-img a {
    position: absolute;
    background-color: #fff;
    bottom: 20px;
    right: 5px;
    padding: 7px 15px;
    border-radius: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 13px;
    color: #64748B;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dt-Accommodation-img a img {
    width: 15px !important;
    margin-right: 5px;
    margin-top: -2px;
}

.dt-Accommodation-img a i {
    margin-right: 5px;
    color: #64748B;
}

.dt-Accommodation {
    padding-top: 15px;
}

.dt-Accommodation h5 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    color: #0F172A;

}

.dt-Accommodation h6 {
    font-size: 16px;
    font-weight: 600;
    color: #286276;

}

.dt-Accommodation p {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    margin: 10px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.dt-acd-cs {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    padding: 12px !important;
}

.reserve-btn {
    width: 180px;
    border: 0;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #286276;
    border-radius: 10px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #286276;
    text-decoration: none;
}

.reserve-btn:hover {
    background-color: transparent;
    color: #286276;
}

.details-map {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.details-map iframe {
    width: 100%;
    height: 100%;
    border-radius: 15px;

}
.details-include-package p{
        font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    margin: 14px 0;
}
.details-include-package ul {
    padding: 0;
    margin: 0;
    margin-top: 30px;
    list-style: none;
}

.details-include-package ul li {
    display: flex;
    justify-items: flex-start;
    align-items: center;
    margin: 15px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
}

.details-include-package ul li i {
    color: #286276;
    width: 30px;
    font-size: 18px;
}

.cancellation-policy {
    width: 100%;
    padding: 20px;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
}

.cancellation-policy h3 {
    font-size: 20px;
    font-weight: 600;
}

.cancellation-policy ul {
    padding: 0;
    padding-left: 25px;
    margin: 0;
    margin-top: 20px;

}

.cancellation-policy ul li {
    margin: 15px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    position: relative;
}

.cancellation-policy ul li.mark-green::marker {
    color: #1bb76e;
    font-size: 25px;
}

.cancellation-policy ul li.mark-green::before {
    content: '';
    background-color: #1bb76e;
    width: 4px;
    height: 100%;
    position: absolute;
    left: -21px;
    top: 13px;
}

.cancellation-policy ul li.mark-orange::marker {
    color: orange;
    font-size: 25px;
}

.cancellation-policy ul li .cancellation-list-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.cancellation-policy ul li .cancellation-list-box p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}

.cancellation-policy ul li .cancellation-list-box span {
    text-decoration: none;
    color: #64748B;
    font-size: 13px;
    transition: 0.5s;
           line-height: 20px;
}

.desktop-faq{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
        align-items: baseline;
}
.desktop-faq .desktop-faq-item{
    width:49%;
}

.details-review-top h3 {
    color: #286276;
    font-size: 20px;
}

.details-review-top p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24.5px;
    letter-spacing: 0.3149999976158142px;
    color: #0F172A;
    margin: 13px 0;
}

.details-review-top p i {
    color: #286276;
}

.details-review-top p strong {
    font-size: 20px;
}

.details-review-top-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.details-review-top-right span {
    padding: 5px 10px;
    background-color: #ECFCCB;
    font-size: 13.5px;
    font-weight: 300;
    color: #222;
    border-radius: 5px;
    border: 1px solid #84CC16;
}

.details-review-top-right span i {
    margin-right: 5px;
    color: #65A30D;
}

.details-review-top-right span img {
    width: 15px;
    margin-right: 5px;

}

.details-review-top-right span a {
    color: #286276;
}

.progres-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.progres-box span {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    color: #3a3a3a;
}

.progres-bg {
    background-color: #286276 !important;

}

.progres-bg-2 {
    background-color: #F1F5F9 !important;


}

.progres-cont {
    border-radius: 6px !important;
    height: 25px !important;
    border: 1px solid #CBD5E1 !important;
}

.rating-break-down h4 {
    font-size: 16px;
    color: #0F172A;
    font-weight: 500;
}

.rating-break-box {
    margin: 20px 0;
}

.rating-break-box-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rating-break-box-1-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.rating-break-box-1-left img {
    width: 18px;
}

.rating-break-box-1-left p {
    margin: 0;
}

.rate-progress {
    width: 100%;
    height: 5px;
    border-radius: 10px;
    background-color: #286276 !important;
    border: 1px solid #CBD5E1 !important;
    margin-top: 3px;

}

.details-review-main {
    padding: 15px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 10px;
}

.details-review-main-top h3 {
    font-size: 18px;
    font-weight: 500;
    color: #0F172A;
    margin: 0;
    margin-bottom: 4px;

}

.details-review-main-top span {
    text-decoration: none;
    color: #94A3B8;
    font-size: 14px;
    transition: 0.5s;
}

.details-review-desc {
    padding-top: 15px;
}

.details-review-desc p {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    margin: 0;

}

.show-review {
    padding: 5px 15px;
    border-radius: 40px;
    border: 1px solid #286276;
    font-size: 15px;
    color: #286276;
    text-decoration: none;
    margin: 10px auto;
    transition: 0.5s;
}

.show-review:hover {
    background-color: #286276;
    color: #fff;
}
.reservation-top-currncy{
    margin-top: 5rem;
    display: none;
   
}
.reservation-top-currncy-container{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #286276;
    padding: 14px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    gap: 5px;
}
.reservation-top-currncy-container select{
    background-color: transparent;
    color: #fff;
    border: 0;
    -webkit-appearance: menulist;
}
.reservation-top-currncy-container select:focus{
    border: 0 !important;
    outline: 0 !important;
}
.reservation-top-currncy-container select option{
    color: #286276;
}
.reservation-top-currncy-container img{
    width: 15px;
}

.reservation-top-warn {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFEDD5;
    border-radius: 10px;
    padding: 15px 10px;

}

.reservation-top-warn a {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #286276;
    border-radius: 50%;
    text-decoration: none;
    position: absolute;
    top: -5px;
    right: -5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.reservation-top-warn p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin: 0;

}

.reservation-top-warn p img {
    width: 18px;
    margin-right: 5px;
    margin-top: -5px;
}

.reservation-top-warn p strong {
    font-weight: 500;
}

.reservation-top-warn p i {
    margin-right: 5px;
    font-size: 18px;
}

.reservation-main h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
    text-align: left;
    margin: 0;
    margin-top: 20px;

}

.trip-container h3 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 24px;
}

.trip-form-box {
    width: 100%;
    height: 90px;
    border: 1px solid #E3E8EF;
    border-radius: 15px;
    padding: 10px 18px;
    position: relative;
}

.trip-form-box .trip-form-input {
    display: flex;
    justify-content: center;
    align-items: center;
}

.trip-form-box .trip-form-input input {
    height: 40px;
    border: 0;
    padding-left: 5px;
    font-size: 14px;
    padding-bottom: 0;
    font-weight: 400;
}

.trip-form-box .trip-form-input select {
    height: 40px;
    border: 0;
    padding-left: 5px;
    font-size: 14px;
    padding-bottom: 0;
    font-weight: 400;

}

.trip-form-box .trip-form-input select option {
    padding-left: 15px;
}

.trip-form-box .trip-form-input i {
    color: #54687B;
}

.trip-form-box label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #54687B;

}

.trip-plus-minus-cont {
    width: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ad-dl-btn {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #9e9e9e;
    font-size: 14px;

    transition: 0.5s;
}

.ad-dl-btn i {
    color: #9e9e9e !important;
}

.ad-dl-btn:hover {
    border: 1px solid #286276;
    color: #286276;
}

.ad-dl-btn:hover.ad-dl-btn i {
    color: #286276 !important;
}

.trip-info-container {
    width: 100%;
    padding: 20px 25px;
    border-radius: 10px;
    border: 1px solid #58C27D;
    background-color: #F0FFF5;
}

.trip-info-container h3 {
    font-size: 18px;
    font-weight: 500;
    color: #2C7E49;
    margin-bottom: 10px;
    letter-spacing: 0.2px;

}

.trip-info-container p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #222;
    margin-top: 5px;

}

.trip-container-2 p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #2F3F57;
    margin-top: 5px;
}

.add-on-container {
    padding: 15px 0;
}

.check-with-label:checked+.label-for-check {
    border: 1px solid #286276;
    color: #286276;
}

.add-on-box .label-for-check {
    width: 100%;
    height: 90px;
    border: 1px solid #E3E8EF;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    padding-right: 20px;

}

.add-on-box {
    position: relative;
    margin: 10px 0;
}

.add-on-box input {
    position: absolute;
    top: 34px;
    left: 25px;
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
}

.add-on-box .check-label-1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.add-on-box .check-label-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.add-on-box .check-label-1 p {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    margin: 0;
    margin-top: 10px;
}

.add-on-box input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 21px;
    height: 21px;
    padding: 3px;
    /* background-color only for content */
    background-clip: content-box;
    border: 1px solid #286276;
    background-color: #fff;
    border-radius: 50%;
}

/* appearance for checked radiobutton */
.add-on-box input[type="radio"]:checked {
    background-color: #286276;
}


.warpper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab-cs {
    cursor: pointer;
    width: 49%;
    border: 1px solid #ccc;
    margin: 0px 2px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: rgb(0 0 0);
    font-size: 17px;
    height: 50px;
}

.tab-cs img {
    width: 23px;
    margin-right: 5px;
    display:none
}

.tabs-2 {
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.panels {
    background: #fffffff6;
    min-height: 10px;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 0;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#pay1:checked~.panels #pay1-panel,
#pay2:checked~.panels #pay2-panel,
#pay3:checked~.panels #pay3-panel {
    display: block
}

#pay1:checked~.tabs-2 #pay1-tab,
#pay2:checked~.tabs-2 #pay2-tab,
#pay3:checked~.tabs-2 #pay3-tab {
    border: 1px solid #286276;
    color: #286276;
    background-color: transparent;
}

.card-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

}

.card-info h3 {
    font-size: 17px;
    font-weight: 500;
}

.reservation-terms {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.reservation-terms input {
    width: 20px;
    height: 20px;
}

.reservation-terms label {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    letter-spacing: 0.3px;
    margin: 0;
}

.reservation-terms label i {
    color: #286276;
    font-size: 17px;
}

.reserve-btn-box {
    padding: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reserve-btn-box .reservation-btn {
    width: 190px;
    height: 55px;
    padding: 10px 25px;
    border: 0;
    background-color: #286276;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reserve-terms p {
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 25px;
}

.reservation-right-booking {
    padding: 17px;
    border-radius: 20px;
    border: 1px solid #E3E8EF;
    margin-top: 20px;
}

.reservation-right-img {
    width: 100%;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reservation-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.reservation-right-dt-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 15px;

}

.reservation-right-dt-title h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    width: 80%;
    color: #333333;
}

.reservation-right-dt-title img {
    width: 22px;
}

.reservation-right-dt-desc p {
    margin: 0;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    letter-spacing: 0.3px;

}

.reservation-right-dt-desc i {
    color: #286276 !important;
    width: 25px;
}

.reservation-right-dt-desc p strong {
    font-weight: 700;
}

.reservation-form-container {
    width: 100%;
    padding: 14px;
    border-radius: 20px;
    background-color: #f2f2f2;
    margin: 15px 0;
    padding-left: 10px;
}

.reservation-form-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.reservation-form-box i {
    font-size: 13px;
    margin-top: 5px;
    color: #b4b8bf;
}

.reservation-form-box-input label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    white-space: nowrap;
    color: #54687B;
}

.reservation-form-box-input input {
    height: 30px;
    border: 0;
    padding-left: 0;
    font-size: 13px;
    padding-bottom: 0;
    font-weight: 600;
    background-color: transparent;
}

.reservation-form-box-input input:focus {
    background-color: transparent;
}

.r-border-right {
    border-right: 2px solid #fff;
}

.r-bdr-top {
    border-top: 2px solid #fff;
}

.reservation-form-box-input {
    width: 100%;
}

.reservation-price-list {
    width: 100%;

}

.reservation-price-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 10px;
}

.reservation-price-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    letter-spacing: 0.3px;

}

.reservation-price-list ul li i {
    margin-right: 5px;
}

.reservation-price-list ul li.wd-fit {
    width: fit-content;
    justify-content: flex-start;
}

.reservation-price-list ul li i.info {
    color: #286276 !important;
    margin-left: 5px;
}

.reservation-price-list ul li strong {
    font-weight: 600;
    color: #000000;
}

.pay-now {
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 5px 2px;
}

.pay-now ul li {
    font-weight: 600;
    color: #000;
}

.reservation-right-check-list {
    padding: 18px;
    background-color: #F1F5F9;
    border-radius: 15px;

}

.reservation-right-check-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.reservation-right-check-list ul li {
    margin: 13px 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    letter-spacing: 0.3px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.reservation-right-check-list ul li span {
    min-width: 25px;
    min-height: 25px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reservation-right-check-list ul li span i {
    font-size: 14px;
    color: #34A853;
}

.reservation-right-slider {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #E3E8EF;
    margin-top: 20px;
}

.reservation-right-slider h3 {
    font-size: 17px;
    font-weight: 600;

}

.res-carousel-dt img {
    width: 100%;
    height: 130px;
    border-radius: 10px;
    object-fit: cover;
}

.res-carousel-desc p {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #000;
    margin-top: 5px;
}

.res-carousel-desc a {
    font-size: 13px;
    margin-top: 10px;
}

.cart-btn {
    width: 100%;
    border: 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #286276;
    border-radius: 10px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 17px;
    transition: 0.5s;
    border: 1px solid #286276;
}

.res-carousel .owl-dots {
    position: absolute;
    right: 0;
    bottom: -20px;

}

.res-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 3px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.res-carousel .owl-dots .owl-dot.active span,
.res-carousel .owl-dots .owl-dot:hover span {
    background: #286276;
}

.text-dt-none {
    text-decoration: none;
}

/* .header-shadow {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
} */

.custom-header .header-menu li a {
    color: #286276;
}

#input-where {
    width: 100%;

    text-align: center;
    background-color: #fff;
    margin-top: 20px;
    display: none;
    position: absolute;
    border-radius: 20px;
    top: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 2;
}

#input-category {
    /* width: 100%; */
    min-width: 350px;
    text-align: center;
    background-color: #fff;
    margin-top: 20px;
    display: none;
    position: absolute;
    border-radius: 20px;
    top: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 2;
}

#input-home-date {
    /* width: 100%; */
    min-width: 420px;
    text-align: center;
    background-color: #fff;
    margin-top: 20px;
    display: none;
    position: absolute;
    border-radius: 20px;
    top: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 2;
}

#input-reservation-date {
    /* width: 100%; */
    min-width: 420px;
    text-align: center;
    background-color: #fff;

    display: none;
    position: absolute;
    border-radius: 20px;
    top: 100%;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 2;
    padding: 20px;
}

.where-select-list {
    padding: 15px;
}

.where-select-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.where-select-list ul li {
    margin: 10px 0;
    padding: 7px 10px;
    border-bottom: 1px solid #cccccc75;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    transition: 0.5s;
}

.where-select-list ul li:last-child {
    border-bottom: 0;
}

.where-select-list ul li:hover {
    color: #286276;
    font-weight: 500;
}




.tab-home {
    cursor: pointer;
    padding: 7px 15px;
    margin: 0px 2px;
    background: #F1F5F9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: rgb(0 0 0);
    font-size: 15px;
    white-space: nowrap;
    height: 50px;

}

.tab-home img {
    width: 23px;
    margin-right: 5px;
}

.tabs-3 {
    width: 100%;
    display: flex;
    justify-content: flex-start;

}

.panels {
    background: #fffffff6;
    min-height: 10px;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 0;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#retreathome:checked~.panels #retreathome-panel,
#exphome:checked~.panels #exphome-panel,
#spdate:checked~.panels #spdate-panel,
#flexdate:checked~.panels #flexdate-panel,
#anydate:checked~.panels #anydate-panel,
#retreathomemob:checked~.panels #retreathomemob-panel,
#exphomemob:checked~.panels #exphomemob-panel
 {
    display: block
}

#retreathome:checked~.tabs-3 #retreathome-tab,
#exphome:checked~.tabs-3 #exphome-tab,
#spdate:checked~.tabs-3 #spdate-tab,
#flexdate:checked~.tabs-3 #flexdate-tab,
#retreathomemob:checked~.tabs-3 #retreathomemob-tab,
#exphomemob:checked~.tabs-3 #exphomemob-tab ,
#anydate:checked~.tabs-3 #anydate-tab {

    background-color: #286276 !important;
    color: #fff;

}












.header-cs {
    /* margin: 20px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.header-display {
    display: flex;
    align-items: center;
}

.header-display p {
    color: #222;
    font-weight: 600;
    margin: 5px;
    font-size: 15px;
    word-spacing: 0.5rem;
}

pre {
    padding: 10px;
    margin: 0;
    cursor: pointer;
    font-size: 1.2rem;
    color: #222;
    margin-bottom: 0 !important;
}

.days,
.week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: auto;
    padding: 0 20px;
    justify-content: space-between;
    padding-right: 0;
}

.week div,
.days div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    width: 2em;
    border-radius: 100%;
    font-size: 12px;

}

.days div:hover {
    background: var(--accent-2);
    color: rgb(25, 25, 201);
    cursor: pointer;
}

.week div {
    opacity: 0.5;
}

.current-date {
    background-color: var(--accent);
    color: var(--white);
}

.display-selected {
    margin-bottom: 10px;
    padding: 20px 20px;
    text-align: center;
}

.home-calendar-month {
    padding: 10px;
    padding-top: 20px;

}

.home-calendar-month h3 {
    font-size: 14px;
    text-align: left;
}

.home-calendar-month ul {
    padding: 0;
    margin: 0;
    overflow-x: auto;
    display: flex;
    justify-content: flex-start;
    width: 450px;
}


/* width */
.home-calendar-month ul::-webkit-scrollbar {

    height: 6px;
}

/* Track */
.home-calendar-month ul::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 10px;
}

/* Handle */
.home-calendar-month ul::-webkit-scrollbar-thumb {
    background: #286276;
    border-radius: 10px;
}


.home-calendar-month ul li {
    border-bottom: 0;
    padding: 0 4px;
}

.home-calendar-month ul li .calendar-date-box {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 20px 15px;
    width: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13px;
}

.home-calendar-month ul li .calendar-date-box img {
    width: 30px;

}

.home-calendar-month ul li .calendar-date-box .calendar-date-box-icon h6 {
    font-size: 15px;
    margin: 0;
    text-align: center;

}

.home-calendar-month ul li .calendar-date-box .calendar-date-box-icon p {
    margin: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #54687B;
    letter-spacing: 0.3px;
    margin-top: 5px;
}

.calendar-month-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    padding: 2px 10px;
}

.calendar-month-btns a {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.calendar-month-btns a.cal-next {
    padding: 5px 15px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.home-date-search label {
    font-size: 14px;
    color: #000;
    text-align: left;
    width: 100%;
}

.home-date-search input {
    border: 0;
    height: 60px;
    border-radius: 50px;
    background-color: #F1F5F9;
    padding-left: 30px;
    font-size: 14px;
    color: #000;
}

.home-date-search input::placeholder {
    color: #000;
}

.home-date-search input:focus {
    background-color: #F1F5F9;
}

.register-success-main-baner {
    width: 100%;
    height: 135vh;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5859593837535014) 0%, rgba(0, 0, 0, 0.5747549019607843) 100%), url(../img/baner/17.png);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 70px;

}

.r-success-main-title h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    font-family: "bradly" !important;
}

.r-success-box {
    width: 100%;
    /* height: 500px; */
    background: rgba(255, 255, 255, 0.18);
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.3px);
    -webkit-backdrop-filter: blur(7.3px);
    padding: 30px;
    margin-top: 20px;
}

.r-scs-img {
    width: 100%;
}

.r-scs-img img {
    width: 100%;
    height: auto;
    border-radius: 20px 20px 0 0;
}

.r-success-box a {
    width: 100%;
    height: 60px;
    background-color: #fff;
    color: #000;
    display: flex;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 5px;
    text-transform: uppercase;
}

.r-success-box p {
    color: #fff;
    font-weight: 300;
    margin: 10px 0;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
}

.timer {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;
    width: 100%;
    color: #fff;
}

/* #myTimer{
    fill: #fff !important;
  }
 */

.r-scs-bottom-spin {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;

}

.r-scs-bottom-spin p {
    color: #fff;
    font-weight: 400;
    margin: 10px 0;
    font-size: 15px;
    text-align: center;
}

.auth-left {
    width: 100%;
    height: 43rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
}

.auth-left img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 0 120px 500px 5px;
}

.auth-form {
    max-width: 550px;
    width: 100%;
        display: flex
;
    justify-content: center;
    align-items: center;
}

.auth-form h3 {
    font-size: 30px;
    font-weight: 600;
    color: #286276;
      text-align: center;
}

.auth-form p {
    font-size: 15px;
    font-weight: 400;
    line-height: 21.72px;
    text-align: center;
    color: #475467;

}
.signup-form h3{
    text-align:center;
    color:#286276;
}
.signup-form p{
    text-align:center;
}


.tab-auth {
    cursor: pointer;
    
    margin: 0px 2px;
    background: transparent;
    border: 1px solid #222;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: rgb(0 0 0);
    font-size: 15px;
    white-space: nowrap;
    height: 45px;
    width: 48%;
    font-weight: 500;

}
.tab-auth a{
    text-decoration:none;
    color:#286276 ;
    width:100%;
    height:100%;
    padding: 7px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-auth img {
    width: 23px;
    margin-right: 5px;
}

.tabs-4 {
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.panels {
    background: #fffffff6;
    min-height: 10px;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 0;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#authmobile:checked~.panels #authmobile-panel,
#authemail:checked~.panels #authemail-panel {
    display: block
}

#authmobile:checked~.tabs-4 #authmobile-tab,
#authemail:checked~.tabs-4 #authemail-tab {

    background-color: #286276 !important;
    color: #fff;
    border-color: #286276;

}
#authmobile:checked~.tabs-4 #authmobile-tab a,
#authemail:checked~.tabs-4 #authemail-tab a {

    
    color: #fff;
   

}

.auth-box-form label {
    font-size: 15px;
    font-weight: 500;
}

.auth-box-form .auth-mob {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #286276;
    padding: 2px 10px;
    border-radius: 0px;
    height: 45px;
    overflow: hidden;
}

.auth-box-form .auth-mob img {
    width: 15px;
}

.auth-box-form .auth-mob span {
    margin: 0 5px;
    border-right: 1px solid #D0D5DD;
    padding: 0 10px;
}

.auth-box-form .auth-mob input {
    border: 0;
    font-size:14px;
    padding-left:0;
}
.sign-up-mb_4{
    margin-bottom:30px;
}
.auth-radios {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}

.auth-radios label {
    font-size: 16px;
    /* font-weight: 400; */
}

.auth-radios input {
    border: 1px solid #222;
}

.auth-input input {
    border: 1px solid #D0D5DD;
    padding: 2px 10px;
    border-radius: 8px;
    height: 45px;
}
.auth-box-form .auth-mob input::placeholder{
    font-size:13px;
}

.auth-btn {
    width: 100%;
    border: 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #286276;
    border-radius: 10px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 17px;
    transition: 0.5s;
    border: 1px solid #286276;
    text-decoration: none;
    margin-top: 10px;
}
.auth-btn:hover{
    border-radius:40px;
}
.otp-btn {
    /*width: 300px;*/
    border: 0;
    /*height: 45px;*/
    
    color: #fff;
    background-color: #b23939;
    border-radius: 10px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 12px;
    transition: 0.5s;
    border: 1px solid #b23939;
    text-decoration: none;
    margin-top: 10px;
    padding:7px 15px;
       margin: auto;
    display: flex
;
    margin-bottom: 10px;
}

.auth-box-form-btns {
    display: flex;
    /*flex-direction: column;*/
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding-top:15px;
}

.auth-box-form-btns a {
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    text-decoration: none;
    color: #344054;
    font-weight: 500;

}

.auth-box-form-btns a img {
    width: 20px;
}

.auth-terms p {
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    color: #54687B;
    letter-spacing: 0.3px;
    margin: 0;
    margin-top: 20px;
}

.auth-terms p a {
    color: #286276;
}
.auth-form-login{
    width:100%;
}
.log-success-baner {
    width: 100%;
    height: 40vh;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.14618347338935578) 0%, rgba(0, 0, 0, 0.15458683473389356) 100%), url(../img/baner/18.png);
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;

}

.login-success-tick-mark-container {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: -120px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.login-success-tick-mark {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #F3F7FA;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-success-tick-mark i {
    color: #286276;
    font-size: 5rem;
}

.login-success-text-box {
    width: 100%;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.login-success-text-box h5 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.3px;
    font-family: 'SFproRegular';


}

.login-success-text-box h3 {
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-family: 'SFproRegular';


}

.login-success-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 180px;
    gap: 25px;
}

.login-success-bottom p {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #909090;
    font-family: 'SFproRegular';

}

.auth-password p {
    margin: 0;
    font-size: 13px;
    margin: 3px 0;
    color: #de4f4f;
}
.auth-password p:last-child {
  
    color: #222;
}

.auth-password a {
    color: #60B0FE;
}

.reset-m-top {
    margin-top: 100px;
}

.otp-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}

.otp-input,
.email-otp-input {
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.3s;
}

.auth-form .italic {
    font-style: italic;
    color: #286276;
}

.pd__top_100 {
    padding-top: 120px;
}

.min-height-st {
    min-height: 23rem;
}

.sticky-nav ,.sticky-header{
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 0;

}
.sticky-header{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: sticky !important;
}

.sticky-nav .container {
    max-width: 1100px !important;
}

.sticky-nav .top-logo,
.sticky-nav .nav-top-btn {
    display: none;
}

.sticky-nav .header-menu {
    justify-content: flex-start !important;

}

.head-top-op-btn {
    display: none;
}

.header-op-btn {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    height: 100%;
}

.header-op-btn a {
    padding: 7px 15px;
    text-decoration: none;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 35px;
    background-color: #286276;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #286276;
    transition: all 0.5s;

}

.header-op-btn a.scnd {
    background-color: #fff;
    color: #286276;
}

.header-op-scroll {
    opacity: 1;
    display: block;
    transition: all 300ms ease;
}

.header-op-btn a:hover {
    border-radius: 40px;
    background-color: #286276;
    color: #fff;
}

.d__none_xl {
    display: none;
}

.content-img-section .cnt__img {
    display: none;
}

.d__none_xl_2 {
    display: none !important;
}

.content-main-img-section .cnt-img-overlay {

    display: none;
}

.pt_mt_5 {
    padding-top: 3rem;
    margin-top: 3rem;
}

.search-filter-btn {
    width: 60px;
    height:30px;
    background-color: #286276;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}

.search-filter-btn img {
    width: 14px;
}

.d-none-desktop {
    display: none;
}

.top-filter-close-btn-box {
    width: 100%;
    display: none;

}

.filter-close-btn {
    width:35px;
    height: 35px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50% !important;
    background-color: #2862760D !important;
    color: #286276 !important;
    border: 0 !important;
    font-size: 17px !important;
    margin-right: auto;
    margin-bottom: 20px;
}

.p_start {
    padding-left: 1.5rem !important;
}
/* width */
.filter-section::-webkit-scrollbar {
   width: 3px;

  }
  
  /* Track */
  .filter-section::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  }
   
  /* Handle */
  .filter-section::-webkit-scrollbar-thumb {
    background: #286276; 
    border-radius: 10px;
  }

.top-container-p-m-top{
    margin-top: 3rem !important;
    padding-top: 3rem !important;
}

@media screen and (max-width:991px) {
    .about-images-section {
        width: 100%;
    }

    .about-images-boxes {
        width: 32%;
    }

    .about-images-container {
        width: 100%;
    }

    .about-images-container .img-3,
    .about-images-container .img-2 {
        width: 200px;

    }

    .about-images-container img {
        width: 250px;
    }

    .cnt-dt-map {
        padding-left: 0;
    }

    .cnt-pd {
        padding-left: 0;
    }

    .about-soulcation {
        padding-right: 0;
    }

    .tabs {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 7px;
    }
    /* width */
 .tabs::-webkit-scrollbar {
  width: 0px;
  height:3px;
}

/* Track */
 .tabs::-webkit-scrollbar-track {
  background:#f2f2f2;
  border-radius: 10px;
}
 
/* Handle */
 .tabs::-webkit-scrollbar-thumb {
  background: #286276 ; 
  border-radius: 10px;
}

    .tabs .tab {
        white-space: nowrap;
        margin: 0 !important;
    }

    .d__none_lg {
        display: none;
    }

    .d__none_xl {
        display: block;
    }

    .pd__top_100 {
        padding-top: 20px;
    }

    .d__none_xl_2 {
        display: block !important;
    }

    .filtersidenav {
        /* height: 100%; */
         /* border-bottom: 3px solid #7cb342; */
         width: 0% !important;
         position: fixed;
         z-index: 1000 !important;
         top: 0;
         left: 0;
         /* bottom: 0; */
         overflow: hidden;
         padding-top: 0px;
         transition: 0.5s;
         margin-top: 60px;
         padding-bottom: 30px;
         padding-left: 0 !important;
         padding-right: 0 !important;
         height: 100vh;
    
     }
    
     .filter-section {
         background: #fff;
         padding: 18px;
         height: 100vh;
         overflow-y: auto;
    
     }
    .content-img-section-2 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content-img-sec-2-dt {
        position: absolute;
        top: 10px;
        width: unset;
        height: unset;
        justify-content: center;
        align-items: center;
        padding-right: 0;
        z-index: 2;
        gap: 0;
    }

    .content-img-sec-2-dt h4 {
        margin: 0;
    }

    .content-img-sec-2-dt p {
        text-align: center;
    }

    .content-img-section-2 .cnt__img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }

    .content-img-section-2::before {
        content: '';
        width: 100%;
        top: -2px;
        position: absolute;
        padding: 10px;

        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 95.43%);
        height: 50%;
        z-index: 2;

    }

    .content-img-section-2::after {
        content: '';
        width: 100%;
        bottom: 0;
        position: absolute;
        padding: 10px;

        background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 95.43%);
        height: 25%;
        z-index: 2;
        margin-bottom: -1px;

    }

    .content-img-sec-2-dt img ,.content-img img{
        width: 60px;
    }

    .d_none_xl {
        display: none !important;
    }

    .soulcation-ntr-img {
        height: unset;
    }

    .soulcation-ntr-dt h3 {
        text-align: center;
        margin: auto;
    }

    .soulcation-ntr-dt p {
        text-align: center;
    }

    .content-main-img-section .section-title {
        padding: 20px;

    }

    .p_start {
        padding-left: 10px !important;
    }

    .pt_mt_5 {
        padding-top: 2.6rem;
        margin-top: 0rem;
    }

    .max-wd-100 {
        max-width: 100% !important;
    }

    .px_0_max_lg {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mx_0_cs{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx_0_max_lg{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .search-container-img {
        border-radius: 0;
    }

  

    .top-filter-close-btn-box {
        display: block;
    }

    .filtersidenavclose {
        width: 50% !important;
        opacity: 1 !important;
    }

    .d-none-desktop {
        display: block;
    }

    .top-filter-close-btn-box {
        display: block;
    }

    .search-sec-btn {
        width: 65px;
        justify-content: center;
    }

    .search-top-select {
        display: none;
    }

    .search-list-main-img {
        height: 300px;
    }

    .favourite {
        width: 40px;
        height: 40px;

        position: absolute;
        top: 15px;
        z-index: 2;
        background: #fff;
        right: 20px;
    }

    .search-list-main-dt {
        padding: 10px 0;

    }

    .search-list-third {
        flex-direction: row-reverse;
        /*margin-top:10px;*/
        margin-bottom: 5px;
    }

    .search-list-third p {
        margin: 5px 0 !important;
        margin-top: 5px !important;

    }

    .search-top-dt p {
        width: 100%;
    }

    .retreat-input-box {
        width: 100%;
    }
    .home-search-btn {
        width: 80px;
        border-radius: 400px;
    }
    .top-container-p-m-top{
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .reservation-top-currncy{display: block;}
    .section-padding-top{
        padding-top: 10px;
    }
    .res-hr-top{
        display: none;
     }
     .trip-container{
       padding-top: 20px;
     }
     .sticky-header .top-logo{
        display: block !important;
       }
       .sticky-nav .container{
        max-width: 720px !important;
       }





}
@media screen and (max-width:768px){
    .sticky-nav .container {
        max-width: 540px !important;
    }
    .filtersidenavclose {
        width: 100% !important;
       
    }
    
}

@media screen and (max-width:567px) {
    .about-images-container {
        height: 250px;
    }

    .about-images-container .img-3,
    .about-images-container .img-2 {
        width: 150px;
        position: static;

    }

    .about-images-container img {
        width: 150px;

    }

    .about-soucation-dt h3 {
        font-size: 25px;
    }

    #input-category,
    #input-category,
    #input-home-date {
        min-width: unset;
        width: 100%;
    }

    .home-calendar-month ul {
        width: 100%;
    }

    .tab-home {
        padding: 7px 13px;
        font-size: 13px;
        white-space: wrap;
        height: 39px;
    }

    .content-img-section,
    .content-main-img-section {
        background-image: unset;
        position: relative;
        padding: 0;
        height: unset;

    }

    .content-img {
        position: absolute;
        top: 5px;
        gap: 10px;
    }

    .content-img-section .cnt__img,
    .content-main-img-section img {
        width: 100%;
        height: auto;
        display: block;
    }

    .pd__top_100 {
        padding-top: 0;
    }

    .content-img-sec-2-dt p {
        font-size: 15px;
        line-height: 22px;
    }

    .content-main-img-section .cnt-img-overlay {
        position: relative;
        display: block;
    }

    .content-main-img-section .cnt-img-overlay::before {
        content: '';
        width: 100%;
        top: 0;
        position: absolute;
        padding: 10px;

        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 95.43%);
        height: 50%;
        z-index: 2;
    }

    .pading-top-sm-0 {
        padding-top: 0;
    }

    .search-container-img {
        height: 250px;
        background-image: linear-gradient(0deg, rgb(0 0 0 / 24%) 0%, rgb(0 0 0 / 24%) 100%), url(../img/baner/mob-baner-2.png);
        padding-bottom:65px;
    }

    .search-container-img h1 {
        font-size: 21px;
    }

    .search-suggesion ul li {
        font-size: 12px;
    }
    .search-list-main-img{
        height: 250px;
    }

    .home-features-box ul {
        flex-direction: column;
    }

    .search-top-dt p {
        font-size: 13px;
        font-weight: 500;
        line-height: 19px;

    }
    .retreat-email {
        padding: 20px 10px;
    }
    .retreat-container h3 {
        font-size: 21px;
    }
    .retreat-container p {
        font-size: 14px;
    }
    .reservation-main h1{
        font-size: 25px;
    }
   









}
.list-details-top-wishlist{
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
}

@media (min-width: 1200px) {
    .container-max-2 {
        max-width: 1090px !important;
    }
    
}

/* @media (min-width: 1200px) {
    .cnt-max__1320{
        max-width: 1320px !important;
    }
} */
 @media screen and (max-width:375px){
    .reservation-top-currncy-container{
        font-size: 12px;
    }
 }

















/* Landing Page Responsive */

.mob-search-pop .label-input {
    flex-direction: column;
    display: flex;
}

.mob-search-pop .label-input span {
    font-size: 12px;
    color: #64748B;
}

.mob-search-pop-bdy .where-select-list {
    padding: 0;
}

.mob-search-pop-bdy .where-select-list ul li {
    width: 100%;
    border-bottom: 1px solid #ccc !important;
    /* border-radius: 40px; */
    padding: 12px 0px;
}
.tab-link{
    color: #286276 !important;
}
.mob-search-pop-bdy .where-select-list ul li:last-child{
    border-bottom: 0px !important;
}
.mob-search-pop-bdy .where-select-list ul li a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #222;
}
.mob-search-pop-bdy .where-select-list ul li a:hover{
    color: #286276;
}
.mob-search-pop-bdy .where-select-list ul li:first-child {
    /* background-color: #286276; */
    color: #286276;
}

/* .mob-search-pop-bdy .where-select-list ul li:first-child a {

    color: #fff;
} */

.search-modal-back {
    color: #286276;
    margin-left: auto;
    font-size: 15px;
}

.search-modal-category ul {
    list-style: none;
    padding: 0;

}

.search-modal-category ul li {
    margin-top: 10px;
}

.search-modal-category ul li a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #EBF1F6;
    color: #000;
    border-radius: 7px;
    font-weight: 500;

}

.search-modal-category-2 {
    height: 70vh;
    overflow-y: auto;
}

/* width */
.search-modal-category-2::-webkit-scrollbar {

    height: 6px;
    width: 4px;
}

/* Track */
.search-modal-category-2::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 10px;
}

/* Handle */
.search-modal-category-2::-webkit-scrollbar-thumb {
    background: #286276;
    border-radius: 10px;
}

.search-modal-category-2 ul {
    list-style: none;
    padding: 0;
}

.search-modal-category-2 ul li {
    margin-top: 10px;
}

.search-modal-category-2 ul li a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    color: #000;
    border-radius: 7px;
    font-weight: 500;
    transition: 0.5s;
}

.search-modal-category-2 ul li a:hover {
    background-color: #EBF1F6;
}



.warpper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-search-tab {
    cursor: pointer;
    width: 33%;
    margin: 0px 2px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: rgb(0 0 0);
    font-size: 17px;
    height: 50px;
}

.modal-search-tab img {
    width: 23px;
    margin-right: 5px;
}

.modal-search-tabs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #EBF1F6;
    padding: 10px;
    border-radius: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.panels {
    background: #fffffff6;
    min-height: 10px;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 0;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#msearch:checked~.panels #msearch-panel,
#msearch2:checked~.panels #msearch2-panel,
#msearch3:checked~.panels #msearch3-panel {
    display: block
}

#msearch:checked~.modal-search-tabs #msearch-tab,
#msearch2:checked~.modal-search-tabs #msearch2-tab,
#msearch3:checked~.modal-search-tabs #msearch3-tab {

    color: #fff;
    background-color: #286276;
}

.modal-search-calendar-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.modal-search-calendar-top p {
    margin: 0;
    font-weight: 600;
    color: #0F172A;
    font-size: 21px;
}

.modal-search-calendar-top span i {
    color: #b1b7bb;
    font-size: 18px;
}

.modal-search-calendar-top-center {
    padding: 10px 20px;
    margin-top: 20px;
}

.modal-search-calendar-top-center ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.modal-search-calendar-top-center ul li {
    width: 32%;
    background-color: #EBF1F6;
    height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #b1b7bb;
}

.msearch label {
    margin-top: 3px !important;
}

@media screen and (max-width:1200px){
    .search-list-third p, .search-third-container p{
        font-size: 12px;
        gap: 4px;
    }
    .search-booking-btn,.search-chat-btn {
            font-size: 11px;
                padding: 6px 5px !important;
                white-space:nowrap;
    }
    .search-booking-btn{
        margin-right:3px !important;
    }
}

@media screen and (min-width:991px) {
    .modal-search-d-none {
        display: none !important;
        background: transparent !important;
        opacity: 0 !important;
    }



}

@media screen and (max-width:991px) {
    .soulcation-ntr-dt {
        height: unset;
    }
    .search-hero-section{
        padding-bottom: 12px;
    }
   .filters-hr-my{
    margin-top: 25px;
    margin-bottom: 25px;
   }



}

@media screen and (max-width:768px) {
    .soulcation-ntr-dt {
        height: unset;
    }

    .soulcation-ntr-img img {
        width: 80%;
    }

}


@media screen and (max-width:567px) {
    .modal-search-calendar-top-center ul li {
        width: 31%;
    }

    .modal-search-calendar-top {
        padding: 0 10px;
    }

    .modal-search-calendar-top-center {
        padding: 10px 5px;
        margin-top: 20px;
    }

    .modal-search-tab {
        font-size: 14px;
        height: 40px;
    }

    .soulcation-ntr-dt h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .section-btn {
        font-size: 14px;
        padding: 8px 15px;
    }
    .home-know-story{
        flex-direction: column;
        justify-content: center;
        align-items: center;
       
        position: relative;

    }
    .home-know-story .content-img{
        position: relative;
        z-index: 3;

    }
    .home-know-story::before{
        width: 100%;
        height: 65%;
        content: '';
        /* background-image: linear-gradient(180deg, rgb(222 228 255) 12%, rgb(209 211 249) 62%, rgb(249 248 248 / 0%) 105%); */
        background-image: linear-gradient(180deg, rgb(255 255 255) 12%, rgb(225 226 251) 62%, rgb(249 248 248 / 13%) 105%);
        position: absolute;
        top: 20px;
        left: 0;
        z-index: 2;
    }
    .search-booking-btn {
        width: 110px;
        height: 40px;
    }
    .search-suggesion ul {
        gap: 5px;
    }




}


@media screen and (max-width:375px) {
    .modal-search-calendar-top-center ul li {
        width: 31%;
    }

    .modal-search-calendar-top {
        padding: 0 10px;
    }

    .modal-search-calendar-top-center {
        padding: 10px 5px;
        margin-top: 20px;
    }

    .modal-search-tab {
        font-size: 12px;
        height: 40px;
        padding: 0 5px;
    }
    .home-know-story::before {
        height: 65%;
        background-image: linear-gradient(180deg, rgb(255 255 255) 12%, rgb(225 226 251) 67%, rgb(249 248 248 / 13%) 105%);
    }
   




}

/* landing page responsive end */





/* Details Page Responsive */
.details-main-screen-for-mobile {
    display: none;
    margin-top: 55px;
    padding-bottom: 10px;

}

.details-main-slider-box-img {
    width: 100%;
    height: 35vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.details-main-slider-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;

}

.details-carousel-container {
    position: relative;
}

.details-main-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.16859243697478987) 0%, rgba(0, 0, 0, 0.1601890756302521) 100%);
    z-index: 1;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 15px;
}

.details-mob-top {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    top: 0;
}

.details-mob-top span {
    padding: 7px 15px;
    background-color: #84CC16;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0 0 5px 0;
    height: fit-content;

}

.details-mob-top span i {
    margin-right: 5px;
}

.details-mob-favourite {
    width: 35px;
    height: 35px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 10px 10px 0 0;
    color: #286276;
    font-size: 16px;

}

.details-mob-bottom {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
}

.details-mob-bottom .dmb-left {
    padding: 7px 15px;
    background-color: #fff;
    border-radius: 50px;
    font-weight: 500;
}

.details-mob-bottom .dmb-left i {
    font-size: 10px;
    color: orangered;
}

.details-mob-bottom .dmb-right {
    padding: 7px 10px;
    background-color: #1c1a1a9e;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.after-round{
    color: #286276 !important;
    font-weight: 500 !important;
}
.after-round::after {
    border: 1px solid #CBD5E1;
    border-radius: 50%;
    padding: 4px;
    transform: scale(0.7);
    position: absolute;
    right: 7px;
    top: 9px;
    width: 28px !important;
    height: 28px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-image: unset !important;
    content: var(--bs-accordion-btn-icon) !important;
}

.dt-pd-acd-bdy {
    padding: 10px !important;
}

.mob-accordion,
.mobile-booking-section,
.mob-retreat-section,
.mob-faq-acordion,.mob-highlight-slider {
    display: none;
}

.title-tag-span {
    padding: 5px 10px;
    background-color: #F0F7FF;
    font-size: 13.5px;
    font-weight: 400;
    color: #286276;
    border-radius: 5px;
    margin-top: 15px;
    width: 100%;
    display: block;
}

.title-tag-span i {
    margin-right: 5px;
}

.mob-acd-img {
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 15px;
    gap: 5px;
}

.mob-acd-img img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.mob-acd-img img.fd-img-1{
    width: 65%;
    border-radius: 10px 0 0 10px;
}
.mob-acd-img img.fd-img-2{
    width: 35%;
    border-radius: 0 10px 10px 0;
}

.mob-acd-img a {
    position: absolute;
    background-color: #fff;
    bottom: 20px;
    right: 15px;
    padding: 7px 15px;
    border-radius: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 13px;
    color: #64748B;
    text-decoration: none;
}

.mob-acd-img a img {
    width: 15px;
    margin-right: 5px;
    margin-top: -2px;
}

.flex-col-btn {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start;
}

.mob-retreat-section {
    padding: 10px;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
}

.mob-retreat-section ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.mob-retreat-section ul li {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;

}

.mob-retreat-section ul li i {
    color: #286276;
    font-size: 18px;
    margin-top: 5px;
}

.after-round:not(.collapsed) {
    background-color: #f7f7f7 !important;

}

.after-round:not(.collapsed)::after {
    scale: 0.7;
}

.details-acd-btn .w_80 {
    margin: 0;
    width: 90%;
}

@media screen and (max-width:991px) {
    .sticky-nav {
        position: unset;
    }

    .header-op-scroll {
        display: none;
    }

    /*.details-main-screen-for-desktop {*/
    /*    display: none;*/
    /*}*/

    .details-main-screen-for-mobile,
    .mob-accordion,
    .mobile-booking-section,
    .mob-retreat-section,
    .mob-faq-acordion,.mob-highlight-slider {
        display: block;
    }

    .p_right-dt {
        padding-right: 15px !important;
    }

    .mob-package-ul ul {
        margin-top: 0;
    }
    .details-food-box ul li{
        margin: 2px 0;
    }
    span.title-tag-span{
        display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 5px;
    }

}

@media screen and (max-width:768px) {
    .details-Facilities ul li {
        width: 50%;

    }

    .mob-package-ul ul li {
        width: 100%;
        font-size: 13px;
        margin: 7px 0;
        align-items: flex-start;
    }

    .mob-package-ul ul li i {
        font-size: 14px;
        width: 25px;
        margin-top: 6px;
    }

}

@media screen and (max-width:567px) {
    .retreats-main-details ul {
        flex-direction: column;
        align-items: flex-start;
    }
/* 
    .details-main-screen-for-mobile {
        margin-top: 55px;
    } */

    .retreats-main-details h3 {
        font-size: 20px;
        line-height: 32px;
    }

    .dt-Accommodation-img {
        height: 250px;
    }

    .title-tag-span {
        font-size: 12px;
    }

    .details-acd-btn {
        font-size: 15px !important;
        padding: 12px !important;
    }

    .mob-review h3 {
        font-size: 17px;
    }

    .mob-review p {
        margin-bottom: 0;
        font-size: 13px;
    }

    .mob-review p strong {
        font-size: 15px;
    }

    .details-booking-sticky-box select {
        width: 80%;
    }

    .dt-select-date i {
        margin-top: -2px;
    }

    .cancellation-policy h3 {
        font-size: 17px;
    }

    .cancellation-policy ul li .cancellation-list-box p {
        font-size: 15px;
    }

    .cancellation-policy ul li .cancellation-list-box span {
        font-size: 12px;
    }

    .dt-Accommodation h5 {
        font-size: 16px;
    }
    .details-title{
        font-size: 17px ;
    }
    .details-include-package ul li{
        margin: 8px 0;
        font-size: 14px;
        align-items: flex-start;
    }
    .details-include-package ul li i{
        font-size: 15px;
        margin-top: 5px;
    }
    .retreats-highlights-slider-box .retreats-highlights-slider-box-img{
        height: 250px;
    }
    .details-map {
        height: 300px;
    }



}

@media screen and (max-width:400px) {
    .details-main-slider-box-img {
        height: 35vh;
    }
}




/* About Us */

.about-core-img {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.about-core-img-end {
    justify-content: flex-end;
}

.about-core-img img {
    width: 80%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.section-title-cs {

    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 60px;
}

.section-title-cs h3 {
    margin: 0;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
}

.about-core-dt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;

}

.about-core-dt h3 {
    font-size: 26px;
    font-weight: 500;
    line-height: 31.2px;
    text-align: left;
    color: #3D3E48;
    margin-bottom: 20px;

}

.about-core-dt p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 15px;
    color: #3D3E489E;
    line-height: 27px;
}

.about-core-m-bottom {
    margin-bottom: 60px;
}


@media screen and (max-width:991px){
    .flex_col_lg{
        flex-direction: column-reverse;
    }
    .about-core-img {
        height: 300px;
    }
    .about-core-img img{
        width: 100%;
    }
    .about-core-m-bottom{
        margin-bottom: 10px;
    }
    .about-core-dt{
       margin: 10px 0;
    }
}


/* About Us End */






/* Add Your Retreat */


.add-retreat-main-img-section {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    position: relative;
    border-radius: 20px;
    padding: 5px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(239, 250, 240, 0) 54%, rgba(239, 250, 240, 0.17979691876750703) 100%), url(../img/baner/24.png);
}

/* .add-retreat-main-img-section::after{
    content: '';
    width: 100%;
    height: 20px;
    background: rgb(255, 255, 255);
    box-shadow: 0px -4px 42px 35px #fff;
    position: absolute;
    bottom: 0;

} */

.add-retreat-main-img-section-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-retreat-main-img-section-title p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30.96px;
    text-align: center;

}

.retreat-point-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    flex-wrap: wrap;
}

.retreat-point-container ul li {
    width: 33%;
    position: relative;

}

.retreat-point-container ul li .retreat-point-box {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.retreat-point-container ul li .retreat-point-box h3 {
    font-size: 94.17px;
    font-weight: 500;
    text-align: left;
    color: #28627645;
    margin: 0;
}

.retreat-point-container ul li .retreat-point-box p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
    color: #3D3E489E;
    line-height: 27px;
}
.retreat-point-container ul li .retreat-point-box p strong{
    color: #3D3E48;
}

/* .retreat-point-container ul li {
    border-bottom: 3px solid #28627666;
    border-right: 3px solid #28627666;
} */
.retreat-point-container {
    position: relative;
}

.retreat-border-bottom::after {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #28627666;
    border-radius: 50%;
    position: absolute;
    bottom: 0;


}

.retreat-border-right::after {
    content: '';
    width: 4px;
    height: 100%;
    background-color: #28627666;
    border-radius: 50% 50% 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.retreat-border-right-bottom::after {
    content: '';
    width: 4px;
    height: 100%;
    background-color: #28627666;
    border-radius: 0 0 50% 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.linear-tag {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, rgba(40, 98, 118, 0) 0%, rgba(40, 98, 118, 0.05) 50.5%, rgba(40, 98, 118, 0) 100%);
    height: 50px;
}

.linear-tag h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #286276;
}

.linear-tag-desc {
    padding: 15px 50px;
}

.linear-tag-desc p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #3D3E489E;
    margin: 0;


}
.retreat-approach-container {
    padding: 25px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 100%;
}
.retreat-approach-box {
    padding: 0px 15px;
    position: relative;
    padding-left: 20px;
    
}
.retreat-approach-box::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #286276;

}
.retreat-approach-box h6{
    
font-size: 16px;
font-weight: 600;
line-height: 32.8px;
text-align: left;
color: #286276;

}
.retreat-approach-box p{
font-size: 15px;
font-weight: 400;
line-height: 25px;
text-align: left;
color: #3D3E489E;
margin: 0;

}



/* Become an ambassador */

.ambassador-baner-section{
      justify-content: space-between;
    flex-direction: column;
    width: 100%;
    height: 105vh;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 1) 94%), url(../img/baner/25-desktop.png); */
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 6%, rgba(255, 255, 255, 0) 27%, rgb(255 255 255 / 0%) 94%), url(../img/baner/27.JPG);
    display: flex
;
    position: relative;
    margin-top: 10rem;
}
.bottom-shadow {
    width: 100%;
    height: 40px;
    background: rgb(255, 255, 255);
    box-shadow: -7px -25px 40px 30px #fff;
}
.ambassador-baner-section-title{
      width: 100%;
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 30px;
    padding-top: 0;
    margin-top: -50px;
}
.ambassador-baner-section-title h2{
    font-size: 45px;
    background: linear-gradient(90deg, #5D9F31 0%, #62D025 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    text-align:center;

}

.ambassador-baner-section-title h2 img{
    width: 60px;
}
.ambassador-baner-section-title p{
font-size: 20px;
margin: 0;
font-weight: 400;
line-height: 30.96px;
text-align: center;

}
.ambassador-top-text{
    padding: 0 100px;
}
.ambassador-top-text p{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    text-align: center;
    margin-bottom: 30px;

}
.ambassador-top-text p img{
    width: 25px;
}
.ambassador-ntr-dt h3 img{
    width:35px;
}
.ambassador-ntr-dt h3 {
    font-size: 30px;
    font-weight: 600;
}
.ambassador-ntr-dt p{
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 400;
}
/* Policies */

.policy-title h3{
    font-size: 32px;
    font-weight: 600;
    color: #286276;
}
.policy-container p{

    font-size: 16px;
    font-weight: 400;
    line-height: 23.45px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    font-family: 'SFproRegular';
    color: #0f172ab8;
    margin: 5px 0;

}
.policy-container-2{
    padding: 10px 0;
}
.policy-container-2 strong{
    font-size: 17px;
        color: #286276;
}
.policy-container-2 ul{
    margin: 15px 0;
}
.policy-container-2 ul li{
    font-size: 16px;
    font-weight: 400;
    line-height: 23.45px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    font-family: 'SFproRegular';
    color: #0f172ab8;
    margin: 5px 0;
}
.policy-container-2 p{
    font-size: 16px;
    font-weight: 400;
    line-height: 23.45px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    font-family: 'SFproRegular';
    color: #0f172ab8;
    margin: 5px 0;
}
.policy-container-2 ol{
    margin: 15px 0;
   padding-left: 20px;
}
.policy-container-2 ol li{
    font-size: 16px;
    font-weight: 400;
    line-height: 23.45px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    font-family: 'SFproRegular';
    color: #0f172ab8;
    margin: 5px 0;
}
.policy-container-3 {
    padding: 20px 0;
    padding-top: 5px;
    padding-bottom: 15px;
}

.policy-container-3 h3{
    font-weight: 600;
    font-size: 18px;
    /* margin: 10px 0; */
    margin-bottom: 4px;
    margin-top: 25px;
    color:#286276;
}
.policy-container-3 h3:first-child{
   font-weight: 400;
    font-size: 23px;
    margin: 10px 0;
    margin-bottom: 10px;
}
.policy-container-3 p{
      font-size: 16px;
    font-weight: 400;
    line-height: 23.45px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    font-family: 'SFproRegular';
    color: #0f172ab8;
    margin: 5px 0;
}
.policy-container-3 ul{
    margin: 15px 0;
}
.policy-container-3 ul li{
    font-size: 16px;
    font-weight: 400;
    line-height: 23.45px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    font-family: 'SFproRegular';
    color: #0f172ab8;
    margin: 5px 0;
}

.policy-container-3 p a{
    font-size: 16px;
    color: #286276;
    overflow-wrap: anywhere;
}
.p-tl-0{
    margin-bottom: 0px !important;
    margin-top: 25px !important;
    font-size: 21px !important;
}
.policy-container-3 ol{
    margin: 15px 0;
}
.policy-container-3 ol li{
    font-size: 16px;
    font-weight: 400;
    line-height: 23.45px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    font-family: 'SFproRegular';
    color: #0f172ab8;
    margin: 5px 0;
}
.inner-p li p{
    display: flex;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
}
.in-p{
    display: flex;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;

}
.policies-top-sec{
    padding-top: 3rem !important;
    margin-top: 3rem !important;
  }

@media screen and (max-width:991px){
    .policies-top-sec{
      padding-top: 0 !important;
      margin-top: 0 !important;
      margin-top: 40px !important;
    }

}

@media screen and (max-width:768px){
    .policy-container-2 p {
        font-size: 15px;
        margin: 5px 0;
        line-height: 24px;
    }
    .policy-container-2 ul li{
        font-size: 15px;
    }
    .policy-container p {
        font-size: 15px;
        line-height: 25px;
    }
    .policy-title h3{
        font-size: 25px;
    }
    .policy-container-3 p{
        font-size: 15px;
        margin: 5px 0;
        line-height: 24px;
    }
    .policy-container-3 ul li{
        font-size: 15px;
        margin: 5px 0;
        line-height: 24px;
    }
    .policy-container-3 ol li{
        font-size: 15px;
        margin: 5px 0;
        line-height: 24px;
    }
    .p-tl-0{
        margin-bottom: 0px !important;
        margin-top: 2px !important;
        font-size: 20px !important;
    }
    .policy-container-3 p a {
        font-size: 14px;
    }
    .policy-container-3 h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .policy-container-3{
        padding: 5px 0;
    }


    

}



/* policies end */

/* Favourites */

.favourites-secton-main-baner {
    width: 100%;
    height: 850px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.21) 38.64%, #FFFFFF 90.86%), url(../img/baner/26.png);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 70px;

}
.favourites-glassy-sec{
    width: 100%;
    background: rgba(255, 255, 255, 0.71);
border-radius: 40px;
/* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
backdrop-filter: blur(10.4px);
-webkit-backdrop-filter: blur(10.4px);
border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 30px;
    margin-top: -40rem;
    
}
.favourites-section-top{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.favourites-section-top .favourite-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.favourites-section-top .favourite-icon i{
    font-size: 40px;
    color: #FA4745;
    

}
/* .favourites-section-top .favourite-icon::before{
    content: '';
    width: 30px;
    height: 1px;
    background-color: #FA4745;
    position: absolute;
    bottom: -10px;
    border-radius: 100rem;
} */
.favourites-section-top .favourite-icon img{
    width: 55px;
}
.favourites-section-top h3{
    text-align: center;
    font-weight: 600;
    line-height: 40px;
    font-size: 30px;
    color: #286276;
    margin: 20px 0;
}
.fav-container{
    max-width: 1100px;
    margin: auto;
}
.retreat-highlights-top .liked-span {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
       border: 1px dashed #f75050;
    color: #f75050;
    border-radius: 50%;
   
}

@media screen and (max-width:567px){
    .favourites-glassy-sec {
        padding:7px;
        padding-top: 10px;
    }
    .favourites-section-top h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 5px 0;
    }
    


}

/* favourites End */




/* reservation mobile */


.mobile-reservation-booking{
    position: relative;
    display: none;
}
.mobile-reservation-container{
    width: 100%;
    height: 16rem;
    background-color: #fff;
   
    padding: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 22;
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.mobReservation-cs{
    height: 70vh !important;
    overflow-y: auto;
    border-radius: 10px 10px 0 0;
   
}

.mobReservation-cs::-webkit-scrollbar {
    width: 3px;
 
   }
   
   /* Track */
   .mobReservation-cs::-webkit-scrollbar-track {
   background-color: #f2f2f2;
   }
    
   /* Handle */
   .mobReservation-cs::-webkit-scrollbar-thumb {
     background: #286276; 
     border-radius: 10px;
   }

.mob-reservation-bottom{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.mob-reservation-bottom img{
    width: 293px;
    height: 158px;
    object-fit: cover;
    border-radius: 10px;

}
.mob-reservation-dt h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #333333;
}
.mob-reservation-dt h6{
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #333333;
    margin: 0;
}
.mob-reservation-dt p{
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 25px;
}
.mob-reservation-bottom-2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
}
.mob-reservation-btn{
   padding: 7px 7px;
    border: 0;
    
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #286276;
    border-radius: 5px;
    margin: 10px 0;
    font-weight: 400;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #286276;
    text-decoration: none;
    white-space: nowrap;
}
.mob-reservation-btn:hover{
    border-radius: 40px;
    background-color: transparent;
    color: #286276;
}
.mob-reservation-bottom-2 p{
    font-size: 10px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    margin: 0;
    line-height: 14px;
}

.mobReservation-cs .mob-reservation-bottom img{
    width: 100%;
    height: 350px;
}
.mobReservation-cs .mob-reservation-bottom{
    flex-direction: column;
}
.mobReservation-cs .mob-reservation-dt{
    width: 100%;
}
.mob-cs-box{
    display: none;
}
.mobReservation-cs .mob-cs-box{
    display: block;
}
.mobReservation-cs .mob-reservation-bottom-2{
    flex-direction: column-reverse;
    gap: 10px;
}
.mobReservation-cs .mob-reservation-bottom-2 p{
    text-align: center;
}
.mobReservation-cs .mob-reservation-dt h6{
    margin: 10px 0;
}
.mob-cs-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.mob-cs-container img{
    width: 18px !important;
    height: auto !important;
}
.mob-reservation-center{
    display: none;
}
.mobReservation-cs .mob-reservation-center{
    display: block;
    width: 100%;
}
.mobReservation-cs .mob-reservation-btn{
   font-size: 15px  !important;
   width: 100%;
   height: 40px;
}

.mobile-overlay{
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0,0,0);
background: linear-gradient(9deg, rgba(0,0,0,0.5495448179271709) 0%, rgba(0,0,0,0.5803571428571428) 100%);

}
.mobile-reservation-scroll-none,.mobile-overlay-none{
    display: none !important; 
}
.mob-reservation-input-container{
    display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
}
.mob-reservation-input input{
    border: 0;
    background-color: transparent;
    font-size: 15px;
    font-weight: 400;
    padding: 0;

}
.mob-reservation-input input:focus{
    background-color: transparent;
    border: 0;
    outline: 0;
}
.mob-reservation-input label{
    font-size: 12px;
    font-weight: 300;
}
.mob-input-border-right .mob-reservation-input{
    border-right: 1px solid #00000029;
}
@media screen and (min-width:768px){
    .mobile-overlay{
        display: none;
    }
}
@media screen and (max-width:991px){
    .add-on-box .label-for-check{
        font-size: 14px;
    }
    .add-on-box .label-for-check span{
        white-space: nowrap;
    }
}
@media screen and (max-width:768px){
    .mobile-reservation-booking{
        display: block;
    }

    .reservation-right-dt-desc{
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: flex-start;

    }

    .reservation-right-dt-desc i{
        width: unset;
        margin-right: 5px;
    }
    .reservation-form-container{
        margin-top: 0;
    }
    .reservation-price-list ul{
        margin-bottom: 0;
    }
    .d_md_none{
        display: none;
    }
   
}

@media screen and (max-width:576px){
    .mob-reservation-bottom img {
        height: 100px;
    }
    .mob-reservation-dt h3{
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    }
    .mob-reservation-dt h6{
        font-size: 12px;
        line-height: 17px;
        margin: 4px 0;
    }
    .mob-reservation-dt p{
        font-size: 12px;
        line-height: 17px;
    }
    .mob-reservation-btn{
        font-size: 12px;
    }
    .reservation-price-list ul li{
        margin: 5px 0;
        font-size: 13px;
    }
    .mobReservation-cs .mob-reservation-bottom img{
    width: 100%;
}
.mobile-reservation-container{
    height: 13rem;
}
#input-reservation-date{
    width: 100%;
    min-width: unset;
}
.trip-container h3{
    font-size: 20px;
}
.trip-container-2 p {
font-weight: 400;
line-height: 22px;

}
.add-on-box .check-label-1 p {
    font-size: 12px;
  
    line-height: 15px;
   
}
.mob-reservation-input-bottom-height{
    margin-bottom: 15px;
}
.mobReservation-cs .mob-reservation-bottom img{
    height: 250px;
}
.mob-input-border-right .mob-reservation-input:last-child{
  border-right: 0;
  padding-left: 15px;
}
.mob-reservation-input{
    width: 50%;
}
.border-sm-top{
    border-top: 1px solid #00000029;
    padding-top: 10px;
}
.trip-form-box {
    height: 80px;
}
.tab-cs{
    font-size: 14px;
}
.tab-cs img{
    width: 18px;
    margin-right: 8px;
}

}
@media screen and (max-width:450px){
    .mob-reservation-bottom img {
        height: 100px;
        width: 250px;
    }
    .mob-reservation-dt h6{
      margin: 3px 0;
    }
    .mob-reservation-dt h6{
        font-size: 12px;
        line-height: 15px;
       
    }
    .mob-reservation-dt p{
        font-size: 12px;
        line-height: 15px;
    }
}

.panels-cs .panel{
        display:block !important;
    }
.blog-tab-btns a{
        cursor: pointer;
    padding: 10px 25px;
    margin: 0px 2px;
    background: transaprent;
    display: inline-block;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    transition:0.5s;
    text-decoration:none;
}
 /*.blog-tab-btns:first-child  a{*/
 /*    background: #286276;*/
 /*   color: #fff;*/
 /*}*/
 .blog-tab-btns a:hover{
     color:#286276;
 }
 .active-tab{
     border-radius:5px !important;
     
 }
 .active-tab a{
          background: #286276;
    color: #fff;
    border-radius:5px !important;
 }
 .active-tab a:hover{
     color: #fff !important;
 }
 .no-blog{
     width:100%;
     height:100px;
     border-radius:20px;
     background:#F1F5F9;
     display:flex;
     justify-content:center;
     align-items:center;
     
 }
  .no-blog span{
      font-size:18px;
      font-weight:600;
      color:#286276;
      
  }
  .wd-page{
          padding: 10px 15px;
          width:unset !important;
          height:unset !important;
              border-radius: 40px !important;
              color:#fff !important;
  }
  .wd-page a{
        color:#fff !important;
  }
  
  
  /*Contact us*/
  
  @media screen and (max-width:1200px){
      .cnt-address-dt ul li {
          font-size:13px;
      }
      .pl-20_rem.pl-20_rem-cs{
          padding-left:5rem !important;
      }

  }
  
  /*all*/
  
  @media screen and (max-width:991px){
      .panels-cs {
          margin-top:0px;
      }
  }
  
  
  
  

/* My Profile */

.logged-in-nav-tog{
    padding:8px 10px ;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #286276;
    border-radius: 40px;
}
.logged-in-nav-tog i{
    font-size: 18px;
    color: #286276;
}
.profile-info-nav{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    margin-right: 13px;
}

.profile-info-nav img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.profile-info-nav p{
    font-size: 13px;
    margin: 0;
    color: #286276;
}
.logged-in-nav-menu-center{
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.logged-in-nav-menu-center li a{
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.5px;
    color: #286276;
    padding: 8px 7px !important;
}
.logged-in-nav-menu-center li a.log-menu-active{
    color: #222;
    text-decoration: underline;
}

.profile-container{
    padding: 40px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.profile-top-title{
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    font-family: 'SFproRegular';
    margin-left: 5px;
    letter-spacing: 0.7px;
    text-transform:capitalize;

}
.profile-top-title span{
    font-family: 'SFproRegular';
    letter-spacing: 0.7px;

}
.profile-left{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.profile-left img{
    width: 220px;
    height: 220px;
    border-radius: 50%;
    object-fit: cover;
    border:5px solid #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.profile-info-title{
    font-size: 18px;
    font-weight: 600;
    color: #286276;
    margin: 0;
    margin-bottom: 10px;
}
.profile-info-list{
    border-top: 1px solid #CDCDCD;
}
.profile-info-pading{
    padding-left: 45px !important;
}
.profile-info-list ul{
    margin: 0;
    padding: 0;
   list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

}
.profile-info-list ul li{
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #286276b8;
    margin: 15px 0;
   
    
}
.profile-info-list ul li span{
    color: #000;
}
.profile-info-list ul li span i{
    width: 25px;
}
.profile-info-list ul li:nth-child(odd){
    padding-right: 20px;
}
.profile-edit-btns ul{
    margin: 15px 0 0 0;
    padding: 0;
   list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}
.profile-edit-btns ul li{
    /*width: 20%;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.profile-edit-btns ul li a,.profile-edit-btns ul li label{
  font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.5px;
    color: #fff !important;
    padding: 8px 15px !important;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    background-color: #1d55699e;
    margin: 0 5px;
    border-radius: 5px;
    transition:0.5s;
   
}
.profile-edit-btns ul li a i,.profile-edit-btns ul li label i{
    margin-right: 10px;
}
.profile-edit-btns ul li a:hover,.profile-edit-btns ul li label:hover{
    background-color:#286276 !important;
    border-radius:40px;
}
.profile-edit-btns ul li:last-child a{
    color: #000;
}
/*.booking-container-top{*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*}*/
.booking-container-top .bookings-top-btn{
  min-width: 45px;
    min-height: 40px;
    border-radius: 30px;
    border: 0;
    outline: 0;
    color: #ffff;
    border: 1px solid #d5d5d5cc;
    display: flex
;
    justify-content: center;
    align-items: center;
    background-color: #286276;
    font-size: 14px;
    padding: 4px 12px;
    white-space:nowrap;
   
}
.booking_filter_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:30px;
}
.booking_filter_btn i{
    margin-right:10px;
}
.booking_filter_field label{
    font-size:13px;
    font-weight:500;
}
.booking_filter_field input,.booking_filter_field select{
    font-size:13px;
    height:40px;
    border-radius:4px;
}
.choose-date-bookings{
    color: #286276;
    border: 1px solid #d5d5d5cc;
    padding: 7px 10px;
    border-radius: 30px;
    position: relative;
}
.choose-date-bookings input{
    border: 0;
    outline: 0;
    font-size: 14px;
}
.choose-date-bookings img{
    position: absolute;
    right: 22px;
    width: 20px;
    top: 13px;


}
.table-soul{
    margin: 0;
}
.table-soul tr th{
    font-size: 15px;
    color: #1e1e1ee6;
    font-family: 'SFproRegular';
    letter-spacing: 0.7px;
      background-color: #286276 !important;
        color:#fff !important;
    padding: 12px 10px !important;
    max-width: 200px;
    white-space:nowrap;
    text-align:center;
        border: 1px solid #cdcdcd8a;
}
.table-soul tr td{
      border: 1px solid #cdcdcd8a;
    font-size: 14px;
    color: #286276b8;
    font-family: 'SFproRegular';
    letter-spacing: 0.7px;
    text-align: center;
    padding: 7px 10px !important;
}
.booking-pagination,.pagination-select{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
.booking-pagination{
    padding-right: 60px;
}
.booking-pagination ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.booking-pagination ul li a{
    width: 40px;
    height: 40px;
   
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CDCDCD;
    color: #286276c2;
    text-decoration: none;
    font-size: 20px;
}
.booking-pagination ul li:first-child a{
    border-radius: 4px 0 0 4px;
}
.booking-pagination ul li:last-child a{
    border-radius: 0 4px 4px 0;
    border-left: 0;
}
.pagination-select select{
    width: 100px;
    border-radius: 30px;
    border: 1px solid #CDCDCD;
    font-size: 14px;
}
.booking-pagination .doc-download{
    padding: 5px 18px;
    background-color: #286276;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin-right: 10px;

}
.booking-pagination .doc-download i{
    margin-right: 6px;
}
.px_3_cs {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.mob-profile-nav{
    display: none;
}
.table-over{
    overflow: auto;
}
/* width */
.table-over::-webkit-scrollbar {
  width: 4px;
  height:4px;
}

/* Track */
.table-over::-webkit-scrollbar-track {
  box-shadow: #f2f2f2; 
  border-radius: 10px;
}
 
/* Handle */
.table-over::-webkit-scrollbar-thumb {
  background: #286276; 
  border-radius: 10px;
}

@media screen and (max-width:1200px){
     .profile-info-pading{
        padding-left: 10px !important;
    }
}
@media screen and (max-width:991px){
   
    .profile-info-list ul li{
        width: 100%;
    }
    .profile-info-list ul li:nth-child(odd) {
        padding-right: 0px;
    }
    .profile-edit-btns ul{
        justify-content: flex-start;
    }
    .profile-edit-btns ul li {
        width: 50%;
        justify-content: flex-start;
        margin-bottom:10px;
    }
    /*.profile-edit-btns ul li a, .profile-edit-btns ul li label{*/
    /*    padding: 8px 0 !important;*/
    /*}*/
    .profile-container{
        padding: 20px;
    }
    .mob-profile-nav {
        display: block;
    }
    .mob-profile-nav ul li a{
        padding: 0;
    }
    .table-soul tr th{
        min-width: 150px;
    }
    .booking-pagination{
        justify-content: flex-start;
        padding: 0;
    }
    .profile-edit-btns ul li a, .profile-edit-btns ul li label{
        width:100%;
    }
    .profile-edit-btns-cs ul{
        justify-content:flex-start !important;
    }
    li.padding-deactivate{
        padding-left:0 !important;
    }


}
@media screen and (max-width:567px){
    .profile-edit-btns ul li{
        width: 100%;
    }
    .profile-edit-btns ul{
        margin: 0;
    }
    .profile-info-list ul li{
        font-size: 13px;
    }
    .px_3_cs {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .booking-pagination .doc-download,.choose-date-bookings input{
        font-size: 13px;
    }
    .profile-top-title{
        font-size: 23px;
        line-height: 32px;
    }
    .profile-edit-btns ul li a, .profile-edit-btns ul li label{
        width:100%;
    }
    .profile-edit-btns ul li a.profile-sub-btn,.profile-edit-btns ul li input.profile-update-btn{
        font-size:13px !important;
            padding: 7px 10px !important;
    }
}

/* Affiliate */


.Affiliate-tabs-link ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
}
.Affiliate-tabs-link ul li{
    margin: 0 10px;
}
.Affiliate-tabs-link ul li a{
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    color: #286276;
    padding: 8px 7px !important;
    text-decoration: none;
    cursor: pointer;

}
.Affiliate-tabs-link ul li a i{
    margin-right: 7px;
}
.Affiliate-tabs-link ul li a.active{
    color: #222;
    text-decoration: underline;
}
.Affiliate-top-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    border-radius: 20px;
    gap: 20px;
    max-height: 85px;
    min-height: 85px;
    width: 90%;
}
.Affiliate-top-box img{
    width: 55px;
}
.Affiliate-top-box div{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.Affiliate-top-box div p{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #286276;
    margin-bottom: 4px;
    letter-spacing: 0.7px;
    font-family: 'SFproRegular';
}
.Affiliate-top-box div small{
    color: #000;
}
.text-dec-none{
    text-decoration: none;
}
.af-img-width img{
width: 61px;
}
.Affiliate-filter-container label{
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #286276;
    margin-bottom: 4px;
    letter-spacing: 0.7px;
    font-family: 'SFproRegular';
}
.Affiliate-filter-box{
    color: #286276;
    border: 1px solid #d5d5d5cc;
    padding: 20px;
    border-radius: 30px;
    width: 90%;
    position: relative;
}
.Affiliate-filter-box input{
    border: 1px solid #d5d5d5cc;
    outline: 0;
    font-size: 14px;
    border-radius: 20px;
    padding: 10px;
}
.Affiliate-filter-box img{
    position: absolute;
    right: 37px;
    width: 20px;
    top: 31px;
}

/* .Affiliate-filter-box input::-webkit-calendar-picker-indicator {
    display: none !important;
}
.Affiliate-filter-box input[type="date"] {
    background: #fff url(../img/filter-date.png) 97% 50% no-repeat;
   background-size: 23px;
    
}


.Affiliate-filter-box input[type="date"]::-webkit-inner-spin-button {
    display: none !important;
} */


.filters-btns{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    height: 100%;
}
.filters-btns a{
    padding: 5px 18px;
    background-color: #286276;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    margin-top: 15px;
    margin-right: 5px;
    border: 1px solid #286276;
    transition: 0.5s;
}
.filters-btns a:hover{
    background-color: transparent;
    color: #286276;
}
.Affiliate-table{
    padding: 20px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    min-height: 400px;
    /* width: 97%; */
}
.Affiliate-table table tr th{
    font-size: 15px;
    color: #1e1e1ee6;
    font-family: 'SFproRegular';
    letter-spacing: 0.7px;
    border: 1px solid #9A9A9A;
    padding: 10px 10px !important;
    max-width: 150px;
}
.Affiliate-table table tr td{
    border: 1px solid #9A9A9A;
    font-size: 14px;
    color: #286276b8;
    font-family: 'SFproRegular';
    letter-spacing: 0.7px;
    padding: 10px 10px !important;
}
.Affiliate-table .table-striped>tbody>tr:nth-of-type(odd)>*{
background-color: #f8f8f80f;
}
.Affiliate-padding-left{
    padding-left: 30px !important;
}
.Affiliate-padding-left_right{
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.px_4_cs {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.Affiliate-table .grid-cols-2{
    margin:0 !important;
}

@media screen and (max-width:1200px){
    .Affiliate-padding-left{
         padding-left: 0 !important;
    }
    .Affiliate-top-box,.Affiliate-filter-box{
        width: 100%;
    }
    .Affiliate-top-box div p{
        font-size: 14px;
    }
    .Affiliate-padding-left_right{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media screen and (max-width:991px){
    .Affiliate-table{
        padding: 15px;
    }
    .Affiliate-table table tr th{
        min-width: 200px;
    }
    .px_4_cs {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}
@media screen and (max-width:768px){
   .Affiliate-tabs-link ul li{
    width: 50%;
    margin: 10px 0;
   }
   .Affiliate-tabs-link ul{
    justify-content: flex-start;
   }
}
@media screen and (max-width:567px){
   .Affiliate-tabs-link ul li{
    width: 100%;
   }
  
}

/* Faq */
.nav-top-select{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.nav-top-select select{
    border: 0;
    font-size: 14px;
    color: #286276;
    padding-left: 5px;
}
.nav-top-select i {
 font-size:15px;
}


.fw_bold{
    font-weight: bold !important;
    font-family: 'SFproBold';
}
.fw_bold span{
    font-weight: bold !important;
    font-family: 'SFproBold';
}
.faq-sec-container{
    padding: 20px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}
.faq-sec-container img{
    width:60px;
}
.faq-sec-container h3{
    font-size: 21px;
    font-weight: 500;
    margin: 0;
    color: #000;
}
.faq-sec-container p{
    font-size: 14px;
    /* font-weight: 400; */
    line-height: 22.5px;
    color: #286276;
    /* font-family: 'SFproRegular'; */
    /* letter-spacing: 0.7px; */
    margin: 0;
    margin-top:5px;
}
.faq-img-overlap{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.faq-img-overlap img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    z-index: 5;
    background-color:#f2f2f2;
}
.faq-img-overlap img.faq-over-img-1{
   margin-left: -10px;
   z-index: 3;

}
.faq-img-overlap img.faq-over-img-2{
   margin-left: -10px;
   z-index: 2;

}
.faq-sec-container-bottom{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    column-gap: 30px;
    padding-top: 10px;
}
.faq-bottom-ul ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:30px;
}
.faq-bottom-ul ul li{
    font-size: 13px;
    font-weight: 400;
    line-height: 25.5px;
    color: #286276;
    text-decoration: none;
}


.faq-tabs-link ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}
.faq-tabs-link ul li{
    margin: 0 10px;
}
.faq-tabs-link ul li a{
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.5px;
    color: #286276;
    padding: 8px 7px !important;
    text-decoration: none;
    cursor: pointer;

}
.faq-tabs-link ul li a i{
    margin-right: 5px;
}
.faq-tabs-link ul li a.active{
  
    text-decoration: underline;
}
.faq-2-sec-container{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.faq-sec-accordion{
    border: 1px solid #9A9A9A;
    border-radius: 15px;
    padding: 25px;
    width: 100%;
}
.faq-sec-accordion h3{
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #000;
    margin-bottom: 14px;

}
.faq-sec-accordion-box{
    /*border-bottom: 1px solid #9A9A9A;*/
    padding-top: 10px;

}
.main-faq-acd-item .accordion-button{
    border-bottom: 1px solid #9A9A9A !important;
}


.main-faq-btn{
    font-size: 17px !important;
    padding: 14px 0 !important;
    border: 0 !important;
    font-family: 'SFproRegular'; 
    letter-spacing: 0.5px; 
    line-height:26px;
}
.main-faq-acd-item{
    border: 0 !important;
}
.accordion-button.main-faq-btn::after {
    width: 14px;
    height: 17px;
    background-size: contain !important;
    rotate: -90deg;
}
.accordion-button.main-faq-btn.accordion-button:not(.collapsed)::after {
   background-color: transparent !important;
    rotate: 180deg;
}
.accordion-button.main-faq-btn.accordion-button:not(.collapsed){
    background-color: #1869848c;
    padding-left: 10px !important;
    padding-right: 5px !important;
   color: #fff;
   /* font-weight: 600; */
   border-radius: 7px 7px 0 0 !important;
  
}
.main-faq-acd-body .accordion-body{
    padding: 10px;
    background-color: #f2f5fc;
    border-radius: 0 0 7px 7px;
}
.main-faq-acd-body .accordion-body p{
       font-size: 14px;
    line-height: 25px;
    color: #000;
      /* font-family: 'SFproRegular';  */
    /* letter-spacing: 0.5px;  */
}


@media screen and (max-width:768px){
    .faq-sec-container-bottom{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .faq-sec-container-bottom ul{
        padding-left: 18px;
        margin-top: 10px;
    }
    .faq-sec-container{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding:14px;
    }
    .px_0_cs{
        padding: 0 !important;
    }
    .faq-sec-accordion{
        padding: 11px;
    }

}
@media screen and (max-width:567px){
    .faq-sec-container p {
        font-size: 12px;
        line-height: 20px;
    }
    .faq-sec-accordion h3 {
        font-size: 15px;
        line-height: 23px;
    }

}




/* Link Builder */

.Affiliate-input-container{
    padding: 30px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  
}

.Affiliate-input-container label{
    margin: 0;
    font-size: 15px;
    /* font-weight: 600; */
    color: #000;
    margin-bottom: 5px;
    letter-spacing: 0.7px;
    font-family: 'SFproRegular';
}
.Affiliate-input-container input{
    border: 1px solid #9A9A9A;
    border-radius: 40px;
}
.Affiliate-input-container button,.sm-btn-cs{
    padding: 5px 18px;
    background-color: #286276;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    margin-top: 15px;
    margin-right: 5px;
    border: 1px solid #286276;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;

}
.Affiliate-input-container button:hover, .sm-btn-cs:hover{
    background-color: transparent;
    color: #286276;
}
.table_width_eql tr th {
    width: 25%;
}


@media screen and (max-width:768px){
    .Affiliate-input-container{
        padding: 15px;
    }
}

/* payout */
.payout-modal {
    padding:15px  30px;
    border-radius: 20px !important;
    padding-bottom:30px;
}
.payout-modal .modal-header{
    border: 0;
    border-bottom: 1px solid #9A9A9A;
    padding: 16px 0;
}
.payout-modal .modal-header h1{
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    font-family: 'SFproRegular';
    margin-left: 5px;
    margin: 0;
    letter-spacing: 0.7px;
}
.payout-modal .modal-header button{
    font-size:15px;
    
}
.payout-modal .modal-body{
   
    padding: 16px 0;
}
.payout-modal .modal-body p{
    margin: 0;
    font-size: 16px;
    font-family: 'SFproRegular';
    letter-spacing: 0.5px;
    line-height: 20px;
    text-align: left;
    color: #222;
    margin-bottom: 24px;
}
.payout-modal .modal-body .form-check label{
    margin: 0;
    font-size: 16px;
    /* font-weight: 600; */
    color: #000;
    margin-left: 10px;
    margin-top: 2px;
 
    letter-spacing: 0.7px;
    font-family: 'SFproRegular';
}
.payout-modal .modal-body .form-check label i{
    color: #286276;
    margin-left: 5px;
}
.payout-modal .modal-body .form-check input{
    width: 20px;
    height: 20px;
    border: 1px solid #9A9A9A;
}
.payout-modal .modal-body .form-check{
    margin: 15px 0;
}
.payout-modal .modal-footer{
    border: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.payout-modal .modal-footer .faq__btn{
    padding: 5px 18px;
    background-color:transparent;
    border-radius: 30px;
    color: #286276;
    text-decoration: none;
    font-size: 15px;
    margin-top: 15px;
    margin-right: 5px;
    border: 1px solid #286276;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.payout-modal .modal-footer .faq__btn:hover{
    background-color: #286276;
    color: #fff;
}
.payout-add {
    display: flex;
    flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 15px 20px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        border-radius: 20px;
/*        
        max-height: 85px;
        min-height: 85px; */
        width: 94%;
      

}
.payout-add label{
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #286276;
    margin-bottom: 4px;
    letter-spacing: 0.7px;
    font-family: 'SFproRegular';
}
.payout-add input{
    border: 0;
    padding:  0;
    font-size: 14px;
    color: #222 !important;
    margin-top: 5px;
}
.payout-add input::placeholder{
    color: #94a3b8c7 !important;
}
.payout-btns{
    display: flex
    ;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        height: 100%;
}
.payout-btns button{
    padding: 5px 18px;
    background-color: #286276;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    margin-top: 15px;
    margin-right: 5px;
    border: 1px solid #286276;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.payout-btns button:hover{
    background-color: transparent;
    color: #286276;
}
.payout-btns a{
    padding: 5px 18px;
    background-color:transparent;
    border-radius: 30px;
    color: #286276;
    text-decoration: none;
    font-size: 15px;
    margin-top: 15px;
    margin-right: 5px;
    border: 1px solid #286276;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.add-payout-container{
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.show-container{
    height: 100%;
    overflow: unset;
}

@media screen and (max-width:991px){
    .payout-add{
        width: 100%;
    }
}

/* .wrapper {
	max-width: 18rem;
	padding: 0 0.5rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4rem;
} */


.Affiliate-filter-box input:focus {outline: none; }
#ui-datepicker-div {
	display: none;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
	margin-top: 0.25rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
}
.Affiliate-filter-box  table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ui-datepicker-calendar thead th {
	padding: 0.25rem 0;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 400;
	color: #78909C;
}
.ui-datepicker-calendar tbody td {
	width: 2.5rem;
	text-align: center;
	padding: 0;
}
.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 0.25rem;
	line-height: 2rem;
	transition: 0.3s all;
	color: #546E7A;
	font-size: 0.875rem;
	text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {	
	background-color: #E0F2F1;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background-color: #286276;
	color: white;
}
.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
	background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {	
	left: 0;	
	background: url(../img/Chevron_left.svg);
	background-repeat: no-repeat;
	background-size: 0.5rem;
	background-position: 50%;
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
	background: url(../img/Chevron_right.svg);
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: 50%;
}
.ui-datepicker-header a>span {
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 2rem;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
	color: #78909C;
	font-weight: 400;
	font-size: 0.75rem;
}
.price-inp-cs {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
  
.price-inp-cs .field{
    width:40%;
   
        display: flex
;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
  
  .price-inp-cs .field input{
      border-radius:4px;
      padding:4px 8px;
      font-size:14px;
      
  }
 .price-inp-cs .field span{
      font-size:12px;
      font-weight:600;
 }
 .price-inp-cs .separator{
     margin-top:15px;
 }
 .label-cs{
     font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: left;
    width: 100%;
}
.range-input-cs{
     display:flex;
    justify-content:space-between;
    align-items:center;
}
 /*.range-input-cs input{*/
 /*      width:40%;*/
 /*      height:3px;*/
 /*      background:#CAE5FF;*/
 /*      margin-top:17px;*/
 /*      border:0 !important;*/
       
 /*}*/
 
 .range-slider-inp {
  -webkit-appearance: none;
 width:40%;
       height:5px;
        margin-top:17px;
       background:#CAE5FF;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.range-slider-inp:hover {
  opacity: 1;
}

.range-slider-inp::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width:16px;
  height: 16px;
  border-radius:50%;
  background: #fff;
  cursor: pointer;
  border:1px solid #286276;
}

.range-slider-inp::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
 
 
 /*Profile-edit*/
 
 .profile-edit-form{
     width:100%;
     display:flex;
     justify-content:flex-start;
     align-items:flex-start;
     flex-direction:column;
     gap:4px;
 }
  .profile-edit-form input,.profile-edit-form select{
      width:100%;
      height:42px;
      border-radius:4px;
      font-size:13px;
      border-radius: 10px !important;
      /*background:transparent;*/
  }
  .profile-edit-form input::file-selector-button{
      height:42px;
          background-color: #1d55699e;
              color: #fff !important;
  }
  
  .profile-edit-form .iti{
      width:100%;
      height:40px;
      border-radius:4px;
  }
  .profile-edit-form .iti--inline-dropdown .iti__dropdown-content{
     padding:10px;
  }
  .profile-edit-form .iti__search-input, .profile-edit-form .iti__search-input:focus{
    border:0 !important;
        border: 0 !important;
    outline: 0 !important;
  }
   .profile-edit-form small{
       font-size:12px;
       color:red;
   }
  .profile-edit-form-ul li{
      margin:10px 0 !important;
  }
  .profile-edit-country ul li{
      width:100% !important;
      justify-content:flex-start !important;
  }
 
 
.profile-edit-btns ul li input.profile-update-btn {
    width: 100%;
    border: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    background-color: #b23939;
    border-radius: 4px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #b23939;
    text-decoration: none;
    padding:7px 20px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;

}

.profile-edit-btns ul li input.profile-update-btn:hover {
    background-color: transparent;
    color: #b23939 !important;
    border-radius:40px;
}
.profile-edit-btns ul li a.profile-sub-btn {
    width: 100%;
    border: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    background-color: #286276;
    border-radius: 4px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #286276;
    text-decoration: none;
    padding:7px 20px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;

}

.profile-edit-btns ul li a.profile-sub-btn:hover {
    background-color: transparent !important;
    color: #286276 !important;
    border-radius:40px;
}

 .profile-edit-btns-cs ul li{
     gap:5px
 }
  .profile-edit-btns-cs ul{
        justify-content: flex-end;
        margin-top:0;
  }
 .modal-save-btn{
      width: fit-content;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    background-color: #286276;
    border-radius: 4px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #286276;
    text-decoration: none;
    padding:7px 20px !important;
 }
  .modal-save-btn:hover{
       background-color: transparent;
    color: #286276 !important;
    border-radius:40px;
  }
 .modal-close-btn{
      width: fit-content;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    background-color: #b23939;
    border-radius: 4px;
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s;
    border: 1px solid #b23939;
    text-decoration: none;
    padding:7px 20px !important;
 }
  .modal-close-btn:hover{
       background-color: transparent;
    color: #b23939 !important;
    border-radius:40px;
  }
  .modal-content-cs .modal-header{
     background-color: #286276;
  }
  .modal-content-cs .modal-header h5{
      color:#fff;
      font-size:18px;
  }
 .upload-file label{
     font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #54687B;
 }
  .upload-file input{
      height:40px;
      font-size:14px;
      padding:0 !important;
  }
  .upload-file input::file-selector-button {
   height:45px;
   font-size:11px;
   padding-left:20px !important;
   padding-top:10px !important;
    background-color: #286276 !important;
     color: #fff !important;
}
.warn-box{
        width: 100%;
    padding: 18px;
    border-radius: 10px;
    /*border: 1px solid #ffc107;*/
    /*background-color: #fffaeb;*/
}
.warn-box p{
        font-size: 14px;
    margin: 0;
    color: #e33636;
    line-height: 25px;
}
.padding-deactivate{
    padding-right:0 !important;
    padding-left:15px !important;
}
.modal-top-close{
    border: 1px solid #286276;
    background-color: #F1F5F9;
    color:#286276;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.retreats-img-slider{
    height:450px;
     display: flex;
    justify-content: center;
    align-items: center;
}
.retreats-img-slider img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}


.retreats-pop-images-carousel .owl-nav {
    width: 100%;
    /*position: absolute;*/
    /*top: 38%;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
   margin-top:15px;
}

.retreats-pop-images-carousel .owl-nav button {
    width: 35px;
    height:35px;
    font-size: 35px !important;
    background-color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 50%;
}
.retreats-pop-images-carousel .owl-nav button:hover{
     border: 1px solid #286276 !important;
    background-color: #F1F5F9 !important;
}

/*.retreats-img-slider .owl-nav button.owl-prev {*/
/*    display: none;*/
/*}*/

/*.retreats-pop-images-carousel .owl-nav button.owl-next {*/
/*    margin-right: -25px;*/
/*}*/

.retreats-pop-images-carousel .owl-nav button.owl-next span {
    display: none;
}

.retreats-pop-images-carousel .owl-nav button.owl-next::after {
    content: url(../img/Chevron_right.svg);
    transform: scale(.5);
}

.retreats-pop-images-carousel .owl-nav button.owl-prev span {
    display: none;
}

.retreats-pop-images-carousel .owl-nav button.owl-prev::after {
    content: url(../img/Chevron_left.svg);
    transform: scale(.5);
}
.profile-password-box input{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important;
}
.profile-password-box .span-eye{
   border: 1px solid #dee2e6;
    background-color: #F1F5F9;
}

.required-box{
    font-size:12px;
    color:#de4f4f;
    margin-top:4px;
}
.sign-up-btn-width button,.sign-up-btn-width input{
    width:300px;
    margin:auto;
}
.sign-up-btn-width a{
    width:45px;
    height:45px;
    border-radius:50%;
}

.profile-container-cs{
    /*padding: 40px;*/
    /*border-radius: 15px;*/
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.profile-container-left{
        border: 1px dashed #286276;
    background-color: #F1F5F9;
    padding: 17px;
    border-radius: 23px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:12px;
}

.profile-container-left a{
        padding: 10px 20px;
    background-color: #fff;
    color: #286276;
    text-decoration: none;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
    border:1px solid #fff;
    transition:0.5s;
    
}
.profile-container-left a:hover{
      border:1px dashed #286276;
}
.profile-info-list-cs{
   background: #f1f5f999;
    border-radius: 20px;
    padding: 24px;
    border-top: 0;
    border: 1px dashed #286276;
}
.bb_li{
    border-bottom:1px dashed #ccc;
    padding:10px 0;
      
    justify-content: flex-start !important;
    gap: 18px !important;
   
    color: #145369b8;
    font-weight: 500;
}
.modal-demo-img{
    width:100%;
    height:300px;
    background:#f2f2f2;
    margin:10px 0;
    border-radius:5px;
}
.badge-logo{
   background: #286276;
    color: #fff;
    border: 0;
    display: flex !important
;
    margin: 10px auto;
    padding: 7px 15px !important;
    border-radius: 4px !important;
    
    
}
.drop-menu-cs{
    background:#fff !important;
    border-radius:5px !important;
    left:-90px !important;
    border:0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}
.drop-menu-cs,.drop-menu-cs li{
    margin:0  !important;
    padding:0 !important;
}
.drop-menu-cs li a{
    border-bottom: 1px solid #28627642;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 7px !important;
    outline:0!important;
    transition:0.5s;
}
.drop-menu-cs li a:active,.drop-menu-cs li a:hover{
        background-color: #F1F5F9 !important;
}

.drop-menu-cs{
    padding:10px !important;
    overflow:hidden !important;
}
.listing-top-search-field select{
        border: 0;
    padding: 5px;
    padding-top: 8px;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
.listing-top-search-field select option{
    font-size:14px;
}
.listing-filter-btn{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  
    /*padding: 15px;*/
    padding-top: 20px;
    padding-bottom: 0;
}
.listing-filter-btn button{
    width: 48%;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    background-color: #286276;
    color: #fff;
    border-radius: 7px;
    font-size: 14px;
    transition: 0.5s;
    border: 1px solid #286276;
}
.listing-filter-btn button:first-child{
    background-color: transparent;
    color: #286276;
}
.listing-filter-btn button:hover{
    border-radius: 40px;
     color: #fff !important;
     background-color: #286276 !important;
}
.filter-top-form{
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.filter-top-form .listing-top-filter-btn{
     width: 100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    background-color: #286276;
    color: #fff;
    border-radius: 7px;
    font-size: 14px;
    margin-left:4px;
    transition: 0.5s;
        border-radius: 4px;
    border: 1px solid #286276;
}
.favourite.active{
    background:#ef3c3c29;
       border: 1px dashed #f75050;
    color: #f75050;
}
.pagination-custom ul li span{
        display: flex
;
    gap: 13px;
    align-items: center;
    justify-content: space-between;
}
.page-prev-cs{
       padding: 10px 15px;
    width: unset !important;
    height: unset !important;
    border-radius: 40px !important;
    color: #fff !important;
    text-decoration: none;
    gap: 15px;
    background-color: #dbdbdb85;
    font-weight: 500;
    transition: 0.5s;
    border: 1px solid #dbdbdb85;
    letter-spacing: 0.02em;
    margin: 5px auto;
    font-size: 14px;
    color: #286276 !important;
}
/*.pagination-custom ul li.disabled{*/
/*        border: 2px solid #286276;*/
/*        background-color: transparent;*/
/*        color:#286276 !important;*/
        
/*}*/
.retreat-list-carousel .owl-dots, .details-main-carousel .owl-dots{
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    gap: 3px;
    justify-content: center;
    align-items: center;
 }
 .retreat-list-carousel .owl-dots .owl-dot, .details-main-carousel .owl-dots .owl-dot{
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    overflow: hidden;
 }
 .retreat-list-carousel .owl-dots .owl-dot span, .details-main-carousel .owl-dots .owl-dot span{
   background-color: #f2f2f2;
   position: static;
    overflow: hidden;
  
 }
 .retreat-list-carousel .owl-dots .owl-dot.active span, .details-main-carousel .owl-dots .owl-dot.active span{
    background-color: #286276;
 }
 .fav-container-title h3{
     font-size: 22px;
     font-weight:600;
    color: #475569;
    line-height: 27px;
    overflow: hidden;
    
 }
 .fav-alert{
     background:#fff !important;
     border-radius:10px !important;
     padding:20px !important;
     display:flex;
      justify-content: center;
    align-items: center;
      border: 1px dashed #f75050 !important;
     
 }
 .fav-alert p{
     margin:0;
     text-align:center;
         color: #475569;
    font-size: 15px;
    
 }
  .fav-alert p a{
         font-weight: 600;
    font-size: 15px;
    color: #286276;
  }
  .modal-header-cs{
      display:flex;
      justify-content:space-between;
      align-items:center;
  }
    .modal-header-cs h5{
        font-size: 20px;
     font-weight:600;
    color: #475569;
    line-height: 27px;
    }
    .modal-h-desc{
            margin: 0;
            margin-top:7px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    }
    .no-data-avl {
        margin:0;
        font-size:13px;
        color:#6c6c6f;
    }
    .booking-pagination nav svg{
        width:20px;
    }
 .booking-pagination nav{
     width:100%;
 }
 .booking-pagination nav div:nth-child(2) {
         flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;

     
 }

.booking-pagination ul li{
    margin:0 5px;
}
.booking-pagination ul li.active>.page-link{
        background-color: #286276 !important;
        color:#fff !important;
        border-color:  #286276 !important;
        
}
  
  .booking-pagination ul li ,  .booking-pagination ul li span, .booking-pagination ul li  a{
      width:30px;
      height:30px;
      border-radius:50% !important;
      font-size:12px;
      box-shadow:none;
      
  }
       
      .bg-logo-btn{
  background-color: #fff !important;
        color:#286276 !important;
        border-color:  #ccc !important;
        border-radius:50% !important;
        min-width: 30px;
    min-height: 30px;
    padding: 0 !important;
    display: flex !important
;
    justify-content: center;
    align-items: center;
    font-size: 13px !important;
    transition:0.5s;
       }
       
             .bg-logo-btn:hover{
                  background-color: #286276 !important;
        color:#fff !important;
             }
       
       
       
       .bg-logo-red{
    background-color: #e8949c2e !important;
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: flex !important;
    transition:0.5s;

    justify-content: center;
    align-items: center;
    font-size: 13px !important;
       }
       
         .bg-logo-red:hover{
             background-color: #dc3545 !important;
    color: #fff !important;
         }
.booking-details-top{
    background:#286276;
    border-radius:10px;
    padding:15px;
    margin:20px 0;
}
  .booking-details-top .row{
           border:2px dashed #fff;
           border-radius:10px;
           padding:10px;
       }
.booking-details-top-dt h4{
    font-size: 17px;
  margin:28px 0;
  color:#fff;
}
.booking-details-top-table table tr th,.booking-details-top-table table tr td{
    padding: 12px;
    font-size: 15px;
    vertical-align:baseline;
    
}
.booking-details-border{
   display: flex
;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    background-color: #32809c1c !important;
    height: 100%;
    /* border: 1px dashed #286276; */
    border-radius: 5px;
}
 .booking-details-border-title{
     display: flex
;
    justify-content: center;
    align-items: center;
    width: 100%;

 } 
  .booking-details-border-title h5{
     
    font-weight: 600;
    position: relative;
    font-size: 16px;
    color: #286276;
  }
  .booking-details-short-dt{
      display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 10px;
    /*margin:10px 0;*/
}
  .booking-details-short-dt h4 {
    font-size: 15px;
    font-weight: 400;
}
  .booking-details-short-dt h4 span{
      font-weight: 600;
  }
    .booking-details-border table{
        width:100%;
        border-collapse:collapse;
        
    }
  .booking-details-border table tr th,.booking-details-border table tr td{
     font-size:15px;
     font-weight:500;
     padding:10px;
 }  
 .bottom-label label{
     font-size: 13px;
    font-weight: 500;
 }
     .bottom-label select{
             height: 40px;
    font-size: 13px;
     }   
       
       .booking-details-btn{
              background-color: #286276;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    transition: 0.5s;
    display: flex
;
    width: 180px;
    margin: auto;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    border: 0;
    transition:0.5s;
    margin-top:12px;
       }
       
       .booking-details-btn:hover{
           border-radius:40px;
       }
   .header-profile-cs{
       width:100%;
       
   } 
  .pl-20_rem{
padding-left: 20rem !important;
  }
  .booking-details-view-container{
      padding:25px;
      background:#fff;
  }
   .back-btn-cs{
           width: 100px;
    height: 34px;
   background-color: #286276 !important;
        color:#fff !important;
        border: 1px solid  #286276 !important;
    border-radius: 5px;
    text-decoration: none;
    margin: 20px 0;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 5px 17px;
    margin-left:auto;
    transition:0.5s;
   }
   
      .back-btn-cs:hover{
                  background-color: #286276 !important;
        color:#fff !important;
        border-radius:40px;
             }
       .td_select{
         background-color: #fff !important;
    color: #286276 !important;
    /* border: 1px solid #286276 !important; */
    border-radius: 4px !important;
    font-size: 13px !important;
    min-width: 120px;
    height: 30px;
       }
       
       .user_booking_title{
           display:flex;
           justify-content:space-between;
           align-items:center;
           padding-bottom:40px;
       }
.user_booking_title h3{
    font-size:25px;
    font-weight:600;
        text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
}
  .user_booking_title a{
             background-color: #de4b4b40 !important;
    color: #de4b4b !important;
    border: 1px solid #de4b4b !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    min-width: 100px;
    height: 30px;
    display: flex
;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition:0.5s;
    
    
  }     
   
   .user_booking_title a:hover{
        background-color:#de4b4b !important;
        border-radius:40px !important;
        color:#fff !important;
    } 
    .cnt-bottom-title{
            font-size: 19px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.3149999976158142px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
    color: #286276;
    }
   
       
       .bg-light-blue{
          background-color:#7abfd61f;
          
       }
       .terms-container{
           background-color:#fff;
           padding:20px;
           border-radius:20px;
           box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
       }
       
       .terms-logo{
           display:flex;
           align-items:center;
           justify-content:flex-end;
       }
       .terms-logo img{
           width:190px;
       }
       .home-main-search{
           display:flex;
           justify-content:center;
           align-items:center;
       }
       .striped-cs-table >tbody>tr:nth-of-type(even)>*{
               background-color: #32809c26 !important;
               --bs-table-bg-type: rgb(255 255 255 / 5%) !important;
       }
       .striped-cs-table >tbody>tr:nth-of-type(odd)>*{
               background-color: transparent !important;
               --bs-table-bg-type: rgb(255 255 255 / 5%) !important;
       }
     .booking-main-container-cs{
         border:1px dashed #28627694;
         padding: 25px;
         box-shadow:none !important;
     }
          .cs-cal-input input{
              width:100%;
                border:0;
         outline:0;
          }
     .cs-cal-input input:focus{
         border:0;
         outline:0;
     }
     
     
     
     .daterangepicker td.start-date,.daterangepicker td.end-date {
    border-radius: 50% !important;
   
    width: 32px !important;
    height: 30px !important;
}
     
     .daterangepicker td.active, .daterangepicker td.active:hover{
             background-color: #286276 !important;
     }
     .daterangepicker .drp-buttons .applyBtn {
           background-color: #286276 !important;
           padding:7px 20px !important;
           border-radius:40px;
           border-color:#286276 !important;
           
     }
     
     .daterangepicker{
         border:0 !important;
             box-shadow: rgb(99 99 99 / 37%) 0px 2px 8px 0px !important;
         border-radius:20px !important;
             padding: 12px !important;
     }
     
     .daterangepicker:after,.daterangepicker:before{
         display:none !important;
     }
     .calendar-table table thead tr th.month{
         color: #286276 !important;
         font-size: 17px;
    padding-bottom: 20px;
     }
     
     .daterangepicker .drp-calendar.right,.daterangepicker .drp-calendar.left{
         padding:12px !important;
     }
     
     
  div:where(.swal2-container).swal2-center>.swal2-popup {
         border-radius:30px !important;
     }   

     .swal2-popup .swal2-actions .swal2-confirm{
            border-radius: 30px !important;
    background-color: #286276 !important;
    border-color: #286276 !important;
    font-size: 14px !important;
    padding: 10px 21px !important;
     }
     
       .swal2-popup .swal2-actions .swal2-cancel{
            border-radius: 30px !important;
    background-color: #b30505 !important;
    border-color: #b30505 !important;
    font-size: 14px !important;
    padding: 10px 21px !important;
       }
            .swal2-popup .swal2-html-container{
                 font-size: 14px !important;
            }
     
   .about-mobile-carousel .item{
       padding:2px;
   }  
     
     
     
     .header-lg-btn{
         display:flex;
         align-items:center;
         justify-content:end;
     }
     
     
.shadow-bottom{
    display:none;
}

.faq-top-container{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

@media screen and (max-width:991px){
    .contact-form,.cnt-address-dt{
        padding-left:0;
    }
    .lg-pt-0{
        padding-top:0 !important;
    }
    .lg-mt-0{
        margin-top:0 !important;
    }
    .home-about h3{
        text-align:center;
    }
    .terms-logo{
        margin-bottom:30px;
    }
    .term-title-cs{
        text-align:center;
    }
    .auth-left{
        height:auto;
    }
    .auth-form-login,.auth-form{
        padding-top:20px;
    }
    .search-suggesion ul {
        justify-content:flex-start;
    }
    .px__0{
        padding-left:0 !important;
        padding-right:0 !important;
    }
       .search-right-box{
    flex-direction: row;
    justify-content: space-between;
    padding:5px 0;
   }
       .search-right-box p.tik-tag i{
    margin-top:2px;
   }
   .faq-top-container{
       flex-direction:column-reverse;
       /*align-items: end;*/
        gap: 10px;
   }
   .faq-top-container a{
       margin-left:auto;
   }
   .column-rvse{
       flex-direction:column-reverse;
   }

    
}

@media screen and (max-width:768px){
    .mt_sm_2{
        margin-top:30px !important;
    }
    .favourites-section-top{
        padding:14px;
    }
}
@media screen and (max-width:567px){
    .terms-logo img{
    width:150px;}
    .terms-container{
        padding:14px;
    }
    .main-faq-btn{
        font-size:16px !important;
    }
   
    .faq-sec-accordion{
        padding-top:5px;
    }
    .fav-alert{
        padding:13px !important;
            max-width: 95%;
    margin: auto;
    }
    .auth-form h3 {
        font-size:25px;
    }
    .auth-form p{
        font-size:13px;
    }
    .blog-tab-btns a{
            padding: 10px 15px;
    }
    .r-success-main-title h1{
        font-size:30px;
    }
    

}

.d_xl_none_cs{
    display:none;
}
/*Retreat details custom*/
@media screen and (max-width:991px){
    .retreats-detail-main-img img{
        border-radius:15px !important;
    }
    .retreats-detail-main-img {
        height:300px;
    }
    .details-top-video{
        margin-top:7px;
        border-radius:15px !important;
    }
    div.ps_10{
        padding-left:10px !important;
    }
    .details-top-short-img img{
        border-radius:15px !important;  
    }
    .desktop-faq .desktop-faq-item{
        width:100% !important;
    }
    .details-food-img {
        margin-bottom:10px;
    }
    .pad_top_15{
        padding-top:15px !important;
    }
    .d_xl_none_cs{
        display:block;
    }
    .section-padding-top-100{
             padding-top:100px;
         }
    .section-padding-top-15{
           padding-top: 15px !important;
         }
         .static-mobile{
             position:static;
         }
        .static-mobile .section-btn{
             margin-left:auto !important;
         }
          .retreat-border-right::after,.retreat-border-right-bottom::after,.retreat-border-bottom::after {
              display:none;
          }
          .section-title-cs{
    padding-bottom:30px;
}
.linear-tag-desc{
    padding:10px;
}
.soul-pd-bottom{
    padding-bottom: 15px !important;
}
.pages-section{
    height:50vh;
}
.dn-sm{
    display:none;
}
.header-profile-cs ul.logged-nav-cs{
    flex-direction:column !important;
    padding-left:0 !important;
    gap:5px !important;
}
.header-profile-cs ul.logged-nav-cs li{
            padding: 0px 15px !important;
}
.search-right-btns a{
    font-size: 14px  !important;
    padding:7px 15px !important;
}
}
     
     @media screen and (max-width:800px){
             .pages-section {
        height: 40vh;
    }
     }
     @media screen and (max-width:768px){
         .details-top-short-img{
             height:150px;
         }
         .retreats-detail-main-img ,.details-top-video{
             height:200px;
         }
         .retreats-img-slider {
             height:300px;
         }
         .ambassador-baner-section-title h2{
             font-size:32px;
         }
         .ambassador-baner-section-title h2 img {
    width:35px;
}
.ambassador-baner-section-title p{
    font-size: 17px;
}
.ambassador-top-text{
    padding:10px;
}
.retreat-point-container ul li{
    width:100%;
}
        
        .baner-sec-top h3 img{
            display:none;
        }
     }
  @media screen and (max-width:650px){
             .pages-section {
        height: 30vh;
    }
     }
     @media screen and (max-width:567px){
          .details-title-tag{
             flex-direction:column;
          align-items: flex-start;
          justify-content: flex-start;
         }
         .details-hr {
    
    margin-top: 30px;
    margin-bottom: 25px;
    
}
.details-review-top-right span{
    background-color:transparent;
    border:0;
    padding:0;
}
.daterangepicker .drp-buttons{
    display: flex !important
;
    flex-wrap: wrap;
}
.daterangepicker .drp-buttons .btn {
    
    width: 100px;
    margin-top: 22px;
}
.ambassador-baner-section-title h2 img{
    display:none;
}
    .ambassador-baner-section-title p {
        font-size: 15px;
    }
.ambassador-top-text p {
     font-size: 15px;
}
.retreat-point-container ul li{
    width:100%;
}
.retreat-point-container ul li .retreat-point-box{
    padding:12px;
}
.section-title-cs h3{
    font-size:28px;
}
.retreat-point-container ul li .retreat-point-box h3{
    font-size:75px;
}
.ambassador-baner-section{
    height:70vh;
}
.ambassador-ntr-dt h3{
    font-size:25px;
    line-height: 40px;
}
.shadow-bottom{
    display: block;
        width: 100%;
        height: 17px;
        background: rgb(255, 255, 255);
        box-shadow: 1px -14px 27px 17px #fff;
        position:absolute;
        bottom:0;
        left:0;
        z-index:2;
}
.mob-bg-img-contact{
     background-image:  linear-gradient(0deg, rgb(255 255 255 / -10%) 71%, rgb(255 255 255) 100%), url(../img/baner/29-mob.jpg) !important;
}
.booking-main-container-cs{
    padding:18px;
}
.booking-details-top{
    padding:10px;
}
.booking-details-top-dt h4{
        display: flex
;
    flex-direction: column;
    gap: 10px;
}
.booking-details-top-dt h4{
    font-size:15px;
    margin:0 !important;
}
.booking-details-top-dt h4 span{
    color:#d4d4d4;
}
.booking-details-top-dt{
           margin-bottom: 20px;
        margin-top: 10px;
     }     
     .booking-details-top-table table tr th, .booking-details-top-table table tr td {
             padding: 8px;
    font-size: 13px;
     }
     
     .sm-top-60{
         margin-top:60px !important;
     }
     .about-core-dt h3{
         margin-bottom:10px;
     }
     .profile-edit-btns ul li input.profile-update-btn, .profile-edit-btns ul li a.profile-sub-btn{
         font-size:13px !important;
         padding: 7px 10px !important;
     }
     .faq-tabs-link ul li {
         margin:0 3px;
     }

     
}




.forgot-pas-btn{
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
  .forgot-pas-btn a{
      font-size:14px;
          color: #60B0FE;
  }
  .vendor-btns{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px
  }
  
   .vendor-btns .reg-btn-cs{
       padding:0 !important;
       margin:0 !important;
       border:0 !important;
       font-size:14px;
          color: #60B0FE;
   }
   .vendor-pading{
       padding-top:100px;
   }
   
.affiliate-table-cs tr th{
    min-width:160px;
    max-width:200px;
    text-align:center;

}
.affiliate-table-cs .grid-cols-1{
    margin-bottom:0 !important;
}
  .last-center tr td:last-child .d-flex{
      justify-content:center;
  }
  .cs-select .select2-container--default .select2-selection--single{
      border:0;
      font-size:14px;
  }
  .cs-select .select2-container--default .select2-selection--single .select2-selection__rendered{
      color: #222 !important;
  }
  .pagination-cs ul.pagination li:first-child,  .pagination-cs ul.pagination li:last-child{
      display:none;
  }
  
  
  .pagination-cs ul.pagination li .page-link{
      width: 42px;
    height: 42px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #286276;
    border:0;
  }
  
  .pagination-cs ul.pagination li.active .page-link{
       border: 2px solid #286276 !important;
       background-color:transparent !important;
       color: #286276 !important;
       
  }
  
  .affiliate-qs-box{
/*      display: flex*/
/*;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
    padding: 15px;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    border-radius: 20px;
    gap: 20px;
   height:100%;
    width: 100%;
  }
  
  .affiliate-qs-box label span{
      width:35px;
      height:35px;
      border-radius:50%;
      display:flex;
      justify-content:center;
      align-items:center;
          background-color: #286276;
          color:#fff;
          margin-bottom: 10px;
  }
  .affiliate-qs-box input{
      width:18px;
      height:18px;
      border:1px solid #a7a2a2;
  }
  .affiliate-btn-box button{
          padding: 5px 18px;
    background-color: #286276;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    margin-top: 15px;
    margin-right: 5px;
    border: 1px solid #286276;
    transition: 0.5s;
    display: flex
;
    justify-content: center;
    align-items: center;
    width: fit-content;
  }
 .affiliate-btn-box button:hover{
    background-color: transparent;
    color: #286276;
}
.checkout-guest{
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.checkout-guest input{
     width: fit-content;
    max-width: 18px;
    border:0 !important;
    outline:0 !important;
     font-size: 13px;
    font-weight: 600;
    padding:0;
}
.checkout-guest span{
    font-size: 13px;
    font-weight: 600;
}


.search-list-third {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.search-list-main-dt a {
    text-decoration: none;
}

.search-right-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

.search-chat-btn {
    width: unset;
    height: unset;
    margin: unset;
    margin-top: 13px;
    padding: 6px 10px;
    font-size: 12px;
}

.search-booking-btn {
    width: unset !important;
    height: unset !important;
    margin: unset;
    margin-top: 13px;
    padding: 6px 8px !important;
    font-size: 12px;
    font-weight: 700;
    color: #286276;
    background-color: transparent;
    border: 0;
    border: 1px solid #286276;
}

.search-booking-btn:hover {
    background-color: transparent;
    color: #24b39d;
    border: 1px solid #24b39d;
}

.search-third-container {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    width: 100%;
    height: 100%;
}

.search-right-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.search-right-box .rating-tag {
    margin-top: 6px;
}
  


@media screen and (max-width:991px){
   .baner-cont-2 {
       height:85%;
   }

}
  
@media screen and (max-width:768px){
    #input-category,#input-home-date,#input-reservation-date{
        min-width:unset !important;
        width:100%;
    }
}
  
  
  .status-badge {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.65rem;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
}

.status-reserved {
    background-color: #007bff;
    /* blue */
    color: white;
}

.status-confirmed {
    background-color: #28a745;
    /* green */
    color: white;
}

.status-checkin {
    background-color: #17a2b8;
    /* cyan */
    color: white;
}

.status-completed {
    background-color: #6c757d;
    /* gray */
    color: white;
}

.status-not-showed {
    background-color: #ffc107;
    /* yellow */
    color: black;
}

.status-cancelled {
    background-color: #dc3545;
    /* red */
    color: white;
}

.status- {
    background-color: #e2e3e5;
    /* default gray */
    color: black;
}
.currency-selector {
    position: relative;
    display: inline-block;
}

.currency-btn {
    background: #fff;
    border: none;
    /*border-radius: 50%;*/
    cursor: pointer;
    /*width: 30px;*/
    /*height: 30px;*/
    /*overflow: hidden;*/
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
    display: flex;
    justify-content: center;
 align-items: center;
 margin-top: 17px;
 gap: 10px;
 font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #286276;
}
.currency-btn span{
    margin-top: 1px;
}

.currency-btn img {
    width: 26px;
    height:26px;
    border-radius: 50%;
    object-fit: cover;
}

.currency-dropdown {
    width: 135px;
    display: none;
    position: absolute;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    margin-top: 8px;
    list-style: none;
    padding: 0;
    z-index: 100;
}

.currency-dropdown li {
    padding: 2px !important;
}

.currency-dropdown img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 8px;
}

.currency-dropdown a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
}

.currency-selector:hover .currency-dropdown {
    display: block;
}
  
.checkout-form-between{
    display: flex;
    justify-content: space-between;
 align-items: center;
}
.checkout-form-between i{
     color: #54687B;
}
 
  
.details-main-carousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 43%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.details-main-carousel .owl-nav button {
    width: 35px;
    height: 35px;
    font-size: 35px !important;
    background-color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 50%;
}

/* .details-main-carousel .owl-nav button.owl-prev {
    display: none;
} */

.details-main-carousel .owl-nav button.owl-next {
    margin-right: 0px;
}

.details-main-carousel .owl-nav button.owl-next span {
    display: none;
}

.details-main-carousel .owl-nav button.owl-next::after {
    content: url(../img/Chevron_right.svg);
    transform: scale(.5);
}

.details-main-carousel .owl-nav button.owl-prev span {
    display: none;
}

.details-main-carousel .owl-nav button.owl-prev::after {
    content: url(../img/Chevron_left.svg);
    transform: scale(.5);
}

.search-right-box
 {
    display: flex
;
    flex-direction: column;
    gap: 4px;
}




.mobile-details-bottom{
    position: relative;
    display: none;
    z-index: 999;
    
}

.mobile-details-bottom-container{
    width: 100%;
    height: fit-content;
    background-color: #fff;
   
 
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 22;
    transition: 0.3s;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}


.details-bottom-mob-dt {
    padding: 15px;
    padding-bottom: 0;
}
.details-bottom-mob-dt p{
    color: #da2d2d;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}
.details-bottom-mob-dt p small{
    font-size: 13px;
    color: #222;
    font-weight: 400;
   
}

.details-bottom-mob-dt-btns{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
}
.details-bottom-mob-dt-btns a{
    width: 48%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    background-color: #286276;
    color: #fff;
    border-radius: 7px;
    font-size: 14px;
    transition: 0.5s;
    border: 1px solid #286276;
}
.details-bottom-mob-dt-btns a:last-child{
    background-color: transparent;
    color: #286276;
}
.details-bottom-mob-dt-btns a:hover{
    border-radius: 40px;
}
.dt-bottom-review{
    display: flex
    ;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        margin-top: 10px;
        background-color: #f7f7f7;
        padding: 28px;
        padding-top: 0;
        padding-bottom: 0;
        height: 40px;
}
.dt-bottom-review p{
    color: #222;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}
.dt-mob-details-review{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;

}
.dt-mob-details-review i{
    font-size: 13px;
    color: #f0d534;
}
.dt-mob-details-review-2 {
    margin-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.dt-mob-details-review-2 p{
 font-size: 13px;
 margin: 0;
}
.dt-mob-details-review-2 i{
    font-size: 13px;
    color: #f0d534;
}










@media screen and (max-width:1200px){
    .search-right-btns{
        flex-direction:column;
        gap: 5px;
    }
    .search-right-btns a{
      width: 100% !important;
        margin: unset;
    }
}
  
@media screen and (max-width:991px){
    .search-right-btns{
        flex-direction:row;
        gap: 0;
    }
     .search-right-btns a{
      width:fit-content !important;
       margin-top: 5px;
    }
        .search-right-box {
        flex-direction: row;
        justify-content: space-between;
    }
      .content-img-sec-2-dt h3{
        text-align: center;
    }
        .mobile-details-bottom-cs {
        display: block;
    }
    .flex-lg-col-reverse{
        flex-direction: column-reverse;
    }
}
  
@media screen and (max-width:567px){
    .home-search-container{
        flex-direction: column;
        background-color: #ffffff8a;
    }
    .baner-container::after{
        display: none;
    }
    .home-search-box .label-input{
        width:100%;
    }
    .home-search-box .label-input input{
        background-color: transparent !important;
    }
  
}
  
  .search-sec-mob{
      display: none;
  }
  .details-food-img{
      height: unset;
  }
  
  .details-food-img .retreats-highlights-slider-box{
      padding: 0;
      box-shadow: none;
  }