body {
    background: #F0F5FD;
}

header {
    background: #fff;
}

header a:hover {
    color: #263F6E;
}

.gap-1 {
    gap: 10px;
}

.auth-body {
    padding-bottom: 100px;
}

.auth-body header a:hover {
    color: #fff;
}

.auth-body header a:hover:after {
    background: #fff;
}

header .btn.btn-renew-contract {
    border-color: rgba(19, 46, 85, 0.9);
    color: #244170;
}

header .btn.btn-renew-contract:hover {
    color: #fff;
}

.btn-white {
    border-color: rgba(19, 46, 85, 0.9);
}

a.lang-text {
    color: #000;
}

.service-header {
    background: #fff;
    color: #244170;
    padding: 25px 0;
    box-shadow: 0px 4px 24px 0px rgba(19, 46, 85, 0.10);
}

.service-header a {
    color: #244170;
}

.service-header .select2-container {
    background: #F7FAFE;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    max-width: 175px;
    flex: 1;
    height: 32px;
}

.service-header .select2-selection__rendered {
    padding-right: 8px !important;
    padding-top: 3px !important;
}

.service-header h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    margin-left: 16px;
}

.service-header .steps {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.breadcrumb {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: transparent;
    padding: 0;
    margin: 0;
}

.breadcrumb a:hover {
    color: rgba(36, 65, 112, 1);
}

.breadcrumb span {
    margin: 0 8px;
}

.breadcrumb a, .breadcrumb span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: rgba(36, 65, 112, 0.6);
}

.breadcrumb a:last-child {
    color: rgba(36, 65, 112, 1);
}

.service-header .step-line {
    width: 30px;
    height: 0;
    border: 2px solid #E2E8F0;
    transform: rotate(180deg);
    margin: 0 23px;
    border-radius: 8px;
}

.service-header .steps a {
    display: flex;
    align-items: center;
}

.service-header .steps a .number {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C6C6C6;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin-left: 12px;
}

.service-header .steps a.active .number {
    background: #263F6E;
}

.service-header .steps a.completed .number {
    background: #1CAF3C;
}

.service-header .steps a.edit {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 20px;
    color: #B68047;
}

.service-header .steps a.edit:hover {
    opacity: .5;
}

.top-filters {
    padding: 16px;
    border-bottom: 1px solid #E2E8F0;
}

.top-filters .col-md-2 {
    padding-left: 0;
}

.top-filters .select2-selection__rendered, .top-filters strong {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}

.top-filters .select2-selection__rendered {
    position: relative;
    top: 3px;
}

.top-filters .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 0;
}

.top-filters .form-group {
    margin-bottom: 0;
}

.top-filters .custom-form-group {
    min-width: initial;
    width: 100%;
    min-height: initial;
}

.mobile-filters.top-filters .custom-form-group {
    display: block;
}

.mobile-filters.top-filters {
    border-bottom: 0;
}

.custom-card {
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
}

.service-header {
    margin-bottom: 40px;
}

.service-options .selects {
    padding: 16px;
    background: #F6F8FB;
    border-left: 1px solid #D8E0ED;
    border-radius: 0 0 8px 0;
    height: 490px;
    overflow: auto;
}

.selects .title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: #94A3B8;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.selects .form-group label.select, .selects .select2-form-group label {
    margin-bottom: 0;
}

.service-options .select2-form-group {
    height: 70px;
}

.service-options .custom-form-group {
    background: #fff;
}

.service-options .select2-form-group.multiple-selects-form-group {
    height: initial;
}

.service-options .form-group label.title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #7188A7;
    display: block;
}

.multiple-selects-form-group .select {
    min-width: 90px;
    padding: 5px;
    background: #FFFFFF;
    border: 1px solid #D8E0ED;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s all ease-in-out;
    height: 100%;
}

.monthsAndPackages.multiple-selects-form-group .select, .monthsAndPackages .title {
    align-items: initial;
    justify-content: initial;
}

.multiple-selects-form-group .select:hover {
    background: rgba(0, 0, 0, .1);
}

.multiple-selects-form-group .select.active {
    background: #F0F5FD;
    border: 1px solid #B68047;
}

.multiple-selects-form-group .select.active .title {
    color: #B68047;
}

.multiple-selects-form-group .select .title {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
}

.multiple-selects-form-group .select .value {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #000000;
}

.step-content {
    padding: 16px 30px;
}

.step-content {
    min-height: 490px;
    max-height: 530px;
    overflow: auto;
}

.toggle-packages {
    cursor: pointer;
    min-width: 155px;
    max-width: 200px;
    height: 30px;
    padding: 0 16px;
    background: #F6F8FB;
    border: 1px solid #E2E8F0;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.toggle-packages:hover {
    background: rgba(0, 0, 0, .1);
}

.toggle-packages img {
    margin-right: 16px;
}

.toggle-packages.opened img {
    transform: rotate(180deg);
}

.package-row {
    background: #F6F8FB;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
    cursor: pointer;
}

.packages-desc {
    min-height: 320px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.packages-avtar .title {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 20px;
    color: #7188A7;
    margin-bottom: 16px;
}

.packages-avtar .step-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #7188A7;
    margin-bottom: 8px;
}

.package-info .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: rgba(19, 46, 85, 0.9);
}

.package-info .value {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
    color: rgba(19, 46, 85, 0.9);
}

.package-info .hours {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
    color: #B68047;
}

.package-price .number {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: #B68047;
}

.package-price .currency {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
    color: #9B9B9B;
}

.package-border-r {
    border-right: 2px solid rgba(155, 155, 155, 0.4);
}

.custom-radio {
    width: 22px;
    height: 22px;
    background: transparent;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #B68047;
    margin-left: 13px;
}

.custom-radio img {
    display: none;
}

.custom-radio.active {
    background: #B68047;
}

.custom-radio.active img {
    display: block;
}

.order-summary {
    padding: 12px 16px 16px;
    min-height: 364px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.order-summary h4 {
    margin-bottom: 16px;
}

.order-summary .title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #94A3B8;
}

.order-summary .btn-apply-coupon, .order-summary .btn-remove-coupon {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: rgba(19, 46, 85, 0.9);
    cursor: pointer;
}

.order-summary .btn-remove-coupon {
    color: #721c24;
}

.order-summary .coupon-input {
    width: 100%;
    height: 32px;
    background: rgba(246, 248, 251, 0.7);
    border: 1px solid #D8E0ED;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
}

.order-summary .coupon-input:focus {
    outline: none;
    box-shadow: none;
}

.order-summary .coupon-input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
}

.order-summary-rows {
    padding: 0 8px;
    width: 100%;
    background: #F6F8FB;
    border-radius: 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
    margin-bottom: 16px;
}

.order-summary-row img {
    width: 20px;
    height: 20px;
    left: 224px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-left: 10px;
}

.order-summary-row {
    padding: 10px 0;
}

.order-summary-row:not(:last-child) {
    border-bottom: 1px solid #E2E8F0;
}

.apply-coupon-wrapper {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.total-wrapper {
    cursor: pointer;
}

.total-wrapper:hover {
    opacity: .7;
}

.prices-wrapper .title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #244170;
}

.prices-wrapper .price, .prices-wrapper .value {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #B68047;
}

.prices-wrapper .price img {
    margin-right: 8px;
}

.order-summary .btn-next {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    height: 40px;
    color: #FFFFFF;
    width: 100%;
    background: #244170;
    border-radius: 40px;
}

.order-summary .check-before-renew {
    background: #244170;
    color: #FFFFFF;
}

.price-wrapper.opened img {
    transform: initial;
}

.price-wrapper.opened .details {
    padding-bottom: 8px;
    border-bottom: 1px solid #D8E0ED;
    margin-bottom: 16px;
}

.price-wrapper.opened .details .title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
}

.price-wrapper.opened .details .value {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
}

.prices-wrapper .total-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.add-address {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #B68047;
}

a.add-address:hover {
    color: #000;
}

.addresses-wrapper {
    padding: 24px 32px;
    height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
}

.step-content .addresses-wrapper {
    height: initial;
    overflow-y: initial;
    overflow-x: initial;
}

.addresses-wrapper .address-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.address-item {
    background: #F6F8FB;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 16px;
}

.address-item:hover {
    background: rgba(0, 0, 0, .1);
}

.address-item label {
    position: relative;
    top: 5px;
}

.address-item .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
}

.address-item .value {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
}

.package-dates {
    background: #F6F8FB;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 16px;
    transition: background 0.2s ease;
    /* Added for a smoother hover effect */
}

.package-dates:hover {
    background: #EAF0F6;
    /* Cleaned up the alpha hover to match the tint */
}

.package-dates label {
    position: relative;
    top: 5px;
}

.package-dates .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
}

.package-dates .value {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
}

.package-option {
    background: #F6F8FB;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 16px;
}

.package-option:hover {
    background: rgba(0, 0, 0, .1);
}

.package-option label {
    position: relative;
    top: 5px;
}

.package-option .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
}

.package-option .value {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
}

.installment-month-option {
    background: #F6F8FB;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 16px;
}

