* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Base sizing */
    --base-font-size: 16px;

    /* Spacing scale */
    --space-xs: 0.5rem;   /* 8px */
    --space-sm: 1rem;     /* 16px */
    --space-md: 1.5rem;   /* 24px */
    --space-lg: 2.25rem;  /* 36px */
    --space-xl: 3.75rem;  /* 60px */

    /* Typography scale */
    --text-xs: 1.125rem;  /* 18px */
    --text-sm: 1.5rem;    /* 24px */
    --text-md: 1.75rem;   /* 28px */
    --text-hero: clamp(3rem, 8vw + 1rem, 6.875rem); /* 48px-110px */

    /* Sizing */
    --btn-height-sm: 3.25rem;  /* 52px */
    --btn-height-md: 4rem;     /* 64px */
    --btn-height-lg: 5.5rem;   /* 88px */

    /* Colors */
    --color-primary: #03494B;
    --color-gradient-start: #F99522;
    --color-gradient-end: #FEE478;
    --color-ai-gradient-start: #01A196;
    --color-ai-gradient-end: #06BF84;
}

html {
    font-size: var(--base-font-size);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
}

/* Header */
.header {
    position: fixed;
    width: 100%;
    height: 5.375rem;
    top: 0;
    left: 0;
    padding: 0 clamp(1.5rem, 4vw, 3.75rem);
    z-index: 200;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
}

/* Header with blur effect when scrolled */
.header.scrolled {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

/* Header in hero section - transparent background with blur */
.header.in-hero {
    background: transparent;
    backdrop-filter: blur(10px);
}

.header-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: var(--btn-height-sm);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: var(--space-md);
}

.header-logo {
    justify-self: start;
    display: flex;
    align-items: center;
}

.logo-image {
    width: 10.125rem;
    height: 1.92rem;
    object-fit: contain;
}

/* Navigation */
.header-nav {
    justify-self: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(1rem, 2.5vw, 2.25rem);
}

.nav-link {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-sm);
    line-height: 1.21;
    color: var(--color-primary);
    text-decoration: none;
    white-space: nowrap;
}

.nav-link:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

/* Header Actions */
.header-actions {
    justify-self: end;
    display: flex;
    gap: var(--space-xs);
    align-items: center;
}

/* Log In Button */
.login-btn {
    box-sizing: border-box;
    min-width: 9.3125rem;
    height: var(--btn-height-sm);
    padding: 0 var(--space-md);
    border: 1.6px solid var(--color-primary);
    border-radius: 99px;
    background: transparent;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-xs);
    line-height: 1.22;
    color: var(--color-primary);
    cursor: pointer;
}

.login-btn:hover {
    background: rgba(3, 73, 75, 0.05);
    transition: background 0.2s ease;
}

/* Sign Up Button (Header) */
.signup-btn-header {
    min-width: 9.3125rem;
    height: var(--btn-height-sm);
    padding: 0 var(--space-md);
    background: linear-gradient(94.07deg, var(--color-gradient-start) 9.45%, var(--color-gradient-end) 135.58%);
    box-shadow: inset 0px -4px 10px rgba(255, 214, 93, 0.7);
    backdrop-filter: blur(25px);
    border-radius: 137px;
    border: none;
    font-style: normal;
    font-weight: 600;
    font-size: var(--text-xs);
    line-height: 1.22;
    color: #FFFFFF;
    cursor: pointer;
}

.signup-btn-header:hover {
    transform: scale(1.02);
    transition: transform 0.2s ease;
}

.hero-section {
    position: relative;
    width: 100vw;
    min-height: 1701px; /* Fixed height to accommodate all content */
    overflow: visible;
}

/* Hero Section Background */
.hero-background {
    position: absolute;
    width: 100vw;
    height: 1701px; /* Fixed height instead of 100vh */
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}

/* Decoration 7 - Base radial gradient */
.decoration-7 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: radial-gradient(72.25% 60.44% at 50% 39.74%, #FFFDF3 0%, #EEF5F1 51.32%, #C6E0D2 100%);
    z-index: 1;
}

/* Decoration 6 - Left blurred gradient */
.decoration-6 {
    position: absolute;
    width: min(140vw, 122.3875rem);
    height: min(80vh, 69.85rem);
    left: calc(50% - min(140vw, 122.3875rem)/2 - 23.7rem);
    top: 15%;
    background: linear-gradient(175.44deg, rgba(247, 243, 113, 0.18) 12.89%, rgba(0, 188, 107, 0.18) 27.36%, rgba(255, 255, 255, 0) 41.85%);
    filter: blur(6.25rem);
    transform: rotate(24.88deg);
    z-index: 2;
}

/* Decoration 5 - Right blurred gradient */
.decoration-5 {
    position: absolute;
    width: min(140vw, 122.3875rem);
    height: min(80vh, 69.85rem);
    left: calc(50% - min(140vw, 122.3875rem)/2 + 5.7rem);
    top: 15%;
    background: linear-gradient(147.56deg, rgba(247, 243, 113, 0.09) 24.89%, rgba(0, 188, 107, 0.09) 34.98%, rgba(255, 255, 255, 0) 45.07%);
    filter: blur(6.25rem);
    transform: matrix(-0.91, 0.42, 0.42, 0.91, 0, 0);
    z-index: 3;
}

