.contact-us-page {
    .contact-section {

        .contact-wrapper {
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
        }

        .contact-info {
            flex: 1;
            min-width: 300px;

            .info-box {
                display: flex;
                gap: 15px;
                margin-bottom: 25px;
                align-items: center;
                background: #fff;
                padding: 20px;
                border-radius: 15px;
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
                transition: 0.3s;

                &:hover {
                    transform: translateY(-5px);
                }

                i {
                    font-size: 20px;
                    color: #0f5e2d;
                    background: #e6f4ea;
                    padding: 15px;
                    border-radius: 50%;
                }
            }
        }

        .contact-form {
            flex: 1;
            min-width: 300px;
            background: #fff;
            padding: 35px;
            border-radius: 20px;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);

            form {
                display: flex;
                flex-direction: column;
                gap: 15px;
            }

            :is(input, textarea) {
                padding: 12px 15px;
                border: 1px solid #ddd;
                border-radius: 8px;
                font-size: 14px;
                transition: 0.3s;

                &:focus {
                    border-color: #0f5e2d;
                    outline: none;
                    box-shadow: 0 0 8px rgba(15, 94, 45, 0.2);
                }
            }

          
        }

        .map-section {
            margin-top: 60px;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
        }
    }
}