@font-face{
    font-family: YekanBakh;
    src: url('View/1025/font/YekanBakh-VF.ttf');
}
*{
    font-family: YekanBakh;
}
body{
    font-family: YekanBakh;
}



.lightMode .body-section1 {
    background-color: white !important;
}

.lightMode .user-info-btn {
    background-color: #303231;
}

.lightMode .header-logo {
    display: none;
}

.lightMode .header-dark-logo {
    display: block;
}

.lightMode .header-info-text {
    color: #303231 !important;
}

.lightMode .top-btn {
    border: 1px solid #000000;
}

.lightMode .top-btn div {
     color: #303231;
}

.lightMode .top-texts p {
     color: #303231;
}

.lightMode .our-services-btn {
    background-color: #FFF;
    border: 1px solid #000000;
}

.lightMode .our-services-btn div {
    color: #303231;
}

.lightMode .section1-bottom-text {
    color: #303231;
}

.lightMode .darkSvg {
    display: none;
}

.lightMode .lightSvg {
    display: block;
}

.lightMode .body-section-2 {
    background-color: #CFF2DF;
}

.lightMode .duty-box {
    background-color: #FFFFFF;
}

.lightMode .duty-box p {
    color: #303231;
}

.lightMode .body-section3, .lightMode .body-section4, .lightMode .body-section5, .lightMode .body-section6, .lightMode .footer-section {
    background-color: #FFFFFF;
}

.lightMode .body-section3 p, .lightMode .section3-top-text {
    color: #303231;
}

.lightMode .section3-overlay {
    display: none;
}

.lightMode .item-box {
    background-color: #30323114;
}

.lightMode .accordion-item-box {
    background-color: #30323114;
}

.lightMode .body-section4 p, .lightMode .section4-top-text {
    color: #303231;
}

.lightMode .body-section5 p, .lightMode .section5-top-text {
    color: #303231;
}

.lightMode .body-section6 p, .lightMode .section6-top-text {
    color: #303231;
}

.lightMode .accordion-item-box span {
    color: #303231;
}

.lightMode .form-section {
    border: unset;
    box-shadow: unset;
}

.lightMode .license, .lightMode .copy-right-text {
    color: #303231;
}

.lightMode .footer-box {
    box-shadow: unset;
}


.lightMode .footer-box-info {
    border-bottom: 1px solid #000000;
}

.lightMode #dropdownUsersButton {
    background-color: #242528;
}
.Message {
        border-radius: 5px;
    }
    .MessageTitle{
         border-top: 8px solid #ff444e;
        background-color: #fff;
        color: #000;
        font-size: 16px;
        border-top-right-radius: 5px;
        border-top-left-radius:5px ;
        border-bottom: 1px dashed rgb(237 237 237); 
        text-align: center;

    }
    .MessageTitle img {
    padding: 5px;
    border: 1px solid #A1A1A1;
    border-radius: 3px;


    }
    .MessageText{
        font-size: 14px;
       padding: 28px 15px;
            display: flex;
            align-items: center;
            justify-content: center;
    }
    .MessageText img{
        display: none ;
    }




.indicator-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px 24px 16px;
    border-radius: 12px;
    background-color: #FFFFFF14;
}

.item-box-img {
    border-radius: 8px;
    width: 100%;
    /* height: 204px; */
    object-fit: cover;
}

.item-box-texts-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.texts-container-header {
    font-weight: 700;
    font-size: 20px;
    color: #FFF;
    line-height: 150%;
}

.lightMode .texts-container-header {
    color: #303231;
}

.texts-container-desc {
    font-weight: 400;
    font-size: 14px;
    color: #8F8F8F !important;
    line-height: 150%;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-align: justify;
}

.redirect-btn {
    margin-right: auto;
}

.redirect-btn svg {
    width: 32px;
    height: 32px;
}@media screen and (min-width: 600px) and (max-width: 1024px) {
.indicator-section {
    padding: 24px;
    gap: 24px;
}

/* .item-box-img {
    height: 154px;
} */

.item-box-texts-container {
    gap: 14px;
}

.texts-container-header {
    font-size: 20px;
}

.texts-container-desc {
    font-size: 14px;
}

.redirect-btn svg {
    width: 40px;
    height: 40px;
}}@media screen and (min-width: 0) and (max-width: 600px) {
.indicator-section {
    padding: 24px;
    gap: 24px;
}

/* .item-box-img {
    height: 154px;
} */

.item-box-texts-container {
    gap: 14px;
}

.texts-container-header {
    font-size: 20px;
}

.texts-container-desc {
    font-size: 14px;
}

.redirect-btn svg {
    width: 40px;
    height: 40px;
}}


.component3 .ui-switch {--switch-bg: rgb(135, 150, 165);--switch-width: 48px;--switch-height: 20px;--circle-diameter: 32px;--circle-bg: rgb(0, 56, 146);--circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2);}.component3 .ui-switch input {display: none;}.component3 .slider {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: var(--switch-width);height: var(--switch-height);background: var(--switch-bg);border-radius: 999px;position: relative;cursor: pointer;}.component3 .slider .circle {top: calc(var(--circle-inset) * -1);left: 0;width: var(--circle-diameter);height: var(--circle-diameter);position: absolute;background: var(--circle-bg);border-radius: inherit;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+");background-repeat: no-repeat;background-position: center center;-webkit-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;-o-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);;}.component3 .slider .circle::before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.75);border-radius: inherit;-webkit-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;opacity: 0;}.component3 .ui-switch input:checked+.slider .circle {left: calc(100% - var(--circle-diameter));background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=");}.component3 .ui-switch input:active+.slider .circle::before {-webkit-transition: 0s;-o-transition: 0s;transition: 0s;opacity: 1;width: 0;height: 0;}
.component4 a{text-decoration: none;}

.component6 .itemsBox {display: grid;grid-template-columns: repeat(5,1fr);}@media screen and (min-width: 600px) and (max-width: 1024px) {.component6 .itemsBox {display: grid;grid-template-columns: repeat(2,1fr);}}@media screen and (min-width: 0) and (max-width: 600px) {.component6 .itemsBox {grid-template-columns: repeat(1,1fr);}}





.component12 input,.component12 select,.component12 textarea{font-family: YekanBakh;}