@import url("https://fonts.googleapis.com/css?family=Abel");

@font-face {

  font-family: "Poppins";

  font-weight: 600;

  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2");

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Poppins";

  font-weight: 500;

  src: url("../fonts/Poppins-Medium.woff2") format("woff2");

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Racing Sans One";

  src: url("../fonts//RacingSansOne-Regular.woff2") format("woff2");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "Montagu Slab 120pt";

  src: url("../fonts/Montagu-Medium.woff2") format("woff2");

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}

* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}



body {
  background-color: var(--bl_white);
  overflow-x: clip;
}
.succ_alert{
  font-size: 22px;
    color: #fff;
    background: #769e19;
    padding: 10px;
    margin-bottom: 20px;
}
span.percent_clr {
  color: #769e1a;
}
a.text-right {
  text-align: right;
  float: right;
  color: #000;
  text-decoration: none;
}
button.del {

  background: #ccc !important;

  padding: 10px;

  text-decoration: none !important;

  color: #000 !important;

}

.hero-about-content p {

    color: #fff !important;

}

  .logo-grid-items {

    gap: 30px 20px;

    margin-top: 40px;

  }

  .image-covern img {

    max-width: 200px;

    margin: 40px auto 0px !important;

}

.owl-nav {

    display: none;

}

.owl-dots {

    max-width: 100px;

    margin: 30px auto 0px;

}

.image-covern.two {

    margin-top: 70px !important;

}

.image-covern.three {

    margin-top: 70px !important;

}

.logo-grid-item {

        width: 100%;

        margin: 10px auto 10px;

    }

	.logo-grid-items img {

    max-width: 200px;

}

.header-right-inner nav {

    margin-top: -35px;

}

.big-cover {

    position: relative;

    height: 550px;

    overflow: hidden;

    border-radius: 10px;

}

ul.list-area li .big-cover img {

    width: 100%;

    position: absolute;

}

.small-cvr {

    height: 265px;

    overflow: hidden;

    border-radius: 10px;

    position: relative;

}

ul.list-area li:nth-child(1) {

    width: 75%;

}
ul.list-areas li:nth-child(1) {

    width: 75%;

}

ul.list-area li {

    float: left; padding:10px;    width: 25%;

} 

ul.list-areas li {

    float: left; padding:10px;    width: 25%;

} 

ul.list-area {

    list-style: none;

    padding: 0px;

}

ul.list-areas {

    list-style: none;

    padding: 0px;

}
/* ul.list-areas li .big-cover img {
    width: 100%;
    position: absolute;
} */


ul.list-areas li {

  float: left; padding:10px;    width: 25%;

} 


.small-cvr img {
  width: 100%;
  height: 270px;
}




.desktop-hide {

  display: none;

}



.header-button {

  line-height: 0.65;

}



h1 {

  font-family: "Abel", sans-serif;

  font-weight: 100;

  font-size: 40px;

  text-align: center;

}



.gallery-main .heading-2 {

  color: var(--bl_black);

}



.gallery-items {

  margin-top: 50px;

}



a {

  outline: 0 !important;
  text-decoration: none;
}



.magnific-img img {

  width: 100%;

  height: auto;

}



.img-gallery-magnific {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}



.magnific-img {

  width: 32.5%;

}



a.image-popup-vertical-fit {

  cursor: -webkit-zoom-in;

}



.mfp-with-zoom .mfp-container,

.mfp-with-zoom.mfp-bg {

  opacity: 0;

  -webkit-backface-visibility: hidden;

  /* ideally, transition speed should match zoom duration */

  transition: all 0.3s ease-out;

}



.mfp-with-zoom.mfp-ready .mfp-container {

  opacity: 1;

}



.mfp-with-zoom.mfp-ready.mfp-bg {

  opacity: 0.98;

}



.mfp-with-zoom.mfp-removing .mfp-container,

.mfp-with-zoom.mfp-removing.mfp-bg {

  opacity: 0;

}



.mfp-arrow-left:before {

  border-right: none !important;

}



.mfp-arrow-right:before {

  border-left: none !important;

}



button.mfp-arrow,

.mfp-counter {

  opacity: 0 !important;

  transition: opacity 200ms ease-in, opacity 2000ms ease-out;

}



.mfp-container:hover button.mfp-arrow,

.mfp-container:hover .mfp-counter {

  opacity: 1 !important;

}



/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

}



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;

}



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box;

}



.mfp-container:before {

  content: "";

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}



.mfp-align-top .mfp-container:before {

  display: none;

}



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto;

}



.mfp-ajax-cur {

  cursor: progress;

}



.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: zoom-out;

}



.mfp-zoom {

  cursor: pointer;

  cursor: zoom-in;

}



.mfp-auto-cursor .mfp-content {

  cursor: auto;

}



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}



.mfp-loading.mfp-figure {

  display: none;

}



.mfp-hide {

  display: none !important;

}



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044;

}



.mfp-preloader a {

  color: #CCC;

}



.mfp-preloader a:hover {

  color: #FFF;

}



.mfp-s-ready .mfp-preloader {

  display: none;

}



.mfp-s-error .mfp-content {

  display: none;

}



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;

}



.mfp-close:hover,

.mfp-close:focus {

  opacity: 1;

}



.mfp-close:active {

  top: 1px;

}



.mfp-close-btn-in .mfp-close {

  color: #333;

}



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%;

}



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap;

}



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent;

}



.mfp-arrow:active {

  margin-top: -54px;

}



.mfp-arrow:hover,

.mfp-arrow:focus {

  opacity: 1;

}



.mfp-arrow:before,

.mfp-arrow:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;

}



.mfp-arrow:after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;

}

.text-danger {

  color: crimson;

  padding: 5px 0px;

  font-family: 'Poppins';

}

.alert.alert-success.mt-2 {

  background-color: #d4edda;

  color: #155724;

  border: 1px solid #c3e6cb;

  padding: 6px;

  border-radius: 5px;

  font-size: 16px;

  font-weight: bold;

  display: flex;

  align-items: center;

  gap: 10px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  margin-top: 14px;

  margin-bottom: 10px;

}

/* Optional icon style */

.alert-success::before {

  content: "✔️";  /* Checkmark icon */

  font-size: 18px;

}



.mfp-arrow:before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;

}



.mfp-arrow-left {

  left: 0;

}



.mfp-arrow-left:after {

  border-right: 17px solid #FFF;

  margin-left: 31px;

} 



.mfp-arrow-left:before {

  margin-left: 25px;

  border-right: 27px solid #3F3F3F;

}



.mfp-arrow-right {

  right: 0;

}



.mfp-arrow-right:after {

  border-left: 17px solid #FFF;

  margin-left: 39px;

}