.installment-month-option:hover {
    background: rgba(0, 0, 0, .1);
}

.installment-month-option label {
    position: relative;
    top: 5px;
}

.installment-month-option .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
}

.installment-month-option .value {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
}

.payment-wrapper {
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    min-height: 520px;
}

.payment-options {
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    background: #F7FAFE;
    border-left: 1px solid #E2E8F0;
    padding: 24px 35px;
    border-radius: 0 8px 8px 0;
}

.payment-form {
    min-height: 490px;
    padding: 16px 32px;
}

.payment-options img.mada {
    width: 94px;
    height: 32px;
}

.payment-options img.visa {
    width: 94px;
    height: 30px;
}

.payment-options img.cc {
    width: 67px;
    height: 42px;
}

.payment-form h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 16px;
}

.payment-form .form-group label {
    margin-bottom: 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 20px;
    color: rgba(19, 46, 85, 0.9);
}

.payment-form .form-group .form-control {
    font-size: 14px;
}

.payment-form .form-group .form-control::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
}

.payment-form .custom-checkbox-wrapper {
    margin-bottom: 20px;
}

.payment-form .btn-blue {
    width: 100%;
}

.profile-btn.btn-blue {
    margin: -15px 30px 20px 0;
}

.confirm-payment-wrapper {
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.confirm-payment-wrapper img {
    margin-bottom: 32px;
}

.confirm-payment-wrapper img {
    margin-bottom: 32px;
}

.confirm-payment-wrapper .title {
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 24px;
}

.confirm-payment-wrapper .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 24px;
    text-align: center;
}

.confirm-payment-wrapper .btn {
    min-width: 236px;
    height: 40px;
}

.confirm-payment-wrapper .btn-blue {
    margin-bottom: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}

.confirm-payment-wrapper .btn-transparent {
    border: 1px solid #9B9B9B;
    border-radius: 40px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #244170;
    background: #fff;
}

.monthly-package-card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #D8E0ED;
    border-radius: 4px;
    padding: 8px 10px !important;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
    height: initial !important;
}


.monthly-package-card .title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #244170;
    margin-bottom: 4px;
}

.monthly-package-card .description {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 22px;
    color: #000000;
}

.monthly-package-card .count {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #000000;
}

.monthly-package .owl-stage {
    padding-right: 0 !important;
}

.monthly-package .best-seller {
    position: absolute;
    left: -5px;
    top: 5px;
    width: 61px;
    height: 22px;
    background: #B68047;
    border-radius: 2px 2px 2px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select.month {
    width: 100%;
    min-width: initial;
    height: 29px;
    background: #FFFFFF;
    border: 1px solid #D8E0ED;
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #263F6E;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0 !important;
}

.select.days {
    min-width: 65px;
    height: 29px;
    background: #FFFFFF;
    border: 1px solid #D8E0ED;
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #263F6E;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    margin-bottom: 10px !important;
}

.no-months {
    display: none;
}

.weakly-days {
    display: none;
}

.weakly-days .custom-form-group {
    padding: 0;
    border: none;
}

.weakly-days .title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #244170;
}

.weakly-days .light-blue-color {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    text-align: right;
    color: #7188A7;
}

.weakly-days .hint {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #7188A7;
}

.weakly-days .show-days {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #B68047;
    cursor: pointer;
}

#availableDaysModal .modal-dialog {
    max-width: 473px;
}

#availableDaysModalCalender {
    margin-top: 16px;
}

#availableDaysModal .datepicker-form-group {
    background: #F7FAFE;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    padding: 10px;
}

#availableDaysModal .datepicker-form-group .title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
    margin-bottom: 6px;
}

#availableDaysModal .datepicker-form-group .date {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #244170;
}

#availableDaysModal .date-datepicker-wrapper {
    background: #FFFFFF;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    margin-top: 16px;
    text-align: center;
    width: 100%;
}

#availableDaysModal .date-datepicker-wrapper .inner {
    width: 375px;
    margin: 0 auto;
    padding-top: 16px;
}

.auth-body {
    min-height: 100vh;
    background-image: url("../images/auth-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.auth-body header {
    background: transparent;
    display: block;
}

.auth-form-wrapper {
    width: 392px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    margin: 105px auto 0;
}

.register-form {
    width: 660px;
}

.auth-form-wrapper .title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: rgba(19, 46, 85, 0.9);
    margin-bottom: 25px;
}

.register-form .title {
    text-align: center;
}

.auth-form-wrapper .btn {
    height: 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}

.auth-form-wrapper .second-btn {
    margin-top: 16px;
}

.auth-form-wrapper img {
    margin: 0 10px;
}

.auth-form-wrapper .actions-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

.auth-form-wrapper .actions-buttons .btn {
    width: 50%;
}

.login-by-email {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
}

.login-by-email .gold-color {
    color: #B68047;
    margin: 0 5px;
    cursor: pointer;
}

.password-wrapper {
    position: relative;
}

.password-wrapper .eye {
    position: absolute;
    left: 0;
    top: 20%;
    cursor: pointer;
}

.auth-header {
    background: transparent;
}

.auth-header .btn-white {
    border-color: #fff !important;
}

.auth-header .btn-transparent {
    border-color: #fff !important;
    color: #fff !important;
}

.login-by-email {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
}

.login-by-email .gold-color {
    color: #B68047;
    margin: 0 5px;
}

.password-wrapper {
    position: relative;
}

.results-wrapper {
    padding: 16px;
}

.results-wrapper .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: #244170;
    margin-bottom: 18px;
}

.results-wrapper .cvs {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 4px;
}

.results-wrapper .cv {
    background: #F6F8FB;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 8px;
    cursor: pointer;
}

.results-wrapper .cv:hover {
    background: #D8E0ED;
}

.results-wrapper .select-circle {
    min-width: 22px;
    width: 22px;
    height: 22px;
    position: relative;
    background: #B68047;
    border-radius: 50%;
    margin-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.results-wrapper .select-circle img {
    display: none;
}

.results-wrapper .avtar {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: 16px;
}

.results-wrapper .name {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #244170;
}

.results-wrapper .age {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #9B9B9B;
}

.results-wrapper .info {
    border-right: 1px solid #D8E0ED;
    padding: 0 16px;
    min-height: 65px;
}

.results-wrapper .info .name {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    color: #9B9B9B;
}

.results-wrapper .info .value {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #244170;
}

.results-wrapper .info img.flag {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 8px;
}

.results-wrapper .info .more {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    text-align: right;
    color: #B68047;
}

.cvModal .modal-content {
    min-height: initial;
}

.cvModal .close-modal {
    margin-bottom: 0;
    position: absolute;
}

.cvModal .modal-body {
    padding: 0 60px 60px;
}

.cvModal .avtar {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-left: 20px;
}

.cvModal .name {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #244170;
}

.cvModal .flag {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-left: 10px;
}

.cvModal .country {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

.cvModal .info-wrapper {
    background: #F0F5FD;
    border-radius: 4px;
    padding: 8px 16px;
    margin-bottom: 16px;
}

.cvModal .info-wrapper .title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #7188A7;
    margin-bottom: 2px;
}

.cvModal .info-wrapper .value {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #244170;
}

.cvModal .value.d-flex {
    align-items: center;
}

.cvModal .name-mb {
    margin-bottom: 32px;
}

.cvModal .select-circle {
    min-width: initial;
    width: 17px;
    height: 17px;
    position: relative;
    background: #B68047;
    border-radius: 50%;
    margin-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cvModal .skills .value {
    margin-bottom: 8px !important;
}

.cvModal .skills .title {
    margin-bottom: 16px;
}

.cvModal .modal-dialog {
    max-width: 474px;
}

.clothes .item {
    background: #F6F8FB;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.clothes.results {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.clothes.results .item {
    cursor: pointer;
}

.clothes.top-options .item {
    margin-bottom: 0;
}

.clothes.top-options .item .option {
    margin-bottom: 0;
}

.clothes .item .title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    color: #244170;
    margin-bottom: 0;
}

.clothes .item .type {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9B9B9B;
}

.clothes .item .option {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 4px;
    margin-bottom: 6px;
    cursor: pointer;
}

.clothes .item .option.active {
    border-color: #B68047;
}

.clothes .item .option:hover {
    opacity: .5;
}

.clothes .item .option .title {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    color: #263F6E;
}

.clothes .item .price {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    color: #B68047;
}

.clothes .item img {
    width: 71px;
    height: 71px;
}

.user-profile-wrapper {
    background: #F0F5FD;
    padding: 40px 0;
}

.user-nav-wrapper {
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    padding: 33px 16px;
}

.user-nav-wrapper .edit-link:hover {
    color: rgba(19, 46, 85, 0.9);
    text-decoration: underline;
}

.user-nav-wrapper .mask {
    width: 119px;
    height: 114px;
    margin-bottom: 10px;
}

.user-nav-wrapper .referral-code {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.user-nav-wrapper .referral-code .code {
    opacity: 0.7;
    margin-left: 8px;
}

.user-nav-wrapper .referral-code .ref-btn img {
    opacity: 0.7;
    cursor: pointer;
}

.user-nav-wrapper .name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: rgba(19, 46, 85, 0.9);
}

.user-nav-wrapper a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #7188A7;
}

