* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-collapse: collapse;
  
}

:root{
    --underline-color: #E02725;
    --table-border-color: #CFCFCF;
    --dark-gray-color: #464646;
    --black-color: black;
    --white-color: white;
    --lighter-gray-color: #D9D8D8;
    --bluish-gray-color: #F2F2F2;
    --bluish-gray-border: #EAEAEA;
    --button-color: #E8E8E8;
;
}


@font-face {
  font-family: Be-Vietnam-Pro;
  src: url("../fonts/Be_Vietnam_Pro/BeVietnamPro-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: Outfit-Regular;
  src: url("../fonts/Outfit/Outfit-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: Outfit-SemiBold;
  src: url("../fonts/Outfit/Outfit-SemiBold.ttf");
  font-weight: 600;
}

html, body {
  font-family: Outfit-Regular!important;
  overflow-x: hidden;
}

.window-para{
   font-family: Be-Vietnam-Pro; 
font-weight: 400;
font-size: 17px;
line-height: 28px;
letter-spacing: 0;
text-align: center;
}

.window-description-section, .window-features-benefits-section, .windows-products-section, .windows-testimonials-section, .windows-get-in-touch-section, .windows-locate-us-section, .latest-blogs-section, .window-faq-section{
   margin: 50px 0;
    display: inline-block;
    width: 100%;
}

.shop-now-section{
   margin-top: 50px;
    display: inline-block;
    width: 100%;
}

.window-title .section-left-title, .window-title .section-center-title{
 font-family: "Bebas Neue", sans-serif;
font-weight: 400;
  font-size: 78px;
line-height: 72px;
letter-spacing:0;
position: relative;
padding: 0 10%;
text-align: left;
color: var(--black-color);
width: auto;
display: block;
padding-bottom: 5px;
}

.description-para{
    padding: 5px 30px;
}

.window-features-benefits-section .container-fluid{
    padding: 0;
}

.feature-row{
    border: 1px solid var(--lighter-gray-color);
    border-left: 0;
    border-right: 0;
    margin: 40px 0;
}

.window-title .section-left-title::before, .window-title .section-center-title::before{
    content: "";
width: 4px;
height: 35px;
background-color: var(--underline-color);
position: absolute;
top:50%;
left: 15%;
transform: translate(-35%, -50%);
}

.window-title .section-center-title::after{
       content: "";
width: 4px;
height: 35px;
background-color: var(--underline-color);
position: absolute;
left: auto;
top:50%;
right: 17%;
transform: translate(-50%, -50%);
}


.window-features-benefits-section .feature-row .col-lg-3{
   border-right: 1px solid var(--lighter-gray-color);
   margin: 3% 0;
}

.window-features-benefits-section .feature-row .feature-content{
     margin: 40px 15px 20px 15px;
}

.window-features-benefits-section .feature-row > .col-lg-3:last-child {
    border-right: 0;
}

.window-features-benefits-section .feature-content h5{
font-weight: 400;
font-family: "Bebas Neue", sans-serif;
font-size: 31px;
line-height: 34px;
}

.window-features-benefits-section .feature-content img{
    padding: 11% 0;
    width: 60px;
height: 100%;
}

.window-features-benefits-section .feature-content p{
    text-align: justify;
   font-size: 15px;
   color:#464646;
}

.window-title .section-center-title{
text-align: center;
}

.window-title .section-center-title::before{
left: 17%;
transform: translate(-30%, -50%);
}

.latest-blogs-slider-arrows{
  position: relative;
}

 .windows-products-swiper-prev-button,
.windows-products-swiper-next-button {
  position: absolute;
  top: 40%;
  transform: translateY(40%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}


 .windows-products-swiper-prev-button {
  left: 0;
}

.windows-products-swiper-next-button {
  right: 0;
}

.windows-products-swiper-prev-button img,
.windows-products-swiper-next-button img{
  width:50px;
}

.products-img, .products-img img{
  position: relative;
  width: 100%;
 height: 360px;
 object-fit: cover;
}

.windows-products-section .products-slide{
    height: 100%;
}

.products-slide .product-name{
  position: absolute;
  bottom: 1%;
  left:2%;
  padding: 20px;
  padding-bottom: 0;
}

.product-name h3{
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
/*font-size: 31px;*/
font-size: 26px;
line-height: 40px;
letter-spacing: 0;
color: var(--white-color);
}

.windows-products-section .product-description p{
  color: var(--dark-gray-color);
  text-align: justify;
  padding: 20px;
  font-weight:400;
      min-height: 320px;
      font-size: 15px;
      margin-bottom: 10px;
}

.btn-div{
  display: flex;
  align-items: center;
  justify-content: start;
  padding-left: 20px;
  text-decoration: none;
}

.btn-div h6{
  padding: 10px 28px;
border-radius: 50px;
background-color: var(--button-color);
color: var(--black-color);
font-family: Outfit-Regular;
font-weight: 500;
font-size: 18px;
line-height: 30px;
background-color: var(--button-color);
margin-bottom: 0;
}

.btn-div div{
  background-color: var(--black-color);
  width: 45px;
height: 45px;
border-radius: 50%;
position: relative;
}

.btn-div div img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
height: 24px;
}

.windows-testimonials-section .testimonial-thumbnail{
  position: relative;
  cursor: pointer;
}

.windows-testimonials-section .testimonial-thumbnail img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.windows-testimonials-section .testimonial-thumbnail .overlay{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.windows-testimonials-section .testimonial-text{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
}

.windows-testimonials-section .testimonial-text h5{
  margin-bottom: 0;
  font-family: Outfit-SemiBold;
font-weight: 600;
font-size: 23px;
line-height: 30px;

}

.windows-testimonials-section .testimonial-text span{
  width: 96px;
height: 1px;
background-color: var(--black-color);
margin-left:15px;
}

.windows-get-in-touch-section .get-in-touch-row{
  border: 1px solid var(--lighter-gray-color)
}

.windows-get-in-touch-section .get-in-touch-row .window-title .section-left-title{
  padding-left: 5%;
}

.windows-get-in-touch-section .get-in-touch-row .window-title .section-left-title::before{
  left: 0%
}

.windows-get-in-touch-section .get-in-touch-row .get-in-touch-img-1 img, .get-in-touch-row .get-in-touch-img-2 img{
height: 778px;
object-fit: cover;
}

.get-in-touch-img-2, .get-in-touch-img-2 img{
  position: relative;
}

.get-in-touch-img-2 .img-2-content{
position: absolute;
top: 0%;
left: 0%;
transform: translate(0);
padding: 25px 22px;
}

.get-in-touch-img-2 .img-2-content h2{
  color: var(--white-color);
  font-family: Bebas Neue, sans-serif;
    font-weight: 400;
    font-size: 65px;
    line-height: 72px;
}

.get-in-touch-img-2 .img-2-content h6{
font-weight: 400;
font-size: 18px;
font-family:Be-Vietnam-Pro;
line-height: 28px;
text-align:justify;
color: var(--white-color);
}

.get-in-touch-form .form-control{
  border: 1px solid var(--lighter-gray-color);
  border-radius: 0;
  padding: 20px 15px;
      font-family: Outfit-Regular;
      color: var(--dark-gray-color)
}

.get-in-touch-form .form-control:focus{
  box-shadow: none;
}

select.form-control {
  appearance: auto;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}

.windows-get-in-touch-section .get-in-touch-form .submit-btn-div{
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: transparent;
  border: none;
  margin-top: 30px;
}

.windows-get-in-touch-section .get-in-touch-form .submit-btn-div span{
 padding: 10px 45px;
border-radius: 50px;
background-color: var(--button-color);
color: var(--black-color);
font-family: Outfit-Regular;
font-weight: 500;
font-size: 18px;
line-height: 30px;
border: 1px solid var(--button-color)
}

.windows-get-in-touch-section .get-in-touch-form .submit-btn-div div{
  background-color: var(--black-color);
  width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
}

.windows-get-in-touch-section .get-in-touch-form .submit-btn-div div img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
height: 24px;
}

.windows-testimonials-section .custom-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 40px;
  width: 40px;
  border: none;
  font-size: 24px;
  color: #000000;
  z-index: 1056;
}

.windows-locate-us-section .location-dropdown .form-select {
    padding: 14px;
    font-family: Be-Vietnam-Pro;
    font-weight: 400;
    font-size: 16px;  
    line-height: 28px;
    text-transform: uppercase;
    border-color: var(--lighter-gray-color);
}

.windows-locate-us-section .location-dropdown .form-select:focus{
  box-shadow: none;
  
}

.windows-locate-us-section .locate-us-card{
  border: 1px solid var(--bluish-gray-border);
  margin-bottom:20px;
}

.windows-locate-us-section .locate-us-card .locate-us-name{
  background-color: var(--bluish-gray-color);
padding: 15px 20px;

}

.windows-locate-us-section .locate-us-name h6{
margin-bottom: 0;
  font-weight: 600;
}

.windows-locate-us-section .locate-us-content{
  display: flex;
  align-items: center;
  justify-content: start;
}

.windows-locate-us-section .locate-us-content a{
font-family: Outfit-Regular;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-decoration: none;
margin: 10px 0;
color: var(--dark-gray-color);
}

.windows-locate-us-section .locate-us-content img{
  width: 24px;
height: 24px;
margin-right: 15px;
}

.blogs-arrows{
  position: relative;
  
}

.blogs-slider-arrows{  
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}


.blogs-slider-arrows .products-swiper-prev-button,
.blogs-slider-arrows .products-swiper-next-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none
}


