@font-face {    font-family: 'iransansxv';    src: url('/Content/fonts/iransansxv.woff') format('woff-variations'),    /* will be the standard and works in Safari now */    url('/Content/fonts/iransansxv.woff') format('woff');    /* for the other supporting browsers */    font-weight: 100 900;    font-display: fallback;}@font-face {    font-family: iransansx;    src: url('/Content/fonts/iransansx-regular.woff') format('woff');}@font-face {    font-family: iransansx;    src: url('/Content/fonts/iransansx-bold.woff') format('woff');    font-weight: 700;}:root {    --bs-body-font-family: iransansx;    --tw-translate-x: 0;    --tw-translate-y: 0;    --tw-rotate: 0;    --tw-skew-x: 0;    --tw-skew-y: 0;    --tw-scale-x: 1;    --tw-scale-y: 1;    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));    --gk-card-spacer-y: 1.5rem;    --gk-card-spacer-x: 1.5rem;    --gk-body-font-family: iransansx;    --gk-card-background: #fff;    --gk-input-focus-border: #01488bab;    --gk-input-focus-box-shadow: 0px 0px 0px 3px rgb(1 72 139 / 8%);}@supports (font-variation-settings: normal) {    :root {        --bs-body-font-family: 'iransansxv';    }}.ss02 {    -moz-font-feature-settings: "ss02";    -webkit-font-feature-settings: "ss02";    font-feature-settings: "ss02";}*:not(input,textarea) {    -moz-font-feature-settings: "ss02" !important;    -webkit-font-feature-settings: "ss02" !important;    font-feature-settings: "ss02" !important;    font-family: "iransansx" !important;}/* Theme Custom*/:root .bg-dark {    background-color: #0f172a}.btn-primary {    --gk-btn-color: #fff;    --gk-btn-bg: #1d4587;    --gk-btn-border-color: #1d4587;    --gk-btn-hover-color: #fff;    --gk-btn-hover-bg: #014783c7;    --gk-btn-hover-border-color: #5e3fcb;    --gk-btn-focus-shadow-rgb: 138,105,254;    --gk-btn-active-color: #fff;    --gk-btn-active-bg: #5e3fcb;    --gk-btn-active-border-color: #583bbf;    --gk-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);    --gk-btn-disabled-color: #fff;    --gk-btn-disabled-bg: #004980;    --gk-btn-disabled-border-color: #004980;}[data-bs-theme=dark] {    --gk-card-background: #1e293b;}[data-bs-theme=light] {   --gk-navbar-vertical-bg:#fff;}/* Theme Custom*//*Validation Form */.validation {    border-right: 3px solid #ff0000 !important;}.form-check-input:checked {    background-color: #004980 !important;    border-color: #004980 !important;}.validationError {    border-left: 1px solid #d70000 !important;    border-bottom: 1px solid #d70000 !important;    border-top: 1px solid #d70000 !important;    border-right: 3px solid #d70000 !important;    background-color: #fff4f4 !important;}/*Validation Form *//*         Start Custom Css        */@media (min-width: 1200px) {    .container, .container-lg, .container-md, .container-sm, .container-xl {        max-width: 1140px;    }}i.fal.fa-trash-alt::before {    content: "\e9e3";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.tree-checkbox.fal.checked.fa-check-square::before {    content: "\e92d";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.tree-checkbox.fal.unchecked.fa-square::before {    content: "\e9d4";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas.open::before {    content: "\e9d4";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas::before {    content: "\e9d4";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas.expand.fa-chevron-left.open::before {    content: "\e92e";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas.expand.fa-chevron-left.open::before {    content: "\e92f";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.border-primary {    border-color: #01488b !important;}.text-primary {    --bs-text-opacity: 1;    color: #01488b !important;}.text-info {    color: #005cb1 !important;}.bg-info {    background-color: #01488b !important;}.bg-light {    --gk-bg-opacity: 1;    background-color: #F5F5F5 !important;}.navbar-vertical {    overflow: auto;}.text-success {    --gk-text-opacity: 1;    color: #72bf44 !important;}.btn-success {    --gk-btn-color: #fff;    --gk-btn-bg: #58b444;    --gk-btn-border-color: #58b444;    --gk-btn-hover-color: #fff;    --gk-btn-hover-bg: #58b444;    --gk-btn-hover-border-color: #2d8154;    --gk-btn-focus-shadow-rgb: 86, 175, 128;    --gk-btn-active-color: #fff;    --gk-btn-active-bg: #58b444;    --gk-btn-active-border-color: #58b444;    --gk-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);    --gk-btn-disabled-color: #fff;    --gk-btn-disabled-bg: #004980;    --gk-btn-disabled-border-color: #004980;}.btn-light-primary {    --gk-btn-bg: #01478317;    --gk-btn-border-color: #01478317;    --gk-btn-hover-bg: #01478338;}.fs-3 {    font-size: 1.75rem !important;}.py-10 {    padding-top: 2.5rem !important;    padding-bottom: 2.5rem !important;}.form-input > .form-input-buttons {    display: table-cell;    width: 1%;    white-space: nowrap;    vertical-align: middle;}.form-input {    display: table;    position: relative;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    width: 100%;}.background-blue {    background: #1e468f !important;}.datetimeinput, .background-blue {    border-radius: 7px;}.ps-13 {    padding-right: 3.25rem !important;}.navbar-brand img {    max-height: 70px;}.h-70px {    height: 70px !important;}.dropdown-item {    display: flex;    font-size: .8125rem;    font-weight: 500;    line-height: 28px;    padding: 0.125rem 0.8rem;}.datatable-content-column-label {    display: none !important;}.nav-item {    cursor: pointer;}[data-bs-theme=dark] .text-success {    color: #58b444 !important;}td.datatable-content-column.left {    text-align: center;}th.datatable-header-column {    text-align: center;}.symbol .symbol-label {    display: flex;    align-items: center;    justify-content: center;    font-weight: 500;    color: #3f4254;    background-color: #f5f8fa;    background-repeat: no-repeat;    background-position: center center;    background-size: cover;    border-radius: 0.475rem;}.symbol.symbol-35px .symbol-label {    width: 35px;    height: 35px;}@supports (-webkit-appearance: none) or (-moz-appearance: none) {    .RadioCustom input[type="checkbox"]:not(.switch), .RadioCustom input[type="radio"]:not(.switch) {        width: 21px;        margin-left: 2px;        margin-right: 2px;    }}@supports (-webkit-appearance: none) or (-moz-appearance: none) {    .RadioCustom input[type="checkbox"]:not(.switch):after {        width: 5px;        height: 9px;        border: 2px solid var(--active-inner);        border-top: 0;        border-left: 0;        left: 7px;        top: 4px;        -webkit-transform: rotate(var(--r, 20deg));        transform: rotate(var(--r, 20deg));    }}li.page-item.pagenumberitem {    display: flex;}#pagingGrid > nav > .pagination > .page-item > .Next {    transform: rotateY(174deg);}#pagingGrid > nav > .pagination > .page-item > .Previous {    transform: rotateY(174deg);}.navbar-vertical .navbar-brand {    text-align: center !important;}    .navbar-vertical .navbar-brand img {        height: auto;    }.bg-primary {    --gk-bg-opacity: 1;    background-color: #014783 !important;}.bg-light-primary {    --gk-bg-opacity: 1;    background-color: #00427226 !important;}.rounded-2.shadow-lg {    background: var(--gk-card-background) !important;}a.page-link {    cursor: pointer;}/*Loading*/.block-PageSite {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    position: fixed;    inset: 0px;    background: #25006e59;    z-index: 1111111;}:root {    --hue: 223;    --bg: hsl(var(--hue),10%,90%);    --fg: hsl(var(--hue),10%,10%);    --primary: hsl(var(--hue),90%,55%);    --primary-l: hsl(var(--hue),90%,65%);    --primary-d: hsl(var(--hue),90%,45%);    --white: hsl(var(--hue),10%,100%);    --white-d: hsl(var(--hue),10%,45%);}.book,.book__pg-shadow,.book__pg {    animation: cover 7s ease-in-out infinite;}.book {    background-color: var(--primary-l);    border-radius: 0.25em;    box-shadow: 0 0.25em 0.5em hsla(0,0%,0%,0.3), 0 0 0 0.25em var(--primary) inset;    padding: 0.25em;    perspective: 37.5em;    position: absolute;    top: 50%;    /*right:50%;*/    left: 50%;    /*bottom:50%;*/    z-index: 1000;    transform: translate(-50%, -50%);    width: 10em;    height: 8em;    /*transform: translate3d(0,0,0);*/    transform-style: preserve-3d;}.book__pg-shadow,.book__pg {    position: absolute;    left: 0.25em;    width: calc(50% - 0.25em);}.book__pg-shadow {    animation-name: shadow;    background-image: linear-gradient(-45deg,hsla(0,0%,0%,0) 50%,hsla(0,0%,0%,0.3) 50%);    filter: blur(0.25em);    top: calc(100% - 0.25em);    height: 3.75em;    transform: scaleY(0);    transform-origin: 100% 0%;}.book__pg {    animation-name: pg1;    background-color: var(--white);    background-image: linear-gradient(90deg,hsla(var(--hue),10%,90%,0) 87.5%,hsl(var(--hue),10%,90%));    height: calc(100% - 0.5em);    transform-origin: 100% 50%;}.book__pg--2,.book__pg--3,.book__pg--4 {    background-image: repeating-linear-gradient(hsl(var(--hue),10%,10%) 0 0.125em,hsla(var(--hue),10%,10%,0) 0.125em 0.5em), linear-gradient(90deg,hsla(var(--hue),10%,90%,0) 87.5%,hsl(var(--hue),10%,90%));    background-repeat: no-repeat;    background-position: center;    background-size: 2.5em 4.125em, 100% 100%;}.book__pg--2 {    animation-name: pg2;}.book__pg--3 {    animation-name: pg3;}.book__pg--4 {    animation-name: pg4;}.book__pg--5 {    animation-name: pg5;}/* Dark theme */@media (prefers-color-scheme: dark) {    :root {        --bg: hsl(var(--hue),10%,30%);        --fg: hsl(var(--hue),10%,90%);    }}/* Animations */@keyframes cover {    from, 5%, 45%, 55%, 95%, to {        animation-timing-function: ease-out;        background-color: var(--primary-l);    }    10%, 40%, 60%, 90% {        animation-timing-function: ease-in;        background-color: var(--primary-d);    }}@keyframes shadow {    from, 10.01%, 20.01%, 30.01%, 40.01% {        animation-timing-function: ease-in;        transform: translate3d(0,0,1px) scaleY(0) rotateY(0);    }    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {        animation-timing-function: ease-out;        transform: translate3d(0,0,1px) scaleY(0.2) rotateY(90deg);    }    10%, 20%, 30%, 40%, 50%, to {        animation-timing-function: ease-out;        transform: translate3d(0,0,1px) scaleY(0) rotateY(180deg);    }    50.01%, 60.01%, 70.01%, 80.01%, 90.01% {        animation-timing-function: ease-in;        transform: translate3d(0,0,1px) scaleY(0) rotateY(180deg);    }    60%, 70%, 80%, 90%, to {        animation-timing-function: ease-out;        transform: translate3d(0,0,1px) scaleY(0) rotateY(0);    }}@keyframes pg1 {    from, to {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.4deg);    }    10%, 15% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(180deg);    }    20%, 80% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(180deg);    }    85%, 90% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(180deg);    }}@keyframes pg2 {    from, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0.3deg);    }    5%, 10% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.3deg);    }    20%, 25% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.9deg);    }    30%, 70% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(179.9deg);    }    75%, 80% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.9deg);    }    90%, 95% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.3deg);    }}@keyframes pg3 {    from, 10%, 90%, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0.2deg);    }    15%, 20% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.2deg);    }    30%, 35% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.8deg);    }    40%, 60% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(179.8deg);    }    65%, 70% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.8deg);    }    80%, 85% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.2deg);    }}@keyframes pg4 {    from, 20%, 80%, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0.1deg);    }    25%, 30% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.1deg);    }    40%, 45% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.7deg);    }    50% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(179.7deg);    }    55%, 60% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.7deg);    }    70%, 75% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.1deg);    }}@keyframes pg5 {    from, 30%, 70%, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0);    }    35%, 40% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0deg);    }    50% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.6deg);    }    60%, 65% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0);    }}/*Loading*//*Loading BookTwo*/.bookTwo {    --color: #fff;    --duration: 6.8s;    width: 32px;    height: 12px;    position: relative;    margin: 32px 0 0 0;    zoom: 1.5;}    .bookTwo .inner {        width: 32px;        height: 12px;        position: relative;        transform-origin: 2px 2px;        transform: rotateZ(-90deg);        -webkit-animation: bookTwo var(--duration) ease infinite;        animation: bookTwo var(--duration) ease infinite;    }        .bookTwo .inner .left,        .bookTwo .inner .right {            width: 60px;            height: 4px;            top: 0;            border-radius: 2px;            background: var(--color);            position: absolute;        }            .bookTwo .inner .left:before,            .bookTwo .inner .right:before {                content: "";                width: 48px;                height: 4px;                border-radius: 2px;                background: inherit;                position: absolute;                top: -10px;                left: 6px;            }        .bookTwo .inner .left {            right: 28px;            transform-origin: 58px 2px;            transform: rotateZ(90deg);            -webkit-animation: left var(--duration) ease infinite;            animation: left var(--duration) ease infinite;        }        .bookTwo .inner .right {            left: 28px;            transform-origin: 2px 2px;            transform: rotateZ(-90deg);            -webkit-animation: right var(--duration) ease infinite;            animation: right var(--duration) ease infinite;        }        .bookTwo .inner .middle {            width: 32px;            height: 12px;            border: 4px solid var(--color);            border-top: 0;            border-radius: 0 0 9px 9px;            transform: translateY(2px);        }    .bookTwo ul {        margin: 0;        padding: 0;        list-style: none;        position: absolute;        left: 50%;        top: 0;    }        .bookTwo ul li {            height: 4px;            border-radius: 2px;            transform-origin: 100% 2px;            width: 48px;            right: 0;            top: -10px;            position: absolute;            background: var(--color);            transform: rotateZ(0deg) translateX(-18px);            -webkit-animation-duration: var(--duration);            animation-duration: var(--duration);            -webkit-animation-timing-function: ease;            animation-timing-function: ease;            -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite;        }            .bookTwo ul li:nth-child(0) {                -webkit-animation-name: page-0;                animation-name: page-0;            }            .bookTwo ul li:nth-child(1) {                -webkit-animation-name: page-1;                animation-name: page-1;            }            .bookTwo ul li:nth-child(2) {                -webkit-animation-name: page-2;                animation-name: page-2;            }            .bookTwo ul li:nth-child(3) {                -webkit-animation-name: page-3;                animation-name: page-3;            }            .bookTwo ul li:nth-child(4) {                -webkit-animation-name: page-4;                animation-name: page-4;            }            .bookTwo ul li:nth-child(5) {                -webkit-animation-name: page-5;                animation-name: page-5;            }            .bookTwo ul li:nth-child(6) {                -webkit-animation-name: page-6;                animation-name: page-6;            }            .bookTwo ul li:nth-child(7) {                -webkit-animation-name: page-7;                animation-name: page-7;            }            .bookTwo ul li:nth-child(8) {                -webkit-animation-name: page-8;                animation-name: page-8;            }            .bookTwo ul li:nth-child(9) {                -webkit-animation-name: page-9;                animation-name: page-9;            }            .bookTwo ul li:nth-child(10) {                -webkit-animation-name: page-10;                animation-name: page-10;            }            .bookTwo ul li:nth-child(11) {                -webkit-animation-name: page-11;                animation-name: page-11;            }            .bookTwo ul li:nth-child(12) {                -webkit-animation-name: page-12;                animation-name: page-12;            }            .bookTwo ul li:nth-child(13) {                -webkit-animation-name: page-13;                animation-name: page-13;            }            .bookTwo ul li:nth-child(14) {                -webkit-animation-name: page-14;                animation-name: page-14;            }            .bookTwo ul li:nth-child(15) {                -webkit-animation-name: page-15;                animation-name: page-15;            }            .bookTwo ul li:nth-child(16) {                -webkit-animation-name: page-16;                animation-name: page-16;            }            .bookTwo ul li:nth-child(17) {                -webkit-animation-name: page-17;                animation-name: page-17;            }            .bookTwo ul li:nth-child(18) {                -webkit-animation-name: page-18;                animation-name: page-18;            }@-webkit-keyframes page-0 {    4% {        transform: rotateZ(0deg) translateX(-18px);    }    13%, 54% {        transform: rotateZ(180deg) translateX(-18px);    }    63% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-0 {    4% {        transform: rotateZ(0deg) translateX(-18px);    }    13%, 54% {        transform: rotateZ(180deg) translateX(-18px);    }    63% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-1 {    5.86% {        transform: rotateZ(0deg) translateX(-18px);    }    14.74%, 55.86% {        transform: rotateZ(180deg) translateX(-18px);    }    64.74% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-1 {    5.86% {        transform: rotateZ(0deg) translateX(-18px);    }    14.74%, 55.86% {        transform: rotateZ(180deg) translateX(-18px);    }    64.74% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-2 {    7.72% {        transform: rotateZ(0deg) translateX(-18px);    }    16.48%, 57.72% {        transform: rotateZ(180deg) translateX(-18px);    }    66.48% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-2 {    7.72% {        transform: rotateZ(0deg) translateX(-18px);    }    16.48%, 57.72% {        transform: rotateZ(180deg) translateX(-18px);    }    66.48% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-3 {    9.58% {        transform: rotateZ(0deg) translateX(-18px);    }    18.22%, 59.58% {        transform: rotateZ(180deg) translateX(-18px);    }    68.22% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-3 {    9.58% {        transform: rotateZ(0deg) translateX(-18px);    }    18.22%, 59.58% {        transform: rotateZ(180deg) translateX(-18px);    }    68.22% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-4 {    11.44% {        transform: rotateZ(0deg) translateX(-18px);    }    19.96%, 61.44% {        transform: rotateZ(180deg) translateX(-18px);    }    69.96% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-4 {    11.44% {        transform: rotateZ(0deg) translateX(-18px);    }    19.96%, 61.44% {        transform: rotateZ(180deg) translateX(-18px);    }    69.96% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-5 {    13.3% {        transform: rotateZ(0deg) translateX(-18px);    }    21.7%, 63.3% {        transform: rotateZ(180deg) translateX(-18px);    }    71.7% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-5 {    13.3% {        transform: rotateZ(0deg) translateX(-18px);    }    21.7%, 63.3% {        transform: rotateZ(180deg) translateX(-18px);    }    71.7% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-6 {    15.16% {        transform: rotateZ(0deg) translateX(-18px);    }    23.44%, 65.16% {        transform: rotateZ(180deg) translateX(-18px);    }    73.44% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-6 {    15.16% {        transform: rotateZ(0deg) translateX(-18px);    }    23.44%, 65.16% {        transform: rotateZ(180deg) translateX(-18px);    }    73.44% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-7 {    17.02% {        transform: rotateZ(0deg) translateX(-18px);    }    25.18%, 67.02% {        transform: rotateZ(180deg) translateX(-18px);    }    75.18% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-7 {    17.02% {        transform: rotateZ(0deg) translateX(-18px);    }    25.18%, 67.02% {        transform: rotateZ(180deg) translateX(-18px);    }    75.18% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-8 {    18.88% {        transform: rotateZ(0deg) translateX(-18px);    }    26.92%, 68.88% {        transform: rotateZ(180deg) translateX(-18px);    }    76.92% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-8 {    18.88% {        transform: rotateZ(0deg) translateX(-18px);    }    26.92%, 68.88% {        transform: rotateZ(180deg) translateX(-18px);    }    76.92% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-9 {    20.74% {        transform: rotateZ(0deg) translateX(-18px);    }    28.66%, 70.74% {        transform: rotateZ(180deg) translateX(-18px);    }    78.66% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-9 {    20.74% {        transform: rotateZ(0deg) translateX(-18px);    }    28.66%, 70.74% {        transform: rotateZ(180deg) translateX(-18px);    }    78.66% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-10 {    22.6% {        transform: rotateZ(0deg) translateX(-18px);    }    30.4%, 72.6% {        transform: rotateZ(180deg) translateX(-18px);    }    80.4% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-10 {    22.6% {        transform: rotateZ(0deg) translateX(-18px);    }    30.4%, 72.6% {        transform: rotateZ(180deg) translateX(-18px);    }    80.4% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-11 {    24.46% {        transform: rotateZ(0deg) translateX(-18px);    }    32.14%, 74.46% {        transform: rotateZ(180deg) translateX(-18px);    }    82.14% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-11 {    24.46% {        transform: rotateZ(0deg) translateX(-18px);    }    32.14%, 74.46% {        transform: rotateZ(180deg) translateX(-18px);    }    82.14% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-12 {    26.32% {        transform: rotateZ(0deg) translateX(-18px);    }    33.88%, 76.32% {        transform: rotateZ(180deg) translateX(-18px);    }    83.88% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-12 {    26.32% {        transform: rotateZ(0deg) translateX(-18px);    }    33.88%, 76.32% {        transform: rotateZ(180deg) translateX(-18px);    }    83.88% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-13 {    28.18% {        transform: rotateZ(0deg) translateX(-18px);    }    35.62%, 78.18% {        transform: rotateZ(180deg) translateX(-18px);    }    85.62% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-13 {    28.18% {        transform: rotateZ(0deg) translateX(-18px);    }    35.62%, 78.18% {        transform: rotateZ(180deg) translateX(-18px);    }    85.62% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-14 {    30.04% {        transform: rotateZ(0deg) translateX(-18px);    }    37.36%, 80.04% {        transform: rotateZ(180deg) translateX(-18px);    }    87.36% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-14 {    30.04% {        transform: rotateZ(0deg) translateX(-18px);    }    37.36%, 80.04% {        transform: rotateZ(180deg) translateX(-18px);    }    87.36% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-15 {    31.9% {        transform: rotateZ(0deg) translateX(-18px);    }    39.1%, 81.9% {        transform: rotateZ(180deg) translateX(-18px);    }    89.1% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-15 {    31.9% {        transform: rotateZ(0deg) translateX(-18px);    }    39.1%, 81.9% {        transform: rotateZ(180deg) translateX(-18px);    }    89.1% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-16 {    33.76% {        transform: rotateZ(0deg) translateX(-18px);    }    40.84%, 83.76% {        transform: rotateZ(180deg) translateX(-18px);    }    90.84% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-16 {    33.76% {        transform: rotateZ(0deg) translateX(-18px);    }    40.84%, 83.76% {        transform: rotateZ(180deg) translateX(-18px);    }    90.84% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-17 {    35.62% {        transform: rotateZ(0deg) translateX(-18px);    }    42.58%, 85.62% {        transform: rotateZ(180deg) translateX(-18px);    }    92.58% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-17 {    35.62% {        transform: rotateZ(0deg) translateX(-18px);    }    42.58%, 85.62% {        transform: rotateZ(180deg) translateX(-18px);    }    92.58% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-18 {    37.48% {        transform: rotateZ(0deg) translateX(-18px);    }    44.32%, 87.48% {        transform: rotateZ(180deg) translateX(-18px);    }    94.32% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-18 {    37.48% {        transform: rotateZ(0deg) translateX(-18px);    }    44.32%, 87.48% {        transform: rotateZ(180deg) translateX(-18px);    }    94.32% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes left {    4% {        transform: rotateZ(90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(90deg);    }}@keyframes left {    4% {        transform: rotateZ(90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(90deg);    }}@-webkit-keyframes right {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(-90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(-90deg);    }}@keyframes right {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(-90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(-90deg);    }}@-webkit-keyframes book {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    40.01%, 59.99% {        transform-origin: 30px 2px;    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    96% {        transform: rotateZ(-90deg);    }}@keyframes book {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    40.01%, 59.99% {        transform-origin: 30px 2px;    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    96% {        transform: rotateZ(-90deg);    }}/*Loading*//*Loading Pencil*/.pencil {    position: relative;    width: 300px;    height: 40px;    transform-origin: center;    transform: rotate(135deg);    animation: pencil-animation 10s infinite;}@keyframes pencil-animation {    0% {        transform: rotate(135deg);    }    20% {        transform: rotate(315deg);    }    45% {        transform: translateX(300px) rotate(315deg);    }    55% {        transform: translateX(300px) rotate(495deg);    }    100% {        transform: rotate(495deg);    }}.pencil__ball-point {    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);    background: #09d56e;    height: 10px;    width: 10px;    border-radius: 50px;}.pencil__cap {    position: absolute;    left: 0px;    top: 50%;    transform: translateY(-50%);    clip-path: polygon(20% 40%, 100% 0%, 100% 100%, 20% 60%);    background: #232123;    width: 12%;    height: 100%;}.pencil__cap-base {    position: absolute;    left: 12%;    top: 0;    height: 100%;    width: 20px;    background: #232123;}.pencil__middle {    position: absolute;    left: calc(12% + 20px);    top: 0;    height: 100%;    width: 70%;    background: #09d56e;}.pencil__eraser {    position: absolute;    left: calc(12% + 70% + 20px);    top: 0;    height: 100%;    width: 11%;    border-top-right-radius: 5px;    border-bottom-right-radius: 5px;    background: #232123;}.line {    position: relative;    top: 80px;    right: 103px;    height: 10px;    width: 1000px;    z-index: -1;    border-radius: 50px;    background: #09d56e;    transform: scaleX(0);    transform-origin: center;    animation: line-animation 10s infinite;}@keyframes line-animation {    20% {        transform: scaleX(0);    }    45% {        transform: scaleX(0.6);    }    55% {        transform: scaleX(0.6);    }    100% {        transform: scaleX(0);    }}/*Loading*//*Loading hourglass*/.hourglass,.hourglass:before,.hourglass:after {    animation-duration: 4s;    animation-iteration-count: infinite;}.hourglass {    --polygonH: polygon( 0% 0%, 100% 0%, 100% 5.55%, 95% 5.55%, 95% 28%, 60% 46%, 60% 54%, 95% 72%, 95% 94.45%, 100% 94.45%, 100% 100%, 0% 100%, 0% 94.45%, 5% 94.45%, 5% 72%, 40% 54%, 40% 46%, 5% 28%, 5% 5.55%, 0% 5.55% );    animation-name: flip;    animation-timing-function: ease-in-out;    background-image: linear-gradient( var(--primary) 0.5em, #737a8c55 0.5em 8.5em, var(--primary) 8.5em );    clip-path: var(--polygonH);    -webkit-clip-path: var(--polygonH);    overflow: hidden;    position: relative;    width: 5em;    height: 9em;    z-index: 0;}    .hourglass:before,    .hourglass:after {        animation-timing-function: linear;        content: "";        display: block;        position: absolute;    }    .hourglass:before {        --polygonB1: polygon( 0% 0%, 100% 0%, 100% 24%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 0% 24% );        --polygonB2: polygon( 0% 4%, 100% 4%, 100% 24%, 55% 45%, 55% 100%, 55% 100%, 55% 100%, 45% 100%, 45% 100%, 45% 100%, 45% 45%, 0% 24% );        --polygonB3: polygon( 0% 24%, 100% 24%, 100% 24%, 55% 45%, 55% 80%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 45% 80%, 45% 45%, 0% 24% );        --polygonB4: polygon( 45% 45%, 55% 45%, 55% 45%, 55% 45%, 55% 58%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 45% 58%, 45% 45%, 45% 45% );        --polygonB5: polygon( 50% 53%, 50% 53%, 50% 53%, 50% 53%, 50% 53%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 50% 53%, 50% 53%, 50% 53% );        animation-name: fill;        background-color: var(--fg);        background-size: 100% 3.6em;        clip-path: var(--polygonB1);        -webkit-clip-path: var(--polygonB1);        top: 0.5em;        left: 0.5em;        width: 4em;        height: 8em;        z-index: 1;    }    .hourglass:after {        animation-name: glare;        background: linear-gradient( 90deg, #0000 0.5em, #0003 0.5em 1.5em, #0000 1.5em 3.5em, #fff3 3.5em 4.5em, #fff0 4.5em 6.5em, #0003 6.5em 7.5em, #0000 7.5em ) 0 0 / 100% 0.5em, linear-gradient( 90deg, #0000 0.75em, #0003 0.75em 1.25em, #0000 1.25em 3.75em, #fff3 3.75em 4.25em, #fff0 4.25em 6.75em, #0003 6.75em 7.25em, #0000 7.25em ) 0 0.5em / 100% 8em, linear-gradient( 90deg, #0000 0.5em, #0003 0.5em 1.5em, #0000 1.5em 3.5em, #fff3 3.5em 4.5em, #fff0 4.5em 6.5em, #0003 6.5em 7.5em, #0000 7.5em ) 0 100% / 100% 0.5em;        background-repeat: repeat-x;        top: 0;        left: -3em;        width: 200%;        height: 100%;        z-index: 2;    }/* Animations */@keyframes fill {    from {        clip-path: var(--polygonB1);        -webkit-clip-path: var(--polygonB1);    }    10% {        clip-path: var(--polygonB2);        -webkit-clip-path: var(--polygonB2);    }    45% {        clip-path: var(--polygonB3);        -webkit-clip-path: var(--polygonB3);    }    80% {        clip-path: var(--polygonB4);        -webkit-clip-path: var(--polygonB4);    }    85%, to {        clip-path: var(--polygonB5);        -webkit-clip-path: var(--polygonB5);    }}@keyframes glare {    from, 90% {        transform: translateX(0);    }    to {        transform: translateX(3em);    }}@keyframes flip {    from, 90% {        transform: rotate(0);    }    to {        transform: rotate(180deg);    }}/* Dark mode */@media (prefers-color-scheme: dark) {    :root {        --bg: #17181c;        --fg: #c7cad1;    }}/*Loading*//*Loading Matrix*/.Matrix-wrapper {    width: auto;    height: auto;}    .Matrix-wrapper ul {        display: grid;        grid-template-columns: repeat(5, 1fr);        -webkit-animation: rot 16s linear infinite;        animation: rot 16s linear infinite;    }@-webkit-keyframes rot {    100% {        transform: rotate(360deg);    }}@keyframes rot {    100% {        transform: rotate(360deg);    }}.Matrix-wrapper ul li {    width: 40px;    height: 40px;    background: #651FFF;    border-radius: 4px;    box-shadow: 0 0 1px #fff, 0 0 5px #651FFF, 0 0 10px #651FFF, 0 0 15px #651FFF, 0 0 25px #651FFF, 0 0 55px #651FFF;    -webkit-animation: scale 0.8s linear alternate infinite;    animation: scale 0.8s linear alternate infinite;}@-webkit-keyframes scale {    100% {        transform: scale(0.1);        opacity: 0;    }}@keyframes scale {    100% {        transform: scale(0.1);        opacity: 0;    }}.Matrix-wrapper ul li:nth-child(1) {    z-index: 24;}.Matrix-wrapper ul li:nth-child(2) {    z-index: 23;}.Matrix-wrapper ul li:nth-child(3) {    z-index: 22;}.Matrix-wrapper ul li:nth-child(4) {    z-index: 21;}.Matrix-wrapper ul li:nth-child(5) {    z-index: 20;}.Matrix-wrapper ul li:nth-child(6) {    z-index: 19;}.Matrix-wrapper ul li:nth-child(7) {    z-index: 18;}.Matrix-wrapper ul li:nth-child(8) {    z-index: 17;}.Matrix-wrapper ul li:nth-child(9) {    z-index: 16;}.Matrix-wrapper ul li:nth-child(10) {    z-index: 15;}.Matrix-wrapper ul li:nth-child(11) {    z-index: 14;}.Matrix-wrapper ul li:nth-child(12) {    z-index: 13;}.Matrix-wrapper ul li:nth-child(13) {    z-index: 12;}.Matrix-wrapper ul li:nth-child(14) {    z-index: 11;}.Matrix-wrapper ul li:nth-child(15) {    z-index: 10;}.Matrix-wrapper ul li:nth-child(16) {    z-index: 9;}.Matrix-wrapper ul li:nth-child(17) {    z-index: 8;}.Matrix-wrapper ul li:nth-child(18) {    z-index: 7;}.Matrix-wrapper ul li:nth-child(19) {    z-index: 6;}.Matrix-wrapper ul li:nth-child(20) {    z-index: 5;}.Matrix-wrapper ul li:nth-child(21) {    z-index: 4;}.Matrix-wrapper ul li:nth-child(22) {    z-index: 3;}.Matrix-wrapper ul li:nth-child(23) {    z-index: 2;}.Matrix-wrapper ul li:nth-child(24) {    z-index: 1;}.Matrix-wrapper ul li:nth-child(25) {    z-index: 0;}.Matrix-wrapper ul li:nth-child(1) {    -webkit-animation-delay: 0.1s;    animation-delay: 0.1s;}.Matrix-wrapper ul li:nth-child(7) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(13) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(19) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(24) {    -webkit-animation-delay: 0.9s;    animation-delay: 0.9s;}.Matrix-wrapper ul li:nth-child(2) {    -webkit-animation-delay: 0.2s;    animation-delay: 0.2s;}.Matrix-wrapper ul li:nth-child(8) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(14) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(20) {    -webkit-animation-delay: 0.8s;    animation-delay: 0.8s;}.Matrix-wrapper ul li:nth-child(3) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(9) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(15) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(4) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(10) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(5) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(1) {    -webkit-animation-delay: 0.1s;    animation-delay: 0.1s;}.Matrix-wrapper ul li:nth-child(6) {    -webkit-animation-delay: 0.2s;    animation-delay: 0.2s;}.Matrix-wrapper ul li:nth-child(11) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(16) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(21) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(7) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(12) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(17) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(22) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(13) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(18) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(23) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(19) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(24) {    -webkit-animation-delay: 0.8s;    animation-delay: 0.8s;}.Matrix-wrapper ul li:nth-child(25) {    -webkit-animation-delay: 0.9s;    animation-delay: 0.9s;}/*Loading*/button.fc-prev-button.fc-button.fc-button-primary {    transform: rotateY(180deg);}button.fc-next-button.fc-button.fc-button-primary {    transform: rotateY(180deg);}a {    cursor: pointer;}.stiFormTabPanelButton, .stiDesignerCaptionControls, .stiJsViewerMessagesFormDescription, .stiDesignerSmallButtonWithBorder, .stiDesignerStandartTab, .stiDesignerGroupBlock, .stiDesignerStandartTab, .stiDesignerTreeItemButton, .stiDesignerStandartBigButton, .stiDesignerToolButton, .stiDesignerFileMenuItem, .stiDesignerPropertiesPanelHeader, .stiDesignerPropertyCaption, .stiDesignerPropertiesGroupHeaderButton {    font-family: iransansx !important;}.swiper-button-prev:after, .swiper-button-prev::before, .swiper-button-next:after, swiper-prev::after, swiper-next::after {    font-size: 13px;    background-color: #fff;    border-radius: 61%;    padding: 12px;    transition-property: all;    transition-duration: 150ms;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    pointer-events: auto;    display: flex;    height: 2.5rem;    width: 2.5rem;    transform: var(--tw-transform);    align-items: center;    justify-content: center;    border-radius: 9999px;    background-color: #7fffd487;    --tw-bg-opacity: 0.25;    color: #9E9E9E;}.swiper-button-prev, .swiper-button-next {    background-color: rgba(255, 255, 255, 0.8);    border-radius: 50%;     width: 40px;    height: 40px;    display: flex;     align-items: center;     justify-content: center;     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);     transition: background-color 0.3s ease, transform 0.3s ease; }    .swiper-button-prev:hover, .swiper-button-next:hover {        background-color: rgba(255, 255, 255, 1);        transform: scale(1.1);    }    .swiper-button-prev::after {        content: "\e912";        background-size: cover;        width: 20px;        height: 20px;    }    .swiper-button-next::after {        content: "\e910";        background-size: cover;        width: 20px;        height: 20px;    }.btn-file {    position: relative;    overflow: hidden}    .btn-file input[type=file] {        position: absolute;        top: 0;        right: 0;        min-width: 100%;        min-height: 100%;        font-size: 100px;        text-align: right;        filter: alpha(opacity = 0);        opacity: 0;        outline: 0;        background: #fff;        cursor: inherit;        display: block;    }.far.fa-angle-right::before {    content: "\e930" !important;    font-family: 'Feather';}.far.fa-angle-double-right::before {    content: "\e934" !important;    font-family: 'Feather';}.far.fa-angle-left::before {    content: "\e92f" !important;    font-family: 'Feather';}.far.fa-angle-double-left::before {    content: "\e933" !important;    font-family: 'Feather';}ul.pagination.justify-content-center.m-0 > .page-item > .page-link.Previous, ul.pagination.justify-content-center.m-0 > .page-item > .page-link.Next {    transform: rotateY(180deg);}.AttacheDeleteCard {    position: absolute;    width: 35px;    height: 35px;    background-color: #ff0000;    border: 2px dashed #ffffff;    color: white;    bottom: 90px;    cursor: pointer;    display: flex;    justify-content: center;    align-items: center;    z-index: 10;    font-size: 24px;}fieldset {    border: 0;}/* Hide default radio */.radio3 input[type="radio"] {    position: absolute;    visibility: hidden;    display: none;    opacity: 0;    z-index: -1;}/* Customizing label */.radio3 label {    position: relative;    padding: 10px 20px 10px 25px;    cursor: pointer;    border-radius: 20px;    color: #2196F3;    margin: 0px 5px;    font-weight: 600;    text-transform: uppercase;}    .radio3 label, .radio3 label::before {        -webkit-transition: .25s all ease;        transition: .25s all ease;    }        .radio3 label::before {            -webkit-box-sizing: border-box;            box-sizing: border-box;            content: " ";            position: absolute;            top: 30%;            left: 0;            width: 1em;            height: 1em;            border: 2px solid #2196F3;        }.radio3 input[type="radio"] + label::before {    border-radius: 1em;}/* Checked toggle */.radio3 input[type="radio"]:checked + label {    color: #fff;    background: #2196F3;    z-index: 1;}.radio3 input[type="radio"]:checked + label {    padding: 10px 20px 10px 20px;}    .radio3 input[type="radio"]:checked + label::before {        top: 4px;        width: 100%;        height: 2em;        z-index: -1;    }.radio3:hover input[type="radio"]:checked + label {    -webkit-box-shadow: #2195f338 0px 0px 0px 25px;    box-shadow: #2195f338 0px 0px 0px 25px;}.ReadyCard {    border: 2px solid transparent; /* Default border */    cursor: pointer; /* Change cursor to pointer */    transition: border-color 0.3s; /* Smooth transition for border color */}.ReadyCard.selected {    border-color: green; /* Green border for selected card */}toast {    opacity: 0;    transition: opacity 5s ease-in-out, transform 5s ease-in-out;    transform: translateY(20px);}.toast.show {    opacity: 1;    transform: translateY(0);}.toast-container {    position: fixed;    bottom: 20px;    right: 20px;    z-index: 1050; /* بالاتر از سایر عناصر */}.tooltip3 {    position: relative;    display: inline-block;    cursor: pointer;    color: #3498db;    font-size: 14px;}.tooltip3 .tooltiptext {    visibility: hidden;    width: 120px;    background-color: #555;    color: #fff;    text-align: center;    border-radius: 6px;    padding: 5px;    position: absolute;    z-index: 1;    bottom: 125%; /* موقعیت */    left: 50%;    margin-left: -60px;    opacity: 0;    transition: opacity 0.3s;}.tooltip3:hover .tooltiptext {    visibility: visible;    opacity: 1;}.Plannigbox::before {    font-weight: 900;    font-size: 40px;    color: #ffffff;    position: absolute;    text-shadow: 4px 2px 20px rgba(0, 0, 0, 0.5);    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}.PlannigboxCheck::before {    font-family: 'Feather' !important;    content: "\e92c";}.PlannigboxClose::before {    font-family: 'Feather' !important;    content: "\ea03";}.PlannigboxClock::before {    font-family: 'Feather' !important;    content: "\e939";}/* ******************************* for student chat******************************** */.message-area {    height: 100vh;    overflow: hidden;    padding: 0;    background: #f5f5f5;}.chat-area {    position: relative;    width: 100%;    background-color: #fff;    border-radius: 0.3rem;    height: 90vh;    overflow: hidden;    min-height: calc(100% - 1rem);}.chatlist {    outline: 0;    height: 100%;    overflow: hidden;    width: 300px;    float: right;    padding: 15px;}.chat-area .modal-content {    border: none;    border-radius: 0;    outline: 0;    height: 100%;}.chat-area .modal-dialog-scrollable {    height: 100% !important;}.chatbox {    width: auto;    overflow: hidden;    height: 100%;    border-left: 1px solid #ccc;}    .chatbox .modal-dialog,    .chatlist .modal-dialog {        max-width: 100%;        margin: 0;    }.msg-search {    display: flex;    align-items: center;    justify-content: space-between;}.chat-area .form-control {    display: block;    width: 80%;    padding: 0.375rem 0.75rem;    font-size: 14px;    font-weight: 400;    line-height: 1.5;    color: #222;    background-color: #fff;    background-clip: padding-box;    border: 1px solid #ccc;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0.25rem;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}    .chat-area .form-control:focus {        outline: 0;        box-shadow: inherit;    }a.add img {    height: 36px;}.chat-area .nav-tabs {    border-bottom: 1px solid #dee2e6;    align-items: center;    justify-content: space-between;    flex-wrap: inherit;}    .chat-area .nav-tabs .nav-item {        width: 100%;    }    .chat-area .nav-tabs .nav-link {        width: 100%;        color: #180660;        font-size: 14px;        font-weight: 500;        line-height: 1.5;        text-transform: capitalize;        margin-top: 5px;        margin-bottom: -1px;        background: 0 0;        border: 1px solid transparent;        border-top-left-radius: 0.25rem;        border-top-right-radius: 0.25rem;    }        .chat-area .nav-tabs .nav-item.show .nav-link,        .chat-area .nav-tabs .nav-link.active {            color: #222;            background-color: #fff;            border-color: transparent transparent #000;        }        .chat-area .nav-tabs .nav-link:focus,        .chat-area .nav-tabs .nav-link:hover {            border-color: transparent transparent #000;            isolation: isolate;        }.chat-list h3 {    color: #222;    font-size: 16px;    font-weight: 500;    line-height: 1.5;    text-transform: capitalize;    margin-bottom: 0;}.chat-list p {    color: #343434;    font-size: 14px;    font-weight: 400;    line-height: 1.5;    text-transform: capitalize;    margin-bottom: 0;}.chat-list a.d-flex {    margin-bottom: 15px;    position: relative;    text-decoration: none;}.chat-list .active {    display: block;    content: '';    clear: both;    position: absolute;    bottom: 3px;    right: 34px;    height: 12px;    width: 12px;    background: #00DB75;    border-radius: 50%;    border: 2px solid #fff;}.msg-head h3 {    color: #222;    font-size: 18px;    font-weight: 600;    line-height: 1.5;    margin-bottom: 0;}.msg-head p {    color: #343434;    font-size: 14px;    font-weight: 400;    line-height: 1.5;    text-transform: capitalize;    margin-bottom: 0;}.msg-head {    padding: 15px;    border-bottom: 1px solid #ccc;}.moreoption {    display: flex;    align-items: center;    justify-content: end;}    .moreoption .navbar {        padding: 0;    }    .moreoption li .nav-link {        color: #222;        font-size: 16px;    }    .moreoption .dropdown-toggle::after {        display: none;    }    .moreoption .dropdown-menu[data-bs-popper] {        top: 100%;        left: auto;        right: 0;        margin-top: 0.125rem;    }.msg-body ul {    overflow: hidden;}    .msg-body ul li {        list-style: none;        margin: 15px 0;    }        .msg-body ul li.sender {            display: block;            width: 100%;            position: relative;            text-align:left !important;        }            .msg-body ul li.sender:before {                display: block;                clear: both;                content: '';                position: absolute;                top: -6px;                left: -7px;                width: 0;                height: 0;                border-style: solid;                border-width: 0 12px 15px 12px;                border-color: transparent transparent #f5f5f5 transparent;                -webkit-transform: rotate(-37deg);                -ms-transform: rotate(-37deg);                transform: rotate(-37deg);            }            .msg-body ul li.sender p {                color: #000;                font-size: 14px;                line-height: 1.5;                font-weight: 400;                padding: 15px;                background: #f5f5f5;                display: inline-block;                border-bottom-left-radius: 10px;                border-top-right-radius: 10px;                border-bottom-right-radius: 10px;                margin-bottom: 0;            }                .msg-body ul li.sender p b {                    display: block;                    color: #180660;                    font-size: 14px;                    line-height: 1.5;                    font-weight: 500;                }        .msg-body ul li.repaly {            display: block;            width: 100%;            text-align: right;            position: relative;        }            .msg-body ul li.repaly:before {                display: block;                clear: both;                content: '';                position: absolute;                bottom: 15px;                right: -7px;                width: 0;                height: 0;                border-style: solid;                border-width: 0 12px 15px 12px;                border-color: transparent transparent #4b7bec transparent;                -webkit-transform: rotate(37deg);                -ms-transform: rotate(37deg);                transform: rotate(37deg);            }            .msg-body ul li.repaly p {                color: #fff;                font-size: 14px;                line-height: 1.5;                font-weight: 400;                padding: 15px;                background: #4b7bec;                display: inline-block;                border-top-left-radius: 10px;                border-top-right-radius: 10px;                border-bottom-left-radius: 10px;                margin-bottom: 0;            }                .msg-body ul li.repaly p b {                    display: block;                    color: #061061;                    font-size: 14px;                    line-height: 1.5;                    font-weight: 500;                }            .msg-body ul li.repaly:after {                display: block;                content: '';                clear: both;            }.time {    display: block;    color: #000;    font-size: 12px;    line-height: 1.5;    font-weight: 400;}li.repaly .time {    margin-right: 20px;}.divider {    position: relative;    z-index: 1;    text-align: center;}.msg-body h6 {    text-align: center;    font-weight: normal;    font-size: 14px;    line-height: 1.5;    color: #222;    background: #fff;    display: inline-block;    padding: 0 5px;    margin-bottom: 0;}.divider:after {    display: block;    content: '';    clear: both;    position: absolute;    top: 12px;    left: 0;    border-top: 1px solid #EBEBEB;    width: 100%;    height: 100%;    z-index: -1;}.send-box {    padding: 15px;    border-top: 1px solid #ccc;}    .send-box form {        display: flex;        align-items: center;        justify-content: space-between;        margin-bottom: 15px;    }    .send-box .form-control {        display: block;        width: 85%;        padding: 0.375rem 0.75rem;        font-size: 14px;        font-weight: 400;        line-height: 1.5;        color: #222;        background-color: #fff;        background-clip: padding-box;        border: 1px solid #ccc;        -webkit-appearance: none;        -moz-appearance: none;        appearance: none;        border-radius: 0.25rem;        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;    }    .send-box button {        border: none;        background: #3867d6;        padding: 0.375rem 5px;        color: #fff;        border-radius: 0.25rem;        font-size: 14px;        font-weight: 400;        width: 24%;        margin-left: 1%;    }        .send-box button i {            margin-right: 5px;        }.send-btns .button-wrapper {    position: relative;    width: 125px;    height: auto;    text-align: left;    margin: 0 auto;    display: block;    background: #F6F7FA;    border-radius: 3px;    padding: 5px 15px;    float: left;    margin-right: 5px;    margin-bottom: 5px;    overflow: hidden;}    .send-btns .button-wrapper span.label {        position: relative;        z-index: 1;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        width: 100%;        cursor: pointer;        color: #343945;        font-weight: 400;        text-transform: capitalize;        font-size: 13px;    }#upload {    display: inline-block;    position: absolute;    z-index: 1;    width: 100%;    height: 100%;    top: 0;    left: 0;    opacity: 0;    cursor: pointer;}.send-btns .attach .form-control {    display: inline-block;    width: 120px;    height: auto;    padding: 5px 8px;    font-size: 13px;    font-weight: 400;    line-height: 1.5;    color: #343945;    background-color: #F6F7FA;    background-clip: padding-box;    border: 1px solid #F6F7FA;    border-radius: 3px;    margin-bottom: 5px;}.send-btns .button-wrapper span.label img {    margin-right: 5px;}.button-wrapper {    position: relative;    width: 100px;    height: 100px;    text-align: center;    margin: 0 auto;}button:focus {    outline: 0;}.add-apoint {    display: inline-block;    margin-left: 5px;}    .add-apoint a {        text-decoration: none;        background: #F6F7FA;        border-radius: 8px;        padding: 8px 8px;        font-size: 13px;        font-weight: 400;        line-height: 1.2;        color: #343945;    }        .add-apoint a svg {            margin-right: 5px;        }.chat-icon {    display: none;    position: absolute;    left: 27px;}.closess i {    display: none;}@media (max-width: 767px) {    .chat-icon {        display: block;        margin-right: 5px;    }    .chatlist {        width: 100%;    }    .chatbox {       /* width: 100%;*/        position: absolute;        left: 1000px;        right: 0;        background: #fff;        transition: all 0.5s ease;        border-left: none;    }    .showbox {        left: 0 !important;        transition: all 0.5s ease;    }    .msg-head h3 {        font-size: 14px;    }    .msg-head p {        font-size: 12px;    }    .msg-head .flex-shrink-0 img {        height: 30px;    }    .send-box button {        width: 28%;    }    .send-box .form-control {        width: 70%;    }    .chat-list h3 {        font-size: 14px;    }    .chat-list p {        font-size: 12px;    }    .msg-body ul li.sender p {        font-size: 13px;        padding: 8px;        border-bottom-left-radius: 6px;        border-top-right-radius: 6px;        border-bottom-right-radius: 6px;    }    .msg-body ul li.repaly p {        font-size: 13px;        padding: 8px;        border-top-left-radius: 6px;        border-top-right-radius: 6px;        border-bottom-left-radius: 6px;    }}.iUploadFile {    width: 100px;    height: 50px;    position: relative;    overflow: hidden;}    .iUploadFile input {        position: absolute;        top: 0;        right: 0;        cursor: pointer;        opacity: 0.0;        filter: alpha(opacity=0);        font-size: 300px;        height: 200px;    }.Line1 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 1;    overflow: hidden;}.Line2 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 2;    overflow: hidden;}.Line3 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 3;    overflow: hidden;}.Line4 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 4;    overflow: hidden;}li.nav-item.active {    background-color: #89bd2d;}li.nav-item.active {        color: #ffffff;}a.nav-link.collapsed:hover {    background-color: #f1f1f1;}.navbar-vertical .navbar-nav .nav-item .nav-link:hover {    color: var(--gk-navbar-vertical-link);}.nav-link-child {    background: none;    border: 0;    color: var(--gk-nav-link-color);    display: block;    font-size: var(--gk-nav-link-font-size);    font-weight: var(--gk-nav-link-font-weight);    padding: var(--gk-nav-link-padding-y) var(--gk-nav-link-padding-x);    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-link-child {    padding: .25rem 3rem;}.nav-lb-tab .nav-item .nav-link.active {    background-color: var(--gk-primary) !important;    border-bottom: none;    color: white;    padding: 0.6em 1.3em;    border-radius: 50px;}.nav-lb-tab .nav-item .nav-link:hover {    background-color: #dddddd !important;    color: black;    border-bottom: none;}.nav-lb-tab .nav-item .nav-link {    padding: 0.6em 1.3em !important;    border-bottom:none !important;}.nav-lb-tab {    border-bottom:none !important;}    .nav-lb-tab .nav-item .nav-link {        border-radius: 50px !important;    }    .nav-lb-tab .nav-item {        margin: 0.5rem !important;    }.swiper-button-prev:after, .swiper-button-prev::before, .swiper-button-next:after, swiper-prev::after, swiper-next::after {    background-color: #ffffff00 !important;}