@charset "utf-8";

/*	--------------------------------------------------
Font Setup
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat: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');
/* font-family: 'Montserrat', sans-serif; */


@font-face {
font-family: "gotham-medium";
src: url('../fonts/gotham/GothamMedium.ttf');
}


@font-face {
    font-family: "tackback";
    src: url('../fonts/tackback/Take\ Back.ttf');
    }

    @font-face {
        font-family: "balletic";
        src: url('../fonts/balletic/Miama.ttf');
        }
    


    @font-face {
        font-family: "galifex";
        src: url('../fonts/galifex/Galifex.otf');
        }


    @font-face {
        font-family: "montage";
        src: url('../fonts/montage/Montage\ Ttf.ttf');
        }
    
        @font-face {
            font-family: "sidereal";
            src: url('../fonts/sidereal/Sidereal.otf');
            }

            @font-face {
                font-family: "heco";
                src: url('../fonts/heco/Heco.ttf');
                }
    

@font-face {
    font-family: "verdana";
    src: url('../fonts/verdana-font-family/verdana.ttf');
    }
    

@font-face {
    font-family: "verdana-bold";
    src: url('../fonts/verdana-font-family/verdana-bold.ttf');
    }
        

/*	--------------------------------------------------
Generic CSS Setup
-------------------------------------------------- */

html {
width: 100%;
height: 100%;
background: #fcfcfc;
}
body {
/* background-image: url('../images/home/fixed-banner.jpg'); */

padding: 0 0 0 0px;
margin: 0 0 0 0px;
font-family: 'Segoe UI', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.533;
box-sizing: border-box;
color: #292929;
position: relative;
overflow-x: hidden;
/* background: #0f172b; */

}
#home{
    background: #28a745;
}
#aboutus{
    background: #28a745;
}
#abt_kovalam{
    background: #28a745;
}
/* body::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(3 13 82 / 94%);
    top: 0;
    left: 0;
    backdrop-filter: blur(4px);
} */
h1, h2, h3, h4, h5, td, tr, th, div, header, section, footer, p, form, input, textarea, select, fieldset{
font-family: 'Segoe UI', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.533;
color: #292929;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
border: none;
}

a{
text-decoration: none !important;
}


*{
outline: none;
}

html,body{
/* overflow-x: hidden; */
}


body{
margin:0px;
padding: 0px;
box-sizing: border-box;
}


.header_all_wrp{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
    transition: .3s ease;
}

/* .show_top_header{
    background-color: #fff;
    -webkit-box-shadow: 0 4px 6px rgb(0 0 0 / 6%);
    box-shadow: 0 4px 6px rgb(0 0 0 / 6%);
} */

header::before{
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgb(0 0 0 / 40%) 9%, rgba(250,237,221,0) 100%);
    height: 112px;
}

.header_tag_container{
    position: relative;
}

.ayr-img-wrp{
    height: 200px;
    object-fit: cover;
}

.blk{
    color: #000 !important;
}

.brd_blk{
    border-bottom: 1px solid #bdbdbd5e !important;
}
.hide_1{
    display: none;
}
.lg_2{
    display: none;
}

.show_lg2{
    display: block !important;
}

.top_panel{
    padding: 6px 0px;
    border-bottom: 1px solid #f2f2f25e;
    margin-bottom: 8px;
}

