﻿/* @font-face {
    font-family: "Pinar";
    src: url("../Font/Pinar-V3-lczchn/ttf/Pinar-VF[DSTY,KSHD,wght].ttf");
} */

@font-face {
    font-family: "Pinar";
    src: url("../Font/Pinar-DS2-FD-Regular.ttf");
}

@font-face {
    font-family: "pinarEN";
    src: url("../Font/Pinar-V3-lczchn/woff2/Pinar-VF[DSTY,KSHD,wght].woff2");
}

*:has(.MotammamAppbar),
body:has(.MotammamAppbar) {
    font-family: "Pinar" !important;
    font-size: 18px;
    color: #000;
}

*:has(.MotammamAppbar img[src="images/Motamam-Images/Motamam-logo-en.svg"]),
body:has(.MotammamAppbar img[src="images/Motamam-Images/Motamam-logo-en.svg"]) {
    font-family: "pinarEN" !important;
}

*:has(.MotammamAppbar) .Detail-news-head {
    font-size: 24px;
}

body:has(.MotammamAppbar)
.container:has(.card.mb-2 .card-body [for="ModuleDef"]) {
    margin-top: 85px;
}

.fw-700 {
    font-weight: 700;
}

.fw-600 {
    font-weight: 600;
}

.mt-40 {
    margin-top: 40px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.MotammamAppbar .mud-toolbar-appbar {
    justify-content: space-between;
}

.MotammamAppbar {
    box-shadow: 15px 10px 11.1px -2px #2f398d14;
    background-color: #fff;
    justify-content: center;
}

.Motamam-Menu .mud-navmenu a p {
    color: #000;
    font-family: "Pinar";
}

.Motamam-Menu .mud-menu-item,
.Motamam-Menu .mud-nav-item {
    width: auto;
}

.Motamam-Footer {
    background-color: #223869;
    padding: 40px 0px;
    margin-top: 40px;
}

    .Motamam-Footer .Footer-Brands {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.Footer-Brands swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Motamam-Footer .Motamam-salogn {
    color: #c19853;
    border-top: 1px solid #ffffff6b;
    border-bottom: 1px solid #ffffff6b;
    padding: 14px 0px;
    font-size: 16px;
}

.Motamam-Footer .Motamam-Footer-Item ul {
    padding: 0;
}

    .Motamam-Footer .Motamam-Footer-Item ul li {
        list-style: none;
        margin-bottom: 16px;
        font-size: 14px;
    }

        .Motamam-Footer .Motamam-Footer-Item ul li a {
            color: #fff;
        }

body:has(.Motamam-Banner) .container-fluid,
body:has(.Motamam-Banner) .row.px-4,
.container-fluid:has(.Kimia-ContentBody),
.row.px-4:has(.Kimia-ContentBody),
.container-fluid:has(.Project-Detail-block) {
    padding: 0px !important;
}

.MotamamWeb-TabContainer .nav-pills .nav-link,
.nav-pills .nav-link {
    border: unset;
}

.MotamamWeb-Btn:not( .MiniBtn, .MiniBtnEn, .Project-tab-content .MotamamWeb-Btn ) {
    width: 187px !important;
}

.MotamamWeb-Btn {
    background: linear-gradient(180deg, #50d8b4 0%, #27b18d 100%);
    height: 42px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
    font-size: 14px;
    margin: 0 !important;
}

.motamam-about h2 {
    color: #dd5900;
    font-weight: 600;
}

.motamam-about-Content p {
    color: #000;
}

.Motamam-Tab-Nav li {
    border: 1px solid #d9d9d9;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    width: 152px;
    /* padding: 20px 16px 24px; */
}

    .Motamam-Tab-Nav li button:focus:not(:focus-visible) {
        outline: unset;
    }

.Mtmm-WebProjects-tabs li,
#mtmm-project-tab li {
    border: 1px solid #d9d9d9;
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.Motamam-Tab-Nav li button {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
    height: 150px;
    justify-content: space-between;
    border: unset;
    padding: 0;
}

    .Motamam-Tab-Nav li button img {
        margin-bottom: 14px;
    }

.Motamam-Tab-Nav {
    border: unset;
    justify-content: space-between;
}

    .Motamam-Tab-Nav li:has(button.active),
    #mtmm-project-tab li:has(button.active) {
        border-bottom: 0;
        background-color: transparent;
    }

    .Motamam-Tab-Nav li button span {
        line-height: 28px;
        font-weight: 700;
        color: #81848d;
    }

#mtmm-project-tab li {
    width: 129px;
}

.Motamam-Tab-Nav li button.active span {
    color: #36959a;
}

.Motamam-Tab-Nav.nav.nav-pills .nav-link.active,
.Motamam-Tab-Nav.nav.nav-pills .nav-link:focus,
.Motamam-Tab-Nav.nav.nav-pills .nav-link:hover,
#mtmm-project-tab .nav-link.active,
#mtmm-project-tab .nav-link:hover,
#mtmm-project-tab .nav-link:focus {
    background-color: unset;
    border-color: unset;
    border: unset;
}

.MotamamWeb-TabContainer,
.container-fluid:has(.home-tab) .container-fluid:first-child {
    box-shadow: -5px 3px 16.8px 4px #2f398d1a;
    border-radius: 8px;
    padding: 40px 0px !important;
    margin-bottom: 64px;
}

.Motamam-TabContentBlock {
    display: flex;
}

.mtmm-title-color {
    color: #dd5900;
}

.MotamamWeb-TabContainer h4 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
}

.Motamam-TabContentBlock p {
    line-height: 38px;
}

.Motamam-tabContent-right {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.MotamamWeb-title.mtmm-title-color h2 {
    font-weight: 600;
    padding-right: 20px;
    margin-bottom: 32px;
}

/*****Motamam Web Project*****/
.Motamam-project-TabContent-box .project-itemBox {
    box-shadow: 11px 9px 18.5px -8px #2f398d2e;
    border-radius: 8px;
    margin-bottom: 16px;
    width: 94%;
}

    .Motamam-project-TabContent-box .project-itemBox a {
        border-radius: 8px;
        overflow: hidden;
    }

.project-TabContent-numberbox {
    background: #ffe4d2;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dd5900;
    font-size: 32px;
    font-weight: 600;
}

.Motamam-project-TabContent-box.d-flex > div.d-flex .project-itemBox-textBlock {
    padding: 20px;
    width: 100%;
}

.Motamam-project-TabContent.tab-content {
    margin-top: 32px;
}

.project-TabContentBox-title {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 16px;
}

.project-TabContentBoxDesc p {
    font-size: 16px;
}

#mtmm-project-tab .nav-link.active {
    color: #159ebd;
    font-size: 16px;
    font-weight: 600;
}

#mtmm-project-tab .nav-link:not(#mtmm-project-tab .nav-link.active) {
    color: #585555;
    font-size: 16px;
    font-weight: 600;
}
/* .Detail-Related-News .Mtmm-LeftNews-Block{
    display: flex;
} */

.fancybox__toolbar.is-absolute .f-button {
    margin-top: 16px;
    margin-right: 16px;
}

.fancybox__slide {
    padding: 24px !important;
}

.News-Arshive-List {
    display: flex;
    flex-wrap: wrap;
}

.Mtmm-NewsSection h2 {
    font-weight: 700 !important;
}

@media (min-width: 600px) {
    .motamam-about-Content {
        padding-inline-end: 16px;
    }

    .Mtmm-Tags:first-child {
        /* margin-right: 32px; */
    }

    .share-button img {
        width: 26px;
    }

    .rezept-show-comments h2 {
        font-size: 24px;
    }

    .row.px-4:has(.Project-Detail-block),
    body:has(.MotammamAppbar) .row.px-4 {
        padding: 0 !important;
    }

    .Project-Detail-Items,
    .Show-project-gallery {
        width: 50%;
    }

    body:has(.MotammamAppbar) span.app-moduletitle {
        font-size: 24px;
    }

    .fs-lg-24 {
        font-size: 24px;
    }

    .MotammamAppbar {
        height: 82px;
        background-color: white !important;
    }

    .motamamWeb-title h2 {
        font-size: 24px;
    }

    .Picture-report-arshiveBtn {
        margin-left: 20px;
    }

    .Report-imgs-title h2 {
        font-size: 24px;
    }

    .detail-picture-report-title {
        font-size: 32px;
    }

    .detail-picture-report:not(.Show-project-gallery .detail-picture-report) {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .Show-project-gallery .detail-picture-report {
        grid-template-columns: 1fr 1fr;
    }

    .detailnews-body video {
        float: left;
        width: 50%;
        padding-right: 30px;
    }

    .detailnews-body-en video {
        float: right !important;
        padding-right: 0px !important;
        padding-left: 30px;
    }

    .LeftNewsList {
        margin-right: 10px;
    }

    .RightNewsList {
        margin-left: 10px;
    }

    .detailnews-body img:not(.detailnews-info img, .detailnews-content img) {
        width: 45%;
    }

    #Mtmm-detail-news-content {
        margin-top: 56px;
    }

    .Mtmm-WebProjects-Block {
        display: flex;
    }

    .Motamam-TabContent,
    .home-Motamam-TabContentBlock {
        padding: 32px;
    }

    .Motamam-Copyright {
        font-size: 12px;
    }

    .project-TabContent-numberbox {
        width: 15%;
    }

    .MotamamWeb-title.mtmm-title-color h2 {
        font-size: 22px;
    }

    .Motamam-swiper .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
    }

    .Motamam-tabContent-right {
        padding-left: 16px;
    }

    .mud-table .mud-table-cell:first-child .mud-icon-root.mud-svg-icon {
        fill: var(--mud-palette-primary);
    }

    .VideoThemplate img {
        width: 100%;
        border-radius: 8px;
        /* margin-bottom: 40px;  */
    }

    .detailnews > .detailnews-body {
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: 50px;
        gap: 24px;
    }

    .Main-PictureReport-Albums.Img-Media-Themplate a {
        width: 100%;
        /* aspect-ratio: 7.7 / 9; */
        object-fit: cover;
    }

    .Img-Media-Themplate img {
        width: 100%;
        object-fit: cover;
        border-radius: 8px;
        /* aspect-ratio: 4/3; */
    }

    .Arshive-alboum img {
        height: 180px;
    }
}

