:where([class^="ri-"])::before { content: "\f3c2"; }
        body {
            font-family: 'Poppins', sans-serif;
            scroll-behavior: smooth;
        }
        .hero-section {
            background-image:  linear-gradient(to right,  rgb(8 31 28 / 90%), rgb(42 157 143 / 13%)), url('../image/hero.jpg');
            background-size: cover;
            background-position: center;
           
            display: flex;
            align-items: center;
        }
        .mission-section {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../image/mission.jpg');
            background-size: cover;
            background-position: center;
        }
        .counter-item {
            position: relative;
            z-index: 1;
        }
        .counter-item::before {
            content: '';
            position: absolute;
            top: -10px;
            left: -10px;
            width: 50px;
            height: 50px;
            background-color: rgba(231, 111, 81, 0.2);
            border-radius: 12px;
            z-index: -1;
        }
        .partner-section {
            background-color: #FAF9F7;
            background-image: radial-gradient(circle at 10% 20%, rgba(42, 157, 143, 0.1) 0%, rgba(233, 196, 106, 0.1) 90%);
        }
        input:focus, textarea:focus {
            outline: none;
            border-color: #2A9D8F;
            box-shadow: 0 0 0 3px rgba(42, 157, 143, 0.2);
        }
        .testimonial-card {
            transition: all 0.3s ease;
        }
        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }