/*
Theme Name: JD Teck
Theme URI: https://jdteck.com/
Author: Sage Digital Agency
Author URI: https://sage.agency/
Description: JD Teck 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: jdteck

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

/* COLOR
-----------------------*/
:root {
	--parrot: #25C664;
	--blue: #10466E;
	--sky: #369DE5;
	--body: #0F1B1F;
	--black: #000000;
	--white: #ffffff;
	--gray: #d3d3d3;
}

/* MAIN STYLESHEET
----------------------*/
body,html{ overflow-x: hidden; }
body{
	font-family: "Funnel Sans", sans-serif;
	font-size: 16px;
	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: "Funnel Sans", sans-serif;
	font-style: normal;
	color: var(--body);
}
h1, .h1{ font-size: 68px; font-weight: 500; line-height: 100%; letter-spacing: -2.72px;}
h2, .h2{ font-size: 48px; font-weight: 500; line-height: 100%; }
h3, .h3{ font-size: 38px; font-weight: 600; line-height: 100%; }
h4, .h4{ font-size: 26px; 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{
	background: linear-gradient(262deg, #25C664 0%, #369DE5 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
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(--parrot); 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%; }

.font-18{ font-size: 18px; font-weight: 500; letter-spacing: -0.36px; }

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

/* left and right lines */
.left-line, .right-line, .title-line{ display: none; }

.grediant-right-top::before{
	top: -50% !important;
}

.gradiant-spot-1::before{
	content: "";
	background: #35A0DD;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	opacity: 0.4 !important;
	width: 270.395px !important;
	height: 270.395px !important;
	filter: blur(67.86752319335938px);
	transform: rotate(56.513deg);
	position: absolute !important;
}
.gradiant-spot-2::after{
	content: "";
	width: 288.556px !important;
	height: 288.556px !important;
	transform: rotate(56.512deg);
	flex-shrink: 0;
	border-radius: 288.556px;
	opacity: 0.2;
	background: #26C36C;
	filter: blur(125px);
	position: absolute !important;
}

/* why us */
.why-us-right-equipment > div{
	z-index: 1;
}
.why-us-right-equipment::after {
	left: 60% !important;
	z-index: 0;
}
.why-us-right-equipment::before {
	left: 50% !important;
	z-index: 0;
}

/* FAQs */
.page-id-330 .faqs-contents .elementor-widget-n-tabs .e-n-tabs-heading{
	padding-top: 110px;
}


/* 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(--parrot);
	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; }


/* 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: 55px!important;
	border-radius: 10px!important;
	backdrop-filter: blur(20px);
}
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: 6px 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: 100%; height: 55px!important;
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 700!important;
	line-height: 1!important;
}
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(--orange)!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(--parrot); }
.c-info.map a{ color: var(--sky); }
.c-info.map a:hover{ color: var(--parrot); }

/* 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: 64px; }
	h2, .h2{ font-size: 46px; }
	h3, .h3{ font-size: 38px; }
	h4, .h4{ font-size: 26px; }
	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: 60px; }
	h2, .h2{ font-size: 44px; }
	h3, .h3{ font-size: 38px; }
	h4, .h4{ font-size: 26px; }
	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: 56px; }
	h2, .h2{ font-size: 42px; }
	h3, .h3{ font-size: 38px; }
	h4, .h4{ font-size: 26px; }
	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;
	}
	.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; }
}
@media only screen and (max-width: 767px) {
	h1, .h1{ font-size: 52px; }
	h2, .h2{ font-size: 40px; }
	h3, .h3{ font-size: 38px; }
	h4, .h4{ font-size: 26px; }
	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: 50px; }
	h2, .h2{ font-size: 38px; }
	h3, .h3{ font-size: 38px; }
	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; }
}
@media only screen and (max-width: 480px) {
}