/*
Theme Name: Prodalim 
Description:  A simple, three column, widget-ready WordPress theme.
Author: Finext
Author URI:  http://finext.co.il
version:  5.0
Tags:  fixed-width, three-columns, threaded-comments, brown 
*/ 

@import url('assets/css/site.css');
@import url('assets/fonts/icomoon.css');
@import url('assets/fonts/font.css');
	
/* GENERAL */
html { font-size: 10px; scroll-behavior: smooth; }
body { background: #fff; color: var(--green); font-family: 'Outfit', sans-serif; }
#wrapper { max-width: 100%; }
.wrap { max-width: 1740px; padding: 0 20px; }
.wrap1340 { max-width: 1340px; }
.wrap1380 { max-width: 1380px; }
.wrap1680 { max-width: 1680px; }
.full { max-width: 100%; padding: 0; }
.bold { font-weight: bold; }  
.textcenter { text-align: center; }  
.textright { text-align: right; }  
.textleft { text-align: left; }  
.aligncenter { margin: 0px auto; }
.upcase { text-transform: uppercase; } 
.pad60 { padding-top: clamp(40px, 3.2vw, 60px); padding-bottom: clamp(40px, 3.2vw, 60px); }
.pad70 { padding-top: clamp(40px, 4.2vw, 70px); padding-bottom: clamp(40px, 4.2vw, 70px); }
.pad100 { padding-top: clamp(40px, 5vw, 100px); padding-bottom: clamp(40px, 5vw, 100px); }
.pad140 { padding-top: clamp(40px, 6.5vw, 140px); padding-bottom: clamp(40px, 6.5vw, 140px); }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0; line-height: 1.2; }
h3 { font-size: clamp(24px, 2.1vw, 40px); margin-bottom: 20px; font-weight: 700; }
h4 { font-size: clamp(20px, 1.3vw, 24px); margin-bottom: 20px; }
h5 { font-size: clamp(18px, 1.2vw, 24px); margin-bottom: 20px; }
a { text-underline-offset: 4px; text-decoration-thickness: 1px; color: #0E0E0E; }
p { line-height: 1.3; margin-bottom: 20px; }
input, select, textarea, button { font-family: 'Outfit', sans-serif; }

/**/
.fs18 { font-size: clamp(16px, 1vw, 18px); }
.fs20 { font-size: clamp(18px, 1.1vw, 20px); }
.fs22 { font-size: clamp(18px, 1.15vw, 22px); }
.fs24 { font-size: clamp(18px, 1.2vw, 24px); }
.fs28 { font-size: clamp(24px, 1.5vw, 28px); }
.fs30 { font-size: clamp(24px, 1.6vw, 30px); }
.fs32 { font-size: clamp(24px, 1.7vw, 32px); }
.fs36 { font-size: clamp(24px, 1.9vw, 36px); }
.fs40 { font-size: clamp(24px, 2.1vw, 40px); }

.fw100 { font-weight: 300; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 700; }
.fw900 { font-weight: 700; }

:root {
	--green: #224137;
	--green1: #08714D;
	--green2: #036F4D;
	--beige: #E0C097;
	--beige1: #F6EDDE;
	--beige2: #EBD8BD;
	--beige3: #FBF8F1;
	--beige4: #FFFBF5;
	--beige5: #FDF8EE;
	--navyblue: #134F74;
	--offwhite: #FFFFFF5C;
	--white: #fff;
	--black: #000;
}
	
/* HEADER */
header { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; transition: 0.3s; padding: 25px 0; margin: 0px auto; } 
header:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100px; 
	background: linear-gradient(180deg,rgba(46, 46, 17, 0.3) 0%,rgba(255, 255, 255, 0) 80%); } 
