.chimney-certification {
    margin-top: 35px;
    display: flex;
    width: 425px;
    justify-content: space-between;
    display: none;
}

.chimney-certification img {
    height: 130px;
}


.gallery-jobs {
max-width: 1200px;
    width: 95%;
    margin: 0 auto;
}

.jobs-desc {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    padding: 30px 0px;
}

.jobs-desc p {
    text-align: center;
    font-size: 18px;
}

.jobs-desc .text-one {
    text-align: center;
    margin-bottom: 10px;
}

.jobs-desc .text-one h2 {
    font-size: 45px;
}

.slider-wrapper {
  position: relative;
}

.slider-wrapper .slide-button {
  position: absolute;
  top: 50%;
  outline: none;
  border: none;
  height: 50px;
  width: 50px;
  z-index: 5;
  color: #fff;
  display: flex;
  cursor: pointer;
  font-size: 2.2rem;
  background: #000;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-50%);
}

.slider-wrapper .slide-button:hover {
  background: #404040;
}

.slider-wrapper .slide-button#prev-slide {
  left: -25px;
  display: none;
}

.slider-wrapper .slide-button#next-slide {
  right: -25px;
}

.slider-wrapper .image-list {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: 18px;
  font-size: 0;
  list-style: none;
  margin-bottom: 30px;
  overflow-x: auto;
  scrollbar-width: none;
}

.slider-wrapper .image-list::-webkit-scrollbar {
  display: none;
}

.slider-wrapper .image-list .image-item {
  width: 325px;
  height: 400px;
  object-fit: fill;
  border-radius: 5px;
}

.gallery-jobs .slider-scrollbar {
  height: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.slider-scrollbar .scrollbar-track {
  background: #ccc;
  width: 100%;
  height: 2px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
}

.slider-scrollbar:hover .scrollbar-track {
  height: 4px;
}

.slider-scrollbar .scrollbar-thumb {
  position: absolute;
  background: #000;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  cursor: grab;
  border-radius: inherit;
}

.slider-scrollbar .scrollbar-thumb:active {
  cursor: grabbing;
  height: 8px;
  top: -2px;
}

.slider-scrollbar .scrollbar-thumb::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: -10px;
}


.gallery {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
      gap: 15px;
      max-width: 1200px;
      margin: 0 auto;
     margin-top: 100px;
    padding: 20px;
    }

   .gallery .gallery-item {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .gallery .gallery-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

    .gallery .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease;
    }

    .gallery .gallery-item:hover img {
      transform: scale(1.08);
    }

    .gallery .caption {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
      color: white;
      padding: 20px 15px 15px;
      font-size: 0.9rem;
      text-align: center;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .gallery .gallery-item:hover .caption {
      opacity: 1;
    }


        .marquee {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            background-color: #000;
           padding: 7px 0;
        }

          .marquee::before, .marquee::after {
          background: linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);
          content: "";
          height: 25px;
          position: absolute;
          width: 100px;
          z-index: 2;
      }

		.marquee::after {
         right: 0;
        transform: rotateZ(180deg);
		}

		.marquee::before {
          left: 0;
        }

        .marquee-content {
            display: inline-block;
            animation: marquee 100s linear infinite;
        }

        .marquee-item {
            display: inline-flex;
            align-items: center;
            margin-right: 10px;
        }

        .marquee-item span {
            font-size: 13px;
            color: #fff;
            margin-right: 10px;
        }

        .marquee-item img {
        width: 50px;
        height: 20px;
        vertical-align: middle;
        border-radius: 20px;
        }

        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }

        .marquee:hover .marquee-content {
            animation-play-state: paused;
        }


