@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.6rem 'Montserrat', sans-serif; color: var(--black); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: "Montserrat", serif;}
input[type="text"]::-webkit-placeholder , input[type="text"]::-moz-placeholder , input[type="password"]::-webkit-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-webkit-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-webkit-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-webkit-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, textarea::-webkit-placeholder{ opacity: 1;  }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: "Cormorant Garamond", serif; */
/* font-family: "Montserrat", serif; */

:root{
    --black: #000;
    --body_txt_color: #6D6E71;
    --blue: #2d5661;
    --brand: #19ff9a;
    --white: #fff;
    --button_color: #e8e6e6;
   }


/*top_button*/
.top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
.top_btn i{font-size: 1.7rem; line-height: 4rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}

em{font-style: normal;}
.heder_top_rt{position: absolute; right: 0; top: 2.5rem;}
.as_btn{background: var(--button_color); display: inline-block; padding: 0 2.5rem; height: 4rem; line-height: 4rem; text-transform: capitalize; color: var(--black); border-radius: 10rem; font-family: "Montserrat", serif; margin-top: 2.5rem;}
.as_btn:hover{background: var(--brand); color: var(--blue);}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem 0;}
h1,h2{font-size: 3rem; line-height: 4rem; color: var(--blue); text-transform: capitalize; font-weight: 400;}
h4{font-size: 2.9rem; line-height: 3.9rem; color: var(--blue); text-transform: capitalize; font-family: "Cormorant Garamond", serif; font-weight: 400;}


