/*-----------------------------------*/
/*Home Page/*
/*-----------------------------------*/

/* home page Hero */
.home .swiper.swiperHeroSection {
    height: 100svh;
}

.home .swiperHeroSection .swiper-slide {
    overflow: hidden;
    position: relative;
	width: 100% !important;
}

.home .swiperHeroSection .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Styling for Bullet Dots */
.home .swiper-pagination-bullets2 {
    position: absolute;
    bottom: 17px !important;
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: right;
    max-width: 1600px;
    padding: 0px 50px;
}

.home .swiper-pagination-bullets2 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 8px;
    background-color: white;
    border-radius: 0;
    transition: background-color 0.4s;
}

.home .swiper-pagination-bullets2 .swiper-pagination-bullet-active {
    background-color: var(--e-global-color-accent);
}

.home .swiper-pagination-bullets2:before {
    content: "";
    height: 1px;
    width: calc(75% - 100px);
    display: block;
    background: var(--e-global-color-accent);
}

@media screen and (max-width: 1366px) {
    .home .swiper-pagination-bullets2:before {
        width: calc(55% - 80px);
    }
}

@media screen and (max-width: 1024px) {
    .home .swiper-pagination-bullets2 {
        padding: 0px 40px;
    }

    .home .swiper-pagination-bullets2:before {
        width: 100%;
        flex-shrink: 5;
    }
}

@media screen and (max-width: 767px) {
    .home .swiper-pagination-bullets2 {
        padding: 0px 20px;
    }

    .home .swiper-pagination-bullets2 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .hero .hero-image {
        height: 40vh;
        position: relative;
    }

    .swiper.swiperHeroSection {
        max-height: 40vh;
    }
}

/*Home page Product search*/


.home .polygon-bg {
    overflow: hidden;
}

/* .home .polygon-bg:before {
    content: "";
    width: 100%;
    clip-path: var(--angled-edge-mask);
    position: absolute;
    height: 100%;
    background: white !important;
}
 */
.home .polygon-bg:before {
    content: "";
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
    clip-path: polygon(10.5% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
    background: #FFFF;
	transform: translate(1px, 0px);
}



/* .bg-blur {
    backdrop-filter: blur(10px);
} */






/* Homepage Product Category links */
.home-hvac-cat .home-product-cat-item span {
    display: flex;
    gap: 20px;
    align-items: center;
    width: fit-content;
    font-family: var(--font-stack-heading);
    font-size: 1.35rem;
    color: white;
    transition: all 0.4s ease-out;
}

.home-hvac-cat .home-product-cat-item span:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-image: url(/wp-content/uploads/2024/11/icon-polygon-primary.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 55%;
    transition: all 0.4s ease-out;
}

.home-hvac-cat .home-product-cat-item span:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-top: 3px;
    background-image: url(/wp-content/uploads/2024/11/icon-triangle-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
}



.home-hvac-cat .home-product-cat-item:hover span:before {
    transform: rotate(180deg);
}

.home-hvac-cat .home-product-cat-item:hover span {
    color: var(--e-global-color-accent);
}

.home-hvac-cat .home-product-cat-item:hover span:after {
    margin-left: 12px;
}

@media screen and (max-width: 1366px) {
    .home-hvac-cat .home-product-cat-item span {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 767px) {
	.home-hvac-cat {
    	background-image: none !important;
    }
	
	
    .home-hvac-cat .home-product-cat-item span:before {
        width: 12px;
        height: 12px;
    }

    .home-hvac-cat .home-product-cat-item span:after {
        width: 8px;
        height: 8px;
    }

}

/* adjust mac / laptop screen size */
@media screen and (min-width: 1366px) and (max-width: 1750px) {
  .home-hvac-cat .e-con-inner.elementor-motion-effects-parent {
    padding-bottom: 700px !important;
  }
}

/*-----------------------------------*/
/*END OF Home Page/*
/*-----------------------------------*/