.elementor-3995 .elementor-element.elementor-element-d96077c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.75;--overlay-mix-blend-mode:luminosity;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-d96077c:not(.elementor-motion-effects-element-type-background), .elementor-3995 .elementor-element.elementor-element-d96077c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://primemodernlimited.com/wp-content/uploads/2026/04/beautiful-view-construction-site-city-sunset-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3995 .elementor-element.elementor-element-d96077c::before, .elementor-3995 .elementor-element.elementor-element-d96077c > .elementor-background-video-container::before, .elementor-3995 .elementor-element.elementor-element-d96077c > .e-con-inner > .elementor-background-video-container::before, .elementor-3995 .elementor-element.elementor-element-d96077c > .elementor-background-slideshow::before, .elementor-3995 .elementor-element.elementor-element-d96077c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3995 .elementor-element.elementor-element-d96077c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3995 .elementor-element.elementor-element-0792932{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3995 .elementor-element.elementor-element-daa8362 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-3995 .elementor-element.elementor-element-59f6ff5{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-3995 .elementor-element.elementor-element-f9ccb06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3995 .elementor-element.elementor-element-4051a2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:34px;--padding-bottom:34px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-4051a2f:not(.elementor-motion-effects-element-type-background), .elementor-3995 .elementor-element.elementor-element-4051a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2B0AA;}.elementor-3995 .elementor-element.elementor-element-60c09bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3995 .elementor-element.elementor-element-842aafa .elementor-counter{gap:0px;}.elementor-3995 .elementor-element.elementor-element-842aafa .elementor-counter-number-wrapper{gap:9px;color:#30312C;font-family:"Doppio One", Sans-serif;font-size:50px;}.elementor-3995 .elementor-element.elementor-element-842aafa .elementor-counter-title{color:#30312C;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;}.elementor-3995 .elementor-element.elementor-element-65d0f37{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3995 .elementor-element.elementor-element-b0f8753 .elementor-counter{gap:0px;}.elementor-3995 .elementor-element.elementor-element-b0f8753 .elementor-counter-number-wrapper{gap:9px;color:#30312C;font-family:"Doppio One", Sans-serif;font-size:50px;}.elementor-3995 .elementor-element.elementor-element-b0f8753 .elementor-counter-title{color:#30312C;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;}.elementor-3995 .elementor-element.elementor-element-aea0182{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3995 .elementor-element.elementor-element-272c396 .elementor-counter{gap:0px;}.elementor-3995 .elementor-element.elementor-element-272c396 .elementor-counter-number-wrapper{gap:9px;color:#30312C;font-family:"Doppio One", Sans-serif;font-size:50px;}.elementor-3995 .elementor-element.elementor-element-272c396 .elementor-counter-title{color:#30312C;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;}.elementor-3995 .elementor-element.elementor-element-f785375{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3995 .elementor-element.elementor-element-c2d6c36 .elementor-counter{gap:0px;}.elementor-3995 .elementor-element.elementor-element-c2d6c36 .elementor-counter-number-wrapper{gap:9px;color:#30312C;font-family:"Doppio One", Sans-serif;font-size:50px;}.elementor-3995 .elementor-element.elementor-element-c2d6c36 .elementor-counter-title{color:#30312C;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;}.elementor-3995 .elementor-element.elementor-element-f479c13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-f479c13:not(.elementor-motion-effects-element-type-background), .elementor-3995 .elementor-element.elementor-element-f479c13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-3995 .elementor-element.elementor-element-f479c13.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3995 .elementor-element.elementor-element-1e15e36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-d24eef4{text-align:center;}.elementor-3995 .elementor-element.elementor-element-d24eef4 .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;color:#30312C;}.elementor-3995 .elementor-element.elementor-element-1c2e504{text-align:center;}.elementor-3995 .elementor-element.elementor-element-1c2e504 .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-3995 .elementor-element.elementor-element-c90bff6{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3995 .elementor-element.elementor-element-c90bff6 p{margin-block-end:1px;}.elementor-3995 .elementor-element.elementor-element-667c418 .elementor-button{background-color:#1B1C1A;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#272727;border-radius:8px 8px 8px 8px;padding:14px 20px 14px 20px;}.elementor-3995 .elementor-element.elementor-element-38e80e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-38e80e3:not(.elementor-motion-effects-element-type-background), .elementor-3995 .elementor-element.elementor-element-38e80e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1C1A;}.elementor-3995 .elementor-element.elementor-element-7d5c503{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-b9f40d0{text-align:center;}.elementor-3995 .elementor-element.elementor-element-b9f40d0 .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-3995 .elementor-element.elementor-element-1b22914{text-align:center;}.elementor-3995 .elementor-element.elementor-element-1b22914 .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-3995 .elementor-element.elementor-element-6c77e6f{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-3995 .elementor-element.elementor-element-6c77e6f p{margin-block-end:2px;}.elementor-3995 .elementor-element.elementor-element-14a0a0b .elementor-button{background-color:#1B1C1A;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;fill:#FFC83A;color:#FFC83A;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFC83A;border-radius:8px 8px 8px 8px;padding:14px 20px 14px 20px;}.elementor-3995 .elementor-element.elementor-element-14a0a0b .elementor-button:hover, .elementor-3995 .elementor-element.elementor-element-14a0a0b .elementor-button:focus{background-color:#B48200;color:#020101;border-color:#020101;}.elementor-3995 .elementor-element.elementor-element-14a0a0b .elementor-button:hover svg, .elementor-3995 .elementor-element.elementor-element-14a0a0b .elementor-button:focus svg{fill:#020101;}.elementor-3995 .elementor-element.elementor-element-86db85b{--display:flex;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-fccdbd5{text-align:center;}.elementor-3995 .elementor-element.elementor-element-fccdbd5 .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;color:#4C4845;}.elementor-3995 .elementor-element.elementor-element-e2e2a1d{text-align:center;}.elementor-3995 .elementor-element.elementor-element-e2e2a1d .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-3995 .elementor-element.elementor-element-d0b9de5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-3ce9def{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-402396b{text-align:center;}.elementor-3995 .elementor-element.elementor-element-402396b .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;color:#4C4845;}.elementor-3995 .elementor-element.elementor-element-d5bc9bd{text-align:center;}.elementor-3995 .elementor-element.elementor-element-d5bc9bd .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-3995 .elementor-element.elementor-element-1f43b57{--display:flex;}.elementor-3995 .elementor-element.elementor-element-f1833fe{--e-image-carousel-slides-to-show:4;}@media(max-width:767px){.elementor-3995 .elementor-element.elementor-element-4051a2f{--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-3995 .elementor-element.elementor-element-842aafa .elementor-counter-number-wrapper{font-size:45px;}.elementor-3995 .elementor-element.elementor-element-b0f8753 .elementor-counter-number-wrapper{font-size:45px;}.elementor-3995 .elementor-element.elementor-element-272c396 .elementor-counter-number-wrapper{font-size:45px;}.elementor-3995 .elementor-element.elementor-element-c2d6c36 .elementor-counter-number-wrapper{font-size:45px;}.elementor-3995 .elementor-element.elementor-element-c90bff6{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;}.elementor-3995 .elementor-element.elementor-element-8238fbb{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;}.elementor-3995 .elementor-element.elementor-element-1b22914{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;}.elementor-3995 .elementor-element.elementor-element-6c77e6f{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;padding:-3px -3px -3px -3px;}.elementor-3995 .elementor-element.elementor-element-3c5a46b{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;}.elementor-3995 .elementor-element.elementor-element-3950a25{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-3995 .elementor-element.elementor-element-0792932{--width:50%;}.elementor-3995 .elementor-element.elementor-element-f9ccb06{--width:50%;}.elementor-3995 .elementor-element.elementor-element-60c09bc{--width:25%;}.elementor-3995 .elementor-element.elementor-element-65d0f37{--width:25%;}.elementor-3995 .elementor-element.elementor-element-aea0182{--width:25%;}.elementor-3995 .elementor-element.elementor-element-f785375{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-7e6bb43 *//* Wrapper */
.btn-wrap {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

/* Common Button */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  font-family: 'Poppins', sans-serif;
  white-space: nowrap;
  cursor: pointer;
}

