html {
  background-color: #0b0d0c;
}

body {
  color: rgba(255, 255, 255, 1) !important;
  background-color: #0b0d0c;
}

/* Section Load-in Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.desktop2-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-desktop2-elm {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 1);
}
 
.desktop2-thq-frame2085664024-elm {
  gap: 10px;
  width: 100%;
  display: flex;
  padding: 10px 48px;
  overflow: hidden;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  background-color: rgba(11, 13, 12, 1);
  position: relative;
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
}
 
.desktop2-thq-frame2085664022-elm {
  gap: 40px;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
 
.desktop2-thq-frame1000012123-elm {
  gap: 32px;
  display: flex;
  align-items: center;
}

.desktop2-thq-frame-center-nav {
  gap: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
 
.desktop2-thq-text-elm10 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm10:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}

.desktop2-thq-text-elm11 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm11:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}
 
.desktop2-thq-logo21-elm1 {
  width: 60px;
  height: auto;
  object-fit: contain;
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

a:hover .desktop2-thq-logo21-elm1 {
  opacity: 0.8;
  transform: scale(1.05);
}
 
.desktop2-thq-frame1000012122-elm {
  gap: 32px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
}

.desktop2-thq-button-elm-nav-cta {
  gap: 24px;
  display: flex;
  padding: 12px 24px;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
  cursor: pointer;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}

.desktop2-thq-button-elm-nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.desktop2-thq-text-elm-nav-cta {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
}
 
.desktop2-thq-text-elm12 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm12:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}

.desktop2-thq-text-elm13 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm13:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}

.desktop2-thq-text-elm101 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm101:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}
 
/* Hero Section Labels */
.desktop2-thq-hero-label {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.95);
  color: rgba(0, 0, 0, 1);
  padding: 8px 16px;
  border-radius: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}

/* Hero Section: Left Side Panel with Central Image Focus */
.desktop2-thq-hero-compare-4 {
  position: relative;
  width: 100%;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #0b0d0c;
  overflow: hidden;
}

.desktop2-thq-hero-compare-4-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0;
  transition: opacity 2s ease-in-out;
  animation: subtleMove 20s ease-in-out infinite;
}

.desktop2-thq-hero-bg-1 {
  background-image: url("../public/509439713_122173387286372797_215029510101787507_n.jpg");
  opacity: 1;
}

.desktop2-thq-hero-bg-2 {
  background-image: url("../public/516970871_122176464884372797_3451585001892970705_n.jpg");
}

.desktop2-thq-hero-bg-3 {
  background-image: url("../public/516926907_122176464464372797_6096136635302713569_n.jpg");
  background-position: left bottom;
}

@keyframes subtleMove {
  0%, 100% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1.05) translate(-2%, -1%);
  }
  50% {
    transform: scale(1.03) translate(1%, 1%);
  }
  75% {
    transform: scale(1.04) translate(-1%, 0.5%);
  }
}

.desktop2-thq-hero-compare-4-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.desktop2-thq-hero-compare-4-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 198px 0 198px 100px;
  animation: fadeInUp 0.8s ease-out 0.1s both;
}
 
.desktop2-thq-hero-compare-4-panel {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  text-align: left;
}

.desktop2-thq-hero-compare-4-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
 
.desktop2-thq-hero-compare-4-heading {
  color: rgba(255, 255, 255, 1);
  font-family: Merriweather;
  font-weight: 700;
  font-size: 60px;
  line-height: 72px;
  text-align: left;
}
 
.desktop2-thq-hero-compare-4-description {
  color: rgba(255, 255, 255, 1);
  font-family: Merriweather;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
 
.desktop2-thq-hero-compare-4-buttons {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
 
.desktop2-thq-hero-compare-4-button-primary {
  display: flex;
  padding: 16px 32px;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
}
 
.desktop2-thq-hero-compare-4-button-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.desktop2-thq-hero-compare-4-button-secondary {
  display: flex;
  padding: 16px 32px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 10px;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  text-decoration: none;
}

.desktop2-thq-hero-compare-4-button-secondary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
}

.desktop2-thq-hero-compare-4-button-text {
  color: rgba(0, 0, 0, 1);
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.desktop2-thq-hero-compare-4-button-secondary .desktop2-thq-hero-compare-4-button-text {
  color: rgba(255, 255, 255, 1);
}

 
/* Services Section Variation 1: Grid Layout */
.desktop2-thq-services-variation-1 {
  width: 100%;
  padding: 25px;
  background-color: rgba(0, 0, 0, 1);
  position: relative;
}

.desktop2-thq-services-v1-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.desktop2-thq-services-v1-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}

@media screen and (min-width: 1141px) {
  .desktop2-thq-services-variation-1 {
    display: none;
  }
}

.desktop2-thq-services-v1-grid > a {
  display: block;
  cursor: pointer;
  text-decoration: none;
}

.desktop2-thq-services-v1-item {
  position: relative;
  width: 100%;
  height: 400px;
  border-radius: 16px;
  overflow: hidden;
  background-color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(245, 245, 245, 0.08);
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Animate when in view */
.desktop2-thq-services-v1-item.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered animation delays for service cards */
.desktop2-thq-services-v1-grid > a:nth-child(1) .desktop2-thq-services-v1-item.in-view {
  transition-delay: 0.1s;
}

.desktop2-thq-services-v1-grid > a:nth-child(2) .desktop2-thq-services-v1-item.in-view {
  transition-delay: 0.2s;
}

.desktop2-thq-services-v1-grid > a:nth-child(3) .desktop2-thq-services-v1-item.in-view {
  transition-delay: 0.3s;
}

.desktop2-thq-services-v1-grid > a:nth-child(4) .desktop2-thq-services-v1-item.in-view {
  transition-delay: 0.4s;
}

.desktop2-thq-services-v1-grid > a:nth-child(5) .desktop2-thq-services-v1-item.in-view {
  transition-delay: 0.5s;
}

.desktop2-thq-services-v1-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 1;
  pointer-events: none;
}

.desktop2-thq-services-v1-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  transition: transform 0.3s ease;
}

.desktop2-thq-services-v1-item:hover img {
  transform: scale(1.05);
}

.desktop2-thq-services-v1-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}

.desktop2-thq-services-v1-title {
  color: rgba(255, 255, 255, 1);
  font-family: Merriweather;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  display: block;
}