.services-3 {
            padding: 80px 0;
            background: #f8f9fa;
        }

		.services-3 .services-3-box {
            width: 90%;
            max-width: 1250px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        .services-3 .section-title {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .services-3 .section-title h2 {
            position: relative;
            display: inline-block;
            padding-bottom: 15px;
			font-size: 40px;
        }
        
        .services-3 .section-title h2::after {
content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 7px;
    background: #c46753;
    border-radius: 10px;
        }

		.services-3 .section-title p {
            font-size: 20px;
            margin-top: 15px;
        }
        
        .services-3 .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }
        
        .services-3 .service-card {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }
        
        
        .services-3 .service-img {
            height: 200px;
            overflow: hidden;
        }
        
        .services-3 .service-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .services-3 .service-card:hover .service-img img {
            transform: scale(1.1);
        }
        
        .services-3 .service-content {
            padding: 1.5rem;
        }

		.services-3 .service-content h3 a {
            text-decoration: none;
			color: #c46753;
        }
        
        .services-3 .service-content h3 {
            margin-bottom: 1rem;
            color: #c46753;
        }

		.services-3 .service-content p {
   		margin-bottom: 15px;
		}		
        
        .services-3 .service-content ul {
            margin: 1rem 0;
            padding-left: 1.5rem;
            list-style: none;  
        }
        
        .services-3 .service-content ul li {
            margin-bottom: 0.5rem;
            position: relative;
        }
        
        .services-3 .service-content ul li::before {
            content: '✓';
            color: #c46753;
            font-weight: bold;
            position: absolute;
            left: -1.5rem;
        }

		.services-3 .btn {
        display: inline-block;
            background: #c46753;
            color: #fff;
            padding: 12px 30px;
            border-radius: 50px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0.5rem;
            text-decoration: none;
            text-align: center;
            width: 95%;
        }
        
        .services-3 .btn:hover {
            background: #c46753;
        }
        
        .services-3 .btn-secondary {
            background: transparent;
            border: 2px solid #fff;
        }
        
        .services-3 .btn-secondary:hover {
            background: #fff;
            color: var(--secondary);
        }


        .why-choose {
            padding: 80px 0;
            background: #fff;
        }

		.why-choose-box {
       	 width: 90%;
        max-width: 1250px;
        margin: 0 auto;
        padding: 0 15px;
        }


        
        .why-choose .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }
        
        .why-choose .feature {
            text-align: center;
            padding: 2rem;
        }
        
        .why-choose .feature-icon {
            width: 80px;
            height: 80px;
            background: #c46753;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            font-size: 2rem;
        }

		        .why-choose .feature-icon svg {
            width: 30px;
			fill: #fff;
        }

	        .why-choose .section-title {
            text-align: center;
            margin-bottom: 3rem;
        }

		    .why-choose .section-title h2 {
            position: relative;
            display: inline-block;
            padding-bottom: 15px;
			font-size: 40px;
        }
        
        .why-choose .section-title h2::after {
content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 7px;
    background: #c46753;
    border-radius: 10px;
        }

		.why-choose .section-title p {
            font-size: 20px;
            margin-top: 15px;
        }



.astrodivider .astrodivider {
    margin: 55px auto;
    width: 800px;
    max-width: 100%;
    position: relative;
}
  
.astrodivider .astrodividermask {
  overflow: hidden;
  height: 20px;
}

.astrodivider .astrodividermask:after {
    content: "";
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px / 12px;
    box-shadow: 0 0 5px #fda67a;
}

.astrodivider .astrodivider span {
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 100%;
    margin-bottom: -38px;
    left: 50%;
    margin-left: -25px;
    border-radius: 100%;
    background: #ffdfcf;
}
.astrodivider i {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    border-radius: 100%;
    border: 3px solid #fbb881;
    text-align: center;
    line-height: 40px;
    font-style: normal;
    color: #000000;
}
  
.astrodivider span i img {
    width: 65px;
    position: absolute;
    top: 0px;
    left: 0px;
}


.process-section .process-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin: 0 auto;
    max-width: 1230px;
    padding: 50px 0px;
} 

.process-section .process-container .process-col-2 {
    padding: 15px;
}

.process-section .process-container .process-col-2  h2 {
    font-size: 40px;
}
  
  
.process-section .step {
  position: relative;
  min-height: 1em;
  color: gray;
}
.process-section .step + .step {
  margin-top: 3em
}
.process-section .step > div:first-child {
  position: static;
  height: 0;
}
.process-section .step > div:not(:first-child) {
  margin-left: 2em;
  padding-left: 1em;
}
.process-section .step.step-active {
  color: #4285f4
}
.process-section .step.step-active .circle {
  background-color: #4285f4;
}

/* Circle */
.process-section .circle {
  background: #c46753;
  position: relative;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0 3px #fff;
}