/* Arrow */
.btn span {
  transition: 0.3s;
}

/* Hover arrow */
.btn:hover span {
  transform: translateX(6px);
}

/* ========================= */
/* LEFT BUTTON (WHITE) */
/* ========================= */
.btn-fill {
  background: #ffffff !important;
  color: black !important; /* yellow text */
  border: 1px solid transparent !important;
}

.btn-fill:hover {
  background: #f5f5f5 !important;
  color: #FFC83A !important;
}

/* ========================= */
/* RIGHT BUTTON (OUTLINE) */
/* ========================= */
.btn-outline {
  background: transparent !important;
  color: #FFC83A !important;
  border: 1.5px solid #FFC83A !important;
}

.btn-outline:hover {
  background: #FFC83A !important;
  color: #000 !important;
}

/* Responsive */
@media (max-width: 768px) {
  .btn-wrap {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3c63a5 */#quoteFormPro {
  max-width: 620px;
  margin: auto;
  padding: 45px;
  background: #fff;
  border-radius: 18px;
  border: 3px solid #FFC83A;
  box-shadow: 0 25px 70px rgba(0,0,0,0.08);
  font-family: Arial;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d96077c *//*.elementor-3995 .elementor-element.elementor-element-d96077c {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  background: #0f0f0f;*/
/*}*/

/* Glow Ball 1 */
/*.elementor-3995 .elementor-element.elementor-element-d96077c::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 500px;*/
/*  height: 500px;*/
/*  background: radial-gradient(circle, rgba(251,191,36,0.4), transparent 70%);*/
/*  top: -150px;*/
/*  left: -150px;*/
/*  filter: blur(120px);*/
/*  animation: move1 10s infinite ease-in-out;*/
/*}*/

/* Glow Ball 2 */
/*.elementor-3995 .elementor-element.elementor-element-d96077c::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 500px;*/
/*  height: 500px;*/
/*  background: radial-gradient(circle, rgba(255,255,255,0.15), transparent 70%);*/
/*  bottom: -150px;*/
/*  right: -150px;*/
/*  filter: blur(120px);*/
/*  animation: move2 12s infinite ease-in-out;*/
/*}*/

/*@keyframes move1 {*/
/*  0% { transform: translate(0,0); }*/
/*  50% { transform: translate(80px, 80px); }*/
/*  100% { transform: translate(0,0); }*/
/*}*/

/*@keyframes move2 {*/
/*  0% { transform: translate(0,0); }*/
/*  50% { transform: translate(-80px, -60px); }*/
/*  100% { transform: translate(0,0); }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8238fbb */.steps-pro {
  /*padding: 100px 20px;*/
  /*background: #f8f8f8;*/
  text-align: center;
}

/* ICONS */
.steps-icons {
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: auto;
  position: relative;
}

.icon-circle {
  width: 75px;
  height: 75px;
  border: 3px solid #30312C;
  border-radius: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4C4845;
  font-size: 24px;
  z-index: 2;
  transition: 0.3s;
}

/* glow hover */
.icon-circle:hover {
  background: #30312C;
  color: #fff;
  box-shadow: 0 0 20px rgba(245,181,46,0.6);
  transform: scale(1.1);
}

/* LINE */
.steps-line {
  height: 5px;
  background: #30312C;
  max-width: 900px;
  margin: -37px auto 50px;
  border-radius: 20px;
  overflow: hidden;
}

.line-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, , #4C4845);
  border-radius: 20px;
}

/* CARDS */
.steps-cards {
  display: flex;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
}

.card {
  background: #30312C;
  padding: 30px 20px;
  border-radius: 18px;
  width: 270px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.06);
  transition: 0.3s;
}

