* {
	padding:0;
	margin:0;
}

::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

/* body,html{
overflow-x: hidden;
} */

html.active,
body.active {
	overflow: hidden;
}

html{
	scroll-padding-top: 120px;
}

::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

header#masthead {
	display: block !important;
}

#masthead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #ffffff;
	display: block;
	z-index: 999;
}

.header-wrapper .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}

.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}

.notfound-content {
	text-align: center;
	padding: 12vw 0 7vw;
	width: 100%;
	float: left;
}

.search #content{
    padding: 12vw 0 7vw;
}

.search h1{
    font-size: 60px !important;
    margin-bottom:  20px;
   
}

.search h2{
     font-size: 40px !important;
        margin-bottom:  20px;
}

.search article{
    width: 100%;
     margin-bottom:  20px;
}

input.search-field{
        border-radius: 40px;
    border: 1px solid #2D080A;
    padding: 12px 20px;
    color: #28070A;
    
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.search form{
    margin-top: 20px;
}

.error404 .notfound-content h1 {
	color: #000000;
}

.error404 .notfound-content h3 {
	margin: 20px 0;
}

/* Contact form 7 */

.wpcf7 .row {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.wpcf7 .column {
	width: 50%;
}

.wpcf7 .column-full {
	width: 100%;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
	width: 100%;
}

#cf7-ajax-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	z-index: 9999999;
}

#cf7-ajax-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 500px;
	background: #F8F4EE;
	border-radius: 12px;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
	z-index: 99999999;
	font-family: "Groillim", Sans-serif;
	color: #252525;
	text-align: center;
}

#cf7-ajax-modal.show,
#cf7-ajax-overlay.show {
	display: block !important;
}

.cf7-ajax-inner {
	padding: 50px 40px;
	position: relative;
}

#cf7-ajax-text {
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
}

.cf7-ajax-close {
	position: absolute;
	top: 10px;
	right: 18px;
	font-size: 38px;
	cursor: pointer;
	opacity: 0.7;
}

.cf7-ajax-close:hover {
	opacity: 1;
}

.cf7-ajax-ok-btn {
	margin-top: 20px;
	cursor: pointer;
}

.wpcf7-response-output {
	display: none !important;
}

.wpcf7-spinner {
	display: none;
}

#cf7-ajax-loading {
	display:none;
	position:fixed;
	top:0;left:0;
	width:100%;height:100%;
	background:rgba(255,255,255,0.6);
	z-index:9999999999;
	justify-content:center;
	align-items:center;
}

#cf7-ajax-loading.active { display:flex; }

.cf7-spinner {
	width:45px;
	height:45px;
	border:4px solid #ccc;
	border-top-color:#000;
	border-radius:50%;
	animation:spin 0.8s linear infinite;
}

@keyframes spin { to { transform:rotate(360deg); } }

.wpcf7-response-output { display:none !important; }

.cf7-popup-open, .cf7-loading {
	overflow:hidden;
}

.wpcf7-not-valid-tip {
	margin-top: 6px;
	text-align: left;
	    font-size: 16px;
}

.header-link a{
	text-decoration-line: underline !important;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	text-underline-position: from-font;
}


.footer-col{
	width: fit-content !important;
}

.footer-col-inner .elementor-container.elementor-column-gap-default {
	justify-content: space-between;
}

.footer-line  {
	position: relative;
}

.footer-line:after{
	content: '';
	display: inline-block;
	width: 172px;
	height: 1px;
	background: #E6E6E6;
	margin: 14px 0px;

}

.footer-col .elementor-widget-wrap{
	flex-direction: column;
}


/* hero section */

.small, .new-text {
	font-size: 18px;
	display: block;
	color: #4A4A4A;
	font-family: "DM Sans";
	font-weight: 500;
	line-height: normal;
	text-transform: none;
	margin-top: 12px;
}

.new-text{
	margin-top: 24px;
}

.hero-slider .swiper-slide-contents {
	display: flex;
	flex-direction: column;
}

.hero-slider .elementor-slide-description{
	order: 1;
}

.hero-slider .elementor-slide-heading{
	order: 2;
}

.hero-slider .elementor-slide-heading{
	order: 2;
}

.hero-slider .elementor-slide-button{
	order: 3;
	width: fit-content;
}

.hero-slider .elementor-swiper-button-next {
	background: url('/wp-content/uploads/2025/12/arrow-circle-next.svg') no-repeat  center;
	background-size: cover !important;
}

