:root {
                --brand-gradient: linear-gradient(90deg, #D0003A, #B51151, #AB2379);
                --brand-gradient-bottom: linear-gradient(to top, #D0003A, #B51151, #AB2379);
                --brand-gradient-signup: linear-gradient(to bottom, #AC2377 0%, #B90F4E 40%, #800D3A 100%);
                --shadow-color: rgba(0, 0, 0, 0.1);
            }

            header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px 40px;
                background: white;
                background-color: #ffffff;
                height: 91px;
            }

            .logo {
                font-size: 24px;
                font-weight: bold;
                color: #aa007f;
                display: flex;
                align-items: center;
            }

            .logo img {
                height: 30px;
                margin-right: 8px;
            }

            .nav {
            display: flex;
            list-style: none;
            padding: 0;
            gap: 20px;
            }

            .nav-item {
            position: static;
            }

            .nav-link {
            text-decoration: none;
            color: #333;
            font-size: 18px;
            cursor: pointer;
            }

            .nav-link:hover {
                color: #aa007f;
            }

            .dropdown {
            display: none;
            position: absolute;
            top: 200px;
            left: 50%;
            transform: translateX(-50%);
            width: 1445px;
            height: 606px;
            background: white;
            box-shadow: 0px 5px 15px var(--shadow-color);
            border-radius: 15px;
            padding: 32px 72px;
            z-index: 1000;
            }

            .dropdown.active {
            display: flex;
            justify-content: space-between;
            /* position: relative; */
            }

            .dropdown::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 100%;
                background: var(--brand-gradient);  
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }

            .dropdown-box {
            width: 634.5px;
            height: 542px;
            background: white;
            border-radius: 15px;
            padding: 32px;
            box-shadow: 0px 13px 21px 0 var(--shadow-color);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            }

            .dropdown-box h3 {
            font-size: 24px;
            font-weight: bold;
            background-image: var(--brand-gradient);
            color: transparent;
            background-clip: text;
            }

            .dropdown-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
            align-items: center;
            }

            .dropdown-list img {
                width: 30px;
                height: 30px;
                margin-right: 10px;
            }

            .dropdown-list-item {
            display: flex;
            align-items: center;
            font-size: 14px;
            font-weight: bold;
            padding: 8px;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;
            color: black;
            }

            .dropdown-list-item:hover {
                color: unset !important;
                text-decoration: unset !important;
            }

            .dropdown-list-item:hover {
            background-color: #FBE7FF;
            }

            .dropdown-button {
                background: var(--brand-gradient);
                color: white;
                border: none;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 16px;
                width: 159px;
                height: 47px;
                align-self: flex-end;
            }

            .solutions-box {
            width: 403px;
            height: 457px;
            }

            .resources-box {
                width: 542px;
                height: 245px;
            }

            .resources-blogs {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .resources-blogs p {
                font-size: 18px;
                line-height: 30px;
                padding: 8px;
                margin-bottom: -8px;
            }
            
            .blogs-image {
                height: 100px;
                width: 200px;
                border-radius: 25px;
                background-color: #E1A2BD;
            }

            .read-more {
                text-decoration: none;
                margin-left: auto;
                color: black;
                font-weight: bold;
            }

            .solutions-dropdown {
                gap: 32px;
                align-items: center;
                justify-content: center;
                display: none;
            }

            .resources-dropdown {
                width: 951px;
                height: 351px;
                gap: 32px;
                align-items: center;
                justify-content: center;
                display: none;
            }

            .solutions-testimonial {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                width: 391px;
            }

            .solutions-testimonial img {
                width: 327px;
                height: auto;
            }

            .solutions-testimonial .stars {
                width: 140px;
                height: 28px;
            }

            .testimonial-header {
                font-size: 16px;
                font-weight: 520;
                background-image: var(--brand-gradient);
                color: transparent;
                background-clip: text;
            }

            .top-testimonial {
                display: flex;
                align-items: center;
                gap: 72px;
                margin-bottom: 32px;
            }

            .list-solutions {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }

            .btn-signup {
                background: var(--brand-gradient);
                width: 118px;
                height: 47px;
                border: none;
                color: white;
                font-weight: 600;
                border-radius: 16px;
                padding: 8px 16px;
                font-size: 16px;
            }

            /* .btn-login {
                border: 2px solid #aa007f;
                width: 118px;
                height: 47px;
                color: #aa007f;
                font-weight: 600;
                border-radius: 16px;
                padding: 8px 16px;
                font-size: 16px;
                background-color: white;
            } */

            .menu {
                display: none;
                background: none;
                border: none;
                cursor: pointer;
                outline: inherit;
            }

            .nav-actions {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 24px;
            }


            @media (min-width: 1300px) {
                .menu {
                    display: none;
                }
            }

            @media (max-width: 1200px) {
                .nav-item {
                    display: none;
                }
                .menu {
                    display: block;
                }
            }

            @media (max-width: 600px) {
                .nav-actions .btn-login {
                    display: none;
                }
        
                .nav-actions .btn-signup {
                    display: none;
                }
            }

            /* HERO */

            .hero-container {
                background-color: #ffffff;
                padding: 40px 0px 40px 0px;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }

            .hook1 {
                font-size: 48px!important;
                font-weight: 600!important;
                color: #333333;
                line-height: initial!important;
                margin-bottom: 32px;
            }

            .gradient-text {
                background-image: var(--brand-gradient);
                color: transparent;
                background-clip: text;
            }

            .description {
                font-size: 20px;
                color: #333333;
                margin-bottom: 30px;
                font-weight:450;
            }

            .hero-text {
                margin-right: 72px;
            }
            .hero-buttons {
                display: flex;
                gap: 16px;
                margin-top: 32px;
            }

            .hero-primary {
                background: var(--brand-gradient);
                color: white;
                border: none;
                padding: 14px 32px;
                border-radius: 30px;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.3s ease;
                font-size:16px;
            }

            .hero-primary:hover {
                opacity: 0.9;
            }

            .hero-secondary{
                background: transparent;
                color: #B51151;
                border: 2px solid #B51151;
                padding: 14px 32px;
                border-radius: 30px;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.3s ease;
                font-size:16px;
            }

            .hero-secondary:hover {
                background: linear-gradient(110deg, 
                transparent 0%, 
                transparent 25%, 
                rgba(181, 17, 81, 0.1) 45%, 
                rgba(181, 17, 81, 0.1) 55%, 
                transparent 75%, 
                transparent 100%
                );
                background-size: 200% 100%;
                animation: shine 2s linear infinite;
                border-color: #D0003A;
                color: #D0003A;
            }
            @keyframes shine {
                0% {
                    background-position: 200% center;
                }
                100% {
                    background-position: -200% center;
                }
            }

            .hero-images {
                display: flex;
                align-items: flex-end; 
                gap: 20px; 
            }

            .left-container {
                display: flex;
                flex-direction: column;
            }

            .right-container {
                display: flex;
                flex-direction: column;
                gap: 20px; 
            }
            .container-1 {
                width: 700px;
                /* height: 521px; */
                /* background-color: #C5C5C5; */
                /* border-radius: 30%; */
            }
            .hero-video{
                width: 100%;
                height: auto;
                object-fit: contain;
                border-radius: 30px;
            }
            .container-2 {
                width: 294.49px;
                height: 349.15px;
                background-color: #C5C5C5;
                border-radius: 32px;
            }
            .container-3 {
                background-color: #9F9E9E;
                width: 294.49px;
                height: 153.66px;
                border-radius: 32px;
            }
            .btn-hero {
                display: none;
            }

            @media (max-width: 1440px) {
                .hero-container {
                    padding: 72px 90px;
                }
            }

            @media (max-width: 1200px) {
                .hero-container {
                    flex-direction: column;
                }

                .hero-text {
                    text-align: center;
                }
            }

            @media (max-width: 600px) {
                .hero-container {
                    padding: 0 0px;
                }
                .hero-text {
                    margin-right: 0;
                }
                .hook1 {
                    font-size: 34px!important;
                    line-height: normal;
                    font-weight: 400!important;
                }
                .description {
                    font-size: 14px!important;
                    padding: 0 10px!important
                }
                .hero-buttons{
                    display:none;
                }
                .hero-images {
                    flex-direction: column;
                    align-items: center;
                }
                .container-1 {
                    width: 80%;
                }
                .btn-hero {
                    display: block;
                    width: 86px;
                    height: 48px;
                    font-size: 12px;
                }
                .hero-video{
                    margin-left: -21px;
                    width: 113%;
                }
                .stats-text{
                    margin: 0 15px!important;
                }
            }

            /* Stats Section */
            .stats-container {
                padding:1px;
                background: linear-gradient(to bottom, 
                    rgba(255, 255, 255, 1) 4%, 
                    rgba(224, 187, 219, 0.3) 20%, 
                    rgba(227, 99, 210, 0.3) 48%, 
                    rgba(227, 99, 210, 0.1) 80%, 
                    rgba(255, 255, 255, 100) 99%
                );
                margin: 75px 0; 
            }

            .stats-contents {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 32px;
                margin: 32px 262px; 
            }

            .stats-text {
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 25px;
                background-color: white;
                padding: 58.5px 115px;
            }

            

            .stats-hook {
                font-size: 40px;
                line-height: 48px;
            }

            .stats-numbers {
                padding: 47px;
                background-color: white;
                border-radius: 25px;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 13px;
            }

            .file {
                width: 257px; 
                height: 215px;
                padding: 13px;
                background: var(--brand-gradient-signup);
                color: white;
                text-align: center;
                border-radius: 25px; 
                border-top-right-radius: 0px;
                position: relative;
                box-shadow: 0px 12px 13px 0 rgba(0, 0, 0, 0.25);
                z-index: 2;
                transition: all 0.3s ease;
            }

            .file::before {
                content: "";
                position: absolute;
                top: -25px;
                right: 0px;
                width: 97px; 
                height: 26px;
                border-top-right-radius: 25px;
                border-top-left-radius: 25px;
                background: #AC2377;
                z-index: -1;
                transition: background 0.3s ease;
            }

            .file h2 {
                color: white;
                font-size: 64px;
                font-weight: bold;
                margin: 10px;
                transition: all 0.3s ease;
            }

            .file h3 {
                color: white;
                font-size: 16px;
                line-height: 1.3;
                margin-bottom: 10px;
            }

            .file p {
                color: white;
                font-size: 12px;
                line-height: 1.3;
            }

            .file:hover {
                background: white;
                cursor: pointer;
            }

            .file:hover::before {
                background: white;
            }

            .file:hover h2 {
                background: var(--brand-gradient);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            .file:hover h3 {
                color: #333;
            }

            .file:hover p {
                color: #333;
            }

            .file:nth-child(2) {
                background: white;
            }

            .file:nth-child(2) h2 {
                background-image: var(--brand-gradient);
                color: transparent;
                background-clip: text;
            }

            .file:nth-child(2) h3 {
                color: #333;
                margin-bottom: 20px;
                margin-top: 15px;
            }

            .file:nth-child(2) p {
                color: #333;
            }

            .file:nth-child(2)::before {
                background: white;
            }

            .file:nth-child(2):hover {
                background: var(--brand-gradient-signup);
            }

            .file:nth-child(2):hover::before {
                background: #AC2377;
            }

            .file:nth-child(2):hover h2 {
                background: none;
                color: white;
            }

            .file:nth-child(2):hover h3,
            .file:nth-child(2):hover p {
                color: white;
            }

            .stats-numbers .file:first-child {
                transition: all 0.3s ease;
            }

            .stats-numbers .file:nth-child(2):hover ~ .file:first-child {
                background: white;
            }

            .stats-numbers .file:nth-child(2):hover ~ .file:first-child h2 {
                background: var(--brand-gradient);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            .stats-numbers .file:nth-child(2):hover ~ .file:first-child h3,
            .stats-numbers .file:nth-child(2):hover ~ .file:first-child p {
                color: #333;
            }

            .stats-numbers .file:nth-child(2):hover ~ .file:first-child::before {
                background: white;
            }

            .stats-numbers .file:nth-child(2):hover + .file {
                background: white;
            }

            .stats-numbers .file:nth-child(2):hover + .file h2 {
                background: var(--brand-gradient);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            .stats-numbers .file:nth-child(2):hover + .file h3,
            .stats-numbers .file:nth-child(2):hover + .file p {
                color: #333;
            }

            .stats-numbers .file:nth-child(2):hover + .file::before {
                background: white;
            }

            .stats-numbers:hover .file:not(:hover) {
                background: white;
            }

            .stats-numbers:hover .file:not(:hover) h2 {
                background: var(--brand-gradient);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            .stats-numbers:hover .file:not(:hover) h3,
            .stats-numbers:hover .file:not(:hover) p {
                color: #333;
            }

            .stats-numbers:hover .file:not(:hover)::before {
                background: white;
            }

            .mobile-boxes {
                display: none;
            }

            @media (max-width: 1440px) {
                .stats-contents {
                    margin: 32px 90px;
                }
                
                .stats-text {
                    padding: 58.5px 50px;
                }
            }
            
            @media (max-width: 1300px) {
                .stats-contents {
                    flex-direction: column;
                    margin: 0;
                }

                .stats-arrow {
                    display: none;
                }

                .stats-text {
                    margin: 0px 90px;
                }

                .stats-numbers {
                    margin: 0;
                    padding: 45px 0;
                    width: 100%;
                }
            }

            @media (max-width: 600px) {
                .stats-container{
                    margin: 20px 0px;
                }
                .stats-numbers {
                    flex-direction: column;
                    gap: 64px;
                }
                .stats-hook {
                    font-size: 28px;
                    font-weight: 400;
                }

                .file:nth-child(2) {
                    background: var(--brand-gradient-signup);
                }
                .file:nth-child(2) h2 {
                    background-image: unset;
                    color: white;
                    background-clip: unset;
                }
                .file:nth-child(2) h3 {
                    color: white;
                }
                .file:nth-child(2) p {
                    color: white
                }
                .file:nth-child(2)::before {
                    content: "";
                    position: absolute;
                    top: -25px;
                    right: 0px;
                    width: 97px; 
                    height: 26px;
                    border-top-right-radius: 25px;
                    border-top-left-radius: 25px;
                    background: #AC2377;
                    z-index: -1;
                }
                .step-item {
                    border-bottom: 1px solid #333;
                }
                .step-button .create-btn {
                    display: none;
                }
                .mobile-boxes {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 32px;
                }
                .mobile-boxes .video-container {
                    width: 100%;
                    height: 250px;
                    border-radius: 25px;
                    border: 4px solid #AC2377;
                }
                .mobile-boxes .video-container video {
                    width: 100%;
                    height: 100%;
                    border-radius: 25px;
                    object-fit: cover;
                }
                .mobile-boxes .create-btn {
                    width: auto;
                }
                .step-header h3 {
                    line-height: normal;
                }
            }

            /* How It Works Section */
            .how-it-works {
                padding: 0px 32px;
                background: #fff;
            }

            .how-it-works h1 {
                text-align: center;
                font-size: 24px;
                margin-bottom: 18px;
            }

            .how-it-works h2 {
                text-align: center;
                font-size: 48px!important;
                color: #333;
                margin-bottom: 16px;
            }

            .section-description {
                text-align: center;
                font-size: 24px;
                line-height: 1.6;
                max-width: 740px;
                margin: 0 auto 50px;
            }

            .steps-container {
                display: flex;
                gap: 32px;
                margin: 0 auto;
            }

            .step-left {
                flex: 1;
                min-width: 400px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .preview-box {
                border: 1px solid #D0003A;
                border-radius: 25px;
            }
            .preview-box img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 25px;
            }
            .preview-box video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 25px;
            }
            .preview-box1 {
                width: 634px;
                height: 404px;
            }
            .preview-box2 {
                width: 307px;
                height: 345px;
            }
            .bottom-preview-box {
                display: flex;
                gap: 20px;
            }
            .preview-box3 {
                width: 307px;
                height: 345px;
            }

            .step-right {
                flex: 1;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

            .step-item {
                position: relative;
                border-left: 7px solid #B51151;
                margin-bottom: 16px;
            }

            .inactive {
                border-left: 7px solid #333;
            }

            .step-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px 20px 20px 20px;
                background: #fff;
                cursor: pointer;
            }

            .step-header h3 {
                font-size: 28px;
                font-weight: 600;
                margin: 0;
                font-family: 'Roboto', sans-serif!important;
            }

            .toggle-btn {
                background: none;
                border: none;
                color: #B51151;
                cursor: pointer;
                padding: 8px;
            }

            .toggle-btn i {
                transition: transform 0.3s ease;
            }

            .step-item.active .toggle-btn i {
                transform: rotate(180deg);
            }

            .step-content {
                padding: 0 20px;
                max-height: 0;
                overflow: hidden;
                transition: all 0.3s ease-in-out;
                margin-left: auto;
            }

            .step-button {
                display: flex;
                justify-content: right;
            }

            .step-item.active .step-content {
                padding: 0px 20px 0px 20px;
                max-height: 500px;
            }

            .step-content p {
                font-size: 20px!important;
                line-height: 1.6;
                margin-bottom: 20px;
            }

            .resume-upload {
                display: flex;
                gap: 16px;
                margin-bottom: 16px;
            }

            .upload-box {
                flex: 1;
                border: 1px dashed #E5E5E5;
                border-radius: 8px;
                padding: 16px;
                display: flex;
                align-items: center;
                gap: 12px;
                background: #F8F8F8;
                cursor: pointer;
            }

            .upload-box i {
                color: #B51151;
                font-size: 20px;
            }

            .upload-box span {
                color: #666;
                font-size: 14px;
            }

            .create-btn {
                background: var(--brand-gradient);
                color: white;
                font-size: 16px;
                border: none;
                border-radius: 16px;
                padding: 0 24px;
                font-weight: 600;
                cursor: pointer;
                width: 137px;
                height: 47px;
            }

            .no-resume {
                font-size: 14px;
                color: #666;
                margin: 0;
            }

            .start-link {
                color: #B51151;
                text-decoration: none;
            }

            @media (max-width: 1300px) {
                .step-left {
                    display: none
                }
            }

            @media (max-width: 992px) {
                .steps-container {
                    flex-direction: column;
                }

                .step-left {
                    min-width: auto;
                }

                .preview-box {
                    min-height: 300px;
                }
            }

            @media (max-width: 768px) {
                .resume-upload {
                    flex-direction: column;
                }

                .create-btn {
                    width: 100%;
                    padding: 12px;
                }
            }

            @media (max-width: 600px) {
                .how-it-works h1 {
                    font-size: 14px;
                }
                .how-it-works h2 {
                    font-size: 32px;
                }
                .how-it-works .section-description {
                    font-size: 16px;
                }
                .step-item .step-header h3 {
                    font-size: 16px;
                }
                .step-item .step-content p {
                    font-size: 14px;
                }
                .how-it-works{
                    padding: 0 10px!important;
                }
                .section-description{
                    margin: 0 auto 20px;
                }
            }

           /* PARTNERS */
            .partners-section {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                background: linear-gradient(to bottom, 
                    rgba(255, 255, 255, 1) 4%, 
                    rgba(224, 187, 219, 0.3) 20%, 
                    rgba(227, 99, 210, 0.3) 48%, 
                    rgba(227, 99, 210, 0.1) 80%, 
                    rgba(255, 255, 255, 100) 99%
                );
                padding: 50px 20px;
            }

            .partners-section h2 {
                background-image: var(--brand-gradient);
                color: transparent;
                background-clip: text;
                font-size: 24px;
                margin: 0;
            }

            .partners-section h1 {
                font-size: 48px!important;
                color: #333;
                margin: 18px 0;
            }

            .partners-logos {
                display: flex;
                gap: 20px;
                margin-top: 32px;
            }

            .partner-logo {
                width: 262px;
                height: 100px;
                border-radius: 25px;
                border: solid 1px #333;
            }

            @media (max-width: 1300px) {
                .partners-logos {
                    display: flex;
                    overflow: hidden;
                    white-space: nowrap; 
                    justify-content: center;
                    gap: 20px;
                    max-width: 47.25rem;
                }

                .partner-logo {
                    flex-shrink: 0;
                }
            }

            @media (max-width: 600px) { 
                .partners-section {
                    padding: 32px 20px;
                }
                .partners-section h2 {
                    font-size: 15px;
                    margin-bottom: 0;
                }
                .partners-section h1 {
                    font-size: 32px;
                    margin-top: 0;
                }

                .partners-logos {
                    overflow: visible;
                    white-space: unset;
                    flex-wrap: wrap;
                }
            }

            /* TESTIMONIAL */
            .testimonials-section {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                background: white;
                padding: 217px 0px;
                position: relative;
            }

            .testimonials-text {
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .testimonials-text h2 {
                background-image: var(--brand-gradient);
                color: transparent;
                background-clip: text;
                font-size: 24px;
                margin: 0;
            }

            .testimonials-text h1 {
                font-size: 55px;
                color: #333;
                margin: 18px 0;
                white-space: nowrap;
            }

            .testimonials-text a {
                width: 193px;
                height: 52px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: var(--brand-gradient);
                color: white;
                font-size: 16px;
                text-decoration: none;
                padding: 12px 24px;
                border-radius: 16px;
                margin-top: 20px;
                transition: background 0.3s;
            }

            .testimonials-text a:hover {
                background: linear-gradient(to right, #ff5e5e, #a50050);
            }

            .testimonials-text a span img {
                margin-left: 15px;
            }

            .testimonial-cards {
                flex: 2;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .testimonial-card {
                position: absolute;
                width: 700px;
                height: 190px;
            }

            .testimonial-card:nth-child(2) {
                width: 450px;
                height: 127px;
                bottom: 100px;
                left: 430px;
                z-index: 10;
            }

            .testimonial-card:last-child {
                width: 450px;
                height: 127px;
                top: 100px;
                left: 430px;
                z-index: 10;
            }

            @media (max-width: 1440px) {
                .testimonials-text {
                    margin-left: 90px;
                }
                .testimonial-card:nth-child(2) {
                    left: 250px;
                }

                .testimonial-card:last-child {
                    left: 250px;
                }
            }

            @media (max-width: 1300px) {
                .testimonials-section {
                    flex-direction: column;
                    justify-content: center;
                    position: static;
                }

                .testimonials-text {
                    text-align: center;
                    align-items: center;
                    margin-left: 0;
                    margin-bottom: 32px;
                }

                .testimonials-text h1 {
                    margin: 0;
                }

                .testimonial-cards {
                    position: static;
                    flex-direction: column;
                    margin: 32px 0; 
                    gap: 32px;
                }

                .testimonial-card {
                    position: static;
                    width: 720px;
                }

                .testimonial-card:nth-child(2) {
                    width: 720px;
                    height: 190px;
                }

                .testimonial-card:last-child {
                    width: 720px;
                    height: 190px;
                }
            }

            @media (max-width: 600px) { 
                .testimonials-section {
                    padding: 32px;
                    align-items: start;
                }
                .testimonials-text {
                    align-items: start;
                    margin-left: 32px;
                }
                .testimonials-text h2 {
                    font-size: 15px;
                }
                .testimonials-text h1 {
                    font-size: 26px;
                }
                .testimonials-text a {
                    width: 127px;
                    height: 48px;
                    font-size: 12px;
                }
                .testimonials-text a span {
                    display: none;
                }

                .testimonial-card {
                    position: static;
                    width: auto;
                    height: auto;
                    padding: 0 32px;
                }

                .testimonial-card:nth-child(2) {
                    width: auto;
                    height: auto;
                }

                .testimonial-card:last-child {
                    width: auto;
                    height: auto;
                }
            }

            /* Styles for tablets */
            @media (min-width: 601px) and (max-width: 991px) {
                .hero-container{
                    padding: 0px;
                }
                .hero-buttons{
                    display: block;
                }
                .testimonials-section{
                    padding: 20px 0px!important;
                    margin: auto!important;
                }
                .container-1{
                    padding-top: 40px;
                    width: 100%;
                }
                .stats-text{
                    margin: 0;
                }
                .stats-hook{
                    font-size: 36px;
                }
            }

            /* BLOGS */
            .insights-section {
                padding-top: 80px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                background-color: white;
            }

            .insights-header {
                text-align: center;
                margin-bottom: 40px;
            }

            .insights-header h2 {
                background-image: var(--brand-gradient);
                color: transparent;
                background-clip: text;
                font-size: 24px;
                margin: 0;
            }

            .insights-header h1 {
                font-size: 48px!important;
                color: #333;
                margin: 18px 0;
            }

            .insights-header p {
                font-size: 20px;
                color: #333;
                margin: 0;
            }

            .insights-cards {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 32px;
                width: 100%;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scrollbar-width: none;
                -ms-overflow-style: none;
                padding: 32px;
            }

            .insights-cards::-webkit-scrollbar {
                display: none;
            }

            .insight-card {
                width: 372px;
                height: 499px;
                flex-shrink: 0;
                background: #ffffff;
                border-radius: 20px;
                box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
                padding: 20px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                text-align: left;
                scroll-snap-align: start; 
            }

            .insight-card .image-placeholder {
                width: 100%;
                height: 188px;
                background-color: #E1A2BD;
                border-radius: 10px;
                margin-bottom: 16px;
            }
            .insight-card .image-placeholder img{
                border-radius: 10px;
            }

            .insight-card h3 {
                font-size: 20px;
                margin-bottom: 18px;
                color: black;
                line-height: 30px;
            }

            .insight-card p {
                font-size: 16px;
                color: black;
                margin-bottom: 18px;
                line-height: 30px;
            }

            .insight-card a {
                font-size: 16px;
                font-weight: bold;
                color: var(--brand-gradient);
                text-decoration: none;
                display: inline-flex;
                align-items: center;
            }

            .insight-card a span {
                margin-left: 5px;
            }

            .bottom-nav {
                display: flex;
                justify-content: space-between;
                width: 100%;
                padding: 32px;
            }

            .circles {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                width: 148px;
                height: 64px;
            }

            .circle {
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: #B2B2B2;
            }

            .active-step {
                background: var(--brand-gradient);
            }

            .change-arrow {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 148px;
                height: 64px;
                background: white;
                border-radius: 15px;
                gap: 16px;
            }

            .change-arrow img {
                width: 12px;
                height: 12px;
            }

            .change-arrow .left-arrow {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 48px;
                height: 48px;
                border-radius: 8px;
                background-image: white;
                border: 1px solid #B2B2B2;
            }

            .change-arrow .right-arrow {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 48px;
                height: 48px;
                border-radius: 8px;
                background-image: var(--brand-gradient);
            }

            @media (max-width: 1440px) {
                .insights-section {
                    padding: 0 90px 
                }
            }

            @media (max-width: 600px) { 
                .insights-section{
                    padding: 0 15px !important;
                }
                .insights-header{
                    margin-bottom: 5px;
                }
                .insights-header h2 {
                    font-size: 18px;
                    margin-top: 18px
                }
                .insights-header h1 {
                    font-size: 32px;
                    margin: 10px 0;
                }
                .insights-header p {
                    font-size: 14px;
                }
                .insights-header a {
                    display: none;
                }
                .insight-card h3 {
                    font-size: 14px;
                    margin: 0;
                    line-height: 20px;
                }
                .insight-card p {
                    font-size: 14px;
                    line-height: 20px;
                    margin: 0;
                }
                .insight-card a {
                    font-size: 14px;
                    margin: 0;
                }
                .insight-card .image-placeholder {
                    margin: 0;
                    height: 138px;
                }
                .insight-card {
                    width: 256px;
                    height: 381px;
                }
            }

            /* HIRING */
            .hiring-section {
                display: flex;
                flex-direction: column;
                padding: 98px 262px;
                background: var(--brand-gradient-signup);
                height: 373px;
                color: white;
            }

            .hiring-text h1 {
                color: white;
                font-size: 64px;
                font-weight: bold;
                margin: 20px 0;
            }

            .hiring-text p {
                color: white;
                font-size: 40px;
                margin: 0;
            }

            .hiring-button {
                margin-left: auto;
                width: 152px;
                height: 47px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: white;
                color: #a50050;
                font-size: 16px;
                font-weight: bold;
                text-decoration: none;
                padding: 12px 24px;
                border-radius: 16px;
                box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
                transition: background 0.3s ease;
            }

            @media (max-width: 1440px) {
                .hiring-section {
                    padding: 98px 90px;
                }
            }

            @media (max-width: 1300px) {
                .hiring-section {
                    padding: 98px 72px;
                }

                .hiring-button {
                    margin-top: 24px;
                }
            }
            @media (max-width: 600px) { 
                .hiring-section {
                    padding: 98px 32px;
                }
                .hiring-text p {
                    font-size: 34px;
                    margin-bottom: 32px;
                }
                .hiring-text h1 {
                    font-size: 38px;
                }
                .hiring-button {
                    margin-left: 0;
                }
            }

            @media (max-width: 1440px) {
                .footer {
                    gap: 20px;
                    padding: 72px 90px;
                }

                .footer-logo {
                    grid-column: span 3;
                }
            }

            @media (max-width: 1300px) {
                .footer {
                    grid-template-columns: repeat(2, 1fr); 
                    padding: 60px 72px; 
                    gap: 40px;
                }

                .footer-logo {
                    grid-column: span 2;
                    display: grid;
                    grid-template-columns: auto 1fr auto;
                    grid-template-areas: 
                        "logo . . . "
                        "legal legal legal social";
                    align-items: center;
                    width: 100%;
                }

                .footer-logo > img {
                    grid-area: logo;
                }

                .legal {
                    grid-area: legal;
                    flex-direction: row;
                    justify-content: flex-start;
                    margin-top: 15px;
                }

                .social-icons {
                    grid-area: social;
                    justify-self: end;
                }
            }

            @media (max-width: 600px) {
                .footer {
                    padding: 60px 32px; 
                }
                .main-footer-header {
                    display: none;
                }
                .footer-column {
                    display: none;
                }
                .footer-logo {
                    display: flex;
                    flex-direction: column;
                    align-items: start;
                }
                .legal {
                    margin-top: 32px;
                    flex-direction: column;
                    align-items: start;
                    gap: 0;
                }
            }