@import url("../font/fa/iransans.css");
@import url("../font/fa/iranyekan.css");

* {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html {
    overflow: hidden;
    overflow-y: auto;
    margin: 0px;
}

html[lang^="en"] {
    direction: ltr;
    text-align: left;
}

html[lang^="fa"] {
    direction: rtl;
    text-align: right;
}

body {
    overflow: hidden;
    overflow-y: auto;
    line-height: 2;
    font: 500 1rem "x_IRANSans";
    color: #181818;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px;
}

p {
    margin: 0;
}

button {
    border: none;
    background: #eee;
    border-radius: 7pt;
    color: #181818;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: inherit;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.contactus-link {
    border: solid 1px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: all 0.5s;
}

.contactus-link:hover {
    background-color: #95c8ff;
    color: #254c75;
}

.more-read:hover {
    background-color: #95c8ff;
    color: #254c75;
}

#nashrie-modal .modal-dialog {
    max-width: 800px !important;
}

[dir="ltr"] header.header .has-dropdown>a::after {
    right: 0.5rem !important;
    left: unset;
}

[dir="ltr"] .label-text-container li {
    margin-left: 10px;
    margin-right: 10px;
}

jdp-container {
    position: absolute;
    max-width: 307.875px;
    background: #fff;
    display: block;
    direction: rtl;
    padding: 0.5rem 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    overflow: hidden;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-animation: jdpOpenAnimation 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation: jdpOpenAnimation 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: jdpOpenAnimation 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

jdp-container,
jdp-container *,
jdp-container *::after,
jdp-container *::before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

jdp-container .jdp-icon-plus,
jdp-container .jdp-icon-minus {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    overflow: hidden;
    flex: none;
    text-decoration: none;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}

jdp-container .jdp-icon-plus svg,
jdp-container .jdp-icon-minus svg {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.25rem;
    vertical-align: middle;
}

jdp-container .jdp-icon-plus.not-in-range,
jdp-container .jdp-icon-minus.not-in-range {
    cursor: not-allowed;
}

jdp-container .jdp-icon-plus.not-in-range svg,
jdp-container .jdp-icon-minus.not-in-range svg {
    opacity: 0.3;
}

jdp-container .jdp-years,
jdp-container .jdp-months {
    display: -webkit-inline-box;
    display: -webkit-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 2.5%;
    font-size: 120%;
    color: rgba(0, 0, 0, 0.8);
    fill: rgba(0, 0, 0, 0.8);
}

jdp-container .jdp-months {
    width: 50%;
}

jdp-container .jdp-years {
    width: 40%;
}

jdp-container .jdp-year,
jdp-container .jdp-year input,
jdp-container .jdp-year select,
jdp-container .jdp-month,
jdp-container .jdp-month input,
jdp-container .jdp-month select {
    width: 100%;
    height: auto;
    text-align: center;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    vertical-align: initial;
    font-weight: 300;
    color: inherit;
    line-height: inherit;
    outline: none;
}

jdp-container .jdp-year:focus,
jdp-container .jdp-year:active,
jdp-container .jdp-year input:focus,
jdp-container .jdp-year input:active,
jdp-container .jdp-year select:focus,
jdp-container .jdp-year select:active,
jdp-container .jdp-month:focus,
jdp-container .jdp-month:active,
jdp-container .jdp-month input:focus,
jdp-container .jdp-month input:active,
jdp-container .jdp-month select:focus,
jdp-container .jdp-month select:active {
    outline: none;
}

jdp-container .jdp-year:hover,
jdp-container .jdp-year input:hover,
jdp-container .jdp-year select:hover,
jdp-container .jdp-month:hover,
jdp-container .jdp-month input:hover,
jdp-container .jdp-month select:hover {
    background: rgba(0, 0, 0, 0.05);
}

jdp-container .jdp-year input,
jdp-container .jdp-month input {
    cursor: text;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

jdp-container .jdp-year input::-webkit-outer-spin-button,
jdp-container .jdp-year input::-webkit-inner-spin-button,
jdp-container .jdp-month input::-webkit-outer-spin-button,
jdp-container .jdp-month input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

jdp-container .jdp-year select,
jdp-container .jdp-month select {
    cursor: pointer;
    position: relative;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}

jdp-container .jdp-days {
    padding: 0.5rem 0 0 0;
    outline: 0;
    text-align: left;
    width: 100%;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

jdp-container .jdp-day,
jdp-container .jdp-day-name {
    background: none;
    border: 1px solid transparent;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    height: 31px;
    line-height: 31px;
    margin: 2px 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
}

jdp-container .jdp-day.today,
jdp-container .jdp-day-name.today {
    border-color: rgba(0, 0, 0, 0.3);
}

jdp-container .jdp-day.selected,
jdp-container .jdp-day-name.selected {
    background-color: #569ff7 !important;
    color: #fff !important;
}

jdp-container .jdp-day.last-week,
jdp-container .jdp-day-name.last-week {
    color: #f44336;
}

jdp-container .jdp-day:empty {
    background: rgba(0, 0, 0, 0.05);
    border-color: #fff;
}

jdp-container .jdp-day:empty:after {
    content: "0";
    visibility: hidden;
}

jdp-container .jdp-day:not(:empty) {
    cursor: pointer;
    border-radius: 4px;
    transition: linear 0.1s;
}

jdp-container .jdp-day:not(:empty):hover {
    background: rgba(0, 0, 0, 0.1);
    transform: scale(1.15);
    z-index: 1;
}

jdp-container .jdp-day-name {
    border-radius: 0;
    font-weight: 900;
    font-size: 90%;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: default;
}

jdp-container .jdp-footer {
    padding: 0.5rem 0.5rem 0 0.5rem;
    outline: 0;
    width: 100%;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

jdp-container .jdp-btn-today,
jdp-container .jdp-btn-empty {
    background: #569ff7;
    font-size: 90%;
    padding: 0.3em 0.6em;
    border-radius: 5px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.toastr-title {
    font-weight: bold;
}

.toastr-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toastr-message a,
.toastr-message label {
    color: #FFFFFF;
}

.toastr-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
}

.toastr-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

.toastr-close-button:hover,
.toastr-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

.rtl .toastr-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}

/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/
button.toastr-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toastr-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toastr-top-center-nav-margin {
    top: 65px;
    right: 0;
    width: 100%;
}

.toastr-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toastr-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toastr-top-full-width-nav-margin {
    top: 65px;
    right: 0;
    width: 100%;
}

.toastr-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toastr-top-left {
    top: 12px;
    left: 12px;
}

.toastr-top-left-nav-margin {
    top: 65px;
    left: 12px;
}

.toastr-top-right {
    top: 12px;
    right: 12px;
}

.toastr-top-right-nav-margin {
    top: 65px;
    right: 12px;
}

.toastr-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toastr-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toastr-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}

#toastr-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toastr-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toastr-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toastr-container>div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toastr-container>.toastr-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toastr-container>.toastr-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toastr-container>.toastr-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toastr-container>.toastr-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toastr-container.toastr-top-center-nav-margin>div,
#toastr-container.toastr-top-center>div,
#toastr-container.toastr-bottom-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toastr-container.toastr-top-full-width-nav-margin>div,
#toastr-container.toastr-top-full-width>div,
#toastr-container.toastr-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toastr {
    background-color: #030303;
}

.toastr-success {
    background-color: #51A351;
}

.toastr-error {
    background-color: #BD362F;
}

.toastr-info {
    background-color: #2F96B4;
}

.toastr-warning {
    background-color: #F89406;
}

.toast:not(.showing):not(.show) {
    opacity: 1;
}

.toastr-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toastr-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toastr-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toastr-container .toastr-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toastr-container .rtl .toastr-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toastr-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    .fs-15px {
        font-size: 13px !important;
    }

    #toastr-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toastr-container .toastr-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toastr-container .rtl .toastr-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toastr-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }

    .flex-cell.responsive {
        flex: 50px 0 0 !important;
    }

    #toastr-container>div.rtl {
        padding: 15px 50px 15px 15px;
    }
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

.toast-top-right {
    top: 12px;
    left: 12px;
}

.toast:not(.show) {
    display: none;
}

button.toast-close-button {
    display: none;
}

.toast.toast-success {
    background-color: #1BC5BD;
    color: #ffffff;
}

.toast.toast-warning {
    background-color: orange;
    color: #333;
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.toast-top-left {
    top: 12px;
    right: 12px;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

button.btn-search:focus,
input:focus,
textarea:focus {
    box-shadow: none !important;
}

input:focus,
textarea:focus {
    border-color: orange !important
}

.form-check-input:checked {
    background-color: orange !important;
    border-color: orange !important;
}

.toast {
    padding: 12px;
    margin-bottom: 7px;
}

.toast .toast-close-button {
    outline: none !important;
    font-size: 0;
}

.toast .toast-title {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.message-light {
    font-size: 13px !important;
    line-height: 2.23;
    padding: 7px 20px;
    position: relative;
    border-radius: 5px;
    line-height: 18px;
    margin: 15px 0;
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #a37731;
    text-align: right;
}

input#agree:checked+.checkbox-check {
    background: orange;
    border-color: orange
}

.cuntactus-container {
    padding: 20px;
    background-color: #2265ac;
    color: #fff;
}

.box-more-content {
    border-right: 3px solid #ffc107
}

.wrapper-more-content {
    border-right: 3px solid #121c25;
    padding-right: 8px
}

.label-text-container li {
    list-style: none;
    margin-right: 10px;
    background-color: #cacaca;
    padding: 0px 10px;
    border-radius: 15px;
    transition: all 0.05s;
}

.banner-text {
    background-color: #1164ff;
    color: #fff;
}

.label-text-container li:hover {
    background-color: #5c5c5c;
    color: #fff;
}

.related-content .item a:hover {
    color: #003baa !important;
}

.section-title,
main.main .testimonial .owl-carousel .owl-stage .owl-item {
    color: #000;
}

@media (max-width: 990px) {
    .sticky {
        position: relative !important;
    }

    footer.footer::before {
        background-size: cover !important;
    }

    ul.mobile-h-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    ul.mobile-h-scroll::-webkit-scrollbar {
        height: 6px;
    }

    ul.mobile-h-scroll::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }

    ul.mobile-h-scroll::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .mobile-h-scroll li.mobile-h-scroll {
        flex: 0 0 auto;
        margin: 0 10px;
    }

    .mobile-h-scroll a {
        white-space: nowrap;
        display: inline-block;
        padding: 10px 20px;
        background: #f9f9f9;
        border-radius: 10px;
        text-align: center;
        transition: background 0.3s ease;
    }

    .mobile-h-scroll a:hover {
        background: #ddd;
    }
}

header.header {
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    height: 650px;
    max-height: 650px;
    position: relative;
    padding: 0.75rem 0.5rem;
}

header.header.inner {
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    height: 350px;
    max-height: 350px;
    position: relative;
    padding: 0.75rem 0.5rem;
}

header.header.smaller {
    max-height: 300px;
}

[dir="ltr"] header.header .has-dropdown>a::after {
    left: unset;
    right: 0.5rem !important;
}

[dir="ltr"] .theme-btn .ri {
    margin-left: unset !important;
    margin-right: 0.25rem !important;
}

.main-slider::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.transparent-layer {
    z-index: 1;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #00000069;
    right: 0px;
}

.preNashImg {
    display: inline-block;
    border: solid 1px #d7d7d7;
    border-radius: 10px;
    width: 85px;
    margin-right: 10px;
}

.preNashImg img {
    border-radius: 10px;
}

.kish-logo {
    width: 140px;
}

.border-b-dashed {
    border-bottom: 1px dashed;
}

.colorRed {
    color: #fffd6d;
}

@media (max-width: 990px) {
    header.header {
        height: 500px;
        max-height: 500px;
    }

    header.header .header-hero {
        height: 500px;
    }
}

@media (max-width: 768px) {
    header.header {
        height: 400px;
        max-height: 400px;
    }

    .flex-table .header {
        display: none;
    }

    .unitFlex {
        display: inline-block !important;
        flex: 40px 0 0 !important;
        position: absolute;
        top: 97px;
        right: 14px;
        background: orange;
        padding: 3px !important;
        min-width: 50px;
        text-align: center !important;
        border-radius: 14px;
        font-size: 11pt;
    }

    .flex-row {
        position: relative;
    }

    .removePlaceholderLg::placeholder {
        color: #a2a2a2 !important;
    }

    .flex-cell.responsive {
        flex: 50px 0 0 !important;
    }

    header.header.smaller {
        max-height: 250px;
    }

    header.header .header-hero {
        height: 400px;
    }

    .btn.btn-warning.btn-more-category {
        margin-top: 1rem;
    }
}

header.header .header-hero {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: inherit;
    overflow: hidden;
    z-index: 1;
    background: transparent;
}

header.header .header-hero>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 0;
}

header.header .header-hero.has-layer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000;
    opacity: 0.5;
    z-index: 0;
}

header.header .header-hero.has-layer.blue-layer::before {
    background: #1164ff;
}

header.header .header-hero.has-layer.red-layer::before {
    background: #f1122f;
}

header.header .nav-container.top {
    margin-top: 4rem;
}

@media (min-width: 991px) {
    header.header .nav-container.top {
        margin-top: 0.75rem;
    }
}

header.header nav.nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
    margin: auto;
    -webkit-transition: top 0.3s ease, background 0.7s ease, -webkit-box-shadow 0.7s ease;
    transition: top 0.3s ease, background 0.7s ease, -webkit-box-shadow 0.7s ease;
    transition: top 0.3s ease, background 0.7s ease, box-shadow 0.7s ease;
    transition: top 0.3s ease, background 0.7s ease, box-shadow 0.7s ease, -webkit-box-shadow 0.7s ease;
}

header.header nav.nav.pointer-none {
    pointer-events: all;
}

@media (max-width: 991px) {
    header.header nav.nav.pointer-none {
        pointer-events: none;
    }
}

@media (min-width: 991px) {
    header.header nav.nav {
        top: 0 !important;
        position: relative;
        z-index: 2;
    }
}

header.header nav.nav .nav-container.bottom {
    border-radius: 0;
    -webkit-transition: inherit;
    transition: inherit;
}

header.header nav.nav.scrolled .nav-container {
    -webkit-box-shadow: 0 5px 30px -20px #181818, 0 10px 40px -25px #181818;
    box-shadow: 0 5px 30px -20px #181818, 0 10px 40px -25px #181818;
    background: rgba(88, 88, 90, 1) !important;
}

@media (min-width: 576px) {
    header.header nav.nav {
        max-width: 540px;
        top: 0.5rem;
    }

    header.header nav.nav .nav-container.bottom {
        border-radius: 5px;
    }

    header.header nav.nav.scrolled .nav-container.bottom {
        border-radius: 0 0 5px 5px;
    }
}

@media (min-width: 768px) {
    header.header nav.nav {
        max-width: 720px;
    }
}

@media (min-width: 991px) {
    header.header nav.nav {
        max-width: 960px;
        position: static;
    }

    header.header nav.nav.scrolled {
        position: fixed;
    }
}