.mfp-arrow-right:before {

  border-left: 27px solid #3F3F3F;

}



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px;

}



.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px;

}



.mfp-iframe-holder .mfp-close {

  top: -40px;

}



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%;

}



.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #000;

}



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto;

}



/* The shadow behind the image */

.mfp-figure {

  line-height: 0;

}



.mfp-figure:after {

  content: "";

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444;

}



.mfp-figure small {

  color: #BDBDBD;

  display: block;

  font-size: 12px;

  line-height: 14px;

}



.mfp-figure figure {

  margin: 0;

}



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;

}



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px;

}



.mfp-image-holder .mfp-content {

  max-width: 100%;

}



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer;

}

@media (min-width: 1600px) and (max-width: 6000px) {

.big-cover {

    position: relative;

    height: 549px;

    overflow: hidden;

    border-radius: 10px;

}

}

@media (min-width: 992px) and (max-width: 1199px) {

.big-cover {

    position: relative;

          height: 430px;

    overflow: hidden;

    border-radius: 10px;

}

.small-cvr {

    height: 205px;

    overflow: hidden;

    border-radius: 10px;

    position: relative;

}

}

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

.big-cover {

    position: relative;

          height: 340px;

    overflow: hidden;

    border-radius: 10px;

}

    .small-cvr {

        height: 160px;

        overflow: hidden;

        border-radius: 10px;

        position: relative;

    }

}

@media (min-width: 320px) and (max-width: 767px) {
  .lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar {
    opacity: 1 !important;
}
  .small-cvr img {
    width: 100%;
    height: 200px;
}

	ul.list-area li:nth-child(1) {

    width: 100%;

}

ul.list-area li {

    width: 50%;

}

.big-cover {

    position: relative;

          height: 250px;

    overflow: hidden;

    border-radius: 10px;

}

    .small-cvr {

        height: 200px;

        overflow: hidden;

        border-radius: 10px;

        position: relative;

    }

	 .hero-about-content {

        padding: 10% 5% !important;

    }

}

@media (min-width: 320px) and (max-width: 576px) {

	   

	ul.list-area li:nth-child(1) {

    width: 100%;

}

ul.list-area li {

    width: 50%;

}
ul.list-areas li {

    width: 50%;

}

.big-cover {

    position: relative;

    height: 190px;

    overflow: hidden;

    border-radius: 10px;

}

    .small-cvr {

        height: 190px;

        overflow: hidden;

        border-radius: 10px;

        position: relative;

    }

}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

     * Remove all paddings around the image on small screen

     */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0;

  }

  .mfp-img-mobile img.mfp-img {

    padding: 0;

  }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0;

  }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px;

  }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box;

  }

  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0;

  }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px;

  }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0;

  }

}

@media all and (max-width: 900px) {

  .mfp-arrow {

    transform: scale(0.75);

  }

  .mfp-arrow-left {

    transform-origin: 0;

  }

  .mfp-arrow-right {

    transform-origin: 100%;

  }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px;

  }

}

.contact-text {

  margin-top: 20px;

}

.contact-text p {

  font-family: "Poppins";

  font-weight: 400;

  font-size: 14px;

  opacity: 0.5;

  text-align: center;

}



.responsive-map {

  line-height: 0.65;

  height: 500px;

  position: relative;

}

.responsive-map::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0.5);

  width: 100%;

  height: 100%;

  pointer-events: none;

}

.responsive-map iframe {

  width: 100%;

  height: 100%;

}



.contact-form-main {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 60px;

}



.contact-form-left {

  width: 34%;

  border: 2px solid var(--bl_green);

  border-radius: 6px;

  padding: 3%;

  box-sizing: border-box;

  position: sticky;

  top: 20px;

}

.gallery-cont {

    margin-bottom: 30px;

}

.wrapper p {

    font-family: "Poppins";

    font-weight: 500;

    font-size: 17px;

    color: var(--bl_black);

    text-transform: initial;

    text-decoration: none;

    position: relative;

    display: block;

    transition: all 0.3s ease-in-out;

    margin-bottom: 18px;

}

ul#lightgallery li a:hover {

    cursor: zoom-in;

}

.clearfix:after{  display: block;

    clear: both;

    content: "";}

.contact-form-left h3 {

  font-family: "Poppins";

  font-weight: 400;

  font-size: 26px;

}

.contact-form-left ul {

  margin-top: 10px;

}

.contact-form-left ul li {

  list-style: none;

}

.contact-form-left ul li .list-icon {

  width: 20px;

  height: 20px;

}

.contact-form-left ul li .list-icon img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

.contact-form-left ul li:nth-child(n+2) {

  margin-top: 15px;

}

.contact-form-left ul li a,

.contact-form-left ul li a:visited {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 12px;

  text-decoration: none;

  font-family: "Poppins";

  font-weight: 400;

  font-size: 16px;

  color: var(--bl_black);

}



.contact-form-inner {

  width: 60%;

  border: 2px solid var(--bl_green);

}



header,

footer,

.contact-form,

.hero-about,

.iat,

.section-head,

.feature-item,

.quality-blinds-image,

.faq-items-boxes,

.hero-slider,

.icon-grid-item,

.product-box,

.cta,

.logo-grid-item,

.quotes-single,

.magnific-img {

 visibility:visible;

}

.contact-form-inner {

  max-width: 700px;

  background-color: #fff;

  padding: 20px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  border-radius: 8px;

}

.contact-form-inner h2 {

  text-align: center;

  margin-bottom: 20px;

}

.contact-form-inner .form-group {

  margin-bottom: 15px;

}

.contact-form-inner .form-group label {

  display: block;

  font-size: 0.9em;

  color: #333;

  margin-bottom: 5px;

  font-family: "Poppins";

  font-weight: 400;

}

.contact-form-inner .form-group input,

.contact-form-inner .form-group textarea {

  width: 100%;

  padding: 10px;

  border: 1px solid #ddd;

  border-radius: 5px;

  font-size: 1em;

}

.contact-form-inner .form-group textarea {

  resize: vertical;

  height: 100px;

}

.contact-form-inner .submit-btn {

  width: 100%;

  padding: 10px;

  background-color: var(--bl_green);

  border: none;

  color: white;

  font-size: 1em;

  cursor: pointer;

  border-radius: 5px;

  transition: all 0.4s ease-in-out;

  font-family: "Poppins";

  font-weight: 400;

}

.contact-form-inner .submit-btn:hover {

  background-color: var(--bl_black);

}

.contact-form-inner .error-message {

  color: red;

  font-size: 0.9em;

  display: none;

  margin-top: 8px;

  margin-bottom: 10px;

}



#preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: var(--bl_white);

  z-index: 11;

}



#loader {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 150px;

  height: 150px;

  margin: -75px 0 0 -75px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: var(--bl_green);

  animation: spin 2s linear infinite;

}



#loader:before {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #A8A8A8;

  animation: spin 3s linear infinite;

}



#loader:after {

  content: "";

  position: absolute;

  top: 15px;

  left: 15px;

  right: 15px;

  bottom: 15px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: var(--bl_black);

  animation: spin 1.5s linear infinite;

}

@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}





.image-cover {

  line-height: 0.65;

}



.quality-blinds-image {

  margin-top: 30px;

  border-radius: 20px;

  height: 550px;

}

.quality-blinds-image img {

  border-radius: 20px;

}



.image-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.faq-items-boxes {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;

  margin-top: 40px;

}



.faq-img {

  width: 40%;

  border-radius: 20px;

}

.faq-img img {

  border-radius: 20px;

}



.faq-head {

  display: flex;

  gap: 20px;

  align-items: center;

  flex-direction: row-reverse;

  justify-content: flex-end;

}

.faq-head.active span.faq-icon::after {

  opacity: 0;

}

.faq-head span.faq-icon {

  width: 20px;

  height: 20px;

  position: relative;

}

.faq-head span.faq-icon::before, .faq-head span.faq-icon::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background-color: #000;

  inset: 0;

  margin: auto;

  transition: all 0.3s ease-in-out;

}

.faq-head span.faq-icon::after {

  transform: rotate(90deg);

}

.faq-head .heading-5 {

  font-family: "Poppins";

  font-weight: 700;

  font-size: 22px;

}



.faq-items {

  width: 55%;
    padding-top: 40px;
   

}

.faq-items .faq {

  cursor: pointer;

}

.faq-items .faq .faq-content {

  display: none;

  padding-left: 40px;

  margin-top: 10px;

}

.faq-items .faq .faq-content p {

  font-family: "Poppins";

  font-weight: 400;

  font-size: 16px;

  opacity: 0.5;

}

.faq-items .faq:nth-child(n+2) {

  margin-top: 12px;

}



.faq-main .section-head p {

  max-width: 600px;

}

.faq-main .section-head .faq-btn {

  line-height: 0.65;

  width: -moz-max-content;

  width: max-content;

  margin: 0 auto;

  margin-top: 15px;

}



:root {

  --bl_white: #ffffff;

  --bl_black: #000000;

  --bl_green: #769E1A;

}



.quality-blinds .section-head p {

  max-width: 600px;

}



.feature-head {

  background-color: var(--bl_green);

  border-radius: 20px 20px 0px 0px;

  padding-top: 10px;

  padding-bottom: 30px;

  position: relative;

  overflow: hidden;

}

.feature-head::after {

  content: "";

  position: absolute;

  left: -1px;

  right: 0;

  width: 101%;

  height: 30px;

  background-image: url(../images/tiny-waves.png);

  bottom: 0;

  background-size: cover;

  transform: rotate(180deg);

}



.feature-btn {

  line-height: 0.65;

  padding-bottom: 30px;

  margin-top: 10px;

}

.feature-btn a,

.feature-btn a:visited {

  font-family: "Poppins";

  font-weight: 700;

  font-size: 18px;

  color: var(--bl_black);

  text-decoration: none;

  transition: all 0.3s ease-in-out;

}

.feature-btn a:hover,

.feature-btn a:visited:hover {

  color: var(--bl_green);

}



.feature-item-content {

  padding: 20px;

}

.feature-item-content h3 {

  font-family: "Poppins";

  font-weight: 700;

  font-size: 24px;

  line-height: 1.2;

}

.feature-item-content p {

  font-family: "Poppins";

  font-weight: 400;

  margin-top: 10px;

  font-size: 14px;

  opacity: 0.5;

}



.head-logo {

  width: 120px;

  height: 120px;

  margin: 0 auto;

}

.head-logo img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}



.features-items {

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-start;

  margin-top: 50px;

}



.feature-item {

  width: 23.5%;

  text-align: center;

  background-color: var(--bl_white);

  border-radius: 20px;

  min-height: 396px;

}



.features .section-head p {

  font-size: 16px;

  max-width: 550px;

}



.iat {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

}



.iat-left {

  width: 48%;

  border-radius: 20px;

}

.iat-left img {

  border-radius: 20px;

}



.iat-right {

  width: 45%;

}

.iat-right h2 {

  font-family: "Poppins";

  font-weight: 700;

  font-size: 38px;

  line-height: 1.2;

}

.iat-right p {

  font-family: "Poppins";

  font-weight: 400;

  margin-top: 10px;

  font-size: 16px;

  opacity: 0.5;

}



header {

  position: sticky;

  top: 0;

  left: 0;

  background-color: var(--bl_white);

  z-index: 3;

  transition: all 0.4s ease-in-out;

  box-shadow: 0px 0px 5px 3px transparent;

}

header.shrink {

  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);

}



.hero-about {

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}

.hero-about::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0.8);

  width: 100%;

  height: 100%;

}



.hero-about-content {
    padding: 3% 5%;
  


  box-sizing: border-box;

  color: white;

  position: relative;

  z-index: 1;

  text-align: center;

}

.hero-about-content h1 {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
}

.hero-about-content p {

  font-family: "Poppins";

  font-weight: 400;

  margin: 0 auto;

  margin-top: 10px;

  font-size: 18px;

  max-width: 60%;

}



.top-bar {

  background-color: var(--bl_green);

  text-align: center;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.top-bar .socials {

  margin: 0;

  padding: 0 20px;

}



.top-bar-text {

  color: var(--bl_white);

  font-family: "Poppins";

  font-weight: 600;

  font-size: 18px;

  padding: 10px 0;

  box-sizing: border-box;

  display: flex;

  width: 100%;

}



.header-wrapper {

  max-width: 1240px;

  width: 90%;

  margin: 0 auto;

}



.header-main-inner {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  position: relative;

  padding: 10px 0;

  box-sizing: border-box;

}



.header-right nav ul {

  display: flex;

  gap: 20px;

}



.header-right nav ul li {

  position: relative;

}



.header-right nav ul li:hover span {

  transform: rotate(180deg);

}



.header-right nav ul li:hover ul {

  opacity: 1;

  visibility: visible;

}



.header-right nav ul ul {

  display: block;

  position: absolute;

  left: 0;

  top: 40px;

  z-index: 11;

  background-color: var(--bl_white);

  border-radius: 4px;

  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);

  transition: all 0.4s ease-in-out;

  width: 250px;

  padding: 12px;

  opacity: 0;

  visibility: hidden;

}



