@font-face {
    font-family: 'Gotham';
    src: url('../assets/fonts/Gotham/Gotham-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../assets/fonts/Gotham/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../assets/fonts/Gotham/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../assets/fonts/Gotham/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../assets/fonts/Gotham/Gotham-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.uvc-sub-heading a,
p a {
	color: inherit;
}
.home .social_icons_section {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
*{font-family: 'Gotham', sans-serif;}
.gotham{font-family: 'Gotham', sans-serif;}
.light{font-weight: 300;}
.book{font-weight: 400;}
.medium{font-weight: 500;}
.bold{font-weight: 700;}
.black{font-weight: 900;}


/* Colors Utility Classes */
:root{
    --pri-color:#EB7305;
    /* --sec-color: #F37622;
    --yellow-color: #FF9900;
    --green-color: #A6DD07;  */
    --lightgrey-color:#444444;
    --grey-color:#212121;
    --darkgrey-color:#171717;
    --black-color: #000000;
    /* --text-color: #444444; */
    --white-color: #ffffff;
}

/* Colors & BG colors utility classes */
.color-pri{color:var(--pri-color)}
.bg-pri{background-color:var(--pri-color)}

/* .color-sec{color:var(--sec-color)}
.bg-sec{background-color:var(--sec-color)} */

.color-lightgrey{color:var(--lightgrey-color)}
.bg-lightgrey{background-color:var(--lightgrey-color)}

.color-grey{color:var(--grey-color)}
.bg-grey{background-color:var(--grey-color)}

.color-darkgrey{color:var(--darkgrey-color)}
.bg-darkgrey{background-color:var(--darkgrey-color)}

.color-transparent{color: transparent;}


/* Font Sizes Utility Classes */
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs32{font-size:32px;}
.fs36{font-size:36px;}
.fs48{font-size:48px;}
.fs60{font-size:60px;}
.fs75{font-size:75px;}
.fs85{font-size:85px;}
.fs90{font-size:90px;}
.fs100{font-size:100px;}
.fs120{font-size:120px;}

@media screen and (max-width:1024px){
    .fs18{font-size:16px;}
    .fs20{font-size:17px;}
    .fs22{font-size:18px;}
    .fs24{font-size:20px;}
    .fs26{font-size:20px;}
    .fs28{font-size:22px;}
    .fs32{font-size:24px;}
    .fs36{font-size:28px;}
    .fs48{font-size:32px;}
    .fs60{font-size:36px;}
    .fs75{font-size:42px;}
    .fs85{font-size:46px;}
    .fs90{font-size:52px;}
    .fs100{font-size:58px;}
    .fs120{font-size:64px;}
}

h2{font-weight: 400!important;}
/* Z-Index Utility Classes */
.zi0{z-index: 0;}
.zi1{z-index: 1;}
.zi2{z-index: 2;}
.zi3{z-index: 3;}

/* Text decoration Utility Classes */
.underline{text-decoration: underline;}
.lh1{line-height: 1em;}

/* Unsetting default html styles */
a {border: none;}
a:not(.underline){text-decoration: none!important;}
a:visited,a:hover,a:focus,a:active {
    color: inherit; 
    text-decoration: none; 
    outline: none; 
}
p{margin-bottom: 0!important;}
button{border: none; outline: none;}
#page{overflow-x:hidden;}
.page,.post{margin:0!important;}
@media screen and (max-width: 767px) {
  .container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container-fluid {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media screen and (min-width: 1024px) {
  .container-fluid {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}


/* Header CSS */
.nav-wrapper{
    height: 0px;
}

#header-nav {
    position: relative; /* Initially set to relative */
    transition: all 0.3s; /* Smooth transition */
    z-index: 1000; /* Ensure it appears above other elements */
}

.custom-sticky {
    position: fixed!important; /* Make it sticky */
    top: 0; /* Stick to the top */
    width: 100%; /* Full width */
    background-color: #151515!important;
     transition: all 0.3s ease;
}
body:not(.home) .navbar {
	background: #151515;
}
body:not(.home) #menu-header-menu li a.nav-link {
	color: #ffffff !important;
}
@media screen and (max-width:1200px){
    #header-nav{
        background-color: #151515;
    }
	.navbar-toggler {
		border-color: #ffffff !important;
	}
	#menu-header-menu {
		margin-left: 0 !important;
	}
	#menu-header-menu li a.nav-link {
		color: #ffffff !important;
	}
	span.navbar-toggler-icon {
		filter: invert(1);
	}
}

#menu-header-menu{
    column-gap: 60px;
}
#menu-header-menu li a.nav-link{
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    width: fit-content;
}

#menu-header-menu li a.nav-link::before {
  content: url('../assets/images/menu-marker.svg');
  position: absolute;
  bottom: 0;
  display: block;
  overflow: hidden;
  width: 0%;
  border-radius: 10px;
  transition: all 0.7s ease;
  /* margin-left: auto; */
  /* margin-right: 0; */
  right: 0;
  left: auto;
}
#menu-header-menu li a.nav-link:hover::before,#menu-header-menu li a.nav-link.active::before {
  width: 100%;
  transition: all 0.7s ease;
  /* margin-left: 0; */
  /* margin-right: auto; */
  right: auto;
  left: 0;
  transform: translateX(30%);
}

