:root {
    --maincolor: #03AED2;
    --subcolor: #68D2E8;
    --yellowcolor: #FDDE55;
    --lightylcolor: #FEEFAD;
    --blackcolor: #14274E;
    --textcolor: #394867;
    --graycolor: #9BA4B4;
    --dangercolor: #d20303;
    --bordercolor: #E5E5E5;
    --lightcolor: #F1F6F9;
    --whitecolor: #FFFFFF;
    --easeoutcubic: cubic-bezier(.215, .61, .355, 1);
}


/*---------------------- Public Style ---------------------*/

body {
    background-color: var(--whitecolor);
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body.overhide {
    overflow: hidden;
}

* {
    font-family: YekanBakh;
    outline: medium none !important;
    text-decoration: none !important;
}

.container {
    max-width: 1500px;
    padding: 0;
}

::selection {
    background-color: var(--maincolor);
    color: var(--whitecolor);
}

.head-section-offer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.head-section-offer.head-center-section {
    justify-content: center;
}

.head-section-offer .content-head {
    text-align: right;
}

.head-section-offer.head-center-section .content-head {
    text-align: center;
}

.head-section-offer .content-head .title {
    font-size: 30px;
    font-weight: 900;
    color: var(--blackcolor);
    margin: 0 0 10px;
}

.head-section-offer .content-head .desc {
    font-size: 20px;
    font-weight: 600;
    color: var(--graycolor);
    margin: 0 0 15px;
}

.head-section-offer .view-more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.head-section-offer .view-more:hover {
    color: var(--maincolor);
}

.head-section-offer .view-more>i {
    position: relative;
    margin-right: 10px;
    font-size: 22px;
    top: -2px;
    transition: all 0.3s;
}

.head-section-offer .view-more:hover>i {
    margin-right: 5px;
}

.modal-sm-del .modal-body .content-delete {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.modal-sm-del .modal-body .content-delete>i {
    font-size: 40px;
    color: var(--dangercolor);
    margin-bottom: 15px;
}

.modal-sm-del .modal-body .content-delete .desc-modal {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    text-align: center;
}

.modal-sm-del .modal-body .btns-footer-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.modal-sm-del .modal-body .btns-footer-modal .btn-item-footer {
    background-color: var(--bordercolor);
    width: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    color: var(--graycolor);
    transition: all 0.3s;
}

.modal-sm-del .modal-body .btns-footer-modal .btn-confirm {
    background-color: var(--dangercolor);
    color: var(--whitecolor);
}

.lg-container {
    position: relative;
    z-index: 999999;
}

.lg-outer .lg-inner {
    direction: ltr;
}

.lg-outer .lg-thumb-item {
    float: right;
}

/*---------------------- /Public Style ---------------------*/


/*---------------------- Tooltip ---------------------*/

.tooltip {
    z-index: 99999;
}

.tooltip-inner {
    background-color: var(--blackcolor);
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 6px;
    max-width: 300px;
}

.tooltip .arrow::before {
    border-bottom-color: var(--blackcolor);
    border-top-color: var(--blackcolor);
}


/*---------------------- /Tooltip ---------------------*/

/*---------------------- Select2 ---------------------*/

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

.select2-container .select2-selection {
    background-color: var(--whitecolor);
    height: 55px;
    border-radius: 500px;
    border: 1px solid var(--bordercolor);
    text-align: right;
    transition: all 0.3s;
}

.select2-container .select2-selection:hover {
    border-color: var(--maincolor);
}

.select2-container--default.select2-container--open .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
    border-radius: 500px !important;
    border-color: var(--maincolor);
    box-shadow: 0 0 0 2px rgba(104, 210, 232, 0.2);
}

.select2-container--open .select2-dropdown--above {
    margin-top: -5px;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 5px;
    z-index: 999999;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 55px;
    font-weight: bold;
    font-size: 15px;
    color: var(--darkcolor);
    padding-left: 45px;
    padding-right: 20px;
    direction: rtl;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: normal;
    color: var(--graycolor);
    opacity: 0.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 16px;
    right: auto;
    left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "\e905";
    font-family: 'icomoon';
    font-size: 16px;
    color: var(--textcolor);
}

.select2-container--default .select2-selection--single .select2-selection__arrow>b {
    display: none;
}

.dropdown-offer {
    background-color: var(--whitecolor);
    border: none;
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    border-radius: 30px;
    border: 1px solid var(--bordercolor) !important;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    border-radius: 20px;
    overflow: hidden;
}

.dropdown-offer .select2-search--dropdown {
    padding: 15px 15px;
    border-bottom: 2px dashed var(--bordercolor);
    margin-bottom: 15px;
}

.dropdown-offer .select2-search--dropdown .select2-search__field {
    height: 40px;
    border-radius: 500px;
    background-color: var(--lightcolor);
    border: none;
    padding: 15px;
    text-align: right;
    color: var(--textcolor);
}

.dropdown-offer .select2-results__option {
    padding: 10px 15px;
    font-size: 14px;
}

.dropdown-offer .select2-results__option.select2-results__message {
    text-align: center;
    padding-bottom: 20px
}

.dropdown-offer .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--lightcolor);
    color: var(--maincolor);
}

.dropdown-offer .select2-results__option--selected {
    background-color: var(--maincolor) !important;
    color: var(--whitecolor) !important;
}

.select2-container .select2-selection--multiple {
    min-height: 55px;
    height: auto;
    padding: 15px;
    direction: rtl;
}

.select2-container .select2-selection--multiple.rounded-half {
    border-radius: 20px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 2px 1px;
    background-color: var(--lightcolor);
    border-radius: 100px;
    border: none;
    font-size: 13px;
    color: var(--graycolor);
    padding: 2px 2px 2px 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 0 10px 0 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0 0 0 8px;
    border: none;
    font-weight: 300;
    color: var(--graycolor);
    font-size: 16px;
    margin-top: -1px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--maincolor);
}

.select2-container .select2-search--inline .select2-search__field {
    margin: 0 5px 0 0;
    height: 28px;
    text-align: right;
    font-size: 16px;
}

.dropdown-offer.dropdown-offer-multiple .select2-results__option--selected {
    position: relative;
    background-color: var(--lightcolor) !important;
    color: var(--maincolor) !important;
}

.dropdown-offer.dropdown-offer-multiple .select2-results__option--selected::after {
    content: "\e918";
    font-family: 'icomoon';
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 14px;
    color: var(--maincolor);
}

/*---------------------- /Select2 ---------------------*/

/*---------------------- Modal ---------------------*/

.modal-backdrop {
    background-color: rgba(20, 39, 78, 0.6);
    z-index: 99999;
    backdrop-filter: blur(5px);
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-offerbimeh {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
    z-index: 999999;
    transition: all 0.5s;
}

.modal-offerbimeh.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.modal-offerbimeh .modal-lg,
.modal-offerbimeh .modal-xl {
    max-width: 650px;
}

.modal-offerbimeh .modal-content {
    border-radius: 30px;
    border: none;
    background-clip: padding-box;
    box-shadow: 0px 0px 15px 0px rgba(44, 62, 80, 0.03);
}

.modal-offerbimeh .modal-header {
    position: relative;
    padding: 20px 20px 0;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
}

.modal-offerbimeh .modal-header .modal-title {
    font-weight: bold;
    color: var(--blackcolor);
    font-size: 18px;
    display: flex;
    align-items: center;
}

.modal-offerbimeh .modal-header .close {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: var(--lightcolor);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: var(--textcolor);
    opacity: 1;
    text-shadow: none;
    transition: all 0.4s;
}

.modal-offerbimeh .modal-header .close:hover {
    background-color: var(--bordercolor);
    opacity: 1;
}

.modal-offerbimeh .modal-body {
    padding: 20px;
}

.modal-offerbimeh .modal-body .desc-modal {
    font-size: 12px;
    font-weight: normal;
    color: var(--textcolor);
    width: 100%;
    margin: 0 0 20px;
    text-align: justify;
    line-height: 2.2;
}

.modal-offerbimeh .modal-footer {
    padding: 15px 20px;
}

.modal-offerbimeh .btn-modal-offer {
    background-color: var(--maincolor);
    padding: 15px 25px;
    border-radius: 500px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--whitecolor);
    box-shadow: none;
    border: none;
    margin: 0;
    transition: all 0.3s;
}

.modal-offerbimeh .btn-modal-offer:hover {
    background-color: var(--blackcolor);
}

.modal-offerbimeh .modal-body .login-page .desc-modal {
    font-size: 14px;
    text-align: center;
}

.modal-offerbimeh .modal-body .login-page .btn-modal-offer {
    width: 100%;
    margin-top: 20px;
}

.modal-offerbimeh .modal-body .btn-inline-style {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 600;
    color: var(--subcolor);
    font-size: 14px;
}

.modal-offerbimeh .modal-body .btn-inline-style.forget-pass {
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 30px;
    color: var(--graycolor);
}

.modal-offerbimeh .modal-body .btn-inline-style.login-code {
    margin-top: 20px;
}

.modal-offerbimeh .form-codes {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.modal-offerbimeh .form-codes .frm-code {
    height: 90px;
    font-size: 30px;
}

.modal-offerbimeh .again-code {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 10px;
    font-size: 14px;
    font-weight: normal;
    color: var(--graycolor);
}

.modal-offerbimeh .again-code>span {
    margin: 0 5px;
    font-weight: 600;
}

/*---------------------- /Modal ---------------------*/

/*---------------------- Accordian ---------------------*/

.list-accordian .accordion-item {
    width: 100%;
    background-color: var(--whitecolor);
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    margin-bottom: 10px;
    border-radius: 100px;
    border: 1px solid var(--bordercolor);
    transition: all 0.3s;
}

.list-accordian .accordion-item.active {
    border-radius: 30px;
    border-color: var(--maincolor);
}

.accordion-item .accordion-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px 20px 25px;
}

.accordion-item .accordion-header .title {
    font-size: 18px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.accordion-item .accordion-header .box-icon {
    width: 40px;
    height: 40px;
    background-color: var(--lightcolor);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--graycolor);
    transition: all 0.4s;
}

.accordion-item.active .accordion-header .box-icon {
    transform: rotate(180deg);
}

.accordion-item .accordion-content {
    padding: 20px 30px;
    border-top: 2px dashed var(--bordercolor);
    display: none;
}

.accordion-item .accordion-content p {
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
    line-height: 1.8;
}

.accordion-item .accordion-content p:last-child {
    margin: 0;
}

.nav-tabs-offer {
    padding: 0;
    margin: 0 0 20px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

.nav-tabs-offer .nav-item .nav-link {
    background-color: var(--lightcolor);
    padding: 10px 20px;
    border-radius: 100px;
    border: none;
    border-radius: 100px;
    font-size: 14px;
    font-weight: normal;
    color: var(--maincolor);
    transition: all 0.3s;
}

.nav-tabs-offer .nav-item .nav-link.active {
    background-color: var(--maincolor);
    color: var(--whitecolor);
    font-weight: bold;
}

/*---------------------- /Accordian ---------------------*/

/*---------------------- Header ---------------------*/

.wrapper-affix {
    display: none;
}

.header-main {
    background-color: transparent;
    box-shadow: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    transition: all 0.3s;
}

.header-main.affix {
    background-color: var(--whitecolor);
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    padding-bottom: 15px;
    transition: all 0.3s;
}

.header-main .banner-fix-top {
    position: relative;
    background-color: var(--yellowcolor);
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-main .banner-fix-top .text {
    font-size: 16px;
    font-weight: 800;
    color: var(--blackcolor);
    margin: 0;
    text-align: center;
}

.header-main .haader-row {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s;
}

.header-main.affix .haader-row {
    margin-top: 15px;
    transition: all 0.3s;
}

.header-main .haader-row .nav-pills {
    padding: 0;
    gap: 50px;
    align-items: center;
    width: 45%;
    flex-shrink: 0;
}

.header-main .haader-row .nav-main-offer {
    position: relative;
}

.header-main .haader-row .nav-main-offer .dropdown {
    position: static;
}

.header-main .haader-row .nav-main-offer .dropdown-menu {
    top: 40px !important;
    right: 0;
    left: auto !important;
    border-radius: 20px;
    border: none;
    box-shadow: 0px 10px 200px 0px rgba(20, 39, 78, 0.15);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    width: 95%;
    padding: 20px;
    border: 1px solid var(--bordercolor);
    transform: scale(0.9) translateY(20px) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.header-main .haader-row .nav-main-offer .dropdown.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0) !important;
}

.header-main .haader-row .nav-other-offer .dropdown-menu {
    top: 40px !important;
    right: 0;
    left: auto !important;
    border-radius: 20px;
    border: none;
    box-shadow: 0px 10px 200px 0px rgba(20, 39, 78, 0.15);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 250px;
    padding: 10px;
    border: 1px solid var(--bordercolor);
    transform: scale(0.9) translateY(20px) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.header-main .haader-row .nav-other-offer .dropdown.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0) !important;
}

.header-main .haader-row .nav-pills.nav-other-offer {
    justify-content: flex-end;
}

.header-main .haader-row .nav-pills .nav-link {
    display: inline-flex;
    position: relative;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--blackcolor);
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.header-main.affix .haader-row .nav-pills .nav-link {
    font-size: 16px;
}

.header-main .haader-row .nav-pills .nav-link::before {
    content: "";
    background-color: var(--whitecolor);
    border: 1px solid var(--bordercolor);
    position: absolute;
    width: 130%;
    height: 45px;
    z-index: -1;
    border-radius: 100px;
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.3s;
}

.header-main .haader-row .nav-pills .nav-link:hover::before {
    transform: scale(1);
    opacity: 1;
}

.header-main .haader-row .nav-pills .nav-link.active {
    background-color: transparent;
    font-weight: 700;
}

.header-main .haader-row .nav-pills .dropdown-toggle::after {
    content: "\e905";
    font-family: 'icomoon';
    border: none;
    margin: 0 6px 0 0;
    vertical-align: middle;
    font-size: 16px;
    color: var(--graycolor);
    transition: all 0.3s;
}

.header-main.affix .haader-row .nav-pills .dropdown-toggle::after {
    font-size: 14px;
}

.header-main .haader-row .nav-pills .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

.header-main .haader-row .nav-pills .show .nav-link {
    background-color: transparent;
}