/* Decoration 4 - Bottom gradient fade */
.decoration-4 {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background: linear-gradient(359.81deg, #EEF5F1 3.74%, rgba(238, 245, 241, 0) 97.01%);
    z-index: 4;
}

.hero-title {
    position: absolute;
    width: min(92vw, 72.3125rem);
    left: 50%;
    top: 22.5625rem; /* Fixed position instead of responsive */
    transform: translateX(-50%);
    z-index: 10;
}

.hero-text {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Inter', sans-serif;
    font-size: var(--text-hero);
    letter-spacing: -0.01em;
}

.practice-therapy {
    font-weight: 500;
    text-transform: capitalize;
    color: #000000;
    backdrop-filter: blur(2.5px);
    white-space: nowrap;
}

.second-line {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.realistic-ai {
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;

    /* Gradient text effect */
    background: linear-gradient(90deg, var(--color-ai-gradient-start) 0%, var(--color-ai-gradient-end) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.clients {
    font-weight: 500;
    text-transform: capitalize;
    color: #000000;
    backdrop-filter: blur(2.5px);
    white-space: nowrap;
}

.star-icon {
    width: clamp(2.5rem, 5vw, 4.375rem);
    height: clamp(2.5rem, 5vw, 4.375rem);
    object-fit: contain;
    margin: 0 0.5rem;
    flex-shrink: 0;
    vertical-align: middle;
}

/* Hero Sign Up Button */
.hero-signup-button {
    position: absolute;
    width: min(90vw, 28.6875rem);
    height: var(--btn-height-lg);
    left: 50%;
    top: 16.25rem; /* Fixed position instead of responsive */
    transform: translateX(-50%);
    z-index: 10;
}

.signup-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(34, 144, 133, 0.3);
    border-radius: 99px;
    box-sizing: border-box;
}

.signup-logo {
    display: flex;
    align-items: center;
    margin-left: 1.5rem;
    flex-shrink: 0;
}

.tmind-logo {
    width: 10.125rem;
    height: 1.92rem;
    object-fit: contain;
}

.signup-btn {
    position: relative;
    width: 13.3125rem;
    height: var(--btn-height-md);
    background: linear-gradient(94.07deg, var(--color-gradient-start) 9.45%, var(--color-gradient-end) 135.58%);
    box-shadow: inset 0px -4px 10px rgba(255, 214, 93, 0.7);
    backdrop-filter: blur(25px);
    border-radius: 137px;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
}

.signup-btn span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-style: normal;
    font-weight: 600;
    font-size: var(--text-md);
    line-height: 1.21;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.signup-btn:hover {
    transform: scale(1.02);
    transition: transform 0.2s ease;
}

/* Interactive Chat Section */
.interactive-chat-section {
    position: absolute;
    width: 94.75rem;
    height: 53.0625rem;
    left: 50%;
    top: 45.4375rem;
    transform: translateX(-50%);
    z-index: 10;
}

/* Background Outer */
.background-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) -8.46%, rgba(255, 255, 255, 0.8) 98.39%);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 60px 100px rgba(149, 175, 171, 0.1);
    border-radius: 36px;
}

