/*
Theme Name: Twenty Twenty Child
Description: Twenty Twenty Child Theme
Author: Sayan
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/
/* Custom CSS goes after this line */

/* New Font Family */
@font-face {
	font-family: 'Prompt';
	src: url('fonts/Prompt-Italic.woff2') format('woff2'),
		url('fonts/Prompt-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	size-adjust: 100%;
	ascent-override: 90%;
	descent-override: 22%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'Prompt';
	src: url('fonts/Prompt-Bold.woff2') format('woff2'),
		url('fonts/Prompt-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	size-adjust: 100%;
	ascent-override: 90%;
	descent-override: 22%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'Prompt';
	src: url('fonts/Prompt-Medium.woff2') format('woff2'),
		url('fonts/rompt-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	size-adjust: 100%;
	ascent-override: 90%;
	descent-override: 22%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'Prompt';
	src: url('fonts/rompt-Regular.woff2') format('woff2'),
		url('fonts/Prompt-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	size-adjust: 100%;
	ascent-override: 90%;
	descent-override: 22%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'Prompt';
	src: url('fonts/Prompt-SemiBold.woff2') format('woff2'),
		url('fonts/Prompt-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	size-adjust: 100%;
	ascent-override: 90%;
	descent-override: 22%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'Prompt';
	src: url('fonts/Prompt-ExtraBold.woff2') format('woff2'),
		url('fonts/Prompt-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	size-adjust: 100%;
	ascent-override: 90%;
	descent-override: 22%;
	line-gap-override: 0%;
}


:root {
	--green: #4e9f59;
	--or: #c87533;
	--black: #151615;
	--wht: #fff;
	--tran: all 0.5s ease;
	--pr: 'Prompt', sans-serif;
	--shadow: 0 0 35px rgba(0, 0, 0, 0.12);
	--tran: all 0.3s ease;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


hr {
	margin: 4.3rem auto;
}

.w-fl {
	width: 100%;
}

img.w-fl.cat-img {
	max-height: 350px;
	object-fit: cover;
}

.bld {
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	margin: 0 0 22px 0;
	text-rendering: optimizeLegibility;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	letter-spacing: 1px;
	font-family: var(--pr), sans-serif !important;
	line-height: 1.2;
	text-transform: uppercase;
}

b,
strong {
	font-weight: 600;
}

ul,
ol {
	margin-bottom: 28px;
}

p:only-child,
p:last-child {
	margin-bottom: 0px !important;
}

::placeholder {
	color: #272727;
}

p:not(:only-child):not(:last-child) {
	margin-bottom: 20px !important;
}

p {
	margin-bottom30px !important;
}

.m-80 {
	margin-block: clamp(50px, 1.0337rem + 5.7692vw, 80px) !important;
}

.p-80 {
	padding-block: clamp(50px, 1.0337rem + 5.7692vw, 80px) !important;
}

.pt-80 {
	padding-top: clamp(50px, 1.0337rem + 5.7692vw, 80px) !important;
}

.pb-80 {
	padding-bottom: clamp(50px, 1.0337rem + 5.7692vw, 80px) !important;
}

.p-60 {
	padding-block: clamp(40px, 1.0337rem + 5.7692vw, 60px);
}

.pt-60 {
	padding-top: clamp(40px, 1.0337rem + 5.7692vw, 60px) !important;
}

.pb-60 {
	padding-bottom: clamp(40px, 1.0337rem + 5.7692vw, 60px) !important;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}


.pb-0 {
	padding-bottom: 0px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.space {
	height: 24px;
}

.green {
	color: var(--green);
}

.or {
	color: var(--or);
}

.wht {
	color: var(--wht);
}

::selection {
	background-color: #ffc031;
	/* 	color:var(--wht); */
	;
}

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
	font-family: var(--pr), sans-serif !important;
	margin-bottom: 20px;
	margin-left: 20px;
}

body {
	font-family: var(--pr), sans-serif !important;
	font-weight: 400;
	line-height: 1.5;
	font-size: 14px;
	color: var(--black);
	overflow-x: hidden;
	letter-spacing: 0.04em !important;
}

.elementor-widget-text-editor {
	font-family: var(--pr), sans-serif !important;
	line-height: 1.5 !important;
}

.elementor-widget-container p {
	margin-bottom: 15px !important;
}

.container {
	max-width: 1230px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

.elementor-1 .elementor-element.elementor-element-85b659f.elementor-element {
    --align-self: center;
    border-radius: 1px;
}

/* Header-Top */
.top-header {
	background-color: var(--green);
}

:is(header, footer, .top-header) ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.top-header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-header li.social-network {
	margin: 0;
	color: var(--wht)
}

.top-header li.social-network,
.top-header .footer-small {
	display: flex;
	gap: 15px;
	align-items: center;
}

.tm li {
	gap: 5px !important;
}

.top-header a {
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--wht);
}

.top-header a:hover {
	color: var(--black);
	transition: var(--tran)
}

.top-header-left {
	display: flex;
	align-items: center;
}

/* .menu-modal-inner {
	background: var(--green);
}

.modal-menu>li>a,
.modal-menu>li>.ancestor-wrapper>a {
	font-size: 16px;
	color: #fff !important;
	font-weight: 400;
}

.menu-modal nav * {
	border-color: #033d0b !important;
}

.close-nav-toggle span.toggle-text {
	color: #000 !important;
} */

.wpml-ls-legacy-dropdown {
	width: auto;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,
.wpml-ls-legacy-dropdown a {
	padding: 3px 3px;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag {
	width: 27px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	display: none;
}

.wpml-ls-legacy-dropdown a {
	border: 0px;
}

ul.footer-small.sc {
	padding: 10px 0;
	padding-left: 12px;
	border-left: 1px solid #dfdfdf;
	margin-left: 12px;
}

body #site-header {
	box-shadow: 0px -18px 41px -3px rgba(0, 0, 0, 0.60);
}

.site-logo img {
	max-height: 4.5rem;
}

.header-inner {
	max-width: 1215px;
	gap: 25px;
	padding: 0px !important;
}

.site-logo.faux-heading {
	margin-top: 0px !important;
}

.header-titles {
	margin: 0;
	margin-left: -15px;
}

.header-inner .toggle,
.toggle-text {
	color: var(--green) !important;
	font-family: var(--pr) !important;
	display: none;
}

li#mega-menu-item-1719 a {
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

li#mega-menu-item-1705 a {
	border-bottom: 0px solid transparent !important;
}

.header-rights {
    display: grid;
    place-items: center;
}

/* Button */
/* button */
button:not(.mobile-nav-toggle, .close-nav-toggle, .pswp__button, .nfancybox-button, .slick-dots button, .cky-accordion-btn, .cky-btn-close, .cky-show-desc-btn, .cky-btn-revisit, .mega-toggle-animated, .mega-close, .f-button),
.button,
#loadMore,
.alt-btn a,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
.al-btn,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.showcoupon,
.showlogin {
	background-color: var(--green) !important;
	color: var(--wht) !important;
	padding: 12px 32px !important;
	text-transform: uppercase;
	border-radius: 1px;
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	transition: all 400ms ease;
	font-size: 14px !important;
	line-height: 19px;
	font-weight: 500 !important;
	text-decoration: none !important;
	font-family: var(--pr), sans-serif !important;
	display: inline-block;
	border: none !important;
	box-shadow: none;
	text-align: center;
}

.al-btn.wht {
	background-color: var(--wht) !important;
	color: var(--wht) !important;
}

body button:not(.mobile-nav-toggle, .close-nav-toggle, .mega-toggle-animated):hover,
.alt-btn a:hover,
body .button:hover,
.faux-button:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
button:not(.mobile-nav-toggle, .close-nav-toggle, .sub-menu-toggle, .pswp__button, .cky-accordion-btn, .cky-btn-close, .cky-show-desc-btn, .cky-btn-revisit, .mega-toggle-animated, .mega-close, .f-button):hover,
.al-btn:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.showcoupon:hover,
.showlogin:hover {
	background-color: var(--black) !important;
	color: var(--wht);
	text-decoration: none !important;
}

/* Menu */
.header-navigation-wrapper {
	flex-grow: 1;
}

ul.primary-menu {
	display: block;
}

#mega-menu-primary {
	display: flex !important;
	justify-content: space-between;
}

/* .primary-menu>li {
	margin: 0;
}

.primary-menu a {
	color: var(--black) !important;
	font-weight: 400;
	text-decoration: none;
	padding: 10px;
	font-size: 15px;
	text-transform: capitalize;
}

.primary-menu li.current-menu-item>a,
.primary-menu li>a:hover {
	text-decoration: none !important;
	color: var(--green) !important;
}

body.touch-enabled .primary-menu>li.menu-item-has-children>a {
	padding-right: 10px !important;
}

body:not(.overlay-header) .primary-menu>li>.icon {
	color: var(--black) !important;
}

.primary-menu>li.menu-item-has-children>a {
	margin-right: 1rem;
}

.primary-menu>li>.icon {
	right: 0.5rem;
}

.primary-menu li.menu-item-has-children:hover>ul {
	top: 50px;
	background: var(--black);
}

body:not(.overlay-header) .primary-menu>li>ul:after {
	border-bottom-color: var(--black);
}

.primary-menu>li.menu-item-has-children li a {
	color: var(--wht) !important;
}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
	text-decoration: none;
}
 */
/* footer */
.footer-nav-widgets-wrapper.header-footer-group {
	display: none;
}

.woocommerce-no-products-found {
    display: none;
}

.footer-inner {
	background: #f2f2f3;
	padding: 50px 0;
	border-top: 1px solid var(--or)
}

.copy {
	background: #4bac58;
	text-align: center;
	padding: 12px;
	color: var(--wht);
	/* font-weight: 600; */
}

.footer-copyrights {
	margin-bottom: 0px;
}

.copy .footer-copyrights a {
	color: var(--wht);
	text-decoration: none;
	font-weight: 500;
}

.grid-ft {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	width: 100%;
}

div#custom-footer-widget1 {
	text-align: center;
}

#custom-footer-widget1 img {
	margin: 12px auto;
	max-width: 250px !important;
}

.ftr-title {
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.footer-colmn li {
	margin: 0;
	margin-bottom: 8px;
}

.footer-colmn li a {
	color: var(--black);
	font-size: 15px;
	text-decoration: none;
	transition: var(--tran)
}

.footer-colmn li a:hover {
	color: var(--or)
}

footer li.social-network {
	margin: 0;
	color: var(--black);
}

footer li.social-network a {
	margin: 0;
	color: var(--black);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 7px;
}

footer li.social-network i {
	color: var(--green)
}

/* Banner */
.slider-item {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 0.98fr;
	gap: 30px;
	margin: 0 auto;
}

.image-container {
	height: 100% !important;
}

.image-container img {
	width: 100%;
	max-width: 1000px;
	height: 100% !important;
	object-fit: cover;
	min-height: 400px;
}

.banner-we {
	font-size: 30px;
	font-weight: 500;
	color: var(--green);
	letter-spacing: 4px;
}

.content-container {
	max-width: 580px;
	margin-left: auto;
	padding-right: 50px;
	padding-left: 15px;
}

img[width][height] {
	height: auto;
}

.banner-we+img {
	max-width: 300px;
	margin: 20px 0;
	margin-top: 10px;
	font-family: var(--pr) !important;
}

.slider-texts {
	margin-bottom: 15px;
}

/* Headings */
.heading-tit :is(h1, h2, h3, h4, h5),
.heading-tit {
	font-size: 36px;
	font-weight: bold !important;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
	font-family: var(--pr), sans-serif !important;
}

/* Category Section */
.cat-items {
	background-color: #fff;
	padding: 5px;
	border-radius: 2px;
}

.category-section {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	text-align: center;
}

.cat-name {
	background: #d6d8da;
	color: #000;
	font-weight: 500;
	font-size: 18px;
	transition: var(--tran);
	min-height: 100px;
	padding: 25px 10px;
	display: grid;
	place-items: center;
	text-transform: capitalize;
}

.category-items:hover .cat-name {
	background: var(--green);
	color: #fff;
}

.category-items img {
	margin: 0 auto;
	width: 100%;
	height: 350px !important;
	object-fit: contain;
	background: #fff;
}

.category-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.category-a {
	position: relative;
	display: block;
}

.category-a::before {
	content: " ";
	inset: 300px;
	position: absolute;
	display: block;
	background: #c87533a8;
	transition: all 0.4s ease;
}

.category-items:hover .category-a::before {
	inset: 0;
}

.category-a::after {
	content: "+";
	font-size: 1px;
	inset: 0;
	position: absolute;
	display: grid;
	place-items: center;
	transition: all 0.4s ease;
	z-index: 1;
	line-height: 1;
	font-weight: 300;
	font-family: sans-serif;
	color: #fff;
}

.category-items:hover .category-a::after {
	font-size: 100px;
}

.btnf>* {
	font-family: var(--pr) !important;
}

.woocommerce-result-count {
    display: none;
}

.woocommerce-ordering{
	display:none;
}

/* STEPLINE */
.step-line {
	position: relative;
}

.elementor-element .step-line:before {
	content: "" !important;
	border: 1px dashed var(--green);
	position: absolute;
	left: 0%;
	right: 70%;
	top: 80px;
	bottom: unset;
	height: unset;
	width: unset;
}

.step-line::after {
	content: "";
	border: 1px dashed var(--green);
	position: absolute;
	left: 70%;
	right: -17px;
	top: 80px;
}

body .elementor-element .step-line.first:before,
body .elementor-element .step-line.last:after {
	display: none;
}

.header-tits h2 {
	padding: 20px;
	border: 2px solid #e5e5e5;
	display: inline-block;
	font-family: var(--pr) !important;
	background-color: var(--green);
}

.green-div.e-flex.e-con.e-child {
	max-width: 750px;
	z-index: 2;
}

.line-fl {
	position: relative;
}

.line-fl::after {
	content: "";
	left: 0;
	right: 0;
	top: 160px;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
}

/* Forms */
*:is(:hover, :focus) {
	text-decoration: none !important;
	outline: none !important;
}

body .wpcf7-not-valid-tip {
	color: #991313;
	margin-top: 8px;
}

.wpcf7-form-control-wrap input[type=text],
input[type=email],
input[password],
input[type=text],
input[type=url],
input[type=tel],
textarea,
.wpcf7-select {
	background-color: #fff;
	padding: 12px 12px !important;
	border: 1px solid #bdbdbd !important;
	border-radius: 2px;
	width: 100% !important;
	outline: none;
	font-family: var(--pr) !important;
	font-size: 14px;
	color: #272727;
}

.wpcf7-list-item {
	margin-left: 0px;
	margin-bottom: 20px;
	font-size: 15px;
}

.wpcf7-list-item-label {
	font-size: 15px !important;
}

:is(#review_form, #commentform):is(input[type=email],
	input[password],
	input[type=text],
	input[type=url],
	input[type=tel],
	textarea) {
	border: 1px solid #dcd7ca !important;
}

:is(.wpcf7-form-control-wrap input[type=text], input[type=email], input[password], input[type=text], input[type=url], input[type=tel], textarea, .wpcf7-select):focus {
	border: 1px solid var(--or) !important;
}

input[type=email].sub-em:focus {
	border: 1px solid transparent !important;
}

.wpcf7-select option:first-child {
	color: #7e7e7e;
}

.forms-row {
	grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
	display: grid;
	gap: 15px;
	margin-bottom: 18px;
}

.form-msg {
	margin-bottom: 18px;
}

.job-contact .form-msg {
	margin-bottom: 14px;
	margin-top: 18px;
}

.po-logo {
	max-width: 250px !important;
	max-height: 120px;
	object-fit: contain;
	margin-bottom: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	background-color: var(--or);
	color: var(--wht);
	border: none;
	padding: 7px 10px;
	margin-top: 10px !important;
	margin-left: 0px;
	font-size: 13px;
	margin-bottom: 10px !important;
	max-width: 450px;
}

.form-contact p {
	margin-bottom: 18px;
}

.cn-bg::after {
	content: "";
	position: absolute;
	/* required */
	inset: 0;
	/* top, right, bottom, left = 0 */
	right: 30%;
	/* optional — but if you use this, remove inset: 0 */
	background: url("images/contact bg.jpg") no-repeat center;
	background-size: cover;
	z-index: -1;
	/* place it behind the content */
}

.slid-img img {
	margin: 0 auto;
	width: 150px !important;
	object-fit: contain;
}

/* Inner Banner */
.innerBanners {
	padding: 130px 0;
	background-size: cover;
	margin-top: -1px;
}

/* Inner-pages */
.innerBanner {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.innerBanner img {
	height: 380px;
}

.ban-title {
	font-size: min(3vw + 1.8rem, 51px);
	color: var(--wht);
	margin-bottom: 20px;
	line-height: 1;
	text-wrap: balance;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
}

.woocommerce-account .ban-title {
	color: var(--wht);
}

/* contact-us */
.icon-gr .elementor-icon-list-icon {
	flex-basis: 33px;
}

.icon-gr .elementor-icon-list-text {
	flex-basis: 100%;
}

/* Woocomerce--initial site */
.archive-right .woocommerce-breadcrumb {
	display: none;
}

.archive-right .content-area {
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}

/* Woocss */
.gfx-t,
.single-product {
	background-color: #f5f5f5 !important;
}

.archive-row {
	display: grid;
	gap: 35px;
	grid-template-columns: 0.27fr 0.75fr;
}

.prside-title {
	text-align: center;
	background-color: var(--or);
	padding: 8px 15px;
	font-size: 16px;
	color: var(--wht);
	text-transform: capitalize;
}

.sidebar-pro .product-categories {
	margin: 0;
	padding-inline: 18px;
	padding-top: 20px;
	text-transform: capitalize;
	font-weight: 500;
}

.sidebar-pro .product-categories .cat-parent:not(:last-child) {
	margin-bottom: 20px;
}

.product-categories .children {
	margin-top: 0;
	margin-left: 5px;
}

.sidebar-pro {
	background: #fcfcfc;
	padding-bottom: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	/* 	position: sticky;
	top: 20px; */
}

.woocommerce-category-f:has(.woocommerce-category-image) {
	display: grid;
	grid-template-columns: 1fr 0.5fr;
	gap: 25px;
	align-items: center;
	padding-bottom: 30px;
}

.woocommerce-category-titles {
	font-size: 30px;
	margin-bottom: 18px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.2;
}

.nice-select {
	min-width: 190px;
	border: 1px solid #cccc !important;
	border-radius: unset;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--blck)
}

.nice-select:after {
	right: 13px;
	top: 44%;
	border-color: var(--blck);
	width: 8px;
	height: 8px
}

.woocommerce ul.products {
	flex-direction: column;
	margin-top:50px;
}

.woocommerce ul.products:has(.product-category) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
}

.woocommerce ul.products:has(.product-category)::before,
.woocommerce ul.products:has(.product-category)::after {
	display: none;
}

.woocommerce ul.products:has(.product-category) li {
	padding: 0 !important;
	width: 100% !important;
	max-width: 450px;
}

.woocommerce ul.products:has(.product-category) li a {
	text-align: center;
	display: inline-block;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
}

.woocommerce ul.products:has(.product-category) .woocommerce-loop-category__title {
	color: rgb(0, 0, 0);
	font-weight: 500;
	font-size: 17px !important;
	text-wrap: balance;
	text-transform: capitalize;
	background: rgb(214, 216, 218);
	transition: var(--tran);
	padding: 25px 10px;
	place-items: center;
	margin-bottom: 0px;
}

.woocommerce ul.products li.product img {
    height: 250px;
    object-fit: contain;
    width: 100%;
    background-color: #ffffff;
}

.woocommerce ul.products li.product {
	background-color: #fcfcfc;
	width: 100%;
	padding: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 3px;
	margin-bottom: 25px;
	flex-direction: row;
	gap: 25px;
}

.woocommerce ul.products li.product img {
	max-height: 300px;
}

mark.count {
	background: transparent;
}

ul.products li.product .woocommerce-loop-product__link {
	display: inline-block;
	flex-basis: 35%;
	align-content
}

.p-content {
	flex-basis: 65%;
}

.p-content .woocommerce-loop-product__link {
	display: block !important;
}

.p-content .woocommerce-loop-product__title {
	font-size: 25px;
	display: block;
	border-bottom: 1px solid #bcbcbc;
	padding-bottom: 10px;
	margin-bottom: 20px !important;
	text-wrap: balance;
}

.single-product.woocommerce .content-area {
	max-width: 1200px !important;
	padding: 0 15px !important;
}

.single-product .innerBanners {
	max-width: 100vw;
	margin: 0 calc(-50vw + 50%);
}

.single-product .woocommerce-breadcrumb {
	display: none;
}

.woocommerce-page div.product div.images {
	float: unset;
}

.pdf-btn {
	display: inline-block;
	background-color: #e3e3e3;
	padding: 15px 40px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.pdf-btn:hover {
	background-color: #dbdbdb;
}

.pdf-list {
	margin-bottom: 18px;
}

.h1 {
	font-size: 42px;
	font-weight: 700;
	color: var(--or);
	margin-bottom: 0px;
	text-wrap: balance;
}

.entry-summarys:has(.pdf-list) .h1 {
	margin-bottom: 40px;
}

.singel-grid {
	display: grid;
	grid-template-columns: 0.68fr 0.32fr;
	gap: 20px;
}

.re-tit {
	padding: 34px 18px;
	text-align: center;
	background-color: var(--or);
	color: var(--wht);
	font-size: 29px;
	font-weight: 500;
}

.re-btn {
	background-color: var(--wht);
	padding: 40px 20px;
	text-align: center;
}

.singel-right-wrap {
	position: sticky;
	top: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.woocommerce-product-gallery {
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 40px;
}

/* .flex-active-slide{
	background: #fff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
} */
.woocommerce-product-gallery img {
	max-height: 400px;
	object-fit: contain;
	margin: 0 auto;
}

.woocommerce-product-gallery .flex-control-thumbs li {
	;
	border: 1px solid #919191;
	padding: 4px;
}

.short {
	color: #262626;
	margin-bottom: 30px;
	margin-top: 10px;
}

.short * {
	color: #262626 !important;
	margin-bottom: 15px !important;
}

.flex-viewport {
	/* 	background: #fff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	padding:20px; */
	height: auto !important;
}

.woocommerce-product-gallery__wrapper {
	background: #fff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	padding: 20px
}

/* popup */
.modal-st {
	position: fixed;
	left: 25px;
	right: 25px;
	top: 20px;
	z-index: 4000;
	display: none;
	bottom: 30px;
	height: 100%;
	overflow-y: auto;
	z-index: 99999;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: .6s;
	animation-name: animatetop;
	animation-duration: .6s
}

.frm-pops {
	position: relative;
	width: min(600px, 92%);
	margin-inline: auto;
	background-color: var(--green);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 40px;
	box-shadow: -1px 3px 13px rgb(0 0 0/.1);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 30px
}

.heading-style {
	font-size: 28px;
	margin: 0 0 20px
}

.modal-st::-webkit-scrollbar {
	width: 2px
}

.modal-st::-webkit-scrollbar-track {
	background: 0 0
}

.modal-st::-webkit-scrollbar-thumb {
	background: #888
}

* add animation */ @-webkit-keyframes animatetop {
	from {
		top: -20%;
		opacity: 0;
	}

	to {
		top: 0%;
		opacity: 1;
	}
}

@keyframes animatetop {
	from {
		top: -20%;
		opacity: 0
	}

	to {
		top: 0%;
		opacity: 1
	}
}

.modal-bg {
	background: rgb(0 0 0/84%);
	zoom: 1;
	filter: alpha(opacity=80);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	width: auto !important;
	overflow-x: hidden !important
}

.modal-st .close {
	color: #fff !important;
	text-decoration: none;
	position: absolute;
	right: 20px;
	top: 12px;
	font-weight: 700;
	cursor: pointer
}

/* .form-contact>* {
    margin-top: 30px
} */

.frm-pop .form-send,
.frm-pop .form-send:hover {
	background-color: #fff !important;
	color: var(--green) !important;
	font-size: 16px;
	padding: 16px 25px;
	margin-top: 15px
}

.job-contact input:not(.form-send, .fileattach),
.job-contact textarea {
	padding: 12px !important;
	font-size: 15px
}

.job-contact br {
	display: none
}

.flex {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	text-align: center;
	gap: 18px;
	margin-bottom: 20px;
}

.flex .images {
	width: 100% !important;
}

.flex .images img {
	margin: 12px auto !important;
}

.text {
	margin: 10px;
	font-weight: 500;
	font-size: 17px;
	text-transform: capitalize;
}

/* Cookie-policy */
button.cky-show-desc-btn:not(:hover):not(:active) {
	color: #4e9f59 !important;
}

p.cky-title {
	font-weight: 600 !important;
}

/* Testimonials */
.testimonial-wraps {
	text-align: center;
	max-width: 800px;
	padding: 30px;
	/* 	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
	border-radius: 5px;
	margin: 12px auto;
	color: var(--wht);
}

.test-stars {
	background: url(images/quote.png) no-repeat center;
	background-size: cover;
	width: 53px;
	height: 32px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.testi-imgs img {
	border-radius: 50% !important;
	margin: 30px auto 20px;
	max-height: 100px;
	object-fit: cover;
	border: 3px solid var(--blue) !important;
}

.client-names {
	font-size: 18px;
	font-weight: 300;
	color: var(--or);
	margin-top: 25px;
}

.testimonial-logos {
	display: flex;
	gap: 20px;
	max-width: 250px;
	margin-inline: auto;
	justify-content: center;
}

.testimonial-logos img {
	height: 70px !important;
}

.client-desig {
	margin-top: 10px;
}

.test-contents {
	line-height: 1.2;
	font-size: 17px;
	font-weight: 300;
	text-wrap: balance;
}

.test-contents strong {
	font-weight: 300;
}

.testimonials-sliders .slick-dots {
	display: flex;
	position: absolute;
	left: 50%;
	gap: 5px;
	transform: translatex(-50%);
	list-style: none;
	margin-left: 0 !important;
	bottom: -28px;
}

.testimonials-sliders .slick-dots li {
	margin-left: 0 !important;
}

.testimonials-sliders .slick-dots li button {
	font-size: 0 !important;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	padding: 0 !important;
	border: none;
	display: inline-block;
}

.testimonials-sliders .slick-dots li button {
	background-color: transparent !important;
	border: 2px solid var(--or) !important;
}

.testimonials-sliders li.slick-active button {
	background-color: var(--or) !important;
	border: 2px solid var(--or) !important;
}

.mega-sub-menu a.mega-menu-link {
	line-height: 1.3 !important;
}

.n-list.s {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	display: none;
}

.home .post-nav {
	display: none;
}

.date-icon {
	background: var(--green);
	padding: 8px 10px;
	display: inline-block;
	color: var(--wht);
	text-align: center;
	position: absolute;
	bottom: -28px;
	font-size: 17px;
	left: 15px;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
}

.day {
	display: block;
	font-weight: 600;
	font-size: 28px;
}

.custom-post {
	max-width: 650px;
	/* text-align: center; */
	padding: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 5px;
	margin: 0 auto;
}

.custom-post-titl {
	margin-bottom: 5px !important;
}

.custom-post-title a {
	display: block;
	text-wrap: balance;
	font-size: 24px;
	margin-top: 35px;
	margin-bottom: 5px !important;
}

.custom-post-contents,
.custom-post-read-more {
	text-align: center;
}

.custom-post-thumbnail img {
	height: 260px !important;
	object-fit: contain;
	margin-bottom: 12px;
	width: 100%;
	border-radius: 5px;
}

/* posts */
/* Posts */
.recent-athor-meta p * {
	color: var(--blck) !important;
	font-weight: 500 !important list-style:none;
}

.recent-athor-meta p svg {
	width: 24px;
	color: var(--green) !important;
	fill: var(--green);
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px
}

.recent-athor-meta {
	margin-bottom: 35px !important
}

.recent-athor-meta p {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0 !important
}

.posts-title {
	font-size: 35px;
	margin: 20px 0 22px !important;
	text-transform: capitalize
}

.comment-reply-title {
	font-size: 26px !important;
	text-align: left !important;
	color: var(--green);
	padding-top: 30px;
	margin-bottom: 20px
}

p.comment-form-comment {
	margin-top: 20px
}

.comment-respond p:not(.comment-notes) {
	max-width: 100%;
}

.comment-notes,
.logged-in-as {
	text-align: left !important
}

.post-alignment {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 10px;
}

.prev-posts a div {
	display: flex;
	align-items: center
}

.section-inner.small,
.section-inner.thin,
.comment-content p {
	max-width: 100% !important;
	font-family: var(--pr), sans-serif !important;
}

.comment-respond p:not(.comment-notes),
.section-inner.thin,
{
max-width: 100% !important;
font-size: 15px;
}

.comment-body {
	position: relative;
	left: 80px;
}

form#commentform {
	margin-top: 10px !important;
	display: inline-block;
	width: 100%;
}

.comment-reply-link {
	background-color: var(--green) !important;
	color: var(--wht) !important;
}

.blogPostnSection :is(h2, h3, h4, h5) {
	font-size: 25px;
}

hr.styled-separator.is-style-wide {
	display: none;
}

.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
	margin: 0;
}

ul.primary-menu {
	letter-spacing: 0.5px;
}

.hero-heading h2,
.hero-heading {
	font-size: 27px;
	margin-top: 30px;
	font-weight: 600;
	text-transform: capitalize;
	margin-block: 22px;
}

.heading-text {
	font-size: 24px;
	margin-top: 30px;
	font-weight: 600;
	text-transform: capitalize;
	margin-block: 14px;
}

.heading-texts {
	font-size: 15px;
	margin-bottom: 10px;
}

.table-head {
	display: inline-block;
	padding: 10px 35px;
	background-color: var(--or);
	color: #fff;
	border-radius: 6px;
	margin-bottom: 20px;
	min-width: 180px;
	text-align: center;
	font-size: 17px;
}

.colour-table p strong {
	display: inline-block;
	margin-right: 8px;
	font-weight: 500;
	font-size: 15px;
}

#mega-toggle-block-0 {
	background: var(--or);
}

.archive-right .images {
	text-align:center;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.archive-right .des .images:nth-last-child(-n+3) img {
   margin-bottom:10px !important;
	margin-top:0px !important;
}

.archive-right {
	overflow: hidden;
}

.archive-right .images img {
	width: 100%;
	height: 280px;
	object-fit: cover;
}

.images br {
	display: none;
}

.archive-right .heading {
	font-size: 26px !important;
	margin-bottom: 0;
}

.archive-right .heading2 {
	font-size: 26px !important;
	margin-bottom: 0;
	margin-top: 50px;
}

video {
	max-width: 96%;
	margin: 0 auto;
	border-radius: 2px;
}

li#mega-menu-item-1936 a,
#mega-menu-item-1937 a, #mega-menu-item-2415 a,#mega-menu-item-2410 a {
	border-bottom: 1px solid #646464 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	margin: 15px 0px 10px 0px !important;
	padding: 0px 0px 5px 0px !important;
}

.g-recaptcha>div {
	transform: scale(0.75);
	transform-origin: 0 0;
	-webkit-transform: scale(0.75);
	-webkit-transform-origin: 0 0;
}

.archive-left .count {
	display: none;
}

/* .logos img {
    margin: 0 auto;
    height: 120px !important;
    object-fit: contain;
    background-color: #f5f5f5;
    width: 100%;
    padding: 12px 5px;
}

.logos .gallery-caption {
    background: #f5f5f5;
    padding: 0 10px 15px 10px;
    text-align: center;
    font-weight: 400 !important;
    color: #000;
    font-family: var(--pr), sans-serif !important;
    line-height: 1.1;
} */


.logos img {
    margin: 0 auto;
    height: 120px !important;
    object-fit: contain;
    padding: 5px;
    border: 1px solid #ededed !important;
	transition:all 0.3s ease;
}

.logos figure:hover img {
    border: 1px solid var(--green) !important;
}

.logos .gallery-caption {
    padding: 15px;
    text-align: center;
    font-weight: 400 !important;
    color: #000;
    font-family: var(--pr), sans-serif !important;
    line-height: 1.1;
}
@media only screen and (min-width: 1101px) {
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-12 {
		width: 19.7666666667% !important;
	}
}

@media only screen and (max-width: 1099px) {
	.header-inner {
		padding: 20px 0 !important;
	}

	#mega-menu-primary {
		justify-content: unset;
		gap: 10px;
	}
}

@media only screen and (max-width:1250px) {
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
		font-size: 13px;
	}
}

@media only screen and (max-width:1100px) {
	#mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
		width: 320px;
	}

	.primary-menu-wrapper,
	.header-navigation-wrapper {
		display: block;
	}

	.header-inner.section-inner {
		justify-content: space-between;
		display: flex;
	}

}

