/***basic setting***/
:root{
    --warning : #FCAF49;
    --accent : #02C076;
    --text: #212121;
    --textLight:#151515;
    --danger: #FF5C5C;
    --border:#D8D8D8;
    --gradiant:#fff;
    --footer:#EFEFEF;
    --success: #4BE078;
    --Gray:#F5F5F5;
    --info: #18A6E8;
    --ligth:#f8f8f8;
}
*::selection {
    background-color: rgb(0 0 0 / 10%);
}


body{
    color: var(--text);
    margin: 0;
    padding: 0;
    direction: rtl;
    font-size: 10pt;
    line-height: 18pt;
    background-color: #fff;
}


.container {
    max-width: 1280px;
    margin: 0 auto;
    display: block;
    width: calc(100% - 32px);
}

a:hover,
a:active,
a:visited,
a:link {
    text-decoration: none;
}
button:hover , input[type="button"]:hover {
    opacity: 0.8;
    transition: all ease 0.5s;
}
itemfooter a:hover {
    opacity: .8;
}
.title{
    font-size: 14pt;
    color: var(--text);
    font-weight: bold;
}
.center{
    text-align: center;
    display: block;
}

h2.title {
    font-size: 16pt;
    grid-column: 1 / span 4;
    margin: 0 0 20px!important;
}
.accent{
    color:var(--accent);
}



.input label {
    display: block;
    font-size: 10pt;
    margin-bottom: 8px;
}

.input input,.input textarea {
    width: calc(100% - 16px);
    border-radius: 4px;
    border: 1px solid var(--border);
    height: 30px;
    padding: 4px 8px;
}

.input {
    margin-bottom: 12px;
    padding-right: 16px;
}

.input textarea {
    height: 150px;
    resize: none;
    padding: 4px 8px;
}

.submit {
    text-align: left;
}

.submit input {
    background: var(--accent);
    border: none;
    padding: 10px 18px;
    border-radius: 4px;
    color: white;
    margin-right: 5px;
    cursor: pointer;
}

.cancel {
    color: var(--text);
    background: var(--Gray);
    padding: 6px 18px;
    border-radius: 4px;
}

.switch {
    position: relative;
    cursor: pointer;
}

input[type=checkbox]:checked + .switch:before {
    background: #bdbdbd;
    right: 16px;
}
.switch:before {
    content: '';
    position: absolute;
    background: var(--warning);
    width: 22px;
    top: 34px;
    transition: all ease-in-out .3s;
    z-index: 2;
    border-radius: 50%;
    height: 22px;
    right: 0;
    box-shadow: 0px 0px 3px #00000036;
}

.switch:after {
    content: attr(falseValue);
    display: block;
    margin-top: 10px;
    margin-right: 46px;
}
.switch span {
    background: #f2f2f2;
    height: 15px;
    width: 36px;
    display: block;
    border-radius: 7px;
    position: absolute;
    top: 38px;
    z-index: 1;
    right: 2px;
}


/***header***/
.sliderMobile {
    display: none;
}



.header {
    height: 500px;
    width: 100%;
    overflow: hidden;
}

.component1 .nav a:hover {
    margin: 15px;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    display: inline-block;
    border-bottom: 2px solid;
}
.knowMore {
    padding: 0;
    position: relative;
    margin-bottom: 0;
    line-height: 0;
}

.knowMore p {
    font-size: 12pt;
    color: gray;
}

.social {
    position: absolute;
    top: 16px;
    left: 0;
    display: flex;
}

.social span {
    width: 26px;
    height: 26px;
    background-color: #757575;
    margin-right: 20px;
        transition: all ease-in-out .3s;
}

.instagram{
    -webkit-mask-image: url(View/1008/imeges/instagram.svg);
}
.telegram{
    -webkit-mask-image: url(View/1008/imeges/telgram.svg);
}
.twitter{
    -webkit-mask-image: url(View/1008/imeges/twitter.svg);
}

.instagram:hover {
    background: #c32aa3;
}

.twitter:hover {
    background: #1da1f2;
}

.telegram:hover {
    background: #0088cc;
}
.Info a {
    display: block;
    font-size: 12pt;
    color: #757575;
    line-height: 2.3em;
    width: max-content;
}

.Info {
    padding: 55px 0;
    border-top: 2px solid var(--border);
    margin-top: 30px;
}

.Info img {
    vertical-align: middle;
    width: 109px;
    object-fit: cover;
}
.License{
    text-align: center;
}
.License a {
    display: inline-block;
    float: right;
}
.footer {
    background: var(--footer);
    text-align: center;
    font-size: 12pt;
}
.footer > .container {
    display: flex;
    justify-content: center;
}
.footer p {
    text-align: right;
}
.licenseTitle {
    margin: 0 46px 24px 0;
}
.aboutUs {
    display: block;
    font-size: 12pt;
    color: #757575;
    line-height: 2.3em;
    margin: 0;
}
.setPadding {
    padding-left: 178px;
}
.icon,
.icon:before{
    display: inline-block;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    
}

