:root {
    --primary-00: #001A31;
    --primary-10: #002749;
    --primary-20: #003461;
    --primary-30: #00417A;
    --primary-40: #004D92;
    --primary-50: #0056A2;
    --primary-60: #266FB0;
    --primary-70: #4D89BE;
    --primary-80: #73A2CC;
    --primary-90: #272c30;
    --primary-95: #CCDDEC;
    --primary-99: #E5EEF6;
    --primary-100: #F2F7FA;
    --mc1: var(--primary-50);
    --secondary-00: #023045;
    --secondary-10: #03405C;
    --secondary-20: #055F8A;
    --secondary-30: #0677AD;
    --secondary-40: #078FCF;
    --secondary-50: #089FE6;
    --secondary-60: #2DADEA;
    --secondary-70: #52BCEE;
    --secondary-80: #77CAF1;
    --secondary-90: #A9DDF6;
    --secondary-95: #CEECFA;
    --secondary-99: #E6F5FD;
    --secondary-100: #F3FAFE;
    --mc2: var(--secondary-50);
    --mc4: #F9C74F;
    --Gray-00: #121212;
    --Gray-10: #2b2b2b;
    --Gray-20: #3D3D3D;
    --Gray-30: #4f4f4f;
    --Gray-40: #626262;
    --Gray-50: #7a7a7a;
    --Gray-60: #959595;
    --Gray-70: #a8a8a8;
    --Gray-80: #bdbdbd;
    --Gray-90: #d1d1d1;
    --Gray-95: #e4e4e4;
    --Gray-99: #f2f2f2;
    --Gray-100: #ffffff;
    --white: var(--Gray-100);
    --black: var(--Gray-00);
    --success-00: #4e8335;
    --success-10: #82ba65;
    --success-20: #9cd67e;
    --success-30: #b7f397;
    --error-00: #d95409;
    --error-10: #ff630b;
    --error-20: #ff823c;
    --tc1: var(--Gray-00);
    --tc2: var(--Gray-30);
    --tc3: var(--Gray-40);
    --fancybox-accent-color: var(--mc1);
    --border-radius-xl: 1.5rem;
    --border-radius-lg: 1rem;
    --border-radius: 0.75rem;
    --border-radius-sm: 0.5rem;
    --animate-delay: 1s;
    --box-shadow-1: 0px 6px 16px 0px #0e13281a;
    --box-shadow-2: 0px 6px 16px 0px #0e13281a;
    --gap: 0.5rem;
    --fz-h1: 40px;
    --fz-h2: 36px;
    --fz-h3: 30px;
    --fz-h4: 26px;
    --fz-h5: 22px;
    --fz-h6: 18px;
    --fz-t1: 28px;
    --fz-t2: 24px;
    --fz-t3: 20px;
    --fz-t4: 18px;
    --fz-t5: 16px;
    --fz-t6: 14px;
    --fz-t7: 12px;
    --fz-b1: 18px;
    --fz-b2: 16px;
    --fz-b3: 14px;
    --fz-b4: 12px;
    --fz-b5: 10px;
    --fw-800: 800;
    --fw-700: 700;
    --fw-600: 600;
    --fw-500: 500;
    --fw-400: 400;
    --lh-h1: 80px;
    --lh-h2: 72px;
    --lh-h3: 60px;
    --lh-h4: 52px;
    --lh-h5: 44px;
    --lh-h6: 36px;
    --lh-t1: 56px;
    --lh-t2: 48px;
    --lh-t3: 40px;
    --lh-t4: 36px;
    --lh-t5: 32px;
    --lh-t6: 28px;
    --lh-t7: 24px;
    --lh-b1: 36px;
    --lh-b2: 32px;
    --lh-b3: 28px;
    --lh-b4: 24px;
    --lh-b5: 20px;
    --icon: 1.5rem;
    --icon-color: var(--mc2);
    --main-space: 80px;
    --title-space: 2rem;
    --bottom-space: 3rem;
    --transition: 0.3s;
    --fade-distance: 2rem;
    scroll-behavior: smooth;
    scroll-padding-block-start: calc(var(--main-space) * 2);
    scrollbar-gutter: stable;
    font-weight: var(--fw-400)
}

body:not(.rtl) {
    --fz-b2: 14px !important;
    --fz-t5: 14px !important
}

body {
    --direction-num: 1
}

@supports (-webkit-touch-callout:none) {
    input {
        font-size: 16px !important
    }
}

:root:has(body.hideScroll) {
    overflow: hidden
}

.modal {
    --bs-modal-bg: var(--white);
    --bs-modal-border-color: transparent;
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: var(--border-radius);
    --bs-modal-box-shadow: var(--box-shadow-1);
    ----bs-modal-padding:1.5rem 1rem
}

.modal-backdrop {
    opacity: 1;
    --bs-backdrop-bg: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    --bs-backdrop-opacity: 1
}

    .modal-backdrop.show {
        opacity: 1;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px)
    }

body:not(.personabar-visible).js-active .fadefrom_Start, body:not(.personabar-visible).js-active .container_Title, body:not(.personabar-visible).js-active :is() *:is(h1,h2,h3,h4,h5,h6,p,ol>li,ul:not(.ui-tabs-nav)>li) {
    opacity: 0;
    transform: translateX(calc(var(--fade-distance) * -1 * var(--direction-num)));
    transition: var(--transition),transform 0.6s !important
}

body:not(.personabar-visible).js-active .fadefrom_End {
    opacity: 0;
    transform: translateX(calc(var(--fade-distance) * 1 * var(--direction-num)));
    transition: var(--transition),transform 0.6s !important
}

body:not(.personabar-visible).js-active .fadefrom_Bottom {
    opacity: 0;
    transform: translateY(var(--fade-distance));
    transition: var(--transition),transform 0.6s !important
}

body:not(.personabar-visible).js-active :is(.fadefrom_Top,.job__Form_Wrapper) {
    opacity: 0;
    transform: translateY(calc(var(--fade-distance) * -1));
    transition: var(--transition),transform 0.6s !important
}

@media (min-width:992px) {
    body:not(.personabar-visible).js-active .fadefrom_Start_Lg {
        opacity: 0;
        transform: translateX(calc(var(--fade-distance) * -1 * var(--direction-num)));
        transition: var(--transition),transform 0.6s !important
    }

    body:not(.personabar-visible).js-active .fadefrom_End_Lg {
        opacity: 0;
        transform: translateX(calc(var(--fade-distance) * 1 * var(--direction-num)));
        transition: var(--transition),transform 0.6s !important
    }

    body:not(.personabar-visible).js-active .fadefrom_Bottom_Lg {
        opacity: 0;
        transform: translateY(calc(var(--fade-distance)));
        transition: var(--transition),transform 0.6s !important
    }

    body:not(.personabar-visible).js-active .fadefrom_Top_Lg {
        opacity: 0;
        transform: translateY(calc(var(--fade-distance) * -1));
        transition: var(--transition),transform 0.6s !important
    }
}

@media (max-width:992px) {
    :root {
        --main-space: 3rem;
        --title-space: 1.5rem
    }
}

body.dnnEditState #Form {
    height: 100%
}

html::-webkit-scrollbar-thumb {
    border-radius: 0
}

.Normal, .NormalDisabled, .NormalDeleted {
    color: unset;
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    word-wrap: unset
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

body .iframe_Outer {
    position: relative;
    height: fit-content;
    overflow: hidden
}

    body .iframe_Outer::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 300%;
        background-color: rgb(255 255 255 / .5);
        mask-image: linear-gradient (0deg,transparent,black,transparent);
        -webkit-mask-image: -webkit-linear-gradient(0deg,black 40%,transparent,black 60%);
        animation: loading-slide 1s infinite ease-in-out;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transition: var(--transition)
    }

    body .iframe_Outer:has(.loaded)::after {
        opacity: 0;
        visibility: hidden
    }

@keyframes loading-slide {
    from {
        transform: translate(0)
    }

    to {
        transform: translate(66%)
    }
}

