/*
Theme Name: Matchstick
Theme URI: https://matchstick.com/
Author: Sage Digital Agency
Author URI: https://sage.agency/
Description: Matchstick custom desigend theme by Sage Digital Agency Team.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: elementor-header, elementor-footer, elementor-menu, wp-form, full-width-template, smooth animation, blogs, Sticky post, Google Fonts 
Text Domain: matchstick

/* FONTS
-----------------------*/
@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* COLOR
-----------------------*/
:root {
	--darkcyan: #007f7f;
	--carnation: #f2506e;
	--skyblue: #46b3f1;
	--body: #3d3d3e;
	--black: #000000;
	--white: #ffffff;
	--gray: #d3d3d3;
	--greensheen: #60bfae;
}

/* MAIN STYLESHEET
----------------------*/
body,html{ overflow-x: hidden; }
body{
	font-family: "Gotham", sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	color: var(--body);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: "Gotham", sans-serif;
	font-style: normal;
	color: var(--body);
}
h1, .h1{ font-size: 52px; font-weight: 500; line-height: 100%; letter-spacing: -2.72px;}
h2, .h2{ font-size: 42px; font-weight: 500; line-height: 100%; }
h3, .h3{ font-size: 36px; font-weight: 600; line-height: 100%; }
h4, .h4{ font-size: 30px; font-weight: 600; line-height: 120%; }
h5, .h5{ font-size: 24px; font-weight: 600; line-height: 100%; }
h6, .h6{ font-size: 18px; font-weight: 700; line-height: 100%; }
.h1 h2{ font-size: 68px!important; font-weight: 500; line-height: 100%; }
h1 span, h2 span, h3 span, h4 span,
.h1 span, .h2 span, .h3 span, .h4 span,
.gradiant-p span span{
	color: var(--carnation);
}
p{ padding: 0; margin: 0 0 15px 0; letter-spacing: -0.32px;}
a{ color: var(--body); cursor: pointer; outline: 0; text-decoration: none; }
a:link{ color: var(--body); }
a:active{ color: var(--body); }
a:visited{ color: var(--body); }
a:hover{ color: var(--darkcyan); text-decoration: none; }
a:focus{ outline: none; text-decoration: none; }
button:focus{ outline: unset; }
img{ max-width: 100%; }
a img{ border: 0; }
.w-100 img{ width: 100%; }
label{ cursor: pointer; }
iframe{ max-width: 100%; }
p:last-child {margin-bottom: 0 !important;} 
.font-18{ font-size: 18px; font-weight: 500; letter-spacing: -0.36px; }

.mbp0 p{margin-bottom: 0 !important;}


/* PADDING & MARGINS 
----------------------*/
#main-content{ padding: 150px 0 35px 0; }
.theme-flush-top-space{ margin-top: -150px; }
.theme-flush-bottom-space{ margin-bottom: -35px; }

/* SEARCH FORM
----------------------*/
.wp-block-search__button{ padding: 15px!important; }
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ padding: 0; border-radius: 15px; overflow: hidden; }
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{ padding: 15px; }
.search-form label{ position: relative; margin: 0; width: calc( 100% - 50px ); }
.search-form .search-field{ width: 100%; height: 50px; border: 1px solid var(--gray); border-radius: 0; padding: 10px 15px; margin-bottom: 0; }
.search-form .search-field:focus-visible{ outline: unset; }
.search-form .search-submit{
	float: right;
	width: 50px; height: 50px;
	padding: 0;
	background-color: var(--white);
	border: 1px solid var(--gray);
	border-radius: 0;
	cursor: pointer;
}
.search-form .search-submit i{ font-size: 18px; color: var(--body); }

/* WIDGET COMMON
----------------------*/
aside.sidebar .widget{ margin-bottom: 25px; }
aside.sidebar .widget ul{ margin: 0; padding: 0; list-style-type: none; }
aside.sidebar .widget ul li{ padding: 8px 0; border-bottom: 1px solid var(--gray); }