.select2-container--default .select2-selection--single {
    height: 40px;
}
 .select2-container--default .select2-selection--single {
    border: 1px solid var(--border);
}
 .select2-selection__rendered {
    height: 40px;
    margin-top: 6px;
}
 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #757575;
}
 .select2-dropdown {
    border: 1px solid var(--border);
}
 .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border);
    border-radius: 4px;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(View/1008/imeges/arrow.svg);
    background-repeat: no-repeat;
    background-position: 7px;
    height: 40px;
    width: 40px;
    background-size: 18px;
    transition: all ease 0.3s;
}

 .select2-container--open .select2-selection__arrow {
    transform: rotate(180deg) translate(6px, 0px);
}
 .select2-results__option--highlighted,.select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #00000005 !important;
    color: black !important;
}
 .select2-results__options li:last-child {
    border-radius: 0 0 4px 4px;
}

.select2-container {
    width: 100% !important;
}

input[type=checkbox]{
        width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
}


/*****DatePicker*****/
[DatePicker] {
    background: url(View/1008/imeges/date.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px;
}
.bd-main {
    width: calc(100% - 28px) !important;
    border: none;
    border-radius: 0 0 4px 4px;
    box-shadow: -1px 3px 15px 0px #0000002e;
}

.bd-calendar {
    width: 100%;
}

.bd-calendar table {
    width: 100%;
}

.bd-table thead {
    width: 100%;
}

.bd-table-days tr {
    width: 100%;
}

.bd-table-days tr td {
    width: auto;
}

.bd-table-days button {
    text-align: center;
    width: 100%;
    background: white;
    transition: all ease-in-out .2s;
}

.bd-table thead {
    background: var(--accent);
}

.bd-table-days button:hover {
    color: var(--text);
    background-color: var(--footer);
}

.bd-title {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 8px;
    grid-template-areas:
        'One two three four';
}

.bd-title div,.bd-title button {
    width: 100%;
    margin-bottom: 5px;
}

.bd-title button {
    background: var(--warning);
    color: white;
    border-radius: 4px;
}

.bd-dropdown select {
    border: 1px solid var(--border);
    border-radius: 4px;
    padding-right: 10%;
}
.bd-title button:first-of-type {
    grid-area: four;
}

.bd-title button:last-of-type {
    grid-area: One;
}


/*checkbox*/
.chk {
    display: inline-flex !important;
    flex-direction: row-reverse;
    position: relative;
    margin: 8px 0 0 8px;
    cursor: pointer;
    font-size: 9pt;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    justify-content: flex-end;
    align-items: center;
}
.chh {
    width: 33%;
}

.chk input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    margin: 0;
}

.chk .mark {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: #eee;
    display: block;
    float: right;
    border-radius: 4px;
    margin: 0 0 0 4px;
    transform: scale(0.8);
    transition: all ease .3s;
    top: -2px;
}
.chk .mark:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: translate(-45%, -60%) rotate(-45deg) scale(0);
    -ms-transform: translate(-45%, -60%) rotate(-45deg) scale(0);
    transform: translate(-45%, -60%) rotate(-45deg) scale(0);
    transition: all ease .3s;
}

.chk input:checked ~ .mark,
.chk.checked .mark{
    background-color: var(--warning);
}

.chk input:checked ~ .mark:after,
.chk.checked .mark:after{
    -webkit-transform: translate(-45%, -60%) rotate(45deg) scale(1);
    -ms-transform: translate(-45%, -60%) rotate(45deg) scale(1);
    transform: translate(-45%, -60%) rotate(45deg) scale(1);
}









/*radio*/
.gender label{
    display: inline-block;
}
label > .rdio {
  display: none;
  width: 33%;
}
label > .rdio + *::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 1rem;
    height: 1rem;
    margin-left: 4px;
    margin-bottom: 3px;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    background-color: #eee;
    border: solid white;
}
label > .rdio:checked + * {
    color: var(--text);
}
label > .rdio:checked + *::before {
    background: var(--warning);
    border-color: #eee;
}

/* basic layout */
fieldset {
    margin: 20px;
    max-width: 400px;
}
label > .rdio + * {
    display: inline-block;
    padding: 0 10px;
}
/****comments*****/
.comments {
    max-height: 207px;
    overflow: auto;
    margin: 0 22px;
}

.comment {
    display: flow-root;
}

.commentImg {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--border);
}

.commentMessage {
    border-radius: 3px;
    border: 1px solid var(--border);
    margin: 8px 8px 0 0;
    position: relative;
    max-width: calc(100% - 78px);
}

.commentMessage:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(View/1008/imeges/thumb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 8px;
    z-index: -1;
    transform: translate(100%, 0);
    right: 0;
}