.header-right nav ul ul li {

  display: block;

}



.header-right nav ul ul li:first-child a,

.header-right nav ul ul li:first-child a:visited {

  padding-top: 0;

}



.header-right nav ul ul li a,

.header-right nav ul ul li a:visited {

  box-sizing: border-box;

  text-transform: initial;

  font-size: 15px;

  padding: 5px 0;

}



.header-right nav ul ul li a::before,

.header-right nav ul ul li a:visited::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  background-color: var(--bl_black);

  left: 0;

  bottom: 0;

  transition: all 0.3s ease-in-out;

  opacity: 0.1;

}



.header-right nav ul ul li::after {

  height: 1px;

}



.header-right nav ul li {

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}



.header-right nav ul li a,

.header-right nav ul li a:visited {

  font-family: "Poppins";

  font-weight: 500;

  font-size: 17px;

  color: var(--bl_black);

  text-transform: initial;

  text-decoration: none;

  position: relative;

  display: block;

  transition: all 0.3s ease-in-out;

}



.header-right nav ul li a:hover,

.header-right nav ul li a:visited:hover {

  color: var(--bl_green);

}



.header-right nav ul li a:hover::after,

.header-right nav ul li a:visited:hover::after {

  width: 100%;

}



.header-right nav ul li a::after,

.header-right nav ul li a:visited::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background-color: var(--bl_green);

  left: 0;

  bottom: 0;

  transition: all 0.3s ease-in-out;

  width: 0;

}







.header-button .header-btn {

  display: inline-block;

  border-radius: 4px;

  font-family: "Poppins";

  font-weight: 700;

  font-size: 11px;

  color: var(--bl_white);

  background-color: var(--bl_green);

  text-decoration: none;

  box-sizing: border-box;

  padding: 11px 11px;

  transition: all 0.4s ease-in-out;

  position: relative;

  text-transform: uppercase;

  overflow: hidden;

}

.header-button .header-btn:hover {

  color: var(--bl_white);

}

.header-button .header-btn:hover::before {

  left: 0;

}



.header-button .header-btn::before {

  content: "";

  position: absolute;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100%;

  background: linear-gradient(to right, #769e19, #000000);

  transition: left 0.4s ease;

  z-index: -1;

}



.button {

  display: inline-block;

  border-radius: 4px;

  font-family: "Poppins";

  font-weight: 700;

  font-size: 18px;

  color: var(--bl_white);

  background-color: var(--bl_green);

  text-decoration: none;

  box-sizing: border-box;

  padding: 18px 22px;

  transition: all 0.4s ease-in-out;

  position: relative;

  text-transform: uppercase;

  overflow: hidden;

  line-height: 1.1;

}

.button::before {

  content: "";

  position: absolute;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100%;

  background: linear-gradient(to right, #769e19, #000000);

  transition: left 0.4s ease;

  z-index: -1;

}

.button:hover {

  color: var(--bl_white);

  background-color: transparent;

}

.button:hover::before {

  left: 0;

}



.contact-us-btn {

  line-height: 0.65;

  text-align: center;

}

.contact-us-btn .button {

  line-height: 1.1;

}



.header-left {

  width: 6%;

}



.header-left a,

.header-left a:visited {

  display: block;

}



.header-right {

  width: 85%;

}



.header-right-inner {

  display: flex;

  align-items: center;

  gap: 20px;

  justify-content: space-between;

  margin-top: 10px;

}



.socials {

  display: flex;

  gap: 10px;

  justify-content: flex-end;

  position: relative;

  z-index: 1;

}



.social {

  line-height: 0.65;

  padding: 4px;

  box-sizing: border-box;

  border-radius: 4px;

  background-color: var(--bl_white);

  border: 1px solid var(--bl_green);

  transition: all 0.4s ease-in-out;

  cursor: pointer;

}



.social a,

.social a:visited {

  display: block;

}



.social:hover {

  background-color: var(--bl_green);

}



.social:hover img {

  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7491%) hue-rotate(219deg) brightness(105%) contrast(99%);

}



.social img {

  width: 15px;

  height: 15px;

}



.header-contact-links {

  display: flex;

  align-items: center;

  gap: 20px;

  justify-content: flex-end;

}



.contact-link-single a,

.contact-link-single a:visited {

  display: flex;

  align-items: center;

  gap: 10px;

  transition: all 0.4s ease-in-out;

  text-decoration: none;

}



.contact-link-single a:hover,

.contact-link-single a:visited:hover {

  text-decoration: none;

}



.contact-link-single a:hover .contact-link-icon,

.contact-link-single a:visited:hover .contact-link-icon {

  background-color: var(--bl_green);

}



.contact-link-single a:hover .contact-link-icon img,

.contact-link-single a:visited:hover .contact-link-icon img {

  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7491%) hue-rotate(219deg) brightness(105%) contrast(99%);

}



.contact-link-text {

  color: var(--bl_black);

  font-family: "Poppins";

  font-weight: 500;

  font-size: 14px; 

}



.contact-link-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  border: 1px solid var(--bl_green);

  border-radius: 4px;

  transition: all 0.4s ease-in-out;

  width: 30px;

  height: 30px;

}



.contact-link-icon img {

  width: 20px;

  height: 20px;

  -o-object-fit: contain;

  object-fit: contain;

}



.s-100 {

  height: 70px;

}



.ctn-1920 .wrapper {

  max-width: 1920px;

  width: 100%;

  margin: 0 auto;

}



.hero-slider-single {

  position: relative;

}



.hero-slider-single::after {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.85) 62.97%, #ffffff 93.6%); */

}



.hero-slide-text {

  width: 85%;

  margin: 0 auto;

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  right: 0;

  display: flex;

  align-items: center;

  height: 100%;

}



.hero-slide-text .heading-1 {

  font-family: "Racing Sans One";

  font-weight: normal;

  font-size: 40px;

  color: var(--bl_black);

}



.hero-slide-image {

  max-height: 500px;

}



.hero-inner-image {

  width: 500px;

  height: 500px;

  position: absolute;

  right: 0;

  z-index: 1;

  bottom: -20px;

  box-shadow: 26px 38px 18.7px 0px rgba(0, 0, 0, 0.0705882353);

}



.owl-dots {

  display: flex;

  gap: 12px;

  align-items: center;

  width: -moz-max-content;

  width: max-content;

}



.owl-dots button.owl-dot {

  width: 20px;

  height: 20px;

  background-color: var(--bl_white);

  border-radius: 100px;

  border: 1px solid var(--bl_green) !important;

  margin: 0;

}



.owl-dots button.owl-dot.active {

  background-color: var(--bl_green);

}



.hero-slider .owl-dots {

  position: absolute;

  right: 5%;

  bottom: 5%;

}



