@font-face {
    font-family: "yekan";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/iranyekanwebboldfanum.woff2");
    src: url("../fonts/iranyekanwebboldfanum.woff2?#iefix")
    format("embedded-opentype"),
    url("../fonts/iranyekanwebboldfanum.woff2") format("woff2"),
    url("../fonts/iranyekanwebboldfanum.woff2") format("woff"),
    url("../fonts/iranyekanwebboldfanum.woff2") format("truetype");
}
@font-face {
    font-family: "yekan";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/iranyekanwebregularfanum.woff2");
    src: url("../fonts/iranyekanwebregularfanum.woff2?#iefix")
    format("embedded-opentype"),
    url("../fonts/iranyekanwebregularfanum.woff2") format("woff2"),
    url("../fonts/iranyekanwebregularfanum.woff2") format("woff"),
    url("../fonts/iranyekanwebregularfanum.woff2") format("truetype");
}
@font-face {
    font-family: "yekan";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/iranyekanweblightfanum.woff2");
    src: url("../fonts/iranyekanweblightfanum.woff2?#iefix")
    format("embedded-opentype"),
    url("../fonts/iranyekanweblightfanum.woff2") format("woff2"),
    url("../fonts/iranyekanweblightfanum.woff2") format("woff"),
    url("../fonts/iranyekanweblightfanum.woff2") format("truetype");
}
*, *:before, *:after{
    box-sizing: border-box;
}
* ,body ,a {
    font-family: yekan;
    direction: rtl;
}
a{
    text-decoration: none;
}
body {
    overflow-x: hidden;
}
.page-top-body {
    visibility: hidden;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80, .7);
    border: 1px solid rgba(234, 234, 234, .94);
}
::-webkit-scrollbar-track {
    background: rgba(234, 234, 234, .94);
    background: rgba(255, 255, 255, .4);
}
/* Icon 1 */
.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.animated-icon1 span {
    background: #FFF;
}
.animated-icon2 span {
    background: #e3f2fd;
}
.animated-icon3 span {
    background: #f3e5f5;
}
.animated-icon1 span:nth-child(1) {
    top: 0px;
}
.animated-icon1 span:nth-child(2) {
    top: 10px;
}
.animated-icon1 span:nth-child(3) {
    top: 20px;
}
.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/* Icon 3*/
.animated-icon2 span:nth-child(1) {
    top: 0px;
}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
    top: 10px;
}

.animated-icon2 span:nth-child(4) {
    top: 20px;
}

.animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}
.animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}
/* Icon 4 */
.animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
}
.animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
}
.req {
    color: red;
}
.scallop-up {
    height: 100px;
    width: 100%;
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 100%, 40, from(#68b9cc), color-stop(0.49, #68b9cc), color-stop(0.51, #000), to(black));
    -webkit-background-size: 29px 100%;
}
.scallop-down {
    height: 100px;
    width: 100%;
    background: -webkit-gradient(radial, 50% 0, 10, 50% 0, 40, from(#66b7ca), color-stop(0.49, #6dbed1), color-stop(0.51, #000), to(black));
    -webkit-background-size: 29px 100%;
}
.navbar-brand .fa-heartbeat {
    margin-left: 5px;
}
.datetimeclass ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.datetimeclass ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .4);
    border: 1px solid rgba(234, 234, 234, .94);
}
.datetimeclass ::-webkit-scrollbar-track {
    background: rgba(234, 234, 234, .94);
    background: rgba(255, 255, 255, .4);
}
form button,form button:focus-visible{
    margin: 0;
    background: inherit;
    border: none;
    outline: none;
}

.dashed {
    border-style: dashed;
    border-color: #DADADA;
    margin: 10px 0;
    border-width: 0 0 1px 0;
}
button:disabled {
    opacity: .5;
}
input:disabled {
    background: #ebebeb;
}
.bg-img-none {
    background: inherit;
}
.boxd {
    width: calc(100% - 4em);
    min-height: 200px;
    background: #FFF;
    margin: 40px auto;
    padding: 2em;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);
}
.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2 {
    position: relative;
}
.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.bookly-form .bookly-columnizer .bookly-day, .bookly-form .bookly-schedule-date {
    background: #b10010 !important;
    border: 1px solid #b10010 !important;
}
.divbtncl {
    display: inline-grid;
    font-size: 14px;
}
.divbtncl button {
    background: white;
    display: block !important;
    min-width: 0;
    width: 100%;
    margin: 1.5px 0 !important;
    background: white;
    height: 36px;
    padding: 6px;
    font-size: 13px !important;
    line-height: 20px;
    text-align: center;
    float: none !important;
    vertical-align: middle;
    text-transform: none;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
}
.divbtncl .fa-circle, .divbtncl .fa-circle-o {
    margin-top: 2px;
    display: block;
    float: right;
    margin-right: 10%;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: -20px;
    color: #000;
    z-index: 999;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    background: white !important;
    color: #000000!important;
}
.searchable-select-holder {
    padding: 4px 5px;
    max-width: none;
}
.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: white;
    color: black;
    padding: 10px 15px;
    border: none;
    position: fixed;
    right: -80px;
    top: -80px;
    width: 200px;
    height: 200px;
    border-radius: 50% 50% 50% 50%;
}
.openbtn span {
    display: block;
    margin-top: 15%;
    margin-right: 22%;
    font-size: 25px;
}
.owl-theme .owl-dots {
    display: block;
    text-align: center;
    margin-top: 3%;
}
.owl-theme .owl-dots button{
    width: 15px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #b10010;
}
/*.btndiv .st-btn[data-network='Back'] {*/
/*    background-color: #cb20276b;*/
/*    z-index: 999;*/
/*}*/
/*.btndiv .st-btn[data-network='Continuation'] {*/
/*    background-color: #95D03A;*/
/*}*/
/*.btndiv .st-btn[data-network='Forgotpassword'] {*/
/*    background-color: #00adff;*/
/*}*/
.btndiv .st-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: grid;
    font-size: 14px;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
}
.btndiv .st-btn > img {
    display: block;
    height: 60px;
    vertical-align: top;
    margin: auto;
}
.footer .imffooterright {
    display: block;
    text-align: center;
}
.footerPage h4, .list-unstyled li a {
    font-size: 14px;
    color: #ffffff;
}
.list-unstyled li {
    list-style-type: square;
    padding: 2px 0px;
}
.list-unstyled li::marker {
    color: #b10010;
}
.btndiv .st-btn > span {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: inline-block;
    min-width: 60px;
    padding: 0 6px;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
}
.fontsizedefult {
    font-size: 14px;
}
#regiration_form fieldset:not(:first-of-type) {
    display: none;
}
.col-sm-3 {
    position: relative;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit;
}
footer {
    margin-top: 40px;
}
footer a,footer p{
    color: white;
}
.footer2 {
    background: #00aabf;
    padding: 15px 0;
}
.footer2 .panel {
    margin-bottom: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.f-en {
    font-family: cursive;
}
.modal-body .disabletime {
    background-image: url(../../assets/img/disabled.png) !important;
    background: #ffc55c 0 -4200px repeat-x;
    opacity: .3;
    color: #9b9b9b;
}
.noteadminforemp {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 150px;
    cursor: text;
}
.modal-body .owl-prev, .modal-body .owl-next {
    position: absolute;
    top: 6.8%;
    transform: translateY(-50%);
}

.modal-body .owl-prev {
    right: 0rem;
}

.modal-body .owl-next {
    left: -3px;
}
.modal-body .owl-theme .owl-nav .disabled {
    opacity: .2;
}
.navbar-custom .nav li.active a {
    background-color: #95D03A;
}
.btnca {
    position: relative;
    width: 200px;
    margin: auto;
}
.textimg {
    background-color: white;
    color: black;
    font-weight: bold;
    margin: 0 auto;
    padding: 2px 8px;
    width: max-content;
    left: 50%;
    text-align: center;
    position: absolute;
    bottom: -26%;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    border-radius: 5px;
}
.card .title {
    margin: 25px 0 0 0;
}
.owl-carouseld .item .card {
    margin: auto;
    padding: 45px 0px;
    background-image: linear-gradient(1deg, #000000 0%, #000000 50%, #ffffff85 75%);
    border-radius: 15px;
}
.card .btnca img {
    width: 150px;
    height: auto;
    margin: auto;
    text-align: center;
    border-radius: 8px;
}
.alertswphp {
    background: #FFC107;
    border: none;
    border-top: 1px solid #FF8F00;
    border-radius: 5px 5px 0 0;
    height: fit-content;
    padding: 8px 20px;
    position: fixed;
    left: 0;
    bottom: 1%;
    display: block;
    z-index: 100000;
    opacity: 0.9;
    animation: ajax-indicator 0.2s;
    line-height: 13px;
    color: black;
    font-size: small;
    margin: 0 15px;
}
.spanalert {
    display: block;
    font-size: 10px;
}
#loaderalert {
    border: 1px solid #f3f3f3;
    border-radius: 50%;
    border-top: 1px solid #444444;
    width: 15px;
    height: 15px;
    animation: spina 1s linear infinite;
}
@keyframes spina {
    100% {
        transform: rotate(360deg);
    }
}
.leftloderalert {
    display: block;
    float: left;
}
.centerloderalert {
    display: block;
    float: right;
    margin-left: 5px;
}
.selectcontrol {
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgb(0 0 0 / 5%) inset;
    transition: border-color 0.2s;
    border-color: #cccccc;
    min-width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    max-width: none;
    background: #fff;
}
fieldset {
    border: solid 1px rgba(0, 0, 0, .2);
    background: rgba(10, 51, 97, .04);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
    color: #333;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
legend {
    width: auto;
    display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.content-panel .rgHeaderthead th, #fvwMain_grdDetailItems_radGrid_ctl00 thead th, #posteducation thead th, #infofinthopage #emptblCertification tr th, #infofinfoopage #emptblExperience tr th {
    border: solid rgba(0, 0, 0, .1);
    border-width: 0 0 0 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    background: #deebf7 linear-gradient(rgba(255, 255, 255, .6), transparent);
    /* box-shadow: 0 1px 0 rgba(0, 0, 0, .2); */
    font-size: 11px;
    cursor: pointer;
}
.rgClipCells tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
#fvwMain_grdDetailItems_radGrid_GridData table thead tr th {
    cursor: default;
    border: solid rgba(0, 0, 0, .1);
    border-width: 0 0 0 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    background: #deebf7 linear-gradient(rgba(255, 255, 255, .6), transparent);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    font-size: 11px;
}
#fvwMain_grdDetailItems_radGrid_GridData table tr td{
    border: 1px solid rgba(0, 0, 0, .1);
}
tr td .inputtable {
    border: none;
}
#IddivCertificationFile .fileicon {
    background: no-repeat 50% 50%;
    opacity: 0.8;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve' fill='%23e80'%3E %3Cstyle type='text/css'%3E .st0{opacity:0.8;enable-background:new ;} %3C/style%3E %3Cg%3E %3Cpath class='st0' d='M11.4,3c0.1,0,0.1,0,0.2,0V2.2c0-0.3-0.2-0.6-0.6-0.6H5.6c-0.5,0-0.8-0.4-0.8-0.9V0.6C4.8,0.3,4.5,0,4.2,0H0.9 C0.6,0,0.4,0.3,0.4,0.6V3c0.1,0,0.1,0,0.2,0L11.4,3L11.4,3z'/%3E %3Cpath d='M11.8,4.5c-0.1-0.1-0.3-0.2-0.4-0.2H0.6c-0.2,0-0.3,0.1-0.4,0.2C0,4.6,0,4.8,0,5l0.3,6.5c0,0.3,0.3,0.6,0.6,0.6h10.2 c0.3,0,0.5-0.2,0.6-0.6L12,5C12,4.8,12,4.6,11.8,4.5z'/%3E %3C/g%3E %3C/svg%3E");
    background-size: 12px;
    width: 18px;
    display: block;
    height: 26px;
    position: absolute;
    top: 18%;
    left: 3%;
    border-right: 1px solid #cccccc;
    background-position: left;
}
span.SgToolTipIcon {
    display: inline-block;
    background: url("../img/WebResource.png");
    width: 12px;
    height: 12px;
    cursor: help;
    margin-right: 5px;
}
#IddivCertificationFile .fa-remove {
    position: absolute;
    left: 2%;
    top: 16%;
    color: red;
    border-right: 1px solid #cccccc;
    background-position: top;
    height: 25px;
    line-height: 25px;
    padding: 0 6px 0 4px;
    font-size: 12px;
}
form .datetimeclass .rtbUL a {
    color: #000;
}
form .datetimeclass .rtbUL {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
}
form .datetimeclass .rtbItem {
    padding: 0 3px 0 3px;
    margin: 3px 2px 3px 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-bottom-color: rgba(0, 0, 0, .4);
    background: #fff linear-gradient(transparent 50%, rgba(0, 0, 0, .05));
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border-radius: 4px;
}
form .datetimeclass .rtbUL li {
    margin-left: 5px;
    padding: 1px 3px;
    list-style-position: outside;
    list-style-type: none;
    vertical-align: middle;
    font-size: 12px;
}
form .datetimeclass .rtbUL >li:active {
    transform: translateY(1px);
}
#myProgress {
    width: 100%;
    display: flex;
}
#myBar {
    margin-top: 3px;
    width: 1%;
    height: 2px;
    background-color: #0072ffb0;
}
.content-icon-page a ,.content-icon-page h6{
    color: #fff;
}
span.checked {
    color: orange;
}
.linksdoctor a {
    cursor: pointer;
}
#fbaboutdoctor .modal .modal-body p {
    font-size: 12px;
}
.story {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.story__avatar {
    background: linear-gradient(315deg,#e03d96,#7d4c9e);
    border-radius: 50%;
    padding: 2px;
}
.story__picture {
    background: #ffffffeb;
    padding: 2px;
    border-radius: 50%;
}
.story__picture img {
    width: auto;
    height: auto;
    border-radius: 50%;
}
.chat-popup .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
}
.chat-popup .active,.chat-popup .accordion:hover {
    background-color: #ccc;
}
.chat-popup .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: left;
    margin-left: 5px;
}
.chat-popup .active:after {
    content: "\2212";
}
.chat-popup .panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.chat-popup .fa-close:hover {
    color: red;
    cursor: pointer;
}
.col-lg-8 .btn-lg:hover,.col-md-8 .btn-circle:hover,#Idchatbox .fa-wechat:hover,.col-sm-12 .col-sm-3 .content-icon-page:hover {
    background-color: #95D03A;
}
.animation-fade-bottom1 {
    animation: fadeInbottom1 2s ease-in-out;
}
@keyframes fadeInbottom1 {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
    }
}
.animation-fade-bottom2 {
    animation: fadeInbottom2 1s ease-in-out;
}
@keyframes fadeInbottom2 {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
    }
}
.animation-fade-bottom3 {
    animation: fadeInbottom3 5s ease-in-out;
}
@keyframes fadeInbottom3 {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
    }
}
.d-none {
    display: none;
}
.d-inline-block {
    display: inline-block;
}
.doctorselect select {
    border: 1px solid #cccccc;
    border-radius: 2px;
    transition: border-color 0.2s;
    width: 100%;
    border-color: #cccccc;
    margin-bottom: 20px;
    background: #FFFFFF;
}
input:disabled,#infofinsopage table input:read-only, select:disabled, #IddivInsuranceFile .LabelInsuranceFileashja {
    background-image: url(../img/disabled.png) !important;
    background: #ffc55c 0 -4200px repeat-x;
    opacity: .8;
}
.next .page-link .next {
    display: block;
    height: 0.875rem;
    width: 0.875rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23B5B5C3'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.06463 4.42111C1.96161 4.22088 1.9809 3.9637 2.12863 3.78597L5.12847 0.177181C5.31402 -0.046034 5.63049 -0.060261 5.83532 0.145404C6.04015 0.351069 6.05578 0.698744 5.87023 0.921959L3.19406 4.14137L5.84414 7.06417C6.03896 7.27904 6.03835 7.62686 5.84278 7.84105C5.64721 8.05524 5.33073 8.05469 5.13591 7.83982L2.14806 4.54449C2.1141 4.50704 2.08629 4.46541 2.06463 4.42111Z'/%3e%3c/svg%3e");
}
.fa-eye-slash {
    color: red;
}
.selectBoxcostom {
    position: relative;
}
.selectBoxcostom select {
    width: 100%;
}
.overSelectcostom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#checkboxescostom {
    display: none;
    border: 1px #dadada solid;
}
#checkboxescostom label {
    display: block;
}
#checkboxescostom label:hover {
    background-color: #009ef7;
    color: white;
    cursor: pointer;
}
.modal-body fieldset .searchable-select .searchable-select-holder {
    background: #FFFFFF!important;
}
.divbtn .divbtncl:active {
    transform: translateY(1px);
}
.divbtn .divbtncl .doctortimrrec:hover{
    background: white !important;
}
#doctortimeresforres button:hover{
    border: 1px solid #95d03a !important;
}
#infofinsopage input:disabled,#infofinsopage input:read-only,#infofinsopage select:disabled {
    opacity: .6;
    color: #000000;
}
.rgMasterTable tbody tr td input {
    width: 100%;
}
#button-to-up {
    display: inline-block;
    background-color: #b10010;
    font-size: 16px;
    color: #fff;
    border: 2px solid white;
    padding: 5px;
    border-radius: 5px;
    width: 43px;
    height: 39px;
    text-align: center;
    position: fixed;
    bottom: 15px;
    left: 15px;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button-to-up::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    color: #fff;
}
#button-to-up:hover {
    cursor: pointer;

}

#button-to-up.show {
    opacity: 1;
    visibility: visible;
}
.fixed-qa {
    list-style: none;
    padding: 0;
    margin: 0;
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fixed-qa-btn {
    display: block;
}
.fixed-qa-list {
    list-style: none;
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    pointer-events: none;
}
.fixed-qa-list {
    list-style: none;
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    pointer-events: none;
}
.fixed-qa-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin: 10px 5px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: .8;
    background: #242b33;
}
.fixed-qa-list li a:hover{
    cursor: pointer;
    opacity: 1;
}
.fixed-qa-list li a span {
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    left: 100%;
}
.fixed-qa-btn {
    display: block;
}
.fixed-qa-btn:after {
    content: '';
    display: block;
    width: 1px;
    height: 0;
    margin: 0 auto;
    background: #FFFFFF;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.fixed-qa-btn i {
    display: block;
    color: #ffffff!important;
    text-align: center;
    font-size: 26px;
}
.fixed-qa.active .fixed-qa-btn:after {
    height: 50px;
    margin: 5px auto;
}
.fixed-qa.active .fixed-qa-list {
    max-height: fit-content;
    pointer-events: auto;
}
.fixed-qa {
    text-align: center;
    position: fixed;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 500
}
.fixed-qa-btn {
    display: block
}
.fixed-qa-btn i {
    display: block;
    color: #FFFFFF !important;
    -webkit-animation: rotate 5s infinite;
    animation: rotate 5s infinite
}
@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn)
    }
}
@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
.fixed-qa-list .tooltip-inner {
    width: max-content;
}
.content-container {
    width: 100%;
    max-width: 935px;
    padding: 0 0 8px;
    margin: 0 auto;
    display: flex;
}
.content-container .content {
    width: 100%;
    max-width: 614px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.stories__content {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 16px;
    padding: 0 16px;
    position: relative;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.story {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.story__avatar {
    position: relative;
}
.story__user {
    font-size: 12px;
    font-weight: 400;
    text-transform: lowercase;
    max-width: 72px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.story__border {
    width: 70px;
    height: 70px;
    fill: none;
    stroke-width: 1.5;
}
.story__picture img {
    max-width: 100%;
}
.story__picture {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.story__picture::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
}
.fixed-qa .fixed-qa-list li {
    cursor: help;
}
#IddivPicFile .fileiconedit {
    background: no-repeat 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve' fill='%23e80'%3E %3Cstyle type='text/css'%3E .st0{opacity:0.8;enable-background:new ;} %3C/style%3E %3Cg%3E %3Cpath class='st0' d='M11.4,3c0.1,0,0.1,0,0.2,0V2.2c0-0.3-0.2-0.6-0.6-0.6H5.6c-0.5,0-0.8-0.4-0.8-0.9V0.6C4.8,0.3,4.5,0,4.2,0H0.9 C0.6,0,0.4,0.3,0.4,0.6V3c0.1,0,0.1,0,0.2,0L11.4,3L11.4,3z'/%3E %3Cpath d='M11.8,4.5c-0.1-0.1-0.3-0.2-0.4-0.2H0.6c-0.2,0-0.3,0.1-0.4,0.2C0,4.6,0,4.8,0,5l0.3,6.5c0,0.3,0.3,0.6,0.6,0.6h10.2 c0.3,0,0.5-0.2,0.6-0.6L12,5C12,4.8,12,4.6,11.8,4.5z'/%3E %3C/g%3E %3C/svg%3E");
    background-size: 12px;
    width: 19px;
    display: block;
    height: 25px;
    position: absolute;
    top: 12%;
    left: 3%;
    border-right: 1px solid #cccccc;
    background-position: left;
    opacity: .7;
}
#IddivPicFile .removeedit {
    position: absolute;
    left: 1%;
    top: 11%;
    color: red;
    border-right: 1px solid #cccccc;
    background-position: top;
    height: 27px;
    line-height: 25px;
    padding: 0 6px 0 4px;
}
#tba .badge {
    white-space: normal;
}
.pdp-default .pdp-footer {
    display: none!important;
}
.pdp-default .dows {
    background: #95d03a !important;
    color: #ffffff !important;
    border: 1px solid #999999;
    border-bottom: none!important;
    border-top: none!important;
}
.pdp-default .dow {
    font-family: 'yekan'!important;
    border: none!important;
    font-size: 7px!important;
    width: 30px!important;
    font-weight: bold!important;
}
.pdp-default .yearSelect, .pdp-default .monthSelect {
    margin-top: 26px!important;
}
.pdp-default .selday, .pdp-default .selday:hover {
    background: #95d03a !important;
    border-color: inherit;
}
.pdp-default .pdp-header {
    padding: 0px!important;
    height: 25px!important;
}
.pdp-default .cell {
    width: 30px!important;
}
.pdp-default .pdp-header .monthYear span:first-child, .pdp-default .pdp-header .monthYear span:last-child {
    background: #95d03a;
    padding: 1px 6px;
    color: #ffffff;
    font-weight: normal;
    font-size: 11px;
}
.pdp-default .nextArrow, .pdp-default .prevArrow {
    font-size: 13px;
}
.pdp-default .pdp-header .monthYear span:first-child:before {
    content: "ماه : ";
    font-size: 7px;
    font-weight: bold!important;
}
.pdp-default .pdp-header .monthYear span:last-child:before {
    content: "سال : ";
    font-size: 7px;
    font-weight: bold!important;
}
.btndiv .st-btn:hover {
    opacity: .8;
    top: -4px;
}

.footerPage {
    /*background-size: cover;*/
    /*overflow: hidden;*/
    /*background-image: url(../bootstrap/img/bg-footer.jpg);*/
}
#demos{
    /*background-size: cover;*/
    /*overflow: hidden;*/
    /*background-image: url(../bootstrap/img/bg-footer.jpg);*/
}
#gallery-sec {
    background: #f7f7f7;
    background-image: radial-gradient(500px 200px at 20% 10%, rgba(0, 0, 0, .02) 0, transparent 75%), radial-gradient(600px 300px at 80% 90%, rgba(0, 0, 0, .02) 0, transparent 70%);
    padding: 48px 0 64px;
}
#demos .columns .item{
    width: 150px;
    margin: auto;
    text-align: center;
    display: block;
}
#footer {
    width: 100%;
    position: relative;
}
#footer .line {
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(48.53%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 48.53%,rgba(255,255,255,0) 100%);
    margin-top: 15px;
    width: 100%;
    height: 3px;
    display: block;
}
.footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.socialFooter__title {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
}
.heart {
    fill: white;
    animation-name: heartbeat;
    animation-duration: 1s;
    animation-iteration-count:infinite;
}
@keyframes heartbeat {
    0% {fill: #bf3734; }
    100% {fill: #ea4440; transform: scalex(1.01);}
}
.navbar-brand {
    padding: 0 15px;
}

.backdiv .st-btn[data-network='Back'] {
    background-color: #cb20276b;
    z-index: 999;
}
.backdiv .st-btn[data-network='Continuation'] {
    background-color: #95D03A;
}
.backdiv .st-btn[data-network='Forgotpassword'] {
    background-color: #00adff;
}
.backdiv .st-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
}
.backdiv .st-btn > img {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 8px;
    vertical-align: top;
}
.backdiv .st-btn > span {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.5px;
    min-width: 60px;
    opacity: 1;
    padding: 0 6px;
    position: relative;
    vertical-align: top;
}
.backdiv .st-btn:hover {
    opacity: .8;
    top: -4px;
}
.bodymodel {
    padding: 5px 10px;
}
.bodymodel .line {
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(48.53%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #28313a1f 48.53%, rgba(255, 255, 255, 0) 100%);
    margin-top: 15px;
    width: 100%;
    height: 3px;
    display: block;
}
.navbar-brand >img {
    border-radius: 50%;
    max-width: 70px;
}
.navbar {
    min-height: 75px;
}

.newsletter {
    margin-top: 60px;
}
.newsletter__form {
    background-color: rgba(255,255,255,.1);
    width: 100%;
    max-width: 600px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 25px;
    margin-top: 10px;
    border-radius: 40px;
}
.newsletter__form input {
    background-color: #f2f2f2;
    width: calc(100% - 140px);
    color: grey;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    padding: 0 15px;
    border: 0;
    border-radius: 23px;
    outline: unset;
}
.newsletter .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    margin: 0;
}
.newsletter .btn svg {
    margin-right: auto;
}
.newsletter__form button {
    background-color: #b10010;
    width: 130px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border: 0;
    border-radius: 20px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.newsBox {
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
.newsMainSec__slider .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
}
.newsBox__wrapper {
    background-color: #fff;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.newsBox__wrapper__info {
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    padding-left: 40px;
}
.bgLine {
    pointer-events: none;
    position: absolute;
    right: 15%;
    left: 15%;
    top: -50px;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
/*.owl-item.active > div:after {*/
/*    content: 'active';*/
/*}*/
/*.owl-item.center > div:after {*/
/*    content: 'center';*/
/*}*/
.owl-carouselsecound .owl-item.active {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}
.owl-carouselsecound .owl-item.active.center {
    filter: blur(0)!important;
    -webkit-filter: blur(0)!important;
}
.owl-carouselsecound .owl-item.active.center > .item {
    width: 300px!important;
}
.newsBox__wrapper__item .btn {
    border-radius: 20px;
    float: center;
    color: #fff;
    border: none;
    padding: 0 10px;
    font-size: 12px;
    height: 40px;
    line-height: 38px;
    background: #b10010;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    min-width: 130px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.newsBox__wrapper__item .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    margin: 0;
}
.newsBox__wrapper__item .btn svg {
    margin-right: auto;
}
.newsBox__wrapper__item--date {
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
    display: block;
    text-align: left;
}
.newsBox {
    display: block;
    border-radius: 20px;
    width: 550px;
    overflow: hidden;
}
@media (max-width:765px){
    #Idoptionsleft{
        display: none;
    }
    .newsBox {
        width: 350px;
    }
    .newsBox__wrapper__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
}
@media (max-width:1360px){
    .bgLine {
        right: 8%;
    }
}
@media (max-width:1280px){
    .bgLine {
        right: 5%;
    }
}
@media (max-width:1152px){
    .bgLine {
        right: 1%;
    }
}
@media (max-width:800px){
    .bgLine {
        right: -20%;
    }

}
@media (max-width:991px){
    .footerbgright {
        background: #000000;
    }
    #kt_aside >.aside-menu {
        background: black;
    }
}
.classasearch {
    background: #ffffffd9;
    padding: 5px;
    border-radius: 15px;
}
@media only screen and (max-width: 767px) {
    .newsBox__wrapper__item--date {
        margin-bottom: 0;
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    .newsBox__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .newsBox__wrapper__info {
        padding-left: 0;
        font-size: 16px;
        line-height: 1.8;
    }
}
@media (max-width:650px){
    .bgLine {
        right: -36%;
    }
}
@media (max-width:556px){
    .bgLine {
        right: -50%;
    }
}
@media (max-width:450px){
    .bgLine {
        display: none;
    }
    #shell-container {
        min-height: 100%;
    }
}
.text-gray-400 {
    color: #ffffffc7 !important;
}
#demosslider {
    background-size: cover;
    overflow: hidden;
    background-image: url(../bootstrap/img/bg-footer.jpg);
}
.textheadertitre h2 ,.headerTitle2 {
    font-size: 24px;
    font-weight: 700;
    color: #22313f;
}
#demos .owl-theme .owl-nav,#demosslider .owl-theme .owl-nav {
    display: none;
}
.breadcrumb li a {
    font-size: 11px;
    color: black;
}
.newsInnerPageWrap .newsInnerPage__title {
    color: #333333;
    font-size: 16px;
}
.articles .newsInnerPageWrap .newsInnerPage__title {
    color: #333333;
    font-size: 15px;
    text-align: center;
}
.category .newsInnerPageWrap .newsInnerPage__title {
    color: #333333;
    font-size: 15px;
    text-align: center;
}
#coverHead .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: rgba(10, 51, 97, .04);
    border-radius: 4px;
}
.singleNewsTools {
    margin-top: 15px;
    margin-bottom: 20px;
}
.singleNewsTools a {
    border-radius: 40px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    margin-left: 10px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.singleNewsTools a svg {
    fill: #000;
    margin-left: 5px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.newsInnerPageWrap .post {
    line-height: 30px;
    font-size: 14px;
    color: #333333;
}
.newsInnerPageWrap .post p {
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}
.modal {
    direction: ltr;
}
.header-tablet-and-mobile-fixed .header {
    background-color: inherit;
}
.toolbar-tablet-and-mobile-fixed .toolbar {
    background-color: inherit;
}
.header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed .toolbar {
    border-top: 1px solid inherit;
}
.aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active), .aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active),.aside-dark .menu .menu-item .menu-link.active {
    background-color: #ffffff26;
}
.timeline-label .timeline-badge {
    background: #ffffff00;
    border: 6px solid #ffffff00 !important;
}
.timeline-badge i {
    color: #EFF2F5;
}
.timeline-label .timeline-label,table .text-gray-600,.text-white-800,#shell-container fieldset legend,#shell-container fieldset label,#kt_toolbar_container #IdUserCur {
    color: #fff!important;
    opacity: .7;
}
.animated-bg {
    background: linear-gradient(-45deg, #f8f8f9, #ffffff05, #c7ecff47, #23d5ab00);
    background-size: 400% 400%;
    animation: gradientBG 10s ease infinite;
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.15);
}
@keyframes gradientBG {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}
#contactiframe {
    background: #f7f7f7;
    background-image: radial-gradient(500px 200px at 20% 10%, rgba(0, 0, 0, .02) 0, transparent 75%), radial-gradient(600px 300px at 80% 90%, rgba(0, 0, 0, .02) 0, transparent 70%);
    padding: 48px 0 64px;
}
.wrapper__item {
    color: #FFFFFF; background-color: #95D03A; -webkit-border-radius: 4px; border-radius: 4px; border: none; font-size: 15px; height: 32px; line-height: 32px; margin-right: 8px; padding: 0px 15px;
}

