@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
:root{
	--extra-fonts:"Roboto Slab", serif;
}

p{
	margin-top:0;
}
.container {
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
	padding:0 20px
}
.location-box-lists a{
	text-decoration:none !important;	
}

.elementor-widget-text-editor :is(ol, ul){
	margin-bottom:18px;
}
.side-infobox span.text {
    display: block;
    line-height: 1.4;
    margin: 5px 0px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.side-infobox{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.menu-cta-btn > a.hfe-menu-item.elementor-button:after,
.elementor-button span.elementor-button-content-wrapper span.elementor-button-icon {
    --size: 30px;
    background-color: #ffff;
    color: var(--e-global-color-accent);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	transition:all 0.2s ease-in-out;
}
.menu-cta-btn > a.hfe-menu-item.elementor-button{
	padding-left:20px;
}
.menu-cta-btn > a.hfe-menu-item.elementor-button:after{
	content:'';
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.45164 11.9034C6.10902 10.7114 4.18858 8.791 2.99658 6.44839L4.81769 4.62728C5.04947 4.3955 5.11569 4.07267 5.02463 3.78294C4.71836 2.85583 4.5528 1.8625 4.5528 0.827776C4.5528 0.608236 4.46559 0.397686 4.31035 0.242448C4.15511 0.0872102 3.94457 -1.42847e-06 3.72502 -1.41887e-06L0.827802 -1.29223e-06C0.608261 -1.28264e-06 0.397712 0.0872103 0.242474 0.242448C0.0872358 0.397687 2.41708e-05 0.608236 2.41804e-05 0.827777C2.43436e-05 4.55996 1.48263 8.13929 4.12168 10.7783C6.76074 13.4174 10.3401 14.9 14.0722 14.9C14.2918 14.9 14.5023 14.8128 14.6576 14.6575C14.8128 14.5023 14.9 14.2918 14.9 14.0722L14.9 11.175C14.9 10.9555 14.8128 10.7449 14.6576 10.5897C14.5023 10.4344 14.2918 10.3472 14.0722 10.3472C13.0375 10.3472 12.0442 10.1817 11.1171 9.87539C10.8274 9.78433 10.5045 9.85055 10.2727 10.0823L8.45164 11.9034Z' fill='%235CB77A'/%3E%3C/svg%3E%0A");
	opacity: 1 !important;
    position: static;
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-position: 8px;
    background-size: 46%;
}
.menu-cta-btn > a.hfe-menu-item.elementor-button {
	padding: 8px 15px 8px 20px !important;
    gap: 9px;
    text-transform: capitalize !important;
}
.elementor-button span.elementor-button-content-wrapper span.elementor-button-icon svg {
    fill: var(--e-global-color-accent);
    width: 0.80em;
}
.elementor-button:hover span.elementor-button-content-wrapper .elementor-button-icon{
		rotate:180deg;
}

.elementor-button:hover span.elementor-button-content-wrapper .elementor-button-icon svg{
	fill: var(--e-global-color-8396eec);
}
.phone-btn .elementor-button:hover span.elementor-button-content-wrapper .elementor-button-icon,
.menu-cta-btn > a.hfe-menu-item.elementor-button:hover:after {
    rotate: 235deg;
}
.footer-menu-lists li span.elementor-icon-list-text:hover{
	color:#fff !important;
}

.menu-cta-btn > a.hfe-menu-item.elementor-button:hover:after{
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.45164 11.9034C6.10902 10.7114 4.18858 8.791 2.99658 6.44839L4.81769 4.62728C5.04947 4.3955 5.11569 4.07267 5.02463 3.78294C4.71836 2.85583 4.5528 1.8625 4.5528 0.827776C4.5528 0.608236 4.46559 0.397686 4.31035 0.242448C4.15511 0.0872102 3.94457 -1.42847e-06 3.72502 -1.41887e-06L0.827802 -1.29223e-06C0.608261 -1.28264e-06 0.397712 0.0872103 0.242474 0.242448C0.0872358 0.397687 2.41708e-05 0.608236 2.41804e-05 0.827777C2.43436e-05 4.55996 1.48263 8.13929 4.12168 10.7783C6.76074 13.4174 10.3401 14.9 14.0722 14.9C14.2918 14.9 14.5023 14.8128 14.6576 14.6575C14.8128 14.5023 14.9 14.2918 14.9 14.0722L14.9 11.175C14.9 10.9555 14.8128 10.7449 14.6576 10.5897C14.5023 10.4344 14.2918 10.3472 14.0722 10.3472C13.0375 10.3472 12.0442 10.1817 11.1171 9.87539C10.8274 9.78433 10.5045 9.85055 10.2727 10.0823L8.45164 11.9034Z' fill='%23009078'/%3E%3C/svg%3E%0A");
}

.elementor-button  span.elementor-button-content-wrapper {
    align-items: center;
	gap:14px;
}

.cutom-faq-items details {
    border-radius: 8px;
    overflow: hidden;
    border-top: 4px solid transparent;
	overflow:hidden;
}

.cutom-faq-items details[open] {
    border-top: 4px solid #5CB77A;
}

/* Product grid style */
.product-lists-grid{
	display:grid;
	grid-template-columns:repeat(var(--col-item), 1fr);
	gap:32px;
}
.product-lists-grid .img-holder a {
    height: 300px;
    display: flex;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
		background-color:#fff;
}

.product-lists-grid .img-holder img {
    height: 100%;
    width: 100%;
    object-fit: contain;
		object-position:center;
}

.product-lists-grid .img-holder img.back-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
		display:none;
}

.product-lists-grid .title a, .product-lists-grid .title {
    color: #000;
    text-decoration: none;
    font-size: 20px;
}
.product-lists-grid .item:hover .img-holder .front-img{
	display:none
}
.product-lists-grid .item:hover .img-holder .back-img{
	display:block;
}

.product-lists-grid .title {
    margin-top: 20px;
    margin-bottom: 12px;
}

.product-lists-grid  .product-info span {
    display: block;
}

.product-lists-grid span.tag {
    position: absolute;
    top: 7px;
    right: 10px;
    --size: 50px;
    width: var(--size);
    height: var(--size);
    background: #FBCD0766;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 50%;
    line-height: 1.3;
    color: #000;
		z-index:3
}
@media screen and (max-width:1200px){
	.product-lists-grid{
		--col-item:3 !important;
	}
}
@media screen and (max-width:991px){
	.product-lists-grid{
		--col-item:2 !important;
	}
}

@media screen and (max-width:767px){
	.product-lists-grid{
		--col-item:1 !important;
	}
	.who-we-are-grid > * {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	.who-we-are-grid  {
		grid-template-rows: repeat(1, 1fr) !important;
	}
}
/* Custom tab style */



.custom-tabs .tab-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin-bottom: 40px;
	overflow-y: hidden;
    overflow-x:auto;
}
/* width */
.custom-tabs .tab-buttons::-webkit-scrollbar {
  height: 4px;
	border-radius:8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.custom-tabs .tab-buttons .tab-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
	white-space:nowrap;
    padding-bottom: 15px;
    background: transparent;
    color: #475467;
    border: 1px solid #475467;
    padding: 10px 25px !important;
}

.custom-tabs .tab-content > .content {
    max-width: 900px;
    text-align: center;
    margin: 0 auto 40px;
}
.custom-tabs .product-lists-grid .content {
	text-align: center;
}
.custom-tabs .product-lists-grid .product-info {
    display: flex;
    gap: 12px;
    justify-content: center;
    text-align: center;
}
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}
.custom-tabs .tab-buttons .tab-btn:hover{
		border-color: var(--e-global-color-b234bb1);
			color:var(--e-global-color-b234bb1);
}
.custom-tabs .tab-buttons .tab-btn.active {
  color:#fff;
	background-color: var(--e-global-color-b234bb1);
	border-color: var(--e-global-color-b234bb1)
}