.header-main .haader-row .nav-other-offer .btn-register {
    background-color: var(--maincolor);
    padding: 15px 30px;
    border-radius: 100px;
    color: var(--whitecolor);
    font-weight: 700;
    transition: all 0.3s;
}

.header-main.affix .haader-row .nav-other-offer .btn-register {
    padding: 12px 25px;
}

.header-main .haader-row .nav-other-offer .btn-register:hover {
    background-color: var(--yellowcolor);
    color: var(--blackcolor);
}

.header-main .haader-row .nav-other-offer .btn-register::before {
    display: none;
}

.header-main .haader-row .logo-main {
    position: relative;
    text-align: center;
    padding-top: 20px;
}

.header-main .haader-row .logo-main::before {
    content: "";
    background: url('../images/site/crown.svg') no-repeat center center / 70px;
    width: 70px;
    height: 40px;
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: all 0.3s;
}

.header-main.affix .haader-row .logo-main::before {
    background-size: 50px;
    width: 50px;
    height: 30px;
    top: -5px;
}

.header-main .haader-row .logo-main .img-logo {
    height: 85px;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.header-main.affix .haader-row .logo-main .img-logo {
    height: 65px;
    margin: 0;
}

.header-main .haader-row .logo-main .text-logo {
    transition: all 0.3s;
}

.header-main.affix .haader-row .logo-main .text-logo {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.header-main .haader-row .logo-main .fullname {
    font-family: Teko;
    font-size: 25px;
    font-weight: 600;
    color: var(--maincolor);
    margin: 0;
    line-height: 0.7;
}

.header-main .haader-row .logo-main .slogan {
    font-size: 10px;
    font-weight: 700;
    color: var(--graycolor);
    margin: 0;
}

.header-main .nav-main-offer .dropdown-menu .item-service {
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    gap: 10px;
}

.header-main .nav-main-offer .dropdown-menu .item-service .box-icon {
    background-color: var(--whitecolor);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--bordercolor);
    transition: all 0.3s;
}

.header-main .nav-main-offer .dropdown-menu .item-service:hover .box-icon {
    background-color: var(--yellowcolor);
}

.header-main .nav-main-offer .dropdown-menu .item-service .box-icon>img,
.header-main .nav-main-offer .dropdown-menu .item-service .box-icon .svg-icon {
    width: 55%;
    transition: all 0.3s;
}

.header-main .nav-main-offer .dropdown-menu .item-service:hover .box-icon>img,
.header-main .nav-main-offer .dropdown-menu .item-service:hover .box-icon .svg-icon {
    filter: brightness(0) opacity(0.5);
}

.header-main .nav-main-offer .dropdown-menu .item-service .box-icon .maincolor {
    fill: var(--maincolor);
}

.header-main .nav-main-offer .dropdown-menu .item-service .box-icon .yellowcolor {
    fill: var(--yellowcolor);
}

.header-main .nav-main-offer .dropdown-menu .item-service .title {
    font-size: 14px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 2px;
    transition: all 0.3s;
}

.header-main .nav-main-offer .dropdown-menu .item-service:hover .title {
    color: var(--maincolor);
}

.header-main .nav-main-offer .dropdown-menu .item-service .desc {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: var(--graycolor);
    margin: 0;
}

.header-main .haader-row .nav-other-offer .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 10px 15px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.header-main .haader-row .nav-other-offer .dropdown-menu .dropdown-item:hover {
    background-color: var(--lightcolor);
    color: var(--blackcolor);
}

.header-main .haader-row .nav-other-offer .dropdown-menu .dropdown-item>i {
    font-size: 18px;
    color: var(--graycolor);
    transition: all 0.3s;
}

.header-main .haader-row .nav-other-offer .dropdown-menu .dropdown-item:hover>i {
    color: var(--maincolor);
}

.header-main .haader-row .nav-other-offer .dropdown-menu .note {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: var(--lightylcolor);
    padding: 6px 30px;
    border-radius: 100px;
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.header-main .haader-row .nav-pills .nav-link.btn-menubar {
    display: none;
}


/*---------------------- /Header ---------------------*/


/*---------------------- Content Main ---------------------*/

.content-main {
    position: relative;
    padding-top: 200px;
}

.content-main::before {
    content: "";
    background: url('../images/site/bg-hero.jpg') no-repeat center center / cover;
    width: 100%;
    height: 1100px;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    z-index: -2;
    opacity: 0.5;
}

.content-main::after {
    content: "";
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background-color: var(--yellowcolor);
    opacity: 0.1;
    filter: blur(800px);
    position: absolute;
    top: -400px;
    right: -400px;
    z-index: -1;
}


/*---------------------- Section Services ---------------------*/

.sec-main-services {
    position: relative;
    margin-top: 100px;
}

.sec-main-services::after {
    content: "";
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background-color: var(--subcolor);
    opacity: 0.2;
    filter: blur(800px);
    position: absolute;
    top: 100px;
    left: -400px;
    z-index: -1;
}

.sec-main-services .head-services {
    text-align: center;
}

.sec-main-services .slogan-main {
    font-size: 35px;
    font-weight: 900;
    text-align: center;
    color: var(--blackcolor);
    margin: 0 0 10px;
}

.sec-main-services .warning-note {
    display: inline-flex;
    background-color: var(--lightylcolor);
    padding: 6px 30px;
    border-radius: 100px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--textcolor);
}

.sec-main-services .list-services {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px 20px;
    margin-top: 50px;
    padding: 0 50px;
}

.sec-main-services .list-services .item-srv {
    position: relative;
    background-color: var(--whitecolor);
    width: 150px;
    height: 200px;
    border-radius: 200px;
    border: 2px solid var(--bordercolor);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-main-services .list-services .item-srv::before {
    content: "";
    transform: scale(0);
    position: absolute;
    margin: auto;
    border-radius: 200px;
    width: 175px;
    height: 125px;
    background: var(--yellowcolor);
    transition: all 0.3s;
}

.sec-main-services .list-services .item-srv:hover::before {
    transform: scale(1) rotateZ(90deg);
}

.sec-main-services .list-services .item-srv .svg-icon {
    position: relative;
    z-index: 10;
    transition: all 0.3s;
}

.sec-main-services .list-services .item-srv:hover .svg-icon {
    transform: scale(0.9);
}

.sec-main-services .list-services .item-srv .maincolor {
    fill: var(--maincolor);
    transition: all 0.3s;
}

.sec-main-services .list-services .item-srv .yellowcolor {
    fill: var(--yellowcolor);
    transition: all 0.3s;
}

.sec-main-services .list-services .item-srv:hover .maincolor {
    fill: var(--blackcolor);
}

.sec-main-services .list-services .item-srv:hover .yellowcolor {
    fill: var(--whitecolor);
}

.sec-main-services .list-services .item-srv .title-srv {
    background-color: var(--whitecolor);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: wrap;
    padding: 5px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    position: absolute;
    bottom: -20px;
    z-index: 10;
    text-align: center;
    transition: all 0.3s;
}

.sec-main-services .list-services .item-srv:hover .title-srv {
    background-color: var(--blackcolor);
    color: var(--whitecolor);
}

.sec-main-services .list-services .item-srv .status {
    background-color: var(--subcolor);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px 4px;
    border-radius: 100px;
    position: absolute;
    top: -10px;
    margin: 0 auto;
    z-index: 100;
    font-size: 16px;
    font-weight: 700;
    color: var(--whitecolor);
}


/*---------------------- /Section Services ---------------------*/


/*---------------------- Section Slideshow ---------------------*/

.sec-slideshow {
    margin-top: 100px;
}

.sec-slideshow .swiper-slideshow {
    width: 100%;
    height: 300px;
    border-radius: 500px;
    border: 10px solid var(--whitecolor);
    box-shadow: 0px 20px 100px 0px rgba(20, 39, 78, 0.10);
}

.sec-slideshow .swiper-slideshow .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-slideshow .swiper-slideshow .swiper-button {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.30);
    font-weight: bold;
    font-size: 28px;
    color: var(--whitecolor);
    position: absolute;
    top: 42%;
    z-index: 100;
    transition: all 0.3s;
}

.sec-slideshow .swiper-slideshow .swiper-button:hover {
    background-color: var(--whitecolor);
    color: var(--blackcolor);
}

.sec-slideshow .swiper-slideshow .swiper-button.swiper-slider-next {
    right: 40px;
}

.sec-slideshow .swiper-slideshow .swiper-button.swiper-slider-prev {
    left: 40px;
}


/*---------------------- /Section Slideshow ---------------------*/


/*---------------------- Section Steps ---------------------*/

.sec-steps-bimeh {
    position: relative;
    margin-top: 100px;
}

.sec-steps-bimeh::before {
    content: "";
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background-color: var(--subcolor);
    opacity: 0.2;
    filter: blur(800px);
    position: absolute;
    top: 230px;
    right: -400px;
    z-index: -1;
}

.sec-steps-bimeh .head-section-offer {
    justify-content: center;
    margin-bottom: 70px;
}

.sec-steps-bimeh .head-section-offer .content-head {
    text-align: center;
}

.sec-steps-bimeh .item-step {
    position: relative;
}

.sec-steps-bimeh .item-step::before {
    content: "";
    background: url('../images/site/curve-dashed-arrow.svg') no-repeat center center / 250px;
    width: 250px;
    height: 100px;
    position: absolute;
}

.sec-steps-bimeh .item-step:nth-child(1)::before {
    top: -36px;
    left: -80px;
}

.sec-steps-bimeh .item-step:nth-child(2)::before {
    transform: rotate(-148deg);
    bottom: 15px;
    right: -70px;
}

.sec-steps-bimeh .item-step:nth-child(3)::before {
    transform: scaleY(-1);
    bottom: -10px;
    left: -80px;
}

.sec-steps-bimeh .item-step:last-child::before {
    display: none;
}

.sec-steps-bimeh .item-step .box-step {
    position: relative;
    background-color: var(--whitecolor);
    width: 100%;
    height: 200px;
    border-radius: 500px;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    margin-bottom: 30px;
    z-index: 10;
    transition: all 0.3s;
}

.sec-steps-bimeh .item-step .box-step:hover {
    box-shadow: 0px 10px 200px 0px rgba(20, 39, 78, 0.15);
}

.sec-steps-bimeh .item-step .box-step .image-icon {
    width: 120px;
}

.sec-steps-bimeh .item-step .box-step .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.sec-steps-bimeh .item-step .box-step .sub-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--maincolor);
}

.sec-steps-bimeh .item-step .box-step .title {
    font-size: 25px;
    font-weight: 900;
    color: var(--blackcolor);
    margin: 0 0 15px;
}

.sec-steps-bimeh .item-step .box-step .desc {
    font-size: 16px;
    font-weight: 400;
    color: var(--textcolor);
    line-height: 28px;
    margin: 0;
}


/*---------------------- /Section Steps ---------------------*/


/*---------------------- Section Insurances ---------------------*/

.sec-insurances {
    position: relative;
    margin-top: 100px;
}

.sec-insurances::before {
    content: "";
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background-color: var(--yellowcolor);
    opacity: 0.1;
    filter: blur(800px);
    position: absolute;
    top: 150px;
    left: -400px;
    z-index: -1;
}

.sec-insurances .list-insurances {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
}

.sec-insurances .list-insurances .item-ins {
    position: relative;
    background-color: var(--whitecolor);
    width: 130px;
    height: 170px;
    border-radius: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bordercolor);
}

.sec-insurances .list-insurances .item-ins::before {
    content: "";
    transform: scale(0);
    position: absolute;
    margin: auto;
    border-radius: 200px;
    width: 145px;
    height: 105px;
    background: var(--lightcolor);
    transition: all 0.3s;
}

.sec-insurances .list-insurances .item-ins:hover::before {
    transform: scale(1) rotateZ(90deg);
}

.sec-insurances .list-insurances .item-ins>img {
    position: relative;
    max-height: 75px;
    z-index: 10;
    transition: all 0.3s;
}

.sec-insurances .list-insurances .item-ins:hover>img {
    transform: scale(0.9);
}


/*---------------------- /Section Insurances ---------------------*/


/*---------------------- Section News ---------------------*/

.sec-news-offer {
    margin-top: 100px;
}

.sec-news-offer .head-section-offer {
    margin-bottom: 0;
}

.sec-news-offer .swiper-box {
    position: relative;
    margin: 0 -50px;
}

.sec-news-offer .swiper-box .swiper-news-offer {
    padding: 50px 50px 100px;
}

.sec-news-offer .swiper-box .swiper-slide {
    opacity: 0;
    transition: all 0.3s;
}

.sec-news-offer .swiper-box .swiper-slide-active,
.sec-news-offer .swiper-box .swiper-slide-next,
.sec-news-offer .swiper-box .swiper-slide-next+.swiper-slide {
    opacity: 1;
}

.sec-news-offer .box-news {
    background-color: var(--whitecolor);
    height: 160px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 500px;
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    transition: all 0.3s;
}

.sec-news-offer .box-news:hover {
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.12);
}

.sec-news-offer .box-news .image-news {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--lightcolor);
    width: 120px;
    height: 120px;
    border-radius: 500px;
    flex-shrink: 0;
    margin-left: 20px;
    border: 3px solid var(--bordercolor);
    overflow: hidden;
}

.sec-news-offer .box-news .image-news::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--yellowcolor);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 200px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    z-index: 10;
    transition: all 0.3s;
}

.sec-news-offer .box-news:hover .image-news::before {
    opacity: 0.5;
    visibility: visible;
    transform: scale(1);
}

.sec-news-offer .box-news .image-news>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.sec-news-offer .box-news:hover .image-news>img {
    filter: grayscale(1);
    transform: scale(1.2);
}

.sec-news-offer .box-news .content-news {
    width: 100%;
}

.sec-news-offer .box-news .content-news .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
}

.sec-news-offer .box-news .content-news .category {
    font-size: 16px;
    font-weight: 700;
    color: var(--maincolor);
}

.sec-news-offer .box-news .content-news .date {
    font-size: 14px;
    font-weight: 600;
    color: var(--graycolor);
}

.sec-news-offer .box-news .content-news .title {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    margin: 15px 0 0;
}

.sec-news-offer .box-news .content-news .title>a {
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-news-offer .box-news:hover .content-news .title>a {
    color: var(--maincolor);
}

.sec-news-offer .swiper-box .swiper-button {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lightcolor);
    font-weight: bold;
    font-size: 28px;
    color: var(--graycolor);
    position: absolute;
    top: 34%;
    z-index: 100;
    transition: all 0.3s;
}

