/* The English contact page shares the Persian visual system with a natural LTR flow. */
@import url("../../../per/assets/css/contact-modern.css");

.contact-modern {
    direction: ltr;
    font-family: Muli, Arial, sans-serif;
}

.contact-hero__overlay {
    background:
        linear-gradient(270deg, rgba(4, 22, 59, .58) 0%, rgba(4, 21, 58, .84) 52%, rgba(3, 15, 43, .98) 100%),
        linear-gradient(180deg, rgba(4, 20, 54, .13) 0%, rgba(3, 14, 40, .73) 100%);
}

.contact-hero__grid {
    -webkit-mask-image: linear-gradient(270deg, transparent 5%, #000 100%);
    mask-image: linear-gradient(270deg, transparent 5%, #000 100%);
}

.contact-hero__ring--one {
    right: -190px;
    left: auto;
}

.contact-hero__ring--two {
    right: auto;
    left: -170px;
}

.contact-hero__content {
    margin-right: auto;
    margin-left: 0;
}

.contact-hero h1 {
    max-width: 720px;
    line-height: 1.12;
    letter-spacing: -2.2px;
}

.contact-hero__content > p {
    max-width: 650px;
    line-height: 1.8;
}

.contact-hero__status {
    right: 0;
    left: auto;
}

.contact-channel::after {
    right: -70px;
    left: auto;
}

.contact-channel p {
    line-height: 1.75;
}

.contact-channel__body > a:not(.contact-channel__contact):hover {
    transform: translateX(3px);
}

.contact-channel__contact:hover {
    transform: translateX(3px);
}

.contact-section-heading h2,
.contact-location__heading h2 {
    line-height: 1.16;
    letter-spacing: -1.2px;
}

.contact-section-heading > p {
    line-height: 1.8;
}

.contact-guide::after {
    right: auto;
    left: -120px;
}

.contact-guide h3 {
    line-height: 1.35;
}

.contact-guide__content > p {
    line-height: 1.75;
}

.contact-field__control > i {
    right: auto;
    left: 17px;
}

.contact-field input,
.contact-field input[dir="ltr"] {
    padding-right: 15px;
    padding-left: 45px;
    text-align: left;
}

.contact-field textarea {
    padding-right: 15px;
    padding-left: 45px;
    text-align: left;
}

.contact-security {
    padding-right: 0;
    padding-left: 14px;
}

.contact-security input {
    border-right: 0;
    border-left: 1px solid var(--contact-line);
}

.contact-submit i {
    transform: rotate(28deg);
}

.contact-map__badge {
    right: auto;
    left: 30px;
}

@media (max-width: 991px) {
    .contact-hero__content {
        margin-right: auto;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .contact-hero__overlay {
        background: linear-gradient(180deg, rgba(3, 16, 44, .76), rgba(3, 16, 44, .91) 55%, rgba(3, 13, 37, .98));
    }

    .contact-hero h1 {
        line-height: 1.12;
        letter-spacing: -1.2px;
    }

    .contact-hero__content > p {
        line-height: 1.75;
    }

    .contact-security label {
        margin-right: 0;
        margin-left: auto;
    }

    .contact-map__badge {
        right: auto;
        left: 17px;
    }
}