/* ====== UI TWEAKS (2025-08-08) ====== */
/* Bigger story modal on mobile + sticky controls */
@media (max-width: 768px){
    .story-lan-class #storyImage,
    .story-lan-class #storyVideo {
        height: 82vh !important;
        max-height: 82vh !important;
    }
    .story-lan-class .modal-footer{
        position: sticky;
        bottom: 0;
        background: rgba(255,255,255,.85);
        backdrop-filter: saturate(100%) blur(2px);
    }
}

/* Accent button improvement */
.newsBox__wrapper__item .btn,
.newsletter__form button,
.btn-custom, .btn-primary {
    transition: transform .2s ease, box-shadow .2s ease;
}
.newsBox__wrapper__item .btn:hover,
.newsletter__form button:hover,
.btn-custom:hover, .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
}

/* Card entrance */
.boxd.effect2 {
    animation: fadeInbottom2 .7s ease;
}


/* ===== Strong override for home hero card ===== */
#homeHero{
    max-width: 780px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62)) !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 22px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.6) !important;
}
#homeHero fieldset{
    border-radius: 14px;
    background: rgba(255,255,255,.55) !important;
    border: 1px solid rgba(40,49,58,.10) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.08) !important;
}
#homeHero .headerTitle2, #homeHero .textheadertitre h2{
    color: #2c3238 !important; font-weight:800 !important;
}
#homeHero .headerTitle2::after, #homeHero .textheadertitre h2::after{
    content:""; position:absolute; right:0; bottom:-8px;
    width:68px; height:4px; background:linear-gradient(90deg,#00c6ff,#0072ff);
    border-radius:2px; opacity:.9;
}
#homeHero .btn-primary, #homeHero .btn-custom{
    background: linear-gradient(135deg,#00c6ff,#0072ff) !important;
    box-shadow: 0 10px 22px rgba(0,114,255,.28) !important;
    border:none !important; color:#fff !important;
}