/*header*/
.header_sec{ width: 100%; padding: 1rem 0; box-shadow: 0 0 .7rem 0 #ccc; background: var(--white);} 
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.menu_sec{padding-right: 15rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-family: "Montserrat", serif; font-size: 1.4rem;}
.menu_sec li a{color: var(--black); display: inline-block; padding: 1rem 4rem 1rem 0;}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li.active a, .menu_sec li a:hover{color: var(--blue);} 
.nav_top .navbar-brand img{width: 9rem;}     
.header_sec.fixed{ position: fixed; left: 0; top: 0; z-index: 999;}  
   
   
 /*banner*/  
.bannersec{ width: 100%;}
.banner_box img{height: 52.9rem; object-fit: cover;}
.bannersec .carousel-control-next, .bannersec .carousel-control-prev{width: 4rem; height: 4rem; top: inherit; bottom: 50%; background: var(--white); opacity: 1; left: 2rem;}
.bannersec .carousel-control-prev-icon, .bannersec .carousel-control-next-icon{background: transparent; width: auto; height: auto; display: flex; align-items: center; justify-content: center;}
.bannersec .carousel-control-prev-icon::before, .bannersec .carousel-control-next-icon::before{font-family: "Font Awesome 6 Pro"; content: "\f105"; font-size: 2.5rem; color: #000;} 
.bannersec .carousel-control-next-icon::before{content: "\f104";}
.bannersec .carousel-control-prev{left: inherit; right: 2rem;}
.banner_txt{position: absolute; left: 0; top: 3rem; width: 100%; text-align: center;}
.banner_txt strong{font-size: 3rem; line-height: 4rem; font-family: "Cormorant Garamond", serif;}
.ab_lt  p{color: #6D6E71; margin: 0 1rem 0 1rem;}






/*  Modal form start  */


.promo-content{border:0;border-radius:0;overflow:hidden;}
.promo-wrap{display:flex;min-height:380px;}
.promo-left{width:40%;background:#41b7c4;color:#fff;padding:40px;text-align:center;display:flex;flex-direction:column;justify-content:center;}
.promo-left h2{font-size:48px;font-weight:700;margin:10px 0; font-style: italic;}
.promo-left h1{font-size:80px;font-weight:800;line-height:1;}
.promo-left h1 span{font-size:40px;}
.promo-left p{font-size:18px;margin:0;}
.promo-note{font-size:15px;letter-spacing:1px;margin-top:10px;}
.promo-right{width:60%;position:relative;}
.promo-right img{width:100%;height:100%;object-fit:cover;}
.promo-btn { border-radius: 6px; border: 2px solid #19a5ab; margin-top: 20px; background: #f9f9f9; color: #41b7c4; padding: 12px 30px; text-decoration: none; font-weight: 600; font-size: 2.4rem; transition: all 0.3s ease; }
.promo-btn:hover {    border: 2px solid #fff; color: #fff; background-color: #41b7c4; }
.promo-close{position:absolute;right:12px;top:10px;background: none;border:none; font-size: 6rem;z-index:9; color: white;}

@media(max-width: 991px){
	.promo-left h2 { font-size: 28px;font-weight: 700; margin: 10px 0; font-style: italic; } 
	.promo-left h1 { font-size: 45px; margin-bottom: 10px;} 
	.promo-btn { padding: 12px 6px; font-size: 1.9rem; }
}

@media(max-width:767px){.promo-wrap{flex-direction:column;} .promo-btn { font-size: 2rem; } .promo-left,.promo-right{width:100%;}}


/* ab_sec */
.ab_heading{text-transform: uppercase; color: #4C5B5C; font-size: 2.7rem; line-height: 3.8rem;}
.ab_btm_img{display: block; margin-top: 1.5rem;}
.ab_btm_img img{height: 62rem; object-fit: cover;}
.runded_btn{width: 12rem; height: 12rem; border: .1rem solid var(--blue); border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; text-transform: capitalize; margin: 2.5rem auto 2.5rem auto; color: var(--blue);}
.runded_btn:hover{background: var(--brand); color: var(--blue); border-color: transparent;}
.ab_lt{margin-right: 2rem;}
.ab_rt{margin-left: 1rem;}



/* facilities_sec  */
.facilities_sec  h2{max-width: 101rem; margin: 0 auto;}
.facilities_box{margin-top: 3rem; position: relative;}
.facilities_img{margin: 0 3rem 0 3rem; position: relative; z-index: 1; overflow: hidden;}
.facilities_img img { --webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1); transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);}
.hover_img {  position: absolute;  left: 0;  top: 0;  z-index: 2;  opacity: 0; visibility: hidden; transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1);}
.facilities_txt{background: #2d5661; padding: 30.5rem 2.5rem 2.5rem 2.5rem; margin: -8rem 0 0 0; position: relative;}
.facilities_txt_info {position: absolute; left: 0; bottom: 0; display: block; padding: 4rem 4rem 3rem 4rem; z-index: 2;}
.imgbox_meta { opacity: 0; transform: translateY(30px); transition: all 0.4s ease-out; max-height: 0;  overflow: hidden;}
.facilities_box:hover .imgbox_meta { opacity: 1; transform: translateY(0); transition: all 0.4s ease-out; max-height: 20rem;}
.facilities_box:hover .facilities_img img{-webkit-transform: scale3d(1.05, 1.05, 1.05) translateZ(0); transform: scale3d(1.05, 1.05, 1.05) translateZ(0);}
.facilities_box:hover .hover_img {  opacity: 1;  visibility: visible;}
.imgbox_meta .as_btn{margin-top: 1.5rem;}
.facilities_sec .row{margin: 0 -2rem;}
.facilities_sec .cumml{padding: 0 2rem;}
.facilities_txt_info p{font-size: 1.4rem;}


/* call_sec */
.call_sec .container{padding: 0 8rem; max-width: 100%;}
.call_sec_info{height: 50.2rem; background-attachment: fixed !important;}

/* room_sec */
.room_box{margin-top: 3rem;}
.room_txt{background: #2d5661; padding: 2rem;}
.room_txt .as_btn{background: #19FF9A; color: #2D5661; --webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1); transition: all 1.5s cubic-bezier(0, 0, 0.05, 1); opacity: 0; margin-top: 1.5rem;}
.room_box:hover  .as_btn{opacity: 1;}
.room_txt p{font-size: 1.5rem;}


/* location_sec */
.location_sec h2{text-transform: uppercase;}
.location_box{margin-top: 3rem;}


/* code_sec */
.code_rt{margin-left: 6rem;}
.code_rt p{font-size: 2.2rem; color: var(--blue); font-family: "Cormorant Garamond", serif;}
.code_list{margin-top: 2rem;}
.code_list li{text-transform: capitalize; margin-top: 1rem;}

/* nutrition_sec */
.nutrition_sec h2{text-transform: capitalize; font-size: 5rem; line-height: 6rem; color: var(--blue);}
.nutrition_rt{position: absolute; right: 0; top: 2.3rem; width: 49%;}
.nutrition_sec  .ab_btm_img img {height: 48rem;}

/* reflection_sec */
.reflection_sec{background: #fafafa;}


/* feed_back_sec */
.free_course_video { position: relative; width: 100%; overflow: hidden;  background: rgba(5, 191, 138, 0.2); border-radius: 1rem; padding: 1rem; z-index: 9;}
.free_vedio_sec {padding-top: 60.25%; position: relative;}
.free_vedio_sec iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0;   width: 100%;   height: 100%; overflow: hidden; border-radius: 1rem;}
.feed_back_lt, .feed_back_rt{margin-top: 3rem;}
.feed_back_rt strong{font-size: 2.2rem; line-height: 3.2rem; text-transform: capitalize; display: block; padding-top: 1.5rem;}
.feed_back_rt{margin-left: 2rem;}
.feed_back_sec .owl-nav{display: flex; align-items: center; justify-content: space-between; font-size: 0;}
.feed_back_sec .owl-prev, .feed_back_sec .owl-next{width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 50%;}
.feed_back_sec .owl-prev::before, .feed_back_sec .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.5rem;}
.feed_back_sec .owl-next::before{content: "\f105";}
.feed_back_sec .owl-next{left: inherit; right: 0;}

.feed_back_sec .owl-dots{display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1rem;}
.feed_back_sec .owl-dot{width: .8rem; height: .8rem; border-radius: 100%; background: #757575;}
.feed_back_sec .owl-dot.active{background: var(--black);}


/* send_call_sec */
.send_call_sec{position: relative;}
.send_call_info{position: absolute; left: 0; top: 4rem; width: 100%; text-align: center;}







/* map_sec */
.map_sec iframe{width: 100%; height: 40rem;}


/* footer_sec */
.footer_sec{background: var(--blue); padding-top: 4rem;}
.ft_logo img{width: 15rem;}
.ft_heading{color: var(--white); font-size: 2.5rem; text-transform: capitalize; display: block; margin-bottom: 2rem;}
.ft_link_list a{ color: var(--white); display: inline-block; padding-top: 1rem; font-family: "Montserrat", serif; font-size: 1.4rem; text-transform: capitalize;}
.ft_txt{padding-bottom: 3rem;}
.ft_con_list .as_btn{background: #19FF9A; padding-top: 0; color: #2D5661;}
.ft_con_list li{color: var(--white);}
.ft_bottom{padding: 1.5rem 0; border-top: .1rem solid rgba(255, 255, 255, 0.2);}
.ft_bottom .d-flex{align-items: center; justify-content: space-between;}
.ft_bottom a img {width: 10rem;}
.ft_bottom p{color: var(--white);}




/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select{width: 100%; border:none; border-bottom: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--te); font-size: 1.5rem;  background: transparent;}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder, .input_fld input[type="date"]::placeholder{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
.input_fld .form-select{background:  var(--white) url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-top: 1.5rem;}
.input_fld .runded_btn {background: var(--blue); color: var(--white);}
.input_fld .runded_btn:hover{background: var(--brand); color: var(--blue);}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}

/* about_page */
.inner_ban_heding{font-size: 3rem; line-height: 4rem;}
.inner_banner.ptb{padding: 6rem 0 4rem 0;}
.inner_ab_top{background: #fafafa; padding: 2rem 0;}
.inner_ab_top_para{margin-top: 3rem;}
.inner_room_sec .room_txt{background: transparent; padding: 0; margin-left: 3rem;}
.inner_room_sec .runded_btn{margin: 3rem 0 0 0; }
.inner_room_sec .row{align-items: center;}
.inner_banner h1{text-transform: uppercase;}


/* imge_slider */
.imge_slider{position: relative; overflow: hidden;}
.imge_slider .swiper {width: 100%; height: 40rem;}
.imge_slider .swiper-pagination-bullet {background-color: var(--white);}
.imge_slider .swiper-pagination-bullet-active {background: var(--brand);}
.imge_slider .autoplay-progress { position: absolute; top: 1rem; left: 0;  z-index: 10; width: 100%; height: .2rem; background-color: var(--white); display: flex; align-items: center; justify-content: start; transform: scaleX(-1); font-weight: bold;}
.imge_slider .autoplay-progress .progressBar {background-color: #777777; width: 100%; height: 100%;}
.imge_slider .container{max-width: 100%; padding: 0;}
.imge_slider .swiper-3d {perspective: none;}

.imge_slider .swiper-slide img{height: 100%; object-fit: cover;}


/* contact_page */
.inner_con_sec{position: relative;}
.inner_con_rt{position: absolute; right: 0; top: 3.8rem; width: 47%; height: 105rem;}
.inner_con_rt img{height: 100%; object-fit: cover;}
.con_lt_btm_img{display: block; margin-top: 2rem;}
.inner_con_list h2{text-transform: uppercase;}
.inner_con_list_lt, .inner_con_list_rt{margin-top: 3rem;}
.inner_con_list_txt li{margin-top: 2rem;}
.inner_con_list_txt li b{color: var(--blue); font-size: 2.5rem; line-height: 3.5rem; display: block; padding-bottom: 1.5rem; font-weight: 400;}
.inner_con_list_txt li a{color: var(--black);}
.inner_con_list_rt{margin-left: 3rem;}


/* room_page */
.inner_room_info .room_txt .as_btn{opacity: 1;}
.room_info_feature_list{border: .1rem dashed #ccc; padding: 0 1rem 1.2rem 1rem; margin-top: 2rem;}
.room_info_feature_list li{position: relative; display: inline-block; margin: 1.2rem 1rem 0 0; padding-right: 1.5rem; text-transform: capitalize; color: var(--black);}
.room_info_feature_list li::before{content: ""; position: absolute; right: 0; top: .2rem; width: .2rem; height: 2rem; background: var(--brand);}
.room_info_feature_list li:last-child:before{display: none;}
.inner_room_info .room_txt{  background: #fafafa;}
.room_fe_info li img {  width: 2.5rem;  padding-right: .6rem;}
.room_fe_info li {padding-left: 0; width: auto;  margin: 1rem .5rem 0 0;  border: .1rem solid #E2E5E7;  padding: .6rem; border-radius: .6rem; display: inline-block; color: var(--black); font-weight: 500; font-size: 1.4rem;}


/* portfolio_page */
.portfolio_box{position: relative; margin-top: 2rem; overflow: hidden;}
.portfolio_content{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; border-radius: 0; cursor: pointer;}
.portfolio_box img{-webkit-transition: all .4s ease; transition: all .4s ease;}
.portfolio_box:hover img{-webkit-transform: scale(1.05) rotate(2deg); transform: scale(1.05) rotate(2deg);}
.portfolio_box:hover .portfolio_content{opacity: 1;}
.portfolio_link{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--white) !important; font-size: 5rem;}



/* 404_page */
.error_page_info strong{font-size: 22rem; font-weight: 600; line-height: 23rem; color: var(--black); position: relative; z-index: 1; margin-bottom: 1.5rem; text-shadow: .7rem .5rem 0 rgba(255, 255, 255, 0.3); letter-spacing: .1rem; width: 100%; display: block; text-align: center;}
.error_page_info{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; text-align: center;}



/*----------------------------------------------------------------------17-1-25------------------------------------------------------------------------------------------*/
.con_inner_ab_top_para{max-width: 87rem; margin: 0 auto;}








/* faq_sec */
.faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem;}
.faq_number{font-size: 2rem; color: var(--brand); font-weight: 700; line-height: 1; margin-right: 2rem;}
.faq_content .accordion-button:not(.collapsed){background: transparent;}
.faq_content .accordion-button {padding: 2rem 1.25rem;}
.faq_content .accordion-button:focus { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
.faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
.faq_content .accordion-button::after{color: var(--brand); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
.faq_content .accordion-body { padding: 2rem 1.5rem;}
.lt_faq{margin-right: 5rem;}
.faq_content .accordion-item , .faq_content .accordion-button{background-color: transparent;}
.policy_para{padding-bottom: 2.5rem;}
.policy_banner .banner_box{padding: 20rem 0 5rem 0;}

.table_box{margin-top: 2rem;}
.table > :not(caption) > * > * {padding: 1rem 1.5rem;}
.table_box td{min-width: 16rem;}

.trms_list li{margin-top: 1.5rem;}
.hotel_premises_list li{position: relative; margin-top: .8rem; padding-left: 2rem;}
.hotel_premises_list li:before{position:absolute; left: 0; top:.8rem; background: var(--blue); width: .8rem; height: .8rem; border-radius: 100%; content:"";}





/*--------------------------------------------------------------------------------6-5-25--------------------------------------------------------------------------------------*/

	.nav_top .dropdown-menu li.drop_heading{text-transform: capitalize; font-size: 1.5rem; border-bottom: .1rem dashed #ccc; font-weight: 600; margin-top: .5rem;}
    .nav_top .dropdown-menu li a{ font-size: 1.5rem; color: var(--black) !important; padding: 1rem 0 0 1rem; display: block; text-transform: capitalize; position: relative; margin-left: 1rem;}
    .nav_top .dropdown-menu li a::before{position: absolute; left: 0; top: 2.2rem; background: var(--brand); width: .5rem; height: .5rem; border-radius: 100%; content: "";}
    .nav_top .dropdown-menu li a:hover{color: var(--brand) !important;}
	.drop-arw::after{border: none; content: "\2b"; display: inline-block; position: absolute; font-family: "Font Awesome 6 Pro"; margin-left: .4rem; font-weight: 600; top: 1rem; font-size: 1rem; color: var(--black); -webkit-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out; right: 2.6rem;}
    .menu_sec .dropdown:hover .drop-arw::after{color: var(--brand); content: "\f068";  -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
    .menu_sec .dropdown {margin-right: 1rem;}






/*--------------------------------------------------------------------------------11-12-25--------------------------------------------------------------------------------------*/




/* Picnic Form Page Template */






    /* Banner Section */




    .picnic-hero{position:relative;background:url('	https://www.naturelandresorts.com/wp-content/uploads/2025/11/Untitled-design-3.jpg') bottom center/cover no-repeat;height:60vh;display:flex;align-items:center;justify-content:center;color:#fff;}
    .picnic-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);} 
    .picnic-hero .container{position:relative;z-index:2; text-align: center;}
     .welcome-text{font-size: 6.4rem;font-weight:400;margin-bottom: 20px; font-family: "Ma Shan Zheng", Sans-serif;} 
.main-heading{font-size:6rem;font-weight:700;margin-bottom: 30px;  margin-top: 6px; font-family:'Playfair Display',serif; color: white;}
      .sub-heading{font-size: 3rem;font-weight:400; margin-top: 10px;}




      /* =================== Form Body Sec Start ======================= */

.main_form_heading { padding: 3rem 0 !important; }
.form_background { background: linear-gradient(to bottom right, #e6f3e6, #f0fff0); }
      .header_title {   font-family: "Noto Serif", serif; font-weight: 600; font-size: 3.4rem;  background: -webkit-linear-gradient(#266114, #916508);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}


      .ws-title{font-size:3rem;font-weight:700;margin-bottom:10px;}
       .ws-text{font-size: 1.7rem;color:#555;margin-bottom:10px; font-weight: 500;}
        .ws-link{color:#1a75d1;font-size: 1.4rem;font-weight:700;text-decoration:none;} 
        .video-box{position:relative;}
   
        .ws-box { display: flex; background-color: #c1f8c471; text-align: center; flex-direction: column; padding: 20px ; height: 100%; cursor: pointer; border: 2px solid #b1f7b571; border-radius: 10px; transition: all 0.3s ease;}
        .ws-box:hover{ border: 2px solid #38963d71; box-shadow: 2px #1a75d1; }

        .ws-box img { border-radius: 6px; }
        .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;font-size:30px;color:#1a75d1;}




        /*  Left Side Middle Content  */


        .outdoor-activities{background:#e8f7e8;} 
        .oa-title{font-size:3.2rem;font-weight:700; margin: 4rem 0 !important;} 
        .oa-name{font-size: 2.4rem;font-weight:700;margin-top:10px;}
        .oa-box { padding: 0 15px; }
        .oa-box img { height: 250px; border-radius: 12px 12px 0 0 !important; border: 5px solid white ; transition: all 0.3s ease; }
        .oa-box img:hover {  box-shadow: rgb(160, 226, 158) 0px 10px 36px 0px, rgb(47, 163, 66) 0px 0px 0px 1px;  }
        .oa-box h4 { background-color: white; padding: 10px 4px; margin: 0; transition: all 0.3s ease; border-radius: 0 0 6px 6px;}



        .oa-box{padding: 10px 15px 0 15px; position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:all .3s ease;}
        .oa-box img{border-radius:12px;transition:.3s;}
        .oa-box:hover img{transform:scale(1.05);}
        .oa-box:hover h4{margin-top:12px;font-size:1.9rem;font-weight:600;letter-spacing:1px;}


        /* underline */
        .underline { margin-right: 10px; position: relative;}
        .underline img {   z-index: 1; width: 325px; position: absolute; top: -103px; bottom: 8px; left: 349px;}
   .underline_left { position: absolute; top: -4px; z-index: 1; left: 50%; transform: translateX(-50%);  }
    .underline_left img {  width: 185px;  }




        /* Form css */


    .form_container { height: 100%; max-width: 700px;  background: #ffffffcc; margin: 0px auto; padding: 30px 40px !important; border-radius: 20px; box-shadow: 0 6px 20px rgba(0, 100, 0, 0.15); align-content: center; }
     .form_container h2 {text-align: center;color: #1e5631; margin-bottom: 10px;}

br { display: none ; } 

    label { display: block; margin-top: 15px; font-weight: 600; }
    input, select, textarea {width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #c0d9b6; border-radius: 8px; font-size: 1.5rem; background-color: #f8fff8; }
    input[type="checkbox"], input[type="radio"] { width: auto; margin-right: 10px; }
    .checkbox-group, .radio-group { margin-top: 8px; }
    .radio-group_1 span { font-weight: bold; margin: 7px 29px 0 0; }
    .section-title { margin-top: 30px;  font-size: 1.8rem; font-weight: 500; color: #2f4f2f; border-left: 5px solid #66bb6a; padding-left: 10px; }
    .form_right_btn { width:100%; display: block; margin-top: 30px; background-color: #66bb6a;  color: white;  border: none; padding: 14px; border-radius: 10px; font-size: 2.2rem;  cursor: pointer; transition: background 0.3s ease; }
    button:hover { background-color: #4caf50; }



    .form_btn_bottom { background-color: #419445;  color: white; padding: 6px; border-radius: 6px; margin: 40px 0; display: flex; align-items: center; justify-content: center;} 
.form_btn_bottom h2 { color: white; font-weight: 500;  }

.form_btn_bottom i{font-size: 4.3rem;color:#ffef08;position:relative;animation:moveLR 1.2s linear infinite;}
@keyframes moveLR{0%{transform:translateX(0);}50%{transform:translateX(12px);}100%{transform:translateX(0);}}


     .big_btn { max-width: 940px; }
     .form_btn_bottom img { width: 60px; margin-left: 16px;}

     .terms p { font-size: 11px; font-weight: 400; line-height: 14px; color: black;  padding-bottom: 2rem;   font-family: "Poppins", Sans-serif;}



























@media (min-width: 992px) and (max-width: 9000px) 
	{
			.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
				-o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid var(--brand); 
				background:#fff !important; width: 25rem; padding: 0; border-radius: .5rem; left: 0; right: inherit; padding: .5rem .8rem .8rem; -webkit-box-shadow: 0px 14px 20px rgba(0,4,94,.04);
  box-shadow: 0px 14px 20px rgba(0,4,94,.04);}

			.nav_top .dropdown:hover .dropdown-menu { max-height: 25rem !important; opacity: 1; visibility: visible; }


	}

/* responsive */
@media only screen and (max-width: 1699px){
	.nutrition_sec .ab_btm_img img {height: 32rem;}
	
/* 	Picnic page form */
	
.left_top_content { padding-left: 8px !important; }

.oa-box { padding: 10px 0px 0 0px !important; }
.underline_left img { left: 380px !important; }


	
}
@media only screen and (max-width: 1499px){
    .facilities_txt_info {padding: 4rem 3rem 3rem 3rem;}
    .nutrition_sec h2 {font-size: 4rem; line-height: 5rem;}
/* 	.ab_btm_img img{height: 46rem;} */
	
}

@media only screen and (max-width: 1445px){ 
/* 	Picnic page form */
	
    .form_btn_bottom h2 { font-size: 2.4rem; }
}	


@media only screen and (max-width: 1399px){
	.ab_btm_img img{height: 73.6rem;}
/* 	Picnic page form */
	
	.ws-box { padding: 10px 5px 0px 5px; }

}

@media only screen and (max-width: 1299px){
	.menu_sec li a {padding: 1rem 2rem 1rem 0;}
	.drop-arw::after {right: .8rem;}
	
/* 	Picnic Page */
	
	.oa-name {font-size: 1.9rem; }
	.radio-group_1 span { margin: 7px 24px 0 0; }
}

@media only screen and (max-width: 1199px){
    .call_sec .container {padding: 0 3rem;}
    .room_txt h4{font-size: 2.5rem; line-height: 3.5rem;}
    .nutrition_sec h2 {font-size: 4rem; line-height: 5rem;}
    .ab_btm_img img {height: 32rem;}

    /* contact_page */
    .inner_con_rt {height: 98rem;}
    
    
}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-collapse.show{left: 0;}
    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .5rem solid var(--brand);}
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem; }
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    .menu_sec {padding-right: 0;}
    .menu_sec li a {padding: 1.5rem; display: block; border-bottom: .1rem dashed #ccc;}
    .heder_top_rt {right: 4.2rem;}
    .ab_lt { margin-right: 0;}
    .ab_rt{margin: 3rem 0 0 0;}
    .ab_lt.ptb{padding-bottom: 0;}
    h1, h2 {font-size: 3rem; line-height: 4rem;}
    .nutrition_rt { position: inherit; right: inherit; top: inherit; width: 100%;}
    .nutrition_sec {padding-bottom: 5rem;}
    .feed_back_rt{margin-left: 0;}
    .ft_bottom .d-flex{flex-direction: column; text-align: center;}
    .facilities_txt {padding: 9.5rem 2.5rem 2.5rem 2.5rem;}
    .imgbox_meta { opacity: 1; transform: inherit; max-height: 20rem;}
    .facilities_txt_info {position: inherit; left: inherit; bottom: inherit; padding: 0;}
    .room_txt .as_btn {opacity: 1;}
    .room_txt {padding: 2rem;}
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem 0;}
    .ab_btm_img img {height: auto;}

    /* about_page */
    .inner_room_sec .room_txt{margin: 3rem 0 0 0;}
    .inner_banner.ptb {padding: 3rem 0 4rem 0;}

    /* contact_page */
    .inner_con_rt {height: auto; position: inherit; top: inherit; right: inherit; width: 100%; margin-top: 1.5rem;}
    .inner_con_list_rt {margin-left: 0;}
    .inner_con_list h2 {text-align: center;}
	
	
	/* 	refund_page */
	.table_box td:first-child {min-width: 47rem;}
    .table_box td { min-width: 21rem;}
	
	
	/*-------------------------------------------------------------------6-5-25--------------------------------------------------------------*/
		.drop-arw::after { padding: .5rem; font-size: 1.8rem; top: 1rem;}
		.menu_sec .dropdown {margin-right: 0; padding-right: 1rem;}

    
/* 	picnic page */
.main_form_heading .container { max-width: 880px !important; }
	.welcome-text {	font-size: 5.4rem; }
	
	.picnic-hero .container { max-width: fit-content; }
	
	.main-heading { font-size: 5rem; }
	
	.sub-heading { font-size: 2.3rem; }
	.header_title { font-size: 2.8rem; }
	
	.surfing, .windsurfing { margin-top: 1.5rem !important;  }
	
	.form_btn_bottom i {
    transform: rotate(90deg) !important;
		font-size: 3.5rem; animation: avoid;}

}

@media only screen and (max-width: 767px){
    
    .container,  .call_sec .container{max-width: 100%; padding: 0 1.5rem;}
    .nav_top .navbar-brand img {width: 7rem;}
    .heder_top_rt {top: 1.6rem;}
    .bannersec .carousel-control-next, .bannersec .carousel-control-prev {width: 3rem; height: 3rem; bottom: 2rem;}
    .bannersec .carousel-control-next{left: inherit; right: 6rem;}
    .code_rt{margin: 3rem 0 0 0;}
    .feed_back_sec  .owl-nav{display: none;}
    .facilities_sec .row { margin: 0 -1rem;}
    .facilities_sec .cumml {padding: 0 1rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .send_call_info {top: 2rem;}
    .banner_box img{height: 29rem; object-fit: cover;}

    /* about_page */
    .inner_banner.ptb {padding: 3rem 0;}
    
    
}


@media only screen and (max-width: 575px){
    .ab_heading {font-size: 2.2rem; line-height: 3.2rem;}
    h1, h2 {font-size: 2.5rem; line-height: 3.5rem;}
    .inner_ptb{padding: 2rem 0 4rem 0;}
    .nutrition_sec h2 {font-size: 3rem; line-height: 4rem;}
    .send_call_sec img{height: 22rem; object-fit: cover;}
    
    .call_sec_info {height: 30.2rem;}
    .banner_txt strong {font-size: 2rem; line-height: 3rem;}
    .map_sec iframe {height: 30rem;}

    /* about_page */
    .inner_ban_heding {font-size: 2rem;line-height: 3rem;}
    .imge_slider .swiper {height: 30rem;}
    .inner_banner.ptb {padding: 2rem 0;}

    /* error_page */
    .error_page_info strong { font-size: 13rem;  line-height: 13rem;}
	
	
	
	/* 	refund_page */
	
	.cancellation_policy  h4 {font-size: 2.5rem; line-height: 3.5rem;}
	
	
	

    .facilities_box, .room_box, .feed_back_lt, .feed_back_rt, .inner_room_sec .room_txt, .inner_con_list_lt, .inner_con_list_rt{margin-top: 2rem;}

/*   picnic page   */
	
	    .welcome-text {	font-size: 4rem; }
	.main-heading { font-size: 3.5rem; }
	.form_btn_bottom { flex-direction: column ;}
   .form_btn_bottom h2 {  font-size: 2rem; }
}

@media only screen and (max-width: 480px){
  
  
/* picnic page */
	
	.radio-group_1 { display: flex; flex-direction: column;  align-items: flex-start !important; }
	
	.header_title { font-size: 2.4rem; }
	.left_top_content {  padding-right: 8px; }
}

@media only screen and (max-width: 400px){
.underline_left {    top: 32px; }	
.radio-group_1 span { font-weight: bold; margin: 7px 10px 0 0; }	
}