/* ==== OPTIMIZED STYLES (generated) ==== */
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
body {
 font-family: "Manrope", sans-serif;
 }
/* ========= GLOBAL CONTAINERS ========= */
 .container {
 max-width: 1320px;
 margin: 0 auto;
 padding: 0 40px;
 }
/* ========= HEADER ========= */

/* Site Header Styles */

.site-header__navbar {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-header__container {
  max-width: 1320px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.site-header__logo img {
  height: 50px;
  object-fit: contain;
}

.site-header__menu {
  display: flex;
  gap: 38px;
}

.site-header__link {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #2f2f2f;
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-header__link:hover {
  color: rgba(47, 47, 47, 0.6);
}

.site-header__link.active {
  color: #111;
}

 .site-header {
 position: sticky;
 top: 0px;
 background: #fff;
 z-index: 1000;
}
.site-header {
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
.site-header__inner {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 20px 0;
 }
.site-header__logo {
 max-width: 120px;
 }
.site-header__btn a {
 background-color: rgb(130, 255, 31);
 border-radius: 30px;
 height: 48px;
 padding: 16px 24px;
 border: none;
 font-family: "Manrope", sans-serif;
 font-weight: 600;
 text-decoration: none;
 font-size: 15px;
 color: #2f2f2f;
 }
.site-header__btn {
 border: none;
 }
/* ========= BANNER ========= */

 /* Projects Section Styles */
.projects-section {
 background-color: #02090A;
 color: #fff;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 0px;
 width: 100%;
 position: relative;
 overflow: hidden;
 z-index: 2;
 padding: 100px 0px 40px;
}
.projects-inner {
/* max-width: 1320px;
 margin: 0 auto;
*/
    width: 100%;
}
.projects-grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 0px;
 width: 100%;
 padding: 0px;
 position: relative;
 z-index: 1;
}
.projects-small-container {
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 0px; 
 width: 100%;
 padding: 0px; 
 position: relative; 
 overflow: hidden;
 margin-bottom: 40px;

}
.projects-grid-small {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 0px;
 flex: 2;
 width: 100%;
 height: 557.98px;
 padding: 0px;
 position: relative;
 z-index: 1;
}
.projects-sidebar {
 flex: 1;
 align-self: stretch;
 width: 100%;
 height: auto;
 position: relative;
}
.project-card {
 border: 1px solid #262626;
 border-bottom: 0px;
 border-right: 0px;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: space-between;
 width: 100%;
 height: 100%;
 padding: 70px 22px 22px;
 text-decoration: none;
 position: relative;
 overflow: hidden;
 transition: background 0.3s ease, border-color 0.3s ease;
}
.project-card:hover {
 background-color: #041E18;
 /*background: radial-gradient(#3e4646, #0f3335 40%, #061a1c, #061a1c);*/
}
.project-card-small {
 border: 1px solid #262626;
 border-right: 0px;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: space-between;
 width: 100%;
 height: 100%;
 padding: 60px 22px 22px;
 text-decoration: none;
 position: relative;
 overflow: hidden;
 transition: background 0.3s ease, border-color 0.3s ease;
}
.project-card-small:hover {
 /*background-color: #041E18;*/
 background: radial-gradient(#3e4646, #0f3335 40%, #061a1c, #061a1c);
}
.project-content {
 width: 100%;
 height: 670.33px;
 overflow: clip;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 10px;
 padding: 0px;
}
.project-content-small {
 width: 100%;
 height: 475.98px;
 overflow: clip;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 10px;
 padding: 0px;
}
.project-text {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 20px;
 width: 100%;
 height: 171px;
 padding: 0 0 50px 50px;
}
.project-text-small {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 20px;
 width: 100%;
 height: 151.5px;
 padding: 0 0 50px 50px;
}
.project-meta {
 display: flex;
 align-items: center;
 gap: 24px;
}
.category-tags {
 display: flex;
 align-items: center;
 gap: 3px;
}
.category-bracket {
 font-weight: 600;
 font-size: 17px;
 letter-spacing: -0.68px;
 line-height: 25.5px;
 color: #82FF1F;
}
.category-name {
 font-weight: 600;
 font-size: 17px;
 letter-spacing: -0.68px;
 line-height: 25.5px;
 color: #FFF;
}
.project-date {
 font-weight: 600;
 font-size: 16px;
 letter-spacing: -0.64px;
 line-height: 16px;
 color: #999;
}
.project-title {
 font-weight: 400;
 font-size: 30px;
 letter-spacing: -1.2px;
 line-height: 36px;
 color: #FFF;
 text-wrap: balance;
 max-width: 90%;
 width: 100%;
}
.project-services {
 font-weight: 600;
 font-size: 15px;
 letter-spacing: -0.6px;
 line-height: 19.5px;
 color: rgba(255, 255, 255, 0.5);
}
.project-image {
 border-radius: 24px;
   overflow: clip;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 width: 100%;
 padding: 0px;
}
.project-image-small {
 border-radius: 24px;
 aspect-ratio: 1.24966 / 1;
 overflow: clip;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 width: 100%;
 padding: 0px;
}
.project-image-inner {
 border-radius: 10px;
 width: 100%;
 height: 100%;
 position: relative;
  background: linear-gradient(295deg, rgb(30, 80, 55) 10%, rgb(25, 55, 70) 50%, rgb(15, 25, 40) 90%);
}

a.project-card:nth-of-type(1) .project-image-inner{


}
a.project-card:nth-of-type(2) .project-image-inner{
  /*background: linear-gradient(295deg, rgb(15, 60, 80) 10%, rgb(30, 90, 90) 50%,rgb(45, 125, 75)   90%);*/
}

.project-image-inner:after {
    content: "";
     /*background-image: url(https://media.istockphoto.com/id/1370544962/photo/white-paper-background-fibrous-cardboard-texture-for-scrapbooking.jpg?s=612x612&w=0&k=20&c=6JMvJuAMLW0FVsB0iiPbKX8I6jBm2h_-ZZdMtrgvxo0=); */
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*opacity: 0.4;*/
}
span.site-title {
      font-family: 'Bebas Neue', sans-serif;
    position: absolute;
    left: 50%;
    top: 70px;
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 10px;
}
.project-image-inner-small {
 border-radius: 10px;
 width: 100%;
 height: 100%;
 position: relative;
  background: linear-gradient(295deg, rgb(30, 80, 55) 10%, rgb(25, 55, 70) 50%, rgb(15, 25, 40) 90%);
}
.project-image-inner-small .site-title {
    font-size: 35px;
    top: 52px;
}
.project-image-inner img,
.project-image-inner-small img
 {
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: left center;
 object-fit: contain;
 position: relative;
 z-index: 999;
}
.view-all-section {
 height: 100%;
 width: 100%;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0px;
 padding: 0px;
 text-decoration: none;
}
.view-all-container {
 border: 1px solid #262626;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 flex: 1;
 width: 100%;
 height: 557.98px;
 padding: 22px;
 position: relative;
 overflow: hidden;
}
.view-all-inner {
 background-color: #82FF1F;
 border-radius: 14px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 10px;
 flex: 1;
 width: 100%;
 height: 513.98px;
 padding: 0px;
 position: relative;
 overflow: hidden;
 transition: background-color 0.3s ease;
}
.view-all-inner:hover {
 background-color: #6fe01a;
}
.view-all-content {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 gap: 22px;
 width: min-content;
 height: 45px;
 padding: 0px;
}
.view-all-text {
 font-weight: 600;
 font-size: 20px;
 letter-spacing: -0.8px;
 line-height: 28px;
 color: #2F2F2F;
}
.view-all-icon {
 flex-shrink: 0;
 width: 45px;
 height: 45px;
 position: relative;
}
.view-all-icon svg {
 width: 100%;
 height: 100%;
 display: block;
 fill: #000;
}
.availability {
 text-align: center;
 color: #2f2f2f;
 font-family: "Manrope", sans-serif;
 font-size: 14px;
 margin-bottom: 10px;
 }
.banner__headline * {

}
.TextShape-node-container {
 font-family: "Manrope", sans-serif;
 font-weight: 600;
 position: relative;
 }
span.build-scale {
 font-size: 80px;
 line-height: initial;
}
.hsn-logix-avatar {
 display: flex;
 position: relative;
 flex-flow: row;
 place-content: center;
 align-items: center;
 gap: 0px;
 padding: 0px;
 width: min-content;
 height: min-content;
 overflow: hidden;
}
/* Circle wrappers */
.hsn-logix-circle {
 display: flex;
 flex-flow: column;
 align-items: flex-start;
 place-content: flex-start center;
 padding: 0px;
 position: relative;
 overflow: hidden;
 height: 90px;
}
.hsn-logix-circle.circle1 {
 width: 11px;
}
.hsn-logix-circle.circle2 {
 width: 22px;
}
.hsn-logix-circle.circle3 {
 width: 32px;
}
/* Green dot */
.hsn-logix-dot {
 width: 90px;
 height: 90px;
 border-radius: 45px;
 background-color: #DEBE1A;
 opacity: 1;
 position: relative;
 overflow: hidden;
}
/* Profile picture */
.hsn-logix-profile-pic {
 width: 90px;
 height: 120px;
 aspect-ratio: 1;
 border-radius: 45px;
 position: relative;
 overflow: visible;
}
.hsn-logix-img-wrapper {
 position: absolute;
 inset: 0;
 border-radius: inherit;
}
.hsn-logix-img-wrapper img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-fit: contain;
 object-position: center;
}
/* ========= BUTTONS ========= */
 .btn--outline,
 .btn--dark,
 .btn--light,
 .btn--primary {
 font-family: "Manrope", sans-serif;
 font-weight: 600;
 border-radius: 110px;
 cursor: pointer;
 padding: 10px 25px;
 vertical-align: middle;
 }
.btn--dark {
 font-size: 42px;
 width: fit-content;
 padding: 20px 26px;
 background: #2f2f2f;
 color: #fff;
 border: none;
 }
/* ========= FOOTER ========= */
 footer {
 background: #000;
 }
.footer__copyright p a {
 color: #fff66;
 font-size: 15px;
 text-decoration: none;
 }
.TextShape-node-container1 {
 position: relative;
 font-size: 50px;
 width: fit-content;
 font-weight: 500;
}
.TextShape-node-container1 .bold-text {
font-weight: 800;
margin-left: 10px;
}
.TextShape-node-container1.helping-bsns .TextShape-node {
 left: 187px;
 top: -4px;
}
.bold-text {
 font-weight: bold;
}
/* Portfolio Slider */

.testimonial-card {
  background-color: #F9F9F9;
  border-radius: 12px;
  padding: 25px 30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
  max-width: 380px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.testimonial-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.testimonial-header > svg {
  width: 48px;
  height: 48px;
  margin-right: 15px;
}
.testimonial-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.testimonial-rating {
  display: flex;
  align-items: center;
  font-size: 18px;
}

/* === FIXED STAR STYLE === */
.air3-rating-foreground svg,
.air3-rating-background svg {
  width: 18px;
  height: 18px;
}

.air3-rating-foreground svg use {
  fill: #DF7606 !important;
}

.air3-rating-background svg use {
  fill: #e0e0e0;
}

.air3-rating-value-text {
  font-weight: 600;
  font-size: 17px;
  color: #2F2F2F;
}

.testimonial-text {
  line-height: 1.6;
  font-size: 15px;
  color: #676767;
  margin: 10px 0 14px;
  font-weight: 500;
}

.testimonial-author {
  font-size: 15px;
  color: #008329;
  font-style: italic;
  font-weight: 500;
  /*margin-top: auto;*/
}
  .air3-rating.wm-feedback-scores {
    display: flex;
  }

section.hsnlogix-portfolio {
 padding-top: 60px;
 padding-bottom: 60px;
 max-width: 1600px;

}
.hsnlogix-portfolio-header h2,
 .hsnlogix-heading h2 {
 padding-bottom: 30px;
 text-align: center;
 font-size: 42px;
 }
#hsnlogix-portfolio-slider {
 overflow-x: hidden;
 overflow-y: visible;
 }
.hsnlogix-slider-track {
 display: flex;
 will-change: transform;
 overflow: visible;
 padding: 30px 0;
 }
.hsnlogix-slider-item {
 flex: 0 0 auto;
 margin: 0 10px;
 overflow: visible;
 text-decoration: none;
 }
.hsnlogix-slider-item > img {
 display: block;
 height: 380px;
 width: auto;
 transform: scale(0.95);
 transform-origin: center center;
 transition: transform 300ms ease;
 border-radius: 20px;
 }
.hsnlogix-slider-item:hover img {
 transform: scale(1);
 }
/* Container */
 .process-container {
 background-color: #111;
 color: #fff;
 padding: 160px 0;
 }
.process-inner {
 
 }
/* Header section */
 .process-header {
 max-width: 1320px;
 margin: 0 auto;
 padding: 0 40px 120px;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 position: relative;
 }
.process-indicator {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 14px;
 }
.status-indicator {
 width: 13px;
 height: 13px;
 background-color: #82ff1f;
 border-radius: 50%;
 box-shadow: 0 2px 13px rgba(130, 255, 31, 0.5);
 }
.process-tag {
 font-weight: 600;
 font-size: 18px;
 letter-spacing: -0.72px;
 color: rgba(255, 255, 255, 0.5);
 }
.process-title {
 font-size: 70px;
 font-weight: 400;
 letter-spacing: -2.8px;
 line-height: 77px;
 text-wrap: balance;
 }
/* Process steps */
 .process-steps {
 display: flex;
 flex-direction: column;
 gap: 0px;
 }
.process-step {
 display: flex;
 border-top: 1px solid rgba(255, 255, 255, 0.1);
 padding: 60px 0;
 }
.step-number {
 flex: 2;
 display: flex;
 justify-content: flex-start;
 }
.step-badge {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 18px;
 padding: 14px 20px;
 border: 1px solid rgba(255, 255, 255, 0.2);
 border-radius: 27px;
 height: 40px;
 }
.step-name {
 font-weight: 600;
 font-size: 15px;
 letter-spacing: -0.6px;
 line-height: 19.5px;
 }
.step-content {
 flex: 8;
 display: flex;
 flex-direction: column;
 gap: 10px;
 }
.step-header {
 display: flex;
 align-items: flex-start;
 gap: 56px;
 }
.step-index {
 display: flex;
 align-items: center;
 gap: 1px;
 }
.step-slash {
 font-weight: 600;
 font-size: 36px;
 letter-spacing: -1.44px;
 color: #82ff1f;
 }
.step-number-value {
 font-weight: 600;
 font-size: 36px;
 letter-spacing: -1.44px;
 }
.step-details {
 display: flex;
 flex-direction: column;
 gap: 26px;
 }
.step-description {
 font-weight: 600;
 font-size: 24px;
 letter-spacing: -0.96px;
 line-height: 31.2px;
 text-wrap: balance;
 }
.step-items {
 list-style: none;
 padding-left: 12px;
 display: flex;
 flex-direction: column;
 gap: 10px;
 }
.step-item {
 display: flex;
 align-items: center;
 gap: 8px;
 }
.step-item-icon {
 width: 18px;
 height: 18px;
 fill: #82ff1f;
 flex-shrink: 0;
 }
.step-item-content {
 display: flex;
 align-items: center;
 gap: 4px;
 }
.step-item-label {
 font-weight: 600;
 font-size: 17px;
 letter-spacing: -0.51px;
 line-height: 23.8px;
 }
.step-item-description {
 font-weight: 600;
 font-size: 17px;
 letter-spacing: -0.51px;
 line-height: 23.8px;
 color: rgba(255, 255, 255, 0.5);
 }
.step-timing {
 flex: 2;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 6px;
 }
.step-timing-icon {
 width: 17px;
 height: 17px;
 fill: rgba(255, 255, 255, 0.2);
 }
.step-timing-text {
 font-weight: 600;
 font-size: 15px;
 letter-spacing: -0.6px;
 line-height: 19.5px;
 opacity: 0.5;
 }
/* Responsive adjustments */
 

 


 /* Reset and base styles */
 * {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
body {
 font-family: 'Manrope', sans-serif;
 background-color: #F8F8F8;
 color: #2F2F2F;
 line-height: 1.5;
 }
/* Header section */
 .testimonials-header {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 width: 100%;
 padding: 0 40px 60px;
 background-color: #F8F8F8;
 }
.header-content {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 24px;
 }
.tag-badge {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 32px;
 padding: 8px 16px;
 border: 1px solid #D9D9D9;
 border-radius: 28px;
 }
.tag-text {
 font-weight: 600;
 font-size: 17px;
 letter-spacing: -0.68px;
 text-transform: uppercase;
 line-height: 17px;
 color: #82FF1F;
 }
.headline-container {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 0px;
 width: 100%;
 height: 154px;
 }
.headline-part {
 opacity: 0.6;
 }
.headline-text {
 font-weight: 400;
 font-size: 70px;
 letter-spacing: -2.8px;
 line-height: 77px;
 text-wrap: balance;
 }
.cta-section .description {
 flex: 1;
 font-weight: 600;
 font-size: 20px;
 letter-spacing: -0.8px;
 line-height: 28px;
 color: #6E6E6E;
 text-wrap: balance;
 }
/* Responsive adjustments */
 

 

/* Main container */
 .hero-container {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 padding: 0 40px;
 overflow: hidden;
 /*background-image: url(./img/banner-bg.jpg);*/
 background-color: #F1F5F2;
 }
.hero-grid {
 flex: 1;
 max-width: 1320px;
 padding: 30px 0;
 display: grid;
 grid-template-rows: 500px 238px;
 grid-template-columns: repeat(3, 1fr);
 gap: 24px;
 justify-content: center;
 }
/* Profile section */
 .profile-section {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 10px;
 width: 100%;
 padding-top: 62px;
 place-self: start;
 }
.profile-content {
 display: flex;
 align-items: center;
 gap: 26px;
  }
.avatar-container {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0px;
 height: 90px;
 position: relative;
 }
.avatar-circle {
 width: 90px;
 height: 90px;
 background-color: #82FF1F;
 border-radius: 45px;
 }
.avatar-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: inherit;
 }
.profile-info {
 display: flex;
 flex-direction: column;
 gap: 18px;
 width: 202px;
  }
.profile-name {
 display: flex;
 flex-direction: column;
 gap: 2px;
 width: 100%;
 }
.name {
 font-weight: 600;
 font-size: 22px;
 letter-spacing: -0.88px;
 line-height: 30.8px;
 color: #2F2F2F;
 }
.title {
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 10px;
 width: 100%;
 padding: 5px 0;
 }
.title-text {
 font-weight: 600;
 font-size: 15px;
 letter-spacing: -0.6px;
 line-height: 19.5px;
 color: #2F2F2F;
 opacity: 0.5;
 flex: 1;
 }
.social-link {
 width: 35px;
 display: block;
 text-decoration: none;
 }
.social-link img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 }
/* Heading section */
 .heading-section {
 display: flex;
 flex-direction: column;
 grid-column: span 2;
 gap: 20px;
 width: 100%;
 place-self: center start;
 }
.availability {
 display: flex;
 align-items: center;
 gap: 8px;
 height: 20px;
 }
.availability-dot {
 width: 10px;
 height: 10px;
 background-color: #82FF1F;
 border-radius: 50%;
 }
.availability-text {
 font-weight: 600;
 font-size: 14px;
 letter-spacing: -0.42px;
 line-height: 20px;
 color: #2F2F2F;
 }
.main-heading {
 display: flex;
 flex-direction: column;
 gap: 0px;
 width: 100%;
 }
.heading-row-1 {
 display: flex;
 align-items: center;
 gap: 18px;
 width: 100%;
 height: 92px;
 }
.greeting {
 font-weight: 400;
 font-size: 92px;
 letter-spacing: -3.68px;
 line-height: 92px;
 color: #2F2F2F;
 }
.name-pill {
 background-color: #FFF;
 border-radius: 110px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 height: 82px;
 padding: 20px 26px;
 box-shadow: 0 0.602187px 0.602187px -1.25px rgba(0, 0, 0, 0.14), 
 0 2.28853px 2.28853px -2.5px rgba(0, 0, 0, 0.13), 
 0 10px 10px -3.75px rgba(0, 0, 0, 0.05);
 }
.name-pill-text {
 font-weight: 600;
 font-size: 42px;
 letter-spacing: -1.68px;
 line-height: 42px;
 color: #2F2F2F;
 }
.heading-row-2 {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 4px;
 width: 100%;
 padding: 4px 0 0;
 }
.profession-group {
 display: flex;
 align-items: center;
 gap: 18px;
 height: 92px;
 padding-right: 18px;
 }
.profession-text {
 font-weight: 400;
 font-size: 92px;
 letter-spacing: -3.68px;
 line-height: 92px;
 color: #2F2F2F;
 }
.profession-pill {
 background-color: #2F2F2F;
 border-radius: 110px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 height: 82px;
 padding: 20px 26px;
 box-shadow: 0 0.602187px 0.602187px -1.25px rgba(0, 0, 0, 0.09), 
 0 2.28853px 2.28853px -2.5px rgba(0, 0, 0, 0.08), 
 0 10px 10px -3.75px rgba(0, 0, 0, 0.03);
 }
.profession-pill-text {
 font-weight: 600;
 font-size: 42px;
 letter-spacing: -1.68px;
 line-height: 42px;
 color: #FFF;
 }
.location-group {
 display: flex;
 align-items: center;
 gap: 18px;
 height: 92px;
 }
/* Experience section */
 .experience-section {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 10px;
 width: 100%;
 height: 50px;
 padding-top: 50px;
 place-self: start;
 }
.experience-text {
 font-weight: 600;
 font-size: 0px;
 color: #2F2F2F;
 line-height: 0px;
 }
/* Description and CTA section */
 .cta-section {
 display: flex;
 flex-direction: column;
 grid-column: span 2;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 50px;
 width: 100%;
 padding-top: 25px;
 place-self: center;
 }
.testimonials-header .description {
 opacity: 0.7;
 font-weight: 600;
 font-size: 24px;
 letter-spacing: -0.96px;
 line-height: 36px;
 color: #2F2F2F;
 max-width: 500px;
 width: 100%;
 }
.cta-button:hover {
 transform: translateY(-2px);
 box-shadow: 0 16px 48px rgba(132, 255, 31, 0.4);
 }
.cta-text {
 font-weight: 600;
 font-size: 20px;
 letter-spacing: -0.8px;
 line-height: 20px;
 color: #2F2F2F;
 }
.cta-icon {
 background-color: #FFF;
 border-radius: 23px;
 width: 46px;
 height: 46px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: 20px;
 }
.cta-icon svg {
 width: 22px;
 height: 22px;
 fill: #2F2F2F;
 }
/* Responsive adjustments */
 

 

 

/* Services Section Styles */
.services-section {
 background: linear-gradient(315deg, rgb(31, 30, 30) -9%, rgb(17, 17, 17) 69%);
 border-top: 1px solid #222;
 padding: 40px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 32px;
 width: 100%;
 position: relative;
 overflow: hidden;
 z-index: 2;
}
.services-container {
 padding: 40px 0;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 32px;
 flex: 1;
 width: 100%;
 position: relative;
 overflow: hidden;
}
.services-content {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 40px;
 flex: 1;
 width: 100%;
 position: relative;
 z-index: 2;
 overflow: visible;
}
.services-header {
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 width: 100%;
 height: 211px;
}
.header-content {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 24px;
 width: 100%;
 height: 211px;
}
.services-badge {
 border: 1px solid #525252;
 border-radius: 28px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 32px;
 width: min-content;
 height: 33px;
 padding: 8px 16px;
}
.badge-text {
 font-weight: 600;
 font-size: 17px;
 letter-spacing: -0.68px;
 line-height: 17px;
 color: #82FF1F;
 text-transform: uppercase;
}
.headline-container {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 0px;
 width: 100%;
 height: 154px;
}
.headline-part {
 opacity: 0.6;
}
.services-section .headline-text {
    color: #fff;
 font-weight: 400;
 font-size: 70px;
 letter-spacing: -2.8px;
 line-height: 77px;
 text-wrap: balance;
}
.header-description {
 flex: 1;
 max-width: 350px;
 font-weight: 600;
 font-size: 20px;
 letter-spacing: -0.8px;
 line-height: 28px;
 color: #D1D1D1;
 text-wrap: balance;
}
.accordion-container {
 border-radius: 20px;
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 12px;
 position: relative;
 overflow: hidden;
}
.accordion-item {
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 0px;
 position: relative;
}
.accordion-question {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 gap: 24px;
 width: 100%;
 padding: 20px 0;
 cursor: pointer;
 user-select: none;
 transition: all 0.3s ease;
}
.accordion-question:hover {
 background-color: rgba(255, 255, 255, 0.05);
}
.question-number {
 font-weight: 600;
 font-size: 14px;
 letter-spacing: -0.42px;
 line-height: 20px;
 color: #DEDEDE;
 flex: 0 0 auto;
}
.question-number.closed {
 opacity: 0.6;
 color: #FFF;
}
.question-title {
 font-weight: 600;
 font-size: 24px;
 letter-spacing: -0.96px;
 line-height: 31.2px;
 color: #FFF;
 flex: 1;
}
.faq-section .question-title {
    color: inherit;
}
.accordion-icon {
 border: 1px solid #525252;
 border-radius: 24px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 32px;
 width: min-content;
 height: 32px;
 padding: 8px;
 flex: 0 0 auto;
}
.plus-icon {
 width: 16px;
 height: 16px;
 position: relative;
 transition: transform 0.3s ease;
}
.plus-icon.open {
 transform: rotate(45deg);
}
.plus-line-horizontal {
 background-color: #82FF1F;
 border-radius: 10px;
 width: 16px;
 height: 2px;
 position: absolute;
 top: 7px;
 left: 0px;
}
.plus-line-vertical {
 background-color: #82FF1F;
 border-radius: 10px;
 width: 2px;
 height: 16px;
 position: absolute;
 top: 0px;
 left: 7px;
}
.accordion-answer {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 10px;
 width: 100%;
 padding: 30px 20px 20px 44px;
 display: none;
}
.accordion-item.active .accordion-answer {
    display: block;
}
.answer-content {
 display: flex;
 align-items: flex-end;
 justify-content: flex-start;
 gap: 76px;
 width: 100%;
}
.answer-images {
 display: flex;
 align-items: flex-start;
 gap: 30px;
 width: 162px;
 height: 104px;
 padding: 0 22px;
}
.image-helper {
 flex: 0 0 auto;
 width: 1px;
 height: 68px;
 position: relative;
}
.service-image {
 border-radius: 8px;
 width: 102px;
 height: 80px;
 position: absolute;
 overflow: visible;
 box-shadow: rgba(0, 0, 0, 0.04) 0 0.839802px 0.503881px -0.3125px, 
 rgba(0, 0, 0, 0.04) 0 1.99048px 1.19429px -0.625px, 
 rgba(0, 0, 0, 0.04) 0 3.63084px 2.1785px -0.9375px, 
 rgba(0, 0, 0, 0.04) 0 6.03627px 3.62176px -1.25px, 
 rgba(0, 0, 0, 0.04) 0 9.74808px 5.84885px -1.5625px, 
 rgba(0, 0, 0, 0.04) 0 15.9566px 9.57398px -1.875px, 
 rgba(0, 0, 0, 0.04) 0 27.4762px 16.4857px -2.1875px, 
 rgba(0, 0, 0, 0.04) 0 50px 30px -2.5px;
}
.service-image.rotated-left {
 transform: matrix(0.99863, -0.052336, 0.052336, 0.99863, 0, 0);
 top: 7.9px;
 left: -20px;
}
.service-image.rotated-right {
 transform: matrix(0.994522, 0.104528, -0.104528, 0.994522, 0, 0);
 top: 7.9px;
 left: -1px;
}
.service-image img {
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
}
.answer-text {
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 gap: normal;
 flex: 1;
 width: 100%;
}
.projects-count {
 font-weight: 600;
 font-size: 14px;
 letter-spacing: -0.42px;
 line-height: 20px;
 color: #FFF;
 order: 1;
}
.service-description {
 font-family: 'Inter', sans-serif;
 font-weight: 400;
 font-size: 16px;
 letter-spacing: -0.32px;
 line-height: 25.6px;
 color: #FFF;
 text-wrap: balance;
 width: 306px;
 order: 0;
 user-select: none;
}
.accordion-divider {
 background-color: #525252;
 width: 100%;
 height: 1px;
}
/* Responsive Design */

.testimonials-section {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 30px;
 width: 100%;
 padding: 0 0 120px;
 position: relative;
 z-index: 2;
 box-sizing: border-box;
}
.section-header {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 10px;
 width: 100%;
 padding: 0 20px;
 position: relative;
}
.availability-indicator {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 gap: 8px;
 width: min-content;
 height: 18px;
}
.status-dot {
 width: 13px;
 height: 13px;
 background-color: #82ff1f;
 border-radius: 100%;
 position: relative;
 box-shadow: 0 2px 13px 0 rgba(130, 255, 31, 0.5);
}
.status-text {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 18px;
 color: rgba(0, 0, 0, 0.5);
 letter-spacing: -0.72px;
 line-height: 18px;
 white-space: nowrap;
 margin: 0px;
}
.section-title {
 font-family: 'Manrope', sans-serif;
 font-weight: 400;
 font-size: 70px;
 color: #2f2f2f;
 letter-spacing: -2.8px;
 line-height: 77px;
 text-align: center;
 text-wrap: balance;
 margin: 0px;
}
.highlight {
 color: #82ff1f;
}
.section-subtitle p {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 17px;
 color: rgba(28, 28, 28, 0.8);
 letter-spacing: -0.51px;
 line-height: 23.8px;
 white-space: nowrap;
 margin: 0px;
}
.testimonial-container {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 gap: 100px;
 width: 100%;
 max-width: 1320px;
 padding: 0 40px;
 position: relative;
 z-index: 2;
 overflow: hidden;
}
.testimonial-video {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 30px;
 flex: 1;
 max-width: 570px;
 height: 765px;
}
.video-card {
 border-radius: 16px;
 height: 100%;
 width: 100%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 10px;
 position: relative;
}
.video-card video {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}
.video-overlay {
 background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0.4) 100%);
 filter: blur(85px);
 height: 250px;
 width: 100%;
 position: absolute;
 bottom: 0px;
 left: 0px;
 z-index: 1;
}
.video-content {
 background: linear-gradient(rgba(0, 0, 0, 0) 59%, #000 100%);
 height: 100%;
 width: 100%;
 overflow: hidden;
 z-index: 1;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-end;
 gap: 20px;
 padding: 40px;
 position: absolute;
 bottom: 0px;
 left: 0px;
 box-sizing: border-box;
}
.video-text {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 10px;
 width: 100%;
}
.video-text h4 {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 32px;
 color: #fff;
 letter-spacing: -1.28px;
 line-height: 44.8px;
 text-align: left;
 white-space: nowrap;
 margin: 0px;
}
.video-text p {
 font-family: 'Inter', sans-serif;
 font-weight: 400;
 font-size: 16px;
 color: rgba(255, 255, 255, 0.8);
 letter-spacing: -0.32px;
 line-height: 25.6px;
 text-align: start;
 white-space: nowrap;
 margin: 0px;
}
.cta-button span {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 19px;
 color: #2f2f2f;
 letter-spacing: -0.76px;
 line-height: 20px;
 text-align: start;
 white-space: nowrap;
 margin: 0px;
 padding: 0 18px 0 0;
}
.button-icon {
 background-color: #fff;
 border-radius: 23px;
 height: 40px;
 width: 40px;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}
.button-icon svg {
 width: 20px;
 height: 20px;
 fill: #2f2f2f;
 color: #2f2f2f;
}
.testimonial-images {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 gap: 10px;
 flex: 1;
 height: 900px;
 max-height: 1100px;
 padding: 0px;
 position: relative;
}
.images-overlay {
 background-color: #f5f5f5;
 z-index: 1;
 flex: 0 0 auto;
 width: 100%;
 position: absolute;
 left: 0px;
 overflow: hidden;
}
.images-overlay.top {
 height: 93px;
 top: 0px;
 mask: linear-gradient(rgba(0, 0, 0, 0) 11%, #000 100%);
 transform: rotate(180deg);
}
.images-overlay.bottom {
 height: 68.75px;
 bottom: 0px;
 mask: linear-gradient(rgba(0, 0, 0, 0) 0, #000 100%);
}
.images-container {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 40px;
 height: 900px;
 max-height: 900px;
 flex: 1;
 padding: 28px 0 0;
 position: relative;
}
.image-item {
 border-radius: 10px;
 flex: 0 0 auto;
 width: 100%;
 position: relative;
}
.image-item img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
 object-fit: contain;
}
.rotated-1 { transform: rotate(-3deg); }
.rotated-2 { transform: rotate(-1deg); }
.rotated-3 { transform: rotate(2deg); }
.rotated-4 { transform: rotate(-2deg); }
.rotated-5 { transform: rotate(3deg); }
.rotated-6 { transform: rotate(-1deg); }
.rotated-7 { transform: rotate(2deg); }
.rotated-8 { transform: rotate(-1deg); }
.testimonial-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 30px;
 width: 100%;
 max-width: 1320px;
 height: 600px;
 max-height: 2988px;
 padding: 0 40px;
 position: relative;
}
.testimonial-card {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 flex-direction: column;
}
.stats-container {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 gap: 24px;
 width: 100%;
 max-width: 1320px;
 padding: 0 40px;
 position: relative;
}
.stat-card {
 border-radius: 14px;
 width: 100%;
 height: 280px;
 padding: 50px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: space-between;
 position: relative;
 overflow: hidden;
 flex: 1;
}
.stat-card.green {
 background-color: #82ff1f;
}
.stat-card.dark {
 background-color: #1a1a1a;
 border: 1px solid #313131;
}
.stat-card.light {
 background-color: #fff;
 border: 1px solid #e0e0e0;
}
.stat-value {
 font-family: 'Manrope', sans-serif;
 font-weight: 400;
 font-size: 78px;
 color: #2f2f2f;
 letter-spacing: -3.12px;
 line-height: 78px;
 text-align: start;
 text-wrap: wrap;
 margin: 0px;
 width: 100%;
}
.stat-card.dark .stat-value {
 color: #fff;
}
.stat-details {
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 justify-content: flex-end;
 gap: 0px;
 width: 100%;
}
.stat-label {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 17px;
 color: #2f2f2f;
 letter-spacing: -0.51px;
 line-height: 23.8px;
 text-align: right;
 text-wrap: wrap;
 margin: 0px;
 width: 100%;
}
.stat-card.dark .stat-label {
 color: #fff;
}
.stat-description {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 24px;
 color: #000;
 letter-spacing: -0.96px;
 line-height: 33.6px;
 text-align: right;
 text-wrap: wrap;
 margin: 0px;
 width: 100%;
}
.stat-card.dark .stat-description {
 color: rgba(255, 255, 255, 0.6);
}
/* Responsive adjustments */

.clients-section {
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 0px;
 width: 100%;
 max-width: 1320px;
 padding: 0 40px;
 position: relative;
 box-sizing: border-box;
}
.content-container {
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 0px;
 width: 100%;
 height: 736px;
}
.header-content {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 gap: 32px;
 flex: 1;
 position: relative;
 z-index: 1;
}

.status-dot {
 width: 13px;
 height: 13px;
 background-color: #82ff1f;
 border-radius: 100%;
 position: relative;
 box-shadow: 0 2px 13px 0 rgba(130, 255, 31, 0.5);
}
.status-text {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 18px;
 color: rgba(255, 255, 255, 0.5);
 letter-spacing: -0.72px;
 line-height: 18px;
 white-space: nowrap;
 margin: 0px;
}
.section-title {
 font-family: 'Manrope', sans-serif;
 font-weight: 400;
 font-size: 70px;
 color: #fff;
 letter-spacing: -2.8px;
 line-height: 77px;
 text-align: start;
 text-wrap: balance;
 margin: 0px;
 width: 100%;
}
.cta-button span {
 font-family: 'Manrope', sans-serif;
 font-weight: 600;
 font-size: 20px;
 color: #2f2f2f;
 letter-spacing: -0.8px;
 line-height: 20px;
 text-align: start;
 white-space: nowrap;
 margin: 0px;
}
.button-icon {
 background-color: #fff;
 border-radius: 23px;
 height: 46px;
 width: 46px;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}
.button-icon svg {
 width: 22px;
 height: 22px;
 fill: #2f2f2f;
 color: #2f2f2f;
}
.logos-container {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 gap: 35px;
 flex: 1;
 height: 736px;
 padding: 0px;
}
.logos-column {
 flex: 1;
 height: 736px;
 position: relative;
}
.logos-scroll {
 display: flex;
 width: 100%;
 height: 100%;
 max-width: 100%;
 max-height: 100%;
 align-items: center;
 margin: 0px;
 padding: 10px;
 opacity: 1;
 mask-image: linear-gradient(rgba(0, 0, 0, 0) 0, #000 12.5%, #000 87.5%, rgba(0, 0, 0, 0) 100%);
 overflow: hidden;
}
.logos-list {
 display: flex;
 width: 100%;
 height: 716px;
 max-width: 100%;
 max-height: 100%;
 align-items: center;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 gap: 35px;
 position: relative;
 flex-direction: column;
 will-change: transform;
}
.logo-item {
 flex-shrink: 0;
 position: relative;
 overflow: visible;
}
.logo-item img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
 object-fit: cover;
}
.svg-logo {
 width: 293px;
 height: 242px;
 background-size: 100% 100%;
 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 293 242" overflow="visible"><g><path d="M 15 241 C 7.268 241 1 234.732 1 227 L 1 15 C 1 7.268 7.268 1 15 1 L 278 1 C 285.732 1 292 7.268 292 15 L 292 227 C 292 234.732 285.732 241 278 241 Z" fill="transparent"></path><path d="M 15 241 C 7.268 241 1 234.732 1 227 L 1 15 C 1 7.268 7.268 1 15 1 L 278 1 C 285.732 1 292 7.268 292 15 L 292 227 C 292 234.732 285.732 241 278 241 Z" fill="rgb(26,26,26)"></path><path d="M 15 1 L 15 2 L 278 2 L 278 0 L 15 0 Z M 292 15 L 291 15 L 291 227 L 293 227 L 293 15 Z M 278 241 L 278 240 L 15 240 L 15 242 L 278 242 Z M 1 227 L 2 227 L 2 15 L 0 15 L 0 227 Z M 15 241 L 15 240 C 7.82 240 2 234.18 2 227 L 0 227 C 0 235.284 6.716 242 15 242 Z M 292 227 L 291 227 C 291 234.18 285.18 240 278 240 L 278 242 C 286.284 242 293 235.284 293 227 Z M 278 1 L 278 2 C 285.18 2 291 7.82 291 15 L 293 15 C 293 6.716 286.284 0 278 0 Z M 15 1 L 15 0 C 6.716 0 0 6.716 0 15 L 2 15 C 2 7.82 7.82 2 15 2 Z" fill="rgb(49,49,49)"></path><path d="M 160.088 122.577 L 167.668 122.577 L 167.668 114.961 L 140.78 88.093 L 133.179 88.093 L 133.179 95.688 L 142.822 105.325 L 133.179 114.961 L 133.179 122.577 L 140.759 122.577 L 150.423 112.919 Z M 167.669 88.093 L 158.516 88.093 L 158.516 97.245 L 167.669 97.245 Z M 172.955 114.951 L 172.955 122.577 L 180.037 122.577 L 183.352 115.66 L 196.889 115.66 L 200.229 122.577 L 207.444 122.577 L 207.444 114.95 L 195.118 88.093 L 185.408 88.093 L 172.953 114.951 Z M 190.201 97.653 L 194.561 108.001 L 185.84 108.001 L 190.199 97.652 L 190.201 97.652 Z M 93.4 114.951 L 93.4 122.577 L 100.488 122.577 L 103.952 115.66 L 117.335 115.66 L 120.675 122.577 L 127.889 122.577 L 127.889 114.95 L 115.563 88.093 L 105.854 88.093 L 93.398 114.951 Z M 110.646 97.653 L 115.006 108.001 L 106.285 108.001 L 110.645 97.652 L 110.646 97.652 Z M 235.552 122.577 L 241.999 122.577 L 241.999 116.284 L 235.462 108.749 L 236.279 108.355 C 237.609 107.712 238.786 106.772 239.778 105.561 C 241.252 103.761 241.999 101.497 241.999 98.831 C 241.999 95.381 240.854 92.687 238.594 90.824 C 236.396 89.013 233.464 88.094 229.875 88.094 L 213.14 88.094 L 213.14 122.577 L 221.702 122.577 L 221.702 109.696 L 224.846 109.696 L 235.551 122.577 Z M 221.702 101.929 L 221.702 95.732 L 230.359 95.732 C 232.068 95.734 233.453 97.119 233.455 98.828 C 233.453 100.537 232.068 101.922 230.359 101.924 Z M 60.197 88.093 L 51 88.093 L 51.003 122.576 L 59.566 122.576 L 59.566 104.659 L 65.924 115.658 L 72.783 115.658 L 79.143 104.659 L 79.143 122.576 L 87.703 122.576 L 87.701 88.093 L 78.501 88.093 L 69.35 102.892 Z M 98.423 152.663 C 98.102 152.294 97.821 151.892 97.586 151.463 L 98.876 151.101 C 99.238 151.711 100.053 152.663 100.506 152.663 L 104.421 152.663 C 104.693 152.663 104.963 152.482 105.461 151.983 C 105.959 151.486 106.141 151.214 106.141 150.943 L 106.141 149.473 C 106.141 148.998 106.005 148.568 105.439 148.409 L 99.259 146.712 C 98.377 146.462 97.811 145.58 97.811 144.607 L 97.811 143.205 C 97.811 142.617 97.991 142.165 98.354 141.78 C 98.604 141.508 99.056 141.056 99.237 140.875 C 99.802 140.355 100.142 140.218 100.799 140.218 L 104.261 140.218 C 105.121 140.218 105.778 140.828 106.344 141.463 C 106.661 141.825 106.954 142.278 107.158 142.662 L 105.868 143.002 C 105.506 142.414 104.691 141.44 104.261 141.44 L 100.821 141.44 C 100.549 141.44 100.279 141.621 99.781 142.12 C 99.283 142.619 99.101 142.889 99.101 143.16 L 99.101 144.517 C 99.101 144.992 99.281 145.422 99.781 145.535 L 106.028 147.254 C 106.933 147.526 107.431 148.409 107.431 149.336 L 107.431 150.92 C 107.431 151.508 107.25 151.961 106.888 152.345 C 106.638 152.618 106.186 153.07 106.005 153.25 C 105.44 153.77 105.1 153.907 104.443 153.907 L 100.483 153.907 C 99.623 153.907 98.966 153.273 98.423 152.663 Z M 119.449 143.069 L 119.449 145.038 C 119.449 145.513 119.359 145.921 119.132 146.283 C 118.929 146.6 118.272 147.255 117.955 147.46 C 117.592 147.687 117.185 147.777 116.71 147.777 L 111.845 147.777 L 111.845 153.796 L 110.555 153.796 L 110.555 140.332 L 116.71 140.332 C 117.185 140.332 117.592 140.422 117.955 140.649 C 118.272 140.854 118.927 141.509 119.132 141.826 C 119.359 142.188 119.449 142.596 119.449 143.071 Z M 118.159 143.047 C 118.159 142.707 118.047 142.481 117.639 142.074 C 117.232 141.667 117.005 141.554 116.666 141.554 L 111.846 141.554 L 111.846 146.532 L 116.666 146.532 C 117.006 146.532 117.232 146.42 117.639 146.012 C 118.047 145.605 118.159 145.38 118.159 145.04 Z M 128.366 150.695 L 122.209 150.695 L 121.214 153.794 L 119.834 153.794 L 124.293 140.331 L 126.285 140.331 L 130.721 153.794 L 129.363 153.794 L 128.368 150.695 Z M 127.959 149.45 L 125.401 141.485 L 125.174 141.485 L 122.617 149.45 Z M 134.364 153.364 C 134.092 153.115 133.639 152.662 133.459 152.482 C 132.939 151.917 132.802 151.577 132.802 150.92 L 132.802 143.205 C 132.802 142.617 132.982 142.165 133.344 141.78 C 133.594 141.508 134.047 141.055 134.227 140.875 C 134.792 140.355 135.132 140.218 135.789 140.218 L 139.049 140.218 C 139.909 140.218 140.588 140.828 141.131 141.463 C 141.448 141.825 141.741 142.277 141.946 142.662 L 140.656 143.002 C 140.294 142.414 139.501 141.44 139.049 141.44 L 135.812 141.44 C 135.54 141.44 135.269 141.62 134.771 142.12 C 134.274 142.619 134.092 142.889 134.092 143.16 L 134.092 150.943 C 134.092 151.215 134.272 151.485 134.771 151.983 C 135.269 152.48 135.541 152.662 135.812 152.662 L 139.026 152.662 C 139.501 152.662 140.294 151.712 140.656 151.101 L 141.946 151.463 C 141.72 151.892 141.446 152.294 141.131 152.662 C 140.588 153.273 139.909 153.907 139.049 153.907 L 135.789 153.907 C 135.201 153.907 134.749 153.727 134.364 153.364 Z M 146.018 141.553 L 146.018 146.417 L 152.061 146.417 L 152.061 147.661 L 146.018 147.661 L 146.018 152.549 L 152.491 152.549 L 152.491 153.794 L 144.729 153.794 L 144.729 140.331 L 152.491 140.331 L 152.491 141.553 Z M 162.403 152.662 C 162.081 152.294 161.8 151.892 161.565 151.463 L 162.855 151.101 C 163.218 151.711 164.033 152.662 164.485 152.662 L 168.4 152.662 C 168.672 152.662 168.943 152.482 169.441 151.983 C 169.938 151.485 170.12 151.213 170.12 150.943 L 170.12 149.473 C 170.12 148.998 169.985 148.568 169.418 148.409 L 163.239 146.711 C 162.356 146.462 161.791 145.58 161.791 144.607 L 161.791 143.205 C 161.791 142.617 161.971 142.165 162.334 141.78 C 162.583 141.508 163.036 141.055 163.216 140.875 C 163.781 140.355 164.121 140.218 164.778 140.218 L 168.241 140.218 C 169.101 140.218 169.758 140.828 170.323 141.463 C 170.64 141.825 170.933 142.277 171.138 142.662 L 169.848 143.002 C 169.486 142.414 168.671 141.44 168.241 141.44 L 164.801 141.44 C 164.529 141.44 164.258 141.62 163.76 142.12 C 163.263 142.619 163.081 142.889 163.081 143.16 L 163.081 144.517 C 163.081 144.992 163.261 145.422 163.76 145.535 L 170.007 147.254 C 170.912 147.526 171.41 148.409 171.41 149.336 L 171.41 150.92 C 171.41 151.508 171.23 151.96 170.867 152.345 C 170.618 152.617 170.165 153.07 169.985 153.25 C 169.42 153.77 169.08 153.907 168.423 153.907 L 164.463 153.907 C 163.603 153.907 162.946 153.273 162.403 152.662 Z M 183 140.331 L 178.745 147.843 L 178.745 153.794 L 177.455 153.794 L 177.455 147.843 L 173.223 140.331 L 174.648 140.331 L 178.11 146.531 L 181.595 140.331 Z M 185.149 152.662 C 184.827 152.294 184.547 151.892 184.312 151.463 L 185.601 151.101 C 185.964 151.711 186.779 152.662 187.231 152.662 L 191.146 152.662 C 191.418 152.662 191.689 152.482 192.187 151.983 C 192.684 151.485 192.866 151.213 192.866 150.943 L 192.866 149.473 C 192.866 148.998 192.731 148.568 192.164 148.409 L 185.985 146.711 C 185.102 146.462 184.537 145.58 184.537 144.607 L 184.537 143.205 C 184.537 142.617 184.717 142.165 185.08 141.78 C 185.329 141.508 185.782 141.055 185.962 140.875 C 186.528 140.355 186.867 140.218 187.524 140.218 L 190.987 140.218 C 191.847 140.218 192.504 140.828 193.069 141.463 C 193.386 141.825 193.68 142.277 193.884 142.662 L 192.594 143.002 C 192.232 142.414 191.417 141.44 190.987 141.44 L 187.547 141.44 C 187.275 141.44 187.004 141.62 186.507 142.12 C 186.009 142.619 185.827 142.889 185.827 143.16 L 185.827 144.517 C 185.827 144.992 186.007 145.422 186.507 145.535 L 192.753 147.254 C 193.659 147.526 194.156 148.409 194.156 149.336 L 194.156 150.92 C 194.156 151.508 193.976 151.96 193.613 152.345 C 193.364 152.617 192.911 153.07 192.731 153.25 C 192.166 153.77 191.826 153.907 191.169 153.907 L 187.209 153.907 C 186.349 153.907 185.692 153.273 185.149 152.662 Z M 205.066 141.553 L 201.218 141.553 L 201.218 153.794 L 199.928 153.794 L 199.928 141.553 L 196.081 141.553 L 196.081 140.331 L 205.066 140.331 Z M 208.935 141.553 L 208.935 146.417 L 214.978 146.417 L 214.978 147.661 L 208.935 147.661 L 208.935 152.549 L 215.408 152.549 L 215.408 153.794 L 207.646 153.794 L 207.646 140.331 L 215.408 140.331 L 215.408 141.553 Z M 229.553 140.331 L 229.553 153.794 L 228.263 153.794 L 228.263 141.87 L 228.24 141.87 L 224.505 150.128 L 223.418 150.128 L 219.684 141.87 L 219.639 141.87 L 219.639 153.794 L 218.349 153.794 L 218.349 140.331 L 220.296 140.331 L 223.963 148.431 L 227.607 140.331 Z M 232.993 152.662 C 232.671 152.294 232.39 151.892 232.155 151.463 L 233.445 151.101 C 233.808 151.711 234.622 152.662 235.075 152.662 L 238.99 152.662 C 239.262 152.662 239.533 152.482 240.03 151.983 C 240.528 151.485 240.71 151.213 240.71 150.943 L 240.71 149.473 C 240.71 148.998 240.575 148.568 240.008 148.409 L 233.829 146.711 C 232.946 146.462 232.381 145.58 232.381 144.607 L 232.381 143.205 C 232.381 142.617 232.561 142.165 232.923 141.78 C 233.173 141.508 233.626 141.055 233.806 140.875 C 234.371 140.355 234.711 140.218 235.368 140.218 L 238.831 140.218 C 239.691 140.218 240.348 140.828 240.913 141.463 C 241.23 141.825 241.523 142.277 241.728 142.662 L 240.438 143.002 C 240.075 142.414 239.261 141.44 238.831 141.44 L 235.391 141.44 C 235.118 141.44 234.848 141.62 234.35 142.12 C 233.853 142.619 233.671 142.889 233.671 143.16 L 233.671 144.517 C 233.671 144.992 233.851 145.422 234.35 145.535 L 240.597 147.254 C 241.502 147.526 242 148.409 242 149.336 L 242 150.92 C 242 151.508 241.82 151.96 241.457 152.345 C 241.208 152.617 240.755 153.07 240.575 153.25 C 240.009 153.77 239.67 153.907 239.013 153.907 L 235.052 153.907 C 234.192 153.907 233.535 153.273 232.993 152.662 Z M 238.025 134.37 C 210.146 130.003 179.219 127.574 146.662 127.574 C 114.105 127.574 83.178 130.003 55.3 134.37 C 83.995 131.763 114.719 130.35 146.662 130.35 C 178.606 130.35 209.33 131.763 238.025 134.37 Z" fill="rgb(252,175,23)"></path></g></svg>');
}
/* Responsive adjustments */

/* Reset and Base Styles */
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
}
body {
 font-family: 'Manrope', sans-serif;
 -webkit-font-smoothing: antialiased;
}
/* Footer Styles */
.footer {
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 position: relative;
 overflow: hidden;
}
/* Stats Ticker Section */
.stats-ticker {
 width: 100%;
 height: auto;
 position: relative;
 background-color: #1C1C1C;
}
.stats-container {
 width: 100%;
 position: relative;
 overflow: hidden;
}
.ticker-section {
 display: flex;
 width: 100%;
 height: 100%;
 align-items: center;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgb(0, 0, 0) 26%, rgb(0, 0, 0) 74%, rgba(0, 0, 0, 0) 100%);
 overflow: hidden;
}
.ticker-list {
 display: flex;
 width: 100%;
 height: 100%;
 align-items: center;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 gap: 70px;
 position: relative;
 flex-direction: row;
}
.ticker-item {
 width: 100%;
 height: 64px;
}
.ticker-content {
 width: 100%;
 height: 64px;
 flex-shrink: 0;
 position: relative;
 display: flex;
 flex-flow: row nowrap;
 justify-content: flex-start;
 align-items: center;
 gap: 70px;
}
.ticker-icon {
 z-index: 1;
 flex: 0 0 auto;
 width: 32px;
 height: 32px;
 position: relative;
}
.ticker-icon svg {
 width: 100%;
 height: 100%;
 display: inline-block;
 fill: rgb(130, 255, 31);
 color: rgb(130, 255, 31);
 flex-shrink: 0;
}
.ticker-text {
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 6px;
 height: 64px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.ticker-number {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(130, 255, 31);
 font-size: 34px;
 letter-spacing: -1.36px;
 line-height: 64px;
 text-wrap: nowrap;
 margin: 0px;
}
.ticker-label {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(255, 255, 255);
 font-size: 34px;
 letter-spacing: -1.36px;
 line-height: 64px;
 text-wrap: nowrap;
 margin: 0px;
}
/* Availability Section */
.availability-section {
 width: 100%;
 height: auto;
 position: relative;
}
.availability-container {
 background-color: rgb(17, 17, 17);
 width: 100%;
 display: flex;
 flex-flow: row nowrap;
 justify-content: center;
 align-items: center;
 gap: 10px;
 height: 125px;
 padding: 40px;
 position: relative;
 overflow: hidden;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.availability-indicator {
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: center;
 gap: 8px;
 height: 19.5px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.availability-dot {
 background-color: rgb(130, 255, 31);
 border-radius: 100%;
 box-shadow: rgba(130, 255, 31, 0.32) 0 0 12px 0;
 aspect-ratio: 1 / 1;
 height: 10px;
 flex: 0 0 auto;
 width: 10px;
 position: relative;
}
.availability-text {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 font-size: 15px;
 letter-spacing: -0.6px;
 line-height: 19.5px;
 text-wrap: nowrap;
 margin: 0px;
}
.back-to-top {
 cursor: pointer;
 display: flex;
 flex-flow: row nowrap;
 justify-content: center;
 align-items: center;
 gap: 14px;
 height: 45px;
 padding: 0px;
 text-decoration: none;
 position: relative;
 overflow: hidden;
}
.back-to-top-text {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgba(255, 255, 255, 0.5);
 font-size: 15px;
 letter-spacing: -0.6px;
 line-height: 19.5px;
 text-wrap: nowrap;
 margin: 0px;
}
.back-to-top-icon {
 flex-shrink: 0;
 background-size: 100% 100%;
 background-image: url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' viewBox=\'0 0 45 45\'><path d=\'M 22.5 45 C 10.074 45 0 34.926 0 22.5 C 0 10.074 10.074 0 22.5 0 C 34.926 0 45 10.074 45 22.5 C 45 34.926 34.926 45 22.5 45 Z\' fill=\'rgb(255,255,255)\'></path><path d=\'M 23 31.25 C 23.182 31.25 23.357 31.178 23.486 31.049 C 23.615 30.92 23.688 30.745 23.688 30.563 L 23.688 17.097 L 28.701 22.111 C 28.765 22.175 28.841 22.226 28.924 22.261 C 29.008 22.295 29.097 22.313 29.188 22.313 C 29.278 22.313 29.367 22.295 29.451 22.261 C 29.534 22.226 29.61 22.175 29.674 22.111 C 29.738 22.048 29.788 21.972 29.823 21.888 C 29.858 21.805 29.875 21.715 29.875 21.625 C 29.875 21.535 29.858 21.445 29.823 21.362 C 29.788 21.278 29.738 21.203 29.674 21.139 L 23.486 14.951 C 23.423 14.887 23.347 14.836 23.263 14.802 C 23.18 14.767 23.09 14.749 23 14.749 C 22.91 14.749 22.82 14.767 22.737 14.802 C 22.653 14.836 22.578 14.887 22.514 14.951 L 16.326 21.139 C 16.197 21.268 16.125 21.443 16.125 21.625 C 16.125 21.808 16.197 21.983 16.326 22.111 C 16.455 22.241 16.63 22.313 16.813 22.313 C 16.995 22.313 17.17 22.241 17.299 22.111 L 22.313 17.097 L 22.313 30.563 C 22.313 30.745 22.385 30.92 22.514 31.049 C 22.643 31.178 22.818 31.25 23 31.25 Z\' fill=\'rgb(47,47,47)\'></path></svg>');
 position: relative;
 flex: 0 0 auto;
 width: 45px;
 height: 45px;
}
/* Main Footer Content */
.footer-content {
 background-color: rgb(17, 17, 17);
 display: flex;
 flex-direction: column;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: center;
 gap: 0px;
 width: 100%;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.footer-info {
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 0px;
 width: 100%;
 padding: 0 40px;
 position: relative;
 overflow: hidden;
}
.footer-container {
 display: flex;
 flex-flow: row nowrap;
 flex: 1 0 0;
 justify-content: space-between;
 align-items: center;
 gap: 58px;
 width: 1px;
 max-width: 1320px;
 padding: 30px 0 30px;
 position: relative;
 overflow: visible;
}
.footer-heading {
 will-change: transform;
 display: flex;
 flex-flow: column nowrap;
 flex: 1.2 0 0;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 60px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.footer-title {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 400;
 color: rgb(255, 255, 255);
 font-size: 103px;
 letter-spacing: -4.8px;
 line-height: 103px;
 text-wrap: wrap;
 margin: 0px;
 max-width: 550px;
}
.contact-info {
 will-change: transform;
 display: flex;
 flex-flow: column nowrap;
 flex: 1 0 0;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 32px;
 width: 1px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.profile-section {
 will-change: transform;
 display: flex;
 flex-flow: row nowrap;
 justify-content: flex-start;
 align-items: center;
 gap: 26px;
 width: min-content;
 padding: 0px;
 position: relative;
 overflow: visible;
 margin-top: 120px;
 padding-left: 30px;
}
.profile-avatar {
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 0px;
 width: min-content;
 height: 90px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.avatar-circle {
 display: flex;
 flex-flow: column nowrap;
 flex: 0 0 auto;
 justify-content: flex-start center;
 align-items: flex-start;
 gap: 10px;
 height: 90px;
 padding: 0px;
 position: relative;
 overflow: hidden;
 will-change: auto;
}
.avatar-circle::before {
 content: '';
 background-color: rgb(130, 255, 31);
 border-radius: 45px;
 aspect-ratio: 1 / 1;
 height: 90px;
 flex: 0 0 auto;
 width: 90px;
 position: relative;
 overflow: hidden;
}
.circle1 { width: 11px; }
.circle2 { width: 22px; }
.circle3 { width: 32px; }
.profile-image {
 border-radius: 45px;
 will-change: transform;
 aspect-ratio: 1 / 1;
 height: 90px;
 flex: 0 0 auto;
 width: 90px;
 position: relative;
 overflow: visible;
}
.profile-image img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
 object-fit: cover;
}
.profile-details {
 will-change: transform;
 display: flex;
 flex-flow: column nowrap;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 18px;
 width: 202px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.profile-name {
 display: flex;
 flex-flow: column nowrap;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 2px;
 width: 100%;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.profile-name h3 {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 font-size: 22px;
 letter-spacing: -0.88px;
 line-height: 30.8px;
 text-wrap: nowrap;
 margin: 0px;
}
footer .profile-name h3{
 color: #fff;
}
.profile-role {
 padding: 0px;
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 10px;
 width: 100%;
 height: 39px;
 position: relative;
 overflow: visible;
}
.profile-role p {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(255, 255, 255);
 font-size: 15px;
 letter-spacing: -0.6px;
 line-height: 19.5px;
 text-wrap: wrap;
 margin: 0px;
 opacity: 0.5;
}
.upwork-link {
 cursor: pointer;
 flex: 0 0 auto;
 width: 35px;
 height: 39px;
 text-decoration: none;
 position: relative;
 display: block;
}
.upwork-link img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
 object-fit: contain;
}
.contact-description {
 will-change: transform;
 display: flex;
 flex-flow: column nowrap;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 43px;
 width: 451px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.contact-description h3 {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgba(255, 255, 255, 0.5);
 font-size: 22px;
 letter-spacing: -0.88px;
 line-height: 30.8px;
 text-wrap: wrap;
 margin: 0px;
}
.highlight {
 color: rgb(255, 255, 255);
}
.cta-button {
 background-color: rgb(130, 255, 31);
 border-radius: 35px;
 box-shadow: rgba(132, 255, 31, 0.32) 0 12px 40px 0;
 gap: normal;
 justify-content: space-between;
 height: 60px;
 padding: 30px 11px 30px 28px;
 cursor: pointer;
 display: flex;
 flex-flow: row nowrap;
 justify-content: space-between;
 align-items: center;
 text-decoration: none;
 position: relative;
 overflow: visible;
 will-change: transform;
}
.button-text {
 padding: 0 18px 0 0;
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 10px;
 width: min-content;
 height: 20px;
 position: relative;
 overflow: visible;
}
.button-text p {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(47, 47, 47);
 font-size: 19px;
 letter-spacing: -0.76px;
 line-height: 20px;
 text-wrap: nowrap;
 margin: 0px;
}
.button-icon {
 background-color: rgb(255, 255, 255);
 border-radius: 23px;
 height: 40px;
 width: 40px;
 aspect-ratio: 1 / 1;
 will-change: auto;
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 10px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.button-icon svg {
 width: 100%;
 height: 100%;
 display: inline-block;
 fill: rgb(47, 47, 47);
 color: rgb(47, 47, 47);
 flex-shrink: 0;
}
/* Footer Bottom */
.footer-bottom {
 border-top: 1px solid rgba(255, 255, 255, 0.1);
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 10px;
 width: 100%;
 position: relative;
 overflow: hidden;
}
.footer-left {
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: flex-start center;
 align-items: flex-start;
 gap: 200px;
 width: min-content;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.footer-logo {
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: center;
 gap: 10px;
 height: 58px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.footer-logo img {
 display: block;
 max-width: 120px;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
 object-fit: contain;
}
.copyright {
 cursor: pointer;
 will-change: transform;
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: center;
 gap: 6px;
 width: min-content;
 height: 15px;
 padding: 0px;
 text-decoration: none;
 position: relative;
 overflow: visible;
}
.copyright p {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: #fff;
 font-size: 15px;
 letter-spacing: -0.45px;
 line-height: 15px;
 text-wrap: nowrap;
 margin: 0px;
}
/* FAQ Section Styles */
.faq-section {
 background-color: rgb(255, 255, 255);
 z-index: 2;
 display: flex;
 flex-direction: column;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 0px;
 width: 100%;
 padding: 0 40px 80px;
 position: relative;
 overflow: visible;
}
.faq-container {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 0px;
 width: 100%;
 max-width: 1320px;
 padding: 80px 0 0px;
 position: relative;
 overflow: visible;
}
.faq-heading {
 will-change: transform;
 z-index: 1;
 display: flex;
 flex-direction: column;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 14px;
 width: 100%;
 height: 246px;
 padding: 0 0 60px;
 position: relative;
 overflow: hidden;
}
.faq-pre-heading {
 display: flex;
 flex-flow: row nowrap;
 justify-content: flex-start;
 align-items: center;
 gap: 8px;
 width: min-content;
 height: 18px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.faq-indicator-dot {
 aspect-ratio: 1 / 1;
 background-color: rgb(130, 255, 31);
 height: 13px;
 border-radius: 100%;
 flex: 0 0 auto;
 width: 13px;
 position: relative;
 box-shadow: rgba(130, 255, 31, 0.5) 0 2px 13px 0;
}
.faq-pre-heading-text {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgba(47, 47, 47, 0.5);
 font-size: 18px;
 letter-spacing: -0.72px;
 line-height: 18px;
 text-wrap: nowrap;
 margin: 0px;
}
.faq-title {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 400;
 color: rgb(47, 47, 47);
 font-size: 70px;
 letter-spacing: -2.8px;
 line-height: 77px;
 text-align: center;
 text-wrap: balance;
 margin: 0px;
}
.faq-questions {
 will-change: transform;
 flex: 0 0 auto;
 width: 100%;
 max-width: 1100px;
 height: auto;
 position: relative;
}
.faq-item {
 opacity: 1;
 flex: 0 0 auto;
 width: 100%;
 height: auto;
 position: relative;
 margin-bottom: 14px;
}
.faq-question {
 border: 1px solid rgba(0, 0, 0, 0.1);
 background-color: rgb(255, 255, 255);
 border-radius: 14px;
 width: 100%;
 opacity: 1;
 cursor: pointer;
 will-change: auto;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 0px;
 padding: 22px 22px 22px 34px;
 position: relative;
 overflow: hidden;
}
.question-content {
 opacity: 1;
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 10px;
 width: 100%;
 height: 50px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.question-text {
 opacity: 1;
 display: flex;
 flex-flow: row nowrap;
 flex: 1 0 0;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 12px;
 width: 1px;
 height: 28px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.question-number {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: #DEDEDE;
 font-size: 20px;
 letter-spacing: -0.8px;
 line-height: 28px;
 text-wrap: nowrap;
 margin: 0px;
}
.accordion-item.active .question-number {
    color: #82FF1F;
}
.question-title {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 font-size: 20px;
 letter-spacing: -0.8px;
 line-height: 28px;
 text-wrap: nowrap;
 margin: 0px;
}
.question-icon {
 background-color: rgb(248, 248, 248);
 border-radius: 50px;
 opacity: 1;
 border-radius: 50px;
 aspect-ratio: 1 / 1;
 height: 50px;
 will-change: auto;
 flex: 0 0 auto;
 width: 50px;
 position: relative;
 overflow: hidden;
 display: flex;
 justify-content: center;
 align-items: center;
}
.question-icon svg {
 width: 24px;
 height: 25px;
 display: inline-block;
 fill: rgb(47, 47, 47);
 color: rgb(47, 47, 47);
 flex-shrink: 0;
}
.faq-answer {
 opacity: 0;
 pointer-events: none;
 z-index: 1;
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: flex-start;
 align-items: center;
 gap: 10px;
 width: 100%;
 max-width: 900px;
 height: auto;
 padding: 0px;
 position: absolute;
 bottom: -100px;
 left: 0px;
 overflow: visible;
}
.faq-answer p {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgba(47, 47, 47, 0.5);
 font-size: 17px;
 letter-spacing: -0.51px;
 line-height: 23.8px;
 text-wrap: wrap;
 margin: 0px;
}
/* Active state for FAQ items (for JavaScript implementation) */
.faq-item.active .faq-answer {
 opacity: 1;
 pointer-events: auto;
 position: static;
 margin-top: 10px;
}
.faq-item.active .question-icon {
 transform: rotate(45deg);
}
/* Why Us Section Styles */
.why-us-section {
 display: flex;
 flex-direction: column;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 80px;
 width: 100%;
 height: 2229.73px;
 padding: 140px 40px;
 position: relative;
 overflow: hidden;
}
.why-us-container {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 10px;
 width: 100%;
 max-width: 1320px;
 height: 1949.73px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.why-us-header {
 will-change: transform;
 display: flex;
 flex-direction: column;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 60px;
 width: 100%;
 height: 206px;
 padding: 0px;
 position: relative;
 overflow: visible;
}
.why-us-title {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 10px;
 width: 100%;
 height: 206px;
 padding: 10px;
 position: relative;
 overflow: hidden;
}
.title-container {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 14px;
 width: 100%;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.pre-title {
 display: flex;
 flex-flow: row nowrap;
 justify-content: flex-start;
 align-items: center;
 gap: 8px;
 width: min-content;
 height: 18px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.indicator-dot {
 background-color: rgb(130, 255, 31);
 border-radius: 13px;
 flex: 0 0 auto;
 width: 13px;
 height: 13px;
 position: relative;
 box-shadow: rgba(130, 255, 31, 0.5) 0 2px 13px 0;
}
.pre-title-text {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgba(28, 28, 28, 0.8);
 font-size: 18px;
 letter-spacing: -0.72px;
 line-height: 18px;
 text-wrap: nowrap;
 margin: 0px;
}
.main-title {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 24px;
 width: 100%;
 height: 154px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.title {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 400;
 color: rgb(47, 47, 47);
 font-size: 70px;
 letter-spacing: -2.8px;
 line-height: 0px;
 text-wrap: balance;
 margin: 0px;
}
.why-us-bottom {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 50px;
 width: 100%;
 height: 1733.73px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.comparison-header {
 display: flex;
 flex-flow: row nowrap;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 gap: 19px;
 width: 100%;
 height: 124px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.competitor-section {
 display: flex;
 flex-flow: row nowrap;
 justify-content: flex-start;
 align-items: center;
 gap: 26px;
 width: 1px;
 height: 90px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.competitor-wrapper {
 display: flex;
 flex-flow: row nowrap;
 justify-content: flex-start;
 align-items: center;
 gap: 26px;
}
.competitor-logo {
 flex: 0 0 auto;
 width: 90px;
 height: 90px;
 position: relative;
}
.competitor-logo img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
 object-fit: contain;
}
.competitor-title {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(0, 0, 0);
 font-size: 48px;
 letter-spacing: -0.88px;
 line-height: 30.8px;
 text-wrap: nowrap;
 margin: 0px;
}
.our-agency-section {
 display: flex;
 flex-flow: row nowrap;
 justify-content: flex-end;
 align-items: center;
 gap: 26px;
 width: 1px;
 height: 124px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.agency-wrapper {
 display: flex;
 flex-flow: row nowrap;
 justify-content: center;
 align-items: center;
 gap: 26px;
}
.profile-avatar {
 display: flex;
 flex-flow: row nowrap;
 justify-content: center;
 align-items: center;
 gap: 0px;
 width: min-content;
 height: 124px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.avatar-circle {
 display: flex;
 flex-flow: column nowrap;
 justify-content: flex-start center;
 align-items: flex-start;
 gap: 0px;
 height: 124px;
 padding: 0.0551111px 0 0;
 position: relative;
 overflow: hidden;
 will-change: auto;
}
.avatar-circle::before {
 content: '';
 background-color: rgb(130, 255, 31);
 border-radius: 62px;
 flex: 0 0 auto;
 gap: 0px;
 width: 124px;
 height: 124px;
 position: relative;
 overflow: hidden;
}
.circle1 { width: 15px; }
.circle2 { width: 30px; }
.circle3 { width: 44px; }
.profile-image {
 will-change: auto;
 background-color: rgb(130, 255, 31);
 border-radius: 689px;
 flex: 0 0 auto;
 gap: 0px;
 width: 124px;
 height: 124px;
 position: relative;
 overflow: hidden;
}
.profile-image img {
 flex: 0 0 auto;
 width: 150px;
 height: 202px;
 position: absolute;
 top: -24.7188px;
 left: -6.875px;
 display: block;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 object-position: center;
 object-fit: fill;
}
.agency-title {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(47, 47, 47);
 font-size: 48px;
 letter-spacing: -1.21px;
 line-height: 42.44px;
 text-wrap: nowrap;
 margin: 0px;
}
.comparison-rows {
 gap: 45px;
 display: flex;
 flex-direction: column;
 flex: 0 0 auto;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 1559.73px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.comparison-row {
 flex: 0 0 auto;
 width: 100%;
 height: auto;
 position: relative;
 display: flex;
 flex-flow: row nowrap;
 justify-content: center;
 align-items: center;
 gap: 10px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.competitor-column {
 opacity: 1;
 display: flex;
 flex-flow: row nowrap;
 flex: 1 0 0;
 justify-content: flex-start;
 align-items: center;
 gap: 19px;
 width: 1px;
 height: auto;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.negative-point {
 background-color: rgb(0, 0, 0);
 border-bottom-left-radius: 200px;
 border-top-left-radius: 200px;
 opacity: 1;
 will-change: auto;
 display: flex;
 flex-flow: row nowrap;
 flex: 1 0 0;
 justify-content: flex-start;
 align-self: stretch;
 align-items: center;
 gap: 16px;
 width: 1px;
 height: auto;
 padding: 40px 24px;
 position: relative;
 overflow: hidden;
}
.negative-point svg {
 opacity: 1;
 aspect-ratio: 1 / 1;
 width: 24px;
 display: block;
 height: 24px;
 flex: 0 0 auto;
 position: relative;
 fill: rgb(255, 255, 255);
}
.negative-point p {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(255, 255, 255);
 font-size: 18px;
 letter-spacing: -0.72px;
 line-height: 28.8px;
 text-wrap: wrap;
 margin: 0px;
}
.category-label {
 opacity: 1;
 display: flex;
 flex-flow: row nowrap;
 flex: 0.7 0 0;
 justify-content: center;
 align-items: center;
 gap: 10px;
 width: 1px;
 height: 40px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.category-label p {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(47, 47, 47);
 font-size: 32px;
 letter-spacing: -1.2px;
 line-height: 40px;
 text-align: center;
 text-wrap: wrap;
 margin: 0px;
}
.our-agency-column {
 opacity: 1;
 display: flex;
 flex-flow: row nowrap;
 flex: 1 0 0;
 justify-content: flex-start;
 align-items: center;
 gap: 19px;
 width: 1px;
 height: auto;
 padding: 0px;
 position: relative;
 overflow: hidden;
}
.positive-point {
 background-color: rgb(130, 255, 31);
 border-bottom-right-radius: 200px;
 border-top-right-radius: 200px;
 opacity: 1;
 will-change: auto;
 display: flex;
 flex-flow: row nowrap;
 flex: 1 0 0;
 justify-content: flex-start;
 align-items: center;
 gap: 16px;
 width: 1px;
 height: auto;
 padding: 40px 24px;
 position: relative;
 overflow: hidden;
}
.positive-point svg {
 opacity: 1;
 aspect-ratio: 1 / 1;
 width: 24px;
 display: block;
 height: 24px;
 flex: 0 0 auto;
 position: relative;
 fill: rgb(34, 48, 23);
}
.positive-point p {
 font-family: 'Manrope', sans-serif;
 font-style: normal;
 font-weight: 600;
 color: rgb(0, 0, 0);
 font-size: 18px;
 letter-spacing: -0.72px;
 line-height: 28.8px;
 text-wrap: wrap;
 margin: 0px;
}
 

.TextShape-node svg {
 display: block;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 overflow: visible;
 stroke: var(--stroke);
 stroke-width: var(--stroke-width);
 stroke-linecap: var(--stroke-linecap);
 stroke-linejoin: var(--stroke-linejoin);
 fill: none;
 opacity: var(--opacity);
}
.TextShape-node path {
 stroke-dasharray: 1200; /* approximate total path length */
 stroke-dashoffset: 1200; /* fully hidden */
 animation: drawCircle 2s ease forwards;
}
@keyframes drawCircle {
 to {
 stroke-dashoffset: 0;
 }
}
.TextShape-node svg {
 position: absolute;
 display: block;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 overflow: visible;
 stroke: var(--stroke);
 stroke-width: max(1px, var(--stroke-width));
 stroke-linecap: var(--stroke-linecap);
 stroke-linejoin: var(--stroke-linejoin);
 fill: none;
 opacity: var(--opacity);

}
.build-and-scale svg {
 max-width: 470px;
 top: auto;
 bottom: -30px;
}


.animated-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.animated-block {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  position: absolute;
}
.animated-block.on {
  opacity: 1;
}
.bg-dark-blue {
  background: #162120;
}


@media (max-width: 1024px) {
  .projects-grid {
    grid-template-columns: 1fr;
     height: auto;
  }
  .projects-grid-small {
    grid-template-columns: 1fr;
     height: auto;
  }
  .project-card,
 .project-card-small {
    height: 600px;
  }
  .view-all-container {
    height: 300px;
  }
  .view-all-inner {
    height: 256px;
  }
  .process-container {
    padding: 80px 20px;
  }
  .process-title {
    font-size: 48px;
     line-height: 52px;
     letter-spacing: -1.92px;
  }
  .step-header {
    flex-direction: column;
     gap: 20px;
  }
  .step-index {
    margin-bottom: 10px;
  }
  .testimonials-header {
    padding: 0 20px 40px;
     height: auto;
     flex-direction: column;
     align-items: flex-start;
     gap: 30px;
  }
  .headline-text {
    font-size: 48px;
     line-height: 52px;
     letter-spacing: -1.92px;
  }
  .description {
    max-width: 100%;
     flex: none;
  }
  .services-section {
    height: auto;
     padding: 60px 20px;
  }
  .services-container {
    height: auto;
  }
  .services-content {
    height: auto;
     gap: 30px;
  }
  .services-header {
    flex-direction: column;
     align-items: flex-start;
     gap: 30px;
     height: auto;
  }
  .headline-text {
    font-size: 48px;
     line-height: 52px;
     letter-spacing: -1.92px;
  }
  .header-description {
    max-width: 100%;
  }
}

@media (max-width: 1200px) {
  .hero-grid {
    grid-template-columns: 1fr 1fr;
     grid-template-rows: auto auto auto;
  }
  .heading-section {
    grid-column: span 2;
  }
  .cta-section {
    grid-column: span 2;
  }
  .greeting,
 .profession-text,
 .location-text,
 .tagline {
    font-size: 72px;
     line-height: 72px;
     letter-spacing: -2.88px;
  }
  .name-pill-text,
 .profession-pill-text,
 .location-pill-text {
    font-size: 32px;
     line-height: 32px;
     letter-spacing: -1.28px;
  }
  .testimonial-container {
    flex-direction: column;
     gap: 60px;
  }
  .testimonial-video,
 .testimonial-images {
    max-width: 100%;
  }
  .testimonial-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .content-container {
    flex-direction: column;
     height: auto;
  }
  .header-content {
    width: 100%;
     margin-bottom: 40px;
  }
  .logos-container {
    width: 100%;
     height: 400px;
  }
}

@media (max-width: 480px) {
  .project-text,
 .project-text-small {
    padding: 0 0 20px 20px;
  }
  .project-title {
    font-size: 20px;
     line-height: 26px;
     letter-spacing: -0.8px;
  }
  .category-bracket,
 .category-name {
    font-size: 14px;
     line-height: 21px;
     letter-spacing: -0.56px;
  }
  .project-date {
    font-size: 14px;
     line-height: 14px;
     letter-spacing: -0.56px;
  }
  .project-services {
    font-size: 13px;
     line-height: 16.9px;
     letter-spacing: -0.52px;
  }
  .hero-container {
    padding: 0 16px;
  }
  .greeting,
 .profession-text,
 .location-text,
 .tagline {
    font-size: 36px;
     line-height: 36px;
     letter-spacing: -1.44px;
  }
  .name-pill-text,
 .profession-pill-text,
 .location-pill-text {
    font-size: 20px;
     line-height: 20px;
     letter-spacing: -0.8px;
  }
  .cta-button {
    height: 60px;
     padding: 25px 20px;
  }
  .cta-text {
    font-size: 18px;
  }
  .headline-text {
    font-size: 28px;
     line-height: 32px;
     letter-spacing: -1.12px;
  }
  .question-title {
    font-size: 18px;
     line-height: 24px;
     letter-spacing: -0.72px;
  }
  .accordion-question {
    gap: 16px;
  }
  .service-description {
    font-size: 14px;
     line-height: 22px;
     letter-spacing: -0.28px;
  }
  .badge-text {
    font-size: 14px;
     letter-spacing: -0.56px;
  }
  .header-description {
    font-size: 18px;
     line-height: 24px;
     letter-spacing: -0.72px;
  }
}

@media (max-width: 768px) {
  .projects-section {
    padding: 0 16px;
     height: auto;
  }
  .project-text,
 .project-text-small {
    padding: 0 0 30px 30px;
  }
  .project-title {
    font-size: 24px;
     line-height: 30px;
     letter-spacing: -0.96px;
  }
  .project-meta {
    flex-direction: column;
     align-items: flex-start;
     gap: 10px;
     height: auto;
  }
  .view-all-content {
    flex-direction: column;
     gap: 15px;
     height: auto;
  }
  .view-all-text {
    font-size: 18px;
     line-height: 24px;
  }
  #hsnlogix-portfolio-slider {
    height: 175px;
  }
  .hsnlogix-slider-item img {
    height: 175px;
  }
  .process-step {
    flex-direction: column;
     gap: 30px;
  }
  .step-number, .step-content, .step-timing {
    flex: 1;
     width: 100%;
  }
  .step-timing {
    justify-content: flex-start;
  }
  .process-title {
    font-size: 36px;
     line-height: 40px;
     letter-spacing: -1.44px;
  }
  .testimonials-header {
    padding: 0 16px 30px;
  }
  .headline-text {
    font-size: 36px;
     line-height: 40px;
     letter-spacing: -1.44px;
  }
  .tag-badge {
    gap: 16px;
     padding: 6px 12px;
  }
  .tag-text {
    font-size: 14px;
     letter-spacing: -0.56px;
  }
  .description {
    font-size: 18px;
     line-height: 24px;
     letter-spacing: -0.72px;
  }
  .hero-container {
    padding: 0 20px;
     height: auto;
  }
  .hero-grid {
    grid-template-columns: 1fr;
     grid-template-rows: auto;
     gap: 40px;
     padding: 30px 0 100px;
  }
  .heading-section,
 .cta-section {
    grid-column: 1;
  }
  .greeting,
 .profession-text,
 .location-text,
 .tagline {
    font-size: 48px;
     line-height: 48px;
     letter-spacing: -1.92px;
  }
  .name-pill-text,
 .profession-pill-text,
 .location-pill-text {
    font-size: 24px;
     line-height: 24px;
     letter-spacing: -0.96px;
  }
  .name-pill,
 .profession-pill,
 .location-pill {
    height: 60px;
     padding: 15px 20px;
  }
  .heading-row-1,
 .heading-row-2 {
    flex-direction: column;
     align-items: flex-start;
     gap: 10px;
     height: auto;
  }
  .profile-content {
    flex-direction: column;
     align-items: flex-start;
     gap: 15px;
     height: auto;
  }
  .cta-section {
    gap: 40px;
  }
  .description {
    font-size: 20px;
     line-height: 30px;
     letter-spacing: -0.8px;
  }
  .services-section {
    padding: 40px 16px;
  }
  .headline-text {
    font-size: 36px;
     line-height: 40px;
     letter-spacing: -1.44px;
  }
  .question-title {
    font-size: 20px;
     line-height: 26px;
     letter-spacing: -0.8px;
  }
  .answer-content {
    flex-direction: column;
     align-items: flex-start;
     gap: 20px;
     height: auto;
  }
  .answer-images {
    width: 100%;
     justify-content: center;
  }
  .answer-text {
    flex-direction: column;
     align-items: flex-start;
     gap: 15px;
     height: auto;
  }
  .service-description {
    width: 100%;
     order: 0;
  }
  .projects-count {
    order: 1;
  }
  .section-title {
    font-size: 48px;
     line-height: 52px;
  }
  .testimonial-grid {
    grid-template-columns: 1fr;
  }
  .stats-container {
    flex-direction: column;
     height: auto;
     gap: 20px;
  }
  .stat-card {
    height: 200px;
  }
  .clients-section {
    padding: 0 20px;
  }
  .section-title {
    font-size: 48px;
     line-height: 52px;
  }
  .logos-container {
    flex-direction: column;
     gap: 20px;
  }
  .logos-column {
    height: 200px;
  }
}

@media (max-width: 992px) {
  .btn--dark, .btn--light {
    font-size: 28px;
     padding: 12px 20px;
  }
}