/* Buttons */
button, button *{transition: all 0.3s ease;}
.btn-large{ padding: 12px 75px; }
.btn-small{ padding: 12px 35px; }
@media screen and (max-width:767px){
    .btn-large{ padding: 12px 35px; }
    .btn-small{ padding: 12px 20px; }
}
.btn-full{width:100%; padding:12px;}
.btn-pri{
    border: 1px solid var(--grey-color);
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}
.btn-pri span{
    color: var(--white-color);
    z-index: 1;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-pri::after{
    content: '';
    position: absolute;
    z-index: 0;
    width: 0px;
    height: 0px;
    background-color: var(--darkgrey-color);
    top: auto;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 999px;
    transition: all 0.3s ease!important;
}
.btn-pri:hover::after{
    width: 120%;
    height: 300px;
    transition: all 0.3s ease!important;
}
.btn-pri:hover{
    border-color: var(--pri-color);
}



.btn-sec{
    border: 1px solid var(--pri-color);
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}
.btn-sec span{
    color: var(--white-color);
    z-index: 1;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-sec::after{
    content: '';
    position: absolute;
    z-index: 0;
    width: 0px;
    height: 0px;
    background-color: var(--pri-color);
    top: auto;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 999px;
    transition: all 0.3s ease!important;
}
.btn-sec:hover::after{
    width: 120%;
    height: 300px;
    transition: all 0.3s ease!important;
}
.btn-sec:hover{
    background: var(--pri-color)!important;
    border-color: var(--darkgrey-color);
}



.btn-white{
    border: 1px solid var(--pri-color);
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}
.btn-white span{
    color: var(--pri-color);
    z-index: 1;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-white::after{
    content: '';
    position: absolute;
    z-index: 0;
    width: 0px;
    height: 0px;
    background-color: var(--darkgrey-color);
    top: auto;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 999px;
    transition: all 0.3s ease!important;
}
.btn-white:hover::after{
    width: 120%;
    height: 300px;
    transition: all 0.3s ease!important;
}
.btn-white:hover{
    background: var(--pri-color)!important;
    border-color: var(--darkgrey-color);
}

.btn-div a{
    display: inline-block;
    width: fit-content!important;
}
button{
    display: flex;
    justify-content: center;
    align-items: center;
}
button .btn-text, {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.submit-button-main{
	width:100%!important;
	margin:0px!important;
	background-color:var(--darkgrey-color);
	border-radius:0px!important;
	font-size:16px!important;
}
.happyforms-modal__form-container form{padding-left:5px!important;}
/* WYSIWYG Editor Content */
.wysiwyg-content p{
opacity: 0.9;
}


/* FOOTER STYLES */
footer ul{
    margin: 0!important;
}
#footer-form .happyforms-part--email{
	margin: 0!important;
	flex:1!important;
	padding:0px!important;
}
#footer-form .happyforms-part--submit{
	width:fit-content!important;
	
	padding:0px!important;
}
#footer-form input{
	margin:0!important;
}
#footer-form .happyforms-flex{
	flex-direction:row!important;
	flex-wrap:nowrap!important;
	border: 1px solid #FFFFFF!important;
	border-radius:0px!important;
	padding: 2px 5px!important;
	align-items:center!important;
	position:relative;
}
#footer-form input[type="email"]{
	color:white!important;
}
#footer-form input[type="email"]{
	outline:none!important;
	border:none!important;
}
#footer-form .happyforms-message-notices {
	position:absolute!important;
	top:100%;
	left:0%;
	margin-top:5px!important;
}
#footer-form .happyforms-flex *,.happyforms-styles input[type=submit].happyforms-button--submit, .happyforms-styles input[type=submit][disabled].happyforms-button--submit{
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;
}
.contact_forms,
.product_cards_modern,
.customer_reviews_slider_section > div:first-of-type,
.image_content_section {
	background: url('/wp-content/uploads/2025/04/windows-bg-min.jpeg');
	background-size: cover;
}
.product_cards_modern h1 {
	color: #ffffff !important;
}
.image_content_section .content {
	background: #212121;
	border: 1px solid #404040;
	padding: 24px;
}
.image_content_section .image_wrapper {
	width: 100%;
}
.image_content_section .image_wrapper img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}
.image_content_section .row > div:first-of-type {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.image_content_section .content,
.image_content_section .wysiwyg-content p {
	color: #ffffff;
}
.contact_forms label span,
.contact_forms h2,
.contact_forms label {
	color: #ffffff !important;
}
.image_content_section h2 {
	color: #ffffff;
}
#page > section.image_content_section:nth-of-type(2n),
.general_content_and_button_section,
.product_types.my-5 {
	background: url('/wp-content/uploads/2025/04/background-windows-1-min.jpeg');
	background-color: rgba(255,255,255,0.8);
	background-blend-mode: overlay;
	background-size: cover;
	margin: 0 !important;
	padding: 5rem 0 !important;
}
.icon_list_card .dashicons {
	width: auto;
	height: auto;
}
.general_content_and_button_section.my-5,
.general_content_and_button_section {
	margin: 0 !important;
	padding: 64px 0 !important;
}
.colored_image_content .container-fluid {
	padding: 0 !important;
}
.reviews_slider .swiper-slide {
	padding: 16px;
	background: #ffffff;
}
.customer_reviews_slider_section .swiper-button-next::after,
.customer_reviews_slider_section .swiper-button-prev::after {
	color: #ffffff !important;
}
footer > section:nth-of-type(2) {
	background: #151515;
}
footer .dashicons {
	color: #ffffff;
}
.background_slider_hero h1 {
	margin-top: 16px;
}
.contact_forms .container-fluid {
	max-width: 1000px;
	margin: 0 auto;
}
button,
.btn-pri {
	display: inline-block !important;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}
.product_item {
	text-align: center;
}
@media all and (max-width: 992px) {
	.image_content_section .row > div:first-of-type {
		padding-top: 0 !important;
	}
}