.MotamamWeb-TabContainer .Motamam-Tab-Nav li.nav-item:has(button.active),
.Mtmm-WebProjects-tabs li.nav-item:has(button.active) {
    background-color: #fff;
}

.MotamamWeb-TabContainer .Motamam-Tab-Nav li.nav-item,
.Mtmm-WebProjects-tabs li.nav-item {
    background-color: #d9d9d947;
}

.container-fluid:has(.Motamam-swiper),
.row.px-4:has(.Motamam-swiper) {
    padding: 0 !important;
}

.Motamam-project-TabContent.tab-content {
    overflow-y: scroll;
}

    .Motamam-project-TabContent.tab-content .tab-pane {
        max-height: 408px;
        /* scrollbar-color: #D9D9D9;  */
    }
    /* فقط برای مرورگرهای WebKit (Chrome, Safari, Edge) */
    .Motamam-project-TabContent.tab-content::-webkit-scrollbar,
    .Tab-News-block::-webkit-scrollbar,
    #pills-tabContent-two::-webkit-scrollbar {
        width: 6px !important;
    }

    .Motamam-project-TabContent.tab-content::-webkit-scrollbar-track,
    .Tab-News-block::-webkit-scrollbar-track,
    #pills-tabContent-two::-webkit-scrollbar-track {
        background-color: #d9d9d9 !important;
        border-radius: 8px;
    }

    .Motamam-project-TabContent.tab-content::-webkit-scrollbar-thumb,
    .Tab-News-block::-webkit-scrollbar-thumb,
    #pills-tabContent-two::-webkit-scrollbar-thumb {
        background-color: #dd5900 !important;
        border-radius: 8px;
    }

.motamam-about {
    display: flex;
}

.container.Mtmm-WebProjects,
.container.MotamamWeb-TabContainer,
.motamam-about {
    margin-top: 65px;
}

.container.Mtmm-WebProjects {
    margin-bottom: 64px;
}

.Motamam-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #6ff6d2;
}

.Motamam-swiper
.swiper-pagination-bullet:not( .swiper-pagination-bullet.swiper-pagination-bullet-active ) {
    background: #6ff6d2;
    opacity: 0.4;
}

.Motamam-swiper .slide {
    position: relative;
}

.mottamam-green-color {
    color: #36979b;
}

.Motamam-swiper .mottamam-green-color {
    font-weight: 700;
}

.Motamam-swiper span.swiper-title-home {
    position: absolute;
    top: 40px;
    right: 0;
    margin: auto;
    font-weight: bold;
    padding-inline-start: 60px;
}

.Arshive-alboum {
    margin-top: 40px;
}

@media (min-width: 600px) and (max-width: 959px) {
    .Motamam-swiper span.swiper-title-home {
        top: 26px;
        line-height: 28px;
        font-size: 21px;
    }

    .Motamam-Tab-Nav li button span {
        font-size: 18px;
    }
}

@media (min-width: 1280px) {
    .Motamam-swiper span.swiper-title-home {
        max-width: 1320px;
    }
}

@media (max-width: 599px) {
    .News-base-Media,.Tab-News-block{
        margin-bottom: 40px;
    }
    .News-Base.Arshive-News .MotamamWeb-Btn.ArshiveBtn.MiniBtn{left: 15px;}
    .News-imagegallry .News-imageWrapper {
        row-gap: 22px;
    }

    .Tag-section:has(.Mtmm-Tags):before {
        right: 15px;
    }

    .Mtmm-Tags:first-child {
        margin-right: 40px;
    }

    .BackToArshive {
        padding-left: 15px;
    }

    .social-icons img {
        width: 26px;
    }

    .share-button img {
        width: 22px;
    }

    .Project-Detail-Items.printable {
        padding: 0px 16px;
    }

    .detailnews-content .detailnews-info {
        flex-wrap: wrap;
        margin-bottom: 12px;
    }

        .detailnews-content .detailnews-info p {
            margin: 0;
            padding: 2px;
        }

    .rezept-show-comments h2 {
        font-size: 16px;
    }

    body:has(.MotammamAppbar) span.app-moduletitle {
        font-size: 16px;
    }

    .Detail-Related-News .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items img,
    .LeftNewsList
    .Mtmm-LeftNews-Block
    .Mtmm-LeftNews-Block-Items
    img:not( .News-Base.Arshive-News.LeftNewsList .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items img ) {
        width: 105px;
        height: 106px;
        object-fit: cover;
    }

    .contact-infobox ul li a,
    .contact-infobox.box3 span,
    .contact-infobox.box1 {
        line-height: 25px;
        font-size: 14px;
    }

    .detail-picture-report-title {
        font-size: 19px;
        line-height: 28px;
        font-weight: 600;
    }

    .Motamam-TabContentBlock {
        padding: 24px 16px 0px;
    }

    .Arshive-News.LeftNewsList .Mtmm-LeftNews-Content h4,
    .Mtmm-News-Base-Content h4,
    .News-Base h4 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hs-xs-padding {
        padding: 0px 15px !important;
    }

    .container.News-Base-Tab {
        padding: 0 !important;
    }

    .News-Base-Tab .nav-pills.nav-link {
        height: 47px !important;
    }

    .Mtmm-News-Base-Block-Items,
    .News-Base.Arshive-News .Mtmm-LeftNews-Block-Items {
        flex-direction: column;
        gap: 16px;
    }

    .Mtmm-News-Base-Block .Mtmm-News-Base-Block-Items img,
    .Arshive-News a > img {
        /* width: 100% !important; */
    }

    .Arshive-News.LeftNewsList .Mtmm-LeftNews-Content h4,
    .Mtmm-News-Base-Content h4,
    .News-Base h4 {
        font-size: 14px !important;
    }

    span.News-Base-kiker {
        font-size: 12px !important;
    }

    .fs-xs-18 {
        font-size: 18px;
    }

    .Img-Media-Themplate {
        gap: 20px;
    }

    .MotammamAppbar {
        height: 62px;
    }

    .Picture-report-arshiveBtn.MotamamWeb-Btn.ArshiveBtn {
        margin-left: 15px;
    }

    .News-Arshive-List {
        padding: 0px 17px;
    }

    .Arshive-alboum {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
        gap: 0 !important;
    }

    .detailnews-body video {
        margin-bottom: 8px;
        width: 100%;
    }

    body:has(.MotammamAppbar) .container {
        padding: 0px 16px;
    }

    .Motamam-TabContent {
        padding: 32px 16px;
    }

    .MotamamWeb-TabContainer {
        padding: 32px 0px 0px !important;
    }

    .Motamam-Copyright {
        font-size: 10px;
    }

    .Footer-Social {
        justify-content: center;
    }

    .Footer-Brands img {
        max-width: 42px;
        max-height: 42px;
    }

    .Motamam-Footer .Motamam-Footer-Menu {
        flex-direction: column;
    }

    .project-TabContentBoxDesc p {
        font-size: 16px;
    }

    .Mtmm-WebProjects-Contents-Items {
        margin-top: 40px;
    }

    .project-TabContent-numberbox {
        width: 18%;
    }

    .Motamam-project-TabContent-box.d-flex > div.d-flex {
        width: 100%;
    }

    #pills-tabContent-two .Motamam-project-TabContent-box {
        padding: 0px 16px;
    }

    .Motamam-Tab-Nav li button span {
        font-size: 16px;
    }

    *:has(.MotammamAppbar),
    body:has(.MotammamAppbar) {
        font-size: 16px;
    }

    .detailnews-info p {
        line-height: 22px !important;
    }

    body:has(.MotammamAppbar) p {
        line-height: 32px;
    }

    .motamam-about h2 {
        font-size: 18px;
    }

    .MotamamWeb-title.mtmm-title-color h2 {
        font-size: 16px;
    }

    .Motamam-Tab-Nav,
    .nav.nav-pills.mb-3.Project-tab {
        flex-wrap: nowrap;
        overflow-x: scroll;
        flex-grow: 1;
        justify-content: start;
    }

    #pills-tab-two .nav-link {
        height: 100%;
    }

    .Mtmm-WebProjects-tabs ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        .Mtmm-WebProjects-tabs ul li {
            flex: 0 0 auto;
        }

    .Motamam-Tab-Nav li button img {
        height: 60px;
        width: auto;
    }

    .nav-pills
    .nav-link:not(.News-Base-Tab .nav-pills .nav-link, .Project-tab .nav-link) {
        height: 97px;
    }

    .News-Base-Tab .nav-pills .nav-link {
        height: 42px;
    }

    .MotamamWeb-TabContainer .nav-pills .nav-link {
        width: 170px;
    }

    body:has(.MotammamAppbar) .container-fluid {
        padding: 0 !important;
    }

    .Motamam-swiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .Motamam-Menu .MobileMenu button {
        padding: 0;
    }

    .Motamam-swiper {
        /*        padding-top: 66px;*/
    }

        .Motamam-swiper h1 {
            top: 13px;
            line-height: 28px;
            font-size: 18px;
        }

    .Mtmm-WebProjects-Block {
        flex-wrap: wrap;
    }

    .Detail-news-head {
        padding: 16px 0px; 
    }

    .News-imageWrapper .detail-picture-report {
        font-size: 14px;
    }

    .detailnews-body img:not(.detailnews-info img, .News-imagegallry img) {
        max-width: 100%;
        margin-bottom: 24px;
        height: auto;
    }

    #Mtmm-detail-news-content {
        margin-top: 38px;
    }
}

