:root{
    --green: #0B9040;
	--dark-yellow: #C59829;
	--dark-green: #00440B;
	--yellow: #FFD744;
	--black: #001503;
}

/* @font-face {
  font-family: 'Catamaran';
  src: url('../fonts/o-0IIpQoyXQa2RxT7-5r5TRA.woff2') format('woff2');
} */


/* reset css */
	*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
	img{max-width: 100%; height: 100%; object-fit: contain;}
	ul,li{list-style: none;margin: 0;}
	a{text-decoration: none !important;display: inline-block;font-size: 18px;cursor: pointer; font-weight: 600;  color: #131313;}
	select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
	select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
	input::placeholder, textarea::placeholder {opacity: 1;}  
	textarea{resize: none;}
	p {color: #131313;font-size: 18px;margin: 15px 0;text-align: justify;  line-height: 1.6;}
	
	iframe{width: 100%;height: 100%;border: none;}
	
	body{background: #fffbf2;}

	h1{font-size: 48px;}
	h2{font-size: 40px; font-weight: 600;}
	h3{font-size: 30px; font-weight: 600;}
	h4{font-size: 26px; font-weight: 400;}
	h5{font-size: 24px;}
	h6{font-size: 22px;}

	h1.index-h1 {font-size: 50px; color: var(--dark-green);  line-height: 1.2;}
	h2.index-h2 {font-size: 42px; color: var(--dark-green); line-height: 1.4;}

	h2.inner-h2 { font-size: 40px; font-weight: 400; line-height: 1.4;}
	h3.inner-h3 { font-size: 30px; font-weight: 600; color: #fff;}

	*,:after,:before, body, a, ul, li, select, input, textarea, button, input::placeholder, textarea::placeholder, p, h1, h2, h3, h4, h5, h6 {font-family: "Catamaran", sans-serif;}
/* reset css */

    .spiddyyy-carousel-container {height: var(--spiddyyy-carousel-height, 789px);width: var(--spiddyyy-carousel-width, 100%);overflow: hidden;position: relative;}
    .spiddyyy-carousel{display:flex;transition:transform var(--spiddyyy-transition-speed, .5s) ease-in-out}
    .spiddyyy-carousel .spiddyyy-slide{width:var(--spiddyyy-carousel-width,600px);height:var(--spiddyyy-carousel-height,400px);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
    .spiddyyy-carousel .spiddyyy-slide img{width:100%;height:100%;object-fit:cover}
    .spiddyyy-carousel .spiddyyy-slide .spiddyyy-custom-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#333;font-size:24px;text-align:center;padding:20px}
    .spiddyyy-nav-button{position:absolute;top: 0;bottom:0;margin: auto;background:linear-gradient(to right, #FFD744 0% ,#C59829 100%);color:var(--spiddyyy-button-color,#fff);border:none;padding:10px;cursor:pointer;font-size:18px;width:40px;height: 40px;border-radius: 50%; left: 10px;}
    .spiddyyy-prev{left:80px}
    .spiddyyy-next{left:140px}
    .spiddyyy-slide-content{display:none;width:100%!important;max-width:100%;height:100%!important}
    .spiddyyy-prev img{max-width: 20px;transform: scalex(-1)}
    .spiddyyy-carousel-container > .fluid-container {padding: 0 30px;position: absolute;top: 182px;bottom: 0;height: 70px;width: 100%;max-width: 1800px;margin: auto;left: 0;right: 0;}


/* Responsive menu */
	html.hc-nav-yscroll {overflow-y: scroll;}
	.desk-resp-ham {display: none;}
	.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;width: 30px;right: 32px;bottom: 0px;margin: auto;top: 0px;height: 25px;}
	.desk-resp-ham ul.toggle-desk li { transform: translateY(-50%); list-style: none; display: block; position: absolute; left: 0; height: 3px; right: 0; margin: 0 auto; width: 30px; opacity: 1; background: #0B9040; transition: all .25s ease;  z-index: 1;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 52%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 84%;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
	.inner-desk-ham {display: flex;}
	.desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;  background: #FFF6E5;}
	.desk-resp-ham .sidebar::before {content: '';position: absolute;background: #24293e;top: 0;left: 0;bottom: 0;}
	.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
	.desk-resp-ham .sidebar.active { left: 0px; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); padding: 0px 0 120px; top: 0px;}
	.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a{width: 100%;background: none;display: flex;justify-content: center;align-items: center;padding: 20px 10px;position: relative;}
	.desk-resp-ham .sidebar a > img { width: 100%;max-width: 130px;background: #FEF4EA;border-radius: 10px}
	.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
	.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
	.nav-dropdown li a {padding: 10px 0 10px 35px !important;}
	.nav-dropdown li a::before { content: ''; position: absolute; left: 2px; width: 6px; height: 6px; border-right: 2px solid #00440B; border-bottom: 2px solid #00440B; transform: rotate(-45deg); top: -2px; bottom: 0; margin: auto; left: 20px;}
	.nav-dropdown li a:hover {background: #fff;color: #24293e!important;}
	.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before {border-right: 2px solid #fff ;border-bottom: 2px solid #fff;}
	.desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li a.act-link, .desk-resp-ham .sidebar ul.menu li span.act-link { background: var(--green); color: #FFF6E5 !important;  font-weight: 600;}
	.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #c9c9c9;position: relative;text-transform: capitalize;color: #00440B;width: 100%; max-width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 16px;text-align: left;}
	.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link { left: 0; background: none; color: #fff !important;}
	.desk-ham-menu li a.act-link::before { border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important;}
	.nav-dropdown-1 { background: #718d67; border-top: 3px solid #fff;}
	.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #fff !important;}
	.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #fff !important;}
	.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
	.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
	.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
	.nav-dropdown {display: flex;flex-direction: column;gap: 0px !important;background: #8595a442;}
	.nav-dropdown li a {font-size: 14px !important;}
	.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #fff;}
	.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
	.desk-resp-ham .sidebar ul.menu li > a.dropdown-span img { width: 100%; max-width: 15px !important; transition: 1s ease-in-out; filter: invert(16%) sepia(49%) saturate(2189%) hue-rotate(110deg) brightness(94%) contrast(104%); background: none;}
	.desk-resp-ham .sidebar ul.menu li:hover > a.dropdown-span img, .desk-resp-ham .sidebar ul.menu li.act-link > a.dropdown-span img { transition: 1s ease-in-out;filter: invert(1);}
	.nav-dropdown li {background: linear-gradient(to right, #FFD744 0%, #FFD744 100%);}
    .resp-home.resp-link{background: var(--green);color: #FFF6E5 !important;font-weight: 600;}
	.nav-dropdown li a {border-bottom: 1px dotted #f9f9f9 !important;}
/* Responsive menu */
	.top-wrapper{background: #0B9040;}
	.top-header-inner {display: flex;justify-content: flex-end;align-items: center;gap:35px;padding: 10px 0px;}
	.top-header-inner a{display: flex;justify-content:center;align-items: center;}
	.top-header-inner  a  img{width: 100%;max-width: 21px;filter: invert(100%) sepia(41%) saturate(680%) hue-rotate(6deg) brightness(108%) contrast(104%);}
	.header-wrapper{background: #FFF6E5;position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.header-inner-wrapper{display: flex;justify-content: space-between;align-items: center;gap:260px;}
	.logo{display: flex;justify-content: center;align-items: center;gap:20px;width:100%;max-width: 100px;}
	.logo img{width:100%;max-width: 100px;}
	.nav-links {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 870px;position: relative;}
	.nav-links li {height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
	.nav-links li a, .nav-links li > span {height: 100%; font-size: 18px; font-weight: 600; color:var(--dark-green);  padding: 40px 0;}
	.nav-links li a.act-link, .nav-links li > span.act-link {color: #D5A62D;}
	.nav-links li a:hover, .nav-links li > span:hover{color: #D5A62D}
	.common-btn {display: flex;justify-content: flex-start;align-items: center;}
	.common-btn a span{background: var(--dark-green);border-radius: 50%;max-width: 40px;height: 40px;width: 100%;    display: flex;justify-content: center;align-items: center;}
	.common-btn a span img{width:100%;max-width: 20px;filter: invert(1);}
	.common-btn a{background: linear-gradient(to right, #FFD744 0% ,#C59829 100%);width:100%;max-width: fit-content;min-width: 170px;padding: 5px 5px 5px 10px !important; border-radius: 40px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;gap:10px;display: flex;justify-content: center;align-items: center;transition: 1s ease-in-out;border: 2px solid var(--yellow);overflow: hidden;color: var(--dark-green)}
	.nav-links li:last-child .common-btn a {border: 2px solid var(--yellow);}
	.common-btn a:hover span {transform: translateX(-190px);transition: all 2s ease-in-out;}
	.common-btn a:hover{background: var(--green);color: var(--yellow);padding: 5px 0px 5px 35px !important;gap:0px;}
	 header .header-wrapper ul li{position: relative;}
	 header {position: relative; z-index: 99;}
	.first-route{position: absolute;width:300px;visibility:hidden;top:109px;display: flex;flex-direction: column;gap:0;padding:0;background: var(--green);}
	.first-route li{width: 100%;height: 50px;position: relative;text-align: center;cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: flex-start;overflow: hidden;border-bottom: 1px dashed #fff;}
	.first-route li a {font-size: 16px;color: #fff !important;padding: 15px 16px !important;position: relative;display: flex;justify-content: flex-start;align-items: center;}
	.first-route a:hover{background: var(--dark-yellow);}
	.nav-links li:hover .first-route {visibility: visible; }
	 header .header-wrapper ul li a{font-size: 17px;width: 100%;text-align: left;}
	.nav-links li a.act-link {color: var(--dark-yellow);}
	.first-route li a.act-link {color: var(--yellow) !important;}
	.nav-links li:last-child .common-btn a.act-link {color: var(--yellow);background: var(--green);}
	.first-route li a img{width: 100%;max-width: 20px; margin-right: 8px;vertical-align: middle;filter: invert(1); }
/* header css */

/* Scrolled header */
	header.scrolled-header .header-wrapper { position: fixed; left: 0; right: 0; z-index: 9; top: 0;}
	header.scrolled-header .header-wrapper .logo {max-width: 75px;}
	header.scrolled-header .nav-links li a, header.scrolled-header .nav-links li > span {padding: 40px 0;}
/* Scrolled header */


/* Banner css */
    .banner-wrapper {min-width: 100%;height: calc(100vh - 151px);position: relative;}
	.banner-wrapper::before{content:'';position: absolute;top:0px;left:0px;background: #040504a6;width:100%;height:100%;}
	.banner-inner-wrapper{position: relative;max-width: 1800px;gap:300px}
	.banner-wrapper .fluid-container{height: 100%;display: flex;justify-content: flex-start;align-items: center;}
	.banner-inner-wrapper h2{color:#ffffff;width:100%;padding: 0px 60px;max-width: 800px;font-size:45px;line-height: 1.5;text-transform: capitalize;}
	.banner-inner-wrapper h3{color: #fff;padding: 0px 60px;font-weight: 500;}
	.banner-wrapper::after{content: '';position: absolute;background: url(../images/grain.webp)no-repeat right bottom/contain;width:100%;height:80vh;bottom:0px;right:0px;}
/* Banner css */


@media (max-width:1600px){
    .owl-carousel.banner .owl-nav {padding: 0 80px;}
}
@media (max-width:1360px){
    .owl-carousel.banner .owl-nav {display: flex;justify-content: center;align-items: center;height: 80px;position: absolute;right: 50px;width: 100%;max-width: 142px;bottom: 60px;gap: 20px;left: 0;width: 100%;max-width: 1200px;margin: auto;}
}
@media (max-width:1280px){
	.banner-inner-wrapper{gap:100px;}
    .header-inner-wrapper{gap:174px;}
}
@media (max-width:1200px){
	.header-inner-wrapper{gap:70px;}
}
@media (max-width:1080px){
    .header-inner-wrapper ul{display: none;}
	.section-new {width: 100%;height: 100%;background: #0e0d0d;opacity: 0;pointer-events: none;transition: all .9s ease;}
    .act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0;z-index: -1;}
    .desk-resp-ham{display: block;}
    .banner-inner-wrapper{flex-direction: column-reverse;gap:50px;}
    .banner-wrapper::after{height:70vh;}
}
@media (max-width:992px){
    .banner-inner-wrapper h2{font-size: 30px;padding: 0px;}
	.banner-inner-wrapper h3{font-size: 26px;padding: 0px;}
    .banner-wrapper::after{height:50vh;}
}
@media (max-width:776px){
    .banner-inner-wrapper h2{font-size: 25px;}	
	.banner-inner-wrapper h3{font-size: 23px;}	
    .banner-wrapper::after{height:35vh;}
}
@media (max-width:576px){
    .banner-inner-wrapper h3{font-size: 20px;}
	.bottom-inner-wrapper{flex-direction: column;}
}
@media (max-width:480px){
    .banner-inner-wrapper h2{font-size: 20px;}	
	.banner-inner-wrapper h3{font-size: 16px;line-height: 1.4;}	
}