/* Modern Contact Page */
        .contact-modern {
            position: relative;
            background:
                radial-gradient(circle at 8% 15%, rgba(46, 125, 50, .08), transparent 30%),
                radial-gradient(circle at 92% 85%, rgba(198, 154, 62, .10), transparent 30%),
                #f7f8f4;
        }

        .contact-info-card {
            position: relative;
            overflow: hidden;
            border-radius: 28px;
            background: linear-gradient(145deg, #173d22 0%, #245b30 55%, #12351d 100%);
            box-shadow: 0 24px 60px rgba(20, 57, 31, .18);
        }

        .contact-info-card::before,
        .contact-info-card::after {
            content: "";
            position: absolute;
            border-radius: 50%;
            border: 1px solid rgba(255,255,255,.10);
            pointer-events: none;
        }

        .contact-info-card::before {
            width: 240px;
            height: 240px;
            right: -110px;
            top: -100px;
        }

        .contact-info-card::after {
            width: 180px;
            height: 180px;
            left: -90px;
            bottom: -80px;
        }

        .contact-kicker,
        .form-kicker {
            display: inline-block;
            font-size: .76rem;
            font-weight: 700;
            letter-spacing: .18em;
        }

        .contact-kicker {
            color: #d7b86a;
        }

        .form-kicker {
            color: #2d7439;
        }

        .contact-detail {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: flex-start;
            gap: 15px;
            margin: 24px 0;
        }

        .contact-icon {
            width: 45px;
            height: 45px;
            flex: 0 0 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            color: #173d22;
            background: #fff;
        }

        .contact-detail small {
            display: block;
            color: rgba(255,255,255,.58);
            margin-bottom: 3px;
        }

        .contact-detail p {
            margin: 0;
            color: #fff;
            font-weight: 600;
        }

        .contact-divider {
            height: 1px;
            background: rgba(255,255,255,.16);
            margin: 28px 0 20px;
        }

        .contact-social {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255,255,255,.22);
            border-radius: 50%;
            color: #fff;
            text-decoration: none;
            transition: .25s ease;
        }

        .contact-social:hover {
            color: #173d22;
            background: #fff;
            transform: translateY(-3px);
        }

        .contact-form-card {
            background: #fff;
            border: 1px solid rgba(22, 57, 30, .08);
            border-radius: 28px;
            box-shadow: 0 24px 60px rgba(31, 52, 37, .10);
        }

        .modern-field {
            position: relative;
        }

        .modern-field > i {
            position: absolute;
            left: 18px;
            top: 50%;
            z-index: 2;
            color: #5d8565;
            transform: translateY(-50%);
            pointer-events: none;
        }

        .modern-field .form-control {
            min-height: 58px;
            padding: 15px 18px 15px 48px;
            border: 1px solid #dfe6df;
            border-radius: 14px;
            background: #fbfcfa;
            color: #203326;
            box-shadow: none;
            transition: .25s ease;
        }

        .modern-field .form-control::placeholder {
            color: #9aa79d;
        }

        .modern-field .form-control:focus {
            border-color: #5d9565;
            background: #fff;
            box-shadow: 0 0 0 4px rgba(67, 126, 76, .10);
        }

        .textarea-field > i {
            top: 20px;
            transform: none;
        }

        .textarea-field textarea.form-control {
            resize: vertical;
            min-height: 155px;
        }

        .contact-submit {
            min-width: 180px;
            padding: 14px 24px;
            border: 0;
            border-radius: 13px;
            color: #fff;
            background: linear-gradient(135deg, #2e7039, #1e5429);
            font-weight: 700;
            box-shadow: 0 10px 22px rgba(35, 91, 45, .20);
            transition: .25s ease;
        }

        .contact-submit:hover {
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 14px 28px rgba(35, 91, 45, .28);
        }

        @media (max-width: 991.98px) {
            .contact-info-card,
            .contact-form-card {
                border-radius: 22px;
            }

            .contact-modern {
                padding-top: 25px !important;
            }
        }

        @media (max-width: 575.98px) {
            .contact-modern .container {
                padding-left: 18px;
                padding-right: 18px;
            }

            .contact-info-card,
            .contact-form-card {
                padding: 25px !important;
            }

            .contact-info-card h2 {
                font-size: 1.8rem;
            }

            .modern-field .form-control {
                min-height: 54px;
            }

            .contact-submit {
                width: 100%;
            }
        }
        
        #contactForm .form-control.is-invalid {
            border-color: #dc3545;
            box-shadow: 0 0 0 4px rgba(220, 53, 69, .08);
        }
        #contactForm .field-error {
            font-size: .82rem;
            padding-left: 4px;
        }
        .contact-submit.sent {
            background: #2d7439;
        }

        .modern-field select {
            width: 100%;
            padding-left: 40px;
            padding-right: 35px;
            appearance: auto;
            cursor: pointer;
        }