:root {
            --green: #006A68;
            --green-90: #005855;
            --green-100: #004745;
            --pale: #F5FEFF;
            --gold: #D4AF37;
            --steelBlue: #4682B4;
            --black: #000000;
            --white: #FFFFFF;
            --grey: #E5E5E5;
            --darkGrey: #888888;
            --titleColor: #333333;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            -webkit-font-smoothing: antialiased;
            color: #222;
        }

        .font-family-bold {
            font-weight: 700;
        }

        .rounded-3xl {
            border-radius: 1.5rem;
        }

        .swiper-mobile-pagination {
            position: absolute;
            bottom: 20px;
            width: 100%;
            display: flex;
            justify-content: center;
            z-index: 10;
        }

        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            margin: 0 4px;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
            cursor: pointer;
        }

        .swiper-pagination-bullet-active {
            background-color: #000;
        }

        .hover-scale {
            transition: transform 0.3s ease;
        }

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

        @media (max-width: 767.98px) {
            .banner-mobile {
                display: block !important;
            }

            .banner-desktop {
                display: none !important;
            }

            .mobile-height {
                height: 484px;
            }
        }

        @media (min-width: 768px) {
            .banner-mobile {
                display: none !important;
            }

            .banner-desktop {
                display: block !important;
            }

            .desktop-height {
                height: 425px;
            }
        }