/* #region FAQ */
.home_Faq_Section .even-columns {
    display: flex;
    gap: 3rem;
}

.home_Faq_Section .even-columns > div {
    flex: 1;
}

@media (min-width: 992px) {
    .home_Faq_Section .title_Component {
        text-align: unset;
    }

    .home_Faq_Section .title_Component_Main {
        margin-inline: unset;
    }

    .home_Faq_Section .title_Component_Title {
        left: unset;
        translate: unset;
    }
}
.home_Faq_Section .request_Consult {
    text-align: center;
    margin-top: 2.5rem;
}

@media (max-width: 991px) {
    .home_Faq_Section .img_Wrapper {
        margin-inline: calc(50% - 50vw);
    }

    .home_Faq_Section .even-columns {
        flex-direction: column-reverse;
    }

    .home_Faq_Section .request_Consult {
        margin-top: 2rem;
    }
}

.services_Faq {
    overflow: hidden;
}

.services_Faq__Wrapper {
    flex: 1;
}

.services__Faq__desc {
    line-height: 32px;
}

.services_Faq__Item__Wrapper {
    font-weight: var(--fw-700);
    margin-bottom: 8px;
    background-color: var(--mc5);
}

.services_Faq__Item__Wrapper:hover {
    background-color: var(--bw-fade-3);
}

.Faq__desc_Inner {
    font-weight: 300 !important;
}

.services_Faq__Item {
    padding-block: 24px;
    padding-inline: 24px;
}

.services_Faq__Item__Wrapper:not(:last-child) .services_Faq__Item {
    transition: var(--transition);
}

.services_Faq__Item.active {
    padding-bottom: 0;
}

.services_Faq__title {
    cursor: pointer;
    color: var(--tc2);
    font-weight: 300 !important;
    align-items: center;
}

.services_Faq__title .WbIcon {
    --iconUrl: url(../Images/chev-down.svg);
    --icon-mr: 0.5rem;
    transform: rotate(0);
    --icon-color: var(--tc2);
    --icon: 1rem;
}

.services_Faq__Item.active .WbIcon {
    transform: rotate(180deg);
}

.services__Faq__desc {
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transition);
    color: var(--bw-fade-4);
    font-weight: var(--fw-600);
}

.Faq__desc_Inner {
    overflow: hidden;
}

.Faq__desc_Inner ul {
    margin: 0;
}

.services_Faq__Item.active .services__Faq__desc {
    grid-template-rows: 1fr;
    padding-bottom: 24px;
}

.services_Faq__img {
    flex: 1;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* #endregion */
/* #region about us */
.about-us-top-content {
    background-color: #f5f5f5;
    width: 100%;
    padding-top: 75px;
    padding-inline: 48px;
    padding-bottom: 58px;
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
}

.about-us-top {
    position: relative;
    margin-bottom: 250px;
}

.about-us-top > img {
    position: absolute;
    left: 4%;
    top: 75px;
}

.about-us-top-content p {
    font-size: var(--fz-md);
    font-weight: 300;
    line-height: 27.2px;
    text-align: justify;
    color: var(--tc2);
    max-width: 700px;
}

.about-us-top-content p span {
    font-weight: 600;
}

.about-us-bottom-right {
    position: absolute;
    top: 50%;
    right: 48px;
    translate: 0 -50%;
}

.about-us-bottom {
    background-color: #f5f5f5;
    width: 100%;
    padding: 60px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-bottom: 261px;
}

@media (max-width: 991px) {
    .about-us-top {
        margin-bottom: 82px;
    }

    .about-us-top-content {
        padding-top: 2rem;
        padding-bottom: 200px;
        padding-inline: 1rem;
        position: static;
        display: block;
        margin-inline: auto;
    }

    .about-us-top > img {
        position: static;
        display: block;
        margin-inline: auto;
        margin-top: -35%;
    }

    .about-us-bottom-right-mb {
        position: static;
        display: block;
        margin-inline: auto;
        margin-bottom: -35%;
    }

    .about-us-bottom {
        flex-direction: column-reverse;
        gap: 2rem;
        padding-inline: 1rem;
        padding-top: 20px;
        padding-bottom: 0;
        margin-bottom: 160px;
    }

    .about-us-bottom > div {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

/* #endregion */
.contact-us-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10vw;
    aspect-ratio: 5.1;
    margin-inline: calc(50% - 50vw);
    margin-bottom: var(--main-space);
    position: relative;
}

@media (max-width: 991px) {
    .contact-us-banner {
        flex-direction: column;
        gap: 1.5rem;
        padding-block: 40px;
    }
}

.contact-us-banner > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: grayscale(1) contrast(0.85);
}

.contact-us-banner > div {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    text-align: center;
    padding-inline: 12px;
    padding-block: 1rem;
    border: 1px dashed #f5f5f5;
    width: 193px;
    height: 230px;
}



.contact-us-banner a {
    color: #fff !important;
}

.banner-header p {
    color: var(--mc2);
    font-size: var(--fz-md);
}

.banner-header > img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(84%) saturate(3925%) hue-rotate(342deg) brightness(100%)
        contrast(102%);
    margin-bottom: 8px;
}

.contact-us-banner .d-flex {
    gap: 1rem;
    align-items: center;
}

.contact-us-banner .tel-link {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--fz-md);
}

.container:has(.contact-us-map) {
    padding: 3rem;
    background-color: var(--mc5);
}

.contact-form-heading h2 {
    border-bottom: unset !important;
    color: var(--TC-1, #212121) !important;
    text-align: justify;
    font-family: Kalameh;
    font-size: var(--fz-lg) !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}

.contact-form-subHeading h2 {
    border-bottom: unset !important;
    color: var(--TC-2, #4f4f4f) !important;
    text-align: justify;
    font-family: Kalameh;
    font-size: var(--fz-md) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.contact-us-map {
    display: flex;
    justify-content: flex-end;
}

.rtl .LiveForm.Default .Field.Required.Required.Required.Required :is(input, textarea, select) {
    border-right: unset !important;
    border: 1px solid var(--mc3) !important;
    border-radius: unset !important;
    height: 52px !important;
    padding-right: 1rem !important;
    font-family: "Kalameh";
    color: var(--tc1) !important;
    font-size: var(--fz-md) !important;
}

.rtl .LiveForm.Default .Field.Required.Required.Required.Required textarea {
    height: 210px !important;
}

.rtl .LiveForm.Default .Field.Required.Required.Required.Required :is(input, textarea)::placeholder {
    color: var(--TC-4, #a7a7a7);
    text-align: right;
    font-family: inherit !important;
    font-size: var(--fz-md) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.LiveForm.Default ul.page-break-section .Field {
    padding: 6px 12px !important;
}

#consultForm .modal-header {
    justify-content: center;
    align-items: center;
}

#consultForm .modal-title {
    font-size: var(--fz-xxl);
    color: var(--tc1);
}

#consultForm .close {
    position: absolute;
    right: 1rem;
    --icon-color: #000;
}

@media (min-width:992px) {
    #consultForm .modal-header {
        padding-top: 3rem;
    }

    #consultForm .modal-body {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    #consultForm .modal-dialog {
        max-width: 600px;
    }
}

.LiveForm.Default.Default.Default.Default.Default.Default.Default input[type="submit"] {
    background: var(--MC-4, #e65a19) !important;
    width: 121px;
    height: 47px !important;
    padding: 6px 16px;
    gap: 10px;
}

.LiveForm.Default.Default input[type="submit"]:hover {
    box-shadow: unset !important;
}

.container:has(.contact-us-map) {
    padding: 15px !important;
    flex-direction: column-reverse;
    margin-bottom: var(--main-space);
}

.LiveForm.Default ul.page-break-section,
.LiveForm.Default .thank-you {
    padding: 0 !important;
}

/* home about */
.home-about {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 80px;
    margin-bottom: var(--main-space);
}

.home-about-bottom {
    background-color: var(--mc5);
    padding: 48px;
    display: flex;
    align-items: flex-end;
    gap: 50px;
    margin-top: 48px;
    position: relative;
}

.home-about-right > p {
    font-size: var(--fz-md);
    font-weight: 300;
    line-height: 27.2px;
    text-align: justify;
    color: var(--tc2);
}

.home-about-right > p > span {
    font-weight: 700;
}

.home-about-bottom .ServiceList_Card .see-more {
    display: none;
}

.home-about-bottom .mainArticleWrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-about-brands a {
    max-width: 127px;
    margin-bottom: 40px;
    display: block;
    margin-inline: auto;
    display: flex;
    justify-content: center;
}

.ServiceList_Out.active .ServiceList_Card {
    background-color: var(--mc3);
    --color: #fff;
}

.ServiceList_Out.active .ServiceList_Card img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%)
        contrast(104%);
}

.home-about-bottom .ServiceList_Card__Content {
    display: none;
}

.home-about-bottom .ServiceList_Card {
    position: static;
}

.home-about-bottom .ServiceList_Card__Content {
    position: absolute;
    left: 48px;
    top: 48px;
    max-width: 365px;
    text-align: justify;
    color: var(--tc2);
    font-weight: 300;
}

.home-about-bottom .ServiceList_Out.active .ServiceList_Card__Content {
    display: block;
}

.header__CategoryBtn.active {
    background: #fff;
    color: var(--tc1);
    border: 1px solid var(--mc3);
    --icon-color: var(--mc1);
}

.header__CategoryBtn.active .WbIcon {
    rotate: 180deg;
}

.home-about-bottom .ServiceList_Card__ImgBox {
    margin-bottom: 0;
}

.home-about-bottom .ServiceList_Card {
    cursor: pointer;
}

.home-about-bottom .ServiceList_Card {
    padding-block: 8px;
    padding-inline: 1rem;
}

@media (min-width: 992px) {
    .home-about > img {
        width: 443px;
    }
}

@media (max-width: 991px) {
    .home-about > img {
        display: none;
    }

    .home-about-bottom .ServiceList_Card__Content {
        position: static;
        color: #fff;
        margin-top: 1rem;
    }

    .home-about-bottom {
        flex-direction: column;
    }

    .home-about-bottom {
        padding-block: 2rem;
        padding-inline: 1rem;
    }
}

/* home brands */
.home-brands-wrapper {
    position: relative;
    margin-bottom: var(--main-space);
    aspect-ratio: 4;
    display: flex;
    align-items: center;
}

.home-brands-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/Portals/0/Images/home-brands.webp) no-repeat;
    z-index: -1;
    background-size: cover;
    filter: grayscale(1);
}

@media (max-width: 991px) {
    .home-brands-wrapper {
        aspect-ratio: 1.5;
    }
}

.home-faq {
    display: flex;
    gap: 40px;
    margin-bottom: var(--main-space);
}

@media (max-width: 991px) {
    .home-faq > img {
        display: none;
    }
}

.home-info .container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.home-info .container > div {
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    position: relative;
}

.home-info .container > div > div {
    width: 180px;
    position: relative;
    z-index: 2;
}

.home-info .container > div::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 121px;
    border: 1px dashed #f5f5f5;
    top: -5%;
    left: -5%;
}

.home-info {
    aspect-ratio: 4;
    position: relative;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: calc(50% - 50vw);
    margin-bottom: var(--main-space);
}

.home-info::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/Portals/0/Images/home-info.webp) no-repeat;
    z-index: -1;
    background-size: cover;
    filter: grayscale(1);
}

.home-info::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #424242cc;
    z-index: 0;
}

.home-info-stat.home-info-stat.home-info-stat {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 46.88px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--mc3);
    margin-bottom: 0.75rem;
}

.home-info p {
    font-family: Kalameh;
    font-size: var(--fz-md);
    font-weight: 600;
    line-height: 27.2px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
}

.blogListSlider {
    margin-bottom: var(--main-space);
}

.home-new-prod {
    margin-bottom: var(--main-space);
}