.wrapper {

  max-width: 1240px;

  width: 90%;

  margin: 0 auto;

}



.section-head {

  text-align: center;

}
.section-head .heading-2 {

  font-family: "Poppins";

  font-weight: 600;

  font-size: 36px;

  position: relative;

}


.section-heads .heading-2 span {
  color: var(--bl_green);
}
.section-heads .heading-2::after {

  content: "";

  /* position: absolute; */

  background-image: url(../images/divider.svg);

  background-repeat: no-repeat;

  background-size: cover;

  width: 30%;

  height: 5px;

  margin: auto;

  left: 0;

  bottom: 0px;

  right: 0;

}


.section-heads .heading-2 {

  font-family: "Poppins";

  font-weight: 600;

  font-size: 36px;

  position: relative;

}



.section-head .heading-2::after {

  content: "";

  position: absolute;

  background-image: url(../images/divider.svg);

  background-repeat: no-repeat;

  background-size: cover;

  width: 30%;

  height: 5px;

  margin: auto;

  left: 0;

  bottom: 0px;

  right: 0;

}



.section-head .heading-2 span {

  color: var(--bl_green);

}



.section-head p {



  font-weight: 500;

  font-size: 18px;

  max-width: 420px;

  margin: 20px auto 0;

  color: #737171;

}



.icon-grid-icon {

  width: 160px;

  height: 160px;

  border-radius: 100%;

  border: 4px solid #D9D9D9;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  transition: all 0.4s ease-in-out;

}



.icon-grid-icon img {

  width: 72px;

  height: 72px;

}



.icon-grid-items {

  margin-top: 40px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;

}



.icon-grid-item {

  text-align: center;

  width: 33%;

  position: relative;

  cursor: pointer;

}



.icon-grid-item:nth-child(n+2)::before {

  content: "";

  position: absolute;

  background-image: url(../images/right-arrows.svg);

  background-repeat: no-repeat;

  background-size: 25px;

  background-position: 0px 35%;

  width: 25px;

  height: 100%;

  left: -30px;

  top: 0;

}



.icon-grid-item:hover .icon-grid-icon {

  box-shadow: 8px -1px 5.9px -1px rgba(0, 0, 0, 0.1019607843);

  border-color: var(--bl_green);

}



.icon-grid-item:hover .icon-grid-head {

  color: var(--bl_green);

}



.icon-grid-head {

  margin-top: 10px;

  font-family: "Poppins";

  font-weight: 600;

  font-size: 20px;

  transition: all 0.4s ease-in-out;

}



.icon-grid-text {

  margin-top: 10px;

  font-family: "Poppins";

  font-weight: 500;

  font-size: 16px;

  color: #949494;

}



.product-items {

  margin-top: 40px;

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  gap: 20px;

}



.product-box-front img {

  aspect-ratio: 525/580;

}



/* .product-front-text {

    font-family: "Poppins";

    font-weight: 600;

text-align: left;

    padding: 15px 0;

    background-color: var(--bl_green);

    color: var(--bl_white);

    text-transform: uppercase;

    font-size: 18px;

    position: absolute;

    bottom: 0px;

    width: 100%;

    border-top-right-radius: 40px;padding-left: 20px;

    z-index: 1;

    transition: all 0.5s ease-in-out;

} */

.product-front-text {
  font-family: "Poppins";
  font-weight: 600;
  text-align: left;
  padding: 15px 0;
  background-color: var(--bl_green);
  color: var(--bl_white);
  text-transform: uppercase;
  font-size: 18px;
  bottom: 0px;
  width: 100%;
  border-top-right-radius: 0px;
  padding-left: 20px;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}

.product-box-inner {

  position: relative;

}



.product-box-back {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  transition: all 0.4s ease-in-out;

}



.product-box-back p {

  font-family: "Poppins";

  font-weight: 500;

  font-size: 14px;

  text-align: center;

  color: var(--bl_white);

  padding: 0 5%;

}



.product-box {

    width: 32%;

    cursor: pointer;

}



.product-box:hover .product-front-text {

  background-color: var(--bl_black);

}



.product-box:hover .product-box-back {

  opacity: 1;

}



.cta {

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}