.blogs-slider-arrows .products-swiper-prev-button {
  left: 0;
}

.blogs-slider-arrows .products-swiper-next-button {
  right: 0;
}
.windows-locate-us-section .locate-us-card .btn-div h6,  .latest-blogs-section .blog-card .btn-div h6{
      font-family: Be-Vietnam-Pro;
  padding: 12px 18px;
font-size: 16px;
font-weight: 600;
background-color: var(--button-color);
border-radius: 50px;
margin-bottom: 0;
color: var(--dark-gray-color);
margin-bottom: 0;
}

.windows-locate-us-section .locate-us-card .btn-div div,  .latest-blogs-section .blog-card .btn-div div{
      width: 40px;
    height: 40px;
}

.blog-date-content{
  /* display: flex;
  align-items: center;
  justify-content: space-around; */
  width: 100%;
}

.blog-date-content .blog-date-row .col-lg-5 span{
height: 1px;
width: 35px;
background-color: var(--black-color);
}

.blog-date-content .blog-date-row .col-lg-5 h6{
font-weight: 400;
font-size: 17px;
line-height: 25px;
margin-bottom: 0;
padding-left: 10px;
}

.blog-date-content .blog-date-row .col-lg-7 div{
  width: 6.5px;
height: 7px;
background-color: var(--black-color);
border-radius: 50%;
}