/* ======= News & Events - Static (scoped with .exh-) ======= */
.exh-wrap{
    background: #f7f7f7;
    background-image: radial-gradient(500px 200px at 20% 10%, rgba(0,0,0,.02) 0, transparent 75%),
    radial-gradient(600px 300px at 80% 90%, rgba(0,0,0,.02) 0, transparent 70%);
    padding: 48px 0 64px;
}
.exh-container{ width:100%; max-width:1280px; margin:0 auto; padding:0 16px; }
.exh-header{
    display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px;
}
.exh-header h2{
    margin:0; font-size:32px; font-weight:800; color:#263238;
}
.exh-all-btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 16px; border-radius:28px; background:#fff; color:#263238;
    border:1px solid #dfe5ea; box-shadow:0 4px 12px rgba(0,0,0,.06);
    text-decoration:none; font-size:14px; transition:transform .15s ease, box-shadow .15s ease;
}
.exh-all-btn:hover{ transform: translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.08); }
.exh-icon{ display:inline-block; font-weight:700; font-size:16px; line-height:1; }

.exh-grid{
    display:grid; grid-template-columns: repeat(4, 1fr); gap:22px;
}
@media (max-width:1100px){ .exh-grid{ grid-template-columns: repeat(3, 1fr);} }
@media (max-width:820px){ .exh-grid{ grid-template-columns: repeat(2, 1fr);} }
@media (max-width:520px){ .exh-grid{ grid-template-columns: 1fr;} }

.exh-card{
    background:#fff; border:1px solid #e6ecf1; border-radius:16px; overflow:hidden;
    box-shadow:0 10px 28px rgba(0,0,0,.06);
    display:flex; flex-direction:column; transition: transform .15s ease, box-shadow .15s ease;
}
.exh-card:hover{ transform: translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,.08); }

.exh-card-media{
    padding:16px 16px 0; border-bottom: 1px solid #f1f4f6;
}
.exh-card-media img{
    width:100%; height:190px; object-fit:cover; border-radius:12px;
    display:block; box-shadow:0 8px 18px rgba(0,0,0,.10);
}