/* hover effect 🔥 */
.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

.card span {
  display: inline-block;
  font-size: 12px;
  background:#fff;
  color: #4C4845;
  padding: 6px 12px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.card h3 {
  margin: 10px 0;
  color: #fff;
}

.card p {
  font-size: 14px;
  color: #fff;
}

/* RESPONSIVE */
@media(max-width:768px){
  .steps-icons {
    /*justify-content: space-around;*/
  }

  .card {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c5a46b *//* SECTION BG */
.services-wrap {
  display: flex;
  gap: 30px;
  justify-content: center;
  /*padding: 20px 20px;*/
  flex-wrap: wrap;
  /*background: radial-gradient(circle at top, #2a2a2a, #1a1a1a);*/
}

/* CARD */
.service-card {
  position: relative;
  width: 320px;
  padding: 25px 25px;
  border-radius: 20px;
  background: #FFC83A;

  color: #fff;
  text-align: center;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* ICON */
.icon-box {
  width: 73px;
  height: 75px;
  margin: 0 auto 20px;
  border-radius: 18px;
  background:#4C4845;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 30px;
  transition: 0.3s;
}

/* TEXT */
.service-card h3 {
  margin-bottom: 10px;
  font-size: 22px;
  color: black;
}

.service-card p {
  font-size: 14px;
  color: #000;
  line-height: 1.6;
}

/* TAGS */
.tags {
  margin: 18px 0;
}

.tags span {
  display: inline-block;
  background: #3a3a3a;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  margin: 4px;
  transition: 0.3s;
}

/* BUTTON */
.btn {
  display: inline-block;
  margin-top: 15px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  position: relative;
}

.btn::after {
  content: "→";
  margin-left: 6px;
  transition: 0.3s;
}

.service-card:hover .btn::after {
  margin-left: 12px;
}

/* 🔥 HOVER EFFECT */
.service-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}

/* ICON HOVER */
.service-card:hover .icon-box {
  background:#4C4845;
  color: #FFF;
  transform: rotate(5deg) scale(1.1);
}

/* TAG HOVER */
.tags span:hover {
  background: #f5b52e;
  color: #000;
}

/* 🔥 GLOW BORDER */
.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(120deg, transparent, #C3F703, transparent);

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  opacity: 0;
  transition: 0.4s;
}

.service-card:hover::before {
  opacity: 1;
}

/* BADGE */
.badge {
  position: absolute;
  top: 1px;
  right: 4px;
  background: #C3F703;
  color: #000;
  padding: 6px 12px;
  font-size: 11px;
  border-radius: 20px;
  font-weight: bold;
}

/* RESPONSIVE */
@media(max-width:768px){
  .service-card {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3950a25 */.projects-section {
  /*padding: 50px 40px;*/
  background: #fff;
}

/* HEADER */
.projects-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}

.sub {
  font-size: 20px;
  font-weight: 900;
  color: #000;
  letter-spacing: 1px;
  
}

.projects-header h2 {
  font-size: 42px;
  font-weight: 500;
  margin: 5px 0;
  color: #222;
}

.projects-header h2 span {
  color:#4C4845;
  font-weight: 600;
}

.view-link {
  color: #4C4845;
  text-decoration: none;
  font-size: 14px;
}

/* GRID */
.projects-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* IMAGE CARD */
.project-card {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
}

.project-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  transition: 0.4s;
}

/* HOVER */
.project-card:hover img {
  transform: scale(1.08);
}

/* OVERLAY */
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;

  background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);

  transform: translateY(100%);
  transition: 0.4s;
}

.project-card:hover .overlay {
  transform: translateY(0);
}

/* TEXT */
.overlay span {
  color: #4C4845==;
  font-size: 12px;
  font-weight: 600;
}

.overlay h3 {
  color: #fff;
  margin: 5px 0 0;
  font-size: 20px;
}

/* VIEW CARD */
.view-card {
  background: #323032;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

.view-card .icon {
  width: 60px;
  height: 60px;
  background: #3a3424;
  color: #f5b52e;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 22px;
}

.view-card h3 {
  margin: 5px 0;
  color: #ffff;
  font-size: 16px;
}

.view-card p {
  font-size: 13px;
  color: #aaa;
}

/* RESPONSIVE */
@media(max-width:1024px){
  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:600px){
  .projects-grid {
    grid-template-columns: 2fr;
  }

  .projects-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .projects-header h2 {
    font-size: 28px;
  }
}/* End custom CSS */