@media (max-width: 991px) {
    .home-info {
        aspect-ratio: 1.27/1;
    }

    .home-info-stat.home-info-stat.home-info-stat {
        font-size: 2rem;
    }

    .home-info .container > div::before {
        width: 90px;
        height: 81px;
        top: 2%;
        left: -2%;
    }

    .home-info .container {
        flex-wrap: wrap;
        row-gap: 41px;
    }

    .home-info .container > div > div {
        width: 140px;
        margin-left: 8px;
    }

    .home-info p {
        font-size: 12px;
    }
}

/* home slider */
.wbSlides__Info {
    z-index: 2;
    top: 35%;
    padding-right: 10%;
}

.wbSlides__Title {
    display: none;
}

.wbSlides__Desc p {
    line-height: normal;
    color: #fff;
}

.wbSlides__Desc {
    margin-bottom: 1.5rem;
}

.wbSlides__Info .btnStyle_Primary {
    margin-inline: auto;
}

.wbSlides__Media {
    aspect-ratio: 2.4/1;
    width: 100%;
    overflow: hidden;
    margin-top: -2px;
    position: relative;
}

.wbSlides__Media::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000000ad;
}

@media (max-width: 991px) {
    .wbSlides__Media {
        aspect-ratio: 1/1.1;
    }

    .wbSlides__Info {
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        margin-bottom: 1.5rem;
        padding-right: unset;
    }

    .wbSlides__Desc {
        width: 300px;
    }

    .wbSlides__Desc * {
        font-size: 1.5rem !important;
        text-align: center;
    }

    .wbSlides__Media > * {
        height: 100%;
        object-fit: cover;
    }

    .slick-dots {
        bottom: 18px;
        left: 50%;
        translate: -50%;
    }

    .slick-dots li button {
        width: 24px !important;
        height: 2px !important;
    }

    .slick-dots li.slick-active button {
        width: 48px !important;
    }

    .slick-arrow.slick-arrow.slick-arrow.slick-arrow {
        bottom: 1rem !important;
        width: 24px !important;
        height: 24px !important;
        background-color: #fff !important;
        --icon-color: var(--mc1);
        --icon: 14px;
    }

    .slick-arrow.slick-arrow.slick-arrow.slick-next {
        left: 1rem !important;
    }

    .slick-arrow.slick-arrow.slick-arrow.slick-prev {
        left: unset !important;
        right: 1rem !important;
    }
}

.ajax-minicart-box {
    position: relative;
}

.ajax-minicart-box::before {
    content: "سبد خرید";
    margin-left: 8px;
    font-size: var(--fz-sm);
    color: var(--tc2);
    display: inline-block;
}

/* ----------------------------------------------------------------- */
/* ------------------ Meeting Module Rest Style (START)------------- */
/* ----------------------------------------------------------------- */

#WB_Meeting_Front {
    margin: 4rem 0 2rem;
}

#WB_Meeting_Front>.MuiBox-root:first-child button,
.record-meeting-search>.MuiGrid-root>.MuiGrid-root:last-child button,
.record-meeting-form>.MuiGrid-root>.MuiGrid-root:last-child>.MuiStack-root>.MuiBox-root:last-child button,
.MuiDialog-container>.MuiPaper-root button {
    border-radius: var(--border-radius);
    background-color: var(--mc1);
    border: 1px solid var(--mc1);
}

#WB_Meeting_Front>.MuiBox-root:first-child .MuiButton-outlined,
.MuiDialog-container>.MuiPaper-root button.MuiButton-outlined,
.record-meeting-form>.MuiGrid-root>.MuiGrid-root:last-child>.MuiStack-root>.MuiBox-root:last-child button.MuiButton-outlined {
    background-color: transparent;
    color: var(--mc1);
}

.MuiDialog-container>.MuiPaper-root button:has(svg),
.MuiBox-root:has(>button>svg) + .MuiBox-root button {
    background-color: transparent;
    border: none;
}

.record-meeting-search>.MuiGrid-root>.MuiGrid-root>.MuiFormControl-root {
    width: 100%;
}

