/*==================================================
CONTACT FORM SECTION
==================================================*/

.cyb-contact-section{

    padding:100px 0;

}

.cyb-contact-layout{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:40px;

    align-items:start;

}

/*=========================
FORM
=========================*/

.cyb-contact-form-box{

    background:#fff;

    padding:45px;

    border-radius:18px;

    box-shadow:0 15px 40px rgba(15,23,42,.08);

}

.cyb-contact-form-box h2{

    font-size:34px;

    color:#111827;

    margin-bottom:10px;

}

.cyb-contact-form-box p{

    color:#64748b;

    line-height:1.8;

    margin-bottom:35px;

}

.cyb-form-row{

    display:grid;

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

    gap:20px;

}

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

    width:100%;

    padding:16px 18px;

    margin-bottom:20px;

    border:1px solid #dbe2ea;

    border-radius:10px;

    font-size:15px;

    transition:.3s;

    background:#fff;

}

.cyb-contact-form-box textarea{

    resize:vertical;

    min-height:180px;

}

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

    outline:none;

    border-color:#d40018;

    box-shadow:0 0 0 4px rgba(212,0,24,.08);

}

.cyb-contact-form-box button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:56px;

    padding:0 34px;

    background:#d40018;

    color:#fff;

    border:none;

    border-radius:10px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}

.cyb-contact-form-box button:hover{

    background:#b30015;

}

/*=========================
OFFICE
=========================*/

.cyb-office-box{

    background:#fff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 15px 40px rgba(15,23,42,.08);

}

.cyb-office-box h2{

    font-size:28px;

    margin-bottom:15px;

}

.cyb-office-box p{

    color:#64748b;

    margin-bottom:30px;

}

.cyb-office-list{

    list-style:none;

    margin:0;

    padding:0 0 30px;

}

.cyb-office-list li{

    display:flex;

    flex-direction:column;

    gap:6px;

    padding:18px 0;

    border-bottom:1px solid #eef2f7;

}

.cyb-office-list strong{

    color:#111827;

}

.cyb-office-list span{

    color:#64748b;

}

.cyb-office-map{

    overflow:hidden;

    border-radius:12px;

}

.cyb-office-map iframe{

    width:100%;

    height:260px;

    border:none;

}