html{background-color:#c7c7c7}html body{min-height:100vh;language:fa!important;direction:rtl!important}input,select,textarea{font-family:iranyekan,roboto,Arial!important}#footer-bar,#menu-colors,#menu-share,.header,.menu-hider,.page-title{width:100%!important;max-width:540px!important;right:unset!important;left:unset!important}body{max-width:540px!important;margin:0 auto!important}@media (min-width:540px){#menu-main{display:none!important}#menu-main.menu-active{display:block!important}}.menu-box-left{left:unset!important;transform:translate3d(100%,0,0)}.menu-divider{padding-right:16px!important}.list-custom-small a i:first-child{float:right;margin-right:6px!important;margin-left:5px!important}.list-custom-small a i:last-child{float:left!important}.fa-angle-right:before{content:"\f104"!important}.list-menu{margin:0 10px 0 25px!important}.list-custom-small .custom-control{right:unset!important;left:40px!important;margin-top:-40px!important}.ios-input:checked~.custom-control-label::after{-webkit-transform:translateX(-26px)!important}.page-title-icon{margin-left:6.33333px!important;margin-right:unset!important}.card-full-left,.card-full-left .card-overlay{margin-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;margin-left:15px!important;border-top-left-radius:20px!important;border-bottom-left-radius:20px!important}.page-title .h1,.page-title .title,.page-title h1{margin-right:15px!important;margin-left:auto!important}.page-title .title{font-size:16px!important;line-height: 0;}.f-Kalameh{font-family:Kalameh,iranyekan,serif!important}.f-iranyekan{font-family:iranyekan,serif!important}.menu-title a{right:unset!important;left:0!important}.list-icon-0 a i:first-child{margin-right:-3px!important}.menu-title .h1,.menu-title h1{padding:20px 10px 10px 0!important}.menu-title p{margin:15px 15px -27px 0!important}#footer-bar{direction:ltr!important}.input-style.has-icon input,.input-style.has-icon select,.input-style.has-icon textarea{padding-left:unset!important;padding-right:35px!important}.input-style .invalid,.input-style .valid,.input-style em,.input-style span{left:5px!important;right:unset!important}[type=email],[type=number],[type=tel],[type=url]{direction:rtl!important}.tabs-rounded a:first-child{border-right:solid 1px rgba(0,0,0,.07)!important;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px}.tabs-rounded a:last-child{border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0}.gradient-blue{background-image:linear-gradient(to bottom,#5d9cec,#4a89dc)}.fa-arrow-right:before{content:"\f060"!important}.profile-info{align-items:center;display:flex}.profile-info h4{color:#fff!important}.profile-info img{border-radius:50%;height:70px!important;line-height:32px!important;width:70px!important;margin-left:10px!important;box-shadow:0 5px 30px 0 rgb(0 0 0/11%),0 5px 15px 0 rgb(0 0 0/2%)}.right-10{left:10px!important}.ltr{direction:ltr!important}.profile-edit{display:flex;justify-content:center}.profile-edit img{width:100%;border-radius:50%}.profile-edit .image{width:100px;position:relative}.profile-edit .edit,.profile-edit .remove{position:absolute;bottom:3px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-edit .remove{left:3px}.profile-edit .edit{right:3px}.radius-10{border-radius:10px}.intro p{width:100%;text-align:right;font-size:.85em;border:0;color:#818181;line-height:30px;margin-bottom:0}.is-answers-ok{display:flex;flex-direction:column;align-items:center}.is-answers-ok p span{display:inline-block;background:#e6e6e6;padding:1px 20px;cursor:pointer;transition-duration:.3s;border-radius:3px}.cursor-pointer{cursor:pointer}.course-info,.event-info{background-color:#f2f2f2;padding:7px;line-height:0;height:fit-content;border-radius:.25rem}.event-info{padding:10px}.topic-slider .splide__slide{padding:0 10px}.mt0{margin-top:0!important}.text-truncate.text-truncate--2,.text-truncate.text-truncate--3{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.text-truncate.text-truncate--3{-webkit-line-clamp:3}.circle-style{background-color:#0d0d0d;border-radius:3px;width:6px;height:6px;margin-left:5px}.color-black{color:#0d0d0d!important}#confirmModal #confirm-text{white-space:break-spaces}.list-custom-small a i.non-list-style:first-child{margin:0!important;margin-left:.3rem!important;margin-right:0!important;width:unset;height:unset;line-height:0}.color-box .selected,.size-box .selected{border:2px #fcbe11 solid}.color-item,.size-item{border-radius:8px;border:1px solid #d6d6d6;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 15px;margin:7.5px 9px;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.color-filter{border-radius:100%;width:19px;height:19px;border:1px solid #000}input::-webkit-input-placeholder{font-size:12px!important;color:#727272!important;opacity:.6!important}input::-moz-placeholder{font-size:12px!important;color:#727272!important;opacity:.6!important}input:-moz-placeholder{font-size:12px!important;color:#727272!important;opacity:.6!important}input:-ms-input-placeholder{font-size:12px!important;color:#727272!important;opacity:.6!important}.login-input::-webkit-input-placeholder{font-size:12px!important;color:#faf9f9!important}.login-input::-moz-placeholder{font-size:12px!important;color:#faf9f9!important}.login-input:-moz-placeholder{font-size:12px!important;color:#faf9f9!important}.login-input:-ms-input-placeholder{font-size:12px!important;color:#faf9f9!important}.order-tabs a{min-width:fit-content!important;padding-left:5px!important;padding-right:5px!important}.border-right{border-right:1px solid #dee2e6!important}.tab-counter{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:22px;height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 4px;background-color:#ffcb37e0;color:#fff;font-size:12px;font-size:.857rem;line-height:24px;font-weight:700;border-radius:4px;margin-right:4px}.glightbox-container,.goverlay{left:unset!important;width:100%!important;max-width:540px!important;background:#00000073!important}.product-image{width:65px!important}@media (min-width:576px){.product-image{width:100%!important}}.category-lists{list-style:none!important;padding-right:.7rem!important}.show-more-element{display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}.show-more-element.show{display:unset;-webkit-line-clamp:unset;-webkit-box-orient:unset;white-space:unset}.custom-icon{border-radius:12px;text-align:center;font-weight:900;height:32px!important;line-height:33px!important;width:32px!important;box-shadow:0 5px 30px 0 rgb(0 0 0/11%),0 5px 15px 0 rgb(0 0 0/2%)}.show-more-element p{margin-bottom:0!important}.create-comment-button{padding:2px 10px!important;font-size:10px!important}.glightbox-mobile .goverlay{background:#00000073!important}.gclose svg{display:inline!important}.input-style.has-borders.input-style-always-active.input-style-active label{margin-right:0!important}.timeline-item-contentadmin{border:solid 1px rgba(0,0,0,.1);background-color:#fff;margin:0 15px 30px 80px;padding:20px 15px;min-height:82px}.timeline-iconadmin{position:absolute;width:35px;height:35px;left:21px;line-height:45px;border-radius:45px;font-size:18px;text-align:center}.timeline-dateadmin{position:absolute;width:50px;left:18px;line-height:16px;top:52px;font-size:10px;text-align:center;color:#daa520}.menu-author{background-color:#f2f2f2}.theme-dark .menu-author{background-color:#0f1117!important}@media (max-width:576px){.topic-slider .splide__track{margin-right:50px!important}}.chapter-list-group a{border-bottom:unset!important;}.chapter-list-group a.collapsed{ border-bottom: solid 1px rgba(0,0,0,.1) !important;}
/*
 * CKEditor 5 (v34.2.0) content styles.
 * Generated on Fri, 01 Jul 2022 13:08:43 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */

 @font-face{
    font-family:iranyekan;
    font-style:normal;
    font-weight:400;
    src:url("../fonts/webfonts/iranyekan/eot/iranyekanwebregular(fanum).eot");
    src:url("../fonts/webfonts/iranyekan/eot/iranyekanwebregular(fanum).eot?#iefix") 
    format('embedded-opentype'),
    url("../fonts/webfonts/iranyekan/woff2/iranyekanwebregular(fanum).woff2") format('woff2'),
    url("../fonts/webfonts/iranyekan/woff/iranyekanwebregular(fanum).woff") format('woff'),
    url("../fonts/webfonts/iranyekan/ttf/iranyekanwebregular(fanum).ttf") format('truetype')
}
 @font-face{
    font-family:Vazirmatn UI FD NL;
    font-style:normal;
    font-display: block;
    src:url(../fonts/new/Vazirmatn-UI-FD-NL-Regular.ttf) format('truetype')
}

body{
   background-color: #faf9f9 !important; 
}

:root {
    --ck-color-base-active: hsl(208, 88%, 52%);
    --ck-color-image-caption-background: hsl(0, 0%, 97%);
    --ck-color-image-caption-text: hsl(0, 0%, 20%);
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-color-table-caption-background: hsl(0, 0%, 97%);
    --ck-color-table-caption-text: hsl(0, 0%, 20%);
    --ck-color-table-column-resizer-hover: var(--ck-color-base-active);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
    --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
    --ck-table-column-resizer-width: 7px;
    --ck-todo-list-checkmark-size: 16px;
    --ck-z-default: 1;
}

.font-vazirmatn{
    font-family: Vazirmatn UI FD NL;
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
    font-size: .7em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
    font-size: .85em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
    font-size: 1.4em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
    font-size: 1.8em;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0.9em auto;
    min-width: 50px;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image-inline {
    /*
     * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
     * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
     * This strange behavior does not happen with inline-flex.
     */
    display: inline-flex;
    max-width: 100%;
    align-items: flex-start;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
    display: flex;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
}
/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: var(--ck-color-image-caption-text);
    background-color: var(--ck-color-image-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
    width: 100%;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
    display: block;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
    max-width: calc(100% - var(--ck-image-style-spacing));
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
    clear: none;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
    margin-right: 0;
    margin-left: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
    margin-top: 0;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
    margin-top: var(--ck-inline-image-style-spacing);
    margin-bottom: var(--ck-inline-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
    margin-right: var(--ck-inline-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
    margin-left: var(--ck-inline-image-style-spacing);
}
/* ckeditor5-language/theme/language.css */
.ck-content span[lang] {
    font-style: italic;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
    list-style: none;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
    margin-bottom: 5px;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
    margin-top: 5px;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid hsl(0, 0%, 20%);
    border-radius: 2px;
    transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
    display: block;
    position: absolute;
    box-sizing: content-box;
    pointer-events: none;
    content: '';
    left: calc( var(--ck-todo-list-checkmark-size) / 3 );
    top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
    border-style: solid;
    border-color: transparent;
    border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
    transform: rotate(45deg);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
    background: hsl(126, 64%, 41%);
    border-color: hsl(126, 64%, 41%);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
    border-color: hsl(0, 0%, 100%);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
    content: '';
    position: absolute;
    border-bottom: 2px dashed hsl(0, 0%, 77%);
    width: 100%;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
    clear: both;
    margin: 0.9em 0;
    display: block;
    min-width: 15em;
}
/* ckeditor5-table/theme/table.css */
.ck-content .table {
    margin: 0.9em auto;
    display: table;
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double hsl(0, 0%, 70%);
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid hsl(0, 0%, 75%);
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
    font-weight: bold;
    background: hsla(0, 0%, 0%, 5%);
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
    text-align: right;
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
    text-align: left;
}
/* ckeditor5-table/theme/tablecaption.css */
.ck-content .table > figcaption {
    display: table-caption;
    caption-side: top;
    word-break: break-word;
    text-align: center;
    color: var(--ck-color-table-caption-text);
    background-color: var(--ck-color-table-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}
/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
    overflow: hidden;
    table-layout: fixed;
}
/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
    position: relative;
}
/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .table-column-resizer {
    position: absolute;
    top: -999999px;
    bottom: -999999px;
    right: var(--ck-table-column-resizer-position-offset);
    width: var(--ck-table-column-resizer-width);
    cursor: col-resize;
    user-select: none;
    z-index: var(--ck-z-default);
}
/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table[draggable] .table-column-resizer {
    display: none;
}
/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .table-column-resizer:hover,
.ck-content .table .table-column-resizer__active {
    background-color: var(--ck-color-table-column-resizer-hover);
    opacity: 0.25;
}
/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content[dir=rtl] .table .table-column-resizer {
    left: var(--ck-table-column-resizer-position-offset);
    right: unset;
}
/* ckeditor5-table/theme/tablecolumnresize.css */
.ck-content.ck-read-only .table .table-column-resizer {
    display: none;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}
/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}
/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}
.ck-content ul {
    padding-right: 1.1rem;
    padding-left: unset;
    margin-bottom: 0;
}
.ck-content ol {
    padding-right: 0.8rem;
    padding-left: unset;
    margin-bottom: 0;
}
.ck-content{
    line-height: 25px
}
@media print {
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break {
        padding: 0;
    }
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break::after {
        display: none;
    }
}


.btn-resendcode:disabled{
    opacity: 0.4 !important;
    cursor: default;
}

.btn-resendcode:disabled i {
    animation: spinner-border 1s linear infinite;
}

.btn.gradient-highlight,.btn.bg-highlight{
    color: #000 !important;
}

.icon-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-btn i{
    line-height: 0;
    margin-left: 0.5rem;
    position: relative;
    top: 2px;
}

.w-fit{
    width: fit-content;
}

.stories.snapgram .story>.item-link {
    text-decoration: none;
    color: #333;
}

.stories.snapgram .story>.item-link>.item-preview {
    border-radius: 50%;
    padding: 2px;
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}

.stories.snapgram .story>.item-link>.item-preview img {
    border-radius: 50%;
    border: 3px solid #fff;
}

#zuck-modal-content .story-viewer .slides .item>.media {
    width: 100% !important;
    object-fit: contain !important;
}