.blog-date-content .blog-date-row .col-lg-7 p{
font-weight: 400;
 font-family: Be-Vietnam-Pro;
font-size: 16px;
line-height: 23px;
margin-bottom: 0;
padding-left: 20px;
}

.blog-content-div p{
     font-family: Be-Vietnam-Pro;
font-weight: 400;
font-size: 15px;
line-height: 26px;
margin: 25px 0;
text-align: justify;
}

.latest-blogs-section .blog-card a{
  padding-left: 0;
}

.latest-blogs-section .blog-card h3{
font-weight: 400;
font-family: Bebas Neue, sans-serif;
font-size: 31px;
line-height: 40px;
margin: 15px 0;
padding-right: 10px;
}

.window-faq-section .window-title  .section-center-title::before {
    left: 6%;
}

.window-faq-section .window-title .section-center-title::after{
  right: 6%;
} 

.window-faq-section .accordion-item{
  border-radius: 0;
  border: none;
  box-shadow: 0px 5px 16px 0px #080F340F;
  margin: 20px 0;
  padding: 20px 0;
}

.window-faq-section .accordion-item .accordion-header .accordion-button{
  font-family:Be-Vietnam-Pro;
font-weight: 700;
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
color: var(--black-color);

}

.window-faq-section .accordion-button:not(.collapsed){
  background-color: var(--white-color);
  border: none;
  box-shadow: none;
}

.window-faq-section .accordion-button:focus{
  box-shadow: none;
}

.window-faq-section .accordion-item .accordion-body{
font-weight: 400;
    font-family: Be-Vietnam-Pro;
font-size: 15px;
line-height: 26px;
color: var(--dark-gray-color);
padding-bottom: 0;
}

.window-faq-section .accordion-button:not(.collapsed)::after{
  background: var(--white-color) !important;
  color: var(--black-color) !important;
}

.window-faq-section .accordion-button::after{
  content: ">" !important;
    color: black !important;
    transform: rotate(90deg);
}

.latest-blogs-section, .windows-products-section{
  position: relative;
}