/* BUTTONS 
----------------------*/
.btn{
	padding: 18px 25px;
	font-family: "Funnel Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border: 0;
	border-radius: 40px;
}
.btn.btn-theme{ color: var(--white); background: linear-gradient(262deg, #25C664 0%, #369DE5 100%); border: 0; }
.btn.btn-theme:hover{
	color: var(--white);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
}
.btn.focus, .btn:focus{ outline: unset; -webkit-box-shadow: unset; box-shadow: unset; }

.button-2.elementor-widget-button .elementor-button{
	padding: 18px 25px 18px 25px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 40px;
	backdrop-filter: blur(20px);
	font-weight: 700;
}
.button-2.elementor-widget-button .elementor-button:hover{
	border-style: solid;
}

.blured-bg{ backdrop-filter: blur(40.5px); }

/* HEADER
----------------------*/
.admin-bar .fixed-top{ top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .fixed-top{ top: 46px; }
}

.site-header{ position: relative; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.site-header.elementor-sticky--effects{
/* 	background-color: rgba(15, 27, 31, 0.80); */
	backdrop-filter: blur(20px);
	z-index: 1024;
}

.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon{ background-image: unset!important; }
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{ padding-bottom: 5px; }
.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler{ max-width: 22px!important; fill: var(--white); }
#quote-li-icon a span.dashicons{ margin-top: -3px; }
#quote-li-icon a span.dashicons::before{
	content: '';
	display: block;
	width: 22px; height: 22px;
	background-image: url("/wp-content/uploads/2025/08/Icon-Quote.svg");
	background-repeat: no-repeat;
	background-size: contain;
	filter: brightness(0) invert(1);
}
.quote-li .afrq-menu-item .totalitems{
	position: absolute;
	bottom: -4px; right: -8px;
	width: 16px; height: 16px;
	line-height: 16px;
	padding: 0!important;
	margin: 0;
	color: var(--white);
	font-size: 12px;
	font-weight: 800;
	font-style: normal;
	background-color: var(--darkcyan);
	border-radius: 100px;
	letter-spacing: -0.48px;
	text-align: center;
	z-index: 1;
}
.site-header .e-n-menu-wrapper #btn-menu{ display: none; }
.style-list2 .elementor-inline-items .elementor-inline-item{
	padding: 15px 25px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 40px;
	backdrop-filter: blur(20px);
	font-weight: 700;
}
/*.selected-1.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(1),
.selected-2.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(2),
.selected-3.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(3){
  background: rgba(255, 255, 255, 1) !important;
}
.selected-1.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(1) .elementor-icon-list-text,
.selected-1.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(1):hover .elementor-icon-list-text,
.selected-2.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(2) .elementor-icon-list-text,
.selected-2.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(2):hover .elementor-icon-list-text,
.selected-3.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(3) .elementor-icon-list-text,
.selected-3.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(3):hover .elementor-icon-list-text{
  color: #0F1B1F !important;
}
.selected-1.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(1) .elementor-icon-list-icon svg,
.selected-1.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(1):hover .elementor-icon-list-icon svg,
.selected-2.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(2) .elementor-icon-list-icon svg,
.selected-2.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(2):hover .elementor-icon-list-icon svg,
.selected-3.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(3) .elementor-icon-list-icon svg,
.selected-3.style-list2 .elementor-inline-items .elementor-inline-item:nth-child(3):hover .elementor-icon-list-icon svg{
  fill: #0F1B1F !important;
}*/
.selected-white-bg svg path { stroke: #0F1B1F !important; }
.header-phone-mail .a {
    fill: #d92344 !important;
    stroke: none !important;
}

/* sliders */
.elementor-widget-n-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
div.elementor-widget-n-carousel .swiper-pagination-bullet:hover{
	background: linear-gradient(262deg, #25C664 0%, #369DE5 100%);
	height: 3px !important;
}
div.elementor-widget-n-carousel .swiper-pagination-bullet{
	background: rgba(255, 255, 255, 0.2);
	height: 1px !important;
}

/* HOME 
----------------------*/
.video-banner .elementor-inline-items .elementor-inline-item{
	padding: 15px 25px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 40px;
	backdrop-filter: blur(20px);
}
.elementor-widget-n-accordion .e-n-accordion-item-title-text{ color: var(--white); }

.ioverlay-box .elementor-widget-image-box:before{
	content: "";
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	width: 100%; height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.80) 100%);
	border-radius: 20px;
	z-index: 1;
}
.ioverlay-box .elementor-widget-image-box figure.elementor-image-box-img img{ width: 100%; }
.ioverlay-box .elementor-widget-image-box .elementor-image-box-content{ position: absolute; bottom: 0; padding: 30px; z-index: 1; }

.elementor-widget-n-carousel .swiper-pagination-bullet{ width: 34px!important; height: 3px!important; border-radius: 0; }
.elementor-widget-n-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 78px!important; }

.elementor-products-grid ul.products.elementor-grid li.product{ padding: 25px!important; background: #F1F6FA; border-radius: 20px; }

/* VIDEO ANIMATION
----------------------*/
.animation-video{ position: absolute!important; }
.animation-video video{ width: auto!important; }
.animation-video video.desktop{ display: block; }
.animation-video video.mobile{ display: none; }
.animation-video.video-1{ bottom: -7px; left: 0; }
.animation-video.video-1 video{ height: 489px!important; }
.animation-video.video-2{ bottom: -7px; right: 0; }
.animation-video.video-3{ bottom: 0; left: 0; }
.animation-video.video-3 video{ height: 369px!important; }
.animation-video.video-4{ bottom: 0; left: 0; }
.animation-video.video-5{ bottom: 0; left: 0; }
.animation-video.video-5 video{ height: 450px!important; }
.animation-video.video-6{ bottom: 0; left: 40px; }
.animation-video.video-6 video{ height: 312px!important; }
.animation-video.video-7{ bottom: 0; left: 0; }
.animation-video.video-7 video{ height: 750px!important; }
.animation-video.video-8{ bottom: 0; left: 0; }
.animation-video.video-8 video{ height: 750px!important; }
.animation-video.video-9{ bottom: 0; left: 0; }
.animation-video.video-9 video{ height: 750px!important; }
.animation-video.video-10{ bottom: 0; left: 0; }
.animation-video.video-10 video{ height: 489px!important; }
.animation-video.video-11{ bottom: 0; left: 0; }
.animation-video.video-11 video{ height: 750px!important; }
.animation-video.video-12{ bottom: 0; left: 0; }
.animation-video.video-12 video{ height: 750px!important; }

/* REQUEST A QUOTE & CONTACT US
--------------------------------*/
div.wpforms-container-full:not(:empty){ margin: 0!important; }
.wpforms-container .wpforms-field-layout{ padding: 0!important; }
div.wpforms-container-full .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field-label{ margin: 0 0 6px 0!important; }
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full input[type=text],
.wp-core-ui div.wpforms-container-full input[type=email],
.wp-core-ui div.wpforms-container-full input[type=tel],
.wp-core-ui div.wpforms-container-full select{
	height: 65px !important;
    border-radius: 0px !important;
    backdrop-filter: blur(20px);
    padding: 20px !important;
	font-weight: 700;
}
div.wpforms-container-full ::placeholder {
	opacity: 1 !important;
	text-transform: uppercase;
}
.wpforms-submit-container {
    text-align: center;
    margin-top: 40px !important;
}
div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full textarea{ border-radius: 10px!important; backdrop-filter: blur(20px); }
.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field{ padding: 10px 0!important; }
.wpforms-container .wpforms-field.wpforms-field-layout,
.wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-layout{ padding: 0!important; }
div.wpforms-container-full input[type=submit],
div.wpforms-container-full button[type=submit], 
.wp-core-ui div.wpforms-container-full input[type=submit],
.wp-core-ui div.wpforms-container-full button[type=submit]{
	width: 12%;
    height: 65px !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border-radius: 15px !important;
	text-transform: uppercase;
}
div.wpforms-container-full input[type=submit]:focus:after,
div.wpforms-container-full button[type=submit]:focus:after,
.wp-core-ui div.wpforms-container-full input[type=submit]:focus:after,
.wp-core-ui div.wpforms-container-full button[type=submit]:focus:after{ content: unset!important; }
div.wpforms-container-full input[type=submit]:hover,
div.wpforms-container-full input[type=submit]:active,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:active,
.wp-core-ui div.wpforms-container-full input[type=submit]:hover,
.wp-core-ui div.wpforms-container-full input[type=submit]:active,
.wp-core-ui div.wpforms-container-full button[type=submit]:hover,
.wp-core-ui div.wpforms-container-full button[type=submit]:active{ color: var(--white)!important; background-color: var(--darkcyan) !important; }

/* FOOTER
----------------------*/
.c-info .elementor-icon-box-icon{ padding-top: 5px; }
.c-info a{ color: var(--white); font-weight: 600; }
.c-info a:hover{ color: var(--darkcyan); }
.c-info.map a{ color: var(--sky); }
.c-info.map a:hover{ color: var(--darkcyan); }

/* HOVER
----------------------*/
a, a:hover, .btn, input[type=submit]{
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

/* Contact Us - Let's Connect */
.page-id-336 .lets-connect-section {
	display: none;
}
.page-id-336 .wpforms-submit-container {
	margin-top: 5px !important;
}

/* RESPONSIVE
----------------------*/
@media only screen and (max-width: 1399px) {
	h1, .h1{ font-size: 50px; }
	h2, .h2{ font-size: 40px; }
	h3, .h3{ font-size: 35px; }
	h4, .h4{ font-size: 30px; }
	h5, .h5{ font-size: 24px; }
	h6, .h6{ font-size: 18px; }
	.h1 h2{ font-size: 64px!important; }
	.elementor-products-grid ul.products.elementor-grid li.product{ padding: 20px!important; }
}
@media only screen and (max-width: 1199px) {
	h1, .h1{ font-size: 48px; }
	h2, .h2{ font-size: 38px; }
	h3, .h3{ font-size: 34px; }
	h4, .h4{ font-size: 30px; }
	h5, .h5{ font-size: 24px; }
	h6, .h6{ font-size: 18px; }
	.h1 h2{ font-size: 60px!important; }
	.elementor-products-grid ul.products.elementor-grid li.product{ padding: 15px!important; }
}
@media only screen and (max-width: 991px) {
	h1, .h1{ font-size: 46px; }
	h2, .h2{ font-size: 36px; }
	h3, .h3{ font-size: 33px; }
	h4, .h4{ font-size: 30px; }
	h5, .h5{ font-size: 24px; }
	h6, .h6{ font-size: 18px; }
	.h1 h2{ font-size: 56px!important; }

	.site-header.mobile-menu-active{ background-color: rgba(15, 27, 31, 0.80); backdrop-filter: blur(20px); }
	.site-header.mobile-menu-active:after{ content: unset; }

	.site-header .mobile-bg-trans{ background-color: transparent!important; }
	.site-header .mobile-bg-trans h2.elementor-heading-title{ color: var(--white)!important; }
	.site-header .elementor-widget-n-menu{ max-width: 0!important; }
	.site-header .elementor-widget-n-menu .e-n-menu-toggle{ background-color: transparent; background-image: unset; border-radius: 0; }
	.site-header .e-n-menu-wrapper{ padding: 40px 45px 40px 45px; background-color: #18262E!important; }
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item{ width: 100%!important; }
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item:last-child{ margin-top: 15px; }
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item .e-n-menu-title{
		padding: 25px 0;
		justify-content: space-between;
		background-color: transparent;
	}
	div.wpforms-container-full .wpforms-submit-container {
		margin-top: 20px !important;
	}
	div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit] {
		width: 100%;
	}
	.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content{ width: 100%; }
	.site-header .e-n-menu-wrapper #btn-menu{
		display: block;
		text-align: center;
		padding: 0; margin: 50px 0 0 0;
		color: var(--white)!important;
		background: unset;
		border: 0;
		border-radius: 0;
	}
	.site-header .e-n-menu-wrapper #btn-menu a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 20px 25px 20px 25px;
		font-size: 16px!important;
		font-weight: 700!important;
		line-height: 1em;
		color: var(--white)!important;
		background: linear-gradient(262deg, #25C664 0%, #369DE5 100%);
		border: 0;
		border-radius: 40px;
		text-align: center;
	}
	.site-header .e-n-menu-wrapper #btn-menu a:hover{
		color: var(--white)!important;
		background-image: linear-gradient(270deg, #369DE5 0%, #25C664 100%);
		border: 0;
		border-radius: 40px;
	}
	.site-header .e-n-menu-wrapper #btn-menu a span{ color: var(--white)!important; text-align: center; }
	.site-header .elementor-products-grid ul.products.elementor-grid li.product{
		background: rgba(241, 246, 250, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 20px;
	}
	.site-header .elementor-widget-wc-categories .woocommerce-loop-category__title{ color: var(--white)!important; }
	.site-header .elementor-widget-wc-categories .woocommerce-loop-category__title .count{ color: var(--white)!important; }
	.site-header .elementor-widget-image-box{ width: 100%; margin-bottom: 10px; }
	.site-header .ioverlay-box .elementor-widget-image-box{ width: 100%; margin-bottom: 10px; }
	.ioverlay-box .elementor-widget-image-box{ width: 100%; }

	.animation-video{ position: relative!important; bottom: 0!important; left: 0!important; right: 0!important; }
	.animation-video video.desktop{ display: none; }
	.animation-video video.mobile{ display: block; }
	.animation-video video{ width: 100%!important; height: auto!important; }
	.animation-video.video-1 video, .animation-video.video-3 video,
	.animation-video.video-5 video, .animation-video.video-6 video,
	.animation-video.video-7 video, .animation-video.video-8 video,
	.animation-video.video-9 video, .animation-video.video-10 video,
	.animation-video.video-11 video, .animation-video.video-12 video{ height: auto!important; }
	
	.site-header .menu-icon-text .elementor-image-box-content {
		width: fit-content !important;
	}
	.site-header .menu-icon-text .elementor-image-box-wrapper {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
}
@media only screen and (max-width: 767px) {
	h1, .h1{ font-size: 44px; }
	h2, .h2{ font-size: 34px; }
	h3, .h3{ font-size: 32px; }
	h4, .h4{ font-size: 30px; }
	h5, .h5{ font-size: 24px; }
	h6, .h6{ font-size: 18px; }
	.h1 h2{ font-size: 52px!important; }

	.site-header .e-n-menu-wrapper{ padding: 40px 40px 40px 40px; }
	.video-banner .elementor-inline-items .elementor-inline-item{ width: 100%; margin-bottom: 15px; }

	/* Industry page specific */
	.industry-block-2-video{
		position: unset !important;
	}

	/* hide on mobile */
	.grediant-mobile-hiden::before{ display: none !important;}
	.gradiant-left-most-mob::before{
		left: -50% !important;
	}
	.gradiant-spot-1{
		width: 146.822px !important;
		height: 146.814px !important;
	}

}
@media only screen and (max-width: 575px) {
	h1, .h1{ font-size: 42px; }
	h2, .h2{ font-size: 32px; }
	h3, .h3{ font-size: 30px; }
	h4, .h4{ font-size: 26px; }
	h5, .h5{ font-size: 24px; }
	h6, .h6{ font-size: 18px; }
	.h1 h2{ font-size: 50px!important; }
	.site-header .e-n-menu-wrapper{ padding: 30px 20px 30px 20px; }
	
	div.wpforms-container-full .wpforms-field-row-block {
		width: 100% !important;
		padding: 0 !important;
	}
	div.wpforms-container-full .wpforms-field-row.wpforms-field-large {
		flex-direction: column;
	}
	div.wpforms-container-full .wpforms-field-row-block.wpforms-first.wpforms-one-half {
		padding-bottom: 20px !important;
	}
}
@media only screen and (max-width: 480px) {
}