@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ncgbuild.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(30,30,30);
	--wd-text-font-size: 18px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(23,41,87);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(23,41,87);
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1380px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1380px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-content-layout {
    padding-block: 0;
}
.wd-prefooter {
    padding-bottom: 0!important;
}
.whb-header a.btn.btn-style-default{
	clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
}
a.btn.btn-style-default {
	padding: 14px 24px;
	color: #fff;
	background-color: #172957;
	text-decoration: none;
	transition: background-color 0.3s;
	font-size: 17px;
	border: 1px solid #172957;
}
a.btn.btn-style-default:hover,
.transparent a.btn.btn-style-default{
    background-color: #000000;
	border-color:#000000;
}
.transparent a.btn.btn-style-default {
    background: unset;
    border: 1px solid #ffffff;
}
.custom-footer span.elementor-icon-list-icon svg {
    border: 1px solid #ffffff;
    padding: 6px;
    border-radius: 50px;
}
.wd-social-icons>a {
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
}
.custom-bg-nav {
	position: absolute;
	right: 20px;
	display: flex;
	gap: 10px;
	z-index: 10;
}
.bg-dot {
	width: 12px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}
.bg-dot.active {
    background-color:#ffffff;
    transform: scale(1.3);
}
.wd-title-style-simple .liner-continer:after{
    content: "";
    position: absolute;
    top: 100%;
    height: 6px!important;
    background-color: #172957!important;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.why-us .wd-info-box {
    border: 1px solid #dddddd;
    padding: 40px;
	transition: transform 0.6s ease;
}
.service-why .wd-info-box{
	background-color:#ffffff;
	padding: 40px;
	transition: transform 0.6s ease;
}
.why-us .info-box-icon,
.service-why .wd-info-box .info-box-icon{
    width: 80px;
    background: #172957;
    clip-path: polygon(0 0, 100% 10%, 90% 100%, 0% 90%);
    display: flex;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: visible;
    border-radius: 0;
	padding: 14px!important;
	transition: transform 0.6s ease;
}
.service-why .wd-info-box:hover .info-box-icon{
    background:#172957;
	transform: rotate(360deg);
}
.why-us .wd-info-box:hover .info-box-icon{
    background:#ffffff;
	transform: rotate(360deg);
}
.why-us .wd-info-box:hover .info-box-icon img{
    filter:unset;
}
.why-us .info-box-icon img,
.service-why .info-box-icon img{
    filter: brightness(43.5);
}
.why-us .wd-info-box:hover {
	background-color: #172957;
	transition: transform 0.6s ease;
}
.why-us .wd-info-box:hover h3 {
	color: #ffffff;
}
.why-us .wd-info-box:hover p {
	color: #ffffff;
}
.wd-nav-arrows {
    gap: 10px !important;
}
.wd-arrow-inner {
	background-color: #ffffff!important;
	clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
	padding: 27px !important;
}
.wd-arrow-inner:after {
	font-size: 27px;
	color: #172957;
}
.promo-banner {
	clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
}
.promo-banner .wrapper-content-banner {
    padding: 0!important;
}
.promo-banner .banner-title {
    background-color: #000000;
    padding: 16px 30px;
    max-width: 80%;
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
}
.white-heading .wd-title-style-simple .liner-continer:after,
.inner-pg-title .wd-title-style-simple .liner-continer:after{
    background-color: #ffffff !important;
}
.lft .wd-title-style-simple .liner-continer:after {
    left: 0 !important;
}
.wd-grid-g {
  display: grid;
  grid-template-columns:repeat(3, 1fr);
  gap: 20px;
}
.wd-gallery-item {
  width: 100%;
  aspect-ratio: 2 / 1; /* Makes all containers the same shape */
  overflow: hidden;
  position: relative;
}
.wd-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This makes the image fill the container and crop as needed */
  object-position: center;
  display: block;
}
.scrollToTop {
    color: #182a58!important;
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
    border-radius: 0!important;
    font-size: 20px!important;
}
/* Put the footer and avatar side-by-side at the bottom */
.testimonial-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
	    background-color: #ffffff;
    padding:60px 20px 60px;
    clip-path: polygon(2% 0, 97% 0, 100% 100%, 0% 100%);
}
.testimonial-inner::before {
    content: '';
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    background-image: url('https://ncgbuild.com/wp-content/uploads/2025/05/inverted-commas-svgrepo-com.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.testimonial-avatar {
position: absolute;
    bottom: 3px;
    left: 29%;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    transform: translateX(-50%);
}

.testimonial-avatar img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

/* Adjust footer to sit next to avatar at bottom left */
.testimonial-content footer {
	position: absolute;
	bottom: 16px;
	left: 50%;
	display: flex;
	align-items: center;
	transform: translateX(-50%);
	font-family: 'Montserrat';
	font-weight: 700 !important;
	color: #172957 !important;
}

/* Optional: Add spacing between quote and avatar+name */
.testimonial-content {
  padding-bottom: 30px;
	font-style: italic;
}
.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
	border-color: #ffffff!important;
	background-color: #ffffff!important;
}
.wd-nav-pagin-wrap[class*="wd-style-shape"] span {
	border-color:#ffffff!important;
}
.cs-process .info-box-icon {
    font-size: 20px;
    color: #ffffff;
    background-color: #172957;
    padding: 10px;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.step .wd-info-box:after {
    content: "";
    position: absolute;
    background-image: url(https://ncgbuild.com/wp-content/uploads/2025/05/arrow-down-svgrepo-com-1.svg);
    width: 40px;
    height: 40px;
    bottom: -26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 17px;
    overflow: visible;
}
.cs-process .elementor-widget-image img {
    transform: rotate(-2deg) skew(-2deg, 1deg);
}
.cs-team .wd-info-box {
    padding: 20px;
}
.cs-team .wd-info-box:hover {
    background-color: #f0f5f8;
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
}
.wd-accordion-title {
    background-color: #172957;
    padding: 15px 25px;
}
.wd-accordion-content{
	background-color: #172957;
	padding: 15px;
	border-top: 1px solid #ffffff21;
}
.wpcf7{
	background-color: #172957;
	padding: 40px;
	clip-path: polygon(0 1%, 100% 0, 100% 98%, 0% 100%);
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select{
	border: 0;
	background-color: #ffffff;
	font-size: 15px;
	transition: border-color .5s ease;
	color: #172957;
	font-weight: 700;
}
label {
	color: #ffffff;
	font-weight: 700;
}
textarea {
	min-height: 90px!important;
}
.row.sng-label label {
    margin-bottom: -20px;
}
input.wpcf7-form-control.wpcf7-file {
    color: #ffffff;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    background-color: #ffffff;
    box-shadow: unset;
    color: #172957;
    font-size: 18px;
    padding: 15px;
    font-weight: 700;
    letter-spacing: 0 !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #000000;
    color: #ffffff;
}
input[type='text']::placeholder{
 font-weight: 700;
}
input[type='number'] {
    text-align: left;
    padding-left: 15px;
}
.speciality .promo-banner {
    clip-path: unset;
}
.cs-contactpage li.elementor-icon-list-item{
    padding: 15px;
    border: 1px solid #dddddd;
}@media (min-width: 1025px) {
	.custom-bg-nav {
	bottom: -250px;
}
.wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a:after {
    color: rgb(23 41 87)!important;
    font-size: 13px!important;
}
.wd-title-style-simple .liner-continer:after{
    left: calc(50% - 60px)!important;
    width: 150px!important;
}
.why-us .wd-info-box {
	min-height:370px;
}
.testimonial-inner{
    min-height: 299px;
}
.service-why .wd-info-box {
    min-height: 470px;
}
.wd-dropdown {
    margin-top:0px!important;
    box-shadow: unset;
}
.wd-nav-main>li>a {
    height: 90px!important;
}
.whb-sticked .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
    margin-top: 0px;
}
.wd-sub-menu li>a {
    color: #333339;
    text-transform: uppercase;
    font-weight: 600;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.wd-grid-g {
    grid-template-columns: repeat(2, 1fr);
  }
.custom-bg-nav {
	bottom:0px;
	left: 0;
}
.why-us .wd-info-box {
    padding: 20px!important;
}
.services .wd-title-style-simple .liner-continer:after {
	left: 50% !important;
	transform: translateX(-50%);
}
.services .title-wrapper.text-left{
	text-align: center;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-grid-g {
	grid-template-columns: repeat(2, 1fr);
}
.custom-bg-nav {
	bottom:0px;
	left: 0;
}
.why-us .wd-info-box {
    padding: 20px!important;
}
.services .wd-title-style-simple .liner-continer:after {
	left: 50% !important;
	transform: translateX(-50%);
}
.services .title-wrapper.text-left{
	text-align: center;
}
}

@media (max-width: 576px) {
	.services .title-wrapper.text-left{
	text-align: center;
}
.wd-grid-g {
	grid-template-columns: repeat(2, 1fr);
}
.services .wd-title-style-simple .liner-continer:after {
	left: 50% !important;
	transform: translateX(-50%);
}
.custom-bg-nav {
    right: unset;
    left: 15px;
}
.we-do .title-wrapper.text-center {
    text-align: left;
}
.we-do  .wd-title-style-simple .liner-continer:after{
left:0;
}
.wpcf7 {
    padding: 25px!important;
    clip-path: polygon(0 0%, 100% 0, 100% 98%, 0% 100%)!important;
}
.buildservices .promo-banner {
    clip-path: unset;
}
.wd-toolbar {
	gap: 0;
	border-radius: 0;
	width: 100%;
	margin: 0;
	box-shadow: unset !important;
	padding: 0 !important;
	height: unset !important;
	bottom: -1px!important;
}
.wd-toolbar-link {
  flex: 1;
}
.wd-toolbar-link a {
  display: block;
  padding: 30px 24px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
}
.wd-toolbar>a, .wd-toolbar>div a,
.wd-tools-element>a{
     height:unset!important; 
}
/* .wd-toolbar-icon {
  display: none !important;
} */
.wd-tools-custom-icon .wd-custom-icon{
    top: -20px;
}
.wd-toolbar-link:first-child a {
  background-color:#ffffff;
	    color: #000000;
}
.wd-toolbar-link:last-child a {
	background-color: #222222;
	color: #ffffff;
}
.wd-toolbar-label {
    bottom: 11px!important;
    font-size: 16px!important;
}
.wd-header-mobile-nav.wd-style-text .wd-tools-text {
	color:#000000 !important;
}
.wd-toolbar-link .wd-custom-icon {
    min-width: -webkit-fill-available!important;
}
.wd-toolbar-link:first-child img {
    filter: invert(1);
}
}