.latest-blogs-section .home-slider-pagination, .windows-products-section .home-slider-pagination {
  position: absolute;
  bottom: -5% !important;
  left: 50% !important;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 10;
} 

.latest-blogs-section .swiper-pagination-bullet, .windows-products-section .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--dark-gray-color);
  border-radius: 50%;
  opacity: 0.8;
  transition: 0.3s;
}

.latest-blogs-section .swiper-pagination-bullet-active , .windows-products-section .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--underline-color);
}

.window-shop-now-section .window-para{
  text-align: start;
}

.windows-load-more-btn-div .windows-load-more-btn{
background-color: var(--white-color);
border: none;
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
}


.menu-accordion .accordion-toggle {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 10px 15px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:white;
}

.menu-accordion .accordion-content {
  display: none;
  padding-left: 20px;
}

.menu-accordion .accordion-item.active .accordion-content {
  display: block;
  margin-top: 0px;
}

.menu-accordion .accordion-content li a{
 font-size: 16px;
}

.side-menu .menu-accordion .accordion-content li, .menu-accordion .shop-btn{
  padding: 10px 15px;
}

.menu-accordion .accordion-toggle i {
  transition: transform 0.3s ease;
  font-size: 13px;
}

.menu-accordion .accordion-item.active .accordion-toggle i {
  transform: rotate(180deg);
}


@media screen and (max-width: 1024px){

    .window-title .section-left-title::before, .window-title .section-center-title::before{
      left: 10%
    }

  .window-title .section-center-title::after {
    right: 10%;
}

.windows-products-section .product-description p{
    min-height: 200px;
    }
}

@media screen and (max-width: 991px) {
  .feature-row .feature-content {
    border-right: none; /* Remove right border on small screens */
    border-bottom: 1px solid var(--lighter-gray-color); /* Optional */
  }

  .feature-row > .col-lg-3:last-child .feature-content {
    border-bottom: none;
  }
   .feature-row .feature-content {
  margin: 20px;
}
    .feature-content p {
        min-height: 106px;
    }

  .feature-row .col-lg-3{
    margin: 0;
  }

       .window-title .section-center-title::before {
        left: 10%;
       }

       .window-title .section-center-title::after {
        right: 10%;
       }

       .windows-locate-us-section .location-dropdown{
        margin-bottom: 20px;
       }

       .windows-locate-us-section .locate-us-card{
        margin-bottom: 20px;
       }

       .window-features-benefits-section .feature-content img{
        padding: 5% 0;
       }
       
    /*   .windows-products-section .product-description p{*/
    /*min-height: 230px;*/
    /*}*/
     .window-title .section-left-title, .window-title .section-center-title {
        font-size: 52px;
        line-height: 48px;
    }

}

@media screen and (max-width: 768px){

 .feature-content p {
    min-height: 86px;
}

.feature-row > .col-lg-3:nth-child(3) .feature-content {
  border-bottom: none;
}
    .feature-content p {
        min-height: 107px;
    }
    
    /*.products-img, .products-img img{*/
    /*    height: 100%;*/
    /*}*/
 
    .windows-products-section .product-description p{
    min-height: auto !important;
    }
}

@media screen and (max-width: 600px){

  .window-title .section-left-title::before, .window-title .section-center-title::before {
        left: 4%;
    }

    .window-title .section-center-title::after {
        right: 4%;
    }

        .window-title .section-left-title, .window-title .section-center-title {
        font-size: 52px;
        line-height: 48px;
    }

    .feature-content img {
    padding: 6% 0;
    }

    .windows-products-section .product-description p{
    min-height: auto;
    }

    .get-in-touch-img-2 .img-2-content h2{
          font-size: 40px;
    line-height: 50px;

    }

    .latest-blogs-section .blog-card h3
{
  font-size: 24px;
  line-height: 34px;
}

.windows-shop-now-section .feature-para h5 {
    font-size: 25px;
    line-height: 35px;
}

.windows-shop-now-section .feature-para p {
    font-size: 17px;
    line-height: 28px;
}

.window-features-benefits-section .feature-content img {
width: 60px;
}

.window-features-benefits-section .feature-row .feature-content {
    margin: 0 20px;
}

.feature-row{
  margin-bottom: 0;
}

.windows-get-in-touch-section .get-in-touch-row .get-in-touch-img-1 img, .get-in-touch-row .get-in-touch-img-2 img{
  height: 550px;
}
}