.user-profile-wrapper hr {
    border-color: #F0F5FD;
}

.user-profile-wrapper .nav-link {
    display: flex;
    padding: 10px;
    border-radius: 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #244170;
    margin-bottom: 10px;
}

.user-profile-wrapper .nav-link.active {
    background: #F0F5FD;
}

.user-profile-wrapper .nav-link:hover {
    background: #F0F5FD;
}


.user-profile-wrapper .nav-link img {
    margin-left: 14px;
}

.user-profile-wrapper .profile-page-content {
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    padding: 24px 32px;
    min-height: 583px;
}

.user-profile-wrapper .profile-page-content .content {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 4px;
}

.user-profile-wrapper .page-name {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #244170;
}

.user-profile-wrapper .add-address {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: #B68047;
}

.user-profile-wrapper .address-name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #244170;
}

.user-profile-wrapper .address {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
}

.profile-page-content .content-row {
    background: #F6F8FB;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.user-profile-wrapper .trash {
    height: 20px;
    margin-left: 20px;
    cursor: pointer;
}

.profile-page-content .date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    width: 83px;
    height: 38px;
    left: 852px;
    top: 305px;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-page-content .summary .name {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
}

.profile-page-content .summary .value {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #B68047;
}

.profile-page-content .summary .total * {
    font-weight: 700;
}


.profile-page-content .package .package-name {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
}

.profile-page-content .package .package-value {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgba(19, 46, 85, 0.9);
}


.profile-page-content .package .gold-color {
    color: #B68047;
}

.profile-page-content .package .start-from {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
}

.profile-page-content .package .address-name {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
}

.profile-page-content .package .address {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #9B9B9B;
}

.profile-page-content hr {
    border-bottom: 1px solid rgba(226, 232, 240, 1);
    margin: 8px 0;
}

.profile-page-content .service-name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: rgba(19, 46, 85, 0.9);
}

.profile-page-content .service-value {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgba(19, 46, 85, 0.9);
}

.profile-page-content .icon {
    margin-left: 10px;
}

.favourite-page .flag {
    width: 18px;
    height: 18px;
    margin: 0 5px;
}

.favourite-page .price .number {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #B68047;
}

.favourite-page .price .currency {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #9B9B9B;
}

.favourite-page .trash {
    margin-left: 20px;
}

.quick-service-wrapper .service-details, .quick-service-wrapper .service-options {
    padding: 24px 32px 16px;
}

.quick-service-wrapper .service-options {
    padding-top: 0;
}

.quick-service-wrapper hr {
    border: 1px solid rgba(155, 155, 155, 0.3);
}

.quick-service-wrapper .orders-count, .quick-service-wrapper .discount {
    height: 38px;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
}

.quick-service-wrapper .orders-count {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.quick-service-wrapper .orders-count .gold-color {
    color: #B68047;
}

.quick-service-wrapper .discount {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #039200;
}

.quick-service-wrapper .details {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #263F6E;
    margin-bottom: 24px;
}

.quick-service-wrapper .price-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7188A7;
    margin-bottom: 4px;
}

.quick-service-wrapper .price .number {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #263F6E;
}

.quick-service-wrapper .price .currency {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #263F6E;
}

.quick-service-wrapper .details-card {
    height: 90px;
    background: rgba(114, 156, 192, 0.1);
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.quick-service-wrapper .details-card .title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #7188A7;
}

.quick-service-wrapper .details-card .value {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #263F6E;
}

.quick-service-wrapper .details-card .value.small {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #263F6E;
}

.quick-service-wrapper .details-card .value.medium {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #263F6E;
}

.quick-service-wrapper .custom-checkbox-wrapper {
    height: 38px;
    background: #F7FAFE;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
}

.quick-service-wrapper .custom-checkbox-wrapper:hover {
    background: rgba(36, 65, 112, .2);

}


.quick-service-wrapper .custom-checkbox-wrapper .custom-checkbox {
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #244170;
    border-radius: 3px;
    margin-left: 0;
}

.quick-service-wrapper .custom-checkbox-wrapper .price {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #B68047;
    margin-left: 15px;
}

.agree-checkbox {
    margin-bottom: 30px;
}

#address_form {
    margin-top: 20px;
}

header {
    position: relative;
}

header .main-bg {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: .05;
    height: 100%;
    object-fit: cover;
}

.select-country label.select {
    flex: initial;
    min-width: 90px;
}

#mobileMenuModal .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
}

#mobileMenuModal .modal-header {
    padding-top: 0;
    padding-bottom: 0;
}

#mobileMenuModal .modal-content {
    height: 100%;
    border-radius: 0;
}

#mobileMenuModal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#mobileMenuModal .modal-content a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #263F6E;
}

#mobileMenuModal {
    height: 70vh;
    bottom: 0;
    top: initial;
}

#mobileMenuModal .modal-content {
    background: #FFFFFF;
    box-shadow: 0 -1px 20px #00000014;
    border-radius: 24px 24px 0 0;
    padding: 1em;
}

.top-filters .custom-datepicker-dropdown .title, .top-filters .custom-dropdown .title {
    font-size: 14px;
}

.top-filters .custom-form-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-filters .custom-datepicker-dropdown .title {
    margin-bottom: 0 !important;
}

.custom-dropdown .dropdown-menu .dates div {
    color: #244170;
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

.custom-dropdown .dropdown-menu .dates div:hover {
    background: rgb(36, 65, 112, .1);
}

.addresses-dropdown {
    padding: 0 1em;
}

.addresses-dropdown .address {
    text-align: center;
    cursor: pointer;
}

.addresses-dropdown .address:hover {
    opacity: .5;
}

.renew-contract-summary .custom-form-group .title {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #7188A7;
}

.renew-contract-summary .custom-form-group .address .name {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #244170;
}

.renew-contract-summary .custom-form-group .address .text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #7188A7;
}

.renew-contract-summary .custom-checkbox-wrapper, .renew-contract-summary .custom-checkbox-wrapper a {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #244170;
}

.custom-checkbox-wrapper .value.gold {
    color: #B68047;
}

.renew-contract-summary .custom-form-group.form-group {
    cursor: initial;
}

.title.small {
    font-size: 14px;
}

#removeCouponConfirmationModal .modal-footer .btn {
    margin: 0;
}

#removeCouponConfirmationModal .modal-footer .btn-red {
    background: #721c24;
    border-color: #721c24;
    color: #FFFFFF;
}

.edit-profile .card {
    max-width: 808px;
    min-height: 583px;
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    margin: 40px auto;
}

.edit-profile .card .left {
    height: 100%;
    min-height: 583px;
    background: #F6F8FB;
    border-right: 1px solid #D8E0ED;
    border-radius: 8px 0 0 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.edit-profile .card .left img {
    margin-bottom: 25px;
    width: 119px;
    height: 114px;
    border-radius: 50%;
    object-fit: cover;
}

.edit-profile .card .left .btn {
    margin-bottom: 25px;
    min-width: 120px;
    height: 40px;
    border: 1px solid #9B9B9B;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-profile .card .left .btn:hover {
    background: #244170;
    color: #fff;
}

.edit-profile .card .right {
    padding: 24px 32px;
}

.edit-profile .card .right .title {
    font-size: 20px;
    color: #244170;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

.edit-profile .card .right .delete-account {
    padding: 5px 10px;
    border-radius: 35px;
    font-size: 15px;
}

.edit-profile .profile-btn {
    position: relative;
    right: 35px;
    bottom: 20px;
}


.edit-profile .password-wrapper {
    background: #F7FAFE;
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    padding: 8px 16px;
}

.edit-profile .password-wrapper input {
    margin-left: 20px;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 10px 0;
    height: 10px;
    font-size: 16px;
}

.edit-profile .password-wrapper a {
    font-size: 12px;
    font-weight: 700;
    color: #B68047;
}

.edit-profile .form-group .form-control::placeholder {
    font-size: 16px;
}

.profile form button {
    cursor: pointer;
}

header.profile a {
    color: #244170;
}

.service-period {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.service-period span {
    margin-left: 10px;
}

.gold-color {
    color: #B68047;
}

.package-date-address {
    font-size: 12px;
    font-weight: 700;
}

.package-date-address span {
    margin-left: 10px;
}

.package-date-address .address {
    color: #9B9B9B;
}

.visit-duration {
    color: #9B9B9B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.visit-duration-value {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.btn-change-date {
    border-radius: 40px;
    border: 1px solid #263F6E;
    color: #263F6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    width: 100%;
}

.btn-change-date:hover {
    color: #fff;
}

.visit-info-wrapper {
    border-radius: 8px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 20px;
}

.visit-info-wrapper .hint {
    margin-top: 1em;
}

.visits-list {
    height: 100%;
}

.package-date-address {
    padding-right: 20px;
}

.hint {
    color: #B68047;
    border-radius: 0 0 8px 8px;
    background: rgba(182, 128, 71, .1);
    padding: .25em 1em;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
}

.period {
    border-radius: 4px;
    border: 1px solid #D8E0ED;
    background: #FFF;
    min-width: 139px;
    height: 30px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-left: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.period.active {
    background: #263F6E;
    color: #fff;
}

.period-title {
    color: rgba(19, 46, 85, 0.90);
    font-weight: 400;
    margin: 1em 0;
}

.btn-change-date.btn:disabled {
    background: #C6C6C6;
    color: #fff;
    border: none;
}

.small-modal .modal-dialog {
    max-width: 608px;
}

.small-modal .modal-content {
    min-height: 616px;
    ;
}

#changeVisitDateSummaryModal .title {
    margin-bottom: 1em;
}

#changeVisitDateSummaryModal .pick-address {
    color: #7188A7;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 8px;
}

#changeVisitDateSummaryModal .address-info {
    color: #263F6E;
    font-size: 14px;
    font-weight: 700;
}

#changeVisitDateSummaryModal .summary {
    padding: 0 4em;
}

