.sssp-contact-section{
    padding:100px 0;
    background:#faf7f2;
}

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

.sssp-contact-left h2{
    font-size:42px;
    color:#6d1111;
    margin-bottom:20px;
}

.sssp-contact-left p{
    color:#666;
    line-height:30px;
}

.sssp-contact-form-card{

    background:#fff;

    border-radius:20px;

    padding:40px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.form-group{

    position:relative;

    margin-bottom:25px;
}

.form-control{

    width:100%;

    border:1px solid #ddd;

    border-radius:10px;

    padding:16px;

    font-size:15px;

    transition:.3s;
}

.form-control:focus{

    border-color:#8b1d1d;

    outline:none;

    box-shadow:none;
}

.form-group label{

    position:absolute;

    left:16px;

    top:15px;

    background:#fff;

    padding:0 5px;

    transition:.3s;

    color:#888;

    pointer-events:none;
}

.form-control:focus + label,
.form-control:not(:placeholder-shown) + label,
textarea.form-control:focus + label,
textarea.form-control:not(:placeholder-shown)+label{

    top:-9px;

    font-size:12px;

    color:#8b1d1d;
}

.sssp-btn{

    width:100%;

    border:none;

    padding:16px;

    border-radius:50px;

    background:#7B1E1E;

    color:#fff;

    font-size:16px;

    font-weight:600;

    transition:.3s;
}

.sssp-btn:hover{

    background:#b58a2d;

    color:#fff;
}

.info-box{

    display:flex;

    gap:15px;

    margin-bottom:25px;
}

.info-box .icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#7B1E1E;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;
}

@media(max-width:991px){

.sssp-contact-wrapper{

grid-template-columns:1fr;

}

}