:root {
    /* INFO (Orange) - #ff5521 */

    --info: #ff5521;

    --info-50: #fff4f0;

    --info-100: #ffe8df;

    --info-200: #ffd1bf;

    --info-300: #ffb599;

    --info-400: #ff8757;

    --info-500: #ff5521;

    --info-600: #e63d0b;

    --info-700: #c23108;

    --info-800: #9b2709;

    --info-900: #7d200a;
}

body {
    font-family: 'Inter', 'Poppins', sans-serif;
    background-color: var(--info-50);
    color: var(--text-dark);
}

/* Hero Background with the Teal Shape */
.hero-section {
    background-color: white;
    position: relative;
    overflow: hidden;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50.41' height='87' patternTransform='scale(4) rotate(15)'><rect x='0' y='0' width='100%' height='100%' fill='%23ffffffff'/><path d='M25.3 87L12.74 65.25m0 14.5h-25.12m75.18 0H37.68M33.5 87l25.28-43.5m-50.23 29l4.19 7.25L16.92 87h-33.48m33.48 0h16.75-8.37zM8.55 72.5L16.92 58m50.06 29h-83.54m79.53-50.75L50.4 14.5M37.85 65.24L50.41 43.5m0 29l12.56-21.75m-50.24-14.5h25.12zM33.66 29l4.2 7.25 4.18 7.25M33.67 58H16.92l-4.18-7.25M-8.2 72.5l20.92-36.25L33.66 0m25.12 72.5H42.04l-4.19-7.26L33.67 58l4.18-7.24 4.19-7.25M33.67 29l8.37-14.5h16.74m0 29H8.38m29.47 7.25H12.74M50.4 43.5L37.85 21.75m-.17 58L25.12 58M12.73 36.25L.18 14.5M0 43.5l-12.55-21.75M24.95 29l12.9-21.75M12.4 21.75L25.2 0M12.56 7.25h-25.12m75.53 0H37.85M58.78 43.5L33.66 0h33.5m-83.9 0h83.89M33.32 29H16.57l-4.18-7.25-4.2-7.25m.18 29H-8.37M-16.74 0h33.48l-4.18 7.25-4.18 7.25H-8.37m8.38 58l12.73-21.75m-25.3 14.5L0 43.5m-8.37-29l21.1 36.25 20.94 36.24M8.37 72.5H-8.36'  stroke-width='0.3' stroke='%23ff552110' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-320,-320)' fill='url(%23a)'/></svg>");
    background-size: cover;
    background-position: center;
}

.about-section {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50.41' height='87' patternTransform='scale(4) rotate(15)'><rect x='0' y='0' width='100%' height='100%' fill='%23ffffffff'/><path d='M25.3 87L12.74 65.25m0 14.5h-25.12m75.18 0H37.68M33.5 87l25.28-43.5m-50.23 29l4.19 7.25L16.92 87h-33.48m33.48 0h16.75-8.37zM8.55 72.5L16.92 58m50.06 29h-83.54m79.53-50.75L50.4 14.5M37.85 65.24L50.41 43.5m0 29l12.56-21.75m-50.24-14.5h25.12zM33.66 29l4.2 7.25 4.18 7.25M33.67 58H16.92l-4.18-7.25M-8.2 72.5l20.92-36.25L33.66 0m25.12 72.5H42.04l-4.19-7.26L33.67 58l4.18-7.24 4.19-7.25M33.67 29l8.37-14.5h16.74m0 29H8.38m29.47 7.25H12.74M50.4 43.5L37.85 21.75m-.17 58L25.12 58M12.73 36.25L.18 14.5M0 43.5l-12.55-21.75M24.95 29l12.9-21.75M12.4 21.75L25.2 0M12.56 7.25h-25.12m75.53 0H37.85M58.78 43.5L33.66 0h33.5m-83.9 0h83.89M33.32 29H16.57l-4.18-7.25-4.2-7.25m.18 29H-8.37M-16.74 0h33.48l-4.18 7.25-4.18 7.25H-8.37m8.38 58l12.73-21.75m-25.3 14.5L0 43.5m-8.37-29l21.1 36.25 20.94 36.24M8.37 72.5H-8.36'  stroke-width='0.3' stroke='%23ff552110' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-320,-320)' fill='url(%23a)'/></svg>");
    background-size: cover;
    background-position: center;
}

.hero-shape {
    position: absolute;
    right: -4%;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--info-200);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
    z-index: 1;
}




.hero-content {
    position: relative;
    z-index: 10;
}

/* Badge Styles */
.badge-award {
    background: linear-gradient(to right, #ffffff, #f0fdfa);
    border: 1px solid #e2e8f0;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}

.badge-award-left {
    padding: 8px 12px;
    background: white;
}

.badge-award-right {
    background: var(--info-500);
    color: white;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
}

/* Stats Card Shadow */
.stats-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.stat-item {
    border-right: 1px solid #edf2f7;
}

.stat-item:last-child {
    border-right: none;
}

@media (max-width: 1024px) {
    .hero-shape {
        display: none;
    }

    .stat-item {
        border-right: none;
        border-bottom: 1px solid #edf2f7;
    }

    .stat-item:last-child {
        border-bottom: none;
    }
}

/* Infinite Carousel Animation */
.carousel-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.carousel-track {
    display: flex;
    animation: scroll 30s linear infinite;
}

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

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

    100% {
        transform: translateX(-50%);
    }
}

.logo-item {
    flex-shrink: 0;
    width: 180px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2rem;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.logo-item:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

.logo-item img {
    max-width: 140px;
    max-height: 70px;
    object-fit: contain;
}