/* BANNER */

        .page-banner {
            height: 70vh;

            background:
                linear-gradient(rgba(0, 0, 0, 0.5),
                    rgba(0, 0, 0, 0.5)),

                url('../../images/img17.jpg');

            background-size: cover;
            background-position: center;

            display: flex;
            justify-content: center;
            align-items: center;

            text-align: center;

            position: relative;
        }

        .banner-content {
            color: white;
            z-index: 2;
        }

        .banner-content h1 {
            font-size: 70px;
            font-family: 'Cinzel', serif;
            margin-bottom: 20px;

            animation: fadeDown 1.5s ease;
        }

        .banner-content p {
            font-size: 22px;

            animation: fadeUp 1.5s ease;
        }


        /* ABOUT */

        .content-section {
            padding: 100px 10%;

            display: flex;
            justify-content: center;
            align-items: center;
        }

        .about-box {

            max-width: 900px;

            background: white;

            padding: 60px;

            border-radius: 30px;

            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

            text-align: center;

            transition: 0.5s;
        }

        .about-box:hover {
            transform: translateY(-10px);
        }

        .about-box h2 {
            font-size: 50px;
            font-family: 'Cinzel', serif;
            margin-bottom: 30px;
            color: #6d071a;
        }

        .about-box p {
            font-size: 18px;
            line-height: 1.9;
            margin-bottom: 20px;
        }

        button {
            padding: 15px 35px;
            border: none;
            border-radius: 50px;

            background: #d4af37;

            font-weight: bold;

            cursor: pointer;

            transition: 0.4s;
        }

        button:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.4);
        }


        /* VALUES */

        .values-section {
            padding: 100px 10%;
            text-align: center;
        }

        .values-section h2 {
            font-size: 50px;
            margin-bottom: 50px;
            font-family: 'Cinzel', serif;
        }

        .value-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }

        .value-card {
            background: white;
            padding: 40px;
            border-radius: 25px;

            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

            transition: 0.5s;
        }

        .value-card:hover {
            transform: translateY(-10px);
            border: 1px solid #d4af37;
        }

        .value-card h3 {
            margin-bottom: 15px;
            color: #6d071a;
        }


        /* ANIMATIONS */

        @keyframes fadeDown {

            from {
                opacity: 0;
                transform: translateY(-50px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }

        }

        @keyframes fadeUp {

            from {
                opacity: 0;
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }

        }


        /* MOBILE */

        @media(max-width:768px) {


            .banner-content h1 {
                font-size: 45px;
            }

            .about-box h2 {
                font-size: 35px;
            }

        }