/* Vertical Line */
.process-section .circle:after {
  content: ' ';
  position: absolute;
  display: block;
  top: 1px;
  right: 50%;
  bottom: 1px;
  left: 50%;
  height: 100%;
  width: 1px;
  transform: scale(1, 2);
  transform-origin: 50% -100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.process-section .step:last-child .circle:after {
  display: none
}

/* Stepper Titles */
.process-section .step .title {
line-height: 1em;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
.process-section .caption {
  font-size: 1em;
}
  
  
.process-section .process-image-column {
  	flex: 1;
    position: relative;
    padding: 20px;
}
  
.process-section .process-image-column img:first-child {
    width: 83%;
    border-radius: 10px;
    height: 600px;
    object-fit: cover;
    object-position: center center;
}  
  
  
.process-section .process-image-column img:nth-child(2) {
width: 40%;
    position: absolute;
    bottom: 15%;
    left: 75%;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: 4px solid #fff;
    height: 200px;
    object-fit: cover;
    object-position: center center;
} 
  
.process-section .process-image-column img:nth-child(3) {
width: 40%;
    position: absolute;
    bottom: 55%;
    left: 75%;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: 4px solid #fff;
    height: 200px;
    object-fit: cover;
    object-position: center center;
}  

.services-blocks-2 {
  padding: 60px 20px;
border-top: 1px solid #dcdada;
    border-bottom: 1px solid #dcdada;
  }
  .services-blocks-2-container {
  max-width: 1200px;
  margin: 0 auto;
  }
  .services-blocks-2 .services-blocks-2-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 auto;
  gap: 25px;
  }
  /* Stilet për kartën */
  .services-blocks-2 .card {
  position: relative;
  width: 300px;
  height: 400px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  /* Stilet për imazhin */
  .services-blocks-2 .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  }
  /* Stilet për përmbajtjen */
  .services-blocks-2 .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0), transparent);
  padding: 20px;
  transition: all 0.3s ease;
  transform: translateY(0);
  }
  /* Stilet për h3 */
  .services-blocks-2 .card-content h3 {
  margin: 0;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  transition: all 0.3s
  ease;
  text-shadow: 2px 2px #000000;
  }

  .services-blocks-2 .card-content h3:hover {
  color: #bb5d4c;
	}
  /* Stilet për paragrafin (fillimisht i fshehur) */
  .services-blocks-2 .card-content p {
  color: white;
  font-size: 1em;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease;
  }
  /* Efektet gjatë hover */
  .services-blocks-2 .card:hover .card-content {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
  transform: translateY(0px); /* Zhvendos përmbajtjen lart */
  }
  .services-blocks-2 .card:hover .card-content h3 {
  transform: translateY(0px); /* h3 lëviz pak më lart */
  }
  .services-blocks-2 .card:hover .card-content p {
  opacity: 1; /* Paragrafi shfaqet */
  }
  .services-blocks-2 .card:hover img {
  transform: scale(1.1); /* Zoom i lehtë në imazh për efekt shtesë */
  }


.services-blocks-1 {
    padding: 60px 20px;
background-color: #f5f5f5;
}
  
.services-blocks-1 .services-blocks-container {
    max-width: 1200px;
    margin: 0 auto;
}
  
  .services-blocks-1 .services-blocks-container .services-blocks-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    margin: 0 auto;
    gap: 25px;
}
  
  
  
.services-blocks-1 .service {
    background: #fff;
    border-radius: 12px 30px 10px 10px;
    height: 100%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
  
.services-blocks-1 .service-img img {
    width: 100%;
    border-radius: 10px 30px;
	height: 250px;
}
  
  
.services-blocks-1 .service-title h3 {
    padding: 10px 15px;
    margin: 0;
    text-transform: capitalize;
} 
  
.services-blocks-1 .service-title h3 a {
    color: unset;
    text-decoration: none;
}  
  
.services-blocks-1 .service-desc p {
    padding: 0px 15px 10px;
    margin: 0;
} 

.divider-1 {
background-color: #f5f5f5;
    position: relative;
    margin-top: -4%;
    margin-bottom: -5px;
    overflow: hidden;
    z-index: 100;
    height: 70px;
    clip-path: polygon(0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%, 100% 100%, 0% 100%);
}



.serving-area {
     position: relative;
    display: flex;
    align-items: center;
    color: #fff;
	background-color: #000000;
  }
 
  
.serving-area-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin: 0 auto;
    width: 100%;
    min-height: 350px;
  	gap: 30px;
}  
  