@media only screen and (max-width:991px) {

	.heading-tit :is(h1, h2, h3, h4, h5),
	.heading-tit {
		font-size: 32px;
		margin-bottom: 22px;
	}

	.banner-we {
		font-size: 25px;
	}

	.banner-we+img {
		max-width: 200px;
	}

	.social-network.email {
		display: none !important;
	}

	.woocommerce-category-f .images {
		max-width: 100%;
	}

}

@media only screen and (max-width:767px) {
	.elementor-element-ee60df9 p {
     margin-bottom:20px !important;
}
	
	.grid-ft {
		grid-template-columns: 1fr;
	}

	.top-header {
		display: none;
	}

	header {
		border-top: 10px solid var(--green);
	}

	.site-logo.faux-heading {
		margin-left: 15px;
	}

	.slider-item {
		grid-template-columns: 1fr;
	}

	.image-container {
		max-height: 500px;
	}

	.content-container {
		max-width: 100%;
		text-align: center;
		padding-right: 15px;
		padding-left: 15px;
		padding-block: 45px;
	}

	.banner-we+img {
		margin-inline: auto;
	}

	.elementor-element .step-line:before {
		right: 60%;
	}

	.step-line::after {
		left: 60%;
		top: 80px;
	}

	body .elementor-element .step-line.first:before,
	body .elementor-element .step-line.last:after {
		display: block;
	}

	.archive-row {
		display: flex;
        flex-direction: column-reverse;
	}

	.woocommerce-category-f {
		grid-template-columns: 1fr;
	}

	.p-content,
	ul.products li.product .woocommerce-loop-product__link {
		flex-basis: 100%;
		width: 100%;
	}

	.woocommerce ul.products li.product {
		flex-direction: column;
	}

	.singel-grid {
		grid-template-columns: 1fr;
	}

	.archive-right .images {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.container .archive-row .archive-right .woocommerce-category-f .des h2.heading {
		font-size: 24px !important;
		margin-bottom: 30px;
	}

	.woocommerce-category-f .images img {
		width: 100%;
		height: auto;
	}

	.alignnone,
	.aligncenter,
	.alignleft,
	.alignright,
	.alignwide {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}