.breadcrumb-lists-section .elementor-inline-item a{
	text-decoration:none;
}

/* Contact us  */


.contact-us-form-wrap .grid-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 20px;
}

.wpcf7-form-control-wrap {
    display: block;
}

.input-field input, .textarea-field textarea {
    border: 1px solid #b6aeae !important;
    border-radius: 10px !important;
    height: 50px;
	width:100%;
	display:block;
}

.contact-us-form-wrap .grid-row > .full {
    grid-column: span 2;
}

.textarea-field textarea {
    height: 116px;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    right: 7px;
    bottom: 0;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    font-weight: 600;
    padding: 10px;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    right: 7px;
    bottom: 0;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    font-weight: 600;
    padding: 10px;
	font-size:14px
}

.submit-wrap .submit-btn {
    display: inline-flex;
    justify-content: center;
		align-items:center;
    padding: 8px 20px 8px 20px;
    gap: 20px;
    border: none;
    font-weight: bold;
}

.submit-btn span.elementor-button-icon svg {
    fill: currentColor;
}
.submit-btn  span.elementor-button-icon {
    --size: 33px;
    width: var(--size);
    height: var(--size);
    background: #fff;
    color: var( --e-global-color-accent );
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 13px;
    transition: all 0.3s;
}

.submit-btn:hover {
    background: #009078;
}

