:root {
                        --radius: 22px;
                        --text-dark: #0f172a;
                        --text-muted: #475569;
                    }

                    .grid {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    /* Row 1: 30-40-30 */

                    .row-1 {
                        display: grid;
                        grid-template-columns: 3fr 4fr 3fr;
                        gap: 24px;
                    }

                    /* Row 2: 40-30-40 */

                    .row-2 {
                        display: grid;
                        grid-template-columns: 4fr 3fr 4fr;
                        gap: 24px;
                    }

                    .card {
                        position: relative;
                        padding: 28px;
                        border-radius: var(--radius);
                        min-height: 260px;
                        overflow: hidden;
                        transition: transform 0.3s ease, box-shadow 0.3s ease;
                        border: none;
                        text-align: left;
                    }

                    .card:hover {
                        transform: translateY(-6px);
                        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
                    }

                    .card h3 {
                        margin: 0 0 12px;
                        font-size: 20px;
                        font-weight: 700;
                    }

                    .card p {
                        margin: 0;
                        max-width: 90%;
                        line-height: 1.6;
                        color: var(--text-muted);
                        font-size: 14.5px;
                    }

                    .read-more {
                        margin-top: 20px;
                        display: inline-flex;
                        align-items: center;
                        gap: 6px;
                        font-weight: 600;
                        font-size: 14px;
                        color: #0f172a;
                        cursor: pointer;
                    }

                    .read-more span {
                        transition: transform 0.2s ease;
                    }

                    .read-more:hover span {
                        transform: translateX(4px);
                    }

                    /* Card gradients */

                    .pink {
                        background: linear-gradient(135deg, #fff1f2, #ffe4e6);
                    }

                    .blue {
                        background: linear-gradient(135deg, #eef2ff, #e0e7ff);
                    }

                    .yellow {
                        background: linear-gradient(135deg, #fff7ed, #fef3c7);
                    }

                    .purple {
                        background: linear-gradient(135deg, #f3e8ff, #ede9fe);
                    }

                    .teal {
                        background: linear-gradient(135deg, #ecfeff, #e0f2fe);
                    }

                    .peach {
                        background: linear-gradient(135deg, #fff1f2, #ffe4e6);
                    }

                    /* Illustration placeholder */

                    .art {
                        position: absolute;
                        bottom: 20px;
                        right: 20px;
                        width: 80px;
                        height: 80px;
                        border-radius: 16px;
                        background: rgba(255, 255, 255, 0.6);
                        backdrop-filter: blur(8px);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 42px;
                    }

                    /* Form */

                    .modal-content {
                        border-radius: 0px;
                    }

                    .form-modal {
                        padding: 20px 25px 40px;
                    }

                    .error {
                        color: #e50914;
                        margin-top: 10px;
                    }

                    /* .success {
                        color: green;
                        margin-top: 10px;
                    } */

                    .submit-btn {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                    }

                    .btn-loader.contact {
                        width: 16px;
                        height: 16px;
                        border: 2px solid #e50914;
                        border-top-color: transparent;
                        border-radius: 50%;
                        animation: spin 0.7s linear infinite;
                    }
                     .btn-loader {
                        width: 16px;
                        height: 16px;
                        border: 2px solid #fff;
                        border-top-color: transparent;
                        border-radius: 50%;
                        animation: spin 0.7s linear infinite;
                    }

                    .contact .contact-form-container .contact-form .send-button:hover .btn-loader.contact {
                        border: 2px solid #fff;
                    }

                    .btn-close {
                        --bs-btn-close-focus-shadow: none;
                    }

                    .contactForm .btn-close {
                        --bs-btn-close-focus-shadow: none;
                        padding-right: 20px;
                        visibility: hidden;
                        opacity: 0;
                    }

                    .contactForm .btn-close.show {
                        visibility: visible;
                        opacity: 0.5;
                        cursor: pointer;
                    }
                    .contactForm.contact-form .btn-close.show {
                        position: relative !important;
                        right: 20px !important;
                    }

                    @keyframes spin {
                        to {
                            transform: rotate(360deg);
                        }
                    }

                    .submit-btn:disabled {
                        opacity: 0.6;
                        cursor: not-allowed;
                    }

                    .toast-container {
                        bottom: 50px !important;
                    }

                    .success-liveToast,
                    .failed-liveToast {
                        font-weight: 400;
                        color: #403e3e;
                    }

                    .success-liveToast {
                        background: #c7dac7;
                        border-left: 5px solid #477f47;
                    }

                    .failed-liveToast {
                        background: #f4d8db;
                        border-left: 5px solid #e11427;
                    }

                    /* About */

                    .about .skills .certification-area {
                        border-top: none;
                        padding-top: 10px;
                    }

                    .about .skills .certification-area .cert-content .cert-description,
                    .why .skills .certification-area .cert-content .cert-description {
                        font-size: 20px;
                        color: #172624;
                        margin-bottom: 0;
                    }

                    /* Why */

                    .why .content {
                        padding-left: 40px;
                    }

                    /* Industry */

                    .clients .row {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: space-around;
                        align-items: center;
                        width: 100%;
                        flex-wrap: wrap;
                    }

                    .partner-section {
                        padding: 0;
                        text-align: center;
                    }

                    .slider {
                        overflow: hidden;
                        width: 100%;
                    }

                    .track {
                        display: flex;
                        width: max-content;
                        animation: scroll var(--duration) linear infinite;
                    }

                    .slider:hover .track {
                        animation-play-state: paused;
                    }

                    .slider .logo {
                        flex: 0 0 auto;
                        margin: 0 20px;
                    }

                    .slider .logo .hexagon {
                        width: 130px;
                        height: 120px;
                        filter: grayscale(100%);
                        opacity: 0.7;
                        transition: all 0.3s ease;
                        margin: 0 auto;
                    }

                    .slider .logo .hexagon:hover {
                        filter: grayscale(0);
                        opacity: 1;
                        transform: scale(1.1);
                        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
                        border-radius: 8px;
                    }

                    @keyframes scroll {
                        from {
                            transform: translateX(0);
                        }

                        to {
                            transform: translateX(calc(-1 * var(--scroll-width)));
                        }
                    }

                    /* Mobile */
                    @media (max-width: 768px) {
                        .slider .logo img {
                            width: 120px;
                        }
                    }


                    /* Desktop */
                    @media (min-width: 768px) and (max-width: 2560px) {
                        .hero.section {
                            padding: 100px 0;
                        }
                    }

                    @media (min-width: 1200px) {
                        .row-1 {
                            display: grid;
                            grid-template-columns: 3fr 4fr 3fr;
                            gap: 24px;
                        }

                        .row-2 {
                            display: grid;
                            grid-template-columns: 4fr 3fr 4fr;
                            gap: 24px;
                        }
                    }

                    /* Tablet */

                    @media (min-width: 768px) and (max-width: 1199px) {

                        .row-1,
                        .row-2 {
                            display: grid;
                            grid-template-columns: 1fr 1fr;
                            gap: 24px;
                        }

                        /* Make last card full width */
                        .row-1 .card:last-child,
                        .row-2 .card:last-child {
                            grid-column: 1 / -1;
                        }
                    }

                    /* Mobile */

                    @media (max-width: 767px) {

                        .row-1,
                        .row-2 {
                            display: grid;
                            grid-template-columns: 1fr;
                            gap: 16px;
                        }
                    }