#changeVisitDateSummaryModal .visit-address {
    border-radius: 8px;
    border: 1px solid #D8E0ED;
    background: #F4F4F4;
    padding: 1em;
    margin-bottom: 1em;
}

#changeVisitDateSummaryModal .summary .hint {
    margin-bottom: 1em;
    border-radius: 8px;
    border: 1px solid #B68047;
    background: #FFF9E0;
    color: #244170;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    display: flex;
    align-items: center;
}

.summary-title {
    color: #244170;
    font-size: 12px;
    font-weight: 400;
}

.summary-value {
    color: #B68047;
    font-size: 12px;
    font-weight: 400;
}

.summary-title.price {
    color: #244170;
    font-size: 14px;
    font-weight: 700;
}

.summary-value.price {
    color: #B68047;
    font-size: 14px;
    font-weight: 700;
}

.btn-go-to-payment {
    width: 100%;
    height: 40px;
    text-align: center;
    font-weight: 400;
}

.nav.nav-tabs {
    padding: 0;
}

.nav.nav-tabs li {
    margin-left: 1em;
    cursor: pointer;
}

.appointment_details_page.profile-page-content .summary .name, .appointment_details_page.profile-page-content .summary .value {
    font-size: 18px;
    font-weight: 400;
}

.rateVisitModal .modal-content {
    min-height: 200px;
}

.rateVisitModal .modal-body span {
    cursor: pointer;
}

.rateVisitModal .rate-wrapper input {
    display: none;
}

.rateVisitModal .rate-wrapper .title {
    font-size: 14px;
    margin-bottom: 16px;
}

/* Hover state of the stars */
.rateVisitModal .rate-wrapper span.star.hover>svg path {
    fill: #FFCC36;
}

/* Selected state of the stars */
.rateVisitModal .rate-wrapper span.star.selected>svg path {
    fill: #FF912C;
}

.toggle-packages {
    display: none !important;
}

header a {
    color: #263F6E;
}

.btn-login {
    color: #263F6E !important;
}

.btn-login:hover {
    background: #263F6E !important;
    color: #fff !important;
}

.addresses-list .addresses-wrapper {
    padding: 0;
}

.step-content-packages .addresses-wrapper {
    height: initial;
}

.contract-package {
    border-radius: 4px;
    border: 1px solid #E2E8F0;
    background: #FFF;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.contract-package.active {
    border: 1px solid #B68047;
    background: #F0F5FD;
}

.contract-package .title {
    color: #244170;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.contract-package.active .title {
    color: #B68047;
}

.contract-package .price .value {
    color: #B68047;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.contract-package .price .currency {
    color: #9B9B9B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.contract-info.opened {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(155, 155, 155, 0.40);
}

.contract-package-info {
    display: none;
}

.laundry-custom-form-group {
    min-height: 46px !important;
}

.rateVisitModal.small-modal .modal-content {
    height: initial !important;
    min-height: initial !important;
}

.rateVisitModal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rateVisitModal .close:not(:disabled):not(.disabled) {
    padding: 0;
    position: relative;
    margin: 0;
}

.profile-page-content a {
    color: inherit;
}

.profile-page-content a:hover {
    opacity: .5;
}

.nav-link {
    cursor: pointer;
}

.modal-header .close {
    padding: 0;
    margin: 0;
}

.changeVisitDateModal .modal-dialog {
    max-width: 640px;
}

.changeVisitDateModal .custom-datepicker-dropdown {
    border: 1px solid #D8E0ED;
    border-radius: 8px;
    padding: 1em;
}

.changeVisitDateModal .ui-datepicker {
    max-width: 460px;
    margin: 0 auto;
}

.changeVisitDateModal .available.ui-datepicker-current-day a {
    background: #1C355E !important;
    color: #FFFFFF !important;
}

.select-package .contract-package:hover {
    cursor: pointer;
    border: 1px solid #B68047;
    background: #F0F5FD;
}

.service-header h3 {
    line-height: 1;
}

.edit-visit-order-summary .modal-dialog {
    max-width: 474px;
    ;
}

.edit-visit-order-summary .modal-body .wrapper {
    padding: 24px;
}

.edit-visit-order-summary h4 {
    color: #244170;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
}

.edit-visit-order-summary .address-wrapper {
    border-radius: 8px;
    border: 1px solid #D8E0ED;
    background: #F6F8FB;
    padding: 8px 16px;
    margin-bottom: 16px;
}

.edit-visit-order-summary .address-wrapper.faded-address-wrapper {
    background: #F4F4F4;
}

.edit-visit-order-summary .address-wrapper div.title {
    color: #7188A7;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px;
}

.edit-visit-order-summary .address-wrapper .date, .edit-visit-order-summary .address-wrapper .price {
    color: #7188A7;
    font-size: 14px;
    font-weight: 700;
}

.edit-visit-order-summary .hint {
    border-radius: 8px;
    border: 1px solid #B68047;
    background: rgba(252, 246, 222, 1);
    color: #244170;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 16px;
    margin-bottom: 16px;
}

.wallet-wrapper {
    border-radius: 8px;
    background: #F6F8FB;
    padding: 8px 12px;
}

.wallet-wrapper .title {
    color: #263F6E;
    font-size: 14px;
    font-weight: 700;
}

.wallet-wrapper .price {
    color: #7188A7;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

.walletModal .modal-dialog {
    max-width: 474px;
}

.walletModal .modal-content {
    min-height: initial;
}

.walletModal .modal-footer {
    padding-top: 0 !important;
}

.walletModal .title {
    color: #244170;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
}

.walletModal label {
    color: rgba(19, 46, 85, 0.90);
    font-size: 10px;
    font-weight: 700;
}

.walletModal .btn {
    min-width: initial;
    width: 100%;
}

.walletModal .btn.btn-white {
    color: #244170;
    background: #fff !important;
    border: 1px solid #9B9B9B;
}

.wallet-page .balance {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.wallet-page .balance .title {
    color: #9B9B9B;
    font-size: 12px;
    font-weight: 400;
    margin-left: 12px;
}

.wallet-page .price {
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wallet-page .price .value {
    color: #B68047;
    font-size: 20px;
    font-weight: 700;
    margin-left: 8px;
}

.wallet-page .price .currency {
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 700;
}

.transaction {
    border-radius: 8px;
    border: 1px solid #D8E0ED;
    background: #F6F8FB;
    padding: 10px 16px;
    position: relative;
    margin-bottom: 12px;
}

.transaction:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: 0 14px 11px 0;
    background: #1CAF9A;
    width: 6px;
}

.transaction.earn:before {
    background: #1CAF9A;
}

.transaction.spend:before {
    background: #B68047;
}

.transaction .number {
    color: rgba(19, 46, 85, 0.90);
    font-size: 12px;
    font-weight: 400;
    margin-left: 24px;
}

.transaction .date {
    color: rgba(19, 46, 85, 0.90);
    font-size: 13px;
    font-weight: 700;
    border: none;
    white-space: pre;
    margin-right: 60px;
    margin-left: 60px;
}

.transaction .status {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #1CAF9A;
    color: rgba(19, 46, 85, 0.90);
    font-size: 12px;
    font-weight: 400;
    margin-left: 50px;
}

.transaction .price .currency {
    font-size: 12px;
    font-weight: 400;
}

.pagination {
    justify-content: center;
}

.pagination .page-item {
    margin-left: 10px;
}

.pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 35px;
    background: #F0F5FD;
    color: #263F6E;
}

.pagination .page-item.active .page-link {
    background: #263F6E;
    color: #fff;
}

.pagination .page-item.disabled {
    opacity: 0.4;
}

.btn-apple-pay {
    border-radius: 24px;
    background: #000;
    color: #fff;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-content-ready-packages {
    height: 100%;
}

.no-address {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.no-address img {
    margin: 50px 0;
}

.no-address h5 {
    margin-bottom: 40px;
}


.download-app {
    background: #F0F5FD;
}

.download-app-wrapper {
    height: 560px;
    background: rgba(114, 156, 192, .1);
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    padding: 105px 0;
    position: relative;
}

.download-app-wrapper img.mobile {
    position: absolute;
    max-width: 70%;
    top: -146px;
}

.download-app-wrapper .links {
    position: relative;
    top: 30px;
}

.download-app .title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
}

.download-app .text {
    max-width: 440px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 28px;
    margin-top: -15px;
}

.download-app .google-play, .download-app .app-store {
    height: 55px;
    margin-left: 20px;
}

.download-app .google-play {
    margin-bottom: 10px;
}

.download-app .qr {
    width: 120px;
    height: 125px;
}


footer {
    position: relative;
    background: #F0F5FD;
    padding-top: 80px;
    padding-bottom: 30px;
}

footer img.logo {
    margin-bottom: 35px;
    max-width: 269px;
}

footer .social-links {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 269px;
}

footer .snapchat {
    width: 24px;
    height: 29px;
}

footer .instagram {
    width: 23px;
    height: 23px;
}

footer .facebook {
    width: 25px;
    height: 25px;
}

footer .col {
    display: flex;
    flex-direction: column;
}

footer .col .title, footer .col a {
    margin-bottom: 16px;
}

footer .col .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #244170;
}