.stories.carousel .story>.item-link>.info .name {
    font-size: 10px;
    font-weight: 600 !important;
}

.stories.rtl.carousel .story:first-child {
    margin-left: 6px !important;
    margin-right: 0;
}

.stories.rtl.carousel .story:last-child {
    margin-left: 0;
    margin-right: 6px !important;
}


.btn-single-icon{
    height: 53px;
    width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-single-icon i{
     line-height: 0 !important;
}

.aspect-top-slide {
    position: relative;
    padding-bottom: calc(1 / 1.5 * 100%);
    background-color: #c7c7c7;
}
.aspect-top-slide > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.lh-0{
    line-height: 0 !important;
}

.btn-header-icon{
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.page-title-clear{
    height: 70px !important;
}

.page-title-clear-fix{
    height: 60px !important;
}


.header-new{
    height: 60px !important;
    border-bottom: 0px !important;
    overflow: hidden !important;
}

.header-new .back-icon{
    cursor: pointer;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(180deg);
}

.flex-1{
    flex: 1 !important;
}

.list-custom-small a:last-child{
    border-bottom: none !important;
}

.img-baw {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.info-icon{
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
}

.info-icon-value{
    position: relative;
    top: -5px;
}

.new-btn-border{
    border: 1px solid #fcbe11;
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}
.new-btn-border i{
     line-height: 0;
}

.modal-bottom.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,50px);
}

.modal-bottom.modal.show .modal-dialog {
    transform: none;
}

.center-absolute{
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.select-no-arrow{
    -webkit-appearance:none;
    appearance: none;
}

[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
    color: #fcbe11;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    outline: 0;
    flex-grow: 0;
    border-radius: 50%;
    background-color: #FFFFFF;
    transition: background 300ms;
    cursor: pointer;
}

[type=checkbox]::before {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: contain;
    box-shadow: inset 0 0 0 1px #CCD3D8;
}
  
[type=checkbox]:checked {
    background-color: #fcbe11;
}
  
[type=checkbox]:checked::before {
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}
  

[type=checkbox]:disabled {
    background-color: #CCD3D8;
    opacity: 0.84;
    cursor: not-allowed;
}

  
[type=checkbox]::-ms-check {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: contain;
    box-shadow: inset 0 0 0 1px #CCD3D8;
}
  
[type=checkbox]:checked::-ms-check {
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}

.card-style, .card-style .card-overlay{
    border-radius: 8px !important;
}


@media (max-width: 1024px) {
    #zuck-modal-content .story-viewer .head .left>.back {
        background-color: #fcbe11 !important;
        height: 35px !important;
        width: 35px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        top: 50% !important;
        color: #FFFFFF !important;
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-right: 40px !important;
    }

    #zuck-modal-content .story-viewer .slides-pointers{
        top: env(safe-area-inset-top) !important;
    }

    #zuck-modal-content .story-viewer .head {
        top: calc(5px + env(safe-area-inset-top)) !important;
    }
}