.contact-1 {
 background: var(--dark-grad) , url(/img/contact-bg.jpg) no-repeat 50% 50%;
 background-size: cover;
 padding: 240px 0px;
}

.contact-2 .card {
 height: 250px;
}

.contact-2 .card-body {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.contact-2 .card .fa-location-arrow {
 font-size: 64px;
}

.contact-2 .card a {
 text-decoration: none;
 color: unset;
}

.contact-2 .card svg {
 width: 60px;
 height: 60px;
}

.contact-2 .card h4 {
 margin-top: 30px;
}

.contact-4 {
 background: var(--dark-grad), url(/img/client-bg.png) no-repeat 50% 50%;
 background-size: cover;
}

.cs-form {
 max-width: 1000px;
 margin: 80px auto;
 display: flex;
 flex-wrap: wrap;
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 overflow: hidden;
 background-color: #fff;
}

.cs-form .contact-info {
 background-color: var(--primary);
 color: #fff;
 padding: 40px;
 flex: 1 1 300px;
}

.cs-form .contact-info h4 {
 font-weight: 600;
 margin-bottom: 25px;
}

.cs-form .contact-info p,
.cs-form .contact-info a {
 color: #fff;
 text-decoration: none;
 margin-bottom: 15px;
 display: block;
}

.cs-form .form-area {
 flex: 2 1 400px;
 padding: 40px;
}

.cs-form .form-area h4 {
 font-weight: 600;
 margin-bottom: 10px;
 color: #002244;
}

.cs-form .form-area p {
 color: #6c757d;
 margin-bottom: 30px;
}

.cs-form .btn-send {
 background-color: var(--primary);
 border: none;
 padding: 10px 30px;
 color: #fff;
 border-radius: 50px;
 transition: 0.3s;
}

.cs-form .btn-send:hover {
 background-color: #d11;
}