footer .col a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #244170;
}

footer .col .google-play {
    margin-bottom: 8px;
}

footer .main-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: .1;
    height: 150px;
    object-fit: cover;
}

.offers .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.offers .owl-nav button {
    border: 1px solid #244170 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.offers .owl-nav button:hover {
    background: #244170 !important;
    color: #fff;
}

.offers-page .owl-dots {
    display: flex;
    justify-content: center;
    position: relative;
    top: 25px;
}

.offers-page .owl-dot {
    width: 12px;
    height: 4px;
    background: #fff !important;
    border: 1px solid #244170 !important;
    border-radius: 4px;
    margin: 0 4px;
}

.offers-page .owl-dot.active {
    width: 16px;
    background: #244170 !important;
}

.offers-page .owl-dot.focus, .offers-page .owl-dot.hover {
    outline: none !important;
    background: #244170 !important;
}

.offers-page .page-title {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    margin: 40px 0;
    text-align: center;
}

.offers-page .owl-carousel .owl-item img {
    border-radius: 8px;
    height: 615px;
    object-fit: cover;
}

.payment-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-buttons .btn {
    height: 40px;
    width: 100%;
    flex: .5;
}

.payment-buttons .btn.btn-next {
    flex: 1;
}

.payment-buttons .btn.btn-apple-pay {
    margin-left: 10px;
}

.order-summary .prices-wrapper .d-flex {
    margin-bottom: 8px;
}

img.qr {
    width: 120px;
    height: 125px;
    object-fit: contain;
}

.contact-us-wrapper {
    margin-top: 40px;
}

.contact-us-wrapper .img-wrapper {
    border-radius: 0px 0px 8px 0px;
    border-left: 1px solid #D8E0ED;
    background: #F6F8FB;
}

.contact-us-wrapper .right-side-wrapper {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(19, 46, 85, 0.10);
}

.contact-us-wrapper form {
    padding: 24px 55px;
}

.contact-us-wrapper .contact-info {
    background: #fff;
    border-radius: 8px;
}

.contact-us-wrapper .contact-info .map-wrapper {
    width: 100%;
    height: 150px;
}

.contact-us-wrapper .contact-info .section {
    padding: 12px;
    border-bottom: 1px solid rgba(155, 155, 155, 0.20);
}

.contact-us-wrapper .contact-info .section .title {
    color: rgba(19, 46, 85, 0.90);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
}

.contact-us-wrapper .contact-info .section .text {
    color: #7188A7;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.contact-us-wrapper .contact-info .section .highlighted-contact {
    border-radius: 8px;
    background: #F7FAFE;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
}

.contact-us-wrapper .contact-info .section .other-emails .d-flex {
    margin-bottom: 8px;
}

.contact-us-wrapper .contact-info .section .other-emails .title {
    color: #7188A7;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

.contact-us-wrapper .contact-info .section .other-emails .email {
    color: #263F6E;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

.contact-us-wrapper form .title {
    color: #244170;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 32px;
}

.contact-us-wrapper form label {
    color: rgba(19, 46, 85, 0.90);
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
}

.contact-us-wrapper form .btn-submit {
    margin-top: 36px;
    min-width: 155px;
    min-height: 40px;
}

.contact-us-wrapper form .custom-form-group label {
    color: #7188A7;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.contact-us-wrapper form .custom-form-group {
    margin-bottom: 32px !important;
}

.contact-us-wrapper form .select2-container .select2-selection--single .select2-selection__rendered {
    color: #244170;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.lang-switcher {
    margin-left: 20px;
}

.about-us-page-wrapper {
    padding: 40px 0;
}

.about-us-page-wrapper h4 {
    font-size: 26px;
    margin-bottom: 16px;
    font-weight: bold;
}

.about-us-page-wrapper p {
    margin-bottom: 64px;
}

.service-name {
    font-size: 24px;
    font-weight: 700;
}

.total-price-wrapper {
    margin: 16px 0;
    cursor: pointer;
}

.order-summary.opened .price img {
    transform: rotate(180deg);
}

.results-wrapper .col-4.col-md-2 .info {
    border: none;
}

.info.experience {
    border: none;
}

.btn-apply-coupon {
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(19, 46, 85, 0.10);
    padding: 5px;
    color: #244170;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    border-radius: 34px;
    border: 1px solid #244170;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 12px;
    transition: .2s all ease-in-out;
}

.btn-apply-coupon:hover {
    color: #fff !important;
    background: #244170;
}

.coupon-input {
    border-left: none !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.start-at-custom-form-group {
    padding: 10px 0;
}

.btn.btn-blue.add-address {
    color: #fff;
}

#confirmDeleteModal .modal-content {
    min-height: initial;
}

#confirmDeleteModal .modal-dialog {
    max-width: 500px;
}

#confirmDeleteModal .modal-footer {
    padding: 1rem;
}

#confirmDeleteModal .modal-footer .row {
    width: 100%;
}

#confirmDeleteModal .modal-footer .btn {
    height: 40px;
    max-width: initial;
    min-width: initial;
    width: 100%;
}

#confirmDeleteModal .modal-footer .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, .25);
}

#confirmDeleteModal .modal-footer .btn-delete {
    background: #721c24;
    border-color: #721c24;
    color: #fff;
}

#confirmDeleteModal .modal-footer .btn-cancel {
    border-color: #1C355E;
}

#edit-visit-order-summary .modal-content, #edit-visit-order-summary .order-summary {
    min-height: initial;
}

#edit-visit-order-summary .modal-footer {
    padding: 0;
}

.empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 500px;
}

.empty img {
    max-width: 120px;
    margin-bottom: 16px;
}

.empty .text {
    color: #7188A7;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    max-width: 145px;
    margin-bottom: 16px;
}

.empty .btn-blue {
    color: #fff;
}

.about-us-page-wrapper .card {
    min-height: 156px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F0F5FD;
    padding: 24px 32px;
}

.about-us-page-wrapper .title {
    color: #263F6E;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 16px;

}

.about-us-page-wrapper .text {
    color: #263F6E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.our-values {
    margin-top: 120px;
}

.our-values .title {
    color: #244170;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.contact-us.about-us-page-join .title {
    color: rgba(255, 255, 255, 0.90);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 16px;
}

.contact-us.about-us-page-join .text {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 45px;
}

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

header .dropdown-menu.show {
    padding: 0;
}

header .dropdown-item {
    padding: 10px;
}

header .dropdown-item:focus {
    outline: none;
    background: rgba(36, 65, 112, .2);
}

.appointments-slider {
    margin-top: 16px;
    width: 100% !important;
    min-width: 200px;
}

.appointments-slider .owl-carousel {
    width: 100% !important;
    min-width: 200px;
}

.appointments-slider .item {
    padding: 32px 16px;
    background: rgba(82, 131, 165, 1);
    color: #fff;
    font-size: 12px;
    border-radius: 8px;
}