/* Services Section: Elegant Overlay Style */
.desktop2-thq-services-v3 {
  width: 100%;
  padding: 80px 48px;
  background-color: rgba(0, 0, 0, 1);
  position: relative;
  overflow: hidden;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.desktop2-thq-services-v3:not(.desktop2-thq-testimonials-section)::before {
  content: '';
  position: absolute;
  top: 0;
  right: -112px;
  width: 600px;
  height: 600px;
  background-image: url("../public/wave.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  opacity: 0.3;
  z-index: 0;
  pointer-events: none;
  transform: scaleX(-1) scaleY(-1);
}

.desktop2-thq-services-v3-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}

.desktop2-thq-services-v3-content {
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.desktop2-thq-services-v3-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 600px;
  z-index: 2;
  position: relative;
  background: linear-gradient(135deg, rgba(25, 25, 25, 0.95) 0%, rgba(25, 25, 25, 0.85) 100%);
  padding: 48px;
  border-radius: 16px;
  border: 1px solid rgba(245, 245, 245, 0.08);
  backdrop-filter: blur(10px);
}

.desktop2-thq-services-v3-heading {
  color: rgba(255, 255, 255, 1);
  font-family: Merriweather;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  text-align: left;
}

.desktop2-thq-services-v3-description {
  color: rgba(255, 255, 255, 1);
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.desktop2-thq-services-v3-cta {
  display: flex;
  padding: 12px 24px;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
  cursor: pointer;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
  width: fit-content;
  margin-top: 8px;
}

.desktop2-thq-services-v3-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.desktop2-thq-services-v3-cta-text {
  color: rgba(0, 0, 0, 1);
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.desktop2-thq-services-v3-image {
  flex: 1;
  max-width: 600px;
  height: 500px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #191919;
  border: 1px solid rgba(245, 245, 245, 0.08);
  position: relative;
}

.desktop2-thq-services-v3-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
  pointer-events: none;
}

.desktop2-thq-services-v3-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* About Us Section: Wave background at bottom left */
.desktop2-thq-testimonials-section {
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.desktop2-thq-testimonials-section::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -112px;
  width: 600px;
  height: 600px;
  background-image: url("../public/wave.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  opacity: 0.3;
  z-index: 0;
  pointer-events: none;
}
 
.desktop2-thq-frame2085664004-elm {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
/* Featured Testimonials: Two Testimonials Side by Side */
.desktop2-thq-featured-testimonials-v2 {
  width: 100%;
  padding: 80px 48px;
  background-color: #151615;
  position: relative;
  border-top: 1px solid rgba(245, 245, 245, 0.08);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

.desktop2-thq-featured-testimonials-v2-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.desktop2-thq-featured-testimonials-v2-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  text-align: center;
}

.desktop2-thq-featured-testimonials-v2-heading {
  color: rgba(255, 255, 255, 1);
  font-family: Merriweather;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
}

.desktop2-thq-featured-testimonials-v2-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.desktop2-thq-featured-testimonials-v2-card {
  padding: 40px;
  background-color: #000000;
  border-radius: 16px;
  border: 1px solid rgba(245, 245, 245, 0.08);
  outline: 1px solid rgba(245, 245, 245, 0.08);
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.desktop2-thq-featured-testimonials-v2-rating {
  display: flex;
  gap: 6px;
  align-items: center;
}

.desktop2-thq-featured-testimonials-v2-star {
  width: 20px;
  height: 20px;
}

.desktop2-thq-featured-testimonials-v2-quote {
  color: rgba(255, 255, 255, 1);
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
}

.desktop2-thq-featured-testimonials-v2-author {
  color: rgba(255, 255, 255, 1);
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.desktop2-thq-featured-testimonials-v2-cta-container {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
 
.desktop2-thq-featured-testimonials-v2-cta {
  display: flex;
  padding: 12px 24px;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
  cursor: pointer;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}

.desktop2-thq-featured-testimonials-v2-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.desktop2-thq-featured-testimonials-v2-cta-text {
  color: rgba(0, 0, 0, 1);
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
 
/* CTA Variation 1: Simple Centered CTA Card */
.desktop2-thq-cta-v1 {
  width: 100%;
  padding: 80px 48px;
  background-color: rgba(0, 0, 0, 1);
  position: relative;
  animation: fadeInUp 0.8s ease-out 0.9s both;
}

.desktop2-thq-cta-v1-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.desktop2-thq-cta-v1-card {
  width: 100%;
  max-width: 900px;
  padding: 60px;
  background-color: #c8c8c8;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  text-align: center;
}

.desktop2-thq-cta-v1-heading {
  color: rgba(0, 0, 0, 1);
  font-family: Merriweather;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
}

.desktop2-thq-cta-v1-description {
  color: rgba(0, 0, 0, 1);
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.desktop2-thq-cta-v1-button {
  display: flex;
  padding: 16px 32px;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(0, 0, 0, 1);
  cursor: pointer;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  white-space: nowrap;
  margin-top: 8px;
}

.desktop2-thq-cta-v1-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.desktop2-thq-cta-v1-button-text {
  color: rgba(255, 255, 255, 1);
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
 
/* Gallery: Infinite Auto-Scroll with Fade Edges */
.desktop2-thq-gallery-v2 {
  width: 100%;
  padding: 80px 48px 40px 48px;
  background-color: rgba(0, 0, 0, 1);
  position: relative;
  animation: fadeInUp 0.8s ease-out 0.7s both;
}

.desktop2-thq-gallery-v2-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.desktop2-thq-gallery-v2-fade-left,
.desktop2-thq-gallery-v2-fade-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 150px;
  z-index: 10;
  pointer-events: none;
}

.desktop2-thq-gallery-v2-fade-left {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.desktop2-thq-gallery-v2-fade-right {
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.desktop2-thq-gallery-v2-scroll {
  overflow: hidden;
  width: 100%;
}

.desktop2-thq-gallery-v2-track {
  display: flex;
  gap: 24px;
  animation: scroll-v2 120s linear infinite;
  width: fit-content;
  will-change: transform;
}

@keyframes scroll-v2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 12px));
  }
}

.desktop2-thq-gallery-v2-item {
  flex: 0 0 500px;
  height: 300px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #191919;
  border: 1px solid rgba(245, 245, 245, 0.08);
}

.desktop2-thq-gallery-v2-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.desktop2-thq-gallery-v2-item:hover img {
  transform: scale(1.05);
}

.desktop2-thq-gallery-v2-track:hover {
  animation-play-state: paused;
}

 
.desktop2-thq-frame2085663981-elm {
  gap: 10px;
  display: flex;
  padding: 32px 37px;
  overflow: hidden;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  background-image: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%),
    url("../public/tq_ixr2rgdcai-kf6-1500w.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

@media screen and (min-width: 1259px) and (max-width: 1399px) {
  .desktop2-thq-frame2085663981-elm {
    background-color: #0d0d0d;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%);
  }
  
  .desktop2-thq-frame2085663981-elm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%),
      url("../public/tq_ixr2rgdcai-kf6-1500w.png");
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  
  .desktop2-thq-frame2085663981-elm::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%),
      url("../public/tq_ixr2rgdcai-kf6-1500w.png");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  
  .desktop2-thq-frame2085663981-elm > * {
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .desktop2-thq-frame2085663981-elm {
    background-color: #0d0d0d;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%);
  }
  
  .desktop2-thq-frame2085663981-elm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%),
      url("../public/tq_ixr2rgdcai-kf6-1500w.png");
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  
  .desktop2-thq-frame2085663981-elm::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%),
      url("../public/tq_ixr2rgdcai-kf6-1500w.png");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  
  .desktop2-thq-frame2085663981-elm > * {
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 1600px) {
  .desktop2-thq-frame2085663981-elm {
    background-color: #0d0d0d;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%);
  }
  
  .desktop2-thq-frame2085663981-elm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%),
      url("../public/tq_ixr2rgdcai-kf6-1500w.png");
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  
  .desktop2-thq-frame2085663981-elm::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%),
      url("../public/tq_ixr2rgdcai-kf6-1500w.png");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  
  .desktop2-thq-frame2085663981-elm > * {
    position: relative;
    z-index: 1;
  }
}
 
.desktop2-thq-frame2085663982-elm {
  gap: 60px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085663974-elm {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-text-elm18 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 48px;
  align-self: stretch;
  font-style: Bold;
  text-align: center;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 60px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm19 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-frame2085663980-elm {
  gap: 24px;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: stretch;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop2-thq-frame1000012132-elm1 {
  gap: 24px;
  width: 379px;
  height: 244px;
  display: flex;
  padding: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(245, 245, 245, 0.07999999821186066);
  border-style: solid;
  border-width: 1px;
  border-radius: 16px;
  flex-direction: column;
  background-color: #191919;
}
 
.desktop2-thq-frame2085663975-elm {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.desktop2-thq-container-elm10 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.desktop2-thq-icon-elm1 {
  width: 28px;
  height: 28px;
}
 
.desktop2-thq-frame2085663973-elm {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-text-elm20 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 24px;
  align-self: stretch;
  font-style: Bold;
  text-align: left;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm21 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 24px;
}
 
.desktop2-thq-frame2085663959-elm1 {
  gap: 24px;
  width: 379px;
  height: 244px;
  min-height: 244px;
  display: flex;
  padding: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(245, 245, 245, 0.07999999821186066);
  border-style: solid;
  border-width: 1px;
  border-radius: 16px;
  flex-direction: column;
  background-color: #191919;
}
 
.desktop2-thq-frame2085663976-elm {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.desktop2-thq-container-elm11 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.desktop2-thq-icon-elm2 {
  width: 28px;
  height: 28px;
}
 
.desktop2-thq-frame1000012131-elm1 {
  gap: 12px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-text-elm22 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 24px;
  align-self: stretch;
  font-style: Bold;
  text-align: left;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm23 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 24px;
}
 
.desktop2-thq-frame2085663960-elm {
  gap: 24px;
  width: 379px;
  height: 244px;
  min-height: 244px;
  display: flex;
  padding: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(245, 245, 245, 0.07999999821186066);
  border-style: solid;
  border-width: 1px;
  border-radius: 16px;
  flex-direction: column;
  background-color: #191919;
}
 
.desktop2-thq-frame2085663977-elm {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.desktop2-thq-container-elm12 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.desktop2-thq-icon-elm3 {
  width: 28px;
  height: 28px;
}
 
.desktop2-thq-frame1000012131-elm2 {
  gap: 12px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-text-elm24 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 24px;
  align-self: stretch;
  font-style: Bold;
  text-align: left;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm25 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 24px;
}
 
.desktop2-thq-frame1000012132-elm2 {
  gap: 24px;
  width: 379px;
  height: 244px;
  min-height: 244px;
  display: flex;
  padding: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(245, 245, 245, 0.07999999821186066);
  border-style: solid;
  border-width: 1px;
  border-radius: 16px;
  flex-direction: column;
  background-color: #191919;
}
 
.desktop2-thq-frame2085663978-elm {
  gap: 24px;
  width: 331px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
 
.desktop2-thq-container-elm13 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.desktop2-thq-icon-elm4 {
  width: 28px;
  height: 28px;
}
 
.desktop2-thq-frame1000012131-elm3 {
  gap: 12px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-text-elm26 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 24px;
  align-self: stretch;
  font-style: Bold;
  text-align: left;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm27 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 24px;
}
 
.desktop2-thq-frame2085663959-elm2 {
  gap: 24px;
  width: 379px;
  height: 244px;
  min-height: 244px;
  display: flex;
  padding: 24px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(245, 245, 245, 0.07999999821186066);
  border-style: solid;
  border-width: 1px;
  border-radius: 16px;
  flex-direction: column;
  background-color: #191919;
}
 
.desktop2-thq-frame2085663979-elm {
  gap: 24px;
  width: 331px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
 
.desktop2-thq-container-elm14 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.10000000149011612);
}
 
.desktop2-thq-icon-elm5 {
  width: 28px;
  height: 28px;
}
 
.desktop2-thq-frame1000012131-elm4 {
  gap: 12px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-text-elm28 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 24px;
  align-self: stretch;
  font-style: Bold;
  text-align: left;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 32px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm29 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 24px;
}
 
.desktop2-thq-frame2085664007-elm {
  gap: 10px;
  display: flex;
  padding: 32px 0;
  overflow: hidden;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-image: url("../public/tq_ixr2rgdcai-kf6-1500w.png");
}
 
.desktop2-thq-frame2085664006-elm {
  gap: 10px;
  display: flex;
  overflow: hidden;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085664021-elm {
  gap: 40px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085664020-elm {
  gap: 16px;
  width: 479px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.desktop2-thq-text-elm30 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 48px;
  align-self: stretch;
  font-style: Bold;
  text-align: center;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 60px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm31 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-testimonials-container-elm {
  width: 100%;
  max-width: 1291px;
  min-height: 906px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-frame2085664019-elm {
  gap: 24px;
  width: 100%;
  max-width: 1291px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-shrink: 1;
  justify-content: center;
}
 
.desktop2-thq-testimonial-content-elm1 {
  gap: 18px;
  width: 570px;
  display: flex;
  padding: 28px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.05000000074505806);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.05000000074505806);
}
 
.desktop2-thq-testimonial-text-elm1 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-rating-elm1 {
  width: 122px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-star1-elm1 {
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star2-elm1 {
  top: 0px;
  left: 25.875px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star3-elm1 {
  top: 0px;
  left: 51.75px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star4-elm1 {
  top: 0px;
  left: 77.625px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star5-elm1 {
  top: 0px;
  left: 103.5px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-text-elm32 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: italic;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm33 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-testimonial-content-elm2 {
  gap: 18px;
  width: 579px;
  display: flex;
  padding: 28px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.05000000074505806);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  flex-direction: column;
  background-color: rgba(25, 25, 25, 1);
}
 
.desktop2-thq-testimonial-text-elm2 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-rating-elm2 {
  width: 122px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-star1-elm2 {
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star2-elm2 {
  top: 0px;
  left: 25.875px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star3-elm2 {
  top: 0px;
  left: 51.75px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star4-elm2 {
  top: 0px;
  left: 77.625px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star5-elm2 {
  top: 0px;
  left: 103.5px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-text-elm34 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: italic;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm35 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Merriweather;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-testimonial-content-elm3 {
  gap: 18px;
  width: 579px;
  display: flex;
  padding: 28px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.05000000074505806);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  flex-direction: column;
  background-color: rgba(25, 25, 25, 1);
}
 
.desktop2-thq-testimonial-text-elm3 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-rating-elm3 {
  width: 122px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-star1-elm3 {
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star2-elm3 {
  top: 0px;
  left: 25.875px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star3-elm3 {
  top: 0px;
  left: 51.75px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star4-elm3 {
  top: 0px;
  left: 77.625px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star5-elm3 {
  top: 0px;
  left: 103.5px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-text-elm36 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: italic;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm37 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Merriweather;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-testimonial-content-elm4 {
  gap: 18px;
  width: 570px;
  display: flex;
  padding: 28px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.05000000074505806);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.05000000074505806);
}
 
.desktop2-thq-testimonial-text-elm4 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-rating-elm4 {
  width: 122px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-star1-elm4 {
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star2-elm4 {
  top: 0px;
  left: 25.875px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star3-elm4 {
  top: 0px;
  left: 51.75px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star4-elm4 {
  top: 0px;
  left: 77.625px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star5-elm4 {
  top: 0px;
  left: 103.5px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-text-elm38 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: italic;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm39 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-testimonial-content-elm5 {
  gap: 18px;
  width: 579px;
  display: flex;
  padding: 28px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.05000000074505806);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  flex-direction: column;
  background-color: rgba(25, 25, 25, 1);
}
 
.desktop2-thq-testimonial-text-elm5 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-rating-elm5 {
  width: 122px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-star1-elm5 {
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star2-elm5 {
  top: 0px;
  left: 25.875px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star3-elm5 {
  top: 0px;
  left: 51.75px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star4-elm5 {
  top: 0px;
  left: 77.625px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star5-elm5 {
  top: 0px;
  left: 103.5px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-text-elm40 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: italic;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm41 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-testimonial-content-elm6 {
  gap: 18px;
  width: 579px;
  display: flex;
  padding: 28px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.05000000074505806);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  flex-direction: column;
  background-color: rgba(25, 25, 25, 1);
}
 
.desktop2-thq-testimonial-text-elm6 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-rating-elm6 {
  width: 122px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-star1-elm6 {
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star2-elm6 {
  top: 0px;
  left: 25.875px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star3-elm6 {
  top: 0px;
  left: 51.75px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star4-elm6 {
  top: 0px;
  left: 77.625px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star5-elm6 {
  top: 0px;
  left: 103.5px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-text-elm42 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: italic;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm43 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Merriweather;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-testimonial-content-elm7 {
  gap: 18px;
  width: 579px;
  display: flex;
  padding: 28px;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.05000000074505806);
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  flex-direction: column;
  background-color: rgba(25, 25, 25, 1);
}
 
.desktop2-thq-testimonial-text-elm7 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.desktop2-thq-rating-elm7 {
  width: 122px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-star1-elm7 {
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star2-elm7 {
  top: 0px;
  left: 25.875px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star3-elm7 {
  top: 0px;
  left: 51.75px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star4-elm7 {
  top: 0px;
  left: 77.625px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-star5-elm7 {
  top: 0px;
  left: 103.5px;
  width: 18px;
  height: 18px;
  position: absolute;
}
 
.desktop2-thq-text-elm44 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: italic;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm45 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Merriweather;
  font-weight: 400;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-frame2085664032-elm {
  gap: 10px;
  display: flex;
  padding: 32px 56px;
  overflow: hidden;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-image: url("../public/tq_2im4mpmv_o-0jaw-1500w.png");
}

/* Booking Section Labels */
.desktop2-thq-booking-label {
  width: 100%;
  padding: 16px 24px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  text-align: center;
  font-family: Merriweather;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-top: 40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Booking Variation 1: Card-Based Side-by-Side Layout */
.desktop2-thq-booking-v1 {
  background-image: url("../public/tq_2im4mpmv_o-0jaw-1500w.png");
}

.desktop2-thq-booking-v1-container {
  gap: 24px;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  justify-content: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.desktop2-thq-booking-v1-calendar-card {
  flex: 0 0 auto;
  width: 534px;
  min-height: 520px;
  display: flex;
  padding: 24px;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 1);
}

.desktop2-thq-booking-v1-calendar-content {
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm16 {
  width: 100%;
  position: relative;
  gap: 0;
  justify-content: space-between;
}

.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm18 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
}

.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm19,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm20,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm21,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm22,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm23,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm24,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm25 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 8px 0;
  flex: 1;
}

.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm26 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm27 {
  width: 100%;
  height: 48px;
  visibility: hidden;
}

.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm14,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm15,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm16,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm17,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm18,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm19,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm20,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm21,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm22,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm23,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm24,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm25,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm26,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm27,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm28,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm29,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm30,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm31,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm32,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm33,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm34,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm35,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm36,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm37,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm38,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm39,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm40,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm41,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm42,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm43,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm44 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
}

.desktop2-thq-booking-v1-timeslots-card {
  flex: 0 0 auto;
  width: 534px;
  min-height: 520px;
  display: flex;
  padding: 24px;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 1);
}

.desktop2-thq-booking-v1-timeslots-content {
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-container-elm30 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  height: auto;
}

.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm46,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm47,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm48,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm49,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm50,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm51,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm52,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm53,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm54,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm55,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm56 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
}

.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm45 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  height: 52px;
  margin-top: auto;
}

/* Booking Variation 2: Vertical Stacked Layout */
.desktop2-thq-booking-v2 {
  background-image: url("../public/tq_2im4mpmv_o-0jaw-1500w.png");
}

.desktop2-thq-booking-v2-container {
  gap: 0;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: stretch;
  max-width: 800px;
  width: 100%;
  padding: 24px;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 1);
}

.desktop2-thq-booking-v2-calendar-section {
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
}

.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm16 {
  width: 100%;
  position: relative;
  gap: 0;
  justify-content: space-between;
}

.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm18 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
}

.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm19,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm20,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm21,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm22,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm23,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm24,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm25 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 8px 0;
  flex: 1;
}

.desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm26 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm14,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm15,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm16,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm17,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm18,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm19,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm20,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm21,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm22,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm23,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm24,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm25,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm26,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm27,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm28,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm29,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm30,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm31,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm32,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm33,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm34,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm35 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
}

.desktop2-thq-booking-v2-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(233, 233, 235, 1);
  margin: 24px 0;
}

.desktop2-thq-booking-v2-timeslots-section {
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 24px;
}

.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-container-elm30 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  height: auto;
}

.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm46,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm47,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm48,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm49,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm50,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm51,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm52,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm53,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm54,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm55,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm56 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
}

.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm45 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  height: 52px;
  margin-top: auto;
}

/* Booking Variation 3: Split Panel with Divider */
.desktop2-thq-booking-v3 {
  background-image: url("../public/tq_2im4mpmv_o-0jaw-1500w.png");
}

.desktop2-thq-booking-v3-container {
  gap: 0;
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: stretch;
  max-width: 1200px;
  width: 100%;
  padding: 24px;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 1);
}

.desktop2-thq-booking-v3-left-panel {
  flex: 1;
  display: flex;
  padding-right: 24px;
}

.desktop2-thq-booking-v3-calendar-content {
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm16 {
  width: 100%;
  position: relative;
  gap: 0;
  justify-content: space-between;
}

.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm18 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
}

.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm19,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm20,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm21,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm22,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm23,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm24,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm25 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 8px 0;
  flex: 1;
}

.desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm26 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm14,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm15,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm16,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm17,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm18,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm19,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm20,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm21,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm22,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm23,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm24,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm25,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm26,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm27,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm28,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm29,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm30,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm31,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm32,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm33,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm34,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm35 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
}

.desktop2-thq-booking-v3-divider {
  width: 1px;
  background-color: rgba(233, 233, 235, 1);
  margin: 0 24px;
  flex-shrink: 0;
}

.desktop2-thq-booking-v3-right-panel {
  flex: 1;
  display: flex;
  padding-left: 24px;
}

.desktop2-thq-booking-v3-timeslots-content {
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-container-elm30 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  height: auto;
}

.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm46,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm47,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm48,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm49,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm50,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm51,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm52,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm53,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm54,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm55,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm56 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
}

.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm45 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  height: 52px;
  margin-top: auto;
}

/* Ensure button text is centered in all variations */
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm14 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm15 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm16 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm17 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm18 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm19 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm20 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm21 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm22 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm23 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm24 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm25 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm26 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm27 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm28 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm29 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm30 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm31 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm32 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm33 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm34 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm35 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm36 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm37 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm38 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm39 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm40 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm41 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm42 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm43 span,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm44 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm46 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm47 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm48 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm49 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm50 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm51 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm52 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm53 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm54 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm55 span,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm56 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm14 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm15 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm16 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm17 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm18 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm19 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm20 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm21 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm22 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm23 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm24 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm25 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm26 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm27 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm28 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm29 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm30 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm31 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm32 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm33 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm34 span,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm35 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm46 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm47 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm48 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm49 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm50 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm51 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm52 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm53 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm54 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm55 span,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm56 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm14 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm15 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm16 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm17 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm18 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm19 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm20 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm21 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm22 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm23 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm24 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm25 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm26 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm27 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm28 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm29 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm30 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm31 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm32 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm33 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm34 span,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm35 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm46 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm47 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm48 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm49 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm50 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm51 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm52 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm53 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm54 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm55 span,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm56 span {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ensure buttons use flexbox for centering */
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm14,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm15,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm16,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm17,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm18,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm19,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm20,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm21,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm22,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm23,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm24,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm25,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm26,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm27,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm28,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm29,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm30,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm31,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm32,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm33,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm34,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm35,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm36,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm37,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm38,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm39,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm40,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm41,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm42,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm43,
.desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm44,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm46,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm47,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm48,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm49,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm50,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm51,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm52,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm53,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm54,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm55,
.desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm56,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm14,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm15,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm16,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm17,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm18,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm19,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm20,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm21,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm22,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm23,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm24,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm25,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm26,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm27,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm28,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm29,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm30,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm31,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm32,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm33,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm34,
.desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm35,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm46,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm47,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm48,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm49,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm50,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm51,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm52,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm53,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm54,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm55,
.desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm56,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm14,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm15,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm16,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm17,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm18,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm19,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm20,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm21,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm22,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm23,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm24,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm25,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm26,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm27,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm28,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm29,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm30,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm31,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm32,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm33,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm34,
.desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm35,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm46,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm47,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm48,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm49,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm50,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm51,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm52,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm53,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm54,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm55,
.desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm56 {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.desktop2-thq-frame2085664031-elm {
  gap: 40px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085664028-elm {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-text-elm46 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-size: 48px;
  align-self: stretch;
  font-style: Bold;
  text-align: center;
  font-family: Merriweather;
  font-weight: 700;
  line-height: 60px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-text-elm47 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-frame2085664030-elm {
  gap: 24px;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop2-thq-group1321314521-elm {
  width: 534px;
  height: 520px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314520-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314519-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314518-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314511-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314514-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-container-elm15 {
  gap: 24px;
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  padding: 24px 24px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 14px;
  background-color: var(--dl-color-gray-100);
}
 
.desktop2-thq-group1321314513-elm {
  top: 24px;
  left: 24px;
  width: 486px;
  height: 464.890625px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-container-elm16 {
  gap: 277.546875px;
  top: 0px;
  left: 0px;
  display: flex;
  position: absolute;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}
 
.desktop2-thq-heading3-elm1 {
  width: 128.453125px;
  height: 27px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm48 {
  top: -1.5px;
  color: rgba(0, 0, 0, 1);
  width: 320px;
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 28px;
}
 
.desktop2-thq-container-elm17 {
  gap: 8px;
  width: 80px;
  height: 36px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-button-elm12 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-icon-elm6 {
  width: 20px;
  height: 20px;
}
 
.desktop2-thq-button-elm13 {
  height: 36px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-icon-elm7 {
  width: 20px;
  height: 20px;
}
 
.desktop2-thq-container-elm18 {
  top: 60px;
  left: 0px;
  width: 486px;
  height: 36px;
  display: flex;
  position: absolute;
  align-self: stretch;
  align-items: flex-start;
}
 
.desktop2-thq-container-elm19 {
  top: 0px;
  left: 0px;
  width: 63px;
  height: 36px;
  display: flex;
  padding: 8px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm49 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  flex-grow: 1;
  text-align: center;
  line-height: 20px;
}
 
.desktop2-thq-container-elm20 {
  top: 0px;
  left: 70.5625px;
  width: 63px;
  height: 36px;
  display: flex;
  padding: 8px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm50 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  flex-grow: 1;
  text-align: center;
  line-height: 20px;
}
 
.desktop2-thq-container-elm21 {
  top: 0px;
  left: 141.140625px;
  width: 63px;
  height: 36px;
  display: flex;
  padding: 8px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm51 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  flex-grow: 1;
  text-align: center;
  line-height: 20px;
}
 
.desktop2-thq-container-elm22 {
  top: 0px;
  left: 211.703125px;
  width: 63px;
  height: 36px;
  display: flex;
  padding: 8px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm52 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  flex-grow: 1;
  text-align: center;
  line-height: 20px;
}
 
.desktop2-thq-container-elm23 {
  top: 0px;
  left: 282.28125px;
  width: 63px;
  height: 36px;
  display: flex;
  padding: 8px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm53 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  flex-grow: 1;
  text-align: center;
  line-height: 20px;
}
 
.desktop2-thq-container-elm24 {
  top: 0px;
  left: 352.84375px;
  width: 63px;
  height: 36px;
  display: flex;
  padding: 8px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm54 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  flex-grow: 1;
  text-align: center;
  line-height: 20px;
}
 
.desktop2-thq-container-elm25 {
  top: 0px;
  left: 423.421875px;
  width: 63px;
  height: 36px;
  display: flex;
  padding: 8px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm55 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  flex-grow: 1;
  text-align: center;
  line-height: 20px;
}
 
.desktop2-thq-container-elm26 {
  top: 120px;
  left: 0px;
  width: 486px;
  height: 344.890625px;
  display: flex;
  position: absolute;
  align-self: stretch;
  align-items: flex-start;
}
 
.desktop2-thq-container-elm27 {
  top: 0px;
  left: 0px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-button-elm14 {
  top: 70.578125px;
  left: 211.703125px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm56 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm15 {
  top: 70.578125px;
  left: 282.28125px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm57 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm16 {
  top: 70.578125px;
  left: 352.84375px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm58 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm17 {
  top: 70.578125px;
  left: 423.421875px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm59 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm18 {
  top: 141.15625px;
  left: 0px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm60 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm19 {
  top: 141.15625px;
  left: 70.5625px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm61 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm20 {
  top: 141.15625px;
  left: 141.140625px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm62 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm21 {
  top: 141.15625px;
  left: 211.703125px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(30, 62, 100, 1);
}
 
.desktop2-thq-text-elm63 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm22 {
  top: 141.15625px;
  left: 282.28125px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm64 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm23 {
  top: 141.15625px;
  left: 352.84375px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm65 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm24 {
  top: 141.15625px;
  left: 423.421875px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm66 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm25 {
  top: 211.734375px;
  left: 0px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm67 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm26 {
  top: 211.734375px;
  left: 70.5625px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm68 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm27 {
  top: 211.734375px;
  left: 141.140625px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm69 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm28 {
  top: 211.734375px;
  left: 211.703125px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm70 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm29 {
  top: 211.734375px;
  left: 282.28125px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm71 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm30 {
  top: 211.734375px;
  left: 352.84375px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm72 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm31 {
  top: 211.734375px;
  left: 423.421875px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm73 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm32 {
  top: 282.3125px;
  left: 0px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm74 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm33 {
  top: 282.3125px;
  left: 70.5625px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm75 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm34 {
  top: 282.3125px;
  left: 141.140625px;
  width: 63px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm76 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm35 {
  top: 282.3125px;
  left: 211.703125px;
  width: 63px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm77 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm36 {
  top: 144px;
  left: 94.5625px;
  width: 62.578125px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm37 {
  top: 144px;
  left: 165px;
  width: 62.5625px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm38 {
  top: 144px;
  left: 235.5625px;
  width: 62.578125px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm39 {
  top: 144px;
  left: 306.28125px;
  width: 62.5625px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm40 {
  top: 144px;
  left: 376.84375px;
  width: 62.578125px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm41 {
  top: 144px;
  left: 447.421875px;
  width: 62.578125px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm42 {
  top: 214.578125px;
  left: 24px;
  width: 62.5625px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm43 {
  top: 214.578125px;
  left: 94.5625px;
  width: 62.578125px;
  height: 62.578125px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-button-elm44 {
  top: 214.578125px;
  left: 165.140625px;
  width: 62.5625px;
  height: 62.5625px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-group1321314522-elm {
  width: 534px;
  height: 520px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314517-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314512-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314510-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-group1321314516-elm {
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-container-elm28 {
  gap: 24px;
  top: 0px;
  left: 0px;
  width: 534px;
  height: 520px;
  display: flex;
  padding: 24px 24px 0;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 14px;
  flex-direction: column;
  background-color: var(--dl-color-gray-100);
}
 
.desktop2-thq-group1321314515-elm {
  width: 486px;
  height: 472px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-container-elm29 {
  gap: 8px;
  top: 0px;
  left: 0px;
  display: flex;
  position: absolute;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}
 
.desktop2-thq-icon-elm8 {
  width: 20px;
  height: 20px;
}
 
.desktop2-thq-heading3-elm2 {
  width: 140.484375px;
  height: 24px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-text-elm78 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 24px;
}
 
.desktop2-thq-button-elm45 {
  top: 420px;
  left: 0px;
  width: 486px;
  height: 52px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 10px;
  background-color: rgba(30, 62, 100, 1);
}
 
.desktop2-thq-text-elm79 {
  top: 14px;
  left: 180px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-container-elm30 {
  top: 72px;
  left: 24px;
  width: 486px;
  height: 348px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.desktop2-thq-button-elm46 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm80 {
  top: 12px;
  left: 81.5px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm47 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm81 {
  top: 12px;
  left: 82.5px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm48 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm82 {
  top: 12px;
  left: 84px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm49 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm83 {
  top: 12px;
  left: 83px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm50 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm84 {
  top: 12px;
  left: 83px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm51 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm85 {
  top: 12px;
  left: 82px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm52 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm86 {
  top: 12px;
  left: 81.5px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm53 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm87 {
  top: 12px;
  left: 81.5px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm54 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm88 {
  top: 12px;
  left: 81.5px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm55 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm89 {
  top: 12px;
  left: 81.5px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-button-elm56 {
  width: 237px;
  height: 48px;
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
  align-items: flex-start;
  border-color: rgba(233, 233, 235, 1);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}
 
.desktop2-thq-text-elm90 {
  top: 12px;
  left: 82.5px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-frame2085664008-elm {
  gap: 10px;
  display: flex;
  padding: 32px 0 0;
  overflow: hidden;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-image: url("../public/tq_5gnvrth5fh-27h-1500w.png");
  border-top: 1px solid rgba(245, 245, 245, 0.08);
}
 
.desktop2-thq-frame2085664018-elm {
  gap: 60px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085664016-elm {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085664015-elm {
  gap: 48px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085664010-elm {
  gap: 16px;
  width: 479px;
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 1;
  flex-direction: column;
  padding: 0 16px;
}
 
.desktop2-thq-logo21-elm2 {
  width: 171px;
  height: auto;
  object-fit: contain;
}
 
.desktop2-thq-text-elm91 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 24px;
}
 
.desktop2-thq-frame2085664013-elm {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
 
.desktop2-thq-frame2085664011-elm {
  gap: 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
 
.desktop2-thq-text-elm92 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm92:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}
 
.desktop2-thq-text-elm93 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm93:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}
 
.desktop2-thq-text-elm94 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm94:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}
 
.desktop2-thq-text-elm95 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm95:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}

.desktop2-thq-text-elm100 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.desktop2-thq-text-elm100:hover {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
}
 
.desktop2-thq-frame2085664012-elm {
  gap: 32px;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}
 
.desktop2-thq-frame2085663904-elm {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.desktop2-thq-tablericonmappin-elm {
  width: 20px;
  height: 20px;
}
 
.desktop2-thq-text-elm96 {
  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: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-frame2085663903-elm {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.desktop2-thq-tablericonphonecall-elm {
  width: 20px;
  height: 20px;
}
 
.desktop2-thq-text-elm97 {
  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: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-frame2085663902-elm {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.desktop2-thq-tablericonmail-elm {
  width: 24px;
  height: 24px;
}
 
.desktop2-thq-text-elm98 {
  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: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.desktop2-thq-group1321314509-elm {
  width: 182px;
  height: 38px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.desktop2-thq-frame2085664014-elm {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
 
.desktop2-thq-link-elm1 {
  width: 38px;
  height: 38px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.11999999731779099);
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
}
 
.desktop2-thq-svg65bdb5dada6397318848c098ictwittersvg-elm {
  top: 11.5px;
  left: 10px;
  width: 18px;
  height: 15px;
  position: absolute;
}
 
.desktop2-thq-link-elm2 {
  width: 38px;
  height: 38px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.11999999731779099);
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
}
 
.desktop2-thq-svg65bdb5f89dcf5b3bba2622ebicfacebooksvg-elm {
  width: 11px;
  height: 17px;
  position: relative;
}
 
.desktop2-thq-link-elm3 {
  width: 38px;
  height: 38px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.11999999731779099);
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
}
 
.desktop2-thq-svg65bdb61ecfa5a019362ffeb0icyoutubesvg-elm {
  top: 13.5px;
  left: 11px;
  width: 16px;
  height: 11px;
  position: absolute;
}
 
.desktop2-thq-link-elm4 {
  width: 38px;
  height: 38px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.11999999731779099);
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
}
 
.desktop2-thq-svg65bdb640da6397318849167bicinstasvg-elm {
  width: 17px;
  height: 16px;
  position: relative;
}
 
.desktop2-thq-frame2085664017-elm {
  gap: 10px;
  display: flex;
  padding: 16px 490px;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  background-color: rgba(21, 22, 21, 1);
  flex-direction: column;
}
 
.desktop2-thq-button-elm-footer-cta {
  gap: 24px;
  display: flex;
  padding: 16px 32px;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 24px;
  cursor: pointer;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
}

.desktop2-thq-button-elm-footer-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.desktop2-thq-text-elm-footer-cta {
  color: rgba(0, 0, 0, 1);
  height: auto;
  text-align: left;
  line-height: 24px;
}

.desktop2-thq-text-elm99 {
  color: rgba(255, 255, 255, 1);
  width: 100%;
  max-width: 960px;
  height: auto;
  text-align: center;
  line-height: 20px;
}

.desktop2-thq-text-elm-rossitech {
  color: rgba(255, 255, 255, 1);
  width: 100%;
  max-width: 960px;
  height: auto;
  text-align: center;
  line-height: 20px;
}

.desktop2-thq-footer-links {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.desktop2-thq-footer-link {
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  transition: color 0.2s ease;
}

.desktop2-thq-footer-link:hover {
  color: rgba(255, 255, 255, 0.8);
}
 
.desktop2-link {
  display: contents;
}
 
.desktop2-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);
}
 
.desktop2-icon1 {
  width: 24px;
  margin-right: 4px;
}
 
.desktop2-text {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* Hamburger Menu Styles */
.desktop2-thq-hamburger-menu {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 12px 16px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  min-width: 48px;
  min-height: 48px;
  overflow: visible;
  box-sizing: border-box;
}

.desktop2-thq-hamburger-menu svg {
  width: 20px;
  height: 20px;
  overflow: visible;
}

.desktop2-thq-hamburger-menu svg path {
  transition: none;
  transform-origin: center;
}

.desktop2-thq-hamburger-menu.active svg path:nth-child(1) {
  transform: none;
}

.desktop2-thq-hamburger-menu.active svg path:nth-child(2) {
  opacity: 1;
  transform: none;
}

.desktop2-thq-hamburger-menu.active svg path:nth-child(3) {
  transform: none;
}

/* Mobile Menu Styles */
.desktop2-thq-mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(11, 13, 12, 1);
  border-top: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-in-out 0.1s, visibility 0s linear 0.5s;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.desktop2-thq-mobile-menu.active {
  max-height: 100vh;
  opacity: 1;
  visibility: visible;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-in-out, visibility 0s linear 0s;
}

.desktop2-thq-mobile-menu-content {
  display: flex;
  flex-direction: column;
  padding: 24px 32px;
  gap: 0;
  position: relative;
  z-index: 1000;
}

@media screen and (max-width: 766px) {
  .desktop2-thq-mobile-menu-content {
    padding-top: 94px;
  }
}

.desktop2-thq-mobile-menu-link {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  font-weight: 400;
  padding: 16px 0 16px 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s, color 0.3s ease, padding-left 0.2s ease;
  opacity: 0;
  transform: translateY(-10px);
}

.desktop2-thq-mobile-menu.active .desktop2-thq-mobile-menu-link {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease, transform 0.4s ease, color 0.3s ease, padding-left 0.2s ease;
}

.desktop2-thq-mobile-menu.active .desktop2-thq-mobile-menu-link:nth-child(1) {
  transition-delay: 0.1s;
}

.desktop2-thq-mobile-menu.active .desktop2-thq-mobile-menu-link:nth-child(2) {
  transition-delay: 0.15s;
}

.desktop2-thq-mobile-menu.active .desktop2-thq-mobile-menu-link:nth-child(3) {
  transition-delay: 0.2s;
}

.desktop2-thq-mobile-menu.active .desktop2-thq-mobile-menu-link:nth-child(4) {
  transition-delay: 0.25s;
}

.desktop2-thq-mobile-menu.active .desktop2-thq-mobile-menu-link:nth-child(5) {
  transition-delay: 0.3s;
}

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

.desktop2-thq-mobile-menu-button {
  padding: 16px 0 16px 32px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  cursor: pointer;
  transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s, color 0.3s ease, padding-left 0.2s ease;
  opacity: 0;
  transform: translateY(-10px);
  width: 100%;
  text-align: left;
  margin-top: 0;
}

.desktop2-thq-mobile-menu.active .desktop2-thq-mobile-menu-button {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease, transform 0.4s ease, color 0.3s ease, padding-left 0.2s ease;
  transition-delay: 0.35s;
}

.desktop2-thq-mobile-menu-button:hover {
  color: rgba(255, 255, 255, 0.9);
  padding-left: 40px;
}

.desktop2-thq-mobile-menu-button-text {
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  font-weight: 400;
}

.desktop2-thq-mobile-menu-link:hover {
  color: rgba(255, 255, 255, 0.9);
  padding-left: 8px;
}

/* Tablet Responsive Styles */
@media screen and (max-width: 891px) and (min-width: 767px) {
  .desktop2-thq-frame1000012122-elm {
    display: none;
  }
  
  .desktop2-thq-frame2085664024-elm {
    min-height: 70px;
    padding: 10px 48px;
  }
  
  .desktop2-thq-frame2085664022-elm {
    min-height: 50px;
  }
}

/* Desktop Responsive Styles */
@media screen and (max-width: 1140px) and (min-width: 767px) {
  /* CTA Variation 1: Tablet */
  .desktop2-thq-cta-v1 {
    padding: 60px 32px;
  }
  
  .desktop2-thq-cta-v1-card {
    padding: 48px;
  }
  
  .desktop2-thq-cta-v1-heading {
    font-size: 40px;
    line-height: 50px;
  }
  
  .desktop2-thq-cta-v1-description {
    font-size: 15px;
    line-height: 22px;
  }
  
  .desktop2-thq-cta-v1-button {
    padding: 14px 28px;
  }
  
  /* Featured Testimonials: Tablet */
  .desktop2-thq-featured-testimonials-v2 {
    padding: 60px 32px;
  }
  
  .desktop2-thq-featured-testimonials-v2-heading {
    font-size: 40px;
    line-height: 50px;
  }
  
  .desktop2-thq-featured-testimonials-v2-grid {
    gap: 20px;
  }
  
  .desktop2-thq-featured-testimonials-v2-card {
    padding: 32px;
  }
  
  /* Services Section: Tablet */
  .desktop2-thq-services-v3 {
    padding: 60px 32px;
  }
  
  .desktop2-thq-services-v3:not(.desktop2-thq-testimonials-section)::before {
    right: -112px;
    width: 400px;
    height: 400px;
  }
  
  .desktop2-thq-testimonials-section::before {
    left: -32px;
    width: 400px;
    height: 400px;
  }
  
  .desktop2-thq-services-v3-container {
    justify-content: center;
  }
  
  .desktop2-thq-services-v3-content {
    gap: 40px;
    width: fit-content;
  }
  
  .desktop2-thq-services-v3-text {
    padding: 40px;
  }
  
  .desktop2-thq-services-v3-heading {
    font-size: 40px;
    line-height: 50px;
  }
  
  .desktop2-thq-services-v3-description {
    font-size: 15px;
    line-height: 22px;
  }
  
  .desktop2-thq-services-v3-image {
    height: 400px;
  }
  
  /* Gallery: Tablet */
  .desktop2-thq-gallery-v2 {
    padding: 60px 32px 30px 32px;
  }
  
  .desktop2-thq-gallery-v2-item {
    flex: 0 0 420px;
    height: 260px;
  }
  
  .desktop2-thq-gallery-v2-track {
    animation: scroll-v2 100s linear infinite;
  }
  
  /* Services Variation 1: Tablet */
  .desktop2-thq-services-variation-1 {
    padding: 25px;
  }
  
  .desktop2-thq-services-v1-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  
  .desktop2-thq-services-v1-item {
    height: 350px;
  }
  
  .desktop2-thq-services-v1-title {
    font-size: 22px;
    line-height: 30px;
  }
  
  .desktop2-thq-frame2085664024-elm {
    padding: 10px 32px;
  }
  
  .desktop2-thq-text-elm10,
  .desktop2-thq-text-elm11,
  .desktop2-thq-text-elm12,
  .desktop2-thq-text-elm13,
  .desktop2-thq-text-elm101 {
    font-size: 14px;
    min-width: 100px;
  }
  
  .desktop2-thq-frame-center-nav {
    gap: 24px;
  }
  
  .desktop2-thq-logo21-elm1 {
    width: 36px;
    height: auto;
    object-fit: contain;
  }
  
  .desktop2-thq-button-elm-nav-cta {
    padding: 10px 20px;
  }
  
  .desktop2-thq-text-elm-nav-cta {
    font-size: 14px;
  }
  
  .desktop2-thq-frame2085664022-elm {
    gap: 24px;
  }
  
  /* Hero section responsive styles for tablet */
  .desktop2-thq-hero-compare-4 {
    min-height: 500px;
  }
  
  .desktop2-thq-hero-compare-4-content {
    padding: 120px 0 120px 80px;
  }
  
  .desktop2-thq-hero-compare-4-panel {
    max-width: 450px;
    gap: 24px;
  }
  
  .desktop2-thq-hero-compare-4-heading {
    font-size: 48px;
    line-height: 58px;
  }
  
  .desktop2-thq-hero-compare-4-description {
    font-size: 15px;
  }
  
  .desktop2-thq-hero-compare-4-text {
    gap: 20px;
  }
  
  .desktop2-thq-hero-compare-4-buttons {
    gap: 20px;
  }
  
  .desktop2-thq-hero-compare-4-button-primary,
  .desktop2-thq-hero-compare-4-button-secondary {
    padding: 14px 28px;
  }
  
  /* Service cards responsive styles for tablet */
  .desktop2-thq-frame2085663981-elm {
    padding: 32px 40px;
  }
  
  .desktop2-thq-frame2085663980-elm {
    gap: 20px;
    align-items: stretch;
  }
  
  .desktop2-thq-frame1000012132-elm1,
  .desktop2-thq-frame2085663959-elm1,
  .desktop2-thq-frame2085663960-elm,
  .desktop2-thq-frame1000012132-elm2,
  .desktop2-thq-frame2085663959-elm2 {
    width: calc(50% - 10px);
    max-width: 379px;
    height: 244px;
    min-height: 244px;
  }
  
  .desktop2-thq-text-elm18 {
    font-size: 40px;
    line-height: 50px;
  }
  
  /* Booking Variation 1: Tablet Responsive */
  .desktop2-thq-booking-v1-container {
    gap: 20px;
  }
  
  .desktop2-thq-booking-v1-calendar-card,
  .desktop2-thq-booking-v1-timeslots-card {
    width: calc(50% - 10px);
    max-width: 500px;
    padding: 20px;
  }
  
  /* Booking Variation 2: Tablet Responsive */
  .desktop2-thq-booking-v2-container {
    padding: 20px;
    max-width: 700px;
  }
  
  .desktop2-thq-booking-v2-calendar-section {
    padding-bottom: 20px;
  }
  
  .desktop2-thq-booking-v2-divider {
    margin: 20px 0;
  }
  
  .desktop2-thq-booking-v2-timeslots-section {
    padding-top: 20px;
  }
  
  /* Booking Variation 3: Tablet Responsive */
  .desktop2-thq-booking-v3-container {
    padding: 20px;
    max-width: 1000px;
  }
  
  .desktop2-thq-booking-v3-left-panel {
    padding-right: 20px;
  }
  
  .desktop2-thq-booking-v3-divider {
    margin: 0 20px;
  }
  
  .desktop2-thq-booking-v3-right-panel {
    padding-left: 20px;
  }
  
  .desktop2-thq-booking-label {
    font-size: 17px;
    padding: 14px 20px;
  }
  
}

/* Desktop - Ensure at least 2 cards on second line */
@media screen and (min-width: 1141px) {
  .desktop2-thq-frame2085663980-elm {
    max-width: calc(3 * 379px + 2 * 24px);
    margin: 0 auto;
  }
}

/* Mobile Responsive Styles */
@media screen and (max-width: 766px) {
  /* CTA Variation 1: Mobile */
  .desktop2-thq-cta-v1 {
    padding: 40px 16px;
  }
  
  .desktop2-thq-cta-v1-card {
    padding: 32px 24px;
  }
  
  .desktop2-thq-cta-v1-heading {
    font-size: 32px;
    line-height: 40px;
  }
  
  .desktop2-thq-cta-v1-description {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-cta-v1-button {
    padding: 14px 24px;
    width: 100%;
    max-width: 280px;
  }
  
  .desktop2-thq-cta-v1-button-text {
    font-size: 15px;
  }
  
  /* Featured Testimonials: Mobile */
  .desktop2-thq-featured-testimonials-v2 {
    padding: 40px 16px;
  }
  
  .desktop2-thq-featured-testimonials-v2-container {
    gap: 32px;
  }
  
  .desktop2-thq-featured-testimonials-v2-heading {
    font-size: 32px;
    line-height: 40px;
  }
  
  .desktop2-thq-featured-testimonials-v2-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .desktop2-thq-featured-testimonials-v2-card {
    padding: 24px;
  }
  
  .desktop2-thq-featured-testimonials-v2-quote {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-featured-testimonials-v2-author {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-featured-testimonials-v2-cta-container {
    margin-top: 12px;
  }
  
  .desktop2-thq-featured-testimonials-v2-cta {
    width: 100%;
    max-width: 280px;
  }
  
  /* Services Section: Mobile */
  .desktop2-thq-services-v3 {
    display: none;
  }
  
  .desktop2-thq-services-v3:not(.desktop2-thq-testimonials-section)::before {
    right: -56px;
    width: 300px;
    height: 300px;
  }
  
  .desktop2-thq-testimonials-section::before {
    left: -16px;
    width: 300px;
    height: 300px;
  }
  
  .desktop2-thq-services-v3-container {
    justify-content: center;
  }
  
  .desktop2-thq-services-v3-content {
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }
  
  .desktop2-thq-services-v3-text {
    max-width: 100%;
    padding: 32px 24px;
    order: 1;
  }
  
  .desktop2-thq-services-v3-heading {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
  }
  
  .desktop2-thq-services-v3-description {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }
  
  .desktop2-thq-services-v3-cta {
    width: 100%;
    max-width: 280px;
    margin: 8px auto 0;
  }
  
  .desktop2-thq-services-v3-image {
    max-width: 100%;
    height: 300px;
    order: 2;
  }
  
  /* Gallery: Mobile */
  .desktop2-thq-gallery-v2 {
    display: none;
  }
  
  .desktop2-thq-gallery-v2-fade-left,
  .desktop2-thq-gallery-v2-fade-right {
    width: 80px;
  }
  
  .desktop2-thq-gallery-v2-item {
    flex: 0 0 320px;
    height: 200px;
  }
  
  .desktop2-thq-gallery-v2-track {
    animation: scroll-v2 80s linear infinite;
  }
  
  /* Services Variation 1: Mobile */
  .desktop2-thq-services-variation-1 {
    padding: 25px;
  }
  
  .desktop2-thq-services-v1-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .desktop2-thq-services-v1-item {
    aspect-ratio: 38 / 35;
    height: auto;
  }
  
  .desktop2-thq-services-v1-overlay {
    padding: 20px;
  }
  
  .desktop2-thq-services-v1-title {
    font-size: 20px;
    line-height: 28px;
  }
  
  .desktop2-thq-frame-center-nav {
    display: none;
  }
  
  .desktop2-thq-frame1000012122-elm {
    display: none;
  }
  
  .desktop2-thq-hamburger-menu {
    display: flex;
  }
  
  .desktop2-thq-frame2085664022-elm {
    justify-content: space-between;
    width: 100%;
    overflow: visible;
  }
  
  body {
    background-color: transparent !important;
  }

  .desktop2-container1 {
    background-color: transparent !important;
  }

  .desktop2-thq-desktop2-elm {
    background-color: transparent !important;
  }
  
  .desktop2-thq-frame2085664024-elm {
    width: 100%;
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: visible;
    background-color: transparent !important;
    border-bottom: none !important;
    z-index: 10;
  }

  .desktop2-thq-frame2085664022-elm {
    padding-top: 10px;
  }
  
  .desktop2-thq-logo-mobile {
    display: block !important;
    order: -1;
    margin-right: auto;
    position: relative;
    z-index: 11;
  }
  
  .desktop2-thq-logo-mobile .desktop2-thq-logo21-elm1 {
    width: 60px;
    height: auto;
    object-fit: contain;
  }

  .desktop2-thq-mobile-nav-icons {
    display: flex !important;
    align-items: center;
    gap: 16px;
    margin-right: 8px;
    position: relative;
    z-index: 11;
  }

  .desktop2-thq-mobile-nav-icon {
    width: 22px;
    height: 22px;
    cursor: pointer;
    transition: opacity 0.2s ease;
    display: block;
    flex-shrink: 0;
  }

  .desktop2-thq-mobile-nav-icon:hover {
    opacity: 0.8;
  }

  @media screen and (max-width: 371px) {
    .desktop2-thq-mobile-nav-icons {
      display: none !important;
    }
  }
  
  .desktop2-thq-hamburger-menu {
    padding: 12px;
    min-width: 56px;
    min-height: 56px;
    position: relative;
    z-index: 11;
  }
  
  .desktop2-thq-hamburger-menu svg {
    width: 32px;
    height: 32px;
  }
  
  .desktop2-thq-frame2085664024-elm {
    overflow: visible;
  }
  
  /* Hero section responsive styles for mobile */
  .desktop2-thq-hero-compare-4 {
    display: none;
  }
  
  .desktop2-thq-hero-compare-4-bg {
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
  }
  
  .desktop2-thq-hero-compare-4-overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%);
  }
  
  .desktop2-thq-hero-compare-4-content {
    display: none;
  }
  
  .desktop2-thq-hero-compare-4-panel {
    max-width: 100%;
    align-items: center;
    text-align: center;
    gap: 24px;
  }
  
  .desktop2-thq-hero-compare-4-text {
    align-items: center;
  }
  
  .desktop2-thq-hero-compare-4-heading {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
  }
  
  .desktop2-thq-hero-compare-4-description {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }
  
  .desktop2-thq-hero-compare-4-buttons {
    flex-direction: column;
    width: 100%;
    max-width: 280px;
    gap: 16px;
    justify-content: center;
    align-items: center;
  }
  
  .desktop2-thq-hero-compare-4-button-primary,
  .desktop2-thq-hero-compare-4-button-secondary {
    width: 100%;
    padding: 14px 24px;
  }
  
  .desktop2-thq-hero-compare-4-button-secondary {
    display: none !important;
  }
  
  .desktop2-thq-hero-compare-4-button-text {
    font-size: 15px;
  }
  
  /* Service cards responsive styles for mobile */
  .desktop2-thq-frame2085663981-elm {
    padding: 32px 16px;
    background-image: 
      linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 4%),
      url("../public/mobileback.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .desktop2-thq-frame2085663982-elm {
    gap: 40px;
  }
  
  .desktop2-thq-text-elm18 {
    font-size: 32px;
    line-height: 40px;
  }
  
  .desktop2-thq-text-elm19 {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-frame2085663980-elm {
    gap: 16px;
    padding: 0;
    align-items: stretch;
  }
  
  .desktop2-thq-frame1000012132-elm1,
  .desktop2-thq-frame2085663959-elm1,
  .desktop2-thq-frame2085663960-elm,
  .desktop2-thq-frame1000012132-elm2,
  .desktop2-thq-frame2085663959-elm2 {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 220px;
    padding: 20px;
    display: flex;
    flex-direction: column;
  }
  
  .desktop2-thq-frame2085663975-elm,
  .desktop2-thq-frame2085663976-elm,
  .desktop2-thq-frame2085663977-elm,
  .desktop2-thq-frame2085663978-elm,
  .desktop2-thq-frame2085663979-elm {
    gap: 16px;
  }
  
  .desktop2-thq-container-elm10,
  .desktop2-thq-container-elm11,
  .desktop2-thq-container-elm12,
  .desktop2-thq-container-elm13,
  .desktop2-thq-container-elm14 {
    width: 48px;
    height: 48px;
  }
  
  .desktop2-thq-icon-elm1,
  .desktop2-thq-icon-elm2,
  .desktop2-thq-icon-elm3,
  .desktop2-thq-icon-elm4,
  .desktop2-thq-icon-elm5 {
    width: 24px;
    height: 24px;
  }
  
  .desktop2-thq-frame2085663973-elm,
  .desktop2-thq-frame1000012131-elm1,
  .desktop2-thq-frame1000012131-elm2,
  .desktop2-thq-frame1000012131-elm3,
  .desktop2-thq-frame1000012131-elm4 {
    gap: 12px;
  }
  
  .desktop2-thq-text-elm20,
  .desktop2-thq-text-elm22,
  .desktop2-thq-text-elm24,
  .desktop2-thq-text-elm26,
  .desktop2-thq-text-elm28 {
    font-size: 20px;
    line-height: 28px;
  }
  
  .desktop2-thq-text-elm21,
  .desktop2-thq-text-elm23,
  .desktop2-thq-text-elm25,
  .desktop2-thq-text-elm27,
  .desktop2-thq-text-elm29 {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-frame2085663978-elm {
    width: 100%;
  }
  
  /* Testimonials section responsive styles for mobile */
  .desktop2-thq-frame2085664007-elm {
    padding: 40px 16px;
  }
  
  .desktop2-thq-frame2085664021-elm {
    gap: 32px;
  }
  
  .desktop2-thq-frame2085664020-elm {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  
  .desktop2-thq-text-elm30 {
    font-size: 32px;
    line-height: 40px;
  }
  
  .desktop2-thq-text-elm31 {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-testimonials-container-elm {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 0 16px;
  }
  
  .desktop2-thq-frame2085664019-elm {
    gap: 16px;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  
  .desktop2-thq-testimonial-content-elm1,
  .desktop2-thq-testimonial-content-elm2,
  .desktop2-thq-testimonial-content-elm3,
  .desktop2-thq-testimonial-content-elm4,
  .desktop2-thq-testimonial-content-elm5,
  .desktop2-thq-testimonial-content-elm6,
  .desktop2-thq-testimonial-content-elm7 {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    gap: 16px;
  }
  
  .desktop2-thq-testimonial-text-elm1,
  .desktop2-thq-testimonial-text-elm2,
  .desktop2-thq-testimonial-text-elm3,
  .desktop2-thq-testimonial-text-elm4,
  .desktop2-thq-testimonial-text-elm5,
  .desktop2-thq-testimonial-text-elm6,
  .desktop2-thq-testimonial-text-elm7 {
    gap: 12px;
  }
  
  .desktop2-thq-rating-elm1,
  .desktop2-thq-rating-elm2,
  .desktop2-thq-rating-elm3,
  .desktop2-thq-rating-elm4,
  .desktop2-thq-rating-elm5,
  .desktop2-thq-rating-elm6,
  .desktop2-thq-rating-elm7 {
    width: 110px;
    height: 16px;
  }
  
  .desktop2-thq-star1-elm1,
  .desktop2-thq-star2-elm1,
  .desktop2-thq-star3-elm1,
  .desktop2-thq-star4-elm1,
  .desktop2-thq-star5-elm1,
  .desktop2-thq-star1-elm2,
  .desktop2-thq-star2-elm2,
  .desktop2-thq-star3-elm2,
  .desktop2-thq-star4-elm2,
  .desktop2-thq-star5-elm2,
  .desktop2-thq-star1-elm3,
  .desktop2-thq-star2-elm3,
  .desktop2-thq-star3-elm3,
  .desktop2-thq-star4-elm3,
  .desktop2-thq-star5-elm3,
  .desktop2-thq-star1-elm4,
  .desktop2-thq-star2-elm4,
  .desktop2-thq-star3-elm4,
  .desktop2-thq-star4-elm4,
  .desktop2-thq-star5-elm4,
  .desktop2-thq-star1-elm5,
  .desktop2-thq-star2-elm5,
  .desktop2-thq-star3-elm5,
  .desktop2-thq-star4-elm5,
  .desktop2-thq-star5-elm5,
  .desktop2-thq-star1-elm6,
  .desktop2-thq-star2-elm6,
  .desktop2-thq-star3-elm6,
  .desktop2-thq-star4-elm6,
  .desktop2-thq-star5-elm6,
  .desktop2-thq-star1-elm7,
  .desktop2-thq-star2-elm7,
  .desktop2-thq-star3-elm7,
  .desktop2-thq-star4-elm7,
  .desktop2-thq-star5-elm7 {
    width: 16px;
    height: 16px;
  }
  
  .desktop2-thq-star2-elm1,
  .desktop2-thq-star2-elm2,
  .desktop2-thq-star2-elm3,
  .desktop2-thq-star2-elm4,
  .desktop2-thq-star2-elm5,
  .desktop2-thq-star2-elm6,
  .desktop2-thq-star2-elm7 {
    left: 23px;
  }
  
  .desktop2-thq-star3-elm1,
  .desktop2-thq-star3-elm2,
  .desktop2-thq-star3-elm3,
  .desktop2-thq-star3-elm4,
  .desktop2-thq-star3-elm5,
  .desktop2-thq-star3-elm6,
  .desktop2-thq-star3-elm7 {
    left: 46px;
  }
  
  .desktop2-thq-star4-elm1,
  .desktop2-thq-star4-elm2,
  .desktop2-thq-star4-elm3,
  .desktop2-thq-star4-elm4,
  .desktop2-thq-star4-elm5,
  .desktop2-thq-star4-elm6,
  .desktop2-thq-star4-elm7 {
    left: 69px;
  }
  
  .desktop2-thq-star5-elm1,
  .desktop2-thq-star5-elm2,
  .desktop2-thq-star5-elm3,
  .desktop2-thq-star5-elm4,
  .desktop2-thq-star5-elm5,
  .desktop2-thq-star5-elm6,
  .desktop2-thq-star5-elm7 {
    left: 92px;
  }
  
  .desktop2-thq-text-elm32,
  .desktop2-thq-text-elm34,
  .desktop2-thq-text-elm36,
  .desktop2-thq-text-elm38,
  .desktop2-thq-text-elm40,
  .desktop2-thq-text-elm42,
  .desktop2-thq-text-elm44 {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-text-elm33,
  .desktop2-thq-text-elm35,
  .desktop2-thq-text-elm37,
  .desktop2-thq-text-elm39,
  .desktop2-thq-text-elm41,
  .desktop2-thq-text-elm43,
  .desktop2-thq-text-elm45 {
    font-size: 14px;
    line-height: 20px;
  }
  
  /* Booking section responsive styles for mobile */
  .desktop2-thq-frame2085664032-elm {
    padding: 40px 16px;
  }
  
  /* Booking Variation 1: Mobile Responsive */
  .desktop2-thq-booking-v1-container {
    flex-direction: column;
    gap: 16px;
  }
  
  .desktop2-thq-booking-v1-calendar-card,
  .desktop2-thq-booking-v1-timeslots-card {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 16px;
  }
  
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-container-elm26 {
    gap: 6px;
  }
  
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm14,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm15,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm16,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm17,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm18,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm19,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm20,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm21,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm22,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm23,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm24,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm25,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm26,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm27,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm28,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm29,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm30,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm31,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm32,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm33,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm34,
  .desktop2-thq-booking-v1-calendar-content .desktop2-thq-button-elm35 {
    height: 40px;
  }
  
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-container-elm30 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm46,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm47,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm48,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm49,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm50,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm51,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm52,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm53,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm54,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm55,
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm56 {
    height: 44px;
  }
  
  .desktop2-thq-booking-v1-timeslots-content .desktop2-thq-button-elm45 {
    height: 48px;
  }
  
  /* Booking Variation 2: Mobile Responsive */
  .desktop2-thq-booking-v2-container {
    padding: 16px;
  }
  
  .desktop2-thq-booking-v2-calendar-section {
    padding-bottom: 16px;
  }
  
  .desktop2-thq-booking-v2-divider {
    margin: 16px 0;
  }
  
  .desktop2-thq-booking-v2-timeslots-section {
    padding-top: 16px;
  }
  
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-container-elm26 {
    gap: 6px;
  }
  
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm14,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm15,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm16,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm17,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm18,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm19,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm20,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm21,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm22,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm23,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm24,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm25,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm26,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm27,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm28,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm29,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm30,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm31,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm32,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm33,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm34,
  .desktop2-thq-booking-v2-calendar-section .desktop2-thq-button-elm35 {
    height: 40px;
  }
  
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-container-elm30 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm46,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm47,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm48,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm49,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm50,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm51,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm52,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm53,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm54,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm55,
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm56 {
    height: 44px;
  }
  
  .desktop2-thq-booking-v2-timeslots-section .desktop2-thq-button-elm45 {
    height: 48px;
  }
  
  /* Booking Variation 3: Mobile Responsive */
  .desktop2-thq-booking-v3-container {
    flex-direction: column;
    padding: 16px;
  }
  
  .desktop2-thq-booking-v3-left-panel {
    padding-right: 0;
    padding-bottom: 16px;
  }
  
  .desktop2-thq-booking-v3-divider {
    width: 100%;
    height: 1px;
    margin: 16px 0;
  }
  
  .desktop2-thq-booking-v3-right-panel {
    padding-left: 0;
    padding-top: 16px;
  }
  
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-container-elm26 {
    gap: 6px;
  }
  
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm14,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm15,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm16,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm17,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm18,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm19,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm20,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm21,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm22,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm23,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm24,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm25,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm26,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm27,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm28,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm29,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm30,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm31,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm32,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm33,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm34,
  .desktop2-thq-booking-v3-calendar-content .desktop2-thq-button-elm35 {
    height: 40px;
  }
  
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-container-elm30 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm46,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm47,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm48,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm49,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm50,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm51,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm52,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm53,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm54,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm55,
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm56 {
    height: 44px;
  }
  
  .desktop2-thq-booking-v3-timeslots-content .desktop2-thq-button-elm45 {
    height: 48px;
  }
  
  .desktop2-thq-booking-label {
    font-size: 16px;
    padding: 12px 16px;
    margin-top: 32px;
  }
  
  .desktop2-thq-frame2085664031-elm {
    gap: 32px;
  }
  
  .desktop2-thq-frame2085664028-elm {
    gap: 12px;
  }
  
  .desktop2-thq-text-elm46 {
    font-size: 32px;
    line-height: 40px;
  }
  
  .desktop2-thq-text-elm47 {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-frame2085664030-elm {
    gap: 24px;
    flex-direction: column;
    align-items: center;
  }
  
  .desktop2-thq-group1321314521-elm,
  .desktop2-thq-group1321314522-elm {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    position: relative;
  }
  
  .desktop2-thq-group1321314520-elm,
  .desktop2-thq-group1321314519-elm,
  .desktop2-thq-group1321314518-elm,
  .desktop2-thq-group1321314511-elm,
  .desktop2-thq-group1321314514-elm,
  .desktop2-thq-group1321314517-elm,
  .desktop2-thq-group1321314512-elm,
  .desktop2-thq-group1321314510-elm,
  .desktop2-thq-group1321314516-elm {
    width: 100%;
    height: auto;
    position: relative;
  }
  
  .desktop2-thq-container-elm15,
  .desktop2-thq-container-elm28 {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    padding: 16px;
    position: relative;
  }
  
  .desktop2-thq-group1321314513-elm {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
  }
  
  .desktop2-thq-container-elm16 {
    width: 100%;
    gap: 16px;
    position: relative;
    top: 0;
    left: 0;
    justify-content: space-between;
  }
  
  .desktop2-thq-heading3-elm1 {
    width: auto;
    height: auto;
    position: relative;
  }
  
  .desktop2-thq-text-elm48 {
    width: auto;
    position: relative;
    top: 0;
    font-size: 18px;
    line-height: 24px;
  }
  
  .desktop2-thq-container-elm17 {
    width: auto;
    gap: 6px;
  }
  
  .desktop2-thq-button-elm12,
  .desktop2-thq-button-elm13 {
    width: 32px;
    height: 32px;
  }
  
  .desktop2-thq-icon-elm6,
  .desktop2-thq-icon-elm7 {
    width: 16px;
    height: 16px;
  }
  
  .desktop2-thq-container-elm18 {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
  }
  
  .desktop2-thq-container-elm19,
  .desktop2-thq-container-elm20,
  .desktop2-thq-container-elm21,
  .desktop2-thq-container-elm22,
  .desktop2-thq-container-elm23,
  .desktop2-thq-container-elm24,
  .desktop2-thq-container-elm25 {
    width: calc(100% / 7);
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    padding: 6px 0;
    flex: 1;
  }
  
  .desktop2-thq-text-elm49,
  .desktop2-thq-text-elm50,
  .desktop2-thq-text-elm51,
  .desktop2-thq-text-elm52,
  .desktop2-thq-text-elm53,
  .desktop2-thq-text-elm54,
  .desktop2-thq-text-elm55 {
    font-size: 12px;
    line-height: 16px;
  }
  
  .desktop2-thq-container-elm26 {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
  }
  
  .desktop2-thq-button-elm14,
  .desktop2-thq-button-elm15,
  .desktop2-thq-button-elm16,
  .desktop2-thq-button-elm17,
  .desktop2-thq-button-elm18,
  .desktop2-thq-button-elm19,
  .desktop2-thq-button-elm20,
  .desktop2-thq-button-elm21,
  .desktop2-thq-button-elm22,
  .desktop2-thq-button-elm23,
  .desktop2-thq-button-elm24,
  .desktop2-thq-button-elm25,
  .desktop2-thq-button-elm26,
  .desktop2-thq-button-elm27,
  .desktop2-thq-button-elm28,
  .desktop2-thq-button-elm29,
  .desktop2-thq-button-elm30,
  .desktop2-thq-button-elm31,
  .desktop2-thq-button-elm32,
  .desktop2-thq-button-elm33,
  .desktop2-thq-button-elm34,
  .desktop2-thq-button-elm35 {
    width: calc((100% - 48px) / 7);
    min-width: 40px;
    height: 40px;
    padding: 8px;
  }
  
  .desktop2-thq-text-elm56,
  .desktop2-thq-text-elm57,
  .desktop2-thq-text-elm58,
  .desktop2-thq-text-elm59,
  .desktop2-thq-text-elm60,
  .desktop2-thq-text-elm61,
  .desktop2-thq-text-elm62,
  .desktop2-thq-text-elm63,
  .desktop2-thq-text-elm64,
  .desktop2-thq-text-elm65,
  .desktop2-thq-text-elm66,
  .desktop2-thq-text-elm67,
  .desktop2-thq-text-elm68,
  .desktop2-thq-text-elm69,
  .desktop2-thq-text-elm70,
  .desktop2-thq-text-elm71,
  .desktop2-thq-text-elm72,
  .desktop2-thq-text-elm73,
  .desktop2-thq-text-elm74,
  .desktop2-thq-text-elm75,
  .desktop2-thq-text-elm76,
  .desktop2-thq-text-elm77 {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-group1321314515-elm {
    width: 100%;
    height: auto;
    position: relative;
  }
  
  .desktop2-thq-container-elm29 {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    gap: 8px;
  }
  
  .desktop2-thq-icon-elm8 {
    width: 18px;
    height: 18px;
  }
  
  .desktop2-thq-heading3-elm2 {
    width: auto;
    height: auto;
  }
  
  .desktop2-thq-text-elm78 {
    font-size: 16px;
    line-height: 24px;
  }
  
  .desktop2-thq-button-elm45 {
    width: 100%;
    margin-top: 16px;
    padding: 14px 24px;
  }
  
  .desktop2-thq-text-elm79 {
    font-size: 15px;
  }
  
  .desktop2-thq-container-elm30 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
    margin-top: 16px;
  }
  
  .desktop2-thq-button-elm46,
  .desktop2-thq-button-elm47,
  .desktop2-thq-button-elm48,
  .desktop2-thq-button-elm49,
  .desktop2-thq-button-elm50,
  .desktop2-thq-button-elm51,
  .desktop2-thq-button-elm52,
  .desktop2-thq-button-elm53,
  .desktop2-thq-button-elm54,
  .desktop2-thq-button-elm55,
  .desktop2-thq-button-elm56 {
    flex: 1 1 calc(50% - 6px);
    min-width: 120px;
    padding: 12px 16px;
  }
  
  .desktop2-thq-text-elm80,
  .desktop2-thq-text-elm81,
  .desktop2-thq-text-elm82,
  .desktop2-thq-text-elm83,
  .desktop2-thq-text-elm84,
  .desktop2-thq-text-elm85,
  .desktop2-thq-text-elm86,
  .desktop2-thq-text-elm87,
  .desktop2-thq-text-elm88,
  .desktop2-thq-text-elm89,
  .desktop2-thq-text-elm90 {
    font-size: 14px;
    line-height: 20px;
  }
  
  .desktop2-thq-mobile-menu::before {
    top: 70px;
  }
  
  /* Footer Responsive Styles - Mobile */
  .desktop2-thq-frame2085664008-elm {
    padding: 24px 0 0;
  }
  
  .desktop2-thq-frame2085664018-elm {
    gap: 32px;
    padding: 0 16px;
  }
  
  .desktop2-thq-frame2085664016-elm {
    gap: 16px;
  }
  
  .desktop2-thq-frame2085664015-elm {
    gap: 24px;
  }
  
  .desktop2-thq-frame2085664010-elm {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  
  .desktop2-thq-logo21-elm2 {
    width: 120px;
    height: auto;
    object-fit: contain;
  }
  
  .desktop2-thq-text-elm91 {
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px;
  }
  
  .desktop2-thq-button-elm-footer-cta {
    width: 100%;
    max-width: 300px;
    padding: 14px 24px;
    font-size: 14px;
  }
  
  .desktop2-thq-frame2085664013-elm {
    gap: 16px;
    width: 100%;
    padding: 0 16px;
  }
  
  .desktop2-thq-frame2085664011-elm {
    gap: 16px;
    flex-direction: column;
    align-items: center;
  }
  
  .desktop2-thq-text-elm92,
  .desktop2-thq-text-elm93,
  .desktop2-thq-text-elm94,
  .desktop2-thq-text-elm95,
  .desktop2-thq-text-elm100 {
    text-align: center;
    font-size: 14px;
  }
  
  .desktop2-thq-frame2085664012-elm {
    gap: 16px;
    flex-direction: column;
    align-items: center;
    padding: 0 16px;
  }
  
  .desktop2-thq-frame2085663904-elm,
  .desktop2-thq-frame2085663903-elm,
  .desktop2-thq-frame2085663902-elm {
    justify-content: center;
  }
  
  .desktop2-thq-text-elm96,
  .desktop2-thq-text-elm97,
  .desktop2-thq-text-elm98 {
    font-size: 14px;
    text-align: center;
  }
  
  .desktop2-thq-group1321314509-elm {
    width: 100%;
    height: auto;
    justify-content: center;
    padding: 0 16px;
  }
  
  .desktop2-thq-frame2085664014-elm {
    position: relative;
    top: auto;
    left: auto;
    justify-content: center;
    width: 100%;
  }
  
  .desktop2-thq-frame2085664017-elm {
    padding: 16px 24px;
    gap: 8px;
  }
  
  .desktop2-thq-text-elm99 {
    width: 100%;
    font-size: 12px;
  }
  
  .desktop2-thq-text-elm-rossitech {
    font-size: 12px;
  }
}

/* Footer Responsive Styles - Tablet */
@media screen and (max-width: 1140px) and (min-width: 768px) {
  .desktop2-thq-frame2085664008-elm {
    padding: 28px 0 0;
  }
  
  .desktop2-thq-frame2085664018-elm {
    gap: 40px;
    padding: 0 32px;
  }
  
  .desktop2-thq-frame2085664016-elm {
    gap: 20px;
  }
  
  .desktop2-thq-frame2085664015-elm {
    gap: 32px;
  }
  
  .desktop2-thq-frame2085664010-elm {
    width: 100%;
    max-width: 500px;
    padding: 0 24px;
  }
  
  .desktop2-thq-logo21-elm2 {
    width: 140px;
    height: auto;
    object-fit: contain;
  }
  
  .desktop2-thq-text-elm91 {
    font-size: 15px;
    padding: 0 24px;
  }
  
  .desktop2-thq-button-elm-footer-cta {
    max-width: 280px;
    padding: 14px 28px;
  }
  
  .desktop2-thq-frame2085664013-elm {
    gap: 20px;
    padding: 0 24px;
  }
  
  .desktop2-thq-frame2085664011-elm {
    gap: 24px;
  }
  
  .desktop2-thq-frame2085664012-elm {
    gap: 24px;
    padding: 0 24px;
  }
  
  .desktop2-thq-frame2085664017-elm {
    padding: 16px 48px;
  }
  
  .desktop2-thq-text-elm99 {
    width: 100%;
    max-width: 600px;
  }
}

/* Hero section responsive styles for medium-large screens */
@media screen and (min-width: 1141px) and (max-width: 1600px) {
  /* Hero section responsive styles for medium-large screens */
  .desktop2-thq-hero-compare-4 {
    min-height: 550px;
  }
  
  .desktop2-thq-hero-compare-4-content {
    padding: 150px 0 150px 160px;
  }
  
  .desktop2-thq-hero-compare-4-heading {
    font-size: 56px;
    line-height: 68px;
  }
}

/* Footer Responsive Styles - Medium Desktop */
@media screen and (min-width: 1141px) and (max-width: 1400px) {
  .desktop2-thq-frame2085664017-elm {
    padding: 16px 200px;
  }
  
  .desktop2-thq-text-elm99 {
    width: auto;
    max-width: none;
  }
}

/* Footer Responsive Styles - Large Desktop */
@media screen and (min-width: 1401px) {
  .desktop2-thq-frame2085664017-elm {
    padding: 16px 490px;
    align-items: center;
    justify-content: center;
  }
  
  .desktop2-thq-text-elm99,
  .desktop2-thq-text-elm-rossitech {
    width: 100%;
    max-width: 960px;
  }
}

/* Hide mobile logo on desktop */
.desktop2-thq-logo-mobile {
  display: none;
}

/* Hide mobile nav icons on desktop/tablet */
.desktop2-thq-mobile-nav-icons {
  display: none;
}

.desktop2-thq-mobile-nav-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: opacity 0.2s ease;
  display: block;
  flex-shrink: 0;
}

.desktop2-thq-mobile-nav-icon:hover {
  opacity: 0.8;
}

/* Gallery Section (Mobile Only) */
.desktop2-thq-gallery-services-v3 {
  width: 100%;
  padding: 80px 48px;
  background-color: rgba(0, 0, 0, 1);
  position: relative;
  display: none;
}

.desktop2-thq-gallery-services-v3-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.desktop2-thq-gallery-services-v3-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 300px);
  gap: 20px;
  width: 100%;
}

.desktop2-thq-gallery-services-v3-item {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(245, 245, 245, 0.08);
}

.desktop2-thq-gallery-services-v3-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.desktop2-thq-gallery-services-v3-item:hover img {
  transform: scale(1.05);
}

/* Variation 3: Wide item on row 1, tall item on row 2 */
.desktop2-thq-gallery-services-v3-item:nth-child(1) {
  grid-column: span 2;
  grid-row: span 1;
}

.desktop2-thq-gallery-services-v3-item:nth-child(3) {
  grid-column: span 1;
  grid-row: span 2;
}

/* Gallery Section: Responsive Styles */
@media screen and (max-width: 1140px) and (min-width: 767px) {
  .desktop2-thq-gallery-services-v3 {
    display: none;
  }
}

@media screen and (max-width: 766px) {
  .desktop2-thq-gallery-services-v3 {
    display: block;
    padding: 40px 16px;
  }
  
  .desktop2-thq-gallery-services-v3-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 200px);
    gap: 12px;
  }
  
  /* Maintain irregular spans on mobile */
  .desktop2-thq-gallery-services-v3-item:nth-child(1) {
    grid-column: span 2;
  }
  
  .desktop2-thq-gallery-services-v3-item:nth-child(3) {
    grid-row: span 2;
  }
}

/* Hero Variation 3 */
.desktop2-thq-hero-variation-3 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #0b0d0c;
  background-image: url("../public/mobilebg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: none;
  flex-direction: column;
}

.desktop2-thq-hero-variation-3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}

.desktop2-thq-hero-variation-3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
}

@keyframes fadeInFromRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.desktop2-thq-hero-v3-content {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 20px 164px 20px;
  max-width: 85%;
  z-index: 2;
  margin-left: 0;
}

.desktop2-thq-hero-v3-headline {
  color: rgba(255, 255, 255, 1);
  font-family: Merriweather;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  margin: 0 0 32px 0;
  text-align: left;
  opacity: 0;
  animation: fadeInFromRight 0.8s ease-out 0.1s forwards;
}

.desktop2-thq-hero-v3-description {
  color: rgba(255, 255, 255, 1);
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 48px 0;
  max-width: 85%;
  text-align: left;
  opacity: 0;
  animation: fadeInFromRight 0.8s ease-out 0.2s forwards;
}

.desktop2-thq-hero-v3-testimonial {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 24px;
  opacity: 0;
  animation: fadeInFromRight 0.8s ease-out 0.3s forwards;
}

.desktop2-thq-hero-v3-testimonial-name {
  color: rgba(255, 255, 255, 1);
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.desktop2-thq-hero-v3-testimonial-quote {
  color: rgba(255, 255, 255, 1);
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.desktop2-thq-hero-v3-cta {
  position: absolute;
  bottom: 73px;
  left: 24px;
  width: 346px;
  height: auto;
  min-height: 55px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  z-index: 100;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  opacity: 0;
  animation: fadeInFromRight 0.8s ease-out 0.4s forwards;
}

.desktop2-thq-hero-v3-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.desktop2-thq-hero-v3-cta-text {
  color: rgba(0, 0, 0, 1);
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.desktop2-thq-hero-v3-cta-icon {
  width: 20px;
  height: 20px;
}

/* Responsive Styles for Hero Variation 3 */
@media screen and (max-width: 1140px) and (min-width: 767px) {
  .desktop2-thq-hero-variation-3 {
    height: 100vh;
  }

  .desktop2-thq-hero-v3-content {
    padding: 0 20px 164px 20px;
    max-width: 85%;
  }

  .desktop2-thq-hero-v3-headline {
    font-size: 32px;
  }

  .desktop2-thq-hero-v3-description {
    font-size: 16px;
    margin-bottom: 48px;
  }

  .desktop2-thq-hero-v3-cta {
    width: 346px;
    left: 20px;
    bottom: 73px;
    padding: 20px;
  }
}

@media screen and (max-width: 766px) {
  .desktop2-thq-hero-variation-3 {
    display: flex;
    height: 100vh;
    position: relative;
    margin-top: -70px;
    padding-top: 70px;
    z-index: 1;
  }

  .desktop2-thq-hero-v3-content {
    padding: 0 16px 164px 16px;
    max-width: 90%;
  }

  .desktop2-thq-hero-v3-headline {
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 32px;
  }

  .desktop2-thq-hero-v3-description {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 48px;
    max-width: 90%;
  }

  .desktop2-thq-hero-v3-testimonial {
    gap: 18px;
    margin-bottom: 20px;
  }

  .desktop2-thq-hero-v3-testimonial-name {
    font-size: 18px;
  }

  .desktop2-thq-hero-v3-testimonial-quote {
    font-size: 16px;
    line-height: 20px;
  }

  .desktop2-thq-hero-v3-cta {
    width: calc(100% - 32px);
    max-width: 346px;
    left: 16px;
    bottom: 68px;
    padding: 20px;
    min-height: 52px;
  }

  .desktop2-thq-hero-v3-cta-text {
    font-size: 15px;
  }

  .desktop2-thq-hero-v3-cta-icon {
    width: 18px;
    height: 18px;
  }
}