.commentMessage:after {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 13px;
    background-color: white;
    top: 9.5px;
    z-index: 0;
    transform: translate(100%, 0);
    right: 5.5px;
    border-radius: 50%;
}

.commentMessage .username {
    font-size: 11pt;
    margin: 6px 8px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.commentMessage p {
    margin: 0px 8px 5px;
    color: gray;
}
.adminImg {
    margin-right: 61px;
}

.comment > column:last-child {
    margin-top: 10px;
}
.adminMessage {
    max-width: calc(100% - 124px);
}


.Overlay{
    z-index: 1050 !important;
}

.Message{
    z-index: 1060 !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    direction: rtl;
}

.Message .MessageTitle{
    padding: 10px !important;
    background: #333333;
}

.Message .MessageText{
    color: var(--text);
    padding: 10px !important;
}
.Message .Button{
    background-color: var(--success)!important;
    border-radius: 4px;
}
.Message .Button{
    border-radius: 4px;
}
.Message .Button#btnCancel{
    background-color: var(--danger)!important;
}
.Message .Button#btnOk{
    background-color: var(--success)!important;
}
/*Slider*/
.slider{
    background-image: linear-gradient(0deg, transparent 15%, rgb(0 0 0 / 85%) 100%);
    height: 500px;
    display: block;
    width: 100%;
    /* margin-top: -54px; */
}

.slider a{
    display: block;
    width: 100%;
    height: 500px;
    /* margin-top: -54px; */
}

.slider a img{
    display: block;
    object-fit: fill;
    object-position: center;
    width: 100%;
    height: 100%;
}

.owl-nav{
    display: none !important;
}

.owl-item{
    display: inline-block !important;
}
.Info a:hover {
    color: var(--accent);
}


/*#region Message Box */
.Message {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.Message .MessageTitle {
    background-color: rgb(0 0 0 / 0%);
    border-top: 8px solid var(--info);
    color: var(--text);
    text-align: center;
    margin: 0px auto;
    padding: 12px;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 1px dashed rgb(237 237 237); 
}
.Message .MessageText{
    font-size: 10.5pt;
    padding: 16px 12px;
    color: rgb(32 14 50 / 75%);
    text-align: center;
    padding: 24px 12px;
}
.Message .MessageText > div{
    margin-top: 32px!important;
    text-align: center!important;
    padding: 8px;
}

.Message .MessageText #btnOk{
    display: inline-block;
    background-color: var(--accent)!important;
    border-radius: 4px;
    font-size: 12pt!important;  
    font-weight: bold!important;  
    color: var(--gradiant);
    text-align: center;
    padding: 8px 21px;
    margin-left: 8px;
    border: 1px solid;
}
.Message .MessageText #btnCancel{
    background-color: rgb(0 0 0 / 0%)!important;
    color: var(--danger)!important;
    font-size: 12pt!important;
    font-weight: bold!important;   
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    padding: 8px 18px;
    border: 1px solid;
}
.Overlay {
    background-color: rgb(0 0 0);
    opacity: 0.2;
}
.MessageTitle img {
    cursor: pointer;
    padding: 2px 0 0 6px;
    float: right;
    position: absolute;
    right: 14px;
    -webkit-mask: url(View/1008/imeges/icons_delete.svg);
    -webkit-mask-position:center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    height: 22px;
    width: 22px;
    background-color: var(--textLight);
    content: url(View/1008/imeges/phone.svg);
}
/*#endregion*/

/*#region Tooltip*/
.parentTooltip {
    position: relative;
    overflow: visible;
}
.tooltip {
    position: relative;
    top: 0;
    /* left: 40px; */
    display: block;
    /* width: max-content; */
    float: left;
    /* transform: translate(-50% , -50%); */
}