.appointments-slider .item .day {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    font-size: 16px;
    color: rgba(82, 131, 165, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.appointments-slider .owl-carousel {
    display: block !important;
}

.appointments-slider .date {
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.appointments-slider .owl-dots {
    position: absolute;
    left: 20px;
    top: 50%;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.appointments-slider .owl-dot {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, .2) !important;
    border: none;
    border-radius: 50%;
    margin: 0 4px;
}

.appointments-slider .owl-dot.active {
    background: #fff !important;
    border: none;
}

.loading-wrapper {
    height: 87vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eye.hidePassword {
    display: none;
}

.cv-filter {
    padding: 21px 16px;
    border-left: 1px solid #E2E8F0;
    background: #F7FAFE;
}

.cv-filter .list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cv-filter .card-title {
    color: #94A3B8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 228.571% */
    text-align: center;
    margin-bottom: 16px;
}

.tawast-card {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(19, 46, 85, 0.10);
}

.custom-multi-checkbox-form-group {
    padding: 4px;
}

.custom-multi-checkbox-form-group .group-title {
    padding: 4px 12px;
    margin-bottom: 0 !important;
}

.custom-multi-checkbox-form-group .list {
    max-height: 95px;
    overflow: auto;
    padding: 4px 12px;
}

.info-form-group .group-title {
    color: #9B9B9B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
    margin-bottom: 12px;
}

.info-form-group .group-value {
    color: #244170;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 183.333% */
}

.tawast-card .custom-form-group {
    min-height: initial;
    min-width: initial;
    border-radius: 8px;
    border: 1px solid #D8E0ED;
    background: #FFF;
    margin-bottom: 0;
    cursor: initial;
}

.tawast-card .form-group label {
    color: #9B9B9B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
    margin-bottom: 0;
}

.tawast-card .select2-container .select2-selection--single .select2-selection__rendered {
    color: #244170;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 183.333% */
}

.tawast-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    left: 0;
}

.tawast-card .range-slider-wrapper span {
    color: #9B9B9B;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 200% */
    margin: 0;
}

.tawast-card .range-slider-wrapper .d-flex {
    gap: 10px;
}

.tawast-card .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    width: 12px;
}

.tawast-card .range-slider-wrapper span {
    width: initial;
}

.tawast-card .range-slider-wrapper span.to {
    margin-left: 10px;
    display: block;
}

.custom-checkbox-v2 {
    border-radius: 3px;
    border: 1px solid #244170;
    background: #FFF;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.tawast-card .custom-checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tawast-card .custom-checkbox-wrapper span {
    color: #244170;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 183.333% */
}

.tawast-card .custom-checkbox-v2 svg {
    display: none;
}

.tawast-card .custom-checkbox-wrapper input:checked~.custom-checkbox-v2 svg {
    display: block;
}

.tawast-card .custom-checkbox-wrapper input:checked~.custom-checkbox-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #039200;
    border-color: #039200;
}

.tawast-order-summary-card-title {
    font-size: 16px;
    color: #94A3B8;
}

.tawast-order-summary {
    border-radius: 8px;
    background: #F6F8FB;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tawast-order-summary .item-row {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #244170;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 183.333% */
}

.tawast-order-summary hr {
    margin: 0;
    background: #E2E8F0;
}

.tawast-order-summary-card {
    padding: 16px;
    background: #fff;
}

.tawast-order-summary-card .btn-submit-order {
    height: 40px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 40px;
    background: #C97D3133;
    color: #B68047;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 157.143% */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    text-align: center;
    margin: 16px auto 0;
}

.requsetSemarryCart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding: 10px;
    padding-inline-end: 15px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 10px;
}

.requsetSemarryCart:has(.see-more) {
    background-color: #F6F8FB;
}

.requsetSemarryCart:has(.see-more)::after {
    content: "";
    display: block;
    width: 1px;
    height: 65%;
    background-color: #D8E0ED;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 20%;
}

.requsetSemarryCart__info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.requsetSemarryCart__info:not(img) {
    align-items: start;
}

.requsetSemarryCart__info .link {
    font-size: 10px;
    color: #1C355E;
}

.requsetSemarryCart__info .image {
    background-color: #D5E1F1;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.requsetSemarryCart__info .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.requsetSemarryCart__info .age {
    font-size: 10px;
    color: #9B9B9B;
    font-weight: 700;
}

.requsetSemarryCart .see-more {
    font-size: 10px;
    font-weight: 700;
    color: #B68047;
}

.primaryBtnWithIcon {
    height: 40px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 40px;
    background: #1C355E;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 157.143% */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    margin: 16px auto 0;
}

.tawast-card .results {
    padding: 32px;
}

.tawast-card .results .list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 565px;
    overflow: auto;
}

.tawast-card .result-title {
    color: #244170;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 200% */
    margin-bottom: 24px;
}

.custom-radio-wrapper {
    cursor: pointer;
}

.listWrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 350px;
    margin: 20px auto;
}

.listWrapper .listWrapper__item {
    border-radius: 8px;
    background-color: #FFFFFF;
    min-height: 46px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listWrapper__item--title {
    font-size: 14px;
    font-weight: 700;
    color: #263F6E;
}

.listWrapper__item--nextStep {
    font-size: 14px;
    color: #C6C6C6;
}

.tawast-card .custom-radio-wrapper {
    border-radius: 8px;
    background: #F6F8FB;
    border: 1px solid #F6F8FB;
    padding: 16px;
}

.tawast-card .custom-radio-wrapper:hover {
    border: 1px solid #D8E0ED;
}

.tawast-card .custom-radio-wrapper input {
    display: none;
}

.tawast-card .custom-radio-v2 {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #B68047;
}

.tawast-card .custom-radio-wrapper .see-more {
    color: #B68047;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 266.667% */
}

.tawast-card .custom-radio-wrapper .see-more:hover {
    color: #000;
}

.tawast-card .custom-radio-v2 svg {
    display: none;
}

.tawast-card .custom-radio-wrapper input:checked~.row .info-item .custom-radio-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #B68047;
}

.tawast-card .custom-radio-wrapper input:checked~.row .info-item .custom-radio-v2 svg {
    display: block;
}

.tawast-card .custom-radio-wrapper .primary-text {
    color: #244170;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 228.571% */
}

.tawast-card .custom-radio-wrapper .secondary-text {
    color: #9B9B9B;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 228.571% */
}

.tawast-card .personal-info img {
    object-fit: contain;
}

#cf-pdf-modal .modal-content {
    min-height: initial;
}

#cf-pdf-modal .modal-dialog {
    max-width: 500px;
}

.tawast-service-link .title {
    color: rgba(255, 255, 255, 0.90);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.tawast-service-link .description {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 183.333% */
    max-width: 266px;
    ;
}

.tawast-service-link {
    border-radius: 8px;

}

.tawast-service-link .btn-more {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 157.143% */
    border-radius: 18px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.23);
    max-width: 145px;
}

.tawast-service-link .btn-more:hover {
    background: #fff;
    color: #244170;
}

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