.cta::after {

  content: "";

  position: absolute;

  background-color: var(--bl_green);

  opacity: 0.9;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.cta-inner {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;

  padding: 100px 5%;

  position: relative;

  z-index: 2;

}



.cta-left {

  width: 48%;

}



.cta-left .heading-2 {

  font-family: "Poppins";

  font-weight: 600;

  color: var(--bl_white);

  font-size: 28px;

}



.cta-left p {

  font-family: "Poppins";

  font-weight: 500;

  color: var(--bl_white);

  font-size: 18px;

}



.cta-right {

  width: 48%;

  text-align: right;

}



.cta-right span {

  font-family: "Poppins";

  font-weight: 600;

  font-size: 22px;

  color: var(--bl_white);

  margin-top: 15px;

  display: block;

}



.cta-button {

  line-height: 0.65;

}



.cta-button .button {

  font-family: "Poppins";

  font-weight: 600;

  padding: 18px 60px 18px 24px;

  box-sizing: border-box;

  border-radius: 4px;

  color: var(--bl_black);

  background-color: var(--bl_white);

  font-size: 18px;

  text-decoration: none;

  display: inline-block;

  transition: all 0.4s ease-in-out;

  border: 1px solid transparent;

  position: relative;

  overflow: hidden;

}

.cta-button .button::before {

  content: "";

  position: absolute;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100%;

  background: linear-gradient(to right, #769e19, #000000);

  transition: left 0.4s ease;

  z-index: -1;

}

.cta-button .button:hover::before {

  left: 0;

}



.cta-button .button::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  background-image: url(../images/right-arrows.svg);

  background-repeat: no-repeat;

  background-position: center right 20px;

  background-size: 25px;

  width: 55px;

  height: 100%;

}



.cta-button .button:hover {

  color: var(--bl_white);

  border-color: var(--bl_white);

  background-color: transparent;

}



.cta-button .button:hover::before {

  transition: all 250ms ease-out;

  transform: rotateX(0deg);

  opacity: 1;

}



.cta-button .button:hover::after {

  filter: invert(1);

}



.logo-grid-items {

  margin-top: 75px;

}



.logo-grid-items {

  display: flex;

  align-items: center;

  justify-content: space-evenly;

  gap: 30px;

  flex-wrap: wrap;

}



.logo-grid-item {

  width: 16%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.quotes-items {

  margin-top: 40px;

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

}



.quote-logo {

  width: 45px;

  height: 45px;

  margin: 0 auto;

}



.quotes-single {

  border: 3px solid var(--bl_green);

  border-radius: 0px 80px 0 80px;

  text-align: center;

  padding: 20px 20px 50px;

  box-sizing: border-box;

  transition: all 0.4s ease-in-out;

  width: 100%;

    min-height: 400px;

  cursor: pointer;

}



.quotes-single:hover {

  background-color: var(--bl_green);

}



.quotes-single:hover .quote-author {

  color: var(--bl_white);

}



.quotes-single:hover .quote-rating span {

  color: var(--bl_white);

}



.quotes-single:hover .quote blockquote {

  color: var(--bl_white);

}



.quote-author {

  font-family: "Poppins";

  font-weight: 600;

  font-size: 18px;

  margin-top: 5px;

  transition: all 0.4s ease-in-out;

}



.quote-rating {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 5px;

}



.rating {

  width: 36%;

}



.rating img {

  width: 100%;

  height: 100%;

}



.quote-rating span {

  font-family: "Poppins";

  font-weight: 600;

  font-size: 16px;

  transition: all 0.4s ease-in-out;

}



.quote {

  margin-top: 15px;

}



.quote blockquote {

  font-size: 15px;

  transition: all 0.4s ease-in-out;

  font-family: "Poppins";

  font-weight: 500;

}



.ctn-1380 .wrapper {

  max-width: 1380px;

}



.ctn-stone {

  background-color: #f0f0f0;

}



.footer-main {

  display: flex;

  gap: 80px;

  align-items: center;

  flex-wrap: wrap;

  padding-top: 50px;

  box-sizing: border-box;

}



.footer-left {

  width: 20%;

}



.footer-left img {

  width: 130px;

  height: 130px;

  -o-object-fit: contain;

  object-fit: contain;

}



.footer-right {

  width: 55%;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.footer-right .heading-3 {

  font-family: "Poppins";

  font-weight: 600;

  width: -moz-max-content;

  width: max-content;

  color: var(--bl_green);

  border-bottom: 2px solid var(--bl_green);

}



.footer-right ul {

  margin-top: 30px;

}



.footer-right ul li {

  list-style: none;

}



.footer-right ul li:nth-child(n+2) {

  margin-top: 15px;

}



.footer-right ul li a,

.footer-right ul li a:visited {

  text-decoration: none;

  display: flex;

  gap: 15px;

  align-items: center;

}



.footer-right ul li a:hover .list-icon,

.footer-right ul li a:visited:hover .list-icon {

  background-color: var(--bl_green);

}



.footer-right ul li a:hover .list-icon img,

.footer-right ul li a:visited:hover .list-icon img {

  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7491%) hue-rotate(219deg) brightness(105%) contrast(99%);

}



.footer-right ul li a:hover .list-text,

.footer-right ul li a:visited:hover .list-text {

  text-decoration: none;

}



.footer-right ul li .list-icon {

  line-height: 0.65;

  border: 1px solid var(--bl_green);

  border-radius: 4px;

  padding: 6px;

  box-sizing: border-box;

  transition: all 0.4s ease-in-out;

}



.footer-right ul li .list-icon img {

  width: 20px;

  height: 20px;

}



.footer-right ul li .list-text {

  font-family: "Poppins";

  font-weight: 500;

  color: var(--bl_black);

  font-size: 16px;

  text-decoration: none;

  transition: all 0.4s ease-in-out;

}



.footer-quick-links ul li a, .footer-quick-links ul li a:visited {

    font-family: "Poppins";

    font-weight: 500;

    font-size: 16px;

    color: #000000;

    transition: all 0.4s ease-in-out;

}



.footer-quick-links ul li a:hover,

.footer-quick-links ul li a:visited:hover {

  color: var(--bl_black);

}



footer {

  background-color: #f0f0f0;

}



footer .socials {

  margin: 20px 0;

}



footer .socials .social {

    border-radius: 5px;

}



.copy-right {

font-family: "Poppins";

  color: #000;

  font-weight: 500;

  font-size: 14px;

  padding: 20px 0;

  box-sizing: border-box;

  border-top: 3px solid var(--bl_green);

  text-align: left;

}



.marquee {

  display: inline-block;

  white-space: nowrap;

  animation: scroll 10s linear infinite;

}



@keyframes scroll {

  0% {

    transform: translateX(100%);

  }

  100% {

    transform: translateX(-100%);

  }

}

.socials {

  margin-bottom: 10px;

}



@media only screen and (min-width: 1440px) and (max-width: 1560px) {

  .header-right {

    width: 88%;

  }

  .contact-link-single a,

  .contact-link-single a:visited {

    gap: 10px;

  }

  .header-right-inner {

    gap: 15px;

  }

  .header-right nav ul {

    display: flex;

    gap: 15px;

  }

}

@media only screen and (min-width: 1345px) and (max-width: 1439px) {

  .hero-about-content {
        padding: 4% 5%;
      

  }

    .header-button .header-btn {

        padding: 10px 20px;

        font-size: 16px;

        margin-bottom: 5px;

    }

  .header-right {

    width: 89%;

  }

  .contact-link-single a,

  .contact-link-single a:visited {

    gap: 8px;

  }

  .header-right-inner {

    gap: 14px;

  }

  .header-right nav ul {

    display: flex;

    gap: 10px;

  }

.product-box {

        width: 23.7%;

    }

  .product-items,

  .logo-grid-items,

  .quotes-items {

    margin-top: 55px;

  }

  .quotes-single {

        width: 100%;

  }

  .header-contact-links {

    gap: 15px;

  }

  .hero-inner-image {

    width: 500px;

    height: 500px;

  }

}

@media only screen and (min-width: 1280px) and (max-width: 1344px) {

  .header-button .header-btn {

    padding: 14px;

    font-size: 17px;

  }

  .header-right {

    width: 90%;

  }

  .contact-link-single a,

  .contact-link-single a:visited {

    gap: 6px;

  }

  .header-right-inner {

    gap: 10px;

  }

  .header-right nav ul {

    display: flex;

    gap: 8px;

  }

  .product-box {

    width: 31.6%;

  }

  .product-items,

  .logo-grid-items,

  .quotes-items {

    margin-top: 50px;

    gap: 29px;

  }

  .quotes-single {

    width: 31.6%;

  }

  .header-contact-links {

    gap: 15px;

  }

  .hero-inner-image {

    width: 450px;

    height: 450px;

  }

  .logo-grid-item {

    width: 14.5%;

  }

}

@media only screen and (min-width: 1180px) and (max-width: 1279px) {

  .hero-about-content {

    padding: 3% 5%;

  }

  .header-button .header-btn {

    padding: 14px;

    font-size: 17px;

  }

  .header-right {

    width: 80%;

  }

  .contact-link-single a,

  .contact-link-single a:visited {

    gap: 6px;

  }

  .header-right-inner {

    gap: 40px;

  }

  .header-right nav ul {

    display: flex;

    gap: 25px;

  }

  .header-left {

    width: 8%;

  }

  .product-box {

    width: 31.5%;

  }

  .product-items,

  .logo-grid-items,

  .quotes-items {

    margin-top: 50px;

    gap: 29px;

  }

  .quotes-single {

    width: 31.4%;

  }

  .header-contact-links {

    gap: 15px;

  }

  .hero-inner-image {

    width: 400px;

    height: 400px;

  }

  .cta-left {

    width: 58%;

  }

  .logo-grid-item {

    width: 14.3%;

  }

  .rating {

    width: 60%;

  }

  .s-100 {

    height: 80px;

  }

  .header-contact-links {

    display: none;

  }

}

@media only screen and (min-width: 1004px) and (max-width: 1179px) {

  .faq-img {

    width: 45%;

  }

  .feature-item {

    width: 23.3%;

  }

  .contact-form-left {

    width: 38%;

    padding: 2%;

  }

  .contact-form-left ul li a,

  .contact-form-left ul li a:visited {

    font-size: 15px;

    gap: 8px;

  }

  .hero-about-content {

    padding: 3% 5%;

  }

  .header-button .header-btn {

    padding: 14px;

    font-size: 17px;

  }

  .hero-slide-text .heading-1 {

    font-size: 60px;

  }

  .header-right {

    width: 87%;

  }

  .contact-link-single a,

  .contact-link-single a:visited {

    gap: 6px;

  }

  .header-right-inner {

    gap: 40px;

  }

  .header-right nav ul {

    display: flex;

    gap: 25px;

  }

  .header-left {

    width: 9%;

  }

  .product-box {

    width: 32.2%;

  }

  .product-items,

  .logo-grid-items,

  .quotes-items {

    margin-top: 50px;

    gap: 15px;

  }

  .quotes-single {

    width: 32.2%;

  }

  .header-contact-links {

    gap: 15px;

  }

  .hero-inner-image {

    width: 300px;

    height: 300px;

    bottom: 50px;

  }

  .cta-left {

    width: 58%;

  }

  .logo-grid-item {

    width: 15.2%;

  }

  .rating {

    width: 50%;

  }

  .rating img {

    width: 100%;

    height: 100%;

  }

  .s-100 {

    height: 70px;

  }

  .header-contact-links {

    display: none;

  }

  .cta-left .heading-2 {

    font-size: 26px;

  }

  .cta-button .button {

    font-size: 18px;

  }

  .footer-left {

    width: 25%;

  }

  .footer-right {

    width: 66%;

  }

}

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

  .faq-items .faq .faq-content {

    padding-left: 24px;

    margin-top: 8px;

  }

  .faq-head {

    align-items: flex-start;

    gap: 10px;

  }

  .faq-head span.faq-icon {

    width: 15px;

    height: 15px;

    position: relative;

    top: 6px;

  }

  .faq-head .heading-5 {

    font-size: 18px;

  }

  .faq-items {

    width: 100%;

    padding-top: 30px;

  }

  .faq-items-boxes {

    margin-top: 30px;

  }

  .faq-img {

    border-radius: 10px;

    width: 100%;

  }

  .faq-img img {

    border-radius: 10px;

  }

  .feature-head::after {

    background-size: contain;

  }

  .quality-blinds-image {

    margin-top: 20px;

    border-radius: 10px;

    height: 300px;

  }

  .quality-blinds-image img {

    border-radius: 10px;

  }

  .feature-btn {

    margin-top: 0px;

  }

  .feature-item {

    width: 100%;

    border-radius: 10px;

    min-height: auto;

  }

  .feature-item-content h3 {

    font-size: 22px;

  }

  .hero-about-content p {

    font-size: 15px;

    max-width: 100%;

  }

  .iat-left {

    width: 100%;

  }

  .iat-right {

    width: 100%;

    margin-top: 20px;

  }

  .iat-right h2 {

    font-size: 30px;

  }

  .iat-right p {

    margin-top: 15px;

  }

  .contact-form-main {

    flex-wrap: wrap;

    margin-top: 30px;

  }

  .contact-form-left {

    position: initial;

    width: 100%;

    padding: 5%;

  }

  .contact-form-left h3 {

    font-size: 24px;

  }

  .contact-form-left ul li a,

  .contact-form-left ul li a:visited {

    gap: 8px;

    font-size: 14px;

  }

  .contact-form-inner {

    width: 100%;

    margin-top: 30px;

  }

  .desktop-hide {

    display: block;

  }

  .header-right nav ul ul {

    position: initial;

    width: 100%;

    opacity: 1;

    visibility: visible;

    box-shadow: none;

    padding: 0;

    transition: none;

    display: none;

  }

  .header-right nav ul ul li a,

  .header-right nav ul ul li a:visited {

    font-size: 14px;

  }

  body.menu-open {

    overflow: hidden !important;

  }

  .menu-btn {

    cursor: pointer;

    display: inline-flex;

    flex-direction: column;

    height: 16px;

    justify-content: space-between;

    position: relative;

    right: 0;

    top: 0px;

    width: 28px;

    z-index: 9999;

  }

  .menu-btn,

  .menu-btn span {

    transition: all 0.3s ease-in-out;

  }

  .menu-btn span {

    background-color: var(--bl_black);

    height: 2px;

    opacity: 1;

    width: 100%;

  }

  .menu-btn.active span:first-child {

    transform: translateY(9px) translateX(0) rotate(-45deg);

  }

  .menu-btn.active span:last-child {

    transform: translateY(-5px) translateX(0) rotate(45deg);

  }

  .menu-btn.active span.middle {

    opacity: 0;

  }

  .header-button {

    line-height: 0.65;

    width: 100%;

  }

  .header-right-inner {

    flex-wrap: wrap;

    height: 60vh;

    overflow-y: scroll;

    align-items: flex-start;

    margin-top: 30px;

  }

  .header-right {

    width: 100% !important;

    height: 100vh;

    display: none;

    opacity: 0;

    visibility: hidden;

    background: white;

    transition: all 0.4s ease-in-out;

  }

  .header-right.active {

    visibility: visible;

    opacity: 1;

    display: block;

  }

  .header-right nav {

    width: 100%;

  }

  ul.sub-menu {

    margin: 0px !important;

}

  .header-right nav ul {

    flex-wrap: wrap;        margin-top: 20px;

    gap: 10px;

  }

  .header-right nav ul li {

    justify-content: space-between;

    width: 100%;

    flex-wrap: wrap;

  }

  .header-right nav ul li a,

  .header-right nav ul li a:visited {

    width: 100%;

  }

  .header-right nav ul li span {

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

  }

  .header-right nav ul li span.active {

    transform: rotate(180deg);

  }

  .header-right nav ul li span svg {

    width: 15px;

    height: 15px;

    margin: 0;

  }

  .header-right-inner {

    flex-wrap: wrap;

    background: white;

    margin: 0;

    padding: 30px 0;

  }

  .header-contact-links {

    display: none;

  }

  .header-button .header-btn {

    padding: 15px;

  }

  .header-right {

    width: 70%;

  }

  .magnific-img {

    width: 49%;

  }

  .hero-about-content {

    padding: 15% 5%;

  }

  .header-left {

    width: 15%;

  }

  .hero-slider-single {

    min-height: 500px;

  }

  .hero-slider-single::after {

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.85) 85%, #ffffff 106.6%);

  }

  .hero-slider-single .hero-slide-image {

    height: 100%;

    aspect-ratio: 748/554;

  }

  .hero-inner-image {

    width: 250px;

    height: 250px;

    bottom: 23%;

  }

  .hero-slide-text .heading-1 {

    font-size: 32px;

  }

  .icon-grid-items {

    gap: 30px;

    margin-top: 50px;

  }

  .product-items {

    gap: 20px;

    margin-top: 50px;

  }

  .icon-grid-item {

    width: 47.7%;

  }

  .icon-grid-item::before {

    display: none !important;

  }

  .cta-inner {

    flex-wrap: wrap;

    text-align: center;

    padding: 70px 5%;

  }

  .cta-left {

    width: 100%;

  }

  .cta-right {

    width: 65%;

  }

  .product-box {

    width: 48.5%;

  }

  .s-100 {

    height: 60px;

  }

  .logo-grid-items {

    gap: 20px;

    margin-top: 50px;

  }

  .logo-grid-item {

    width: 31.3%;

  }

  .section-head .heading-2::after {

    background-size: contain;

  }

  .quotes-items {

    margin-top: 50px;

    gap: 20px;

  }

  .quotes-single {

    width: 100%;

    min-height: -moz-max-content;

    min-height: max-content;

  }

  .footer-main {

    padding-top: 50px;

    align-items: flex-start;

    gap: 50px;

  }

  .footer-right {

    width: 61%;

  }

  .footer-quick-links {

    width: 100%;

    margin-top: 40px;

  }

}

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

	

}

