.contact__inner {
    display: flex;
    width: 1100px;
    justify-content: space-between;
    align-items: center;
}

.contact {
    background-color: #F8F8F8;
    margin-top: 0.4rem;
    padding: 8rem 0;
    margin-bottom: 7rem;
}
.contact.dark-mode{
    background-color: #05060d;
}
.contact__inner__left {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.contact__inner__right iframe {
    width: 40rem;
    height: 40rem;
}

.contact__inner__left .bottom ul li {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: 0.8rem;
}

.contact__inner__left .bottom ul li img {
    width: 2rem;
}

.contact__inner__left .img_wrapper img {
    height: 30rem;
    object-fit: cover;
    width: auto;
}

.contact__inner__left .top h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
}

.contact__inner__left .top p {
    font-style: normal;
    line-height: 19px;
}

.contactForm__inner__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3.5rem;
    margin-bottom: 3rem;
}

.contactForm__inner__main {
    display: none;
    gap: 1.5rem;
}
.company_contact{
    display: none;
}
.contactForm__inner__main.active{
    display: flex;
}

.contactForm__inner__main .social_icons img {
    width: 2rem;
}

.contactForm__inner__main .social_icons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contactForm__inner__main .form_address {
    display: flex;
    border: 2px solid #d2d2d2;
    width: calc(100% - 7rem);
    border-radius: 5px;
}

.contactForm__inner {
    width: 900px;
    margin-bottom: 10rem;
}

.contactForm__inner__main .form_address > div {
    padding: 2rem 2.5rem;
}
.robotCheck_submit {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
    align-items: center;
}
.contactForm__inner__main .form_address .address {border-right: 2px solid #c5c3c3;text-align: center;}

.contactForm__inner__main .form_address .address h3 {
    color: #000;
    font-weight: 600;
    font-size: 1.8rem;
    white-space: nowrap;
}

.contactForm {
    font-family: "inter", sans-serif;
}

.contactForm h2, .contactForm h3 {
    color: #000;
    font-weight: 600;
}

.contactForm__inner__main .form_address .address .item {
    margin-top: 2rem;
}

.contactForm__inner__main .form_address .address .item h4 {
    font-weight: 600;
}
.contactForm .form__items {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 1.7rem;
}

.contactForm .form__items label {
    display: block;
    margin-bottom: 3px;
}

.contactForm .form__items input {
    width: 100%;
    border: 1px solid #b6b5b5;
    border-radius: 4px;
    height: 3.5rem;
}

.contactForm .form__items .form_item {
    flex: 1;
    min-width: 17.5rem;
}

.contactForm .form__items textarea {
    width: 100%;
    height: 11rem;
    border-radius: 4px;
    border: 1px solid #b6b5b5;
}
.robotCheck_submit .robotCheck {
    display: flex;
    align-items: center;
    background-color: #fafaff;
    border-radius: 3px;
    width: 25rem;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid gainsboro;
}

.robotCheck_submit .robotCheck .spinner img {
    max-height: 3.2rem;
    width: auto;
}

.robotCheck_submit .robotCheck .spinner {
    text-align: center;
}

.robotCheck_submit .robotCheck .spinner a {
    font-size: 1rem;
}

.robotCheck_submit .robotCheck .spinner .privacy {
    line-height: 13px;
}

.robot input[type="checkbox"] {
    width: 2rem;
    height: 2rem;
    border: 1px solid gainsboro;
}

.robotCheck_submit .robotCheck .robot {
    display: flex;
    gap: 5px;
    align-items: center;
}

.robotCheck_submit button.submit {
    background-color: #636161;
    height: 3.4rem;
    padding: 0 3rem;
    border-radius: 2rem;
    color: #fff;
}

.contactForm__inner__top button {
    border: 1px solid #cecece;
}
.contactForm__inner__top button.group {
    padding: 5px 2rem;
    border-radius: 2rem;
    margin-right: -3rem;
    padding-right: 3rem;
}
.contactForm__inner__top button.active {
    background-color: #089cb8;
    color: white;
    border: 1px solid #089cb8;
    position: relative;
    z-index: 1;
}

.contactForm__inner__top button.company {
    padding: 5px 1.8rem;
    border-radius: 2rem;
    padding-left: 3.5rem;
}
.contactForm h2 {
    margin-bottom: 0;
}
.dark-mode .contact__inner__left .top h3 {
    color: white;
}

.dark-mode .contactForm h2,.dark-mode .contactForm h3 {
    color: white;
}

.dark-mode .contactForm__inner__main .form_address .address h3 {
    color: white;
}

.arabic__lang .contact__inner {
    flex-direction: row-reverse;
}

.arabic__lang .contact__inner__left {
    flex-direction: row-reverse;
    text-align: right;
}

.arabic__lang .contact__inner__left .bottom ul li {
    flex-direction: row-reverse;
}
.arabic__lang .contactForm__inner__top {
    flex-direction: row-reverse;
}

.arabic__lang .contactForm__inner__main.group_contact.active {
    flex-direction: row-reverse;
}

.arabic__lang .contactForm__inner__main .form_address {
    flex-direction: row-reverse;
    text-align: right;
}

.arabic__lang .contactForm__inner__main .form_address .address {
    border-right: unset;
    border-left: 2px solid #c5c3c3;
}

.arabic__lang .robotCheck_submit {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 1199px) {
    .contact__inner{
        width: 765px;
    }
    .contactForm__inner {
        width: 760px;
    }
    .contact__inner__right iframe {
        width: 27rem;
        height: 27rem;
    }
}
@media only screen and (max-width: 767px) {
    .contact__inner{
        width: 450px;
    }
    .contact__inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5rem;
    }
    .contactForm__inner__main .form_address .address {
        border: 0;
    }
    
    .contactForm__inner__main .form_address {
        flex-wrap: wrap;
        justify-content: center;
    }
    .contactForm__inner__main .form_address .form h3{
        padding: 2rem;
        text-align: center;
    }
    .contactForm__inner__main .form_address .form .form__items{
        padding: 2rem;
    }
    .contactForm__inner {
        width: 450px;
    }
    .robotCheck_submit {
        flex-wrap: wrap;
        justify-content: center;
    }

}
@media only screen and (max-width: 458px) {
    .contact__inner{
        width: 90%;
    }
    .contactForm__inner {
        width: 95%;
    }
    .robotCheck_submit .robotCheck{
        width: 22rem;
    }
    .contact__inner__left .img_wrapper img {
        height: 15rem;
    }
    .contact__inner__right img {
        max-width: 100%;
    }
    .contactForm__inner__top{
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
    }
    .contactForm .form__items{
        margin-top: 0;
    }
    .contact{
        padding: 5rem 0;
    }
}