.hero-slider .elementor-swiper-button-prev {
	background: url('/wp-content/uploads/2025/12/arrow-circle-prev.svg') no-repeat  center;
	background-size: cover !important;
}


.hero-slider [aria-label="2 / 3"] .elementor-slide-heading,
.hero-slider [aria-label="2 / 3"] .elementor-slide-description,
.hero-slider [aria-label="2 / 3"] .elementor-button-text,
.hero-slider [aria-label="2 / 3"] .small, .hero-slider [aria-label="2 / 3"] .new-text,
.hero-slider [aria-label="3 / 3"] .elementor-slide-heading,
.hero-slider [aria-label="3 / 3"] .elementor-slide-description,
.hero-slider [aria-label="3 / 3"] .elementor-button-text,
.hero-slider [aria-label="3 / 3"] .small, .hero-slider [aria-label="3 / 3"] .new-text{
	color: white !important;
}




.star-icons {
	margin-right: 12px;
}

.star-icons svg{
	width: 18px;
	height: 18px;
}



.video-inner .elementor-container.elementor-column-gap-default{
	margin-right: 0;
}

.slider-vid-col .slick-track {
	gap: 20px;
	display: flex;
	cursor: grab;
}

body .slider-video .elementor-wrapper{
	height: 435px !important;
	--video-aspect-ratio: none !important;
}


.half-number .elementor-counter-number::after {
	content: "/5";
	font-size: inherit;
	margin-left: 4px;
}

.green-list ul {
	list-style-type: none;

}
.green-list ul li{
	padding-bottom: 14px;
	position: relative;
}
.green-list ul li:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/wp-content/uploads/2025/12/green-icon.svg');
	margin-right: 14px;
	vertical-align: middle;

}
.lifestyle-image .elementor-widget-container{
	height: 100%;
}

.image-number{
	font-family: 'DM Sans';
	font-size: 18px;
	font-weight: 400;
	display: block;
	margin-bottom: 8px;
}

.image-number2{
	font-family: 'DM Sans';
	font-size: 18px;
	font-weight: 400;
	display: block;
	margin-bottom: 8px;
	color: #4A4A4ACC;
}

.works-inner .elementor-container.elementor-column-gap-default {
	gap: 40px;
}

.work-image img{
	width: 100%;
}


/* button hover */

.elementor-button-content-wrapper {
	position: relative;
	overflow: hidden; 
}


.elementor-button-text, .duplicated-text {
	display: block;
	position: relative;
	transition: transform 0.35s ease; 
}

.duplicated-text {
	transform: translateY(100%);
}

.elementor-button:hover .elementor-button-text {
	transform: translateY(-100%);
}

.elementor-button:hover .duplicated-text {
	transform: translateY(0); 
}


.elementor-button .elementor-button-text {
	transform: translateY(0);
}


.elementor-button .duplicated-text {
	transform: translateY(100%); 
}

.elementor-button-content-wrapper{
	flex-direction: column;
}

.duplicated-text{
	position: absolute;

}

.elementor-button:hover .duplicated-text{
	display: block;
}

.accordion .elementor-accordion-item{
	border-bottom: 1px solid #D9DDDB !important;
	padding: 30px 0px;
}


.orange-heading h2.elementor-heading-title {
	position: relative;
	width: fit-content;
	margin: 0 auto;
	z-index: 2;

}

.back-text {
	position: relative;
	display: inline-block;
	color: #fff;
	background-color: #f97e3a;
	padding: 0px 5px;
	z-index: -1;
	position: absolute;
	top: 51px;
	right: -10px;
	transform: rotate(-2.756deg);
}


.progress {
	position: relative;
	height: 180px;
}

.progress h3{
	position: relative;
	top: 50px;
	left: 05px;
}

.progress-ring {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(90deg);

}

.progress-ring__background {
	fill: none;
	stroke: transparent;
	stroke-width: 30;
}

.progress-ring__progress {
	fill: none;
	stroke:#AC1823;
	stroke-width: 30;

	transition: stroke-dashoffset 2s ease-in-out;
}


.mask-human svg, .mask-human , .mask-human-red svg, .mask-human-red {
	width: 200px !important;
	height: 400px !important;
}



.mask-human svg path {
	fill: white !important;
	opacity: 1 !important;
}