.sticky { background: #FFFFFF2B; backdrop-filter: blur(11px); padding: 10px 0; }
header.sticky:before { height: 60px; }
.logo { display: block; width: 238px; transition: 0.3s; z-index: 2; }
.logo a { display: block; }  
.logo .grn { display: none; }  

.tglmenu { width: 26px; height: 18px; position: relative; cursor: pointer; display: none; z-index: 99; }  
.tglmenu span { background: #fff; height: 2px; left: 0; right: 0; position: absolute; border-radius: 2px; 
	display: block; transition: 0.3s; }  
.tglmenu span:nth-child(1) { top: 0; left: 0; }  
.tglmenu span:nth-child(2) { top: 8px; }  
.tglmenu span:nth-child(3) { bottom: 0; left: 0; }  
.tglmenu.active span { background: var(--white); }  
.tglmenu.active span:nth-child(2) { display: none; }  
.tglmenu.active span:nth-child(1) { top: 51%; transform: rotate(45deg) translateY(-50%); }  
.tglmenu.active span:nth-child(3) { bottom: 48%; transform: rotate(-45deg) translateY(50%); }  

.hmenu { width: calc(100% - 300px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.menu { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 10px; }
.menu > li { position: relative; }
.menu > li > a { color: #fff; position: relative; display: flex; gap: 8px; cursor: pointer; align-items: center; 
	font-size: 16px; font-weight: 400; line-height: 1; white-space: nowrap; padding: 7px 8px; border-radius: 4px; }
.menu > li.menu-item-has-children > a:after { content: ''; background: url(assets/images/ddarowmenu.svg) no-repeat center bottom / contain; 
	display: inline-block; width: 12px; height: 10px; }
.menu > li:hover > a, .menu > li.current-menu-item > a, .menu > li.current-menu-parent > a { color: var(--white); /* background: #FDFDFD40; */ }
.menu > li.menu-item-type-custom.current-menu-item a { color: #fff; }

.menu > li:hover > ul { display: block; }
.menu > li ul { background: #fff; position: absolute; padding: 5px 8px; top: calc(100% + 15px); display: none; left: 0; border-radius: 4px;
	min-width: 220px; }
.menu > li ul:after { content: ''; width: 100%; height: 20px; position: absolute; top: -20px; left: 0; }
.menu > li ul li a { white-space: nowrap; display: flex; color: var(--green); padding: 10px 8px; } 
.menu > li li:hover > a, .menu > li li.current-menu-item > a { background: #F6F0E6; border-radius: 4px; }
.menu > li.cbtn a { background: var(--beige2); border-radius: 20px; color: var(--green); font-size: 14px; height: 32px; padding: 0 10px; }
.menu > li.searchbtn a { font-size: 22px; }

#menu-header-left.menu > li > a { font-weight: 600; }

/* FOOTER */ 
footer { background: var(--green); color: var(--white); padding-bottom: 40px; padding-top: clamp(60px, 7.2vw, 140px); }
footer a { color: var(--white); text-decoration: none; }
footer a:hover { text-decoration: underline; }
.flogo a { display: flex; width: 240px; }  
.ftrmenu { gap: 20px 50px; }
.ftrmenu > li > a { font-weight: 500; font-size: clamp(16px, 1.4vw, 26px); line-height: 1; display: block; margin-bottom: 15px; }
.ftrmenu li li a { font-size: 16px; }
.ftrmenu li ul { display: flex; flex-direction: column; gap: 15px; }
.ftrmenu li:nth-child(2) ul { display: grid; grid-template-rows: repeat(7, auto); grid-auto-flow: column; gap: 15px 70px; }
.ftrmenu li:nth-child(3) ul { display: grid; grid-template-rows: repeat(7, auto); grid-auto-flow: column; gap: 15px 70px; }
.footbtm { padding-top: clamp(40px, 6.5vw, 140px); align-items: center; border-bottom: 1px solid var(--white); padding-bottom: 15px; }
.footbtm .ftrmenu { gap: 20px; } 
.footbtm .ftrmenu li:not(:first-child):before { border-left: 1px solid var(--black); content: ''; margin-right: 20px; height: 16px; }
.footbtm .ftrmenu li { display: flex; align-items: center; } 
.footbtm .ftrmenu li a { font-size: 16px; font-weight: 400; }
.copyright { display: flex; flex-direction: row-reverse; gap: 20px; }
.designby { display: flex; padding-right: 20px; border-right: 1px solid #fff; gap: 10px; }
.social { display: flex; gap: 0 20px; } 
.social a { display: flex; align-items: center; gap: 10px; text-decoration: none !important; }
.social a span { background: var(--white); color: var(--green); width: 32px; height: 32px; display: flex; align-items: center; 
	justify-content: center; border-radius: 6px; font-size: 20px; text-decoration: none !important; }

 
#sitecookie { background: rgb(0 0 0 / 0.6); padding: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; padding: 40px 0; 
	overflow: auto; display: none; }
.cookieinn { display: flex; justify-content: center; align-items: center; height: calc(100vh - 80px); }
.pclose { background: url(assets/images/circleclose.svg) no-repeat center / contain; position: absolute; right: 15px; top: 15px; 
	z-index: 1; cursor: pointer; width: 36px; height: 36px; }
.sitecookie { border-radius: 4px; padding: 40px 90px; color: #fff; min-height: 620px; overflow: hidden; position: relative;
	 max-width: 900px; width: 96%; }
.sitecookie h3 { font-size: clamp(24px, 2.9vw, 54px); font-weight: 700; }
.sitecookie h4 { font-size: clamp(16px, 1.4vw, 24px); font-weight: 600; }
.sitecookie p { font-size: clamp(14px, 1.2vw, 20px); }
.sitecookie .cookiemobbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.cookiecont { position: relative; z-index: 2; }
#sitecookie .carousel__button.is-close { border: 1px solid var(--white) !important; }
#sitecookie .carousel__button.is-close svg path { stroke: #fff !important; }


/* BUTTONS */ 
[class*='btn-'] { background: var(--orange); color: var(--white); padding: 0 25px; font-size: 16px; font-weight: 500; 
	display: inline-flex; align-items: center; text-decoration: none; border-radius: 50px; justify-content: center;
	height: 46px; gap: 7px; white-space: nowrap; } 
[class*='btn-']:hover { gap: 16px; } 
[class*='btn-'] span { width: auto !important; }
.btn-green { background: var(--green); color: var(--white); }  
.btn-green1 { background: var(--green1); color: var(--white); }  
.btn-beige { background: var(--beige); color: var(--white); }  
.btn-offwh { background: var(--offwhite); color: var(--green); backdrop-filter: blur(26px); border: 1px solid #FFFFFF36; }  
.btn-white { background: var(--white); color: var(--green); }  
@media screen and (min-width: 1025px) {
.btn-green1:hover { background: var(--green); }  
.btn-green:hover { background: var(--beige); }
.btn-beige:hover { background: var(--green); }
.btn-offwh:hover { background: var(--green); color: #fff; }
.btn-white:hover { background: var(--green); color: var(--white); }
}

section { position: relative; }

/* BANNER */
.banner { min-height: clamp(700px, 45vw, 860px); color: #fff; position: relative; padding-top: 80px; z-index: 1; }
.banner .caption { max-width: 860px; }
.banner2 { min-height: 426px; color: #fff; position: relative; padding-top: 80px; z-index: 1; }
.banner2 h1 { font-size: clamp(24px, 2.5vw, 48px); }
.mobbnr { display: none; }
.sidecurvedesk { border-radius: 0px 500px 0px 0px; position: absolute; bottom: 0; left: 0; width: 42%; height: 124%; } 
.sidecurvemob { border-radius: 0px 400px 0px 0px; position: absolute; bottom: 0; left: 0; width: 78%; height: 68%; }

#bnrslider.is-initialized.splide--slide { max-width: 100%; }
.bnrslider { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.bnrslider:before { background: url(assets/images/whiteoverlay.png) no-repeat center bottom / 100% 100%; content: '';
	width: 100vw; height: 340px; position: absolute; left: 0; bottom: -1px; z-index: 1; }
.bnrslider .item { width: 100vw; height: clamp(700px, 45vw, 860px); display: flex; align-items: center; position: relative; padding-bottom: 200px; }
.bnrslider h3 { font-size: clamp(32px, 2.8vw, 56px); }
.bnrslider { font-size: clamp(20px, 1.3vw, 24px); }
.bnrslider .btn-beige { color: var(--green); }
.bnrslider .btn-beige:hover { color: var(--white); }
.customnavs { display: flex; justify-content: center; align-items: center; gap: 10px; 
	position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); }
.customnavs button { color: #fff; }
#custom-pagination { display: flex; gap: 6px; }
#custom-pagination button { width: 12px; height: 12px; background: #fff; border-radius: 50%; padding: 0; font-size: 0; }
#custom-pagination button.active { background: var(--beige); transform: scale(1.3); }

.btndiv { display: flex; gap: 30px; }
.mouse { position: absolute; cursor: pointer; width: 44px; left: 110px; bottom: 30px; display: block; }

/* BREADCRUMBS */
.breadcrumbs { padding: 40px 0; font-size: 14px; font-weight: 500; color: #8A8A8A; }
.breadcrumbs .wrap > span { border-bottom: 1px solid #8A8A8A; display: inline-block; padding-bottom: 5px; }
.breadcrumbs span { display: inline-flex; align-items: center; gap: 7px; }
.breadcrumbs a { color: #8A8A8A; }
.breadcrumbs a:hover { text-decoration: underline; }

/* SECTEXT */
.sectext { margin-bottom: clamp(40px, 3.5vw, 70px); }
.sectext h3 { font-weight: 700; } 

/* MIDDLE BANNER */
.midbanner .text { max-width: 700px; }
.midbanner .moretxt { display: block; }
.midbanner .tglmore { display: none; }
.midbanner h5 { font-size: 24px; font-weight: 400; margin-bottom: 40px; }
.midbanner h5 strong { font-size: 32px; }
.midbanner p { margin-bottom: 30px; line-height: 1.5; letter-spacing: 0.4px; }
.midbanner.promidbnr .text { max-width: 670px; font-size: 16px; }
.midbanner.promidbnr .btn-grey { font-size: 15px; height: 54px; }

.midbanner.design1 { min-height: clamp(440px, 36vw, 680px); }

.midbanner.design2 { background: var(--green); color: #fff; overflow: hidden; }
.midbanner.design2 .img { position: relative; width: 53%; }
.midbanner.design2 .text { width: 45%; }
.midbanner.design2 .img:before { position: absolute; background: url(assets/images/imgframe.png) no-repeat center / 100% 100%; content: '';
	left: 0; top: 0; height: 100%; width: 100%; }
.midbanner.design2 .text { max-width: 800px; }
.midbanner.design2 .btn-white:hover { color: var(--white); }
.animcircle { position: absolute; top: -20px; left: -60px; display: flex; height: 120%; }
.animcircle [data-aos=fade-right] { transform: translate3d(-500px, 0, 0); }

.midbanner.linkright .btnholder { padding-right: 150px; }
.midbanner.linkright .btn-green { background: var(--green1); }
	
.midbanner.small { text-align: center; color: #fff; }
.midbanner.small .text { margin: 0px auto; }
.midbanner.small h3 { font-size: clamp(24px, 2.1vw, 40px); }

.midbanner.solutionpost.sml { position: relative; }
.midbanner.solutionpost.sml:before { top: 100px; bottom: -2px; width: 800px; }
.midbanner.solutionpost.sml .text:before { background: url(assets/images/leafvec1.png) no-repeat right / contain; content: ''; width: 118px;
	height: 125px; right: 100%; bottom: 400px; left: auto; }

/* NUMBER WRAP */
.numberwrap .sectext { margin-bottom: clamp(40px, 5vw, 100px); }
.numbs { justify-content: center; }
.numbs .item { width: 33.33%; text-align: center; display: flex; flex-direction: column; gap: 15px; }
.numbs .item:nth-child(4), .numbs .item:nth-child(5) { justify-content: flex-end; }
.numbs .item p { font-weight: 500; }
.numtop { display: flex; align-items: flex-end; gap: 10px; justify-content: center; }
.num { font-size: clamp(48px, 3vw, 52px); line-height: 1; font-weight: 600; color: var(--green2); min-width: 93px; }
.numanim { display: inline-block; }
.numbtext { display: flex; align-items: center; flex-direction: column; gap: 50px; max-width: 440px; }

/* SOLUTION POST */
.banner + .solpostwrap { padding-top: 30px; }
.solpostwrap .sectext h3 { margin-bottom: 0; }
.solpost { display: flex; flex-wrap: wrap; gap: 40px; }
.solpost article { background: var(--green); color: #fff; position: relative; width: calc(25% - 30px); text-align: center; 
	padding: 25px 25px 0; overflow: hidden; }
.solpost article .thumb { transition: 0.3s; }
.solpost article:hover .thumb { transform: scale(1.03); }
.solpost .thumb img { border-radius: 50%; margin-bottom: -80px; }
.solpost h4 { display: flex; align-items: center; justify-content: center; gap: 5px; }
.btncolum { flex: 1; }
.btncolum a { background: var(--beige2); padding: 30px; display: flex; align-items: flex-end; height: 100%; position: relative; }
.btncolum span { display: block; line-height: 1.2; font-size: 40px; font-weight: 600; color: var(--green1); flex: 1; max-width: 400px; }
.btncolum img { position: absolute; transform: rotate(90deg); right: 30px; }
.hidedesk { display: none; }

/* IMAGE TEXT BLOCK */
.btndiv { padding-top: 20px; }

/* VISSION MISSION */
.missionvission .flex { justify-content: center; gap: 50px 200px; }
.missionvission .text { display: flex; gap: 20px 80px; }
.missionvission .text h3 { margin: 0; position: relative; }
.missionvission .text h3:before { content: ''; background: url(assets/images/halfcircle2.svg) no-repeat center / contain; 
	position: absolute; width: 160px; height: 150px; left: -60px; top: -25px; }
.missionvission .text p { max-width: 330px; }

/* OURVALUE */
.ourvalue { background: var(--green2); color: #fff; }
.ourvalue .item { text-align: center; position: relative; }
.ourvalue .item:not(:last-child):before { background: var(--green); border-radius: 50px 0; content: ''; 
	position: absolute; right: -14px; bottom: 38%; width: 24px; height: 24px; }
.ourvalue .item .count { color: var(--beige2); font-size: 48px; font-weight: 700; line-height: 1; margin-bottom: 40px; } 
.ourvalue .item p { max-width: 225px; margin: 0px auto; }

/* HISTORY */
.timeblock { max-width: 1920px; margin: 0px auto; }	
.history { display: flex; align-items: center; justify-content: space-between; gap: 80px; margin-left:  -300px; }  
.timeline-area { position: relative; width: min(780px,90vw); aspect-ratio: 1; flex-shrink: 0; }  
.timeline-circle { width: 100%; height: 100%; border: 1px solid var(--beige2); border-radius: 50%; position: relative; transform-origin: 50% 50%; }

.timeline-content { position: absolute; left: 40%; top: 50%; transform: translateY(-50%); z-index: 20; }
.timeline-content h3 { color: var(--green2); margin: 0; line-height: 1; }
.timeline-content p { font-size: clamp(22px, 2.4vw, 48px); color: var(--green2); font-weight: 300; }
.timeline-year { position: absolute; width: 14px; height: 14px; border-radius: 50%; background: var(--beige2); 
	transform: translate(-50%,-50%); cursor: pointer; z-index: 10; transform-origin: 50% 50%; will-change: transform; user-select: none; }
.timeline-year span { position: absolute; left: 35px; top: -5px; font-size: 30px; color: var(--beige2); 
	white-space: nowrap; font-weight: 600; transition: .35s ease; }
.timeline-year.active { background: var(--green2); }
.timeline-year.active span { color: var(--green2); font-size: 70px; font-weight: 700; }
.history-details { flex: 1; }
.year-row { display: flex; align-items: center; justify-content: flex-end; }
#timeline-description { font-size: clamp(16px, 1.2vw, 22px); color: #2c453e; max-width: 460px; padding-left: 50px; line-height: 1.4; }
.history-image { width: 480px; aspect-ratio: 1; background-size: cover; background-position: center; background-repeat: no-repeat; 
	border-radius: 92% 0; position: relative; flex-shrink: 0; }
.history-image.greyimg { filter: grayscale(1); } 
.history-image: before { content: ''; background: url(assets/images/leafframe.png) no-repeat; background-size: 102% 100%; 
	background-position: left -2px top; position: absolute; inset: 0; pointer-events: none; }

@media(max-width: 1200px) {  
.history { gap: 40px; }
.history-image { width: 320px; }
.timeline-year.active span { font-size: 50px; }
#timeline-description { font-size: 24px; padding-left: 40px; }
}
@media(max-width: 991px) {  
.history { flex-direction: column; text-align: center; gap: 50px; }
.timeline-area { width: 90vw; max-width: 550px; }
.timeline-content { left: 50%; transform: translate(-50%,-50%); width: 80%; }
.year-row { justify-content: center; }
.history-image { width: 90vw; max-width: 420px; }
#timeline-description { padding-left: 0; max-width: 100%; }
}

.mobile-history-arc { display: none; }

/* IMAGE TEXT BLOCK */
.imgtextblock .text h3 { margin-bottom: 15px; }
.imgtextblock .text p { line-height: 1.5; margin-bottom: 30px; }
.imgtextblock .img { padding-top: 2px; }
.btn-green.btnpdf { background: var(--green1); font-size: 18px; padding: 0 14px; border-radius: 10px; gap: 20px; }

/* OUR SITES */
.oursites { background: url(assets/images/mapbg.jpg) no-repeat center / cover; padding: 120px 0 40px; min-height: 800px; }
.oursites .sectext h3 { color: #fff; }
.addresses { background: #EEE5D5; padding: 20px; margin: 0 -20px; border-radius: 4px; }
.addresses .imginn { min-height: clamp(300px, 30vw, 540px); border-radius: 4px; }
.tabinn { display: none; }
.tabinn:first-child { display: block; }
.tabinn .text { padding-right: 30px; padding-top: 40px; }
.tabinn.hasmenu .text { padding-top: 130px; }
.tabinn img { border-radius: 5px; }
.tabnavinn { padding-left: 45%; padding-top: 40px; position: absolute; display: flex; flex-wrap: wrap; gap: 10px; }
.tabnavinn a { background: none; border: 1px solid var(--green); color: var(--green); }
.tabnavinn a:hover, .tabnavinn a.active { background: var(--beige); border: 1px solid var(--beige); }
.tabinn h4 { font-size: clamp(24px, 1.7vw, 32px); font-weight: 700; margin-bottom: 10px; }
.tabinn h5 { color: #898989; font-size: 18px; font-weight: 400; margin-bottom: 30px; }

.addressesmob { display: flex; flex-wrap: wrap; margin: 0px auto; gap: 24px; max-width: 1300px; }
.addressesmob .item { border-radius: 4px; width: calc(25% - 18px); position: relative; }
.addressesmob .active.item { background: var(--beige4); color: var(--green); z-index: 1; }
.addressesmob .desc { background: var(--beige4); border-radius: 0 0 4px 4px; display: none; border-top: 1px solid var(--beige2); padding: 20px; 
	position: absolute; width: 100%; top: calc(100% - 3px); }
.addressesmob .title { background: #F6EDDE4D; color: #fff; border-radius: 4px; display: flex; align-items: center; gap: 10px; 
	font-size: 20px; font-weight: 600; padding: 15px 10px; position: relative; cursor: pointer; }
.addressesmob .active .title { color: var(--green); }
.addressesmob .title:before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; width: 12px; height: 12px;
    position: absolute; right: 20px; top: 26px; transform: rotate(-45deg); transition: 0.4s; }
.addressesmob .active .title:before { border-left: 1px solid var(--green); border-bottom: 1px solid var(--green); 
	transform: rotate(135deg); transform-origin: center; }

.descinn { display: none; font-size: 12px; padding: 15px 10px; }	
.descinn .img { border-radius: 5px; padding: 40%; }	
.descinn h4, .descinn h5 { font-size: 14px; margin-bottom: 10px; }	
.iteminn.active { background: var(--beige1); color: #898989; border-radius: 4px; }
.iteminn .titleinn { border-bottom: 1px solid #22413733; color: var(--green); display: flex; align-items: center; gap: 10px; 
	font-size: 14px; font-weight: 600; padding: 15px 10px; position: relative; cursor: pointer; }
.iteminn:last-child .titleinn { border-bottom: 0; }	
.iteminn .titleinn:before { border-left: 1px solid var(--green); border-bottom: 1px solid var(--green); content: ''; width: 8px; height: 8px;
    position: absolute; right: 10px; top: 18px; transform: rotate(-45deg); transition: 0.4s; }
.iteminn.active .titleinn:before { transform: rotate(135deg); transform-origin: center; top: 22px; }	
	
/* POSTWRAP */
.postwrap { background: url(assets/images/postwrapbg.jpg) no-repeat center top / cover var(--green2); color: #fff; }
.postwrap .sectext { margin-bottom: clamp(40px, 4vw, 80px); }
.postwrap .btndiv { padding-top: clamp(40px, 3vw, 60px); }
.postdiv.grid4 { gap: 20px; }
.grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px; }
.post { min-height: clamp(280px, 18vw, 340px); }
/* .post { min-height: clamp(280px, 18vw, 340px); position: relative; padding: 20px; border-radius: 2px;
	display: flex; flex-direction: column; justify-content: flex-end;  }
.post .postdate { position: absolute; right: 15px; top: 15px; font-size: 12px; color: #fff; display: none; }
.mobcarousel .post .desc .postdate { z-index: 1; }
.mobcarousel .post .desc { z-index: 1; }
.mobcarousel .post:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; 
	background: #00000040; z-index: 0; border-radius: 2px; } 
.post h4 { font-weight: 400; line-height: 1.2; margin-bottom: 20px; max-width: 270px; min-height: 72px; }
.post .date { font-size: 12px; }
.post:hover .circlebtn, .circlebtn:hover { background: var(--green); } 
*/
.post .media-item { height: 100%; }
.splide__slide article { height: 100%; }
.overlink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.excerpt { line-height: 1.4; }
.circlebtn { background: #FFFFFF5C; backdrop-filter: blur(16px); width: 30px; height: 30px; border-radius: 50%; display: flex; 
	justify-content: center; align-items: center; font-size: 10px; color: #fff; }
.circlebtn span { width: auto; }

.postwrap.design2 { background: #fff; color: var(--green); padding-bottom: 0; }
.postwrap.design2 .sectext { margin-bottom: 50px; }
.postwrap.design2 .media-item { height: 100%; }
.postwrap.design2 .media-thumb { height: 250px; }
.postwrap.design2 .media-type { font-size: 16px; }
.postwrap.design2 .media-item h4 { font-weight: 600; }
.fancybox__content { padding: 0; }

/* FAQs */
.faqwrap .wrap { max-width: 1280px; }
.accitems {}
.accitems .item { background: #4D4D4D2B; box-shadow: 0px 0px 20px 0px #FFFFFF40 inset; border-radius: 14px; 
	padding: 35px 80px 35px 35px; position: relative; margin-bottom: 14px; }
.accitems .title { font-size: clamp(18px, 1.6vw,30px); font-weight: 500; cursor: pointer; margin: 0; position: relative; transition: 0.3s; }
.accitems .item:hover .title, .accitems .active .title { color: var(--orange); }
.accitems .active .title i { transform: rotate(180deg); }
.accitems .title i { background: #FEFEFE33; box-shadow: 0px 0px 10px 0px #FFFFFFE3 inset; width: 48px !important; height: 48px !important; 
	border-radius: 100%; display: flex; justify-content: center; align-items: center; color: var(--orange); transition: 0.3s;
	font-size: 14px; position: absolute; top: -7px; right: -50px; }
.accitems .item.active { background: #B7B7B75C; box-shadow: 0px 0px 25px 0px #FFFFFF69 inset; }
.accitems .desc { display: none; padding-top: 10px; margin-top: 50px; max-width: 850px; border-top: 1px solid #FFFFFF66; }

/* CONTACT FORM */
#siteform { padding-top: clamp(40px, 6.5vw, 140px); position: relative; }
#siteform:before { content: ''; background: var(--green); position: absolute; bottom: 0; left: 0; right: 0; height: 140px; z-index: -1; }
#siteform .sectext h3 { font-size: clamp(24px, 2.5vw, 48px); }
#siteform .field.submitbtn { max-width: 200px; margin-top: -98px; }
#siteform input#email.error + label.error { margin-bottom: 100px; }
.fromwrap { background: var(--beige2); border-radius: 5px; padding: 50px 0; max-width: 1700px; margin: 0px auto; }
.fromwrap .sectext { background: url(assets/images/halfcircle.png) no-repeat left 30px bottom;  padding: 40px 0 120px 110px; }
.fromwrap .sectext .text { max-width: 450px; }
.fromwrap .sectext .text .btn-green { display: none; }
.flexfield { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 36px; }  
.field { position: relative; margin-bottom: 20px; }
.field label { font-size: 16px; display: block; margin-bottom: 8px; letter-spacing: 0.7px; }
.txtbox, .select, textarea { background: #fff; border-radius: 6px; height: 54px; width: 100%; 
	padding: 0 20px; font-size: 16px; color: var(--green); }
.select { background: url(assets/images/arow-grn.svg) no-repeat right 15px center / 16px #fff; appearance: none; line-height: 1.3; }
.select option { background: var(--beige); }
textarea.txtbox { height: 152px; padding: 20px; }   
.submit { background: var(--green1); color: var(--white); padding: 0 30px; font-size: 16px; font-weight: 700; height: 40px; display: inline-flex; 
	align-items: center; border-radius: 6px; } 
.submit:hover { background: var(--black); } 
.chk { display: flex; gap: 10px; line-height: 1.5; }
.chk label { width: calc(100% - 30px); margin-bottom: 0 !important; font-size: 13px; color: #3F3F3F; }
.chk input { appearance: none; background: #fff; padding: 0 0 3px; width: 28px; height: 28px; border: 0; border-radius: 3px;
	display: flex; justify-content: center; align-items: center; position: relative; }
.chk input:checked::before { content: ""; width: 5px; height: 10px; border: solid var(--green); border-width: 0 2px 2px 0; transform: rotate(48deg); }
.chk a { color: #3F3F3F; text-decoration: underline; }
.frmbtn { display: flex; justify-content: flex-end; } 
label.error { padding: 4px 10px; background: #f00; color: #fff; font-size: 14px; line-height: 1; display: block;
	border-radius: 5px; margin-top: 1px; } 
.chk input + label.error { position: absolute; bottom: -40px; }
.formMessages {  /* padding: 10px 0 0; */ display: none; } 
.error { border: 1px solid #f00; color: red; } 
::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; }
.red { color: #f00; }

.contacttop .select { padding: 0; border-bottom: 1px solid var(--green); border-radius: 0; height: 40px; background-position: right 0 center; }

/* CONTACT PAGE */
#contactpg { padding-top: 20px; }
.form-toggle { display: flex; gap: 10px; margin-bottom: 50px; }
.toggle-btn { border: 1px solid var(--beige2); color: var(--beige2); height: 50px; font-size: 18px; font-weight: 500; 
	padding: 0 30px; border-radius: 60px; }
.toggle-btn.active { background: var(--green2); color: #fff; }
.form-text { margin-bottom: 60px; padding-top: 70px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; }
.formflexwrap { display: flex; flex-wrap: wrap; gap: 0 60px; }
.formflexwrap .fieldrow { width: calc(50% - 30px); }
.leadForm .field { margin-bottom: 35px; }
.leadForm .txtbox { border: 0; border-bottom: 1px solid var(--green); border-radius: 0; height: 40px; padding: 0; }
.leadForm .chk input { background: #A9A9A9; }
.leadForm textarea.txtbox { height: 87px; }
.leadForm .frmbtm { display: flex; gap: 0 60px; flex-direction: row-reverse; padding: 20px 0; }
.leadForm .frmbtm .field { flex: 1; }
.leadForm .submit { background: var(--beige2); color: var(--green); }
.leadForm .submit:hover { background: var(--green); color: var(--white); }

.radio-group { display: flex; gap: 28px; margin-bottom: 35px; }  
.radio-option { display: flex; align-items: center; gap: 10px; cursor: pointer; }  
.radio-option input[type="radio"] { appearance: none; -webkit-appearance: none; width: 14px; height: 14px; margin: 0; background: #D7D7D7;
	border: 2px solid #D7D7D7; border-radius: 50%; cursor: pointer; padding: 0; }
.radio-option input[type="radio"]:before { display: none; } 
.radio-option input[type="radio"]:checked { background: var(--green); }  

.greenbox { background: url(assets/images/leafshape.svg) no-repeat center top / contain var(--green2); 
	border-radius: 4px; color: #fff; padding: 70px 70px 40px; }
.greenbox h4 { font-size: clamp(22px, 1.7vw, 32px); }
.greenbox .social { padding: 50px 0; gap: 20px 40px; }
.greenbox .social a { color: #fff; font-size: 20px; font-weight: 300; }
.greenbox .social a span { background: var(--beige2); font-size: 16px; }
/* .greenboximg img { margin-left: -80px; } */
.contactbtm { background: var(--beige1); }
.contactbtm li:after { background: url(assets/images/leaf-down.svg) no-repeat center / contain; content: ''; width: 34px; height: 50px;
	display: block; transform: rotate(-45deg); margin: 20px auto 0; }
.contactbtm .icon { margin-bottom: 25px; height: 105px; }
.contactbtm h4 { margin-bottom: 10px; }
.contactbtm p { line-height: 1.5; }
.page-id-329 .oursites { padding-bottom: 100px; }

/* INDUSTRIES */
.induspostwrap { padding-bottom: clamp(40px, 6.5vw, 140px); }
.industry-tabs { display: flex; flex-wrap: wrap; gap: 20px; }
.industry-tabs button { font-weight: 500; font-size: 18px; text-align: center; border: 1px solid var(--green2); color: var(--green2); 
	border-radius: 52px; height: 60px; width: calc(25% - 15px); }
.industry-tabs button.active { background: var(--green2); color: var(--white); }
.industry-tabs a { display: flex; align-items: center; color: var(--green2); font-size: 18px; justify-content: center; width: calc(25% - 15px); }
.leafdown { display: inline-block; transform: rotate(90deg); }

.industry-slider-wrap .splide__track { padding: 30px 0; }
.industry-slide a { /* width: 300px; */ height: 430px; border-radius: 4px; display: flex; justify-content: center; align-items: flex-end; padding: 40px 10px; }
.industry-slide:before { content: ''; border-radius: 4px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%); z-index: 1; }
.industry-slide { position: relative; }
.industry-slide div, .industry-slide a { position: relative; z-index: 2; }
.industry-slide a h4, .bigslide .industry-slide .thumb h4 { font-weight: 600; font-size: 16px; color: #fff; text-align: center; margin-bottom: 0; }
.industry-slide { transition: transform 0.3s ease; }
.industry-slide .flex { gap: 10px; flex-wrap: nowrap; text-align: left; }
/*.industry-slide:hover { transform: scale(1.09); z-index: 10; }*/
/* .industry-slide.is-active { transform: scale(1.09); z-index: 10; } */
.industry-slide span.btn-beige { display: none; height: 40px; padding: 0 20px; }
/* .industry-slide.is-active span.btn-beige,  */ .industry-slide:hover span.btn-beige { display: inline-flex; }
.splide__pagination { position: static; padding-top: 30px; }
.splide__pagination button { background: var(--green2); opacity: 0.5; }
.splide__pagination button.is-active { background: var(--green); opacity: 1; }

.bigslide .industry-slide a, .bigslide .industry-slide .thumb { /* width: 45vw; */ height: 430px; border-radius: 4px; display: flex; justify-content: center; 
	align-items: flex-end; padding: 40px 10px; }	
.bigslide .industry-slide.is-active { transform: scale(1); /* z-index: 10; */ }

/**/
.splide__arrows { max-width: 1740px; margin: 0px auto; padding: 0 20px; display: flex; justify-content: flex-end; gap: 30px; }
.splide__arrows button { background: var(--beige); font-size: 12px; color: var(--green); width: 36px; height: 36px; position: static; }
.splide__arrows button svg { display: none; } 
.splide__arrows button:before { font-weight: 600; font-size: 10px; }
.splide__arrow--next:before { content: '\e901'; font-family: icomoon; } 
.splide__arrow--prev:before { content: '\e902'; font-family: icomoon; } 

.home .fancybox__content { background: var(--beige3); border-radius: 5px; padding: 20px; }
.fancybox__backdrop { background: #32323299; }
.carousel__button.is-close { border: 1px solid #224137; top: 14px !important; right: 14px !important; width: 44px; height: 44px;
	box-shadow: none !important; }
.carousel__button.is-close * { filter: none; }
.carousel__button.is-close svg path { stroke: #224137 !important; }
.carousel__button.is-close svg { width: 14px; }
.industry-popup-loading { display: none; }
.industry-popup-loading + .carousel__button { display: none !important; }
.industry-popup { display: flex; gap: 50px; max-width: 1340px; width: 100%; }  
.industry-popup-left { width: 34%; }  
.industry-popup-left img { border-radius: 5px; width: 100%; display: block; }  
.industry-popup-right { width: 62%; padding: 40px 40px 40px 0; }
.industry-breadcrumb { display: inline-block; margin-bottom: 35px; font-size: 11px; color: #8A8A8A; border-bottom: 1px solid #8A8A8A; }  
.industry-breadcrumb a { color: #8A8A8A; }  
.industry-term { margin-bottom: 50px; }  
.industry-term span { font-size: 15px; border: 1px solid #000000; display: inline-block; line-height: 26px; padding: 0 10px; border-radius: 3px; }
.industry-popup h3 { margin-bottom: 10px; font-size: clamp(28px, 2.2vw, 40px); font-weight: 600; }  
.industry-description { margin-bottom: 25px; }  
.industry-link { margin-bottom: 30px; }  
.industry-link .btn-green { height: 40px; padding: 0 20px; }
.indsolution { padding: 60px 0 0; }
.indsolution h5 { font-size: 20px; font-weight: 400; }
.indsolution ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.indsolution ul li a { background: var(--beige2); display: flex; align-items: center; justify-content: space-between; 
	border-radius: 4px; padding: 0 3px 0 10px; font-size: clamp(16px, 1.2vw, 20px); height: 42px; white-space: nowrap; }

/* TEXT WITH SLIDER */
.carousel-wrap .splide__track { padding: 30px 0; }
.carousel-wide .splide__track { padding: 30px 0; }
.cslide { transition: transform 0.3s ease; }
/*.cslide:hover, */.cslide.is-active { transform: scale(1); z-index: 10; }
.cslide .thumb { width: 380px; height: 520px; border-radius: 4px; display: flex; flex-wrap: wrap; transition: width 0.4s ease;
	justify-content: center; align-items: flex-end; padding: 40px; padding: 0 30px 30px; overflow: hidden; position: relative; z-index: 1; }
.cslide .thumb:before { content: ''; border-radius: 4px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%); z-index: -1; }
.cslide .thumb h4 { font-weight: 600; font-size: 20px; color: #fff; text-align: center; width: 100%; transition: 0.5s; }
.cslide .thumb .txt { font-size: 0; color: #fff; opacity: 0; transform: translateY(200%); transition: transform 0.5s ease; }
.hastext .cslide .thumb { transition: width 0.6s ease; flex-direction: column; justify-content: flex-end; }	
.hastext .cslide.is-active { transform: scale(1.04); justify-content: left; border-radius: 10px; overflow: hidden; position: relative; } 
.hastext .cslide.is-active .thumb { width: 780px; }
.hastext .cslide.is-active .thumb h4 { font-size: 22px; color: #fff; text-align: left; }
.hastext .cslide.is-active .txt { font-size: 18px; opacity: 1; transform: translateY(0%); }

.txtmob { display: none; }

.textwithslider.hastext .sectext { margin: 20px 0; }
.carousel-wrap.hastext .splide__arrows button, .carousel-wide.hastext .splide__arrows button { margin-top: -60px; }

.fourslide .cslide:hover, .fourslide .cslide.is-active { transform: scale(1); z-index: 10; }
.fourslide .cslide .thumb { width: 100%; height: 340px; }
.fourslide h4 br { display: none; }
.fourslide h4 { font-size: clamp(18px, 1.2vw, 20px); font-weight: 400; text-align: center; padding: 20px 0 0; }
.fourslide .splide__arrows button { margin-top: -90px; background: var(--green); color: #fff; opacity: 1; }

.fiveslide {}
.fiveslide .thumb:before { position: absolute; left: 0; top: 0; background: #00000080; content: ''; height: 100%; width: 100%; opacity: 0;
	transition: 0.3s; }
.fiveslide .thumb:hover:before { opacity: 1; }
.fiveslide .thumb { padding: 25px; position: relative; color: #fff; border-radius: 5px; height: 340px; }  
.fiveslide .thumb h4 { font-size: 24px; text-align: center; z-index: 1; position: relative; font-weight: 700; }  
.fiveslide .thumb ul { max-width: 170px; margin: 30px auto 0; z-index: 1; position: relative; opacity: 0; transition: 0.5s; }  
.fiveslide .thumb:hover ul { opacity: 1; }  
.fiveslide .thumb ul li { list-style: disc; font-size: 20px; line-height: 1.3; }  

.fourslidextend .splide__arrows button { background: var(--green); opacity: 1; color: #fff; margin-top: -110px; }
.fourslidextend .cslide:hover, .fourslide .cslide.is-active { transform: scale(1); z-index: 10; }
.fourslidextend .cslide .thumb { width: 100%; height: 340px; }
.fourslidextend h4 br { display: none; }
.fourslidextend h4 { font-size: clamp(18px, 1.2vw, 20px); font-weight: 700; text-align: center; padding: 20px 0 0; }
.fourslidextend .splide__arrows button { margin-top: -90px; background: var(--green); color: #fff; opacity: 1; }

.application .splide__arrows { display: none; }

.pb140 { padding-bottom: clamp(40px, 7.3vw, 140px); }
.tabnav, .tabbtndesign { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 64px; }
.tabnav a, .tabbtndesign button { border: 1px solid var(--green); color: var(--green); background: none; 
	font-size: clamp(16px, 1.2vw, 20px); font-weight: 400; }
.tabnav a:hover, .tabnav a.active, .tabbtndesign .active { border: 1px solid var(--green); color: var(--white); background: var(--green); }

/* TEAMSLIDER */
.breadcrumbs + .teamsliderwrap { padding-top: 20px; }
.tslide { display: flex; align-items: center; min-height: 464px; }
.tslide .flex { background: var(--beige1); border-radius: 4px; padding: 22px; width: 100%; }
.tslide .img { width: 46%; max-width: 640px; height: clamp(160px, 20vw, 360px); border-radius: 4px; transition: height 0.4s ease; }
.tslide h4 { margin-bottom: 10px; }
.tslide p { max-width: 580px; margin-bottom: 40px; }
.tslide.is-active .img { height: clamp(160px, 23vw, 420px); }
.greenarrow .splide__arrows button { margin-top: -90px; background: var(--green); color: #fff; opacity: 1; }

/* TEAM */
.teamsection { padding-top: 40px; }
.teamhead { display: flex; align-items: center; gap: 20px 60px; margin-bottom: clamp(50px, 5.2vw, 100px); }
.teamhead h3 { margin: 0; }
.dropdown { border: none; border-radius: 40px; background: url(assets/images/ddarow.svg) center right 20px no-repeat var(--green); 
	color: #fff; font-size: 20px; cursor: pointer; appearance: none; padding: 0 40px 0 20px; min-width: 240px; height: 40px; }  
.dropdown option { font-size: 14px; } 
.dropdown:focus { outline: none; } 
.team-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 60px 30px; }  
.team-item { text-align: center; }  
.team-item h4 { font-size: clamp(16px, 1.8vw, 34px); font-weight: 400; margin-bottom: 10px; }  
.team-image { display: flex; justify-content: center; width: 100%; max-width: 280px; padding: 88.6% 0 0; border-radius: 50%; 
	overflow: hidden; position: relative; margin: 0 auto 20px; transition: 0.3s; }
.team-item:hover .team-image { transform: scale(1.08); }	
.team-image img { max-width: inherit; max-height: inherit; width: 100%; border-radius: 50%; }
.team-loadmore-wrap { text-align: center; margin-top: 50px; } 

/* INITIATIVE */
.page-id-564 .fancybox__content { background: none; }
.page-id-564 .carousel__button.is-close { background: var(--green) !important; }
.page-id-564 .carousel__button.is-close svg path { stroke: #fff !important; }
.initiativewrap { padding-top: 20px; }
.init-item { background: var(--beige1); border-radius: 4px; padding: 10px; width: 458px; }
.init-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.init-meta h4 { margin: 0; }

/* BOTTOM BANNER */
.btmbanner { color: #fff; }
.btmbanner h3 { margin-bottom: 50px; }
.btmbanner { margin-top: 150px; }
.btmbanner .img { position: absolute; bottom: -20px; right: 180px; max-width: 400px; }
 
/* CAREER TOP */
.careertoptext .text ul { display: flex; gap: 0 50px; text-align: center; }
.careertoptext .text li { max-width: 235px; }
.careertoptext .text .icon { display: flex; justify-content: center; align-items: flex-end; height: 90px; margin-bottom: 20px; }

/* CAREER BLOCK */
.careerhead { align-items: center; gap: 20px 60px; margin-bottom: clamp(20px, 2.7vw, 50px); }
.careerhead h3 { margin: 0; }
.career-filter { display: flex; flex-wrap: wrap; gap: 10px 80px; }
.career-filter #career-search { background: url(assets/images/search2.svg) no-repeat right 20px center #D9D9D9; height: 40px; 
	border-radius: 40px; max-width: 240px; padding-right: 40px; }
.careerpostwrap { padding-bottom: clamp(40px, 4.5vw, 70px); }
.concept-loadmore-wrap { padding: 70px 0 20px; }


.ddw { position: relative; border-radius: 20px; z-index: 9; min-width: 240px; }
.ddw.is-open { z-index: 10; box-shadow: 0 0 0 4px var(--beige1); }
.ddw-header { border-radius: 40px; background: url(assets/images/ddarowmenu.svg) no-repeat right 20px center / 14px var(--green); color: #fff; 
	font-size: 20px; font-weight: 500; appearance: none; padding: 0 20px; width: 100%; height: 40px; 
	text-align: left; position: relative; cursor: pointer; }
.ddw-arrow { background: url(assets/images/ddarow.svg) no-repeat center / contain; position: absolute; right: 20px; 
	top: 10px; height: 18px; width: 16px; transition: 0.3s; }
.is-open .ddw-arrow { transform: rotate(180deg); } 
.ddw-panel { display: none; position: absolute; background: var(--beige1); box-shadow: 0 0 0 4px var(--beige1); 
	border-radius: 0 0 20px 20px; width: 100%; padding: 40px 10px 20px 20px; top: 50%; z-index: -1; }
.ddw-list { max-height: 180px; overflow: auto; }
.ddw-list::-webkit-scrollbar { width: 2px; } 
.ddw-list li { color: var(--green); cursor: pointer; font-size: 20px; font-weight: 500; padding: 10px 0; } 

.career-row { border-bottom: 1px solid #A8A8A899; align-items: center; gap: 20px; padding: 50px 0; }
.career-row h4 { margin: 0; }
.cmeta { align-items: center; color: #898989; font-size: 18px; gap: 20px; min-width: 60%; }
.cmeta .w1 { width: 25%; }
.cmeta .btn-green { border: 1px solid var(--green); color: var(--green); background: no-repeat; height: 40px; }

.caheads h3 { margin: 0; }
.meta-left div { display: flex; align-items: center; gap: 6px; color: #898989; }
.meta-right { display: flex; align-items: center; gap: 40px; }
.meta-right a { display: flex; align-items: center; gap: 8px; color: #898989; cursor: pointer; }
.applybtn { transition: 0.4s; top: 0px; }
.applybtn-sticky { position: fixed; top: 90px; z-index: 99; }

.ca_text { display: flex; flex-direction: column; gap: 60px 0; }
.ca_text .item { display: flex; flex-wrap: wrap; }
.ca_text .text1 { width: 100%; max-width: 350px; }
.ca_text .text2 { width: 100%; max-width: 1000px; }
.ca_text ul { padding-left: 40px; margin-bottom: 20px; }
.ca_text ul li { list-style: disc; line-height: 1.5; }

/* CAREER FORM */
.page-id-601 .fancybox__content { border-radius: 22px; }
#careerform { background: none; max-width: 900px; width: 96%; }
.single-career .carousel__button.is-close, .page-id-601 .carousel__button.is-close { border: 1px solid #fff; }
.single-career .carousel__button.is-close svg path, .page-id-601 .carousel__button.is-close svg path { stroke: #fff !important; }
button span { width: auto !important; }
.careerform .chk label { width: calc(100% - 50px); } 
.careerform .chk { flex-wrap: wrap; justify-content: space-between; }
.careerform .chk input + label.error { position: static; order: 1; }
.careerform.dform .submit { background: var(--green); color: var(--white); justify-content: center; }
.file-upload { border-radius: 8px; background: url(assets/images/cvupload-arrow.svg) no-repeat right 10px center var(--beige2);
	display: flex; align-items: center; padding: 0 6px 0 20px; cursor: pointer; position: relative; height: 54px; max-width: 370px;
    word-break: break-word; }
.file-upload label.error { position: absolute; top: calc(100% + 10px); left: 0; z-index: 1; }	
.file-upload .file-label { color: var(--green); font-size: 16px; }
.file-upload input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

button:disabled { opacity: 0.5; pointer-events: none; }

.careerform .frmbtm { display: flex; flex-wrap: wrap; gap: 20px; }
.careerform .careeranimdiv { width: 250px; position: relative; }
.careerform .careeranimdiv img { position: absolute; bottom: -90px; max-width: inherit; max-height: inherit; width: 280px; height: 280px; }


.single-career .fancybox__content { background: none !important; }
.thankumsgwrap { display: none; }
.thankumsg { background: url(assets/images/alldonebg.jpg) no-repeat center / cover; color: #fff; 
	width: clamp(360px, 32vw, 580px); min-height: clamp(325px, 25vw, 354px); border-radius: 20px; padding: 50px; }
.thankumsg p { margin-bottom: 40px; }

/* PAGE MEDIA EVENTS */
.mediacenter .wrap { max-width: 1480px; }
.mpwrap { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-bottom: 60px; }  
.media-item { background: var(--beige1); color: var(--green); border-radius: 5px; padding: 10px; position: relative; transition: transform 0.4s ease; }
.media-item:hover { transform: scale(1); }
.media-item h4 { font-size: 20px; font-weight: 400; }
.media-thumb { height: 290px; border-radius: 5px; margin-bottom: 20px; transition: 0.5s; display: flex; overflow: hidden; }
.media-item:hover .media-thumb { background-size: 120% !important; }
.media-thumb .thumbinn { height: 100%; width: 100%; transition: 0.3s; }
.media-item:hover .thumbinn { transform: scale(1.2); }
.media-meta { display: flex; align-items: center; justify-content: space-between; font-size: 18px; margin-bottom: 35px; }
.media-type { background: #FFF; border-radius: 2px; display: flex; align-items: center; height: 32px; padding: 0 10px; }
.media-date { color: var(--green2); }
#media-load-more { font-size: 18px; }

/* STAYUPDATE */
.stayupbnr { background: var(--green2); color: #fff; margin-top: 200px; }
.stayupbnr h3 { font-size: clamp(24px, 2.2vw, 40px); }
.stayupbnr .img { position: absolute; bottom: -30px; max-width: 506px; }
.stayupbnr .social a { color: #fff; font-size: 22px; font-weight: 300; }
.stayupbnr .social a span { background: var(--beige2); font-size: 16px; }

.page-id-524 .fancybox__content { background: none; padding: 0; max-width: 1700px; width: 96%; }
.page-id-524 .fancybox__content button.is-close { background: var(--green); right: 25px !important; 
	top: 25px !important; }
.page-id-524 .fancybox__content .is-close svg path { stroke: #fff !important; }	
.page-id-524 .media-type { height: auto; padding: 0; font-weight: 700; font-size: 18px; background: none; }
.media-tabs-toggle { display: none; }
.mediapopup { background: var(--beige3); border-radius: 20px; padding: 40px 40px 40px 70px; max-width: 1700px; color: var(--green); }
.mediapopup ul { padding-left: 24px; margin-bottom: 20px; }
.mediapopup ul li { list-style: disc; line-height: 1.4; }
.mediapopup .breadcrumbs { padding-top: 0; }
.popmeta { display: flex; gap: 20px; align-items: center; font-size: 18px; margin-bottom: 60px; }
.popcat { border: 1px solid var(--green); height: 32px; padding: 0 10px; border-radius: 2px; display: flex; align-items: center; }
.popdate { color: #A9A9A9; }
.poptextdiv { max-height: 500px; overflow-y: auto; padding-right: 20px; }
.mimgmob { display: none; }

.ourspeaker { padding-left: 45%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding-top: 40px; }
.speakerlist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 40px; width: calc(100% - 280px); margin-bottom: 40px; }
.speakerlist .item { max-width: 170px; line-height: 1.2; text-align: center; }
.speakerlist .item .icon { padding: 50%; border-radius: 50%; margin-bottom: 10px; }
.speakerlist .item b { display: block; color: var(--green1); }
.relatedpost-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 80px; }
.relatedpost-list .media-item h4 { font-weight: 600; }

/* PAGE ABOUT */
.page-id-435 .numberwrap { background: url(assets/images/numbg.jpg) no-repeat center / cover var(--green); color: #fff; padding: 70px 0; }
.page-id-435 .numbs { width: 100%; gap: 70px 0; margin: 0 auto; max-width: 1250px; }
.page-id-435 .numbs .item { width: 25%; }
.page-id-435 .num { color: var(--beige2); margin-bottom: 10px; display: flex; justify-content: center; }
.page-id-435 .numanim { order: 1; }

/* PAGE invester */
.page-id-1251 .numberwrap { background: url(assets/images/numbg.jpg) no-repeat center / cover var(--green); color: #fff; padding: 70px 0; }
.page-id-1251 .numbs { width: 100%; gap: 70px 0; margin: 0 auto; max-width: 1250px; }
.page-id-1251 .numbs .item { width: 25%; }
.page-id-1251 .num { color: var(--beige2); margin-bottom: 10px; display: flex; justify-content: center; }
.page-id-1251 .numanim { order: 1; }

/* KEY BENEFITS */
.keybenefit .flex { gap: 20px 0; }
.keybenefit .item { background: var(--beige3); width: calc(20% - 20px); text-align: center; position: relative; padding: 50px 30px 30px; }
.keybenefit .item h5 { margin-bottom: 10px; }
.keybenefit .item .hoverdiv { background: var(--beige3); opacity: 0; text-align: left; position: absolute; 
	left: 0; top: 0; height: 100%; width: 100%; padding: 50px 30px; transition: 0.3s; display: flex;
    flex-direction: column; justify-content: center; }
.keybenefit .item:hover .hoverdiv { opacity: 1; }
.keybenefit .item .hoverdiv .icon2 { position: absolute; right: 30px; top: 30px; }
.keybenefit .item .icon { display: flex; justify-content: center; margin-bottom: 30px; }


/* FINANCIAL BLOCK */
.fin-reports { max-width: 1600px; margin: 0 auto; padding-top: 20px; }
.fin-reports .sectext { margin-bottom: 30px; }
.fin-year-tabs { background: #F5F5F5; padding: 5px; border-radius: 80px; }
.fin-year-btn { }
.fin-year-btn.active { background: var(--beige); color: var(--green); }
.fin-year-panel { display: none; }
.fin-year-panel.active { display: block; }
.fin-quarters { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px 56px; align-items: start; }
.fin-accordion { background: var(--beige3); border-radius: 10px; overflow: hidden; }
.fin-quarter-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; padding: 0 25px; }
.fin-quarter-head h3 { font-size: 24px; font-weight: 700; color: #000; margin: 0; }
.fin-year-label { color: #000; font-size: 16px; }

/* Accordion */
.fin-accordion { background: var(--beige3); border-radius: 30px; padding: 5px; }
.fin-accordion.is-open { border-radius: 10px; }
.fin-accordion-toggle { background: var(--green); border-radius: 30px; color: #fff; font-size: 20px; display: flex; align-items: center;
	justify-content: space-between; height: 48px; width: 100%; padding: 0 20px; transition: 0.3s; }
.is-open .fin-accordion-toggle { background: var(--green); border-radius: 5px; }
.ico { transition: transform .25s ease; } 
.is-open .ico { transform: rotate(180deg); }
.fin-accordion-body { font-size: 20px; display: none; padding-top: 8px; }
.fin-resource-item { background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 15px 20px;
	color: #8C8C8C; border: 1px solid #E5E5E5; border-radius: 10px; transition: 0.3s; margin-bottom: 7px; }
.fin-resource-item a { color: #8C8C8C; }
.fin-resource-item:hover { background: var(--beige1); color: var(--green); }
.fin-resource-item:hover a { color: var(--green); }
.fin-resource-item.is-disabled { color: #b3b3b3; }
.pdficon { background: url(assets/images/pdf-grey.svg) no-repeat left center; padding-left: 30px; line-height: 1.2; }
.eyeicon { background: url(assets/images/eye-grey.svg) no-repeat center / 26px; width: 26px; height: 23px; display: inline-block; }
.linkicon { background: url(assets/images/iconlink.svg) no-repeat left center; padding-left: 30px; line-height: 1.2; }
.fin-resource-item:hover .pdficon { background: url(assets/images/pdf.svg) no-repeat left center; }
.fin-resource-item:hover .eyeicon { background: url(assets/images/eye-green.svg) no-repeat center / 26px; }
.fin-resource-item:hover .linkicon { background: url(assets/images/iconlink-green.svg) no-repeat left center; }
.fin-coming-soon {
	background: #E6E6E6; border-radius: 30px; color: var(--green); font-size: 20px; display: flex; align-items: center;
	justify-content: space-between; height: 48px; width: 100%; padding: 0 20px; transition: 0.3s; }

/* INNOVATION */
.esg-innovation { background: var(--green); color: #fff; }
.esg-innovation .flex { gap: 10px 30px; }
.esg-innovation .sectext { margin-bottom: 40px; }
.esg-card { background: var(--beige1); border-radius: 5px; color: var(--green); padding: 35px; flex: 1; text-align: center; }
.esg-card h4 { font-size: 24px; font-weight: 700; margin-bottom: 15px; }
.esg-card .btn-green { background: var(--green1); }  
.btm-note { font-size: 14px; padding: 40px 0 0; letter-spacing: 0.5px; }
#esg-popup-enviroment { border-radius: 5px; }
.esg-popup { background: var(--beige3); border-radius: 5px; padding: 70px 50px 40px; max-width: 1100px; }
.esg-popbody { display: flex; justify-content: space-between; flex-wrap: wrap; }
.esg-poptitle { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.esg-poptitle h3 { margin: 0; font-weight: 500; }
.esg-galtitle { margin: 0 0 15px; font-weight: 400; font-size: 20px; }
.esg-popgallery { display: flex; flex-wrap: wrap; gap: 6px; max-width: 254px; }
.esg-popgallery .item { max-width: calc(50% - 3px); }
.esg-poptablewrap { max-width: calc(100% - 320px); }
.esg-poptable { border: 2px solid var(--green); border-radius: 16px; }
.esg-poptable ul { display: flex; border-bottom: 2px solid var(--green); }
.esg-poptable ul:last-child { border-bottom: 0; }
.esg-poptable .thead { background: var(--green); color: #fff; border-radius: 12px 12px 0 0; }
.esg-poptable .thead li { font-size: 20px; font-weight: 700; padding: 20px; }
.esg-poptable .thead li:nth-child(1) { text-align: center; }
.esg-poptable li:nth-child(1) { width: 40%; }
.esg-poptable li:nth-child(2) { width: 30%; }
.esg-poptable li:nth-child(3) { width: 30%; }
.esg-poptable li { padding: 10px 20px; }
.esg-poptable p { margin: 0; }
.esg-popnote { font-size: 11px; padding: 15px 22px 0; }


/* DATA CENTERS */
.dc-view-switch { gap: 10px 40px; }
.dc-view-switch button { padding: 0px; }
.view-btn.active svg path { stroke: var(--green); }

.dc-topic-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.dc-topic-filters button { border: 1px solid var(--green); color: var(--green); background: none; font-size: 20px; font-weight: 400; }
.dc-topic-filters button:hover, .dc-topic-filters button.active { border: 1px solid var(--green); color: var(--white); background: var(--green); }

.dc-section { margin-bottom: 80px; }
.dc-thumb { height: 240px; border-radius: 4px 4px 0 0; }

.grid-view { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }  
.grid-view .dc-link { display: block; }  
.grid-view .dc-content { background: var(--beige3); padding: 20px; border-radius: 0 0 4px 4px; }
.dc-card { position: relative; transition: 0.3s; }
.dc-card.dc-hidden { display: none; }
.dc-meta { color: var(--green2); font-size: 14px; display: flex; align-items: center; gap: 10px; }
.dc-badge { border: 1px solid var(--green2); display: inline-block; padding: 5px 10px; border-radius: 50px; color: var(--green2); }
.dc-download { position: absolute; right: 25px; bottom: 26px; }
.dc-link { display: block; position: absolute; top: 0; width: 100%; left: 0; height: 100%; }
.dc-readmore-btn { display: none; }

.list-view { display: flex; flex-direction: column; }  
.list-view .dc-card { border-bottom: 1px solid #E5E5E5; height: 54px; padding: 14px 5px 10px; }  
.list-view .dc-card:hover { background: var(--beige2); border-radius: 4px; }  
.list-view .dc-card .dc-content { display: flex; align-items: center; } 
.list-view .dc-thumb { width: 210px; height: 130px; position: absolute; left: 20%; opacity: 0; }
.list-view .dc-card:hover .dc-thumb { opacity: 1; }
.list-view .dc-meta { display: none; }
.list-view .dc-download { bottom: auto; }
.list-view h4 { background: url(assets/images/pdf-grey.svg) no-repeat left center; margin: 0; color: #8C8C8C; padding-left: 50px; }
.list-view .dc-card:hover h4 { background: url(assets/images/pdf.svg) no-repeat left center; color: var(--green); } 

#dform { display: none; padding: 0; width: 94%; max-width: 900px; border-radius: 10px; }
.dform { background: url(assets/images/bigleaf.svg) no-repeat center bottom 20px var(--green); color: var(--white); padding: 50px; border-radius: 10px; }
.dform .form-text { font-size: 18px; padding-top: 0; }
.dform .form-text h4 { font-weight: 700; font-size: clamp(24px, 1.8vw, 36px); }
.dform .form-text p { font-weight: 500; }
.dform .form-text p:last-child { font-size: 16px; font-weight: 300; }
.dform .form-text a { color: #fff; }
.dform .chk label, .dform .chk label a { color: #fff; }
.dform .chk input { background: var(--beige1); }
.dform .submitbtn { padding-top: 10px; }
.dform .submit { background: var(--beige2); color: var(--green); font-weight: 500; border-radius: 60px; }
#dform .carousel__button.is-close { border: 1px solid #fff; }
#dform .carousel__button.is-close svg path { stroke: #fff !important; }


/* PAGE INDUSTRIES */
.termitem:nth-child(even) { background: var(--beige4); } 
.solpostmenu.indusmenu { margin: 0px; transform: translate(-50%, -33px); position: absolute; left: 50%; }
.solpostmenu.indusmenu.fixed { position: absolute; transform: none; left: 0; z-index: 999; }
.solpostmenu.indusmenu ul { gap: 20px; }
.solpostmenu.indusmenu li a { padding: 10px 7px; text-decoration: none !important; }


.indusarchive { padding-bottom: clamp(40px, 6.5vw, 140px); }
.indusarchive .splide__arrows button { transform: translateY(-60px); }

.is-initialized.splide--slide { max-width: 2050px; margin: 0px auto; }

/* PAGE OUR SOLUTION */
body.spacer { padding-top: 180px; }
body.spacer header.sticky { background: #fff; }
body.spacer header:before { display: none; }
body.spacer .menu > li > a { color: var(--green); }
body.spacer .logo .wh { display: none; }
body.spacer .logo .grn { display: block; }
h1 { font-size: clamp(40px, 3.4vw, 64px); font-weight: bold; margin-bottom: 25px; }
#main-content > section.general-text { padding: 0; }
.widepost { position: relative; display: flex; align-items: flex-end; color: #fff; border-radius: 4px; overflow: hidden; 
	padding: 70px; min-height: 440px; }
.widepost:not(:last-child) { margin-bottom: 50px; }
.widepost:before { position: absolute; content: ''; background: var(--green); top: 0; left: 0; width: 100%; height: 100%; 
	transform: scale(1); transition: transform 0.5s ease, opacity 0.5s ease; opacity: 1; }
.widepost:hover:before, .widepost.passed:before { opacity: 0; }
.widepost.show:before { opacity: 0; }
.widepost.passed:hover:before { transform: scale(0); opacity: 0; }
.postinn { position: relative; z-index: 1; width: 100%; }
.postinn .leafdown { transform: rotate(90deg); display: inline-block; position: absolute; right: 0; bottom: -10px; }
.postinn h3 { margin-bottom: 30px; }
.postinn p { max-width: 700px; margin-bottom: 30px; }
.postinn ul { display: flex; flex-wrap: wrap; gap: 20px 0; max-width: 1200px; }
.postinn ul li { border-left: 1px solid #FFFFFF; padding: 5px 25px; }
.solpostmenu { margin-bottom: 80px; min-height: 94px; min-width: 70%; }
.solpostmenu ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 30px; max-width: 1100px; margin: 0px auto; }
.solpostmenu li a { color: var(--green); font-weight: 500; font-size: 14px; border-bottom: 1px solid var(--green); padding: 10px; 
	display: inline-flex; gap: 10px 20px; }
.solpostmenu li a span { transform: rotate(-45deg); display: inline-block; }
/* .solpostmenu.fixed ul { 
	display: flex; flex-wrap: nowrap; justify-content: center; overflow-x: auto; overflow-y: hidden; 
	-webkit-overflow-scrolling: touch; scrollbar-width: none; 
	overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; }
.solpostmenu.fixed ul::-webkit-scrollbar { display: none; }	 
.solpostmenu.fixed li { flex: 0 0 auto; }   */
.solpostmenu.fixed a { white-space: nowrap; }

.solpostmenu.fixed ul { white-space: nowrap; padding: 10px 20px; background: #fff; backdrop-filter: blur(11px); border-top: 1px solid #00000011;  
	position: fixed; top: 58px; left: 0; right: 0; width: 100%; z-index: 999; max-width: 100%; gap: 15px; overflow: hidden !important;
	justify-content: flex-start !important; }
.solpostmenu.fixed ul .marquee-track, .solpostmenu ul .marquee-track { display: flex; flex-wrap: nowrap; align-items: center; 
	gap: 15px; will-change: transform; }
.solpostmenu.fixed ul li { flex: 0 0 auto; }

/* SINGLE SOLUTION PAGE */
.single-solution .banner2 h1 { font-weight: 600; letter-spacing: 1px; }
.pt20 { padding-top: 20px; }
.midbanner.solutionpost { display: flex; align-items: flex-end; padding-bottom: 50px; min-height: 612px; }
.midbanner.solutionpost .text { max-width: 610px; position: relative; }
.midbanner.solutionpost:before { background: url(assets/images/circle.png) no-repeat right top; content: ''; position: absolute; 
	left: 0; top: 50px; bottom: -2px; width: 800px;  }
.single-solution h3 { font-size: clamp(24px, 2.1vw, 40px); font-weight: 600; }

.midbanner.solutionpost .text:before { background: url(assets/images/leaficon1.svg) no-repeat center / contain;
	content: ''; width: 248px; height: 230px; position: absolute; left: 116%; bottom: -87px; }
.postid-122 .midbanner.solutionpost .text:before { left: 102%; top: -250px; }
.postid-125 .midbanner.solutionpost .text:before { background: var(--beige2); border-radius: 0 140px; width: 140px; height: 160px; left: -170px; 
	top: -307px; transform: rotate(-22deg); }
.postid-125 .midbanner.solutionpost .text:after { background: url(assets/images/leafsingle.svg) no-repeat center / contain; 
	width: 90px; height: 102px; left: 120%; bottom: -62px; content: ''; position: absolute; }

.postid-121 .textwithslider .sectext { margin: 0 0 30px; }
.postid-121 .splide__arrows button { margin-top: -55px; background: var(--green); color: #fff; opacity: 1; }

.postid-117 #siteform { padding-top: 20px; }

.listright {  }
.listright li li { display: flex; }
.listright .item { background: var(--beige2); padding: 30px 20px; text-align: center; font-size: 14px; height: 100%; }
.listright .item h5 { font-size: 18px; margin-bottom: 12px; }
.listright .item h5:after { content: ''; background: var(--green2); width: 20px; height: 20px; display: block; 
	margin: 10px auto 0; border-radius: 20px 0; }

.colorstext .nhead { margin-bottom: clamp(40px, 3vw, 50px); display: flex; gap: 0 100px; }
.colorstext .nhead h3 { margin: 0; font-size: clamp(24px, 2.2vw, 40px); }
.colorstext .item:not(:last-child) { margin-bottom: clamp(40px, 5.2vw, 100px); }
.colorstext .item p { max-width: 900px; }

.icnlist { display: flex; justify-content: space-between; }
.icnlist .itm { max-width: 140px; text-align: center; position: relative; display: flex; flex-direction: column; gap: 15px 0; }
.icnlist .itm p { line-height: 1.5; }
.icnlist .itm:before { content: ''; background: url(assets/images/big-arrow.png) no-repeat right center; 
	width: 62px; height: 12px; position: absolute; left: 120%; top: 50%; transform: translate(0, -50%); }
.icnlist .itm:last-child:before { display: none; }
.icnlist .icon { display: flex; height: 128px; justify-content: center; }
.image_mob { display: none; }


/* SOLUTION AROMA */
.postid-123 .imgtextblock .flex { align-items: center; }
.postid-123 .textwithslider h3 { margin-bottom: 0; }
.postid-123 .midbanner.linkright { padding-top: clamp(50px, 6.5vw, 100px); padding-bottom: clamp(50px, 6.5vw, 100px); }
.postid-123 .midbanner.linkright .btn-green { color: var(--green); background: var(--white); }
.postid-123 .midbanner.linkright .text { max-width: 900px; color: #FFF; }
.aromatxtblock2 { padding-top: 40px; }
.btnlist ul li { border: 1px solid var(--green); height: 46px; padding: 0 10px; display: flex; align-items: center; justify-content: center; 
	border-radius: 50px; min-width: 170px; }
.btnlist ul { display: flex; flex-wrap: wrap; gap: 25px; }

/* SOLUTION JUICE */
.postid-117 .breadcrumbs.bc2 { padding: 0 0 20px; }
.fruitmenu ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 30px; margin: 0px auto; }
.fruitmenu li a { color: var(--green); font-weight: 500; font-size: 14px; border-bottom: 1px solid var(--green); padding: 10px; gap: 10px; 
	display: inline-flex; }
.fruitmenu li a span { transform: rotate(-45deg); display: inline-block; }

.fruitintro .text .img { display: none; }

.fruitjuice:before, .fruitjuice:after { content: ''; position: absolute; width: 50%; height: 100%; top: 0; z-index: -1; }
.fruitjuice:before { left: 0; background: var(--beige1); }
.fruitjuice:after { right: 0; background: var(--beige5); }
.fruitjuice .left { background: var(--beige1); padding: 10px 20px 10px 0; }
.fruitjuice .right { background: var(--beige5); padding: 10px 20px; }
.fruit-item { cursor: pointer; position: relative; }
.fruit-item .hoverbg { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; transition: 0.3s; z-index: -1; 
	border-radius: 4px; }
.fruit-item:hover .hoverbg, .fruit-item.active > .hoverbg { opacity: 0.7; }
.fruiticon { height: 95px; display: flex; justify-content: center; align-items: flex-end; position: relative; }
.fruitname { background: var(--beige2); border-radius: 4px; font-size: clamp(13px, 1.2vw, 20px); font-weight: 500; height: 75px; 
	display: flex; justify-content: center; align-items: center; margin-top: -20px; }

.fruit-solution-tag { margin-bottom: 40px; }
.fruit-solution-tag li a { background: var(--beige1); padding: 12px 15px; border-radius: 4px; display: block; }
.fruit-solution-tag2 { display: flex; flex-wrap: wrap; margin-bottom: 40px; gap: 10px; }
.fruit-solution-tag2 li span { background: var(--beige1); padding: 12px 15px; border-radius: 4px; display: block; }

.fruit-solution-table-wrap { margin: 0 -8px 40px; }
.fruit-solution-table { border-collapse: separate; border-spacing: 8px; table-layout: fixed; text-align: center; }
.fruit-solution-table th { background: var(--beige); border-radius: 4px; height: 46px; font-weight: 500; }
.fruit-solution-table th:first-child { background: var(--beige2); width: 100px; }
.fruit-solution-table tbody th:first-child { height: 34px; }
.fruit-solution-table td { background: var(--beige1); border-radius: 4px; height: 34px; }
.fruit-solution-mobile { display: none; }

.fruit-origins { margin-bottom: 40px; }
.fruit-origins h4 { font-size: clamp(20px, 1.8vw, 34px); }
.fruit-origins .flex { justify-content: flex-start; gap: 20px; }
.fruit-origins .item { background: var(--beige1); border-radius: 4px; padding: 15px 10px; text-align: center; min-width: 130px; font-size: 15px; 
	display: flex; flex-direction: column; gap: 10px; align-items: center; }

.fruit-nav-wrap { position: relative; }
.fruit-categorytabs { padding-top: clamp(40px, 7.3vw, 140px); padding-bottom: clamp(40px, 4.2vw, 80px); }
.fruit-nav { display: flex; flex-wrap: wrap; justify-content: center; position: relative; }
.greenarrow.fruit-grid-splide .splide__arrows button { margin-top: -58px; }
.term-description { margin-bottom: 50px; }
.juice-tab-panel .textmore { display: block; }
.juice-tab-panel .tglmore { display: none; }
.juiceappslider { padding-top: clamp(100px, 10vw, 200px); }

.fruit-cat { padding-top: 40px; }
.textmore { display: none; margin-bottom: 30px; }

/* SOLUTION COLOR PORTFOLIO */
.colorportfolio {}
.colorportfolio:before, .colorportfolio:after { content: ''; position: absolute; width: 50%; height: 100%; top: 0; z-index: -1; }
.colorportfolio:before { left: 0; background: var(--beige1); }
.colorportfolio:after { right: 0; background: var(--beige5); }
.colorportfolio .left { background: var(--beige1); padding: 10px 20px 10px 0; }
.colorportfolio .right { background: var(--beige5); padding: 10px 20px; }
/**/
.color-item { cursor: pointer; position: relative; }
.color-item .hoverbg { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; transition: 0.3s; z-index: -1; 
	border-radius: 4px; }
.color-item:hover .hoverbg { opacity: 0.2; }
.coloricon { height: 95px; display: flex; justify-content: center; align-items: flex-end; position: relative; }
.colorname { background: var(--beige2); border-radius: 4px; font-size: 20px; font-weight: 500; height: 75px; 
	display: flex; justify-content: center; align-items: center; margin-top: -18px; text-align: center; line-height: 1.1; }
/**/

.color-rows { max-width: 600px; }
.color-row { border-bottom: 1px solid #036F4D4D; display: flex; align-items: center; gap: 20px; line-height: 1.2; min-height: 48px; padding: 10px 0; }
.color-row:last-child { border-bottom: 0; }
.color-row .row-label { font-weight: 600; width: 40%; } 
.color-row .row-value { width: 50%; } 
.color-row .row-value.wide { width: 100%; } 
.color-row .row-label { width: 40%; } 
.color-row:not(.row-plain) .row-value { display: flex; align-items: center; gap: 10px; } 
.color-row .row-note { font-size: 14px; } 
.color-bar span { flex: 1; border: 1px solid var(--green); height: 18px; background: #fff; } 
.color-bar { display: flex; width: 126px; } 
.color-shade { height: 18px; width: 100%; } 
.colorgallerywrap { padding-top: 60px; margin-right: -8vw; } 
.gallery-item { border-radius: 4px; color: #fff; display: flex; align-items: flex-end; justify-content: center; 
	height: 240px; padding: 0 20px 20px; text-align: center; }
	
/**/
.colorstext2 { background: var(--green1); color: #fff; }	
.colorstext2 .sectext { margin-bottom: 80px; }
.colorstext2 .flex { gap: 100px 0; }
.colorstext2 .item:nth-child(3):before, .colorstext2 .item:nth-child(6):before { display: none; }
.colorstext2 .item:before { content: ''; background: var(--green); border-radius: 40px 0px 40px 0px; width: 30px; height: 30px; 
	position: absolute; left: 100%; top: 50%; transform: translate(100%, -50%); }
.colorstext2 .item { width: 30%; text-align: center; position: relative; }
.colorstext2 .item h4 { margin-bottom: 10px; }
.colorstext2 .item p { margin: 0px auto; max-width: 430px; }

/* SOLUTION PRODUCT TAB */
.pad200 { padding-top: clamp(60px, 10.4vw, 200px); padding-bottom: clamp(60px, 7vw, 140px); }
.solprotab .textleft { max-width: 550px; position: relative; }
.solprotab .textleft:before { content: ''; background: var(--beige2); border-radius: 0 100vw 100vw 0; height: 500px; width: 500px; 
	position: absolute; top: 50%; left: -340px; transform: translateY(-50%); z-index: -1; }
.solprotab .tabnav a { flex: 1; font-size: 18px; padding: 0 10px; }
.listdiv { display: flex; flex-wrap: wrap; gap: 30px; }
.listdiv .item { flex: 1; background: var(--beige3); padding: 40px; }
.listdiv .icon { display: flex; justify-content: center; height: 102px; margin-bottom: 20px; }

/* STICKY IMAGE WITH SCROLLING TEXT */
.scrollywrap { position: relative; }
.scrolly { display: flex; flex-wrap: wrap; justify-content: space-between; }
.scrolly img { border-radius: 10px; }
.scrolly-text { display: flex; flex-direction: column; gap: 40px; /* max-height: 450px; overflow-y: auto; scrollbar-width: none; */ }
.step h3 { margin-bottom: 15px; }
.step p { margin-bottom: 30px; max-width: 690px; }

/* CONCEPT BLOCK */
.concept-tabs { max-width: 1100px; margin: 0px auto 60px; justify-content: center; }
.concepts .item { background: var(--beige3); padding: 35px; margin-bottom: 16px; }
.concepts .item:last-child { margin-bottom: 0; }
.concepts .item .left { display: flex; flex-direction: column; /* justify-content: space-between; */ }
.concepts .item .left ul { flex-direction: column; gap: 10px; padding-left: 17px; margin-bottom: 30px; }
.concepts .item .left li { list-style: disc; text-align: left; line-height: 1.3; width: 100%; max-width: 100%; }
.concepts .item .left .img { display: none; }
.concepts .item .right .img { height: 428px; border-radius: 4px; margin-bottom: 10px; }
.conmeta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 40px; gap: 20px 40px; }
.tnamediv { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.conmeta h3 { margin: 0; }
.conmeta .cterm { border-radius: 50px; border: 1px solid var(--green1); color: var(--green1); font-size: 14px; 
	display: inline-flex; align-items: center; height: 32px; padding: 0 15px; white-space: nowrap; }
.recommond h4 { font-weight: bold; }
.recomlist { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } 
.recomlist span { border-radius: 50px; border: 1px solid var(--navyblue); color: var(--navyblue); 
	display: inline-flex; align-items: center; min-height: 38px; line-height: 1.2; padding: 0 20px;  }
.recomlist2 { background: var(--navyblue); color: #fff; padding: 30px 35px 40px; line-height: 1.3; } 
.recomlist2 ul { display: grid; grid-template-rows: repeat(4, auto); grid-auto-flow: column; gap: 5px 0px; 
	margin: 0; list-style: disc; padding: 0 0 0 20px; }
.recomlist2 ul li span { max-width: 350px; display: block; }
.concept-nav-wrap { position: relative; }

/* DEFAULT PAGE */
.page-template-default header, .page-template-page header { background: #FFFFFF2B; backdrop-filter: blur(11.5px); }
.pgdefault { padding-top: clamp(150px, 15vw, 246px); }
.pgdefault .wrap { max-width: 1520px; }
.pgtitle { font-size: clamp(48px, 4.2vw, 78px); font-weight: 700; line-height: 1; margin-bottom: clamp(20px, 3.9vw, 70px); }
.pgdefault h4 { font-size: 20px; font-weight: 700; margin-bottom: 15px; line-height: 1.5; }
.pgdefault p { margin-bottom: 15px; line-height: 1.5; }
.pgdefault ul, .pgdefault ol { margin-bottom: 20px; padding-left: 17px; line-height: 1.4; }
.pgdefault ul ol, .pgdefault ul ul, .pgdefault ol ol, .pgdefault ol ul { padding-top: 8px; }
.pgdefault ol li { list-style: decimal; margin-bottom: 5px; }
.pgdefault ul li { list-style: disc; margin-bottom: 5px; }
.pgdefault table { border: 1px solid #eee; }
.pgdefault table ul { padding-top: 0; }
.pgdefault table td { padding: 20px; vertical-align: top; border: 1px solid #ccc; line-height: 1.4; }
.content iframe { width: 100%; border: 0; min-height: 500vh !important; }  
::-webkit-scrollbar { width: 5px; }  
::-webkit-scrollbar-track { background: #D9D9D9; border-radius: 5px; }  
::-webkit-scrollbar-thumb { background: var(--green); border-radius: 5px; }  
::-webkit-scrollbar-thumb:hover { background: #D9D9D9; }
[class*='w-'] { margin: 0; }

.privacy_policy { color: #000; }
.privacy_policy a { text-decoration: underline; }
.privacy_policy ul, .privacy_policy ol { padding-left: 20px; }
.privacy_policy ul:not(:last-child), .privacy_policy ol:not(:last-child) { margin-bottom: 30px; }
.privacy_policy h4, .privacy_policy h3 { margin-bottom: 20px; }
.privacy_policy li { line-height: 1.4; }
.privacy_policy li:not(:last-child) { margin-bottom: 10px; }
.privacy_policy ul:last-child { margin-bottom: 0; }
.privacy_policy ul ul { padding: 10px 0 0 40px; }
.privacy_policy ul:not(table ul) li { padding-left: 7px; }
.privacy_policy ul:not(table ul) li::marker { content: '—'; color: var(--green1); }
.privacy_policy ul:not(table ul) li li::marker { content: ''; }
.privacy_policy ol li { list-style: decimal; }
.privacy_policy p { max-width: 1300px; line-height: 1.4; margin-bottom: 30px; }
.privacy_policy table { text-align: left; border-collapse: collapse; border-spacing: 8px; table-layout: fixed; line-height: 1.4; 
	margin: 0 auto; width: 1300px; }
.privacy_policy table th { background: var(--green1); border: 3px solid var(--green1); 
	border-radius: 4px; padding: 20px 10px; color: #fff; font-weight: 700; }
.privacy_policy table td { border: 3px solid #F4F7FF; padding: 20px 10px; text-align: left; vertical-align: top; }
.privacy_policy table ul li { line-height: 1.4; list-style: disc; margin-bottom: 5px !important; }
.privacy_policy h4 { font-size: clamp(24px, 1.7vw, 32px); margin-bottom: 40px; font-weight: 700; }
.table-wrapper { overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; 
	overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding: 20px 0 80px 0; }
.table-wrapper::-webkit-scrollbar { display: none; }	 

/* GENERAL TERMS */
.acf-accordion:not(:last-child) { margin-bottom: clamp(30px, 3vw, 50px); }
.acf-toggle { cursor: pointer; color: var(--green); display: flex; padding-right: 10px; margin-bottom: 15px;
	align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 10px; }	
.acf-toggle .arow { background: url(assets/images/arow-grn.svg) no-repeat center / contain; transition: 0.3s; width: 32px; height: 20px; }
.acf-toggle.active .arow { transform: rotate(-180deg); }
.acf-panel { display: none; }
.doc-row { border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; padding: 10px;
	transition: 0.3s; }
.doc-row:hover { background: var(--beige2); border-radius: 5px;}
.doc-row:hover .pdftitle { background: url(assets/images/pdf.svg) no-repeat left center; color: var(--green); }
.pdftitle { background: url(assets/images/pdf-grey.svg) no-repeat left center; color: #8C8C8C; padding-left: 50px; line-height: 1.3;
	font-size: clamp(16px, 1.2vw, 20px); }
.pdflink { display: flex; align-items: center; gap: 10px; }
.pdflink:before { border-left: 1px solid #eee; content: ''; height: 30px; }
.doc-row:hover .pdflink:before { border-left: 1px solid var(--green); }
.eyeview { background: url(assets/images/eye-grey.svg) no-repeat center / contain; width: 36px; height: 36px; }
.doc-row:hover .eyeview { background: url(assets/images/eye-green.svg) no-repeat center / contain; }

/* PAGE 404 */
.pgdefault.pg404 { color: var(--beige1); min-height: clamp(620px, 80vw, 1180px); position: relative; }
.pg404mob { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.pg404 .pgtitle { font-size: clamp(96px, 9vw, 170px); line-height: 0.9; margin-bottom: 30px; }
.pg404 .txt h3 { font-weight: 400; margin-bottom: 40px; }
.pg404 .txt a { background-color: var(--green2); }

/* SEARCH */
.repost { padding: 15px; border: 1px solid #FFFFFF40; border-radius: 10px; margin-bottom: 20px; }
.repost a { color: #fff; }
/**/
.singlepg .txt h3, .singlepg .txt h4 { font-size: clamp(24px, 1.8vw, 30px); font-weight: 500; margin-bottom: 20px; }
.singlepg p { color: #000; }
.singlepg .content .txt { max-width: 800px; }
.content p { margin-bottom: 30px; }
.content ul { padding-left: 24px; margin-bottom: 30px; }
.content ul li { line-height: 1.4; margin-bottom: 4px; list-style: disc; }
.content blockquote { background: #e3eaea82; font-size: clamp(20px, 1.5vw, 28px); font-family: var(--kaifont); margin: 0 0 40px; 
	padding: 5% 12%; position: relative; clear: none; }
.alignright { float: right; margin-left: 50px; margin-bottom: 30px; }
.content a { text-decoration: none; }
.content a:hover { text-decoration: underline; }
.sharepost { border-top: 1px solid #9FA3AD33; border-bottom: 1px solid #9FA3AD33; color: #2F3759B2; padding: 30px 0;
	display: flex; justify-content: center; align-items: center; gap: 15px; font-size: 18px; }
.sicon { display: flex; justify-content: center; align-items: center; gap: 0 20px; }
.sharepost a { color: #2F3759B2; }
.backbtn { white-space: nowrap; display: inline-flex; align-items: center; gap: 10px; }

.bpaginate { display: flex; justify-content: center; padding-top: clamp(40px, 3.5vw, 60px); }  
.pgnwrap { display: flex; border: 1px solid #100440; border-radius: 4px; overflow: hidden; }  
.bpaginate span, .bpaginate a { display: block; padding: 5px 10px; line-height: 36px; min-width: 46px; margin: 0; 
	border-left: 1px solid var(--default); text-align: center; font-weight: 500; color: var(--default); text-decoration: none; }  
.bpaginate .current { background: var(--purple); color: var(--default); border-left: 0; }  
.bpaginate a:hover { background: var(--default); color: var(--purple); }


:root {
  --header-height: 64px;
  --nav-height: 56px;
}

.dc-topic-toggle { display: none; }

.skeleton-loader { display: flex; flex-direction: column; gap: 12px; padding: 10px 0; }
.skeleton-loader .skel-line { height: 14px; border-radius: 4px; background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 37%, #e8e8e8 63%); 
	background-size: 400% 100%; animation: skel-shimmer 1.4s ease infinite; }
.skeleton-loader .skel-line.w-100 { width: 100%; }
.skeleton-loader .skel-line.w-80  { width: 80%; }
.skeleton-loader .skel-line.w-60  { width: 60%; }
.skeleton-loader .skel-line.w-40  { width: 40%; height: 10px; }
@keyframes skel-shimmer {
	0%   { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* RESPONSIVE */
@media (min-width: 1025px) { 
.tabs-arrow { display: none; }
}
		
@media screen and (min-width: 1960px) {
.bnrslider:before { background: url(assets/images/whiteoverlay.png) no-repeat center bottom / 120% auto; }
.solprotab .textleft:before { height: 600px; width: 450px; }
.midbanner.solutionpost { min-height: 1000px; padding-bottom: 130px; }
.midbanner.solutionpost:before { background: url(assets/images/circle.png) no-repeat right top / cover; left: -100px; width: 1200px; height: 1000px;
	top: 160px; }
.midbanner.solutionpost .text { max-width: 770px; font-size: 30px; }	
.midbanner.solutionpost .text p br { display: none; }
}

@media screen and (min-width: 2200px) {
.bnrslider:before { background: url(assets/images/whiteoverlay.png) no-repeat center bottom / 200% 150%; }	
.midbanner.solutionpost:before { width: 1420px; }
}

@media screen and (max-width: 1800px) {
[class*='btn-'] { padding: 0 20px; height: 42px; }
.logo { width: 138px; }
.wrap, .pgdefault .wrap { max-width: 94%; }
.menu { gap: 0 5px; }
.hmenu { width: calc(100% - 168px); gap: 0 10px; }
.menu > li > a { font-size: 14px; }
.banner .caption p { max-width: 650px; }
.solpost article { width: calc(33.33% - 30px); }
.solpost article .thumb { display: flex; justify-content: center; }
.industry-tabs button { font-size: 14px; height: 44px; }
.industry-tabs a { font-size: 14px; }
.industry-tabs a .leafdown { width: 30px; }
.chk label { font-size: 10px; }
.txtbox, .select, textarea { height: 44px; }
.file-upload { background: url(assets/images/cvupload-arrow.svg) no-repeat right 10px center / 36px var(--beige2); height: 44px; }
textarea.txtbox { height: 132px; }
#siteform .field.submitbtn { margin-top: -70px; }
.missionvission .text { gap: 20px 40px; align-items: center; }
.missionvission .text h3:before { width: 110px; height: 110px; left: -30px; }
.ourvalue .item p { max-width: 185px; }
.btmbanner .img { right: 100px; max-width: 300px; }
.midbanner.solutionpost { min-height: 530px; }
.midbanner.solutionpost .text { max-width: 540px; }
.midbanner.solutionpost:before { top: 110px; width: 710px; }
.midbanner.solutionpost p br { display: none; }
footer { padding-top: clamp(40px, 5vw, 140px); }

.postid-125 .midbanner.solutionpost .text:before { width: 100px; height: 120px; left: -100px; top: -307px; }
.postid-125 .midbanner.solutionpost .text:after { width: 70px; height: 82px; left: 117%; }
.midbanner.solutionpost .text:before { width: 198px; height: 190px; }

.fruitmenu ul { gap: 20px; }

.cslide .thumb { width: 320px; height: 400px; }
.hastext .cslide.is-active .thumb { width: 580px; }
.solprotab .tabnav a { font-size: 14px; }
.listdiv .item { padding: 20px; }
.solprotab .textleft:before { height: 460px; width: 460px; left: -270px; }

.icnlist .itm:before { width: 32px; left: 110%; }

.stayupbnr .wrap { padding-left: 80px; }
.stayupbnr .img { max-width: 466px; left: 0; }
.greenbox .social { gap: 20px 30px; }
.greenbox .social a { font-size: 16px; }
.carousel-wrap.hastext .splide__arrows button, .carousel-wide.hastext .splide__arrows button { margin-top: -50px; }

.pg404 { min-height: 620px; }
.pg404mob { display: block; }

.colorstext2 .item { width: 27%; }
.colorstext2 .item br { display: none; }
.fruit-origins .flex { gap: 10px; }
.fruit-origins .item { min-width: inherit; width: 110px; font-size: 14px; }
.history { gap: 50px; margin-left: -260px; }
.timeline-area { width: min(580px, 90vw); }
#timeline-description { max-width: 360px; padding-left: 70px; }
.timeline-year.active span { font-size: 50px; }
.history-image { width: 380px; }

.career-filter { gap: 10px 30px; }
.team-image { padding: 100% 0 0; max-width: 100%; }

.initiative-splide.greenarrow .splide__arrows button { margin-top: -68px; }

.speakerlist { width: calc(100% - 220px); gap: 20px 30px; }
.relatedpost-list { gap: 20px; }

.bigslide .industry-slide a, .bigslide .industry-slide .thumb { height: 330px; }

.bnrslider:before { height: 260px; }
}

@media screen and (max-width: 1440px) { 
.menu { gap: 0; }
.menu > li > a { font-size: 14px; }
.stayupbnr .wrap { padding-left: 160px; } 
.stayupbnr .img { max-width: 426px; }
.grid-view { grid-template-columns: repeat(3, 1fr); }
.team-grid { grid-template-columns: repeat(4, 1fr); }
.numbtext { gap: 30px; max-width: 290px; }
.btmbanner .img { max-width: 270px; right: 11%; }
.ourspeaker { padding-left: 0; }
.mediapopup { padding: 40px 20px; }
.concept-tabs { max-width: 980px; }
#siteform .field.submitbtn { margin-top: -80px; }
.fruitmenu ul { max-width: 900px; }
.solpostmenu.fixed ul { top: 52px; }
.timeline-content { left: 50%; }
.timeline-year span { top: 0; font-size: 20px; }
.timeline-area { width: min(520px, 90vw); }
.timeline-year.active span { font-size: 40px; }
}

@media screen and (max-width: 1300px) {
.menu { gap: 0px; }	
.menu > li > a { padding: 7px 6px; gap: 5px; }
.icnlist .itm { max-width: 122px; }
.icnlist .itm:before { width: 32px; left: 100%; }	
.icnlist .icon { height: 78px; }	
.btmbanner .img { max-width: 200px; right: 20px; }
.missionvission .flex { gap: 120px 60px; }
.missionvission .text p { max-width: 250px; }

}

@media screen and (max-width: 1200px) {
[class*='btn-'] { height: 38px; padding: 0 20px; }	
.wrap, .pgdefault .wrap { max-width: 100%; }	

.timeblock { padding: 70px 0; }
.timeblock .wrap { padding: 0; }

/* history */
.history { display: none; }
.mobile-history-arc { display: block; width: 100%; overflow: hidden; background: #fff; max-width: 500px; margin: 0px auto; }

/* Heading */
.mobile-history-arc-heading { text-align: center; padding: 0 30px; margin-bottom: 0px; }
.mobile-history-arc-heading h3 { margin: 0; color: var(--green1); font-size: 24px; line-height: 1.2; font-weight: 700; }
.mobile-history-arc-heading p { margin: 5px 0 0; color: var(--green1); font-size: 24px; line-height: 1.3; font-weight: 400; }

/* Arc viewport */
.mobile-history-arc-viewport { position: relative; width: 100%; height: 185px; overflow: hidden; touch-action: pan-y; }
.mobile-history-arc-line { position: absolute; left: 50%; top: -468px; width: clamp(450px, 100vw, 620px); height: clamp(562px, 100vw, 610px); 
	transform: translateX(-50%); border: 1px solid #ead8bc; border-radius: 50%; pointer-events: none; }
.mobile-history-arc-items { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.mobile-history-arc-item { position: absolute; display: flex; flex-direction: column; align-items: center; 
	width: 70px; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; pointer-events: auto; 
	transform-origin: center center; transition: left .5s ease, top .5s ease, transform .5s ease, opacity .4s ease; } 

/* Timeline dots */
.mobile-history-arc-dot { width: 7px !important; height: 7px !important; flex-shrink: 0; border-radius: 50%; 
	background: #ead8bc; transition: width .35s ease, height .35s ease, background .35s ease; }

/* Side year labels */
.mobile-history-arc-year { margin-top: 12px; color: #ead8bc; font-size: 16px; line-height: 1; 
	font-weight: 600; white-space: nowrap; transition: color .35s ease, font-size .35s ease, opacity .35s ease; }

/* Active dot */
.mobile-history-arc-item.is-active { z-index: 10; }
.mobile-history-arc-item.is-active .mobile-history-arc-dot { width: 12px !important; height: 12px !important; background: #007b5e; }
.mobile-history-arc-item.is-active .mobile-history-arc-year { opacity: 0; }

/* Large active year */
.mobile-history-arc-active-year { position: relative; z-index: 20; text-align: center; margin-top: -2px; }
.mobile-history-arc-active-year span { display: block; color: #007b5e; font-size: 40px; line-height: 1; font-weight: 700; }

/* Description */
.mobile-history-arc-description { padding: 0 30px; margin-top: 45px; }
.mobile-history-arc-description > div { color: var(--green); font-size: 18px; line-height: 1.55; opacity: 1; 
	transform: translateY(0); transition: opacity .25s ease, transform .25s ease; }
.mobile-history-arc-description > div.is-changing { opacity: 0; transform: translateY(10px); }
.mobile-history-arc-description ul { margin: 0; padding-left: 20px; }
.mobile-history-arc-description li { padding-left: 5px; margin-bottom: 25px; }

/* Drag state */
.mobile-history-arc-viewport.is-dragging { cursor: grabbing; }

}


@media screen and (max-width: 1190px) {	
.applybtn-sticky { right: 20px !important; }
	
/* .post h4 { min-height: inherit; max-width: 170px; } */
.mouse { left: 30px; bottom: 0; width: 32px; }
.mpwrap { grid-template-columns: repeat(2, 1fr); }
.stayupbnr .wrap { padding-left: 20px; } 
.stayupbnr .img { max-width: 240px; right: 20px; bottom: 0; left: auto; }
.tslide { min-height: inherit; }
.fin-quarters { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 1024px) {
.midbanner.linkright .btnholder { padding: 20px 0 0; }	
header { background: #FFFFFF2B; backdrop-filter: blur(11px); }
header.sticky { padding: 20px 0; }
body.spacer header.sticky { background: var(--green); }
.tglmenu { display: block; transition: 0.3s; right: 0; z-index: 2; }
header.active:before { display: none; } 
header.active .flex:before { background: var(--green); content: ''; position: absolute; left: 0; right: 0; top: -50px; bottom: -20px; 
	z-index: 0; }
.hmenu { display: none; position: absolute; left: -20px; right: -20px; top: -24px; padding: 100px 40px 0; z-index: 1; 
	background: var(--green); width: auto; height: 100vh; overflow: auto; z-index: -1; }
#menu-header { padding-bottom: 180px; }	
.menu { flex-wrap: wrap; gap: 0; position: relative; }	
.menu > li { margin: 0; display: block; line-height: 1.2; width: 100%; border-bottom: 1px solid #FEFEFE1A; padding: 20px 0; }
.menu > li > a { display: inline-flex; gap: 10px; align-items: center; font-size: 24px; background: none !important; padding: 0; }
.menu > li.menu-item-has-children > a:after { display: none; }
.menu > li.menu-item-has-children:after { content: '\e903'; font-family: icomoon; color: #fff; font-size: 12px;
	position: absolute; top: 23px; right: 0; transform: rotate(-45deg); transition: 0.5s; }
.menu > li.active.menu-item-has-children:after { transform: rotate(0deg); }	
.menu > li:hover > a, .menu > li.current-menu-item > a, .menu > li.current-menu-parent > a { font-weight: 600; }
.menu > li:hover ul { display: none; }	
.menu li ul { display: none; position: static; background: none; padding: 0 0 0 30px; opacity: 1; visibility: visible; 
	box-shadow: none; transform: none; border-top: 1px solid #FEFEFE1A; margin-top: 15px; }
.menu > li ul li:not(:last-child) { margin-bottom: 0px; border-bottom: 1px solid #E5E5E522; }
.menu > li ul li a { font-size: 16px; color: #fff; padding: 15px 8px; }
.menu > li li.current-menu-item { border-bottom: 1px solid #fff !important; }
.menu > li li.current-menu-item > a { font-weight: 600; }
.menu li.searchbtn { border: 0; position: absolute; bottom: 40px; right: 0px; padding: 0; width: auto; z-index: 1; }
.menu li.searchbtn > a { background: var(--green1); border-radius: 50%; width: 60px; height: 60px; display: flex; 
	align-items: center; justify-content: center; box-shadow: 0 0 15px rgb(0 0 0 / 0.2); }
.menu > li li:hover > a, .menu > li li.current-menu-item > a { background: none; }
.menu li.cbtn { background: url(assets/images/lastmenubg.png) no-repeat center / cover; position: absolute; left: -20px;
	right: -30px; bottom: 0; padding: 20px; height: 166px; width: auto; }
.menu li.cbtn:before { content: 'Let us find the right solution for you'; font-size: 24px; font-weight: 600; max-width: 240px; 
	display: block; line-height: 1.2; margin-bottom: 20px; }	
.menu li.cbtn a { background: var(--green); color: #fff; font-size: 16px; font-weight: 500; padding: 0 20px; height: 40px; }	
	
.grid-view { grid-template-columns: repeat(2, 1fr); }
.banner + .solpostwrap { padding-top: 40px; padding-bottom: 10px; }
.solpostwrap .wrap { padding-right: 0; }
.solpostwrap .sectext { padding-right: 20px; }
.solpost { gap: 10px; }
.solpost article, .btncolum { width: 240px; height: 220px; }
.btncolum span { font-size: 20px; max-width: 240px; padding: 0 0 40px; }
.solpost .splide__arrows { display: none; }
.solpost .splide__pagination { width: 100%; }
.solpost h4 { font-size: 16px; width: 100%; justify-content: space-between; }
.splide__pagination { padding-top: 20px; }
.splide__pagination button { /* background: var(--beige2);  */width: 6px; height: 6px; opacity: 0.5; }
.splide__pagination button.is-active { /* background: var(--beige); */ opacity: 1; }
.sectext.flex { gap: 20px 0; }  
.animcircle { display: none; }
.industry-tabs-wrap { position: relative; margin-right: -20px; }
.industry-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 5px; 
	scroll-behavior: smooth; gap: 10px; padding-right: 55px; scrollbar-width: none; -ms-overflow-style: none; } 
.industry-tabs::-webkit-scrollbar { display: none; }  
.industry-tabs a { width: auto; font-size: 18px; white-space: nowrap; }
.industry-slide.is-active { transform: scale(1); }	
.indtab, .all-industries { flex: 0 0 auto; white-space: nowrap; }  
.tabs-arrow { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; 
	background: #0f5c3f; border: none; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer; }  
.tabs-arrow:before { content: ''; position: absolute; height: 100%; width: 20px; right: 98%; background: #ffffff20; backdrop-filter: blur(1px);
	z-index: -1; border-radius: 10px 0 0 10px; }	
.tabs-arrow.is-hidden { opacity: 0; pointer-events: none; } 
.industry-tabs button { font-size: 16px; background: var(--beige1); border: 1px solid var(--beige1); color: var(--green); 
	width: auto; border-radius: 40px; padding: 0 20px; }
.industry-tabs button.active { background: var(--beige1); color: var(--green); }
.industry-slider-wrap .splide__arrows { display: none; }
.industry-slider-wrap .splide__track { padding: 0px; }
.termitem .wrap:last-child { padding-right: 0; }

.postwrap.design1 .wrap { padding-right: 0; }
.postwrap.design1 .splide__pagination { padding-right: 40px; }
.postwrap.design1 .splide__pagination button { background: var(--beige2); opacity: 0.7; }
.postwrap.design1 .splide__pagination button.is-active { opacity: 1; }
.postwrap.design1 .btndiv { padding-right: 20px; }
.mobcarousel { display: block; margin-right: -20px; }
.numbs { width: 100%; align-items: flex-start; margin-bottom: 50px; gap: 50px 0; }
.numbtext { gap: 30px; max-width: 100%; }
.numbtext p br { display: none; }
.numbtext .icon { max-width: 250px; }

body.spacer { padding-top: 120px; }
body.spacer .logo .grn { display: none; }
body.spacer .logo .wh { display: block; }
body.spacer header { background: var(--green); }
body.spacer .menu > li > a { color: var(--white); }
body.spacer .menu > li.cbtn > a { color: var(--green); }
.solpostmenu { display: none; }
.widepost p, .widepost ul, .widepost:before { display: none !important; }
.widepost h3 { margin-bottom: 0; font-weight: 600; }
.widepost { min-height: 62vw; max-height: 350px; padding: 20px; }
.widepost:not(:last-child) { margin-bottom: 20px; }
.postinn .leafdown { bottom: -7px; width: 36px; }

.dctopbtns { flex-direction: row-reverse; position: relative; }
.dc-view-switch { width: auto; }
.dc-view-switch button, .dc-view-switch button svg { width: 30px; }
.dc-topic-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 220px; }
.dc-topic-toggle.open .dc-topic-caret { transform: rotate(180deg); }
.dc-topic-filters { display: none; flex-direction: column; position: absolute; z-index: 30; margin-top: 4px; left: 0; top: 100%; 
	width: 100%; max-width: 220px; border-radius: 8px; padding: 20px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.dc-topic-filters button { font-size: 16px; }	
.dc-topic-filters.open { display: flex; }
.dc-topic-filters .btn-green { width: 100%; text-align: left; }
.dc-view-switch { gap: 10px 20px; flex-wrap: nowrap; justify-content: flex-end; }
.dc-view-switch button { padding: 0px; width: auto; }
.dc-meta { font-size: 12px; }
.dc-meta h4 { margin-bottom: 10px; }
.dc-readmore-btn { margin: 30px auto 0; display: block; color: var(--green); font-size: 14px; }
.list-view .dc-thumb { display: none; }

.media-tabs-toggle { margin-bottom: 25px; height: 40px; width: 100%; display: flex; justify-content: space-between; }
.media-tabs-toggle.open:hover { background: var(--beige); color: var(--green); }
.media-tabs-toggle:hover { background: var(--green); }
.media-tabs.tabbtndesign { display: none; padding: 20px; background: #fff; position: absolute; left: 0; top: 45px; 
	width: 100%; z-index: 1; }
button.media-tab { width: 100%; margin: 5px 0; }
.stayupbnr { margin-top: 130px; }

.midbanner.design2 { padding-top: 40px; }
.midbanner.design2 .text { width: 100%; }
.midbanner.design2 [class*='btn-'] { font-size: 16px; }
.midbanner.design2 .img { width: auto; margin: 0 -22px; margin-top: 20px; padding-top: 5vw; }
.midbanner.design2 .img img { max-width: inherit; transform: translateX(3vw) scale(1.2); transform-origin: center top; width: 120%; }
.midbanner.design2 .img:before { background: url(assets/images/leaf-framemob.png) no-repeat center / 100% 100%; z-index: 1; width: 108%; }

.page-id-524 .fancybox__content button.is-close { right: 15px !important; top: 15px !important; }
.mediapopup { padding: 0 20px 40px; overflow: hidden; position: relative; border-radius: 20px 20px 0 0; }
.mediapopup .breadcrumbs { display: none; }
.popmeta { font-size: 14px; margin-bottom: 30px; }
.poptextdiv { max-height: 100%; padding-right: 0; }
.poptextdiv .flex { gap: 30px 0; }
.poptextdiv .mimg { display: none; }
.mtext p, .mediapopup li { font-size: 16px; }
.mimgmob { display: block; margin: 0 -25px 30px; height: 46vw; min-height: 220px; }
.relatedposts .mb45 { margin-bottom: 20px; }
	
.solprotab .textleft:before { display: none; }
.protabcont { width: 100%; padding-top: 50px; }

.fruitmenu { display: none; }
.postid-117 .breadcrumbs.bc2 { padding: 40px 0 20px; }
.fruitintro .img { display: none; }
.fruitintro .text .img { display: block; margin-bottom: 30px; }
.fruitintro .text .img img { border-radius: 5px; }
.fruitintro .text p { font-size: 18px; line-height: 1.5; }
.shiftright20 { margin-right: -20px; }
.shift20 { margin: 0 -20px; }
h3.fruit-title { text-align: center; }

.fruitjuice { background: var(--beige1); }
.fruitjuice .shift20 { margin: 0 -35px 0 -20px; }
.fruitjuice:before, .fruitjuice:after { display: none; }
.fruitjuice .left { width: 100%; }
.fruitjuice .right { background: none; width: 100%; padding: 20px 0 0; }
.fruit-solution-tag2 li span { background: var(--beige3); }
.fruit-origins .item { background: var(--beige3); }
.fruit-nav-wrap { margin-right: -20px; }
.fruit-nav.tabnav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 5px; scroll-behavior: smooth; 
	gap: 10px; padding-right: 55px; scrollbar-width: none; -ms-overflow-style: none; justify-content: flex-start; }
.fruit-nav.tabnav::-webkit-scrollbar { display: none; } 
.fruit-nav.tabnav .btn-green { background: var(--beige1); border: 0; color: var(--green); font-weight: 500; }
.fruiticon { height: 60px; padding: 12px 10px 0; }
.fruitname { height: 48px; font-size: 12px; margin-top: -10px; }

/* .fruit-solution-table-wrap { margin: 0 -20px 40px -8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; 
	scrollbar-width: none; -ms-overflow-style: none; padding-right: 10px; }
.fruit-solution-table-wrap::-webkit-scrollbar { display: none; } 
.fruit-solution-table { min-width: 800px; } */

.fruit-solution-table-wrap { display: none; }
.fruit-solution-mobile { display: block; margin: 0 0 40px; }
.fruit-solution-mobile .fruit-solution-table { width: 100%; }
.fruit-solution-mobile th:first-child { width: 110px; }
.fruit-solution-select { width:100%; height:46px; background: var(--beige) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' stroke='%232c2620' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>")
	no-repeat right 14px center; background-size: 12px 8px; border:none; border-radius:4px; font-family:inherit; font-weight:500; font-size: 16px; 
	color: var(--green); appearance:none; -webkit-appearance:none; -moz-appearance:none; padding: 0 30px 0 20px; cursor: pointer; }
.fruit-solution-select option { background: var(--beige5); color: var(--green); font-size: 16px; }
.fruit-solution-table td { background: var(--beige5); }

.fruit-solution-custom-select { position: relative; width: 100%; font-size: 16px; text-align: left; } 
.fruit-solution-select-trigger { background: var(--beige); border-radius: 4px; color: var(--green); cursor: pointer; display: flex; 
	align-items: center; justify-content: space-between; padding: 10px 20px; font-weight: 600; user-select: none; }
.fruit-solution-select-arrow { border: solid var(--green); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; 
	transform: rotate(45deg); transition: transform 0.15s ease; }
.fruit-solution-custom-select.open .fruit-solution-select-arrow { transform: rotate(-135deg); }
.fruit-solution-select-options { position: absolute; top: calc(100% + 2px); left: 0; right: 0; background: var(--beige5); 
	border: 1px solid var(--beige); border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); list-style: none; margin: 0; 
	padding: 0; display: none; z-index: 10; }
/* .fruit-solution-custom-select.open .fruit-solution-select-options { display: block; } */
.fruit-solution-select-options li { padding: 8px 20px; color: var(--green); border-bottom: 1px solid var(--beige); cursor: pointer; }
.fruit-solution-select-options li:last-child { border-bottom: 0px; }
.fruit-solution-select-options li:hover, .fruit-solution-select-options li.selected { background: var(--green); color: #fff; font-weight: 600; }

.juice-tab-panel .textmore { display: none; }
.juice-tab-panel .tglmore { display: inline-flex; }
.fhead.mb50 { margin-bottom: 20px; }

.imgtextblock .flex.flex-right { display: block; }
.imgtextblock .text p { margin-bottom: 15px; }
.imgtextblock .text p br { display: none; }
.imgtextblock .imginn { margin: 0px -20px; padding-top: 40px; }
.imgtextblock .imginn img { width: 100%; }
/* .imgtextblock .text p br { display: none; } */
.listright .item { height: 100%; padding: 30px 10px; }

.colorportfolio { background: var(--beige1); padding-top: 0; }
.colorportfolio:before, .colorportfolio:after { display: none; }
.color-page-wrap .sectext { text-align: center; background: #fff; margin: -1px 0 30px; padding: 20px 0; }
.colorportfolio .flex { margin: 0px -20px; }
.colorportfolio .left { width: 100%; padding: 0; }
.colorportfolio .right { width: 100%; background: none; }
.coloricon { height: 60px; padding: 12px 10px 0; }
.colorname { font-size: 12px; height: 48px; margin-top: -10px; }
.color-detail-inner { padding: 40px 0 0; }
.color-title, .color-subtext { text-align: center; }
.color-row { flex-direction: column; gap: 5px; padding: 20px 0; }
.color-row .row-label, .color-row .row-value { width: 100%; } 
.gallery-item { height: 200px; }

.colorstext2 { padding-top: 0; }
.colorstext2 .sectext { background: #fff; margin: 0 -20px 40px; padding: 1px 20px 40px; text-align: left; color: var(--green); }
.colorstext2 .item { width: 100%; }
.colorstext2 .item:before { left: 50%; top: calc(100% + 50px); transform: translate(-50%, -50%); width: 20px; height: 20px; }
.colorstext2 .item:nth-child(3):before { display: block; }
.colorstext2 .item p { margin: 0px auto; max-width: 270px; }

.colorstext .nhead { gap: 20px 0; flex-direction: column-reverse; }
.nhead img { height: 90px; max-width: 220px; }
.colorstext .nhead h3 br { display: none; }
.postwrap .shiftright20 { padding-bottom: 40px; }
.post .postdate { display: block; }

.table-wrapper { padding: 0 0 40px; }

.addressesmob .item { width: calc(33% - 18px); }

.bigslide .industry-slide a, .bigslide .industry-slide .thumb { height: 300px; }
.sidecurvedesk { width: 78%; height: 68%; }

}

@media screen and (min-width: 801px) {
.fruit-solution-tag ul { display: flex !important; flex-wrap: wrap; gap: 10px; }	
}

@media screen and (max-width: 800px) {
.logo { width: 108px; }
.banner, .bnrslider .item { min-height: 800px; }
.banner2 { min-height: 400px; }
.banner2 * { text-align: left !important; }
.bnrslider:before { background: url(assets/images/whiteoverlay.png) no-repeat right bottom / 100% auto; width: 270vw; height: 140px; left: -50vw; }
#bnrslider .item { background-position: right -15vw center !important; }
#bnrslider .item:before { position: absolute; content: ''; background: #00000035; height: 100%; width: 100%; left: 0; top: 0; }
#bnrslider [class*='btn-'] { color: var(--green); }
#custom-pagination button { width: 8px; height: 8px; }
.btndiv { flex-wrap: wrap; gap: 10px; }
.industry-slide a, .bigslide .industry-slide a { /* width: 250px; */ height: 290px; }
.industry-slide.is-active { transform: scale(1); }
.termitem .wrap { padding-right: 0; }
.termitem .industry-slider-wrap .splide__arrows { display: flex; gap: 10px; height: 10px; }
.termitem .splide__arrows button { transform: translateY(-45px); }
.termitem .splide__arrows button { width: 26px; height: 26px; }
.termitem:nth-child(even) { background: #F7F1E7; }

/**/
.midbanner.design2 .img:before { width: 100%; }
.page-id-435 .imgtextblock.pad70.pt20 { padding-bottom: 0; }
.page-id-435 .numberwrap, .page-id-1251 .numberwrap { background: url(assets/images/aboutbgmob1.png) no-repeat center top / cover var(--green); }
.numanim { font-weight: 500; }
.numberwrap .sectext * { text-align: left !important; }
.numberwrap .sectext { margin-bottom: 60px; text-align: left; max-width: 270px; }
.numtop { flex-direction: column; align-items: center; }
.page-id-435 .numbs .item:nth-child(4), .page-id-1251 .numbs .item:nth-child(4), 
.page-id-435 .numbs .item:nth-child(5), .page-id-1251 .numbs .item:nth-child(5) { justify-content: flex-start; }
.page-id-435 .numbs .item:nth-child(1), .page-id-1251 .numbs .item:nth-child(1), 
.page-id-435 .numbs .item:nth-child(7), .page-id-1251 .numbs .item:nth-child(7) { order: -4; }
.page-id-435 .numbs .item:nth-child(2), .page-id-1251 .numbs .item:nth-child(2) { order: -2; }
.page-id-435 .numbs .item:nth-child(3), .page-id-1251 .numbs .item:nth-child(3) { order: -3; }
.page-id-435 .numbs .item:nth-child(5), .page-id-1251 .numbs .item:nth-child(5), 
.page-id-435 .numbs .item:nth-child(6), .page-id-1251 .numbs .item:nth-child(6) { order: -1; }
.missionvission { padding: 80px 0; }
.missionvission .flex { gap: 80px; }
.missionvission .text { gap: 20px; padding-left: 30px; align-items: flex-start; }
.missionvission .text h3 { line-height: 1.3; }
.missionvission .text h3:before { width: 120px; height: 104px; left: -32px; top: -3px; }
.missionvission .text p { max-width: 180px; }
.ourvalue { padding: 60px 0; }
.ourvalue .flex { gap: 120px 0; }
.ourvalue .item:not(:last-child):before { right: 50%; width: 24px; height: 24px; transform: translateX(50%); bottom: auto; top: calc(100% + 50px); }
.ourvalue .item .count { margin-bottom: 30px; }
.ourvalue .item h4 { font-size: 24px; margin-bottom: 15px; }
.ourvalue .item p { max-width: 270px; }

.page-id-435 .numbs .item { width: 50%; }
.numtop { flex-wrap: wrap; }
.numtop .icon { order: -1; }
.mobbnr { position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: block; }
.midbanner.design1 { min-height: 730px; }
.midbanner.design1 [class*='btn-'] { background: #fff; color: var(--design1); }
#siteform { padding: 0; }
#siteform .formdiv { display: none; }
.fromwrap { background: url(assets/images/mobhalfcbg.png) no-repeat left -110px bottom -60px, 
	url(assets/images/mobdotbg.png) no-repeat right -40px top 20px var(--beige2); border-radius: 0; }
.fromwrap .sectext { background: none; padding: 10px 0 20px; text-align: center; }
.fromwrap .sectext p { display: none; }
.fromwrap .sectext .text { max-width: 100%; }
.fromwrap .sectext .text .btn-green { display: inline-flex	; }
.ftrmenu { gap: 0; flex-direction: column; }
.ftrmenu li ul, .ftrmenu li:nth-child(2) ul, .ftrmenu li:nth-child(3) ul { display: none; padding-top: 20px; }
.ftrmenu > li { border-bottom: 1px solid #E6E6E640; padding: 20px 10px; position: relative; }
.ftrmenu > li > a { display: inline-block; margin-bottom: 4px; }
.ftrmenu li ul li:not(:last-child) { margin-bottom: 10px; }
.ftrmenu .menu-item-has-children:after { background: url(assets/images/chevrondown.svg) no-repeat center; content: ''; 
	width: 18px; height: 18px; position: absolute; right: 10px; top: 20px; }
.footbtm { align-items: flex-end; border: 0; }
.flogo a { width: 170px; }
.social { gap: 15px 0; flex-direction: column; order: -1; }
.social a span { font-size: 16px; width: 25px; height: 25px; }	
.copyright { font-size: 12px; gap: 5px; padding-top: 40px; white-space: nowrap; font-weight: 300; }
.designby { align-items: center; padding-right: 5px; gap: 5px; font-size: 9px; }
.designby a { width: 20px; }

.mpwrap { grid-template-columns: repeat(1, 1fr); }
.speakerlist { width: 100%; gap: 10px; }
.relatedpost-list { grid-template-columns: repeat(1, 1fr); }
.post .desc .pbtm { display: none; }
.post .desc { position: relative; }
.post .desc h4 { font-size: 14px; margin: 0; }
.post .desc:after { content: "\e901"; font-family: icomoon; font-size: 10px; background: #FFFFFF5C; border-radius: 50%; backdrop-filter: blur(11px);
	position: absolute; bottom: 0px; right: 0; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; }

.general-text * { text-align: left !important; }
.grid-view { grid-template-columns: repeat(1, 1fr); }
.form-grid { grid-template-columns: 1fr; gap: 0; }
.dform { background: url(assets/images/dcmobpopup.png) no-repeat center / cover; padding: 40px 20px 20px; }
#dform .carousel__button.is-close { border: 0; }
.carousel__button.is-close { border: 0; width: 40px; height: 40px; right: 5px !important; top: 5px !important; }
.carousel__button.is-close svg { width: 18px; }
.dform .submit { padding: 0 20px; font-size: 12px; height: 34px; }
.form-text { margin-bottom: 30px; padding-top: 0; }
.form-text h4 { font-size: 24px; max-width: 250px; }
.form-text p br { display: none; }
.form-text p { font-size: 14px; font-weight: 300; margin-bottom: 10px; }
.form-text p:first-of-type { font-size: 18px; font-weight: 400; }
.list-view .dc-download { bottom: auto; border-left: 1px solid #E5E5E5; height: 30px; display: flex; align-items: center; 
	padding: 0 0 0 15px; }
.list-view .dc-card:hover .dc-download, .list-view .dc-card:focus .dc-download { border-left: 1px solid var(--green); }	
.midbanner .text h3 { margin-bottom: 15px; }
.midbanner .text p { margin-bottom: 30px; }
.midbanner.linkright { padding: 70px 0; min-height: 500px; }
.midbanner.linkright .text { margin-bottom: 30px; }
.midbanner.linkright p { font-size: 18px; line-height: 1.5; }
.midbanner.linkright .btn-green { background: #fff; color: var(--green); font-size: 14px; }
.fancybox__slide { padding: 50px 0 0; }
.fancybox__content { background: none; }
.industry-popup { flex-wrap: wrap; gap: 20px 0; max-width: inherit; width: auto; 
	padding: 50px 24px; background: #FBF8F1; border-radius: 5px 5px 0 0; margin: 0; }
.industry-popup-left { width: 100%; }
.industry-popup-right { width: 100%; padding: 0; }
.indsolution ul { grid-template-columns: repeat(1, 1fr); gap: 10px; }
.indsolution { padding: 0; }
.industry-term { margin-bottom: 15px; }
.industry-term span { font-size: 14px; line-height: 24px; padding: 0 6px; }
.industry-breadcrumb { margin-bottom: 25px; display: none; }
.industry-popup-left { display: none; }
.mobindusimg { height: 70vw; border-radius: 5px; margin: 20px 0; }

.stayupbnr { background: url(assets/images/btmbnr.png) no-repeat center / cover; text-align: left; }
.stayupbnr h3 { max-width: 120px; }
.stayupbnr .img { max-width: 230px; bottom: 70%; right: 20px; }
.stayupbnr p { max-width: 230px; }
.stayupbnr .social { flex-direction: row; gap: 5px; justify-content: space-between; } 
.stayupbnr .social a { font-size: 16px; }

.teamsliderwrap { padding: 0 20px; } 
.teamsliderwrap .wrap { padding: 0; }
.teamslider .splide__pagination button { background: var(--green2); opacity: 0.5; }
.teamslider .splide__pagination button.is-active { background: var(--green); opacity: 1; }
.tslide > .flex { display: block; padding: 0 22px 22px; }
.tslide .img { width: auto; margin: 0 -20px 30px; max-width: inherit; }
.tslide .txt { width: 100%; }
.teamhead { padding-top: 10px; }
.teamhead h3 { display: none; }
.team-grid { grid-template-columns: repeat(3, 1fr); gap: 30px 15px; }
.team-filter, .team-filter select { width: 100%; }
.team-item h4 { margin-bottom: 2px; }
.team-item span { font-size: 12px; }
.team-image { margin-bottom: 12px; }

.initiatives { padding: 0 20px; }
.init-item { width: 100%; margin-bottom: 30px; }

.page-id-601 #main-content { flex-direction: column; display: flex; }
.page-id-601 .careerblock, .page-id-601 .breadcrumbs, .page-id-601 .banner2 { order: -1; }
.page-id-601 .teamsliderwrap, .single-career .teamsliderwrap { padding-bottom: 40px; }
.page-id-601 .teamsliderwrap .sectext h3 { display: none; }
.careertoptext .text h3 br { display: none; }
.careertoptext .text { display: flex; flex-direction: column; }
.careertoptext .text ul { flex-wrap: wrap; gap: 20px 0; }
.careertoptext .text ul li { width: 50%; max-width: 100%; }
.careertoptext .text p { margin-bottom: 25px !important; }
.midbanner.small { padding: 50px 0; }
.midbanner.small .text * { text-align: left !important; }
.midbanner.small .text h3 { max-width: 210px; margin-bottom: 22px; }
.midbanner.small .text p { line-height: 1.7; margin-bottom: 40px; }

.career-filter { width: 100%; position: relative; }
.career-filter .dropdown { width: 100%; }
.career-filter .ddw-header { background: var(--beige1); color: var(--green); }
.ddw { min-width: 100%; }
.career-filter #career-search { width: 40px; max-width: 100%; padding: 0; font-size: 0px; background-position: right 10px center; position: absolute; 
	right: 0; top: -55px; transition: width 0.3s ease; z-index: 9; }
.career-filter #career-search.active { width: 220px; padding: 0 50px 0 20px; font-size: 16px; }	
.careerhead.nocpost .srchboxwide { width: 100%; }
.ddw-header { font-size: 18px; }
.ddw-list li { font-size: 18px; }
.cmeta { flex-direction: column; align-items: flex-start; width: 100%; position: relative; }
.cmeta .w1 { width: 100%; }
.career-category { background: url(assets/images/bag.svg) no-repeat left center; padding-left: 20px; }
.career-location { background: url(assets/images/globe.svg) no-repeat left center; padding-left: 20px; }
.career-date { display: none; } 
.career-btn { position: absolute; right: 0; } 
.cmeta a.btn-green:before { content: "\e901"; font-size: 16px; font-family: icomoon; } 
.cmeta a.btn-green { font-size: 0; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; 
	justify-content: center; gap: 0; background: var(--green); color: #fff; } 
.applybtn-sticky { top: auto; bottom: 20px; width: 250px; right: auto !important; left: 50%; transform: translateX(-50%); z-index: 99; }
.meta-left { gap: 10px 20px; justify-content: flex-start; }
.meta-right { border: 1px solid var(--green); border-radius: 40px; gap: 15px; padding: 5px 15px; }
.meta-right a span { display: none; }
.meta-right img { width: 18px; }
.meta-right { border: 1px solid var(--green); border-radius: 40px; gap: 15px; padding: 5px 15px; position: absolute; top: -85px; right: 20px; }
.career-row { padding: 25px 0; }
.single-career .breadcrumbs { padding: 40px 0 30px; max-width: 290px; } 
.single-career .career-detail { padding-top: 20px; }
.single-career .caheads { margin-bottom: 40px; }
.single-career .caheads h3 { margin: 0 0 20px; }
.single-career .cmeta2.mb60 { margin-bottom: 10px; }

.banner2 h1 { max-width: 230px; }
.textwithslider.pad70.pb140 { padding: 10px 0 40px; }
.textwithslider .wrap:last-child { padding-right: 0; }
.splide__pagination { position: static; }
.textwithslider .splide__pagination button.is-active { background: var(--green); }
.textwithslider .splide__pagination button { background: var(--green2); }
.midbanner.solutionpost:before { display: none; }
.midbanner.solutionpost { color: #fff; min-height: 710px; display: block; padding-top: 70px; }
.textwithslider .sectext { margin-bottom: 10px; }
.textwithslider .carousel-wrap { padding-left: 20px; }
.textwithslider .cslide .thumb { width: 260px; height: 320px; }
.textwithslider .cslide.is-active { transform: scale(1); border-radius: 4px; }

.tslide { min-height: inherit; display: flex; align-items: flex-start; background: var(--beige1); border-radius: 3px; }
.tslide p { margin-bottom: 20px; font-size: 16px; }
.postid-119 .tslide .img { margin: 0 0 15px; height: 200px; } 
.postid-119 .tslide > .flex { padding: 10px; }
.postid-119 .tslide h4 { margin-bottom: 10px; font-size: 20px; font-weight: 700; }
.concepts {  }
.concepts .item { background: var(--beige1); padding: 10px; border-radius: 5px; margin-bottom: 10px; }
.concepts .item .left .img { display: block; height: 54vw; border-radius: 5px; margin-bottom: 15px; display: flex; 
	align-items: flex-start; justify-content: flex-end; padding: 10px; }
.img .cterm { background: #fff; color: #134F74; font-size: 12px; border-radius: 20px; padding: 2px 10px; }	
.conmeta { align-items: flex-start; margin-bottom: 15px; gap: 20px; flex-direction: column; }
.conmeta .cterm { display: none; }
.concepts .item .right .img { display: none; }
.concepts .text p { margin-bottom: 15px !important; font-size: 16px; }
.concepts .text li { font-size: 16px; }
.concepts .text br { display: none; }
.concept-nav-wrap { position: relative; } 
.concept-nav-wrap:before { content: ''; position: absolute; height: 100%; width: 100px; right: -20px; background: #ffffff30; 
	backdrop-filter: blur(1px); border-radius: 50px 0 0 50px; z-index: 1; }
.concept-tabs { flex-wrap: nowrap; gap: 10px; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
	justify-content: left; margin-right: -20px; padding-right: 100px; position: relative; }
.concept-tabs button { padding: 0 15px; font-size: 14px; white-space: nowrap; }
.recommond { background: var(--beige2); padding: 20px; margin-bottom: 10px; border-radius: 4px; }
.recommond h4 { font-weight: 600; margin: 0; position: relative; }
.recomlist { display: none; padding-top: 20px; margin-bottom: 0; }
.recomlist span { padding: 5px 20px; font-size: 16px; font-weight: 500; display: flex; margin-bottom: 10px; border-radius: 30px; }
.recomlist span:last-child { margin-bottom: 0px; }
.recomlist2 { padding: 20px; border-radius: 4px; }
.recomlist2 h4 { font-weight: 600; margin: 0; position: relative; }
.recomlist2 ul { display: none; padding-top: 20px; }
.recomlist2 ul li:not(:last-child) { margin-bottom: 8px;  }
.recommond h4::before, .recomlist2 h4::before { content: ''; position: absolute; right: 5px; top: 50%; width: 10px; height: 10px; 
	transform: translateY(-65%) rotate(45deg); transition: transform 0.3s ease; }
.recommond h4::before { border-right: 2px solid var(--green); border-bottom: 2px solid var(--green); }
.recomlist2 h4::before { border-right: 2px solid var(--white); border-bottom: 2px solid var(--white); }
.recomlist2.active h4::before, .recommond.active h4::before { transform: translateY(-35%) rotate(225deg); }


.carousel-wide .txt { display: none; }
.hastext .cslide .thumb, .hastext .cslide.is-active .thumb { width: 100%; }
.hastext .cslide .txtmob { display: block; width: 100%; padding: 20px 0; font-size: 16px; opacity: 0; transition: 0.3s; }
.hastext .cslide.is-active .txtmob { opacity: 1; }

.protabcont .tabnav { flex-wrap: nowrap; gap: 15px; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin;
	padding-bottom: 10px; justify-content: left; margin-right: -20px; padding-right: 20px; }
.protabcont .tabnav button { padding: 0 15px; font-size: 14px; white-space: nowrap; }
.tabnav, .tabbtndesign { margin-bottom: 40px; }
.listdiv { flex-direction: column; gap: 30px; }
.listdiv .item { padding: 30px 10px; }
.listdiv .icon { margin-bottom: 25px; }
.tabnav { scrollbar-width: none !important; }  
.tabnav::-webkit-scrollbar { display: none !important; }  

.textwithslider.hastext .sectext { margin: 0 0 20px; }
.textwithslider.hastext .sectext h3 { max-width: 200px; }
.carousel-wide .splide__track { padding: 0; }

.keybenefit { padding-bottom: 0; }
.keybenefit .sectext { text-align: left; }
.keysliderwrap { margin-right: -20px; }
.keysliderwrap .splide__pagination { padding: 30px 0 0; }
.keysliderwrap .splide__pagination button.is-active { background: var(--green); }
.keysliderwrap .splide__pagination button { background: var(--green2); }
/* .keybenefit .is-active.item .hoverdiv { opacity: 1; } */
.keybenefit .item .hoverdiv { opacity: 1; }
.keybenefit .flex { gap: 0; flex-wrap: nowrap; }
.keybenefit .item { width: 100%; }

.btmbanner { margin-top: 60px; }
.btmbanner h3 { max-width: 190px; }
.btmbanner .img { top: -70px; bottom: 0px; transform: translateY(-10px); }
.btmbanner [class*='btn-'] { background: #fff; color: var(--green); }

.icnlist { display: none; }
.image_mob { display: flex; justify-content: center; }

.application .sectext { text-align: left; margin-bottom: 40px; }
.postid-121 .breadcrumbs.bc2 { padding-bottom: 0; }
.postid-121 .imgtextblock .text { margin-bottom: 40px; }

.midbanner.solutionpost .text:before { display: none; }
.midbanner p br { display: none; }
/**/
.pdftitle { padding-left: 30px; }
.pdflink:before { height: 20px; }
.eyeview { width: 26px; height: 26px; }
.acf-toggle .arow { width: 18px; }

.pg404 .pgtitle { font-weight: 400; margin: 15px; }
.pg404 .txt h3 { font-size: 20px; max-width: 190px; margin: 0px auto 160px; }

.page-id-1251 .imgtextblock .img { order: -1; margin: 0 0 30px; }
.page-id-1251 .imgtextblock .imginn { margin: 0; padding-top: 0; }
.page-id-1251 .tslide h4 { font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.page-id-1251 .tslide p { display: none; }
.page-id-1251 .teamsliderwrap { padding: 40px 20px 30px; }
.fin-quarters { grid-template-columns: 1fr; }
.btm-note { text-align: left; }
.esg-popup { border-radius: 5px 5px 0 0; padding: 50px 20px 20px; }
.esg-poptablewrap { max-width: 100%; }
.esg-poptable .trow li { font-size: 12px; padding: 10px 5px; }
.esg-poptable .trow li:first-child { font-size: 14px; padding: 10px; }
.esg-poptable .thead li { font-size: 14px; padding: 15px 5px; }
.esg-poptitle h3 { font-size: 36px; }
.esg-popgallery { max-width: 250px; margin: 0 0 30px; }
.esg-popgallery .item { max-width: 70px; }
.esg-card { padding: 20px; }
.textwithslider .text.w-49 h3 { margin-bottom: 0; }


#contactpg { padding-top: 20px; padding-bottom: 0; }
.prodalim-contact-form .txtbox { background: #F5F5F5; border: 0; border-radius: 5px; }
.field label { margin-bottom: 12px; }
.leadForm .frmbtm { flex-wrap: wrap; padding-top: 0; }
.leadForm .frmbtm .field { flex: auto; width: 100%; }
.leadForm .chk input { background: #D7D7D7; width: 24px; height: 24px; }
.leadForm .submit { width: 100%; justify-content: center; }
.form-toggle { display: none; }
.contactbtm { background: #fff; }
.contactbtm ul { justify-content: center; gap: 100px 30px; }
.formright .greenbox { background: url(assets/images/adressbgmob.jpg) no-repeat center bottom / cover var(--green); border-radius: 0; 
	color: #fff; padding: 50px 20px 10px; margin: 0 -20px; position: relative; }
.formright .greenbox h4 { width: 120px; letter-spacing: 1px; }
.formright .greenbox .social { gap: 20px 15px; flex-direction: row; padding: 30px 0; }
.formright .greenboximg { width: 210px; right: 20px; position: absolute; top: -50px; }
.formright .greenboximg img { margin-left: 0; }
.page-id-329 .oursites, .oursites { padding: 40px 0; background: var(--green); color: #fff; }
.sitetopbar { justify-content: center; margin-bottom: 20px; }
.sitetopbar h3 { font-size: 34px; }
.sitetopbar .tabnav { display: none; }
.addresses { display: none; }
.addressesmob .item { width: calc(50% - 18px); }

.general-text h1 { font-size: 28px; margin-bottom: 10px; }

.stickycontent { padding-top: 10px; }
.scrolly { flex-direction: column-reverse; gap: 30px 0; }
.scrolly-text { max-height: inherit; overflow: inherit;  }
.step p br, .caption p br { display: none; }
.step p img { max-height: 60px; max-width: 100%; width: auto; }
.imgtextblock .text p img { max-height: 60px; width: auto; }
.textwithslider .sectext { gap: 0; margin-bottom: 40px; }
.postid-122 .textwithslider .sectext h3 br { display: none; }
.postid-122 .textwithslider.pb140 { padding-top: 0; }
.postid-122 .textwithslider.pb140 .sectext { margin-bottom: 40px; }
.postid-122 .textwithslider.pb140 .cslide .thumb { height: 210px; }
.postid-122 .textwithslider.pb140 .fourslide h4 { font-size: 15px; font-weight: 500; text-align: left; }
.postid-122 .textwithslider.pb140 .fourslide .splide__pagination { padding: 0 40px 0 0; }
.postid-122 .textwithslider.pb140 .splide__pagination button { background: var(--beige); }
.postid-122 .textwithslider.pb140 .splide__pagination button.is-active { background: var(--beige); }
.postid-122 .solutionpost + section.textwithslider { padding-bottom: 20px; }
.fruitintro h3 { font-size: 28px; }

.indusarchive .termitem:first-child { padding-top: 10px; }

.sitecookie { padding: 30px 20px; min-height: 360px; }
}

@media screen and (max-width: 600px) {
body.spacer { padding-top: 80px; }
.banner2 { align-items: flex-end; padding-bottom: 10px; }
.banner2 h1 { margin: 0 0 15px; }
.banner2 .text * { text-align: left !important; }
.banner2 .text p { max-width: 310px; }
.banner2 .text p br { display: none; }
.mobslide { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.solpostwrap .sectext h3 br { display: none; }
.fromwrap .sectext .text { max-width: 240px; margin: 0px auto; }

.fourslide .cslide .thumb { height: 240px; width: 100%; }
.hidemob { display: none; }
.hidedesk { display: block; }
.carousel-wrap .splide__track { padding: 0; }
.textwithslider .carousel-wide .cslide .thumb { width: 100%; }
.textwithslider .cslide .thumb { width: 210px; height: 308px; padding: 10px; }
.cslide .thumb h4 { font-size: 14px; }
.hastext .cslide.is-active .thumb h4 { font-size: 14px; text-align: center; }
.textwithslider .fourslide .cslide .thumb { width: 100%; }
.numbs .item, .page-id-435 .numbs .item, .page-id-1251 .numbs .item { width: 50%; }

.mobile-history-arc { max-width: 375px; }
.mobile-history-arc-line { top: -388px; width: 440px; height: 530px; }

.fruit-origins .item { width: calc(33% - 6px); }
.addressesmob { justify-content: center; }
.addressesmob .item { width: 100%; max-width: 280px; }
.dform.careerform { background: url(assets/images/careerpopup.png) no-repeat center bottom var(--green); }
.careerform.dform .submit { width: 100%; }
.sitecookie .cookiemobbg { display: block; }
.thankumsg { background: url(assets/images/alldonebgmob.jpg) no-repeat center / cover; }
}