@media (min-width: 320px) and (max-width: 767px) {
  .big-cover{
    width: 100% !important;
    position: relative;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
  }
        

	.socials {

    display: flex;

    gap: 10px;

    justify-content: flex-start;

    position: relative;

    z-index: 1;

}

	.product-box {

        width: 47.4%;

    }

}

@media (min-width: 320px) and (max-width: 576px) {
      ul.list-areas li:nth-child(1) {
        width: 100%;
    }

    .product-box {

        width: 100% !important;

    }

}

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

  .gallery-items {

    margin-top: 20px;

  }

  .magnific-img {

    width: 100%;

    height: 300px;

  }

  .magnific-img img {

    height: 100%;

  }

  .hero-about-content {

    padding: 25% 5%;

  }

  .hero-about-content h1 {

    font-size: 38px;

  }

  .socials {

    gap: 10px;

  }

  .header-left.image-cover img {

    max-width: 70px;

}

    .header-left {

        width: 30%;

    }

  .header-button .header-btn {

    font-size: 14px;

  }

  .hero-inner-image {

    width: 200px;

    height: 200px;

    bottom: 10%;

  }

  .hero-slider-single {

    min-height: auto;

  }

  .hero-slider-single .hero-slide-image {

    aspect-ratio: 748/900;

  }

  .hero-slide-text {

    top: -80px;

  }

    .hero-slide-text .heading-1 {

        font-size: 28px;

        line-height: 1;
        margin-top:170px;

    }

  .hero-slider-single::after {

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.85) 137%, #ffffff 106.6%);

  }

  .owl-dots button.owl-dot {

    background-color: var(--bl_white) !important;

  }

  .owl-dots button.owl-dot.active {

    background-color: var(--bl_green) !important;

  }

  .s-100 {

    height: 50px;

  }

  .section-head .heading-2 {

    font-size: 28px;

  }

  .section-head p {

    font-size: 18px;

    margin: 15px auto 0;

  }

  .icon-grid-items {

    gap: 20px;

    margin-top: 40px;

  }

  .icon-grid-item {

    width: 100%;

  }

  .icon-grid-icon {

    width: 150px;

    height: 150px;

  }

  .icon-grid-icon img {

    width: 62px;

    height: 62px;

  }

  .icon-grid-head {

    font-size: 22px;

  }

  .icon-grid-text {

    margin-top: 2px;

    font-size: 17px;

  }

  .product-items {

    gap: 20px;

    margin-top: 30px;

  }



    .product-front-text {

        font-size: 18px;

        padding: 10px 15px;

    }

  .cta-inner {

    padding: 50px 5%;

  }

  .cta-right {

    width: 100%;

  }

  .quotes-items .owl-dots {

    max-width: 100px;

    margin: 0px auto 0px;

}

  .cta-button .button {

    padding: 18px 50px 17px 20px;

    font-size: 16px;

    background-position: center right 15px;

    background-size: 22px;

  }

  .quotes-single {

    margin-top: 40px;

}

