:root {
  --primary-green: #1d8884;
  --dark-green:#13514e;
  --primary-red: #E42525;
  --mint: #9fd4c0;
  --white: #ffffff;
  --light-bg: #f5faf7;
  --text-dark: #222222;
  --border-color: #e5e5e5;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --font-primary: "Poppins", sans-serif;
}

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
}

/* Hero */

.contact-hero{
    background: 
            url('https://images.unsplash.com/photo-1776455129240-a9ac916c0c7d?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
    background-size:cover;
    background-position:center;
    padding:120px 0;
    color:#fff;
}

.contact-hero h1{
    font-size:55px;
    font-weight:700;
}

.contact-hero p{
    font-size:18px;
}

/* Contact Section */

.contact-section{
    background:#f5faf7;
   
}

.contact-info,
.contact-form{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    
}

.section-title{
    background:var(--primary-green);
    color:#fff;
    padding:18px;
    text-align:center;
}

.info-card{
    text-align:center;
    padding:30px 20px;
    height:200px;
    transition:.4s;
}

.info-card:hover{
    transform:translateY(-8px);
}

.info-card i{
    font-size:35px;
    color:var(--primary-green);
    margin-bottom:15px;
}

.info-card h5{
    font-weight:700;
}

.contact-form form{
    padding:30px;
}

.form-control,
.form-select{
    height:35px;
    border-radius:10px;
}

textarea.form-control{
    height:auto;
}

.submit-btn{
    background:#1d8884;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
}

.submit-btn:hover{
    background:#E42525;
    color:#fff;
}

/* Map */

.map-section iframe{
    width:100%;
    height:450px;
    border:none;
}

/* CTA */

.cta-section{
    padding:80px 0;
    background:#1d8884;
    color:#fff;
}

.cta-btn{
    background:#13514e;
    color:white;
    padding:14px 40px;
    border-radius:50px;
    margin-top:20px;
    font-weight:600;
}

.cta-btn:hover{
    background:#E42525;
    color:#fff;
}

/* Responsive */

@media (max-width: 768px) {

    .contact-hero{
        padding:80px 0;
        text-align:center;
    }

    .contact-hero h1{
        font-size:38px;
    }

    .contact-hero p{
        font-size:16px;
        padding:0 15px;
    }

    .contact-info,
    .contact-form{
        margin-bottom:20px;
    }

    .info-card{
        height:auto;
        min-height:170px;
        padding:25px 15px;
    }

    .info-card i{
        font-size:28px;
    }

    .contact-form form{
        padding:20px;
    }

    .form-control,
    .form-select{
        height:45px;
        font-size:14px;
    }

    textarea.form-control{
        min-height:120px;
    }

    .submit-btn{
        width:100%;
    }

    .map-section iframe{
        height:300px;
    }

    .cta-section{
        padding:60px 15px;
        text-align:center;
    }

    .cta-btn{
        width:100%;
        max-width:250px;
    }
}

/* Small Mobile */

@media (max-width: 576px) {

    .contact-hero h1{
        font-size:30px;
    }

    .contact-hero p{
        font-size:14px;
    }

    .section-title h3{
        font-size:20px;
    }

    .info-card h5{
        font-size:18px;
    }

    .info-card p{
        font-size:14px;
    }

    .map-section iframe{
        height:250px;
    }
}