.tooltip .tooltiptext {
    display: block;
    visibility: hidden;
    min-width: 100px;
    background-color: #555555cc;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: relative;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    width: 20px;
    right: 50%;
    transform: translate(-60% , -70px);
    font-size: 8.5pt;
    transition: all ease .5s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.img img{
    width: 100px;
    height: 100px;
    display: inline-block;
    position: relative;
    transform: translate(30px, 25px);
    border-radius: 10px;
}
.tooltip {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    clip: rect(0,0,0,0);
    box-sizing: border-box;
    width: 0;
    height: 0;
    padding: 0;
    cursor: default;
    color: #fff;
    font-size: 9pt;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    border-width: 0;
    border-style: solid;
    background-color: #000000;
    border-radius: 4px;
    transition: all ease .5s ;
    border: none;
}

/* Tooltip visibility class toggled by jQuery */
.tooltip.isVisible {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    padding: 5px 15px;
    border-width: 1px;
    opacity: 1;
    transition: all ease .5s;
}

/* Tooltip positioning */
/** Common styles: Horizontally Centered **/
.tooltip, /*** Default is equivalent to .tip-bottom ***/
.tooltip.tip-bottom,
.tooltip.tip-top {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
/** Common styles: Bottom positions **/
.tooltip, /*** Default is equivalent to .tip-bottom ***/
.tooltip.tip-bottom,
.tooltip.tip-bottom-left,
.tooltip.tip-bottom-right {
    top: 110%;
    top: calc(100% + 5px);
}
/** Common styles: Top positions **/
.tooltip.tip-top,
.tooltip.tip-top-left,
.tooltip.tip-top-right {
    top: auto;
    bottom: 110%;
    bottom: calc(100% + 5px);
}
/** Common styles: Corner positions **/
.tooltip.tip-bottom-left,
.tooltip.tip-bottom-right,
.tooltip.tip-top-left,
.tooltip.tip-top-right {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
/** Common styles: Left corner positions **/
.tooltip.tip-bottom-left,
.tooltip.tip-top-left {
    right: 50%;
    left: auto;
    margin-right: -25px;
}
/** Common styles: Right corner positions **/
.tooltip.tip-bottom-right,
.tooltip.tip-top-right {
    margin-left: -25px;
}
/** Common styles: Vertically Centered **/
.tooltip.tip-left,
.tooltip.tip-right {
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
/** Left position only **/
.tooltip.tip-left {
    right: 110%;
    right: calc(100% + 5px);
    left: auto;
}
/** Right position only **/
.tooltip.tip-right {
    left: 110%;
    left: calc(100% + 5px);
}

/* Tooltip arrow shared base styles */
.tooltip:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    pointer-events: none;
}
/** Common styles: Horizontally Centered, Up/Down arrows **/
.tooltip:after, /*** Default is equivalent to .tip-bottom:after; ***/
.tooltip.tip-bottom:after,
.tooltip.tip-top:after {
    left: 50%;
    margin-left: -10px;
}
/** Common styles: Up arrow **/
.tooltip:after, /*** Default is equivalent to .tip-bottom:after; ***/
.tooltip.tip-bottom:after,
.tooltip.tip-bottom-left:after,
.tooltip.tip-bottom-right:after {
    top: -20px;
    border-color: transparent transparent #000000 transparent;
}
/** Common styles: Down arrow **/
.tooltip.tip-top:after,
.tooltip.tip-top-left:after,
.tooltip.tip-top-right:after{
    top: auto;
    bottom: -20px;
    border-color: #373739 transparent transparent transparent;
}
/** Common styles: Left-/Right-aligned, Up/Down arrows **/
.tooltip.tip-bottom-left:after,
.tooltip.tip-bottom-right:after,
.tooltip.tip-top-left:after,
.tooltip.tip-top-right:after {
    margin-left: 0;
}
/** Common styles: Right-aligned, Up/Down arrows **/
.tooltip.tip-bottom-left:after,
.tooltip.tip-top-left:after {
    right: 15px;
    left: auto;
}
/** Common styles: Left-aligned, Up/Down arrows **/
.tooltip.tip-bottom-right:after,
.tooltip.tip-top-right:after {
    left: 15px;
}
/** Common styles: Vertically Centered, Left/Right arrows **/
.tooltip.tip-left:after,
.tooltip.tip-right:after {
    top: 50%;
    margin-top: -10px;
    margin-left: auto;
}
/** Right arrow **/
.tooltip.tip-left:after {
    right: -20px;
    left: auto;
    border-color: transparent transparent transparent #373739;
}
/** Left arrow **/
.tooltip.tip-right:after {
    left: -20px;
    border-color: transparent #373739 transparent transparent;
}

.tooltips::after {
    content: attr(tooltip);
    display: block;
    position: absolute;
    font-size: 12pt;
    color: var(--text);
    background-color: var(--gradiant);
    border: 1px solid var(--border);
    border-radius: 4px;
    transition: all ease 0.3s;
    min-width: 46px;
    min-height: 26px;
    top: 0;
    left: 0;
    transform: translate(-30%, -130%);
    width: max-content;
    padding: 4px 6px 2px 6px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}
.tooltips::before {
content: '';
    display: block;
    position: absolute;
    background-color: var(--gradiant);
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    border-radius: 2px;
    width: 14px;
    height: 14px;
    transition: all ease 0.3s;
    top: 0;
    left: 0;
    transform: translate(45%, -120%) rotate(45deg);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}
.tooltips:hover::after {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}
.tooltips:hover::before {
    z-index: 3;
    visibility: visible;
    opacity: 1;
}

/*#endregion*/

/*------------- Btns--------------------*/
.btnEdit {
	position: relative;
	height: 36px;
	background-color: var(--warning);
	width: 36px;
	display: block;
	background-image: url(View/1008/imeges/edit.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
    margin-left: 8px;
}

.btnRemove {
	position: relative;
	height: 36px;
	background: var(--danger);
	width: 36px;
	display: block;
	background-image: url(View/1008/imeges/delete.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
    margin-left: 8px;
}

/* .btn {
    display: block;
    position: relative;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 12pt;
    padding: 8px 36px;
    cursor: pointer;
    transition: all ease 0.3s;
} */
.btn:hover{
    opacity: 0.8;
}
.btn.btn-success{
    background-color: var(--accent);
}
.btn.btn-info{
    background-color: var(--info);
}
.btn.btn-danger{
    background-color: var(--danger);
}
.btn.btn-warning{
    background-color: var(--warning);
}

.moreBtnShadow {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: 10px 26px;
    background-color: var(--ligth);
    border-radius: 36px;
    font-size: 11pt;
    color: var(--text);
    transition: all ease 0.3s;
}
.moreBtnShadow:hover{
    background-color: var(--footer);
}
.moreBtnShadowText {
    display: block;
    font-size: 11pt;
    color: var(--text);
    margin: 0;
    padding: 0;
}
.moreBtnShadowIcon {
    display: block;
    -webkit-mask: url(View/1008/imeges/arrow-down.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--text);
    transform: rotate(90deg);
    width: 10px;
    height: 10px;
    margin-right: 6px;
}



.Bulletin {
    /* background-color: var(--footer); */
    /* background-image: url(data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='3' stroke-dasharray='15%2c 15%2c 1' stroke-dashoffset='33' stroke-linecap='square'/%3e%3c/svg%3e); */
    /* background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2302C076FF' stroke-width='5' stroke-dasharray='15%2c 15%2c 1' stroke-dashoffset='33' stroke-linecap='square'/%3e%3c/svg%3e"); */
    /* width: calc(40% - 5px); */
    width: calc(80% - 5px); 
    display: block;
    height: 500px;
    /* padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px; */
    background-color: var(--gradiant);
    position: fixed;
    top: 50%;
    left: 200%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 6px;
    transition: ease all 0.6s;
    float: right;
}

.Bulletin.active {
    left: 50%;
    /* transition: ease all 0.4s; */

}

.Bulletin htmldecode,
.Bulletin [empty] {
    display: block;
    font-size: 12pt;
    cursor: default;
    margin: 10px 0;
}

.Bulletin htmldecode:first-child,
.Bulletin [empty] {
    margin-top: 10px;
}

.Bulletin htmldecode {
    border-bottom: 1px solid #2121212b;
    margin: 15px 15px;
    padding-bottom: 5px;
}

.Bulletin .oneDivBulletin{
    color: var(--warning);
    width: auto;
    display: flex;
    justify-content: center;
    background-color: #fcaf4938;
}

.Bulletin h1 {
    cursor: default;
    font-size: 17pt;
  
 
    box-sizing: border-box;
   
    padding: 15px 35px 15px 0;
    position: relative;
    text-align: center;
}

.Bulletin h1::before {
    content: "";
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0px;
    top: 13px;
    -webkit-mask-image: url("View/1008/icons8-notification-24(1).png");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--warning);
    animation-name: example;
    animation-duration: 0.3s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}
/* 
.closeIcon {
    width: 40px;
    height: 35px;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
} */

.btnCloseModal {
    background-color: #02c076;
    padding: 10px 15px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    color: var(--Gray);
    margin-left: 15px;
}

bacvard {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0%;
    height: 0%;
    background-color: #21212196;
    opacity: 0;
    z-index: 0;
    /* border-radius: 50%; */
    transition: ease all 0.6s;
}

bacvard.active {
    opacity: 1;
    width: 100%;
    height: 100%;
    /* border-radius: 0; */
    z-index: 0;
}

.BulletinIcon {
    position: fixed;
    bottom: 30px;
    right: 20px;
    background-color: var(--info);
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 50%;
    font-size: 10pt;
    width: 36px;
    height: 36px;
    color: var(--Gray);
    cursor: pointer;
    z-index: 2;
    align-items: center;
    justify-content: center;
}

.BulletinIcon notification {
    position: absolute;
    top: 5px;
    left: 8px;
}

.BulletinIcon .noticationIcon {
    width: 32px;
    height: 32px;
    animation-name: example;
    animation-duration: 0.3s;
    animation-iteration-count: 9;
    animation-direction: alternate-reverse;
}

.Bulletin .parentBtn {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #02c0773b;
    padding: 10px 0px;
}

@keyframes example {
    0% {
        rotate: 330deg;
    }

    100% {
        rotate: 380deg;
    }
}

/* endergion edit*/
.fr-wrapper div[direction="rtl"] a{
    cursor: text;
    opacity: 0;
}
.fr-placeholder {
    margin-top: 0 !important;
}
.fr-box.fr-basic .fr-element {
    margin-top: -33px;
}
i.fa{
  background-color: unset !important;
}
.fr-box {
    position: relative;
    margin: 2px auto 0;
}
.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right;
    width: 100%;
    min-height: 200px !important;
}
@font-face {
	font-family: "FontAwesome" !important;
	src: url(View/1014/lib/Fonts/fontawesome-webfont.eot);
	src: url(View/1014/lib/Fonts/fontawesome-webfont.eot?#iefix) format( "embedded-opentype" ), url(View/1014/lib/Fonts/fontawesome-webfont.woff) format( "woff" ), url(View/1014/lib/Fonts/fontawesome-webfont.ttf) format( "truetype" );
	font-weight: normal;
	font-style: normal;
}

/*#endergion*/



[view="11771"]{
        overflow-x: hidden;
    overflow-y: auto;
    max-height: 370px;
}@media screen and (min-width: 600px) and (max-width: 1024px) {
.header {
    height: 300px;
    position: relative;
}
.header {
    height: 300px;
}

.input {
    padding-right: 0;
}

.input input,.input textarea {
    width: calc(100% - 34px);
}


.select2-container {
    width: calc(100% - 18px) !important;
}
.Info > column > column:first-child {
    width: 30%;
}
.setPadding {
    padding: 0;
}
.setPadding + column {
    width: 20%;
}}@media screen and (min-width: 0) and (max-width: 600px) {
.social span {
    margin-right: 6px;
    width: 20px;
    height: 20px;
}

.knowMore p {
    font-size: 12pt;
}

.desc {
    font-size: 12pt;
}

.Info column {
    width: calc(100% - 20px);
    margin-bottom: 18px;
}
.setPadding {
    padding-left: 0;
}

.Info a {
    margin: 10px 0;
}

.Info column:last-child {
    margin-bottom: 0;
    width: 100%;
    margin-right: 0;
}

.Info {
    padding: 30px 15px;
}
.social {
    position: absolute;
    top: 35px;
    left: 20px;
}

.header{
    height: 300px;
}

.input {
    padding-right: 0;
}

.input input,.input textarea {
    width: calc(100% - 34px);
}

h2.title {
    font-size: 14pt !important;
}

.comments {
    
    margin: 0 12px;
}


.licenseTitle {
    text-align: center;
    margin: 0 0 30px 0 ;
}

.component1 .nav a {
    display: block;
    color: var(--text);
    padding: 8px 16px !important;
    font-size: 12pt !important;
}
.active .setMargin-Login {
    margin-top: 0px;
}
.sliderMobile {
    display: block;
}

.slider a img {
    height: 82%;
}

.Bulletin{
    /* display: none; */
    width:calc(100% - 50px);
}}
.dsBody {
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: -52px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid var(--border);
    position: relative;
    max-width: 1280px;
}
.dsHead {
    border-bottom: 1px solid var(--border);
}
.contactUs {
    width: 100%;
}
.contactUs:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    top: 12px;
    right: 20px;
    -webkit-mask-image: url(View/1008/rules.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    background: var(--text);
}
.contactUs h2 {
    text-align: right;
    padding: 0 50px 0 0;
    margin: 13px 0;
    font-size: 14pt;
    color: var(--text);
    font-weight: bold;
}

.showBlog {
    padding: 20px;
    box-sizing: border-box;
}

.showBlog img {
    display: flow-root;
    width: 100%;
    border-radius: 4px;
    height: 450px;
    object-fit: cover;
    object-position: center;
}

.showBlog title-blog h1 {
    display: flow-root;
    text-align: right;
    margin: 20px 0;
    font-size: 15pt;
}

.showBlog content-blog {
    text-align: right;
}

.showBlog content-blog category {
    display: flow-root;
    width: max-content;
    background-color: var(--footer);
    padding: 5px;
    border-radius: 4px;
    float: left;
}
.component1 .Menu {background-color: #0000004a;z-index: 1;backdrop-filter: blur(20px);padding-top:1px ;position: absolute;}.component1 .nav {width: calc(100% - 400px);display: inline-block;position: relative;z-index: 1;}.component1 .profile {display: flex;float: left;align-items: center;position: relative;z-index: 1;padding: 10px;}.component1 #hid,.component1 #type{display: none;}.component1 .nav a,.component1 .profile a {font-size: 12pt;color: white;padding: 15px;position: relative;display: inline-block;width: max-content;}.component1 .LoggedIn input {background: none;border: none;color: white;font-size: 13pt;padding: 10px 20px;font-family: var(--fontFamily);cursor: pointer;}.component1 .profile span {border-right: 2px solid white;display: inline-block;height: 24px;margin-bottom: -10px;width: 0;}.component1 .profile img {width: 40px;height: 40px;border-radius: 50%;display: inline-block;vertical-align: middle;object-fit: cover;border: 1px solid transparent;transition: all ease 0.3s;}.component1 [entext='nameLogin']:hover {opacity: 0.8;transition: all ease 0.3s;}.component1 [entext='nameLogin']:hover + img,.component1 .profile img:hover {border-color: white;transition: all ease 0.3s;}.component1 .menuMobile{position: relative;z-index: 1;display: none;-webkit-mask-image: url(View/1008/imeges/Menu.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: contain;width: 24px;height: 24px;position: absolute;background: white;top: 12px;right: 12px;transition: all ease-in-out .3s;}.component1 .menuMobile.active{right: 8px;-webkit-mask-image: url(View/1008/imeges/close.svg);}.component1 .LoggedIn{display: none;}.component1 .nLoggedIn{}.component1 .menuD [request]:hover a {margin: 15px;padding: 0;margin-bottom: 0;padding-bottom: 15px;display: inline-block;border-bottom: 2px solid white;}.component1 .nav a{border-bottom: 2px solid transparent;}.component1 .bgSignup,.component1 .bgLogin,.component1 .bgReset,.component1 .bgConfirm,.component1 .bgLoginNumber,.component1 .bgChangePass{position: absolute;background-color: white;box-sizing: border-box;padding: 12px;border-radius: 6px;box-shadow: 0px 0px 14px 0px #00000038;top: -110vh;opacity: 0;transition: opacity ease .3s, top ease .3s;text-align: right;min-width: 350px;z-index: 1001;left: 50%;top: 50%;transform: translate(-50%, 50%);display: none;}.component1 .bgSignup.active,.component1 .bgLogin.active,.component1 .bgReset.active,.component1 .bgConfirm.active,.component1 .bgLoginNumber.active,.component1 .bgChangePass.active{opacity: 1;z-index: 9999;display: block;}.component1 #login,.component1 #signup,.component1 #reset,.component1 #confirm,.component1 #changePass{display: block;}.component1 .in {display: block;border: none;border: 1px solid var(--accent);margin: 8px 0;border-radius: 3px;padding: 9px 8px;box-sizing: border-box;width: 100%;}.component1 #name,.component1 #family{background-image: url(View/1008/imeges/User.svg);background-repeat: no-repeat;background-size: 16px 16px;background-position: calc(100% - 8px) center;padding-right: 30px;}.component1 #phone{background-image: url(View/1008/imeges/phone.svg);background-repeat: no-repeat;background-size: 24px 24px;background-position: calc(100% - 4px) center;padding-right: 30px;}.component1 #pass,.component1 #repPass,.component1 #code{background-size: 20px;background-repeat: no-repeat;background-position: calc(100% - 6px) center;padding-right: 30px;background-image: url(View/1008/imeges/Pass.svg);}.component1 #txtEmail{background-image: url(View/1008/imeges/Email.svg);}.component1 .authHeader {display: block;position: relative;margin-bottom: 16px;}.component1 .authHeader > p {margin: 0 0 8px 0;display: block;font-size: 12pt;text-align: right;color: var(--text);}.component1 .authHeader > .close {width: 14px;height: 14px;display: block;float: left;position: absolute;top: 4px;left: 2px;-webkit-mask-image: url(View/8/Images/Close.svg);cursor: pointer;transition: all ease .3s;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;background-color: black;}.component1 .chk {display: inline-block;position: relative;margin: 0 0 2px 8px;cursor: pointer;font-size: 9pt;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.component1 .chk input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;margin: 0;}.component1 .chk .mark {position: relative;height: 18px;width: 18px;background-color: #eee;display: block;float: right;border-radius: 4px;margin: 0 0 0 4px;transform: scale(0.8);transition: all ease .3s;top: 2px;}.component1 .chk:hover input ~ .mark {background-color: #ccc;}.component1 .chk input:checked ~ .mark {background-color: var(--accent);}.component1 .chk .mark:after {content: "";position: absolute;left: 50%;top: 50%;width: 4px;height: 9px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: translate(-45%, -60%) rotate(-45deg) scale(0);-ms-transform: translate(-45%, -60%) rotate(-45deg) scale(0);transform: translate(-45%, -60%) rotate(-45deg) scale(0);transition: all ease .3s;}.component1 .chk input:checked ~ .mark:after {-webkit-transform: translate(-45%, -60%) rotate(45deg) scale(1);-ms-transform: translate(-45%, -60%) rotate(45deg) scale(1);transform: translate(-45%, -60%) rotate(45deg) scale(1);}.component1 .btn {display: block;float: left;border: none;border-radius: 4px;padding: 9px 12px;font-family: IranSansX;background-color: var(--accent);color: white;box-sizing: border-box;margin: 8px 8px 8px 0;cursor: pointer;}.component1 .btnAuth {width: 100%;margin-right: 0;}.component1 .bgLoginAndSignup .link {font-size: 9pt;color: var(--accent);display: block;text-align: center;}.component1 .resetContainer{display: block;font-size: 9pt;text-align: center;color: var(--textLight);}.component1 .resetContainer a{padding: 0 !important;font-size: 9pt !important;color: var(--danger);}.component1 .resetContainer a:hover{color: var(--accent);}.component1 .nav page {display: inline-block;position: relative;}.component1 .childMenu {transform-origin: 100% 0;opacity: 0;left: 50%;transform: scaleY(0) translate(-50%,0);position: absolute;background: white;border-radius: 4px;overflow: hidden;width: max-content;transition: all ease-in-out .3s;}.component1 .childMenu a {color: var(--text) !important;padding: 6px 12px !important;}.component1 .childMenu list {display: grid;}.component1 .nav column:hover div {display: block;transform: scaleY(1) translate(-50%,0);opacity: 1;}.component1 .arrow {position: relative;}.component1 .arrow:before {content: '';background-image: url(View/1008/imeges/arrow.svg);background-repeat: no-repeat;background-size: contain;top: 45%;position: absolute;display: block;width: 10px;height: 6px;transform: rotate(0);transition: transform .2s ease-in-out;left: 0;}.component1 .arrow:hover:before {transform: rotate(180deg);}.component1 .nLoggedIn a{box-sizing: border-box;padding: 7px 25px !important;border-radius: 6px;font-size: 12pt;}.component1 .nLoggedIn a.signup{background: var(--accent);}.component1 .nLoggedIn a.login{background: var(--warning);}.component1 .nLoggedIn a.login::before{content: "";display: inline-block;-webkit-mask-image: url(View/1008/imeges/paging-Icon/لاگین.svg);-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;width: 22px;height: 22px;background: var(--gradiant);vertical-align: middle;margin-left: 6px;}.component1 .nLoggedIn a.signup::before{content: "";display: inline-block;-webkit-mask-image: url("View/1008/imeges/paging-Icon/ثبت نام.svg");-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;width: 22px;height: 22px;background: var(--gradiant);vertical-align: middle;margin-left: 6px;}.component1 .changeFormLogin{display: block;margin: 0 auto;text-align: center;cursor: pointer;color: var(--info);}.component1 .call{}.component1 .profile a.callto{margin-left: 10px;padding: 0px;width: max-content;}.component1 .styleFlexMenu{display: flex;padding-left: 10px;justify-content: space-between;align-items: flex-start;}@media screen and (min-width: 600px) and (max-width: 1024px) {.component1 .nav a,.component1 .profile a {font-size: 11pt;padding: 10px;}.component1 .LoggedIn input {padding: 10px;font-size: 12pt;}.component1 .profile{padding: 5px;}.component1 .styleFlexMenu{}.component1 .nav{width: calc(100% - 300px);}}@media screen and (min-width: 0) and (max-width: 600px) {.component1 .bgSignup,.component1 .bgLogin,.component1 .bgReset,.component1 .bgConfirm,.component1 .bgChangePass{min-width: 290px;}.component1 .in {padding: 10px 8px;}.component1 .LoggedIn input {padding: 15px;font-size: 12pt;}.component1 .nav a:first-child {padding-right: 16px;}.component1 .nav a,.component1 .profile a {padding: 15px;}.component1 .nav {width: 160px !important;position: absolute;background: white;border-radius: 10px;right: -100vw;top: 44px;box-shadow: 1px 0px 8px #0006;transition: all ease-in-out .3s;padding: 10px 0;}.component1 .nav.active{right: 12px;}.component1 .nav a {display: block;color: var(--text);padding: 2px 16px;font-size: 11pt;}.component1 .menuMobile{display: block;}.component1 .nav page {display: block;width: 100%;}.component1 .arrow{width: 100%;}.component1 .arrow:before{left: 8px;}.component1 .childMenu{left: -58%;top: 0;transform: scaleY(0);}.component1 .arrow:hover div{transform: scaleY(1);}.component1 .container{height: 54px;}.component1 .profile >column:first-child {float: left;padding-left:7px ;}.component1 .nLoggedIn {float: left;}.component1 .slider a img {height: 111%;}.component1 .Menu{position: fixed;z-index: 99;}.component1 .call {margin-right: 36px;}.component1 .profile {gap: 10px;padding: 12px 0px;align-items: center;}.component1 .profile a.callto {margin-left: 0px;}.component1 .styleFlexMenu{justify-content: flex-end;}}






.form8 .modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}.form8 .modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 80%;}.form8 .close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}.form8 .close:hover,.form8 .close:focus {color: black;text-decoration: none;cursor: pointer;}
.form9 .switch:before {top: 4px;}.form9 .switch span {top: 8px;}

.list11 .sliderMobile {display: none;}.list11 .sliderBox{display: flex;justify-content: center;}@media screen and (min-width: 0) and (max-width: 600px) {.list11 .sliderDesktop {display: none;}.list11 .sliderMobile {display: flow-root;}}



.list15 htmldecode p strong img{width: 100% !important;}