.submit-btn:hover span.elementor-button-icon {
    rotate: 180deg;
}

@media screen and (max-width:991px){
	.contact-us-form-wrap .grid-row{
		grid-template-columns: repeat(1, 1fr);
	}
	.contact-us-form-wrap .grid-row > .full {
			grid-column: span 1;
	}
}

@media screen and (max-width:767px){
	.input-field input{
		height:42px;
	}
	.textarea-field textarea {
		height: 100px;
	}
	.contact-us-form-wrap .grid-row{
		gap:0;
	}
}


/* Faq section */

.product-faq .faq-section {
  max-width: 800px;
  margin: 0 auto;
}

.product-faq .faq-item {
  /* border-bottom: 1px solid #ddd; */
  margin-bottom: 14px;
}

.product-faq details summary {
  cursor: pointer;
  padding: 8px 44px 15px 10px;
  font-weight: bold;
  list-style: none;
  color:#000;
  font-size:18px;
  position: relative;
}

.product-faq details summary::-webkit-details-marker {
  display: none;
}

.product-faq details summary::after {
  content: "";
  position: absolute;
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --size: 15px;
  width: var(--size);
  height: var(--size);
  background-position: center;
  background-repeat: no-repeat;
  top: 23px;
  transition: none !important;
}
.product-faq details {
    /* background: var( --e-global-color-d52e896 ); */
    border-radius: 12px;
    overflow: hidden;
}
.product-faq  .main-title{
	margin-bottom:35px;
}
.product-faq details.active summary::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11 6L6 1L1 6' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

.faq-content {
  padding: 0 10px 0;
}


/* Single Product Page CSS */

.single-product-page .top-product-wrap {
    display: grid;
    grid-template-columns: 45% auto;
    gap: 70px;
}

.product-content h1.title {
    font-weight: 700;
    color: var(--e-global-color-accent);
    font-size: var(--e-global-typography-1999e44-font-size);
    margin: 0 0 8px;
	text-transform:uppercase;
}

.single-product-page, .product-faq, .related-product-section {
    padding: 80px 0;
    /* background: var(--e-global-color-d52e896); */
}
.single-product-page {
    border-top: 1px solid #f7f2f2;
    padding-top: 48px;
}

.product-content  .cate {
    font-weight: 600;
}

.product-content .cate a, .product-content .cate {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
	font-family: var(--extra-fonts);
	letter-spacing: 1.2px;
}

.short-detail {
    margin: 22px 0;
}

.tech-specifi-table .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
    color: #000;
	text-transform: uppercase;
	font-family: var(--extra-fonts);
	letter-spacing: 1.2px;
}

.tech-specifi-table .grid-row .item {
    display: grid;
    grid-template-columns: 230px auto;
    gap: 20px;
    border-bottom: 1px solid #43434338;
    padding-bottom: 10px;
    margin-bottom: 11px;
}

.tech-specifi-table .grid-row span.m-title {
    font-weight: bold;
    color: #000;
}

.tech-specifi-table .grid-row {
    display: grid;
    gap: 0;
}

.product-content .btn-wrap {
    display: flex;
    gap: 20px;
    margin: 25px 0;
}
.single-product-page .splide-gallery {
    position: sticky;
    top: 60px;
}

.warrenty-info {
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
}

.related-product-section {
    padding-top: 10px;
}
.product-faq .main-title {
    text-align: center;
}
.main-title h2.title {
	font-size: 30px;
    color: var(--e-global-color-accent);
    margin: 0 0 30px;
	
}
.product-faq .faq-section {
	max-width: 900px;
}
.product-faq .faq-section  details{
	/* background: var(--e-global-color-d52e896); */
	border-radius: 0;
	overflow: hidden;
	border-bottom: 1px solid #000;
}
.product-faq .faq-section details.active{
	/* border-color: #5CB77A; */
}

