/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	--black:#000;
	--white:#fff;
	 --birghtgreen:#54B948;
	 --themegreen:#083C37;
	 --btnbg:#07776E;
	 --greenbg:#0D443F;
	--graybg: #F8F8F8;
	
	}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 16px; background:var(--white);
	letter-spacing: 0; line-height: normal;
	font-family: 'Source Sans Pro';
	font-weight: normal;
	color: var(--themegreen);
	
	}


input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
/* Common CSS for All components : End */

@media (min-width:576px){
	.container {
	width:100%;
	max-width:100%;
	}
	
	
	}
 
	.container {
		width:1622px;
		max-width:1622px;
		}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
 color: var(--themegreen);
 font-weight: bold;
 font-family: 'Source Sans Pro';
	 
}
 
h1, .h1 {
	font-size: 56px;
	line-height: 1.2;
	 
}
h2, .h2 {
	font-size: 48px;
	line-height: 1.2;
	 
}
h3, .h3 {
	font-size: 40px;
	line-height: 1.2;
	 
}
h4, .h4 {
	font-size: 32px;
	line-height: 1.3;
 
}
h5, .h5 {
	font-size: 24px;
	line-height: 1.4;
}
h6, .h6 {
	font-size: 20px;
	line-height: 1.4;
	 
}
p{margin: 0; padding: 0; color: #083C37; font-weight: 400;font-size: 18px;line-height: 150%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
img { max-width: 100%; height: auto; }
.row { margin-left: -10px !important; margin-right: -10px !important;}
.row>* { padding-left: 10px !important; padding-right: 10px !important;}
 
.text>*:first-child{ padding-top: 0px; }
.text  p{ margin: 0; padding: 0; color: #083C37; font-weight: normal;font-size: 18px;line-height: 150%;  }
.text  ul li strong,
.text  ol li strong,
.text  p strong{ font-weight: bold; }
.text  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.text  p + p{ padding-top: 24px; }
.text  ul li a,
.text  ol li a,
.text  p a{ margin: 0; padding: 0; color: #083C37; font-weight: normal;font-size: 18px;line-height: 150%;   text-decoration: underline; }
.text  ol li a:hover,
.text  ul li a:hover,
.text  p a:hover{  text-decoration: none; }
.text  ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.text  ul li{ margin: 0; padding: 0; color: #083C37; font-weight: normal;font-size: 18px;line-height: 150%; display: list-item; list-style-type: disc; list-style-position: outside; } 
.text  ul li + li{ margin-top:8px; }
.text  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }
.text  ol li{ margin: 0; padding: 0; color: #083C37; font-weight: normal;font-size: 18px;line-height: 150%; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.text  ol li + li{ margin-top:8px; }
.text blockquote{	 margin: 24px 0; padding: 0 0 0 20px; color: #083C37; font-weight: normal;font-size: 20px; font-style: italic; line-height: 150%; border-left: var(--black) solid 2px;  font-weight: normal;   }
.text blockquote p{ color: #083C37; font-weight: bold;font-size: 20px; font-style: italic; line-height: 150%; }
.text .heading-tag:first-child{ padding-top: 0px;; }
.text  ol + p,
.text  ul + p,
.text   p + ul,
.text   p + ol,
.text   ol + ul,
.text   ul + ol{ padding-top: 24px; }
.main-wapper{ overflow:hidden; }
#header{box-shadow: rgba(0, 0, 0, 0.18) 0 12px 24px;
    z-index: 10; position: fixed; left: 0; top: 0; width: 100%; background: var(--white); }
.header-top-outer{min-height: 48px; align-items: center; display: flex; background: var(--themegreen); }
.header-top{ display: flex; align-items: center; justify-content: space-between;}
.h-social{ display: flex; align-items: center; justify-content: center; gap: 10px; }
.h-social a{ width: 24px; height: 24px; display: flex ;align-items: center;}
.h-phone a:hover,
.h-social a:hover{ opacity: 0.5; }
/* .h-social a img{ max-width: 24px; max-height: 24px; } */
.h-social a img{ max-width: 20px; max-height: 20px; width: 100%; }
.h-phone{display: flex; gap: 24px; }
.h-phone a{ align-items: center; gap: 8px; color: var(--white); font-size: 16px; display: flex; }
.h-phone a i{ width: 24px; height: 24px; display: flex ;align-items: center;}
.header-bottom{ min-height: 118px; display: flex; align-items: center; justify-content: space-between; }
.logo img{ max-height: 54px; }
.logo a{ display: flex; align-items: center;}


.main-nav>ul{ display: flex; gap: 24px; align-items: center;}
.main-nav>ul>li{ padding: 20px 0; position: relative; display: flex;}
.main-nav>ul>li>a{ display: flex; font-size: 16px; color: var(--black); line-height: 150%; }
.main-nav>ul>li ul{ padding: 30px 10px 20px; position: absolute; left: 0; top: 100%; background: var(--white) ; width: 200px; }
/*.main-nav>ul>li ul li{ padding: 6px 10px; }*/
.main-nav>ul>li ul li:not(:last-child){ margin-bottom: 16px; }
.main-nav>ul>li ul li a{ font-size: 16px; color: var(--black); line-height: 150%;}
.main-nav>ul>li:hover>a, .main-nav>ul>li ul li a:hover{ color: var(--btnbg); }
.header-nav{ display: flex; align-items: center;  gap: 32px;}

@media (min-width: 992px) {
	.main-nav>ul>li.menu-item-has-children>a{ position: relative; padding: 0 30px 0 0;}
	.main-nav>ul>li.menu-item-has-children>a::before{content: ''; transition: all 0.3s ease-in-out; position: absolute; right: 0; top: 50%; margin: -5px 0 0 0; width: 12px; height: 8px; background: url(../images/chevron-down.svg) no-repeat center center; transform: rotate(0); }
	.main-nav > ul>li.menu-item-has-children:hover > a::before {margin: -6px 0 0 0;transform: rotate(180deg);}
	.main-nav > ul ul.sub-menu::before{ position: absolute; left:30px ; z-index: 2; top: 0px; width: 80px; height: 30px; content: ''; background: var(--white);   }
	.main-nav > ul li:hover ul.sub-menu{ pointer-events: all; opacity: 1; transform: none; }
	.main-nav > ul ul.sub-menu{ transition:  all 0.3s ease-in-out; position: absolute; z-index: 100; width:240px; box-shadow: rgba(25, 25, 25, 0.25) 0 4px 12px ; border-radius: 8px; left: -27px; top: 100%; background: var(--white); opacity: 0; pointer-events: none; transform: translateY(20px); padding: 30px 12px 24px; display: flex ;flex-wrap: wrap;  flex-direction: column;  }
	.main-nav > ul ul.sub-menu::after{ position: absolute; left:47px ; top: -9px;  content: ''; background: var(--white); width: 18px; height: 18px;box-shadow: rgba(25, 25, 25, 0.25) 0 4px 12px ; z-index: 1;  transform: rotate(45deg); }

	/* Update Header */
	.main-nav > ul ul.sub-menu::after { opacity: 0; }
	.main-nav > ul ul.sub-menu { width: 192px; padding: 24px; box-shadow: 0px 4px 6px -2px #00000008, 0px 12px 16px -4px #00000014; border-radius: 20px; margin-top: 24px; }
	.main-nav>ul>li { padding: 46.5px 0px; }
	.main-nav > ul ul.sub-menu::before { background: transparent; width: 100%; left: 0; top: -25px; }
	.main-nav>ul>li.menu-item-has-children>a::before { width: 18px; height: 12px; }
	.mobile-menu-bottom { display: none; }
	
	.hero-slider.slick-slider .slick-dots li button { width: 12px; height: 12px; }
	.hero-slider.slick-slider .slick-dots { gap: 12px; }

	.main-nav>ul>li.current-menu-item>a, .main-nav>ul>li.current-menu-ancestor>a,.main-nav>ul>li ul li.current-menu-item a  { color: #07776E; }
	.main-nav>ul>li:hover>a, .main-nav>ul>li ul li a:hover { transform: scale(1.08) }
}
.theme-btn-green{ display: flex ;align-items: center; ;}
.theme-btn-green a{ display: flex; align-items: center; border-radius: 16px; background: var(--btnbg); color: var(--white) ;font-size: 16px; height: 40px; padding: 0 20px; }
.theme-btn-green a:hover{ background: var(--birghtgreen);}


.p-64{ padding: 64px;}
.py-64{ padding-top: 64px; padding-bottom: 64px; }
.pt-64{ padding-top: 64px;}
.pb-64{ padding-bottom: 64px;}
.py-112{ padding-top: 112px; padding-bottom: 112px; }
.pt-112{ padding-top: 112px;}
.pb-112{ padding-bottom: 112px;}
.py-160{ padding-top: 160px; padding-bottom: 160px; }
.pt-160{ padding-top: 160px;}
.pb-160{ padding-bottom: 160px;}
.py-164{ padding-top: 164px; padding-bottom: 164px; }
.pt-164{ padding-top: 164px;}
.pb-164{ padding-bottom: 164px;} 
.py-56{ padding-top: 56px; padding-bottom: 56px; }
.pt-56{ padding-top: 56px;}
.pb-56{ padding-bottom: 56px;}
.p-84 { padding: 84px; }
.py-80{ padding-top: 80px; padding-bottom: 80px; }
.pt-80{ padding-top: 80px;}
.pb-80{ padding-bottom: 80px;}
.py-40{ padding-top: 40px; padding-bottom: 40px; }
.pt-40{ padding-top: 40px;}
.pb-40{ padding-bottom: 40px;}
.p-48{ padding: 48px;}
.py-48{ padding-top: 48px; padding-bottom: 48px; }
.pt-48{ padding-top: 48px;}
.pb-48{ padding-bottom: 48px;}
.p-32{ padding: 32px;}
.py-32{ padding-top: 32px; padding-bottom: 32px; }
.pt-32{ padding-top: 32px;}
.pb-32{ padding-bottom: 32px;}

.px-48 { padding-left: 48px; padding-right: 48px; }

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p { color: var(--white); }

.wpcf7-not-valid-tip { margin-top: 10px; display: inline-block; }
.mobile-shape { display: none; }

.contain-wapper{ padding: 166px 0 0 0; }
.home-banner{  position: relative; display: block; width: 100%;  }
.home-banner .banner-bg{  height: calc(100vh - 200px); max-height: 581px; position: relative; display: block; width: 100%; }
.home-banner .banner-bg::after{ z-index: 2; position: absolute; left: 0; top:0 ; width: 100%; height: 100%;  content: ''; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); }
.home-banner .overlay_1.banner-bg::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.home-banner .banner-bg.overlay_2::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
.home-banner .banner-bg span{ position: absolute; left: 0; top:0 ; width: 100%; height: 100%; background-position: center center ;background-size: cover; background-repeat: no-repeat; }
.home-banner .banner-bg span.mobile-bg{ display: none;}
.hr-banner-cta .banner-bg::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.home-banner.hr-banner-cta .banner-bg { max-height: 679px; }
.home-banner.max-height634 .banner-bg { max-height: 634px; }
.banner-caption{  position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 3;   }
.banner-text{ width: 560px;}
.banner-text h1, .banner-text h2{ padding: 0 0 24px; color: var(--white);}
.banner-text p{ color: var(--white);}
.banner-text .button-set{ padding: 32px 0 0 0;  }
.button-set{ display: flex ;align-items: center; gap: 16px;}
.white-btn{ display: flex; }
.white-btn a{ display: flex; font-size: 16px; line-height: 150%; justify-content: center; color: #0D443F; align-items: center; background: var(--white); width: auto ;padding: 12px 24px; border-radius: 16px; transform: scale(1);}
.white-btn a:hover{ /* color: var(--white); background: var(--btnbg);*/ background: #fafafa; transform: scale(1.08); }


.white-border-btn{ display: flex; }
.white-border-btn a{ display: flex; justify-content: center; font-size: 16px; line-height: 150%; color: var(--white); border: var(--white) solid 1px;  align-items: center; background:transparent; height: 48px; width: auto ;padding: 12px 24px; border-radius: 16px; transform: scale(1);}
.white-border-btn a:hover{color: #0D443F; background: #fafafa; transform: scale(1.08); }
/*.white-border-btn a:hover{color: #0D443F; background: var(--white); }*/


.section-title{ display: flex ; flex-direction: column; gap: 24px;   width: 100%; max-width: 768px; margin: 0 auto; text-align: center; }
.section-title .black-border-btn{ justify-content: center; }

.brand-box{ width: 100%; position: relative;  display: block; overflow: hidden; border-radius: 20px; }
.brand-box .img{ width: 100%; display: flex;}
.brand-box .img img{ width: 100%; display: flex;}
.brand-box .brand-over-box{ position: absolute; left: 0; top: 0;  flex-direction: column; width: 100%; display: flex;}
.brand-box .brand-over-box .b-logo { margin: 0 0 24px; width: 100%; display: flex; min-height: 86px; align-items: center; justify-content: center; }
.brand-box .brand-over-box .b-logo img{ max-width: 100%; max-height: 86px; }
.brand-box .brand-over-box p{ font-size: 16px; text-align: center;}
.brand-box .white-btn{ width: 100%; position: absolute; left: 0; bottom: 64px; padding: 0 64px; justify-content: center; }
.greenbg{ background: var(--greenbg); }
.section-title.white h2,
.section-title.white h3,
.section-title.white p{ color: var(--white);}
.Partners-listing ul{ gap: 64px;  display: flex; align-items: center; justify-content: center;}
.Partners-listing ul li span{ width: auto; min-height: 51px; display: flex ;align-items: center; justify-content: center;}
.Partners-listing ul li span img{ max-width: 201px; max-height: 51px;}

.theme-btn { display: flex; }
.theme-btn a{ display: flex; justify-content: center; font-size: 16px; line-height: 150%; color: #fff; align-items: center; background: var(--btnbg); width: auto ;padding: 12px 24px; border-radius: 16px; transform: scale(1); }
.theme-btn a:hover{color: var(--white); transform: scale(1.08);  background: var(--greenbg); }
/*.theme-btn a:hover{color: var(--white); background: var(--birghtgreen); }*/ 
.theme-border-btn{ display: flex; }
.theme-border-btn a{ display: flex; font-size: 16px; justify-content: center; line-height: 150%; color: var(--btnbg); align-items: center; background: transparent; border: var(--btnbg) solid 1px;  height: 48px; width: auto ;padding: 12px 24px; border-radius: 16px; transform: scale(1); }
.theme-border-btn a:hover{color: var(--white); background: var(--greenbg); border-color: var(--greenbg); ; transform: scale(1.08);  }
/*.theme-border-btn a:hover{color: var(--white); background: var(--btnbg); }*/ 
.section-title .button-set{ justify-content: center;  gap: 24px;}

.section-title.left-align h2,
.section-title.left-align h3,
.section-title.left-align p{  text-align: left;}
.section-title.left-align  .button-set{ justify-content: flex-start; }
.Machinery-block{ display: flex; align-items: flex-start; width: 100%; justify-content: space-between;}
.Machinery-left {width: 489px;}
.brand-boxs .row{ row-gap: 20px; justify-content: center; }
.Machinery-right .row{ row-gap: 20px; }
.Machinery-right{ width: calc(100% - 575px);}
.Machinery-box{ height: 100%; border-radius: 16px; display: flex; flex-direction: column; gap: 16px; }
.Machinery-box .icon{ min-height: 84px; display: flex; align-items: center; border: }
.Machinery-box .icon img{ max-width: 100%; max-height: 51px; }
.Machinery-box h4,
.Machinery-box p{ color: var(--white);}
.Machinery-box p { font-size: 16px;}

.vedio-block{  overflow: hidden; border-radius: 50px; } 
.placeholder-img{ background: var(--black); width: 100%; display: block; position: relative; padding: 46.2% 0 0 0; } 
.placeholder-img > img{ height: 100%; opacity: 0.5;  position: absolute; left: 0; top: 0 ;width: 100%; object-fit: cover; }
.placeholder-img .play-icon{ transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; display: flex; }
.placeholder-img .play-icon a{ display: flex; width: 200px; height: 160px; background: rgb(0 0 0 / 55%); border-radius: 20px; justify-content: center; align-items: center; }
.placeholder-img .play-icon a img { max-width: 64px; }
.cta-full-outer{ position: relative; display: block; width: 100%;  overflow: hidden; }
.cta-full-outer .cta-bg  { z-index: 1;  height: 100%;  position: absolute; left: 0; top: 0;  display: block; width: 100%; }
.cta-full-outer .cta-bg::after{z-index: 2; position: absolute; left: 0; top:0 ; width: 100%; height: 100%;  content: ''; background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); opacity: 0.5;}
.cta-full-outer .cta-bg span{ position: absolute; left: 0; top:0 ; width: 100%; height: 100%; background-position: center center ;background-size: cover; background-repeat: no-repeat; }
.cta-full-outer .cta-bg span.mobile-show{ display: none;}
.container {position: relative;z-index: 5;}
.cta-full-outer .section-title{ max-width: 100%; }
.cta-full-outer .cta-data-1{ max-width: 449px; }
.cta-full-outer .cta-data-1 .button-set{ padding: 8px 0 0 0; }


.why-box-main{ display: flex; flex-direction: column; gap: 20px; width: 100%;}
.why-box-main .why-box-gray{ position: relative; min-height: 590px; overflow: hidden; background: #F8F8F8; border-radius: 16px; z-index: 1; }
.why-box-main .why-box-gray h3{ padding: 0 0 24px; color: var(--btnbg); }
.why-box-main .why-box-gray p{ font-size: 16px; color: var(--themegreen);}
.why-block-main .col-md-4:nth-child(3n+1) .why-box-gray .text, .why-block-main .col-md-4:nth-child(3n+3) .why-box-gray .text {  max-width: 278px; }
.why-block-main .col-md-4:nth-child(3n+1) .why-box-gray .text p, .why-block-main .col-md-4:nth-child(3n+3) .why-box-gray .text p{ max-width: 220px; }
.why-box-main .why-box-gray .img{ width: 100%; display: flex; justify-content: center; position: absolute; left: 0; bottom: 0; pointer-events: none; }
.why-box-main .why-box-gray .img img{ max-width: 100%; width: auto; height: auto; }
.why-box-main.version-1 .why-box-gray .img { justify-content: flex-end;   }
.why-box-main.version-1 .why-box-gray .img img{    position: relative;bottom: -180px;max-width:340px;right: -65px;}
.why-box-main .why-box-green{ min-height: 428px;  border-radius: 16px; display: flex; flex-direction: column; gap: 24px; }
.why-box-main .why-box-green .icon{ min-height: 52px; align-items: center; display: flex; }
.why-box-main .why-box-green .icon img{ max-height: 52px; }
.why-box-main .why-box-green h3,
.why-box-main .why-box-green p{ color: var(--white);}
.why-box-main .why-box-green p{ font-size: 16px;}
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-green { min-height: 380px; }
.why-block-main .row { row-gap: 20px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-gray { min-height: 638px; }
.why-block-main .col-md-4:nth-child(3n+1) .why-box-gray .img , .why-block-main .col-md-4:nth-child(3n+3) .why-box-gray .img { position: absolute; width: 100%; height: 100%; top: 0; display: inline-block; left: 0; z-index: -1; }
.why-block-main .col-md-4:nth-child(3n+1) .why-box-gray .img img , .why-block-main .col-md-4:nth-child(3n+3) .why-box-gray .img img { width: 100%; height: 100%; object-fit: cover; max-width: 100%; position: static; }
.why-block-main .col-md-4:nth-child(3n+1) .why-box-gray .text p, .why-block-main .col-md-4:nth-child(3n+1) .why-box-gray .text h3, .why-block-main .col-md-4:nth-child(3n+3) .why-box-gray .text p, .why-block-main .col-md-4:nth-child(3n+3) .why-box-gray .text h3 { color: var(--white); }



.why-box-main.version-3 .why-box-gray .img img{    position: relative;bottom: -115px;max-width:340px;right: 0px;}
.slick-slider .slick-arrow{ z-index: 10; background:url(../images/left-arrow.svg) no-repeat center center; border: #54B948 solid 1px; font-size: 0;  width: 48px; height: 48px; position: absolute; left: 64px; bottom: 0; transition: all 0.3s ease-in-out; border-radius: 12px; }
.slick-slider .slick-arrow.slick-prev{ background:url(../images/right-arrow.svg) no-repeat center center;  left:0px;}
.slick-slider .slick-dots{ gap: 8px; display: flex ;align-items: center; position: absolute; right: 0; bottom: 0; height: 48px; display: flex ;align-items: center; }
.slick-slider .slick-dots li{ display: flex; align-items: center;}
.slick-slider .slick-dots li button {width: 8px; height: 8px; border-radius: 10px; background: #ccc; border: 0; padding: 0;  font-size: 0; }  
.slick-slider .slick-dots .slick-active button{ background: var(--birghtgreen); }
.slick-slider .slick-arrow:hover{ background:url(../images/left-arrow-w.svg) no-repeat center center #54B948;   }
.slick-slider .slick-arrow.slick-prev:hover{ background:url(../images/right-arrow-w.svg) no-repeat center center #54B948;  }

.testimonials-block{ justify-content: space-between; display: flex; align-items: flex-start;}
.testimonials-left{ position: relative; width: 320px; z-index: 10; }
.testimonials-right{ position: relative; width: calc(100% - 400px); display: block; }
.testimonials-left .section-title{ gap: 8px;}
.testimonials-left .section-title .theme-btn{ padding: 16px 0 0 0; }
.testimonials-right::after{ width: 100vw; height: 100%; position: absolute; right: 100%; top: 0; background: var(--white); content: '';   }
.Testimonials-section { overflow: hidden;  display: block;}
.testimonials-right .slick-slide{ padding: 0 32px 0 0; }
.testimonials-box{ transition: all 0.3s ease-in-out; border-radius: 30px; background: #F8F8F8; display: flex; flex-direction: column;   width: 416px; overflow: hidden;  min-height: 412px;} 
.testimonials-right .slick-list{ overflow: visible !important; }
.testimonials-box .icon{   min-height: 48px; display: flex ;align-items: center;  }
.testimonials-box .icon img{ transition: all 0.3s ease-in-out; max-height: 48px ; width: auto; height: auto; }
.testimonials-box .name-box{ gap: 16px; display: flex; align-items: center; margin-top: auto; padding: 20px 0 0 0; } 
.testimonials-box .name-box .img{ width: 48px; height: 48px; position: relative; display: flex; border-radius: 40px;  }
.testimonials-box .name-box .img img{ width: 100%; height: 100%; object-fit: cover;  position: absolute; left: 0; top: 0;  border-radius: 50%;}
.testimonials-box .name-box .name-sub span{ font-weight: 600; display: block;}
.testimonials-box .name-box .name-sub{transition: all 0.3s ease-in-out;  font-size: 16px; color: var(--themegreen);width: calc(100% - 68px); }
.testimonials-box .text p {transition: all 0.3s ease-in-out;}
.testimonials-box:hover { background: #07776E; }
.testimonials-box:hover .text p{ color: var(--white);}
.testimonials-box:hover .name-box .name-sub{ color: var(--white); }
.testimonials-box:hover .icon img { filter: brightness(0) invert(1); }
/* .testimonials-slider .slick-slide.slick-current.slick-active .text p, .testimonials-slider .slick-slide.slick-current.slick-active .name-box .name-sub { color: var(--white); } */
.testimonials-slider{ padding: 0 0 96px; }




.cta-full-outer-main-2{ position: relative; z-index: 1;}
.cta-full-outer-main-2 .cta-full-outer-2{ position: relative; display: block; width: 100%;  overflow: hidden; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-bg  { z-index: 1;  height: 100%;  position: absolute; left: 0; top: 0;  display: block; width: 100%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-bg::after{z-index: 2; position: absolute; left: 0; top:0 ; width: 100%; height: 100%;  content: ''; background:#000; opacity: 0.4;}
.cta-full-outer-main-2 .cta-full-outer-2 .cta-bg span{ position: absolute; left: 0; top:0 ; width: 100%; height: 100%; background-position: center center ;background-size: cover; background-repeat: no-repeat; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-bg span.mobile-show{ display: none;}
.container {position: relative;z-index: 5;}
.cta-full-outer-main-2 .cta-full-outer-2 .section-title{ max-width: 100%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-data-2{ max-width: 449px; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-data-2 .button-set{ padding: 8px 0 0 0; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{  max-width: 100%; position: absolute;  right: 0; bottom: 0; z-index: 20; pointer-events: none;  }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img img{ max-height: 100%; width: auto; height: auto; max-width: 100%; }

.section-title .nav-tabs{ border: 0; background: #F8F8F8; display: flex ; align-items: center; justify-content: center; border-radius: 4px; overflow: hidden; margin: 0 auto; }
.section-title .nav-tabs button{ margin: 0; padding: 0; border: 0; padding: 0 24px;  height: 48px; display: flex ;align-items: center; font-size: 16px; color: var(--themegreen);  border-radius: 20px; }
.section-title .nav-tabs button.active{ background: var(--btnbg); color: var(--white); border-radius: 12px; }
.news-box{ background: #F8F8F8; border-radius: 20px; overflow: hidden; }
 /* the slides */
.news-slider-block .slick-slide {
	margin: 0 10px;
}

/* the parent */
.news-slider-block .slick-list {
	margin: 0 -10px;
}
.news-box .img{ width: 100%; min-height: 0px; padding: 78% 0 0 0; position: relative; display: block;}
.news-box .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.news-box .cat-row{ gap: 16px; display: flex; flex-wrap: wrap; align-items: center;  }
.news-box .cat-row .bg-text{ background: var(--birghtgreen); font-size: 16px; min-height: 30px; display: flex; align-items: center; padding: 0 12px; border-radius: 20px; color: var(--white); }
.news-box .cat-row span + span{font-size: 16px; font-weight: 600; }
.news-box  h5{ padding: 16px 0 8px 0; }
.news-box .read-more{ padding: 24px 0 0 0; display: flex;}
.news-box:hover .img img { transform: scale(1.08); }
.news-box .img img { transition: all 0.3s ease; }
.news-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }

.read-more{ display: flex;}
.read-more a{ gap: 12px; display: flex ;align-items: center; border: var(--themegreen) solid 1px; border-radius: 12px; height: 48px; padding: 0 24px; color: var(--themegreen);  transform: scale(1); }
.read-more a i{ margin-top: 1px; display: flex; width: 24px; height: 24px; background: url(../images/chevron-right.svg) no-repeat center center;  transition: all ease-in-out 0.3s; }
.read-more a:hover { background-color: var(--greenbg); color: var(--white); transform: scale(1.08); }
.read-more a:hover i { background: url(https://handys.co.uk/wp-content/uploads/2025/06/chevron-right-white-1.svg) no-repeat center center; }


.news-slider-in .slick-slider{ padding: 0 0 96px; }
.news-slider-in .slick-slider .slick-dots{ left: 0; right: auto; }
.news-slider-in .slick-slider .slick-arrow{ left: auto; right: 0; }
.news-slider-in .slick-slider .slick-arrow.slick-prev{ right: 64px;}

.cta-box-outer{ position: relative; display: block; width: 100%; overflow: hidden; }
.cta-box-outer::after {width: 100%; height: 248px; position: absolute; left: 0; bottom: 0; content: ''; background: #F8F8F8; } 
.cta-box-view-main{ position: relative; background: var(--themegreen); border-radius: 20px; overflow: hidden; display: flex; align-items: flex-end; flex-wrap: wrap; }
.cta-box-view-main .cta-img-right { width: 68%; padding-left: 200px; position: relative; z-index: 1; padding-top: 30px; }
.cta-box-view { padding: 77px 64px;  width: 32%; }
/* .cta-box-view-main .cta-img-right{ position: absolute; max-height: 90%; right: 0; bottom: 0; width: auto; max-width: 100%; } */
.cta-box-view-main .cta-img-right img{ max-width: 100%; }
.cta-box-view-main  .cta-box-3{ max-width: 386px; }
.cta-box-view .button-set { padding-top: 8px; }
.cta-box-view-main .cta-img-right:before { content: ''; position: absolute; width: calc(100% + 20px); height: 100%; background: url(https://handys.co.uk/wp-content/uploads/2025/06/grass.webp) no-repeat left bottom / contain; z-index: -1; left: -20px; bottom: 0; }


.balt-wapper{   display: flex;   position: relative; overflow: hidden; }
.belt-wapper-inner{ position: relative;   }
.belt-wapper-inner ul{ display: flex; }
.marquee {
	-webkit-animation: marquee 35s linear infinite;
	animation: marquee 35s linear infinite
}

.marquee2 {
	-webkit-animation: marquee2 35s linear infinite;
	animation: marquee2 35s linear infinite;
	position: absolute;
	top: 0
}

@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}
}

@keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}
}

@-webkit-keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

@keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

.belt-wapper-inner ul{ display: flex ;align-items: center;  }
.belt-wapper-inner ul li{ min-height: 56px; display: flex; align-items: center;  justify-content: center; width: 200px; margin: 0 12px; }
.belt-wapper-inner ul li img{ max-width: 200px; max-height: 56px; height: auto; width: auto; }
.retailers-section{    background: #F8F8F8;}
.retailers-section .section-title{ max-width: 410px; }
.contact-section{ background: #07776E;}


.contact-section{ display: block; width: 100%; position: relative; overflow: hidden;}
.contact-block-main{ display: flex ;align-items: stretch; width: 100%; justify-content: space-between; }
.contact-block-main .contact-left{ background: var(--white); position: relative; display: flex ;align-items: flex-start ;   width: calc(100% - 618px);}
.contact-block-main .contact-left span{ overflow: hidden; background: var(--white);      min-width: calc((100vw - 1592px) / 2 + 100% + 150px); height: 100%; position: absolute; right:  0; top: 0;  display: block ; float: right; align-items: center;}
.contact-block-main .contact-left span img{ position: absolute; right: -100px; bottom: -138px;  object-fit: cover; }
.contact-block-main .contact-right{ position: relative; z-index: 10; display: flex; justify-content: flex-end; width: 597px;}
.contact-right-inner{ min-width: 1124px; border-radius: 24px; background: var(--white); box-shadow: rgba(0,0,0,0.18) 0 24px 48px; }
.contact-section .submit-row button, .contact-section .submit-row input[type="submit"] { width: auto; }

.contact-form{ width: 100%; display: block; }
.contact-form .row{ row-gap: 24px; }
.input-box{ display: block; width: 100%;}
.input-box .input-title { font-size: 16px; display: block;  padding: 0 0 8px;}
.input-box .input-title p { font-size: 16px; }
.input-box .input-text, .input-box .input-email { display: flex; align-items: center; width: 100%; background: #F8F8F8; border: 0; padding: 0 24px; color:#666666 ;font-size: 16px; min-height: 48px; resize: none; border-radius: 10px; }
.input-box .nice-select{ display: flex; align-items: center; width: 100%; background: #F5F5F5; border: 0; padding: 0 24px; color:#666666 ;font-size: 16px; min-height: 48px; resize: none;  border-radius: 0;}
.input-box .input-title p > span { font-size: 12px; line-height: 150%; color: #aaa; display: block; margin-top: 4px; }
.nice-select:after{ border-color: var(--black); margin: -6px 10px 0 0;  width: 12px; height: 12px; }
.nice-select .list{ width: 100%; max-height: 200px; overflow: auto; }
.input-box textarea.input-text{ height: 132px; padding-top: 12px; }
.checkbox { display: flex; position: relative;}
.checkbox input{  opacity: 0; position: absolute;  left: 0; top: 0; width: 0; height: 0;}
.checkbox label{ line-height: 18px; color: var(--black);   align-items: center; cursor: pointer;  position: relative; padding: 0 0 0 26px; font-size: 14px; line-height: 150%; color: #083C37; }
.checkbox label a{ color: var(--black); text-decoration: underline;}
.checkbox label a:hover{ opacity: 0.5; }
.checkbox label::after{ width: 18px; height: 18px; border-radius: 4px; position: absolute; left: 0; top:  1px; content: '' ; transition: all 0.3s ease-in-out; border: var(--black) solid 1px;   }
.checkbox label span::before{ width: 18px; height: 18px ; position: absolute; left: 0; top: 1px; content: '' ; transition: all 0.3s ease-in-out; border: var(--black) solid 1px;  background: url(../images/Checkbox.svg) no-repeat center center; opacity: 0; border-radius: 4px; }
.checkbox input:checked +  span::before{ opacity: 1; }
 
.submit-row{ padding: 32px 0 0 0; display: flex; justify-content: flex-end; }
 
#footer{ background: var(--greenbg); }

 
.submit-row button, .submit-row input[type="submit"] { border: 0; width: 100%; display: flex; align-items: center; border-radius: 16px; background: var(--btnbg); color: var(--white) ;font-size: 16px; height: 48px; padding: 0 24px; transform: scale(1); -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.submit-row button:hover, .submit-row input[type="submit"]:hover{ background: var(--greenbg); transform: scale(1.08);}

.footer-top{ border-bottom: #54B948 solid 1px; display: flex; align-items: center; justify-content: space-between; } 
.f-logo{ display: flex ;align-items: center; }
.f-logo a{ display: flex ;align-items: center; }
.f-logo img{ width: 131px; display: flex ;align-items: center; }
.f-menu-top{ display: flex;}
.f-menu-top ul{ gap: 32px; align-items: center; display: flex;}
.f-menu-top ul li{ display: flex;}
.f-menu-top ul li a{ font-size: 14px; color: var(--white); font-weight: 600; display: flex;}
.f-socials  a:hover,
.f-link-bot ul li a:hover,
.f-menu-top ul li a:hover, .footer-bottom-left a:hover { opacity: 0.5; }
.f-socials{ display: flex ;gap: 12px; align-items: center;}
.f-socials a{ display: flex; }
.f-socials  a img{ display: flex;}
.footer-bottom{ padding-top: 32px ; display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.footer-bottom .copyright{ font-size: 14px; color: var(--white);}
.f-link-bot{ display: flex;}
.f-link-bot ul{ gap: 24px;  align-items: center; display: flex;}
.f-link-bot ul li{ display: flex;}
.f-link-bot ul li a{  text-decoration: underline; font-size: 14px; color: var(--white);display: flex;}
.footer-bottom-left { color: var(--white); width: 50%; gap: 24px; display: flex; flex-wrap: wrap; align-items: center; }
.footer-bottom-left a { color: var(--white); text-decoration: underline; }
.footer-bottom-right { display: flex; gap: 24px; flex-wrap: wrap; justify-content: right; }	
.f-menu-top ul li.current-menu-item a { font-weight: bold; }
	
.contact-left .section-title{ max-width: 420px; margin: 0; position: relative; z-index: 10;}

.input-box .nice-select{ display: flex; align-items: center; width: 100%; background: #F5F5F5; border: 0; padding: 0 24px; color:#083C37 ;font-size: 16px; min-height: 48px; resize: none;  border-radius: 4px;}
.nice-select:after{ border-color: var(--black); margin: -6px 10px 0 0;  width: 12px; height: 12px; }
.nice-select .list{ width: 100%; max-height: 200px; overflow: auto; }
.vedio-block{ position: relative; display: block; }
.vedio-block .vedio-blk-inner{ opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out;  position: absolute; left: 0; top: 0; width: 100%;   padding: 46.2% 0 0 0; }
.vedio-block .vedio-blk-inner iframe{position: absolute; left: 0; top: 0; width: 100%;  height: 100%; object-fit: cover; }
.vedio-blk-inner.active{ opacity: 1 ; pointer-events: all; }


.aboutsec .section-title { max-width: 756px; }
.about-btn { margin-top: 8px; }
.aboutcard-box { border-radius: 16px; color: var(--white); height: 100%; }
.aboutcard-box .icon, .aboutcard-box h4 { margin-bottom: 24px; }
.aboutcard-box h4, .aboutcard-box p { color: var(--white); }
.aboutcard-box p { font-size: 16px;}
.aboutcard { row-gap: 20px;  }

    
.history-img { background-size: cover; padding-top: 78%; max-width: 78%; border-radius: 20px; background-repeat: no-repeat; background-position: top center; margin: 0 auto; border: 1px solid #07776e; }
.history-col span { display: inline-block; margin: 22px 0px; width: 100%; position: relative; height: 3px; background: #000; }
.history-col span:before { content: ''; position: absolute; width: 31px; height: calc(100% + 3px); background: var(--white); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.history-col span:after { content: ''; width: 15px; height: 15px; background: #07776E; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 
.history-year { font-weight: 700; font-size: 40px; line-height: 120%; text-align: center; margin-bottom: 8px; color: #07776E;}
.history-tile { font-weight: 700; font-size: 20px; line-height: 140%; color: #07776E; margin-bottom: 8px; }
.history-text p { font-size: 16px; }
.history-content { padding: 0px 30px; }
.history-slider { padding-bottom: 96px; }
.history-slider.slick-slider .slick-arrow { left: 50% !important; transform: translateX(-50%); margin-left: 32px; }
.history-slider.slick-slider .slick-arrow.slick-prev { margin-left: -32px; }
.history-btn.theme-btn a:hover { color: var(--btnbg); background: var(--white); }

.teamsec { overflow: hidden; }
.team-card { padding: 57px 57px 0; background-size: cover; background-position: center; border-radius: 24px; background-repeat: no-repeat; margin-right: 20px; overflow: hidden; display: flex !important; flex-direction: column; justify-content: space-between; }
.team-card h3.h2 { font-weight: 700; margin: 0; }
.team-info P { font-size: 21.6px; line-height: 150%; }
.team-img { margin-top: 45px; text-align: center; }
.team-img img { max-width: 100%; height: auto; }
.team-slider { padding-bottom: 72px; position: relative; }
.team-slider .slick-list { padding-left: 0 !important; overflow: visible; display: flex; padding-right: 80px; }
.team-slider .slick-track { display: flex; }
.team-slider::after { content: ''; width: 100vw; height: 100%; position: absolute; right: 100%; top: -1px; background: var(--greenbg); }
.team-slider.slick-slider .slick-arrow { left: auto; right: 0; }
.team-slider.slick-slider .slick-arrow.slick-prev { right: 64px; }
.team-slider.slick-slider .slick-dots { left: 0; }

.arrow-white.slick-slider .slick-arrow{ border-color: #fff; background:url(../images/left-arrow-w.svg) no-repeat center center; }  
.arrow-white.slick-slider .slick-arrow.slick-prev { background:url(../images/right-arrow-w.svg) no-repeat center center; }
.arrow-white.slick-slider .slick-arrow:hover { border-color: var(--birghtgreen); background-color: var(--birghtgreen); }

.solution-right .row { row-gap: 20px; }
.solution-left { width: 489px; }
.solution-right { width: calc(100% - 578px); }
.solution-left .button-set { margin-top: 56px; }
.solution-inn { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.solution-box { background: #F8F8F8; border-radius: 16px; padding-bottom: 209px !important; position:relative; z-index: 1; overflow: hidden; }
.solution-box h3 { margin-bottom: 12px; }
.solution-btn { margin-top: 24px; }
.solution-txt { max-width: 191px; }
.solution-txt p { font-size: 16px; }
.solution-img { position: absolute; bottom: 0; right: 0; z-index: -1; }
.solution-img img { max-width: 100%; height: auto; }
.solution-right .col-md-6:nth-child(4n+1) .solution-img { transform: rotate(-31.14deg); width: 630px; height: 630px; left: -30px; bottom: -160px; }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { right: -98px; bottom: -80px; width: 487px; height: 487px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img { left: 30px; width: 645px; height: 645px; bottom: -14px; }
.solution-right .col-md-6:nth-child(4n) .solution-img { width: 577px; height: 577px; right: -136px; bottom: -44px; }




.sourtab-nav ul, .brandtab-nav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.sourtab-nav ul li, .brandtab-nav ul li { background: #f8f8f8; border-radius: 20px; padding: 24.22px 32px; font-weight: 700; text-align: center; margin: 0; transition: all 0.3s ease; cursor: pointer; }
.sourtab-nav ul li.tab_active, .sourtab-nav ul li:hover , .brandtab-nav ul li.tab_active, .brandtab-nav ul li:hover { background: var(--birghtgreen); color: var(--white); }
.sourtab-card { border-radius: 16px; height: 100%; }
.sourtab-card .icon { margin-bottom: 24px; }
.sourtab-card h4 { color: var(--white); margin-bottom: 24px; }
.sourtab-text p { color: var(--white); font-size: 16px; }
.sourtab-row { row-gap: 22px; }
.sourtab-col, .brandtab-box { display:none; }
.sourtab-col.tab_active, .brandtab-box.tab_active { display: block; }

.twcol-inn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.twcol-content { width: 40.66%; }
.twcol-image { width: 52.3%; } 
.twcol-image img { border-radius: 16px; }
.twcol-inn.revers-col, .cardcust-inn.revers-col { flex-direction: row-reverse; } 

.location-inn { border-radius: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.section-title.left-align { text-align: left; }
.pretile span { font-weight: 600; font-size: 16px; line-height: 150%; color: var(--white); padding: 8px 16px; border-radius: 50px; background: #54B948; display: inline-block; width: auto; }
.location-lf .section-title h3, .location-slider h5 { color: var(--white); }
.location-lf { width: 316px; }
.location-inn p { color: var(--white); font-size: 16px; }
.location-rght { width: calc(100% - 396px); position: relative; }
.location-slider h5 { margin-bottom: 24px; }
.location-map { position: relative; border-radius: 30px; overflow: hidden; padding-top: 0 !important; margin-bottom: 20px; }
.location-map iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.location-slider { padding-bottom: 96px; }  
.location-col { margin: 0px 10px; }
.location-slider .slick-list { margin: 0px -10px; }
.search-frm .hs-searchfield { display: flex; flex-wrap: wrap; gap: 24px; }
.search-frm .hs-searchfield .input-box { width: calc(100% - 118px); }
.search-frm .hs-searchfield .submit-row { width: 94px; padding-top: 0; }
.search-frm .hs-searchfield .submit-row input[type="submit"]:hover { color: var(--btnbg); background: var(--white); }
.search-frm { position: relative; z-index: 1; }
.search-frm .wpcf7 form.sent .wpcf7-response-output, .location-searchbar span.wpcf7-spinner { display: none; }
.location__counter { position: absolute; right: 0; color: #fff; font-weight: 600; bottom: 15px; }
.location-slider.slick-slider .slick-dots { display: none; }
.location-map .retailer-map, .location-map #retailer-map { height: 450px; }

.twcolvdo-inn .vdoinner { padding-top: 66.89%; border-radius: 16px; }
.twcolvdo-inn .vdoposter .play-btn { background: none; width: 113px; height: 113px; }
.twcolvdo-inn .vdoposter:before { background: #0D443F99; }


.partstab-inn .sourtab-nav ul li { min-width: 340px; min-height: 270px; display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; }
.partstab-inn .sourtab-nav ul li.tab_active  img, .partstab-inn .sourtab-nav ul li:hover img { filter: brightness(0) invert(1); }
.partstab-inn .sourtab-nav ul li > img { display: block; transition: all 0.3s ease; margin: 0 auto 16px; }
.partstab-inn .solution-box { padding-bottom: 520px !important; }
.partstab-row { row-gap: 20px; }



.making-col { display: flex; flex-direction: column; row-gap: 20px; }
.making-row .col-md-6:nth-child(2n) .making-col { flex-direction: column-reverse; }
.making-box { background: #F8F8F8; border-radius: 20px; padding-bottom: 0; min-height: 785px; min-height: 785px; display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; }
.making-row { display: flex; flex-wrap: wrap; row-gap:20px; margin-left: -15px !important; margin-right: -15px !important; }
.making-row.row > * { padding-left: 15px; padding-right: 15px; }
.making-card:before { content: ''; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.making-card h3, .making-card p { color: var(--white); }
.making-heading { max-width: 316px; margin: 0 auto; }
.making-card .making-heading { margin: 0; max-width: 344px; }
.making-card { position: relative; z-index: 1; overflow: hidden; min-height: 437px;  border-radius: 20px; background-size: cover; background-position: top center; background-repeat: no-repeat; display: flex; flex-wrap: wrap; align-items: flex-end; }
.making-text p { font-size: 16px; }
.making-heading h3 { margin-bottom: 16px; }
.making-box .p-64 { padding-bottom: 56px; } 




.achieve-inn { gap: 32px; display: flex; flex-wrap: wrap; }
.achieve-card { border-radius: 30px; position: relative; z-index: 1; height: 100%; }
.achieve-card:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(360deg, rgba(0, 0, 0, 0) -51.93%, rgba(0, 0, 0, 0.8) 100%); top: 0; left: 0; border-radius: inherit; z-index: -1; }
.achieve-card h2 { margin-bottom: 24px; }
.achieve-card h2, .achieve-card p { color: var(--white); }
.achieve-rght { background: #F8F8F8; width: 67%; border-radius: 30px; }
.achieve-lf { width: calc(33% - 32px); }
.achieve-rght h3 { margin-bottom: 32px; }
.achieve-col { border-radius: 16px; min-height: 208px; height: 100%; }
.achieve-content > * { color: var(--white); }
.achieve-col h5 { margin-bottom: 12px; }
.achieve-content { position: relative; padding-left: 48px; }
.achieve-content img.check-icon { position: absolute; left: 0; top: 4px; max-width: 24px; }
.achieve-rght .row { row-gap: 32px; }

.vision-sec .section-title { max-width: 668px; }
.vision-box { background: #F8F8F8; border-radius: 30px; height: 100%; }
.vision-box h4 { margin-bottom: 16px; }
.vision-inn .row { margin-left: -16px !important; margin-right: -16px !important; row-gap: 30px; }
.vision-inn .row>* { padding-left: 16px !important; padding-right: 16px !important; }
.visupdate_sec.vision-sec .section-title { max-width: 448px; }

.cardcust-content, .cardcust-image { width: calc(50% - 24px); }
.cardcust-inn { display: flex; flex-wrap: wrap; gap: 48px; }
.cardcust-box h3 { margin-bottom: 20px; }
.cardcust-box .row, .brochure-row { row-gap: 20px; }
.cardcust-box .achieve-col { min-height: auto; }
.cardcust-img { border-radius: 30px; background-size: cover; background-position: top center; position: relative; z-index: 1; height: 100%; }
.cardcust-img:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); border-radius: inherit; left: 0; top: 0; z-index: -1; }

.cardcust-image.cardcust-slide { border-radius: 30px; overflow: hidden; }
.cardcust-slide .slick-list, .cardcust-slide .slick-track  { height: 100%; }
.cardcust-slide.slick-slider .slick-arrow { bottom: 48px; left: 48px; }
.cardcust-slide.slick-slider .slick-arrow.slick-next { right: 48px; left: auto; }
.cardcust-slide.slick-slider .slick-dots { width: 100%; justify-content: center; bottom: 48px; }

.brochure-heading { display: flex; flex-wrap: wrap;  justify-content: space-between; gap: 24px; align-items: flex-start; }
.brochure-heading .section-title { margin: 0; }
.brochure-col { display: flex; flex-direction: column; row-gap: 24px; height: 100%; background: #F8F8F8; border-radius: 16px; }
.brochure-img img { max-width: 199px; border-radius: 8px; }
.brochure-size, .brochure-content h5  { margin-bottom: 8px; }
.achieve-col p, .vision-box p, .brochure-content p, .tab-content p, .teamcard-info p, .jobopen-content p, .teamwrk-col p, .career-lstext p, .faq-answers p, .bloglist-banner-txt p, .event-text p { font-size: 16px; }
.brochure-btn { flex-wrap: wrap; gap: 24px; }
.brochure-btn > div { width: calc(50% - 12px); }
.brochure-btn a { width: 100%; }
.brochure-content { display: flex; flex-direction: column; flex-grow: 1; }

.brandtab-inn ul li { max-width: 340px; padding: 48px 32px; }
.brandtab-inn .tab-logo { min-height: 86px; display: flex; justify-content: center; align-items: center; }
.brandtab-inn .brandtab-nav span { display: none; }
.brandtab-inn .tab-content h5 { margin-bottom: 24px; }
.brandtab-inn ul li.tab_active, .brandtab-inn ul li:hover { background: var(--greenbg); }
.brandtab-lf * , .brandtab-inn ul li.tab_active .tab-content > *, .brandtab-inn ul li:hover .tab-content > * { color: var(--white); }
.brandtab-col { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 24px; }
.brandtab-lf { padding: 48px 32px; max-width: 317px; border-radius: 20px; display: flex; flex-wrap: wrap; align-content: space-between; row-gap: 24px; }
.brandtab-txt { font-size: 16px; margin-top: 24px; } 
.brandtab-vdo { width: calc(100% - 337px); }
.brandtab-vdo .vdoinner { border-radius: 30px; height: 100%; padding-top: 58.54%; } 
.brandtab-vdo .vdoposter { background-position: center center; }
.brandtab-vdo .vdoposter .play-btn { width: 64px; height: 64px; }
.brandtab-vdo .vdoposter:before { background: rgb(0 0 0 / 70%); }

.consumer-inn { display: flex; flex-wrap: wrap; justify-content: space-between; }
.consumer-lf { width: 409px; }
.consumer-rght { width: calc(100% - 489px); }
.consumer-list { background: #F8F8F8; border-radius: 30px; margin-bottom: 32px; }
.consumer-list:last-child { margin-bottom: 0; }
.consumer-list h4 { margin-bottom: 16px; }

.retail-sec { position: relative; z-index: 1; }
.retail-row { row-gap: 20px; }
.retail-sec .section-title { max-width: 560px; }
.retail-box img { margin-bottom: 24px; }
.retail-box { background: var(--btnbg); border-radius: 16px; }
.retail-box h5 { margin-bottom: 12px; }
.shape-img { position: absolute; width: 100%; left: 0; bottom: 0; z-index: -1; height: 300px; }
.shape-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }


.hrmeet-banner .center-align { margin: 0 auto; }
.hrmeet-banner .banner-text .button-set { justify-content: center; }
.hrmeet-banner.home-banner .banner-bg::after { background: rgb(0 0 0 / 70%); opacity: 1; }
.hrmeet-banner.home-banner .banner-bg span { opacity: 1; }

.teamcard-sec .section-title { max-width: 580px; }
.teamcard-img { background: #F8F8F8; border-radius: 24px; text-align: center; padding-top: 20px; min-height: 521px; display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 1; overflow: hidden; margin-bottom: 24px; }
.teamcard-img > img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.teamcard-img span.shape-bm { position: absolute; bottom: -330px; z-index: -1; left: -177px; width: 878px; }
.teamcard-content { position: relative; padding-bottom: 50px; display: flex; flex-direction: column; flex-grow: 1; }
.teamcard-col { display: flex; flex-direction: column; height: 100%; }
.teamcard-row  { row-gap: 64px; }
.teamcard-info { margin-top: 16px; }
.teamcard-social {  padding-top: 24px; position: absolute; left: 0; bottom: 0; }
.teamcard-social a { display: inline-block; }
.teamcard-social a svg, .teamcard-social a svg path { transition: all ease-in-out 0.3s; }
.teamcard-social a:hover svg, .teamcard-social a:hover svg path { fill: var(--btnbg); }
.teamcard-img .mobile-img { display: none; }

.hero-sec { position: relative; z-index: 1; }
.banner-vdo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.banner-vdo video { width: 100%; height: 100%; object-fit: cover; }
.banner-vdo:before, .hero-banner:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); } 
.hero-banner { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex !important; flex-wrap: wrap; }
.hero-slider .hero-banner:nth-child(n+2) { display:none !important; }
.hero-slider.slick-initialized .hero-banner:nth-child(n+2) { display:flex !important; }
.hero-slider.slick-slider .slick-dots { width:100%; justify-content: center; height: auto; bottom: 30px; }
.hero-slider.slick-slider .slick-dots li button {  background: transparent; border: 1.51px solid #fff; }
.hero-slider.slick-slider .slick-dots .slick-active button { background: var(--birghtgreen); border-color: var(--birghtgreen); }
.hero-slider.slick-slider .slick-track, .hero-slider.slick-slider .slick-list { display: flex; }
.hero-mobimage { display: none; }

.brand-box h5 { text-align: center; font-weight: 700; font-size: 24px; line-height: 1.4; margin-bottom: 24px; }

.brand-box.brand-box-v2 { height: 100%; padding-bottom: 231px;  }
.brand-box.brand-box-v2 .brand-over-box { position: static; }
.brand-box.brand-box-v2 .white-btn a { font-weight: 700; }
.plantimage { position: absolute; bottom: 0; left: 0; width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; padding-top: 70%; }

.wpcf7 form.sent .wpcf7-response-output { border-color: #07776e; color: #07776e; font-size: 22px; line-height: 150%; text-align: center; border: 0; font-weight: 600; }
/* .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {margin: 0;border-color: #ff0000;padding: 10px;font-size: 18px;font-weight: 600;color: #ff0000;} */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: 16px; color: #dc3232; border: 0; padding: 0; margin: 8px 0 0; }

.news-slider .slick-track, .testimonials-slider .slick-track { display: flex; flex-wrap: wrap; }
.news-slider-block .slick-slide, .testimonials-slider .slick-slide { height: inherit; display: flex; flex-wrap: wrap; }
.news-slider .news-box, .testimonials-slider .testimonials-box { height: inherit; }
.news-box-sub { padding-bottom: 120px; }
.news-box .read-more { position: absolute; bottom: 48px; }


.home-main-banner-img { background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 687px; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img:before { width: 690px; content: ''; position: absolute; background: url(https://handys.co.uk/wp-content/uploads/2025/06/shape1.png) no-repeat left bottom / contain; bottom: 0; right: 57%; height: 171px; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img:after { z-index: -1; height: 324px; content: ''; position: absolute; background: url(https://handys.co.uk/wp-content/uploads/2025/06/shape1-1.png) no-repeat bottom right / contain; width: 592px; bottom: 0; right: 0; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img img { margin-right: 100px; }
.news-section .section-title h2 { max-width: 500px; margin: 0 auto; }


.vdoinner, .vdopopup-sec { position: relative; padding: 46.2% 0 0 0; overflow: hidden; border-radius: 50px; z-index: 1; }
.vdoposter, .vdoposter-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-size: cover; background-position: top center; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; }
.vdoposter:before, .vdoposter-img:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 50%); z-index: -1; }
.vdoposter .play-btn, .vdoposter-img .play-btn { display: flex; -webkit-display: flex; width: 200px; height: 160px; background: rgb(0 0 0 / 55%); border-radius: 20px; justify-content: center; align-items: center; justify-content: -webkit-center; align-items: -webkit-center; cursor: pointer; }
.vdoinner video, .vdoinner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.vdoposter.playing { display: none; }
.vdoinner .pause-btn { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: pointer; }
.vdoposter .play-btn { position: relative; }
.vdoposter .play-btn > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }


.vdopopup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 111; background: rgb(0 0 0 / 60%); }
.vdopopup-content { position: absolute; width: calc(100% - 40px); max-width: 840px; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 520px;border-radius: 20px;}
span.close-btn { position: absolute; width: 30px; height: 30px; background: #54b948; display: inline-block; z-index: 1; right: -10px; top: -10px; border-radius: 6px; cursor: pointer; }
span.close-btn:before, span.close-btn:after { content: ''; position: absolute; width: 16px; height: 2px; background: var(--white); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
span.close-btn:after { transform: translate(-50%, -50%) rotate(-45deg); }
.vdopopup video { border-radius: 16px;  width: 100%; height: 100%; object-fit: cover; }
.vdopopup.vdopopup_show { display: block; }

.jobopen-sec { background: var(--btnbg); }
.jobopen-inn { display: flex; flex-wrap: wrap; row-gap: 48px; justify-content: space-between; }
.jobopen-lf { max-width: 274px; }
.jobopen-rght { width: calc(100% - 360px); }
.jobopen-box { background: #F8F8F8; border-radius: 16px; display: flex; flex-wrap: wrap; align-content: space-between; }
.jobopen-content, .jobfind-btn { margin-top: 24px; }
.job-location { font-size: 18px; line-height: 150%; width: 100%; }
/* .jobopen-rght .row { margin-left: -16px !important; margin-right: -16px !important; row-gap: 32px; }
.jobopen-rght .row>* { padding-left: 16px !important; padding-right: 16px !important; } */
.jobopen-lf h2 { margin-bottom: 24px; }
.jobopen-lf .button-set { margin-top: 16px; }
.job_slider { padding-bottom: 80px; }
.job_slider .col-md-4.slick-slide { margin: 0px 10px; display: flex; }
.job_slider.row>* { padding: 0 !important; }
.job_slider.slick-slider .slick-arrow { left: auto; right: 10px; }
.job_slider.slick-slider .slick-arrow.slick-prev { right: 74px; }
.job_slider .slick-list, .job_slider .slick-track { display: flex ; }

.teamwrk-inn { display: flex; flex-wrap: wrap; gap: 80px; }
.teamwrk-lf, .teamwrk-img { width: calc(50% - 40px); }
.teamwrk-img .cardcust-img:before { display: none; }
.teamwrk-icon { margin-bottom: 24px; }
.teamwrk-icon img { max-width: 54px; }
.teamwrk-col h5 { margin-bottom: 12px; } 
.teamwrk-col { border-radius: 16px; height: 100%; }
.teamwrk-box { row-gap: 20px; }

.hrbrochur-inn, .career-lsthero-inn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.hrbrochur-lf h1, .career-lsthero-lf h1 { margin-bottom: 24px; }
.hrbrochur-btn, .career-lsthero-lf .button-set { margin-top: 32px; }
.hrbrochur-sec { padding-top: 86px; overflow: hidden; position: relative; }
.hrbrochur-lf, .career-lsthero-lf { width: 560px; }
.hrbrochur-rght, .career-lsthero-rght { width: calc(100% - 580px); text-align: center; }
.hrbrochur-img img { max-width: 671px; width: 100%; }
.hrbrochur-img { margin-bottom: -159px; }
.hrbrochur-sec:before { content: ''; position: absolute; background: url(/wp-content/uploads/2025/06/hrbm-shape.webp)no-repeat right bottom /contain; width: 66%; height: 285px; right: 0; bottom: 0; }

.brochure-filter-tag ul, .career-lstfilter-tag ul, .listing-filter-tag ul, .blgfilter ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; }
.brochure-filter-tag ul li, .listing-filter-tag ul li, .blgfilter ul li { padding: 12px 24px; font-size: 16px; line-height: 150%; color: var(--greenbg); min-width: 193px; text-align: center; border-radius: 16px; cursor: pointer; transition: all 0.3s ease; }
.brochure-filter-tag ul li.is-checked, .brochure-filter-tag ul li:hover, .career-lstfilter ul li.is-checked, .career-lstfilter ul li:hover, .listing-filter-tag ul li.is-checked, .listing-filter-tag ul li:hover, .blgfilter ul li.is-checked, .blgfilter ul li:hover  { background: #07776E; color: var(--white); }
.brochure-filter-content { row-gap: 20px; }
.brochure-filter-content .brochure-btn > div { width: calc(50% - 12px); }
.brochure-filter-content .brochure-btn > div a { width: 100%; }
.brochure-filter-content .brochure-size { font-weight: 600;  }
/* .brochure-filter-content .brochure-img { margin-bottom: 24px; } */
.brochure-filter-col, .career-filter-col, .upcoming_item { padding-top: 20px; }
.brochure-filter-sec .brochure-filter-tag, .career-lstfilter , .upcoming-eventpst-inner .listing-filter-tag, .blgfilter { margin-bottom: 60px; }
.career-lstfilter-tag ul li { padding: 12px 24px; font-size: 16px; line-height: 150%; color: var(--greenbg); text-align: center; border-radius: 16px; cursor: pointer; transition: all 0.3s ease; }

.career-lsthero { position: relative; padding-top: 35px; overflow: hidden; }
.career-banner-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-size: cover; background-position: top center; background-repeat: no-repeat; }
.career-lsthero-rght img { margin-bottom: -178px; max-width: 556px; }


.tagline-inn { display: flex; flex-wrap: wrap; gap: 80px; }
.tagline-left , .tagline-right { width: calc(50% - 40px); }
.tagline-heading h2 { font-weight: 700; }
.tagline-subtxt { font-weight: 600; font-size: 16px; line-height: 150%; margin-bottom: 16px; }

.career-lstfilter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; }
.career-lstfilter .brochure-filter-tag ul li { min-width: auto; }
.career-lstsort span { font-size: 16px; line-height: 150%; padding-right: 32px; position: relative; display: inline-block; cursor: pointer; }
.career-lstsort span:before { content: ''; position: absolute; width: 24px; height: 24px; background: url(/wp-content/uploads/2025/06/chevron-down.svg)no-repeat center / contain; top: 0; right: 0; }
.career-lstsort ul { display: none; position: absolute; width: 100%; top: 100%; border: 1px solid #07776e; border-radius: 6px; margin-top: 10px; min-width: 130px; right: 0; text-align: center; background: var(--white); z-index: 1; }
.career-lstsort { position: relative; }
.career-lstsort ul li { padding: 10px; cursor: pointer; }
.career-lstsort ul li a { color: inherit; display: inline-block; }
.career-lstheading { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 12px; align-items: center; }
.career-lstcol { background: #F8F8F8; border-radius: 30px; }
.career-lsthead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 16px; margin-bottom: 32px; }
.career-lstheading .pretile span, .bloglist-banner-tag .pretile a { font-size: 14px; padding: 4px 12px; font-weight: 600; line-height: 150%; color: var(--white); border-radius: 50px; background: #54B948; display: inline-block; width: auto; }

.career-lstbtn a { color: #0D443F; display: flex; gap: 8px; align-items: center; line-height: 150%; }
.career-lstbtn a:hover { color: var(--btnbg); transform: scale(1.08); }
.career-lstbtn a svg, .career-lstbtn a svg path { -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.career-lstbtn a:hover svg path { fill: var(--btnbg); }
.career-lstinfo { margin-top: 24px; }
.career-lstinfo ul { display: flex; align-items: center; column-gap: 24px; row-gap: 12px; }
.career-lstinfo ul li a { display: flex; align-items: center; gap: 12px; font-size: 18px; line-height: 150%; color: #083C37; }
.pagination-block ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 16px; line-height: 150%; padding-top: 48px; gap: 12px; position: relative; padding: 48px 110px 0; }
.pagination-block a { display: inline-block; color: inherit; font-size: 16px; line-height: 150%; padding: 12px 24px; border: 1px solid var(--btnbg); border-radius: 16px; cursor: pointer; }
.pagination-numlist { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.career-lstcol .career-lstbtn { margin-top: 24px; display: none; }
.career-lsthead .career-lstbtn  { display: block; }
.pagination-block a:hover, .pagination-block li.active a, .pagination-block .paginationjs-next a, .pagination-block .paginationjs-prev a { background: var(--btnbg); color: var(--white) !important; }
.pagination-block ul li.paginationjs-prev { position: absolute; left: 0; }
.pagination-block ul li.paginationjs-next { position: absolute; right: 0; }
.career-lstsec .hidden, .listing_row .hidden, .past_item.hidden { display: none; }
.pagination-block ul li.disabled a { background: transparent; color: var(--btnbg) !important; }
.noResult, .past-noResult { display: none; font-size: 20px; font-weight: 600; line-height: 150%; }
/* .isotope-hidden { display: none !important; } */
.isotope-hidden { visibility: hidden; }
.past_item { padding-top: 20px; }

.image-gallcol { border-radius: 30px; }
.image-gallrow { row-gap: 32px; margin-left: -16px !important; margin-right: -16px !important; }
.image-gallrow.row>* { padding-left: 16px !important; padding-right: 16px !important; }
.image-gallcol { border-radius: 30px; padding-top: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; cursor: pointer;-webkit-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s; }
.image-gallcol:hover { transform: scale(1.05); }

.imgal-popup { display: none; position: fixed; top: 0; left: 0; z-index: 11; background: rgb(0 0 0 / 80%); width: 100%; height: 100%; }
.imgal-popup.active { display:block; }
.imgal-popcontent { position: absolute; width: 90%; top: 50%; left: 50%; max-width: 800px; transform: translate(-50%, -50%); }
.imgal-popcontent .product-img { padding: 0; min-height: auto; }
.imgal-popcontent .slick-slide { display: flex; justify-content: center; align-items: center; border-radius: 16px; }
span.imgal-close { width: 40px; height: 40px; position: absolute; top: -20px; right: -20px; background: #54B948; border-radius: 10px; z-index: 1; cursor: pointer; }
span.imgal-close:before, span.imgal-close:after { content: ''; position: absolute; width: 20px; height: 2px; background: var(--white); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
span.imgal-close:after { transform: translate(-50%, -50%) rotate(-45deg); } 
.imgal-popcontent .slider-container { padding-bottom: 80px; }

.why-block-main .col-md-4 .why-box-gray.whyimg .img {   width: auto;   height: auto;    top: unset; }
.why-block-main .col-md-4 .why-box-gray.whyimg .text h3 {    color: var(--btnbg); }
.why-block-main .col-md-4 .why-box-gray.whyimg .text p { color:  var(--themegreen) }

.marketing-manager-inn { border-radius: 30px;  display: flex ; gap: 80px; flex-wrap: wrap;}
.left-marketing-inn { width: calc(68% - 80px); }
.right-marketing-inn { width: 32%; }
.marketing-title  { max-width: 768px; }
	 
.marketing-title p { margin-top: 20px; }
.marketing-btn { margin-top: 24px; }
.marketing-btn a { padding: 8px 20px; }
.marketing-btn a:hover { color: var(--btnbg); background: var(--white); } 
.right-marketing-inner { display: flex ; gap: 32px; flex-wrap: wrap;}
.marketing-box { width: calc(50% - 16px); }
.marketing-box span { margin-top: 8px; display: inline-block; }


.career-pstinn { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 80px; }
.career-pstlf { width: 420px; }
.career-pstrght { width: calc(100% - 500px); }
.career-pstcontent h2, .career-pstcontent h3 { padding: 24px 0px; }
.career-pstcontent h4 { padding: 24px 0px 20px; }
.career-pstcontent h5, .career-pstcontent h6 { padding: 20px 0px 16px; }
.career-pstcontent p , .career-pstcontent a { padding: 0; margin-bottom: 16px; font-size: 16px; }
.career-pstcontent a { color: inherit; }
.career-pstcontent ul, .career-pstcontent ol { margin-bottom: 16px; padding-left: 24px; }
.career-pstcontent { font-size: 16px; line-height: 150%; }
.career-pstcontent ul li { list-style: disc; }
.career-pstcontent img { border-radius: 30px; }
.career-pstcontent p > img + span { font-size: 14px; line-height: 150%; border-left: 2px solid #000000; padding-left: 8px; margin-top: 8px; display: block; }
.career-pstcontent p:has(img) { padding: 48px 0px; margin-bottom: 0; }
.career-pstcontent p > strong > span { font-size: 20px; line-height: 140%; padding-top: 20px; display: inline-block; } 
.career-pstsocial ul { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.career-pstsocial ul li a { width: 32px; height: 32px; background: #F8F8F8; display: flex; justify-content: center; align-items: center; border-radius: 64px; padding: 4px; }
.career-pstsocial a svg, .career-pstsocial a svg path { transition: all ease-in-out 0.3s; }
.career-pstsocial ul li a:hover svg, .career-pstsocial ul li a:hover svg path { fill: var(--btnbg); }
.career-pstsocial-tile { font-weight: 600; font-size: 18px; line-height: 150%; }
.career-pstlist h5 { margin-bottom: 16px; }
.toc-career-pst ul li a { padding: 12px 16px; font-size: 18px; line-height: 150%; color: inherit; display: inline-block; border-radius: 12px; width: 100%; }
.toc-career-pst ul li a.active-tab { color: var(--white); background: var(--themegreen); font-weight: 700; }
.career-pstable { position: sticky; top: 200px; }
.main-wapper.remove-over { overflow: unset; }
.career-pstcontent blockquote { font-family: "Inter", sans-serif; padding: 0px 20px 0px 22px; border-left: 2px solid #000; font-size: 20px; line-height: 28px; margin: 36px 0px; display: inline-block; }
span.copylink-txt { position: absolute; top: 100%; min-width: 120px; text-align: center; color: var(--themegreen); font-weight: 600; margin-top: 5px; left: 50%; transform: translateX(-50%); display: none; }
a#copylink { position: relative; }

.position-frminn { background: #F8F8F8; border-radius: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 80px; }
.position-frmlf h2 { font-weight: 700; margin-bottom: 20px; }
.position-frmlf { width: 296px; }
.position-frmrght { width: calc(100% - 376px); }
.position-form { background: var(--white); box-shadow: 0px 32px 64px -12px #00000024; border-radius: 20px; }
.position-form h3 { margin-bottom: 24px; }
.input-box.hs-file { align-items: center; display: flex; flex-wrap: wrap; gap: 24px; }
.input-box.hs-file .input-title { width: 113px; padding: 0; }
.submit-row p { display: flex; flex-direction: row-reverse; align-items: center; }
.position-form .submit-row { padding: 15px 0px; }
.input-box.hs-file .wpcf7-file.input-file { width: 100%; }
.position-form .upload-area { background: url(https://handys.co.uk/wp-content/uploads/2025/06/Message.svg) no-repeat left center / 16px; padding-left: 28px; }
.custom-upload { max-width: 100%; position: relative; cursor: pointer; }
.upload-click { color: #0073e6; text-decoration: underline; cursor: pointer; }
.file-name { color: #0D443F; background: #F8F8F8; padding: 14px 23px; border-radius: 20px; font-size: 16px; line-height: 150%; }
.hidden-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; }
.file-preview { position: absolute; padding: 14px 23px; border-radius: 20px; background: #F8F8F8; max-width: 360px; width: 100%; margin-top: 24px; }
.file-details { position: relative; padding-left: 48px; }
.file-details:before { content: ''; position: absolute; background: url(https://handys.co.uk/wp-content/uploads/2025/06/pdf.svg)no-repeat center /contain; width: 36px; height: 100%; left: 0; top: 0; }
.file-box button { border: 0; padding: 0; background: transparent; font-weight: 400; font-size: 16px; line-height: 150%; color: #0D443F; }
.file-box { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.file-size { font-size: 12px; line-height: 150%; color: #aaa; display: block; }

.faqinner { max-width: 1146px; margin: 0 auto; }
.faq-answers { display: none; color: #fff; margin-top: 22px; }
.faqrow { background: var(--white); padding: 22px 48px; border-radius: 16px; transition: all 0.3s ease; }
.faqrow:not(:last-child) { margin-bottom: 16px; }
.faq-question { position: relative; padding-right: 38px; cursor: pointer; }
span.icon { width: 32px; height: 32px; position: absolute; top: -3px; right: 0; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.faqrow.active span.icon { transform: rotate(45deg); }
span.icon svg { width: 18.67px; height: 18.67px; transition: all 0.3s ease; }
.faqrow.active { background: var(--themegreen); padding-bottom: 24px; }
.faqrow h6, .faqrow p, .faqrow span.icon svg, .faqrow span.icon svg path { transition: all 0.3s ease; }
.faqrow.active h6, .faqrow.active p { color: var(--white); line-height: 150%; }
.faqrow.active span.icon svg, .faqrow.active span.icon svg path { fill: var(--white); }

.cta-box-view-main.ctashape-img { position: relative; z-index: 1; }
.cta-box-view-main.ctashape-img:before { content: ''; position: absolute; background-image: url('/wp-content/uploads/2025/06/hrbm-shape.webp'); background-repeat: no-repeat; background-position: right bottom; width: 76%; height: 300px; bottom: 0; right: 0; background-size: contain; z-index: -1; }


.bloglist-banner-post { border-radius: 30px; overflow: hidden; display: flex; flex-wrap: wrap; min-height: 500px; }
.bloglist-banner-img { width: 50%; background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; }
.bloglist-banner-content { width: 50%; display: flex; flex-wrap: wrap; align-content: space-between; row-gap: 24px; }
.bloglist-banner-tag { display: flex; gap: 16px; align-items: center; font-size: 14px; line-height: 150%; font-weight: 600; margin-bottom: 16px; }
.bloglist-banner-top a.h4, .bloglist-banner-top a.h5, .past-event-content .event-tile a.h5 { font-weight: 700; display: block; }
.bloglist-banner-txt { max-width: 668px; }
.bloglist-banner-content .white-btn a { column-gap: 12px; }
.bloglist-heading.section-title.left-align { margin-left: 0; }
.bloglist-banner-tag h2 { width: calc(100% - 118px); }

.blog-listing-box { background: #F8F8F8; border-radius: 30px; overflow: hidden; position: relative; height: 100%;  }
.blog-listing-box .career-lstbtn { display: flex; flex-wrap: wrap; position: absolute; bottom: 48px; }
.blog-listing-img { padding-top: 57.8%; background-size: cover; background-position: top center; background-repeat: no-repeat; transition: all 0.3s ease; position: relative; }
.blog-listing-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.bloglist-listing-content { padding-bottom: 96px; }
.blog-listing-col { margin-top: 64px; }
.blog-listing-box:hover .blog-listing-img { transform: scale(1.08); }
.blog-listing-inner .pagination-block ul, .upcoming-eventpst-inner .pagination-block ul { padding-top: 64px; }

.blgpst-date { padding-top: 32px; font-size: 14px; line-height: 150%; }
.blgpst-hrlf .bloglist-banner-tag { margin-bottom: 24px; }
.blgpst-backlink { padding-bottom: 32px; display: flex; }
.blgpst-backlink a { display: flex; align-items: center; gap: 8px; line-height: 150%; color: inherit; }
.blgpst-backlink a:hover { transform: scale(1.08); color: var(--btnbg); }
.blgpst-backlink a svg, .blgpst-backlink a svg path { transition: 0.3s ease-in-out; }
.blgpst-backlink a:hover svg path { stroke: var(--btnbg);  }
.blgpst-hrlf h1, .eventpst-hrlf h1 { font-weight: 700; margin-bottom: 0; }
.blgpst-hrinn { row-gap: 48px; }
.blgpst-hrinn, .blogpst-inn { display: flex; flex-wrap: wrap; justify-content: space-between; }
.blgpst-hrlf, .blogpst-lf { width: 420px; }
.blgpst-featureimg { width: calc(100% - 500px); border-radius: 30px; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 450px; }

.blogpst-rght { width: calc(100% - 500px); }
.blog-brochures { margin-bottom: 48px; border-radius: 30px; overflow: hidden; position: relative; padding: 32px 32px 0px; z-index: 1; }
.blog-brochures-content h2 { margin-bottom: 24px; }
.blog-brochures-content .button-set { padding-top: 48px; }
.blog-brochures-img { padding-top: 57px; margin-bottom: -32px; text-align: center; }
.blog-brochures-img img { max-width: 345px; width: 100%; }
.blog-brochures:before { content: ''; position: absolute; background-image: url(/wp-content/uploads/2025/06/hrbm-shape.webp); background-repeat: no-repeat; background-position: left -125px bottom; width: 100%; height: 250px; bottom: 0; right: 0; background-size: cover; z-index: -1; }


.related-pstheading { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; }
.related-pstheading .section-title.left-align { margin: 0; }
.related-pstrow { row-gap: 20px; }
.related-pstrow .blog-listing-col { margin-top: 0; }
.event-tile a.h5, .event-tile a.h4 { margin-bottom: 0; }
.event-tile { margin-bottom: 8px; }
.event-date { border-radius: 11px; position: absolute; top: 16px; right: 16px; color: #fff; padding: 12px 4px; max-width: 112px; font-size: 14px; line-height: 150%; text-align: center; width: 100%; }
.event-date span { font-weight: 700; font-size: 32px; line-height: 130%; display: block; }
.event-image .blog-listing-img { padding-top: 81%; }
.blgtag-txt { font-weight: 600; margin-bottom: 16px; }
.event-related-pst .section-title { gap: unset; }
.event-related-pst .section-title h2 { margin-bottom: 24px; }


.event-banner { padding:164px 0px; position: relative; z-index: 1; }
.event-heading { display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: 560px; }	
.event-banner:before { content: ''; position: absolute; width: 65%; height: 375px; background-image: url(/wp-content/uploads/2025/07/event-shape.webp); background-repeat: no-repeat; background-position: right bottom; background-size: contain; bottom: 0; right: 0; }
.event-heading p { font-size: 18px; }

.event-post-inn {  min-height: 420px; }
.bloglist-banner-img { position: relative; }
.event-post-inn .event-date { left: 16px; }
.event-post-inn .bloglist-banner-content { align-content: center; }
.event-post-inn .bloglist-banner-content .bloglist-banner-top { width: 100%; }

.past-event-box { background: #F8F8F8; border-radius: 30px; display: flex; flex-wrap: wrap; gap: 32px; align-items: center; }
.past-event-box .event-date { position: static; }
.past-event-content .bloglist-banner-tag { margin-bottom: 0; }
.past-event-content .event-tile { margin-bottom: 16px; }
.past-event-content { width: calc(100% - 144px); }

.eventpst-hr-heading { display: flex; flex-direction: column; gap: 20px; }
.blgpst-backlink ul { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.blgpst-backlink ul li > a > svg { margin-bottom: -2px; }
.eventpst-hrloc ul { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.eventpst-hrloc ul li { font-size: 14px; line-height: 150%; display: flex; gap: 8px; align-items: center; }
.eventpst-hrlf { width: 444px; }
.eventpst-hero .blgpst-featureimg { min-height: 429px; width: calc(100% - 524px); }
.eventpst-hero .blgpst-hrinn { align-items: center; }
.eventpst-hrbtn { padding-top: 32px; }

.eventpst-sec .blogpst-inn { flex-direction: row-reverse; align-items: flex-start; }
.eventpst-topic ul { display: flex; gap: 8px; flex-wrap: wrap; }
.eventpst-topic ul li a { font-weight: 600; font-size: 14px; line-height: 150%; color: inherit; padding: 4px 8px; background: #F8F8F8; }
.eventpst-sec  .blogpst-lf { display: flex; flex-wrap: wrap; flex-direction: column-reverse; gap: 48px; }
.eventpst-hrlf .blgpst-backlink a:hover svg path { fill: var(--btnbg); stroke: unset; }
.blogpst-author { margin-top: 48px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.blogpst-author-img { width: 56px; height: 56px; background-size: cover; background-repeat: no-repeat; background-position: top center; border-radius: 50%; }
.blogpst-author-info { width: calc(100% - 72px); line-height: 150%; }
.blogpst-author-info strong { font-weight: 600; display: block; }


.become-sec { position: relative; z-index: 1; }
.sectionbg span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-size: cover; background-position: center; background-repeat: no-repeat; }
.sectionbg:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
.sectionbg.overlay_1:before { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.become-inn { max-width: 450px; }
.become-inn h2 { margin-bottom: 24px; }
.become-inn .button-set { padding-top: 32px; }

.contact-servi-box { background: #F8F8F8; border-radius: 30px; height: 100%; }
.contact-servi-icon { margin-bottom: 24px; min-height: 62px; display: flex;  align-items: center; justify-content: center; }
.contact-servi-box h3 { margin-bottom: 16px; }
.contact-servi-text, .contact-servi-text p { font-size: 16px; line-height: 150%; }
.contact-servi-text a { color: inherit; word-wrap: break-word; }
.contact-servi-row { row-gap: 20px; }
.contact-servi-col:nth-child(7n), .contact-servi-lst { width: 100%; }
.contact-servi-col:nth-child(7n) .contact-servi-box, .contact-servi-lst .contact-servi-box { color: var(--white); background: var(--themegreen); }
.contact-servi-col:nth-child(7n) .contact-servi-box h4,.contact-servi-col:nth-child(7n) .contact-servi-box p, .contact-servi-lst .contact-servi-box h4, .contact-servi-lst .contact-servi-box p { color: var(--white); }

.contact-lists { padding-top: 24px; }
.contact-lists ul li { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px; }
.contact-lists ul li:last-child { margin-bottom: 0; }
.contact-lsticon { width: 24px; text-align: center; }
.contact-lstxt { width: calc(100% - 48px); }
.contact-lstxt, .contact-lstxt p { font-size: 16px; line-height: 150%; }
.contact-lstxt a { color: inherit; }
.contact-lists ul { max-width: 330px; }
.contact-lstxt a:hover, .contact-servi-text a:hover { color: var(--btnbg); }
.contact-servi-col:nth-child(7n) .contact-servi-box a:hover { color: var(--white); opacity: 0.5; }
span.wpcf7-not-valid-tip.custom-terms-error { display: block; }

.warranty-sec .privacy-content { max-width: 1224px; margin: 0 auto; }
.privacy-content h2:first-child, .privacy-content h3:first-child, .privacy-content h4:first-child, .privacy-content h5:first-child, .privacy-content h6:first-child { padding-top: 0; padding-bottom: 16px; }
.privacy-content img { border-radius: 0; }
.privacy-content-inn { display: flex; flex-wrap: wrap; justify-content: space-between; }
.privacy-lf { width: 320px }
.privacy-rght {width: calc(100% - 400px); }
.toc-privacy-pst { padding-top: 16px; }
.toc-privacy-pst ul li a { padding: 12px 16px; font-size: 18px; line-height: 150%; color: inherit; display: inline-block; width: 100%; }
.toc-privacy-pst ul li a.toc_active { font-weight: 700; background: #F8F8F8; }
.toc-privacy-pst ul li.toc-h3 a { padding-left: 32px; }
.toc-privacy-pst ul li.toc-h4 a { padding-left: 48px; }
.toc-privacy-pst ul li.toc-h5 a { padding-left: 64px; }
.toc-privacy-pst ul li.toc-h6 a { padding-left: 80px; }


.event-popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 111; background: rgb(0 0 0 / 60%); display: none; }
.event-popup-content { padding: 30px; max-width: 800px; position: absolute; width: calc(100% - 40px); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--themegreen); z-index: 1; }
.event-popup-content .contact-form .input-title p { color: var(--white); }
.event_popclose { width: 30px; height: 30px; position: absolute; top: 5px; right: 5px; cursor: pointer; }
.event_popclose:before, .event_popclose:after { content: ''; position: absolute; width: 20px; height: 2px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.event_popclose:after { transform: translate(-50%, -50%) rotate(-45deg); }
.event-popup.event_popshow { display: block; }
.event-popup .wpcf7 form.sent .wpcf7-response-output { color: #fff; margin: 10px 0 0; }
.news-box .event-date { z-index: 1; }
/* .wpcf7-response-output.wpcf7-validation-errors {color: red; font-weight: 500; margin-top: 10px;} */
/* .wpcf7 .wpcf7-submit:disabled { cursor: pointer; } */


.contact-form .wpcf7-list-item { margin-left: 0; }
.contact-form .infotxt { margin-top: 10px; }
.contact-form .infotxt p { font-weight: 600; }

.error-404 .wpsite_button a { font-size: 16px; line-height: 150%; color: #fff; align-items: center; background: var(--btnbg); width: auto; padding: 12px 24px; border-radius: 16px; transform: scale(1); -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.error-404 .wpsite_button a:hover { color: var(--white); transform: scale(1.08); background: var(--greenbg); }
.error-404 .wpsite_button  { padding-top: 40px; }
.error-404 .site-main { padding-top: 260px; padding-bottom: 112px;  }
.error-404 h1.page-title { font-size: 250px; line-height: 1; }
.error-404 .error-page-text { font-size: 20px; }
.error-404 .page-content form.search-form { max-width: 550px; margin: 20px auto 0; padding-right: 110px; position: relative; }
.error-404 .page-content form.search-form .search-field { max-width: 100%; padding: 12px 24px; border-radius: 10px; color: #083C37; font-size: 16px; line-height: 150%; width: calc(100% - 116px); border: 0; outline: 0; background: url(http://handytrade.dev01.qoob.agency/wp-content/uploads/2025/07/Search.svg) no-repeat left 24px center / 24px, #f8f8f8; padding-left: 56px; max-width: 470px; width: 100%; }
.error-404 .page-content form.search-form .search-submit { font-size: 16px; line-height: 150%; padding: 12px 24px; position: absolute; top: 0; right: 0; background: #07776E; color: #fff; outline: none; border: 0; border-radius: 16px; }
.error-404 .page-content form .search-submit .screen-reader-text { clip-path: unset; position: static !important; }
.error-404 .page-content form.search-form label { display: none; }
.error-404  { padding-top: 260px; padding-bottom: 112px; }

.admin-bar header#header { padding-top: 32px; }

admin-bar header#header {
    padding-top: 32px;
}
.my-account-content-wrapper .user-blk-main .user-dd-menu {
    min-width: 150px;
}
@media(max-width:767px){
.admin-bar header#header {
    padding-top: 46px;
}
}
@media(max-width:600px){
.admin-bar .login-header.sticky {
    padding-top: 0 !important;
}
}