/* Background Inner */
.background-inner {
    position: absolute;
    width: 92.25rem;
    height: 50.5625rem;
    left: 1.25rem;
    top: 1.25rem;
    background: radial-gradient(42.68% 78.49% at 50% 78.49%, #FFFDF3 0%, #EDF3F0 76.15%, #E9F1ED 100%);
    border: 1px solid rgba(3, 73, 75, 0.25);
    border-radius: 24px;
}

/* Text and Call Abe */
.text-and-call-abe {
    position: absolute;
    width: 39.25rem;
    height: 8.6875rem;
    left: 50%;
    top: 2rem;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

/* Abe Profile */
.abe-profile {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.abe-avatar {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    object-fit: cover;
    transform: scaleX(-1);
}

.abe-description {
    width: 33.0625rem;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.48;
    color: #000000;
    margin: 0;
}

/* Call Abe Buttons */
.call-abe-buttons {
    position: relative;
    width: 16.125rem;
    height: 3.375rem;
}

.call-abe-buttons::before {
    content: '';
    position: absolute;
    width: 15.29813rem;
    height: 2.52625rem;
    left: 0.4125rem;
    top: 0.8rem;
    background: rgba(195, 195, 195, 0.4);
    filter: blur(25px);
    border-radius: 99px;
}

.call-abe-buttons::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3.375rem;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 4px 20px rgba(74, 132, 107, 0.1);
    backdrop-filter: blur(25px);
    border-radius: 137px;
}

.text-abe-btn,
.call-abe-btn {
    position: absolute;
    width: 7.4375rem;
    height: 2.5rem;
    top: 0.4375rem;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.1;
    text-align: center;
    border: none;
    border-radius: 99px;
    cursor: pointer;
    z-index: 1;
    transition: all 0.3s ease;
}

.text-abe-btn {
    left: 0.4375rem;
    background: #1F9A73;
    color: #FFFFFF;
}

.call-abe-btn {
    left: 8.3125rem;
    background: transparent;
    color: #03494B;
}

.text-abe-btn:hover,
.call-abe-btn:hover {
    transform: scale(1.02);
}

.call-abe-btn.active {
    background: #1F9A73;
    color: #FFFFFF;
}

.text-abe-btn.active {
    background: #1F9A73;
    color: #FFFFFF;
}

/* Cards Container */
.cards-container {
    position: absolute;
    width: 56.75rem;
    height: 12.75rem;
    left: 50%;
    top: 19.125rem;
    transform: translateX(-50%);
    display: flex;
    gap: 1.1875rem;
    justify-content: center;
    align-items: flex-start;
}

/* Card */
.card {
    width: 18.125rem;
    height: 12.75rem;
    background: radial-gradient(48.53% 48.53% at 47.76% 33.82%, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0px 10px 20px rgba(43, 127, 92, 0.1), inset 0px 4px 40px #FFFFFF;
    border-radius: 16px;
    padding: 2rem 1.5625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 15px 25px rgba(43, 127, 92, 0.15), inset 0px 4px 40px #FFFFFF;
}

.card-active {
    background: #FFFFFF;
    box-shadow: 0px 20px 30px rgba(43, 127, 92, 0.2);
}

.card-icon {
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.card-icon svg {
    width: 100%;
    height: 100%;
}

.card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5;
    text-align: center;
    color: #03494B;
    margin: 0 0 0.75rem 0;
}

.card-description {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: center;
    color: #666666;
    margin: 0;
}

/* Textbox Container */
.textbox-container {
    position: absolute;
    width: 56.6875rem;
    height: 8.875rem;
    left: 50%;
    top: 41.75rem;
    transform: translateX(-50%);
}

.textbox-shadow {
    position: absolute;
    width: 54.5rem;
    height: 8.875rem;
    left: 2.1875rem;
    top: 0;
    background: rgba(152, 198, 184, 0.3);
    filter: blur(25px);
    border-radius: 24px;
}

.textbox {
    position: absolute;
    width: 56.6875rem;
    height: 7.4375rem;
    left: 0;
    top: 0;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 26px;
    position: relative;
}

.textbox-input {
    position: absolute;
    left: 1.5rem;
    top: 1.25rem;
    width: calc(100% - 3rem);
    border: none;
    outline: none;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}

.textbox-input::placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.voice-btn {
    position: absolute;
    right: 4.8rem;
    bottom: 1.05rem;
    width: 2.125rem;
    height: 2.125rem;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.voice-btn:hover {
    transform: scale(1.1);
}

.voice-btn svg {
    width: 100%;
    height: 100%;
}

.send-btn {
    position: absolute;
    right: 0.7rem;
    bottom: 0.6875rem;
    width: 3rem;
    height: 3rem;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.send-btn:hover {
    transform: scale(1.05);
}

.send-btn svg {
    width: 100%;
    height: 100%;
}

/* Why TMind AI Section */
.why-tmind-section {
    position: relative;
    width: 100%;
    height: 67.5rem; /* 1080px */
    background: #FFFFFF;
    margin-top: 0; /* Remove margin-top as hero section now has fixed height */
}

.why-tmind-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.why-tmind-title {
    position: absolute;
    left: 25.625rem; /* 410px */
    top: 11rem; /* 176px */
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.375rem; /* 86px */
    line-height: 6.25rem; /* 100px */
    color: #03494B;
    margin: 0;
}

.bullets-container {
    position: absolute;
    left: 25.625rem; /* 410px */
    top: 24.3125rem; /* 389px */
    width: 4.32rem; /* 69.21px */
    height: 23.075rem; /* 369.21px */
}

.bullets-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.features-list {
    position: absolute;
    left: 42.6875rem; /* 683px */
    top: 23.75rem; /* 380px */
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.feature-item {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3rem; /* 48px */
    line-height: 3.75rem; /* 60px */
    color: #00554F;
}

/* Carousel Section */
.carousel-section {
    position: relative;
    width: 100%;
    height: 25.9375rem; /* 415px */
    background: #FFFFFF;
}

.carousel-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.carousel-title {
    position: absolute;
    width: 58.125rem; /* 930px */
    height: 6.25rem; /* 100px */
    left: 50%;
    top: 4.8125rem; /* 77px */
    transform: translateX(-50%);
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2.625rem; /* 42px */
    line-height: 6.25rem; /* 100px */
    text-align: center;
    color: #03494B;
    margin: 0;
}

.logos-container {
    position: absolute;
    width: 116.375rem; /* 1862px */
    height: 8.1875rem; /* 131px */
    left: 2.1875rem; /* 35px */
    top: 13.25rem; /* 212px */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.university-logo {
    object-fit: contain;
    flex-shrink: 0;
}

.carousel-section .salisbury-logo {
    width: 12.6875rem; /* 203px */
    height: 4rem; /* 64px */
}

.carousel-section .nus-logo {
    width: 7.365625rem; /* 117.85px */
    height: 3.785625rem; /* 60.57px */
}

.carousel-section .delaware-logo {
    width: 13.25rem; /* 212px */
    height: 4.375rem; /* 70px */
}

.carousel-section .simmons-logo {
    width: 16.21125rem; /* 259.38px */
    height: 5.04rem; /* 80.64px */
}

.carousel-section .uw-logo {
    width: 19.5625rem; /* 313px */
    height: 8.1875rem; /* 131px */
}

.carousel-section .usc-logo {
    width: 22.75rem; /* 364px */
    height: 7.0625rem; /* 113px */
}

/* Features Section */
.features-section {
    position: relative;
    width: 100%;
    height: 72.3125rem; /* 1157px */
    background: #FFFFFF;
}

.features-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.features-title {
    position: absolute;
    width: 18.875rem; /* 302px */
    height: 6.25rem; /* 100px */
    left: 50%;
    top: 3rem; /* 48px */
    transform: translateX(-50%);
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 4.25rem; /* 68px */
    line-height: 6.25rem; /* 100px */
    text-align: center;
    color: #03494B;
    margin: 0;
}

.features-content {
    position: relative;
    width: 100%;
    height: 43.04375rem; /* 688.71px */
    top: 15.4375rem; /* 247px */
}

.features-description {
    position: absolute;
    left: 12.5rem; /* 200px */
    top: 8.25rem;
    width: 28.6875rem; /* 459px */
}

.feature-heading {
    width: 26.3125rem; /* 421px */
    height: 13.125rem; /* 210px */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.875rem; /* 62px */
    line-height: 4.375rem; /* 70px */
    display: flex;
    align-items: center;
    color: #03494B;
    margin: 0 0 1.4375rem 0; /* 23px gap between heading and text */
}

.feature-text {
    width: 28.6875rem; /* 459px */
    height: 11.25rem; /* 180px */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
    line-height: 2.25rem; /* 36px */
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

.features-cards {
    position: absolute;
    left: 51.75625rem; /* 828.11px */
    top: 0;
    width: 57.7375rem; /* 923.81px */
    height: 43.04375rem; /* 688.71px */
}

.feature-card {
    position: absolute;
}

.card-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Card 1 - Blue (rotation already in SVG) */
.card-1 {
    left: 0;
    top: 2.45rem; /* 39.27px offset from cards top */
    width: 36.5rem; /* 584px - actual SVG width */
    height: 28.1875rem; /* 451px - actual SVG height */
    z-index: 1;
}

/* Card 2 - Green (rotation already in SVG) */
.card-2 {
    left: 27.25rem; /* 436px */
    top: 0;
    width: 36.5rem; /* Approx size */
    height: 28.1875rem;
    z-index: 3;
}

/* Card 3 - Purple (rotation already in SVG) */
.card-3 {
    left: 0.37rem; /* 5.89px */
    top: 19.5rem; /* 312px */
    width: 36.5rem; /* Approx size */
    height: 28.1875rem;
    z-index: 2;
}

/* Card 4 - Cyan (rotation already in SVG) */
.card-4 {
    left: 27.6rem; /* 441.05px */
    top: 19.7rem; /* 315.52px */
    width: 36.5rem; /* Approx size */
    height: 28.1875rem;
    z-index: 4;
}

/* Blurred background effect for cards */
.features-cards::before {
    content: '';
    position: absolute;
    width: 36.875rem; /* 590px */
    height: 26.875rem; /* 430px */
    left: 11.875rem; /* 190px from cards left (1018-828) */
    top: 7.625rem; /* 122px from cards top (369-247) */
    background: rgba(76, 147, 123, 0.2);
    filter: blur(300px);
    z-index: 0;
}

/* ========================================
   Instant Feedback Section with Radar Chart
   ======================================== */

.instant-feedback-section {
    position: relative;
    width: 100%;
    height: 67.5rem; /* 1080px */
    background: #FFFFFF;
    display: flex;
    justify-content: center;
}

.feedback-container {
    position: relative;
    width: 120rem; /* 1920px */
    height: 100%;
}

/* Radar Chart Wrapper */
.radar-chart-wrapper {
    position: absolute;
    width: 57.125rem; /* 914px */
    height: 39.5375rem; /* 632.59px */
    left: 9rem; /* 112px */
    top: 14.963125rem; /* 239.41px */
}

.radar-chart-image {
    position: absolute;
    width: 100%;
    height: 80%;
    left: 0;
    top: 0;
}

/* Grey Out Score (Last Score) Layer */
.grey-score-layer {
    position: absolute;
    width: 16.1875rem; /* 259px */
    height: 16.375rem; /* 262px */
    left: 18.75rem;
    top: 7.825rem;
    pointer-events: none;
}

.grey-score-image {
    width: 100%;
    height: 100%;
}

/* Current Score Layer */
.current-score-layer {
    position: absolute;
    width: 20.5625rem; /* 329px */
    height: 20.75rem; /* 332px */
    left: 15.9rem;
    top: 5.215rem;
    pointer-events: none;
}

.current-score-image {
    width: 100%;
    height: 100%;
}

/* Radar Chart Labels Container */
.chart-labels-container {
    position: absolute;
    width: 57.125rem; /* 914px - same as radar-chart-wrapper */
    height: 39.5375rem; /* 632.59px - same as radar-chart-wrapper */
    left: 9rem;
    top: 13.25rem; /* 212px - slightly higher to accommodate labels */
    pointer-events: none; /* Allow clicking through to chart */
}

/* Radar Chart Labels */
.chart-label {
    position: absolute;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem; /* 24px */
    line-height: 150%; /* 36px */
}

.label-empathy {
    width: 6.3125rem; /* 101px */
    height: 2.25rem; /* 36px */
    left: 25.0625rem; /* 513px - 112px = 401px from labels container left */
    top: -2rem; /* Move higher above the chart */
    color: #000000;
}

.label-feedback {
    width: 7rem; /* 112px */
    height: 2.25rem; /* 36px */
    left: 40.25rem;
    top: 29.5375rem;
    color: #000000;
}

.label-reflection {
    width: 7.25rem; /* 116px */
    height: 2.25rem; /* 36px */
    left: 9.25rem;
    top: 29.475rem;
    color: #FF9645;
}

.label-professionalism {
    width: 11.375rem; /* 182px */
    height: 2.25rem; /* 36px */
    left: 0; /* 112px - 112px = 0 from labels container left */
    top: 13.725rem; /* 491px - 239.41px - 2rem higher */
    color: #000000;
}

.label-active-listening {
    width: 11.5rem; /* 184px */
    height: 2.25rem; /* 36px */
    left: 45.625rem; /* 842px - 112px = 730px from labels container left */
    top: 13.725rem; /* 491px - 239.41px - 2rem higher */
    color: #000000;
}

/* Legend */
.chart-legend {
    position: absolute;
    width: 20.8125rem; /* 333px */
    height: 1.875rem; /* 30px */
    left: 18.0625rem; /* 401px - 112px */
    top: 33.875rem; /* 842px - 239.41px */
    display: flex;
    gap: 2.5rem; /* Space between items */
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
}

.legend-dot {
    width: 1.25rem; /* 20px */
    height: 1.25rem; /* 20px */
    border-radius: 50%;
}

.legend-dot.current {
    background: #1F9A73;
}

.legend-dot.last {
    background: #C6C6C6;
}

.legend-label {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem; /* 20px */
    line-height: 1.875rem; /* 30px */
    color: #666666;
}

/* Description */
.feedback-description {
    position: absolute;
    width: 32.4375rem; /* 519px */
    height: 23.875rem; /* 382px */
    left: 74.125rem;
    top: 14.1875rem; /* 227px */
}

.feedback-heading {
    position: absolute;
    width: 31.5625rem; /* 505px */
    height: 13.625rem; /* 218px */
    left: 0;
    top: 0;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.875rem; /* 62px */
    line-height: 4.375rem; /* 70px */
    display: flex;
    align-items: center;
    color: #03494B;
    margin: 0;
}

.feedback-text {
    position: absolute;
    width: 32.4375rem; /* 519px */
    height: 9rem; /* 144px */
    left: 0;
    top: 14.875rem; /* 238px = 513px - 275px */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
    line-height: 2.25rem; /* 36px */
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

/* ========================================
<<<<<<< Updated upstream
   Collaborative Features Section (Page 4)
   ======================================== */

.collaborative-features-section {
    position: relative;
    width: 100%;
    height: 67.5rem; /* 1080px */
    background: #FFFFFF;
    display: flex;
    justify-content: center;
}

.collaborative-container {
    position: relative;
    width: 120rem; /* 1920px */
    height: 100%;
    display: flex;
}

/* Common Section Styles */
.section-heading {
    position: absolute;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.875rem; /* 62px */
    line-height: 4.375rem; /* 70px */
    display: flex;
    align-items: center;
    color: #03494B;
    margin: 0;
}

.section-description {
    position: absolute;
    width: 42.4375rem; /* 679px */
    height: 6.75rem; /* 108px */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
    line-height: 2.25rem; /* 36px */
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

/* ===== Join Courses Section ===== */
.join-courses-section {
    position: relative;
    width: 50%;
    height: 100%;
}

.join-courses-section .section-heading {
    height: 4.375rem; /* 70px */
    left: 18.4375rem; /* 295px */
    top: 8.4375rem; /* 135px */
}

.join-course-card-wrapper {
    position: absolute;
    width: 50.1875rem; /* 803px */
    height: 33.3125rem; /* 533px */
    left: 7.9375rem; /* 127px */
    top: 17.1875rem; /* 275px */
    background: #FFFFFF;
    border-radius: 4.8125rem; /* 77px */
}

/* Group Profiles */
.group-profiles {
    position: absolute;
    width: 19rem; /* 304px */
    height: 4rem; /* 64px */
    left: 20.375rem; /* 454px - 127px (wrapper left) = 327px */
    top: 4.125rem; /* 341px - 275px = 66px */
}

.group-profiles-image {
    width: 100%;
    height: 100%;
}

/* Course Card */
.course-card {
    position: absolute;
    left: 17.5375rem; /* 446px - 127px = 319px */
    top: 7.625rem; /* 445px - 275px = 170px */
}

.course-card-image {
    width: 100%;
    height: 100%;
}

/* Join Course Button */
.join-course-button {
    position: absolute;
    width: 14.8125rem; /* 237px */
    height: 3.6875rem; /* 59px */
    left: 2.125rem; /* 161px - 127px = 34px */
    top: 10.625rem; /* 445px - 275px = 170px */
}

.join-course-btn {
    width: 100%;
    height: 100%;
    background: #1F9A73;
    border-radius: 6.1875rem; /* 99px */
    border: none;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
    line-height: 1.75rem; /* 28px */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    cursor: pointer;
    transition: background 0.3s ease;
}

.join-course-btn:hover {
    background: #188762;
}

/* Hand Pointer */
.hand-pointer {
    position: absolute;
    width: 3.75rem; /* 60px */
    height: 5.6875rem; /* 91px */
    left: 13.1875rem; /* 338px - 127px = 211px */
    top: 11.9375rem; /* 466px - 275px = 191px */
}

.hand-pointer-image {
    width: 100%;
    height: 100%;
}

.join-courses-section .section-description {
    left: 10.0625rem; /* 161px */
    top: 52.375rem; /* 838px */
}

/* ===== Group Session Section ===== */
.group-session-section {
    position: relative;
    width: 50%;
    height: 100%;
}

.group-session-section .section-heading {
    height: 4.375rem; /* 70px */
    left: 11.25rem; /* 1180px - 960px (half of 1920) = 220px, adjusted to 11.25rem */
    top: 8.4375rem; /* 135px */
}

.group-session-wrapper {
    position: absolute;
    width: 50.1875rem; /* 803px */
    height: 33.3125rem; /* 533px */
    left: 1.875rem; /* 990px - 960px = 30px */
    top: 17.1875rem; /* 275px */
}

/* Connection Graph */
.connection-graph {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: 4.8125rem; /* 77px */
}

.connection-graph-image {
    width: 100%;
    height: 100%;
}

/* Facilitator Label */
.facilitator-label {
    position: absolute;
    width: 23.125rem; /* 370px */
    height: 1.75rem; /* 28px */
    left: 14rem;
    top: 30.9375rem; /* 770px - 275px = 495px */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem; /* 24px */
    line-height: 1.75rem; /* 28px */
    color: #000000;
}

.group-session-section .section-description {
    left: 5.75rem; /* 1052px - 960px = 92px */
    top: 52.375rem; /* 838px */
}

/* ========================================
   Success Stories Section (Page 5)
   ======================================== */

.success-stories-section {
    position: relative;
    width: 100%;
    height: 107rem; /* 1712px */
    background: #FFFFFF;
    display: flex;
    justify-content: center;
}

.success-stories-container {
    position: relative;
    width: 120rem; /* 1920px */
    height: 100%;
}

/* Success Stories Title */
.success-stories-title {
    position: absolute;
    width: 33.625rem; /* 538px */
    height: 6.25rem; /* 100px */
    left: calc(50% - 33.625rem/2);
    top: 8.25rem; /* 100px */
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 4.25rem; /* 68px */
    line-height: 6.25rem; /* 100px */
    color: #03494B;
    margin: 0;
    text-align: center;
}

/* ===== Salisbury University Story ===== */
.salisbury-story {
    position: relative;
    width: 100%;
    height: 30.5rem; /* 488px */
    top: 23.0625rem; /* 369px */
}

/* Salisbury Content (Left) */
.salisbury-content {
    position: absolute;
    width: 39.0625rem; /* 625px */
    height: 26.4375rem; /* 423px */
    left: 14.1875rem; /* 227px */
    top: 0;
}

.salisbury-content .salisbury-logo {
    width: 16.4375rem; /* 263px */
    height: 5.125rem; /* 82px */
}

.salisbury-content .story-heading {
    position: absolute;
    width: 31.125rem; /* 498px */
    height: 8.3125rem; /* 133px */
    left: 0;
    top: 5.9375rem; /* 95px (464px - 369px) */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.625rem; /* 42px */
    line-height: 3.25rem; /* 52px */
    display: flex;
    align-items: center;
}
/* =======
   Mission Section
   ======================================== */

  
.mission-section {
    position: relative;
    width: 100%;
    height: 67.75rem; /* 1084px */
    background: #FFFFFF;
    overflow: hidden;
}

.mission-background {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}

#wrapper {
    margin: 0 auto;
  }

/* Mission decoration 1 - Green gradient ellipse */
.mission-decoration-1 {
    position: absolute;
    width: 571px;
    height: 370px;
    left: calc(814.462px / 1920px * 100%);
    top: calc(505.072px / 1084px * 100%);
    background: radial-gradient(72.25% 60.44% at 50% 39.74%, #9DEDC1 0%, rgba(143, 231, 182, 0.3) 100%);
    filter: blur(150px);
    transform: rotate(-23.3699deg);
    z-index: 2;
}

/* Mission decoration 2 - Yellow gradient ellipse */
.mission-decoration-2 {
    position: absolute;
    width: 284px;
    height: 412px;
    left: calc(470.408px / 1920px * 100%);
    top: calc(522.001px / 1084px * 100%);
    background: linear-gradient(175.44deg, rgba(244, 225, 79, 0.3) 12.89%, rgba(229, 253, 106, 0.3) 27.36%);
    filter: blur(150px);
    transform: rotate(-38.531deg);
    z-index: 3;
}

/* Mission decoration 3 - Orange gradient rectangle */
.mission-decoration-3 {
    position: absolute;
    width: 488px;
    height: 77px;
    left: calc(715px / 1920px * 100%);
    top: calc(812px / 1084px * 100%);
    background: linear-gradient(90deg, rgba(250, 174, 60, 0.3) 0%, rgba(251, 182, 70, 0.2) 100%);
    filter: blur(25px);
    border-radius: 38.5px;
    z-index: 4;
}

.mission-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
    z-index: 10;
}

.mission-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.mission-heading {
    position: absolute;
    width: 404px;
    height: 100px;
    left: 752px;
    top: 157px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 68px;
    line-height: 100px;
    color: #03494B;
    margin: 0;
}

.mission-title {
    position: absolute;
    width: 1068px;
    height: 280px;
    left: calc(50% - 1068px/2);
    top: 322px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 96px;
    line-height: 140px;
    text-align: center;
    letter-spacing: -0.04em;

    color: #03494B;
    margin: 0;
}


.salisbury-content .story-description {
    position: absolute;
    width: 39.0625rem; /* 625px */
    height: 6.75rem; /* 108px */
    left: 0;
    top: 13.75rem; /* 220px (589px - 369px) */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
    line-height: 2.25rem; /* 36px */
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

.salisbury-content .learn-more-btn {
    position: absolute;
    width: 10.375rem; /* 166px */
    height: 3rem; /* 48px */
    left: 0;
    top: 23.4375rem; /* 375px (744px - 369px) */
    background: #F8F8F8;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6.1875rem; /* 99px */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 0.5rem;
}

.btn-text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem; /* 18px */
    line-height: 1.25rem; /* 20px */
    color: #229085;
}

.btn-arrow {
    width: 1.125rem; /* 18px */
    height: 0.1rem; /* 1.6px */
    background: #229085;
    border-radius: 0.0625rem;
}

/* Salisbury Video (Right) */
.salisbury-video {
    position: absolute;
    width: 54.125rem; /* 866px */
    height: 30.5rem; /* 488px */
    left: 56.5rem; /* 904px */
    top: -2rem; /* 337px - 369px = -32px */
}

.salisbury-video .video-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2rem; /* 32px */
}

.salisbury-video .play-button {
    position: absolute;
    width: 3.2475rem; /* 51.96px */
    height: 2.8125rem; /* 45px */
    left: calc(50% - 1.62375rem);
    top: calc(50% - 1.40625rem);
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    cursor: pointer;
    z-index: 10;
}

.salisbury-video .video-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2rem; /* 32px */
    z-index: 5;
}

/* ===== York University Story ===== */
.york-story {
    position: relative;
    width: 100%;
    height: 30.5rem; /* 488px */
    top: 34.1875rem;
}

/* York Video (Left) */
.york-video {
    position: absolute;
    width: 54.125rem; /* 866px */
    height: 30.5rem; /* 488px */
    left: 56.5rem; /* 904px */
    top: -1.25rem; /* 1074px - 1076px = -2px */
}

.york-video .video-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2rem; /* 32px */
}

.york-video .play-button {
    position: absolute;
    width: 3.2475rem; /* 51.96px */
    height: 2.8125rem; /* 45px */
    left: calc(50% - 1.62375rem);
    top: calc(50% - 1.40625rem);
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    cursor: pointer;
    z-index: 10;
}

.york-video .video-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2rem; /* 32px */
    z-index: 5;
}

/* York Content (Right) */
.york-content {
    position: absolute;
    width: 34.375rem; /* 550px */
    height: 30.1875rem; /* 483px */
    left: 13.625rem; /* 218px */
    top: 0;
}

.york-logo {
    position: absolute;
    width: 13.75rem; /* 220px */
    height: 6.875rem; /* 110px */
    left: 0.5625rem; /* 9px (227px - 218px) */
    top: 0;
}

.york-content .story-heading {
    position: absolute;
    width: 33.8125rem; /* 541px */
    height: 4.25rem; /* 68px */
    left: 0.5625rem; /* 9px (227px - 218px) */
    top: 8.125rem; /* 130px (1206px - 1076px) */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.625rem; /* 42px */
    line-height: 3.25rem; /* 52px */
    display: flex;
    align-items: center;
    color: #03494B;
    margin: 0;
}

.york-content .story-description {
    position: absolute;
    width: 33.8125rem; /* 541px */
    height: 11.25rem; /* 180px */
    left: 0.5625rem; /* 9px (227px - 218px) */
    top: 14.125rem; /* 226px (1302px - 1076px) */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
    line-height: 2.25rem; /* 36px */
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

.york-content .learn-more-btn {
    position: absolute;
    width: 10.375rem; /* 166px */
    height: 3rem; /* 48px */
    left: 0.5625rem; /* 9px (227px - 218px) */
    top: 27.1875rem; /* 435px (1511px - 1076px) */
    background: #F8F8F8;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6.1875rem; /* 99px */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 0.5rem;
}

.mission-bg-glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills the section while preserving aspect ratio */
    opacity: 0.9;
    z-index: 1;
}

/* Mission Signup Container: Make relative for layering */
.mission-signup-container {
    position: static;
    width: 524px;
    height: 135px;
    left: 697px;
    top: 750px;
    cursor: pointer;
    transition: transform 0.2s ease;
    position: relative; /* enable absolute children layering */
}

.mission-signup-container:hover {
    transform: scale(1.02);
}

.signup-button-background {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(164.71deg, #F99522 7.29%, #FEE478 131.59%);
    border-radius: 137px;
    box-shadow: inset 0px -4px 10px rgba(255, 214, 93, 0.7);
    backdrop-filter: blur(25px);
    z-index: 1;
}

.signup-button-content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 2.5rem;
    z-index: 2;
}


.signup-text {
    position: absolute;
    top: 31.2px;
    left: 125px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 200; /* lighter */
    font-stretch: 85%; /* slightly condensed width */
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0.02em; /* add breathing space */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    z-index: 3;
    pointer-events: none;
}

.signup-arrow-container {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 3rem; /* 48px */
    height: 3rem; /* 48px */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


/* Arrow 1 - Styled white line */
.signup-arrow-line {
    box-sizing: border-box;
    position: absolute;
    width: 33px;
    height: 0;
    right: 20px; /* centers arrow inside the circle */
    top: 20%;
    transform: translateY(-50%);
    background: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 2px;
    z-index: 4;
  }


  .footer {
    background-color: #F5F9F8;
    width: 100%;
    min-height: 706px;
    padding: 0;
    color: #03494B;
    font-family: 'Inter', sans-serif;
    position: relative;
    margin: 0;
    overflow-x: hidden;
  }
  
  .footer-container {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    margin: 0 auto;
    display: block;
  }
  
  /* Left Section */
  .footer-left {
    position: relative; /* Create a local positioning context for absolute children */
  }

  .footer-logo {
    position: absolute;
    top: 120px;
    left: 163px;
    width: 278px;
    height: 48.99px;
  }

  .footer-title {
    position: absolute;
    top: 214px; 
    left: 163px;
    font-family: 'Inter', sans-serif;   /* matches your site font */
    font-weight: 400;                   /* adjust to 400 / 600 / 700 if needed */
    font-size: 24px;                    /* scale until it visually fits your footer */
    line-height: 36px;
    color: #03494B;                     /* matches your SVG fill color */
    margin-bottom: 20px;
    /* margin-top: 120px; Pushes title below the logo; adjust if logo height changes */
  }

.subscribe-input {
    position: absolute;
    left: 192px;
    top: 288px;
    width: 340px; /* adjust as needed */
    height: 40px;
    border: none;
    background: transparent;
    font-size: 16px;
    color: #03494B;
    outline: none;
    z-index: 1;
  }

.email-input-bg {
    position: absolute;
    top: 274px;
    left: 163px;
    width: 460px;
    height: 64px;
}

.subscribe-btn {
    position: absolute;
    left: 565px;
    top: 280px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    z-index: 2;
  }

.subscribe-icon {
  width: 52px;
  height: 52px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.subscribe-icon:hover {
  transform: scale(1.05);
}

  /* Columns */
  .footer-links {
    position: absolute;
    top: 121px;
    left: 1130px;
    width: 633px;
    display: flex;
    justify-content: space-between;
  }

  .footer-column {
    position: relative;
    list-style: none;
  }
  
.footer-column h4 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 20px;
  color: rgba(3, 73, 75, 0.5); /* 50% transparent version of #03494B */
}
  
  .footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer-column li {
    font-size: 16px;
    line-height: 48px;
    color: #03494B;
    cursor: pointer;
  }

  .footer-column:nth-child(3) li:last-child {
    line-height: 24px;
  }
  
  .footer-column li:hover {
    text-decoration: underline;
  }
  
  /* .footer-help {
    position: absolute;
    left: 1600px;
    top: 320px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #03494B;
  }
  
  .footer-help a {
    color: #03494B;
    text-decoration: underline;
    cursor: pointer;
  }
  
  .footer-help a:hover {
    opacity: 0.8;
  }
  */
 
  
  /* Socials */
  .social-icons {
    position: absolute;
    left: 158px;
    top: 571px;
    display: flex;
    gap: 1.5rem;
    align-items: center;
  }
  
  
  /* Bottom Section */
  .footer-bottom {
    position: absolute;
    left:1100.17px;
    top: 550px;
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1.5rem;
    font-weight: 500;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }

  .footer-policy a {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
    margin: 0 0.5rem;
    font-weight: 500;
    cursor: pointer;
  }

  .footer-policy a:hover {
    text-decoration: underline;
  }