.exh-card-body{ padding:16px; display:flex; flex-direction:column; gap:8px; }
.exh-meta{ font-size:12px; color:#7b8b9a; }
.exh-date{
    background:#f8fafc; border:1px solid #e9eef3; color:#5b6976; padding:4px 8px; border-radius:12px;
}
.exh-title{ font-size:16px; margin:4px 0; color:#1f2a33; }
.exh-excerpt{ font-size:13px; line-height:1.9; color:#485762; margin:0 0 8px 0; }

.exh-more{
    margin-top:auto; display:inline-flex; align-items:center; gap:8px;
    padding:10px 14px; border-radius:24px; border:1px solid #dfe5ea; text-decoration:none;
    color:#1b2836; transition: all .15s ease; background:#fff;
}

.owl-carousel .owl-nav button.owl-next {
    left: 0;
}
.owl-carousel .owl-nav button.owl-prev{
    right: 0;
}
/* ===== Expo Archive (scoped) ===== */
#expo-archive{
    padding: 50px 0;
    background: #fff; /* یا پس‌زمینه‌ی سایت خودت */
}
#expo-archive .archive-head{
    text-align: center;
    margin-bottom: 24px;
}
#expo-archive .archive-head h2{
    font-size: 24px;
    font-weight: 700;
    color: #28313a;
}

/* کارت نمایشگاه */
#expo-archive .expo-card{
    width: 360px;             /* عرض کارت وسط */
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    transition: transform .35s ease, box-shadow .35s ease;
}
#expo-archive .expo-media{
    aspect-ratio: 3/4;        /* نسبت پوسترها (ایمن‌تر از height ثابت) */
    background: #f6f7f9;
    overflow: hidden;
}
#expo-archive .expo-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;         /* بدون کشیدگی */
    display: block;
}
#expo-archive .expo-meta{
    padding: 12px 16px 16px;
}
#expo-archive .expo-meta h3{
    font-size: 14px;
    line-height: 1.7;
    color: #111;
    margin: 0 0 6px 0;
}
#expo-archive .expo-meta .date{
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}
#expo-archive .expo-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 16px;
    border-radius: 20px;
    background: #b10010;
    color: #fff !important;
    border: none;
}

/* اسلایدر */
#expo-archive .owl-carousel .owl-stage{
    padding: 20px 0; /* فاصله عمودی کارت‌ها از لبه */
}
#expo-archive .owl-item{
    transition: filter .35s ease, transform .35s ease, opacity .35s ease;
}

/* افکت: آیتم‌های کناری کمی کوچک و تار، وسط واضح و کمی بزرگ‌تر */
#expo-archive .owl-item.active{
    filter: blur(2.5px) brightness(.95);
    transform: scale(.92);
    opacity: .9;
}
#expo-archive .owl-item.active.center{
    filter: none;
    transform: scale(1.02);
    opacity: 1;
}

/* نقاط ناوبری */
#expo-archive .owl-theme .owl-dots .owl-dot span{
    width: 8px; height: 8px;
}
#expo-archive .owl-theme .owl-dots .owl-dot.active span,
#expo-archive .owl-theme .owl-dots .owl-dot:hover span{
    background: #b10010;
}
/* آیتم وسط - واضح و بزرگ‌تر */
#expo-archive .owl-item.active.center .expo-card {
    transform: scale(1.05);
    filter: none;
    opacity: 1;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    z-index: 2;
}

/* آیتم‌های کناری - کوچیک و تار */
#expo-archive .owl-item.active:not(.center) .expo-card {
    transform: scale(0.9);
    filter: blur(2px) brightness(.9);
    opacity: 0.8;
    box-shadow: none;
    z-index: 1;
}

/* واکنش‌گرا */
@media (max-width: 992px){
    #expo-archive .expo-card{ width: 320px; }
}
@media (max-width: 576px){
    #expo-archive .expo-card{ width: 280px; }
}
#expo-archive .owl-item.active.center .expo-card:hover {
    transform: scale(1.08);
}

/* ==== Gallery Slider ==== */
#gallery-sec{padding:50px 0;}
#gallery-sec .gallery-head{ text-align:center; margin-bottom:20px }
#gallery-sec .gallery-head h2{font-size:24px;font-weight:700;color:#22313f}

#gallery-sec .gal-card{
    background:#fff;border-radius:20px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.08);
    text-align:center; width: 260px; margin:10px 0
}
#gallery-sec .gal-media{
    display:block; border-radius:16px; overflow:hidden; height:160px; background:#f5f5f5
}
#gallery-sec .gal-media img{ width:100%; height:100%; object-fit:cover; display:block }
#gallery-sec .gal-title{ font-size:14px; margin:10px 0 6px; color:#111 }
#gallery-sec .gal-link{
    display:inline-block; font-size:12px; color:#666; border:1px solid #eee; padding:6px 14px;
    border-radius:999px; transition:all .2s
}
#gallery-sec .gal-link:hover{ color:#fff; background:#b10010; border-color:#b10010 }

/* نقاط ناوبری هماهنگ */
#gallery-sec .owl-theme .owl-dots .owl-dot.active span,
#gallery-sec .owl-theme .owl-dots .owl-dot:hover span{ background:#b10010 }

/* ریسپانسیو عرض کارت‌ها */
@media (max-width:1200px){ #gallery-sec .gal-card{ width:240px } }
@media (max-width:768px){  #gallery-sec .gal-card{ width:220px } }
@media (max-width:576px){  #gallery-sec .gal-card{ width:100% } }
.partners-hero{
    position: relative;
    min-height: 30vh;              /* یا هر مقداری که می‌خوای */
    display: flex;
    align-items: center;
    justify-content: center;       /* محتوا وسط صفحه */
    text-align: center;
    background: url('../img/bg-line.png') center/cover no-repeat;
}
/* کانتینر سه‌بعدی */
#expo-archive { perspective: 1200px; }
#exhibitionsCarousel .owl-stage { transform-style: preserve-3d; }

/* کارت‌ها */
#exhibitionsCarousel .owl-item {
    transition: transform .45s ease, filter .45s ease, opacity .45s ease, z-index .2s;
    transform-origin: center bottom;
    will-change: transform, filter;
}

#exhibitionsCarousel .expo-card{
    background:#fff; border-radius:22px; overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}
#exhibitionsCarousel .expo-media img{ display:block; width:100%; height:auto; }

/* مرکز: بزرگ و جلوتر */
#exhibitionsCarousel .owl-item.center{
    transform: translateZ(80px) scale(1.02);
    z-index: 4;
    filter: none;
}

/* همسایه‌های نزدیک: کمی چرخش و بلور ملایم */
#exhibitionsCarousel .owl-item.near-left{
    transform: rotateY(18deg) translateX(-12px) translateZ(0) scale(.96);
    filter: blur(2px) saturate(.95);
    z-index: 3;
}
#exhibitionsCarousel .owl-item.near-right{
    transform: rotateY(-18deg) translateX(12px) translateZ(0) scale(.96);
    filter: blur(2px) saturate(.95);
    z-index: 3;
}