.splide-main .splide__slide {
    height: 450px;
    background-size: 90% auto !important;
}
.splide-main .splide__slide .img-holder img,
.splide-main .splide__slide .img-holder{
	width:100%;
	height:100%;
	object-fit:contain;
}
.splide-thumbs{
	margin-top:20px;
}
.splide-thumbs img {
    height: 100%;
}

.splide-thumbs li {
    text-align: center;
    border: 1px solid #ccc !important;
    border-radius: 6px;
    overflow: hidden;
}

.splide-main .img-holder {
}
.splide-thumbs li.splide__slide.is-active {
    border-color: var(--e-global-color-accent) !important;
}
.splide-main button.splide__arrow {
    padding: 0;
    --size: 38px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    border: none;
    opacity: 1;
    color: #fff;
}


.splide-main button.splide__arrow {
    padding: 0;
}

.splide-main button.splide__arrow svg {
    fill: #fff;
    font-size: 15px;
}

.splide-main .splide__arrow--next {
    right: 10px;
}

.splide-main .splide__arrow--prev {
    left: 10px;
}
.splide-thumbs li .img-holder, .splide-thumbs li .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
button.splide__arrow:disabled {
    opacity: 0.3;
}

.product-content .btn-wrap .enqi-btn, .product-content .btn-wrap .download-btn {
    padding: 10px 34px !important;
    border: none;
    font-weight: bold;
	transition:none;
	display:inline-flex;
	text-align:center;
	justify-content:center;
	align-items:center;
	font-weight:bold !important;
	border-radius:8px !important;
}
.product-content .btn-wrap .enqi-btn{
	background-color: var(--e-global-color-accent);
    color: #fff;
    padding: 12px 34px !important;
}
.product-content .btn-wrap .download-btn {
    border: 1px solid var(--e-global-color-accent);
}
.product-content .btn-wrap .enqi-btn:hover{
	background-color:#009078 !important;
	color: #fff !important;
}
.product-content .btn-wrap .download-btn:hover{
    background-color:#009078;
    border-color:#009078;
    color: #fff;
}

@media screen and (max-width:991px){
	.single-product-page .top-product-wrap{
		grid-template-columns: 1fr;
		gap:40px;
	}
}

@media screen and (max-width:767px){
	.single-product-page, .product-faq, .related-product-section {
		padding: 60px 0;
	}
	
	.product-content .btn-wrap .enqi-btn, .product-content .btn-wrap .download-btn {
		padding: 10px 20px !important;
	}
	.splide-main .splide__slide{
		height: 300px;
	}
	.splide-thumbs li{
		height:150px;
	}
	.side-infobox span.text{
		font-size:10px;
	}
	.product-info {
		font-size: 14px;
	}
	.product-lists-grid .title {
		margin-top: 15px;
		margin-bottom: 8px;
	}
	.tech-specifi-table .grid-row .item{
		font-size: 14px;
		grid-template-columns: 180px auto;
		gap: 12px;
	}
}

.request-enquiry-popup:not(.elementor-element-edit-mode) {
    position: fixed !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99 !important;
    background: #000000ad!important;
    height: 100vh !important;
	display:none !important
}
.request-enquiry-popup.is-open{
	display:block !important;
}
.request-enquiry-popup .popup-wrap {
    width: 400px;
    margin-left: auto;
    background: #fff;
    height: 100vh;
    overflow-y: auto;
    padding: 36px 30px;
    overflow-x: hidden;
}
.pop-close{
	cursor:pointer;
}
.admin-bar .pop-close {
    top: 15px;
}

@media screen and (max-width:767px){
	
	.product-faq details summary {
		cursor: pointer;
		padding: 8px 44px 15px 5px;
		font-weight: bold;
		list-style: none;
		color: #000;
		font-size: 16px;
		position: relative;
	}
	.main-title h2.title {
		font-size: 24px;
	}
	.product-faq {
		padding-top: 0;
		padding-bottom: 0;
	}
	.custom-tabs .tab-buttons{
		justify-content:flex-start;
		
	}
	.custom-tabs .tab-buttons .tab-btn{
		padding: 10px 18px !important;
    font-size: 14px;
	}
}