.tudid-nav-action,
.driver-ui-button,
.tudid-reference-button,
.see-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.faq-item .faq,
.blog-prev,
.blog-next,
.driver-ui-section .dot,
.language-dropdown-toggle {
    border: 0;
}

.faq-item .faq {
    width: 100%;
}

.tudid-blog-card {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 991px) {
    .site-nav .main-nav-bar {
        width: 100%;
        max-width: none;
        min-height: 70px;
        margin: 0;
        padding-inline: 20px;
    }

    .site-nav .left-container {
        width: auto;
        min-width: 0;
    }

    .site-nav .left-container > .nav-dropdown,
    .site-nav .tudid-nav-action {
        display: none;
    }

    .site-nav .left-container > a:first-child img {
        width: 132px;
        max-width: 42vw;
    }

    .site-nav .mobile-menu-toggle {
        display: block;
        margin-inline-start: auto;
        flex: 0 0 auto;
    }

    .main-back-screen {
        min-height: 640px;
    }

    .main-back-screen .center-text {
        width: 100%;
        padding-inline: 24px;
        text-align: center;
    }

    .main-back-screen .center-text h1,
    .main-back-screen .center-text h2 {
        width: 100%;
        text-align: center;
        white-space: nowrap;
    }

    .mobile-menu-panel .mobile-menu-panel-inner {
        width: 100%;
        max-width: 520px;
        margin-inline: auto;
        padding-inline: 16px;
    }

    .mobile-menu-panel .mobile-nav-dropdown > .nav-dropdown-toggle {
        padding-block: 12px;
        padding-inline-start: 44px;
        padding-inline-end: 16px;
    }

    .mobile-menu-panel .mobile-nav-dropdown > .nav-dropdown-toggle::after {
        right: auto;
        left: 18px;
    }

    body.ltr .mobile-menu-panel .mobile-nav-dropdown > .nav-dropdown-toggle::after {
        right: 18px;
        left: auto;
    }

    .mobile-menu-panel .mobile-nav-dropdown:not(.is-open) > .nav-dropdown-menu {
        display: none !important;
    }

    .mobile-menu-panel .mobile-nav-dropdown.is-open > .nav-dropdown-menu {
        display: block !important;
    }
}

@media (max-width: 575px) {
    .main-back-screen {
        min-height: 570px;
    }

    .main-back-screen .center-text h2 {
        font-size: 28px;
    }

    .main-back-screen .center-text h1 {
        font-size: 48px;
    }

    body.rtl .main-back-screen .center-text h1 {
        width: 4.5em;
        margin-inline: auto;
        white-space: normal;
        line-height: 1.15;
    }
}

/* CMS homepage: retain the reference layout with dynamic content. */
.main-back-screen {
    min-height: 720px;
}

.main-back-screen .center-text {
    z-index: 2;
}

.main-back-screen .center-text h2 {
    margin-bottom: 8px;
    font-size: clamp(34px, 3.2vw, 62px);
    line-height: 1.05;
}

.main-back-screen .center-text h1 {
    font-size: clamp(72px, 7vw, 138px);
    line-height: .9;
    text-transform: none;
}

.map-iran-all {
    height: auto;
}

.map-iran-all .toper-div {
    height: auto;
    min-height: 650px;
    padding-block: 70px;
    gap: 80px;
}

.map-iran-all .map-left-div {
    width: min(48%, 620px);
    flex: 0 1 620px;
}

.map-iran-all .map-left-div img {
    display: block;
    width: 100%;
    height: auto;
}

.map-iran-all .map-right-div {
    flex: 1 1 480px;
}

.map-iran-all .map-right-div > p:first-child {
    margin-bottom: 18px;
}

.map-iran-all .map-right-div h2 {
    max-width: 620px;
    font-size: clamp(40px, 4.4vw, 72px);
    line-height: 1.08;
}

.map-iran-all .map-right-div > p:nth-of-type(2) {
    max-width: 580px;
    font-size: 18px;
}

.map-panel-action {
    display: flex;
    justify-content: flex-start;
}

.tudid-reference-button {
    min-width: 200px;
    padding: 11px 24px;
    border: 1px solid #662d91;
    border-radius: 15px;
    color: #662d91;
    background: transparent;
}

.map-iran-all .bottom-div {
    height: auto;
    min-height: 190px;
}

.brands.owl-carousel .owl-item {
    height: 190px;
}

.brands.owl-carousel .brands-logo {
    width: auto !important;
    max-width: 125px;
    max-height: 105px;
}

.div-poster-moving .tudid-nav-action {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    min-width: 200px;
    margin: 0;
    transform: translate(-50%, -50%);
}

.tudid-blog {
    height: auto;
    min-height: 760px;
    padding-block: 80px;
}

.tudid-blog-image img {
    display: block;
    background: #d8d8d8;
}

.tudid-blog .owl-stage {
    display: flex;
}

.tudid-blog .owl-item,
.tudid-blog-card {
    height: 100%;
}

body.ltr footer,
body.ltr footer p,
body.ltr footer a,
body.ltr footer li {
    color: #fff;
}

body.ltr footer .etc {
    align-items: center;
}

footer :where(a, p, li, span) {
    font-size: 16px !important;
}

@media (min-width: 992px) {
    body.ltr .site-nav .main-nav-bar,
    body.ltr .site-nav .left-container {
        flex-direction: row-reverse;
    }

    body.ltr .driver-ui-content,
    body.ltr .map-iran-all .toper-div {
        flex-direction: row-reverse;
    }

    body.rtl .site-nav .main-nav-bar,
    body.rtl .site-nav .left-container {
        flex-direction: row-reverse;
    }

    body.rtl .driver-ui-content,
    body.rtl .map-iran-all .toper-div,
    body.rtl .FAQ-concon {
        flex-direction: row-reverse;
    }
}

@media (max-width: 991px) {
    .map-iran-all .toper-div {
        min-height: 0;
        padding-block: 60px;
        gap: 35px;
    }

    .map-iran-all .map-left-div {
        width: min(100%, 520px);
        flex-basis: auto;
    }

    .map-iran-all .map-right-div {
        flex-basis: auto;
        max-width: 620px;
    }

    .div-poster-moving .tudid-nav-action {
        top: 58%;
        min-width: 170px;
    }

    .tudid-blog {
        min-height: 0;
    }
}

@media (max-width: 575px) {
    .map-iran-all .map-right-div h2 {
        font-size: 34px;
    }

    .map-iran-all .map-right-div > p:nth-of-type(2) {
        margin-block: 24px !important;
        font-size: 16px;
    }

    .map-iran-all .bottom-div,
    .brands.owl-carousel .owl-item {
        min-height: 130px;
        height: 130px;
    }

    .div-poster-moving .tudid-nav-action {
        top: 63%;
        min-width: 140px;
        padding: 8px 15px;
    }
}