@media (min-width: 1200px) {
    header.header nav.nav {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    header.header nav.nav {
        max-width: 1320px;
    }
}

header.header nav.nav>.nav-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

header.header nav.nav>.nav-container.bottom {
    background: rgba(88, 88, 90, 0.78);
    -webkit-animation: x-fade-down 1.2s 1 ease;
    animation: x-fade-down 1.2s 1 ease;
    position: relative;
}

@media (max-width: 992px) {
    header.header nav.nav>.nav-container.bottom {
        -webkit-animation: none;
        animation: none;
        min-height: 50px;
    }
}

header.header nav.nav>.nav-container .nav-inner {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
}

header.header nav.nav>.nav-container .nav-inner>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header.header nav.nav>.nav-container .nav-inner>ul .nav-item .nav-link {
    color: #fff;
}

header.header nav.nav>.nav-container .nav-inner>ul .nav-item.active .nav-link::before {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    max-width: 90%;
}

header.header nav.nav>.nav-container .nav-inner>ul .nav-item.active:hover .nav-link:before {
    max-width: 100%;
    background: #c40c24;
}

@media (max-width: 991px) {
    header.header nav.nav>.nav-container .nav-inner {
        position: fixed;
        z-index: 101;
        background: #fff;
        min-width: auto;
        max-width: 100%;
        width: 300px;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
        overflow-y: auto;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    header.header nav.nav>.nav-container .nav-inner .nav-close {
        float: left;
        margin-top: 7%;
        padding: 0 0.5rem;
    }

    header.header nav.nav>.nav-container .nav-inner>.navbar-brand {
        padding: 1rem 0;
        -webkit-padding-end: 4rem;
        padding-inline-end: 4rem;
        font-size: 0.9rem;
    }

    header.header nav.nav>.nav-container .nav-inner>.navbar-brand>strong {
        -webkit-margin-start: 0.5rem;
        margin-inline-start: 0.5rem;
    }

    header.header nav.nav>.nav-container .nav-inner>ul {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transform: translateX(2rem);
        transform: translateX(2rem);
        opacity: 0;
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important;
        -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    header.header nav.nav>.nav-container .nav-inner>ul>.nav-item:not(.active) .nav-link {
        color: #181818;
        font-weight: bold;
    }

    header.header nav.nav>.nav-container .nav-inner>ul>.nav-item:not(.active) .nav-link:hover {
        color: #aaa;
        -webkit-padding-start: 1.5rem;
        padding-inline-start: 1.5rem;
    }

    header.header nav.nav>.nav-container .nav-inner>ul>.nav-item.active .nav-link {
        color: #f1122f;
    }

    header.header nav.nav>.nav-container .nav-inner>ul>.nav-item.active .nav-link::before {
        display: none;
    }

    header.header nav.nav>.nav-container .nav-inner>ul li a {
        border-radius: 5px;
    }

    header.header nav.nav>.nav-container .nav-inner>ul li a:active {
        background: #eee;
    }

    header.header nav.nav>.nav-container .nav-inner.open {
        visibility: visible;
        pointer-events: all;
        -webkit-transform: none;
        transform: none;
    }

    header.header nav.nav>.nav-container .nav-inner.open>ul {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

header.header .has-dropdown {
    position: relative;
}

header.header .has-dropdown>a {
    -webkit-padding-end: 2rem;
    padding-inline-end: 1.5rem;
    position: relative;
}

header.header .has-dropdown>a::after {
    position: absolute;
    top: 35%;
    left: 0.5rem;
    content: "\ea64";
    font-family: "remixicon";
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (min-width: 990px) {
    header.header .has-dropdown>a {
        border-radius: 3px 5px 0 0;
    }

    header.header .has-dropdown>a::before {
        border-radius: 5px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    header.header .has-dropdown:hover>a {
        color: #fff !important;
    }

    header.header .has-dropdown:hover>a::before {
        -webkit-transform: none;
        transform: none;
        height: 100%;
        opacity: 1;
    }

    header.header .has-dropdown:hover>a::after {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    header.header .has-dropdown>.dropdown-menu {
        position: absolute;
        display: block;
        padding: 0;
        overflow: visible;
        border: 0;
        text-align: start;
        opacity: 0;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem);
        visibility: hidden;
        pointer-events: none;
        min-width: 100%;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 300px;
        -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }

    header.header .has-dropdown>.dropdown-menu .dropdown-item.active {
        background: unset;
    }

    header.header .has-dropdown>.dropdown-menu .dropdown-item.active>a {
        background: #eee;
        color: #000 !important;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item {
        padding: 0.25rem;
        white-space: normal !important;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item:active {
        color: inherit;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item.has-dropdown {
        position: relative;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item.has-dropdown>a {
        -webkit-padding-end: 2.5rem;
        padding-inline-end: 2.5rem;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item.has-dropdown>a::after {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item.has-dropdown:hover>a {
        background: #eee;
        color: #000 !important;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item.has-dropdown:hover>a::after {
        left: 1rem;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item>.dropdown-menu {
        position: absolute;
        top: 0;
        right: calc(100% - 5px);
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: 50vw;
        max-width: 200px;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item>.dropdown-menu>.dropdown-item {
        white-space: normal;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item:first-child {
        border-radius: 10px 10px 0 0;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item:last-child {
        border-radius: 0 0 10px 10px;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item:hover {
        background: inherit;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item>a {
        border-radius: 5px;
        -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
        padding: 0.75rem 1rem;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item>a:hover {
        background: #eee;
    }

    header.header .has-dropdown>a:hover+.dropdown-menu,
    header.header .has-dropdown .dropdown-menu:hover,
    header.header .has-dropdown .dropdown-item:hover+.dropdown-menu {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        -webkit-transition-delay: 0 !important;
        transition-delay: 0 !important;
    }
}

@media (max-width: 991px) {
    header.header .has-dropdown {
        -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }

    header.header .has-dropdown>.hover-underline::before {
        display: none;
    }

    header.header .has-dropdown>a {
        -webkit-padding-end: 3rem;
        padding-inline-end: 3rem;
    }

    header.header .has-dropdown>a::after {
        position: absolute;
        top: 33%;
        left: 1rem;
        content: "\ea64";
        font-family: "remixicon";
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
        -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    header.header .has-dropdown>.dropdown-menu {
        -webkit-transition: inherit;
        transition: inherit;
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        position: static;
        display: block;
        padding: 0;
        height: 0;
        overflow: hidden;
        border: 0;
        text-align: start;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item {
        padding: 0.25rem;
        -webkit-border-start: 1px solid #aaa;
        border-inline-start: 1px solid #aaa;
        white-space: normal !important;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item.has-dropdown>a {
        max-width: 100%;
        white-space: normal;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item:hover {
        background: unset !important;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item>a:hover {
        -webkit-padding-start: 1.25rem;
        padding-inline-start: 1.25rem;
    }

    header.header .has-dropdown>.dropdown-menu>.dropdown-item>a:active {
        color: #777;
    }

    header.header .has-dropdown.open>a {
        color: #777 !important;
        -webkit-padding-start: 1.5rem;
        padding-inline-start: 1.5rem;
    }

    header.header .has-dropdown.open>a::after {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    header.header .has-dropdown.open>.dropdown-menu {
        height: auto;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 990px) {
    .dropdown-item .dropdown-menu {
        -webkit-transition-delay: 0.3s !important;
        transition-delay: 0.3s !important;
    }

    .dropdown-item a:hover+.dropdown-menu {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
    }
}

.nav-search,
.nav-close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.nav-search-container {
    position: absolute;
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 0.25rem;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-transform: rotateX(-95deg);
    transform: rotateX(-95deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.nav-search-container.show {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.nav-search-container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-search-container form input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.nav-search-container form button {
    margin-right: auto;
}

@media (max-width: 575px) {
    .nav-search-container>.nav-search-container {
        width: 95%;
        margin: 0 auto;
        inset: 0;
        max-width: 100%;
        top: 3.5%;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.nav-search-container .search-suggestion {
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    position: absolute;
    top: calc(100% + 5px);
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-transform-origin: top;
    transform-origin: top;
    left: 0;
    right: 0;
    opacity: 0;
    margin: auto;
    visibility: hidden;
    background: #fff;
    z-index: 1;
    color: #777;
    font-weight: normal;
    pointer-events: none;
}

.nav-search-container .search-suggestion.show {
    pointer-events: all;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
}

.header-logo {
    position: absolute;
    inset: 0;
    z-index: 1;
    top: 7rem;
    padding: 1rem 0;
    height: 100%;
}

.logo-not-in-index .header-logo {
    top: 8rem !important;
}

.logo-not-in-index,
.logo-not-in-index .header-hero {
    padding: unset !important;
}

.logo-not-in-index .header-logo img {
    width: 120px !important;
}

.logo-not-in-index .header-logo p {
    font-size: 11px;
}

.header-logo img {
    -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 150px !important;
    height: 100% !important;
}

.header-hero .owl-carousel.owl-rtl,
.header-hero .owl-stage-outer,
.header-hero .owl-stage-outer,
.header-hero .owl-stage,
.header-hero .owl-item,
.header-hero .item,
.header-hero .img-fluid {
    height: 100% !important;
}

@media (min-width: 990px) {
    .header-logo {
        top: 9rem;
    }

    .header-logo img {
        width: 250px !important;
    }
}

@media (max-width: 576px) {
    .header-logo {
        top: 8rem;
    }
}

@media (max-width: 370px) {
    .header-logo {
        top: 10rem;
    }

    .header-logo img {
        width: 110px !important;
    }
}

.header-links {
    pointer-events: none;
    position: relative;
    z-index: 1;
    inset: 0;
    top: unset;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}

@media (max-width: 425px) {
    .header-links div div div {
        max-width: 80px;
    }

    .header-links {
        transform: unset;
        margin-top: 15px;
    }
}

.header-links a {
    pointer-events: all;
    border: 1px solid #d5d5d5;
    min-height: 50pt;
    min-width: 50pt;
    width: 12vw;
    height: 12vw;
    max-width: 80pt;
    max-height: 80pt;
    padding: 0 0.75rem;
    display: -ms-grid;
    display: grid;
    place-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.header-links a:hover {
    -webkit-box-shadow: 0 5px 30px -20px #777, 0 0 40px -25px #777 !important;
    box-shadow: 0 5px 30px -20px #777, 0 0 40px -25px #777 !important;
    -webkit-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
}

.header-links a>img,
.header-links a svg {
    max-width: 100%;
}

.header-links a>i {
    display: block;
    width: 100%;
    height: 100%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    font-size: clamp(1rem, 7vw, 4rem);
}

main.main {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

main.main::after {
    content: "";
    background: url("../img/background/layer.webp") no-repeat;
    height: 900px;
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    inset: 0;
    z-index: -1;
}

main.main .section-part:first-child {
    padding: unset !important;
}

main.main .section-part {
    padding: 5rem 0 0;
}

main.main .section-part .section-title {
    text-align: center;
    margin-bottom: 0.5rem;
}

main.main .section-part .section-title>strong {
    font-size: 2rem;
    font-weight: bold;
}

@media (max-width: 768px) {
    main.main .section-part .section-title>strong {
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    main.main .section-part .section-title>strong {
        font-size: 1.3rem;
    }
}

main.main .section-part .section-title::after,
main.main .section-part .section-title::before {
    display: none;
    z-index: -1;
    position: absolute;
    content: "";
    background: #eaeaea;
    top: 55%;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    width: 50%;
    height: 2px;
}

main.main .section-part .section-title::after {
    left: 50%;
}

main.main .section-part .section-title::before {
    right: 50%;
}

main.main .section-part .section-title.has-more {
    position: relative;
}

main.main .section-part .section-title.has-more::before {
    width: 36% !important;
}

@media (max-width: 768px) {
    main.main .section-part .section-title.has-more::before {
        width: 50% !important;
    }
}

main.main .section-part .section-title.has-more>a {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

main.main .section-part .section-title.has-more>a i {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

main.main .section-part .section-title.has-more>a:hover {
    color: #f1122f;
    word-spacing: 3px;
}

main.main .section-part .section-title.has-more>a:hover>i {
    -webkit-padding-end: 10px;
    padding-inline-end: 10px;
}

@media (max-width: 768px) {
    main.main .section-part .section-title.has-more>a {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
    }
}

main.main .section-part .section-title.has-line {
    position: relative;
    z-index: 0;
}

main.main .section-part .section-title.has-line>strong {
    background: #fff;
    padding: 0.25rem 1rem;
}

main.main .section-part .section-title.has-line::after,
main.main .section-part .section-title.has-line::before {
    display: block;
}

main.main .section-content {
    margin-top: 1rem;
}

main.main .section-content .owl-carousel {
    position: relative;
    padding-bottom: 2rem;
}

main.main .section-content .owl-carousel:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

main.main .section-content .owl-carousel .item {
    text-align: center;
    padding: 1.5rem 0.75rem;
}

main.main .section-content .owl-carousel .owl-dots {
    position: absolute;
    inset: 0;
    top: unset;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}

main.main .section-content .owl-carousel .owl-dots>button {
    pointer-events: all;
    width: 10px;
    height: 3px;
    border-radius: 0;
    margin: 0 3px;
    background: #f1122f;
    opacity: 0.6;
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

main.main .section-content .owl-carousel .owl-dots>button.active {
    opacity: 1;
    width: 40px;
}

main.main .post {
    display: block;
    text-align: start;
    background: #fff;
    overflow: hidden;
    font-weight: normal;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

main.main .post.white-corner {
    position: relative;
    border-radius: 0 0 5px 5px;
}

main.main .post.white-corner::before {
    content: "";
    position: absolute;
    inset: 0;
    bottom: unset;
    top: -90px;
    height: 110px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    background: #fff;
    border-radius: 100%;
    z-index: 5;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

main.main .post.white-corner:hover {
    -webkit-box-shadow: 0 5px 20px -19px #777, 0 10px 30px -29px #777 !important;
    box-shadow: 0 5px 20px -19px #777, 0 10px 30px -29px #777 !important;
    border-radius: 5px;
}

main.main .post.white-corner:hover::before {
    opacity: 0;
    top: -35%;
}

main.main .post .post-img {
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
}

main.main .post .post-img:hover .post-title {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    height: 50%;
}

.product-content .item:hover {
    transform: translateY(-10px);
}

.post-title {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    width: 100%;
    background: #00000061;
    color: #fff;
    padding: 5px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all 0.5s;
    height: 40px;
}

.gozaresh-mali-item-container {
    margin: 0px;
    list-style: none;
    color: rgb(85, 85, 85);
}

.gozaresh-mali-item-container li {
    font-size: 14px;
    margin-bottom: 10px;
}

.gozaresh-mali-item-container li:hover {
    color: #060b52;
}

.gozaresh-mali-status {
    margin-right: 10px;
}

.not-audit {
    color: #f1122f;
}

.audit {
    color: #36b857;
}

.chart-img img {
    width: 100%;
    max-width: 520px;
}

.gozaresh-mali-item-container li::before {
    width: 6px;
    height: 6px;
    background: rgba(6, 11, 82, 0.5);
    content: " ";
    display: inline-block;
    vertical-align: middle;
    transform: rotate(45deg);
    margin-left: 5px;
    margin-right: -11px;
}

.alert-box {
    position: fixed;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #149510db;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.last-content-box {
    max-height: 745px;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f1f1f1;
}

main.main .post .post-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: inherit;
    transition: inherit;
}

main.main .post .post-text-title {
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: bold;
}

main.main .post .post-text,
main.main .post .post-link {
    padding: 1rem 0.5rem;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

main.main .post .post-text *,
main.main .post .post-link * {
    -webkit-transition: inherit;
    transition: inherit;
}

main.main .post:hover .post-img>img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

main.main .post:hover .post-text .post-text-title {
    color: #c40c24;
}

main.main .post .post-link:hover * {
    color: #640612 !important;
}

main.main .post-wrapper .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

main.main .post-wrapper .owl-item {
    display: inherit;
}

main.main .post-wrapper .owl-item .item .post {
    background: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main.main .post-wrapper .owl-item .item .post .post-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

main.main .post-wrapper .owl-item .item .post .post-text .post-link {
    margin-top: auto;
}

main.main .post-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

main.main .post-slider .owl-stage .owl-item {
    display: inherit;
}

main.main .post-slider .owl-stage .owl-item .item .post {
    background: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main.main .video-wrapper {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    overflow: hidden;
    margin: auto;
    position: relative;
    z-index: 0;
}

main.main .video-wrapper::after {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    pointer-events: all;
    z-index: 1;
    content: "\f009";
    font-family: "remixicon";
    position: absolute;
    inset: 0;
    background: rgba(24, 24, 24, 0.8);
    cursor: pointer;
    display: -ms-grid;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 5rem;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (min-width: 768px) {
    main.main .video-wrapper::after {
        margin-top: -24px;
    }
}

main.main .video-wrapper:not(.play):hover::after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 990px) {
    main.main .video-wrapper {
        max-width: 70%;
    }
}

@media (max-width: 768px) {
    main.main .video-wrapper {
        max-width: 100%;
        height: auto;
    }
}

main.main .video-wrapper>video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main.main .video-wrapper.play::after {
    opacity: 0;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    visibility: hidden;
    pointer-events: none;
}

main.main .call-us {
    background: #58585a;
    background-size: 110% 110%;
    background-position: center;
    position: relative;
    z-index: 0;
}

.hover-red:hover {
    color: #ed1c24;
}

main.main .call-us::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/background/wave.png") no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    background-position-y: 2rem;
    z-index: -1;
}

@media (max-width: 768px) {
    main.main .call-us::after {
        background-size: cover;
    }
}

main.main .testimonial {
    position: relative;
    z-index: 1;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    height: 100%;
}

main.main .testimonial .testimonial-background {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    inset: 0;
    background: url("../img/background/slider-bg-fill.webp") no-repeat;
    background-size: cover;
    background-position: 33% 50%;
}

main.main .testimonial .testimonial-background .testimonial-slice-img {
    position: absolute;
    max-width: 50%;
    max-height: 72%;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 4rem;
    top: unset;
    right: unset;
    overflow: hidden;
}

main.main .testimonial .testimonial-background .testimonial-slice-img>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
}

@media (min-width: 1440px) {
    main.main .testimonial .testimonial-background {
        background-position: 40% 30%;
    }

    main.main .testimonial .testimonial-background .testimonial-slice-img {
        max-width: 50vw;
        max-height: 70%;
        bottom: 3vw;
        left: 30vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

main.main .testimonial .owl-carousel:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

main.main .testimonial .owl-carousel:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

main.main .testimonial .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

main.main .testimonial .owl-carousel .owl-stage .owl-item {
    display: inherit;
}

main.main .testimonial .owl-carousel .owl-stage .owl-item .item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

main.main .testimonial .owl-carousel .owl-dots button {
    background: #fff;
}

main.main .testimonial .owl-carousel .owl-item .item .slider-person-img {
    padding-top: 3rem;
}

main.main .testimonial .owl-carousel .owl-item .item .slider-person-img img {
    border-radius: 100%;
    width: 120px;
}

@media (max-width: 990px) {
    main.main .testimonial .owl-carousel .owl-item .item .slider-person-img p {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    main.main .testimonial .owl-carousel .owl-item .item .slider-person-img p {
        font-size: 1.5rem;
    }
}

@media (max-width: 575px) {
    main.main .testimonial .owl-carousel .owl-item .item .slider-person-img p {
        font-size: 1.2rem;
        line-height: 2;
        text-align: center;
    }
}

main.main #companies .item {
    padding: 0 0.5rem;
}

main.main #companies .item a {
    border: 2px solid #eee;
    padding: 0 0.5rem;
    min-height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

main.main #companies .item a:hover {
    border-color: #aaa;
}

main.main #companies .item a img {
    margin: auto;
    max-height: 150px;
    width: auto;
}

main.main .our-team {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

main.main .our-team .item {
    -webkit-border-end: 1px solid #eee;
    border-inline-end: 1px solid #eee;
}

main.main .our-team .owl-item:first-child .item {
    -webkit-border-start: 1px solid #eee;
    border-inline-start: 1px solid #eee;
}

main.main .our-team .card {
    border: 0;
}

main.main .our-team .card .card-img {
    max-width: 250px;
    height: 250px;
    min-width: 250px;
    min-height: 250px;
    overflow: hidden;
    margin: auto;
}

@media (max-width: 575px) {
    main.main .our-team .card .card-img {
        max-width: 250px;
        height: 250px;
        min-width: 150px;
        min-height: 150px;
    }
}

main.main .our-team .card .card-img>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

main.main .our-team .card .card-img.has-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

main.main .our-team .card .card-img.has-outline>img {
    padding: 1rem;
    border: 1px solid #181818;
    border-radius: 100%;
}

main.main .plyrReplacedSlider.owl-carousel {
    padding: 0;
}

.product-background-box {
    width: 100%;
    height: 180px;
    background-size: cover !important;
    border-radius: 10px !important;
    text-align: right !important;
}

.product-background-box img {
    display: none !important;
}

.product-box {
    border: 2px solid #eaeaea;
    padding: 15px 10px;
    text-align: right;
    border-radius: 10px !important;
}

.imgSelector .active {
    border: 1px solid orange;
}

.product-slider .item {
    padding: 1rem 0.55rem !important;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.product-slider .item:hover {
    transform: translateY(-10px);
}

.product-title {
    font-family: 'IRANYekan', 'x_IRANSans';
    margin-bottom: 0;
    font-size: 15px;
    margin-top: 10px;
}

p.product-description {
    font-family: 'IRANYekan', 'x_IRANSans';
    font-weight: 100;
    font-size: 13px;
    word-spacing: -1px;
}

.product-category {
    background: orange;
    font-family: 'IRANYekan', 'x_IRANSans';
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 5px;
    letter-spacing: -1px;
}

.btn-catalog:hover {
    background: #000;
}

button.owl-prev span {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 25%;
    font-size: 42pt;
    bottom: 0;
    right: 25px;
    background: #0a0a0a57;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
}

.buttons {
    display: none;
}

.owl-nav {
    height: 0;
}

.menuDescription {
    margin-bottom: 1rem;
    overflow: hidden;
    transition: max-height 0.5s ease, transform 0.5s ease;
}

.menuDescription.show {
    margin-bottom: -60px;
}

.menuDescription.show ul {
    max-height: 100%;
    opacity: 1;
    background: #cccccc;
    max-width: 500px;
    padding-right: 5rem;
    display: block;
    border-radius: .25rem;
}

.menuDescription ul {
    transform: translateY(-55px);
    padding-top: 60px;
    overflow: hidden;
    display: none;
    padding-bottom: 20px;
}

.menuDescription ul li a {
    padding: 4px 0px;
    display: block;
}

.menuDescription ul li a:hover {
    color: #c40c24
}

.btnOpenMenu i {
    font-size: 18px;
    margin-left: 10px;
}

.category-description {
    padding: 10px 30px;
    border: 1px solid #cccccc;
    border-radius: 10px !important;
    margin-top: 4rem !important;
    padding-bottom: 2rem;
}

.category-description p {
    font-weight: 100;
    font-family: 'IRANYekan', 'x_IRANSans';
    line-height: 32px;
    font-size: 15px;
}

.btnOpenMenu {
    display: flex !important;
    background: #ccc;
    font-weight: bold;
    align-items: center;
    cursor: pointer;
}

.btnOpenMenu:focus,
.btnOpenMenu:active {
    outline: none;
    box-shadow: none;
}

button.owl-next span {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 25%;
    font-size: 42pt;
    bottom: 0;
    left: 25px;
    background: #0a0a0a57;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
}

.product-details {
    line-height: 20px;
}

.addCart {
    margin-right: auto;
    font-size: 13px;
    letter-spacing: -1px;
    padding: 5px 15px;
    font-family: 'IRANYekan';
    font-weight: 500;
}

.addCart:hover {
    background: orange;
}


/* login page */
.loginPage {
    background: #f5f5f5;
    min-height: 100vh;
}

.loginPage .main-content {
    text-align: center;
}

.account-box .logo {
    text-align: center;
}

.account-box {
    background: #fff;
    margin-top: 1rem;
    border: 1px solid #dedede;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    padding: 0 30px;
}

.account-box-title.text-right {
    font-family: 'iranYekan', 'x_IRANSans';
    font-weight: bold;
    text-align: right;
    padding: 15px 0px;
    color: #333;
    font-size: 15pt;
    word-spacing: -2px;
    border-bottom: 1px solid #dedede;
}

.form-account-title {
    text-align: right;
}

.account-box-content .form-account {
    margin-top: 9px;
    margin-bottom: 9px;
}

.form-account-title {
    color: #656565;
    margin-bottom: 5px;
    letter-spacing: -.6px;
    font-size: 15px;
    line-height: 1.467;
    font-family: 'iranYekan', 'x_IRANSans';
    margin-top: 15px;
}

.input-label {
    position: absolute;
    display: inline-block;
    line-height: 22px;
    outline: 0;
    z-index: 1;
}

.input-field {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 14px;
    line-height: 1.571;
    padding: 11px 45px 11px 11px;
    width: 100%;
    letter-spacing: -.8px;
    text-align: right;
    font-family: iranyekan;
    outline: 0;
}

.btn-link-border:after {
    left: 0;
    right: 0;
    top: 50%;
    margin-top: .85em;
    content: "";
    position: absolute;
    border-bottom: 1px dashed #1ca2bd;
}

.account-box-content .form-account-link {
    margin: 0;
    float: left;
}

.btn-link-border,
.btn-link-border:hover {
    display: inline-block;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    position: relative;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: #1ca2bd;
    padding: 0;
    line-height: 2;
    font-size: 12px;
}

.dk-btn-warning {
    background-color: #ffa500;
    width: 100%;
    font-size: 1.186rem;
    padding: 18px 80px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    display: inline-block;
    border: none;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    line-height: 22px;
    text-decoration: none;
    margin-top: 5px;
    font-family: iranyekan;
    font-weight: bold;
    word-spacing: -2px;
    overflow: hidden;
    position: relative;
}

.input-field::placeholder {
    color: #71717169
}

.password-eye {
    position: absolute;
    left: 10px;
    z-index: 1000;
    color: #717171;
    cursor: pointer;
    top: 6px;
    bottom: 0;
}

i.sign-in {
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 12px;
    color: rgba(255, 255, 255, .7);
    font-style: normal;
}

i.now-ui-icons.users_single-02,
.now-ui-icons.ui-1_lock-circle-open {
    margin: 6px 8px;
    position: absolute;
}

.dk-btn:before {
    transition: all .3s ease-in-out;
    width: 21%;
    height: 150%;
    position: absolute;
    right: -11px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
}

.dk-btn:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
    width: 1100px;
    height: 1100px;
    right: -450px;
    top: -450px;
    transform: unset;
}

.checkbox-primary .checkbox-check {
    border-radius: 5px;
    border: 1px solid #b7b7b7;
}

.checkbox-check {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d8d8d8;
}

.account-box-content .form-account-agree label {
    cursor: pointer;
}

.form-account-agree .checkbox-form {
    position: absolute;
    right: 0;
    top: 8px;
}

.checkbox-primary {
    width: 22px;
    height: 21px;
}

.account-box-content .form-account-agree {
    margin: -3px 0 7px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 2.5;
    color: #5c5c5c;
    text-align: right;
}

.form-account-agree {
    padding-right: 30px;
    position: relative;
    font-size: 13px;
    font-size: .929rem;
    line-height: 2.77;
    margin: -7px 0 15px;
}

.account-box-content .form-account-agree label {
    cursor: pointer;
}

.c-share__email input,
label,
select,
textarea {
    direction: rtl;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.account-box-content .form-account-row {
    margin-bottom: 9px;
}

.account-box-footer {
    border-top: 1px solid rgba(0, 190, 214, .13);
    padding: 25px 40px 28px;
    background: rgba(0, 190, 214, .04);
    text-align: center;
    font-size: 15px;
    line-height: 1.467;
}

.account-box-footer {
    line-height: 1;
    padding-top: 23px;
    padding-bottom: 23px;
    background: rgba(93, 214, 0, .06);
    border-top: 1px solid #d7e6bb;
    font-family: 'iranYekan', 'x_IRANSans';
    margin: 0 -30px;
}

/* products */
.checkboxsNewStyle .form-group {
    display: block;
    margin-bottom: 15px;
}

.checkboxsNewStyle .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkboxsNewStyle .form-group label {
    position: relative;
    cursor: pointer;
    width: 100%;
    font-weight: 100;
    display: flex;
}

.checkboxsNewStyle .form-group label span:nth-child(2) {
    margin-right: auto;
}

.checkboxsNewStyle .form-group label span {
    font-size: 14px;
}

.checkboxsNewStyle .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #e2e2e2;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
    border-radius: 3px;
    width: 26px;
    height: 26px;
}

.product-aside .accordion-header button {
    background: #fff;
    padding: 8px 0px;
    font-family: 'IRANYEKAN', 'x_IRANSans';
    font-size: 15px;
    border-bottom: 1px solid #d5d5d5;
    margin: 0px 21px;
    width: 92%;
}

.product-aside .accordion-header button.collapsed {
    border-bottom: unset;
}

.ui-slider-horizontal,
.slider-container {
    direction: rtl;
}

.products .slider-container {
    direction: rtl;
    text-align: right;
}

.products #price-slider .ui-slider-range {
    background: #007bff;
}

.products #price-slider .ui-slider-handle {
    border-color: #007bff;
}

.products .inputs label {
    margin: 0 10px;
}

.products .inputs input {
    width: 80px;
    text-align: center;
}


.products #price-slider .ui-slider-handle {
    border-color: #b07200;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 2px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    border-radius: 7px;
    background: #ffd17d;
}

.products #price-slider .ui-slider-range {
    background: orange;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



.custom-switch .form-check-input {
    width: 1.8rem;
    height: 0.9rem;
    transform: scale(1.6);
    cursor: pointer;
    position: relative;
    left: 20px;
}

.custom-switch .form-check-label {
    padding-right: 15px;
}

.searchCategory {
    position: relative;
}

.searchCategory input {
    width: 100%;
    font-size: .786rem;
    line-height: 2;
    color: #555;
    background: #f8f8f8;
    border: 1px solid transparent;
    transition: .15s ease-in;
    letter-spacing: 0;
    padding: 7px 34px 8px 2px;
    margin-bottom: 15px;
}

.searchCategory svg {
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0px;
    top: 10px;
    bottom: 0;
    right: 10px;
}

.head-product-content {
    margin-top: 1rem !important;
    font-size: 13px;
    align-items: center;
}

.head-product-content span {
    color: #828282;
}

.head-product-content h4 {
    font-size: 20px;
}

.product-sorting {
    background: #f4f2f2;
    display: flex;
    font-family: 'IRANYekan', 'x_IRANSAN';
    font-size: 14px;
    padding: 11px 10px;
    margin-top: 10px;
    border-radius: 28px;
    flex-wrap: wrap;
}

.product-sorting i {
    font-size: 1.2rem;
    margin-left: 5px;
}

.product-sorting ul {
    list-style: none;
    padding-right: 0;
    display: flex;
    margin-right: 15px;
    margin-bottom: 0px;
}

.product-sorting>div {
    display: flex;
}

.product-sorting ul li a {
    padding: 7px 12px;
    margin-left: 5px;
    text-align: center;
    border-radius: 15px;
    font-size: 13px
}

.products-list {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.products-list .item {
    flex: 33.33% 0 0;
    padding: 15px 5px
}

.product-sorting ul li a.active {
    background: orange;
}

.breadcrumb-section.default {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

div#imgShow {
    width: 100%;
}

.tab-content {
    font-weight: 400;
}

.detail-product {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    border: 1px solid #e4e4e4;
    padding: 10px;
}

header.header.smaller .header-hero {
    background: #8e8e8e;
}

.detail-product {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    border: 1px solid #e4e4e4;
}

ul.imgSelector {
    display: flex;
    list-style: none;
    justify-content: center;
    margin-top: 10px;
}

ul.imgSelector li {
    border: 1px solid #dedee2;
    padding: 4px;
    margin: 0px 4px;
    border-radius: 5px;
}

.btn-catalog {
    font-size: 13px;
    margin-right: auto;
    border-radius: 15px;
    padding: 7px 20px;
}



.checkboxsNewStyle .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    right: 8px;
    width: 9px;
    height: 16px;
    border: solid orange;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.default {
    width: 100%;
    height: auto;
}

.product-aside {
    padding-left: 10px;
}

.breadcrumb-list {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-family: 'iranYekan', 'x_iransans';
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb-list li {
    display: inline-block;
}

.breadcrumb-list li:last-child {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    color: #5b5b5b;
}

.breadcrumb-list li {
    display: inline-block;
}

.breadcrumb-list li:before {
    content: "/";
    color: #cfcfcf;
    letter-spacing: .4px;
    font-size: 13px;
    vertical-align: top;
    margin-left: 5px;
    padding-right: 5px;
    font-weight: 400 !important;
}

.breadcrumb-list li:first-child:before {
    content: "";
    display: none;
}

.mr-auto {
    margin-right: auto;
}

/* category */

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 1200px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    transition: transform 0.3s;
}

.gallery-item:hover {
    transform: scale(1.05);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item.large {
    flex: 2 1 calc(60% - 10px);
    /* Larger item */
    max-width: calc(60% - 10px);
    aspect-ratio: 2 / 1;
}

.gallery-item.small {
    flex: 1 1 calc(20% - 10px);
    /* Smaller items */
    max-width: calc(20% - 10px);
    aspect-ratio: 1 / 1;
}

.overlay {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    transition: right 0.3s ease;
}

.gallery-item:hover .overlay {
    right: 0;
}

.zoom {
    background-position: 50% 50%;
    position: relative;
    width: 500px;
    overflow: hidden;
    cursor: zoom-in;
}

.zoom img:hover {
    opacity: 0;
}

.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
}

.product-detail .inner {
    padding: 10px 0px;
    border-radius: 0;
    margin: 10px 10px;
}

.product-detail .product-title {
    font-family: 'x_IRANSans';
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.product-detail .product-title small {
    font-size: 1rem;
    font-weight: 100;
    margin-top: 0;
    display: block;
    text-align: left;
}

.col-lg-4.col-md-12.product-detail {
    padding: 15x;
}

h4.subTitleProduct {
    font-size: 12pt;
    margin-left: 10px;
    font-weight: 400;
}

h4.subTitleProduct span {
    margin-left: 5px;
}

.btn-link-border {
    display: inline-block;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    position: relative;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: orange;
    padding: 0;
    line-height: 2;
    font-size: 12px;
}

.btn-link-border:after {
    left: 0;
    right: 0;
    top: 50%;
    margin-top: .85em;
    content: "";
    position: absolute;
    border-bottom: 1px dashed orange;
}

.btn-link-border:hover {
    color: rgb(222, 144, 0);
}

.btn-link-border:after {
    left: 0;
    right: 0;
    top: 50%;
    margin-top: .85em;
    content: "";
    position: absolute;
    border-bottom: 1px dashed orange;
}

.imgShow.zoom {
    margin: 10px;
    border: 1px solid #ccc;
    margin: 10px auto;
}

.product-feature {
    font-family: 'x_IRANSans';
    font-size: 16pt;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 25px;
}

.product-detail .inner {
    padding: 10px 0px;
    border-radius: 0;
    margin: 10px 10px;
}

.feature .inner {
    padding: 10px 0px;
    border-radius: 0;
    margin: 10px 10px;
}

.feature .featuresUl {
    list-style: none;
    padding: 0;
    font-weight: 400;
    line-height: 30px;
}

.feature .featuresUl li {
    display: flex;
    padding-right: 20px;
    position: relative;
    flex-wrap: wrap;
}

.feature .featuresUl li:before {
    content: '';
    display: block;
    background: orange;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    right: 2px;
    position: absolute;
    top: 12px;
}

span.more {
    cursor: pointer;
    font-family: 'iranYekan', 'x_iranSans';
    font-size: 12px;
}

.redLine {
    position: relative;
    color: red;
}

.redLine:after {
    content: '';
    background-color: red;
    height: 2px;
    width: 100%;
    z-index: 9;
    display: block;
    bottom: -13px;
    margin: auto;
    position: absolute;
    top: 0;
}

.redLine svg path {
    fill: red;
}

.addToCartNumber .input-group {
    position: relative;
    max-width: 255px;
}

button#increment-btn {
    position: absolute;
    top: 4px;
    right: 10px;
    height: 17px;
    line-height: 0.1;
    width: 35px;
    border: none;
    background: #eeeeee;
}

button#increment-btn:focus,
button#increment-btn:active {
    box-shadow: none;
}

button#decrement-btn:focus,
button#decrement-btn:active {
    box-shadow: none;
}

button#decrement-btn {
    bottom: 0;
    position: absolute;
    bottom: 4px;
    right: 10px;
    height: 17px;
    line-height: 0.1;
    width: 35px;
    border: none;
    background: #eeeeee;
}

button#increment-btn:hover {
    background: #6c757d !important;
    color: #fff;
}

button#decrement-btn:hover {
    background: #6c757d !important;
    color: #fff;
}

.addToCartNumber input {
    height: 45px;
    border-radius: 12px !important;
    font-weight: 500;
    font-size: 15pt;
}

.addToCartNumber {
    margin-top: 0.5rem;
}

ul.pfFeatures {
    list-style: none;
    padding: 0;
    display: flex;
    text-align: center;
    font-size: 11pt;
    font-family: 'IRANYEKAN', 'x_IRANSans';
    font-weight: 500;
    margin-top: 1rem;
    margin-right: -4px;
    margin-left: -4px;
}

ul.pfFeatures li img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    flex: 100%;
}

ul.pfFeatures li span {
    flex: 100%;
}

ul.pfFeatures li {
    padding: 5px;
    flex: 1 0 0;
}

ul.pfFeatures li a {
    height: 100%;
    display: flex;
    background-color: #f0f0f1;
    flex-wrap: wrap;
    padding: 4px;
    border-radius: 12px;
}

@media (max-width: 768px) {
    .gallery-item.large {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .gallery-item.small {
        flex: 1 1 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
    }
}

@media (max-width: 480px) {
    .gallery-item.large {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .gallery-item.small {
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 991px) {
    main.main .plyrReplacedSlider.owl-carousel {
        padding-bottom: 2rem;
    }

    main.main .plyrReplacedSlider.owl-carousel .owl-stage-outer {
        border-radius: 5px;
    }
}

main.main .plyrReplacedSlider.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

main.main .plyrReplacedSlider.owl-carousel .owl-stage .owl-item:last-child {
    margin: 0 !important;
}

main.main .plyrReplacedSlider.owl-carousel .item {
    padding: 0;
    width: 100%;
    height: 100%;
}

main.main .plyrReplacedSlider.owl-carousel .item>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.owl-carousel .owl-stage {
    margin: 0 auto;
}

footer.footer {
    position: relative;
    z-index: 0;
    color: #fff;
    padding-top: 6rem;
    margin-top: 2rem;
    font-weight: lighter;
    min-height: 400px;
}

.ag-format-container {
    width: 1142px;
    margin: 0 auto;
}

.ag-courses_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0;
}

.header-hero .owl-nav {
    opacity: 0;
}

.ag-courses_item {
    -ms-flex-preferred-size: calc(25% - 6px);
    flex-basis: calc(25% - 6px);
    margin: 0 3px 15px;
    overflow: hidden;
    border-radius: 0px;
    flex: 1;
}

.courses_box_right {
    display: flex;
    flex-wrap: wrap;
}

.courses_box_right .ag-courses_item {
    flex: calc(50% - 6px) 0 0;
    margin-bottom: 6px;
}

.courses_box_left {
    flex: 1 0 0;
    height: calc(487px);
}

.courses_box_left .ag-courses_item {
    height: calc(487px);
}

.courses_box_left a {
    height: calc(487px);
}

.ag-courses-item_link {
    display: block;
    padding: 20px 20px;
    overflow: hidden;
    position: relative;
    min-height: 240px !important;
    display: block;
    background: #fff;
}

.courses_box_left a:hover .ag-courses-item_bg {
    -webkit-transform: scale(13);
    -ms-transform: scale(13);
    transform: scale(13);
}

.ag-courses-item_link:before {
    content: '';
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
    text-decoration: none;
    color: #FFF;
}


.ag-courses-item_link:hover button.btn-more-category {
    opacity: 1 !important;
}

.ag-courses-item_link:hover .ag-courses-item_title {
    opacity: 1 !important;
    color: #333 !important;
    text-shadow: unset;
}

.ag-courses-item_link:hover .ag-courses-item_bg {
    -webkit-transform: scale(8);
    -ms-transform: scale(8);
    transform: scale(8);
    background: rgb(249 178 52 / 34%);
}

.ag-courses-item_title {
    min-height: 87px;
    margin: 20px 10px 25px;
    overflow: hidden;
    font-weight: bold;
    font-size: 24px;
    color: #f9b234;
    z-index: 2;
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    margin-left: 0;
    text-shadow: 0px 2px 3px rgb(0 0 0 / 40%);
}

.ag-courses-item_date-box {
    font-size: 18px;
    color: #FFF;

    z-index: 2;
    position: relative;
}

.ag-courses-item_date {
    font-weight: bold;
    color: #f9b234;

    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

.ag-courses-item_bg {
    height: 128px;
    width: 128px;
    background-color: #f9b234;

    z-index: 1;
    position: absolute;
    top: -75px;
    right: -75px;

    border-radius: 50%;

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}




@media only screen and (max-width: 979px) {
    .ag-courses_item {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    }

    .ag-courses-item_title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .ag-format-container {
        width: 96%;
    }

}

@media only screen and (max-width: 639px) {
    .ag-courses_item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .ag-courses-item_title {
        min-height: 72px;
        line-height: 1;

        font-size: 24px;
    }

    .ag-courses-item_link {
        padding: 22px 40px;
    }

    .ag-courses-item_date-box {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    footer.footer {
        padding-top: 2rem;
    }
}

.theme-btn.fill.black {
    background: #000;
    padding: 5px;
}

footer.footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: url('../img/footer/footerBg.svg') no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: 100%;
}

footer.footer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #333333;
    height: 45%;
    bottom: 0;
    top: auto;
}

footer.footer #back-top {
    position: absolute;
    inset: 0;
    bottom: unset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
}

.slogan-container {
    background: #eee;
    -webkit-border-end: 3px solid #1164ff;
    border-inline-end: 3px solid #1164ff;
}

.pagination button,
.pagination a {
    background: #fff;
    border: 1px solid #f1122f;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.pagination button.active,
.pagination a.active {
    background: #f1122f;
    color: #fff;
    pointer-events: none;
}

.pagination button:not(.active):hover,
.pagination a:not(.active):hover {
    color: #fff;
    background: #f1122f;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.plyr--video .plyr__control.plyr__control--overlaid {
    z-index: 5;
}

.plyr--video.plyr--paused {
    position: relative;
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.plyr--video.plyr--paused .plyr__controls {
    opacity: 0;
    visibility: hidden;
}

.plyr--video.plyr--paused::after {
    -webkit-transition: inherit;
    transition: inherit;
    cursor: pointer;
    z-index: 4;
    content: "";
    position: absolute;
    inset: 0;
    background: #000;
    opacity: 0.6;
}

.nice-select {
    text-align: right;
}

.accordion-button {
    color: #444;
    text-align: start;
    line-height: 2;
    background: #eee;
}

.accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-button::after {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-left: 0;
    margin-right: auto;
}

.tooltip {
    font-family: inherit;
    z-index: 5;
}

.bs-tooltip-end {
    display: none;
}

.tooltip .tooltip-inner {
    padding: 0.5rem 1rem;
    max-width: 100%;
}


.accordion-button:not(.collapsed) {
    color: #000;
    background: #d5d5d5;
}

.accordion-button::after {
    background: none !important;
    text-align: center;
    content: "\ea4e";
    font-family: "remixicon";
}

.accordion-item {
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.d-grid.auto-fit {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(200px, 300px)) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(200px, 300px));
}

@media (max-width: 576px) {
    .d-grid.auto-fit {
        -ms-grid-columns: (minmax(200px, 100%)) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(200px, 100%));
    }

    .d-grid.auto-fit .card .card-img {
        max-width: 100%;
        width: auto;
    }
}

.card-wrapper .card {
    max-width: 250px;
    width: 100%;
    margin: 1rem 0;
}

.card-wrapper .card .card-img {
    width: 90%;
    height: 200px;
}

@media (min-width: 990px) {
    .card-wrapper .card {
        max-width: 300px;
    }

    .card-wrapper .card .card-img {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .card-wrapper .card {
        max-width: 100%;
        width: 100%;
    }
}

.breadcrumb-item {
    padding: 0.5rem;
}

.breadcrumb-item:not(:last-of-type):hover {
    color: #181818;
}

.breadcrumb-item+.breadcrumb-item {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    position: relative;
}

.breadcrumb-item+.breadcrumb-item::before {
    position: absolute;
    top: 7px;
    right: 0;
    content: "\ea64";
    font-family: "remixicon";
    font-weight: normal;
    float: none;
    padding: 0;
}

.breadcrumb-item+.breadcrumb-item2::before {
    top: 14px;
    content: "\ea64";
}

.breadcrumb-item+.breadcrumb-item:last-of-type {
    color: #181818;
}

[data-bs-toggle="collapse"].icon:not(.collapsed) {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

#chart>svg {
    min-width: 700px;
    min-height: 611px;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media (min-width: 1400px) {
    #chart>svg {
        width: auto;
        max-width: 90%;
        height: 100%;
    }
}

@media (min-width: 1900px) {
    #chart>svg {
        max-width: 80%;
    }
}

#chart>svg a rect {
    -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

#chart>svg a foreignObject div {
    -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

#chart>svg a:hover rect {
    fill: #dde9ff;
}

#chart>svg a:hover foreignObject div {
    color: #000 !important;
}

.news-box .news-box-img {
    overflow: hidden;
}

.detailsDesc {
    text-align: justify;
    font-family: 'IRANYEKAN', 'x_IRANSans';
    padding: 10px;
    font-weight: 100;
    color: #81858b;
    line-height: 28px;
    font-size: 13px;
    background: #f6f6f6;
}

@media (max-width: 768px) {
    .news-box .news-box-img {
        width: 100%;
    }

    .news-box .news-box-img a,
    .news-box .news-box-img div,
    .news-box .news-box-img img {
        border-radius: 0 !important;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

@media (min-width: 768px) {
    .news-box .news-box-img {
        min-width: 200px;
        min-height: 200px;
    }

    .news-box .news-box-img a,
    .news-box .news-box-img div,
    .news-box .news-box-img img {
        width: 200px;
        height: 200px;
        max-width: 200px;
        max-height: 200px;
    }
}

.radio-item,
.checkbox-item {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.radio-item.active-item,
.checkbox-item.active-item {
    -webkit-box-shadow: 0 0 0 3px rgba(94, 94, 94, 0.3);
    box-shadow: 0 0 0 3px rgba(94, 94, 94, 0.3);
    color: #fff !important;
}

.radio-item.active-item::before,
.checkbox-item.active-item::before {
    background: #bdbdbd !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.radio-item.active-item.help-like span {
    color: #2e9100 !important
}

.radio-item.active-item.help-dislike span {
    color: #db0000 !important
}

.radio-item.active-item:hover,
.checkbox-item.active-item:hover {
    -webkit-box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.2);
    box-shadow: 0 0 0 5px rgba(94, 94, 94, 0.2);
}

.radio-item.active-item:hover::before,
.checkbox-item.active-item:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.related-content-title {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.related-content .item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.related-content .item img {
    transition: 0.5s all;
}

.related-content .item {
    overflow: hidden !important;
}

#overlayer {
    position: fixed;
    z-index: 10;
    inset: 0;
    background: #000;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#overlayer.show {
    opacity: 0.5;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: none;
    transform: none;
}

@-webkit-keyframes x-fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes x-fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@supports not ((cursor: -webkit-grab) or (cursor: grab)) {
    .owl-carousel.owl-grab {
        cursor: default;
    }
}

.lh-1 {
    line-height: 1;
}

.lh-1s1 {
    line-height: 1.1;
}

.lh-1s2 {
    line-height: 1.2;
}

.lh-1s3 {
    line-height: 1.3;
}

.lh-1s4 {
    line-height: 1.4;
}

.lh-1s5 {
    line-height: 1.5;
}

.lh-1s6 {
    line-height: 1.6;
}

.lh-1s7 {
    line-height: 1.7;
}

.lh-1s8 {
    line-height: 1.8;
}

.lh-1s9 {
    line-height: 1.9;
}

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

.lh-3 {
    line-height: 3;
}

.f-s8 {
    font-size: 0.8rem;
}

.f-s9 {
    font-size: 0.9rem;
}

.f-1 {
    font-size: 1rem;
}

.f-1s1 {
    font-size: 1.1rem;
}

.f-1s2 {
    font-size: 1.2rem;
}

.f-1s3 {
    font-size: 1.3rem;
}

.f-1s4 {
    font-size: 1.4rem;
}

.f-1s5 {
    font-size: 1.5rem;
}

.f-1s6 {
    font-size: 1.6rem;
}

.f-1s7 {
    font-size: 1.7rem;
}

.f-1s8 {
    font-size: 1.8rem;
}

.f-1s9 {
    font-size: 1.9rem;
}

.f-2 {
    font-size: 2rem;
}

@media (max-width: 768px) {
    .f-2 {
        font-size: 1.7rem;
    }
}

@media (max-width: 575px) {
    .f-2 {
        font-size: 1.5rem;
    }
}

.f-2s1 {
    font-size: 2.1rem;
}

.f-2s2 {
    font-size: 2.2rem;
}

.f-2s3 {
    font-size: 2.3rem;
}

.f-2s4 {
    font-size: 2.4rem;
}

.f-2s5 {
    font-size: 2.5rem;
}

.f-2s6 {
    font-size: 2.6rem;
}

.f-2s7 {
    font-size: 2.7rem;
}

.f-2s8 {
    font-size: 2.8rem;
}

.f-2s9 {
    font-size: 2.9rem;
}

.f-3 {
    font-size: 3rem;
}

@media (max-width: 768px) {
    .f-3 {
        font-size: 2.5rem;
    }
}

@media (max-width: 575px) {
    .f-3 {
        font-size: 2rem;
    }
}

.f-3s2 {
    font-size: 3.2rem;
}

.f-3s5 {
    font-size: 3.5rem;
}

.f-4 {
    font-size: 4rem;
}

.f-4s5 {
    font-size: 4.5rem;
}

.f-5 {
    font-size: 5rem;
}

.f-5s5 {
    font-size: 5.5rem;
}

.f-6 {
    font-size: 6rem;
}

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

a {
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

a,
img {
    -webkit-user-drag: none;
}

input[type="search"]:-webkit-autofill {
    -webkit-box-shadow: 200px 100px 200px #fff inset;
    box-shadow: 200px 100px 200px #fff inset;
}

a.icon,
button.icon {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.6rem;
    text-align: center;
    overflow: hidden;
    border-radius: 5pt;
    font-size: 1.1rem;
}

a.icon.large,
button.icon.large {
    width: 3rem;
    height: 3rem;
    line-height: 3.1rem;
    font-size: 1.3rem;
}

a.icon.small,
button.icon.small {
    font-size: 0.9rem;
    width: 2rem;
    height: 2rem;
    line-height: 2.1rem;
}

.hover-underline {
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.hover-underline::before {
    -webkit-transition: inherit;
    transition: inherit;
    content: "";
    position: absolute;
    inset: 0;
    top: unset;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    margin: auto;
    height: 2px;
    z-index: -1;
    border-radius: 0;
}

.hover-underline.red-underline::before {
    background: #ed1c24;
}

.text-danger {
    color: #ed1c24 !important;
}

.hover-underline.blue-underline::before {
    background: #542efc;
}

.hover-underline.grey-underline::before {
    background: #777;
}

.hover-underline.green-underline::before {
    background: #25ec8f;
}

.hover-underline:hover::before {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

@media (max-width: 990px) {
    .hover-underline:hover::before {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    .hover-underline:focus::before {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.theme-input {
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 7pt;
    padding: 0.25rem 0.75rem;
}

.theme-input:-webkit-autofill {
    -webkit-box-shadow: 200px 100px 200px #fff inset;
    box-shadow: 200px 100px 200px #fff inset;
}

.theme-input.has-border {
    border: 1px solid #e1e1e1;
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
    padding: 0.5rem 1rem;
}

.theme-input.has-border.no-check:-moz-read-only {
    background: inheirt;
}

.theme-input.has-border.no-check:read-only {
    background: inheirt;
}

.theme-input.has-border.no-check:not(textarea):valid {
    border-color: #e1e1e1;
}

.theme-input.has-border.no-check:focus {
    border-color: #777;
}

.theme-input.has-border.no-check:hover:not(:focus),
.theme-input.has-border.no-check:hover:not(:valid) {
    border-color: #aaa;
}

.theme-input.has-border:focus {
    border-color: #777;
}

.theme-input.has-border:hover:not(:focus),
.theme-input.has-border:hover:not(:valid) {
    border-color: #aaa;
}

.theme-input.placeholder-left::-webkit-input-placeholder {
    text-align: left;
}

.theme-input.placeholder-left:-ms-input-placeholder {
    text-align: left;
}

.theme-input.placeholder-left::-ms-input-placeholder {
    text-align: left;
}

.theme-input.placeholder-left::placeholder {
    text-align: left;
}

.theme-input.placeholder-right::-webkit-input-placeholder {
    text-align: right;
}

.theme-input.placeholder-right:-ms-input-placeholder {
    text-align: right;
}

.theme-input.placeholder-right::-ms-input-placeholder {
    text-align: right;
}

.theme-input.placeholder-right::placeholder {
    text-align: right;
}

.theme-input.placeholder-center::-webkit-input-placeholder {
    text-align: center;
}

.theme-input.placeholder-center:-ms-input-placeholder {
    text-align: center;
}

.theme-input.placeholder-center::-ms-input-placeholder {
    text-align: center;
}

.theme-input.placeholder-center::placeholder {
    text-align: center;
}

.theme-input::-webkit-input-placeholder {
    font-size: 0.9rem;
    text-align: right;
}

.theme-input:-ms-input-placeholder {
    font-size: 0.9rem;
    text-align: right;
}

.theme-input::-ms-input-placeholder {
    font-size: 0.9rem;
    text-align: right;
}

.theme-input::placeholder {
    font-size: 0.9rem;
    text-align: right;
}

.theme-input:-moz-read-only {
    background: #eee;
}

.theme-input:read-only {
    background: #eee;
}

.theme-input:disabled {
    cursor: not-allowed;
    background: #eee;
}

.theme-input:disabled.has-border {
    border-color: #dddddd !important;
}

button[type="submit"] {
    height: 2.6rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.theme-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;
    position: relative;
    z-index: 0;
    border-radius: 7pt;
    background: none;
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.orange {
    background: orange !important;
}

.theme-btn.aqua {
    background: unset;
}

.theme-btn.aqua::before {
    background: orange;
}

.theme-btn.green {
    background: unset;
}

.theme-btn.green::before {
    background: #12cc75;
}

.theme-btn.red {
    background: unset;
}

.theme-btn.red::before {
    background: #dc0d28;
}

.theme-btn.dark {
    background: unset;
}

.theme-btn.dark::before {
    background: black;
}

.theme-btn.white {
    background: unset;
}

.theme-btn.white::before {
    background: #bbbbbb;
}

.theme-btn.fill {
    background: #542efc;
    color: #eee;
}

.theme-btn.fill.aqua {
    color: #333;
    background: orange;
}

.theme-btn.fill.aqua::before {
    background: #c07d01;
}

.theme-btn.fill.green {
    color: #181818;
    background: #25ec8f;
}

.theme-btn.fill.green::before {
    background: #0e9d5a;
}

.theme-btn.fill.red {
    background: #ed1c24;
}

.theme-btn.fill.red::before {
    background: #94091b;
}

.theme-btn.fill.dark {
    background: #444;
}

.theme-btn.fill.dark::before {
    background: black;
}

.theme-btn.fill.blue {
    background: #1164ff;
}

.theme-btn.fill.blue::before {
    background: #003baa;
}

.theme-btn.fill.theme-dark-blue {
    background: #060b52;
}

.theme-btn.fill.theme-dark-blue::before {
    background: black;
}

.theme-btn.fill.light {
    background: #eee;
    color: #181818;
}

.theme-btn.fill.light::before {
    background: #bbbbbb;
}

.theme-btn.fill.light:hover {
    color: #000;
}

.theme-btn.fill.white {
    background: #fff;
    color: #181818;
}

.theme-btn.fill.white::before {
    background: #cccccc;
}

.theme-btn.fill.white:hover {
    color: #000;
}

.theme-btn::before {
    -webkit-transition: inherit;
    transition: inherit;
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
    background: #c47f00;
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    opacity: 0;
    z-index: -1;
}

.badge-changeLn {
    position: absolute;
    top: 2px;
    right: 0;
    font-weight: 600;
    background: #ffa500c9;
    padding: 1px 5px;
    font-size: 11px;
    color: #333;
}

a.icon,
button.icon {
    font-size: 1.2rem !important;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7);
}

a.waves-effect .waves-ripple {
    z-index: -1;
}

ul.nav.nav-tabs {
    border-bottom: none;
}

.p-relative {
    position: relative;
}

ul.nav.nav-tabs li a {
    border: none;
    background: #f8f5f5;
    padding: 10px 30px;
    color: #333;
    border-radius: 15px;
    margin-left: 15px;
    margin-bottom: 7px;
}

ul.nav.nav-tabs li a.active {
    background: orange;
    color: #333;
}

.tab-content.text-right {
    background: #fff;
    margin-top: 15px;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    border: 1px solid #e4e4e4;
    font-family: 'IRANYEKAN';
    font-weight: 100;
    line-height: 38px;
    font-size: 11pt;
}

.tab-content .tab-pane {
    margin: 0;
    padding: 20px;
    width: 100%;
}

table.normalTable {
    max-width: 600px;
    width: 100%;
    font-family: 'IRANYEKAN';
    font-size: 10pt;
    line-height: 30px;
    font-weight: 100;
    margin-right: 20px;
    margin: auto;
}

table.normalTable tr td:nth-child(2) {
    font-weight: bold;
}

table.catalog {
    max-width: 600px;
    width: 100%;
    margin: auto;
    font-size: 11pt
}

table.catalog {
    border-collapse: separate;
    border-spacing: 0 0.2em;
}

table.catalog tr {
    margin-bottom: 2px;
}

table.catalog tr td:nth-child(1) {
    padding-right: 10px;
    padding-left: 10px;
    background: #f4605a;
    text-align: center;
    font-weight: 500;
    color: #000;
}

table.catalog tr td:nth-child(2) {
    padding-right: 10px;
    padding-left: 10px;
    background: #cccbc7;
}

#cartSidebar {
    width: 380px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -380px;
    background: #f8f9fa;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    transition: left 0.3s ease-in-out;
    z-index: 99;
}

#cartSidebar.open {
    left: 0;
}

.cart-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #ddd;
}

.cart-empty {
    text-align: center;
    padding: 50px 20px;
    color: #6c757d;
}

.cart-footer button {
    font-size: 14px;
}

.cart-footer button.btn-light-success {
    background: #dcfdef;
    color: #009888;
    font-weight: bold;
    font-size: 13px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.cart-footer button.btn-light-success:hover {
    background: #009888;
    color: #fff;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    z-index: 8;
}

#overlay.show {
    opacity: 1;
    visibility: visible;
}

.btn-close:active,
.btn-close:focus,
.btn-remove:focus,
.btn-remove:active,
.btn-nooutline:focus,
.btn-nooutline:active {
    outline: none;
    border: none;
    box-shadow: none;
}

.b2-orange {
    border: 2px solid rgb(237, 156, 5);
}

div#cartSidebar small {
    font-size: 12px;
    font-weight: 300;
}

.list-group-flush>.list-group-item {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.list-group-flush>.list-group-item:hover {
    background: #f0f0f0;
}

.cart-prices {
    margin: 17px;
    font-size: 14px;
    font-weight: 400;
    border-right: 2px solid #ed9c05;
    padding-right: 10px;
    line-height: 28px;
}

button.btn.btn-dark.btn-search {
    font-size: 13px;
    padding: 0px 20px !important;
    height: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

button.btn.btn-dark.btn-search:hover {
    background: #000
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menucenter .dropdown-item {
    text-align: right;
}

.dropdown-menucenter .dropdown-item:active,
.dropdown-menucenter .dropdown-item:focus {
    background: #58585a !important;
}

.product-img-slider img {
    border-radius: 15px;
    padding: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-img-slider img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 5px;
}

.owl-dots .owl-dot.active {
    background-color: #007bff;
}

@media (min-width:992px) {
    .dropdown-menucenter {
        width: 200px;
        left: 50% !important;
        margin-left: -100px !important;
        transform: unset !important;
        top: 49px !important;
    }

    .dropdown-menucenter::before {
        content: "";
        position: absolute;
        top: -7px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 8px 8px 8px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        z-index: 1;
    }
}

@media (max-width: 768px) {
    #cartSidebar {
        width: 100%;
        left: -100%;
    }

    .img.col {
        flex: 100%;
    }
}

@media (min-width: 990px) {
    .theme-btn:hover.fill {
        color: #fff;
    }

    .theme-btn:hover::before {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@media (max-width: 991px) {
    .theme-btn:hover::before {
        opacity: 0;
        -webkit-transform: inherit;
        transform: inherit;
    }

    .theme-btn:active::before {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hover.light-hover:hover {
    color: #eee !important;
}

.hover.white-hover:hover {
    color: #fff !important;
}

.hover.red-hover:hover {
    color: #ed1c24 !important;
}

.hover.aqua-hover:hover {
    color: #37bbe4 !important;
}

.hover.gold-hover:hover {
    color: #d8ad38 !important;
}

.hover.bronze-hover:hover {
    color: #bd8031 !important;
}

.hover.theme-blue-hover:hover {
    color: #542efc !important;
}

.hover.theme-dark-blue-hover:hover {
    color: #060b52 !important;
}

.hover.green-hover:hover {
    color: #25ec8f !important;
}

.hover.black-hover:hover {
    color: #000 !important;
}

.hover.dark-hover:hover {
    color: #000 !important;
}

.hover.grey-hover:hover {
    color: #777 !important;
}

.hover.light-hover:hover {
    color: #eee !important;
}

.hover.light-grey-hover:hover {
    color: #aaa !important;
}

.hover.blue-hover:hover {
    color: #1164ff !important;
}

@media (max-width: 991px) {
    .hover:hover {
        color: inherit !important;
    }

    .hover.red:active {
        color: #f1122f;
    }

    .hover.aqua:active {
        color: #37bbe4;
    }

    .hover.theme-blue:active {
        color: #542efc;
    }

    .hover.theme-dark-blue:active {
        color: #060b52;
    }

    .hover.green:active {
        color: #25ec8f;
    }

    .hover.gold:active {
        color: #d8ad38;
    }

    .hover.bronze:active {
        color: #bd8031;
    }

    .hover.black:active {
        color: #000;
    }

    .hover.grey:active {
        color: #777;
    }

    .hover.light:active {
        color: #eee;
    }

    .hover.light-grey:active {
        color: #aaa;
    }

    .hover.blue:active {
        color: #1164ff;
    }
}

.color.color-red {
    color: #ed1c24;
}

.color.color-aqua {
    color: orange;
    font-family: 'IRANYekan';
    font-size: 11pt;
    border: 1px solid orange;
    padding: 7px;
}

.fw-100 {
    font-weight: 400;
}

.fs-15px {
    font-size: 15px;
}

.color.color-gold {
    color: #d8ad38;
}

.color.color-dark {
    color: #181818;
}

.color.color-black {
    color: #000;
}

.color.color-bronze {
    color: #bd8031;
}

.color.color-green {
    color: #25ec8f;
}

.color.color-blue {
    color: #1164ff;
}

.color.color-light-grey {
    color: #aaa;
}

.color.color-grey {
    color: #777;
}

.color.color-theme-blue {
    color: #542efc;
}

.color.color-theme-dark-blue {
    color: #060b52;
}

.pointer-none {
    pointer-events: none;
}

.pointer-childrens-none * {
    pointer-events: none;
}

.theme-radius {
    border-radius: 7pt;
}

.gap-3 {
    gap: 3px;
}

.gap-5 {
    gap: 5px;
}

.gap-10 {
    gap: 10px;
}

.gap-15 {
    gap: 15px;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.gap-40 {
    gap: 40px;
}

.gap-50 {
    gap: 50px;
}

.no-bg {
    background: unset;
}

.word-space {
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.word-space:hover {
    word-spacing: 3px;
}

.letter-space {
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.letter-space:hover {
    letter-spacing: 3px;
}

.rotateX-180 {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.rotateX-90 {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.rotateY-180 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.rotateY-90 {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.text-justify {
    text-align: justify;
}

.max-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.max-line.max-1 {
    -webkit-line-clamp: 1;
}

.max-line.max-2 {
    -webkit-line-clamp: 2;
}

.max-line.max-3 {
    -webkit-line-clamp: 3;
}

.max-line.max-4 {
    -webkit-line-clamp: 4;
}

.max-line.max-5 {
    -webkit-line-clamp: 5;
}

.max-line.max-6 {
    -webkit-line-clamp: 6;
}

.max-line.max-7 {
    -webkit-line-clamp: 7;
}

.max-line.max-8 {
    -webkit-line-clamp: 8;
}

.max-line.max-9 {
    -webkit-line-clamp: 9;
}

.max-line.max-10 {
    -webkit-line-clamp: 10;
}

.mt-n1 {
    margin-top: -10px;
}

.mt-n2 {
    margin-top: -20px;
}

.mt-n3 {
    margin-top: -30px;
}

.mt-n4 {
    margin-top: -40px;
}

.mt-n5 {
    margin-top: -50px;
}

.object-fit-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.object-fit-contain {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.fixed-square-50 {
    width: 50px;
    max-width: 100%;
    height: 50px;
}

.fixed-square-50.min-w-50 {
    min-width: 50px;
}

.fixed-square-75 {
    width: 75px;
    max-width: 100%;
    height: 75px;
}

.fixed-square-75.min-w-75 {
    min-width: 75px;
}

.fixed-square-100 {
    width: 100px;
    max-width: 100%;
    height: 100px;
}

.fixed-square-100.min-w-100 {
    min-width: 100px;
}

.fixed-square-200 {
    width: 200px;
    max-width: 100%;
    height: 200px;
}

.fixed-square-200.min-w-200 {
    min-width: 200px;
}

.fixed-square-300 {
    width: 300px;
    max-width: 100%;
    height: 300px;
}

.fixed-square-300.min-w-300 {
    min-width: 300px;
}

.fixed-square-400 {
    width: 400px;
    max-width: 100%;
    height: 400px;
}

.fixed-square-400.min-w-400 {
    min-width: 400px;
}

.fixed-square-500 {
    width: 500px;
    max-width: 100%;
    height: 500px;
}

.fixed-square-500.min-w-500 {
    min-width: 500px;
}

.fixed-square-600 {
    width: 600px;
    max-width: 100%;
    height: 600px;
}

.fixed-square-700 {
    width: 700px;
    max-width: 100%;
    height: 700px;
}

.list-styled {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem;
    line-height: 2 !important;
}

.list-styled.p-0>li {
    padding: 0;
    padding-right: 1.5rem;
}

.list-styled.p-0>li::before {
    top: 0.5rem !important;
}

.list-styled.p-0.svg-bullets>li:after {
    top: 0.25rem;
}

.list-styled>li {
    position: relative;
    padding: 0.5rem;
    padding-right: 1.5rem;
    display: block;
}

.list-styled>li::before {
    content: "";
    position: absolute;
    background: #fd993b;
    border-radius: 0;
    top: 1.1rem;
    right: 0.35rem;
    width: 0.6rem;
    height: 0.6rem;
    display: none;
    z-index: 1;
}

.list-styled.square-bullets>li:before {
    display: block;
    border-radius: 0;
}

.list-styled.circle-bullets>li:before {
    right: 0.2rem;
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
}

.list-styled.diamond-bullets>li:before {
    display: block;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.list-styled.svg-bullets>li:after {
    z-index: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 1rem;
    background: url("../img/icons/bullet.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
}

.list-styled.arrow-bullets>li:after {
    content: "\ea64";
    font-family: "remixicon";
    z-index: 0;
    top: 0.25rem;
    color: #542efc;
    position: absolute;
    font-size: 1.3rem;
}

.list-styled.bullet-center>li:before,
.list-styled.bullet-center>li:after {
    top: 50%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
}

.list-styled.bullet-center.diamond-bullets li:before {
    -webkit-transform: rotateZ(45deg) translateY(-55%);
    transform: rotateZ(45deg) translateY(-55%);
}

.list-styled.has-link>li {
    padding: 0.5rem;
}

.list-styled.has-link>li:before,
.list-styled.has-link>li:after {
    display: none;
}

.list-styled.has-link>li a {
    position: relative;
    padding: 0.5rem;
    padding-right: 1rem !important;
    display: block;
}

.list-styled.has-link>li a::before {
    content: "";
    position: absolute;
    background: #fd993b;
    border-radius: 0;
    top: 1.1rem;
    width: 0.6rem;
    height: 0.6rem;
    display: none;
    z-index: 1;
}

.list-styled.has-link>li a::before,
.list-styled.has-link>li a::after {
    right: -0.35rem;
}

.list-styled.square-bullets>li a:before {
    display: block;
    border-radius: 0;
}

.list-styled.circle-bullets>li a:before {
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
}

.list-styled.diamond-bullets>li a:before {
    display: block;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.list-styled.arrow-bullets>li a:hover::after {
    color: inherit;
}

.list-styled.arrow-bullets>li a::after {
    content: "\ea64";
    font-family: "remixicon";
    z-index: 0;
    top: 0.25rem;
    color: #542efc;
    position: absolute;
    font-size: 1.3rem;
}

.list-styled.svg-bullets>li a:after {
    z-index: 0;
    content: "";
    top: 1rem;
    position: absolute;
    background: url("../img/icons/bullet.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
}

.list-styled.bullet-center>li a:before,
.list-styled.bullet-center>li a:after {
    top: 50%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
}

.list-styled.bullet-center.diamond-bullets li:before {
    -webkit-transform: rotateZ(45deg) translateY(-55%);
    transform: rotateZ(45deg) translateY(-55%);
}

.has-badge {
    position: relative;
    padding-left: 3rem !important;
}

.has-badge .badge {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.5rem;
    padding: 0;
    min-width: 2rem;
    width: auto;
    padding: 0 0.5rem;
    background: #eee;
    text-align: center;
    line-height: 2rem;
    height: 2rem;
}

#sendButton {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

#sendButton.action {
    pointer-events: none;
    background: #777 !important;
    color: #fff;
}

#sendButton.action .spining {
    -webkit-animation: spining 1.5s linear normal infinite both;
    animation: spining 1.5s linear normal infinite both;
}

@-webkit-keyframes spining {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spining {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.cursor-pointer {
    cursor: pointer;
}

.border-style-dot.border-bottom {
    border-bottom: 2px dotted #aaa !important;
}

.bg-peach {
    background: #fffadb;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: unset;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 100px;
}

.scrollable-box {
    overflow: hidden;
    overflow-y: auto;
}

.scrollable-box.max-h-100 {
    max-height: 100px;
}

.scrollable-box.max-h-200 {
    max-height: 200px;
}

.scrollable-box.max-h-300 {
    max-height: 300px;
}

.scrollable-box.max-h-400 {
    max-height: 400px;
}

.scrollable-box.max-h-500 {
    max-height: 500px;
}

.hover-effect.scaleDown,
.hover-effect img {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.hover-effect.scaleDown:hover img,
.hover-effect img:hover img {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
}

.hover-effect.scale,
.hover-effect img {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.hover-effect.scale:hover img,
.hover-effect img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.vertical-middle {
    vertical-align: middle;
}

.table {
    border-color: #181818 !important;
}

.table tr:hover {
    background: rgba(245, 18, 18, 0.1);
}

.table .table-danger {
    border-color: inherit;
    color: #fff;
    --bs-table-active-bg: #da2626 !important;
    --bs-table-bg: #da2626 !important;
}

.header .nav-container {
    position: relative;
    z-index: 2;
}

.header .nav {
    position: relative;
    z-index: 2;
}

/* projects */
#block-views-block-homepage-blocks-block-2 .view-header {
    margin-top: 17px;
    text-align: center;
}

#block-views-block-homepage-blocks-block-2 .view-header h1 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0rem;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .view-header h1 {
    font-size: 2rem;
}

#block-views-block-homepage-blocks-block-2 .view-header h6 {
    border-bottom: 2px solid #dad9df;
    color: #e1a504;
    display: inline;
    font-size: .875rem;
    font-weight: 700;
    padding-bottom: .4rem;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .view-header h6 {
    padding-bottom: .2rem;
}

#block-views-block-homepage-blocks-block-2 .view-content {
    padding: 140px 0 40px;
    position: relative;
}

#block-views-block-homepage-blocks-block-2 .view-content::after {
    content: "";
    width: 2px;
    background-color: #dad9df;
    position: absolute;
    top: .4rem;
    bottom: 0;
    left: 50%;
    z-index: 0;
}

#block-views-block-homepage-blocks-block-2 .view-footer {
    text-align: center;
}

#block-views-block-homepage-blocks-block-2 .view-footer .mt-logo {
    background: url(../img/logo/logo.png) no-repeat 0 5px;
    border-top: 2px solid #dad9df;
    box-sizing: content-box;
    display: inline-block;
    height: 70px;
    width: 70px;
    background-size: 100%;
}

#block-views-block-homepage-blocks-block-2 .views-row {
    font-weight: 700;
    margin-bottom: 143px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

#block-views-block-homepage-blocks-block-2 .views-row:last-child {
    margin-bottom: 0;
}

#block-views-block-homepage-blocks-block-2 .views-row::after {
    border: 2px solid #0090d6;
    content: "";
    height: 300px;
    width: 380px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row::after {
    left: auto;
    right: 0;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(2)::after {
    border-color: #269084;
    left: auto;
    right: 0;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2)::after {
    right: auto;
    left: 0;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3)::after {
    border-color: #f6e003;
    top: 100px;
    left: 26%;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3)::after {
    left: auto;
    right: 26%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(4)::after {
    border-color: #e61f24;
    left: 23%;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4)::after {
    left: auto;
    right: 23%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(5)::after {
    border-color: #5d5d5d;
    top: 100px;
    left: 26%;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5)::after {
    left: auto;
    right: 26%;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-category {
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: -3.3rem;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-category a {
    color: #111;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-category a:hover {
    color: #e1a504;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-category {
    right: 0;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-category {
    right: auto;
    left: 0;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-category {
    top: 30px;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-category {
    top: 20px;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-title {
    font-size: 1.562rem;
    position: absolute;
    top: 70px;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(1) .homepage__project-title,
#block-views-block-homepage-blocks-block-2 .views-row:nth-child(1) .homepage__project-subtitle {
    left: 56%;
    text-align: center;
    width: 438px;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(1) .homepage__project-title,
[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(1) .homepage__project-subtitle {
    left: 1%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-title,
#block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-subtitle {
    left: auto;
    right: 54.5%;
    text-align: center;
    width: 400px;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-title,
[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-subtitle {
    right: auto;
    left: 54.5%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-category,
#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-title {
    right: 0;
    text-align: right;
    width: 400px;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-category,
[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-title {
    right: 77%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-title,
#block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-subtitle {
    top: 56px;
    left: 56%;
    text-align: right;
    width: 400px;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-title,
[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-subtitle {
    left: auto;
    right: 54%;
    text-align: left;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-title {
    top: 68px;
    left: 0;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-title {
    left: auto;
    right: 0;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-subtitle {
    color: #5d5d5d;
    font-size: 1.312rem;
    font-weight: 400;
    position: absolute;
    top: 105px;
    left: 47.5%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-subtitle {
    text-align: right;
    transform: rotate(-90deg);
    width: 300px;
    top: 237px;
    left: 10.5%;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-subtitle {
    top: 231px;
    left: auto;
    right: 10.5%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-subtitle {
    top: 92px;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-subtitle {
    text-align: right;
    transform: rotate(-90deg);
    width: 300px;
    top: 138px;
    left: 59.5%;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-subtitle {
    top: 132px;
    left: auto;
    right: 59.5%;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-body {
    font-size: .9rem;
    font-weight: 500;
    text-align: justify;
    text-transform: none;
    position: absolute;
    bottom: 10px;
    left: 58.5%;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .homepage__project-body {
    left: auto;
    right: 58.5%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-body {
    left: auto;
    right: 58.5%;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-body {
    right: auto;
    left: 60.5%;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-body {
    margin-top: 55px;
    width: 46%;
    position: relative;
    bottom: 0;
    left: 0;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-body {
    left: auto;
    right: 0;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-body {
    margin-top: 55px;
    width: 46%;
    position: relative;
    bottom: 0;
    left: 0;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-body {
    left: auto;
    right: 0;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-image {
    float: left;
    margin: 40px 0 0 40px;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .homepage__project-image {
    float: right;
    margin-left: 0;
    margin-right: 40px;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-image {
    float: right;
    margin: 40px 40px 0 0;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-image {
    float: left;
    margin: 40px 0 0 40px;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-image,
#block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-image {
    float: none;
    margin: 0;
    text-align: center;
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-image {
    margin: 22px 0 0;
}

.container,
.region-breadcrumb,
.content__wrapper,
#block-views-block-homepage-blocks-block-2,
#block-views-block-articles-block-1,
#block-views-block-news-block-1,
#block-views-block-customers-block-1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {

    .container,
    .region-breadcrumb,
    .content__wrapper,
    #block-views-block-homepage-blocks-block-2,
    #block-views-block-articles-block-1,
    #block-views-block-news-block-1,
    #block-views-block-customers-block-1 {
        width: 750px;
    }
}

@media (min-width: 992px) {

    .container,
    .region-breadcrumb,
    .content__wrapper,
    #block-views-block-homepage-blocks-block-2,
    #block-views-block-articles-block-1,
    #block-views-block-news-block-1,
    #block-views-block-customers-block-1 {
        width: 970px;
    }
}

@media (min-width: 1200px) {

    .container,
    .region-breadcrumb,
    .content__wrapper,
    #block-views-block-homepage-blocks-block-2,
    #block-views-block-articles-block-1,
    #block-views-block-news-block-1,
    #block-views-block-customers-block-1 {
        width: 1170px;
    }
}

@media (max-width: 992px) {
    #block-views-block-homepage-blocks-block-2 .views-row::after {
        display: none;
    }

    #block-views-block-homepage-blocks-block-2 .view-content::after {
        display: none;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project {
        text-align: center;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project>div {
        position: static !important;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project-title,
    #block-views-block-homepage-blocks-block-2 .homepage__project-subtitle,
    #block-views-block-homepage-blocks-block-2 .homepage__project-category {
        text-align: center !important;
        width: auto !important;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project-subtitle {
        transform: none !important;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project-category {
        padding-bottom: 1rem;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project-image {
        float: none !important;
        margin: 1.5rem 0 1rem !important;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project-image img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project-body {
        margin: 0 auto !important;
        width: 83%;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-body,
    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-body {
        width: 63%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #block-views-block-homepage-blocks-block-2 .homepage__project-image {
        margin: 30px 0 0 30px;
    }

    #block-views-block-homepage-blocks-block-2 .homepage__project-image img {
        display: block;
        height: auto;
        width: 85%;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(1) .homepage__project-body {
        left: 60%;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(1) .homepage__project-body {
        left: auto;
        right: 60%;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-image {
        margin: 30px 30px 0 0;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-image img {
        float: right;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(2) .homepage__project-image img {
        float: left;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-image img,
    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-image img {
        display: inline-block;
        width: auto;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3)::after,
    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5)::after {
        top: 90px;
        left: 22.4%;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3)::after,
    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5)::after {
        left: auto;
        right: 22.4%;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-subtitle {
        top: 227px;
        left: 4.8%;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-subtitle {
        top: 221px;
        left: auto;
        right: 4.8%;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4)::after {
        left: 17%;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4)::after {
        right: 17%;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-image {
        margin-top: 30px;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-title,
    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-subtitle {
        left: 8%;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-title,
    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(4) .homepage__project-subtitle {
        right: 8%;
    }

    #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-subtitle {
        top: 137px;
        left: 61%;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-title {
        font-size: 1.4375rem;
    }

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-subtitle {
        right: 61%;
    }
}

@media (min-width: 992px) {

    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-category,
    [dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-title {
        width: 177px;
    }

}

#block-views-block-homepage-blocks-block-2 .homepage__project-image {
    overflow: hidden;
    position: relative;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-image img {
    transition: all ease .3s;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-image img:hover {
    filter: brightness(.5);
    transform: scale(1.1);
}

#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-category,
#block-views-block-homepage-blocks-block-2 .views-row:nth-child(3) .homepage__project-title,
#block-views-block-homepage-blocks-block-2 .views-row:nth-child(5) .homepage__project-category {
    z-index: 1;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-image .action-btn {
    border: 2px solid #fff;
    color: #fff;
    display: none;
    font-size: 16px;
    font-weight: 700;
    padding: 18px 0;
    text-align: center;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    transition: all ease .3s;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
}

#block-views-block-homepage-blocks-block-2 .homepage__project-image img:hover+.action-btn {
    display: block;
}

[dir="rtl"] #block-views-block-homepage-blocks-block-2 .views-row::after {
    left: auto;
    right: 0;
}

#block-views-block-homepage-blocks-block-2 .views-row::after {
    border: 2px solid #0090d6;
    content: "";
    height: 300px;
    width: 380px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #block-views-block-homepage-blocks-block-2 .homepage__project-image .action-btn {
        transform: translate(-57.5%, -50%);
    }
}

section.projectsStatistics {
    background: orange;
    padding: 3.5rem 0rem;
    text-align: center;
    position: relative;
    margin-top: 100px;
    margin-bottom: 60px;
}

section.projectsStatistics:before {
    content: '';
    background: url('../img/projects/topline.png') no-repeat;
    height: 40px;
    top: -40px;
    width: 100%;
    background-size: cover;
    display: block;
    right: 0;
    left: 0;
    position: absolute;
}

section.projectsStatistics:after {
    content: '';
    background: url('../img/projects/bottomLine.png') no-repeat;
    height: 40px;
    bottom: -40px;
    width: 100%;
    background-size: cover;
    display: block;
    right: 0;
    left: 0;
    position: absolute;
}

.boxsLeft .boxFlex {
    flex: 1;
    color: #fff;
    align-items: center;
    font-size: 14pt;
}

.tIcon svg {
    width: 64px;
    height: 64px;
    fill: #333;
}

.tIcon svg path {
    fill: #333;
}

.tNumber {
    font-size: 20pt;
    font-weight: bold;
    color: #333;
}

.textThis {
    color: #333333;
    font-weight: bold;
}

ul.categorySelector {
    list-style: none;
    padding: 0;
    display: flex;
    right: 0;
    margin: 20px 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

ul.categorySelector li {
    flex: 120px 0 0;
    width: 120px;
    text-align: center;
    margin: 5px;
}

ul.categorySelector li:nth-child(1) {
    margin-right: auto;
}

ul.categorySelector li:nth-last-child(1) {
    margin-left: auto;
}

ul.categorySelector li svg {
    display: block;
    margin: auto;
}

ul.categorySelector li a.active,
ul.categorySelector li a:hover {
    border-color: orange;
    color: orange;
}

ul.categorySelector li a.active svg line,
ul.categorySelector li a.active svg rect {
    stroke: orange;
}

ul.categorySelector li a:hover svg line,
ul.categorySelector li a:hover svg rect {
    stroke: orange;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

ul.categorySelector li a.active svg path {
    fill: orange;
    stroke: orange;
}

ul.categorySelector li a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

ul.categorySelector li a:hover svg path {
    fill: orange;
    stroke: orange;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

ul.categorySelector li a {
    text-align: center;
    display: block;
    border: 1px solid #ccc;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: 100;
    font-family: 'IRANYekan';
    font-size: 11pt !important;
}

.moreProjectes a {
    text-align: center;
    background: gray;
    width: 250px;
    display: block;
    margin: auto;
    padding: 7px 10px 10px;
    border-radius: 35px;
    font-size: 14px;
    color: #fff;
}

.moreProjectes a:hover {
    background: #000;
}

#projectsSlider {
    text-align: right;
}

.text-right {
    text-align: right !important;
}



div#projectsSlider .desc {
    position: relative;
    padding: 7px 15px;
    font-weight: 300;
    text-align: justify;
    padding-top: 20px
}

div#projectsSlider .desc p {
    text-align: justify;
    font-size: 19px;
    line-height: 43px;
    font-family: 'IRANYekan';
    font-weight: 400;
}

div#projectsSlider .box {
    background: #fff;
    border: 1px solid #ccc;
}

.custom-btns {
    width: 80px;
    margin-right: auto;
    opacity: 1;
}

.custom-btns svg path {
    transition: all 0.3s;
}

div#projectsSlider .item {
    padding-top: 0rem;
}

a.moreArrow {
    left: 10px;
    text-align: left;
    margin-right: auto;
    display: block;
    position: absolute;
    bottom: 2px;
}

.form-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-color: #e0f7fa;
    padding: 10px;
    margin-bottom: 20px;
}

.flex-table {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    direction: ltr;
    margin: auto;
    width: 100%;
}

.flex-row {
    display: flex;
    border-bottom: 1px solid #ccc;
}

.flex-row.header {
    background-color: #e7e7e7;
    font-weight: bold;
    text-align: center;
}

.flex-cell {
    flex: 1;
    padding: 5px;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-cell:last-child {
    border-right: none;
}

.flex-cell input[type="text"],
.flex-cell input[type="date"] {
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
}

.flex-cell input[type="text"]#largeTextbox {
    height: 80px;
}

.flex-cell input[type="text"]#additionalRemarks {
    height: 200px;
}

.flex-cell:nth-child(1) {
    background-color: #e7e7e7;
    font-weight: bold;
    min-width: 50px;
}

.flex-cell:nth-child(2) {
    min-width: 120px;
    white-space: nowrap;
    flex: 240px 0 0;
    text-align: left;
    justify-content: flex-start;
}

.flex-row>.flex-cell:nth-child(1) {
    flex: 50px 0 0;
}

.flex-row>.flex-cell:nth-child(4) {
    flex: 80px 0 0;
}

h3.buyFormH3 {
    width: 100%;
    text-align: center;
    background: #58595b;
    color: #fff;
    font-weight: bold;
    border-bottom: 10px solid #e41923;
    margin-bottom: 0;
    padding: 0px 5px;
}

button.buyOrderBtn {
    text-align: center;
    margin: auto;
    background: #e41923;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    height: 3.3rem;
    padding-right: 40px;
    padding-left: 40px;
    align-items: center;
    line-height: 3rem;
}

.boxOfCustomerDetails {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding-bottom: 0;
}

.boxOfCustomerDetails label.form-check-label {
    font-weight: 400;
    font-size: 15px;
    position: relative;
    bottom: 3px;
}

.boxOfCustomerDetails h4 {
    background: #e4e4e4;
    font-family: 'IRANYEKAN', 'x_IRANSans';
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 6px 0px;
}

.closeSearchBar {
    background: #4c5157;
    border-color: #4c5157;
}

a.btn-nextSlide:hover {}

a.btn-nextSlide:hover svg path {
    fill: orange;
    opacity: 1 !important;
}

a.btn-nextSlide:hover svg path:nth-child(1) {
    stroke: orange;
}

a.btn-nextSlide:hover {
    opacity: 1;
}

a.btn-prevSlide:hover {}

a.btn-prevSlide:hover svg path {
    fill: orange;
    opacity: 1 !important;
}

a.btn-prevSlide:hover svg path:nth-child(1) {
    stroke: orange;
}

a.btn-prevSlide:hover {
    opacity: 1;
}

ul.categorySortingStandards {
    display: flex;
    clear: both;
    width: 100%;
    list-style: none;
    padding: 0;
    margin-top: 5px;
}

ul.categorySortingStandards li a {
    background: #e6e6e6;
    padding: 3px 20px;
    margin-left: 5px;
    border-radius: 25px;
    font-size: 11pt;
    color: #333;
}

ul.categorySortingStandards li a.active {
    background: orange;
}

.standards-list .item {
    text-align: center;
}

.item h4 {
    font-family: 'x_IRANSans';
    font-weight: bold;
    margin-bottom: 0;
}

.item span {
    font-family: 'x_IRANSans';
    font-size: 11pt;
    font-weight: 400;
}

.standards-list .item {
    border: 1px solid #ccc;
    padding-top: 0;
    padding: 10px;
}

.standards-list .standard {
    margin-bottom: 20px;
}

.standards-list .item .imgShow {
    margin-top: 0;
    border-radius: 10px;
    margin-bottom: 0;
}

.modal-content {
    background: transparent;
    border: none;
}

#prevButton,
#nextButton {
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
}

#prevButton:hover,
#nextButton:hover {
    background: rgba(0, 0, 0, 0.8);
}

.modal-buttons {}

button#prevButton {
    margin-right: auto;
    left: 0%;
    position: absolute;
    top: 40%;
}

button#nextButton {
    right: 0;
    margin-left: auto;
    position: absolute;
    top: 40%;
}

h4.modalTitle {
    text-align: center;
    color: #fff;
    margin-top: 10px;
    font-size: 18pt;
    margin-bottom: 0;
}

span.modalDescription {
    color: #fff;
    margin: 0;
    font-size: 14pt;
}
.custom-select-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-arrow {
    transition: transform 0.3s ease;
    pointer-events: none;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgLTQuNSAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICANCiAgICA8dGl0bGU+YXJyb3dfZG93biBbIzMzOF08L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPg0KDQo8L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJEcmliYmJsZS1MaWdodC1QcmV2aWV3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIwLjAwMDAwMCwgLTY2ODQuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8ZyBpZD0iaWNvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2LjAwMDAwMCwgMTYwLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjQuMjkyMzA4LDY1MjQuMzY1ODMgTDE2NC4yOTIzMDgsNjUyNC4zNjU4MyBDMTYzLjkwMjU2NCw2NTI0Ljc3MDcxIDE2My45MDI1NjQsNjUyNS40MjYxOSAxNjQuMjkyMzA4LDY1MjUuODMwMDQgTDE3Mi41NTU4NzMsNjUzNC4zOTI2NyBDMTczLjMzNjM2LDY1MzUuMjAyNDQgMTc0LjYwMjUyOCw2NTM1LjIwMjQ0IDE3NS4zODMwMTQsNjUzNC4zOTI2NyBMMTgzLjcwNzU0LDY1MjUuNzY3OTEgQzE4NC4wOTMyODYsNjUyNS4zNjcxNiAxODQuMDk4MjgzLDY1MjQuNzE5OTcgMTgzLjcxNzUzMyw2NTI0LjMxNDA1IEMxODMuMzI4Nzg5LDY1MjMuODk5ODUgMTgyLjY4ODIxLDY1MjMuODk0NjcgMTgyLjI5MzQ3LDY1MjQuMzAyNjYgTDE3NC42NzY0NzksNjUzMi4xOTYzNiBDMTc0LjI4NTczNiw2NTMyLjYwMTI0IDE3My42NTMxNTIsNjUzMi42MDEyNCAxNzMuMjYyNDA5LDY1MzIuMTk2MzYgTDE2NS43MDUzNzksNjUyNC4zNjU4MyBDMTY1LjMxNTYzNSw2NTIzLjk2MDk0IDE2NC42ODMwNTEsNjUyMy45NjA5NCAxNjQuMjkyMzA4LDY1MjQuMzY1ODMiIGlkPSJhcnJvd19kb3duLVsjMzM4XSI+DQoNCjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat center center;
    transition: transform 0.3s ease;
    background-size: 100%;
    opacity: 0.4;
    display: inline-block;
        position: absolute;
}

.custom-select-container.open .custom-arrow {
    transform: translateY(-50%) rotate(180deg);
    opacity: 1;
}

.custom-select-container.open .custom-arrow {
    transform: translateY(-50%) rotate(180deg);
}

select.nice-select {
    appearance: none;
    padding-left: 35px;
    width: 100%;
    cursor: pointer;
}

@media (max-width: 1398px) {

    .nav-link {
        padding: .5rem 0.5rem;
    }

    header.header .has-dropdown>a {
        padding-inline-end: 1.5rem;
    }

    footer.footer::after {
        height: calc(var(--footer-height) * 0.65) !important;
    }
}

@media (max-width: 1200px) {
    a.nav-link {
        font-size: 10pt;
    }
}

@media (max-width: 992px) {
    .navbar-brand>a {
        position: absolute;
        margin: auto;
        text-align: center;
        top: 3px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


}

@media (max-width: 768px) {
    .flex-row {
        flex-direction: column !important;
    }

    .flex-row>.flex-cell:nth-child(4) {
        display: none;
    }

    .flex-cell {
        border-right: none;
        border-bottom: 1px solid #ccc;
        text-align: left;
        justify-content: flex-start;
    }

    .flex-cell:last-child {
        border-bottom: none;
    }

    .flex-cell:nth-child(1) {
        background-color: #e0f7fa;
        font-weight: bold;
    }

    .flex-cell:nth-child(2) {
        min-width: unset;
        white-space: normal;
        flex: unset;
    }
}




.animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@keyframes pagInX {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes pagOutX {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

/* project page */

/*
*
* Thumbnails
*/
.thumbnail {
    position: relative;
}

.thumbnail-xxs {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail-xs {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail-sm {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail-lg {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail-xl {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail-classic {
    text-align: left;
    overflow: hidden;
}

.thumbnail-classic-figure {
    display: block;
}

.thumbnail-classic-figure img {
    width: 100%;
    transition: all .3s ease;
}

.thumbnail-classic-caption {
    text-align: center;
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    padding: 10px 15px;
    min-width: 230px;
    transform: translate3d(-50%, 0, 0);
    background: #ffffff;
    pointer-events: none;
    transition: all .3s ease;
}

.thumbnail-classic-caption .thumbnail-classic-title,
.thumbnail-classic-caption .thumbnail-classic-text {
    pointer-events: auto;
}

.thumbnail-classic-title-wrap>* {
    display: inline-block;
    vertical-align: middle;
}

.thumbnail-classic-title-wrap .icon {
    margin-top: 3px;
    margin-right: 16px;
    font-size: 26px;
    color: #151515;
}

.thumbnail-classic-title {
    color: #976f55;
}

.thumbnail-classic-title a,
.thumbnail-classic-title a:focus,
.thumbnail-classic-title a:active {
    color: inherit;
}

.thumbnail-classic-title a:hover {
    color: #efc4a3;
}

.thumbnail-classic-text {
    display: none;
}

@media (max-width: 575.98px) {
    .thumbnail-custom-mobile {
        min-height: 300px;
    }

    .thumbnail-custom-mobile a {
        min-height: inherit;
    }

    .thumbnail-custom-mobile img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: 100%;
        min-width: 100%;
        width: auto;
        height: auto;
        max-width: none;
    }

    @supports (object-fit: cover) {
        .thumbnail-custom-mobile img {
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: none;
            object-fit: cover;
            object-position: center center;
        }
    }

}

@media (max-width: 450px) {
    .ag-courses-item_link {
        padding: 10px 20px;
    }

    .courses_box_right .ag-courses_item {
        flex: calc(100% - 6px) 0 0 !important;
        margin-bottom: 6px;
    }
}

@media (min-width: 992px) {
    .thumbnail-classic-figure img {
        transform: scale(1.1);
        will-change: transform;
    }

    .thumbnail-classic-caption {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: inherit;
        padding: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(-20px, -20px, 0);
        will-change: transform;
    }

    .thumbnail-classic-title-wrap .icon {
        margin-right: 24px;
        font-size: 36px;
    }

    .thumbnail-classic-text {
        display: block;
        font-size: 13px;
        width: 100%;
    }

    .thumbnail-classic:hover .thumbnail-classic-figure img {
        transform: none;
    }

    .thumbnail-classic:hover .thumbnail-classic-caption {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

@media (min-width: 1200px) {
    .thumbnail-classic-caption {
        padding: 30px;
    }

    .thumbnail-classic-text {
        font-size: inherit;
    }
}

@media (min-width: 1800px) {
    .thumbnail-md .thumbnail-classic-caption {
        padding-left: 40px;
        padding-right: 40px;
    }
}

*+.thumbnail-classic-text {
    margin-top: 14px;
}

.thumbnail-modern {
    text-align: left;
}

.thumbnail-modern-figure {
    position: relative;
    overflow: hidden;
    display: block;
}

.thumbnail-modern-figure img {
    width: 100%;
    transition: inherit;
}

.thumbnail-modern-title {
    font-weight: 400;
    transition: all .3s ease;
}

.thumbnail-modern-title a {
    transition-property: color;
}

.thumbnail-modern-subtitle {
    color: #9b9b9b;
}

@media (min-width: 992px) {
    .thumbnail-modern-figure::before {
        position: absolute;
        content: '';
        top: 0;
        width: 0;
        bottom: 0;
        left: 0;
        background: rgba(48, 46, 46, 0.18);
        transition: inherit;
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        pointer-events: none;
    }

    .thumbnail-modern-figure img {
        transform: scale(1.1);
        transform-origin: 0 50%;
        will-change: transform;
    }

    .thumbnail-modern:hover .thumbnail-modern-figure img {
        transform-origin: 100% 50%;
    }

    .thumbnail-modern:hover .thumbnail-modern-figure:before {
        width: 100%;
        visibility: visible;
        opacity: 1;
    }
}

*+.thumbnail-modern-caption {
    margin-top: 18px;
}

*+.thumbnail-modern-subtitle {
    margin-top: 2px;
}

.thumbnail-creative {
    overflow: hidden;
    text-align: left;
}

.thumbnail-creative-figure {
    display: block;
}

.thumbnail-creative-figure img {
    width: 100%;
    transition: all .3s ease;
}

.thumbnail-creative-caption {
    text-align: center;
    padding: 15px;
    background: #303233;
}

.thumbnail-creative-caption>* {
    position: relative;
    z-index: 1;
}

.thumbnail-creative-title {
    color: #ffffff;
    transition-delay: 0s;
}

.thumbnail-creative-time {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .075em;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: #976f55;
    transition-delay: .5s;
}

.thumbnail-creative-button {
    transition-delay: .1s;
}

.thumbnail-creative-button .button {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    min-width: 125px;
}

.thumbnail-creative-button .button::after {
    border-color: #ffffff;
}

.thumbnail-creative-button .button:hover,
.thumbnail-creative-button .button:active {
    color: #ffffff;
    background: transparent;
    border-color: #ffffff;
}

@media (min-width: 992px) {
    .thumbnail-creative-figure img {
        transform: scale(1.1);
        transform-origin: 100% 50%;
        will-change: transform;
    }

    .thumbnail-creative-caption {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: inherit;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%;
        min-width: 180px;
        padding: 30px 15px 30px 30px;
        background: transparent;
    }

    .thumbnail-creative-caption::before {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #303233;
        transform: translate3d(200%, 0, 0);
        will-change: transform;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease;
    }

    .thumbnail-creative-title,
    .thumbnail-creative-time,
    .thumbnail-creative-button {
        transform: translate3d(-40px, 0, 0);
        will-change: transform;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }

    .thumbnail-creative:hover .thumbnail-creative-figure img {
        transform-origin: 0 50%;
    }

    .thumbnail-creative:hover .thumbnail-creative-caption::before {
        transform: none;
        visibility: visible;
        opacity: 1;
    }

    .thumbnail-creative:hover .thumbnail-creative-title,
    .thumbnail-creative:hover .thumbnail-creative-time,
    .thumbnail-creative:hover .thumbnail-creative-button {
        transform: none;
        opacity: 1;
        visibility: visible;
    }

    .thumbnail-creative:hover .thumbnail-creative-title {
        transition-delay: .25s;
    }

    .thumbnail-creative:hover .thumbnail-creative-time {
        transition-delay: .32s;
    }

    .thumbnail-creative:hover .thumbnail-creative-button {
        transition-delay: .39s;
    }
}

*+.thumbnail-creative-time {
    margin-top: 5px;
}

*+.thumbnail-creative-button {
    margin-top: 12px;
}

.thumbnail-mary {
    text-align: center;
    overflow: hidden;
    transition: all .3s ease;
}

.thumbnail-mary::before,
.thumbnail-mary::after {
    position: absolute;
    content: '';
    transition: inherit;
    pointer-events: none;
}

.thumbnail-mary::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(25, 24, 24, 0.45);
    z-index: 1;
}

.thumbnail-mary::after {
    display: inline-block;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.owl-style_1 .thumbnail-mary {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail-mary-2::after {
    display: none;
}

.thumbnail-mary-2 .thumbnail-mary-caption .icon:hover {
    color: #cd8e65;
}

.thumbnail-mary-3::before {
    background: rgba(26, 43, 66, 0.37);
}

.thumbnail-xxs .thumbnail-mary-caption .icon {
    font-size: 30px;
}

.thumbnail-mary-figure {
    display: block;
}

.thumbnail-mary-figure img {
    width: 100%;
    transition: all .3s ease;
}

.thumbnail-mary-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.thumbnail-mary-caption>* {
    pointer-events: auto;
}

.thumbnail-mary-caption .icon {
    font-size: 24px;
    color: #ffffff;
    pointer-events: none;
}

.thumbnail-mary-caption .icon img {
    display: none;
}

.thumbnail-mary-title {
    color: #ffffff;
}

.thumbnail-mary-title a,
.thumbnail-mary-title a:focus,
.thumbnail-mary-title a:active {
    color: inherit;
}

.thumbnail-mary-title a:hover {
    color: #efc4a3;
}

.thumbnail-mary-project {
    font-weight: 400;
}

.thumbnail-mary-time {
    font-weight: 400;
    color: #efc4a3;
}

.owl-timeline .thumbnail-mary-decor {
    display: inline-block;
    position: relative;
    margin: 15px 0 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #976f55;
}

.owl-timeline .thumbnail-mary-decor::before,
.owl-timeline .thumbnail-mary-decor::after {
    display: inline-block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    transform: none;
    visibility: visible;
}

.owl-timeline .thumbnail-mary-decor::before {
    background: rgba(151, 111, 85, 0.5);
    animation: item1B 1s ease infinite;
}

.owl-timeline .thumbnail-mary-decor::after {
    background: rgba(151, 111, 85, 0.3);
    animation: item1A 1s ease infinite;
}

@media (min-width: 992px) {
    .thumbnail-mary::before {
        opacity: 0;
        visibility: hidden;
    }

    .thumbnail-mary::after {
        transform: scale(0.85);
        opacity: 0;
        visibility: hidden;
    }

    .thumbnail-mary-figure img {
        transform: scale(1.2);
        will-change: transform;
    }

    .thumbnail-mary-caption .icon,
    .thumbnail-mary-title {
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }

    .thumbnail-mary-caption .icon {
        transform: translate3d(0, -10px, 0);
    }

    .thumbnail-mary-title {
        transform: translate3d(0, 10px, 0);
    }

    .thumbnail-mary:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .thumbnail-mary:hover::after {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .thumbnail-mary:hover .thumbnail-mary-figure img {
        transform: none;
    }

    .thumbnail-mary:hover .icon,
    .thumbnail-mary:hover .thumbnail-mary-title {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .owl-timeline:hover .thumbnail-mary-decor::before,
    .owl-timeline:hover .thumbnail-mary-decor::after {
        animation: none;
    }

    .owl-timeline:hover .owl-stage>.owl-item:hover .thumbnail-mary-decor::before {
        animation: item1B 1s ease infinite;
    }

    .owl-timeline:hover .owl-stage>.owl-item:hover .thumbnail-mary-decor::after {
        animation: item1A 1s ease infinite;
    }
}

@keyframes item1B {
    25% {
        opacity: 1;
        transform: none;
        visibility: visible;
    }

    100% {
        opacity: 0;
        transform: scale(3);
        visibility: hidden;
    }
}

@keyframes item1A {
    100% {
        opacity: 0;
        transform: scale(4);
        visibility: hidden;
    }
}

*+.thumbnail-mary-title {
    /* margin-top: 16px; */
}

*+.thumbnail-mary-description {
    margin-top: 30px;
}

.thumbnail-joan {
    text-align: center;
    overflow: hidden;
    transition: all .3s ease;
}

.thumbnail-joan::before {
    position: absolute;
    content: '';
    transition: inherit;
    pointer-events: none;
}

.thumbnail-joan::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(26, 43, 66, 0.37);
    z-index: 1;
}

.thumbnail-joan-figure {
    display: block;
}

.thumbnail-joan-figure img {
    width: 100%;
    transition: all .3s ease;
}

.thumbnail-joan-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.thumbnail-joan-caption>* {
    pointer-events: auto;
}

.thumbnail-joan-title {
    color: #ffffff;
}

.thumbnail-joan-title a,
.thumbnail-joan-title a:focus,
.thumbnail-joan-title a:active {
    color: inherit;
}

.thumbnail-joan-title a:hover {
    color: #cd8e65;
}

@media (min-width: 992px) {
    .thumbnail-joan::before {
        opacity: 0;
        visibility: hidden;
    }

    .thumbnail-joan-figure img {
        transform: scale(1.2);
        will-change: transform;
    }

    .thumbnail-joan-title {
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
        transform: translate3d(0, 10px, 0);
    }

    .thumbnail-joan:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .thumbnail-joan:hover .thumbnail-joan-figure img {
        transform: none;
    }

    .thumbnail-joan:hover .thumbnail-joan-title {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.thumbnail-instafeed {
    padding-bottom: 72%;
}

.thumbnail-instafeed .thumbnail-mary-figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
}

@media (min-width: 992px) {
    .thumbnail-instafeed .thumbnail-mary-figure img {
        transform: translate(-50%, -50%) scale(1.1);
    }

    .thumbnail-instafeed:hover .thumbnail-mary-figure img {
        transform: translate(-50%, -50%);
    }
}

.data_more_less_inner {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.action_less {
    display: none !important;
}

.less_active .action_less {
    display: block !important;
}

.less_active .action_more {
    display: none !important;
}

.data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    height: 80px;
}

.data_more_less.action_disabled .more_less_action {
    display: none;
}


.detail-project {
    direction: ltr;
}

.detail-project>div {
    direction: rtl;
}

.projectImage {
    min-height: 340px;
}

.projectImage:before {
    content: '';
    border-radius: 60px 0px;
    display: block;
    height: 100%;
    width: 100%;
    background: orange;
}

.data_more_less_body p {
    text-align: justify;
}

ul.projectItemsList {
    list-style: none;
    padding: 0;
}

ul.projectItemsList li {
    list-style: none;
    padding-right: 25px;
    border-right: 3px solid orange;
    margin-bottom: 7px;
}

.projectDetail h3 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.projectDetail h4 {
    font-size: 12pt;
    margin-bottom: 25px;
    font-weight: 600;
    font-family: 'IRANYekan', 'X_IRANSANS';
}

a.action_more.more_less_action {
    background: orange;
    font-size: 10pt;
    font-weight: bold;
    padding: 7px 25px;
    text-align: center;
    margin: auto;
    max-width: 120px;
    display: block;
}

a.action_less.more_less_action {
    background: orange;
    font-size: 10pt;
    font-weight: bold;
    padding: 7px 25px;
    text-align: center;
    margin: auto;
    max-width: 120px;
    display: block;
}

a.action_more.more_less_action:focus,
a.action_more.more_less_action:active {
    outline: none;
    box-shadow: none;
}

ul.projectItemsList li>span:nth-child(1) {
    display: inline-block;
    min-width: 130px;

}

ul.projectItemsList li>span:nth-child(2) {
    color: #7f7f7f
}

footer .theme-btn:hover.fill {
    color: #fff;
}

.shareProject ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.shareProject ul li {
    margin-left: 5px;
}

.shareProject ul li:last-child {
    margin-right: 0;
}

.shareProject ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: orange;
    border-radius: 5px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.shareProject ul li a:hover {
    background-color: black;
    color: white;
}

.shareProject ul li a i {
    font-size: 20px;
}

.projectImage {
    position: relative;
    overflow: hidden;
}

.projectImage img {
    position: absolute;
    top: 0;
    display: block;
    height: auto;
    width: 100%;
    border-radius: 60px 0px;
    right: 0;
    left: 0;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

@media (max-width: 1400px) {
    .rowUnset .row {
        margin-right: calc(var(--bs-gutter-x) * +.5) !important;
        margin-left: calc(var(--bs-gutter-x) * +.5) !important;
    }
}

@media (max-width: 992px) {
    .rowUnset .row {
        margin-right: calc(var(--bs-gutter-x) * -.5) !important;
        margin-left: calc(var(--bs-gutter-x) * -.5) !important;
    }
}

@media (max-width: 992px) {
    .justify-content-center-md {
        justify-content: center !important;
        text-align: center;
    }

    .tt-center-md {
        margin: auto;
        margin-top: 0.5rem;
    }
}

@media (max-width: 768px) {
    .products-list .item {
        flex: 0 0 50%;
        padding: 15px 5px;
    }

    ul.categorySelector li:nth-child(1) {
        margin-right: unset !important;
    }

    ul.categorySelector li:nth-last-child(1) {
        margin-left: unset !important;
    }

    button#prevButton {
        left: 0%;
    }
}

@media (max-width: 600px) {
    .tabsDiv ul {
        padding: 0 !important;
    }

    .thumbnail-sm {
        max-width: unset;
    }

    table.normalTable tr {
        border: 1px solid #ccc;
    }

    table.normalTable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-right: 10px;
    }

    table.normalTable td:before {
        position: absolute;
        right: 6px;
        content: attr(data-label);
        white-space: nowrap;
        font-weight: bold;
    }

    table.normalTable,
    table.normalTable thead,
    table.normalTable tbody,
    table.normalTable th,
    table.normalTable td,
    table.normalTable tr {
        display: block;
    }

    table.normalTable th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }


    table.catalog tr {
        border: 1px solid #ccc;
    }

    table.catalog td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-right: 10px;
    }

    table.catalog td:before {
        position: absolute;
        right: 6px;
        content: attr(data-label);
        white-space: nowrap;
        font-weight: bold;
    }

    table.catalog,
    table.catalog thead,
    table.catalog tbody,
    table.catalog th,
    table.catalog td,
    table.catalog tr {
        display: block;
    }

    table.catalog th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .products-list .item {
        flex: 0 0 100%;
        padding: 15px 5px;
    }
}

@media (max-width: 500px) {
    .feature .featuresUl li span:nth-child(1) {
        flex: 100% 0 0;
    }

    .feature .featuresUl li:before {
        display: none;
    }

    .feature .featuresUl li {
        padding-right: 0px !important;
        margin-bottom: 5px;
    }

    .tabsDiv th,
    .tabsDiv td {
        min-width: 200px;
    }

    .menuDescription button {
        font-size: 13px;
    }

    .product-sorting ul {
        margin-top: 10px;
    }
}

.date-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.btn.btn-warning.btn-more-category {
    background: orange;
    color: #333;
    font-size: 12px;
    clear: both;
    display: inline-block;
    font-weight: bold;
    opacity: 0;
}

.theme-btn.fill.orange {
    background: orange !important;
}

.theme-btn.fill.orange-light {
    background: #ffda96 !important;
    color: #333;
}

.color-orange {
    color: orange !important;
}

h5.fw-bold.m-0.p-3.px-lg-3.px-xl-4.d-flex.align-items-center>span {
    cursor: pointer;
}

.tooltip-inner {
    font-size: 12px;
}

body.modal-open {
    padding-right: 0px !important;
}

.page-item:first-child .page-link {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

ul.pagination {
    padding: 0;
    justify-content: center;
    color: orange;
}

ul.pagination a {
    color: orange;
    border-color: orange;
}

ul.pagination a:hover {
    color: #333;
    background: orange;
}

.pagination button:not(.active):hover,
.pagination a:not(.active):hover {
    color: #333;
    background: orange;
    -webkit-transform: unset;
    transform: unset;
    border: 1px solid orange;
}

.breadcrumb-item2+.breadcrumb-item2::before {
    top: 30%;
}

ul.pagination a:focus {
    box-shadow: none;
    outline: none;
}

#load-more {
    font-family: 'iranYekan', 'x_iransans';
    font-size: 13px;
    padding: 10px 25px;
    font-weight: bold;
    box-shadow: none;
    outline: none
}

#load-more:focus,
#load-more:active {
    box-shadow: none;
    outline: none
}

.removePlaceholderLg::placeholder {
    color: transparent;
}

.links-p {
    background: #000;
    margin-left: 15px;
    font-weight: bold;
    line-height: 2;
    padding: 3px 0px 7px !important;
    margin-bottom: 0.5rem;
    font-size: 11pt;
    border-radius: 12px;
}

ul.footer-links {
    text-align: right;
    padding: 0;
    padding-right: 10px;
    list-style: none;
}

ul.footer-links li {
    position: relative;
}



ul.footer-links a:hover {
    color: #ed1c24;
}

.btsolid {
    border-top: 1px solid #00000045;
}

.cartRemove {
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
}

.cartRemove i {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

html[lang^="en"] .text-right {
    text-align: left !important;
    direction: ltr !important;
}

html[lang^="en"] .text-left {
    text-align: right !important;
    direction: rtl !important;
}

html[lang^="en"] .me-1 {
    margin-left: .25rem !important;
}

html[lang^="en"] .theme-input {
    direction: ltr;
    text-align: left;
}

html[lang^="en"] .ms-2 {
    margin-right: .5rem !important;
}

html[lang^="en"] header.header .has-dropdown>a::after {
    left: unset;
    right: 0.5rem;
}

html[lang^="en"] main.main .section-part .section-title.has-more>a {
    left: unset;
    right: 0;
}

html[lang^="en"] main.main .section-part .section-title.has-more::before {
    width: 50% !important;
}

html[lang^="en"] main.main .section-part .section-title::before {
    left: 0% !important;
}

html[lang^="en"] main.main .section-part .section-title::after {
    right: 11%;
    left: unset;
    width: 35% !important;
}

html[lang^="en"] .ag-format-container {
    direction: ltr;
}

html[lang^="en"] .ag-courses_box {
    justify-content: flex-start;
}

html[lang^="en"] .ag-courses_item {
    margin: 0 3px 6px;
}

html[lang^="en"] .courses_box_right .ag-courses_item {
    margin-right: 6px;
    margin-left: 0px;
}

html[lang^="en"] .ag-courses-item_link {
    text-align: left;
}

html[lang^="en"] .ag-courses-item_title {
    text-align: left;
}

html[lang^="en"] .ag-courses-item_date-box {
    text-align: left;
}

html[lang^="en"] .ag-courses-item_bg {
    right: auto;
    left: -75px;
}

html[lang^="en"] main.main .section-part .section-title.has-more>a:hover>i {
    padding-inline-end: unset;
    padding-inline-begin: unset;
}

html[lang^="en"] .me-2 {
    margin-left: .5rem !important;
}



html[lang^="en"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html[lang^="en"] .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

html[lang^="en"] .ms-3 {
    margin-right: 1rem !important;
}

html[lang^="en"] ul.footer-links {
    text-align: left;
    padding-right: 0;
    padding-left: 10px;
}

html[lang^="en"] ul.footer-links li::before {
    right: auto;
    left: -25px;
}

html[lang^="en"] .links-p {
    margin-left: 0;
    margin-right: 0px;
    text-align: center;
}

html[lang^="en"] .form-control {
    direction: ltr;
    text-align: left;
}

html[lang^="en"] ul.nav.nav-tabs li a {
    margin-left: 0;
    margin-right: 15px;
}

html[lang^="en"] .tab-content.text-right {
    text-align: left;
    font-family: inherit;
}

html[lang^="en"] table.normalTable {
    margin-right: 0;
    margin-left: 20px;
    font-family: inherit;
}

html[lang^="en"] table.catalog tr td:nth-child(1) {
    padding-right: 10px;
    padding-left: 10px;
}

html[lang^="en"] table.catalog tr td:nth-child(2) {
    padding-right: 10px;
    padding-left: 10px;
}

html[lang^="en"] #cartSidebar {
    left: auto;
    right: -380px;
    transition: right 0.3s ease-in-out !important;
     !i;
     !;
}

html[lang^="en"] #cartSidebar.open {
    left: auto;
    right: 0;
}

html[lang^="en"] .cart-prices {
    border-right: unset;
    padding-left: 10px;
    padding-right: unset;
}

@media (min-width: 992px) {
    html[lang^="en"] .me-lg-auto {
        margin-left: auto !important;
        margin-right: unset !important;
    }

    html[lang^="en"] .ms-lg-2 {
        margin-left: .5rem !important;
    }

    html[lang^="en"] .me-lg-2 {
        margin-left: .5rem !important;
    }
}

@media (max-width: 768px) {
    html[lang^="en"] #cartSidebar {
        left: auto;
        right: -100%;
        transition: right 0.3sease-in-out !important;
    }
}

html[lang^="en"] .ms-en-0 {
    margin-right: 0rem !important;
}

html[lang^="en"] .me-en-0 {
    margin-left: 0rem !important;
}

html[lang^="en"] .account-box-title.text-right {
    text-align: left;
}

html[lang^="en"] .form-account-title {
    text-align: left;
}

html[lang^="en"] .input-field {
    padding: 11px 11px 11px 45px;
    text-align: left;
}

html[lang^="en"] .account-box-content .form-account-link {
    float: right;
}

html[lang^="en"] .password-eye {
    right: 10px;
    left: auto;
}

html[lang^="en"] i.sign-in {
    left: 20px;
    right: auto;
}

html[lang^="en"] .dk-btn:before {
    left: -11px;
    right: auto;
}

html[lang^="en"] .dk-btn:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
    left: -450px;
    right: auto;
}

html[lang^="en"] .form-account-agree .checkbox-form {
    left: 0;
    right: auto;
}

html[lang^="en"] .account-box-content .form-account-agree {
    text-align: left;
}

html[lang^="en"] .form-account-agree {
    padding-left: 30px;
    padding-right: 0;
}

html[lang^="en"] .c-share__email input,
html[lang^="en"] label,
html[lang^="en"] select,
html[lang^="en"] textarea {
    direction: ltr;
}

html[lang^="en"] .account-box-content .form-account-agree label {
    cursor: pointer;
    padding-top: 3px;
}

html[lang^="en"] .account-box-content .form-account-agree input {
    display: none;
}

html[lang^="en"] .btn-link-border {
    word-spacing: -2px;
    font-size: 14px;
}

html[lang^="en"] .message-light {
    text-align: left;
    direction: ltr;
    line-height: 18px;
}

html[lang^="en"] .item h4 {
    line-height: 28px;
    margin-top: 10px;
}

.radio-item.active {
    background-color: #e3f2fd !important;
    border-color: #2196f3 !important;
}

.dislike-message {
    z-index: 1000;
    display: block;
    width: 100%;
    background: #eeeeee;
    border: none;
    margin: 0 !important;
    padding: 15px;
    font-weight: bold;
}

.bg-white {
    background: #fff !important;
}

.active-like:before,.active-like {
    background: #00cd78 !important;
    transition: all 0.3s;
}

.active-like span {
    color: #ffffff !important;
    transition: all 0.3s;
}

.active-dislike:before,.active-dislike {
    background: #ca0034 !important;
    transition: all 0.3s;
}

.active-dislike span {
    color: #ffffff !important;
    transition: all 0.3s;
}

.rad-item input {
    display: none;
}

.catalogs > div > div {
    background: #f0f0f0;
    border-radius: 20px;
    padding: 25px;
}

.ltrCatalogs {
    direction: ltr;
}

.catalogs h4 {
    line-height: 20px;
}

.ltrCatalogs .gozaresh-mali-item-container li::before {
    margin-right: 5px;
    margin-left: -11px;
}

.login-link {
    color: #fff !important;
    text-decoration: none !important;
    transition: color 0.2s;
    font-weight: 400;
}
.login-link:hover, .login-link:focus {
    color: #c21a1a !important;
    text-decoration: underline !important;
}

.dk-btn-style1 {
  display: block;
  width: 100%;
  padding: 14px 0;
  background: linear-gradient(90deg, #2196f3 0%, #21cbf3 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  box-shadow: 0 2px 8px rgba(33,150,243,0.08);
  transition: background 0.3s, box-shadow 0.3s;
  cursor: pointer;
  margin-bottom: 10px;
}
.dk-btn-style1:hover, .dk-btn-style1:focus {
  background: linear-gradient(90deg, #21cbf3 0%, #2196f3 100%);
  box-shadow: 0 4px 16px rgba(33,150,243,0.16);
  color: #fff;
  text-decoration: none;
}
.dk-btn-style1 i.sign-in {
  margin-right: 8px;
  vertical-align: middle;
}