/* ===========================
   CONTAINER
=========================== */

.container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.tag{
    display:inline-block;
    margin-top:25px;
    color:#C8A24A;
    letter-spacing:2px;
    font-size:13px;
    font-weight:600;
}

/* ===========================
   SECTION
=========================== */

.contact-main{
    padding:100px 20px;
}

.grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

/* ===========================
   LEFT
=========================== */

.info-side h2{
    font-size:38px;
    margin-bottom:20px;
    font-family:Georgia,serif;
}

.info-side p{
    color:#666;
    line-height:1.8;
    margin-bottom:25px;
}

.publish-list{
    list-style:none;
    padding:0;
    margin:0;
}

.publish-list li{
    margin-bottom:15px;
    position:relative;
    padding-left:35px;
    font-size:16px;
    color:#444;
}

.publish-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#C8A24A;
    color:#fff;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

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

.form-side{
    width:100%;
}

.glass-form{
    width:100%;
    padding:35px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(200,162,74,.2);
}

.glass-form h2{
    margin-bottom:25px;
    font-family:Georgia,serif;
}

.glass-form input,
.glass-form textarea,
.glass-form select{
    width:100% !important;
    padding:13px !important;
    border-radius:10px !important;
    border:1px solid rgba(200,162,74,.2) !important;
    margin-bottom:15px;
    background:rgba(255,255,255,.05) !important;
}

/* File Upload */

.glass-form input[type=file]{
    width:100%;
    padding:14px !important;
    border:2px dashed #C8A24A !important;
    border-radius:12px;
    cursor:pointer;
}

.glass-form input[type=file]::file-selector-button{
    background:linear-gradient(135deg,#C8A24A,#8A6B2A);
    color:#fff;
    border:none;
    padding:10px 18px;
    border-radius:8px;
    margin-right:10px;
    cursor:pointer;
}

/* Button */

.glass-form .forminator-button-submit{
    width:100% !important;
    padding:14px !important;
    margin-top:20px;
    border:none !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,#C5A021,#AA7C11)!important;
    color:#fff!important;
    font-weight:600;
}

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

@media (max-width:991px){

.grid-2{
    grid-template-columns:1fr;
    gap:40px;
}

}

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

@media (max-width:768px){

.contact-main{
    padding:60px 0;
}

/* Full Width */
.container{
    width:100%;
    max-width:100%;
    padding:0;
}

.grid-2{
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* Left First */
.info-side{
    order:1;
    width:100%;
    padding:0 20px;
}

/* Form Bottom */
.form-side{
    order:2;
    width:100%;
}

.glass-form{
    width:100%;
    border-radius:0;
    padding:25px 20px;
}

.info-side h2{
    font-size:30px;
}

.publish-list li{
    font-size:15px;
}

/* Force Forminator Full Width */

.forminator-row,
.forminator-col{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
}

.forminator-field{
    width:100% !important;
}

.forminator-input,
.forminator-textarea,
.forminator-select{
    width:100% !important;
}

.forminator-button-submit{
    width:100% !important;
}

}

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

@media (max-width:480px){

.info-side{
    padding:0 15px;
}

.glass-form{
    padding:20px 15px;
}

.info-side h2{
    font-size:26px;
}

}