/* همسایه‌های دور: چرخش بیشتر، کوچک‌تر و مات‌تر */
#exhibitionsCarousel .owl-item.far-left{
    transform: rotateY(28deg) translateX(-22px) scale(.9);
    filter: blur(5px) opacity(.7);
    z-index: 2;
}
#exhibitionsCarousel .owl-item.far-right{
    transform: rotateY(-28deg) translateX(22px) scale(.9);
    filter: blur(5px) opacity(.7);
    z-index: 2;
}
/* بج (مثلاً «برگزار شد») */
.expo-badge{
    position:absolute; inset:auto 50% 16px auto; transform:translateX(50%);
    background:rgba(0,0,0,.6); color:#fff; font-size:14px; padding:.35rem .75rem; border-radius:12px;
    backdrop-filter: blur(4px);
}
/* پایه: همه کمی محو و کوچک */
#exhibitionsCarousel .owl-item{
    transition: transform .45s ease, filter .45s ease, opacity .45s ease, z-index .2s;
    transform-origin: center bottom;
    filter: blur(4px) opacity(.85);
    transform: scale(.92);
    z-index: 1;
}
#exhibitionsCarousel .owl-item {
    transform: scale(0.9);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}
#exhibitionsCarousel .owl-item.center {
    transform: scale(1);
    opacity: 1;
}
/* ===== DK TOP — HOTFIX OVERRIDES ===== */
.dk-top, .dk-top * { box-sizing: border-box; }
.dk-top .dk-container { max-width: 1200px; margin: 0 auto; padding: 0 12px; }

