@import url('assets/css/fonts.css');
@import "assets/bootstrap/css/bootstrap.min.css";
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
/*font-family: "Mulish", sans-serif;*/

a{text-decoration: none ;}
img,svg{max-width: 100%;}
body{
	font-family: aktiveGrotesk, sans-serif; color: rgba(63, 63, 63, 1);
	background-color: rgba(201, 188, 166, 1);
}

.text-green{color: #4FBA6B;}
.text-white{color: #fff;}
.text-black{color: #000;}
.text-dark-gray{color: rgba(88, 88, 88, 1);}
.textgray{color: rgba(184, 184, 184, 1)}

.bg-green{background-color: rgba(20, 25, 2, 1);}
.bg-dark-green{background-color: rgba(5, 21, 2, 1)}
.bg-green .text-green{color: #000;}
.bg-white{background-color: #fff;}
.bg-white-gray{ background-color:#F5F5F5; }

.bg-dark-blue{background-color: #132D46;}

.font-200{font-weight: 200;}
.font-light{
	font-weight: 300;
}
.font-normal{font-weight: normal;}
.font-medium{font-weight: 600;}
.font-600{
	font-weight: 600;
}
.font-bold{font-weight: bold !important;}
.border-right{border-right: 1px solid;}

.rounded20{border-radius: 20px;}
.rounded25{border-radius: 25px}
.rounded30{border-radius: 30px;}


#site-header{position: fixed; left:0; right: 0; top: 0; z-index: 876; padding: 15px; transition: all ease 0.2s; background: transparent;}
#site-header.header-scrolled{
	padding: 0;
}

.navbar{border-radius: 20px;}
#site-header.header-scrolled .navbar{ border-radius:0; }
.navbar-brand img{max-width: 161px;}
.navbar-brand img, .navbar-brand{transition: all ease 0.2s;}
.header.header-scrolled .navbar-brand svg{
	width: 90px; height: 50px;
}

#offcanvasNavbar{
	height: 100%;
	background-image: url(assets/images/navbar-bg.jpg);
	background-size: cover;
}
.menuclose{background: none !important; width: 1.4rem; height: 1.4rem; box-shadow: none !important; padding:0; box-shadow: none !important}

.navigation li a{color: rgba(237, 237, 237, 0.53) !important; text-transform: uppercase; font-weight: 300;}
.navigation li a:hover, .navigation li a.active{color: #fff !important}

.banner-section{
	padding:15px; padding-top: 130px !important; overflow: hidden; padding-bottom: 0;
	background-image: url(assets/images/banner-bg.jpg);
}
.bannerwrapper{
	padding: 30px 0;
	background-image: url(assets/images/bg-banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;
}
.bannerwrapper h1{font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1;}


.sectionTitle{font-size: clamp(1.6rem, 5vw, 3rem); }

.sec2bgwrap{
	padding-top: 320px !important;
	background-color: rgba(96, 96, 11, 1);
	background-image: url(assets/images/section-2wrap-bg.png);
	background-repeat: no-repeat; background-size:200px; background-position: right 30px bottom 30px;
}
.sec2bgwrap img{max-width: 260px;}


.sec2-wrap2{ position:relative; margin:0 0 -150px 0; }
.sec2scrolling{position: absolute; left: 0; right: 0; top: 40px;}

.ticker-swiper .swiper-slide{padding:20px 0;}
.ticker-swiper .swiper-slide img{height: 220px; width: 100%; object-fit: cover;}
.ticker-swiper .rounded20{box-shadow: 0 8px 10px rgba(0,0,0,0.6);}


.section3{padding-top: 140px !important; background-color: rgba(226, 219, 201, 1)}
.section3 a{ color: rgba(63, 63, 63, 1);}

.buttonform{
	background-color: rgba(221, 178, 82, 1) !important; border: none !important; border-radius: 30px !important; display: inline-flex; align-items: center; padding: 10px 20px 12px 30px;
}
.buttonform span{
	width: 38px; height: 38px; background-color: #fff; display: inline-block; border-radius: 40px; margin-left: 40px; transition: all 400ms cubic-bezier(.47,1.64,.41,.8);
	background-image: url(assets/images/arrow1.png); background-position: center; background-size: 30px; background-repeat: repeat-x;
}
.buttonform:hover span{
	background-position:center right -28px;
}
.buttonform:hover{background-color: #86860b !important;}

.section2{ background-image:url(assets/images/section-2info-bg.png); background-repeat:no-repeat; background-position:top 10% right; background-size: 50%;}

.flist{position: relative; }
.flist > div{position: sticky; border-radius: 25px; padding: 20px; margin: 0 0 20px 0;}
.flist > div:nth-child(1){
	top: 7rem; background-color: #e9e0d0; 
}
.flist > div:nth-child(2){
	top: 11.3rem; background-color:#d9cdb7; 
}
.flist > div:nth-child(3){
	top: 16rem; background-color: #d5c6a9;
}
.flist > div:nth-child(4){
	top: 20.3rem; background-color: #baa98b;
}
.flist > div:nth-child(5){
	top: 25rem; background-color:#a5987f;
}
.flist > div:nth-child(6){
	top: 30rem; background-color: #92856d; margin-bottom: 0;
}
.flist > div ul{
	margin: 0; padding: 0; list-style: none;
}
.flist > div ul li{
	margin: 0 0 15px 0;
	padding-left: 20px; background-image: url(assets/images/bullet.png); background-repeat: no-repeat; background-position: left top 5px;
	background-size: 14px;
}


.accordClr1{
	color: rgba(134, 134, 11, 1);
}
.accordClr2{
	color: rgba(196, 105, 23, 1);
}
.accordClr3{
	color:rgba(188, 163, 130, 1);
}

.section5{
	background-image: url(assets/images/sec5infobg.png); background-repeat: no-repeat; background-position: right top; background-size: 30%;
}

.section6{
	background-color: rgba(5, 21, 2, 1);
	background-image: url(assets/images/sec6infobg.png); background-repeat: no-repeat; background-position: right top; background-size: 30%;
}

.sec6card{ border-radius:30px; overflow:hidden; position:relative; cursor: pointer;}
.sec6cardimg img{ width:100%; height:350px; object-fit:cover; }
.sec6cardcnt{
	position:absolute; bottom:0; left:0; right:0; padding:20px;

}
.sec6cardcnt .sec6caroverlay{
	 z-index: 0;
	position:absolute; bottom:0; left:0; right:0; padding:20px; top: 0;
 backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* for Safari */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+12,0.76+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 mask-image: linear-gradient(to bottom, 
    rgba(0,0,0,0) 0%, 
    rgba(0,0,0,0.6) 10%, 
    rgba(0,0,0,1) 30%, 
    rgba(0,0,0,1) 100%);
    
  -webkit-mask-image: linear-gradient(to bottom, 
    rgba(0,0,0,0) 0%, 
    rgba(0,0,0,0.6) 10%, 
    rgba(0,0,0,1) 30%, 
    rgba(0,0,0,1) 100%);

}
.sec6cardcnt.active{ max-height:100%; overflow:auto;}
.sec6cardcnt.active:before{
	  -webkit-backdrop-filter: blur(10px); /* for Safari */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+12,0.76+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.sec6cardcntinfo{display: none; z-index: 3; position: relative;}
.sec6cardcntinfo ul{
	margin: 0;padding: 0 0 0 20px;
}

.sec6cardcnthed{position:relative; padding-right: 60px; z-index: 3;}
.sec6cardcnthed span{
	position:absolute; right:20px; top:50%; transform: translateY(-50%); width:38px; height:38px; transition:all ease 0.2s;
	background-image: url(assets/images/card-arrow.png); background-repeat: no-repeat; background-size: contain;
}
.sec6cardcnt.active .sec6cardcnthed span{
	 transform: translateY(-50%) rotate(90deg);
}


.accordion-button{position: relative;}
.accordion-button .container{z-index: 2; position: relative;}
.accordion-button a{color: #444 !important;}
.accordion-button:before{
	position: absolute; content: ''; left: 0; right: 0; top: 50%; transform: translateY(-50%); transition: all ease 0.2s;
	height: 0; z-index: 0;
	background: linear-gradient(90deg, #86860B 0%, #424200 99.27%);

}
.accordion-button:hover:before, .accordion-button[aria-expanded="true"]:before{
	height: 100%;
}
.accordion-button:hover, .accordion-button[aria-expanded="true"], .accordion-button:hover .sectionTitle, .accordion-button[aria-expanded="true"] .sectionTitle{
	color:#fff;
}
.accordion-button:hover img, .accordion-button[aria-expanded="true"] img{ opacity:1; }
.accordion-button:hover a, .accordion-button[aria-expanded="true"] a{color: #fff !important;}

.swiper-custom {
  margin-right: calc(-50vw + 50%);
  padding-right: calc(50vw - 47.5%);
  width: 100vw;
}


.slidenum{border-bottom: 1px solid #000; color: rgba(188, 163, 130, 1); font-size: 35px;}
.testimonialsSlide-wrap h5{ min-height:76px; }
.slidebgorange{background-color: rgba(196, 105, 23, 1); color: #fff;}
.slidebggreen{background-color: rgba(134, 134, 11, 1);color:#fff;}

.slide1control{display: flex; gap: 20px;}
.slide1control > div svg{width: 44px; opacity: 0.5;}
.slide1control > div:hover svg{opacity: 1;}
.slide1control > div:nth-child(1){transform: rotate(180deg);}


.teamwrapper{background-image: url(assets/images/section8bg.jpg); border-radius: 25px; background-size: cover;}
.teamwrap1{
	background-image: url(assets/images/teaminfobg.png); background-position: right top; background-repeat: no-repeat; background-size: 55%;
}
.teamwrap1 h5, .teamwrap1 p{color: #000;}
.section9{
	background-image: url(assets/images/last-sec-bg.png); background-repeat: no-repeat;
	background-position:  bottom  right; background-size: 30%;
}



.modal-content{
	background-color: #E2DBC9; border-radius: 30px; overflow: hidden;
}
.popbtnclose{
	background-image:url(assets/images/close.png); background-size: 30px;
}
.teamPopHeader{ min-height:100px; }
.teampopimg{margin-top:-80px; max-width: 300px;}
.teampopimg img{height: 240px; object-fit: cover; object-position: top; border-radius: 30px;}

.modal-body{
	background-color: #424200; border-radius: 30px 30px 0 0; color: #fff;
}



.contactsection{background-color: rgba(5, 21, 2, 1) ;}
.cntform .form-control{color: #fff; background-color:transparent; !important; border-radius:0; border:none; border-bottom:1px solid rgba(69, 69, 69, 1); }
.cntform label{color: #fff; text-transform: uppercase; font-weight: 400;}
.cntform .form-control::placeholder{color:  rgba(69, 69, 69, 1);}
.cntform textarea{resize: none;}
.footer{background-color: rgba(5, 21, 2, 1);}

.footerinro{font-size: 13px;	}

@media(min-width: 991px){
	.bannerimg{transform: translateX(70px) translateY(50px);}
	.col-1-5{width: 20%;}
	.accordion-button img.rounded25{ margin-top:-20%; opacity:0;  }
	.accordion-button:hover img, .accordion-button[aria-expanded="true"] img{ opacity:1; }
}

@media(min-width: 1200px){
	.container{
		width: 100%; max-width: 90%;
	}
}
@media(max-width: 991px){
	.flist > div{position: static;} .navbar-brand img{max-width: 120px}
}
@media (min-width: 991px) and (max-width: 1200px) {
  .navigation li{
  	padding: 0;
  }
  .navbar-brand img{max-width: 120px}
  .navigation li a.nav-link {
    font-size: 12px !important; padding: 0 6px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .navigation li a.nav-link {
    font-size: 15px !important;
  }
}

@media(min-width: 1460px){
	.sec6cardimg img{ width:100%; height:400px; object-fit:cover; }
	
	.sectionTitle{font-size: clamp(2.5rem, 6.5vw, 4rem);}
}

@media(min-width: 1600px){
	.sec6cardimg img{ width:100%; height:500px; object-fit:cover; }
	.navigation li{margin: 0 10px;}
	.bannerwrapper h1{font-size: clamp(2.5rem, 10.5vw,6rem);}
}

@media(min-width: 2400px){
	.sec6cardimg img{ width:100%; height:600px; object-fit:cover; }
}