.contact-section {
     padding: 0 0 200px 0;
}

.contact-section .contact-boxes {
     transform: translate(0%, -30%);
     width: 100%;
}

.contact-section .contact-boxes .contact-box {
     border-radius: 10px;
     border: 1px solid var(--primary-color);
     background: var(--white);
     box-shadow: 0px 4px 4px 0px rgba(53, 18, 91, 0.15);
     padding: 30px 20px;
     min-height: 190px;
     height: 100%;
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: space-around;
     max-width: 420px;
     margin-bottom: 20px;
     width: 100%;
}

.contact-section .contact-boxes .contact-box .icon-box {
     background: var(--primary-color);
     width: 54px;
     height: 54px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--white);
     font-size: 1.5rem;
}

.contact-section .contact-boxes .contact-box .contact-detail {
     text-align: center;
}

.contact-section .contact-boxes .contact-box .contact-detail a {
     color: var(--primary-color);
     font-weight: bold;
     font-size: 1.125rem;
     text-decoration: none;
}

.contact-section .contact-form {
     border-radius: 25px;
     border: 1px solid var(--primary-color);
     background: var(--white);
     box-shadow: 0px 4px 4px 0px rgba(53, 18, 91, 0.15);
     padding: 20px;
     margin-top: -50px;
}

.contact-section .contact-form .contact-form-img img {
     width: 100%;
     height: 100%;
     border-radius: 25px;
}

.contact-section .contact-form form h1,.contact-section .contact-form form h2 {
     font-weight: bold;
     font-size: 2rem;
}

.contact-section .contact-form form p {
     font-weight: 500;
}

.contact-section .contact-form form .form-control {
     border-radius: 5px;
     border: 1px solid var(--primary-color) !important;
     background: var(--white);
     margin: 7.5px 0;
     padding: 8px;
     font-size: 0.875rem;
}

.contact-section .contact-form form .rfp-btn {
/*     display: flex;*/
     padding: 6px 10px;
/*     justify-content: center;*/
     align-items: center;
     width: fit-content;
/*     gap: 10px;*/
     border-radius: 133px;
     background: var(--primary-color);
     margin-top: 15px;
}

.contact-section .contact-form form .rfp-btn .btn {
     padding: 0 20px;
     text-decoration: none;
     color: var(--white);
     font-size: 1.125rem;
     font-weight: 700;
     border: none;
}

.contact-section .contact-form form .rfp-btn:hover {
     background: var(--primary-gradient);
}

.contact-section .contact-form form .rfp-btn:hover .btn {
     color: var(--primary-color);
}

.contact-section .contact-form form .form-control.select {
     background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath fill="%23888888" d="M0 0l5 6 5-6z"/%3E%3C/svg%3E');
     background-repeat: no-repeat;
     background-position: right 10px center;
     background-size: 10px;
}

/* Form validations */

.error {
     color: red;
     font-weight: 400;
     font-size: 0.75rem;
}

input.valid.success-alert,
textarea.valid.success-alert {
     border: 2px solid #4caf50;
}

input.error,
textarea.error {
     border: 1px dashed red;
     font-weight: 300;
     color: red;
}

.form-messege.success {
     color: green;
     text-transform: uppercase;
     font-style: italic;
     font-weight: 400;
     font-size: 0.75rem;
}

.form-messege.error {
     color: red;
     text-transform: capitalize;
     font-style: italic;
     font-weight: 400;
     font-size: 0.75rem;
}