/* 1) استوری‌ها را از تداخل نجات بده */
.dk-top .dk-stories { background:#fff; border:1px solid #eee; border-radius:14px; box-shadow:0 10px 28px rgba(0,0,0,.15); }
.dk-top .dk-story { width:86px; text-align:center; }
.dk-top .dk-story .ring { width:72px; height:72px; border-radius:50%; margin:0 auto 6px; padding:3px;
    background: conic-gradient(#ff2ea6, #ff8a00, #ff2ea6); }
.dk-top .dk-story img { width:100% !important; height:100% !important; display:block;
    object-fit:cover; border-radius:50% !important; border:3px solid #fff !important; background:#111; }
.dk-top .dk-story .cap { display:block; font-size:12px; color:#374151; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 2) اسلایدر همیشه ارتفاع و پس‌زمینه داشته باشد */
.dk-top .dk-hero { position:relative; margin:14px auto; max-width:1200px; }
.dk-top .dk-hero .track { display:flex; overflow:hidden; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.15); background:#1f2937; }
.dk-top .dk-hero .slide { position:relative; flex:0 0 100%; height:380px; background:#0f172a; }
.dk-top .dk-hero .slide img { width:100%; height:100%; display:block; object-fit:cover; }
.dk-top .dk-hero .slide .grad { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45)); }
.dk-top .dk-hero .slide h3 { position:absolute; bottom:18px; right:18px; color:#fff; font-weight:800; font-size:22px; text-shadow:0 2px 6px rgba(0,0,0,.4); }

/* فلش‌ها روی اسلایدر */
.dk-top .dk-hero .nav { position:absolute; top:50%; transform:translateY(-50%); z-index:5;
    width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.95); border:1px solid #e5e7eb;
    display:grid; place-items:center; font-size:22px; cursor:pointer; }
.dk-top .dk-hero .nav.prev { left:12px; } .dk-top .dk-hero .nav.next { right:12px; }

/* 3) نقاط اسلایدر */
.dk-top .dk-hero .dots { position:absolute; bottom:10px; left:0; right:0; display:flex; justify-content:center; gap:6px; }
.dk-top .dk-hero .dots .dot { width:8px; height:8px; border-radius:50%; background:#fff; opacity:.5; }
.dk-top .dk-hero .dots .dot.active { opacity:1; }

/* 4) شورتکات‌ها سفید و مرتب */
.dk-top .dk-shortcuts { display:grid; grid-template-columns:repeat(8,minmax(80px,1fr)); gap:10px; padding:10px 0; }
.dk-top .dk-shortcuts .item { background:#fff; border:1px solid #eee; border-radius:14px; padding:10px 8px;
    box-shadow:0 10px 28px rgba(0,0,0,.08); color:#111; text-decoration:none; display:flex; flex-direction:column; align-items:center; gap:6px; }
.dk-top .dk-shortcuts .item i { font-size:22px; }

/* ریسپانسیو */
@media (max-width: 992px){ .dk-top .dk-hero .slide{ height:320px; } .dk-top .dk-shortcuts{ grid-template-columns:repeat(6,1fr); } }
@media (max-width: 768px){ .dk-top .dk-hero .slide{ height:260px; } .dk-top .dk-shortcuts{ grid-template-columns:repeat(4,1fr); } }
@media (max-width: 480px){ .dk-top .dk-hero .slide{ height:220px; } .dk-top .dk-shortcuts{ grid-template-columns:repeat(3,1fr); } }


.dk-container{max-width:1200px;margin:0 auto;padding:0 12px}
/* Header */
.dk-header .dk-topbar{background:#fff;border-bottom:1px solid var(--dk-border)}
.dk-header .dk-container{display:grid;grid-template-columns:160px 1fr 280px;align-items:center;gap:12px;padding:12px 12px}
.dk-header .brand img{height:44px}
.dk-header .search{display:flex;background:#f1f5f9;border:1px solid var(--dk-border);border-radius:10px;overflow:hidden}
.dk-header .search input{flex:1;padding:10px 12px;border:0;background:transparent;outline:none}
.dk-header .search button{border:0;background:transparent;padding:0 10px;cursor:pointer}
.dk-header .quick{display:flex;gap:12px;justify-content:flex-end}
.dk-header .quick a{display:flex;gap:6px;align-items:center;color:#111;text-decoration:none;padding:6px 8px;border-radius:8px}
.dk-header .quick a:hover{background:#f3f4f6}
.dk-cats{background:#fff;border-bottom:1px solid var(--dk-border)}
.dk-cats .cats-row{display:flex;gap:16px;align-items:center;padding:10px 12px;overflow:auto}
.dk-cats .cat{background:transparent;border:0;color:#111;text-decoration:none;white-space:nowrap;cursor:pointer;padding:6px 8px;border-radius:8px}
.dk-cats .cat:hover{background:#f3f4f6}
/* Stories bar */
.dk-stories-bar{background:#fff;border-bottom:1px solid var(--dk-border)}
.dk-stories-bar .strip{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:14px;overflow:auto;padding:25px 4px}
.dk-stories-bar .item {
    width: 100px;
    height: 110px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}
.dk-stories-bar img{width:100%;height: 100%;border-radius:15px;object-fit:cover;display:block;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.dk-stories-bar span{font-size:12px;color:#374151;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Modal */
.dk-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;padding:12px;z-index:9000}
.dk-modal.show{display:flex}
.dk-modal .box{width:min(720px,96vw);background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:var(--dk-shadow);color:#fff}
.dk-modal .progress{display:flex;gap:6px;padding:10px 12px;direction:ltr}
.dk-modal .progress .bar{flex:1;height:3px;background:rgba(255,255,255,.22);border-radius:4px;overflow:hidden}
.dk-modal .progress .bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#60a5fa,#a78bfa)}
.dk-modal .body{display:grid;place-items:center;padding:12px;background:radial-gradient(600px 300px at 50% 0,rgba(255,255,255,.06),transparent)}
.dk-modal img, .dk-modal video{max-width:100%;max-height:70vh;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.dk-modal .actions{display:flex;justify-content:center;gap:8px;padding:10px 12px 14px}
.dk-modal .actions .g{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 12px;cursor:pointer}
/* Shortcuts */
.dk-shortcuts .row{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:10px;padding:10px 0}
.dk-shortcuts .it{background:#fff;border:1px solid var(--dk-border);border-radius:14px;padding:10px 8px;box-shadow:var(--dk-shadow);color:#111;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:6px}
.dk-shortcuts .it i{font-size:22px}
/* Responsive */
@media (max-width:992px){
    .dk-shortcuts .row{grid-template-columns:repeat(6,1fr)}
}
@media (max-width:768px){
    .dk-shortcuts .row{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:480px){
    .dk-shortcuts .row{grid-template-columns:repeat(3,1fr)}
}


/* Stories nav buttons */
.dk-stories-bar .nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:36px; height:36px; border-radius:50%;
    border:0; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.2);
    display:grid; place-items:center; cursor:pointer; z-index:5;
}
.dk-stories-bar .nav.prev{ right:auto; left:8px; }
.dk-stories-bar .nav.next{ right:8px; }
.dk-stories-bar .dk-container{ position:relative; }
.dk-stories-bar .strip{ scroll-snap-type:x mandatory; }
.dk-stories-bar .item{ scroll-snap-align:start; }
.dk-shortcuts .row:before {
    display: none;
}





/* ===== Pretty Footer v2 ===== */
.dk-footer.v2{
    --dk-bg:#f6f7fb;
    --dk-card:#ffffffcc;
    --dk-stroke:#e8eaf1;
    --dk-text:#1f2937;
    --dk-muted:#6b7280;
    --dk-accent:#e4123d;
    background: radial-gradient(1200px 400px at 50% -100px, #e8f2ff 0, transparent 60%),
    var(--dk-bg);
    border-top:1px solid var(--dk-stroke);
    color:var(--dk-text);
    font-family: inherit;
}
.dk-footer .dk-wrap{max-width:1200px;margin:auto;padding:28px 16px}

/* feature bar */
.dk-featurebar{
    display:grid; grid-template-columns:repeat(5,1fr); gap:12px;
    background:#fff; border:1px solid var(--dk-stroke); border-radius:16px; padding:10px 12px; margin-bottom:18px
}
.dk-featurebar .fitem{display:flex;gap:10px;align-items:center;justify-content:center;font-weight:600}
.dk-featurebar i{font-size:18px;color:var(--dk-accent)}
@media (max-width:768px){ .dk-featurebar{grid-template-columns:repeat(3,1fr)} }
@media (max-width:480px){ .dk-featurebar{grid-template-columns:repeat(2,1fr)} }

/* badges */
.dk-badges{
    display:flex; gap:14px; justify-content:center; align-items:center;
    margin:14px 0 22px
}
.dk-badges a{display:block; padding:10px; border-radius:14px; background:#fff; border:1px solid var(--dk-stroke); transition:transform .2s ease, box-shadow .2s}
.dk-badges img{width:88px; height:auto; display:block}
.dk-badges a:hover{transform:translateY(-2px); box-shadow:0 6px 20px #0000000d}

/* card base */
.dk-footer .card{
    background:var(--dk-card);
    backdrop-filter:saturate(140%) blur(2px);
    border:1px solid var(--dk-stroke);
    border-radius:18px;
    padding:18px 16px;
    box-shadow:0 4px 18px #0b13240a;
}
.dk-about{ text-align:center; margin-bottom:18px}
.dk-about h3{margin:0 0 6px; font-size:24px}
.dk-about p{margin:0; color:var(--dk-muted); line-height:2;font-size: 14px}

/* grid */
.dk-grid{display:grid; gap:18px; grid-template-columns:1fr}
@media (min-width:768px){ .dk-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:992px){ .dk-grid{grid-template-columns:repeat(3,1fr)} }

.dk-grid h4{margin:0 0 10px; font-size:16px; display:flex; align-items:center; gap:8px}
.dk-grid .card:hover{transform:translateY(-2px); box-shadow:0 10px 24px #0b13241a; transition:.2s}

/* lists */
.dk-grid ul{margin:0; padding:0; list-style:none}
.dk-grid .links li+li,
.dk-grid .checks li+li,
.dk-grid .contact li+li{margin-top:8px}

.dk-grid .links a{color:var(--dk-text); text-decoration:none}
.dk-grid .links a:hover{color:var(--dk-accent)}

.dk-grid .checks li{
    position:relative; padding-right:22px; color:#374151
}
.dk-grid .checks li:before{
    content:"\f00c"; font-family: FontAwesome; position:absolute; right:0; top:2px; font-size:12px; color:var(--dk-accent)
}

.dk-grid .contact li{display:flex; gap:8px; align-items:flex-start; color:#374151}
.dk-grid .contact i{width:16px; text-align:center; margin-top:3px; color:var(--dk-accent)}
.dk-grid .contact a{color:inherit; text-decoration:none}
.dk-grid .contact a:hover{color:var(--dk-accent)}

/* social */
.dk-grid .social{display:flex; gap:10px; margin-top:10px}
.dk-grid .social a{
    width:36px; height:36px; border-radius:50%; background:#fff;
    border:1px solid var(--dk-stroke); display:inline-flex; align-items:center; justify-content:center;background:var(--dk-accent); color:#fff
}
.dk-grid .social a:hover{background:#fff; color:var(--dk-accent)}

.brand{display:flex; align-items:center; gap:12px; margin-top:12px}
.brand img{width:56px; height:56px; border-radius:50%}
.brand .caption{font-weight:700}
.site-brand{
    display:flex; align-items:center; gap:10px; text-decoration:none; color:#111;
}
.site-brand:hover{
    color:#111;
}
.site-brand img{
    width:48px; height:48px; border-radius:14px; object-fit:cover; display:block;padding:3px;box-shadow:0 6px 18px #0001; border:1px solid #eaeaea;
}
.site-brand__text strong{font-weight:800; letter-spacing:-.2px; display:block; line-height:1.1}
.site-brand__text span{font-size:12px; color:#6b7280}

/* bottom */
.dk-bottom{
    display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
    border-top:1px solid var(--dk-stroke); margin-top:22px; padding-top:14px
}
.dk-bottom .bottom-links{display:flex; gap:10px}
.dk-bottom a{color:var(--dk-muted); text-decoration:none}
.dk-bottom a:hover{color:var(--dk-accent)}



/* باکس یکسان برای همه‌ی بج‌ها */
.dk-badges{
    display:flex; gap:14px; justify-content:center; align-items:center;
    margin:14px 0 22px;
}
.dk-badges a{
    width:120px;           /* عرض ثابت باکس */
    height:90px;           /* ارتفاع ثابت باکس */
    padding:8px;
    border-radius:14px;
    background:#fff;
    border:1px solid var(--dk-stroke);
    display:flex; align-items:center; justify-content:center;
}
.dk-badges img{
    max-width:100%;
    max-height:100%;
    width:auto;            /* مهم: تناسب تصویر حفظ شود */
    height:auto;
    object-fit:contain;    /* جا بشه بدون برش/کِشیدگی */
    display:block;
}
@media (max-width:575.98px){
    .dk-badges a{ width:96px; height:76px; }
}