/* ==========================================
   Meet The Data Matron
   data-matron.css
========================================== */


/* ==========================================
   PAGE DEFAULTS
========================================== */

.data-matron-page section {

    padding: 5rem 0;

}


/* ==========================================
   CONTACT HERO
========================================== */

.contact-hero{

    background:var(--white);

}

.contact-hero-grid{

    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:4rem;
    
}

.contact-hero-content h1{

    margin-bottom:0.75rem;

}

.contact-hero-content p{

    margin-top:1.5rem;
    max-width:520px;

}

.hero-highlight{

    font-weight:600;
    color:var(--primary);

}

/* ==========================================
   CONTACT HERO IMAGE
========================================== */

.contact-page .page-hero-image img {
    width: 85%;
    max-width: 450px;
    height: auto;
}

.contact-page .page-hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ==========================================
   Ways to Get in Touch
========================================== */

.contact-options{

    padding:5rem 0;
    background:var(--background-light);

}

.contact-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;

}

.contact-card{

    background:var(--white);

    border:1px solid var(--border);
    border-radius:16px;

    padding:2rem;

    text-align:center;

    display:flex;
    flex-direction:column;

    transition:0.3s ease;

}

.contact-card:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.contact-card img{

    width:72px;
    height:72px;

    margin:0 auto 1.5rem;

    object-fit:contain;

}

.contact-card h3{

    margin-bottom:1rem;

}

.contact-card p{

    flex:1;

    margin-bottom:2rem;

}

.contact-card .btn-secondary{

    margin-top:auto;

}


/* ==========================================
   Contact Reassurance
========================================== */

.contact-reassurance{

    padding:5rem 0;
    background:var(--white);

}

.reassurance-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:2rem;

    margin-top:3rem;

}

.reassurance-item{

    text-align:center;

    padding:2rem;

}

.reassurance-item img{

    width:56px;
    height:56px;

    margin-bottom:1.5rem;

}

.reassurance-item h3{

    margin-bottom:0.75rem;

}

.reassurance-item p{

    margin-bottom:0;

}



/* ==========================================
   CAREER JOURNEY
========================================== */



/* ==========================================
   FEATURED PROJECT
========================================== */



/* ==========================================
   TECHNICAL CAPABILITY
========================================== */



/* ==========================================
   PROFESSIONAL PROFILES
========================================== */



/* ==========================================
   CALL TO ACTION
========================================== */



/* ==========================================
   TABLET
========================================== */

@media (max-width:1100px) {



}


/* ==========================================
   MOBILE
========================================== */

@media (max-width:768px) {



}