.serving-area .serving-area-location-embed iframe {
    width: 100%;
}
  
.serving-area-box .serving-area-title {
    padding: 30px;
}  

.serving-area-box .serving-area-title h2 {
    margin-bottom: 30px;
    font-size: 35px;
}

.serving-area-box .serving-area-title strong {
    color: #f08080;
    letter-spacing: 1px;
}

.serving-area-box .serving-area-title a {
    color: #f08080;
    letter-spacing: 1px;
}

.serving-area-location-embed {
    display: flex;
}
  

.block-section-2 {
background-color: #fbf0ea;
        }
      
.block-section-2-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin: 0 auto;
  	max-width: 1230px;
  	padding: 50px 0px;
}
      
.block-section-2-container .image-column {
            flex: 1;
            position: relative;
            padding: 20px;
        }
      
.block-section-2-container .image-column img:first-child {
width: 83%;
    border-radius: 10px;
    height: 600px;
    object-fit: cover;
    object-position: center center;
          
  }
      
      .block-section-2-container .image-column img:last-child {
width: 40%;
    position: absolute;
    bottom: 30%;
    left: 75%;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: 4px solid #fff;
    height: 280px;
    object-fit: cover;
    object-position: center center;
    }
      
    
.block-section-2 .text-content {
    padding: 15px;
}  

.block-section-2 .text-content .text-2 h2 {
    font-size: 30px;
}
      
      
      
.block-section-2 .text-1 strong {
    color: #c46753;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}  
      
      
.block-section-2 .text-3 {
    color: #5e5c5c;
    font-size: 20px;
	margin-top: 20px;
}  

.block-section-2 .text-3 .text-3-lists ul.list-benefits {
list-style: none;
}


.block-section-2 .text-3 .text-3-lists ul.list-benefits li {
            position: relative;
            padding-left: 30px;
            margin-bottom: 10px;
}

.block-section-2 .text-3 .text-3-lists ul.list-benefits li::before {
            content: '\f00c';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            color: green;
            position: absolute;
            left: 0;
            top: 0;
}
      
      
.block-section-2 .bl-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin: 0 auto;
	margin-top: 20px;
}   
      