.tawast-card .hint-v2 {
    border-radius: 12px;
    background: #039200;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    top: -17px;
    padding: 28px 21px 12px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tawast-card .group-title {
    display: flex;
    gap: 10px;
    color: #C97D31;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.check-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #C97D31;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm-tawast-card .info-form-group .name {
    color: #8AAEC6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.confirm-tawast-card .info-form-group .value {
    color: #1C355E;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
    .service-header .row {
        flex-direction: column;
    }

    .service-header .service-title {
        margin-bottom: 2em;
    }

    .service-options .row.flex-column-reverse {
        flex-direction: column-reverse !important;
    }

    .d-flex.d-md-none {
        display: flex !important;
    }

    .d-block.d-md-none {
        display: block !important;
    }

    .d-none.d-md-block {
        display: none !important;
    }
}

@media (max-width: 768px) {
    body {
        padding-bottom: 100px;
    }

    .listWrapper {
        width: 100%;
        max-width: 100%;
    }

    .auth-body {
        padding-bottom: 0;
    }

    .bottom-modal .modal-dialog {
        margin: 0;
    }

    .bottom-modal .modal-content {
        box-shadow: 0 -1px 20px #00000014;
        border-radius: 24px 24px 0 0;
    }

    .bottom-modal.modal.show .modal-dialog {
        -webkit-transform: initial !important;
        transform: initial !important;

        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%;
    }

    #providersModal .providers-list {
        height: 335px;
        max-height: 335px;
        overflow: auto;
    }

    .breadcrumb, .service-header .service-title, .top-filters, .packages-avtar, .download-app {
        display: none;
    }

    header {
        padding: 24px;
        justify-content: space-between;
        background: #263F6E;
        border-radius: 0 0 12px 12px;
    }

    .header-with-link {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    .auth-body {
        background-position: 70%;
    }

    .auth-header .logo {
        width: 230px;
    }

    .auth-form-wrapper, .register-form {
        width: 100%;
    }

    .auth-form-wrapper {
        margin: 60px auto 0;
        padding: 16px;
    }

    .auth-form-wrapper .actions-buttons .btn {
        width: 100%;
    }

    .auth-body .back-arrow {
        margin-bottom: 32px;
    }

    header img.back-arrow {
        margin-left: 20px;
    }

    header img.logo {
        margin: 0;
        width: 230px;
    }

    header .title {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 32px;
        color: rgba(255, 255, 255, 0.9);
    }

    .service-header {
        overflow: hidden;
        margin-bottom: 0;
        background: #FFFFFF;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    .step-content {
        padding: 0;
        overflow: initial;
    }

    header .main-bg {
        display: none;
    }

    .custom-card {
        background: transparent;
        box-shadow: none;
    }

    .toggle-packages {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        color: #263F6E;
        width: 100%;
        height: 40px;
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 40px;
        display: flex;
        justify-content: space-between;
    }

    .service-options .selects {
        padding: 0;
        background: transparent;
        box-shadow: none;
        border: none;
        overflow: hidden;
    }

    .multiple-selects-form-group .select {
        min-width: 105px;
    }

    .package-price-wrapper.package-border-r {
        border: none;
        padding: 0 !important;
    }

    .package-price-wrapper .package-price .d-flex {
        flex-direction: row !important;
        justify-content: flex-end !important;
    }

    .renewal.package-price-wrapper .package-price .d-flex {
        justify-content: flex-start !important;
    }

    .package-price-wrapper .package-price .number {
        margin-left: 10px;
    }

    .service-options .custom-form-group {
        background: transparent;
        border: none;
        padding: 0;
    }

    .selects .form-group label.select, .selects .select2-form-group label {
        margin-bottom: 8px;
    }

    .service-options .multiple-selects-form-group .select.active {
        background: #fff;
        border: 1px solid #B68047;
    }

    .addresses-wrapper {
        padding: 0;
    }

    .address-item {
        background: #FFFFFF;
        border: 1px solid #D8E0ED;
        border-radius: 8px;
        margin-bottom: 12px;
        padding: 10px;
    }

    #map-wrapper {
        margin: 1em 0;
    }

    a.add-address {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
    }

    .address-item .title {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 28px;
    }

    .address-item .value {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
    }

    .package-dates {
        background: #FFFFFF;
        border: 1px solid #D8E0ED;
        border-radius: 8px;
        margin-bottom: 12px;
        padding: 10px;
    }

    .package-dates .title {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 28px;
    }

    .package-dates .value {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
    }

    .payment-options {
        height: initial;
        flex-direction: row;
        border: none;
    }

    .payment-options img.mada {
        width: 55px;
    }

    .payment-options img.visa {
        width: 55px;
    }

    .payment-options img.cc {
        width: 40px;
    }

    .payment-form {
        padding-right: 0;
        padding-left: 0;
    }

    .payment-wrapper, .payment-form {
        background: transparent;
        box-shadow: none;
    }

    .payment-wrapper .form-group .form-control {
        height: 50px;
    }

    .step-content, .service-options .selects {
        height: initial;
    }

    .multiple-selects-form-group .select {
        min-width: initial;
    }

    .mobile-filters.top-filters {
        padding: 1em 0;
    }

    .mobile-filters.top-filters .custom-form-group {
        min-height: 70px;
        margin-bottom: 1em;
    }

    .mobile-filters.top-filters .custom-form-group label, .custom-datepicker-dropdown .title {
        margin-bottom: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 22px;
        color: #7188A7;
    }

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

    .filters-hint {
        overflow: hidden;
        background: #1CAF9A;
        border-radius: 0 0 12px 12px;
        position: relative;
        top: -10px;
        padding: 16px;
    }

    .arrow-down-circle {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 16px;
    }

    .filters-hint .text {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgba(255, 255, 255, 0.9);
    }

    .results-wrapper.cv_results {
        padding: 0;
    }

    .results-wrapper .cvs {
        max-height: initial;
    }

    .results-wrapper .cvs {
        max-height: initial;
    }

    .results-wrapper .cv {
        background: #FFFFFF;
        border: 1px solid #D8E0ED;
        border-radius: 8px;
    }

    .cv-header {
        border-bottom: 1px solid #D8E0ED;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .results-wrapper .cv:hover {
        background: #fff;
    }

    .selects .title {
        margin-bottom: 8px;
    }

    .date-datepicker-wrapper {
        width: 100%;
    }

    .monthly-package-card .title {
        font-size: 11px;
    }

    .monthly-package-card .description {
        font-size: 10px;
    }

    #availableDaysModal .date-datepicker-wrapper .inner {
        width: 100%;
    }

    .custom-form-group {
        min-width: initial;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .weakly-days .title {
        font-size: 14px;
    }

    #weeklyVisits {
        margin-right: 8px;
    }

    .mobile-monthly-package .select.active {
        border: 1px solid #B68047;
    }

    .btn-apply-coupon, .btn-apply-coupon:hover, .btn-remove-coupon, .btn-remove-coupon:hover {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        color: #244170;
        margin: 0;
    }

    .order-summary .coupon-input {
        border-bottom-left-radius: 6px !important;
        border-top-left-radius: 6px !important;
    }

    .btn-remove-coupon {
        color: #721c24;
    }

    .modal-content {
        min-height: initial;
    }

    .modal-footer {
        display: flex;
        justify-content: space-between;
    }

    .modal-footer .btn {
        min-width: 140px;
    }

    .user-nav-wrapper {
        display: none;
    }

    .user-profile-wrapper .profile-page-content {
        padding: 0;
        box-shadow: none;
        background: transparent;
    }

    .profile-page-content .content-row {
        background: #fff;
    }

    .border-right {
        border: none !important;
    }

    .btn-change-date {
        min-width: initial;
        min-height: initial;
    }

    .visit-info-wrapper {
        justify-content: start;
        align-items: center;
    }

    .inner-wrapper {
        padding: 0;
        justify-content: center !important;
    }

    .user-profile-wrapper .profile-page-content .content {
        min-height: initial;
        overflow: initial;
        height: initial;
    }

    .hint {
        margin-top: 40px;
    }

    .mobileMenu {
        display: block;
    }

    .arrow-down-text {
        color: #fff;
        padding: 0 16px;
        margin-top: 1em;
        font-size: 14px;
    }

    .arrow-down-text-item {
        margin-bottom: 12px;
    }

    .arrow-down-circle.opened {
        transform: rotate(180deg);
    }

    .filters-hint {
        display: block;
    }

    .download-app-wrapper img.mobile {
        position: initial;
    }

    .download-app .title {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        margin-top: 30px;
    }

    .download-app .text {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        max-width: 92%;
        margin: 28px auto;
    }

    .mobile-store {
        width: 100%;
        flex-direction: row !important;
        justify-content: space-between;
    }

    footer {
        display: none;
    }

    .offers-page .owl-carousel {
        display: block !important;
    }

    .offers {
        padding: 1em 1em 3em;
    }

    header a {
        color: #fff;
    }

    .offers .owl-nav {
        position: absolute;
        top: initial;
        bottom: -50px;
        width: 70%;
        display: flex;
        justify-content: space-between;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .offers-page .owl-dots {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: -35px;
        top: initial;
    }

    header .guest div.logo {
        margin-bottom: 30px;
    }

    .header-logo-menu {
        display: none;
    }

    .order-summary, .step-content {
        min-height: initial;
    }

    .order-summary {
        border-radius: 8px;
        background: #FFF;
        box-shadow: 0px 4px 24px 0px rgba(19, 46, 85, 0.10);
        padding: 12px;
    }

    .order-summary .details .title {
        color: #244170;
        font-size: 14px;
    }

    .order-summary .details .value, .order-summary .details .price {
        color: #B68047;
        font-size: 12px;
    }

    .contact-us-wrapper .img-wrapper {
        height: 175px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contact-us-wrapper .img-wrapper img {
        width: 116px;
        height: 104px;
        object-fit: contain;
    }

    .contact-us-wrapper form .title {
        display: none;
    }

    .contact-us-wrapper form {
        padding: 12px;

    }

    .contact-us-wrapper form .btn {
        margin-top: 10px;
    }

    .contact-us-wrapper .right-side-wrapper {
        margin-bottom: 16px;
    }

    .my-addresses-wrapper {
        padding: 16px 0;
    }

    .my-addresses-wrapper .page-name, .my-addresses-wrapper .add-address {
        display: none;
    }

    .user-profile-wrapper .profile-page-content {
        min-height: initial;
        overflow: initial;
    }

    .my-addresses-wrapper .editAddress {
        color: #B68047;
        font-size: 14px;
        font-weight: 700;
        line-height: 2.7;
        padding: 0;
        border: none;
        background: none;
        display: inline-block;
        width: initial;
        min-width: initial;
    }

    .my-addresses-wrapper .mobile-add-address {
        height: 50px;
        border-radius: 40px;
        border: 1px solid #9B9B9B;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #263F6E;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 28px;
    }

    #addAddressModal .btn {
        width: 100%;
    }

    .sticky-bar {
        border-radius: 12px 12px 0px 0px;
        background: #FFF;
        box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.08);
        padding: 12px 16px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .sticky-bar .btn-reserve {
        height: 48px;
        border-radius: 24px;
        background: #263F6E;
        color: rgba(255, 255, 255, 0.90);
        font-size: 16px;
        font-weight: 700;
        width: 100%;
    }

    .total-price-wrapper {
        width: 100%;
        margin-bottom: 0;
    }

    .on-demand-services .col-md-4, .on-demand-services .col-12 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }

    .service-name {
        display: none;
    }

    .prices-wrapper .price, .prices-wrapper .value {
        font-size: 12px;
    }

    .prices-wrapper .title {
        color: #7188A7;
        font-size: 12px;
        margin-bottom: 4px;
    }

    .order-summary .prices-wrapper .d-flex {
        margin-bottom: 0;
    }

    .total-price-wrapper {
        margin-top: 0;
    }

    .payment-buttons {
        width: 70%;
        max-width: 220px;
    }

    .prices-wrapper .details {
        margin-bottom: 16px;
    }

    .toggle-details-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .address-header a.add-address {
        color: #B68047 !important;
    }

    .download-app-wrapper .links {
        position: relative;
        top: initial;
    }

    .service-header {
        margin-bottom: 16px;
    }

    .transaction-status-wrapper {
        flex-direction: column;
        align-items: end !important;
    }

    .transaction .status {
        margin: 0;
    }

    .transaction-number-wrapper {
        flex-direction: column;
    }

    .transaction-number-wrapper .number {
        margin: 0;
    }

    .profile-page-content .date {
        height: initial;
        margin-top: 1em;
    }

    .changeVisitDateModal .custom-datepicker-dropdown {
        padding: 0;
    }

    .edit-visit-order-summary .price-wrapper {
        width: 100%;
    }

    .edit-visit-order-summary .total-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .edit-visit-order-summary .price img {
        display: none;
    }

    .edit-visit-order-summary .price-wrapper.opened .details {
        margin-bottom: 8px;
    }

    .edit-visit-order-summary .modal-body {
        padding-bottom: 240px;
    }

    .edit-visit-order-summary .order-summary {
        padding: 24px;
    }

    .clothes {
        flex-wrap: wrap;
    }

    .cvModal.modal.show .modal-dialog, #nidModal.modal.show .modal-dialog {
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .cvModal.modal.show .modal-content, #nidModal.modal.show .modal-content {
        height: initial;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
        max-height: 75%;
        overflow: auto;
    }

    .cvModal.modal .modal-body {
        padding: 16px;
    }

    .driver-start-at.start-at-custom-form-group {
        padding: 8px 16px !important;
        display: flex !important;
    }

    .driver-start-at.start-at-custom-form-group label {
        font-size: 21px !important;
        margin-bottom: 0 !important;
    }

    .cvModal .modal-header {
        display: none;
    }

    .cvModal .order-summary {
        position: initial;
        background: transparent;
        padding: 0;
        box-shadow: none;
    }

    .cvModal .modal-dialog {
        max-width: initial;
    }

    #nidModal .modal-dialog {
        width: 100%;
        margin: 0;
    }

    #nidModal .order-summary {
        position: initial;
        box-shadow: none;
        padding: 0;
    }

    #nidModal .order-summary-rows {
        display: block !important;
    }

    .providers-modal .modal-content {
        min-height: 425px;
    }

    .edit-profile .card .left {
        min-height: initial;
        padding-top: 40px;
    }

    .download-app .google-play, .download-app .app-store {
        margin: 0;
    }

    .btn-home, .header-wallet-balance {
        padding: 8px 8px 5px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.10);
    }

    .header-wallet-balance {
        display: flex;
        align-items: center;
    }

    .btn-home, .header-wallet-balance svg {
        margin-left: 8px;
    }

    .header-wallet-balance .price .value {
        margin-left: 4px;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
    }

    .header-wallet-balance .price .currency {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        color: rgba(255, 255, 255, .6);
    }

    #confirmDeleteModal .modal-dialog {
        -webkit-transform: initial !important;
        transform: initial !important;

        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%;
    }

    .tawast-mobile-wrapper {
        padding: 12px 0
    }

    .tawast-mobile-wrapper .form-group {
        margin-bottom: 0;
        min-height: initial;
        height: 46px;
        flex-grow: 1;
    }

    .tawast-mobile-wrapper .filter-toogller {
        padding: 0 !important;
        max-width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tawast-mobile-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
        color: #1C355E;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }

    .tawast-mobile-wrapper .select2-container--default .select2-selection--single {
        display: flex;
        align-items: center;
    }

    .tawast-mobile-wrapper .filters {
        margin-bottom: 16px;
    }

    .tawast-mobile-wrapper .list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: 90vh;
        padding-bottom: 16px;
        overflow: auto;
    }

    .tawast-mobile-wrapper .list .cv-item {
        border-radius: 8px;
        border: 1px solid #E2E8F0;
        background: #FFF;
    }

    .tawast-mobile-wrapper .image-preview {
        padding: 8px 12px 0;
    }

    .tawast-card {
        background: none;
        box-shadow: none;
    }

    .cv-item .information {
        padding: 8px 12px;
        flex: 1;
        border-right: 1px solid #DCE3EB;
        border-bottom: 1px solid #DCE3EB;
    }

    .cv-item .information .name {
        color: #1C355E;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .cv-item .name {
        color: #1C355E;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .cv-item .value {
        color: #598CAE;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .tawast-mobile-wrapper .custom-radio-v2 {
        width: 16px;
        height: 16px;
        border-color: #7188A7;
    }

    .tawast-card .custom-radio-wrapper {
        padding: 0;
        border: none;
    }

    .tawast-card .custom-radio-wrapper:hover {
        border: none;
    }

    .custom-radio-wrapper input:checked~.cv-item .custom-radio-v2 {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #B68047;
        border-color: #B68047;
    }

    .custom-radio-wrapper input:checked~.cv-item {
        border-color: #B68047;
    }

    .custom-radio-wrapper input:checked~.cv-item .custom-radio-v2 svg {
        display: block;
    }

    .exp-information .vr {
        background: #DCE3EB;
        height: 35px;
        width: 1px;
    }

    .exp-information {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 8px 12px;
        border-right: 1px solid #DCE3EB;
    }

    .tawast-mobile-wrapper .image-preview img {
        height: 105px;
        object-fit: cover;
    }

    .open-cv-btn {
        color: #598CAE;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 12px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid #DCE3EB;

    }

    .open-cv-btn:hover {
        color: #1C355E;
    }

    .tawast-mobile-wrapper .btn-next {
        height: 50px;
        background: #1C355E;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 24px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .tawast-modal .custom-radio-v2 {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #8AAEC6;
    }

    .tawast-modal .custom-radio-wrapper {
        display: flex;
        padding: 12px;
        gap: 12px;
        border-radius: 5px;
        border: 1px solid #E2E8F0;
        background: #FFF;
        color: #1C355E;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .tawast-modal .custom-radio-wrapper svg, .tawast-modal .custom-radio-wrapper input {
        display: none;
    }

    .tawast-modal .custom-radio-wrapper input:checked~.custom-radio-v2 {
        background: #039200;
        border-color: #039200;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tawast-modal .custom-radio-wrapper input:checked~.custom-radio-v2 svg {
        display: block;
    }

    .tawast-modal .modal-header {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-bottom: 0;
    }

    .tawast-modal.modal {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }

    .tawast-modal .modal-dialog {
        position: relative;
        width: 100%;
        margin: 0;
    }

    .tawast-modal .modal-content {
        border: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .range-slider-wrapper .ui-slider-horizontal .ui-slider-handle {
        width: 18px;
        height: 18px;
        border-radius: 14px;
        background: #525D7D;
        border-color: #525D7D;
        top: -0.4em;
    }

    .custom-rect-radio-wrapper .rect-select {
        display: flex;
        padding: 8px 12px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        border: 1px solid #D8E0ED;
        background: #FFF;
        color: #263F6E;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        /* 157.143% */

    }

    .custom-rect-radio-wrapper input {
        display: none;
    }

    #mobileFiltersModal label {
        color: #1C355E;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 17px;
        /* 121.429% */
        margin-bottom: 16px;
    }

    #mobileFiltersModal label.custom-rect-radio-wrapper {
        margin-bottom: 0;
    }

    .tawast-modal .range-slider-wrapper .from, .tawast-modal .range-slider-wrapper .to {
        padding: 6px 8px;
        border: 1px solid #DCE3EB;
    }

    .custom-rect-radio-wrapper input[type="radio"]:checked+.rect-select {
        border: 1px solid #263F6E;

    }

    .tawast-modal .form-group {
        margin-bottom: 0;
    }

    #mobileFiltersModal .custom-form-group {
        min-height: initial;
    }

    #mobileFiltersModal .custom-form-group.skills-select {
        height: 70px;
    }

    #mobileFiltersModal .btn-dismiss {
        height: 49px;
        border: 1px solid #1A375B;
        color: #1A375B;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        max-width: 110px;
    }

    #mobileFiltersModal .btn-apply {
        flex: 1;
        width: 100%;
        height: 49px;
        border-radius: 24px;
        background: #263F6E;
        color: rgba(255, 255, 255, 0.90);
        text-align: center;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        /* 175% */
    }

    #mobileFiltersModal .actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
    }

    .confirm-tawast-card .info-form-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px 16px;
    }

    .edit-cv-wrapper {
        border: 1px solid #DCE3EB;
        padding: 12px 14px;
        border-radius: 8px;
        background: #fff;
    }

    .edit-cv-wrapper img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: cover;
    }

    .edit-cv-wrapper .btn-edit-cv {
        color: #598CAE;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .confirm-tawast-card .step-number {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: #1C355E;

        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .confirm-tawast-card .btn-terms {
        color: #1C355E;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
    }

    .confirm-tawast-card .terms-wrapper {
        color: #8AAEC6;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .confirm-tawast-card .btn-submit {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #1C355E;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 48px;
    }

}