.mask-human {
	position: relative !important;
}
/* 
.mask-human::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background:  linear-gradient(180deg, transparent 0%, transparent 40%, 
		#D9D9D9 12%, 
		#D9D9D9 30%, 
		#737373 100%) !important;
	background:  linear-gradient(180deg, transparent 0%, transparent 40%, 
		#D9D9D9 12%, 
		#D9D9D9 30%, 
		#737373 100%) !important;
	-webkit-mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

.mask-human::after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
 	background: white !important;
	-webkit-mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	pointer-events: none !important;
	z-index: 2 !important;
	transform-origin: bottom !important;

}

.mask-human.in-view::after {
	animation: revealFill  ease-out forwards !important;
}
 */
.blue-bottle .progress-ring__progress {
	stroke: #0BA2DE; }
@keyframes revealFill {
	0% {
		clip-path: inset(0 0 0 0);
	}
	100% {
		clip-path: inset(0 0 52% 0);
	}
}


.mask-human.animate-repeat::after {
	animation: revealFill 3s ease-out infinite !important;
}


 .mask-human.animate-hover::after {
	animation: none !important;
}
 
.mask-human.animate-hover:hover::after {
	animation: revealFill 3s ease-out forwards !important;
}


.mask-human svg {
	opacity: 1 !important;
} 






/* Apply gradient mask to SVG for red version */
.mask-human-red svg path {
	fill: #D9D9D9 !important;
	opacity: 1 !important;
}

.mask-human-red {
	position: relative !important;
}

/* .mask-human-red::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(180deg, transparent 0%, transparent 27%, #D93D3A 10%, #D93D3A 18%, #B91C1C 27%, #121212 100%) !important;  
	-webkit-mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

.mask-human-red::after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: white !important;
	-webkit-mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	mask: url(/wp-content/uploads/2025/12/fill-bottle.svg) no-repeat center !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	pointer-events: none !important;
	z-index: 2 !important;
	transform-origin: bottom !important;

}

.mask-human-red.in-view::after {
	animation: revealFillRed ease-out forwards !important;
}
 */

@keyframes revealFillRed {
	0% {
		clip-path: inset(0 0 0 0);
	}
	100% {
		clip-path: inset(0 0 58% 0);
	}
}

/* For repeating animation */
.mask-human-red.animate-repeat::after {
	animation: revealFillRed 3s ease-out infinite !important;
}

/* For hover trigger */
.mask-human-red.animate-hover::after {
	animation: none !important;
}

.mask-human-red.animate-hover:hover::after {
	animation: revealFillRed 3s ease-out forwards !important;
}

.mask-human-red svg {
	opacity: 1 !important;
}


.mask-human-red svg path {
	fill: white !important;
}

.red-human-col:before{
	content: '';
	height: 322px;
	width: 1px;
	background:  #969393;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 20%;

}


.need-help .elementor-button-content-wrapper:before{
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url('/wp-content/uploads/2024/08/Icon.svg');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}

.need-help .elementor-button-content-wrapper{
	padding-left: 24px;
	align-items: center;
}

.download-btn .elementor-button-content-wrapper:before{
	content: '';
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url('/wp-content/uploads/2025/12/download-vector.svg');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}

.download-btn .elementor-button-content-wrapper{
	padding-left: 26px;
	align-items: center;
}




.hero-mobile{
	display: none;
}

/* GSAP section */
/* .aboute-banner {
position: relative !important;
}

.aboute-text-wrap {
position: absolute !important;
bottom: 132px !important;
width: 100%;
text-align: center;
}

.aboute-text {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
font-size: 36px;
font-weight: 600;
color: #fff;
opacity: 0;
will-change: transform, opacity;
}

.aboute-text.is-fixed {
position: fixed !important;
bottom: 144px !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
*/


/* Contact page form */

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
	font-family: "DM Sans", sans-serif !important;
	font-size: 16px;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
	font-family: "DM Sans", sans-serif !important;
}

.cf7-row {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.cf7-col {
	width: 50%;
}

.cf7-col-full {
	width: 100%;
}

.wpcf7 input,
.wpcf7 select {
	width: 100%;
	padding: 12px 20px;
	border-radius: 12px;
	border: 1px solid #2D080A;
	font-size: 16px;
}

.wpcf7 select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.wpcf7-form-control-wrap select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.wpcf7-form-control-wrap:has(select)::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 14px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url("/wp-content/uploads/2025/12/arrow-circle-down.svg") no-repeat center;
	background-size: contain;
	pointer-events: none;
}

.wpcf7 textarea {
	min-height: 177px;
	resize: vertical;
	width: 100%;
	padding: 20px 20px;
	border-radius: 12px;
	border: 1px solid #2D080A;
	font-size: 16px;
}