@media (max-width: 959px) {
    body:has(.Motamam-Menu .mud-drawer--open) {
        overflow-y: hidden;
    }

    .Motamam-Menu svg {
        fill: #50d8b4 !important;
    }

    .Motamam-Menu
    .MobileMenu
    .mud-navmenu.mud-navmenu-default
    .mud-nav-link.active:not(.mud-nav-link-disabled) {
        background-color: transparent;
    }

    .Motamam-Menu .MobileMenu .mud-nav-link .mud-nav-link-text {
        color: #000;
    }

    .Motamam-Menu
    .MobileMenu
    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open {
        width: 65%;
        /*        backdrop-filter: blur(5px);*/
        background: #fff;
    }

    .Motamam-Menu .MobileMenu .mud-drawer-header {
        padding: 12px 15px 12px 24px;
    }

    .Mtmm-Mobilemeu .flagEnBlock {
        padding: 0px 15px;
        align-items: center;
    }

    .Motamam-Mobile-Search {
        /* background: #50d8b4; */
        height: 36px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 12px;
    }

        .Motamam-Mobile-Search > div {
            width: 100%;
        }

    .motamam-aboutImg,
    .Motamam-tabContent-left {
        display: none;
    }

    .MotammamAppbar {
        padding: 6px 0px;
    }

        .MotammamAppbar .mud-toolbar-appbar {
            padding: 0px;
        }

    .Motamam-Menu .MobileMenu {
        float: inline-end;
    }

    .Motamam-header-left {
        display: none;
    }

    .content:has(.Detail-news-head) {
        margin-top: 13px;
    }
}

@media (min-width: 960px) {
    .Motamam-Menu .mud-nav-link .mud-nav-link-text {
        margin: unset;
    }

    .content:has(.Detail-news-head) {
        margin-top: 0;
    }

    .Motamam-header-left {
        display: flex;
    }

    .Motamam-Tab-Nav li button span {
        font-size: 24px;
    }

    .Mtmm-WebProjects-Contents-Items,
    .Mtmm-WebProjects-Block-Map {
        width: 50%;
    }

    .Motamam-swiper span.swiper-title-home {
        top: 48px;
        line-height: 60px;
        font-size: 32px;
    }

    .motamam-about-Content p {
        line-height: 38px;
    }
}

.Mtmm-RightNews-Block,
.Mtmm-LeftNews-Block-Items {
    /* box-shadow: 2px 13px 23.5px -10px #2F398D2E; */
    border-radius: 8px;
    padding: 16px;
    box-shadow: 11px 9px 18.5px -8px #2f398d2e;
}

.Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items {
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
}

.Detail-Related-News .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items {
    margin-bottom: 60px;
}

.Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items img {
    border-radius: 4px;
}

swiper-container::part(bullet) {
    background: #6ff6d2;
    opacity: 0.4;
}

swiper-container::part(bullet-active) {
    background-color: #6ff6d2;
}

swiper-container::part(bullet),
swiper-container::part(bullet-active) {
    width: 16px;
    height: 16px;
}

.Mtmm-RightNews-Block h4,
.Mtmm-LeftNews-Block .Mtmm-LeftNews-Content h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px;
}

    .Mtmm-LeftNews-Block
    .Mtmm-LeftNews-Content
    h4:not(.Arshive-News.LeftNewsList .Mtmm-LeftNews-Content h4),
    .Mtmm-RightNews-Content h4 {
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

span.publishDate {
    font-size: 12px;
    color: #585555;
}

.Mtmm-NewsDesc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 28px;
    color: #585555;
    margin: 0;
}

.Mtmm-RightNews-Content {
    margin-top: 16px;
}

.Mtmm-LeftNews-Block-Items {
    padding: 8px 16px;
}

.MotamamWeb-Btn.ArshiveBtn {
    float: left;
    width: 84px;
}

.mtmm-title-color h2 {
    font-weight: 600;
}

.Mtmm-NewsSection {
    margin: 40px auto 20px;
}

.Img-Media-Themplate {
    justify-content: space-around;
    /* margin-bottom: 40px; */
    gap: 20px;
}

.detail-picture-report-title {
    font-weight: 600;
}

.Report-imgs-title h2 {
    font-weight: 600;
    margin-bottom: 24px;
}

.container-fluid:has(.VideoThemplate),
.row.px-4:has(.VideoThemplate) {
    padding-left: 0 !important;
    padding-right: 0;
}

.container-fluid:has(.Img-Media-Themplate)
/* .row.px-4:has(.Img-Media-Themplate),
.col-md-6:has(.Img-Media-Themplate)*/ {
    padding-right: 0 !important;
    padding-left: 0;
}

#Mtmm-detail-news-content {
    position: relative;
}

.detailnews-body img:not(.detailnews-info img, .detailnews-content img) {
    float: left;
    margin-inline-start: 1.5rem;
    object-fit: contain;
    border-radius: 4px;
}

.detailnews-body-en img:not(.detailnews-info img, .detailnews-content img) {
    float: right !important;
}

.detailnews-content-en .Deatil-description {
    border-right: 0px solid #dd5900 !important;
    border-left: 8px solid #dd5900;
}

.detailnews-content h1 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
    margin: 16px 0px;
}

.detailnews-content .detailnews-info {
    display: flex;
    gap: 4px;
    font-size: 12px;
}

.Deatil-description {
    margin-bottom: 24px;
}

.DetailBody,
.Deatil-description {
    font-size: 18px;
    line-height: 38px;
}

.detailnews-content {
    /* margin-bottom: 130px; */
}

    .detailnews-content .Subtitle {
        font-weight: bold;
        font-size: 15px;
    }

.container-fluid:has(.Detail-news-head) {
    background: #ffe4d2;
    padding: 20px 0px 10px;
}

.Detail-news-head span {
    color: #dd5900;
    font-weight: bold;
}

.container-fluid:has( .motamam-about, .detailnews, .Detail-Related-News, .MotamamWeb-title, .Mtmm-RightNews-Block, .Mtmm-LeftNews-Block, .Mtmm-NewsSection ),
.row.px-4:has( .motamam-about, .detailnews, .Detail-Related-News, .MotamamWeb-title, .Mtmm-LeftNews-Block, .Mtmm-NewsSection, .Mtmm-RightNews-Block ) {
    padding: 0 !important;
}
/* body:has(.detailnews) .container-fluid,body:has(.detailnews) .row.px-4{
        padding: 0!important;
    } */
.detailnews p strong {
    font-weight: 600;
}

.detailnews-info img {
    width: 16px;
    margin-left: 6px;
}

.Detail-Related-News {
    margin-bottom: 64px;
}

.Mtmm-RightNews-Block img {
    /* height: 249px; */
    width: 100%;
    aspect-ratio: 12/7;
    border-radius: 4px;
    object-fit: cover;
}

.swiper-wrapper {
    gap: 20px;
}

.LeftNewsList img {
    border-radius: 4px;
}

swiper-slide {
    padding: 0px 14px;
}

.Mtmm-NewsSection h2 {
    margin: 0;
}

.container.Mtmm-NewsSection .row {
    align-items: center;
}

.Alboum-Block {
    box-shadow: 2px 13px 23.5px -10px #2f398d2e;
    padding: 24px;
    border-radius: 16px;
}

    .Alboum-Block h4 {
        margin-top: 16px;
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.detail-picture-report {
    display: grid;
    gap: 20px;
    margin-bottom: 40px;
}

    .detail-picture-report img {
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
        aspect-ratio: 6 / 5;
        object-fit: cover;
        border: 1px solid #ccc;
    }

.Arshive-pageination .mud-pagination-item .mud-button-label {
    padding-top: 4px;
}

@media (max-width: 559px) {
    .Report-imgs-title h2 {
        font-size: 18px;
    }

    .detail-picture-report {
        grid-template-columns: 1fr 1fr;
    }

    .Mtmm-NewsSection {
        padding: 0px 32px !important;
    }

    .LeftNewsList {
        margin-top: 24px;
        padding: 0px 16px;
    }

    .motamam-about {
        padding: 0px 16px;
    }

    .VideoThemplate img {
        width: 100%;
        border-radius: 8px;
        margin-bottom: 40px;
    }

    .detailnews > .detailnews-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
        gap: 0px;
    }

    .RightNewsList .Mtmm-RightNews-Block {
        margin-bottom: 55px;
    }

    .container.Mtmm-NewsSection .col-md-6,
    .Mtmm-TitleBtn-Block .col-md-6 {
        width: 50%;
    }

    .Mtmm-RightNews-Block img {
        width: 100%;
    }

    .Mtmm-RightNews-Block {
        min-height: unset;
        margin-bottom: 24px;
    }

    .Alboum-Block {
        padding: 16px;
    }

        .Alboum-Block img {
            border-radius: 8px;
        }

    .Img-Media-Themplate img {
        width: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }

    .Img-Media-Themplate:not(.Img-Media-Themplate.Arshive-alboum) {
        justify-content: center;
        /* padding-right: 30px; */
        left: 18px;
        /* padding-left: 30px; */
        width: 100%;
    }

    .ImgMedia-Title {
        padding-right: 16px;
    }

    .VideoThemplate {
        margin-bottom: 40px;
        padding: 0px 0px;
    }

    .Mtmm-NewsSection h2 {
        font-size: 18px;
    }
}

/****About-us**/
.On-title {
    margin-bottom: 16px;
}

.Outlook-aboutBox {
    background: #edfffa;
}

.Mission-aboutbox,
.Outlook-aboutBox {
    padding: 24px;
    border-radius: 8px;
}

.Mission-aboutbox {
    background: #f7f6fb;
}

.about-feature h3 {
    font-size: 22px;
    font-weight: 600;
}

.row.about-feature {
    align-items: center;
    margin-bottom: 64px;
}

    .row.about-feature p {
        line-height: 38px;
    }

.about-feature ul {
    list-style: none;
    padding: 0;
    margin-top: 16px;
}

    .about-feature ul li {
        margin-bottom: 8px;
    }

.about-imgRow {
    display: flex;
    justify-content: space-between;
    margin: 40px 0px;
    align-items: center;
}

