html {
  background-color: #58caff;
}

body {
  font-family: ABeeZee, sans-serif;
  background-color: #58caff;
}

.frame2085664094-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664094-elm {
  gap: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 1);
}
 
.frame2085664094-thq-frame2085664042-elm {
  gap: 2px;
  width: 100%;
  display: flex;
  padding: 12px 100px;
  overflow: hidden;
  box-shadow: 0px 4px 19.5px 0px rgba(0, 0, 0, 0.15000000596046448) ;
  align-items: flex-end;
  flex-shrink: 0;
  flex-direction: column;
  background-color: rgba(87, 201, 255, 1);
}
 
.frame2085664094-thq-frame2085664049-elm {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664107-elm {
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
}
 
.frame2085664094-thq-frame2085664106-elm {
  gap: 10px;
  display: flex;
  align-items: flex-start;
}
 
.frame2085664094-thq-frame2085664045-elm {
  gap: 110px;
  display: flex;
  align-items: flex-start;
}
 
.frame2085664094-thq-frame2085664043-elm {
  gap: 6px;
  display: flex;
  align-items: flex-end;
}
 
.frame2085664094-thq-frame-elm10.clickable-contact {
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
}

.frame2085664094-thq-frame-elm10.clickable-contact:hover {
  transform: scale(1.05);
  opacity: 0.9;
}
 
.frame2085664094-thq-frame-elm10 {
  width: 21px;
  height: 21px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.frame2085664094-thq-frame-elm10.clickable-contact {
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
}

.frame2085664094-thq-frame-elm10.clickable-contact:hover {
  transform: scale(1.05);
  opacity: 0.9;
}
 
.frame2085664094-thq-group-elm10 {
  top: 0.0010512606240808964px;
  left: 0.00001872794200608041px;
  width: 20.999988555908203px;
  height: 20.998497009277344px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm10 {
  top: 0px;
  left: 0px;
  width: 21px;
  height: 21px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm11 {
  top: 4.90057373046875px;
  left: 11.5498046875px;
  width: 5px;
  height: 5px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm12 {
  top: 7.0002593994140625px;
  left: 11.5498046875px;
  width: 3px;
  height: 3px;
  position: absolute;
}
 
.frame2085664094-thq-text-elm10 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
  white-space: nowrap;
}

.frame2085664094-thq-text-elm10.clickable-contact {
  display: inline-block;
  transition: color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

.frame2085664094-thq-text-elm10.clickable-contact:hover {
  color: rgba(255, 255, 255, 0.8);
  transform: translateY(-1px);
}
 
.frame2085664094-thq-frame2085664044-elm {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.frame2085664094-thq-frame-elm11 {
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm11 {
  top: 3px;
  left: 0px;
  width: 24px;
  height: 18px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm13 {
  top: 0px;
  left: 0px;
  width: 24px;
  height: 18px;
  position: absolute;
}
 
.frame2085664094-thq-text-elm11 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.frame2085664094-thq-text-elm11.clickable-contact {
  display: inline-block;
  transition: color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

.frame2085664094-thq-text-elm11.clickable-contact:hover {
  color: rgba(255, 255, 255, 0.8);
  transform: translateY(-1px);
}
 
.frame2085664094-thq-frame2085664046-elm {
  width: 144px;
  height: 21px;
}

.frame2085664094-thq-social-icons {
  display: flex;
  gap: 12px;
  align-items: center;
}

.social-icon-link {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  transition: transform 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
}

.social-icon-link:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

.social-icon {
  width: 22px;
  height: 22px;
  display: block;
}
 
.frame2085664094-thq-line1-elm {
  width: 1720px;
  height: 1px;
  align-self: stretch;
}

.clickable-line {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  transition: opacity 0.2s ease;
  cursor: pointer;
}

.clickable-line:hover {
  opacity: 0.7;
}
 
.frame2085664094-thq-frame2085664048-elm {
  gap: inherit;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}
 
.frame2085664094-thq-image-gutter-gleam-elm {
  width: 60px;
  height: 60px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/logo.png");
  transition: transform 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
}

.frame2085664094-thq-image-gutter-gleam-elm:hover {
  transform: scale(1.1);
  opacity: 0.9;
}
 
.frame2085664094-thq-frame2085664047-elm {
  gap: 52px;
  display: flex;
  align-items: center;
}

/* Hero Section Base Styles */
.hero-section {
  width: 100%;
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  padding: 80px 100px;
  overflow: visible;
  margin-left: 0;
  margin-right: 0;
}

.hero-background {
  position: absolute;
  inset: 0;
  background-image: url("../public/van.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.hero-background::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(89, 201, 255, 0.5);
  z-index: 1;
}

.hero-container {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 60px;
  min-height: 500px;
  justify-content: flex-end;
}

.hero-image-wrapper {
  flex-shrink: 0;
  position: absolute;
  bottom: 0;
  left: -100px;
  width: auto;
  height: auto;
  z-index: 3;
}

.hero-image {
  position: relative;
  bottom: -80px;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 600px;
  display: block;
  object-fit: contain;
  object-position: bottom left;
}

.hero-content {
  display: flex;
  flex-direction: column;
  max-width: 580px;
  text-align: right;
}

/* Hero Content Fade-in Animation (Desktop Only) */
@keyframes fadeInFromRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (min-width: 768px) {
  .hero-content {
    animation: fadeInFromRight 1s ease-out forwards;
    opacity: 0; /* Start hidden, animation will make it visible */
  }
}

/* Hero Section Desktop - Left Align Above 1365px */
@media (min-width: 1365px) {
  .hero-content {
    text-align: left;
  }

  .hero-title {
    text-align: left;
  }

  .hero-title-line2 {
    text-align: left;
  }

  .hero-description {
    text-align: left !important;
    margin-left: 0 !important;
  }

  .hero-cta-button {
    align-self: flex-start !important;
    margin-left: 0 !important;
  }
}

/* Hero Section Desktop - Right Align Below 1364px */
@media (max-width: 1364px) and (min-width: 768px) {
  .hero-content {
    text-align: right;
  }

  .hero-title {
    text-align: right;
  }

  .hero-description {
    text-align: right;
  }

  .hero-bullet-list {
    align-items: flex-end;
  }

  .hero-bullet-item {
    justify-content: flex-end;
  }

  .hero-bullet-text {
    text-align: right;
  }

  .hero-cta-button {
    align-self: flex-end;
  }
}

/* Main Heading (H1) */
.hero-title {
  font-family: Poppins;
  font-weight: 700;
  font-size: 60px;
  line-height: 1.15;
  letter-spacing: -0.75px;
  margin: 0 0 24px 0;
  text-decoration: none;
  text-shadow: 0 0 20px rgba(18, 51, 75, 0.6), 0 0 30px rgba(18, 51, 75, 0.4);
  text-align: right;
}

.hero-title-line1 {
  color: #FFFFFF;
  display: block;
  line-height: 1.2;
}

.hero-title-line2 {
  color: #F5B400;
  display: block;
  line-height: 1.2;
  margin-top: 0.1em;
}

/* Supporting Paragraph */
.hero-description {
  font-family: ABeeZee;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 500px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 32px 0;
  text-decoration: none;
  text-shadow: 0 0 20px rgba(18, 51, 75, 0.6), 0 0 30px rgba(18, 51, 75, 0.4);
}

/* Bullet Point List */
.hero-bullet-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hero-bullet-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.hero-bullet-icon {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: #F5B400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hero-bullet-icon svg {
  width: 18px;
  height: 18px;
}

.hero-bullet-text {
  font-family: ABeeZee;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  color: #FFFFFF;
  text-shadow: 0 0 20px rgba(18, 51, 75, 0.6), 0 0 30px rgba(18, 51, 75, 0.4);
}

/* Call-to-Action Button */
.hero-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 42px;
  border-radius: 999px;
  background-color: #F5B400;
  color: #FFFFFF;
  font-family: Poppins;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-decoration: none;
  box-shadow: 0 0 40px rgba(18, 51, 75, 0.6), 0 0 60px rgba(18, 51, 75, 0.4), 0 10px 25px rgba(0, 0, 0, 0.15);
  text-shadow: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
  margin-top: 0;
  align-self: flex-end;
  margin-left: auto;
  max-width: 260px;
}

.hero-cta-button:hover {
  background-color: #E0A200;
  transform: translateY(-2px);
}

/* Hero Section Variation 2 (50/50 split) */
.hero-section[data-variation="2"] .hero-image-wrapper {
  width: 50%;
  max-width: 50%;
}

.hero-section[data-variation="2"] .hero-content {
  width: 50%;
  margin-left: auto;
}

.hero-section[data-variation="2"] .hero-container {
  gap: 40px;
}

/* Hero Section Medium Screens */
@media (max-width: 1132px) {
  .hero-content {
    margin-left: 320px;
  }
}

@media (max-width: 1050px) {
  .hero-content {
    margin-left: 250px;
  }
}

@media (max-width: 980px) {
  .hero-content {
    margin-left: 180px;
  }
}

@media (max-width: 900px) {
  .hero-content {
    margin-left: 100px;
  }
}

/* Hero Section Tablet Responsive */
@media (max-width: 1024px) and (min-width: 768px) {
  .hero-title {
    font-size: 45px;
  }

  .hero-description {
    font-size: 18px;
  }

  .hero-bullet-text {
    font-size: 18px;
  }

  .hero-cta-button {
    height: 54px;
    font-size: 18px;
  }
}

/* Hero Section Mobile Responsive */
@media (max-width: 767px) {
  .hero-section {
    padding: 40px 20px;
    min-height: auto;
    position: relative;
    overflow: visible;
  }

  .hero-background {
    background-image: url("../public/mobile.png");
  }

  .hero-container {
    flex-direction: column;
    gap: 0;
    position: relative;
    min-height: 400px;
  }

  .hero-image-wrapper {
    width: auto !important;
    max-width: 60% !important;
    position: absolute !important;
    bottom: -40px !important;
    left: -20px !important;
    height: auto !important;
    z-index: 3;
    display: flex;
    align-items: flex-end;
  }
  
  .hero-image {
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 300px;
    object-fit: contain;
    object-position: bottom left;
  }

  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-bottom: 200px;
  }

  .hero-title {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 24px;
    text-align: center;
  }

  .hero-title-line1,
  .hero-title-line2 {
    display: block;
  }

  .hero-description {
    font-size: 16px;
    line-height: 1.6;
    max-width: 100%;
    margin-bottom: 32px;
    text-align: center;
  }

  .hero-bullet-list {
    gap: 16px;
    margin-bottom: 20px;
    align-items: center;
  }

  .hero-bullet-item {
    gap: 14px;
    justify-content: center;
  }

  .hero-bullet-icon {
    width: 34px;
    height: 34px;
  }

  .hero-bullet-icon svg {
    width: 16px;
    height: 16px;
  }

  .hero-bullet-text {
    font-size: 16px;
    text-align: left;
  }

  .hero-cta-button {
    width: 100%;
    height: 52px;
    font-size: 18px;
    margin-top: 0;
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Hide hero image at 767px and below */
@media (max-width: 767px) {
  .hero-image-wrapper,
  .hero-image {
    display: none !important;
  }

  .hero-content {
    padding-bottom: 0 !important;
  }
}

 
.frame2085664094-thq-navigation-elm {
  gap: 55px;
  width: 407px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 8px;
}
 
.frame2085664094-thq-link-elm10 {
  width: 42.890625px;
  height: 24px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
 
.frame2085664094-thq-text-elm12 {
  top: -2px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: underline;
  text-underline-offset: 4px;
}
 
.frame2085664094-thq-link-elm11 {
  width: 56.515625px;
  height: 24px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.frame2085664094-thq-link-elm11:hover {
  transform: translateY(-2px);
}

.frame2085664094-thq-link-elm11:hover .frame2085664094-thq-text-elm13 {
  color: rgba(255, 255, 255, 0.9);
}
 
.frame2085664094-thq-text-elm13 {
  top: -2px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}
 
.frame2085664094-thq-link-elm12 {
  width: 43.578125px;
  height: 24px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.frame2085664094-thq-link-elm12:hover {
  transform: translateY(-2px);
}

.frame2085664094-thq-link-elm12:hover .frame2085664094-thq-text-elm14 {
  color: rgba(255, 255, 255, 0.9);
}
 
.frame2085664094-thq-text-elm14 {
  top: -2px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}
 
.frame2085664094-thq-link-elm13 {
  width: 1px;
  height: 24px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.frame2085664094-thq-link-elm13:hover {
  transform: translateY(-2px);
}

.frame2085664094-thq-link-elm13:hover .frame2085664094-thq-text-elm15 {
  color: rgba(255, 255, 255, 0.9);
}
 
.frame2085664094-thq-text-elm15 {
  top: -2px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}
 
.frame2085664094-thq-frame9-elm {
  gap: 10px;
  display: flex;
  padding: 11px 30px;
  align-items: center;
  border-radius: 53px;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
  transition: all 0.3s ease;
  cursor: pointer;
}

.frame2085664094-thq-frame9-elm:hover {
  background-color: rgba(255, 200, 20, 1);
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px 0px rgba(255, 192, 0, 0.4);
}
 
.frame2085664094-thq-text-elm16 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664057-elm {
  gap: 10px;
  display: flex;
  padding: 80px 0;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(220, 246, 251, 1);
}
 
.frame2085664094-thq-frame2085664056-elm {
  gap: 28px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.frame2085664094-thq-text-elm17 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-size: 40px;
  align-self: stretch;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 49px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-container-elm10 {
  display: flex;
  padding: 15px 0;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}
 
.frame2085664094-thq-container-elm11 {
  width: 393px;
  height: 318px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm18 {
  top: 171px;
  left: 66.109375px;
  color: rgba(90, 96, 121, 1);
  width: 262px;
  height: auto;
  position: absolute;
  font-size: 15px;
  font-style: Regular;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-heading3-elm1 {
  top: 111px;
  left: 0px;
  width: 393px;
  height: 43.38999938964844px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm19 {
  top: -1px;
  left: 51px;
  color: rgba(87, 201, 255, 1);
  width: 290px;
  height: auto;
  position: absolute;
  font-size: 22px;
  font-style: SemiBold;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm10 {
  top: 0px;
  left: 151.98046875px;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 90px;
  background-color: rgba(255, 255, 255, 1);
}
 
.frame2085664094-thq-background-elm1 {
  top: 40px;
  left: 79px;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20px;
  background-color: rgba(255, 213, 50, 1);
}
 
.frame2085664094-thq-frame-elm12 {
  top: 20px;
  left: 20.01953125px;
  width: 50px;
  height: 50px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm12 {
  top: 0.7323540449142456px;
  left: 0.732421875px;
  width: 48.532901763916016px;
  height: 48.53543472290039px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm14 {
  top: 17.3013916015625px;
  left: 16.2548828125px;
  width: 24px;
  height: 8px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm15 {
  top: 12.696793556213379px;
  left: 4.64184246595778e-13px;
  width: 36px;
  height: 36px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm16 {
  top: 3.2779159545898438px;
  left: 9.765625px;
  width: 35px;
  height: 35px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm17 {
  top: 0px;
  left: 7.353515625px;
  width: 41px;
  height: 41px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm12 {
  width: 393px;
  height: 318px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm20 {
  top: 171px;
  left: 63.01953125px;
  color: rgba(90, 96, 121, 1);
  width: 268px;
  height: auto;
  position: absolute;
  font-size: 15px;
  font-style: Regular;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-heading3-elm2 {
  top: 111px;
  left: 0px;
  width: 393px;
  height: 43.38999938964844px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm21 {
  top: -1px;
  left: 49.01953125px;
  color: rgba(87, 201, 255, 1);
  width: 295px;
  height: auto;
  position: absolute;
  font-size: 22px;
  font-style: SemiBold;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm11 {
  top: 0px;
  left: 152.01953125px;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 90px;
  background-color: rgba(255, 255, 255, 1);
}
 
.frame2085664094-thq-background-elm2 {
  top: 40px;
  left: 79px;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20px;
  background-color: rgba(255, 213, 50, 1);
}
 
.frame2085664094-thq-frame-elm13 {
  top: 20px;
  left: 20px;
  width: 50px;
  height: 50px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm13 {
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm18 {
  top: 10.4166259765625px;
  left: 10.4169921875px;
  width: 29px;
  height: 40px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm19 {
  top: 0px;
  left: 0px;
  width: 50px;
  height: 44px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm13 {
  width: 394px;
  height: 318px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm22 {
  top: 171px;
  left: 57.0400390625px;
  color: rgba(90, 96, 121, 1);
  width: 284px;
  height: auto;
  position: absolute;
  font-size: 15px;
  font-style: Regular;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-heading3-elm3 {
  top: 111px;
  left: 0px;
  width: 394px;
  height: 43.38999938964844px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm23 {
  top: -1px;
  left: 93.0400390625px;
  color: rgba(87, 201, 255, 1);
  width: 212px;
  height: auto;
  position: absolute;
  font-size: 22px;
  font-style: SemiBold;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm12 {
  top: 0px;
  left: 151.98046875px;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 90px;
  background-color: rgba(255, 255, 255, 1);
}
 
.frame2085664094-thq-background-elm3 {
  top: 40px;
  left: 79px;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20px;
  background-color: rgba(255, 213, 50, 1);
}
 
.frame2085664094-thq-frame-elm14 {
  top: 20px;
  left: 20.0595703125px;
  width: 50px;
  height: 50px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm14 {
  top: 3.912109136581421px;
  left: 0.6124023199081421px;
  width: 48.77532196044922px;
  height: 42.17583465576172px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm20 {
  top: 21.549415588378906px;
  left: -3.166496753692627e-8px;
  width: 49px;
  height: 21px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm21 {
  top: 3.725290298461914e-7px;
  left: 14.70292854309082px;
  width: 28px;
  height: 25px;
  position: absolute;
}
 
.frame2085664094-thq-frame9279-elm {
  gap: 10px;
  display: flex;
  padding: 80px 158px;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

@media (max-width: 900px) {
  .frame2085664094-thq-frame9279-elm {
    padding-left: 79px;
    padding-right: 79px;
  }
}

@media (max-width: 767px) {
  .frame2085664094-thq-frame9279-elm {
    padding-left: 40px;
    padding-right: 40px;
  }

  .view-all-services-button {
    padding: 10px 25px;
    font-size: 16px;
    margin-top: 15px;
  }

  .view-all-services-button span {
    font-size: 16px;
  }
}
 
.frame2085664094-thq-frame9280-elm {
  gap: 15px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.frame2085664094-thq-text-elm24 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-size: 40px;
  align-self: stretch;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 49px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm25 {
  color: rgba(90, 96, 121, 1);
  max-width: 893px;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
  line-height: 23px;
  font-stretch: normal;
  text-decoration: none;
  padding-bottom: 12px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

/* Responsive styles for frame2085664094-thq-text-elm25 */
@media (max-width: 992px) {
  .frame2085664094-thq-text-elm25 {
    max-width: 100%;
    font-size: 15px;
    line-height: 22px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .frame2085664094-thq-text-elm25 {
    font-size: 14px;
    line-height: 21px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 480px) {
  .frame2085664094-thq-text-elm25 {
    font-size: 13px;
    line-height: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
 
.frame2085664094-thq-frame80-elm {
  gap: 29px;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  padding-top: 15px;
}

/* Fade-in animation for service cards */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply fade-in animation to all service cards */
.frame2085664094-thq-background-shadow-elm13,
.frame2085664094-thq-background-shadow-elm15,
.frame2085664094-thq-background-shadow-elm17,
.frame2085664094-thq-background-shadow-elm19,
.frame2085664094-thq-background-shadow-elm21,
.frame2085664094-thq-background-shadow-elm23,
.frame2085664094-thq-background-shadow-elm25,
.frame2085664094-thq-background-shadow-elm27,
.frame2085664094-thq-background-shadow-elm29 {
  animation: fadeInUp 0.6s ease-out forwards;
  opacity: 0;
}

/* Staggered animation delays for each card */
.frame2085664094-thq-background-shadow-elm13 {
  animation-delay: 0.1s;
}

.frame2085664094-thq-background-shadow-elm15 {
  animation-delay: 0.2s;
}

.frame2085664094-thq-background-shadow-elm17 {
  animation-delay: 0.3s;
}

.frame2085664094-thq-background-shadow-elm19 {
  animation-delay: 0.4s;
}

.frame2085664094-thq-background-shadow-elm21 {
  animation-delay: 0.5s;
}

.frame2085664094-thq-background-shadow-elm23 {
  animation-delay: 0.6s;
}

.frame2085664094-thq-background-shadow-elm25 {
  animation-delay: 0.7s;
}

.frame2085664094-thq-background-shadow-elm27 {
  animation-delay: 0.8s;
}

.frame2085664094-thq-background-shadow-elm29 {
  animation-delay: 0.9s;
}

.view-all-services-button {
  gap: 10px;
  display: flex;
  padding: 11px 30px;
  align-items: center;
  border-radius: 53px;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  margin-top: 20px;
  align-self: center;
}

.view-all-services-button:hover {
  background-color: rgba(255, 200, 20, 1);
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px 0px rgba(255, 192, 0, 0.4);
}

.view-all-services-button span {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
/* Service card links - make entire cards clickable */
.service-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.service-card-link:hover {
  transform: translateY(-2px);
}

.service-card-link:active {
  transform: translateY(0);
}
 
.frame2085664094-thq-container-elm14 {
  width: 300px;
  height: 326.8900146484375px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm13 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm13:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm15 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm14 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-h6service1600x330jpg-elm1 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_eg3zzdnqix-bvu-1500h.png");
}
 
.frame2085664094-thq-image24-elm {
  top: -23px;
  left: -9px;
  width: 287px;
  height: 194px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm1 {
  top: 205.5px;
  left: 25.73046875px;
  width: 219px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm26 {
  top: -10.5px;
  left: 44.26953125px;
  color: rgba(90, 96, 121, 1);
  width: 129px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm14 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-icon-elm1 {
  width: 42px;
  height: 42px;
}
 
.frame2085664094-thq-container-elm16 {
  width: 300px;
  height: 326.8900146484375px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm15 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm15:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm17 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm15 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-h6service2600x330jpg-elm1 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_hrxmenxsvf-hxl9-1500h.png");
}
 
.frame2085664094-thq-image21-elm {
  top: -20px;
  left: -9px;
  width: 288px;
  height: 197px;
  position: absolute;
}
 
.frame2085664094-thq-image25-elm {
  top: -44px;
  left: -2px;
  width: 273px;
  height: 206px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm2 {
  top: 205.5px;
  left: 35.3603515625px;
  width: 199px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm27 {
  top: -10.5px;
  color: rgba(90, 96, 121, 1);
  width: 200px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm16 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-icon-elm2 {
  top: 19.5px;
  left: 19.5px;
  width: 35px;
  height: 35px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm18 {
  width: 300px;
  height: 326.8900146484375px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm17 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm17:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm19 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm16 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-gallery1600x330jpg-elm1 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_83edk-we82-dyi-1500h.png");
}
 
.frame2085664094-thq-image22-elm {
  top: -20px;
  left: -9px;
  width: 287px;
  height: 184px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm3 {
  top: 205.5px;
  left: 48.880001068115234px;
  width: 172px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm28 {
  top: -10.5px;
  color: rgba(90, 96, 121, 1);
  width: 173px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm18 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-frame-elm15 {
  top: 17.5px;
  left: 17.5px;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm15 {
  top: 0.6249287128448486px;
  left: 2.499999761581421px;
  width: 35.000003814697266px;
  height: 38.85382080078125px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm22 {
  top: 0px;
  left: 0px;
  width: 35px;
  height: 39px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm20 {
  width: 300px;
  height: 326.8900146484375px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm19 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm19:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm21 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm17 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-h6service3600x330jpg-elm1 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_tuiu6kb7qe-8ip8v-1500h.png");
}
 
.frame2085664094-thq-image23-elm {
  top: -10px;
  left: -10px;
  width: 290px;
  height: 171px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm4 {
  top: 205.5px;
  left: 61.2197265625px;
  width: 148px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm29 {
  top: -10.5px;
  left: -18.2197265625px;
  color: rgba(90, 96, 121, 1);
  width: 182px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm20 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-frame-elm16 {
  top: 17.5px;
  left: 17.5px;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm16 {
  top: 0.6335065364837646px;
  left: 0.6250781416893005px;
  width: 38.74992370605469px;
  height: 38.741493225097656px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-artboard01-elm {
  top: 0px;
  left: 0px;
  width: 39px;
  height: 39px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm22 {
  width: 300px;
  height: 312px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm21 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm21:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm23 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm18 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-h6service1600x330jpg-elm2 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_5jteapnaat-8ddh-1500h.png");
}
 
.frame2085664094-thq-image15-elm {
  top: -31px;
  left: -9px;
  width: 288px;
  height: 192px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm5 {
  top: 205.5px;
  left: 25.73046875px;
  width: 219px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm30 {
  top: -9.5px;
  left: 0.26953125px;
  color: rgba(90, 96, 121, 1);
  width: 218px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm22 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-frame-elm17 {
  top: 16.5px;
  left: 16.5px;
  width: 42px;
  height: 42px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm17 {
  top: 2.625px;
  left: 2.625px;
  width: 36.75px;
  height: 36.75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm23 {
  top: 0px;
  left: 0px;
  width: 37px;
  height: 37px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm24 {
  width: 300px;
  height: 312px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm23 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm23:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm25 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm19 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-h6service2600x330jpg-elm2 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_ggrib2-sw0-f1tt-1500h.png");
}
 
.frame2085664094-thq-image16-elm {
  top: -28px;
  left: -3px;
  width: 279px;
  height: 186px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm6 {
  top: 205.5px;
  left: 35.3603515625px;
  width: 199px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm31 {
  top: -9.5px;
  left: -9.3603515625px;
  color: rgba(90, 96, 121, 1);
  width: 218px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm24 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-frame-elm18 {
  top: 16.5px;
  left: 16.5px;
  width: 42px;
  height: 42px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm18 {
  top: -0.00000462838170278701px;
  left: 0.0008806387195363641px;
  width: 41.99814987182617px;
  height: 42.00000762939453px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-group-elm19 {
  top: 0px;
  left: 0px;
  width: 41.99814987182617px;
  height: 42.00000762939453px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm24 {
  top: 0px;
  left: 0px;
  width: 42px;
  height: 42px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm25 {
  top: 5.600003719329834px;
  left: 4.199118614196777px;
  width: 1px;
  height: 15px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm26 {
  width: 300px;
  height: 312px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm25 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm25:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm27 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm20 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-gallery1600x330jpg-elm2 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_4rw0hlu3qi-ijd-1500h.png");
}
 
.frame2085664094-thq-image17-elm {
  top: -11px;
  left: -10px;
  width: 290px;
  height: 167px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm7 {
  top: 205.5px;
  left: 48.880001068115234px;
  width: 172px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm32 {
  top: -9.5px;
  left: 1.1201171875px;
  color: rgba(90, 96, 121, 1);
  width: 171px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm26 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-frame-elm19 {
  top: 16.5px;
  left: 16.5px;
  width: 42px;
  height: 42px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm20 {
  top: 0.6590490937232971px;
  left: 0.6592112183570862px;
  width: 40.70006561279297px;
  height: 40.643375396728516px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm26 {
  top: 0px;
  left: 0px;
  width: 41px;
  height: 41px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm27 {
  top: 4.087158203125px;
  left: 15.498046875px;
  width: 11px;
  height: 11px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm28 {
  top: 11.809700965881348px;
  left: 20.340787887573242px;
  width: 1px;
  height: 1px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm29 {
  top: 7.872200965881348px;
  left: 20.340787887573242px;
  width: 1px;
  height: 3px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm30 {
  top: 15.090950965881348px;
  left: 5.246841907501221px;
  width: 30px;
  height: 14px;
  position: absolute;
}
 
.frame2085664094-thq-container-elm28 {
  width: 300px;
  height: 312px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm27 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm27:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm29 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm21 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-h6service3600x330jpg-elm2 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_vhzm6szy8i-daji-1500h.png");
}
 
.frame2085664094-thq-image18-elm {
  top: -7px;
  left: -5px;
  width: 280px;
  height: 162px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm8 {
  top: 205.5px;
  left: 61.2197265625px;
  width: 148px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm33 {
  top: -9.5px;
  left: -18.2197265625px;
  color: rgba(90, 96, 121, 1);
  width: 185px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm28 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-frame-elm20 {
  top: 16.5px;
  left: 16.5px;
  width: 42px;
  height: 42px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm21 {
  top: 2.793984889984131px;
  left: 0px;
  width: 42px;
  height: 36.41204071044922px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm31 {
  top: 0px;
  left: 0px;
  width: 42px;
  height: 36px;
  position: absolute;
}

/* Roof Cleaning Card Styles */
.frame2085664094-thq-container-elm47 {
  width: 300px;
  height: 312px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-background-shadow-elm29 {
  top: 0px;
  left: 15px;
  width: 270px;
  height: 266.8900146484375px;
  display: flex;
  position: absolute;
  box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.15) ;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.frame2085664094-thq-background-shadow-elm29:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.25);
}
 
.frame2085664094-thq-container-elm48 {
  top: 0px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  flex-shrink: 0;
  border-radius: 5px;
}
 
.frame2085664094-thq-link-elm22 {
  top: 63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 19px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-h6service1600x330jpg-elm3 {
  top: -63.40999984741211px;
  left: 0px;
  width: 270px;
  height: 148.5px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../public/tq_vhzm6szy8i-daji-1500h.png");
}
 
.frame2085664094-thq-image24-elm {
  top: -7px;
  left: -5px;
  width: 280px;
  height: 162px;
  position: absolute;
}
 
.frame2085664094-thq-heading5-link-elm9 {
  top: 205.5px;
  left: 61.2197265625px;
  width: 148px;
  height: 31px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm34 {
  top: -9.5px;
  left: -18.2197265625px;
  color: rgba(90, 96, 121, 1);
  width: 185px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}

.frame2085664094-thq-text-elm92 {
  top: -9.5px;
  left: -18.2197265625px;
  color: rgba(90, 96, 121, 1);
  width: 185px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: 26.399999618530273px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-background-shadow-elm30 {
  top: 110.5px;
  left: 97.5px;
  width: 75px;
  height: 75px;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 75px;
  background-color: rgba(255, 192, 0, 1);
}

.frame2085664094-thq-icon-elm7 {
  width: 42px;
  height: 42px;
}
 
.frame2085664094-thq-frame-elm21 {
  top: 16.5px;
  left: 16.5px;
  width: 42px;
  height: 42px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm22 {
  top: 2.793984889984131px;
  left: 0px;
  width: 42px;
  height: 36.41204071044922px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm32 {
  top: 0px;
  left: 0px;
  width: 42px;
  height: 36px;
  position: absolute;
}
 
.frame2085664094-thq-frame2085664058-elm {
  gap: 33px;
  display: none;
  padding: 80px 0;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  background-color: rgba(87, 201, 255, 1);
  box-sizing: border-box;
  overflow-x: hidden;
}
 
.frame2085664094-thq-image-gutter-gleam-professional-cleaning-elm {
  gap: 10px;
  width: 584px;
  height: 584px;
  display: flex;
  padding: 10px;
  overflow: hidden;
  box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25) ;
  align-items: flex-start;
  border-radius: 16px;
  flex-direction: column;
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.000009999999747378752);
  background-image: url("../public/tq_aovjlrwr8l-v6y8-600h.png");
  box-sizing: border-box;
  flex-shrink: 0;
}
 
.frame2085664094-thq-frame2085664059-elm {
  gap: 10px;
  width: 621px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  box-sizing: border-box;
  max-width: 100%;
}
 
.frame2085664094-thq-text-elm34 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 50px;
  align-self: stretch;
  font-style: Bold;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  line-height: 60px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm35 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 20px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-container-elm30 {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-container-elm31 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-container-elm32 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-icon-elm3 {
  width: 24px;
  height: 24px;
}
 
.frame2085664094-thq-container-elm33 {
  gap: 8px;
  width: 557px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.frame2085664094-thq-heading3-elm4 {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm36 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  flex-grow: 1;
  font-size: 20px;
  font-style: Bold;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 700;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm37 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-container-elm34 {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-container-elm35 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-container-elm36 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-icon-elm4 {
  width: 48px;
  height: 48px;
}
 
.frame2085664094-thq-container-elm37 {
  gap: 8px;
  width: 557px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.frame2085664094-thq-heading3-elm5 {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm38 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  flex-grow: 1;
  font-size: 20px;
  font-style: Bold;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 700;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm39 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-container-elm38 {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-container-elm39 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-container-elm40 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-icon-elm5 {
  width: 48px;
  height: 48px;
}
 
.frame2085664094-thq-container-elm41 {
  gap: 8px;
  width: 557px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.frame2085664094-thq-heading3-elm6 {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm40 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  flex-grow: 1;
  font-size: 20px;
  font-style: Bold;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 700;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm41 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-container-elm42 {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-container-elm43 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-container-elm44 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-icon-elm6 {
  width: 48px;
  height: 48px;
}
 
.frame2085664094-thq-container-elm45 {
  gap: 8px;
  width: 557px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.frame2085664094-thq-heading3-elm7 {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-text-elm42 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  flex-grow: 1;
  font-size: 20px;
  font-style: Bold;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 700;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm43 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}

/* Tablet responsive styles for Why Choose Gutter Gleam section */
@media (max-width: 1024px) and (min-width: 768px) {
  .frame2085664094-thq-frame2085664058-elm {
    padding: 60px 40px;
    gap: 30px;
  }

  .frame2085664094-thq-image-gutter-gleam-professional-cleaning-elm {
    width: 450px;
    height: 450px;
    max-width: 100%;
  }

  .frame2085664094-thq-frame2085664059-elm {
    width: 100%;
    max-width: 500px;
    gap: 8px;
  }

  .frame2085664094-thq-text-elm34 {
    font-size: 42px;
    line-height: 50px;
  }

  .frame2085664094-thq-text-elm35 {
    font-size: 18px;
    line-height: 26px;
  }

  .frame2085664094-thq-container-elm30,
  .frame2085664094-thq-container-elm34,
  .frame2085664094-thq-container-elm38,
  .frame2085664094-thq-container-elm42 {
    gap: 20px;
  }
}

/* Mobile responsive styles for Why Choose Gutter Gleam section */
@media (max-width: 767px) {
  .frame2085664094-thq-frame2085664058-elm {
    padding: 40px 20px;
    flex-direction: column;
    gap: 20px;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  .frame2085664094-thq-image-gutter-gleam-professional-cleaning-elm {
    width: 100%;
    max-width: 250px;
    aspect-ratio: 1 / 1;
    height: auto;
    margin: 0 auto;
    flex-shrink: 0;
  }

  .frame2085664094-thq-frame2085664059-elm {
    gap: 8px;
  }

  .frame2085664094-thq-frame2085664059-elm {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    text-align: left;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .frame2085664094-thq-text-elm34 {
    font-size: 28px;
    line-height: 36px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
  }

  .frame2085664094-thq-text-elm35 {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
  }

  .frame2085664094-thq-container-elm30,
  .frame2085664094-thq-container-elm34,
  .frame2085664094-thq-container-elm38,
  .frame2085664094-thq-container-elm42 {
    gap: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .frame2085664094-thq-container-elm31,
  .frame2085664094-thq-container-elm35,
  .frame2085664094-thq-container-elm39,
  .frame2085664094-thq-container-elm43 {
    gap: 10px;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .frame2085664094-thq-container-elm32,
  .frame2085664094-thq-container-elm36,
  .frame2085664094-thq-container-elm40,
  .frame2085664094-thq-container-elm44 {
    flex-shrink: 0;
    min-width: 48px;
  }

  .frame2085664094-thq-container-elm33,
  .frame2085664094-thq-container-elm37,
  .frame2085664094-thq-container-elm41,
  .frame2085664094-thq-container-elm45 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 1;
    align-items: flex-start;
    text-align: left;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .frame2085664094-thq-text-elm36,
  .frame2085664094-thq-text-elm38,
  .frame2085664094-thq-text-elm40,
  .frame2085664094-thq-text-elm42 {
    font-size: 17px;
    line-height: 23px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
  }

  .frame2085664094-thq-text-elm37,
  .frame2085664094-thq-text-elm39,
  .frame2085664094-thq-text-elm41,
  .frame2085664094-thq-text-elm43 {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
  }

  .frame2085664094-thq-heading3-elm4,
  .frame2085664094-thq-heading3-elm5,
  .frame2085664094-thq-heading3-elm6,
  .frame2085664094-thq-heading3-elm7 {
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }
}

/* Small mobile responsive styles */
@media (max-width: 480px) {
  .frame2085664094-thq-frame2085664058-elm {
    padding: 30px 15px;
    gap: 15px;
  }

  .frame2085664094-thq-image-gutter-gleam-professional-cleaning-elm {
    max-width: 200px;
    padding: 8px;
  }

  .frame2085664094-thq-frame2085664059-elm {
    gap: 6px;
  }

  .frame2085664094-thq-text-elm34 {
    font-size: 24px;
    line-height: 32px;
  }

  .frame2085664094-thq-text-elm35 {
    font-size: 14px;
    line-height: 20px;
  }

  .frame2085664094-thq-container-elm30,
  .frame2085664094-thq-container-elm34,
  .frame2085664094-thq-container-elm38,
  .frame2085664094-thq-container-elm42 {
    gap: 10px;
  }

  .frame2085664094-thq-container-elm31,
  .frame2085664094-thq-container-elm35,
  .frame2085664094-thq-container-elm39,
  .frame2085664094-thq-container-elm43 {
    gap: 8px;
  }

  .frame2085664094-thq-container-elm32,
  .frame2085664094-thq-container-elm36,
  .frame2085664094-thq-container-elm40,
  .frame2085664094-thq-container-elm44 {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }

  .frame2085664094-thq-icon-elm3,
  .frame2085664094-thq-icon-elm4,
  .frame2085664094-thq-icon-elm6 {
    width: 20px;
    height: 20px;
  }

  /* Keep icon-elm5 at desktop size on mobile */
  .frame2085664094-thq-icon-elm5 {
    width: 48px;
    height: 48px;
  }

  .frame2085664094-thq-text-elm36,
  .frame2085664094-thq-text-elm38,
  .frame2085664094-thq-text-elm40,
  .frame2085664094-thq-text-elm42 {
    font-size: 16px;
    line-height: 22px;
  }

  .frame2085664094-thq-text-elm37,
  .frame2085664094-thq-text-elm39,
  .frame2085664094-thq-text-elm41,
  .frame2085664094-thq-text-elm43 {
    font-size: 13px;
    line-height: 19px;
  }
}
 
.frame2085664094-thq-section-elm1 {
  gap: 41px;
  display: flex;
  padding: 92px 20px;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  background-size: 140%;
  background-position: center;
  background-repeat: no-repeat;
  justify-content: center;
  background-color: rgba(246, 247, 250, 1);
  background-image: url("../public/map.png");
}

@media (min-width: 1273px) {
  .frame2085664094-thq-section-elm1 {
    background-image: url("../public/mapdesktop.png");
    background-size: 100%;
  }
}
 
.frame2085664094-thq-frame2085664064-elm {
  gap: 10px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.frame2085664094-thq-text-elm44 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-size: 40px;
  align-self: stretch;
  font-style: Bold;
  text-align: center;
  font-family: Poppins, sans-serif !important;
  font-weight: 700;
  line-height: 63px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm45 {
  color: rgba(105, 110, 133, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Regular;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
  max-width: 700px;
  margin: 0 auto;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
 
.frame2085664094-thq-section-elm2 {
  gap: 12px;
  display: flex;
  padding: 15px 0;
  align-self: stretch;
  align-items: center;
  border-radius: 7px;
  flex-direction: column;
  background-size: cover;
  background-image: url("../public/tq_mn8cxcyi5n-mw3-200h.png");
}

@media (max-width: 879px) {
  .frame2085664094-thq-section-elm2 {
    background-image: none !important;
    background-color: #f6f7fa !important;
  }
  
  .frame2085664094-thq-section-elm1 {
    background-image: none !important;
    background-color: #f6f7fa !important;
  }
}
 
.reviews-slider-container {
  position: relative;
  width: 100%;
  min-height: 300px;
  overflow: visible;
  margin-bottom: 12px;
}

.review-slide {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.6s ease;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

.review-slide.review-active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
  transform: translateX(-50%);
}
 
.frame2085664094-thq-container-elm46 {
  gap: 10px;
  display: flex;
  padding: 0 19px 28px;
  overflow: visible;
  align-self: center;
  align-items: flex-start;
  border-radius: 5px;
  flex-direction: column;
  background-color: rgba(238, 237, 237, 1);
  max-width: 600px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
 
.frame2085664094-thq-frame2085664066-elm {
  gap: 13px;
  display: flex;
  padding: 20px 0;
  align-self: stretch;
  align-items: center;
  border-radius: 4px;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 1);
  overflow: visible;
}
 
.frame2085664094-thq-frame2085664067-elm {
  width: auto;
  height: 50px;
  display: flex;
  overflow: visible;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
}

.frame2085664094-thq-profile-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  position: absolute;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
}
 
.frame2085664094-thq-text-elm46 {
  color: rgba(7, 109, 134, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Bold;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 700;
  line-height: 21.600000381469727px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664069-elm {
  gap: 10px;
  display: flex;
  padding: 0 26px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.frame2085664094-thq-text-elm47 {
  color: rgba(105, 110, 133, 1);
  height: auto;
  flex-grow: 1;
  font-size: 18px;
  font-style: Regular;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 26px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm48 {
  color: rgba(105, 110, 133, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Regular;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 26px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-tablist-elm {
  gap: 10px;
  display: flex;
  padding: 0 232px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}

@media (max-width: 767px) {
  .frame2085664094-thq-tablist-elm {
    padding: 0 20px;
  }

  .view-testimonials-button {
    padding: 10px 25px;
    font-size: 16px;
    margin-top: 15px;
  }

  .view-testimonials-button span {
    font-size: 16px;
  }
}
 
.frame2085664094-thq-frame2085664070-elm {
  gap: 10px;
  display: flex;
  align-items: center;
}

.view-testimonials-button {
  gap: 10px;
  display: flex;
  padding: 11px 30px;
  align-items: center;
  border-radius: 53px;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  margin-top: 20px;
  align-self: center;
}

.view-testimonials-button:hover {
  background-color: rgba(255, 200, 20, 1);
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px 0px rgba(255, 192, 0, 0.4);
}

.view-testimonials-button span {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-tab1of3-elm {
  width: 8px;
  height: 8px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: rgba(7, 109, 134, 1);
  transition: width 0.3s ease;
}
 
.frame2085664094-thq-tab2of3-elm {
  width: 8px;
  height: 8px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: rgba(7, 109, 134, 1);
  transition: width 0.3s ease;
}
 
.frame2085664094-thq-tab3of3-elm {
  width: 8px;
  height: 8px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: rgba(7, 109, 134, 1);
  transition: width 0.3s ease;
}

.frame2085664094-thq-tab1of3-elm.tab-active,
.frame2085664094-thq-tab2of3-elm.tab-active,
.frame2085664094-thq-tab3of3-elm.tab-active {
  width: 30px;
}
 
.frame2085664094-thq-frame2085664061-elm {
  gap: 10px;
  display: flex;
  padding: 101px 0;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  box-sizing: border-box;
}
 
.frame2085664094-thq-frame2085664060-elm {
  gap: 113px;
  display: flex;
  padding: 0 176px;
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
 
.frame2085664094-thq-frame2085664062-elm {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.frame2085664094-thq-text-elm49 {
  color: rgba(0, 0, 0, 1);
  max-width: 352px;
  width: 100%;
  height: auto;
  font-size: 40px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 49px;
  font-stretch: normal;
  text-decoration: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
}
 
.frame2085664094-thq-frame13-elm {
  gap: 53px;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
 
.frame2085664094-thq-image7-elm {
  width: 174px;
  height: 106px;
  object-fit: contain;
}
 
.frame2085664094-thq-image9-elm {
  width: 103px;
  height: 106px;
  object-fit: contain;
}
 
.frame2085664094-thq-image8-elm {
  width: 95px;
  height: 106px;
  object-fit: contain;
}
 
.frame2085664094-thq-image10-elm {
  width: 103px;
  height: 106px;
  object-fit: contain;
}

/* Responsive redesign for Accreditations & Certifications section */
/* Keep original design above 1200px - no changes */

/* Tablet: 768px - 1200px */
@media (max-width: 1200px) and (min-width: 768px) {
  .frame2085664094-thq-frame2085664061-elm {
    padding: 60px 0;
  }

  .frame2085664094-thq-frame2085664060-elm {
    gap: 60px;
    padding: 0 60px;
    flex-direction: column;
    align-items: center;
  }

  .frame2085664094-thq-frame2085664062-elm {
    width: 100%;
    justify-content: center;
  }

  .frame2085664094-thq-text-elm49 {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    max-width: 100%;
  }

  .frame2085664094-thq-frame13-elm {
    gap: 40px;
    width: 100%;
    justify-content: center;
  }

  .frame2085664094-thq-image7-elm {
    width: 140px;
    height: auto;
    max-height: 85px;
  }

  .frame2085664094-thq-image9-elm,
  .frame2085664094-thq-image8-elm,
  .frame2085664094-thq-image10-elm {
    width: 85px;
    height: auto;
    max-height: 85px;
  }
}

/* Mobile: below 768px */
@media (max-width: 767px) {
  .frame2085664094-thq-frame2085664061-elm {
    padding: 50px 0;
  }

  .frame2085664094-thq-frame2085664060-elm {
    gap: 40px;
    padding: 0 30px;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .frame2085664094-thq-frame2085664062-elm {
    width: 100%;
    justify-content: center;
  }

  .frame2085664094-thq-text-elm49 {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    max-width: 100%;
  }

  .frame2085664094-thq-frame13-elm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 25px;
    width: 100%;
    max-width: 400px;
    justify-items: center;
    align-items: center;
  }

  .frame2085664094-thq-image7-elm {
    width: 120px;
    height: auto;
    max-height: 70px;
  }

  .frame2085664094-thq-image9-elm,
  .frame2085664094-thq-image8-elm,
  .frame2085664094-thq-image10-elm {
    width: 70px;
    height: auto;
    max-height: 70px;
  }
}

/* Small Mobile: below 480px */
@media (max-width: 480px) {
  .frame2085664094-thq-frame2085664061-elm {
    padding: 40px 0;
  }

  .frame2085664094-thq-frame2085664060-elm {
    gap: 30px;
    padding: 0 20px;
  }

  .frame2085664094-thq-text-elm49 {
    font-size: 24px;
    line-height: 32px;
  }

  .frame2085664094-thq-frame13-elm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
    width: 100%;
    max-width: 300px;
    justify-items: center;
    align-items: center;
  }

  .frame2085664094-thq-image7-elm {
    width: 100px;
    max-height: 60px;
  }

  .frame2085664094-thq-image9-elm,
  .frame2085664094-thq-image8-elm,
  .frame2085664094-thq-image10-elm {
    width: 60px;
    max-height: 60px;
  }
}
 
.frame2085664094-thq-frame2085664092-elm {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  flex-shrink: 0;
  justify-content: flex-start;
  background-color: rgba(66, 189, 246, 1);
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* Desktop layout - side by side */
@media (min-width: 1351px) {
  .frame2085664094-thq-frame2085664092-elm {
    flex-direction: row;
    align-items: stretch;
  }

  .frame2085664094-thq-frame2085664079-elm {
    flex: 1;
    width: 50%;
    max-width: 50%;
  }

  .frame2085664094-thq-frame28-elm {
    flex: 1;
    width: 50%;
    max-width: 50%;
  }
}
 
.frame2085664094-thq-frame2085664079-elm {
  gap: 121px;
  display: flex;
  padding: 74px 56px;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: row;
  background-size: cover;
  background-image: url("../public/tq_1rch4ljn5d-hjro-1500w.png");
  box-sizing: border-box;
  overflow-x: hidden;
}

/* Align Contact Us section with About Gutter Gleam text */
@media (min-width: 1351px) {
  .frame2085664094-thq-frame44-elm {
    margin-top: 174px; /* Logo height (165px) + gap (9px) */
  }
}

/* Make the two sections stack vertically on smaller desktop screens */
@media (max-width: 1600px) and (min-width: 1351px) {
  .frame2085664094-thq-frame2085664079-elm {
    gap: 80px;
    padding: 74px 40px;
  }
}

@media (max-width: 1500px) and (min-width: 1351px) {
  .frame2085664094-thq-frame2085664079-elm {
    gap: 60px;
    padding: 74px 30px;
  }
}

@media (max-width: 1400px) and (min-width: 1351px) {
  .frame2085664094-thq-frame2085664079-elm {
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 74px 30px;
  }

  .frame2085664094-thq-frame2085664071-elm,
  .frame2085664094-thq-frame44-elm {
    width: 100%;
    max-width: 100%;
  }
}

/* Responsive styles for footer section below 1350px */
@media (max-width: 1350px) {
  .frame2085664094-thq-frame2085664092-elm {
    flex-direction: column;
  }

  .frame2085664094-thq-frame2085664079-elm {
    gap: 60px;
    padding: 50px 40px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .frame2085664094-thq-frame2085664071-elm {
    width: 100%;
    max-width: 100%;
    align-items: center;
    box-sizing: border-box;
  }

  .frame2085664094-thq-frame2085664072-elm {
    padding: 0;
    align-items: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .frame2085664094-thq-frame44-elm {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .frame2085664094-thq-text-elm50,
  .frame2085664094-thq-text-elm52 {
    font-size: 32px;
    line-height: 48px;
    text-align: center;
  }

  .frame2085664094-thq-text-elm51,
  .frame2085664094-thq-text-elm53 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

  .frame2085664094-thq-frame44-elm {
    width: 100%;
    align-items: center;
  }

  .frame2085664094-thq-frame2085664078-elm {
    align-items: center;
  }

  .frame2085664094-thq-frame9271-elm {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    width: 100%;
    justify-content: flex-start;
  }

  .frame2085664094-thq-group9270-elm,
  .frame2085664094-thq-group54-elm,
  .frame2085664094-thq-group55-elm {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
  }

  .frame2085664094-thq-frame28-elm {
    width: 100%;
    max-width: 100%;
    padding: 30px 30px;
  }

  .frame2085664094-thq-frame2085664090-elm {
    gap: 20px;
  }

  .frame2085664094-thq-frame2085664088-elm {
    gap: 20px;
  }

  .frame2085664094-thq-text-elm62 {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
  }

  .frame2085664094-thq-text-elm63 {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
  }

  .frame2085664094-thq-frame2085664087-elm {
    flex-direction: column;
    gap: 12px;
  }

  .frame2085664094-thq-frame2085664080-elm,
  .frame2085664094-thq-frame2085664081-elm,
  .frame2085664094-thq-frame2085664083-elm,
  .frame2085664094-thq-frame2085664082-elm {
    width: 100%;
    max-width: 100%;
  }

  .frame2085664094-thq-frame2085664084-elm,
  .frame2085664094-thq-frame2085664085-elm {
    width: 100%;
  }
}

/* Tablet responsive styles */
@media (max-width: 1024px) {
  .frame2085664094-thq-frame2085664079-elm {
    padding: 40px 30px;
    gap: 40px;
  }

  .frame2085664094-thq-text-elm50,
  .frame2085664094-thq-text-elm52 {
    font-size: 28px;
    line-height: 40px;
  }

  .frame2085664094-thq-guttergleampng1-elm1 {
    width: 120px;
    height: 120px;
  }

  .frame2085664094-thq-frame28-elm {
    padding: 25px 25px;
  }

  .frame2085664094-thq-frame2085664090-elm {
    gap: 18px;
  }

  .frame2085664094-thq-text-elm62 {
    font-size: 24px;
    line-height: 32px;
  }
}

/* Mobile responsive styles */
@media (max-width: 767px) {
  .frame2085664094-thq-frame2085664079-elm {
    padding: 30px 20px;
    gap: 30px;
  }

  .frame2085664094-thq-text-elm50,
  .frame2085664094-thq-text-elm52 {
    font-size: 24px;
    line-height: 32px;
  }

  .frame2085664094-thq-text-elm51,
  .frame2085664094-thq-text-elm53 {
    font-size: 14px;
    line-height: 22px;
  }

  .frame2085664094-thq-guttergleampng1-elm1 {
    width: 100px;
    height: 100px;
  }

  .frame2085664094-thq-frame9271-elm {
    gap: 20px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .frame2085664094-thq-group9270-elm,
  .frame2085664094-thq-group54-elm,
  .frame2085664094-thq-group55-elm {
    justify-content: flex-start;
  }

  .frame2085664094-thq-frame28-elm {
    padding: 36px 36px !important;
  }

  .frame2085664094-thq-frame2085664090-elm {
    gap: 16px;
  }

  .frame2085664094-thq-frame2085664089-elm {
    gap: 4px;
  }

  .frame2085664094-thq-frame2085664088-elm {
    gap: 20px;
  }

  .frame2085664094-thq-frame2085664087-elm {
    gap: 10px;
  }

  .frame2085664094-thq-frame2085664086-elm {
    gap: 12px;
  }

  .frame2085664094-thq-frame2085664080-elm,
  .frame2085664094-thq-frame2085664081-elm,
  .frame2085664094-thq-frame2085664083-elm,
  .frame2085664094-thq-frame2085664082-elm {
    padding: 12px 15px;
    height: auto;
    min-height: 48px;
  }

  .frame2085664094-thq-frame2085664084-elm {
    padding: 12px 15px;
    height: auto;
    min-height: 48px;
  }

  .frame2085664094-thq-frame2085664085-elm {
    padding: 12px 15px;
    height: auto;
    min-height: 80px;
  }

  .frame2085664094-thq-text-elm62 {
    font-size: 22px;
    line-height: 30px;
  }

  .frame2085664094-thq-text-elm63 {
    font-size: 14px;
    line-height: 20px;
  }

  .frame2085664094-thq-frame2085664080-elm,
  .frame2085664094-thq-frame2085664081-elm,
  .frame2085664094-thq-frame2085664083-elm,
  .frame2085664094-thq-frame2085664082-elm,
  .frame2085664094-thq-frame2085664084-elm,
  .frame2085664094-thq-frame2085664085-elm {
    height: auto;
    min-height: 50px;
  }
}

/* Small mobile responsive styles */
@media (max-width: 480px) {
  .frame2085664094-thq-frame2085664079-elm {
    padding: 25px 15px;
    gap: 25px;
  }

  .frame2085664094-thq-text-elm50,
  .frame2085664094-thq-text-elm52 {
    font-size: 20px;
    line-height: 28px;
  }

  .frame2085664094-thq-text-elm51,
  .frame2085664094-thq-text-elm53 {
    font-size: 13px;
    line-height: 20px;
  }

  .frame2085664094-thq-guttergleampng1-elm1 {
    width: 80px;
    height: 80px;
  }

  .frame2085664094-thq-frame28-elm {
    padding: 36px 36px;
  }

  .frame2085664094-thq-frame2085664090-elm {
    gap: 14px;
  }

  .frame2085664094-thq-frame2085664089-elm {
    gap: 3px;
  }

  .frame2085664094-thq-frame2085664088-elm {
    gap: 16px;
  }

  .frame2085664094-thq-frame2085664087-elm {
    gap: 8px;
  }

  .frame2085664094-thq-frame2085664086-elm {
    gap: 10px;
  }

  .frame2085664094-thq-frame2085664080-elm,
  .frame2085664094-thq-frame2085664081-elm,
  .frame2085664094-thq-frame2085664083-elm,
  .frame2085664094-thq-frame2085664082-elm {
    padding: 10px 12px;
    min-height: 44px;
  }

  .frame2085664094-thq-frame2085664084-elm {
    padding: 10px 12px;
    min-height: 44px;
  }

  .frame2085664094-thq-frame2085664085-elm {
    padding: 10px 12px;
    min-height: 70px;
  }

  .frame2085664094-thq-text-elm62 {
    font-size: 20px;
    line-height: 28px;
  }

  .frame2085664094-thq-text-elm63 {
    font-size: 13px;
    line-height: 18px;
  }
}
 
.frame2085664094-thq-frame2085664071-elm {
  gap: 9px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664073-elm {
  gap: 10px;
  display: flex;
  padding: 0 17px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.frame2085664094-thq-guttergleampng1-elm1 {
  width: 165px;
  height: 165px;
}
 
.frame2085664094-thq-frame2085664072-elm {
  gap: 2px;
  display: flex;
  padding: 0;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-text-elm50 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 40px;
  align-self: stretch;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 60px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm51 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 30px;
  font-stretch: normal;
  text-decoration: none;
  padding-bottom: 18px;
}
 
.frame2085664094-thq-group42-elm {
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 1;
}
 
/* Footer social icons - use same styling as header */
.frame2085664094-thq-group42-elm .frame2085664094-thq-social-icons {
  display: flex;
  gap: 12px;
  align-items: center;
}
 
.frame2085664094-thq-frame2085664076-elm {
  top: 2px;
  left: 52.99609375px;
  width: 32.0457878112793px;
  height: 32.74999237060547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm22 {
  top: 0px;
  left: 0px;
  width: 32.0457878112793px;
  height: 32.74999237060547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm32 {
  top: 0px;
  left: 0px;
  width: 32px;
  height: 33px;
  position: absolute;
}
 
.frame2085664094-thq-frame2085664075-elm {
  top: 2px;
  left: 0px;
  width: 17.00608253479004px;
  height: 32.749996185302734px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm23 {
  top: 0px;
  left: 0px;
  width: 17.00608253479004px;
  height: 32.749996185302734px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm33 {
  top: 0px;
  left: 0px;
  width: 17px;
  height: 33px;
  position: absolute;
}
 
.frame2085664094-thq-frame2085664074-elm {
  top: 2px;
  left: 121.03125px;
  width: 32.74919509887695px;
  height: 32.74999237060547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm24 {
  top: 0px;
  left: 0px;
  width: 32.74919509887695px;
  height: 32.74999237060547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm34 {
  top: 0px;
  left: 0px;
  width: 33px;
  height: 33px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm35 {
  top: 5.45751953125px;
  left: 23.1982421875px;
  width: 4px;
  height: 4px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm36 {
  top: 8.18701171875px;
  left: 8.1875px;
  width: 16px;
  height: 16px;
  position: absolute;
}
 
.frame2085664094-thq-frame-elm21 {
  top: 0px;
  left: 190px;
  width: 37px;
  height: 37px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm25 {
  top: 3.700000286102295px;
  left: 3.700000286102295px;
  width: 29.599998474121094px;
  height: 29.599998474121094px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm37 {
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  position: absolute;
}
 
.frame2085664094-thq-frame44-elm {
  gap: 36px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664078-elm {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-text-elm52 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 40px;
  align-self: stretch;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 63px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm53 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame9271-elm {
  gap: 57px;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: flex-start;
}
 
.frame2085664094-thq-group9270-elm {
  width: 185px;
  height: 43px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-frame-elm22 {
  top: 5px;
  left: 0px;
  width: 27px;
  height: 27px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm26 {
  top: 0.0009811766212806106px;
  left: 0.000017479413145338185px;
  width: 26.99998664855957px;
  height: 26.99807357788086px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm38 {
  top: 0px;
  left: 0px;
  width: 27px;
  height: 27px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm39 {
  top: 6.30126953125px;
  left: 14.849609375px;
  width: 6px;
  height: 6px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm40 {
  top: 9.00048828125px;
  left: 14.849609375px;
  width: 4px;
  height: 4px;
  position: absolute;
}
 
.frame2085664094-thq-text-elm56 {
  top: 19px;
  left: 42px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm57 {
  left: 42px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-group54-elm {
  width: 244px;
  height: 43px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-frame-elm23 {
  top: 5px;
  left: 0px;
  width: 28px;
  height: 28px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm27 {
  top: 3.5px;
  left: 0px;
  width: 28px;
  height: 21px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm41 {
  top: 0px;
  left: 0px;
  width: 28px;
  height: 21px;
  position: absolute;
}
 
.frame2085664094-thq-text-elm58 {
  left: 45px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm59 {
  top: 19px;
  left: 45px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-group55-elm {
  width: 272px;
  height: 43px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-text-elm60 {
  left: 47px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm61 {
  top: 19px;
  left: 47px;
  color: rgba(255, 255, 255, 1);
  width: 225px;
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame-elm24 {
  top: 3px;
  left: 0px;
  width: 32px;
  height: 32px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm28 {
  top: 0px;
  left: 4.1787109375px;
  width: 23.64189338684082px;
  height: 32px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm42 {
  top: 0px;
  left: 0px;
  width: 24px;
  height: 32px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm43 {
  top: 5.5634765625px;
  left: 5.5625px;
  width: 13px;
  height: 13px;
  position: absolute;
}
 
.frame2085664094-thq-frame28-elm {
  gap: 10px;
  width: 960px;
  display: flex;
  padding: 130px 112px;
  flex-grow: 1;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(66, 189, 246, 1);
  box-sizing: border-box;
}
 
.frame2085664094-thq-frame2085664090-elm {
  gap: 28px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664089-elm {
  gap: 6px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-text-elm62 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 36px;
  align-self: stretch;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 43.20000076293945px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm63 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 21px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664088-elm {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664087-elm {
  gap: 26px;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-frame2085664080-elm {
  gap: 10px;
  width: 355px;
  height: 63px;
  display: flex;
  padding: 19px 20px;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.20000000298023224);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.frame2085664094-thq-text-elm64 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664081-elm {
  gap: 10px;
  width: 355px;
  height: 63px;
  display: flex;
  padding: 19px 20px;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.20000000298023224);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.frame2085664094-thq-text-elm65 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664083-elm {
  gap: 10px;
  width: 355px;
  height: 63px;
  display: flex;
  padding: 19px 20px;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.20000000298023224);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.frame2085664094-thq-text-elm66 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664082-elm {
  gap: 10px;
  width: 355px;
  height: 63px;
  display: flex;
  padding: 19px 20px;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.20000000298023224);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.frame2085664094-thq-text-elm67 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664086-elm {
  gap: 19px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664084-elm {
  gap: 10px;
  height: 62px;
  display: flex;
  padding: 18px 20px;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.20000000298023224);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.frame2085664094-thq-text-elm68 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664085-elm {
  gap: 10px;
  height: 144px;
  display: flex;
  padding: 11px 20px;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.20000000298023224);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.frame2085664094-thq-text-elm69 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: Regular;
  text-align: left;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664091-elm {
  gap: 10px;
  display: flex;
  padding: 17px 44px;
  align-items: center;
  border-radius: 48px;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 192, 0, 1);
}
 
.frame2085664094-thq-text-elm70 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664097-elm1 {
  gap: 43px;
  display: flex;
  padding: 47px 0;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 1);
}
 
.frame2085664094-thq-frame2085664103-elm {
  gap: 186px;
  display: flex;
  padding: 12px 0;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}
 
.frame2085664094-thq-frame2085664102-elm {
  gap: 11px;
  width: 268px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.frame2085664094-thq-guttergleampng1-elm2 {
  width: 95px;
  height: 95px;
}
 
.frame2085664094-thq-text-elm71 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 14px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664097-elm2 {
  gap: 10px;
  width: 205px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.frame2085664094-thq-group9276-elm {
  width: 205px;
  height: 199px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-text-elm72 {
  top: 45px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm78 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 22.4228572845459px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664101-elm {
  gap: 11px;
  width: 158px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.frame2085664094-thq-text-elm79 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 22.4228572845459px;
  align-self: stretch;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm80 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 14px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664099-elm {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.frame2085664094-thq-group86-elm {
  width: 106px;
  height: 178px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-group85-elm {
  top: 43px;
  left: 0px;
  width: 98.3125px;
  height: 135px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-text-elm86 {
  left: 25.3125px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm87 {
  top: 35px;
  left: 25.3125px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm88 {
  top: 73px;
  left: 25.3125px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-text-elm89 {
  top: 113px;
  left: 25.3125px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-group84-elm {
  top: 2px;
  left: 0px;
  width: 16.584558486938477px;
  height: 129.62362670898438px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-group-elm29 {
  top: 0px;
  left: 4.8447265625px;
  width: 7.622659206390381px;
  height: 14.679574012756348px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm44 {
  top: 0px;
  left: 0px;
  width: 8px;
  height: 15px;
  position: absolute;
}
 
.frame2085664094-thq-group-elm30 {
  top: 37.6796875px;
  left: 1.384765625px;
  width: 14.363924980163574px;
  height: 14.679573059082031px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm45 {
  top: 0px;
  left: 0px;
  width: 14px;
  height: 15px;
  position: absolute;
}
 
.frame2085664094-thq-group-elm31 {
  top: 75.359375px;
  left: 0.6923828125px;
  width: 14.679215431213379px;
  height: 14.679573059082031px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm46 {
  top: 0px;
  left: 0px;
  width: 15px;
  height: 15px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm47 {
  top: 2.4462890625px;
  left: 10.3984375px;
  width: 2px;
  height: 2px;
  position: absolute;
}
 
.frame2085664094-thq-vector-elm48 {
  top: 3.6698031425476074px;
  left: 3.6698808670043945px;
  width: 7px;
  height: 7px;
  position: absolute;
}
 
.frame2085664094-thq-group43-elm2 {
  top: 113.0390625px;
  left: 0px;
  width: 16.584558486938477px;
  height: 16.584558486938477px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-frame-elm25 {
  top: 0px;
  left: 0px;
  width: 16.584558486938477px;
  height: 16.584558486938477px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.frame2085664094-thq-group-elm32 {
  top: 1.65869140625px;
  left: 1.658203125px;
  width: 13.267645835876465px;
  height: 13.267645835876465px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.frame2085664094-thq-vector-elm49 {
  top: 0px;
  left: 0px;
  width: 13px;
  height: 13px;
  position: absolute;
}
 
.frame2085664094-thq-text-elm90 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 22.4228572845459px;
  font-style: SemiBold;
  text-align: center;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-frame2085664105-elm {
  gap: 55px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.frame2085664094-thq-frame2085664104-elm {
  gap: 23px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.frame2085664094-thq-line3-elm {
  width: 100%;
  height: 1px;
  align-self: stretch;
}
 
.frame2085664094-thq-text-elm91 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 14px;
  align-self: stretch;
  font-style: Regular;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}

.frame2085664094-thq-text-rossitech {
  color: rgba(255, 255, 255, 0.7);
  height: auto;
  font-size: 12px;
  align-self: stretch;
  font-style: Regular;
  text-align: center;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 18px;
  font-stretch: normal;
  text-decoration: none;
}
 
.frame2085664094-thq-line2-elm {
  width: 100%;
  height: 1px;
  align-self: stretch;
}
 
.frame2085664094-link {
  display: contents;
}
 
.frame2085664094-container2 {
  right: 50px;
  border: 1px solid #ffffff5c;
  bottom: 30px;
  display: flex;
  z-index: 22;
  position: fixed;
  box-shadow: 5px 5px 10px 0px rgba(31, 31, 31, 0.4);
  min-height: auto;
  align-items: center;
  padding-top: 8px;
  padding-left: 12px;
  border-radius: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  backdrop-filter: blur(6px);
  background-color: rgba(41, 41, 41, 0.41);
}
 
.frame2085664094-icon1 {
  width: 24px;
  margin-right: 4px;
}
 
.frame2085664094-text19 {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 980px) {
  .frame2085664094-thq-frame2085664042-elm {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 800px) {
  .frame2085664094-thq-frame2085664047-elm {
    gap: 26px;
  }
}

.frame2085664094-thq-hamburger-menu {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}

.hamburger-line {
  width: 24px;
  height: 3px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 2px;
}

.frame2085664094-thq-hamburger-menu:hover .hamburger-line {
  background-color: rgba(255, 255, 255, 0.8);
}


/* Base Mobile Menu Styles */
.frame2085664094-thq-mobile-menu {
  display: none;
  background-color: rgba(87, 201, 255, 1);
  box-shadow: 0px 4px 19.5px 0px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}

.frame2085664094-thq-mobile-menu.active {
  display: flex;
}


.mobile-menu-nav {
  display: flex;
  flex-direction: column;
  padding: 0;
  flex: 1;
  height: 100%;
  min-height: 0;
  position: relative;
}

.mobile-menu-nav .mobile-menu-cta {
  margin-top: auto !important;
  margin-bottom: 20px !important;
  padding: 15px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex !important;
  width: 100%;
  flex-shrink: 0;
  background-color: rgba(87, 201, 255, 1);
}

.mobile-menu-nav .mobile-menu-cta.frame2085664094-thq-frame9-elm,
.mobile-menu-nav .mobile-menu-cta .frame2085664094-thq-frame9-elm {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  padding: 8px 20px;
  cursor: pointer;
  justify-content: center;
  display: flex !important;
  background-color: rgba(255, 192, 0, 1);
  font-size: 14px;
}

.mobile-menu-link {
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: ABeeZee;
  font-weight: 400;
  text-decoration: none;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

.mobile-menu-link:last-child {
  border-bottom: none;
}

.mobile-menu-link:hover {
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateX(5px);
}

.mobile-menu-link span {
  display: inline-block;
}


.mobile-menu-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mobile-menu-backdrop.active {
  display: block;
  opacity: 1;
}

/* Side Panel Menu */
.frame2085664094-thq-mobile-menu.variation-side-panel {
  position: fixed;
  top: 0;
  left: -100%;
  width: 300px;
  max-width: 85vw;
  height: 100vh;
  transition: left 0.3s ease;
  overflow-y: auto;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.frame2085664094-thq-mobile-menu.variation-side-panel.active {
  left: 0;
}

.frame2085664094-thq-mobile-menu.variation-side-panel .mobile-menu-nav {
  padding: 20px 0 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  justify-content: flex-start;
}

.frame2085664094-thq-mobile-menu.variation-side-panel .mobile-menu-link {
  padding: 18px 20px;
}


.frame2085664094-thq-mobile-menu .mobile-menu-cta .frame2085664094-thq-frame9-elm {
  width: 100%;
  margin: 0;
  cursor: pointer;
  justify-content: center;
  display: flex !important;
}

@media (max-width: 767px) {
  .frame2085664094-thq-navigation-elm {
    display: none;
  }
  
  .frame2085664094-thq-hamburger-menu {
    display: flex;
  }
  
  .frame2085664094-thq-frame9-elm {
    display: none;
  }
  
  .mobile-menu-nav .mobile-menu-cta,
  .mobile-menu-nav .mobile-menu-cta .frame2085664094-thq-frame9-elm,
  .frame2085664094-thq-mobile-menu .mobile-menu-cta .frame2085664094-thq-frame9-elm {
    display: flex !important;
  }
  
  .frame2085664094-thq-social-icons {
    display: none;
  }
  
  .frame2085664094-thq-line1-elm {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .frame2085664094-thq-mobile-menu {
    display: none !important;
  }
  
  .mobile-menu-backdrop {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .frame2085664094-thq-frame2085664044-elm {
    display: none;
  }
  
  .frame2085664094-thq-frame2085664107-elm {
    justify-content: center;
  }
  
  .frame2085664094-thq-frame2085664045-elm {
    justify-content: center;
  }
  
  .frame2085664094-thq-frame2085664043-elm {
    justify-content: center;
    align-items: center;
  }
}

/* Footer Responsive Styles */
@media (min-width: 1400px) {
  .frame2085664094-thq-frame2085664103-elm {
    max-width: 1400px;
    margin: 0 auto;
  }
  
  .frame2085664094-thq-frame2085664105-elm {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .frame2085664094-thq-frame2085664103-elm {
    gap: 100px;
    padding: 12px 20px;
  }
}

@media (max-width: 992px) {
  .frame2085664094-thq-frame2085664103-elm {
    gap: 60px;
    padding: 12px 20px;
  }
  
  .frame2085664094-thq-frame2085664102-elm {
    width: 100%;
    max-width: 300px;
  }
  
  .frame2085664094-thq-frame2085664097-elm2 {
    width: 100%;
    max-width: 250px;
  }
  
  .frame2085664094-thq-frame2085664101-elm {
    width: 100%;
    max-width: 200px;
  }
  
  .frame2085664094-thq-frame2085664099-elm {
    width: 100%;
    max-width: 150px;
  }
}

@media (max-width: 768px) {
  .frame2085664094-thq-frame2085664097-elm1 {
    padding: 30px 20px;
    gap: 30px;
  }
  
  .frame2085664094-thq-frame2085664103-elm {
    gap: 40px;
    padding: 12px 20px;
    flex-direction: column;
    align-items: center;
  }
  
  .frame2085664094-thq-frame2085664102-elm {
    width: 100%;
    max-width: 100%;
    align-items: center;
    text-align: center;
  }
  
  .frame2085664094-thq-text-elm71 {
    text-align: center;
  }
  
  .frame2085664094-thq-frame2085664097-elm2 {
    width: 100%;
    max-width: 100%;
    align-items: center;
  }
  
  .frame2085664094-thq-group9276-elm {
    width: 100%;
    height: auto;
    position: relative;
    align-items: center;
    flex-direction: column;
    display: flex;
  }
  
  .frame2085664094-thq-text-elm72 {
    position: static !important;
    text-align: center;
    margin-top: 0;
    top: auto !important;
    order: 2;
  }
  
  .frame2085664094-thq-text-elm78 {
    position: static !important;
    text-align: center;
    top: auto !important;
    order: 1;
    margin-bottom: 10px;
  }
  
  .frame2085664094-thq-frame2085664101-elm {
    width: 100%;
    max-width: 100%;
    align-items: center;
  }
  
  .frame2085664094-thq-text-elm79 {
    text-align: center;
  }
  
  .frame2085664094-thq-text-elm80 {
    text-align: center;
  }
  
  .frame2085664094-thq-frame2085664099-elm {
    width: 100%;
    max-width: 100%;
    align-items: center;
  }
  
  .frame2085664094-thq-group86-elm {
    width: 100%;
    height: auto;
    position: relative;
    align-items: center;
    flex-direction: column;
    display: flex;
  }
  
  .frame2085664094-thq-group85-elm {
    position: static !important;
    width: 100%;
    height: auto;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    top: auto !important;
    left: auto !important;
    order: 2;
  }
  
  .frame2085664094-thq-text-elm86,
  .frame2085664094-thq-text-elm87,
  .frame2085664094-thq-text-elm88,
  .frame2085664094-thq-text-elm89 {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }
  
  .frame2085664094-thq-group84-elm {
    position: static !important;
    width: 100%;
    height: auto;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    top: auto !important;
    left: auto !important;
    display: none;
  }
  
  /* Pair Facebook text with icon */
  .frame2085664094-thq-text-elm86::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    background-image: url('../public/vector1992-ucps.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  /* Pair Twitter text with icon */
  .frame2085664094-thq-text-elm87::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    background-image: url('../public/vector1992-chf.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  /* Pair Instagram text with icon */
  .frame2085664094-thq-text-elm88::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    background-image: url('../public/Group.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  /* Pair LinkedIn text with icon */
  .frame2085664094-thq-text-elm89::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    background-image: url('../public/vector1992-veka.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .frame2085664094-thq-group-elm29,
  .frame2085664094-thq-group-elm30,
  .frame2085664094-thq-group-elm31,
  .frame2085664094-thq-group43-elm2 {
    position: static !important;
    left: auto !important;
    top: auto !important;
  }
  
  .frame2085664094-thq-frame-elm25 {
    position: static !important;
    left: auto !important;
    top: auto !important;
  }
  
  .frame2085664094-thq-group-elm32 {
    position: static !important;
    left: auto !important;
    top: auto !important;
  }
  
  .frame2085664094-thq-text-elm90 {
    position: static !important;
    text-align: center;
    top: auto !important;
    left: auto !important;
    order: 1;
    margin-bottom: 15px;
  }
  
  .frame2085664094-thq-frame2085664105-elm {
    gap: 30px;
    padding: 0 20px;
  }
  
  .frame2085664094-thq-frame2085664104-elm {
    gap: 15px;
  }
  
  .frame2085664094-thq-text-elm91,
  .frame2085664094-thq-text-rossitech {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .frame2085664094-thq-frame2085664097-elm1 {
    padding: 25px 15px;
    gap: 25px;
  }
  
  .frame2085664094-thq-frame2085664103-elm {
    gap: 30px;
    padding: 12px 15px;
  }
  
  .frame2085664094-thq-guttergleampng1-elm2 {
    width: 75px;
    height: 75px;
  }
  
  .frame2085664094-thq-text-elm71 {
    font-size: 13px;
    line-height: 20px;
  }
  
  .frame2085664094-thq-text-elm78,
  .frame2085664094-thq-text-elm79,
  .frame2085664094-thq-text-elm90 {
    font-size: 18px;
  }
  
  .frame2085664094-thq-text-elm72,
  .frame2085664094-thq-text-elm80 {
    font-size: 13px;
    line-height: 20px;
  }
  
  .frame2085664094-thq-frame2085664105-elm {
    gap: 20px;
    padding: 0 15px;
  }
  
  .frame2085664094-thq-text-elm91,
  .frame2085664094-thq-text-rossitech {
    font-size: 11px;
    line-height: 16px;
  }
}

/* Footer Link Styles */
.footer-service-link,
.footer-quick-link,
.footer-social-link {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
}

.footer-service-link:hover,
.footer-quick-link:hover {
  color: rgba(255, 192, 0, 1);
  transform: translateY(-2px);
}

.footer-social-link:hover {
  color: rgba(255, 192, 0, 1);
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Ensure footer links maintain their positioning */
.frame2085664094-thq-text-elm72 .footer-service-link,
.frame2085664094-thq-text-elm80 .footer-quick-link {
  display: inline;
}

/* Quote Form Input Styles */
#quote-form {
  width: 100%;
}

.quote-form-input,
.quote-form-textarea {
  width: 100%;
  padding: 12px 16px;
  margin-top: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 1);
  font-family: ABeeZee, sans-serif;
  font-size: 16px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.quote-form-input::placeholder,
.quote-form-textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.quote-form-input:focus,
.quote-form-textarea:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.25);
}

.quote-form-textarea {
  min-height: 120px;
  resize: vertical;
  font-family: ABeeZee, sans-serif;
}

.frame2085664094-thq-frame2085664080-elm,
.frame2085664094-thq-frame2085664081-elm,
.frame2085664094-thq-frame2085664083-elm,
.frame2085664094-thq-frame2085664082-elm {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.frame2085664094-thq-frame2085664085-elm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.frame2085664094-thq-frame2085664091-elm {
  cursor: pointer;
  transition: all 0.3s ease;
}

.frame2085664094-thq-frame2085664091-elm:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.frame2085664094-thq-frame2085664091-elm:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Form Message Styles */
.form-message {
  margin-top: 20px;
  padding: 15px;
  border-radius: 5px;
  font-weight: 500;
  text-align: center;
  font-family: ABeeZee, sans-serif;
  font-size: 16px;
}