/* Placeholder font + line height */
.wpcf7 ::placeholder {
	font-family: "DM Sans", sans-serif;
	line-height: normal;
	color: #28070A;
	opacity: 1;
}

.wpcf7 :-ms-input-placeholder {
	font-family: "DM Sans", sans-serif;
	line-height: normal;
	color: #28070A;
}

.wpcf7 ::-ms-input-placeholder {
	font-family: "DM Sans", sans-serif;
	line-height: normal;
	color: #28070A;
}


/* Remove browser/Elementor focus outline */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: #2D080A !important;
}

/* For newer browsers */
.wpcf7 input:focus-visible,
.wpcf7 textarea:focus-visible,
.wpcf7 select:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	border-color: #2D080A !important;
}

.simple-text p{
	text-align: left !important;
	font-weight: 500;
	line-height: normal;
	color: #000;
}

.wpcf7 form {
	text-align: center;
}

.wpcf7-submit {
	background: #AC1823;
	color: #fff;
	border-radius: 40px !important;
	padding: 14px 30px !important;
	border: none;
	font-weight: 600;
	cursor: pointer;
	width: auto !important;
	line-height: normal !important;
	display: inline-block;
	font-size: 16px;
	margin-top: 48px;
}

.wpcf7-submit:hover {
	background: #8e0e14;
}

.video-inner .slick-slide{
	margin-bottom: 0px !important;
}




/* faq page css */

.faq-container {
	display: flex;
	justify-content: space-between;
	gap: 102px;
}



.faq-categories {
	width: 28.5%;
	position: sticky;
	top: 160px;
	height: 100%;

}

.faq-categories ul {
	list-style-type: none;
	padding: 0;
}

.faq-categories li {
	margin-bottom: 17px;
}

.faq-categories li h4{
	color: rgb(0 0 0 / 80%) !important;
}

.faq-categories li h4:hover{
	color: #000000  !important;
}


.faq-category h2{
	color: #28070A;
}
.faq-categories a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

.faq-list {
	width: 65%;
	position: relative;
}



.faq-categories:after {
	content: '';
	height: 99%;
	width: 1px;
	display: inline-block;
	background: #000;
	position: absolute;
	top: 0;
	right: -51px;
	z-index: 1;
}




.faq-item h4 {
	color: #000000cc !important;
}





.faq-search input {
	width: 100%;
	border-radius: 12px;
	border: 1px solid #2D080A;
	color: #28070A;
	font-family: "DM Sans";
	font-size: 16px;

	font-weight: 500;
	line-height: normal;
	padding: 15px 20px;
	margin-bottom: 30px;
}

.faq-item-toggle {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	justify-content: space-between;
}

.faq-item-icon {
	font-size: 24px;  
	margin-top: 5px;
	transition: transform 0.3s ease; /* Smooth transition for icon rotation */
}

.faq-item-content {
	margin-top: 17px;
	display: none;
}


.faq-item-content p{
	font-weight: 400;
}



.faq-category {
	display: flex;
	flex-direction: column;
	gap: 40px;
}



.faq-item {
	padding: 20px 0;
	border-bottom: 1px solid   #D9DDDB;
	list-style: none !important;

}


.faq-category:not(:first-child){
	margin-top: 50px;
}


#faq-suggestions {
	list-style-type: none;
	background: #fff;
	border: 1px solid  #D9DDDB;
	max-height: 150px;
	overflow-y: auto;
	position: absolute;
	width: 100%;
	z-index: 1000;
}

#faq-suggestions li {
	padding: 10px;
	cursor: pointer;
	margin: 0;
}

#faq-suggestions li:hover {
	background-color: #f0f0f0;
}


.faq-item:first-of-type .faq-item-content {
	display: block;  
}

.faq-category h2{
	color: #28070A !important;
}

.faq-item-content ul{
	padding-left: 20px;
}
.faq-item-content p:not(:last-child),
.faq-item-content ul li:not(:last-child){
	margin-bottom: 12px;
}

.faq-item-content ul:not(:last-child){
	margin: 20px 0px;
}

.faq-item-content a{
	font-weight: 600;
}


.faq-item-content a:hover{
	color: #000 !important;
}

.contact-page-box .elementor-icon-box-description a{
	color: #1A202C !important;
}





.blog .header-down, .page-id-3556 .header-down {
	/*  border-bottom: 1px solid #A9A9A9; */
	background: #a9a9a914;
}

.blog{
	overflow-x: hidden;
}
.elementor video {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    margin: 0;
    line-height: 1;
    border: none;
}