
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {font-family: 'Inter', sans-serif; font-size: 0.875rem; line-height: 140%; color: #333; font-weight: 500}
.borderDarkGreen{border-color:#38482830 !important}
.customNav.sticky{ position: sticky; top: 0; width: 100%; z-index: 999}

.customNav{background-color: #F8D848 !important; border-bottom: 1px solid #F8D848; border-top: 1px solid #F8D848;}
.customNav a.nav-link.navTopLeft{color: #384828; font-weight: 600; height: 58px; border-bottom: 2px solid transparent; padding: 0 !important}
.customNav a.nav-link.navTopLeft.active{color: #384828; border-color: #384828; }

.customNav .nav-item.topRightlink{border-right: 1px solid #384828;}
.customNav .nav-item.topRightlink:last-child{border-right: 0;}
.customNav .nav-item.topRightlink a.nav-link{font-size: .80rem; color: #384828; font-weight: 600; padding: 0 !important; margin: 0 10px; }
.customNav .nav-item.topRightlink a.nav-link.active, .customNav .nav-item.topRightlink a.nav-link:hover{text-decoration: underline;}

/*.carousel-indicators button { visibility: hidden !important; }*/
.carousel-control-next, .carousel-control-prev{width: 30px}
.bannerHeading {position: absolute; top: 5%; left: 0; z-index: 9}
.carousel .mainBannerImg{height: 540px;  background-size: cover !important;  background-repeat: no-repeat !important;}
.carousel .mainBannerImg.elephant{background-position: center -1px !important;}
.carousel .mainBannerImg.tiger{background-position: 0 0 !important;}
.carousel .mainBannerImg.banner_morning{background-position: center -1px !important;}
.carousel .mainBannerImg.banner_bird_new{background-position: 0 0 !important;} 
.carousel .mainBannerImg.banner_deer{background-position: 0 -40px !important;} 

.innerPageCarousel{height: 450px; overflow: hidden;}
.innerBannerImg{height: 450px;  background-size: cover !important;  background-repeat: no-repeat !important; background-position: center center;}

.welcomtext{color: transparent !important; text-shadow: 1px 1px 1px #fff;}
.yelloBtn{background-color: #F8D848 !important ; padding: 10px 20px; color: #384828 !important; font-weight: 600; font-size: 1.30rem; border-radius: 0 !important; border: 0; }
.yelloBtn:hover, .yelloBtn:active, .yelloBtn:focus{background-color: #CEAD16 !important ;}
.bannerLightBtn{border-color: #fff; border-style: solid; padding: 10px 20px; border-width:2px; background-color: rgba(255, 255, 255, .1); border-radius: 0px; }
.bannerLightBtn:hover, .bannerLightBtn:active, .bannerLightBtn:focus{background-color: rgba(255, 255, 255, .3); border-color: #fff}
.noticBoard{max-width: 460px; background-color: rgba(0, 0, 0, .5);}
.grayBorder{border: 4px solid #AAAAAD;}
.fe-text{max-width: 450px; margin: 0 auto; color: #807F80; }
button.fe, .button.fe:hover{ color: #3BAC3B !important;}

.ourPlaces{color: #333; text-decoration: none;}
.ourPlaces h6{text-transform: uppercase; font-weight: 700}
.ourPlaces p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding: 0 15px}
.ourPlaces .btnsm{font-weight: 600; display: inline-block; background-color: rgba(59, 172, 59, .1); border:1px solid #3BAC3B; color: #3BAC3B; padding: 5px 15px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.ourPlaces:hover .btnsm{background-color: rgba(59, 172, 59, .2)}
.vtBox1{width: 410px}
.vtBox3{width: 230px}
.vtBox5{width: 280px}
.vtBox4{width: 210px}
.vtBox2{width: 450px; margin-top: -65px}
.vtBox6{width: 410px}
.vtBox7{width: 370px} 
.gradientShadow{overflow: hidden; border-radius: 16px;}
.gradientShadow:after{position: absolute; left: 0; bottom: 0; right: 0; height: 70%; content: ''; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(255,255,255,0) 100%);}
.zoneName{position: absolute; z-index: 5; pointer-events: none;  bottom: 20px; left: 20px; right: 20px; text-align: center; font-size: 20px; font-weight: 600; text-transform: uppercase; color: #fff}	
.zoneAnchor{position: absolute; height: 0;  left: 0; right: 0; bottom: 0; z-index: 3; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); height: 10px; transition:  height .5s;}
.gradientShadow:hover .zoneAnchor{height: 100%}
.backToTop{ position: absolute; top: -30px; right: 25px; background: #212529; border-radius: 25px 25px 0 0; color: #fff; width: 50px; text-align: center; height: 30px; line-height: 30px;}


.carousel-indicators [data-bs-target]{width: 16px; height: 16px; border-radius: 50%}
.carousel-dark .carousel-indicators [data-bs-target]{background-color: #fff}

.smallCarouseRightBar{height: 200px; overflow: hidden;}
.aspRatio{background-repeat: no-repeat; background-position: top center; background-size: cover;}

.innerRightSec{max-width: 370px; padding-left: 25px}

.bgline:after{position: absolute; content: ''; height: 1px; border-bottom: 1px solid var(--bs-border-color); right: 15px; left: 15px; top: 50%; transform: translateY(-50%);}
.fl-heading{ position: absolute; z-index: 9; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.ff-thumb{color: #333; text-decoration: none;}
.ff-thumb h6{ font-weight: 700}
.ff-thumb p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 0 5px}
.greenbtn{background-color: #3BAC3B }
.greenbtn:hover, .greenbtn:focus, .greenbtn:active, .greenbtn:focus-visible{background-color: #1C981C !important}
.custom-sm-Shadow{box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb),.2)}
.formRightHeading{color: #1C2F0A; font-size: 1rem; background: #F8D848; font-weight: 600; }
.imagHover:after{position: absolute; content: ''; bottom: 0; left: 0; right: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(255,255,255,0) 100%); height: 0; transition: height .5s; border-radius: 0.5rem;}
.imagHover:hover:after{height: 100%}


.leftPanel{width: 275px; border-right: 1px solid #eee; padding: 15px 0; background: #f8f8f8;}
.leftMenu ul{list-style: none; margin: 0; padding: 0;}
.leftMenu ul li a{padding:8px 15px; text-decoration: none; color: #384828; font-weight: 500; display: block;}
.leftMenu ul li a:hover{ text-decoration: none; color: #000; font-weight: 600; background-color: #eee}
.dashboardPanel{width: calc(100% - 275px); padding: 15px;}

.rightSectionCal tr.jsCalendar-week-days th{font-size: 0  !important;}
.rightSectionCal tr.jsCalendar-week-days th::first-letter{font-size: 14px !important;}
.rightSectionCal tr td, .rightSectionCal tr td span{font-size: 14px !important; padding: 0 !important; height: 50px !important; line-height: normal !important;}
.customTabs.nav-tabs .nav-link{padding:.75rem 1.5rem !important; font-size: 1rem; color: rgba(0, 0, 0, .75); background-color: #f4f4f4; margin-right: 5px;}
.customTabs.nav-tabs .nav-link.active{font-weight: 600; background-color: #fff; color: #000;}

/* .customTabsHome.nav-tabs .nav-link{padding:.75rem 1.5rem !important; font-size: 1rem; color: rgba(0, 0, 0, .75); background-color: #f4f4f4; margin-right: 5px;}
.customTabsHome.nav-tabs .nav-link.active{font-weight: 600; background-color: #F8D848 ; color: #000;} */
.owl-nav{position: absolute; top: 40%; transform: translateY(-40%); left: 0;  right: 0;}
.owl-nav .owl-prev, .owl-nav .owl-next{width: 50px;    height: 50px;    background: rgba(0,0,0,.5)!important;    border-radius: 50%;}
.owl-nav .owl-next{right: 0 !important; position: absolute;}
.owl-nav i{color: #fff !important; font-size: 24px;}





.outerBox {
	width: 100vw;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
  }
  .Marquee {
	width: 100vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	color: #fff;
	font-weight: 200;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
  }
  .Marquee-content {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-animation: marquee 10s linear infinite running;
	-moz-animation: marquee 10s linear infinite running;
	-o-animation: marquee 10s linear infinite running;
	-ms-animation: marquee 10s linear infinite running;
	animation: marquee 10s linear infinite running;
  }
  .Marquee-content:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
  }
  
  @-moz-keyframes marquee {
	0% {
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	100% {
	  -webkit-transform: translate(-50%);
	  -moz-transform: translate(-50%);
	  -o-transform: translate(-50%);
	  -ms-transform: translate(-50%);
	  transform: translate(-50%);
	}
  }
  @-webkit-keyframes marquee {
	0% {
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	100% {
	  -webkit-transform: translate(-50%);
	  -moz-transform: translate(-50%);
	  -o-transform: translate(-50%);
	  -ms-transform: translate(-50%);
	  transform: translate(-50%);
	}
  }
  @-o-keyframes marquee {
	0% {
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	100% {
	  -webkit-transform: translate(-50%);
	  -moz-transform: translate(-50%);
	  -o-transform: translate(-50%);
	  -ms-transform: translate(-50%);
	  transform: translate(-50%);
	}
  }
  @keyframes marquee {
	0% {
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -o-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	100% {
	  -webkit-transform: translate(-50%);
	  -moz-transform: translate(-50%);
	  -o-transform: translate(-50%);
	  -ms-transform: translate(-50%);
	  transform: translate(-50%);
	}
  }
  



@media (max-width:1399px){
	.vtBox1{width: 380px}
	.vtBox3{width: 210px}
	.vtBox5{width: 260px}
	.vtBox4{width: 200px}
	.vtBox2{width: 360px; margin-top: -65px}
	.vtBox6{width: 360px}
	.vtBox7{width: 300px}	
}
@media (max-width:991px){
	/*.innerleftSec{width: 100%}*/
	
}
@media (max-width:767px){
	.bannerHeading {display: none;}
	.vtBox1{width: 100%}
	.vtBox3{width: 100%}
	.vtBox5{width: 100%}
	.vtBox4{width: 100%;}
	.vtBox4 img{width: 100%}
	.vtBox2{width: 100%; margin-top: 0px}
	.vtBox6{width: 100%}
	.vtBox7{width: 100%}
	.navbar-toggler, .navbar-toggler:focus{box-shadow: none; border: 0; padding: 0;}
	.customNav .nav-item{margin-bottom: 2px;}
	.customNav a.nav-link.navTopLeft{ width:100%; height:auto; border: 1px solid transparent;  padding: 10px 15px !important}
	.customNav a.nav-link.navTopLeft.active, .customNav a.nav-link.navTopLeft:hover{background-color: #38482810; border: 1px solid; border-radius: 4px}
	.customNav .nav-item.topRightlink {border: 0}
	.customNav .nav-item.topRightlink a.nav-link{display: block !important; height:auto; border: 1px solid transparent;  padding: 8px 15px !important; margin: 0}
	.customNav .nav-item.topRightlink a.nav-link:hover, .customNav .nav-item.topRightlink a.nav-link.active{text-decoration: none; background-color: #38482810; border: 1px solid; border-radius: 4px}
	.innerleftSec{border-right: 0px !important}
	.innerRightSec{max-width: 100%} 
	.innerPageCarousel{height: 100%}
	.customeFlex {
		flex: inherit;
	}
	.mobFont{font-size: 14px !important;}
	#calendar table td{font-size: 1rem !important;     height: 5rem !important;}
}