.contact{

    background:#0f172a;

    padding:25px 8%;

}

.admin-team{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    margin:60px 0;

}

/* First Row */


.admin-card{

    background:#1f2937;

    padding:10px 8px;

    border-radius:16px;

    text-align:center;

    transition:.35s;

    display:flex;

    flex-direction:column;

    align-items:center;

    border:1px solid rgba(255,255,255,.06);

}

.admin-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 50px rgba(249,115,22,.25);

    border:1px solid rgba(249,115,22,.45);

}

.admin-card img{

    width:100px;

    height:100px;

    object-fit:cover;

    border-radius:50%;

    border:3px solid #F97316;

    margin-bottom:14px;

    transition:.35s;

}

.admin-card:hover img{

    transform:scale(1.08);

    border-color:white;

}

.admin-card h4{

    font-size:18px;

    color:#fff;

    margin-bottom:4px;

}

.admin-card > p:not(.admin-quote){

    color:#F97316;

    margin-bottom:25px;

    font-weight:600;

}

.admin-buttons{

    display:flex;

    justify-content:center;

    gap:15px;

}

.admin-role{

    display:inline-block;

    background:#F97316;

    color:#ffffff !important;

    padding:4px 12px;

    border-radius:20px;

    font-size:3px;

    font-weight:100;

    letter-spacing:1px;

    line-height:1;

    margin:6px 0;

}

.designation{

    color:#FBBF24;

    font-size:15px;

    font-weight:600;

    margin-bottom:8px;

}   

.admin-buttons a{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#273548;

    color:#fff;

    text-decoration:none;

    transition:.3s;

    font-size:16px;

}

.admin-buttons a:hover{

    background:#F97316;

    transform:translateY(-3px);

}

.contact-form{

    max-width:800px;

    margin:auto;

}

.contact-form h3{

    color:white;

    text-align:center;

    margin-bottom:30px;

    font-size:36px;

}

.contact-form form{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.contact-form input,
.contact-form textarea{

    background:#1f2937;

    border:none;

    border-radius:12px;

    padding:18px;

    color:white;

    font-size:16px;

}

.contact-form input:focus,
.contact-form textarea:focus{

    outline:2px solid #F97316;

}

.contact-form button{

    background:#F97316;

    color:white;

    border:none;

    padding:18px;

    border-radius:50px;

    font-size:18px;

    cursor:pointer;

    transition:.3s;

}

.contact-form button:hover{

    background:#EA580C;

}
.section-subtitle{

    text-align:center;

    color:#cbd5e1;

    margin-top:15px;

    margin-bottom:60px;

    font-size:18px;

    line-height:1.7;

}

.admin-card span{

    color:#F97316;

    font-weight:600;

    font-size:16px;

    letter-spacing:1px;

}

.admin-quote{
    font-size:13px;
    line-height:1.45;
    min-height:58px;
    margin-bottom:16px;
    color:#818181;
}


.contact-divider{

    width:140px;

    height:4px;

    background:#F97316;

    margin:80px auto;

    border-radius:50px;

}
.contact-text{

    text-align:center;

    color:#cbd5e1;

    max-width:700px;

    margin:15px auto 40px;

    line-height:1.8;

}

@media(max-width:1100px){

.admin-team{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:650px){

.admin-team{

    grid-template-columns:1fr;

}

}

@media (max-width: 768px) {

    .contact {

        padding: 80px 20px;

    }


    .contact-divider {

        margin: 40px auto;

    }


    .admin-team {

        grid-template-columns: 1fr;

        gap: 18px;

        margin: 40px 0;

    }


    .admin-card {

        padding: 22px 18px;

    }


    .admin-card img {

        width: 90px;

        height: 90px;

    }


    .designation {

        font-size: 14px;

    }


    .admin-quote {

        font-size: 13px;

        min-height: auto;

    }


    .contact-form h3 {

        font-size: 28px;

    }


    .contact-text {

        font-size: 14px;

        line-height: 1.7;

    }

}
/* =========================================================
   CONTACT SECTION - REDUCED DESKTOP SIZE
   ========================================================= */

@media (min-width: 769px) {

    .admin-team {
        transform: scale(0.80);
        transform-origin: top center;

        margin-bottom: -70px;
    }

    .contact-form {
        transform: scale(0.80);
        transform-origin: top center;

        margin-bottom: -80px;
    }

}