.container-fluid:has( .Contact-us-block, .Monagheseh-Arshive, .Tab-News-block, .Mtmm-News-Base-Block, .News-base-Media, .News-base-video ),
.row.px-4:has( .Contact-us-block, .Tab-News-block, .Mtmm-News-Base-Block, .News-base-Media, .News-base-video ) {
    padding: 0 !important;
}

.Contact-us-block .contact-banner {
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
}

.contact-infoBlock {
    padding-top: 80px !important;
}

.Contact-us-block h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
}

.contact-infobox {
    box-shadow: 5px 7px 6.7px 0px #bebebe8a;
    background: #f8f7f5;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-weight: 600;
    line-height: 34px;
}

    .contact-infobox.box1 {
        max-width: 288px;
    }

    .contact-infobox.box2 {
        max-width: 382px;
    }

    .contact-infobox.box3 {
        max-width: 592px;
    }

    .contact-infobox h6 {
        color: #dd5900;
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 16px;
    }

    .contact-infobox img {
        width: 22px;
    }

body:has(.Contact-us-block) {
    min-height: 150vh;
}

.Contact-us-block {
    background-image: url(/images/Motamam-Images/contact-banner.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 632px;
}

.contact-infobox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .contact-infobox ul li {
        gap: 8px;
    }

        .contact-infobox ul li a {
            font-weight: 600;
            color: #000;
        }

.Kimia-Design p {
    line-height: 38px;
}

/**Monaghseha**/

.Monagheseh-Arshive .Monagheseh-Arshive-Block {
    box-shadow: 5px 7px 6.7px 0px #bebebe8a;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 24px;
}

.Monagheseh-Arshive-Content {
    padding: 16px;
}

.Monagheseh-Arshive img.img-head {
    border-radius: 8px 8px 0px 0px;
    height: 210px;
    width: 100%;
    object-fit: cover;
}

.Monagheseh-Arshive {
    flex-wrap: wrap;
    justify-content: space-between;
}

span.Monagheseh-Arshive-Kiker {
    font-size: 14px;
    font-weight: 600;
}

.Monagheseh-Arshive h4 {
    font-weight: 400;
    color: #000;
    font-size: 17px;
    margin: 12px 0px;
    line-height: 25px;
    /* display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.Monagheseh-Arshive-Summery {
    line-height: 28px;
    font-size: 16px;
}

.Monagheseh-Arshive-Btns {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.Recive-doc {
    color: #2e9f81;
    font-size: 15px;
    font-weight: 600;
    width: 50%;
    display: flex;
    justify-content: center;
}

    .Recive-doc img {
        margin-left: 3px;
        object-fit: contain;
    }

.Arshive-News.LeftNewsList .Mtmm-LeftNews-Block {
    margin-bottom: 16px;
}

.Arshive-News.LeftNewsList .Mtmm-LeftNews-Content h4,
.Mtmm-News-Base-Content h4,
.News-Base h4 {
    font-weight: 600;
    color: #dd5900;
    line-height: 28px;
    font-size: 18px;
    margin: 8px 0px;
}

.Mtmm-News-Base-Block {
    box-shadow: 11px 9px 18.5px -8px #2f398d2e;
    background: #ffffff;
    border-radius: 8px;
    padding: 16px;
}

    .Mtmm-News-Base-Block .Mtmm-News-Base-Block-Items img {
        width: 272px;
        height: 100%;
        border-radius: 4px;
    }

.Mtmm-News-Base-Content {
    padding-right: 16px;
}

    .Mtmm-News-Base-Content h4 {
        margin: 8px 0px;
    }

span.News-Base-kiker {
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.News-base-Media-Item {
    border: 1px solid #c6cfd2;
    border-radius: 8px;
    padding: 16px;
    min-height: 356px;
}

    .News-base-video h4,
    .News-base-Media-Item h4,
    .Project-contentBox h4 {
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        margin-top: 12px;
        color: #000;
        height: 50px;
    }

    .News-base-Media-Item img {
        width: 251px;
        height: 165px;
        object-fit: cover;
        border-radius: 4px;
    }

.News-base-Media-Item,
.News-base-video-item {
    margin-bottom: 65px;
}

.News-Base-Tab li {
    border: 1px solid #d9d9d9;
    flex-grow: 1;
}

    .News-Base-Tab li button {
        background-color: transparent !important;
        width: 100%;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #585555 !important;
    }

.News-Base-Tab ul {
    border: unset !important;
    box-shadow: unset;
}

.News-Base-Tab li.nav-item:has(button.active) {
    background-color: #fff;
    border-bottom: 0;
}

.News-Base-Tab li button.active {
    color: #159ebd !important;
}

.News-Base-Tab li.nav-item {
    background-color: #d9d9d947;
}

.News-Base-Tab .tab-content {
    border: unset !important;
}

.Tab-News-block .Tab-News-block-Item {
    border: 0.5px solid #d9d9d9;
    margin-bottom: 8px;
    min-height: 52px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 8px;
    border-right: 4px solid #159ebd;
    margin-left: 8px;
}
    /* .Tab-News-block .Tab-News-block-Item::before{
    position: absolute;
    content: '';
    width: 4px;height: 100%;
    background-color:#159EBD ;
    border-radius: 8px;
} */
    .Tab-News-block .Tab-News-block-Item a h4 {
        color: #2e2929;
        font-size: 13px;
        font-weight: 600;
        margin: 0;
        line-height: 28px;
    }

.Show-shadow {
    position: relative;
}

    .Show-shadow::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 80px;
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(248, 250, 255, 1) 100% );
    }

.Tab-News-block {
    height: 421px;
    overflow-y: scroll;
}

.Tab-News-block-Item:last-child,
.Motamam-project-TabContent-box:last-child {
    position: relative;
    z-index: 2;
}

.Show-shadow.Show-shadow-MainPage::after {
    height: 150px !important;
    z-index: 2;
    bottom: 25px !important;
}

.category-block {
    display: none;
}

    .category-block.active {
        display: block;
    }

.tab-nav {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

    .tab-nav button {
        padding: 6px 12px;
        border: 1px solid #ccc;
        background-color: #f5f5f5;
        cursor: pointer;
        border-radius: 4px;
    }

        .tab-nav button.active {
            background-color: #e0e0e0;
            font-weight: bold;
            border-color: #aaa;
        }

.Project-tab li {
    border: 1px solid #d9d9d9;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
}

#pills-tab-two li {
    min-width: 140px;
    flex-grow: 1;
}

#pills-tab-two .nav-link {
    width: 100%;
    font-size: 16px !important;
}

.Project-tab li button {
    font-weight: 600 !important;
    font-size: 18px !important;
    /* color: #000!important; */
}

.Project-tab li.nav-item:has(.nav-link.active) {
    background-color: #fff;
    border-bottom: 0;
}

.Project-tab {
    justify-content: start;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 40px;
}

    .Project-tab li button.active {
        color: #159ebd !important;
    }

    .Project-tab li.nav-item {
        background-color: #d9d9d947;
    }

    .Project-tab .nav-link {
        min-width: 120px;
        width: 100%;
        height: auto;
    }

    .Project-tab.home-tab .nav-link {
        width: 100%;
    }

    .Project-tab .nav-link.active {
        background-color: transparent !important;
        border-color: transparent;
    }

