.service-cards{width:100%;.service-card-container{&:first-child{background:var(--color-gray-50,#f9fafb)}&:nth-child(2){background:var(--color-alert-warning-50,#fff9e6)}&:nth-child(3){background:var(--color-alert-success-50,#e8f3ee)}&:nth-child(4){background:var(--color-gray-50,#f9fafb)}}}.service-card-container{container:service-card-container/inline-size;width:100%;.service-card-section{border:var(--border-width-1,.0625rem) solid var(--color-black,#090a0d);display:flex;justify-content:center;align-self:center;.service-card-content{border-right:var(--border-width-1,.0625rem) solid var(--color-black,#090a0d);display:flex;justify-content:center;flex-direction:column;padding:0 2.5rem;gap:3rem;.service-card-header{display:flex;flex-direction:column;gap:.5rem;h2{color:var(--color-base-mirage,#151626);font-size:clamp(1.75rem,1.75rem + 1cqw,2.75rem);font-weight:800;line-height:var(--line-height-display-xs,3.25rem);letter-spacing:-.055rem}h2,p{font-family:var(--font-family-title,"Host Grotesk");font-style:normal}p{color:var(--color-gray-500,#6b7280);font-size:clamp(.9375rem,.6cqw + .7rem,1.25rem);font-weight:500;line-height:clamp(1.5rem,1cqw + 1rem,1.75rem);letter-spacing:-.025rem}}.service-card-details{display:flex;flex-direction:column;gap:.5rem;h3{color:var(--color-gray-800,#1f2937);font-size:clamp(1.25rem,1cqw + 1rem,1.75rem);font-weight:700;line-height:var(--line-height-36,2.25rem);letter-spacing:-.035rem}h3,p{font-family:var(--font-family-title,"Host Grotesk");font-style:normal}p{color:var(--color-gray-500,#6b7280);font-size:clamp(.9375rem,.6cqw + .7rem,1.25rem);font-weight:500;line-height:var(--line-height-28,1.75rem);letter-spacing:-.025rem}}.service-card-technology{display:flex;flex-direction:column;gap:.5rem;h3{color:var(--color-gray-800,#1f2937);font-family:var(--font-family-title,"Host Grotesk");font-size:clamp(1.25rem,1cqw + 1rem,1.75rem);font-style:normal;font-weight:700;line-height:var(--line-height-36,2.25rem);letter-spacing:-.035rem}.service-card-technology-list{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;li{color:var(--color-base-mirage,#151626);text-align:center;font-family:var(--font-family-title,"Host Grotesk");font-size:clamp(.75rem,1cqw + .5rem,1.25rem);font-style:normal;font-weight:500;line-height:var(--line-height-28,1.75rem);letter-spacing:-.025rem;border-radius:var(--border-radius-100,6.25rem);background:var(--color-base-pale-pink,#f2e0dc);padding:var(--spacing-8,.5rem) var(--spacing-16,1rem)}}}}.service-card-image-container{display:flex;justify-content:center;align-items:center;flex-direction:column;.service-card-image{padding:5rem 1.75rem;background:var(--color-base-pale-pink,#f2e0dc);img{max-width:none;height:auto}}.service-card-button{width:100%;border-top:var(--border-width-1,.0625rem) solid var(--color-black,#090a0d);background:var(--color-white,#fff);.schedule-button{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;gap:.75rem;width:100%;&:hover{background-color:#000;transition:all .3s ease-in-out;span{color:#fff}.button-arrow{.default-arrow{opacity:0}.hover-arrow{opacity:1}}}.schedule-text{color:var(--color-black,#090a0d);font-family:var(--font-family-title,"Host Grotesk");font-size:clamp(.875rem,1cqw + 1rem,1.25rem);font-style:normal;font-weight:700;line-height:var(--line-height-28,1.75rem);letter-spacing:-.025rem}.button-arrow{position:relative;width:24px;height:24px;.default-arrow,.hover-arrow{position:absolute;top:0;left:0;transition:opacity .3s ease}.hover-arrow{opacity:0}}}}}}}@container service-card-container (max-width: 1024px){.service-card-container{.service-card-section{.service-card-content{padding:1.25rem;gap:1.5rem;.service-card-technology{.service-card-technology-list{gap:1rem}}}.service-card-image-container{.service-card-image{display:flex;align-items:center;height:100%;justify-content:center}}}}}@container service-card-container (max-width: 668px){.service-card-container{.service-card-section{flex-direction:column;align-items:center;.service-card-content{border-right:none;.service-card-technology{.service-card-technology-list{gap:.5rem}}}.service-card-image-container{width:100%;border-top:var(--border-width-1,.0625rem) solid var(--color-black,#090a0d);.service-card-image{height:100%;width:100%}}}}}@media (width <=900px){.service-cards.sm\:p-20{padding:5rem 2rem}}@media (width <=500px){.service-cards.sm\:p-20{padding:1rem}}