.record-meeting-search>.MuiGrid-root>.MuiGrid-root fieldset,
.record-meeting-form>.MuiGrid-root>.MuiGrid-root>.MuiStack-root .MuiFormControl-root fieldset {
    border-radius: var(--border-radius);
}

.record-meeting-search>.MuiGrid-root>.MuiGrid-root>.MuiFormControl-root>.MuiInputBase-root.Mui-focused fieldset,
.record-meeting-form>.MuiGrid-root>.MuiGrid-root>.MuiStack-root .MuiFormControl-root .Mui-focused fieldset,
.MuiDialog-container>.MuiPaper-root .Mui-focused fieldset {
    border: 1px solid var(--mc1);
}

.record-meeting-search>.MuiGrid-root>.MuiGrid-root>.MuiFormControl-root label.Mui-focused,
.record-meeting-form>.MuiGrid-root>.MuiGrid-root>.MuiStack-root .MuiFormControl-root label.Mui-focused,
.MuiDialog-container>.MuiPaper-root label.Mui-focused {
    color: var(--mc1);
}

.Mui-checked {
    color: var(--mc1) !important;
}

.record-meeting-search>.MuiGrid-root>.MuiGrid-root:last-child {
    padding: 1.5rem 0 2rem;
}

.record-meeting-filter {
    display: flex;
    justify-content: center;
}

.record-meeting-filter button {
    border-radius: var(--border-radius);
    border: 1px solid var(--mc1);
    background-color: transparent;
    color: var(--mc1);
}

.record-meeting-search>.MuiGrid-root>.MuiGrid-root:last-child button:disabled,
#WB_Meeting_Front button:disabled {
    opacity: 0.5;
}

.MuiLoadingButton-loadingIndicator {
    color: #000 !important;
}

.record-meeting-filter {
    margin-bottom: 1rem;
}

.record-meeting-filter button:hover {
    border: 1px solid var(--mc1);
}

.record-meeting-filter button.MuiButton-contained {
    background-color: var(--mc1);
    color: #fff;
}

.record-meeting-filter button.MuiButton-contained:hover {
    background-color: var(--mc1);
    color: #fff;
}

.pannel__title {
    padding: 0.75rem 0 2rem;
}

.MuiPagination-ul>li button {
    border-radius: var(--border-radius);
}

.MuiDialog-container>.MuiPaper-root {
    border-radius: var(--border-radius);
    max-width: 800px;
    width: 80%;
}

.MuiDialog-container>.MuiPaper-root .MuiInputBase-root {
    border-radius: var(--border-radius);
}

.Mui-selected {
    background-color: var(--mc1) !important;
    color: #fff !important;
}

#simple-popover .MuiBox-root:has(>button),
#simple-popover .MuiBox-root:has(>button):active {
    background-color: #dfdfdf !important;
}

.MuiClock-pin,
.MuiClockPointer-root,
.MuiClockPointer-thumb {
    background-color: var(--mc1) !important;
}

.MuiClockPointer-thumb {
    border: 16px solid var(--mc1) !important;
}

.Toastify {
    display: none;
}

.DNNModuleContent.ModWBMeetingBackC {
    display: none;
}

@media (max-width: 991px) {
    .record-meeting-search>.MuiGrid-root>.MuiGrid-root:last-child button {
        margin-top: 1.25rem;
    }    
}

@media (max-width: 575px) {
    .record-meeting-search>.MuiGrid-root>.MuiGrid-root {
        padding-top: 1.5rem;
    }    

    .record-meeting-search>.MuiGrid-root>.MuiGrid-root:last-child button {
        margin-top: 0;
    }
}

body:has(.record-meeting-search) .MuiMenu-list li[data-value="3"] {
    display: none;
}

#WB_Meeting_Front,
#WB_Meeting_Front>* {
    direction: rtl;
}

#SettingsMeeting .MuiButton-containedPrimary {
    background-color: #198754;
}


/* ----------------------------------------------------------------- */
/* ------------------ Meeting Module Rest Style (END)--------------- */
/* ----------------------------------------------------------------- */



/* not selectable elements */

.main-title {
    user-select: none;
}