.Project-contentBox {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

    .Project-contentBox .a-absolute {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .Project-contentBox img {
        height: 176px;
    }

.Project-contentBox-info {
    padding: 8px 20px 20px;
}

.Project-tab-content .MotamamWeb-Btn:not(.Project-tab .MotamamWeb-Btn) {
    width: 100%;
    margin: 18px auto 0px;
}

.Motamam-TabContentBlock .MotamamWeb-Btn {
    width: 187px !important;
}

#pills-tabContent-two {
    margin: 40px 0px;
    height: 370px;
    overflow-y: scroll;
    -webkit-mask-image: linear-gradient(black, transparent);
    mask-image: linear-gradient(black, transparent);
    mask-size: 100% 30rem;
    mask-repeat: no-repeat;
}

.motamam-about {
    margin-bottom: 40px;
}

.state-item {
    cursor: pointer;
}

    .state-item.activecity > path {
        fill: #dd5900;
    }

    .state-item.activecity g path {
        fill: #fff;
    }

.fancybox__container {
    z-index: 100000;
}

@media (min-width: 600px) {
    .Mtmm-RightNews-Block {
        margin-bottom: 56px;
    }

    .social-icons img {
        width: 28px;
    }

    .Monagheseh-Arshive .Monagheseh-Arshive-Block {
        width: 32%;
    }

    .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items img {
        /* width: 167px; */
        /* height: 100px; */
        width: 180px;
        height: 144px;
        object-fit: cover;
    }

    .detail-picture-report-title {
        font-size: 24px;
    }

    .News-Base a > img {
        width: 152px;
        height: 130px;
        object-fit: cover;
    }

    .Arshive-News a > img {
        width: 164px !important;
        height: 131px !important;
        object-fit: cover;
        border-radius: 4px;
    }

    .Project-Detail-block {
        display: flex;
        gap: 60px;
    }

    .Project-contentBox,
    .Arshive-alboum .Alboum-Block {
        width: 24%;
    }

    .Project-tab-content > .active {
        display: flex;
        justify-content: start;
        gap: 12px;
        flex-wrap: wrap;
    }

    .Home-PictureReport {
        margin-top: 86px;
    }

    .Motamam-map svg {
        padding-left: 30px;
    }

    .row.px-4 .container-fluid:has(.tab-content.Project-tab-content) {
        margin-bottom: 94px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .Project-contentBox,
    .Arshive-alboum .Alboum-Block {
        width: 48%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .Project-contentBox,
    .Arshive-alboum .Alboum-Block {
        width: 32%;
    }
}
/* new style v1.0.1 --------------------------------------------------------------------> */
.Motamam-Menu .mud-menu-item .mud-menu-item-text,
.Motamam-Menu .mud-nav-link-text {
    font-size: 17px;
}

.mud-list-item-clickable:focus:not(.mud-selected-item),
.mud-list-item-clickable:active,
a:hover,
.mud-list-item-clickable {
    border-radius: 8px !important;
}

.Project-tab.home-tab .nav-link {
    filter: grayscale(1);
    padding: 20px 16px 24px;
}

.Project-tab .nav-link.active {
    filter: grayscale(0) !important;
}

.Kimia-ContentBody {
    line-height: 38px;
}

.Project-Detail-Items-title h3 {
    font-size: 22px;
    font-weight: 600;
}

.Project-Detail-Items-First div:not(div.Project-Detail-Items-title, div.social-icons),
.Project-Detail-Items-second div:not(div.Project-Detail-Items-title) {
    border-bottom: 1px solid #ccc;
    padding: 16px 0px 12px;
    display: flex;
    justify-content: space-between;
}

.MiniBtn {
    width: 50px;
    float: left;
}

.MiniBtnEn {
    width: 104px !important;
    float: right !important;
}

.MotamamWeb-Btn.ArshiveBtn.MiniBtn {
    position: absolute;
    top: -50px;
    left: 0px;
}

.MotamamWeb-Btn.ArshiveBtn.MiniBtnEn {
    position: absolute;
    top: -50px;
    right: 14px;
}

.Arshive-alboum {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
}

.Motamam-map svg {
    width: 100%;
}

.detailnews-info p {
    background-color: rgba(247, 246, 251, 1);
    padding: 6px 10px 5px;
    border-radius: 4px;
}

@media (min-width: 1200px) and (max-width: 1599px) {
}

@media (min-width: 1600px) {
    .Main-PictureReport-Albums.Img-Media-Themplate img {
        height: 100%;
    }
}

.mud-pagination.mud-pagination-text {
    margin-bottom: 40px;
    margin-right: 40px;
    padding: 0px;
    gap: 0px;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
}

    .mud-pagination.mud-pagination-text li.mud-pagination-item:not(:last-child) {
        border-left: 1px solid #c4c4c4;
    }

    .mud-pagination.mud-pagination-text .mud-pagination-item-selected {
        background-color: #dd5900;
    }

.mud-pagination-item button:not(.mud-ripple-icon) {
    border: unset;
    background-color: transparent;
    color: #000;
    font-size: 18px;
}

.mud-pagination.mud-pagination-text
li.mud-pagination-item-selected
button
span {
    color: #ffffff;
    font-weight: bold;
    /* border-bottom: 1px solid #dd5900; */
}

.rezept-show-comments h2,
.gray-light-color {
    color: #dd5900;
    font-weight: 600;
}

.Detail-Comment {
    margin-bottom: 40px;
}
/****/
.share-container {
    text-align: left;
}

.share-button img {
    margin-bottom: 8px;
}

.social-icons a {
    padding: 0px 10px;
}

.social-icons {
    display: none;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 45px;
    background: #fff;
    border: 1px solid #cccccc6b;
    padding: 6px 10px !important;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .social-icons.show {
        display: block;
    }

.container-fluid:has(div.Detail-Comment) {
    background-color: #f9f9fb;
}

.container-fluid > div.Detail-Comment {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    margin-top: 24px;
}

.nav-pills .nav-link {
    color: #585555;
}

.Project-tab .nav-link {
    font-size: 16px !important;
}

.motamam-about .motamam-about-Content > p {
    font-size: 18px;
}

.about-feature p,
.about-feature ul li {
    font-size: 18px;
}

.Main-PictureReport-Albums a img {
    height: 100%;
    border-radius: 8px;
}

.newsAlbumeWrapper {
    position: relative;
}

.newsVideoWrapper {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden;
    border-radius: 4px;
}

    .newsVideoWrapper video {
        width: 100%;
        padding-right: 0px !important;
        aspect-ratio: 16 / 9 !important;
    }

.aparatVideoWrapper {
    border-radius: 4px;
    overflow: hidden;
}

@media (min-width: 600px) {
    .container-fluid > div.Detail-Comment {
        max-width: 540px;
    }

    .titleNewsAddOn {
        font-size: 19px;
        font-weight: 600;
        color: #dd5900;
    }

    .News-imageWrapper .col-md-3 {
        width: 25% !important;
    }

    .newsVideoWrapper {
        width: 48%;
    }

        .newsVideoWrapper video {
            width: 100%;
            padding-right: 0px !important;
        }

    .aparatVideoWrapper {
        width: 48%;
    }
}

@media (min-width: 768px) {
    .container-fluid > div.Detail-Comment {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-fluid > div.Detail-Comment {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    /* .swiper_slider_banner {
        height: 730px!important;
    } */
    .container-fluid > div.Detail-Comment {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-fluid > div.Detail-Comment {
        max-width: 1320px;
    }
}

@media (max-width: 599px) {
    .News-imageWrapper .col-md-3 {
        width: 50% !important;
    }

    .newsVideoWrapper {
        width: 100%;
    }

    .aparatVideoWrapper {
        width: 100%;
    }

    .News-Aparat-Video > div.d-flex {
        gap: 16px;
    }

    .titleNewsAddOn {
        font-size: 16px;
        font-weight: 600;
        color: #dd5900;
    }

    .detailnews-body img:not(.detailnews-info img) {
        margin-right: 0px !important;
    }

    .Detail-Related-News .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items {
        flex-direction: column;
    }

        .Detail-Related-News .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items > a img {
            width: 100% !important;
            height: 100% !important;
            aspect-ratio: 4 / 3;
        }

    *:has(.MotammamAppbar) .Detail-news-head {
        font-size: 20px;
    }

    .mud-main-content p,
    .about-feature ul li {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .row.about-feature:has(.Outlook-aboutBox) {
        gap: 16px;
        margin: 0px 0px;
        margin-bottom: 24px;
    }

    .row.about-feature {
        margin-bottom: 24px;
    }

    .contact-infobox.box1 {
        max-width: 100%;
    }

    .Project-contentBox {
        margin-bottom: 24px;
    }

    .Arshive-News a > img {
        width: 100%;
    }

    .Mtmm-News-Base-Block .Mtmm-News-Base-Block-Items img {
        width: 100%;
    }

    .Main-PictureReport-Albums a {
        width: 50%;
    }

        .Main-PictureReport-Albums a img {
            object-fit: cover;
        }

    .container-fluid .px-4:has(.VideoThemplate) {
        padding-right: 0px !important;
    }

    .container-fluid .px-4:has(.newsAlbumeWrapper) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .Main-PictureReport-Albums a img {
        border-radius: 4px;
    }
}

.mud-expand-panel {
    border-bottom: 1px solid #ffe4d2 !important;
}

.container-fluid:has(.mud-expand-panel):last-child {
    margin-bottom: 40px !important;
}

.mud-expand-panel.mud-panel-expanded .mud-expand-panel-header {
    background-color: #ffe4d2;
    border-radius: 8px;
    margin-bottom: 16px;
}

.mud-expand-panel .mud-expand-panel-header {
    padding: 16px;
}

@media (max-width: 599px) {
    .mud-expand-panel .mud-expand-panel-header h4 {
        font-size: 16px !important;
    }
}

.mud-expand-panel .mud-expand-panel-header h4 {
    margin: 0px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
}

.mud-collapse-container .mud-collapse-wrapper-inner p {
    margin-bottom: 8px !important;
    font-size: 16px !important;
    line-height: 28px !important;
}

.container-fluid .row:has(.app-moduletitle),
.container-fluid .row:has(.VideoThemplate),
.container-fluid .row:has(.newsAlbumeWrapper) {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.container-fluid .row .contact-fluid:has(.newsAlbumeWrapper) {
    padding: 0px !important;
}

.Faq-block .FAQ {
    border-top: unset !important;
}

.mud-expand-panel.mud-panel-expanded .mud-expand-panel-header {
    padding: 20px 12px 13px !important;
    transition: all 150ms ease-in-out;
}

.detailnews > .detailnews-body > video {
    border-radius: 8px;
    margin-bottom: 20px;
}

.MotamamWeb-Btn > .text-white {
    width: 187px;
    height: 100%;
    text-align: center;
    line-height: 36px;
}

.News-imagegallry {
    margin-top: 64px;
}

.detailnews-body img {
    aspect-ratio: 3/2 !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

.detailnews-body .detailnews-content .DetailBody > p > img {
    width: 100% !important;
}

@media print {
    .News-Videos,
    .News-Aparat-Video {
        display: none !important;
    }

    .detailnews-body .detailnews-content .DetailBody > p > img {
        height: 500px !important;
    }

    .detailnews-content .mtmm-title-color {
        margin: 8px 0px;
    }
}

#copyPageUrl {
    font-weight: 600;
}

.News-Aparat-Video {
    margin-top: 64px;
}

@media (max-width: 767px) {
    .detailnews-content h1 {
        font-size: 19px;
        line-height: 32px;
    }
}

.commentsRatingStyle span:nth-last-child(1) {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.mtmm-comment p {
    margin-bottom: 8px !important;
}

.mtmm-comment .mud-button-outlined.mud-icon-button {
    padding: 2px !important;
}

.mtmm-comment .Comment-footer {
    display: flex;
    justify-content: right;
    gap: 16px !important;
    font-size: 14px !important;
    padding-top: 8px;
    position: relative;
}

.mtmm-comment .comment-date {
    font-size: 14px;
}

.mtmm-comment .EatSmarter-comments-question {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mtmm-comment .mud-treeview-item-content {
    justify-content: center;
}

.mtmm-comment .mud-collapse-entered ul {
    margin-right: 0px !important;
}

.mtmm-comment .mud-collapse-entered .EatSmarter-show-comments {
    padding-right: 40px;
    background-color: transparent !important;
    position: relative;
}

    .mtmm-comment .mud-collapse-entered .EatSmarter-show-comments::before {
        content: " ";
        width: 2px;
        height: 100%;
        border-radius: 3px;
        position: absolute;
        right: 24px;
        top: 0;
        background-color: #f47c3c;
    }

.mtmm-comment .EatSmarter-show-comments {
    width: 100%;
    background-color: #ffffff;
    padding: 16px;
    border-radius: 8px;
    position: relative;
}

.mtmm-comment .EatSmarter-comments-profile img {
    border-radius: 4px;
}

.mtmm-comment .comment-user-name {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 4px;
    margin-top: 8px;
}

.mtmm-comment .comment-desc {
    margin: 8px 0px;
    padding: 8px 0px;
    border-bottom: 1px solid #eeeeee;
}

.mtmm-comment .comment-user-name > div:nth-last-child(1) {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.mtmm-comment .comment-user-name > div:nth-child(1) {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    position: absolute;
    right: 90px;
    top: 26px;
}

    .mtmm-comment .comment-user-name > div:nth-child(1) > div:first-child {
        order: 1;
    }

    .mtmm-comment .comment-user-name > div:nth-child(1) > div:last-child {
        order: 3;
    }

    .mtmm-comment .comment-user-name > div:nth-child(1)::before {
        content: " ";
        width: 1px;
        background-color: #eeeeee;
        height: 18px;
        border-radius: 2px;
        order: 2;
        margin-bottom: 4px;
    }

.mtmm-comment .mud-collapse-entered .comment-user-name > div:nth-child(1) {
    position: absolute;
    right: 110px;
    top: 26px;
}

.mtmm-comment .comment-user-name > div p {
    font-size: 12px !important;
}

.mtmm-comment .answer-count:last-child {
    position: absolute;
    left: 0px;
    bottom: -8px;
    margin-left: 0px !important;
}

.mtmm-comment .comment-desc {
    font-size: 16px;
}

.mtmm-comment .answer-count:first-child,
.mtmm-comment .answer-report {
    display: flex;
    gap: 4px;
    align-items: center;
}

    .mtmm-comment .answer-count:first-child img {
        height: 18px;
    }

    .mtmm-comment .answer-report img {
        height: 18px;
    }

.mud-dialog-title .mud-button-close {
    padding: 2px !important;
}

.mud-dialog .mud-dialog-content {
    margin: 16px 0px 0px !important;
}

.Mtmm-LeftNews-Content a {
    color: #2e2929 !important;
}

.mud-nav-link:not(.mud-nav-link-disabled)
.mud-nav-link-icon.mud-nav-link-icon-default {
    background-size: cover;
}

@media print {
    body {
        padding: 0px !important;
        border: 2px dashed black !important;
        padding: 20px !important;
        background: #f9f9f9 !important;
        font-size: 18px !important;
    }
}

.Mtmm-NewsDesc {
    height: 56px;
    margin-bottom: 8px;
}

.publishDate {
    height: 18px;
    display: block;
}

.Mtmm-LeftNews-Content h4 {
    height: 28px;
}

@media (max-width: 599px) {
    .Mtmm-LeftNews-Content .Mtmm-NewsDesc {
        height: 48px;
    }
}

.mud-application-layout-rtl
.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    background-color: #f9f9fb !important;
}

.search-result-container .row .col {
    padding: 0px !important;
    border-radius: 8px !important;
}

.search-result-container .btn-secondary,
.search-result-container .input-group-text {
    display: none !important;
}

.search-result-container .btn-primary {
    border-radius: 8px 0px 0px 8px !important;
}

.search-result-container .form-control {
    border-radius: 0px 8px 8px 0px !important;
}

.search-result-container > .row:last-child > div > div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.search-result-container .search-item {
    background-color: white;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #dddddd;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .search-result-container .search-item h4 {
        font-size: 22px;
        font-weight: 600;
    }

        .search-result-container .search-item h4 a {
            color: #000;
            font-size: 15px;
        }

            .search-result-container .search-item h4 a:hover {
                color: #dd5900;
            }

    .search-result-container .search-item p {
        font-size: 15px;
        color: #585555 !important;
    }

.search-result-container {
    margin-bottom: 40px;
}

    .search-result-container .search-item p b {
        color: #dd5900;
    }

.container-fluid:has(.search-item) {
    padding: 0;
}

ul.pagination li a {
    height: 37px;
}

@media (min-width: 600px) {
    .searchBTN {
        background-color: #27b18d;
        padding: 8px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 300ms ease-in-out;
    }
}

.container:has(.outSearchPage) {
    min-height: 50vh;
}

.search-result-container > .row:first-child,
.search-result-container > .row:last-child > div > div > div {
    --bs-gutter-x: unset !important;
    --bs-gutter-y: unset !important;
    display: flex;
    flex-wrap: wrap;
    margin-top: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
}

/* div, p, strong, span {
  word-break: break-word;
} */

.VideoThemplate > div > a > img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.detailnews-body video {
    aspect-ratio: 16 / 9;
}

.picture-report-gallery-block h5 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-top: 6px;
}

.active > .page-link,
.page-link.active {
    color: #fff;
    background-color: #dd5900;
    border-color: #dd5900;
}

.page-link,
.disabled > .page-link,
.page-link.disabled {
    background-color: transparent;
    border: 1px solid #c4c4c4;
}

    .page-link:hover {
        border-radius: unset !important;
    }

.row:has(> .col-md-6):has(.VideoThemplate):has(.newsAlbumeWrapper) {
    align-items: stretch;
}

.container-fluid .px-4:has(.app-moduletitle),
.container-fluid .px-4 .flex-nowrap:has(.app-moduletitle) {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.VideoThemplate .play-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .VideoThemplate .play-icon img {
        width: 50px;
        height: 50px;
        position: relative;
        z-index: 30;
    }

/* .VideoThemplate .play-icon:after {
  width: 53px;
  height: 53px;
} */
/* .play-icon:after {
  position: absolute;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 10;
  left: 50%;
  background-image: url(/images/Motamam-Images/icon-play.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
} */
.News-base-video-item .play-icon:after {
    width: 44px;
    height: 44px;
}

.row:has(> .col-md-6):has(.VideoThemplate):has(.newsAlbumeWrapper) > .col-md-6 > .container-fluid {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .row:has(> .col-md-6):has(.VideoThemplate):has(.newsAlbumeWrapper) > .col-md-6 > .container-fluid > div:last-child {
        height: 100%;
    }

        .row:has(> .col-md-6):has(.VideoThemplate):has(.newsAlbumeWrapper) > .col-md-6 > .container-fluid > div:last-child > div > div:not(.videoSectionInHomePage) {
            height: 100%;
        }

        .row:has(> .col-md-6):has(.VideoThemplate):has(.newsAlbumeWrapper) > .col-md-6 > .container-fluid > div:last-child > div > div > div:last-child {
            height: 100%;
        }

.Tag-section {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: right;
    /* flex-wrap: wrap; */
}

    /* .Tag-section:has(.Mtmm-Tags) > div {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  background-color: #eeeeee;
  border-radius: 8px;
  padding: 4px 8px;
} */

    /* .Tag-section:has(.Mtmm-Tags) > div:before {
  display: block;
  content: "";
  background-image: url("/images/Motamam-Images/tag-svgrepo-com.svg");
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: cover;
  filter: grayscale(1);
} */
    .Tag-section:has(.Mtmm-Tags):before {
        display: block;
        content: "";
        background-image: url("/images/Motamam-Images/tag-svgrepo-com.svg");
        width: 20px;
        height: 20px;
        background-position: center;
        background-size: cover;
        filter: grayscale(1);
    }

    .Tag-section:has(.Mtmm-Tags) .Mtmm-Tags {
        font-size: 14px;
        font-weight: 400;
        color: #606060;
    }

.Arshive-pageination {
    margin-top: 40px;
}

.Aparat-news-title {
    display: none;
}

.News-Aparat-Video:has(.aparatVideoWrapper iframe) .Aparat-news-title {
    display: block !important;
}

.Mtmm-RightNews-Content h6,
.Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items .Mtmm-LeftNews-Content h6 {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.Arshive-News.LeftNewsList .Mtmm-LeftNews-Content h4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.divCaptcha {
    gap: 8px;
}

    .divCaptcha .btn-refresh {
        width: 54px !important;
        height: 54px !important;
        background-size: 40% !important;
    }

.Project-tab {
    display: flex;
}

.EnFaChange div.mud-nav-link-text {
    margin: 0px !important;
}

.Tab-News-block-Item-en {
    border: 0.5px solid #d9d9d9;
    margin-bottom: 8px;
    min-height: 52px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 8px;
    border-left: 4px solid #159ebd;
    margin-right: 8px;
}

.Tab-News-block .Tab-News-block-Item-en a h4 {
    color: #2e2929;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    line-height: 28px;
}

.mud-dialog.mud-dialog-width-md.mud-dialog-width-full.mud-dialog-rtl.pa-16.rounded-xl
.mud-dialog-title {
    color: #dd5900;
}

.mud-dialog.mud-dialog-width-md.mud-dialog-width-full.mud-dialog-rtl.pa-16.rounded-xl
.mud-dialog-content:has([role="radiogroup"])
.mud-paper
label {
    margin-top: 8px;
}

.mud-dialog.mud-dialog-width-md.mud-dialog-width-full.mud-dialog-rtl.pa-16.rounded-xl
.mud-dialog-content:has([role="radiogroup"])
.mud-input-control.mud-input-input-control {
    margin-bottom: 32px;
}

.mud-dialog.mud-dialog-width-md.mud-dialog-width-full.mud-dialog-rtl.pa-16.rounded-xl
.mud-dialog-content:has([role="radiogroup"])
.mud-paper
.mud-input-control.mud-input-control-boolean-input {
    margin: 0px 0px 10px;
}

.mud-dialog.mud-dialog-width-md.mud-dialog-width-full.mud-dialog-rtl.pa-16.rounded-xl
.mud-dialog-content:has([role="radiogroup"])
.mud-radio.mud-readonly.mud-input-content-placement-end
p {
    font-size: 16px;
}

.mud-dialog.mud-dialog-width-md.mud-dialog-width-full.mud-dialog-rtl.pa-16.rounded-xl
.mud-dialog-content:has([role="radiogroup"])
label.mud-radio
.mud-icon-button {
    padding: 12px 14px 12px 2px;
}

#multipleTree .k-treeview .k-treeview-lines .k-treeview-item {
    padding-left: 24px;
}

.Main-PictureReport-Albums a {
    position: relative;
    transition: all 200ms ease-in-out;
}

.VideoThemplate a {
    position: relative;
    transition: all 200ms ease-in-out;
    /* display: flex; */
    height: 100%;
}

    .Main-PictureReport-Albums .Main-PictureReport-Albums-hover,
    .VideoThemplate a .Main-PictureReport-Albums-hover {
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all 200ms ease-in-out;
        border-radius: 8px;
        color: white;
        padding: 16px;
        display: flex;
        align-items: end;
        text-align: justify;
    }

    .Main-PictureReport-Albums a:hover .Main-PictureReport-Albums-hover,
    .VideoThemplate a:hover .Main-PictureReport-Albums-hover {
        opacity: 1;
        background-color: #00000060;
        backdrop-filter: blur(2px);
    }

.error_404 > div > p:first-child {
    font-size: 24px !important;
    color: #dd5900;
    font-weight: bold;
}

@media (min-width: 600px) {
    .error_404 img {
        height: 330px;
        object-fit: contain;
    }
}

@media (max-width: 599px) {
    .error_404 img {
        height: 240px;
        object-fit: cover;
    }
}

.detailnews-content .Deatil-description {
    border-right: 8px solid #dd5900;
    padding: 4px 12px;
}

.amar-morajeat-home-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    /* background-color: #F7F6FB; */
}

@media (max-width: 991px) {
    .amar-morajeat-home-page > div:nth-child(even) {
        padding: 0px 8px 16px 0px;
    }

    .amar-morajeat-home-page > div:nth-child(odd) {
        padding: 0px 0px 16px 8px;
    }
}

.amar-morajeat-home-page > div {
    padding: 0px 0px 16px 16px;
}

    .amar-morajeat-home-page > div > div {
        background-color: #ffffff;
        border: 1px solid #d9d9d9;
        padding: 14px 20px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 8px;
    }

        .amar-morajeat-home-page > div > div > span {
            font-weight: 600;
            font-size: 16px;
        }

            .amar-morajeat-home-page > div > div > span:last-child {
                color: #dd5900;
            }

.container-fluid:has(.amar-morajeat-home-page) {
    padding: 0px;
    background-color: #f7f6fb;
    margin-bottom: -20px !important;
}

@media (max-width: 599px) {
    div:has(> table) {
        overflow-x: auto;
    }
}

.outlink-news {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 4px;
}

    .outlink-news > div > div {
        display: flex;
        align-items: center;
        justify-content: start;
        background-color: #ffffff;
        border-radius: 4px;
    }

        .outlink-news > div > div .btn-link-related {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 8px 24px;
            background-color: #f1f1f1;
            border-radius: 8px;
            border: 1px solid #ff9e5e;
        }

            .outlink-news > div > div .btn-link-related img {
                width: 24px;
                height: 24px;
                object-fit: contain;
            }

    .outlink-news h4 {
        margin: 0px !important;
        font-size: 16px !important;
    }

@media (min-width: 600px) {
    .detailnews-content .Deatil-description {
        width: 52%;
        background-color: #f2f2f2;
    }
}

@media (max-width: 599px) {
    .detailnews-content .Deatil-description {
        width: 100%;
        background-color: #f2f2f2;
    }

    .Motamam-map {
        height: 300px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Motamam-logo img {
        height: 48px !important;
    }
}

.Motamam-logo img {
    height: 70px;
}

.media-download-img-icon {
    width: 24px;
    height: 24px;
    object-fit: contain !important;
}

body:has(.MotammamAppbar img[src="images/Motamam-Images/Motamam-logo.svg"])
.Search
button {
    transform: rotateY(180deg);
}

body:has(.MotammamAppbar img[src="images/Motamam-Images/Motamam-logo.svg"])
.search-modal
.mud-focus-trap
.mud-dialog-content
.mud-input-control-input-container
.mud-input-adornment > button {
    transform: rotateY(180deg);
}

.Search > button {
    background-color: #27b18d !important;
    border-radius: 40px !important;
    overflow: hidden !important;
}

.search-modal.mud-dialog .mud-dialog-content {
    overflow: unset !important;
    padding: 16px !important;
    margin-top: 0px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

    .search-modal.mud-dialog .mud-dialog-content > div:first-child {
        flex-grow: 1;
    }

.search-modal.mud-dialog .mud-dialog-title {
    padding: 0px !important;
}

body:has(.search-modal) .mud-overlay .mud-overlay-scrim.mud-overlay-dark {
    backdrop-filter: blur(4px);
    position: relative !important;
}

.search-modal.mud-dialog {
    overflow: unset !important;
    border-radius: 16px !important;
}

.search-modal .mud-dialog-content > button.mud-button {
    padding: 10px !important;
    min-width: unset !important;
    border-radius: 8px;
    border: unset;
}

search-modal .mud-dialog-content > button.mud-button .mud-button-label {
    display: flex !important;
}

.search-modal .mud-dialog-content > button .mud-button-icon-size-medium {
    margin: 0px !important;
}

.search-modal .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px !important;
}

.mud-input-adornment .mud-icon-button {
    padding: 8px !important;
}

.FooterMtmm > div.container-fluid {
    padding: 0px !important;
}

.Motamam-Footer + p {
    display: none;
}

.Footer-Social a {
    width: 40px;
    height: 40px;
    background-color: #dd5900;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 150ms ease-in-out;
}

    .Footer-Social a img {
        width: 30px;
        height: 30px;
    }

        .Footer-Social a img[src="images/Motamam-Images/Eita.png"] {
            background-color: white;
            border-radius: 12px;
        }

.Motamam-Footer .Motamam-Footer-Item li a:hover {
    color: #dd5900 !important;
    transition: all 150ms ease-in-out;
}

.app-admin-modal .btn,
.AdminContainer .btn {
    max-width: 140px;
    width: 140px;
}

/* body:has(.MotammamAppbar) p{
  text-align: justify;
} */

.mobileNavMenuItems > div.mud-nav-item {
    border-bottom: 1px solid #e9e9e9;
}

    .mobileNavMenuItems > div.mud-nav-item:last-child {
        border-bottom: unset;
    }

    .mobileNavMenuItems > div.mud-nav-item > .active {
        background-color: #dd5900 !important;
        border-radius: 0px !important;
    }

        .mobileNavMenuItems > div.mud-nav-item > .active > div {
            color: white !important;
        }

.search-modal button.mud-button {
    background-color: #dd5900 !important;
}

.outSearchPage {
    background-color: #dd5900 !important;
}

.mud-appbar.MotammamAppbar {
    background-color: var(--mud-palette-surface) !important
}

.share-wrapper-news {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .share-wrapper-news > div:first-child {
        font-size: 16px !important;
    }

        .share-wrapper-news > div:first-child > a {
            font-size: 16px !important;
        }

            .share-wrapper-news > div:first-child > a:hover {
                color: #dd5900;
            }

.container-fluid:has(.share-wrapper-news) {
    background: #ffe4d2;
    padding: 20px 0px;
}

body:has(.MotammamAppbar) p,
body:has(.MotammamAppbar) span {
    text-align: justify !important;
}

body:has(.MotammamAppbar) .app-admin-modal {
    text-align: center !important;
}

.Motamam-Footer .Motamam-Footer-Menu {
    gap: 8px;
}

.ArshiveBtnEn {
    float: right;
}

div:has(.mapIranSvg) > div > svg {
    width: 100% !important;
}

.mobileShare {
    display: none;
}

@media (max-width: 599px) {
    .content:not(:has(.Motamam-swiper)) {
        margin-top: 0;
    }

    div:has(.mapIranSvg) > div > svg {
        width: 100% !important;
        height: 450px !important;
    }

    .mobileShare {
        display: inline-flex;
    }

    .desktopShare {
        display: none;
    }
}

body:has(.MotammamAppbar > div > div > button.active) .container-fluid:has( .motamam-about, .detailnews, .Detail-Related-News, .MotamamWeb-title, .Mtmm-RightNews-Block, .Mtmm-LeftNews-Block, .Mtmm-NewsSection ) {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.monaqeseh_mozayedeh .nav-item button.nav-link {
    width: 100% !important;
    max-width: 100% !important;
}

body:has(.monaqeseh_mozayedeh) .Project-contentBox-info h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.endMonageseh {
    background: #dd5900 !important;
}

.News-base-video-item > a > img {
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 4px;
}

.News-Base .ArshiveBtn.MiniBtn {
    top: -40px !important;
}

@media print {
    .News-imagegallry .News-imageWrapper {
        row-gap: 22px;
    }

    .Tag-section:has(.Mtmm-Tags):before {
        right: 15px;
    }

    .Mtmm-Tags:first-child {
        margin-right: 40px;
    }

    .BackToArshive {
        padding-left: 15px;
    }

    .social-icons img {
        width: 26px;
    }

    .share-button img {
        width: 22px;
    }

    .Project-Detail-Items.printable {
        padding: 0px 16px;
    }

    .detailnews-content .detailnews-info {
        flex-wrap: wrap;
        margin-bottom: 12px;
    }

        .detailnews-content .detailnews-info p {
            margin: 0;
            padding: 2px;
        }

    .rezept-show-comments h2 {
        font-size: 16px;
    }

    body:has(.MotammamAppbar) span.app-moduletitle {
        font-size: 16px;
    }

    .Detail-Related-News .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items img,
    .LeftNewsList
    .Mtmm-LeftNews-Block
    .Mtmm-LeftNews-Block-Items
    img:not( .News-Base.Arshive-News.LeftNewsList .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items img ) {
        width: 105px;
        height: 106px;
        object-fit: cover;
    }

    .contact-infobox ul li a,
    .contact-infobox.box3 span,
    .contact-infobox.box1 {
        line-height: 25px;
        font-size: 14px;
    }

    .detail-picture-report-title {
        font-size: 19px;
        line-height: 28px;
        font-weight: 600;
    }

    .Motamam-TabContentBlock {
        padding: 24px 16px 0px;
    }

    .Arshive-News.LeftNewsList .Mtmm-LeftNews-Content h4,
    .Mtmm-News-Base-Content h4,
    .News-Base h4 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hs-xs-padding {
        padding: 0px 15px !important;
    }

    .container.News-Base-Tab {
        padding: 0 !important;
    }

    .News-Base-Tab .nav-pills.nav-link {
        height: 47px !important;
    }

    .Mtmm-News-Base-Block-Items,
    .News-Base.Arshive-News .Mtmm-LeftNews-Block-Items {
        flex-direction: column;
        gap: 16px;
    }

    .Mtmm-News-Base-Block .Mtmm-News-Base-Block-Items img,
    .Arshive-News a > img {
        /* width: 100% !important; */
    }

    .Arshive-News.LeftNewsList .Mtmm-LeftNews-Content h4,
    .Mtmm-News-Base-Content h4,
    .News-Base h4 {
        font-size: 14px !important;
    }

    span.News-Base-kiker {
        font-size: 12px !important;
    }

    .fs-xs-18 {
        font-size: 18px;
    }

    .Img-Media-Themplate {
        gap: 20px;
    }

    .MotammamAppbar {
        height: 62px;
    }

    .Picture-report-arshiveBtn.MotamamWeb-Btn.ArshiveBtn {
        margin-left: 15px;
    }

    .News-Arshive-List {
        padding: 0px 17px;
    }

    .Arshive-alboum {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
        gap: 0 !important;
    }

    .detailnews-body video {
        margin-bottom: 8px;
        width: 100%;
    }

    body:has(.MotammamAppbar) .container {
        padding: 0px 16px;
    }

    .Motamam-TabContent {
        padding: 32px 16px;
    }

    .MotamamWeb-TabContainer {
        padding: 32px 0px 0px !important;
    }

    .Motamam-Copyright {
        font-size: 10px;
    }

    .Footer-Social {
        justify-content: center;
    }

    .Footer-Brands img {
        max-width: 42px;
        max-height: 42px;
    }

    .Motamam-Footer .Motamam-Footer-Menu {
        flex-direction: column;
    }

    .project-TabContentBoxDesc p {
        font-size: 16px;
    }

    .Mtmm-WebProjects-Contents-Items {
        margin-top: 40px;
    }

    .project-TabContent-numberbox {
        width: 18%;
    }

    .Motamam-project-TabContent-box.d-flex > div.d-flex {
        width: 100%;
    }

    #pills-tabContent-two .Motamam-project-TabContent-box {
        padding: 0px 16px;
    }

    .Motamam-Tab-Nav li button span {
        font-size: 16px;
    }

    *:has(.MotammamAppbar),
    body:has(.MotammamAppbar) {
        font-size: 16px;
    }

    .detailnews-info p {
        line-height: 22px !important;
    }

    body:has(.MotammamAppbar) p {
        line-height: 32px;
    }

    .motamam-about h2 {
        font-size: 18px;
    }

    .MotamamWeb-title.mtmm-title-color h2 {
        font-size: 16px;
    }

    .Motamam-Tab-Nav,
    .nav.nav-pills.mb-3.Project-tab {
        flex-wrap: nowrap;
        overflow-x: scroll;
        flex-grow: 1;
        justify-content: start;
    }

    #pills-tab-two .nav-link {
        height: 100%;
    }

    .Mtmm-WebProjects-tabs ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        .Mtmm-WebProjects-tabs ul li {
            flex: 0 0 auto;
        }

    .Motamam-Tab-Nav li button img {
        height: 60px;
        width: auto;
    }

    .nav-pills
    .nav-link:not(.News-Base-Tab .nav-pills .nav-link, .Project-tab .nav-link) {
        height: 97px;
    }

    .News-Base-Tab .nav-pills .nav-link {
        height: 42px;
    }

    .MotamamWeb-TabContainer .nav-pills .nav-link {
        width: 170px;
    }

    body:has(.MotammamAppbar) .container-fluid {
        padding: 0 !important;
    }

    .Motamam-swiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .Motamam-Menu .MobileMenu button {
        padding: 0;
    }

    .Motamam-swiper {
        padding-top: 66px;
    }

        .Motamam-swiper h1 {
            top: 13px;
            line-height: 28px;
            font-size: 18px;
        }

    .Mtmm-WebProjects-Block {
        flex-wrap: wrap;
    }

    .Detail-news-head {
        padding: 16px;
    }

    .News-imageWrapper .detail-picture-report {
        font-size: 14px;
    }

    .detailnews-body img:not(.detailnews-info img, .News-imagegallry img) {
        max-width: 100%;
        margin-bottom: 24px;
        height: auto;
    }

    #Mtmm-detail-news-content {
        margin-top: 38px;
    }

    .News-imageWrapper .col-md-3 {
        width: 50% !important;
    }

    .newsVideoWrapper {
        width: 100%;
    }

    .aparatVideoWrapper {
        width: 100%;
    }

    .News-Aparat-Video > div.d-flex {
        gap: 16px;
    }

    .titleNewsAddOn {
        font-size: 16px;
        font-weight: 600;
        color: #dd5900;
    }

    .detailnews-body img:not(.detailnews-info img) {
        margin-right: 0px !important;
    }

    .Detail-Related-News .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items {
        flex-direction: column;
    }

        .Detail-Related-News .Mtmm-LeftNews-Block .Mtmm-LeftNews-Block-Items > a img {
            width: 100% !important;
            height: 100% !important;
            aspect-ratio: 4 / 3;
        }

    *:has(.MotammamAppbar) .Detail-news-head {
        font-size: 20px;
    }

    .mud-main-content p,
    .about-feature ul li {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .row.about-feature:has(.Outlook-aboutBox) {
        gap: 16px;
        margin: 0px 0px;
        margin-bottom: 24px;
    }

    .row.about-feature {
        margin-bottom: 24px;
    }

    .contact-infobox.box1 {
        max-width: 100%;
    }

    .Project-contentBox {
        margin-bottom: 24px;
    }

    .Arshive-News a > img {
        width: 100%;
    }

    .Mtmm-News-Base-Block .Mtmm-News-Base-Block-Items img {
        width: 100%;
    }

    .Main-PictureReport-Albums a {
        width: 50%;
    }

        .Main-PictureReport-Albums a img {
            object-fit: cover;
        }

    .container-fluid .px-4:has(.VideoThemplate) {
        padding-right: 0px !important;
    }

    .container-fluid .px-4:has(.newsAlbumeWrapper) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .Main-PictureReport-Albums a img {
        border-radius: 4px;
    }

    .fancybox-img {
        margin-bottom: 12px !important;
        width: 100% !important;
    }

    .noPrint {
        display: none !important;
    }

    .detailnews-content .Deatil-description {
        width: 100%;
        text-align: justify;
        font-size: 14px;
        margin-top: 16px !important;
    }

    .detailnews-content .DetailBody p {
        font-size: 18px !important;
        margin-bottom: 8px !important;
        line-height: 32px !important;
    }

    .detailnews-content .DetailBody {
        margin-top: 16px !important;
    }

    .detailnews-content .mtmm-title-color {
        margin-top: 16px !important;
    }


    @page {
        padding: 20px !important;
    }
}

body:not(:has(.MotammamAppbar > div > div > button.active)), .content:not(:has(.container-fluid .form-group ul.nav.nav-tabs)) {
    margin-top: 0rem;
}

.News-base-video-item > a > img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

.News-Base .ArshiveBtn.MiniBtn {
    top: -40px !important;
}

.Motamam-Footer .footerLable {
    margin-bottom: 8px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #ffffff;
    font-weight: 600;
}

.Project-contentBox-info > a > div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 14px;
    padding: 16px 0px;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin: 16px 0px;
}

    .Project-contentBox-info > a > div > span {
        font-weight: 600;
    }

.scrollsnap {
    height: 0px;
}

.dateArchive {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: start;
}

.News-Base-Tab:has(.Tab-News-block) {
    padding: 0px !important;
}

.Mtmm-NewsSection:has(.MiniBtn) {
    height: 42px !important;
}

/* .swiper_slider_banner {
    height: 300px;
} */


.Project-contentBox-info > a > h4, .Project-contentBox-info h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.snap-section {
    width: 100%;
}

#home-page-main-slider{position: relative;}
#home-page-main-slider .container:has(.swiper-title-home){
position: absolute;top: 0;width: 100%;right: 0;left: 0;
} 
    #home-page-main-slider .swiper-title-home {
        position: relative;
        top: 73px;
        padding: 8px 24px;
        font-weight: bold;
        color: #fff;
        background: #0000004f;
    }
    .mySwiperBanner.snap-section .swiper_slider_banner, .mySwiperBanner.snap-section .slide.Motamam-swiper,.mySwiperBanner.snap-section .slide.Motamam-swiper img{
        height: 100%;padding: 0;
            }
            .mySwiperBanner.snap-section .slide.Motamam-swiper img{object-fit: cover;}
    @media(max-width:599px){
        /* .swiper_slider_banner {
            aspect-ratio: 4 / 3;
        } */
        #home-page-main-slider .swiper-title-home {
           
           
            font-size: 17px;
         
        }
        .swiper_slider_banner  .Motamam-swiper{
    height: 100%;
        }
        .swiper_slider_banner  img{height: 100%;object-fit: cover;}
    }

    @media(min-width:992px) and (max-width:1199px){
        .Motamam-Menu .mud-menu-item .mud-menu-item-text, .Motamam-Menu .mud-nav-link-text{font-size: 11px;}
    }

    @media(min-width:600px) and (max-width:767px){
        .d-md-none.Mobile-BannerSliders{display: none;}
    }

    form.needs-validation .form-group .tab-content .mud-input input[type="number"]{
        padding-left: 30px!important;
                }