.quotes-single {

    opacity: 1 !important;

}

.cta-right {

        width: 100%;

        max-width: 290px;

        text-align: center;

    }

  .quotes-single {

    border: 2px solid var(--bl_green);

    border-radius: 0px 40px 0 40px;

    padding: 15px 15px 40px;

  }

  .quote {

    margin-top: 10px;

  }

  .rating {

    width: 55%;

  }

  .rating img {

    width: 100%;

    height: 100%;

  }

  .footer-left {

    width: 100%;

  }

  .footer-left img {

    width: 120px;

    height: 120px;

  }

  .footer-right {

    width: 100%;

  }

  .footer-right .heading-3 {

    font-size: 20px;

  }

  .footer-right ul {

    margin-top: 20px;

  }

  .footer-right ul li a,

  .footer-right ul li a:visited {

    gap: 10px;

  }

  .footer-right ul li .list-text {

    font-size: 16px;

  }

  .footer-right ul li:nth-child(n+2) {

    margin-top: 10px;

  }

  .footer-main {

    padding-top: 20px;

    align-items: flex-start;

    gap: 30px;

  }

  .footer-quick-links {

    margin-top: 30px;

  }

  footer .socials .social {

    padding: 6px;

  }

}

/*# sourceMappingURL=style.css.map */