.sec-news-offer .swiper-box .swiper-button:hover {
    background-color: var(--maincolor);
    color: var(--whitecolor);
}

.sec-news-offer .swiper-box .swiper-button.swiper-button-disabled {
    cursor: auto;
    background: var(--lightcolor);
    color: var(--graycolor);
    opacity: 0.5;
}

.sec-news-offer .swiper-box .swiper-button.swiper-news-next {
    right: 25px;
}

.sec-news-offer .swiper-box .swiper-button.swiper-news-prev {
    left: 25px;
}


/*---------------------- /Section News ---------------------*/


/*---------------------- Section Features ---------------------*/

.sec-features {
    position: relative;
}

.sec-features::after {
    content: "";
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background-color: var(--subcolor);
    opacity: 0.15;
    filter: blur(800px);
    position: absolute;
    bottom: -400px;
    right: -400px;
    z-index: -1;
}

.sec-features .list-fts {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec-features .list-fts .item-fts {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.sec-features .list-fts .item-fts:not(:last-child)::after {
    content: "";
    background: url('../images/site/curve-dashed.svg') no-repeat center center / 250px;
    width: 250px;
    height: 100px;
    position: absolute;
    right: 100%;
    top: 20px;
}

.sec-features .list-fts .item-fts:nth-child(even)::after {
    transform: scaleY(-1);
}

.sec-features .list-fts .item-fts .svg-icon {
    width: 100px;
    height: 100px;
}

.sec-features .list-fts .item-fts .svg-icon .lightcolor {
    fill: var(--lightcolor);
    transition: all 0.3s;
}

.sec-features .list-fts .item-fts:hover .svg-icon .lightcolor {
    fill: var(--whitecolor);
}

.sec-features .list-fts .item-fts .svg-icon .linecolor {
    fill: var(--textcolor);
    transition: all 0.3s;
}

.sec-features .list-fts .item-fts:hover .svg-icon .linecolor {
    fill: var(--blackcolor);
}

.sec-features .list-fts .item-fts .svg-icon .maincolor {
    fill: var(--maincolor);
    transition: all 0.3s;
}

.sec-features .list-fts .item-fts:hover .svg-icon .maincolor {
    fill: var(--yellowcolor);
}

.sec-features .list-fts .item-fts .svg-icon .subcolor {
    fill: var(--subcolor);
    transition: all 0.3s;
}

.sec-features .list-fts .item-fts:hover .svg-icon .subcolor {
    fill: var(--lightylcolor);
}

.sec-features .list-fts .item-fts .title-fts {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: var(--textcolor);
    margin: 20px 0 0;
    transition: all 0.3s;
}

.sec-features .list-fts .item-fts:hover .title-fts {
    color: var(--blackcolor);
}

.sec-features .bimeh-markazi {
    background-color: var(--lightylcolor);
    width: 100%;
    height: 80px;
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.sec-features .bimeh-markazi .text {
    font-size: 25px;
    font-weight: 400;
    color: var(--textcolor);
    margin: 0;
}

.sec-features .bimeh-markazi .text>strong {
    font-size: 25px;
    font-weight: 900;
    color: var(--blackcolor);
}


/*---------------------- /Section Features ---------------------*/


/*---------------------- /Content Main ---------------------*/


/*---------------------- Footer Main ---------------------*/

.footer-main {
    position: relative;
    margin-top: 100px;
    border-top: 1px solid var(--bordercolor);
    overflow: hidden;
}

.footer-main::after {
    content: "";
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background-color: var(--yellowcolor);
    opacity: 0.1;
    filter: blur(800px);
    position: absolute;
    bottom: -200px;
    left: -400px;
    z-index: -1;
}


/*---------------------- Footer Info ---------------------*/

.footer-main .footer-info {
    padding: 50px 0;
    border-bottom: 1px solid var(--bordercolor);
}

.footer-main .footer-info .info-offer .logo-fa {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}

.footer-main .footer-info .info-offer .logo-fa .image-logo {
    height: 100px;
}

.footer-main .footer-info .info-offer .logo-fa .fullname {
    font-size: 35px;
    font-weight: 950;
    color: var(--maincolor);
    margin: 5px 0 0;
    line-height: 1;
}

.footer-main .footer-info .info-offer .logo-fa .slogan {
    font-size: 16px;
    font-weight: 700;
    color: var(--graycolor);
}

.footer-main .footer-info .info-offer .text-support {
    font-size: 20px;
    font-weight: 600;
    color: var(--graycolor);
    margin: 0;
}

.footer-main .footer-info .info-offer .address {
    font-size: 20px;
    font-weight: 600;
    color: var(--blackcolor);
    margin: 0;
}

.footer-main .footer-info .info-offer .phone {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 40px 0 30px;
}

.footer-main .footer-info .info-offer .phone>i {
    font-size: 35px;
    margin-left: 20px;
}

.footer-main .footer-info .info-offer .phone,
.footer-main .footer-info .info-offer .phone a {
    font-size: 22px;
    font-weight: 800;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.footer-main .footer-info .info-offer .phone .text {
    direction: ltr;
}

.footer-main .footer-info .info-offer .phone a:hover {
    color: var(--subcolor);
}

.footer-main .footer-info .info-offer .socials .title {
    font-size: 20px;
    font-weight: 800;
    color: var(--subcolor);
    margin: 0 0 20px;
}

.footer-main .footer-info .info-offer .socials .list-sc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

.footer-main .footer-info .info-offer .socials .list-sc .item-sc {
    position: relative;
    top: 0;
    display: flex;
    font-size: 30px;
    color: var(--graycolor);
    transition: all 0.3s;
}

.footer-main .footer-info .info-offer .socials .list-sc .item-sc:hover {
    top: -3px;
    color: var(--blackcolor);
}

.footer-main .footer-info .info-offer .socials .list-sc .item-sc>img {
    width: 30px;
    filter: brightness(0) opacity(0.4);
    transition: all 0.3s;
}

.footer-main .footer-info .info-offer .socials .list-sc .item-sc:hover>img {
    filter: none;
}

.footer-main .footer-info .links-offer .title-head {
    position: relative;
    font-size: 25px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 40px;
}

.footer-main .footer-info .links-offer .title-head::after {
    content: "";
    background-color: var(--bordercolor);
    width: 80px;
    height: 1px;
    position: absolute;
    bottom: -10px;
    right: 0;
}

.footer-main .footer-info .links-offer .list-links {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 15px 30px;
}

.footer-main .footer-info .links-offer .row-links:nth-child(1) .list-links {
    margin-bottom: 50px;
}

.footer-main .footer-info .links-offer .list-links>li {
    width: 200px;
}

.footer-main .footer-info .links-offer .list-links>li>a {
    font-size: 18px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.footer-main .footer-info .links-offer .list-links>li>a:hover {
    color: var(--maincolor);
    padding-right: 5px;
    font-weight: 700;
}


/*---------------------- /Footer Info ---------------------*/


/*---------------------- Footer About ---------------------*/

.footer-main .footer-about {
    padding: 50px 0;
}

.footer-main .footer-about .slogan {
    font-size: 20px;
    font-weight: 800;
    color: var(--maincolor);
    margin: 0 0 25px;
}

.footer-main .footer-about .desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    color: var(--textcolor);
    margin: 0;
    text-align: justify;
}

.footer-main .footer-about .licenses-offer {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 15px;
}

.footer-main .footer-about .licenses-offer .item-lsc {
    background-color: var(--whitecolor);
    width: 130px;
    height: 170px;
    border-radius: 500px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bordercolor);
    transition: all 0.3s;
}

.footer-main .footer-about .licenses-offer .item-lsc:hover {
    border-color: var(--graycolor);
}

.footer-main .footer-about .licenses-offer .item-lsc>img {
    height: 100px;
    transition: all 0.3s;
}

.footer-main .footer-about .licenses-offer .item-lsc:hover>img {
    transform: scale(0.9);
}


/*---------------------- /Footer About ---------------------*/


/*---------------------- Footer Copyright ---------------------*/

.footer-main .footer-copyright {
    background-color: var(--subcolor);
    padding: 30px 0 25px;
}

.footer-main .footer-copyright .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-main .footer-copyright .copyright,
.footer-main .footer-copyright .designer {
    font-size: 16px;
    font-weight: 600;
    color: var(--blackcolor);
    margin: 0;
    text-align: center;
}

.footer-main .footer-copyright .designer>a {
    display: inline-flex;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.footer-main .footer-copyright .designer>a:hover {
    color: var(--whitecolor);
}


/*---------------------- /Footer Copyright ---------------------*/


/*---------------------- /Footer Main ---------------------*/

.overlay-resp {
    background-color: rgba(20, 39, 78, 0.6);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(5px);
    transition: all 0.3s;
}

.overlay-resp.show {
    opacity: 1;
    visibility: visible;
}

.menu-fixed-resp {
    background-color: var(--whitecolor);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    height: 100vh;
    z-index: 999999;
    overflow: hidden;
    display: none;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 0.3s;
}

.menu-fixed-resp.show {
    visibility: visible;
    transform: translateX(0);
}

.menu-fixed-resp::before {
    content: "";
    background: url('../images/site/bg-hero.jpg') no-repeat center center / cover;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100px;
    right: 0;
    left: 0;
    z-index: -2;
    opacity: 1;
}

.menu-fixed-resp .close-menu-resp {
    display: inline-block;
    margin: 15px;
    font-size: 30px;
    color: var(--blackcolor);
}

.menu-fixed-resp .list-menu-resp {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 80%;
    overflow-y: auto;
}

.menu-fixed-resp .list-menu-resp .item-menu {
    width: 100%;
    padding: 0 15px;
    border-bottom: 1px solid var(--bordercolor);
}

.menu-fixed-resp .list-menu-resp .item-menu .link-menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.menu-fixed-resp .list-menu-resp .item-menu .link-menu.show {
    color: var(--maincolor);
}

.menu-fixed-resp .list-menu-resp .item-menu .link-dropdown::after {
    content: "\e905";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    font-size: 18px;
    font-weight: normal;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.menu-fixed-resp .list-menu-resp .item-menu .link-dropdown.show::after {
    transform: rotate(180deg);
}

.menu-fixed-resp .list-menu-resp .item-menu .link-menu>i {
    font-size: 22px;
    color: var(--graycolor);
    transition: all 0.3s;
}

.menu-fixed-resp .list-menu-resp .item-menu .link-dropdown.show>i {
    color: var(--maincolor);
}

.menu-fixed-resp .list-menu-resp .list-dropdown-menu {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
}

.menu-fixed-resp .list-menu-resp .list-dropdown-menu>li>a {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
    margin: 0 0 15px;
}

.menu-fixed-resp .text-logo {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    text-align: center;
}

.menu-fixed-resp .text-logo .fullname {
    font-family: Teko;
    font-size: 25px;
    font-weight: 600;
    color: var(--maincolor);
    margin: 0;
    line-height: 0.7;
}

.menu-fixed-resp .text-logo .slogan {
    font-size: 10px;
    font-weight: 700;
    color: var(--graycolor);
    margin: 0;
}

/*---------------------- Page Style ---------------------*/

.content-pages {
    padding-top: 40px;
    padding-bottom: 100px;
}

.content-pages::before {
    background: var(--lightcolor);
    height: 100%;
    top: 0;
}

.content-pages+.footer-main {
    margin-top: 0;
}

.breadcrumb-page .breadcrumb {
    background-color: var(--whitecolor);
    border-radius: 100px;
    margin-top: 30px;
    padding: 12px 20px;
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
}

.breadcrumb-page .breadcrumb .breadcrumb-item>a {
    font-size: 14px;
    font-weight: 500;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.breadcrumb-page .breadcrumb .breadcrumb-item>a:hover {
    color: var(--maincolor);
}

.breadcrumb-page .breadcrumb .breadcrumb-item.active {
    font-size: 14px;
    font-weight: normal;
    color: var(--graycolor);
}

.breadcrumb-page .breadcrumb-item+.breadcrumb-item {
    padding: 0;
}

.breadcrumb-page .breadcrumb-item+.breadcrumb-item::before {
    content: "\e906";
    font-family: 'icomoon';
    padding: 0 8px;
    font-size: 12px;
    color: var(--graycolor);
    display: flex;
    align-items: center;
}

.sec-form-steps .info-step-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-form-steps .info-step-box .item-srv {
    position: relative;
    background-color: var(--whitecolor);
    width: 100px;
    height: 125px;
    border-radius: 200px;
    border: 2px solid var(--bordercolor);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.sec-form-steps .info-step-box .item-srv::before {
    content: "";
    transform: scale(1) rotateZ(90deg);
    position: absolute;
    margin: auto;
    border-radius: 200px;
    width: 110px;
    height: 85px;
    background: var(--yellowcolor);
    transition: all 0.3s;
}

.sec-form-steps .info-step-box .item-srv .svg-icon {
    position: relative;
    z-index: 10;
    transition: all 0.3s;
}

.sec-form-steps .info-step-box .item-srv .maincolor {
    fill: var(--maincolor);
    transition: all 0.3s;
}

.sec-form-steps .info-step-box .item-srv .yellowcolor {
    fill: var(--yellowcolor);
    transition: all 0.3s;
}

.sec-form-steps .info-step-box .item-srv .maincolor {
    fill: var(--blackcolor);
}

.sec-form-steps .info-step-box .item-srv .yellowcolor {
    fill: var(--whitecolor);
}

.sec-form-steps .info-step-box .title-step {
    font-size: 30px;
    font-weight: 900;
    color: var(--blackcolor);
    margin: 0 0 5px;
    text-align: right;
}

.sec-form-steps .info-step-box .subtitle-step {
    font-size: 16px;
    font-weight: normal;
    color: var(--graycolor);
    margin: 0;
    text-align: right;
}

.sec-form-steps .info-step-box .subtitle-step .text-step-wizard {
    display: none;
}

.sec-form-steps .info-step-box .subtitle-step .text-step-wizard.active {
    display: block;
}

.sec-form-steps .info-step-box .bullet-steps {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin-top: 10px;
}

.sec-form-steps .info-step-box .bullet-steps .item-blt {
    width: 25px;
    height: 10px;
    border-radius: 200px;
    background-color: rgba(155, 164, 180, 0.3);
    transition: all 0.3s;
}

.sec-form-steps .info-step-box .bullet-steps .item-blt.active {
    background-color: var(--maincolor);
    width: 35px;
}

.sec-form-steps .box-outer-style {
    position: relative;
    background-color: var(--whitecolor);
    border-radius: 50px;
    margin-top: 20px;
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
}

.sec-form-steps .box-outer-style::before {
    content: "";
    width: 1px;
    height: 100%;
    border-right: 2px dashed var(--bordercolor);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.sec-form-steps .box-outer-style .form-col-step,
.sec-form-steps .box-outer-style .media-col-step {
    padding: 30px;
}

.sec-form-steps .wizrd-steps-form .item-step {
    display: none;
}

.sec-form-steps .wizrd-steps-form .item-step.active {
    display: block;
}

.sec-form-steps .box-outer-style .media-col-step {
    height: 100%;
    text-align: center;
}

.sec-form-steps .swiper-slider-steps {
    padding-bottom: 50px;
    margin-top: 20px;
}

.sec-form-steps .swiper-slider-steps .swiper-slide {
    text-align: center;
    opacity: 0;
    transition: all 0.3s;
}

.sec-form-steps .swiper-slider-steps .swiper-slide-active,
.sec-form-steps .swiper-slider-steps .swiper-slide-next,
.sec-form-steps .swiper-slider-steps .swiper-slide-next+.swiper-slide {
    opacity: 1;
}

.sec-form-steps .box-outer-style .swiper-slider-steps .swiper-slide img {
    width: 350px;
}

.sec-form-steps .box-outer-style .warning-note {
    display: inline-flex;
    background-color: var(--lightylcolor);
    padding: 6px 30px;
    border-radius: 100px;
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--textcolor);
}

.sec-form-steps .swiper-slider-steps .swiper-pagination-bullet {
    margin: 0 3px;
    background-color: rgba(155, 164, 180, 0.3);
    opacity: 1;
}

.sec-form-steps .swiper-slider-steps .swiper-pagination-bullet-active {
    background-color: var(--maincolor);
}

.sec-form-steps .box-outer-style .form-col-step {
    padding: 30px;
    text-align: center;
}

.sec-form-steps .inquiry-pelak {
    padding: 0 150px;
}

.sec-form-steps .title-step-offer {
    font-size: 25px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 20px 0 0;
}

.sec-form-steps .desc-step-offer {
    font-size: 16px;
    font-weight: normal;
    color: var(--textcolor);
    margin: 5px 0 0;
}

.sec-form-steps .pelak-row {
    position: relative;
    margin: 30px 0;
}

.sec-form-steps .pelak-row .btn-list-pelak {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--maincolor);
}

.sec-form-steps .pelak-row .btn-list-pelak>i {
    font-size: 16px;
    margin-right: 5px;
}

.sec-form-steps .view-pelak,
.modal-offerbimeh .view-pelak {
    margin-top: 15px;
    background-color: var(--lightcolor);
    border: 1px solid var(--bordercolor);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    direction: ltr;
}

.sec-form-steps .view-pelak .nemad-pelak,
.modal-offerbimeh .view-pelak .nemad-pelak {
    background-color: #002f9c;
    padding: 5px;
    text-align: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 35px;
    height: 100%;
    flex-shrink: 0;
}

.sec-form-steps .view-pelak .nemad-pelak .img-flag,
.modal-offerbimeh .view-pelak .nemad-pelak .img-flag {
    width: 25px;
}

.sec-form-steps .view-pelak .nemad-pelak .pelak-abbr,
.sec-form-steps .view-pelak .nemad-pelak .pelak-iran,
.modal-offerbimeh .view-pelak .nemad-pelak .pelak-abbr,
.modal-offerbimeh .view-pelak .nemad-pelak .pelak-iran {
    font-size: 9px;
    font-weight: 500;
    color: var(--whitecolor);
    line-height: 1.2;
}

.sec-form-steps .view-pelak .controls-pelak,
.modal-offerbimeh .view-pelak .controls-pelak {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.sec-form-steps .view-pelak .controls-pelak .main-numbers,
.modal-offerbimeh .view-pelak .controls-pelak .main-numbers {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px;
    gap: 5px;
    height: 100%;
    width: 80%;
}

.sec-form-steps .view-pelak .controls-pelak input,
.modal-offerbimeh .view-pelak .controls-pelak input {
    background-color: var(--whitecolor);
    border: 1px solid var(--whitecolor);
    height: 100%;
    border-radius: 100px;
    text-align: center;
    transition: all 0.3s;
}

.sec-form-steps .view-pelak .controls-pelak input:focus,
.modal-offerbimeh .view-pelak .controls-pelak input:focus {
    border-color: var(--subcolor);
}

.sec-form-steps .view-pelak .controls-pelak input::placeholder,
.modal-offerbimeh .view-pelak .controls-pelak input::placeholder {
    color: var(--textcolor);
    opacity: 0.2;
}

.sec-form-steps .view-pelak .controls-pelak .main-numbers>input:nth-child(1),
.modal-offerbimeh .view-pelak .controls-pelak .main-numbers>input:nth-child(1) {
    width: 30%;
}

.sec-form-steps .view-pelak .controls-pelak .main-numbers .plk-letters,
.modal-offerbimeh .view-pelak .controls-pelak .main-numbers .plk-letters {
    position: relative;
    width: 45%;
    height: 100%;
}

.sec-form-steps .view-pelak .controls-pelak .main-numbers .plk-letters>input,
.modal-offerbimeh .view-pelak .controls-pelak .main-numbers .plk-letters>input {
    width: 100%;
}

.sec-form-steps .view-pelak .controls-pelak .main-numbers>input:nth-child(3),
.modal-offerbimeh .view-pelak .controls-pelak .main-numbers>input:nth-child(3) {
    width: 35%;
}

.sec-form-steps .view-pelak .controls-pelak .list-letters-pelak,
.modal-offerbimeh .view-pelak .controls-pelak .list-letters-pelak {
    position: absolute;
    top: 40px;
    right: -65%;
    width: 250px;
    background-color: var(--whitecolor);
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    border: 1px solid var(--bordercolor);
    border-radius: 15px;
    z-index: 100;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    direction: rtl;
    padding: 10px;
    gap: 2px;
    transform: scale(0.9) translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.sec-form-steps .view-pelak .controls-pelak .list-letters-pelak.show,
.modal-offerbimeh .view-pelak .controls-pelak .list-letters-pelak.show {
    top: 55px;
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0);
}

.sec-form-steps .view-pelak .controls-pelak .list-letters-pelak .item-letter,
.modal-offerbimeh .view-pelak .controls-pelak .list-letters-pelak .item-letter {
    background-color: var(--whitecolor);
    width: 35px;
    height: 35px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 14px;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-form-steps .view-pelak .controls-pelak .list-letters-pelak .item-letter:hover,
.modal-offerbimeh .view-pelak .controls-pelak .list-letters-pelak .item-letter:hover {
    background-color: var(--lightcolor);
    color: var(--maincolor);
}

.sec-form-steps .view-pelak .controls-pelak .list-letters-pelak .item-letter.active,
.modal-offerbimeh .view-pelak .controls-pelak .list-letters-pelak .item-letter.active {
    background-color: var(--yellowcolor);
    color: var(--blackcolor);
}

.sec-form-steps .view-pelak .controls-pelak .unit-pelak,
.modal-offerbimeh .view-pelak .controls-pelak .unit-pelak {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1px 5px 5px;
    gap: 2px;
    height: 100%;
    width: 20%;
    border-left: 1px solid var(--bordercolor);
}

.sec-form-steps .view-pelak .controls-pelak .unit-pelak .iran,
.modal-offerbimeh .view-pelak .controls-pelak .unit-pelak .iran {
    font-size: 10px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-form-steps .view-pelak .controls-pelak .unit-pelak input,
.modal-offerbimeh .view-pelak .controls-pelak .unit-pelak input {
    width: 100%;
}

.sec-form-steps .list-pelak-dropdown {
    position: absolute;
    top: 80%;
    right: 0;
    left: 0;
    background-color: var(--whitecolor);
    box-shadow: 0px 20px 50px 0px rgba(20, 39, 78, 0.2);
    border: 1px solid var(--bordercolor);
    border-radius: 15px;
    z-index: 100;
    max-height: 210px;
    overflow-y: auto;
    transform: scale(0.9) translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.sec-form-steps .list-pelak-dropdown.show {
    top: 110%;
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0);
}

.sec-form-steps .list-pelak-dropdown .item-pelak {
    background-color: var(--whitecolor);
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
    border-bottom: 1px dashed var(--bordercolor);
}

.sec-form-steps .list-pelak-dropdown .item-pelak.active {
    background-color: var(--bordercolor);
}

.sec-form-steps .list-pelak-dropdown .item-pelak:last-child {
    border-bottom: none;
}

.sec-form-steps .list-pelak-dropdown .item-pelak .view-pelak {
    background-color: var(--whitecolor);
    margin: 0;
    height: 50px;
}

.sec-form-steps .list-pelak-dropdown .item-pelak .nemad-pelak {
    padding: 2px 5px;
}

.sec-form-steps .list-pelak-dropdown .item-pelak .unit-pelak {
    padding: 5px;
}

.sec-form-steps .list-pelak-dropdown .item-pelak input {
    cursor: pointer;
    background-color: transparent;
    border: none;
    font-weight: bold;
}

.sec-form-steps .list-pelak-dropdown .item-pelak .main-numbers input {
    width: 33.33%;
}

.sec-form-steps .list-pelak-dropdown .item-pelak .btn-del-pelak {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 22px;
    color: var(--dangercolor);
}

.sec-form-steps .form-group {
    width: 100%;
    margin-bottom: 20px;
}

.form-group .lbl-form-offer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    text-align: right;
    margin: 0;
    padding: 0 5px 5px 5px;
}

.form-group .lbl-form-offer .starreq {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    color: var(--dangercolor);
    top: -1px;
}

.form-group .lbl-form-offer .error-offer {
    font-size: 11px;
    font-weight: 500;
    margin-right: 5px;
}

.form-group .form-control-offer {
    width: 100%;
    background-color: var(--whitecolor);
    height: 55px;
    border: 1px solid var(--bordercolor);
    border-radius: 500px;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: bold;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.form-group .form-control-offer:disabled {
    opacity: 0.5;
}

.form-group .form-control-offer.password {
    font-size: 18px;
}

.form-group textarea.form-control-offer {
    min-height: 150px;
    border-radius: 25px;
    padding: 20px;
}

.form-group .input-group .input-icon {
    position: absolute;
    width: 55px;
    height: 55px;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--graycolor);
}

.form-group .form-control-offer::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
    text-align: right;
    opacity: 0.3;
}

.form-group .form-control-offer:hover {
    border-color: var(--subcolor);
}

.form-group .form-control-offer:focus {
    border-color: var(--subcolor);
    box-shadow: 0 0 0 2px rgba(104, 210, 232, 0.2);
}

.form-group .form-control-offer.error {
    border-color: var(--dangercolor);
    box-shadow: 0 0 0 2px rgba(210, 3, 3, 0.1);
}

.form-group .form-control-offer.valid {
    border-color: var(--subcolor);
}

.form-group .form-control-offer+label.error {
    font-size: 12px;
    font-weight: normal;
    color: var(--dangercolor);
    display: block;
    margin: 0;
    padding: 5px;
}

.sec-form-steps .form-group .note-form {
    width: 100%;
    padding: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    color: var(--textcolor);
}

.sec-form-steps .form-group .note-form>i {
    font-size: 14px;
    margin-left: 5px;
}

.sec-form-steps .btn-step-offer {
    background-color: var(--maincolor);
    padding: 15px 25px;
    border-radius: 500px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--whitecolor);
    box-shadow: none;
    border: none;
    transition: all 0.3s;
}

.sec-form-steps .btn-step-offer:hover {
    background-color: var(--blackcolor);
}

.sec-form-steps .btn-change-form {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--subcolor);
    margin-top: 15px;
    transition: all 0.3s;
}

.sec-form-steps .btn-change-form:hover {
    color: var(--maincolor);
}

.sec-form-steps .inquiry-no-pelak {
    display: none;
}

.sec-form-steps .inquiry-no-pelak .row-small {
    margin-top: 30px;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0 20px;
}

.sec-form-steps .col-item {
    padding: 0 10px;
}

.sec-form-steps select.deactive+.select2 {
    opacity: 0.5;
    pointer-events: none;
}

.sec-form-steps .inquiry-no-pelak .confirm-form {
    width: 400px;
    margin: 0 auto;
    margin-top: 30px;
}

.sec-form-steps .inquiry-no-pelak .hidden+.select2 {
    display: none;
}

.form-group .form-toggle-offer {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 55px;
    border: 1px solid var(--bordercolor);
    border-radius: 500px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-group .form-toggle-offer.maxlenght {
    width: calc(50% - 10px);
}

.form-group .form-toggle-offer::before {
    content: "";
    background-color: var(--yellowcolor);
    width: 49%;
    height: 37px;
    border-radius: 500px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.form-group .form-toggle-offer[data-toggle=radio0]::before {
    right: 8px;
    opacity: 1;
    visibility: visible;
}

.form-group .form-toggle-offer[data-toggle=radio1]::before {
    right: 48.5%;
    opacity: 1;
    visibility: visible;
}


.form-group .form-toggle-offer .toggle-item {
    position: relative;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    z-index: 10;
}

.form-group .form-toggle-offer .toggle-item input {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.form-group .form-toggle-offer .toggle-item span {
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: var(--blackcolor);
    transition: all 0.2s;
}

.form-group .form-toggle-offer .toggle-item input:checked+span {
    opacity: 1;
    color: var(--blackcolor);
}

.sec-form-steps .item-step.item-view-btns {
    padding-bottom: 120px;
}

.sec-form-steps .btns-step-wizard {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.sec-form-steps .btns-step-wizard .btn-step-offer>i {
    font-size: 16px;
}

.sec-form-steps .btns-step-wizard .btn-prev-step {
    background-color: var(--lightcolor);
    color: var(--graycolor);
}

.sec-form-steps .btns-step-wizard .btn-prev-step:hover {
    background-color: var(--bordercolor);
}

.sec-form-steps .form-select-year {
    display: none;
}

.sec-form-steps .form-select-year.active {
    display: block;
}

.sec-form-steps .hidden-element {
    display: none;
}

.form-group .custom-checkbox {
    padding: 0;
    text-align: right;
}

.form-group .custom-checkbox .custom-control-label {
    padding-right: 35px;
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
}

.form-group .custom-checkbox .custom-control-label>a {
    font-weight: bold;
    color: var(--maincolor);
}

.form-group .custom-checkbox .custom-control-label::before {
    top: -1px;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border-color: var(--bordercolor);
    box-shadow: none;
    transition: all 0.3s;
}

.form-group .custom-checkbox .custom-control-label::after {
    content: "\e918";
    font-family: 'icomoon';
    top: -1px;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--blackcolor);
    opacity: 0;
    transition: all 0.3s;
}

.form-group .custom-checkbox .custom-control-input {
    left: auto;
    right: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
}

.form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--yellowcolor);
    background-color: var(--yellowcolor);
}

.form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    opacity: 1;
    font-size: 12px;
}

.loader {
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--maincolor);
    position: absolute;
    top: 65%;
    z-index: 100;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    inset: 0;
    background: var(--blackcolor);
    transform: rotate(0deg) translate(15px);
    animation: rotate 1s ease infinite;
}

.loader:after {
    animation-delay: 0.5s
}

@keyframes rotate {
    100% {
        transform: rotate(360deg) translate(15px)
    }
}

.loader-button {
    width: 20px;
    height: 20px;
    border: 3px solid var(--whitecolor);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: none;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    opacity: 0.6;
    margin-right: 10px;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.sec-faq-offer .head-section-offer,
.sec-help-offer .head-section-offer {
    justify-content: center;
    margin-top: 100px;
}

.sec-faq-offer .head-section-offer .content-head,
.sec-help-offer .head-section-offer .content-head {
    text-align: center;
}

.sec-help-offer .box-desc-style {
    width: 100%;
    background-color: var(--whitecolor);
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    border-radius: 50px;
    border: 1px solid var(--bordercolor);
    padding: 30px;
}

.sec-help-offer .box-desc-style table {
    width: auto;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 30px;
    border: 2px solid var(--lightcolor);
    overflow: hidden;
}

.sec-help-offer .box-desc-style table td,
.sec-help-offer .box-desc-style table th {
    text-align: center;
    padding: 20px;
    border: unset;
    border-left: 3px solid var(--whitecolor);
}

.sec-help-offer .box-desc-style table td:last-child,
.sec-help-offer .box-desc-style table th:last-child {
    border: unset;
}

.sec-help-offer .box-desc-style table thead {
    background-color: var(--lightcolor);
}

.sec-help-offer .box-desc-style table thead th {
    font-weight: 900;
    color: var(--blackcolor);
    font-size: 16px;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: var(--whitecolor)
}

.table-striped tbody tr:nth-of-type(2n+2) {
    background-color: rgba(254, 239, 173, 0.3);
}

.sec-help-offer .box-desc-style table tbody td {
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
}

.breadcrumb-page .breadcrumb-search {
    justify-content: space-between;
}

.breadcrumb-page .breadcrumb-search .info-bread {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.breadcrumb-page .breadcrumb-search .title-page {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 0 40px;
}

.breadcrumb-page .breadcrumb-search .details-bimeh {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.breadcrumb-page .breadcrumb-search .logo-brand {
    width: 30px;
    height: 30px;
    border: 1px solid var(--bordercolor);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.breadcrumb-page .breadcrumb-search .logo-brand>img {
    width: 100%;
}

.breadcrumb-page .breadcrumb-search .breadcrumb-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding-right: 10px;
}

.breadcrumb-page .breadcrumb-search .breadcrumb-item {
    align-items: center;
}

.breadcrumb-page .breadcrumb-search .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 1px;
    height: 15px;
    padding: 0;
    margin: 0 10px;
    background-color: var(--bordercolor);
    transform: rotate(15deg);
}

.breadcrumb-page .breadcrumb-search .btn-edit-bimeh {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 600;
    color: var(--maincolor);
    transition: all 0.3s;
}

.breadcrumb-page .breadcrumb-search .btn-edit-bimeh:hover {
    color: var(--subcolor);
}

.breadcrumb-page .breadcrumb-search .btn-edit-bimeh>i {
    display: inline-block;
    position: relative;
    font-size: 16px;
    margin-left: 6px;
    top: -1px;
}

.breadcrumb-page .breadcrumb-search .btn-edit-bimeh .text::before {
    content: "مشاهده و ویرایش";
}

.breadcrumb-page .breadcrumb-search .btn-share-page {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    color: var(--blackcolor);
}

.breadcrumb-page .breadcrumb-search .btn-share-page>i {
    font-size: 16px;
    margin-right: 10px;
}

.breadcrumb-page .breadcrumb-search .btn-share-page .text::before {
    content: "اشتراک صفحه";
}

.filter-list-bimeh {
    margin-top: 40px;
}

.filter-list-bimeh .head-filter-resp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    display: none;
}

.filter-list-bimeh .head-filter-resp .title {
    font-size: 16px;
    font-weight: bold;
    color: var(--blackcolor);
}

.filter-list-bimeh .head-filter-resp .btn-close-filter {
    width: 35px;
    height: 35px;
    background-color: var(--whitecolor);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: var(--textcolor);
    opacity: 1;
}

.filter-list-bimeh .sidebar-filter {
    position: relative;
}

.filter-list-bimeh .sidebar-filter .btn-confirm-filter {
    position: fixed;
    bottom: 20px;
    z-index: 999999;
    right: 0;
    left: 0;
    background-color: var(--maincolor);
    width: 100%;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: var(--whitecolor);
}

.filter-list-bimeh .filter-box {
    background-color: var(--whitecolor);
    border: 1px solid var(--bordercolor);
    border-radius: 25px;
    margin-bottom: 15px;
}

.filter-list-bimeh .filter-box.hide {
    height: 60px;
    overflow: hidden;
    border-radius: 20px;
}

.filter-list-bimeh .filter-box .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.filter-list-bimeh .filter-box .head .title {
    font-size: 16px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.filter-list-bimeh .filter-box .head>i {
    font-size: 18px;
    color: var(--graycolor);
}

.filter-list-bimeh .filter-box .body {
    padding: 10px 20px 20px;
}

.filter-list-bimeh .filter-box .desc {
    font-size: 14px;
    font-weight: normal;
    color: var(--graycolor);
    margin: 0 0 20px;
}

.filter-list-bimeh .filter-box .form-group:last-child {
    margin: 0;
}

.filter-list-bimeh .filter-box .details-box {
    background-color: var(--lightcolor);
    border-radius: 15px;
    padding: 10px 15px;
    margin-top: 15px;
}

.filter-list-bimeh .filter-box .details-box .row-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    padding: 3px 0;
}

.filter-list-bimeh .filter-box .details-box .label {
    color: var(--textcolor);
}

.filter-list-bimeh .filter-box .details-box .value {
    color: var(--blackcolor);
    font-weight: 600;
}

.filter-list-bimeh .list-resault-filter .head-resault {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.list-resault-filter .head-resault .form-control-offer {
    width: 320px;
    padding-left: 100px;
}

.list-resault-filter .head-resault .btn-confirm-off {
    background-color: var(--yellowcolor);
    position: absolute;
    top: 7px;
    left: 7px;
    height: 41px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 100px;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.list-resault-filter .head-resault .btn-confirm-off:hover {
    background-color: var(--lightylcolor);
}

.list-resault-filter .head-resault .sortby-box {
    position: relative;
    width: 240px;
}

.list-resault-filter .head-resault .sortby-box .title {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    right: 20px;
    top: 18px;
    z-index: 100;
    font-size: 14px;
    color: var(--textcolor);
}

.list-resault-filter .head-resault .sortby-box .title>i {
    font-size: 16px;
    margin-left: 6px;
    color: var(--graycolor);
}

.list-resault-filter .head-resault .sortby-box .select2-selection__rendered {
    padding-right: 115px;
    font-size: 14px;
}

.list-resault-filter .item-bimeh-ofr {
    background-color: var(--whitecolor);
    border: 1px solid var(--bordercolor);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    transition: all 0.3s;
}

.list-resault-filter .item-bimeh-ofr:last-child {
    margin-bottom: 0;
}

.list-resault-filter .item-bimeh-ofr:hover {
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
}

.list-resault-filter .item-bimeh-ofr .details-bimeh {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 30px;
}

.list-resault-filter .item-bimeh-ofr .logo-box>img {
    max-height: 75px;
    margin-left: 20px;
}

.list-resault-filter .item-bimeh-ofr .info-box {
    width: 150px;
}

.list-resault-filter .item-bimeh-ofr .info-box .title {
    font-size: 18px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.list-resault-filter .item-bimeh-ofr .info-box .count {
    font-size: 14px;
    font-weight: normal;
    color: var(--graycolor);
    margin: 0;
}

.list-resault-filter .item-bimeh-ofr .other-dts {
    margin-right: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

.list-resault-filter .item-bimeh-ofr .item-dts {
    display: flex;
    flex-direction: column;
}

.list-resault-filter .item-bimeh-ofr .item-dts .title {
    font-size: 16px;
    font-weight: normal;
    color: var(--graycolor);
}

.list-resault-filter .item-bimeh-ofr .item-dts .desc {
    font-size: 16px;
    font-weight: bold;
    color: var(--blackcolor);
}

.list-resault-filter .item-bimeh-ofr .order-bimeh {
    border-right: 2px dashed var(--bordercolor);
    padding: 20px;
    width: 300px;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .status {
    background-color: var(--lightcolor);
    border-radius: 100px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 600;
    color: var(--maincolor);
    margin-bottom: 15px;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .status>i {
    font-size: 14px;
    color: var(--graycolor);
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .final-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .final-price .title {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    padding-bottom: 5px;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .final-price .offer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .final-price .percent {
    background-color: var(--yellowcolor);
    width: 45px;
    height: 25px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: var(--blackcolor);
    padding-top: 3px;
    margin-right: 5px;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .final-price .value {
    font-size: 12px;
    font-weight: normal;
    color: var(--graycolor);
    -webkit-text-decoration-line: line-through !important;
    text-decoration-line: line-through !important;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .final-price .main {
    font-size: 24px;
    font-weight: bold;
    color: var(--blackcolor);
    letter-spacing: -1px;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .final-price .unit {
    letter-spacing: 0;
    font-size: 15px;
    color: var(--textcolor);
    font-weight: 500;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .btn-order-offer {
    background-color: var(--subcolor);
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.list-resault-filter .item-bimeh-ofr .order-bimeh .btn-order-offer:hover {
    background-color: var(--maincolor);
}

.modal-offerbimeh .share-page {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--bordercolor);
}

.modal-offerbimeh .share-page::before {
    content: "یا";
    background-color: var(--whitecolor);
    width: 30px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: -12px;
    right: 0;
    left: 0;
    color: var(--graycolor);
    z-index: 10;
}

.modal-offerbimeh .share-page .desc {
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
}

.modal-offerbimeh .form-group .form-control-offer.linkform {
    direction: ltr;
    text-align: left;
    padding-left: 110px;
    white-space: nowrap;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-offerbimeh .form-group .btn-copy-clipboard {
    background-color: var(--yellowcolor);
    position: absolute;
    top: 7px;
    left: 7px;
    width: 90px;
    height: 41px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 100px;
    color: var(--blackcolor);
    border: none;
    pointer-events: all;
    transition: all 0.3s;
}

.modal-offerbimeh .form-group .copied .btn-copy-clipboard {
    pointer-events: none;
    background-color: var(--subcolor);
    color: var(--whitecolor);
}

.modal-offerbimeh .form-group .btn-copy-clipboard::before {
    content: "کپی لینک";
}

.modal-offerbimeh .form-group .copied .btn-copy-clipboard::before {
    content: "کپی شد";
}

.modal-offerbimeh .share-idcode {
    font-size: 12px;
    color: var(--textcolor);
    font-weight: 600;
    text-align: center;
}

.modal-offerbimeh .share-idcode .form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-offerbimeh .share-idcode .form-group .gift-card {
    height: 80px;
    margin-left: 20px;
    transform: scaleX(-1);
}

.modal-offerbimeh .share-idcode .form-group .form-control-offer {
    text-align: center;
    padding-left: 90px;
}

.btn-show-filters {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--yellowcolor);
    border-radius: 100px;
    height: 50px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: bold;
    color: var(--blackcolor);
    border: 2px solid var(--blackcolor);
    box-shadow: 0px 5px 50px 0px rgba(20, 39, 78, 0.3);
    z-index: 1000;
}

.btn-show-filters>i {
    font-size: 16px;
    margin-left: 6px;
}

.wizard-head-steps {
    margin: 50px 0;
}

.wizard-head-steps .row-wizard {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.wizard-head-steps .item-step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}

.wizard-head-steps .item-step:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 25px;
    left: -100px;
    width: 66%;
    height: 2px;
    background-color: var(--bordercolor);
    border-radius: 100px;
    opacity: 0.5;
    transition: all 0.3s;
}

.wizard-head-steps .item-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    width: 33%;
    height: 2px;
    background-color: var(--maincolor);
    border-radius: 100px;
    opacity: 0;
    transition: all 0.3s;
}

.wizard-head-steps .item-step.active::before,
.wizard-head-steps .item-step.active::after,
.wizard-head-steps .item-step.completed::before,
.wizard-head-steps .item-step.completed::after {
    opacity: 1;
}

.wizard-head-steps .item-step.completed::after {
    background-color: var(--yellowcolor);
    width: 66%;
    left: -100px;
}

.wizard-head-steps .item-step .box-icon {
    background-color: transparent;
    border: 1px solid var(--bordercolor);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--bordercolor);
    transition: all 0.3s;
}

.wizard-head-steps .item-step.active .box-icon {
    background-color: var(--maincolor);
    color: var(--whitecolor);
    border: 3px solid var(--whitecolor);
    outline: 2px solid var(--subcolor) !important;
}

.wizard-head-steps .item-step.completed .box-icon {
    background-color: var(--yellowcolor);
    color: var(--blackcolor);
    border-color: var(--yellowcolor);
    font-size: 20px;
}

.wizard-head-steps .item-step .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--graycolor);
    margin: 10px 0 0;
    transition: all 0.3s;
}

.wizard-head-steps .item-step.active .title {
    color: var(--blackcolor);
    font-weight: bold;
}

.wizard-head-steps .item-step.completed .title {
    color: var(--blackcolor);
}

.wizrd-steps-form .box-form-wzd {
    background-color: var(--whitecolor);
    border: 1px solid var(--bordercolor);
    border-radius: 30px;
    margin-top: 20px;
    padding: 30px;
}

.wizrd-steps-form .box-form-wzd .head-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.wizrd-steps-form .box-form-wzd .head-title .title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.wizrd-steps-form .box-form-wzd .head-title .title::before {
    content: "";
    background-color: var(--subcolor);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    top: -10px;
    right: -10px;
    filter: blur(15px) opacity(0.5);
}

.wizrd-steps-form .box-form-wzd .head-title .title>span {
    position: relative;
    z-index: 10;
}

.wizrd-steps-form .box-form-wzd .sortby-box,
.user-profile-page .head-boxprf .sortby-box {
    position: relative;
    width: 350px;
}

.user-profile-page .head-boxprf .sortby-box {
    width: 300px;
}

.wizrd-steps-form .box-form-wzd .sortby-box .title-select,
.user-profile-page .head-boxprf .sortby-box .title-select {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    right: 20px;
    top: 16px;
    z-index: 100;
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
}

.wizrd-steps-form .box-form-wzd .sortby-box .title-select>i,
.user-profile-page .head-boxprf .sortby-box .title-select>i {
    position: relative;
    font-size: 24px;
    margin-left: 6px;
    color: var(--graycolor);
    top: -2px;
}

.wizrd-steps-form .box-form-wzd .sortby-box .select2-selection__rendered,
.user-profile-page .head-boxprf .sortby-box .select2-selection__rendered {
    padding-right: 130px;
    font-size: 14px;
}

.form-group .note-form {
    width: 100%;
    padding: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    color: var(--textcolor);
}

.form-group .note-form>i {
    font-size: 14px;
    margin-left: 5px;
}

.wizrd-steps-form .hidden-element {
    display: none;
}

.wizrd-steps-form .row-other-person {
    margin-top: 15px;
    padding-top: 30px;
    border-top: 2px dashed var(--bordercolor);
}

.wizrd-steps-form .title-row {
    font-size: 16px;
    font-weight: 600;
    color: var(--graycolor);
    margin: 0 0 20px;
}

.wizrd-steps-form .row {
    margin: 0 -10px;
}

.wizrd-steps-form .col-12 {
    padding: 0 10px;
}

.wizrd-steps-form .warning-note {
    display: flex;
    background-color: var(--lightylcolor);
    padding: 10px 30px;
    border-radius: 100px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: var(--textcolor);
}

.wizrd-steps-form .warning-note.long-text {
    background-color: rgba(104, 210, 232, 0.1);
    border: 1px solid var(--subcolor);
    border-radius: 20px;
    padding: 20px;
    text-align: right;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 30px;
    justify-content: flex-start;
}

.wizrd-steps-form .warning-note.long-text>i {
    font-size: 25px;
    margin-left: 15px;
    color: var(--subcolor);
}

.wizrd-steps-form .btn-add-address {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 500px;
    border: 2px solid var(--textcolor);
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    margin-right: 15px;
    box-shadow: none;
}

.wizrd-steps-form .btn-add-address>i {
    font-size: 18px;
    margin-left: 6px;
}

.wizrd-steps-form .list-address .item-address {
    position: relative;
    cursor: pointer;
    background-color: var(--whitecolor);
    border: 1px solid var(--bordercolor);
    border-radius: 20px;
    padding: 25px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
    transition: all 0.3s;
}

.wizrd-steps-form .row-other-person .item-bimeh-ofr {
    cursor: pointer;
}

.wizrd-steps-form .list-address .item-address:hover,
.wizrd-steps-form .row-other-person .item-bimeh-ofr:hover {
    border-color: var(--subcolor);
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
}

.wizrd-steps-form .list-address .item-address.active,
.wizrd-steps-form .row-other-person .item-bimeh-ofr.active {
    border-color: var(--maincolor);
}

.wizrd-steps-form .row-other-person .item-bimeh-ofr .right-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wizrd-steps-form .list-address .item-address .box-radio,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .box-radio {
    position: relative;
    display: flex;
    margin-left: 20px;
}

.wizrd-steps-form .row-other-person .item-bimeh-ofr .box-radio {
    margin-left: 15px;
}

.wizrd-steps-form .list-address .item-address .box-radio>input,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .box-radio>input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100px;
}

.wizrd-steps-form .list-address .item-address .box-radio>label,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .box-radio>label {
    width: 30px;
    height: 30px;
    border: 1px solid var(--bordercolor);
    border-radius: 100px;
    margin: 0;
    transition: all 0.3s;
}

.wizrd-steps-form .list-address .item-address .box-radio>input:checked+label,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .box-radio>input:checked+label {
    background-color: var(--maincolor);
    border: 3px solid var(--whitecolor);
    outline: 2px solid var(--subcolor) !important;
}

.wizrd-steps-form .list-address .item-address .info-address {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.wizrd-steps-form .list-address .item-address .info-address .title {
    color: var(--blackcolor);
}

.wizrd-steps-form .list-address .item-address .info-address .desc {
    color: var(--textcolor);
    font-size: 14px;
}

.wizrd-steps-form .list-address .item-address .actions-address {
    position: absolute;
    top: 35px;
    left: 20px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.wizrd-steps-form .list-address .item-address .actions-address .btn-edit-address,
.wizrd-steps-form .list-address .item-address .actions-address .btn-del-address {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 22px;
}

.wizrd-steps-form .list-address .item-address .actions-address .btn-edit-address {
    color: var(--maincolor);
}

.wizrd-steps-form .list-address .item-address .actions-address .btn-del-address {
    color: var(--dangercolor);
}

.wizrd-steps-form .list-upload-files {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 60px;
}

.wizrd-steps-form .list-upload-files .item-upload {
    width: calc(25% - 30px);
    text-align: center;
}

.wizrd-steps-form .item-upload .lbl-form-upload {
    font-size: 14px;
    font-weight: bold;
    color: var(--textcolor);
    display: block;
    margin: 0 0 10px;
}

.wizrd-steps-form .item-upload .box-upload {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 400px;
    border: 2px dashed var(--bordercolor);
    border-radius: 25px;
    padding: 10px;
    transition: all 0.3s;
}

.wizrd-steps-form .item-upload .box-upload:hover {
    border-color: var(--subcolor);
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
}

.wizrd-steps-form .item-upload.active .box-upload {
    border-style: solid;
    border-color: var(--subcolor);
}

.wizrd-steps-form .item-upload .box-upload .fileupload {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.wizrd-steps-form .item-upload .box-upload .fileupload label.error {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: var(--dangercolor);
}

.wizrd-steps-form .item-upload.active .box-upload .fileupload {
    display: none;
}

.wizrd-steps-form .item-upload .box-upload .input-file-offer {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.wizrd-steps-form .item-upload .box-upload .select-file {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
    color: var(--maincolor);
}

.wizrd-steps-form .item-upload .box-upload .select-file>i {
    font-size: 30px;
    color: var(--maincolor);
    margin-bottom: 10px;
    opacity: 0.2;
}

.wizrd-steps-form .item-upload .box-upload .filereload {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.wizrd-steps-form .item-upload.active .box-upload .filereload {
    display: flex;
}

.wizrd-steps-form .item-upload .box-upload .image-box {
    position: relative;
    background-color: var(--lightcolor);
    display: flex;
    width: 100%;
    height: 330px;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid var(--bordercolor);
}

.wizrd-steps-form .item-upload.bluring .box-upload .image-box {
    pointer-events: none;
}

.wizrd-steps-form .item-upload .box-upload .image-box::before {
    content: "";
    background-color: var(--blackcolor);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    transition: all 0.3s;
}

.wizrd-steps-form .item-upload .box-upload .image-box:hover::before {
    opacity: 0.7;
    visibility: visible;
}

.wizrd-steps-form .item-upload .box-upload .image-box::after {
    content: "\e922";
    font-family: 'icomoon';
    position: absolute;
    z-index: 10;
    font-size: 35px;
    color: var(--whitecolor);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
    transition: all 0.3s;
}

.wizrd-steps-form .item-upload .box-upload .image-box:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.wizrd-steps-form .item-upload .box-upload .image-box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.8s;
}

.wizrd-steps-form .item-upload.bluring .box-upload .image-box>img {
    filter: blur(5px) opacity(0.5);
}

.wizrd-steps-form .item-upload .box-upload .image-box:hover>img {
    transform: scale(1.2);
}

.wizrd-steps-form .item-upload .box-upload .select-reload {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--maincolor);
}

.wizrd-steps-form .item-upload .box-upload .select-reload>i {
    font-size: 16px;
    margin-left: 5px;
}

.wizrd-steps-form .form-group .hidden-select {
    position: absolute;
    height: 0;
    opacity: 0;
    visibility: hidden;
    bottom: -10px;
    right: 15px;
}

.wizrd-steps-form .hidden-select+label.error {
    font-size: 12px;
    font-weight: normal;
    color: var(--dangercolor);
    display: block;
    margin: 0;
    padding: 5px;
}

.wizrd-steps-form .item-upload .warning {
    font-size: 12px;
    font-weight: normal;
    color: var(--textcolor);
    display: block;
    margin-top: 10px;
}

.wizrd-steps-form .item-upload .progress {
    position: absolute;
    top: 47%;
    right: 0;
    left: 0;
    width: 85%;
    margin: 0 auto;
    direction: ltr;
    padding: 2px;
    border-radius: 100px;
    height: 7px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    background-color: var(--whitecolor);
}

.wizrd-steps-form .item-upload.bluring .progress {
    opacity: 1;
    visibility: visible;
}

.wizrd-steps-form .item-upload .progress-bar {
    background-color: var(--subcolor);
    border-radius: 100px;
    animation: prgsupload 5s forwards;
}

@keyframes prgsupload {
    0% {
        width: 0;
    }

    25% {
        width: 25%;
    }

    50% {
        width: 50%;
    }

    75% {
        width: 75%;
    }

    100% {
        width: 100%;
    }
}

.wizrd-steps-form .btns-factor-wizard {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
    gap: 10px;
}

.wizrd-steps-form .btns-factor-wizard .btn-step-offer {
    background-color: var(--maincolor);
    padding: 15px 25px;
    border-radius: 500px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--whitecolor);
    box-shadow: none;
    border: none;
    transition: all 0.3s;
}

.wizrd-steps-form .btns-factor-wizard .btn-next-step:hover {
    background-color: var(--blackcolor);
}

.wizrd-steps-form .btns-factor-wizard .btn-prev-step {
    background-color: var(--whitecolor);
    color: var(--graycolor);
}

.wizrd-steps-form .btns-factor-wizard .btn-prev-step:hover {
    background-color: var(--bordercolor);
}

.wizrd-steps-form .head-info-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.wizrd-steps-form .head-info-steps .logo-bimeh {
    position: relative;
    background-color: var(--whitecolor);
    width: 100px;
    height: 125px;
    border-radius: 200px;
    border: 1px solid var(--bordercolor);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
}

.wizrd-steps-form .head-info-steps .logo-bimeh::before {
    content: "";
    transform: scale(1) rotateZ(90deg);
    position: absolute;
    margin: auto;
    border-radius: 200px;
    width: 110px;
    height: 85px;
    background: var(--lightcolor);
}

.wizrd-steps-form .head-info-steps .logo-bimeh>img {
    position: relative;
    z-index: 10;
    width: 70%;
}

.wizrd-steps-form .head-info-steps .item-info {
    position: relative;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 15%;
}

.wizrd-steps-form .head-info-steps .item-info:last-child {
    width: auto;
}

.wizrd-steps-form .head-info-steps .item-info::before {
    content: "";
    width: 4px;
    height: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--lightcolor);
}

.wizrd-steps-form .head-info-steps .item-info .sub-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--graycolor);
}

.wizrd-steps-form .head-info-steps .item-info .title {
    font-size: 20px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 5px 0 0;
}

.wizrd-steps-form .row-items-info {
    margin: 0 -6px;
}

.wizrd-steps-form .row-items-info .item-col {
    padding: 6px;
}

.wizrd-steps-form .row-items-info .box-info-col {
    background-color: var(--lightcolor);
    padding: 15px 20px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wizrd-steps-form .row-items-info .box-info-col .label {
    font-size: 16px;
    font-weight: normal;
    color: var(--graycolor);
}

.wizrd-steps-form .row-items-info .box-info-col .value {
    font-size: 16px;
    font-weight: bold;
    color: var(--textcolor);
}

.wizrd-steps-form .row-items-info .box-info-col.long-text {
    flex-direction: column;
    border-radius: 20px;
    align-items: flex-start;
    gap: 5px;
}

.wizrd-steps-form .list-upload-files.readonly {
    justify-content: flex-start;
    margin-top: 30px;
}

.wizrd-steps-form .list-upload-files.readonly .item-upload .box-upload .filereload {
    display: flex;
}

.wizrd-steps-form .list-upload-files.readonly .item-upload .box-upload {
    height: 300px;
}

.wizrd-steps-form .list-upload-files.readonly .item-upload .box-upload .image-box {
    height: 100%;
}

.wizrd-steps-form .btns-factor-wizard .btn-next-step:disabled {
    background-color: var(--graycolor);
    opacity: 0.5;
}

.wizrd-steps-form .list-address .item-address .info-address .img-bank {
    height: 60px;
}

.wizrd-steps-form .list-address .item-address.item-bank {
    padding: 20px;
}

.wizrd-steps-form .form-code-offer .input-group {
    width: 400px;
}

.wizrd-steps-form .form-code-offer .btn-confirm-off {
    background-color: var(--yellowcolor);
    position: absolute;
    top: 7px;
    left: 7px;
    height: 41px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 100px;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.wizrd-steps-form .form-code-offer .btn-confirm-off:hover {
    background-color: var(--lightylcolor);
}

.wizrd-steps-form .row-price-factor {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.wizrd-steps-form .row-price-factor .label {
    font-size: 16px;
    font-weight: 500;
    color: var(--graycolor);
}

.wizrd-steps-form .row-price-factor .price {
    font-size: 16px;
    font-weight: 600;
    color: var(--textcolor);
}

.wizrd-steps-form .row-price-factor.final {
    margin-top: 10px;
}

.wizrd-steps-form .row-price-factor.final .label {
    font-size: 20px;
    font-weight: bold;
    color: var(--maincolor);
}

.wizrd-steps-form .row-price-factor.final .price {
    font-size: 20px;
    font-weight: bold;
    color: var(--maincolor);
}

.breadcrumb-profile {
    display: none;
}

.user-profile-page {
    margin-top: 40px;
}

.user-profile-page .sidebar-menu {
    background-color: var(--whitecolor);
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
    border-radius: 30px;
    padding: 20px;
}

.user-profile-page .sidebar-menu .head-sidebar,
.nav-other-offer .dropdown-profile .head-sidebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--lightcolor);
}

.user-profile-page .sidebar-menu .account,
.nav-other-offer .dropdown-profile .account {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.user-profile-page .sidebar-menu .account .image,
.nav-other-offer .dropdown-profile .account .image {
    margin-left: 10px;
}

.user-profile-page .sidebar-menu .account svg,
.nav-other-offer .dropdown-profile .account svg {
    width: 50px;
    height: 50px;
}

.user-profile-page .sidebar-menu .account .fill-lighten-surface-color,
.nav-other-offer .dropdown-profile .account .fill-lighten-surface-color {
    fill: var(--lightcolor);
}

.user-profile-page .sidebar-menu .account .fill-lighter-surface-color,
.nav-other-offer .dropdown-profile .account .fill-lighter-surface-color {
    fill: var(--subcolor);
    stroke: var(--subcolor);
}

.user-profile-page .sidebar-menu .account .info,
.nav-other-offer .dropdown-profile .account .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.user-profile-page .sidebar-menu .account .fullname,
.nav-other-offer .dropdown-profile .account .fullname {
    font-size: 14px;
    font-weight: 500;
    color: var(--graycolor);
}

.user-profile-page .sidebar-menu .account .mobile,
.nav-other-offer .dropdown-profile .account .mobile {
    font-size: 18px;
    font-weight: 800;
    color: var(--blackcolor);
}

.user-profile-page .sidebar-menu .head-sidebar .edit-account,
.nav-other-offer .dropdown-profile .head-sidebar .edit-account {
    font-size: 14px;
    font-weight: 600;
    color: var(--maincolor);
}

.user-profile-page .sidebar-menu .list-menu,
.nav-other-offer .dropdown-profile .list-menu {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.user-profile-page .sidebar-menu .list-menu .link-menu,
.nav-other-offer .dropdown-profile .list-menu .link-menu {
    background-color: var(--whitecolor);
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    margin-bottom: 5px;
    transition: all 0.3s;
}

.user-profile-page .sidebar-menu .list-menu .link-menu.active {
    background-color: var(--lightcolor);
}

.user-profile-page .sidebar-menu .list-menu .link-menu .content,
.nav-other-offer .dropdown-profile .list-menu .link-menu .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.user-profile-page .sidebar-menu .list-menu .link-menu .box-icon,
.nav-other-offer .dropdown-profile .list-menu .link-menu .box-icon {
    width: 25px;
    font-size: 22px;
    color: var(--textcolor);
    margin-left: 10px;
    text-align: center;
    transition: all 0.3s;
}

.user-profile-page .sidebar-menu .list-menu .link-menu:hover .box-icon,
.user-profile-page .sidebar-menu .list-menu .link-menu.active .box-icon,
.nav-other-offer .dropdown-profile .list-menu .link-menu:hover .box-icon {
    color: var(--maincolor);
}

.user-profile-page .sidebar-menu .list-menu .link-menu.logout .box-icon,
.nav-other-offer .dropdown-profile .list-menu .link-menu.logout .box-icon {
    color: var(--dangercolor);
}

.user-profile-page .sidebar-menu .list-menu .link-menu .text,
.nav-other-offer .dropdown-profile .list-menu .link-menu .text {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.user-profile-page .sidebar-menu .list-menu .link-menu:hover .text,
.user-profile-page .sidebar-menu .list-menu .link-menu.active .text,
.nav-other-offer .dropdown-profile .list-menu .link-menu:hover .text {
    color: var(--maincolor);
}

.user-profile-page .sidebar-menu .list-menu .link-menu.logout .text,
.nav-other-offer .dropdown-profile .list-menu .link-menu.logout .text {
    color: var(--dangercolor);
}

.user-profile-page .box-outer-profile {
    background-color: var(--whitecolor);
    padding: 30px;
    border-radius: 30px;
}

.user-profile-page .box-outer-profile .head-boxprf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.user-profile-page .box-outer-profile .head-boxprf .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 20px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.user-profile-page .box-outer-profile .head-boxprf .title .btn-back {
    display: flex;
    font-size: 28px;
    color: var(--graycolor);
}

.user-profile-page .box-outer-profile .head-boxprf .title .btn-hidden {
    display: none;
}

.user-profile-page .box-outer-profile .head-boxprf .btns-option {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.user-profile-page .box-outer-profile .head-boxprf .btn-profile,
.wizrd-steps-form .box-form-wzd .head-title .btn-profile {
    background-color: var(--lightylcolor);
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.user-profile-page .box-outer-profile .head-boxprf .btn-profile>i,
.wizrd-steps-form .box-form-wzd .head-title .btn-profile>i {
    font-size: 16px;
    margin-left: 8px;
}

.user-profile-page .box-outer-profile .head-boxprf .btn-profile:hover,
.wizrd-steps-form .box-form-wzd .head-title .btn-profile:hover {
    background-color: var(--blackcolor);
    color: var(--whitecolor);
}

.user-profile-page .box-outer-profile .btns-group-profile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

.user-profile-page .box-outer-profile .btns-group-profile .btn-confirm-profile {
    background-color: var(--maincolor);
    padding: 10px 60px;
    border-radius: 100px;
    color: var(--whitecolor);
    font-size: 16px;
    font-weight: 700;
    border: none;
    transition: all 0.3s;
}

.user-profile-page .box-outer-profile .btns-group-profile .btn-confirm-profile:hover {
    background-color: var(--yellowcolor);
    color: var(--blackcolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .details-bimeh {
    padding: 15px 20px;
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .logo-box>img {
    max-height: 60px;
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .info-box .title {
    font-size: 16px;
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .title,
.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .desc {
    font-size: 14px;
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .other-dts {
    gap: 50px;
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .status,
.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .status {
    min-width: 80px;
    height: 25px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
    color: var(--whitecolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .status.warning,
.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .status.warning {
    background-color: var(--yellowcolor);
    color: var(--blackcolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .status.success,
.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .status.success {
    background-color: var(--maincolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .status.info,
.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .status.info {
    background-color: var(--subcolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .status.gray,
.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .status.gray {
    background-color: var(--graycolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .item-dts .status.danger,
.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .status.danger {
    background-color: var(--dangercolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .order-bimeh {
    width: 250px;
    padding: 15px;
}

.user-profile-page .box-outer-profile .view-pelak,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak {
    background-color: var(--whitecolor);
    border: 1px solid var(--bordercolor);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    direction: ltr;
}

.user-profile-page .box-outer-profile .view-pelak .nemad-pelak,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .nemad-pelak {
    background-color: #002f9c;
    padding: 5px;
    text-align: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 30px;
    height: 100%;
    flex-shrink: 0;
}

.user-profile-page .box-outer-profile .view-pelak .nemad-pelak .img-flag,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .nemad-pelak .img-flag {
    width: 20px;
}

.user-profile-page .box-outer-profile .view-pelak .nemad-pelak .pelak-abbr,
.user-profile-page .box-outer-profile .view-pelak .nemad-pelak .pelak-iran,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .nemad-pelak .pelak-abbr,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .nemad-pelak .pelak-iran {
    font-size: 8px;
    font-weight: 500;
    color: var(--whitecolor);
    line-height: 1;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .controls-pelak {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak .main-numbers,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .controls-pelak .main-numbers {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px 20px;
    gap: 5px;
    height: 100%;
    width: 80%;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak span,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .controls-pelak span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 100%;
    border-radius: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak .main-numbers>span:nth-child(1),
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .main-numbers>span:nth-child(1) {
    width: 25%;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak .main-numbers .plk-letters,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .main-numbers .plk-letters {
    position: relative;
    width: 35%;
    height: 100%;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak .main-numbers span:nth-child(2),
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .main-numbers>span:nth-child(2) {
    width: 100%;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak .main-numbers>span:nth-child(3),
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .main-numbers>span:nth-child(3) {
    width: 35%;
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak .unit-pelak .iran,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .unit-pelak .iran {
    font-size: 10px;
    font-weight: 500;
    color: var(--graycolor);
}

.user-profile-page .box-outer-profile .view-pelak .controls-pelak .unit-pelak,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .view-pelak .unit-pelak {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 3px 5px 5px;
    gap: 2px;
    height: 100%;
    width: 30%;
    border-left: 1px solid var(--bordercolor);
}

.user-profile-page .list-resault-filter .item-bimeh-ofr .order-bimeh .final-price .title {
    font-size: 12px;
}

.user-profile-page .empty-list {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--graycolor);
}

.user-profile-page .empty-list>i {
    font-size: 60px;
    font-weight: normal;
    color: var(--bordercolor);
    margin-bottom: 15px;
}

.user-profile-page .empty-list .btn-empty-list {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--yellowcolor);
    padding: 10px 25px;
    border-radius: 100px;
    color: var(--blackcolor);
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    transition: all 0.3s;
}

.user-profile-page .empty-list .btn-empty-list>i {
    font-size: 18px;
    margin-left: 10px;
}

.user-profile-page .empty-list .btn-empty-list:hover {
    background-color: var(--blackcolor);
    color: var(--whitecolor);
}

.user-profile-page .list-ticket .item-bimeh-ofr {
    border-radius: 20px;
}

.user-profile-page .list-ticket .item-bimeh-ofr .other-dts {
    gap: 100px;
}

.user-profile-page .list-ticket .item-bimeh-ofr .order-bimeh {
    width: 200px;
}

.user-profile-page .list-ticket .item-bimeh-ofr .btn-order-offer {
    font-size: 14px;
    margin: 0;
}

.user-profile-page .list-ticket .item-bimeh-ofr .btn-order-offer>i {
    font-size: 16px;
    margin-right: 5px;
}

.user-profile-page .list-pelaks .row {
    margin: 0 -8px;
    gap: 16px 0;
}

.user-profile-page .list-pelaks .item-pelak-col {
    padding: 0 8px;
}

.user-profile-page .list-pelaks .item-bimeh-ofr,
.wizrd-steps-form .row-other-person .item-bimeh-ofr {
    border-radius: 20px;
}

.user-profile-page .list-pelaks .item-bimeh-ofr .details-bimeh,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .details-bimeh {
    padding: 15px;
    width: 100%;
    flex-direction: column;
}

.user-profile-page .list-pelaks .item-bimeh-ofr .other-dts,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .other-dts {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.user-profile-page .list-pelaks .item-bimeh-ofr .head-item,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .head-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.user-profile-page .list-pelaks .item-bimeh-ofr .head-item .title,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .head-item .title {
    font-size: 12px;
}

.user-profile-page .list-pelaks .item-bimeh-ofr .btn-del-pelak,
.wizrd-steps-form .row-other-person .item-bimeh-ofr .btn-del-pelak {
    display: flex;
    font-size: 20px;
    color: var(--dangercolor);
}

.user-profile-page .list-notify .item-bimeh-ofr {
    border-radius: 20px;
    margin-bottom: 10px;
}

.user-profile-page .list-notify .item-bimeh-ofr:last-child {
    margin-bottom: 0;
}

.user-profile-page .list-notify .item-bimeh-ofr.active {
    position: relative;
    box-shadow: 0px 10px 100px 0px rgba(20, 39, 78, 0.06);
}

.user-profile-page .list-notify .item-bimeh-ofr.active::before {
    content: "";
    background-color: var(--subcolor);
    width: 8px;
    height: 8px;
    border-radius: 100px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.user-profile-page .list-notify .item-bimeh-ofr .item-dts .title {
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0 0 5px;
}

.user-profile-page .list-notify .item-bimeh-ofr .item-dts .desc {
    font-weight: normal;
    font-size: 13px;
    line-height: 1.8;
    color: var(--textcolor);
}

.user-profile-page .add-ticket-page .form-group .notice {
    position: relative;
    font-size: 12px;
    margin: 3px 0;
    color: var(--dark);
}

.user-profile-page .add-ticket-page .form-group .list-notice {
    padding: 0;
    margin: 0;
    list-style: none;
}

.user-profile-page .add-ticket-page .form-group .notice::before {
    content: "";
    display: inline-flex;
    width: 6px;
    height: 6px;
    background-color: var(--dangercolor);
    border-radius: 100%;
    margin-left: 8px;
}

.user-profile-page .add-ticket-page .list-upload-images {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border: 2px dashed var(--bordercolor);
    border-radius: 25px;
    padding: 20px;
    margin-top: 15px;
    gap: 10px;
}

.user-profile-page .add-ticket-page .list-upload-images .add-image {
    background-color: var(--lightcolor);
    width: 100px;
    height: 100px;
    border: 2px dashed var(--subcolor);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--maincolor);
    cursor: pointer;
}

.user-profile-page .add-ticket-page .list-upload-images .add-image .box-add-icon {
    width: 30px;
    height: 30px;
    position: relative;
}

.user-profile-page .add-ticket-page .list-upload-images .add-image .box-add-icon::after {
    content: "+";
    width: 20px;
    height: 20px;
    background-color: var(--lipstick);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    position: absolute;
    top: -8px;
    right: -8px;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item {
    position: relative;
    width: 100px;
    height: 100px;
    border: 2px solid var(--bordercolor);
    background-clip: padding-box;
    border-radius: 20px;
    overflow: hidden;
    pointer-events: initial;
    cursor: pointer;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item.bluring {
    pointer-events: none;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item.bluring::after {
    content: "";
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item .preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item .trash-image {
    width: 30px;
    height: 30px;
    background-color: rgba(57, 72, 103, 0.5);
    border-radius: 100px;
    font-size: 14px;
    color: var(--white);
    position: absolute;
    left: 5px;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item.bluring .trash-image {
    opacity: 0;
    visibility: hidden;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item .trash-image:hover {
    background-color: var(--dangercolor);
}

.user-profile-page .add-ticket-page .list-upload-images #upload_images {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item .progress {
    position: absolute;
    top: 47%;
    right: 0;
    left: 0;
    width: 85%;
    margin: 0 auto;
    direction: ltr;
    padding: 2px;
    border-radius: 100px;
    height: 7px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    background-color: var(--white);
}

.user-profile-page .add-ticket-page .list-upload-images .image-item.bluring .progress {
    opacity: 1;
    visibility: visible;
}

.user-profile-page .add-ticket-page .list-upload-images .image-item .progress-bar {
    background-color: var(--maincolor);
    border-radius: 100px;
    animation: prgsupload 5s forwards;
}

@keyframes prgsupload {
    0% {
        width: 0;
    }

    25% {
        width: 25%;
    }

    50% {
        width: 50%;
    }

    75% {
        width: 75%;
    }

    100% {
        width: 100%;
    }
}

.user-profile-page .add-ticket-page .form-group .note-count {
    font-size: 12px;
    font-weight: 500;
    color: var(--graycolor);
    margin: 15px 0 0;
}

.user-profile-page .chat-ticket-page .item-bimeh-ofr .btn-order-offer {
    background-color: rgba(210, 3, 3, 0.1);
    color: var(--dangercolor);
}

.user-profile-page .chat-ticket-page .item-bimeh-ofr .btn-order-offer:hover {
    background-color: var(--dangercolor);
    color: var(--whitecolor);
}

.user-profile-page .chat-ticket-page .chat-list {
    background-color: var(--lightcolor);
    width: 100%;
    border-radius: 25px;
    padding: 10px 20px;
    margin: 20px 0;
}

.user-profile-page .chat-ticket-page .item-chat {
    display: flex;
    justify-content: flex-start;
    margin: 20px 0;
}

.user-profile-page .chat-ticket-page .item-chat.answer {
    justify-content: flex-end;
}

.user-profile-page .chat-ticket-page .box-chat {
    width: 55%;
}

.user-profile-page .chat-ticket-page .box-chat .content-chat {
    background-color: var(--whitecolor);
    padding: 15px 15px 5px;
    border-radius: 15px;
}

.user-profile-page .chat-ticket-page .item-chat.answer .content-chat {
    background-color: var(--lightylcolor);
}

.user-profile-page .chat-ticket-page .box-chat .content-chat p {
    font-size: 12px;
    font-weight: normal;
    color: var(--textcolor);
}

.user-profile-page .chat-ticket-page .box-chat .details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 2px 0;
}

.user-profile-page .chat-ticket-page .box-chat .user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 10px;
    color: var(--graycolor);
    gap: 5px;
}

.user-profile-page .chat-ticket-page .box-chat .user>i {
    font-size: 12px;
}

.user-profile-page .chat-ticket-page .box-chat .date-time {
    font-size: 10px;
    font-weight: 600;
    color: var(--graycolor);
}

.user-profile-page .chat-ticket-page .content-chat .lbl-form-offer {
    padding: 0 0 10px;
}

.user-profile-page .chat-ticket-page .content-chat .list-upload-images {
    justify-content: flex-start;
    border: none;
    padding: 0;
    margin: 0;
    gap: 5px;
}

.user-profile-page .chat-ticket-page .content-chat .image-item {
    width: 70px;
    height: 70px;
    border-radius: 16px;
}

.modal-closed-ticket .modal-body .desc-modal {
    font-size: 16px;
    font-weight: 600;
    color: var(--textcolor);
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
    line-height: 2.2;
}

.modal-closed-ticket .list-resault-filter .item-bimeh-ofr {
    background-color: var(--lightcolor);
    border: none;
    border-radius: 20px;
    margin-bottom: 20px;
}

.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .details-bimeh {
    padding: 15px 20px;
    width: 100%;
}

.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .other-dts {
    width: 100%;
    justify-content: space-between;
}

.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .title,
.modal-closed-ticket .list-resault-filter .item-bimeh-ofr .item-dts .desc {
    font-size: 13px;
}

.modal-closed-ticket .btn-danger-modal {
    background-color: var(--dangercolor);
    font-size: 14px;
}

.nav-item-profile {
    position: relative;
}

.header-main .haader-row .nav-pills .show .btn-show-profile {
    background-color: var(--yellowcolor);
    color: var(--blackcolor);
}

.header-main .haader-row .nav-pills .dropdown-toggle.btn-show-profile::after {
    font-weight: normal;
    color: var(--whitecolor);
    font-size: 18px;
}

.header-main .haader-row .nav-pills .dropdown.show .dropdown-toggle.btn-show-profile::after,
.header-main .haader-row .nav-other-offer .btn-register:hover::after {
    color: var(--blackcolor);
}

.header-main .haader-row .nav-other-offer .nav-item-profile .dropdown-menu {
    top: 65px !important;
    right: auto !important;
    left: 0 !important;
}

.content-pages .sec-main-services{
    margin-top: 50px;
}

.content-pages .sec-faq-offer.sec-main-services .head-section-offer{
    margin-top: 0;
}

.sec-about-page {
    margin: 50px 0;
}

.sec-contact-page .image-contact {
    padding-left: 50px;
}

.sec-contact-page .image-contact .box-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 30px;
}

.sec-contact-page .details-contact .desc p {
    font-size: 16px;
    font-weight: 300;
    color: var(--blackcolor);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.sec-contact-page .list-contact {
    margin-bottom: 30px;
}

.sec-contact-page .list-contact .item-cnt {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.sec-contact-page .list-contact .item-cnt .box-icon {
    background-color: var(--maincolor);
    width: 60px;
    height: 75px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--whitecolor);
    margin-left: 15px;
    flex-shrink: 0;
    border-radius: 100px;
}

.sec-contact-page .list-contact .item-cnt .desc {
    font-size: 18px;
    font-weight: 500;
    color: var(--blackcolor);
    line-height: 1.5;
    margin: 0;
}

.sec-contact-page .list-contact .item-cnt .desc a {
    display: inline-block;
    direction: ltr;
    font-size: 18px;
    font-weight: 500;
    color: var(--blackcolor);
    transition: all 0.4s;
}

.sec-contact-page .list-contact .item-cnt .desc a:hover {
    color: var(--greencolor);
}

.sec-contact-page .spacing {
    margin: 30px 0;
}

.sec-contact-page .title-form {
    font-size: 24px;
    font-weight: 900;
    color: var(--blackcolor);
    margin: 0 0 20px;
}

.sec-contact-page .form-group {
    padding: 0 10px;
    margin-bottom: 20px;
}

.sec-contact-page .form-group label {
    font-size: 16px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0 0 10px;
}

.sec-contact-page .form-group .form-control {
    height: 70px;
    background-color: var(--whitecolor);
    border: 1px solid rgba(102, 102, 102, 0.2);
    border-radius: 500px;
    font-size: 18px;
    font-weight: 500;
    color: var(--blackcolor);
    padding: 15px 25px;
    box-shadow: none;
    transition: all 0.3s;
}

.sec-contact-page .form-group textarea.form-control {
    height: auto;
    min-height: 100px;
    border-radius: 25px;
    padding: 20px 25px;
}

.sec-contact-page .form-group .form-control::placeholder {
    font-size: 16px;
    color: #707070;
    opacity: 0.5;
}

.sec-contact-page .form-group .form-control:focus {
    border-color: var(--subcolor);
    box-shadow: 0 0 0 3px rgba(104, 210, 232, 0.2);
}

.sec-contact-page .btn-send {
    display: inline-flex;
    position: relative;
    font-size: 16px;
    font-weight: 900;
    align-items: center;
    justify-content: center;
    background-color: var(--subcolor);
    padding: 15px 30px;
    border-radius: 0;
    border: none;
    color: var(--whitecolor);
    font-weight: 700;
    border-radius: 500px;
    transition: all 0.3s;
}

.sec-contact-page .btn-send:hover {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}
.sec-contact-page .socials .title {
    font-size: 20px;
    font-weight: 800;
    color: var(--subcolor);
    margin: 0 0 20px;
}

.sec-contact-page .socials .list-sc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

.sec-contact-page .socials .list-sc .item-sc {
    position: relative;
    top: 0;
    display: flex;
    font-size: 30px;
    color: var(--graycolor);
    transition: all 0.3s;
}

.sec-contact-page .socials .list-sc .item-sc:hover {
    top: -3px;
    color: var(--blackcolor);
}

.sec-contact-page .socials .list-sc .item-sc>img {
    width: 30px;
    filter: brightness(0) opacity(0.4);
    transition: all 0.3s;
}

.sec-contact-page .socials .list-sc .item-sc:hover>img {
    filter: none;
}

.content-pages .sec-news-offer{
    margin-top: 60px;
}
.content-pages .sec-news-offer .row{
    margin: 0 -10px;
}
.content-pages .sec-news-offer .item-news{
    padding: 0 10px;
    margin-bottom: 20px;
}
.content-pages .sec-news-offer .box-news .content-news .category {
	font-size: 14px;
}
.content-pages .sec-news-offer .box-news .content-news .title {
	font-size: 18px;
}
.pagination-offerbimeh{
    margin-top: 40px;
}
.pagination-offerbimeh .pagination{
    padding: 0;
    margin: 0;
    gap: 10px;
}
.pagination-offerbimeh .page-item .page-link{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--graycolor);
    border: 1px solid var(--bordercolor);
    box-shadow: none;
}
.pagination-offerbimeh .page-item .page-link:hover{
    background-color: var(--subcolor);
    color: var(--whitecolor);
}
.pagination-offerbimeh .page-item.active .page-link{
    background-color: var(--yellowcolor);
    border-color: var(--yellowcolor);
    color: var(--blackcolor);
    font-weight: bold;
}
.pagination-offerbimeh .page-item.disabled .page-link{
    opacity: 0.6;
}

/*---------------------- /Page Style ---------------------*/

/*---------------------- Responsives ---------------------*/

@media only screen and (min-width:1700px) and (max-width: 1800px) {
    .container {
        padding: 0;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1700px) {
    .container {
        padding: 0 30px;
    }

    .header-main .haader-row .nav-pills {
        gap: 40px;
    }

    .header-main .haader-row .nav-pills .nav-link {
        font-size: 16px;
    }

    .sec-main-services .slogan-main {
        font-size: 32px;
    }

    .sec-main-services .warning-note {
        font-size: 16px;
    }

    .sec-main-services .list-services .item-srv {
        width: 140px;
        height: 185px;
    }

    .sec-main-services .list-services .item-srv .title-srv {
        font-size: 16px;
    }

    .sec-main-services .list-services .item-srv::before {
        width: 165px;
        height: 120px;
    }

    .sec-main-services .list-services .item-srv .status {
        font-size: 14px;
    }

    .head-section-offer .content-head .title {
        font-size: 28px;
    }

    .head-section-offer .content-head .desc {
        font-size: 18px;
    }

    .sec-steps-bimeh .item-step .box-step {
        height: 180px;
    }

    .sec-steps-bimeh .item-step .box-step .image-icon {
        width: 110px;
    }

    .sec-steps-bimeh .item-step .box-step .sub-title {
        font-size: 16px;
    }

    .sec-steps-bimeh .item-step .box-step .title {
        font-size: 22px;
    }

    .sec-steps-bimeh .item-step .box-step .desc {
        font-size: 14px;
    }

    .sec-insurances .list-insurances {
        gap: 15px;
    }

    .sec-insurances .list-insurances .item-ins {
        width: 110px;
        height: 145px;
    }

    .sec-insurances .list-insurances .item-ins>img {
        max-width: 80%;
        max-height: 60px;
    }

    .sec-insurances .list-insurances .item-ins::before {
        width: 130px;
        height: 95px;
    }

    .sec-news-offer .box-news {
        height: 140px;
        padding: 15px;
    }

    .sec-news-offer .box-news .image-news {
        width: 110px;
        height: 110px;
    }

    .sec-news-offer .box-news .content-news .category {
        font-size: 14px;
    }

    .sec-news-offer .box-news .content-news .date {
        font-size: 12px;
    }

    .sec-news-offer .box-news .content-news .title {
        font-size: 16px;
        line-height: 22px;
    }

    .sec-news-offer .swiper-box .swiper-button {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 32%;
    }

    .sec-news-offer .swiper-box .swiper-button.swiper-news-prev {
        left: 30px;
    }

    .sec-news-offer .swiper-box .swiper-button.swiper-news-next {
        right: 30px;
    }

    .sec-features .list-fts .item-fts .svg-icon {
        width: 90px;
        height: 90px;
    }

    .sec-features .list-fts .item-fts .title-fts {
        font-size: 18px;
    }

    .sec-features .list-fts .item-fts:not(:last-child)::after {
        background-size: 200px;
        width: 200px;
    }

    .footer-main .footer-info .info-offer .logo-fa .image-logo {
        height: 90px;
    }

    .footer-main .footer-info .info-offer .logo-fa .fullname {
        font-size: 32px;
    }

    .footer-main .footer-info .info-offer .logo-fa .slogan {
        font-size: 15px;
    }

    .footer-main .footer-info .info-offer .text-support,
    .footer-main .footer-info .info-offer .address,
    .footer-main .footer-info .info-offer .socials .title,
    .footer-main .footer-about .slogan {
        font-size: 18px;
    }

    .footer-main .footer-info .info-offer .phone>i {
        font-size: 32px;
    }

    .footer-main .footer-info .info-offer .phone,
    .footer-main .footer-info .info-offer .phone a {
        font-size: 20px;
    }

    .footer-main .footer-info .info-offer .socials .list-sc .item-sc {
        font-size: 28px;
    }

    .footer-main .footer-info .info-offer .socials .list-sc .item-sc:last-child>i {
        font-size: 25px !important;
    }

    .footer-main .footer-info .links-offer .title-head {
        font-size: 22px;
    }

    .footer-main .footer-info .links-offer .list-links>li {
        width: 180px;
    }

    .footer-main .footer-info .links-offer .list-links>li>a {
        font-size: 15px;
    }

    .footer-main .footer-about .desc {
        font-size: 16px;
    }

    .footer-main .footer-about .licenses-offer .item-lsc {
        width: 120px;
        height: 160px;
    }

    .footer-main .footer-copyright .copyright,
    .footer-main .footer-copyright .designer {
        font-size: 14px;
    }
}


/*---------------------- /Responsives ---------------------*/