/* global */
:root{
    --theme-font: 'Aileron';
    /* --secondary-font : 'Poppins'; */
    /* --sidebar-hover-width: 16.563rem; */
    
    /* colors */
    --white: hsl(0, 0%, 100%);
    --white10: hsla(0, 0%, 100%, 0.01);
    --white20: hsla(0, 0%, 100%, 0.02);
    --white30: hsla(0, 0%, 100%, 0.03);
    --white40: hsla(0, 0%, 100%, 0.04);
    --white50: hsla(0, 0%, 100%, 0.05);
    --white100: hsla(0, 0%, 100%, 0.10);
    --white200: hsla(0, 0%, 100%, 0.20);
    --white300: hsla(0, 0%, 100%, 0.30);
    --white400: hsla(0, 0%, 100%, 0.40);
    --white500: hsla(0, 0%, 100%, 0.50);
    --white600: hsla(0, 0%, 100%, 0.60);
    --white700: hsla(0, 0%, 100%, 0.70);
    --white800: hsla(0, 0%, 100%, 0.80);
    --white900: hsla(0, 0%, 100%, 0.90);
    
    --black: hsl(0, 0%, 0%);
    --black10: hsla(0, 0%, 0%, 0.01);
    --black20: hsla(0, 0%, 0%, 0.02);
    --black30: hsla(0, 0%, 0%, 0.03);
    --black40: hsla(0, 0%, 0%, 0.04);
    --black50: hsla(0, 0%, 0%, 0.05);
    --black100: hsla(0, 0%, 0%, 0.10);
    --black200: hsla(0, 0%, 0%, 0.20);
    --black300: hsla(0, 0%, 0%, 0.30);
    --black400: hsla(0, 0%, 0%, 0.40);
    --black500: hsla(0, 0%, 0%, 0.50);
    --black600: hsla(0, 0%, 0%, 0.60);
    --black700: hsla(0, 0%, 0%, 0.70);
    --black800: hsla(0, 0%, 0%, 0.80);
    --black900: hsla(0, 0%, 0%, 0.90);
    
    /* --theme-color: hsl(160, 48%, 49%); */
    --theme-color: hsl(40, 41%, 51%);
    --theme-color10: hsla(40, 41%, 51%, 0.01);
    --theme-color20: hsla(40, 41%, 51%, 0.02);
    --theme-color30: hsla(40, 41%, 51%, 0.03);
    --theme-color40: hsla(40, 41%, 51%, 0.04);
    --theme-color50: hsla(40, 41%, 51%, 0.05);
    --theme-color100: hsla(40, 41%, 51%, 0.10);
    --theme-color200: hsla(40, 41%, 51%, 0.20);
    --theme-color300: hsla(40, 41%, 51%, 0.30);
    --theme-color400: hsla(40, 41%, 51%, 0.40);
    --theme-color500: hsla(40, 41%, 51%, 0.50);
    --theme-color600: hsla(40, 41%, 51%, 0.60);
    --theme-color700: hsla(40, 41%, 51%, 0.70);
    --theme-color800: hsla(40, 41%, 51%, 0.80);
    --theme-color900: hsla(40, 41%, 51%, 0.90);
    
    --theme-color-dark: hsl(358, 85%, 36%);
    --theme-color-dark10: hsla(358, 85%, 36%, 0.01);
    --theme-color-dark20: hsla(358, 85%, 36%, 0.02);
    --theme-color-dark30: hsla(358, 85%, 36%, 0.03);
    --theme-color-dark40: hsla(358, 85%, 36%, 0.04);
    --theme-color-dark50: hsla(358, 85%, 36%, 0.05);
    --theme-color-dark100: hsla(358, 85%, 36%, 0.10);
    --theme-color-dark200: hsla(358, 85%, 36%, 0.20);
    --theme-color-dark300: hsla(358, 85%, 36%, 0.30);
    --theme-color-dark400: hsla(358, 85%, 36%, 0.40);
    --theme-color-dark500: hsla(358, 85%, 36%, 0.50);
    --theme-color-dark600: hsla(358, 85%, 36%, 0.60);
    --theme-color-dark700: hsla(358, 85%, 36%, 0.70);
    --theme-color-dark800: hsla(358, 85%, 36%, 0.80);
    --theme-color-dark900: hsla(358, 85%, 36%, 0.90);
    
    --text-color: #343438;
    --danger: #FF0000;
    /* colors end */
    }
    
    [data-aos] {
        pointer-events: none;
      }
      .aos-animate {
        pointer-events: auto;
      }
      .aos-init[data-aos][data-aos].aos-animate {
        transform: unset;
      }
    


    /* html{font-size: 90%;} */
    *{margin: 0; padding: 0; box-sizing: border-box;font-family: 'Aileron';line-height: 1.2;}
    body {font-family: 'Aileron'; color: var(--text-color); }
    a {display: inline-block; text-decoration: none; transition: all ease 0.5s;}
    a:hover{color: var(--theme-color);}
    span{display: inline-block;}
    button{    all: revert;}

    /* fonts */
    @font-face {
        font-family: 'Aileron';
        src: url("../fonts/Aileron-Regular.otf");
    }
   
    @font-face {
        font-family: 'Aileron';
        src: url("../fonts/Aileron-Bold.otf");
        font-weight: 800;
    }
    @font-face {
        font-family: 'Aileron';
        src: url("../fonts/Aileron-SemiBold.otf");
        font-weight: 600;
    }
    @font-face {
        font-family: 'Aileron';
        src: url("../fonts/Aileron-Regular.otf");
        font-weight: 400;
    }

    @font-face {
        font-family: 'Aileron';
        src: url("../fonts/Aileron-Light.otf");
        font-weight: 300;
    }
    
    
    .font10{font-size: 0.625rem;}/*10px*/
    .font11{font-size: 0.688rem;}/*11px*/
    .font12{font-size: 0.750rem;}/*12px*/
    .font13{font-size: 0.813rem;}/*13px*/
    .font14{font-size: 0.875rem;}/*14px*/
    .font15{font-size: 0.938rem;}/*15px*/
    .font16{font-size: 1.000rem;}/*16px*/
    .font17{font-size: 1.063rem;}/*17px*/
    .font18{font-size: 1.125rem;}/*18px*/
    .font19{font-size: 1.188rem;}/*19px*/
    .font20{font-size: 1.250rem;}/*20px*/
    .font21{font-size: 1.313rem;}/*21px*/
    .font22{font-size: 1.375rem;}/*22px*/
    .font23{font-size: 1.438rem;}/*23px*/
    .font24{font-size: 1.500rem;}/*24px*/
    .font25{font-size: 1.563rem;}/*25px*/
    .font26{font-size: 1.625rem;}/*26px*/
    .font27{font-size: 1.688rem;}/*27px*/
    .font28{font-size: 1.750rem;}/*28px*/
    .font29{font-size: 1.813rem;}/*29px*/
    .font30{font-size: 1.875rem;}/*30px*/
    .font31{font-size: 1.938rem;}/*31px*/
    .font32{font-size: 2.000rem;}/*32px*/
    .font33{font-size: 2.063rem;}/*33px*/
    .font34{font-size: 2.125rem;}/*34px*/
    .font35{font-size: 2.188rem;}/*35px*/
    .font36{font-size: 2.250rem;}/*36px*/
    .font37{font-size: 2.313rem;}/*37px*/
    .font38{font-size: 2.375rem;}/*38px*/
    .font39{font-size: 2.438rem;}/*39px*/
    .font40{font-size: 2.5rem;}/*40px*/
    .font45{font-size: 2.813rem;}/*45px*/
    .font46{font-size: 2.875rem;}/*46px*/
    .font48{font-size: 3rem;}/*48px*/
    .font49{font-size: 3.063rem;}/*49px*/
    .font50{font-size: 3.125rem;}/*50px*/
    .font54{font-size: 3.375rem;}/*54px*/
    .font55{font-size: 3.438rem;}/*55px*/
    .font58{font-size: 3.625rem;}/*58px*/
    .font60{font-size: 3.75rem;}/*60px*/
    .font63{font-size: 3.938rem;}/*63px*/
    .font64{font-size: 4rem;}/*64px*/
    .font65{font-size: 4.063rem;}/*65px*/
    .font74{font-size: 4.625rem;}/*74px*/
    .font80{font-size: 5rem;}/*80px*/
    .font88{font-size: 5.5rem;}/*88px*/
    .font108{font-size: 6.75rem;}/*108px*/
    
    
    .fw100{font-weight: 100!important;}
    .fw200{font-weight: 200!important;}
    .fw300{font-weight: 300!important;}
    .fw400{font-weight: 400!important;}
    .fw500{font-weight: 500!important;}
    .fw600{font-weight: 600!important;}
    .fw700{font-weight: 700!important;}
    .fw800{font-weight: 800!important;}
    .fw900{font-weight: 900!important;}
    
    .color_dark{color: var(--black)!important;}
    .color_dark10{color: var(--black10)!important;}
    .color_dark20{color: var(--black20)!important;}
    .color_dark30{color: var(--black30)!important;}
    .color_dark40{color: var(--black40)!important;}
    .color_dark50{color: var(--black50)!important;}
    .color_dark100{color: var(--black100)!important;}
    .color_dark200{color: var(--black200)!important;}
    .color_dark300{color: var(--black300)!important;}
    .color_dark400{color: var(--black400)!important;}
    .color_dark500{color: var(--black500)!important;}
    .color_dark600{color: var(--black600)!important;}
    .color_dark700{color: var(--black700)!important;}
    .color_dark800{color: var(--black800)!important;}
    .color_dark900{color: var(--black900)!important;}
    
    .color_light{color: var(--white)!important;}
    .color_light10{color: var(--white10)!important;}
    .color_light20{color: var(--white20)!important;}
    .color_light30{color: var(--white30)!important;}
    .color_light40{color: var(--white40)!important;}
    .color_light50{color: var(--white50)!important;}
    .color_light100{color: var(--white100)!important;}
    .color_light200{color: var(--white200)!important;}
    .color_light300{color: var(--white300)!important;}
    .color_light400{color: var(--white400)!important;}
    .color_light500{color: var(--white500)!important;}
    .color_light600{color: var(--white600)!important;}
    .color_light700{color: var(--white700)!important;}
    .color_light800{color: var(--white800)!important;}
    .color_light900{color: var(--white900)!important;}
    
    .color_theme{color: var(--theme-color)!important;}
    .color_theme10{color: var(--theme-color10)!important;}
    .color_theme20{color: var(--theme-color20)!important;}
    .color_theme30{color: var(--theme-color30)!important;}
    .color_theme40{color: var(--theme-color40)!important;}
    .color_theme50{color: var(--theme-color50)!important;}
    .color_theme100{color: var(--theme-color100)!important;}
    .color_theme200{color: var(--theme-color200)!important;}
    .color_theme300{color: var(--theme-color300)!important;}
    .color_theme400{color: var(--theme-color400)!important;}
    .color_theme500{color: var(--theme-color500)!important;}
    .color_theme600{color: var(--theme-color600)!important;}
    .color_theme700{color: var(--theme-color700)!important;}
    .color_theme800{color: var(--theme-color800)!important;}
    .color_theme900{color: var(--theme-color900)!important;}
    
    .color_theme_dark{color: var(--theme-color-dark)!important;}
    .color_theme_dark10{color: var(--theme-color-dark10)!important;}
    .color_theme_dark20{color: var(--theme-color-dark20)!important;}
    .color_theme_dark30{color: var(--theme-color-dark30)!important;}
    .color_theme_dark40{color: var(--theme-color-dark40)!important;}
    .color_theme_dark50{color: var(--theme-color-dark50)!important;}
    .color_theme_dark100{color: var(--theme-color-dark100)!important;}
    .color_theme_dark200{color: var(--theme-color-dark200)!important;}
    .color_theme_dark300{color: var(--theme-color-dark300)!important;}
    .color_theme_dark400{color: var(--theme-color-dark400)!important;}
    .color_theme_dark500{color: var(--theme-color-dark500)!important;}
    .color_theme_dark600{color: var(--theme-color-dark600)!important;}
    .color_theme_dark700{color: var(--theme-color-dark700)!important;}
    .color_theme_dark800{color: var(--theme-color-dark800)!important;}
    .color_theme_dark900{color: var(--theme-color-dark900)!important;}
    
    
    .bg_dark{background-color: var(--black)!important;}
    .bg_dark10{background-color: var(--black10)!important;}
    .bg_dark20{background-color: var(--black20)!important;}
    .bg_dark30{background-color: var(--black30)!important;}
    .bg_dark40{background-color: var(--black40)!important;}
    .bg_dark50{background-color: var(--black50)!important;}
    .bg_dark100{background-color: var(--black100)!important;}
    .bg_dark200{background-color: var(--black200)!important;}
    .bg_dark300{background-color: var(--black300)!important;}
    .bg_dark400{background-color: var(--black400)!important;}
    .bg_dark500{background-color: var(--black500)!important;}
    .bg_dark600{background-color: var(--black600)!important;}
    .bg_dark700{background-color: var(--black700)!important;}
    .bg_dark800{background-color: var(--black800)!important;}
    .bg_dark900{background-color: var(--black900)!important;}
    
    .bg_light{background-color: var(--white)!important;}
    .bg_light10{background-color: var(--white10)!important;}
    .bg_light20{background-color: var(--white20)!important;}
    .bg_light30{background-color: var(--white30)!important;}
    .bg_light40{background-color: var(--white40)!important;}
    .bg_light50{background-color: var(--white50)!important;}
    .bg_light100{background-color: var(--white100)!important;}
    .bg_light200{background-color: var(--white200)!important;}
    .bg_light300{background-color: var(--white300)!important;}
    .bg_light400{background-color: var(--white400)!important;}
    .bg_light500{background-color: var(--white500)!important;}
    .bg_light600{background-color: var(--white600)!important;}
    .bg_light700{background-color: var(--white700)!important;}
    .bg_light800{background-color: var(--white800)!important;}
    .bg_light900{background-color: var(--white900)!important;}
    
    .bg_theme{background-color: var(--theme-color)!important;}
    .bg_theme10{background-color: var(--theme-color10)!important;}
    .bg_theme20{background-color: var(--theme-color20)!important;}
    .bg_theme30{background-color: var(--theme-color30)!important;}
    .bg_theme40{background-color: var(--theme-color40)!important;}
    .bg_theme50{background-color: var(--theme-color50)!important;}
    .bg_theme100{background-color: var(--theme-color100)!important;}
    .bg_theme200{background-color: var(--theme-color200)!important;}
    .bg_theme300{background-color: var(--theme-color300)!important;}
    .bg_theme400{background-color: var(--theme-color400)!important;}
    .bg_theme500{background-color: var(--theme-color500)!important;}
    .bg_theme600{background-color: var(--theme-color600)!important;}
    .bg_theme700{background-color: var(--theme-color700)!important;}
    .bg_theme800{background-color: var(--theme-color800)!important;}
    .bg_theme900{background-color: var(--theme-color900)!important;}
    
    .bg_theme_dark{background-color: var(--theme-color-dark)!important;}
    .bg_theme_dark10{background-color: var(--theme-color-dark10)!important;}
    .bg_theme_dark20{background-color: var(--theme-color-dark20)!important;}
    .bg_theme_dark30{background-color: var(--theme-color-dark30)!important;}
    .bg_theme_dark40{background-color: var(--theme-color-dark40)!important;}
    .bg_theme_dark50{background-color: var(--theme-color-dark50)!important;}
    .bg_theme_dark100{background-color: var(--theme-color-dark100)!important;}
    .bg_theme_dark200{background-color: var(--theme-color-dark200)!important;}
    .bg_theme_dark300{background-color: var(--theme-color-dark300)!important;}
    .bg_theme_dark400{background-color: var(--theme-color-dark400)!important;}
    .bg_theme_dark500{background-color: var(--theme-color-dark500)!important;}
    .bg_theme_dark600{background-color: var(--theme-color-dark600)!important;}
    .bg_theme_dark700{background-color: var(--theme-color-dark700)!important;}
    .bg_theme_dark800{background-color: var(--theme-color-dark800)!important;}
    .bg_theme_dark900{background-color: var(--theme-color-dark900)!important;}
    .heading_font {font-family: 'Playfair Display', serif;}

    /* HEADER CSS START */
    header{position: fixed; top: 0; left: 0; width: 100%; z-index: 5;  transition: 0.5s;}
    .logo img { height: 70px; transition: 0.5s; }
    .sml-header .logo img { height: 65px; }
    
    .header_inner { display: flex;     align-items: center; padding: 1rem 2rem; justify-content: space-between; }
    .header_inner ul { display: flex;list-style: none; margin-bottom: 0;}
    .header_inner ul li a {text-decoration: none; transition: 0.5s; color: var(--black); padding-left: 1.5rem;  font-size: 1.125rem; font-weight: 600;    padding: 0.813rem 1.125rem;}
    .header_inner ul li a:hover {color: var(--theme-color);}
    .header_inner ul li:last-child a { font-size: 0.938rem; display: inline-block; background-color: var(--black); min-width: 135px; text-align: center; border-radius: 24px 25px 0 24px; border: solid 2px var(--white); color: var(--white); font-weight: 300;}
    .header_inner ul li:last-child a:hover { border-radius: 25px; }
    .header_inner ul li:last-child {margin-left: 1.5rem;}
    .sml-header {background-color: #fff;
        box-shadow: 0 2px 12px #00000042; }

    /* BANNER CSS START */
    .main_banner { background-color: #faf8f6;}
    .main_banner_inner {display: flex; align-items: center}
    .main_banner_inner .banner_text {    width: calc(35% + 5rem);
        margin-left: -5rem }
    .main_banner_inner .banner_img {width: 65%; }
    .main_banner_inner .banner_img img {width: calc(100% + var(--white-space)); height: 100%; object-fit: cover; object-position: top;}
    .banner_text .text_sm { padding-bottom: 1rem;}
    .banner_text .text_sm:before {display: block; content: ''; width: 75px; height: 3px; background-color: var(--theme-color); margin-bottom: 0.9rem; } 
    .banner_text .text_lg { margin-bottom: 1rem;}
    .main_banner {height: 100vh;}
    .main_banner .container, .main_banner_inner, .main_banner_inner .banner_img { height: 100%;}
  

    /* BOOKING FORM CSS */
    .booking_form ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0;}
    .booking_form {padding: 1rem 2rem; border-radius: 16px; background-color: var(--white);box-shadow: 2.487px 1.678px 26px 0px rgba(0, 0, 0, 0.1);     width: calc(100% + 4rem);
        position: relative;
    }
    .booking_form form {display: flex;flex-wrap: wrap; align-items: center;}
    .msg_error:empty {display: none;}
    .booking_form ul {margin: 0 -0.5rem;}
    .booking_form ul li { flex:1;  padding: 0 0.5rem; position: relative;}

    #date_span_error, #date2_span_error {     position: absolute;
        bottom: 4px;
        left: 25px;
        width: 100%;
        font-size: 12px;}
    .down_arrow {    position: absolute;
        bottom: 6px;
        left: 74px;
        width: 100%;
      }
    .main_banner_inner .msg_error{ position: absolute;
        bottom: 4px;
        left: 25px;
        width: 100%;
        font-size: 12px;}
    .booking_form ul li:last-child {}

    .custom_select { position: relative;}

    .rating_icon { width: 10.125rem; }

    .booking_form ul li label {font-size: 0.813rem; color: #8b8480; font-weight: 600;}
    .booking_form .form-control {font-size: 0.875rem; font-weight: 800;color: var(--black);  border: none; border-radius: 0; }

    .booking_form .form-control:not(select) {padding-inline: 0;}

    .booking_form .form-control:focus {box-shadow: none !important;}
    .sub_btn {font-size: 0.938rem; display: inline-block; background-color: var(--theme-color);  text-align: center; border-radius: 24px 25px 0 24px; border: none; white-space: nowrap; transition: 0.5s;  color: var(--white); font-weight: 300; padding: 0.813rem 1.125rem;}
    .sub_btn:hover { border-radius: 25px; }
    .booking_form input::-webkit-input-placeholder { color:var(--black) !important; }
    .booking_form input:-moz-placeholder { /* Firefox 18- */ color:var(--black) !important; }
    .booking_form input::-moz-placeholder {  /* Firefox 19+ */ color:var(--black) !important; }
    .booking_form input:-ms-input-placeholder { color:var(--black) !important; }
    .datepicker td, .datepicker th { width: 30px !important;height: 30px !important;}
    .datepicker { padding: 12px !important;}

  /*  .error_border input::-webkit-input-placeholder { color: red !important;}
    .error_border input:-moz-placeholder { color: red !important; }
    .error_border input::-moz-placeholder { color: red !important; }
    .error_border input:-ms-input-placeholder { color: red !important; }*/


    .common_padding { padding-block: 5rem;}
    .about_inner_home { padding-left: 5rem;}
    p {color: rgb(96, 93, 91);line-height: 1.75;}
    .home_about .images  {position: relative;}
    .home_about .images .about_img { transition: 0.5s; aspect-ratio: 1/1; border-radius: 13rem;transform: 0.5s; }
    .home_about .images .about_img:hover {border-radius:18rem ; }
    .rating_icon { position: absolute; top: 0; right: 0; }
    .read_link { color: var(--theme-color); transition: 0.5s; font-size: 0.938rem; font-weight: 600; }
    .read_link i { margin-left: 0.3rem; font-size: 0.938rem;}
    .read_link:hover {color: var(--black); margin-left: 0.5rem;}


    .accommodation_home { background: #faf8f6; padding-top: 0; position: relative; margin-top: 12%; }
    .accommodation_home .sec_title {    position: absolute; z-index: 3; top: -6.5rem; width: 100%;}
    .accommodation_home .container {position: relative;}
    .shape_gray {  width: 100%;   position: absolute; top: 0; transform: translateY(-66%);}
    
     .accommodation_slide {position: relative; height: 28.125rem; overflow: hidden;}
     .accommodation_slide img {width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
     .accommodation_slide:hover > img { transform: scale(1.1); }
    .accommodation_slide .accommodation_data { position: absolute; bottom: 0; opacity: 0; transition: 0.5s; padding: 2rem; left: 50%; background-color: rgba(245, 239, 234, 0.9); width: 80%; transform: translateX(-50%); text-align: center; } /* .accommodation_home_bg { background-color: #faf8f6; height: 250px;} */
    .accommodation_home .AccommodationSwiper  {overflow: visible; max-width: 800px; }
    .accommodation_home_inner { overflow: hidden;}
    .accommodation_control >div { height: 3.438rem; width: 3.438rem; transition: 0.5s; border-radius: 50%;  border: solid 1px var(--theme-color);  display: flex; align-items: center; justify-content: center; color: #9da1aa;} 
    .accommodation-button-next img { transform: rotate(180deg);} 
    .accommodation_control{    display: flex; justify-content: center; margin-top: 4rem;}
    .accommodation_control  .accommodation-button-next {    margin-right: 1.5rem;}
    .accommodation_control >div:hover { background-color: var(--theme-color);}
    .accommodation_control >div:hover img {    filter: brightness(100);}
    .swiper-slide-active .accommodation_data {opacity: 1;}



    .amenities_home {       background: hsl(40deg 42.86% 57.45%);
    padding-top: 0;
    position: relative;
    margin-top: 12%;}
    .shape_theme {    width: 100%;
    position: absolute;
    top: 0;     background: #faf8f6;
    transform: translateY(-66%);}
    .shape_theme svg { margin-bottom: -5px;}
    .amenities_home .sec_title {
    position: absolute;
    z-index: 3;
    top: -6.5rem;
    width: 100%;
    color: var(--white);
    }
    .amenities_home .container { position: relative;}
    .amenities_box { color: var(--black);   padding: 0 1rem; transition: 0.5s; background-color: var(--white); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07); border-radius: 24px; aspect-ratio: 1/1; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .amenities_list .title {font-size: 0.875rem; text-transform: uppercase; font-weight: 800; margin-top: 0.5rem; }
    .amenities_list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px;}
    .amenities_box:hover { transform: translateY(-10px); }
    .amenities_home a {color: var(--white);}


    .home_testimonial { background-color: #faf8f6;}
    .home_testimonial {}
    .review_control >div { height: 3.438rem; width: 3.438rem; transition: 0.5s; border-radius: 50%;      background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.14);  display: flex; align-items: center; justify-content: center; color: #9da1aa;} 
    .home_testimonial_box{    padding: 3rem; background-color: var(--white); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
        border-radius: 24px;    text-align: center; height: 100%; }
    .home_testimonial_box .quote_icon { margin-bottom: 1.3rem;}
    .home_testimonial_box .name {    margin-bottom: 1.2rem }
    .home_testimonial_box .images {height: 4.375rem; width: 4.375rem;    margin: 0 auto; overflow: hidden; }
    .home_testimonial_box .images img { height: 100%; width: 100%; object-fit: cover;border-radius: 100px;}
    .home_testimonial_inner {display: flex; flex-wrap: wrap;}
    .home_testimonial_inner .sec_title {    max-width: 22rem;}

    .home_testimonial_inner .left_sec {width: 33%; }
    .home_testimonial_inner .right_sec {width: 67%; padding: 10px;  }
    .home_testimonial_inner .TestimonialSwiper  {padding-bottom: 3rem; }
    .home_testimonial_inner .TestimonialSwiper .swiper-slide { height: auto !important;} 
    .home_testimonial_inner p {padding-bottom: 2rem;}
    .testimonial-pagination .swiper-pagination-bullet {height: 16px; width: 16px; border: solid 2px var(--theme-color) !important; opacity: 1 !important; transition: 0.5s; background: transparent; }

    .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--theme-color);
        transform: scale(1.3);
    }
    .testimonial-pagination {    text-align: center;
        margin-top: 2rem; display: none;}

    .home_testimonial_inner .user_info { position: absolute; left: 50%; transform: translateX(-50%); bottom: -8%;}
    .review_control .testimonial-button-next  img { transform: rotate(180deg);} 
    .review_control >div:hover {
        background-color: var(--theme-color);
    }
    .review_control >div:hover img {
        filter: brightness(100);
    }
    .review_control {display: flex;margin-top: 3rem;}
    .review_control .testimonial-button-next {
        margin-right: 1.5rem;
    }

    .main_footer { background-image: url(../images/footer-bg.jpg); background-size: cover; background-position: center center; padding: 5rem 0;}
    .main_footer * {font-weight: 300;}
    .footer_contacts li { display: flex; align-items: flex-start; margin-bottom: 0.5rem; }
    .footer_contacts li:last-child a { margin-bottom: 0;}
    .footer_contacts li:last-child { margin-bottom: 0;}
    .footer_sections {display: flex;flex-wrap: wrap;}
    .footer_sections .ftr_sec{flex: 1; }
    .footer_sections .ftr_sec:first-child { flex: auto;     width: 20.125rem;
    margin-right: 1rem;}
    .ftr_sec .ftitle{color: var(--white);font-weight: 300; margin-bottom: 2rem; position: relative;}
    .ftr_sec ul { list-style: none; margin: 0; padding: 0;}
    .ftr_sec li a {color: var(--white); text-decoration: none;  transition: 0.5s; opacity: 0.7; display: inline-block;     margin-bottom: 1rem;}
    .ftr_sec .ftitle:after {display: block;     content: '';
    width: 200px;
    height: 1px;
    background-color: var(--theme-color);
    margin-bottom: 0.9rem;
    margin-top: 1rem; }
    .ftr_sec .f_menu li a{transition: 0.5s; }
    .ftr_sec .f_menu li a:hover { margin-left: 0.5rem;}
    .logo_f { margin-bottom:2rem}
    .footer_contacts li a { opacity: 0.5;}
    .footer_contacts p {color: var(--white); opacity: 0.5; margin-bottom: 0;}
    .footer_contacts i { margin-right:0.8rem;}
    .ftr_sec .f_menu { margin-top: 1rem; }

    .copyright_wrap { background-color: var(--black); padding: 1rem 0;}
    .copyright_inner {display: flex; justify-content: space-between;}
    .copyright_inner .font16{ color: var(--white); opacity: 0.4; }
    .copyright_inner a {color: var(--white);}
    .bg_gray{ background-color: #faf8f6; }


    /* About US PAGE CSS */
    .inner_page { padding-top: var(--header-height);}
    .inner_page header {background-color: #faf8f6;}
    .inner_page .logo img {height: 70px;}
    .inner_page .sml-header .logo img{height: 60px;}

    .about_inner_sec {display: flex; justify-content: space-between;}
    .about_inner_sec .left_img {    width: 42%;}
    .about_inner_sec .right_data {    width: 50%;}

    .inner_head .text_sm { }
    .inner_head .text_sm:before { display: block; content: ''; width: 75px; height: 3px; background-color: var(--theme-color); margin-bottom: 0.6rem; }
    .inner_head {margin-bottom: 1.5rem; }
    .theme_btn {font-size: 0.938rem; display: inline-block; background-color: var(--theme-color); text-align: center; border-radius: 24px 25px 0 24px; border: none; white-space: nowrap; transition: 0.5s; color: var(--white); font-weight: 300; padding: 0.813rem 1.125rem;}
    .theme_btn:hover { border-radius: 25px; color: var(--white);}
    .tour_video { height: 30rem; max-width: 60.938rem; margin-inline: auto; text-align: center; position: relative;    padding-top: 7rem; }
    .tour_video .tour_bg { border-radius: 12px; position: absolute; top: 0; left: 0; z-index: -1;      height: 100%;
        object-fit: cover;}
    .video_cta { background-color: #f5f4f3; padding: 2rem; border-radius: 10px; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%);    width: 75%; }
    .video_cta span {color: var(--theme-color);}
    .video_cta .theme_btn { min-width: 130px; }
    /* .tariff_table table thead {background-color: var(--theme-color);}
    .tariff_table table {    border: solid 1px var(--theme-color) } */
    .tariff_table table {width: 100%;    margin-bottom: 0;}
    .tariff_table table th {color: var(--white);padding: 1rem 2rem;}
    .tariff_table table td {padding: 1.5rem 2rem;  font-weight: 600; border-color: #e8daba;     font-size: 0.875rem;}
    .tariff_table table th{ border: none;}
    .tariff_table table tbody td { }
    .tariff_table table tr:last-child td { border-bottom: none;}
    .tariff_table table th{
        background: var(--theme-color);
      
     
    }
    .tariff_table table td:not(:last-child) { border-right: solid 1px #e8daba; }
    .tariff_table {  margin-top: 3rem; margin-bottom: 2.5rem;  border: solid 1px #e8daba;border-radius: 7px;}
    .tariff_table table th:first-child {border-radius: 5px 0 0 5px;  }
    .tariff_table table th:last-child {border-radius: 0px 5px 5px 0px;   }
    .tariff_table_inner {max-width: 55.625rem; }
    .tariff_table_inner ul  {list-style: none; margin: 0; padding: 0;}
    .tariff_table_inner ul li { position: relative;  padding-left: 1.5rem; line-height: 1.4; margin-bottom: 0.8rem; }
    .tariff_table_inner ul li:after { content: ''; height: 7px; width: 7px; border-radius: 10px; background-color: var(--theme-color); position: absolute;     top: 6px;left: 0; }


    .theme_color { color: var(--theme-color);}
    .list_style {  list-style: none; margin: 0; padding: 0;-webkit-column-width: 280px; -moz-column-width: 280px; column-width: 280px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20; -moz-column-gap: 20; column-gap: 20;   }
    .list_style li {position: relative;page-break-inside: avoid; padding-left: 1.5rem; margin-bottom: 0.8rem;}
    .list_style li:after { content: ''; height: 7px; width: 7px; border-radius: 10px; background-color: var(--theme-color); position: absolute; top: 8px; left: 0; }

    .gallery_grid ul { list-style: none; margin: 0; padding: 0;    display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(9,7rem);
        grid-gap: 1rem;}
        .gallery_grid ul img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .gallery_zoom {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
        }        

        .gallery_grid ul li:first-child {
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 5;
        }

        .gallery_grid ul li:nth-child(2) {
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 5;
            grid-row-end: 7;
        }
        .gallery_grid ul li:nth-child(3) {
            grid-column-start: 2;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 3;
        }

        .gallery_grid ul li:nth-child(4) {
            grid-column-start: 2;
            grid-column-end: 2;
            grid-row-start: 3;
            grid-row-end: 7;
        }

        .gallery_grid ul li:nth-child(5) {
               grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 5;
        }

        .gallery_grid ul li:nth-child(6) {
          grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 7;
        }

        .gallery_grid ul li:nth-child(7) {
            grid-column-start: 1;
            grid-column-end: 3;
            grid-row-start: 7;
            grid-row-end: 10;
          }

          .gallery_grid ul li:nth-child(12) {
            grid-column-start: 1;
            grid-column-end: 3;
            grid-row-start: 10;
            grid-row-end: 10;
        }

          .gallery_grid ul li:nth-child(8) {
            grid-column-start: 3;
            grid-column-end: 3;
            grid-row-start: 7;
            grid-row-end: 10;
          }


        .gallery_zoom:after {
            height: 100%;
            width: 100%;
            transform: scale(0);
            transition: 0.5s;
            background-color: #0000007d;
            position: absolute;
            top: 0;
            left: 0;
            content: '';
        }

        .gallery_grid .gallery_zoom:hover:after {
            transform: scale(1);
        }
        .gallery_zoom i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            transition: 0.5s;
            z-index: 1;
            color: var(--white);
            font-size: 3rem;
        }
        .gallery_grid .gallery_zoom:hover i {
            opacity: 1;
        }
        .packages_box {position: relative; z-index: 1; transition: 0.5s;  border-radius: 10px;
            border-bottom: solid 3px transparent; padding-bottom: 2rem;}
        .packages_box:after {content: ''; height: calc(100% - 8rem); width: 100%; background-color: var(--white); position: absolute; top: 8rem; left: 0;     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);    z-index: -1;
            border-radius: 10px; }
        .packages_list_inner { padding-top: 1rem;}
        .packages_box .images { height: 13.625rem;    padding-inline: 2rem; border-radius: 10px; margin-bottom: 2rem; overflow: hidden; }
        .packages_box .images img {height: 100%;border-radius: 10px; width: 100%; object-fit: cover; transition: 0.5s;}
        /* .packages_box:hover .images img{transform: scale(1.06);} */
        .packages_box .packages_data { padding-inline: 2.5rem;}
        .packages_box .tag_text { margin-bottom: 2rem;line-height: 1.5; } 
        .packages_box a {font-size: 0.938rem; color: var(--black);}
        .packages_box a i {font-size: 0.875rem;}
        .packages_box:hover { border-color: var(--theme-color);}

        .packages_list_inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin-bottom: 3rem;}
        .activities_box { transition: 0.5s; display: flex;   border: solid 1px #ccc;
            padding: 2rem; margin-bottom: 3rem;
            border-radius: 10px;
        }
        .activities_box:hover {transform: translateY(-10px);}
        .activities_box .activities_img { width: 10.938rem; min-width: 10.938rem; min-height: 11.25rem; }
        .activities_box img {  border-radius: 10px; width: 100%;object-fit: cover; height: 100%; }
        .activities_box .activities_data { padding-left: 3rem;}
        .activities_box ul {list-style: none; margin: 0; padding: 0;margin-top: 0.5rem;}
        .activities_box ul li { position: relative; padding-left: 1.2rem; line-height: 1.4; margin-bottom: 0.5rem;}
        .activities_box ul li:after { content: ''; height: 7px; width: 7px; border-radius: 10px; background-color: var(--theme-color); position: absolute; top: 7px; left: 0; }
        .packages_page { position: relative;}
        .shape_gray_packages  {position: absolute;   transform: translateY(80%);  bottom: 0; width: 100%;}
        .activities_wrap { padding-top: 10rem;}

        .booking_form_bg { max-width: 64.063rem; margin: 0 auto; border-radius: 12px; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07); background-color: var(--white); padding: 3rem 4rem; margin-top: -10rem; position: relative;}
        .booking_form_bg .form-control {background-color: #f3ede7; border: none; height: 3rem;}
        .booking_form_bg .form-control:focus {box-shadow: none;}
        .booking_form_bg label { color: #8b8480;font-size: 0.813rem;margin-bottom: 0.4rem;}
        .booking_form_bg .sub_btn {min-width: 130px;}
        .icon_form{ position: absolute;     top: 15px;
        right: 15px; }
        .drop_select .icon_form { top: 21px; }

        .contact_wrap {display: flex;    margin-top: 3rem;}
        .contact_wrap >div {width: 50%;}
        .contact_wrap .contact_left {padding: 3rem; background: #faf8f6; border-radius: 15px 0 0 15px;}
        .contact_wrap .contact_right { border-radius: 0px 15px 15px 0px;   padding: 3rem 2rem; background: #f5f0ec; }
        .contact_wrap .contact_left .footer_contacts p { color: var(--black800);    opacity: 1;
        line-height: 1.4;}
        .contact_wrap  .footer_contacts li a { opacity: 1;}
        .contact_wrap .footer_contacts { margin: 0; padding: 0;}
        .contact_wrap  .footer_contacts li { margin-bottom: 1.5rem;}
        .con_logo {     margin-bottom: 2rem;}
        .con_logo img { height: 70px;}
        .contact_wrap .contact_right iframe { outline: solid 1px #e8daba; }

        .main_gallery_sec { display: grid; gap: 25px; grid-template-columns: repeat(4, 1fr);}
        .main_gallery_sec img { max-width: 100%;}
        .gallery_zoom_box:after{height: 100%; width: 100%; transform: scale(0); transition: 0.5s; background-color: #0000007d; position: absolute; top: 0; left: 0; content: '';}
       .gallery_zoom_box:hover:after { transform: scale(1); }
       .gallery_box { position: relative;}
       .gallery_box i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.5s; z-index: 1; color: var(--white); font-size: 3rem; }
       .gallery_box:hover i {
        opacity: 1;
    }
    .gallery_page .gallery_grid ul {    grid-template-rows: repeat(6,7rem);}
    .gallery_page .gallery_grid { padding-top: 20px;}
    .amenities_box_in:last-child{grid-column-start: 3;}

    .tag_line {color: #fff; opacity: 0.8; font-size: 14px;     margin-top: 0.9rem; font-weight: 200; letter-spacing: 1px;}
    .accomadation_page .gallery_grid ul {    grid-template-rows: repeat(6,7rem);}

    @media (min-width: 1400px){
        .container {max-width: 1215px;}
    }

    @media(max-width:1360px){
    html {font-size: 13px;}
    .main_banner_inner .banner_text { margin-left: 0; width: 40%;}
    .main_banner_inner .banner_img { width: 60%; }
    }

    @media (min-width: 1400px){
        .container {max-width: 1215px;}
    }

    @media(max-width:767px){
        .footer_contacts li.mob a {white-space: nowrap;}
        .footer_contacts li {flex-wrap: wrap;}
    }