.block-section-2 .bl-1 .bl-col-1-block {
    width: 80%;
    background-color: transparent;
    padding: 1em 1em 1em 1em;
    background-image: linear-gradient(180deg, #5a3828 0%, #a17864 100%);
    border-radius: 15px 15px 15px 15px;
}  
      
.block-section-2 .bl-1 .bl-col-1-block .number {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
      
.block-section-2 .bl-1 .bl-col-1-block .text {
    text-align: center;
    color: #fff;
    font-size: 18px;
}   
      
  
.block-section-2 .bl-2 {
    background-color: #fff;
    padding: 1rem;
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin: 0 auto;
  	margin-top: 25px;
    gap: 30px;
}   
      
.block-section-2 .bl-col-2 h4 {
    font-size: 25px;
    text-transform: capitalize;
} 
      
      
.block-section-2 .bl-2-col-1 {
flex-direction: row;
    text-align: start;
    display: flex;
    gap: 10px;
    align-items: center;
}
      
      
.block-section-2 .bl-2-col-1-icon img {
    width: 50px;
    height: 50px;
    padding: 10px;
    background-color: #c46753;
    border-radius: 25px;
}     
      
.block-section-2 .text-2 h1 {
font-size: 40px;
    margin: 5px 0px;
    line-height: 3.3rem;
}   
      
.block-section-2 .text-3 p {
    margin: 5px 0px;
}      
      
  
.block-section-2 .bl-2-col-1-text a {
    display: grid;
    text-decoration: none;
    color: unset;
    font-size: 17px;
}  

.block-section-2 .bl-2-col-1-text a strong.text-1 {
    margin-left: 4px;
} 
   
.block-section-2 .bl-2-col-1-text strong.text-1 {
    color: #7a7a7a;
}  
      
      
.block-section-2 .bl-2-col-2 {
    text-align: right;
}      
  
.block-section-2 .bl-2-col-2 button {
    border-radius: 15px 15px 15px 15px;
    padding: 15px 30px 15px 30px;
    border: 0;
    text-align: right;
    background-image: linear-gradient(180deg, #c46753 0%, #b36655 100%);
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}
      
.block-section-2 .bl-2-col-2 button a {
    text-decoration: none;
    color: #fff;
}


.page-title {
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000;
    width: 100%;
    height: 350px;
    margin: 0;
    padding: 0;
    text-align: center;
    background-size: cover;
    background-position: center top;
    position: relative;
    display: inline-block;
    margin-top: 0;
    z-index: 1;
}  
  
.page-title .filter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .35;
    background: #000;
}
  
.page-title h1 {
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    text-shadow: 1px 1px 4px #000000a8;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}  
  
.page-title .page-title-bar {
    background: rgba(35, 31, 32, .7);
    padding: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: left;
    z-index: 50;
}  
  
.page-box .page-title-bar-group {
    display: flex;
    flex-direction: row;
    gap: 23px;
    align-items: center;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}
  
.page-box .page-title-bar-block-1 p {
    font-size: 24px;
    color: #fff;
} 
  
.page-box .page-title-bar-block-2 .button-page a {
    text-decoration: none;
    color: unset;
}
  
.page-box .page-title-bar-block-2 .button-page {
    padding: 10px 15px;
    background-color: #009688;
    font-size: 22px;
    border-radius: 3px;
    color: #fff;
}  


.faq-block {
   padding: 40px 0px;
	background-color: #e3e3e3;
}

.faq-section {
    display: flex;
    flex-direction: row;
    gap: 40px;
    max-width: 1250px;
    margin: 0 auto;
    padding: 40px 20px;
}

.faq-title h2 {
    font-size: 45px;
}

        .faq-container {
            background-color: #fff;
            border-radius: 8px;
        }

        .faq-item {
            border-bottom: 1px solid #ddd;
        }

        .faq-question {
            padding: 18px;
            cursor: pointer;
            font-size: 20px;
            color: #000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s;
        }

        .faq-question:hover {
            color: #c46753;
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            padding: 0 15px;
            transition: max-height 0.3s ease-out, padding 0.3s ease-out;
            background-color: #fff;
        }

		.faq-answer ul {
            margin: 5px 40px;
        }

        .faq-answer p {
            margin: 5px 15px;
            color: #555;
        }

        .faq-item.active1 .faq-answer {
            max-height: 200px; /* Adjust based on content */
            padding: 15px;
        }

        .faq-question::after {
            content: "\f078";
 			font-family: "Font Awesome 5 Free"; 
            font-size: 14px;
            transition: transform 0.3s;
        }

        .faq-item.active1 .faq-question::after {
            transform: rotate(180deg); /* Up arrow when active */
        }


.block-section-1 {
    padding: 40px 0;
}


.block-section-1-container {
display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1250px;
    margin: 0 auto;
    padding: 30px;
    align-items: center;
}
    
.block-section-1-container-image img {
    width: 100%;
    height: 100%;
    border-radius: 11px;
}
 
.block-section-1-container-text-1 {
    margin-bottom: 15px;
}
    
.block-section-1-container-text-1 strong {
    padding: 5px 15px;
    background-color: antiquewhite;
    border-radius: 25px;
    font-weight: 600;
	color: #241c12;
    font-size: 13px;
}   
    
.block-section-1-container-text-2 h2 {
    font-size: 45px;
    margin-bottom: 15px;
    line-height: 50px;
}  
    
.block-section-1-container-text-3 p {
    font-size: 20px;
} 

.block-section-3 {
    padding: 40px 0;
}

.block-section-3-container {
display: grid;
    max-width: 1250px;
    margin: 0 auto;
    padding: 30px;
    align-items: center;
}

.block-section-3-container-text-1 h2 {
    font-size: 45px;
    margin-bottom: 15px;
    line-height: 50px;
}  
    
.block-section-3-container-text-2 p {
    font-size: 20px;
margin-bottom: 20px;
} 



.block-section-5 {
    padding: 20px 0;
	background-image: linear-gradient(161.15deg, #f7f7f7 12.73%, #E7D9CD 72.95%);
}

.block-section-5 .block-section-5-container {
	max-width: 1250px;
    margin: 0 auto;
    padding: 30px;
}
.block-section-5 .block-section-5-box-1 {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: center;	
}

.block-section-5 .block-section-5-box-2-text {
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
}

.block-section-5 .block-section-5-box-2-text a{
    text-decoration: none;
    color: #bb5d4c;
}

.block-section-5 .block-section-5-container h2 {
    font-size: 32px;
    margin-bottom: 15px;
    line-height: 50px;
}
.block-section-5 .block-section-5-container p, h3 {
    margin-bottom: 15px;
}

.block-section-5 .block-section-5-container .block-section-5-img img {
    width: 100%;
    height: 100%;
    border-radius: 11px;
}


.block-section-5 .block-section-5-container .block-section-5-desc p {
    font-size: 18px;
}

.block-section-5 .block-section-5-container .block-section-5-box-2 {
    margin-top: 20px;
}

.block-section-5 .block-section-5-container .block-section-5-box-2 ul {
    margin: 15px 40px;
    list-style: square;
}


.block-section-5 .block-section-5-container .block-section-5-box-2 ol {
    margin: 15px 42px;
}




.blog-block {
    background-color: #f0f8ff;
   padding: 40px 0px;
}    
    
 .blog-block-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
    
.blog-block-title h2 {
    font-size: 50px;
    text-align: center;
} 


.reviews-block {
    background-color: #000;
    padding: 40px 0px;
}
  
  
.reviews-block-container {
    padding: 40px 20px;
    color: #fff;
    max-width: 1300px;
    margin: 0 auto;
}  
  
.reviews-block-container-title h2 {
    font-size: 45px;
    margin-bottom: 5px;
    line-height: 50px;
    color: antiquewhite;
}
  
.reviews-block-container-desc p {
    font-size: 20px;
    color: #c3c3c3;
}

.reviews-block-container-code {
    margin-top: 70px;
}
    
.card-wrapper {
  max-width: 1300px;
  margin: 0 60px 35px;
  padding: 20px 10px;
  overflow: hidden;
}
.card-list .card-item {
  list-style: none;
}
.card-list .card-item .card-link {
  display: block;
  background: #fff;
  padding: 18px;
  user-select: none;
  border-radius: 12px;
  text-decoration: none;
  border: 2px solid transparent;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  transition: 0.2s ease;
}
.card-list .card-item .card-link:active {
  cursor: grabbing;
}
.card-list .card-item .card-link:hover {
  border-color: #5372F0;
}
.card-list .card-link .card-image {
  width: 100%;
  border-radius: 10px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.card-list .card-link .badge {
  color: #5372F0;
  width: fit-content;
  padding: 8px 16px;
  font-size: 0.95rem;
  border-radius: 50px;
  font-weight: 500;
  background: #DDE4FF;
  margin: 16px 0 18px;
}
.card-list .card-link .badge-designer {
  color: #B22485;
  background: #F7DFF5;
}
.card-list .card-link .badge-marketer {
  color: #B25A2B;
  background: #FFE3D2;
}
.card-list .card-link .badge-gamer {
  color: #205C20;
  background: #D6F8D6;
}
.card-list .card-link .badge-editor {
  color: #856404;
  background: #fff3cd;
}
.card-list .card-link .card-title {
  color: #000;
  font-size: 1.19rem;
  font-weight: 600;
}
.card-list .card-link .card-button {
  height: 35px;
  width: 35px;
  color: #5372F0;
  margin: 30px 0 5px;
  background: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #5372F0;
  transform: rotate(-45deg);
  transition: 0.4s ease;
}
.card-list .card-link:hover .card-button {
  color: #fff;
  background: #5372F0;
}
.card-wrapper .swiper-pagination-bullet {
  height: 13px;
  width: 13px;
  opacity: 0.5;
  background: #5372F0;
}
.card-wrapper .swiper-pagination-bullet-active {
  opacity: 1;
}
.card-wrapper .swiper-slide-button {
  color: #5372F0;
  margin-top: -35px;
}


.contact-block-container {
  display: block;
}  
  
  
.contact-block {
    background-color: whitesmoke;
    padding: 40px 0px;
}  
  
.contact-block-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px;
    align-items: center;
}
  
.contact-block-image img {
    width: 100%;
    border-radius: 10px;
}
  
.contact-block-title h2 {
    font-size: 45px;
    margin-bottom: 20px;
    line-height: 50px;
}
  
.contact-block-desc p {
    font-size: 21px;
    margin-bottom: 20px;
} 
  
.contact-block-buttons {
	display: grid;
    grid-template-columns: 200px 350px;
    gap: 30px;
    align-items: center;
}
  
.contact-block-button-1 {
text-transform: uppercase;
    background-color: #000000;
    border: 2px solid #000000;
    border-radius: 5px;
    box-shadow: #03A9F4 4px 4px 0 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    padding: 0 18px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
} 

.contact-block-button-1:hover {
    color: #03A9F4;
} 

.contact-block-button-1 a {
    text-decoration: none;
    color: unset;
}



.contact-block-button-2 {
text-transform: uppercase;
    background-color: #ffffff;
    border: 2px solid #000000;
    border-radius: 5px;
    box-shadow: #03A9F4 4px 4px 0 0;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.contact-block-button-2:hover {
color: #03A9F4;
}

.contact-block-button-2 a {
    text-decoration: none;
    color: unset;
}



.hero-1 {
position: relative;
height: 85vh;
display: flex;
align-items: center;
color: #fff;
padding: 30px;
margin-top: 45px;
}
.hero-1 .hero-1-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.hero-1-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.hero-1 .hero-1-filter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .40;
background: #000;
}
.hero-1 .hero-1-content {
max-width: 1200px;
padding: 20px;
z-index: 1;
margin: 0 auto;
}
.hero-1 h1 {
font-size: 3rem;
margin-bottom: 0.2rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin-bottom: 25px;
}
.hero-1 p {
font-size: 1.2rem;
margin-bottom: 2rem;
line-height: 1.6;
}
.hero-1 .hero-1-buttons {
display: flex;
gap: 1rem;
width: 425px;
    background-color: #f0f8ff3d;
    padding: 10px;
    border-radius: 230px;
}
.hero-1-button {
padding: 0.8rem 1.5rem;
font-size: 1rem;
text-decoration: none;
color: #fff;
background-color: #10b981;
border-radius: 30px;
transition: background-color 0.3s ease;
width: 100%;
text-align: center;
cursor: pointer;
}
.hero-1-button:hover {
background-color: #0d9366;
}
.hero-1-button.secondary {
background-color: #000;
}
.hero-1-button.secondary:hover {
background-color: #282828;
}
.hero-1 .hero-1-reviews {
margin-top: 35px;
    display: flex;
    gap: 8px;
    width: 425px;
}

.hero-1 .hero-1-reviews .hero-1-block {
    width: 100%;
    height: 60px;
}

.hero-1 .hero-1-row {
display: flex;
gap: 5px;
align-items: center;
background-color: #ffffff;
padding: 3px 10px;
border-radius: 5px;
border-top: 5px solid #10b981;
height: 60px;
}
.hero-1 .hero-1-review {
color: #858585;
}
.hero-1 .hero-1-ratings-1 {
color: #e7711b;
}
.hero-1 .hero-1-title {
margin-bottom: 5px;
color: #000;
}
.hero-1 .hero-1-ratings {
display: flex;
gap: 5px;
align-items: center;
}
.hero-1 .hero-1-ratings-stars {
display: flex;
}


.hero-1 .hero-1-reviews .hero-2-block {
    width: 100%;
    height: 60px;
}

.hero-2-block .google-guaranted-row {
display: flex;
    gap: 3px;
    align-items: center;
    background-color: #ffffff;
    padding: 3px 10px;
    border-radius: 5px;
    border-top: 5px solid #0386f7;
    height: 60px;
}

.hero-2-block .google-guaranted-row .google-guaranted-img img {
    height: 47px;
    padding: 0;
    margin: 0;
}

.hero-2-block .google-guaranted-box .google-guaranted-box-title {
    color: #8b8888;
    margin-top: -10px;
}

.hero-2-block .google-guaranted-box .google-guaranted-box-img img {
    height: 23px;
    padding: 0;
    margin: 0;
}

.hero-2-block .google-guaranted-box .google-guaranted-box-title p {
    font-size: 16px;
    margin: 0;
    padding: 0;
}


@media only screen and (max-width: 1025px) {
  .slider-wrapper .slide-button {
    display: none !important;
  }

  .slider-wrapper .image-list {
    gap: 10px;
    margin-bottom: 15px;
    scroll-snap-type: x mandatory;
  }

  .slider-wrapper .image-list .image-item {
    width: 280px;
    height: 380px;
  }

  .slider-scrollbar .scrollbar-thumb {
    width: 20%;
  }
}




@media screen and (max-width: 780px) {
    
    
    .block-section-5 .block-section-5-container h2 {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 30px;
    }
    
    .chimney-certification {
        width: 100%
    }
    
    .chimney-certification img {
    height: 110px;
    }
    
    .gallery-past-jobs-box .jobs-desc .text-one h2 {
    font-size: 27px;
    }
    
        .gallery-past-jobs-box .jobs-desc p {
    font-size: 14px;
    }
    
    
    .gallery {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 10px;
      }
    .gallery  .caption {
        font-size: 0.8rem;
        padding: 15px 10px 10px;
      }
    
    
      .services-blocks-2 .services-blocks-2-row {
    display: block;
    }
    .services-blocks-2 .card {
    margin-bottom: 20px;
    width: 100%;
    height: 500px;
    }
   	.services-blocks-1 .services-blocks-container .services-blocks-row {
    display: block;
	}

	.services-blocks-1 .service {
    margin-bottom: 25px;
	}

	.serving-area-box {
    display: block;
	}

	.block-section-2-container {
    display: block;
	}

	.block-section-2-container .image-column img:first-child {
    height: 400px;   
	}

	.block-section-2-container .image-column img:last-child {
    height: 180px;
	}

	  .card-wrapper {
    margin: 0 10px 25px;
  }
  .card-wrapper .swiper-slide-button {
    display: none;
  }


  .block-section-1-container {
    display: block;
  }

  .block-section-1-container-text-1 span {
    font-size: 13px;
  }

  .block-section-1-container-text-2 h2 {
    font-size: 35px;
  }

  .block-section-1-container-text-3 p {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .faq-section {
    display: block;
  }

  .faq-title h2 {
    font-size: 35px;
	margin-bottom: 15px;
  }

  .faq-question {
    padding: 18px;
  }

	.reviews-block-container-title h2 {
    font-size: 35px;
	}

	.blog-block-title h2 {
    font-size: 35px;
	}

  .page-box .page-title-bar-group {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
  }

  .page-box .page-title-bar-block-1 p {
    font-size: 15px;
    color: #fff;
  }

  .page-box .page-title-bar-block-2 .button-page {
    padding: 10px 15px;
    background-color: #009688;
    font-size: 13px;
    border-radius: 3px;
    color: #fff;
  }

	.contact-block-container {
 	 display: block;
	}  

	.contact-block-image img {
        width: 100%;
        margin-bottom: 15px;
    }

	.contact-block-title h2 {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 40px;
	}


	.contact-block-buttons {
    display: block;
	}

	.contact-block-button-1 {
    margin-bottom: 20px;
	}

	.block-section-5 .block-section-5-box-1 {
	display: block;
	}

	.block-section-5 .block-section-5-box-1 .block-section-5-desc {
    margin-bottom: 20px;
	}


	.hero-1 {
    height: 100vh;
	padding: 20px;
    }

	.hero-1 h1 {
      font-size: 2rem;
     }

     .hero-1 p {
     font-size: 1rem;
     }

    .hero-1-button {
	padding: 0.6rem 0.6rem;
        font-size: 1rem;
     }

	.hero-1 .hero-1-buttons {
    display: flex;
    gap: 1rem;
    width: 100%;
        background-color: #f0f8ff3d;
        padding: 10px;
        border-radius: 230px;
    }
    
    .hero-1 .hero-1-title {
    font-size: 13px;
    }
    
    .hero-1 .hero-1-reviews {
    display: flex;
        gap: 10px;
        width: 100%;
    }


	.block-section-2 .bl-2-col-1-icon img {
	width: 40px;
    height: 40px;
	}

	.block-section-2 .bl-2-col-1-text a {
    font-size: 11px;
	}

	.block-section-2 .bl-2-col-2 button {
	text-align: center;
        font-size: 10px;
        width: 100%;
	}

	.process-section .process-container {
    display: block;
	}

	.process-section .process-container .process-col-2 {
    padding: 20px;
	}
	
	.block-section-2 .bl-2-col-1-text a strong.text-1 {
    margin-left: 0;
    font-size: 9px;
	}
	
}