.flex_tp_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w50{
    width: 50%;
}
.left_side_p{
    display: flex;
    align-items: center;
}
.left_side_p a{
    color: #ffffff;
    font-size: 15px;
    width: 40px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.left_side_p a:hover{
    color: #ffebc3;
}

.left_side_p a i{
    pointer-events: none;
}


.left_side_p a svg{
    width: 20px;
    height: auto;
    fill: #ffffff;
    pointer-events: none;
}
.blk svg{
    fill: #000 !important;
}

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

.right_side_p a:nth-child(1){
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 5px;
    display: block;
    font-family: 'Lato', sans-serif;
    color: rgb(255, 255, 255);
}

.right_side_p a:nth-child(2){
    background: #00d9ef;
    border-radius: 50px;
    padding: 7px 17px;
    color: rgb(255, 255, 255);
    font-family: 'Lato';
    text-transform: uppercase;
    display: block;
    max-width: fit-content;
    padding-bottom: 5px;
    margin-left: 10px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}


header{
    /* background: #ffffff; */
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 99;
    /* padding-top: 15px; */
    
}
/* .w40{width: 40%;}  */
.jc_end{
    display: flex;
    align-items: center;
    justify-content: end;
}


.header_tag_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_links ul{
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.header_links ul span{
    margin: 0px 30px;
    width: 7px;
    height: 1px;
    background: #f8d07e;
    display: block;
}


.header_links ul li a{
    height: 100%;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 5px;
    display: block;
    font-family: 'Lato', sans-serif;
    color: rgb(255, 255, 255);
}

.logo{
    padding: 0px 30px;
    padding-left: 0px;
    padding-top: 20px;
}
.logo img{
    width: 127px;
    border-radius: 0px 0px 7px 7px;
}

.abts-img img{
    width: 100%;
    border-radius: 10px;
}
.abts-img-inner img{
    width: 100%;
    border-radius: 10px;
}
.lft-img{
  margin-top: 39px;
}

.lft-img img{
    width: 90%;
    border-radius: 7px;
}
.white-inner-letter h1{
    color: #fff;
}
.white-inner-letter p{
    color: #fff;
}
.black-inner-letter h1{
    color: #222222;
}
.black-inner-letter p{
    color: #222222;
}
.home-banner-title-w h1{
    font-family: "tackback";
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 9rem;
    line-height: 1;
    color: #fff;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 40%);
    margin-bottom: 60px;
}

.home-banner-title-w h1 span{
    font-size: 2rem;
    font-family: 'Poppins';
    font-style: italic;
}

.home-banner-title-w p{
    font-family: 'Poppins';
    font-size: 14px;
    margin-top: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 5px;
    word-spacing: 5px;
}

.fixed_menu-panel{
    position: fixed;
    left: 10px;
    height: 95%;
    top: 50%;
    transform: translate(0px, -50%);
    z-index: 999999999;
    padding: 10px 14px;
    border-radius: 10px;
    background: #fffffff2;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 12%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 70px;
}


.abt-img-menu img{
    width: 100%;
}

.mob_nav_links{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.abt-img-menu{
    width: 100%;
    opacity: 0;
}

.row-end{
    justify-content: end;
}

.abt-img-menu{
    margin-top: 30px;
    position: absolute;
}

.abt-img-menu h3{
    font-family: 'Playfair Display';
    font-size: 37px;
}

.mob_nav_links ul{
    /* display: flex; */
    align-items: center;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.mob_nav_links ul li a{
    font-size: 37px;
    color: black;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    padding: 13px 20px;
    display: block;
    position: relative;
    opacity: 0;
    top: 30px;
}

.slider_arrow_home{
   /* display: flex; */
    align-items: center;
    position: absolute;
    bottom: 27%;
    z-index: 50;
    right: 20px;
    /* background-color: #0f172b;*/
}

.left_arrow_slider{
    transform: scaleX(-1);
}

.vide-banner{
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    position: absolute;
    bottom: 0;
    left: 0;
}

/* footer::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    top: 0;
    left: 0;
    background: rgb(15,23,43);
    background: linear-gradient(0deg, #23a3a6 33%, rgba(0,217,239,0) 100%);
    z-index: 6;
    transform: rotate(180deg);
} */

.footer_container{
    position: relative;
    z-index: 10;
}

.h_500{
    height: 500px;
}
.vide-banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.arrow_span{
    /* width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100px;
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 4px;
    cursor: pointer; */

    width: 60px;
    height: 60px;
    /* background: #fff; */
    /* border-radius: 100px; */
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 10px; */
    cursor: pointer;
    /* border: 2px solid #fff; */
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.arrow_span:nth-child(1){
    border-bottom: none;
}

.arrow_span svg{
    width: 100%;
    fill: #fff;
}

.social_lists{
    display: flex;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 60%;
    right: 25px;
    z-index: 99999;
    transition: .3s ease;
}


.social_lists a{
    color: rgb(255, 255, 255);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 20px;
    padding: 10px 0px;
    font-size: 18px;
    margin: 6px 0px;
}

.social_lists a:nth-child(1){
    background: #3b5998;
}
.social_lists a:nth-child(2){
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.social_lists a:nth-child(3){
    background: #25D366;
}

/* home banner ===================================================== */

.home_baner_section{
position: relative;
width: 100%;
display: flex;
align-items: center;
/* padding-top: 120px; */
/* display: none; */
}

.home-index-banner{
    background-image: url('../images/new/1.jpg');
    width: 100%;
    height: 100vh;
    background-position: bottom;
    background-size: cover;
}

.home-banner-title-w{
    text-align: center;
}

.home-screen-img{
    height: 100vh !important;
}

.container-ol{
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0px;
}

.container-ol::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 /* background-color: #813d0b; */
 /* background: linear-gradient(0deg, #000000 33%, rgba(0,217,239,0) 100%); */
 /* background: -webkit-linear-gradient(top, rgba(45,45,45,0.9) 0%,rgba(45,45,45,0.6) 30%,rgba(45,45,45,0.2) 100%); */
    /* transform: rotate(180deg); */
 /* opacity: .5; */
 z-index: 3;
}


.tst-mn{
    position: relative;
    background-color: #cbc2b9;
    background-image: url(../images/interlaced-pattern.png);
    background-blend-mode: multiply;
}

.row-center-jc-n{
    justify-content: center;
    padding: 0px 40px;
}
/* .tst-mn::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
} */
.testimonial-box h3{
    position: relative;
    font-size: 30px;
    font-family: 'Lato';
    margin-bottom: 30px;
    padding-left: 67px;
}
.testimonial-box h3 span{
    font-size: 150px;
    letter-spacing: 15px;
    line-height: 135px;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: red;
    color: transparent;
    font-family: "Roboto";
    position: absolute;
    top: -4px;
    left: 0;
}

.bottom-box{
    width: 90%;
    height: 2px;
    border-bottom: 2px dashed #d2d0d0;
    margin: auto;
    display: none;
}

.wrp-container-panel{
    background-color: #fff;
    /* padding: 100px 50px; */
    border-radius: 10px;
    position: relative;
    z-index: 9;
    /* margin-top: 80px; */
}

.wrp-container-panel::before{
    content: '';
    position: absolute;
    width: 96%;
    height: 100%;
    border-radius: 10px;
    top: -17px;
    left: 50%;
    transform: translate(-50%, -0%);
    background-color: #ffffff;
    opacity: .1;
    z-index: -1;
}

.container-ol::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    background: rgb(15,23,43);
    /* background: linear-gradient(0deg, rgba(15,23,43,1) 33%, rgba(0,217,239,0) 100%); */
    background: linear-gradient(0deg, #23a3a6 33%, rgba(0,217,239,0) 100%);
    z-index: 6;
    display: none;
}



.container-absolute{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    z-index: 4;
    transform: translate(-50%, -0%);
    display: flex;
    align-items: center;
    z-index: 10;
}

.row-absolute{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 5;
  
}

.home-screen-img img{
    height: 100vh;
}

.home_baner_section .container{
    position: relative;
    z-index: 6;

}


.banner_home_title span{
    /* font-family: 'Poppins'; */
    /* color: rgb(255 255 255); */
    /* font-size: 20px; */
    /* font-style: initial; */
    /* font-weight: 100;
    font-weight: 700; */
    background: linear-gradient(to right, #b2d7de 0%, #61acbb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.banner_home_title h3{
    /* font-family: 'Playfair Display'; */
    /* font-family: 'Jost'; */
    /* font-size: 3.6rem; */
    /* color: rgb(3 13 82); */
    font-family: 'Lato';
    /* font-family: 'Playfair Display'; */
    /* font-family: 'Jost'; */
    font-size: 5rem;
    /* color: rgb(3 13 82); */
    color: #fff;
    line-height: 1.1;
    /* font-weight: 700; */
    text-transform: uppercase;
    font-weight: 300;
}

.banner_home_title p{
    font-family: 'Lato';
    /* color: rgb(54, 54, 54); */
    color: rgb(255, 255, 255);
    max-width: 660px;
    font-size: 15px;
    text-align: center;
    margin: auto;
    margin-top: 35px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 300;
    word-spacing: 2px;
    line-height: 1.8;
}


.banner_home_title a{
    font-family: 'Lato';
    color: rgb(255 255 255 / 70%);
    max-width: fit-content;
    font-size: 16px;
    margin: auto;
    margin-top: 40px;
    letter-spacing: .5px;
    background-color: #61acbb;
    padding: 14px 47px;
    display: block;
    /* border-radius: 50px; */
    /* border: 1px solid #fff; */
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 300;
    border-radius: 4px;
}

.down_arrow{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 66;
}

.down_arrow button{
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 1px solid #fff;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.down_arrow button img{
    width: 18px;
}

/* home slider ----- */
.img-fill{
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
  }
  
  .img-fill img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
    height: 100%;
    object-fit: cover;
  }
  
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
  }
  
  .Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
  }
  
  .blocks-box,
  .slick-slider {
    margin: 0;
    padding: 0!important;
  }
  
  .slick-slide {
    float: left /* If RTL Make This Right */ ;
    padding: 0;
  }
  
  /* ==== Slider Style === */
  .Modern-Slider .item .img-fill{
    height:100vh;
    background:rgba(0, 0, 0, 0.253);
  }
  
  .Modern-Slider .item .img-fill .info{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    /* background:rgba(0,0,0,.50); */
    line-height:100vh;
    text-align:center;
  }
  
  /* .Modern-Slider .item .img-fill img{
    filter:blur(5px);
  } */
  
  .Modern-Slider .item .info > div{
    display:inline-block!important;
    vertical-align:middle;
  }
  
  .Modern-Slider .NextArrow{
    position:absolute;
    top:50%;
    right:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    z-index:5;
  }
  
  .Modern-Slider .NextArrow:before{content:'\f105';}
  
  .Modern-Slider .PrevArrow{
    position:absolute;
    top:50%;
    left:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    z-index:5;
  }
  
  .Modern-Slider .PrevArrow:before{content:'\f104';}
  
  .Modern-Slider .slick-dots{
    position:absolute;
    height:5px;
    background:rgba(255,255,255,.20);
    bottom:0px;
    width:100%;
    left:0px;
    padding:0px;
    margin:0px;
    list-style-type:none;
  }
  .Modern-Slider .slick-dots li button{display:none;}
  .Modern-Slider .slick-dots li{
    float:left;
    width:0px;
    height:5px;
    background:#d62828;
    position:absolute;
    left:0px;
    bottom:0px;
  }
  
  .Modern-Slider .slick-dots li.slick-active{
    width:100%;
    animation:ProgressDots 11s both;
  }
  .Modern-Slider .item span{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 0.5em;
    text-indent: 0.2em;
    line-height: 1.4;
    text-transform: uppercase;
    animation:fadeOut 1s both;
    color: #fff  !important;
  }

  .Modern-Slider .item h2{
    font-size: 3rem;
    text-indent: 0.1em;
    line-height: 1.1;
    font-weight: 700;
    animation:fadeOut 1s both;
    color: #fff;
    font-family: 'Playfair Display', serif;
    margin-bottom: 20px;
  }

  .Modern-Slider .item h3{
    font:30px/50px;
    text-transform:uppercase;
    color:#FFF;
    animation:fadeOut 1s both;
    margin:0;
    padding:0;
    font-family: 'Playfair Display', serif;
  }
  
  .Modern-Slider .item h5{
    margin:0;
    padding:0;
    font:15px/30px;
    color:#FFF;
    max-width:600px;
    overflow:hidden;
    height:60px;
    animation:fadeOut 1s both;
    font-family: 'Lato', sans-serif;
  }
  
  .Modern-Slider .item.slick-active span{
    animation:fadeInDown 1s both 1s;
  }
  .Modern-Slider .item.slick-active h2{
    animation:fadeInDown 1s both 1s;
  }
  .Modern-Slider .item.slick-active h3{
    animation:fadeInDown 1s both 1s;
  }
  
  .Modern-Slider .item.slick-active h5{
    animation:fadeInDown 1s both 1.5s;
  }
  
  .Modern-Slider .item.slick-active{
    animation:Slick-FastSwipeIn 1s both;
  }
  
  /* .Modern-Slider {background:#000;} */
  
  /* ==== Slider Image Transition === */
  /* @keyframes Slick-FastSwipeIn{
      0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
      100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
  } */
  
  @-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
  @keyframes ProgressDots{from{width:0px;}to{width:100%;}}
  
  /* ==== Slick Slider Css Ruls === */
  .slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
  .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
  .slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
  .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .slick-track{position:relative;top:0;left:0;display:block}
  .slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
  .slick-loading .slick-track{visibility:hidden}
  .slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
  .slick-slide.dragging img{pointer-events:none}
  .slick-initialized .slick-slide{display:block}
  .slick-loading .slick-slide{visibility:hidden}
  .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}



/* About us section -------------------------------------------------- */



.pb_101{
    /* margin-top: 80px; */
    padding: 80px 0px
}

.abt-home-section{
    padding-top: 100px;
}

.about-i img{
    width: 100%;
    border-radius: 10px;
}
.about-i2{
    height: 80%;
}
.about-i2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.abts-secttion{
    background: #fff;
    /* background-image: url(../images/bg-2.jpg); */
    /* background: #137f9c;
    background: rgb(19,127,156);
    background: linear-gradient(0deg, rgba(19,127,156,0) 0%, rgba(19,127,156,1) 100%); */

    /* background: rgb(19,127,156); */
    /* background: linear-gradient(0deg, rgba(19,127,156,0) 0%, rgb(19 127 156 / 88%) 50%, rgba(19,127,156,0) 100%); */
    /* background: linear-gradient(0deg, rgba(19,127,156,0) 0%, rgb(78 195 228) 50%, rgba(19,127,156,0) 100%); */
    position: relative;
    padding-bottom: 100px;
}

/* .abts-secttion::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 300px;
    background: rgb(37,71,117);
    background: linear-gradient(0deg, rgba(37,71,117,1) 33%, rgba(0,217,239,0) 100%);
    bottom: 0;
} */

.pd-left-50{
    padding-left: 10px;
}

.about_us_home{
    /* max-width: 650px; */
    margin: auto;
    text-align: left;
}

.pd-none{
    padding: 0px;
}

.row-abts-i{
    margin: 30px 0px;
}

/* .row-abts-i .col-lg-6{
    padding: 0px;
} */

.pd-l-10px{
    padding-right: 0px;
    padding-left: 10px;
}

.pd-r-10px{
padding: 6px;
}

.about_us_home span{
    font-size: 13px;
    letter-spacing: 0.2em;
    /* text-indent: 0.2em; */
    color: #000000;
    text-transform: uppercase;
    font-family: 'Jost';
    display: block;
    margin-bottom: 14px;
    font-weight: 600;
}

.about_us_home h3{
    /* font-family: 'Playfair Display'; */
    /* font-family: 'Lato'; */
    font-family: 'tackback';
    /* font-family: 'Jost'; */
    /* font-weight: 800; */
    /* font-size: 3.4rem; */
    font-size: 4rem;
    margin-bottom: 30px;
    line-height: 1.2;
    /* color: rgb(0, 0, 0); */
    color: #f44336;
    /* text-transform: uppercase; */
    width: 700px;
    position: relative;
    z-index: 4;
}

.jc_sp--between{
    justify-content: space-between;
}
.jc_sp--center{
    justify-content: center;
}

.txt-center-d{
    text-align: center;
    margin-bottom: 0px !important;
}

.about_us_home h4{
    font-size: 18px;
    font-weight: 400;
    color: rgb(34, 34, 34);
    font-family: 'Poppins';
    margin-bottom: 30px;
    line-height: 1.6;
}


.list-ul-panel{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.list-ul-panel li{
    width: 50%;
    display: flex;
    align-items: baseline;
    font-family: 'Poppins';
    padding: 5px 0px;
    font-size: 15px;
}


.list-ul-panel li span{
    width: 16px;
    height: 16px;
    border: 1px solid red;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    border-radius: 50px;
    color: red;
    margin-right: 10px;
    margin-bottom: 0px;
}
.list-ul-panel li span i{
    position: relative;
    left: 4px;
    top: -1px;
    font-size: 13px;
}
.line_stand{
    width: 75px;
    height: 1px;
    background-color: #e86c40;
    margin-top: 30px;
    margin-bottom: 30px;
}

.about_us_home p{
    font-family: 'Poppins';
    margin-bottom: 23px;
    /* text-align: justify; */
    font-size: 13px;
    color: #222222;
    /* color: #626060; */
    font-weight: 400;
    /* letter-spacing: .5px;*/
    /* padding-left: 50px; */
    line-height: 1.8;
}

.about_us_home a{
    background: #0f172b;
    display: block;
    margin-top: 40px;
    color: #fff;
    padding: 17px 20px;
    border-radius: 3px;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Jost';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    text-transform: uppercase;
}


.room-slider-img{
    overflow: hidden;
    border-radius: 10px;
}

.room-dbox{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    top: 0;
    left: 0;
    background: #0003;
}

.room-dbox div h3{
    font-family: 'Playfair Display';
    color: #fff;
    font-size: 31px;
    font-weight: 700;
}

.about_us_home_btm{

}

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

.arrow_button{
    width: 45px;
    height: 45px;
    border: 2px solid #ac1d2b;
    border-radius: 100px;
    margin: 0px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_arrow{
    transform: scaleX(-1);
}
.left_arrow_02{
    transform: scaleX(-1);
}

.arrow_button.active{
    background-color: #ac1d2b;
}

.arrow_button svg{
    width: 20px;
    fill: #ac1d2b;
}

.arrow_button.active svg{
    width: 20px;
    fill: #ffffff !important;
}

.about_us_home_btm span{
    /* font-size: 12px; */
    /* letter-spacing: 0.4em; */
    /* text-indent: 0.2em; */
    color: #ffffff;
    text-transform: capitalize;
    font-family: "balletic";
    /* display: block; */
    /* margin-bottom: 14px; */
    font-size: 7rem;
    margin-top: -29px;
    display: block;
}
.about_us_home_btm{
    margin-bottom: 30px;
}
.about_us_home_btm h3{
    font-family: 'Poppins';
    /* font-weight: 700; */
    font-size: 3rem;
    line-height: 1.2;
    color: #ff9800;
    /* width: 100%; */
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
    width: 600px;
}

.room-slider-box-inner{
    margin-top: 70px;
}
.arrow-slider-wpr{
    margin-top: 50px;
}
.slider_arrow_home_inenr{
    display: flex;
    align-items: center;
    justify-content: end;
    z-index: 4;
}

.left_arrow_slider_inner {
    transform: scaleX(-1);
}

.link-to-rooms{
    text-align: right;
    width: 100%;
}

.link-to-rooms a{
    background: #fff;
    padding: 12px 20px;
    color: #0f172b;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.line_stand-in{
    width: 75px;
    height: 1px;
    background-color: #e86c40;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.about_us_home_btm p{
    color: rgb(255, 255, 255);
    font-family: 'Poppins';
    font-size: 13px;
    line-height: 1.8;
}

.banner_abs{
    position: relative;
    /* padding: 100px 50px; */
}
.inner-abt-pd-101{
    padding-top: 100px;
}


.section-name{
    writing-mode: vertical-rl;
    font-size: 20px;
    font-family: 'heco';
    color: #fff;
    position: absolute;
    left: 0px;
    background: #ff9800;
    padding-top: 3px;
    padding: 20px 0px;
    padding-right: 9px;
    padding-top: 22px;
    /* transform: rotate(-90deg); */
    letter-spacing: 2px;
}

.bg-room{
    background-image: url('../images/new/2.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 80px 0px;
    padding-bottom: 53px;
    /* background: #A0AFA0; */
    /* background: #fbeede; */
}

.bg-room::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(87deg, rgba(0,0,0,1) 33%, rgba(0,217,239,0) 100%);
    opacity: .6;
}

/* .banner_abs::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 50%;
    left: 0;
    transform: translate(-0%, -50%);
    width: 100%;
    height: 400px;
    opacity: .6;
    border-radius: 10px;
} */

.jc_center{
    justify-content: center;
    position: relative;
    z-index: 8;
}

.mm_ab{
    /* padding: 14px; */
}

.abts_img{
    position: relative;
}

.mr_ab{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 52%);
    transform: translate(-0%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
}

.mr_ab{
    text-align: center;
}

.mr_ab p{
    font-family: 'Playfair Display';
    color: #fff;
    font-weight: 600;
}

.mr_ab a{
    background: #f8d07e;
    border-radius: 50px;
    padding: 7px 17px;
    color: #000;
    font-family: 'Lato';
    text-transform: uppercase;
    display: block;
    max-width: fit-content;
    padding-bottom: 5px;
    margin-left: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin: auto;
    margin-top: 30px;
}

/* .abts_img::before{
    content: '';
    position: absolute;
    width: 40%;
    left: 0;
    top: -2px;
    background-color: #fff;
    z-index: 5;
    height: 30px;
} 

.abts_img::after{
    content: '';
    position: absolute;
    width: 40%;
    right: 0;
    bottom: -2px;
    background-color: #fff;
    z-index: 5;
    height: 30px;
}  */
.abts_img {
    position: relative;
    /* padding: 40px; */
    /* padding: 20px; */
}
.abts_img img{
    width: 100%;
    border-radius: 6px;
    background: #fff;
    /* padding: 30px;
    padding-bottom: 77px; */
    /* transform: rotate(6deg); */
    margin-top: -1px;
    transform-origin: left;
}


/* amenities ------------------------------------ */
.pb_1010{
    padding-bottom: 50px;
}
.section_header{
    max-width: 650px;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 6;
    margin-bottom: 70px;
}

.section_header span{
    font-size: 12px;
    letter-spacing: 0.4em;
    text-indent: 0.2em;
    color: #e86c40;
    text-transform: uppercase;
    font-family: 'Lato';
    display: block;
    margin-bottom: 14px;
}

.section_header h3{
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    color: rgb(255, 255, 255);
    margin-bottom: 15px;
}

.line_stand2{
    width: 1px;
    height: 75px;
    background-color: #e86c40;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.section_header p{
    font-family: 'Playfair Display';
    color: #fff;
}

.amenities_banner{
    background-image: url('../images/home/ameniities/amenities_banner.jpg');
    background-position: center;
    background-size: cover;
    width: 100%;
padding: 50px 0px;
padding-top: 10px;
    position: relative;
}

.amenities_banner::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    top: 0;
    left: 0;

}

.col-amn{
    padding: 17px;
    margin-bottom: 15px;
}

.amenities_container{
    text-align: center;
}

.amenities_container h3{
    font-family: 'Playfair Display';
    color: #fff;
}
.amn_icon{
    text-align: center;
    margin-bottom: 10px;
}
.amn_icon img{
    width: 48px;
}

/* rooms and suites --------------------------------- */



.room_panel{
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.room_and_suite_slider {
    width: 100%;
    /* margin-bottom: 1em; */

  }
  .room_and_suite_slider .swiper-slide {
    font-family: sans-serif;
    text-align: center;
    font-size: 2em;
    line-height: 8rem;
  }
  /* .room_and_suite_slider:first-of-type {

  }
  .room_and_suite_slider:last-of-type {

  } */




.row{
    width: 100%;
    margin: auto;
}

  .padding_0{
    padding: 3px;
  }

  .no_pad {
    padding: 0px;
    
  }
  
  .mb_30{
 margin-bottom: 6px;
  }
  
.rooms_slider{
    position: relative;
    border-radius: 0px 12px 12px 12px;
    overflow: hidden;
}

.room_details{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    /* height: 50%; */
    padding: 14px;
    text-align: left;
    display: flex;
    align-items: flex-end;
    /* background: linear-gradient(transparent,#000000); */
    background: #ac1d2bbd;
    /* backdrop-filter: blur(4px); */
    transform: translate(-50%, -0%);
    border-radius: 11px;
}

.room-lg-100{
    padding: 28px;
}
.room-lg-200{
    padding: 28px;  
}
.room_dd_container{
    position: relative;
    z-index: 4;
    padding: 9px;
}

.room_dd_container h3{
    font-size: 19px;
    font-family: 'Poppins';
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    font-weight: 500;
}

.room_dd_container p{
    padding: 4px 0px;
    font-family: 'Poppins';
    font-size: 14px;
    color: #f3f3f3;
}

.room-img img{
    height: 200px;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}




.price_tag{
    /* color: #858585; */
    color: #ffffff;
}
.price_tag span{
    font-family: 'Poppins';
    font-weight: 600;
    color: #df763f;
    padding-right: 7px
}

.current_slider h3{
    font-family: 'Poppins';
    font-size: 16px;
    /* font-weight: 500; */
    color: #ffffff;
}

.current_slider .room_rice{
    font-size: 16px;
    color: #ffffff;
    font-family: 'Poppins';
    margin-top: 10px;
    font-weight: 600;
    /* background: #fff; */
    border-radius: 50px;
    max-width: fit-content;
    /* padding: 10px 10px; */
    padding-bottom: 2px;
}

.current_slider .room_rice span{
    font-weight: 400;
    font-size: 14px;
}

.side_slider h3{
    font-family: 'Playfair Display';
    font-size: 19px;
    color: #fff;
}

.side_slider .room_rice{
    font-size: 17px;
    color: #f8d07e;
}
.banner_home_title{
    margin-bottom: 40px;
    /* margin-top: 106px; */
    padding: 37px;
    padding-left: 0px;
    text-align: center;
}
.hght-100{
    /* height: 100%; */
    /* padding-left: 30px; */
    padding: 0px;
}
.slider__images{
    height: 100%;
}
.slider__images .swiper-container{
    height: 100%;
}

/* .room_details::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 bottom: 0;
 left: 0;
 background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);
opacity: .5;
} */

  .room_img img{
    width: 100%;
    height: 400px;
    object-fit: cover;
  }
  

  .al_link a{
    background: #f8d07e;
    border-radius: 50px;
    padding: 7px 17px;
    color: #000;
    font-family: 'Lato';
    text-transform: uppercase;
    display: block;
    max-width: fit-content;
    padding-bottom: 5px;
    margin-left: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin: auto;
    margin-top: 20px;
  }

  .video-container {
    width:100%;
  }

  .video-container video{
    width: 100%;
  }

/* rest ------------------------------------------------ */
.rest{
    background-image: url(../images/rest/rest-banner.jpg);
}
.yoga{
    background-image: url('../images/about_us/about_us_0.jpg');
}

.inner-section-wrp-bg{
    padding-top: 80px;
}
.rest_btm {
    margin-bottom: 30px;
}

.rest_btm h3 {
    font-family: 'Poppins';
    /* font-weight: 700; */
    font-size: 3rem;
    line-height: 1.2;
    color: #000;
    /* width: 100%; */
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
    width: 600px;
}

.rest_btm span {
    /* font-size: 12px; */
    /* letter-spacing: 0.4em; */
    /* text-indent: 0.2em; */
    color: #ff3636;
    text-transform: capitalize;
    font-family: "balletic";
    /* display: block; */
    /* margin-bottom: 14px; */
    font-size: 7rem;
    margin-top: -29px;
    display: block;
}

.rest_btm p {
    color: rgb(0, 0, 0);
    font-family: 'Poppins';
    font-size: 13px;
    line-height: 1.8;
}

.pb_1001{
    padding: 100px 0px;
}
.section_relative{
    position: relative;
}
.container-xl{
    max-width: 1300px;
    margin: auto;
   padding: 0px 10px;
}

@media (max-width: 1500px){
    .container{
        max-width: 90%;
    }
    .container-xl{
        max-width: 100%;
        width: 100%;
        padding: 0px 10px;
     }
}
.col_rs_0{
 padding: 10px;
}

.rs_img img{
    width: 100%;
    border-radius: 10px;
}

.row_mt_40{
    max-width: 900px;
    margin: auto;
    margin-top: 50px;
}

/* .bg_yellow{
    position: absolute;
    width: 100%;
    height: 70%;
    background-color: #f8d07e;
    top: 0;
    left: 0;
    z-index: -1;
} */

/* booking -------------------------------------- */

.book_section{
    width: 100%;
    padding: 100px 0px;
    position: relative;
}

.pos_relative{
    position: relative;
    z-index: 6;
}

.booking_header{
    text-align: center;
    margin-bottom: 70px;
}

.booking_header h3{
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    color: rgb(255, 255, 255);
}

.booking_header p{
    font-family: 'Playfair Display';
    color: #fff;
}

form{
    max-width: 600px;
    margin: auto;
}

.frm_group{
    position: relative;
}

.frm_group label{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 text-align: center;
 font-family: 'Playfair Display';
 font-size: 14px;
 pointer-events: none;
}

.frm_group input{
    width: 100%;
    height: 50px;
    border-radius: 50px;
    text-align: center;
}

.frm_group select{
    width: 100%;
    height: 50px;
    border-radius: 50px;
    text-align: center;
}

.from_col{
    margin-bottom: 30px;
}
.submit_btn{
    text-align: center;
}
.submit_btn button{
    min-width: 190px;
    height: 47px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 50px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    background: #ed212e;
    text-transform: uppercase;
    margin: auto;
    border: none;
}



/* contact us ------------------------------------------------------------------- */
footer{
    padding: 50px 0px;
    background-color: #ff9800;
    position: relative;
    padding-bottom: 0px;
    /* background-image: url(../images/white_wall_hash.webp); */
    /* background: #0f172b; */
}

.pd-left-40{
    padding-left: 40px;
}

.ftr_links ul{
    list-style: none;
    /* border-top: 1px solid #fff3;
    border-bottom: 1px solid #fff3; */
    padding: 0px 0px;
    margin: 0px;
}

.row-box-footer{
    /* background:#030d52;
    padding: 32px;
    border-radius: 20px; */
    margin-bottom: 40px;
}
.ftr-header-al{
    margin-bottom: 20px;
}
.footer-logo-cilatro img{
    width: 150px;
}

.row-ftr{
    /* margin-bottom: 30px; */
}

.bottom-box-footer{

}

.ftr_links ul li{
  display: flex;
  align-items: baseline;   
}

.ftr_links ul li i{
    margin-right: 10px;
}

.cnt-ftr-l{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.cnt-ftr-l li p{
    color: rgb(255, 255, 255);
    font-family: 'Poppins';
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    max-width: 450px;
}
.cnt-ftr-l li label{
    color: rgb(0, 0, 0);
    font-family: 'Jost';
    font-size: 17px;
    font-weight: 400;
    margin: 0px 7px;

}
.cnt-ftr-l li a{
    color: rgb(0, 0, 0);
    font-family: 'Jost';
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
}

.ftr_links ul span{
    margin: 0px 30px;
    width: 7px;
    height: 1px;
    background: #ed212e;
    display: block;
}

.abt-us-ftr-para p{
    color: #fff;
    padding-right: 20px;
}

.ftr_links ul li a{
    height: 100%;
    font-size: 15px;
    padding: 7px 0px;
    display: block;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-family: 'Lato';
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
    /* text-transform: uppercase; */
    font-weight: 600;
}
.ftr_links h3{
    color: #000000;
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.pd-left-50{
    padding-left: 20px;
}

.ftr_cnt_links h3{
    color: #ffffff;
    font-family: 'Jost';
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}
.ftr_cnt_links ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.socila_lins{
    max-width: fit-content;
    margin-top: 20px;
}

.ftr_cnt_links ul li p{
    height: 100%;
    font-size: 14px;
    padding: 4px 0px;
    display: block;
    font-family: 'Nunito';
    color: rgb(255, 255, 255);
}

.ftr_cnt_links ul li a{
    height: 100%;
    font-size: 14px;
    padding: 4px 0px;
    display: block;
    font-family: 'Jost';
    color: rgb(255, 255, 255);
}

.container_footer{
    max-width: 90%;
    margin: auto;
    padding-left: 50px;
}

.card_links h3{
    height: 100%;
    /* line-height: 40px; */
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 5px;
    display: block;
    font-family: 'Lato', sans-serif;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
}

.socila_lins h3{
    height: 100%;
    /* line-height: 40px; */

    /* font-size: 12px;
    letter-spacing: 1px; */
    padding: 0 5px;
    display: block;
    color: #ffffff;
    font-family: 'Lato';
    font-size: 20px;
    /* font-weight: 600; */
    margin-bottom: 10px;
    margin-bottom: 10px;
}
.socila-ftr{
    display: flex;
    align-items: center;
}
.socila-ftr a{
    font-size: 15px;
    color: #ffffff;
    width: 40px;
    display: flex;
    height: 40px;
    background: #131c34;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 100px;
}

.pb_001{
    /* padding-bottom: 80px; */
}

.pd-tst-row{
    padding: 100px 20px;
}
.dp-50{
    padding-right: 50px;
}
.tst-content-wrp{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  
}

.tst-content-wrp::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    top: 0;
    left: 0;
}

.testimonial_header{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-0%, -50%);
    width: 100%;
    padding: 0px 20px;
}
.testimonial_header span{
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 7px;
    display: block;
    color: #fff;
    font-family: 'Jost';
}

.testimonial_header h3{
    font-size: 40px;
    font-weight: 900;
    font-family: 'Playfair Display';
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 59px;
    margin-top: 20px;
}

.testimonial_header a{
    background: #e21d1d;
    color: #fff;
    padding: 9px 36px;
    font-family: 'Jost';
    display: block;
    max-width: fit-content;
    font-size: 16px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.testimonial_header p{
    font-family: 'Poppins';
}

.list-trmp-icon ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.list-trmp-icon ul li a{
    height: 100%;
    font-size: 13px;
    padding: 4px 0px;
    display: block;
    font-family: 'Raleway';
    color: rgb(69 69 69);
    font-weight: 600;
    margin-left: 15px;
}

.webgbl-logo{
    width: 75px;
}

.list-trmp-icon h3{
    color: #00d9ef;
    font-family: 'Nunito';
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.footer-header h3{
    font-family: 'Jost';
    font-size: 14px;
    color: #000000;
    text-align: left;
}

.row_tt{
    /* margin-top: 20px; */
    /* border-top: 1px solid #171616; */

}

.footer-header{
    text-align: center;
}

.col_footer_50{
    margin-bottom: 70px;
}
.col_footer_55{
    margin-bottom: 65px;
}

.footer-b{
    /* background-color: #fff; */
    padding: 25px 0px;
    border-top: 1px solid #ffffff2e;
}
.list-trmp-icon ul{
    display: flex;
    align-items: center;
    justify-content: end;
}

/* ======================================================
                      ABOUT US PAGE
========================================================*/

.inner_banner{
 background-position: center;
 background-size: cover;
 width: 100%;
 height: 550px;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
} 
.inner_banner::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    top: 0;
    left: 0;
}

.inner_banner .container{
    position: relative;
    z-index: 90;
}
/* .aboutus{
  background-image: url('../images/about_us/about_us1.jpg');
} */

.banner_title{
    max-width: 600px;
    margin: auto;
    text-align: center;
    margin-top: 80px;
}


.banner_title span{
    font-size: 3rem;
    text-indent: 0.1em;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
    font-family: 'Playfair Display', serif;
    margin-bottom: 20px;
    display: block;
}

.banner_title p{
    color: #fff;
}

.about_us_inner-abts{
    max-width: 850px;
    margin: auto;
}
.abts_img-inner {
    margin: 20px 0px;
}
.abts_img-inner img{
    width: 100%;
    border-radius: 0px 20px 20px 20px;
}

.about_us_inner-abts h3 {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    color: #000;
}

.about_us_inner-abts span {
    font-size: 12px;
    letter-spacing: 0.4em;
    text-indent: 0.2em;
    color: #e86c40;
    text-transform: uppercase;
    font-family: 'Lato';
    display: block;
    margin-bottom: 14px;
}
.about_us_inner-abts p {
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #000000;
}

.contact_lists h3{
    font-size: 3rem;
    font-family: 'Playfair Display';
    font-weight: 600;
    line-height: 1.1;
    color: #000;
}

.contact_lists ul{
    list-style: none;
    padding: 0px;
    margin-top: 30px;
    max-width: 400px;
}

.contact_lists ul li{
    margin-bottom: 10px;
    font-family: 'Poppins';
    font-size: 19px;
    color: #000;
}

.contact_lists ul li a{
    margin-bottom: 10px;
    font-family: 'Poppins';
    font-size: 19px;
    color: #000;
}


.line_span{
    display: block;
    width: 100px;
    height: 1px;
    border-bottom: 1px dashed #000;
    margin-bottom: 15px;
}


.contact_lists ul li span{
    font-size: 12px;
    letter-spacing: 0.4em;
    text-indent: 0.2em;
    color: #fb2e00eb;
    text-transform: uppercase;
    font-family: 'Lato';
    display: block;
    font-weight: 700;
}

.mob_navigation{
    margin-top: 100px;
}
.ham-web{
    position: absolute;
}
.ham{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 12px;
    cursor: pointer;

}

.ham-line{
    width: 100%;
}
.white-line span{    background-color: rgb(255, 255, 255);}
.black-line span{    background-color: rgb(0, 0, 0);}
.ham-line span{
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
}

.ham-line span:nth-child(2){
    margin: 3px 0px
}
@media (max-width: 1058px){
    .room-d-box{
        padding: 50px 30px !important;
    }
}
@media (max-width: 991px){
    .testimonial_header {
        padding-right: 0px;
        margin-bottom: 49px;
    }
    .about_us_home h4{
        font-size: 24px;
    }
    .socila_lins{
        margin: inherit;
    }
    
}
@media (max-width: 767px){
    .col_footer_65{
        margin-bottom: 50px;
    }
    .header_links {
        display: none;
    }
    .navigation-nav-ul li a {
        padding: 0px 10px;
        font-size: 20px;
    }
    .flex-row-reveser-room{
        flex-direction: column-reverse;
    }
    .fc-para h3{
        margin-bottom: 30px;
    }
    .mr-col-auto{
        margin-top: 16px;
        padding: 0px;
    }
}
 

.p_101{
    padding: 80px 0px;
}



.rw-user{
    display: flex;
    align-items: center;
}

.rw-user span{
    padding-left: 10px;
}
.rw-user h4{
    font-family: 'Nunito';
    font-size: 23px;
    color: #000;
}

.testimonial_slider_panel h3{
    font-size: 2rem;
    font-family: 'Poppins';
    font-weight: 700;
    margin-bottom: 18px;
}

.testimonial_slider_panel p{
    font-size: 15px;
    font-family: 'Poppins';
    text-align: justify;
}

.map{
    width: 100%;
    height: 500px;
    padding-bottom: 50px;

}

.map iframe{
    width: 100%;
    height: 100%;

}

.container-ol{
    /* background:#030d52; */
    background-color: #0f172b;
    padding-left: 0px;
}
@media (max-width: 1500px){
.container-ol{
max-width: 100%;
padding-right: 0px;
}
.hght-100{
    padding-right: 0px;
}
}

.testimonial-box{
    background: #fff;
    padding: 22px;
    border-radius: 14px;
    box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
}

.col-tes-lg{
    padding: 10px;
}

.client-i img{
    width: 100%;
}

.flex-btm{
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.img-ts{
    width: 40px;
    height: 40px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 6px;
}

.img-ts img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-box p{
    font-family: 'Poppins';
    font-size: 15px;
    color: #353434;
    line-height: 1.9;
}

/* slider ----------------------------- */
.slider {
    color: #fff;
  }
  .slider .swiper-container {
    width: 100%;
    height: 100%;
  }
  .slider__flex {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
  .slider__col {
    display: flex;
    flex-direction: column;
    width: 150px;
    margin-right: 32px;
  }
  .slider__prev,
  .slider__next {
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .slider__prev:focus,
  .slider__next:focus {
    outline: none;
  }
  .slider__thumbs {
    height: calc(260px - 96px);
  }
  .slider__thumbs .slider__image {
    transition: 0.25s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
  }
  .slider__thumbs .slider__image:hover {
    opacity: 1;
  }
  .slider__thumbs .swiper-slide-thumb-active .slider__image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
  }
  /* .slider__images {
    height: 100vh;
  } */
  .slider__images .slider__image img {
    transition: 3s;
  }
  .slider__images .slider__image:hover img {
    transform: scale(1.1);
  }
  .slider__image {
    width: 100%;
    height: 100%;

    overflow: hidden;
  }

  .screen-img{
    border-radius: 0px 0px 0px 10px;
  }

  .thum-img{
    border-radius: 10px;
  }

  .slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  @media (max-width: 767.98px) {
    .slider__flex {
      flex-direction: column-reverse;
    }
    .slider__col {
      flex-direction: row;
      align-items: center;
      margin-right: 0;
      margin-top: 24px;
      width: 100%;
    }
    .slider__images {
      width: 100%;
    }
    .slider__thumbs {
      height: 100px;
      width: calc(100% - 96px);
      margin: 0 16px;
    }
    .slider__prev,
    .slider__next {
      height: auto;
      width: 32px;
    }
  }

  /* about us inner --------------------------------------------- */

.inner-section-ab{
    padding: 100px 0px;
    position: relative;
}

.banner-img-inner-page{
    background-image: url('../images/about_us/about_us2.jpg');
    width: 100%;
    height: 341px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 100px;
}

  .banner_inner img {
 width: 100%;
 border-radius: 13px;
  }
  

.abt-ttheader h3{
    font-family: 'Poppins';
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

  .about-us-panel h4{
    font-size: 41px;
    font-weight: 500;
    /* font-family: 'Poppins'; */
    line-height: 1.3;
    margin-bottom: 15px;
    font-family: 'Playfair Display';

}

  .about-us-panel p{
    font-family: 'Poppins';
    margin-bottom: 11px;
    font-size: 14px;
  }

  .box-n {
    
  }
.box-01{

  }

/* 
  .banner-sectoin-wrp{
    width: 100%;
    height: 400px;
    background-image: url('../images/about_us/about_us1.jpg');
background-size: cover;
    background-position: center;
    position: relative;
  } */

.banner-sectoin-wrp{
    padding-top: 100px;
}

.room-inner-img img{
    height: 250px;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}


.banner-inner-title {
    text-align: left;
}

  .banner-inner-title h3{
    font-family: 'Playfair Display';
    font-size: 3rem;
    color: rgb(0, 0, 0);
    line-height: 1.1;
    /* font-weight: 700; */
    margin-bottom: 10px;
  }

  .banner-inner-title span{
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 13px;
    letter-spacing: 1px;
}

  .banner-inner-title p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .list-cnt{
    position: relative;
    margin-top: 40px;
  }

  
  .list-cnt ul{
    display: flex;
    align-items: flex-start;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
    margin: 0px;
  }
  .list-cnt ul li{
    position: relative;
    text-align: center;
    width: 33%;
    padding: 0px 10px;
  }
  .list-cnt ul li::before{
    content: '';
    position: absolute;
    left:0;
    top: 18px;
   width: 100%;
   height: 2px;
   border-bottom: 1px solid #000;
  }

  .indicator{
    width: 40px;
    height: 40px;
    background-color: #00d9ef;
    border-radius: 100px;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

  .list-cnt ul li label{
    width: 100%;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
  }

  .list-cnt ul li p{
    font-family: 'Open Sans';
    color: #000;
    font-size: 20px;
    font-weight: 500;
  }

  .list-cnt ul li a{
    font-family: 'Open Sans';
    color: #000;
    font-size: 20px;
    font-weight: 500;
    display: block;
  }
  .mob-navigation{
    background-image: url('../images/home/slider/slider_04.jpg');
    background-position: center;
    background-size: cover;
    background-color: #23a3a6;
    position: fixed;
    width: 400px;
    height: 100%;
    display: flex;
    right: 0;
    align-items: center;
    justify-content: center;
    z-index: 9999999999;
    pointer-events: none;
    transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
  }

  .showmobnav{
    pointer-events: all;
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
  }

  .mob-navigation::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(87deg, rgba(0,0,0,1) 33%, rgba(0,217,239,0) 100%);
    opacity: .6;
  }

.fixedbody{
    position: fixed;
    height: 100%;
}

.left-a{
    display: flex;
    align-items: center;
}

.home-mob{

}
.box-p{
    width: 100%;
    height: 100%;
    /* padding: 0px 100px; */
}

.box-p .row{
    height: 100%;
}


.flex-col-menu{
    display: flex;
    align-items: center;
    padding-left: 100px;
}

.bg-mnu{
    background: #f1f1f1;
    padding: 100px 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.goback svg{
    fill: #fff;
}

  .mob-nav-ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
  }
  .mob-nav-ul li a{
    font-family: 'heco';
    text-align: left;
    width: 100%;
    color: rgb(255, 255, 255);
    font-size: 17px;
    padding: 6px 0px;
    display: block;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500;
  }
  .goback{
    width: 33px;
    position: absolute;
    top: 10px;
    right: 15px;
    transform: scale(-1);
    z-index: 5;
    cursor: pointer;
}
.hr-header h3{
    font-family: 'Playfair Display';
    font-size: 3rem;
    max-width: 500px;
    line-height: 1.2;
    font-weight: 600;
}
.contact-us-box{
    max-width: 600px;
}
.contact-us-box  span{
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
    font-family: 'Jost';
    color: #000;
    font-size: 17px;
}

.contact-us-box ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.contact-us-box ul li a{
    color: #000;
    font-family: 'Jost';
    font-size: 16px;
    display: block;
    margin-bottom: 12px;
}



.navigation-nav-ul{
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    padding-top: 31px;
}

.navigation-nav-ul li a{

    /* font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px; */


    /* color: #fff; */
    font-size: 15px;
    font-family: "heco";
    letter-spacing: 2px;
    font-weight: 300;

    line-height: 1.6;
    text-transform: uppercase;
    margin-left: 30px;
}
.black_letter li a{
    color: #222222;
}

.white_letter li a{
    color: #fff;
}

  @media (max-width: 992px) {
    .navigation-nav-ul{
        display: flex;
    }

    .header_tag_container{
        max-width: 100%;
    }
    .home_baner_section .container{
        padding: 0px 10px;
        padding-right: 0px;
    }
    .slider__thumbs{
        margin-bottom: 50px;
    }
    .fixed_menu-panel{
        display: none;
    }
    .container{
        max-width: 100%;
    }
    .abts_img{
        padding: 20px;
    }
    .abts-secttion{
        padding: 0px;
    }
    .container_footer{
        padding: 0px;
    }

    .room-lg-200{
        width: 50%;
    }
    .banner-sectoin-wrp{
        padding-top: 170px;
    }
    .banner-inner-title{
        text-align: center;
        max-width: 600px;
        margin: auto;
        margin-bottom: 50px;
    }
  }


  @media (max-width: 767px) {
    .hght-100{
        padding: 0px 0px;
    }
    .home_baner_section .container{
        padding: 0px 10px;
    }
    .logo{
        padding: 0px 10px;
    }
    .slider__thumbs{
        margin-left: 0px;
    }
    .slider_arrow_home{
        left: 20px;
    }
    .slider__images {
        overflow: hidden;
        border-radius: 0px;
    }
    .room-lg-200 {
        padding: 8px;
    }
    .list-cnt ul li a{
        font-size: 15px;
    }
    .list-cnt ul li p{
        font-size: 15px;
    }
}



  @media (max-width: 575px) {
    /* .width-50{
        width: 50%;
    } */
    .list-cnt ul{
        flex-direction: column;
        margin: 0px;
        justify-content: center;
        width: 100%;
    }
    .list-cnt ul li{
        width: 100%;
        margin-bottom: 31px;
    }
    .list-cnt ul li::before{
        border-bottom: 1px solid #00000024;
    }
    .navigation-nav-ul{
        display: none;
    }
    .room-lg-200 {
        padding: 8px;
        margin-bottom: 20px;
    }
    .room-inner-img img{
        height: 150px;
    }
    .ham {
        display: flex !important;
    }

    /* .about_us_home a{
        width: 100%;
        height: auto;
        padding: 10px 20px;
    } */
    .about_us_home{
        margin-top: 0px;
    }
    .slider__thumbs{
        width: 100%;
    }

    .logo img{
        width: 111px;
    }

    .abts_img {
        padding: 0px;
    }
    .about_us_home h3 {
        font-size: 36px;
    }

    .about_us_home h4{
        font-size: 19px;
    }
    .room-lg-100 {
        padding: 9px;
        width: 50%;
        margin-bottom: 23px;
    }

    .room_dd_container h3 {
        font-size: 16px;
    }

    .room_dd_container p{
        font-size: 12px;
    }

    .home-mob{
        display: flex !important;
    }
  }

/* about us page ----------------------------------- */
.aboutkovalam{    background-image: url('../images/about-kovalam/cilantro-about-kovalam_banner.jpg');}
.aboutus{    background-image: url('../images/about_us/about_us2.jpg');}
.roomwl{    background-image: url('../images/gallery/cilattro-gallery-img-4.jpg');}
.inner-banner-section{
    width: 100%;
    height: 490px;
    background-position: center;
    background-size: cover;
    /* padding: 100px 0px; */
    /* display: flex;
    align-items: center; */
    position: relative;
    display: flex;
    align-items: center;
}

.img-suspend{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.img-suspend img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-banner-section::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    /* background: rgb(15,23,43);
    background: linear-gradient(0deg, rgba(15,23,43,1) 33%, rgba(0,217,239,0) 100%); */
    /* background: linear-gradient(0deg, #23a3a6 33%, rgba(0,217,239,0) 100%); */
    background-color: transparent;
    background-image: linear-gradient(180deg, #1D1D1D 0%, #1D1D1D7A 100%);
    opacity: 0.45;
    z-index: 6;
}
.inner-banner-section::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 10%);
/* opacity: .7; */
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.home-banner-inner-title-w{
    position: relative;
    z-index: 6;
    text-align: center;
    margin: auto;
    margin-top: 70px;
}
.home-banner-inner-title-w h1{
    font-family: 'Lato';
    color: #fff;
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}
.home-banner-inner-title-w p{
    color: #fff;
    font-family: 'Jost';
    font-size: 18px;
    padding-right: 30px;
}
/* our roooms page ------------------------------------------------------- */
.room-d-img-box{
    height: 100%;
}
.room-d-img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-b{
    background-color: #0f172b;
    display: flex;
    align-items: center;
}

.room-d-box{
    width: 100%;
    padding: 50px 70px;
}
.room-d-box h3{
    color: #fff;
    font-family: 'Jost';
    font-size: 2rem;
    font-weight: 500;
}

.price{
    color: #fff;
    font-family: 'Jost';
    font-size: 29px;
    font-weight: 600;
    line-height: 1.2;
}

.price span{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
}


.room-d-box ul{
    padding: 0px;
    list-style: none;
    margin: 40px 0px;
}
.room-d-box ul li{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.room-d-box ul li span{
    color: #fff;
    display: block;
    font-family: 'Jost';
    font-size: 17px;
}

.room-d-box ul li span:nth-child(1){
    width: 43%;
    font-weight: 600;
}

.room-d-box a{
    color: #fff;
    font-family: 'Jost';
    border: 2px solid #fff;
    padding: 12px 50px;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    transition: .3s ease;
}


.room-d-box a:hover{
    background-color: #B6966C;
    border-color: #B6966C;
    color: #fff;
    transform: scale(.9);
}
/* ayurveda --------------------------------- */
.ayurveda-bg{
    background-image: url('../images/ayurveda/ayurveda-banner-puravida.jpg');
}

.header_wrp-ayr h3{
    font-family: 'Poppins';
    font-size: 3rem; 
    font-weight: 600;
    line-height: 1.2;
}

.fc-para img{
    width: 100%;
    border-radius: 10px;
}
.bt-blur-img{
    display: none;
}
.fc-para p{
    font-family: 'Poppins';
    font-size: 14px;
}
.img-fc-list{
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}
.bt-blur-img img{
    width: 100%;
}
.fc-box{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 4;
    color: #fff;
    text-align: center;
}

.row-fc{
   margin-bottom: 40px;
}

.header-service{
    margin-top: 100px;
    text-align: center;
    margin-bottom: 50px;
}

.header-service span{
    font-family: "balletic";
    font-size: 3rem;
    font-weight: 700;
    color: #8bc34a;
}
.header-service h3{
    font-family: 'Poppins';
    font-size: 3.4rem;
    font-weight: 600;
}

.fc-box h3{
    color: #fff;
    font-family: 'Poppins';
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
}

.parent-img img{
    width: 100%;
}



/* food ------------------------------------------- */

.food-bg{
    background-image: url('../images/about_us/about_us.jpg');
}


/* explore ------------------------------------------- */
.explore{
    background-image: url('../images/explore/vida-pura-explore.jpg');
}

.contactpageimgbg{
    background-image: url('../images/home/contact.jpg');
}

.explore-two{
    background-image: url('../images/new/5.jpg');
}


.morebg{
    background-image: url('../images/more/index-inner-bg.jpg');
}

.abtsbg{
    background-image: url('../images/new/3.jpg');
}

.expl-t{
    margin-bottom: 60px;
}
.expl-t h1{
    font-family: 'heco';
    font-size: 3rem;
    text-transform: uppercase;
}

.expl-t p{
    font-family: 'Poppins';
    margin-bottom: 23px;
    /* text-align: justify; */
    font-size: 13px;
    color: #222222;
    /* color: #626060; */
    font-weight: 400;
    /* letter-spacing: .5px; */
    /* padding-left: 50px; */
    line-height: 1.8;
}


/* more --------------------------------------------- */
.more-t h1{
    font-family: 'heco';
    font-size: 2.3rem;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-right: 100px;
}

.more-t p{
    font-family: 'Poppins';
    margin-bottom: 23px;
    /* text-align: justify; */
    font-size: 16px;
    color: #222222;
    /* color: #626060; */
    font-weight: 400;
    /* letter-spacing: .5px; */
    /* padding-left: 50px; */
    line-height: 1.8;
}
.more-mp{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.more-mp img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* yoga ------------------------------------------- */

.col-pd-yi{
    padding: 5px;
}

.yoga-i{
    /* padding-left: 40px; */
    width: 100%;
    height: 100%;
}
.yoga-i img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.center-row-jc{
    justify-content: center;
}

.center-txt h3{
text-align: center;
margin: auto;
margin-bottom: 30px;
}

.center-txt p{
text-align: center;
}
/* contact ------------------------------------------*/

.p_001{
    padding-bottom: 80px;
}



.locatoin-container span{
    display: block;
    font-family: 'heco';
    color: #29b02e;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.locatoin-container p{
    font-size: 16px;
    font-family: 'Poppins';
    line-height: 1.3;
    color: #000;
}
.locatoin-container a{
    font-size: 20px;
    font-family: 'Jost';
    line-height: 1.3;
    color: #000;
    display: block;
}

.mb-40{
    margin-bottom: 40px;
}

.locatoin-container{
    margin-bottom: 25px;
    border-bottom: 1px dashed #00000026;
    padding-bottom: 25px;
    /* border: 1px solid #e3e3e3; */
    border-radius: 10px;
    height: 100%;
    padding: 20px;

}

.locatoin-container:nth-child(3){
    border: none;
}

.cnt-img img{
    width: 100%;
    border-radius: 10px;
}

.home-banner-inner-title-w p{
    display: none;
}
@media (max-width: 1058px) {

}
@media (max-width: 991px) {
    .abts-secttion{
        padding: 50px 0px;
    }
    .link-to-rooms a{
        display: block;
    max-width: fit-content;
    margin-left: auto;
    }
    .flex-col-menu{
        padding-left: 50px;
    }
    .lft-img img{
        width: 100%;
    }
    .col-view-glry{
        display: none;
    }
    .awesome__thumbnails .thumb{
        height: 200px !important;
    }
    .awesome__thumbnails .thumb a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .awesome__thumbnails .thumb a{
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .navigation-nav-ul{
        display: none;
    }
    .home-banner-title-w{
        max-width: 80%;
    }
    .home-banner-title-w h1{
        font-size: 7vw;
    }
    .container-ol{
        padding: 0px;
    }
    .banner_home_title{
        margin-top: 60px;
        padding: 0px;
    }

    .flex-row-reverse{
        flex-direction: column-reverse !important;
    }
    .lft-img img {
        width: 95%;
        height: 300px;
        object-fit: cover;
        object-position: top;
        margin: auto;
        display: block;
    }
    .about_us_home h4{
        margin-top: 20px;
    }
    .about_us_home{
        padding-left: 0px !important;
    }

    .abts_img{
        padding: 0px;
    }
    .abts_img img{
        display: block;
        margin: auto;
        width: 140px;
    }
    .about_us_home h3{
        margin-top: 22px;
    }

   .overlow-img{
    margin-bottom: 50px;
   }

   .col-room{
    margin-bottom: 60px;
   }

   .gallery-col-box{
    width: 50%;
   }
   .testimonial-box{
    margin-top: 50px;
   }

   .abts-img{
    height: 350px;
   }

   .abts-img img{
    height: 100%;
    object-fit: cover;
    object-position: top;
   }
}

@media (max-width: 610px){
    .hr-header h3{
        font-size: 2rem;
    }
    .mob-nav-ul li a{
        font-size: 15px;
    }
}

@media (max-width: 575px){

    .awesome__thumbnails .thumb{
        width: 48% !important;
    }
    .abtkvlm{
        width: 50%;
        padding: 10px;
    }
    .col-img-trm{
        width: 50%;
    }
    .mob-nav-ul li a {
        font-size: 8vw;
    }
    .bg-mnu{
        display: none;
    }
.home-banner-title-w h1 {
    font-size: 12vw;
}
.home_baner_section{
    height: 100%;
    padding-bottom: 50px;
}
.ftr_links ul li a{
    padding: 10px 10px;
}
.ftr_links ul{
    justify-content: flex-start;
    flex-wrap: wrap;
}
.socila_lins{
    margin: inherit;
    margin-bottom: 0px;

}

    .treatment-header{
        padding-left: 0px;
    }
    .col-ay{
        width: 50%;
        padding: 10px;
    }
    .ay-box h3{
        font-size: 16px;
    }
    .ay-box p{
        font-size: 13px;
    }
    .col-fc{width: 50%;}
    .pd-rr-50{
        width: 50%;
        padding: 10px;
    }
    
    .fc-para p{
        padding-left: 0px !important;
    }
    .mob_nav{
        height: 91%;
        transform: translateY(-1113px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        border-radius: 0px 0px 15px 15px;
    }

    .testimonial_header h3 {
        font-size: 29px;
    }

    .about_us_home{
        padding: 0px;
        /* padding-bottom: 60px; */
    }
    .about_us_home h3{
        font-size: 28px;
    }
    .home-index-banner{
        height: 550px;
    }
    .right_side_p{
        display: none;
    }
    .banner_home_title h3{
        font-size: 9vw;
    }
    .mob_link ul li a{
        font-size: 11vw;
    }
    .contact_inner h3::before{
        width: 20%;
    }
    .col-sm-rsv-50{
        width: 100%;
    }

    .footer-header h3{
        text-align: center;
    }
    .list-trmp-icon ul{
        justify-content: center;
    }
    .gbl_btm_row {
     
        margin: auto;
        margin-top: 40px;
    }
    .gbl_btm_row .col-lg-12{
        padding: 0px;
    }
    .gbl_cntry_col {
       
        margin-bottom: 10px;
    }
    .cntact_cntry span{
        font-size: 9rem;
    }
    .scroll_down_panel{
        display: none;
    }
    .upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-title a{
        font-size: 9vw !important;
        line-height: 1.1 !important;
    }
    .upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-content-wrap{
        margin-top: 30px;
    }
    .page_section h3{
        font-size: 11vw;
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }
    .container_xxl{
        margin-top: 40px;
    }
    .col_eq{
        width: 50%;
    }
    .l_links{
        display: none;
    }

    .col-20{
        width: 30%;
    }

    .col-70{
        width: 70%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .abts{
        margin-top: 50px;
    }
    .col-50-boxsrv{
        width: 100%;
        padding: 0px;
        margin-bottom: 20px;
    }
    .flex_container .row{
        margin: auto;
        
    }
    .banner_title h3 {
        font-size: 23px;
    }

    .scroll_col{
        height: 100%;
    overflow-y: unset;
    }
    .container {
        max-width: 100% !important;
        margin: auto;
    }
    .wrp_p_in h3{
        font-size: 24px;
    }
    .inner_banner::after {
        content: '';
        position: absolute;
        width: 151px;
        height: 100%;
        background-color: #eae015;
        right: 0;
        top: 0;
        /* transform: skewX(178deg); */
        opacity: 0;
    }
    .inner_banner{
        height: 400px;
    }
    .banner_title{
        padding-right: 0px;
    }
    .mob_nav{
        width: 100%;
    }
    .pad-thumb {
        padding-left: 20px;
        padding-right: 20px;
    }
    .leaf-patter-1{
        width: 100%;
        opacity: .4;
    }
    .leaf-patter-2{
        width: 200px;
    }
    .col-index-box {
        width: 50%;
    }
}


/* feature */

.our-ftr{
    padding: 100px 50px;
    background-color: #f1f3f6;
}

.feature-img-b img{
    width: 100%;
    border-radius: 10px;
}


.overlow-img{
    width: 240px;
    margin-top: -264px;
    position: relative;
    left: 46px;
    filter: drop-shadow(0px 3px 28.5px rgba(0,0,0,0.09));
    border: 12px solid #fff;
}

.ftr-dcp {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px;

}

.overlow-img img{
    width: 100%;
}


.header-ftrs{
    text-align: center;
    margin-bottom: 70px;
}
.line-over-header{
    position: relative;
}
.line-over-header::before{
    content: '';
    position: absolute;
    width: 24%;
    height: 2px;
    border-bottom: 1px solid red;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, -0%);
}
.header-ftrs span{
    color: red;
    font-family: 'Jost';
    font-size: 17px;
    letter-spacing: 1px;
    background-color: #f1f3f6;
    position: relative;
    z-index: 4;
    max-width: fit-content;
    padding: 2px 14px;
}

.header-ftrs h3{
    font-size: 3rem;
    font-family: 'Lato';
    /* font-weight: 800; */
    margin-bottom: 40px;
    text-transform: uppercase;
}

.header-ftrs p{
    font-family: 'Poppins';
    padding: 0px 70px;
    font-size: 15px;
    color: #030303;
}

.feature-details{
 padding-left: 50px;
}

.feature-details h3{
    font-size: 20px;
    font-family: 'Poppins';
    /* font-style: italic; */
    margin-bottom: 32px;
    color: #274063;
}


/* room ----------------------------------------- */
.header-rm-section{
    padding: 100px 50px;
}
.rom-box-container img{
    width: 100%;
    border-radius: 10px;
}

.room-dd-box-section ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
}
.room-dd-box-section ul li{
    margin-right: 50px;
    display: flex;
    align-items: center;
}
.room-dd-box-section ul li .flaticon-img img{
    opacity: .8;
    margin-right: 9px;
}


.flaticon-bed img{
    width: 26px;
}

.flaticon-bathtub img{
    width: 31px;
}
.flaticon-blueprint img{
    width: 22px;
}
.room-dd-box-section{
    margin-top: 20px;
}
.room-dd-box-section  h3{
    font-family: 'Playfair Display';
    font-size: 27px;
    font-weight: 800;
}

.room-dd-box-section  p{
    font-family: 'Jost';
    font-size: 18px;
    color: #5b5b5b;
}

.room-dd-box-section  a{
    display: block;
    margin-top: 30px;
    background: #ff1000;
    max-width: fit-content;
    padding: 14px 30px;
    color: #fff;
    font-family: 'Jost';
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
    border-radius: 6px;
}

.home-index-room h3 {
    color: #fff;
    font-family: 'Lato';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    /* background: #fff; */
    color: #fff;
    /* padding: 10px 20px; */
    /* max-width: fit-content; */
    /* margin: auto; */
    letter-spacing: 2px;
    word-spacing: 3px;
    margin-top: 20px;
    padding-top: 5px;
}

.home-index-room p{
    color: #fff;
}


.home-index-room ul li span{
    color: #fff;
}

.rom-box-container{
    position: relative;
}
.price_rm{
    background-color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 10px;
    padding: 16px 15px;
    font-weight: 700;
    font-size: 17px;
    display: none;
}

.home-index-room{
    /* position: absolute; */
    bottom: 10px;
    width: 100%;
    text-align: center;
    /* height: 100%; */
}
.home-index-room a{
    display: block;
    margin-top: 30px;
    /* background: #ff1000; */
    /* max-width: fit-content; */
    padding: 9px 0px;
    color: #fff;
    font-family: 'Lato';
    text-transform: uppercase;
    /* font-weight: 600; */
    margin-bottom: 30px;
    /* border-radius: 6px; */
    letter-spacing: 2px;
    border-top: 1px solid #ffffff38;
    border-bottom: 1px solid #ffffff38;
    margin: auto;
    width: 100%;
    margin-top: 22px;
    font-size: 13px;
}
.contact_box{
    padding: 0px 50px;
}

.mt-150{
    margin-top: 150px;
}

.mt-150 .col-lg-9 {
    margin: auto;
    margin-top: 70px;
}

/* .inner-section-wrp-bg::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 20%;
 bottom: -2px;
 left: 0;
 background-color: #23a3a6;
 background: linear-gradient(0deg, #23a3a6 33%, rgba(0,217,239,0) 100%);
} */

.glry-section{
    /* background-image: url(../images/bg-2.jpg); */
    position: relative;
}
.p_001{
    /* background-image: url(../images/bg-2.jpg); */
    position: relative;
    background-color: #fff;
}

.slider__images {
    height: 100vh;
    overflow: hidden;
    border-radius: 0px;
}



.ayr-para h3{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
}

.ayr-para p{
    font-family: 'Poppins';
    font-size: 19px;
}

@media screen and (max-width:1013px) {
    .navigation-nav-ul li a{
        font-size: 12px;
    }
}

@media screen and (max-width:991px) {
    .slider__image{
        height: 100% !important;
    }
    .feature-details{
        margin-top: 10px;
        padding-left: 0px;
    }
    .about_us_home h3{
        font-size: 2.5rem;
    }
    .navigation-nav-ul li a{
        margin-right: 15px;
        font-size: 12px;
    }
}

@media screen and (max-width:820px) {
    .banner_home_title h3{
        font-size: 8vw;
    }
}

@media screen and (max-width:767px) {
    .abts-img-inner{
        margin-top: 60px;
    }
    .room-col-inner-section{
        margin-bottom: 50px;
    }
    .header-rm-section{
        padding: 0px;
    }
    .fc-box-container{
        padding: 50px 0px;
    }
    .fc-para p{
        padding-left: 0px;
    }
    .img-ayr{
      padding: 0px 40px;
      margin-bottom:40px;
    }
    .ftr_links h3 {
        color: #000000;
        font-family: 'Lato';
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .socila_lins h3{
        color: #000000;
    }
}

@media screen and (max-width:575px) {
    .lft-img img{
    width: 95%;
    }
    .img-ayr{
        padding: 0px 0px;
        margin-bottom:30px;
      }
      .ayr-para h3{
        font-size: 2rem;
      }
    .about_us_home h3 {
        font-size: 2rem;
    }
    .home-banner-title-w{
        text-align: center;
        margin: auto;
    }

    .flex-ftr-col{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .feature-img-b{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 0;
        transform: translate(-0%, -50%);
    }

    .overlow-img{
        width: 240px;
    margin-top: -38px;
    position: relative;
    left: 0px;
    }
    .gallery-section-w {
        padding: 100px 0px;
    }
    .slider_arrow_home{
        display: none;
    }
    .dp-50{
        padding: 0px;
    }
    .testimonial-box{
        padding: 22px 0px;
    }
    .gallery-box{
        height: 171px;
    }
    .mt-150 .col-lg-9{
        margin-top: 0px;
    }
    .banner_home_title h3 {
        font-size: 9vw;
    }
    .banner_home_title p{
        font-size: 13px;
    }
    .container-ol{
        height: 500px !important;
    }
    .slider__image{
        height: 500px !important;
    }
    .banner_home_title{
        margin-top: 0px;
    }
    .list-ul-panel li{
        width: 100%;
    }
    .about_us_home a{
        width: 100%;
    }
    .abts-img {
        height: 150px;
    }
    .header-ftrs h3{
        font-size: 2rem;
    }
    .our-ftr{
        padding: 100px 0px;
    }
    .header-ftrs p{
        padding: 0px 0px;
    }
    .home-banner-inner-title-w h1{
        font-size: 12vw;
    }
    .contact_box {
        padding: 0px 0px;
    }
}


.header-ayr{ 
    padding: 58px;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

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

.ayr-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cr-p{
    position: relative;
    z-index: 5;
}

.cr-p h3{
    font-family: 'heco';
    font-size: 2rem;
    margin-bottom: 30px;
    color: #fff;
}

.cr-p p{
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 1.7;
}

.iframe-mp{
    width: 100%;
    /* overflow: hidden; */
    border-radius: 10px;

}

.iframe-mp iframe{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.iframe-mp video{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.bg-white{
    background: #ffffff;
    padding: 60px 0px;
    position: relative;
}

.ex-tt{
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 22vw;
    line-height: 1;
    font-weight: 800;
    text-align: center;
    width: 100%;
    opacity: .05;
}

.exp-g{
    /* margin-bottom: 50px; */
    text-align: center;
}
.exp-g h3{
    font-family: 'tackback';
    font-size: 6rem;
    position: relative;
    /* text-shadow: 0px 5px 4px rgb(0 0 0 / 40%); */
    color: #4caf50;
}

.exp-g p{
    font-family: 'Poppins';
    font-size: 14px;
}
.jc-center{
    justify-content: center;
}

.mr-section{
    background-image: url('../images/new/1.jpg');
    background-position: center;
    background-size: cover;
    /* background-color: #fff; */
    padding: 70px 0px;
}

.more-i img{
    width: 100%;
}

.content-slider{
    width: 269px;
    border-top: 16px solid #000;
    border-left: 1px solid #000;
    border-bottom: 16px solid #000;
    border-right: 1px solid #000;
    border-radius: 35px;
}

.mr-para-section h3{
    color: #fff;
    font-family: 'heco';
    font-size: 2.5rem;
    text-transform: uppercase;
}

.mr-para-section p{
    font-family: 'Poppins';
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
}

.link-fb{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 110px;
}

.link-fb a{
    font-size: 2rem;
    color: #9a7753;
    background: aliceblue;
    border-radius: 10px;
    display: block;
    width: 150px;
    text-align: center;
}

.map-ftr{
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 20px;
}

.map-ftr iframe{
    width: 100%;
    height: 100%;
}
.home-mob{
    display: none;
}
@media (max-width: 1033px){
.navigation-nav-ul li a{
    font-size: 14px;
    margin-left: 20px;
}
}

@media (max-width: 991px){
    .home-mob{
        display: flex;
    }
    .navigation-nav-ul{
        display: none;
    }
    .none-display{
        display: none;
    }
    }
    @media (max-width: 991px){
    .about-i{
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin-top: 26px;
        border-radius: 20px;
    }
    .col-md-m-50{
        margin-bottom: 40px;
    }
    .link-fb{
        justify-content: start;
        padding-right: 0px;
        margin-top: 20px;
    }
}

@media (max-width: 768px){
    .pd-left-40{
        padding-left: 0px;
    }
    .footer-header h3{
        text-align: center;
    }
    .list-trmp-icon ul{
        justify-content: center;
    }
    .bg-room::before{
        width: 100%;
    }
    .about_us_home h3{
        width: 100%;
    }
}

@media (max-width: 610px){
    .about_us_home_btm h3{
        width: 100%;
        font-size: 2rem;
    }
    .section-name {
        writing-mode: unset;
        font-size: 20px;
        font-family: 'heco';
        color: #fff;
        position: absolute;
        left: 0px;
        background: #ff9800;
        padding-top: 3px;
        padding: 6px 20px;
        top: 0;
        /* padding-right: 9px; */
        padding-top: 15px;
        /* transform: rotate(-90deg); */
        letter-spacing: 2px;
    }
    .width-50{
        width: 50%;
    }
}

@media (max-width: 575px){

    .header-ayr{
        padding: 20px;
    }
.row-center-jc-n{
 padding: 0px;
}
.mob-navigation{
    width: 100%;
}

.colmx-50{
    width: 50%;
    padding-right: 0px;
}
.more-t h1{
    padding-right: 0px;
    font-size: 25px;
}
    p{
    font-size: 13px;
}
}

.current-link a{
    color: #8be71f !important;
}

.package-card {
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: 0.3s;
}
.package-card:hover {
  transform: translateY(-5px);
}


.package-card .card-body{
    padding: 31px;
}

.package-card .card-body h5{
    font-size: 23px;
    font-weight: 600;
}

.package-card .card-body p{
    margin-bottom: 20px;
    font-family: 'Poppins';
    font-size: 14px;
    color: #040404;
    border-bottom: 1px dashed #000;
    padding-bottom: 14px;
}

.package-card .card-body p.price{
    font-size: 25px;
    color: #2196F3;
    font-family: 'Poppins';
    font-weight: 600;
    border: none;
    margin: 0px;
}

.package-card .card-body a{
background: #ff9800;
    border: none;
    padding: 8px 10px;
    display: block;
    margin-top: 52px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
}
.book-now {
    display: inline-block;
    padding: 8px 15px;
    background-color: #ff5a5f; /* change color as needed */
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    margin-left: 10px; /* space between icons and button */
}

.book-now:hover {
    background-color: #e04848;
}