@font-face {
    font-family: "vazirmatn";
    src: url(../assets/fonts/Vazirmatn/Vazirmatn-FD-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "vazirmatn";
    src: url(../assets/fonts/Vazirmatn/Vazirmatn-FD-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "vazirmatn";
    src: url(../assets/fonts/Vazirmatn/Vazirmatn-FD-Medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "vazirmatn";
    src: url(../assets/fonts/Vazirmatn/Vazirmatn-FD-SemiBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "vazirmatn";
    src: url(../assets/fonts/Vazirmatn/Vazirmatn-FD-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: "vazirmatn";
    src: url(../assets/fonts/Vazirmatn/Vazirmatn-FD-ExtraBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: "Roboto";
    src: url(../assets/fonts/Roboto/Roboto-Regular400.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url(../assets/fonts/Roboto/Roboto-Medium500.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url(../assets/fonts/Roboto/Roboto-Medium500.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url(../assets/fonts/Roboto/Roboto-Bold700.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url(../assets/fonts/Roboto/Roboto-Black800.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

body.rtl *:not(i), html {
    font-family: "vazirmatn"
}

body *:not(i) {
    font-family: "Roboto"
}

body.rtl {
    --direction-num: -1
}

.fancybox__content {
    border-radius: var(--border-radius);
    overflow: hidden
}

::-moz-selection {
    background: var(--mc1);
    color: var(--white)
}

::selection {
    background: var(--mc1);
    color: var(--white)
}

.m-hight-none {
    min-height: 0
}

.pad-none {
    padding-right: 0;
    padding-left: 0
}

html {
    font-size: 100%
}

a:focus {
    outline: none
}

a, a:hover, a:visited, a:focus {
    text-decoration: none;
    color: inherit
}

h1, .h1, h2, .h2, h3, .h3 {
    margin: 0
}

ul, ol {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0
}

.inner__Bread__Crumb {
    margin-bottom: calc(1.3 * var(--title-space));
    color: var(--tc1);
    font-size: var(--fz-sm);
    font-weight: var(--fw-400)
}

    .inner__Bread__Crumb .bread_Dot {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-inline: .5rem;
        vertical-align: middle;
        background-color: var(--mc1);
        border-radius: 100%
    }

    .inner__Bread__Crumb span[itemprop="itemListElement"]:last-child a {
        color: var(--mc1)
    }

body {
    padding: 0;
    line-height: 24px;
    overflow-x: hidden;
    font-size: .875rem;
    background-color: var(--white)
}

    body.rtl {
        direction: rtl;
        text-align: right
    }

p {
    margin: 0
}

li {
    list-style: none;
    list-style-position: inside
}

    li p {
        line-height: inherit
    }

img[alt="edit"] {
    width: auto !important;
    margin: 0 !important;
    display: inline !important
}

#wrap {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden
}

.main-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

main:not(.loginMain) {
    min-height: calc(100vh - 300px);
    position: relative
}

#wrap.green_Wrap {
    background: var(--secondary-100)
}

.dnnModuleDialog, .DnnModule.floating {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%)
}

@media (max-width:991px) {
    main:not(.loginMain) {
        min-height: fit-content
    }
}

.subNav.advanced dl {
    width: 600px !important
}

.subNav.advanced {
    width: 695px !important
}

img {
    border: 0 none;
    height: auto
}

img, object, embed {
    max-width: 100%
}

.hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected {
    border-color: var(--main-text-color)
}

.wb-carousel {
    background-color: var(--white);
    padding: 16px 15px
}

@media (min-width:1200px) {
    .container, .container-lg {
        max-width: 1224px
    }
}

.typo-h1 {
    font-size: var(--fz-h1);
    font-weight: var(--fw-700);
    line-height: var(--lh-h1)
}

.typo-h2 {
    font-size: var(--fz-h2);
    font-weight: var(--fw-700);
    line-height: var(--lh-h2)
}

.typo-h3 {
    font-size: var(--fz-h3);
    font-weight: var(--fw-700);
    line-height: var(--lh-h3)
}

.typo-h4 {
    font-size: var(--fz-h4);
    font-weight: var(--fw-700);
    line-height: var(--lh-h4)
}

.typo-h5 {
    font-size: var(--fz-h5);
    font-weight: var(--fw-700);
    line-height: var(--lh-h5)
}

.typo-h6 {
    font-size: var(--fz-h6);
    font-weight: var(--fw-700);
    line-height: var(--lh-h6)
}

.typo-t1 {
    font-size: var(--fz-t1);
    font-weight: var(--fw-500);
    line-height: var(--lh-t1)
}

.typo-t2 {
    font-size: var(--fz-t2);
    font-weight: var(--fw-500);
    line-height: var(--lh-t2)
}

.typo-t3 {
    font-size: var(--fz-t3);
    font-weight: var(--fw-500);
    line-height: var(--lh-t3)
}

.typo-t4 {
    font-size: var(--fz-t4);
    font-weight: var(--fw-500);
    line-height: var(--lh-t4)
}

.typo-t5 {
    font-size: var(--fz-t5);
    font-weight: var(--fw-500);
    line-height: var(--lh-t5)
}

.typo-t6 {
    font-size: var(--fz-t6);
    font-weight: var(--fw-500);
    line-height: var(--lh-t6)
}

.typo-t7 {
    font-size: var(--fz-t7);
    font-weight: var(--fw-500);
    line-height: var(--lh-t7)
}

.typo-b1 {
    font-size: var(--fz-b1);
    font-weight: var(--fw-400);
    line-height: var(--lh-b1)
}

.typo-b2 {
    font-size: var(--fz-b2);
    font-weight: var(--fw-400);
    line-height: var(--lh-b2)
}

.typo-b3 {
    font-size: var(--fz-b3);
    font-weight: var(--fw-400);
    line-height: var(--lh-b3)
}

.typo-b4 {
    font-size: var(--fz-b4);
    font-weight: var(--fw-400);
    line-height: var(--lh-b4)
}

.typo-b5 {
    font-size: var(--fz-b5);
    font-weight: var(--fw-400);
    line-height: var(--lh-b5)
}

@media (min-width:992px) {
    .typo-lg-h1 {
        font-size: var(--fz-h1);
        font-weight: var(--fw-700);
        line-height: var(--lh-h1)
    }

    .typo-lg-h2 {
        font-size: var(--fz-h2);
        font-weight: var(--fw-700);
        line-height: var(--lh-h2)
    }

    .typo-lg-h3 {
        font-size: var(--fz-h3);
        font-weight: var(--fw-700);
        line-height: var(--lh-h3)
    }

    .typo-lg-h4 {
        font-size: var(--fz-h4);
        font-weight: var(--fw-700);
        line-height: var(--lh-h4)
    }

    .typo-lg-h5 {
        font-size: var(--fz-h5);
        font-weight: var(--fw-700);
        line-height: var(--lh-h5)
    }

    .typo-lg-h6 {
        font-size: var(--fz-h6);
        font-weight: var(--fw-700);
        line-height: var(--lh-h6)
    }

    .typo-lg-t1 {
        font-size: var(--fz-t1);
        font-weight: var(--fw-500);
        line-height: var(--lh-t1)
    }

    .typo-lg-t2 {
        font-size: var(--fz-t2);
        font-weight: var(--fw-500);
        line-height: var(--lh-t2)
    }

    .typo-lg-t3 {
        font-size: var(--fz-t3);
        font-weight: var(--fw-500);
        line-height: var(--lh-t3)
    }

    .typo-lg-t4 {
        font-size: var(--fz-t4);
        font-weight: var(--fw-500);
        line-height: var(--lh-t4)
    }

    .typo-lg-t5 {
        font-size: var(--fz-t5);
        font-weight: var(--fw-500);
        line-height: var(--lh-t5)
    }

    .typo-lg-t6 {
        font-size: var(--fz-t6);
        font-weight: var(--fw-500);
        line-height: var(--lh-t6)
    }

    .typo-lg-t7 {
        font-size: var(--fz-t7);
        font-weight: var(--fw-500);
        line-height: var(--lh-t7)
    }

    .typo-lg-b1 {
        font-size: var(--fz-b1);
        font-weight: var(--fw-400);
        line-height: var(--lh-b1)
    }

    .typo-lg-b2 {
        font-size: var(--fz-b2);
        font-weight: var(--fw-400);
        line-height: var(--lh-b2)
    }

    .typo-lg-b3 {
        font-size: var(--fz-b3);
        font-weight: var(--fw-400);
        line-height: var(--lh-b3)
    }

    .typo-lg-b4 {
        font-size: var(--fz-b4);
        font-weight: var(--fw-400);
        line-height: var(--lh-b4)
    }

    .typo-lg-b5 {
        font-size: var(--fz-b5);
        font-weight: var(--fw-400);
        line-height: var(--lh-b5)
    }
}

.paragraph__Lh {
    line-height: 2rem
}

.text-justify {
    text-align: justify
}

@media (min-width:992px) {
    .text-lg-justify {
        text-align: justify !important
    }
}

.lh-2 {
    line-height: 2rem
}

.tc1 {
    color: var(--tc1) !important;
    --icon-color: var(--tc1)
}

.tc2 {
    color: var(--tc2) !important;
    --icon-color: var(--tc2)
}

.tc3 {
    color: var(--tc3) !important;
    --icon-color: var(--tc3)
}

.tcg-00 {
    color: var(--Gray-00) !important;
    --icon-color: var(--Gray-00)
}

.tcg-10 {
    color: var(--Gray-10) !important;
    --icon-color: var(--Gray-10)
}

.tcg-20 {
    color: var(--Gray-20) !important;
    --icon-color: var(--Gray-20)
}

.tcg-30 {
    color: var(--Gray-30) !important;
    --icon-color: var(--Gray-30)
}

.tcg-40 {
    color: var(--Gray-40) !important;
    --icon-color: var(--Gray-40)
}

.tcg-50 {
    color: var(--Gray-50) !important;
    --icon-color: var(--Gray-50)
}

.tcg-60 {
    color: var(--Gray-60) !important;
    --icon-color: var(--Gray-60)
}

.tcg-70 {
    color: var(--Gray-70) !important;
    --icon-color: var(--Gray-70)
}

.tcg-80 {
    color: var(--Gray-80) !important;
    --icon-color: var(--Gray-80)
}

.tcg-90 {
    color: var(--Gray-90) !important;
    --icon-color: var(--Gray-90)
}

.tcg-95 {
    color: var(--Gray-95) !important;
    --icon-color: var(--Gray-95)
}

.tcg-99 {
    color: var(--Gray-99) !important;
    --icon-color: var(--Gray-99)
}

.tcm {
    color: var(--mc1) !important;
    --icon-color: var(--mc1)
}

.tcm2 {
    color: var(--mc2) !important;
    --icon-color: var(--mc2)
}

.tcm3 {
    color: var(--mc3) !important;
    --icon-color: var(--mc3)
}

.tcm4 {
    color: var(--mc4) !important;
    --icon-color: var(--mc4)
}

.tcm5 {
    color: var(--mc5) !important;
    --icon-color: var(--mc5)
}

.tcm-10 {
    color: var(--primary-10) !important;
    --icon-color: var(--primary-10)
}

.tcm-20 {
    color: var(--primary-20) !important;
    --icon-color: var(--primary-20)
}

.tcm-30 {
    color: var(--primary-30) !important;
    --icon-color: var(--primary-30)
}

.tcm-40 {
    color: var(--primary-40) !important;
    --icon-color: var(--primary-40)
}

.tcm-50 {
    color: var(--primary-50) !important;
    --icon-color: var(--primary-50)
}

.tgm {
    background: var(--mc1) !important
}

.tgm2 {
    background: var(--mc2) !important
}

.tgm3 {
    background: var(--mc3) !important
}

.tgm4 {
    background: var(--mc4) !important
}

.tgm5 {
    background: var(--mc5) !important
}

.tcw {
    color: var(--white) !important;
    --icon-color: var(--white)
}

.bgm {
    background-color: var(--mc1) !important
}

.hcw {
    transition: color var(--transition)
}

    .hcw:hover, .hcw:focus, .hcw:visited {
        color: var(--white) !important;
        --icon-color: var(--white)
    }

.hcm {
    transition: color var(--transition)
}

    .hcm:visited {
        color: inherit !important
    }

    .hcm:hover, .hcm:focus {
        color: var(--mc1) !important;
        --icon-color: var(--mc1)
    }

.fw-400 {
    font-weight: var(--fw-400)
}

.fw-500 {
    font-weight: var(--fw-500)
}

.fw-600 {
    font-weight: var(--fw-600)
}

.fw-700 {
    font-weight: var(--fw-700)
}

.fw-800 {
    font-weight: var(--fw-800)
}

.line-limit {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: var(--line-limit,1);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ez_Btn, .ez_Btn:visited, body:not(.personabar-visible) .LiveForm.Default input[type="submit"], body:not(.personabar-visible) .LiveForm.Default input[type="button"], body:is(.personabar-visible) a[title="Click to edit"] {
    --btn-accent: var(--primary-00);
    --btn-bak: var(--primary-40);
    --btn-accent-hover: var(--primary-00);
    --btn-bak-hover: var(--primary-60);
    --btn-accent-focus: var(--primary-00);
    --btn-bak-focus: var(--primary-70);
    --btn-accent-disabled: var(--Gray-60);
    --btn-bak-disabled: var(--Gray-90);
    --btn-border: 1px solid var(--primary-20);
    --btn-border-hover: 1px solid var(--primary-60);
    --btn-border-focused: 1px solid var(--primary-70);
    --btn-border-disabled: 1px solid var(--Gray-90);
    --after-border: var(--primary-00);
    background-color: var(--btn-bak) !important;
    background: var(--btn-bak);
    color: var(--btn-accent) !important;
    --icon-color: var(--btn-accent);
    --icon: 1.5rem;
    padding: .5rem 2rem;
    border-radius: 6px;
    transition: var(--transition);
    --btn-accent: var(--primary-00);
    --btn-bak: var(--mc1);
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    column-gap: .5rem;
    outline: none;
    border: solid 1px var(--btn-border,transparent);
    position: relative;
    cursor: pointer
}

@media (max-width:991px) {
    .ez_Btn {
        padding-inline: 12px
    }
}

.ez_Btn.outline {
    --btn-accent: var(--primary-60);
    --btn-bak: transparent;
    --btn-accent-hover: var(--primary-30);
    --btn-bak-hover: var(--primary-90);
    --btn-accent-focus: var(--primary-60);
    --btn-bak-focus: var(--white);
    --btn-accent-disabled: var(--Gray-60);
    --btn-bak-disabled: var(--white);
    --btn-shadow: 0px 0px 0px transparent;
    --btn-shadow-hover: 0px 4px 8px 0px #02091a1a;
    --btn-border: var(--primary-50);
    --btn-border-hover: transparent;
    --btn-border-focused: var(--primary-50);
    --btn-border-disabled: var(--Gray-60)
}

.ez_Btn.text {
    --btn-accent: var(--primary-60);
    --btn-bak: transparent;
    --btn-accent-hover: var(--primary-60);
    --btn-bak-hover: var(--primary-95);
    --btn-accent-focus: var(--primary-70);
    --btn-bak-focus: transparent;
    --btn-accent-disabled: var(--Gray-60);
    --btn-bak-disabled: transparent;
    --btn-shadow: none;
    --btn-shadow-hover: none;
    --btn-border: transparent;
    --btn-border-hover: transparent;
    --btn-border-focused: transparent;
    --btn-border-disabled: transparent
}

.ez_Btn.secondary {
    --btn-accent: var(--white);
    --btn-bak: var(--secondary-50);
    --btn-accent-hover: var(--white);
    --btn-bak-hover: var(--mc3);
    --btn-accent-focus: var(--white);
    --btn-bak-focus: var(--secondary-60);
    --btn-accent-disabled: var(--Gray-60);
    --btn-bak-disabled: var(--Gray-90);
    --btn-shadow: 0px 0px 0px transparent;
    --btn-shadow-hover: 0px 4px 8px 0px #02091a1a;
    --btn-border: transparent;
    --btn-border-hover: transparent;
    --btn-border-focused: transparent;
    --btn-border-disabled: transparent;
    --after-border: var(--secondary-10)
}

    .ez_Btn.secondary.outline {
        --btn-accent: var(--white);
        --btn-bak: transparent;
        --btn-accent-hover: var(--mc3) !important;
        --btn-bak-hover: transparent !important;
        --btn-accent-focus: var(--secondary-50);
        --btn-bak-focus: var(--white);
        --btn-accent-disabled: var(--Gray-60);
        --btn-bak-disabled: var(--white);
        --btn-shadow: 0px 0px 0px transparent;
        --btn-shadow-hover: 0px 4px 8px 0px #02091a1a;
        --btn-border: var(--white);
        --btn-border-hover: var(--secondary-70);
        --btn-border-focused: var(--secondary-50);
        --btn-border-disabled: var(--Gray-60)
    }

    .ez_Btn.secondary.text {
        --btn-accent: var(--secondary-50);
        --btn-bak: transparent;
        --btn-accent-hover: var(--secondary-50);
        --btn-bak-hover: var(--secondary-99);
        --btn-accent-focus: var(--secondary-50);
        --btn-bak-focus: transparent;
        --btn-accent-disabled: var(--Gray-60);
        --btn-bak-disabled: transparent;
        --btn-shadow: none;
        --btn-shadow-hover: none;
        --btn-border: transparent;
        --btn-border-hover: transparent;
        --btn-border-focused: transparent;
        --btn-border-disabled: transparent
    }

.ez_Btn::before {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% + var(--btn-offset, 0px));
    height: calc(100% + var(--btn-offset, 0px));
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: solid var(--btn-bak) 1px;
    border-radius: 6px;
    transition: calc(var(--transition) / 2)
}

.ez_Btn:hover, body:not(.personabar-visible) .LiveForm.Default input[type="submit"]:hover, body:not(.personabar-visible) .LiveForm.Default input[type="button"]:hover {
    --btn-accent: var(--btn-accent-hover);
    --btn-bak: var(--btn-bak-hover);
    --btn-border: var(--btn-border-hover)
}

.ez_Btn:not(:is(:disabled,.disable)):active, body:not(.personabar-visible) .LiveForm.Default input[type="submit"]:not(:is(:disabled,.disable)):active, body:not(.personabar-visible) .LiveForm.Default input[type="button"]:not(:is(:disabled,.disable)):active, body:is(.personabar-visible) a[title="Click to edit"]:not(:is(:disabled,.disable)):active {
    --btn-offset: 0.5rem;
    --btn-accent: var(--btn-accent-focus);
    --btn-bak: var(--btn-bak-focus);
    --btn-border: var(--btn-border-focus)
}

.ez_Btn:is(:disabled,.disable), body:not(.personabar-visible) .LiveForm.Default input[type="submit"]:is(:disabled,.disable), body:not(.personabar-visible) .LiveForm.Default input[type="button"]:is(:disabled,.disable) {
    --btn-accent: var(--btn-accent-disabled);
    --btn-bak: var(--btn-bak-disabled);
    --btn-border: var(--btn-border-disabled);
    cursor: default
}

body.rtl .ez_Btn .ezIcon {
    --icon-rotate: 180deg
}

.ezIcon, body:is(.personabar-visible) a[title="Click to edit"]::after, .ez__Menu_Wrapper .menu-main li.menu-have-submenu > .header__Menu_Item::after, .headerSideNav_Side .menu-main li a::before, .searchSkinObjectPreview li[data-url] > span::after, .searchSkinObjectPreview > li .searchSkinObjectPreview_more::after, .footer__Menu_Item::before, .home__Counter_Wrapper::after, .home__Counter_Wrapper::before, .contact__Form_Outer::before, .contact__Form_Outer::after, .nice-select:after {
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    display: inline-flex;
    vertical-align: middle;
    background: var(--icon-color);
    mask: var(--icon-url) no-repeat center / var(--icon-inner,cover);
    -webkit-mask: var(--icon-url) no-repeat center / var(--icon-inner,cover);
    margin-inline-start: var(--icon-ms,0);
    margin-inline-end: var(--icon-me,0);
    margin-block: var(--icon-mt,0) var(--icon-mb,0);
    transition: all var(--transition);
    -webkit-transition: all var(--transition);
    rotate: calc(var(--icon-rotate, 0deg) * var(--direction-num, 1));
    transform: var(--icon-transform,none)
}

.main_Space {
    margin-bottom: var(--main-space) !important
}

.title_Space {
    margin-bottom: var(--title-space) !important
}

@media (min-width:992px) {
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
}

.bottom_Space {
    margin-top: var(--bottom-space)
}

.col-gap-1 {
    column-gap: calc(var(--gap) * 0.5)
}

.col-gap-2 {
    column-gap: calc(var(--gap) * 1)
}

.col-gap-3 {
    column-gap: calc(var(--gap) * 2)
}

.col-gap-4 {
    column-gap: calc(var(--gap) * 3)
}

.row-gap-1 {
    row-gap: calc(var(--gap) * 0.5)
}

.row-gap-2 {
    row-gap: calc(var(--gap) * 1)
}

.row-gap-3 {
    row-gap: calc(var(--gap) * 2)
}

.row-gap-4 {
    row-gap: calc(var(--gap) * 3)
}

.nice-select {
    width: 100% !important;
    border: solid 1px var(--mc1) !important;
    background-color: var(--mc1-fade-4);
    border-radius: var(--border-radius-sm) !important;
    padding: 0.5rem !important;
    float: unset !important;
    font-weight: var(--fw-500) !important;
    height: 60px
}

    .nice-select::after {
        left: unset !important;
        right: 12px !important;
        width: 10px !important;
        height: 10px !important;
        border-color: var(--mc1)
    }

body.rtl .nice-select::after {
    right: unset !important;
    left: 12px !important
}

.nice-select ul.list {
    width: 100%;
    border-radius: var(--border-radius-sm) !important;
    max-height: calc(7 * 40px) !important;
    overflow-y: auto;
    margin-inline-start: 0 !important
}

.nice-select.open .nice-select-search-box {
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0
}

.nice-select .nice-select-search {
    border: none
}

.nice-select .current {
    display: block;
    width: 100%;
    text-align: start;
    font-weight: var(--fw-400);
    line-height: 1.5rem
}

.nice-select .option.selected {
    color: var(--mc1)
}

:root {
    --slick-arrow-width: 36px;
    --slick-arrow-icon: 28px;
    --slick-arrow-accent: var(--mc2);
    --slick-arrow-radius: var(--border-radius-sm)
}

@media (max-width:991px) {
    :root {
        --slick-arrow-width: 2rem;
        --slick-arrow-icon: 2rem;
        --slick-arrow-shadow: 0px 0px 5px hsl(from var(--Gray-00) h s l / 20%);
        --slick-arrow-back: var(--white);
        --slick-arrow-padding: 0.25rem
    }
}

.slick-slide img {
    width: 100%
}

.slick-arrow {
    width: var(--slick-arrow-width);
    height: var(--slick-arrow-width);
    background: var(--slick-arrow-back) !important;
    outline: none !important;
    font-size: 0 !important;
    transition: var(--transition) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
    border-radius: var(--slick-arrow-radius) !important;
    z-index: 1 !important;
    padding: var(--slick-arrow-padding);
    border: none;
    filter: grayscale(0);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--slick-arrow-shadow)
}

    .slick-arrow.slick-disabled {
        filter: grayscale(1);
        --slick-arrow-accent: var(--bw-fade-4);
        cursor: not-allowed
    }

    .slick-arrow.slick-prev {
        left: auto !important;
        right: 100% !important;
        --rotation: rotate(calc(0 * var(--direction-num)));
        translate: calc(+50% * var(--direction-num))
    }

body.rtl .slick-arrow.slick-prev {
    --rotation: rotate(calc(180deg * var(--direction-num)));
    left: 100% !important;
    right: auto !important
}

.slick-arrow.slick-next {
    left: 100% !important;
    right: auto !important;
    --rotation: rotate(calc(180deg * var(--direction-num)));
    translate: calc(-50% * var(--direction-num))
}

body.rtl .slick-arrow.slick-next {
    --rotation: rotate(calc(0 * var(--direction-num)));
    left: auto !important;
    right: 100% !important
}

@media (max-width:575px) {
    .slick-arrow.slick-next {
        translate: +100%
    }

    .slick-arrow.slick-prev {
        translate: -100%
    }
}

.slick-arrow::before {
    content: "" !important;
    font-size: 0 !important;
    transform: var(--rotation) !important;
    transition: var(--transition) !important;
    mask: url(../assets/icons/slick-arrow.svg) no-repeat center;
    mask-size: cover;
    -webkit-mask: url(../assets/icons/slick-arrow.svg) no-repeat center;
    -webkit-mask-size: cover;
    background-color: var(--slick-arrow-accent,var(--mc1)) !important;
    width: var(--slick-arrow-icon);
    height: var(--slick-arrow-icon);
    display: block
}

.slick-arrow:not(.slick-disabled):hover {
    --slick-arrow-accent: var(--white);
    border-color: var(--mc2) !important;
    background: var(--mc2) !important
}

.slide-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 1;
    background: #f4f4f4;
    border-radius: 50%;
    text-align: center
}

    .slide-arrow.arrow-prev {
        left: 0
    }

    .slide-arrow.arrow-next {
        right: 0
    }

body.rtl .slide-arrow.arrow-prev {
    left: unset;
    right: 0
}

body.rtl .slide-arrow.arrow-next {
    left: 0;
    right: unset
}

.slick-dots {
    position: static !important;
    margin-inline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

    .slick-dots li {
        width: auto !important;
        height: auto !important
    }

        .slick-dots li button {
            background: var(--Gray-95) !important;
            border-radius: 0 !important;
            width: 0.25rem !important;
            height: 0.25rem !important;
            transition: var(--transition);
            padding: 0 !important;
            font-size: 0;
            outline: none;
            border-radius: 50% !important
        }

        .slick-dots li.slick-active button {
            background: var(--white) !important;
            width: 6px !important;
            height: 6px !important
        }

        .slick-dots li button::before {
            display: none
        }

.slick-dotted.slick-slider {
    margin-bottom: 0 !important
}

.LiveForm.Default {
    margin-bottom: 0 !important
}

.ModLiveFormsC {
    max-width: 100%
}

.LiveForm.Default label.error {
    display: none !important
}

body:not(.personabar-visible) .LiveForm.Default td, body:not(.personabar-visible) .LiveForm.Default th, body:not(.personabar-visible) .LiveForm.Default table, body:not(.personabar-visible) .LiveForm.Default .Field input, body:not(.personabar-visible) .LiveForm.Default .Field select, body:not(.personabar-visible) .LiveForm.Default .Field textarea, body:not(.personabar-visible) .LiveForm.Default .Field button {
    font-family: inherit
}

.LiveForm .page-break-section:before, .LiveForm .page-break-section:after, .LiveForm .page-break-section .form-row:before, .LiveForm .page-break-section .form-row:after {
    display: none !important
}

body:not(.personabar-visible) .LiveForm.Default .thank-you h2 {
    font-size: 32px;
    color: var(--secondary-30)
}

body:not(.personabar-visible) .LiveForm.Default .thank-you hr {
    border-color: #fff0
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section, body:not(.personabar-visible) .LiveForm.Default .thank-you {
    --form-radius: unset;
    --form-block-padding: 0;
    --form-inline-padding: 0;
    --form-inline-gap: 44px;
    --form-block-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(var(--form-grid-col,3),1fr);
    background: transparent !important;
    box-shadow: unset;
    border-radius: var(--form-radius) !important;
    padding: var(--form-block-padding) var(--form-inline-padding) !important
}

@media (max-width:991px) {
    body:not(.personabar-visible) .LiveForm.Default ul.page-break-section, body:not(.personabar-visible) .LiveForm.Default .thank-you {
        --form-grid-col: 2
    }
}

@media (max-width:575px) {
    body:not(.personabar-visible) .LiveForm.Default ul.page-break-section, body:not(.personabar-visible) .LiveForm.Default .thank-you {
        --form-grid-col: 1
    }

    body:not(.personabar-visible) .LiveForm.Default .Fileupload {
        margin-bottom: 3rem
    }
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    justify-content: end
}

    body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field p a {
        color: var(--mc1);
        margin-inline: .25rem
    }

@media (min-width:992px) {
    body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple {
        grid-column: 1 / span 2
    }
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple label {
    width: auto;
    white-space: nowrap
}

.captcha-refresh {
    
}

.page-break-section {
    display: flex;
    gap: var(--form-block-gap) var(--form-inline-gap);
    flex-wrap: wrap
}

.Field-Container-Wide {
    height: 100%;
    width: 100%
}

@media (min-width:992px) {
    body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple {
        display: flex
    }

    body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple {
        width: 100%
    }

        body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Field.CaptchaSimple .Field-Container-Wide > div {
            flex-direction: row
        }
}

img.captcha-simple {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

body.rtl img.captcha-simple {
    right: unset;
    left: 0
}

@media (max-width:991px) {
    body:not(.personabar-visible) .LiveForm .form-col-6 {
        width: 100% !important
    }
}

body:not(.personabar-visible) .LiveForm.Default :is(input:not([type="submit"],[type="file"]),textarea) {
    width: 100%;
    margin-bottom: unset;
    max-width: 100%;
    border: solid 1px var(--Gray-90) !important;
    border-radius: 0;
    padding-inline: .5rem;
    padding-block: 28px .75rem;
    font-size: var(--fz-b3);
    line-height: var(--lh-b3);
    font-weight: var(--fw-400);
    transition: var(--transition);
    height: 48px;
    color: var(--tc3) !important
}

body:not(.personabar-visible) .LiveForm.Default input:focus, body:not(.personabar-visible) .LiveForm.Default textarea:focus {
    border-color: var(--primary-40) !important;
    box-shadow: 0 2px 8px 0 #00000014
}

body:not(.personabar-visible) .LiveForm.Default .nice-select {
    border-color: var(--Gray-90) !important;
    background-color: var(--white) !important;
    display: flex;
    align-items: end;
    padding-inline-end: 1.5rem;
    height: 100%;
    max-height: 66px
}

body:not(.personabar-visible) .nice-select .nice-select .current {
    line-height: normal;
    font-size: var(--fz-lg)
}

body:not(.personabar-visible) .LiveForm.Default .Field input[type="checkbox"] {
    display: none
}

    body:not(.personabar-visible) .LiveForm.Default .Field input[type="checkbox"] ~ label {
        display: flex;
        align-items: center;
        gap: .5rem
    }

        body:not(.personabar-visible) .LiveForm.Default .Field input[type="checkbox"] ~ label::before {
            content: "";
            width: 1.5rem;
            height: 1.5rem;
            background-color: var(--white);
            background-image: url(../assets/icons/check.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 1rem 1rem;
            border: solid 1px var(--mc1);
            border-radius: .25rem;
            vertical-align: middle;
            transition: var(--transition)
        }

    body:not(.personabar-visible) .LiveForm.Default .Field input[type="checkbox"]:checked ~ label::before {
        background-color: var(--mc1)
    }

body:not(.personabar-visible) .LiveForm.Default .Field label[class*="Field-Label-"], body:not(.personabar-visible) .LiveForm.Default .Field > label, body:not(.personabar-visible) .LiveForm.Default .Field .MatrixWrapper > label {
    margin-bottom: -4px !important;
    height: .5rem;
    font-weight: var(--fw-400);
    font-size: var(--fz-b4);
    color: var(--Gray-60);
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-inline-start: .5rem;
    padding-inline: 6px;
    pointer-events: none;
    position: relative;
    z-index: 2;
    background-color: var(--white);
    width: fit-content
}

body:not(.personabar-visible) .LiveForm.Default .Field.Required > label::before {
    content: "*";
    color: var(--primary-50);
    font-weight: var(--fw-500);
    padding-inline-end: 2px;
    order: 2
}

.LiveForm .plupload_filelist_header, .LiveForm .plupload_filelist_footer, .LiveForm .plupload_container {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    height: fit-content
}

body:not(.personabar-visible) .LiveForm.Default .plupload_buttons {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: absolute !important;
    top: 100% !important;
    left: 0;
    padding-top: .75rem;
    font-size: var(--fz-b4);
    line-height: var(--lh-b5);
    font-weight: var(--fw-400);
    width: 100%
}

body:not(.personabar-visible) .LiveForm.Default .plupload_buttons__Text {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    border: 1px solid #bdbdbd;
    border-inline-start: none;
    border-radius: 0 10px 10px 0;
    font-size: 0.875rem !important;
    color: var(--tc1);
    padding: 12px;
    max-width: calc(100% - 120px);
    overflow: auto
}

.LiveForm.Default .Field.mobile-under .Field-Container-Wide, .LiveForm.Default .Field.mobile-under .Field-Container, .LiveForm.Default .Field.mobile-under .intl-tel-input {
    height: 64px
}

@supports (-webkit-touch-callout:none) {
    body:not(.personabar-visible) .LiveForm.Default .Field.Fileupload:not(.active,:has(.plupload_filelist li)) > label {
        translate: 0 -1.5rem
    }
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .Field-Container-Wide {
    position: relative !important;
    border: solid 1px var(--Gray-90);
    border-radius: var(--border-radius-sm);
    padding-inline-end: 2.5rem
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload input {
    cursor: pointer
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .Field-Container-Wide .moxie-shim.moxie-shim-html5 {
    right: 1rem !important;
    top: unset !important;
    left: unset !important;
    bottom: 0.5rem !important;
    --icon-url: url(../assets/icons/clip.svg);
    width: 1.5rem !important;
    height: 1.5rem !important;
    mask: var(--icon-url) no-repeat center / cover;
    -webkit-mask: var(--icon-url) no-repeat center / cover;
    background-color: var(--mc1);
    cursor: pointer !important
}

body.rtl:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .Field-Container-Wide .moxie-shim.moxie-shim-html5 {
    right: unset !important;
    left: 1rem !important
}

.plupload_filelist_header {
    display: none !important
}

.plupload_container .plupload_filelist {
    background: none !important;
    width: 100%
}
/*
#Body .LiveForm .Fileupload .Field-Container-Wide {
    display: flex !important;
    align-items: end;
    padding-bottom: .5rem;
    padding-inline-start: .5rem
}*/

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section [style="position: relative;"] {
    position: unset !important
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .Field-Container-Wide .plupload_buttons > a:first-child {
    display: none !important
}

body:not(.personabar-visible) {
    --form-message: "File : PDF or JPG up to 5Mb";
    --form-message-color: var(--Gray-80)
}

body.rtl:not(.personabar-visible) {
    --form-message: "فایل مجاز: PDF یا JPG تا حجم 5 مگابایت";
    --form-message-color: var(--Gray-80)
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .Field-Container-Wide .plupload_buttons::before {
    content: var(--form-message);
    color: var(--form-message-color,inherit);
    white-space: initial;
    font-size: var(--fz-b4)
}

body:not(.personabar-visible) .plupload_container:has(.plupload_failed) {
    --form-message: "Your file is to large to Upload";
    --form-message-color: var(--error-00)
}

body.rtl:not(.personabar-visible) .plupload_container:has(.plupload_failed) {
    --form-message: "فایل آپلودی سنگین تر از حجم مجاز است"
}

body:not(.personabar-visible) .plupload_container:has(.plupload_done) {
    --form-message: "Upload Succesful";
    --form-message-color: var(--success-00)
}

body.rtl:not(.personabar-visible) .plupload_container:has(.plupload_done) {
    --form-message: "فایل با موفقیت آپلود شد"
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .plupload_filelist_footer {
    height: unset !important
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button {
    position: relative !important;
    display: flex !important;
    margin-inline-end: 0 !important;
    white-space: nowrap;
    min-width: fit-content !important;
    cursor: pointer;
    background: #fff0;
    border-color: var(--mc1);
    color: var(--mc1) !important;
    padding: 0 1rem !important;
    text-align: center;
    font-family: inherit;
    font-weight: var(--fw-600);
    height: 2rem;
    align-items: center;
    gap: 0 !important;
    transition: var(--transition)
}

.plupload_button:hover {
    background: var(--primary-50) !important;
    --mc1: var(--white)
}

.plupload_container .plupload_filelist {
    height: fit-content !important;
    overflow: visible !important;
    background-color: var(--mc1-fade-2);
    margin-block: 0;
    border-radius: calc(var(--border-radius-sm) / 2)
}

.plupload_file_icon {
    max-width: 1.5rem
}

/*.plupload_file_name {
    max-width: calc(70% - 3rem) !important;
    text-overflow: ellipsis;
    margin-inline-end: auto !important;
    overflow: hidden;
    white-space: nowrap
}*/

.plupload_filelist .plupload_file_name {
    width: 150px !important
}

.plupload_file_status {
    width: 2rem !important
}

.plupload_file_status {
    color: var(--Gray-00) !important
}

.plupload_content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center
}

.plupload_file_icon img {
    max-width: 100% !important;
    margin-inline-start: 0 !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0 !important
}

.plupload_filelist li {
    background: unset !important;
    align-items: center;
    padding: 0 0 0 0 !important;
    justify-content: space-between;
    width: calc(100% - 2rem)
}

.Field-Container-Wide [id*="View_Fileupload"] {
    width: 100%
}

.plupload_filelist li:last-child {
    border-bottom: unset !important;
    align-items: center !important
}

.plupload_filelist li > div:is(.plupload_file_icon,.plupload_file_size,.plupload_clearer) {
    display: none
}

.plupload_file_action {
    display: flex;
    align-items: center;
    justify-content: end;
    --icon: 1rem;
    --icon-url: url(../assets/icons/close.svg);
    width: 16% !important;
    height: 100% !important;
    margin: 0 !important;
    float: unset !important;
    display: none
}

li.plupload_delete a {
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    mask: var(--icon-url) no-repeat center / cover;
    -webkit-mask: var(--icon-url) no-repeat center / cover;
    display: block;
    background: var(--mc1) !important
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button__Upload::before {
    content: "\f110 ";
    animation: 1s rotateAnime infinite ease-in-out
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button__Failed::before {
    content: "\f071 "
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button__Done::before {
    content: "\f00c "
}

@media (min-width:992px) {
    body:not(.personabar-visible) .LiveForm.Default .page-break-section li.Submitbutton {
        width: 100% !important;
        margin-inline-end: auto;
        justify-content: end
    }

        body:not(.personabar-visible) .LiveForm.Default .page-break-section li.Submitbutton .Submit-Align-Right {
            text-align: start !important
        }
}

body#Body:not(.personabar-visible) .LiveForm.Default input[type="submit"], body#Body:not(.personabar-visible) .LiveForm.Default input[type="button"] {
    background: var(--mc1);
    border-radius: var(--border-radius-sm) !important;
    background-color: var(--mc1) !important;
    box-shadow: none !important;
    border: solid 1px transparent !important;
    padding: .5rem 48px !important;
    font-size: var(--fz-b3);
    line-height: var(--lh-b3) !important;
    font-weight: var(--fw-600);
    height: auto !important;
    width: 100% !important
}

@media (max-width:991px) {
    body#Body:not(.personabar-visible) .LiveForm.Default input[type="submit"], body#Body:not(.personabar-visible) .LiveForm.Default input[type="button"] {
        width: 100% !important
    }
}

body#Body:not(.personabar-visible) .LiveForm.Default input[type="submit"]:hover, body#Body:not(.personabar-visible) .LiveForm.Default input[type="button"]:hover {
    box-shadow: none;
    background: var(--primary-60) !important;
    border-color: transparent !important
}

body:not(.personabar-visible) .LiveForm.Default .Submit-Align-Right {
    text-align: end !important
}

.dialog_Box {
    padding: 1.5rem;
    font-size: var(--fz-lg);
    font-weight: var(--fw-600);
    border-radius: var(--border-radius-sm);
    --back-color: var(--mc1-fade-4);
    --accent-color: var(--mc1);
    background-color: var(--back-color);
    color: var(--accent-color);
    --list-bullet-collor: var(--accent-color)
}

    .dialog_Box :last-child {
        margin-bottom: 0 !important
    }

    .dialog_Box.danger {
        --back-color: #ffe5e5;
        --accent-color: #ff0000
    }

    .dialog_Box.warning {
        --back-color: #fff4b7;
        --accent-color: #b78f43
    }

    .dialog_Box * {
        color: inherit !important
    }

@keyframes rotateAnime {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (min-width:992px) {
    .LiveForm.Default .gridSpan-2 {
        grid-column: 1 / span 2
    }

    .LiveForm.Default .gridSpan-3 {
        grid-column: 1 / span 3
    }
}

body:not(.personabar-visible) .LiveForm.Default .Field input, body:not(.personabar-visible) .LiveForm.Default .Field .nice-select {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--Gray-95) !important;
    background: var(--white);
    height: 4rem !important;
    margin-inline: auto;
    padding-inline: 0.5rem !important
}

    body:not(.personabar-visible) .LiveForm.Default .Field input:hover, body:not(.personabar-visible) .LiveForm.Default .Field .nice-select:hover, body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .Field-Container-Wide:hover {
        border-color: var(--Gray-70) !important;
        box-shadow: 0 8px 16px 0 rgb(0 29 47 / .05)
    }

body:not(.personabar-visible) .LiveForm.Default input[type="file"] {
    padding: 0 !important;
    font-size: 0 !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    position: static !important
}

body:not(.personabar-visible) .LiveForm.Default input.error, body:not(.personabar-visible) .LiveForm.Default textarea.error, body:not(.personabar-visible) .LiveForm.Default select.error {
    border-bottom-color: var(--mc1) !important
}

body:not(.personabar-visible) .LiveForm.Default .Field.active input, body:not(.personabar-visible) .LiveForm.Default .Field.active .nice-select {
    border-color: var(--Gray-60) !important
}

body:not(.personabar-visible) .LiveForm.Default .Field .nice-select.open {
    border-radius: 0 !important
}

body:not(.personabar-visible) .LiveForm.Default .Field > label {
    margin: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    position: absolute !important;
    right: .5rem;
    top: calc(50% + 12px);
    transform: translateY(-50%);
    font-size: var(--fz-b4);
    font-weight: 400;
    color: var(--Gray-70);
    height: fit-content;
    transition: var(--transition)
}

body:not(.personabar-visible,.rtl) .LiveForm.Default .Field > label {
    right: unset;
    left: .5rem
}

body:not(.personabar-visible) .LiveForm.Default .Field:is(.active,:has(.plupload_filelist li)) > label {
    top: 1rem;
    transform: translateY(0);
    font-size: 12px;
    color: var(--Gray-80) !important
}

body:not(.personabar-visible) .LiveForm.Default ul.page-break-section .Fileupload .Field-Container-Wide {
    border-radius: none !important;
    border: none !important;
    border-bottom: 1px solid var(--Gray-95) !important;
    height: 3.75rem !important;
    background: var(--white);
    transition: var(--transition)
}

.datePicker, .Fileupload {
    position: relative
}

    .datePicker::before {
        content: "";
        display: block;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        width: 24px;
        height: 24px;
        background: url(/Portals/_default/skins/ez-skin/assets/icons/calendar.svg) no-repeat center;
        background-size: contain
    }

body.rtl .datePicker::before {
    right: unset;
    left: 1rem
}

.nice-select:after {
    border: none !important;
    transform: none !important;
    transform-origin: center;
    --icon-url: url(../assets/icons/chevUp.svg);
    --icon: 1rem;
    --icon-rotate: 90deg;
    --icon-color: var(--Gray-50);
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    display: inline-flex;
    vertical-align: middle;
    background: var(--icon-color);
    mask: var(--icon-url) no-repeat center / var(--icon-inner,cover);
    -webkit-mask: var(--icon-url) no-repeat center / var(--icon-inner,cover);
    margin-inline-start: var(--icon-ms,0);
    margin-inline-end: var(--icon-me,0);
    margin-block: var(--icon-mt,0) var(--icon-mb,0);
    transition: all var(--transition);
    -webkit-transition: all var(--transition);
    rotate: calc(var(--icon-rotate, 0deg) * var(--direction-num, 1));
    transform: var(--icon-transform,none)
}

.nice-select.open:after {
    --icon-rotate: -90deg
}

body.rtl .nice-select .option, body.rtl .nice-select .current {
    text-align: right
}

.nice-select .option {
    padding-inline: 0.5rem !important
}

.nice-select .list {
    max-height: 200px;
    overflow: auto
}

body:not(.personabar-visible) .LiveForm.Default .plupload_button {
    border-radius: 0;
    height: 2rem;
    padding: 4px 2rem !important;
    display: flex;
    align-items: center;
    font-size: var(--fz-b4);
    font-weight: 400
}

body:not(.personabar-visible) .LiveForm.Default .Field.Required > label::before {
    color: var(--mc1) !important;
    order: 1;
    padding-inline-end: 0.25rem !important
}

body.rtl .nice-select::after {
    right: unset !important;
    left: 12px !important;
    --icon-rotate: -90deg
}

body.rtl .nice-select.open::after {
    --icon-rotate: 90deg
}

.datepicker-plot-area * {
    font-family: "vazirmatn"
}

.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-month-view .month-item, .datepicker-plot-area .datepicker-year-view .year-item {
    font-size: var(--fz-t6);
    font-weight: var(--fw-400);
    color: var(--Gray-30)
}

.datepicker-plot-area .datepicker-day-view .table-days td.today span {
    background-color: var(--mc1);
    color: var(--white);
    text-shadow: none !important
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-month-view .month-item.selected, .datepicker-plot-area .datepicker-year-view .year-item.selected {
    background-color: var(--primary-50);
    color: var(--white);
    text-shadow: none !important
}

    .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover {
        background-color: var(--primary-70);
        color: var(--white)
    }

.datepicker-plot-area .datepicker-day-view .month-grid-box .header {
    height: fit-content
}

.dnnLoading {
    background: #fff url(/portals/0/logo.svg) no-repeat center center;
    background-size: 80px 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

    .dnnLoading::after {
        content: "";
        display: block;
        width: 160px;
        height: 104px;
        transform: rotate(0deg);
        animation: rotateAnime 1s ease infinite;
        mask: url(../assets/icons/loadingCircle.svg) no-repeat center / cover;
        -webkit-mask: url(../assets/icons/loadingCircle.svg) no-repeat center / cover;
        background-color: var(--mc1)
    }

html::-webkit-scrollbar {
    width: 10px
}

html::-webkit-scrollbar-track {
    background: #f1f1f1
}

html::-webkit-scrollbar-thumb {
    transition: var(--transition);
    background: var(--primary-10)
}

.modal-body::-webkit-scrollbar {
    width: 8px
}

.modal-body::-webkit-scrollbar-track {
    background: #f1f1f1
}

.modal-body::-webkit-scrollbar-thumb {
    transition: var(--transition);
    background: var(--mc1)
}

.article__InternalLink, .article__InternalLink:visited {
    color: var(--mc3);
    transition: var(--transition)
}

.personabar--btn, .personabar-usertype {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    border-bottom: solid 1px #3d3c3c;
    cursor: pointer;
    z-index: 10000000;
    background-color: #026790;
    position: fixed;
    left: 0;
    top: 0;
    width: 80px
}

.personabar-usertype {
    right: 0;
    top: 42px;
    color: #fff
}

.rtl .personabar--btn {
    right: 0;
    left: auto
}

.personabar--btn svg, .test svg {
    fill: #fff
}

iframe#personaBar-iframe, .personabar-placeholder, .editBarFrameContainer {
    transition: 0.5s
}

.personabar--closed iframe#personaBar-iframe, .personabar--closed .personabar-placeholder {
    left: -80px
}

.rtl.personabar--closed iframe#personaBar-iframe, .rtl.personabar--closed .personabar-placeholder {
    left: auto;
    right: -80px !important
}

.personabar--closed {
    margin: 0 !important
}

    .personabar--closed .editBarFrameContainer {
        bottom: -80px
    }

.DNNEmptyPane.d-none {
    display: none !important
}

.personabar--btn {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transform: scale(-1)
}

    .personabar--btn .icon-bar {
        height: 3px;
        background-color: #fff;
        transition: var(--transition);
        margin: 2px 0;
        width: 20px;
        border-radius: 10px
    }

body:not(.personabar--closed) .personabar--btn .icon-bar:nth-child(1) {
    transform: rotatez(-45deg) translate(-6px,6px);
    transform-origin: bottom
}

body:not(.personabar--closed) .personabar--btn .icon-bar:nth-child(2) {
    transform-origin: top;
    transform: rotatez(-45deg);
    width: 0;
    opacity: 0
}

*:is([class*="me-1"],[class*="ms-1"]) body:not(.personabar--closed) .personabar--btn .icon-bar:nth-child(3) {
    transform-origin: bottom;
    transform: translate(-2px,-6px) rotatez(45deg)
}

.DnnModule-DNNGoDNNGalleryPro .wb-slides .slick-track {
    min-width: 100%
}

.LiveForms .Toolbar-Item .glyphicon-floppy-saved, .LiveForms .Toolbar-Item .glyphicon-floppy-saved ~ .Toolbar-Text {
    display: none !important
}

.dnnSearchBoxPanel {
    background: none;
    padding: unset;
    margin-top: var(--title-space);
    max-width: unset !important;
    order: 0
}

.dnnSearchResultAdvancedTip, div:has(>.dnnSearchResultCountPerPage), .dnnSearchResultItem-Link {
    display: none !important
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title {
    font-size: var(--fz-t5);
    font-weight: var(--fw-500);
    line-height: var(--lh-t5);
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    --icon: 1.5rem;
    --icon-url: url(../assets/icons/chevUp.svg);
    --icon-rotate: 90deg;
    --icon-color: var(--Gray-30)
}

    .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title > a {
        display: flex;
        width: 100%;
        justify-content: space-between
    }

        .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title > a::after {
            content: ""
        }

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description {
    color: var(--Gray-40);
    font-weight: var(--fw-400);
    font-size: var(--fz-b4);
    line-height: var(--lh-b4)
}

.dnnSearchBox > input[type="text"], .dnnSearchBox > input[type="text"]:focus {
    position: static !important;
    width: 100% !important;
    order: 1;
    background-color: unset !important;
    font-size: var(--fz-t5);
    line-height: var(--lh-t5);
    font-weight: var(--fw-500);
    color: var(--tc1)
}

    .dnnSearchBox > input[type="text"]::placeholder {
        color: var(--Gray-50);
        margin-inline-start: 1rem
    }

.dnnSearchBoxPanel .dnnSearchBox {
    margin: 0;
    box-shadow: none;
    padding: 1rem 2rem;
    background-color: var(--primary-100);
    border-radius: 0;
    display: flex;
    align-items: center;
    border: none;
    margin-bottom: 2rem
}

.dnnSearchBox > a.dnnSearchBoxClearText {
    position: static;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    mask: url(../assets/icons/closeCircled.svg) no-repeat center / cover;
    -webkit-mask: url(../assets/icons/closeCircled.svg) no-repeat center / cover;
    order: 2;
    display: flex !important;
    margin-bottom: unset;
    background: var(--Gray-20) !important;
    transition: var(--transition)
}

.dnnSearchBox_advanced {
    display: none
}

.dnnSearchBox > a.dnnSearchButton {
    position: static !important;
    margin: 0 !important;
    background-image: none !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    mask: url(../assets/icons/search.svg) no-repeat center / 24px 24px !important;
    -webkit-mask: url(../assets/icons/search.svg) no-repeat center / 24px 24px !important;
    background-color: var(--primary-50) !important;
    order: 0 !important
}

.dnnSearchResultPanel {
    background: unset;
    display: flex;
    justify-content: end;
    align-items: baseline;
    margin-inline-start: auto
}

.dnnRight:has(.dnnPager-current) {
    display: none
}

.dnnSearchResultPanel::before {
    content: "sort by:";
    color: var(--Gray-20);
    font-size: var(--fz-t6);
    font-weight: var(--fw-500);
    line-height: var(--lh-t6);
    margin-inline-end: 1rem
}

body.rtl .dnnSearchResultPanel::before {
    content: "ترتیب براساس:"
}

.ModSearchResultsC {
    display: flex;
    justify-content: end;
    flex-wrap: wrap
}

.dnnSearchResultPager, .dnnSearchResultPanel {
    width: 50%
}

.dnnSearchResultPager {
    order: 1;
    border: none !important;
    margin: 0 !important;
    vertical-align: middle;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 40px;
    font-size: var(--fz-b4);
    line-height: var(--lh-b4);
    font-weight: var(--fw-400)
}

.dnnSearchResultItem-Others, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others span {
    color: var(--Gray-80);
    font-weight: var(--fw-400);
    font-size: var(--fz-b4);
    line-height: var(--lh-b4)
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b {
    color: var(--primary-50);
    font-weight: inherit
}

.dnnSearchResultPanel {
    order: 2;
    margin: 0;
    padding: 0;
    justify-content: space-between
}

.dnnSearchResultPager span {
    margin: 0
}

.dnnSearchResultPager:not(.dnnSearchResultPagerTop) {
    display: none !important
}

.dnnSearchResultContainer {
    width: 100%;
    margin-top: var(--title-space);
    padding-top: 30px;
    border-top: solid 2px var(--primary-50);
    order: 3
}

.dnnSearchResultSortOptions {
    display: flex;
    gap: 1.5rem
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li > a {
    background: unset !important;
    border-bottom: solid 1px #fff0;
    font-size: var(--fz-t6);
    font-weight: var(--fw-500);
    line-height: var(--lh-t6);
    color: var(--Gray-20);
    transition: var(--transition);
    padding: 0 0 .25rem 0
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li {
    border: none
}

    .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {
        border-color: var(--primary-50);
        color: var(--primary-50)
    }

.dnnSearchResultPanel .dnnSearchResultSortOptions {
    border: none;
    padding: 0
}

.dnnRight {
    margin-right: 0 !important
}

@media (max-width:991px) {
    .dnnSearchResultSortOptions {
        gap: 1rem
    }

    .dnnSearchResultPanel::before {
        margin: 0
    }
}

.subPageSection table {
    border-radius: var(--border-radius-sm);
    margin-inline: auto;
    padding: .5rem
}

body:is(.personabar-visible) a[title="Click to edit"] img {
    display: none
}

body:is(.personabar-visible) a[title="Click to edit"] {
    height: fit-content;
    padding: 0.5rem !important;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    opacity: .2;
    transition: var(--transition);
    box-shadow: var(--box-shadow-1);
    aspect-ratio: 1 !important;
    z-index: 5;
    --icon: 20px;
    --icon-url: url(/Portals/0/Images/icons/edit.svg);
    --icon-color: var(--primary-100)
}

    body:is(.personabar-visible) a[title="Click to edit"]::after {
        content: "";
        transform: unset !important;
        margin: 0;
        padding: 0;
        rotate: unset
    }

body:is(.personabar-visible) *:has(>a[title="Click to edit"]) {
    position: relative
}

body:is(.personabar-visible) a[title="Click to edit"]:hover {
    opacity: 1
}

body:is(.personabar-visible) :is(.main__Banner_Title_Item,#headerAttractions) a[title="Click to edit"] {
    position: static !important;
    transform: unset !important;
    opacity: 1
}

.PagingTable {
    display: flex;
    justify-content: center;
    margin-top: var(--title-space) !important;
    margin-bottom: 0 !important;
    height: fit-content !important
}

    .PagingTable [align="left"], .pagination-late .PagingTable [align="right"] {
        display: none !important
    }

    .PagingTable [align="right"], .pagination-late .PagingTable [align="left"] {
        display: flex !important;
        align-items: center;
        gap: .25rem
    }

    .PagingTable td span, .PagingTable a {
        color: var(--Gray-40) !important;
        font-size: var(--fz-b2) !important;
        font-weight: var(--fw-400) !important;
        border-radius: 12px !important;
        height: 2.5rem !important;
        min-width: 2.5rem !important;
        line-height: normal !important;
        border: none !important;
        box-shadow: none !important;
        display: inline-flex !important;
        padding: 0 !important;
        margin: 0 !important;
        justify-content: center !important;
        align-items: center !important;
        transition: var(--transition);
        background-color: #fff0
    }

    .PagingTable tbody tr td:last-child span.active {
        color: #fff !important;
        background-color: var(--mc2) !important
    }

.pagination-late .PagingTable td span:is(:nth-child(2),:nth-last-child(2)), .pagination-late .PagingTable a:is(:nth-child(2),:nth-last-child(2)) {
    font-size: 1rem !important
}

.PagingTable a:hover {
    background-color: var(--mc3) !important;
    color: #fff !important
}

:is(.PagingTable td span,.PagingTable a):is(:nth-child(2),:nth-last-child(2)) {
    background-color: unset !important;
    font-size: 0 !important;
    --icon-color: var(--mc2);
    --icon: 1.5rem;
    --icon-url: url(../assets/icons/chevUp.svg);
    --icon-rotate: calc(-90deg * var(--direction-num))
}

:is(.PagingTable td span,.PagingTable a):is(:nth-child(2),) {
    --icon-rotate: calc(90deg * var(--direction-num))
}

:is(.PagingTable td span,.PagingTable a):is(:nth-child(1),) {
    --icon-rotate: calc(180deg * var(--direction-num)) !important
}

:is(.PagingTable td span,.PagingTable a):is(:nth-child(2),:nth-last-child(2)):is(span) {
    --icon-color: var(--Gray-90)
}

:is(.PagingTable td span,.PagingTable a):is(:nth-child(2),:nth-last-child(2)):is(a):hover {
    --icon-color: var(--mc3)
}

:is(.PagingTable td span,.PagingTable a):is(:nth-child(2),:nth-last-child(2))::after {
    content: "";
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    display: inline-flex;
    background: var(--icon-color);
    mask: var(--icon-url) no-repeat center / cover;
    -webkit-mask: var(--icon-url) no-repeat center / cover;
    transition: all var(--transition);
    -webkit-transition: all var(--transition);
    rotate: var(--icon-rotate,0deg)
}

.pagination-late .PagingTable td span:is(:nth-child(2),:nth-last-child(2))::after, .pagination-late .PagingTable a:is(:nth-child(2),:nth-last-child(2))::after {
    display: none !important
}

:is(.PagingTable td span,.PagingTable a):is(:nth-child(1),:nth-last-child(1)) {
    background-color: unset !important;
    font-size: 0 !important;
    --icon-color: var(--mc2);
    --icon: 2.5rem;
    --icon-url: url(../assets/icons/dblChev.svg);
    --icon-rotate: calc(0 * var(--direction-num))
}

    :is(.PagingTable td span,.PagingTable a):is(:nth-child(1),:nth-last-child(1))::after {
        content: "";
        height: var(--icon);
        width: var(--icon);
        min-width: var(--icon);
        min-height: var(--icon);
        display: inline-flex;
        background: var(--icon-color);
        mask: var(--icon-url) no-repeat center / cover;
        -webkit-mask: var(--icon-url) no-repeat center / cover;
        transition: all var(--transition);
        -webkit-transition: all var(--transition);
        rotate: var(--icon-rotate,0deg)
    }

@media (max-width:991px) {
    .PagingTable {
        justify-content: start;
        overflow-x: auto;
        margin-right: 0 !important
    }
}

@media (max-width:768px) {
    .rtl .personabar-placeholder {
        left: unset !important;
        right: -80px !important;
        z-index: 1000;
        transition: all ease-in-out 0.3s
    }

    iframe#personaBar-iframe {
        left: unset !important;
        right: -80px !important;
        transition: all ease-in-out 0.3s
    }

    .rtl.personabar-visible {
        margin-right: 0px !important;
        transition: all ease-in-out
    }

    .personaBarContainer.personalBarContainer {
        width: 3rem;
        height: 3rem;
        position: fixed;
        top: 20%;
        background: #0e2936;
        z-index: 999999;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2048 2048' style='enable-background:new 0 0 2048 2048;' xml:space='preserve' aria-labelledby='Settings_title'%3E%3Ccircle class='back' cx='1024' cy='1024' r='1024'%3E%3C/circle%3E%3Cpath fill='%23fff' class='main' d='M1479.7,1016c0-37.7-5.2-74.1-14-109.1l151.9-87.6l-119.5-207.1l-150,86.7c-52.7-52.5-118.5-91.7-192-112.8 V407.6H917.1v176.1c-79.9,21.2-150.9,63.6-206.7,121.2L550,612.3L430.5,819.3L596,914.9c-7.5,32.5-11.9,66.3-11.9,101.1 c0,39.9,5.7,78.3,15.5,114.9l-169.2,97.7l119.5,207.1l170.5-98.4c54.1,52.5,121.5,91.2,196.7,111.1v192h239.1V1446 c68.7-19.7,130.4-55.6,181.2-103.1l160.8,92.8l119.5-207.1l-155.3-89.7C1473.5,1099.9,1479.7,1058.8,1479.7,1016z M1032,1283.1 c-143.1,0-259.1-116-259.1-259.1s116-259.1,259.1-259.1s259.1,116,259.1,259.1S1175.1,1283.1,1032,1283.1z'%3E%3C/path%3E%3C/svg%3E");
        background-size: 75%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: .5rem 0 0 .5rem;
        transition: all ease-in-out 0.3s
    }

    .mobile.rtl.personabar-visible {
        margin-right: 80px !important
    }

    .mobile.rtl .personabar-placeholder {
        right: 0px !important
    }

    .mobile.rtl iframe#personaBar-iframe {
        right: 0px !important
    }
}