@font-face {
    font-family: AgentsBisou;
    src: url("../fonts/Bisou/Bisou-Expanded.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
}

/* Page shell */

:root {
    --agents-red: #d50000;
    --agents-ink: #1f2022;
    --agents-muted: #707070;
    --agents-soft: #f6f6f5;
    --agents-line: rgba(31,32,34,.09);
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 8rem;
}

.agents-page-body * {
    box-sizing: border-box;
}
.faq__item.active{
    background: #fff;
}

.agents-title {
    font-family: Manrope,Trebuchet MS,Helvetica CY,system-ui,sans-serif;
    font-weight: 700;
    font-size: 40px;
}
.agents-loyalty .agents-title {
    /* 1440/heading/title */
    font-family: Bisou;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 30px */
    letter-spacing: -0.24px;
    text-transform: uppercase;
}
.faq__item:not(:first-child):before{
    width: calc(100% - 1rem);
}
.faq__body{
    padding-bottom: 1.5rem;
}
.faq__item.active+.faq__item:before, .faq__item.active:before{
    opacity: 1;
}


.section-title {
    color: var(--text-primary, #1C1C1C);
    /* 1440/heading/section title */
    font-family: Bisou;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 33px */
    text-transform: uppercase;
    margin: 0 0 2.5rem;
}

.agents-page-body .header__logo svg {
    display: block;
    width: 100%;
    height: auto;
}

.agents-page-body .megamenu__overlay {
    border: 0;
}

.agents-page-body .informator.is-hide {
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.agents-page-body .header.is-hide {
    transform: none;
}

.agents-page-body {
    width: 100%;
    color: var(--agents-ink);
    background: #fff;
    overflow: visible;
}

.agents-content-width {
    max-width: 77.5rem;
    margin-inline: auto;
}

.agents-content-width>* {
    width: min(100%,49.5rem);
}

.agents-page {
    overflow: visible;
    overflow-x: clip;
}

.faq__body {
    padding-left: 0;
}
/* Section navigation */

.agents-anchor {
    position: sticky;
    top: calc(var(--informator-height,2.25rem) + 4rem);
    z-index: 1;
    height: 4rem;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid var(--agents-line);
    backdrop-filter: blur(.875rem);
}

.agents-anchor.is-stuck {
    z-index: 90;
}

.agents-anchor.is-project-drop-open {
    z-index: 90;
}

.agents-anchor__inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.agents-anchor__links {
    display: flex;
    align-items: center;
    gap: 1.75rem;
}

.agents-anchor__links a {
    font-size: .875rem;
    font-weight: 600;
    transition: color .3s;
}

.agents-anchor__links a:hover {
    color: var(--agents-red);
}

.agents-anchor__mobile {
    display: none;
}

.agents-anchor__chevron {
    line-height: 1;
    transition: transform .2s ease;
}

.agents-anchor.is-open .agents-anchor__chevron {
    transform: rotate(180deg);
}

@media (max-width: 89.9375rem) {
    .agents-anchor__links {
        display: flex;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateY(.3125rem);
        transform-origin: top;
        transition: visibility 0s ease-out .2s,opacity .2s ease-out,transform .2s ease-out;
    }

    .agents-anchor.is-open .agents-anchor__links {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }
}

.agents-socials {
    display: flex;
    gap: .5rem;
}

.agents-socials a {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--agents-soft);
}


/* Projects and page grid */

.agents-projects {
    padding: 5rem 0 4.375rem;
}

.agents-tabs {
    display: flex;
    gap: .5rem;
    margin-bottom: 1.5rem;
}

.agents-tabs button {
    height: 2.5rem;
    padding: 0 1.25rem;
    border: 0;
    border-radius: .75rem;
    background: rgba(133,133,92,.07);
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: -.01em;
    cursor: pointer;
}

.agents-tabs button.is-active {
    background: #ca0000;
    color: rgba(255,255,255,.95);
}

.agents-city-select {
    display: none;
}

.agents-city-select .select-main__opener {
    width: 100%;
    min-height: 2.5rem;
}

.agents-city-select .select-main__value {
    grid-row: 1/3;
    overflow: visible;
    padding-block: 0;
    text-align: left;
}

.agents-project {
    height: 12.5rem;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 2rem;
    margin: 0 0 2rem;
    border-bottom: 1px solid rgba(28,28,28,.06);
}

.agents-project:last-child {
    margin-bottom: 0;
    border: 0;
}

.agents-project__status {
    position: absolute;
    left: .25rem;
    top: .25rem;
    height: 1.5rem;
    padding: .25rem .5rem;
    border-radius: 2rem;
    background: rgba(255,255,255,.95);
    font-size: .625rem;
    line-height: .9375rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.agents-project__mobile-status {
    display: none;
}

.agents-project__body h3 {
    overflow: hidden;
    margin: 0 0 .5rem;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color var(--trans-base);
}

.agents-project__address {
    font-size: .9375rem;
    font-weight: 500;
    color: #707070;
    line-height: 1.32;
}

.agents-project__reward {
    text-align: right;
    white-space: nowrap;
}

.agents-project__reward strong {
    display: block;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.agents-project__reward span {
    display: block;
    margin-top: .5rem;
    font-size: .9375rem;
    line-height: 1.32;
    font-weight: 500;
    color: #707070;
}

.agents-project__action {
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    padding: 0 1rem;
    border: 0;
    border-radius: 3.5rem;
    background: rgba(133,133,92,.07);
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: -.01em;
    white-space: nowrap;
    cursor: pointer;
    backdrop-filter: blur(.5rem);
}

.agents-project__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: grid;
    place-items: center;
    flex: 0 0 1.5rem;
}

.agents-project__icon img {
    display: block;
    max-width: none;
}

.agents-project__icon--sparkle img {
    width: 1rem;
    height: 1rem;
}

.agents-project__icon--pdf img {
    width: 1.03125rem;
    height: 1.21875rem;
}

.agents-project__icon--render img {
    width: 1.25rem;
    height: 1.375rem;
}

.agents-project__action--special {
    order: -1;
}

.agents-project.is-hidden {
    display: none;
}

.agents-project-list {
    padding: 2rem 2rem 0;
    background: #fff;
    border: 0;
    border-radius: 1.25rem;
    box-shadow: inset 0 0 0 1px rgba(28,28,28,.06);
}

.agents-project__image-link,
.agents-project__title-link {
    color: inherit;
    text-decoration: none;
}

.agents-project__title-link {
    transition: color var(--trans-base, .3s ease);
}

@media (hover: hover) {
    .agents-project__image-link:hover + .agents-project__body .agents-project__title-link,
    .agents-project__title-link:hover {
        color: var(--txt-accent);
    }
}

.agents-project__actions {
    display: flex;
    gap: .5rem;
    margin-left: auto;
}

.agents-page-body .agents-project__action {
    gap: .5rem;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.0714285714;
}

.agents-project__aside {
    height: 10.5rem;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.agents-project__body {
    height: 10.5rem;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}

.agents-project__main {
    position: relative;
    height: 10.5rem;
    min-width: 0;
    display: flex;
    flex: 1;
    gap: 1.5rem;
}

.agents-project__image img {
    width: 10.5rem;
    height: 10.5rem;
    object-fit: cover;
}

.agents-project__image {
    width: 10.5rem;
    height: 10.5rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    flex: 0 0 9rem;
    flex-basis: 10.5rem;
}

.agents-project__controls {
    position: absolute;
    left: 12rem;
    right: 0;
    bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.agents-projects__layout {
    display: grid;
    grid-template-columns: minmax(0,49.5rem) 24rem;
    gap: 1.5rem;
    align-items: start;
    row-gap: 0;
    padding-bottom: 8.75rem;
}

.agents-projects__layout>.agents-faq,
.agents-projects__layout>.agents-loyalty,
.agents-projects__layout>.agents-managers,
.agents-projects__layout>.agents-projects {
    grid-column: 1;
    min-width: 0;
}

.agents-projects__layout .agents-content-width {
    width: 100%;
    max-width: none;
    margin: 0;
}

.agents-projects__layout .agents-content-width>* {
    width: 100%;
    max-width: none;
    z-index: 1;
}

.agents-project__nophoto {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%);
    color: rgba(31,32,34,.28);
}

.agents-projects__empty {
    margin: 0;
    padding: 0 0 2rem;
    color: var(--agents-muted);
}

/* Agent form */

.agents-form {
    position: relative;
    margin-bottom: 1rem;
}

.agents-form fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 1.5rem;
    display: grid;
    gap: .5rem;
}

.agents-form fieldset:last-child {
    margin-bottom: 0;
}

.agents-form label {
    display: block;
    position: relative;
}

.agents-form label>span {
    position: absolute;
    z-index: 1;
    left: 1rem;
    top: .5rem;
    font-size: .6875rem;
    color: var(--agents-muted);
    pointer-events: none;
}

.agents-form input:focus,
.agents-form select:focus {
    border-color: rgba(31,32,34,.35);
}

.agents-form__commission span {
    color: rgba(0, 0, 0, 0.50);
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 200% */
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.agents-form__commission strong {
    font-size: 1.125rem;
}

.agents-form__message {
    text-align: center;
    min-height: 1.25rem;
    margin: .625rem 0 0;
    font-size: .8125rem;
    color: #087d36;
}

.agents-form-wrap {
    position: sticky;
    top: var(--agents-form-sticky-top,calc(var(--informator-height,2.25rem) + 5.5rem));
    align-self: start;
}

.agents-form__body {
    background: #fff;
    border-radius: 20px;
    border: 2px solid rgba(0, 0, 0, 0.04);
    padding: 1.125rem 1.125rem 1rem;
    position: relative;
    z-index: 2;
    box-shadow: 0 .75rem 1.5rem rgba(31,32,34,.12);
}

.agents-form input:not([type=range]),
.agents-form select {
    width: 100%;
    height: 3.75rem;
    padding: 1.4375rem 1rem .4375rem;
    border: 1px solid transparent;
    border-radius: .625rem;
    background: #f7f7f5;
    outline: 0;
}

.agents-form__commission {
    height: 6rem;
    padding: 1.75rem 1.5rem 1.25rem;
    border-radius: 0 0 1rem 1rem;
    background: rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
    margin-top: -1rem;
}

.agents-form-title {
    font-size: 1.75rem;
    margin: 0 0 3rem;
    visibility: hidden;
    height: 1rem;
}

.agents-form legend {
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .5rem;
    line-height: 1.1;
    letter-spacing: -.01em;
}

.agents-form .field__wrapper>.input-main {
    position: relative;
    inset: auto;
    font-size: inherit;
    color: inherit;
    pointer-events: auto;
}

.agents-form .input-main--size-m .input-main__input {
    height: auto;
    padding: 1.25rem 0 .5rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.01em;
}

.agents-form .input-main--size-m .input-main__label {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 600;
    letter-spacing: -.02em;
}

.agents-form .input-main--size-m .input-main__input:focus~.input-main__label,
.agents-form .input-main--size-m .input-main__input:not(:placeholder-shown)~.input-main__label {
    font-size: .8125rem;
    line-height: 1.3846153846;
    letter-spacing: .01em;
}

.agents-form__select>span {
    font-size: .8125rem;
    line-height: 1.3846153846;
    letter-spacing: .01em;
}

.agents-form__select select {
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.01em;
}

.agents-form__select select:invalid {
    color: #707070;
    font-weight: 600;
}

.agents-form>.btn[type=submit] {
    height: 3.5rem;
    min-height: 3.5rem;
}
.agents-form>.btn[type=submit] span {
    font-size: 14px;
}
.agents-form__select,
.agents-project-select .select-main__opener {
    height: 3.75rem;
}

.agents-project-select {
    height: 3.75rem;
    z-index: 4;
}

.agents-form .agents-project-select .select-main__opener {
    width: 100%;
    display: grid;
    padding: .4375rem .9375rem .4375rem 1rem;
    border: 1px solid transparent;
    border-radius: .75rem;
    background: #f7f7f5;
    text-align: left;
    cursor: pointer;
}

.agents-form .agents-project-select .select-main__opener:hover,
.agents-form .agents-project-select.is-active .select-main__opener {
    border-color: rgba(31,32,34,.24);
}

.agents-project-select .select-main__icon,
.agents-project-select .select-main__label,
.agents-project-select .select-main__value {
    position: static;
    inset: auto;
    pointer-events: none;
}

.agents-project-select .select-main__popover {
    background: #f7f7f5;
}

.agents-project-select .select-main__options {
    max-height: min(20rem,calc(100dvh - 8rem));
    overflow-y: auto;
    overscroll-behavior-y: contain;
}

.agents-project-select .select-main__option {
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.agents-project-select .select-main__overlay {
    border: 0;
    padding: 0;
}

.agents-project-select__native {
    position: absolute!important;
}

.agents-budget {
    display: block;
    height: 3.5rem;
    padding: .5rem 1.25rem .25rem 1rem;
    border-radius: .75rem;
    background: var(--bg-second, #f7f7f5);
}

.agents-budget__display {
    display: grid;
    grid-template-rows: auto 1.25rem;
    row-gap: .125rem;
    height: 2.5rem;
    min-width: 0;
}

.agents-budget__label {
    color: var(--txt-second, #707070);
    font-size: .8125rem;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: .01em;
}

.agents-budget__values {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: .5rem;
    min-width: 0;
}

.agents-budget__value {
    display: flex;
    align-items: center;
    column-gap: .25rem;
    min-width: 0;
    color: var(--text-primary, #1c1c1c);
    font-size: 1rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.01em;
    white-space: nowrap;
}

.agents-budget__value--max {
    justify-content: flex-end;
}

.agents-budget__prefix {
    flex: 0 0 auto;
}

.agents-budget__input-field {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, auto);
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    height: 1rem;
}

.agents-budget__input-measure,
.agents-form .agents-budget .agents-budget__input {
    grid-column: 1;
    grid-row: 1;
    display: block;
    min-width: 0;
    max-width: 100%;
    height: 1rem;
    color: inherit;
    font-family: Manrope, Trebuchet MS, Helvetica CY, system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.01em;
    white-space: pre;
}

.agents-budget__input-measure {
    visibility: hidden;
    pointer-events: none;
}

.agents-form .agents-budget .agents-budget__input {
    position: absolute;
    inset: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    outline: 0;
    overflow: hidden;
    appearance: none;
}

.agents-budget__dash {
    color: var(--text-primary, #1c1c1c);
    font-size: 1rem;
    line-height: 1;
    font-weight: 800;
}

.agents-budget .agents-budget__slider {
    position: absolute;
    right: 0;
    bottom: 0rem;
    left: 0;
    height: 0;
}

.agents-form-column {
    min-width: 0;
    grid-column: 2;
    grid-row: 1/5;
    align-self: stretch;
    padding-top: 5rem;
}

.agents-form__policy {
    display: grid!important;
    grid-template-columns: auto 1fr;
    gap: .5rem;
    align-items: start;
    margin-top: .75rem;
    font-size: .6875rem;
    line-height: 1.35;
    color: var(--agents-muted);
}

.agents-form__policy>input {
    width: 1rem!important;
    height: 1rem!important;
    margin: .125rem 0 0;
    padding: 0!important;
    accent-color: var(--agents-red);
}

.agents-form .agents-form__policy>span {
    position: static;
    inset: auto;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    pointer-events: auto;
}

.agents-form__policy a {
    text-decoration: underline;
    text-underline-offset: .125rem;
}

.agents-form__policy .policy-error {
    grid-column: 1/-1;
}

.agents-project-select .select-main__option:disabled {
    cursor: not-allowed;
    opacity: .4;
}

/* Loyalty program */

.agents-loyalty {
    padding: 4.375rem 0;
}

.loyalty-main>img {
    position: absolute;
    right: 1.5rem;
    top: 1.75rem;
    height: 26.875rem;
    filter: drop-shadow(0 1.25rem 1.875rem rgba(0,0,0,.35));
}

.loyalty-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    margin-top: .5rem;
}

.loyalty-main {
    height: 22.5rem;
    border-radius: 1.25rem;
    overflow: hidden;
    background: #ca0000;
    color: #fff;
    position: relative;
}

.loyalty-main__content {
    position: static;
    z-index: 2;
    width: 100%;
    padding: 2rem;
}

.loyalty-main h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0 0 .5rem;
    width: 30.375rem;
    letter-spacing: -.01em;
}

.loyalty-main p {
    max-width: none;
    font-size: 1rem;
    line-height: 1.4;
    width: 17.25rem;
    margin: 0;
    font-weight: 600;
}

.loyalty-main__buttons {
    display: flex;
    gap: .5rem;
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    z-index: 3;
}

.loyalty-main__register {
    background: rgba(255,255,255,.97);
    color: #1c1c1c;
    box-shadow: 0 .375rem .875rem -.375rem rgba(24,39,75,.16), 0 .625rem 2rem -.25rem rgba(24,39,75,.14);
}

.loyalty-main__register--mobile {
    display: none;
}

.loyalty-main__more {
    background: rgba(133,133,92,.07);
    color: rgba(255,255,255,.95);
    backdrop-filter: blur(.5rem);
}

.loyalty-main>.loyalty-main__gradient {
    position: absolute;
    z-index: 0;
    width: 88.5rem;
    height: 88.5rem;
    max-width: none;
    left: 50%;
    right: auto;
    top: -14.4375rem;
    transform: translateX(-50%);
    filter: none;
}

.loyalty-main>.loyalty-main__phone {
    position: absolute;
    z-index: 2;
    width: 15.375rem;
    height: 31.375rem;
    max-width: none;
    left: calc(50% + 10.6875rem);
    right: auto;
    top: 2rem;
    object-fit: cover;
    filter: none;
}

.loyalty-cards article {
    height: 18.75rem;
    border-radius: 1.5rem;
    background: #f7f7f5;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.loyalty-icon {
    font-size: 2.375rem;
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
}

.loyalty-icon img {
    display: block;
    max-width: none;
}

.loyalty-icon--levels img {
    width: 2.5rem;
    height: 1.88995625rem;
}

.loyalty-icon--coupons img {
    width: 1.6875rem;
    height: 2.3833875rem;
}

.loyalty-cards h3 {
    font-size: 1.5rem;
    margin: 0 0 .4375rem;
    line-height: 1.25;
    letter-spacing: -.01em;
}

.loyalty-cards p {
    font-size: 1rem;
    color: rgba(28,28,28,.5);
    max-width: none;
    margin: 0;
    font-weight: 600;
    line-height: 1.4;
}

.loyalty-main__buttons .btn {
    height: 3rem;
    padding: 0 1.25rem;
    border-radius: 3.5rem;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: -.01em;
    border-color: transparent;
}

.loyalty-main__buttons .btn__text {
    margin: 0;
    padding: 0;
}

.loyalty-main__more:active,
.loyalty-main__more:hover {
    color: rgba(255,255,255,.95);
}

/* FAQ */

.agents-faq {
    padding: 4.375rem 0;
}

.agents-faq__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.agents-faq .faq__item:first-child {
    border-top: 0;
}

.agents-faq .faq__item:last-child {
    border-bottom: 0;
}

/* Managers */

.agents-managers {
    padding: 4.375rem 0 0;
}

.manager-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    overflow: auto;
}

.manager-card>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.manager-card__overlay a:not(:first-child) {
    width: 3rem;
    min-width: 3rem;
    flex: 0 0 3rem;
    padding: 0;
}

.agents-mobile-cta {
    display: none;
    transition: opacity .2s ease,visibility 0s;
}

.agents-mobile-cta.is-footer-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease,visibility 0s .2s;
}

.manager-card {
    height: 30rem;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
    flex: 0 0 24rem;
    background: #777;
}

.manager-card__overlay {
    position: absolute;
    inset: auto 0 0;
    padding: 0 1.5rem 1.5rem;
    color: #fff;
    background: linear-gradient(to bottom,transparent 19.94%,rgba(0,0,0,.8));
    height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    backdrop-filter: blur(.25rem);
}

.manager-card h3 {
    font-size: 1.25rem;
    margin: 0 0 .25rem;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.manager-card p {
    font-size: 1.25rem;
    margin: 0 0 1rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: rgba(255,255,255,.7);
}

.manager-card__contacts {
    display: flex;
    gap: .5rem;
    width: 100%;
}

.manager-card__overlay a {
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 62.4375rem;
    background: #fff;
    color: var(--agents-ink);
    padding: 0 .9375rem;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: -.01em;
}

.manager-card__phone {
    grid-auto-flow: column;
    gap: .25rem;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
    padding: 0 1.25rem;
    overflow: hidden;
}

.manager-card__phone .btn__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manager-card__contacts img,
.manager-card__phone svg {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

.manager-list.swiper {
    display: block;
    overflow: hidden;
}

.manager-list__track {
    display: flex;
    gap: 0;
}

.manager-card.swiper-slide {
    width: calc((100% - 1.5rem)/2);
    flex: 0 0 calc((100% - 1.5rem)/2);
    margin-right: 1.5rem;
}

.manager-card.swiper-slide:last-child {
    margin-right: 0;
}

@media (min-width: 90rem) {
    .manager-list.swiper {
        overflow: visible;
    }

    .manager-list.swiper-grab-cursor {
        cursor: default;
    }

    .manager-list__track {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1.5rem;
        width: auto!important;
        transform: none!important;
    }

    .manager-card.swiper-slide {
        cursor: default;
        width: auto!important;
        min-width: 0;
        margin-right: 0;
    }
}

/* Modals */

.agents-modal-shell .hystmodal__window {
    width: min(28.75rem,calc(100vw - 2rem));
    overflow: hidden;
    border-radius: 1.875rem;
    background: #fff;
}

.agents-modal__close {
    position: absolute;
    z-index: 2;
    top: 1rem;
    right: 1rem;
}

.agents-modal {
    position: relative;
    padding: 1rem 1rem 2.25rem;
    text-align: center;
}

.agents-modal__qr {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1.25rem;
}

.agents-modal__title {
    margin: 2.25rem auto 0;
    font-size: 1.625rem;
    line-height: 1.08;
    letter-spacing: -.02em;
}

.agents-modal__text {
    max-width: 22rem;
    margin: 1.25rem auto 0;
    font-size: 1rem;
    line-height: 1.4;
}

.agents-modal--success {
    padding: 3rem 2rem;
}

.agents-modal__success-icon {
    display: block;
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
}

.agents-modal--success .agents-modal__title {
    margin-top: 1.5rem;
}

.agents-modal--special {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 6rem 3.5rem 3.5rem;
    overflow: hidden;
    text-align: left;
}

.agents-modal--special .agents-modal__title {
    margin: 0 0 1.5rem;
    color: var(--text-primary, #1C1C1C);
    font-family: Bisou;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.agents-modal--special .agents-modal__text {
    margin: .75rem 0 1.5rem;
}

.agents-modal-shell--offers .hystmodal__window {
    width: min(45rem,calc(100vw - 2rem));
    height: min(48.75rem,calc(100dvh - 6.25rem));
    max-height: calc(100dvh - 6.25rem);
    display: flex;
    min-height: 0;
    overflow: hidden;
    border-radius: 1.25rem;
}

.agents-special-offers__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-content: start;
    gap: .5rem;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow-y: auto;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-color: #d9d9d9 transparent;
    scrollbar-width: thin;
}

.agents-special-offers__grid::-webkit-scrollbar {
    width: .625rem;
}

.agents-special-offers__grid::-webkit-scrollbar-track {
    background: transparent;
}

.agents-special-offers__grid::-webkit-scrollbar-thumb {
    border: .09375rem solid transparent;
    border-radius: .21875rem;
    background: #d9d9d9;
    background-clip: content-box;
}

.agents-special-offers__grid::-webkit-scrollbar-button:single-button:vertical:decrement {
    display: block;
    height: 1.25rem;
    background: #d9d9d9;
    clip-path: polygon(50% 2.5%,85% 37.5%,15% 37.5%);
}

.agents-special-offers__grid::-webkit-scrollbar-button:single-button:vertical:increment {
    display: none;
}

@media (min-width: 48rem) {
    .agents-special-offers__grid {
        margin-right: -2.875rem;
        padding-right: 2.25rem;
    }
}

.agents-special-offers__item {
    min-width: 0;
}

.agents-special-offers__status {
    grid-column: 1 / -1;
    margin: 2rem 0;
    color: var(--txt-second,#707070);
    text-align: center;
}

.agents-page-body .object-card-tags-popper {
    z-index: calc(var(--z-modal,99999) + 1)!important;
}


.agent-commission-tag {
    max-width: 100%;
}

/* Tablet: 768-1439px */
@media (min-width: 48rem) and (max-width: 89.9375rem) {
    /* Page shell */

    html {
        scroll-padding-top: 8.25rem;
    }

    .agents-content-width {
        max-width: none;
        width: 100%;
    }

    .agents-content-width>* {
        width: 100%;
        max-width: none;
    }

    .section-title {
        font-size: 1.375rem;
        margin-bottom: 1.375rem;
    }

    .agents-page-body .page>.tabbar {
        display: none!important;
    }

    /* Section navigation */

    .agents-anchor {
        height: 3.5rem;
    }

    .agents-anchor__inner {
        position: relative;
    }

    .agents-anchor__mobile {
        display: flex;
        padding: 0;
        border: 0;
        background: transparent;
        align-items: center;
        gap: .75rem;
        font-size: .875rem;
        line-height: 1;
        font-weight: 600;
        cursor: pointer;
    }

    .agents-anchor__chevron {
        font-size: 1.125rem;
    }

    .agents-anchor__links {
        align-items: flex-start;
        gap: 0;
        position: absolute;
        z-index: 2;
        left: 0;
        top: calc(100% + .5rem);
        min-width: 15rem;
        padding: .75rem;
        background: #fff;
        border-radius: .75rem;
        box-shadow: 0 .75rem 1.875rem rgba(0,0,0,.12);
        flex-direction: column;
    }

    .agents-anchor__links a {
        width: 100%;
        padding: .625rem .75rem;
    }

    /* Projects and page grid */

    .agents-projects {
        padding: 5rem 0 0;
    }

    .agents-projects__layout {
        display: block;
        padding-bottom: 0;
        width: 100%;
    }

    .agents-project-list,
    .agents-projects__main {
        width: 100%;
        max-width: none;
    }

    /* Agent form */

    .agents-form-column {
        padding: 0 0 4.75rem;
    }

    .agents-form-wrap {
        position: relative;
        top: auto;
        width: 100%;
        max-width: none;
        margin: 2.5rem 0 0;
    }

    .agents-form-title {
        font-size: 1.375rem;
        margin: 0 0 1.375rem;
        visibility: visible;
        height: auto;
        line-height: 1;
    }

    .agents-form,
    .agents-form>.btn[type=submit] {
        width: 100%;
        max-width: none;
    }

    .agents-form__body {
        padding: .9375rem 1rem;
    }

    .agents-form fieldset {
        gap: .4375rem;
        margin-bottom: 1.125rem;
    }

    .agents-form__commission {
        margin-bottom: 1.25rem;
    }

    .agents-form__message:empty {
        display: none;
    }

    /* Loyalty program */

    .agents-loyalty {
        padding: 2.5rem 0 2.125rem;
    }

    .loyalty-main {
        height: 18.75rem;
    }

    .loyalty-main>.loyalty-main__phone {
        width: 12.78875rem;
        height: 26.1458125rem;
        left: calc(100% - 12.01953125rem);
        top: 1.66675rem;
    }

    .loyalty-cards {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    /* FAQ */

    .agents-faq {
        padding: 2.125rem 0;
    }

    .agents-faq .faq__title {
        font-size: 1rem;
        line-height: 1.375;
    }

    .agents-faq .faq__item:first-child .faq__title {
        min-height: 6.625rem;
    }

    .agents-special-offers__grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    /* Managers */

    .agents-managers {
        padding: 2.125rem 0 2.5rem;
    }

    .manager-list {
        width: calc(100vw - 1.25rem);
        padding: 0 1.25rem 0 0;
    }

    .manager-card.swiper-slide {
        width: 24rem;
        flex: 0 0 24rem;
        height: 25.5rem;
        max-width: none;
    }

    .manager-card__overlay {
        height: 18.5rem;
    }

    .agents-mobile-cta {
        --agents-mobile-cta-base-bottom: calc(1.25rem + env(safe-area-inset-bottom));
        display: flex;
        position: fixed;
        z-index: 98;
        left: 50%;
        bottom: var(--agents-mobile-cta-base-bottom);
        width: 11.75rem;
        height: 3.5rem;
        min-height: 3.5rem;
        justify-content: center;
        transform: translateX(-50%);
        box-shadow: 0 .5rem 1.75rem rgba(0,0,0,.22);
    }

    .agents-mobile-cta+.tabbar {
        display: none!important;
    }
}

/* Tablet modifier: 768-1279px */
@media (min-width: 48rem) and (max-width: 79.9375rem) {
    /* Hero */

}

/* Tablet modifier: 768-1024px */
@media (min-width: 48rem) and (max-width: 64rem) {
    /* Hero */


}

/* Mobile: 375-767px */
@media (max-width: 47.9375rem) {
    /* Page shell */
    .agents-loyalty .agents-title{
        font-family: Bisou;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 19.2px */
        text-transform: uppercase;
    }
    .agents-page-body .footer {
        padding-bottom: 3.25rem;
    }

    .agents-content-width {
        margin-left: 1.25rem;
    }

    html {
        scroll-padding-top: 9.75rem;
    }

    .agents-page-body .informator {
        position: sticky;
        top: 0;
    }

    .agents-page-body .header {
        top: var(--informator-height,2.25rem);
    }

    .section-title {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
        letter-spacing: 0;
    }

    .agents-page-body:after {
        content: "";
        position: fixed;
        z-index: 97;
        right: 0;
        bottom: calc(-1 * env(safe-area-inset-bottom));
        left: 0;
        height: calc(5.75rem + env(safe-area-inset-bottom));
        background: linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.94) 58%,#fff);
        pointer-events: none;
    }

    @supports (-webkit-touch-callout: none) {
        .agents-page-body:after {
            content: none;
        }
    }

    .agents-page-body .page>.tabbar {
        display: none!important;
    }

    /* Section navigation */

    .agents-anchor__links {
        align-items: flex-start;
        gap: 1.125rem;
        position: absolute;
        left: 1rem;
        right: 1rem;
        top: 3.25rem;
        padding: .75rem;
        background: #fff;
        border-radius: .75rem;
        box-shadow: 0 .75rem 1.875rem rgba(0,0,0,.12);
        flex-direction: column;
    }

    .agents-anchor {
        height: 3.5rem;
    }

    .agents-anchor__inner {
        padding-inline: 1rem;
    }

    .agents-anchor__mobile {
        display: flex;
        border: 0;
        background: transparent;
        align-items: center;
        gap: .75rem;
        font-weight: 600;
        height: 2.5rem;
    }

    /* Projects and page grid */

    .agents-tabs[data-city-tabs] {
        display: none;
    }

    .agents-project-list {
        padding: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
    }

    .agents-project__status {
        display: none;
    }

    .agents-project__mobile-status {
        display: block;
        margin-bottom: .5rem;
        font-size: .625rem;
        line-height: 1.5;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .agents-project__body h3 {
        margin-bottom: .125rem;
    }

    .agents-project__address {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .agents-project__reward {
        text-align: left;
    }

    .agents-project__reward span {
        font-size: .625rem;
        line-height: 1.5;
        font-weight: 700;
        text-transform: uppercase;
    }

    .agents-project__action--icon {
        width: 2.5rem;
        padding: 0;
    }

    .agents-project__action--icon>span:last-child {
        display: none;
    }

    .agents-project__action--special {
        order: 0;
        min-width: 0;
        flex: 1;
    }

    .agents-project__actions {
        order: -1;
        margin-left: 0;
    }

    .agents-project__controls {
        position: static;
        justify-content: flex-start;
        width: 100%;
        gap: .5rem;
    }

    .agents-project__body {
        height: 8.625rem;
        justify-content: flex-start;
    }

    .agents-project__main {
        height: 8.625rem;
        flex: none;
        gap: .75rem;
        width: 100%;
    }

    .agents-project__aside {
        height: auto;
        align-items: flex-start;
        position: absolute;
        left: 9.375rem;
        top: 5.4375rem;
    }

    .agents-project__image img {
        width: 8.625rem;
        height: 8.625rem;
    }

    .agents-project__image {
        width: 8.625rem;
        height: 8.625rem;
        flex-basis: 8.625rem;
    }

    .agents-projects__layout {
        display: block;
        grid-template-columns: minmax(0,2fr) minmax(20.625rem,1fr);
        padding-bottom: 0;
    }

    .agents-projects {
        padding: 1.75rem 0 0;
    }

    .agents-city-select {
        display: block;
        margin-bottom: 1.25rem;
    }

    .agents-project {
        height: 14.1875rem;
        flex-direction: column;
        gap: 1.5rem;
        padding-bottom: 1.5rem;
        margin-bottom: 1.25rem;
    }

    .agents-projects__layout .agents-content-width {
        padding-inline: 0;
    }

    /* Agent form */

    .agents-project-select.is-active {
        z-index: 99;
    }

    .agents-project-select .select-main__popover {
        position: absolute;
        inset: calc(100% + .5rem) 0 auto;
        width: 100%;
        max-width: 100%;
        padding: .375rem 0;
        border-radius: .75rem;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,.16);
        transform: translateY(.3125rem);
    }

    .agents-project-select.is-active .select-main__popover {
        transform: translateY(0);
    }

    .agents-project-select .select-main__header {
        display: none;
    }

    .agents-project-select .select-main__options {
        max-height: min(20rem,calc(100dvh - 8rem));
    }

    .agents-form-column {
        padding: 0 0 1.75rem;
    }

    .agents-form-wrap {
        position: relative;
        top: auto;
        margin: 1.5rem auto 0;
        max-width: 35rem;
        scroll-margin-top: 1rem;
    }

    .agents-form>.btn[type=submit] {
        position: relative;
        z-index: 1;
    }

    .agents-form-title {
        font-family: Bisou;
        visibility: visible;
        height: auto;
        margin-bottom: 1.5rem;
        line-height: 1.2;
        letter-spacing: 0;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
    }

    .agents-form__body {
        padding: .75rem;
    }

    .agents-form fieldset {
        gap: .4375rem;
        margin-bottom: 1.125rem;
    }

    .agents-form .input-main--size-m,
    .agents-form__select {
        height: auto;
        min-height: 3.625rem;
    }

    .agents-project-select {
        height: auto;
        min-height: 3.625rem;
    }

    .agents-project-select .select-main__opener {
        height: 3.625rem;
        min-height: 3.625rem;
    }

    .agents-form .input-main--size-m .input-main__input {
        padding: 1.25rem 0 .5rem;
    }

    .agents-form .agents-project-select .select-main__opener {
        padding: .375rem .875rem .375rem 1rem;
    }

    .agents-form__commission {
        height: 5.75rem;
        padding: 2.5rem 1.25rem 1rem;
        margin-bottom: 1.125rem;
        margin-top: -1rem;
    }

    /* Loyalty program */

    .loyalty-main>img {
        display: none;
        right: auto;
        left: 105%;
    }

    .loyalty-cards {
        grid-template-columns: 1fr;
    }

    .loyalty-main__more {
        order: -1;
    }

    .loyalty-main__buttons .btn {
        width: 100%;
        flex: 0 0 3rem;
    }

    .loyalty-main__register--desktop {
        display: none;
    }

    .loyalty-main__register--mobile {
        display: inline-flex;
    }

    .agents-loyalty {
        padding: 1.5rem 0;
    }

    .loyalty-main {
        height: 21.5rem;
    }

    .loyalty-main__content {
        padding: 1.5rem;
    }

    .loyalty-main h2 {
        font-size: .9375rem;
        line-height: 1.2;
        width: 100%;
        letter-spacing: 0;
        margin-bottom: .375rem;
    }

    .loyalty-main p {
        font-size: .9375rem;
        line-height: 1.35;
        width: 100%;
    }

    .loyalty-main__buttons {
        gap: .75rem;
        left: 1.5rem;
        bottom: 1.5rem;
        right: 1.5rem;
        flex-direction: column;
    }

    .loyalty-cards article {
        height: 23.25rem;
        padding: 1.5rem;
        min-height: 23.25rem;
    }

    .loyalty-cards h3 {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: .25rem;
    }

    .loyalty-cards p {
        font-size: .875rem;
    }

    /* FAQ */

    .agents-faq {
        padding: 1.75rem 0;
    }

    .agents-faq__list {
        gap: 0;
    }

    .agents-faq .faq__item {
        column-gap: .75rem;
        padding: 1.375rem 0 0;
        border-radius: 0;
        border-bottom: 1px solid rgba(31,32,34,.06);
    }

    .agents-faq .faq__item:last-child {
        border-bottom: 0;
    }

    .agents-faq .faq__item:not(:first-child):before {
        display: none;
    }

    .agents-faq .faq__body {
        padding: .5rem 2rem .5rem  0;
    }

    .agents-faq .faq__title {
        min-height: 0;
        padding: 0;
        font-size: 1.25rem;
        line-height: 1.1;
        letter-spacing: -.02em;
    }

    .agents-faq .faq__control {
        width: 2.5rem;
        height: 2.5rem;
    }

    .agents-faq .faq__text-inner {
        padding-bottom: 1rem;
    }

    .agents-special-offers__grid {
        grid-template-columns: 1fr;
    }

    .agents-modal-shell--offers {
        grid-template-rows: minmax(0,1fr);
        align-content: stretch;
        overflow: hidden;
        overscroll-behavior: none;
    }

    .agents-modal-shell--offers .hystmodal__wrap {
        grid-row: 1;
        display: flex;
        align-items: flex-end;
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .agents-modal-shell.agents-modal-shell--offers .hystmodal__window {
        width: 100%;
        height: calc(100vh - 1rem);
        height: calc(100svh - 1rem);
        max-height: calc(100vh - 1rem);
        max-height: calc(100svh - 1rem);
        max-width: none;
        margin: 0;
        flex: 0 0 auto;
        border-radius: 1.25rem 1.25rem 0 0;
        transform: translate3d(0,100%,0);
    }

    .agents-modal-shell.agents-modal-shell--offers.hystmodal--animated .hystmodal__window {
        transition: opacity var(--hystmodal-speed,.2s) ease;
    }

    .agents-modal-shell.agents-modal-shell--offers.hystmodal--active .hystmodal__window {
        transform: none;
    }

    .agents-modal-shell--offers .agents-modal__close {
        top: 1rem;
        right: 1rem;
        width: 40px;
        height: 40px;
    }



    .agents-modal--special .agents-modal__title {
        font-size: 1rem;
        line-height: 1.1;
    }

    .agents-modal--special .agents-modal__text {
        margin: .5rem 0 1.5rem;
    }

    /* Managers */

    .manager-list {
        display: flex;
        padding-bottom: .5rem;
    }

    .manager-list.swiper {
        overflow: visible;
    }

    .manager-card {
        width: 24rem;
        max-width: none;
    }

    .agents-managers {
        padding: 1.5rem 0 2rem;
    }

    .agents-managers .agents-tabs {
        margin-bottom: 1.25rem;
    }

    .manager-card[hidden] {
        display: none!important;
    }

    .manager-card.swiper-slide {
        width: 24rem;
        margin-right: 1rem;
        flex-basis: 24rem;
        height: 30rem;
    }

    .manager-card__overlay {
        padding: 0 1.5rem 1.5rem;
        height: 22rem;
    }

    .manager-card h3 {
        font-size: 1.25rem;
        line-height: 1.1;
    }

    .manager-card p {
        font-size: 1.25rem;
        line-height: 1.1;
        margin-bottom: 1rem;
    }

    .manager-card__contacts {
        gap: .5rem;
    }

    .agents-mobile-cta {
        --agents-mobile-cta-base-bottom: calc(.75rem + env(safe-area-inset-bottom));
        display: flex;
        position: fixed;
        z-index: 98;
        left: 50%;
        bottom: var(--agents-mobile-cta-base-bottom);
        transform: translateX(-50%);
        width: clamp(11rem,52vw,12.5rem);
        box-shadow: 0 .5rem 1.75rem rgba(0,0,0,.22);
        height: 3.5rem;
        min-height: 3.5rem;
        justify-content: center;
    }

    /* Modals */

    .agents-modal-shell .hystmodal__window {
        border-radius: 1.5rem;
    }

    .agents-modal {
        padding: .75rem .75rem 2rem;
    }

    .agents-modal__title {
        font-size: 1.375rem;
        margin-top: 1.75rem;
    }

    .agents-modal__text {
        font-size: .9375rem;
        margin-top: 1rem;
    }

    .agents-modal--success {
        padding: 2.5rem 1.5rem;
    }
    .agents-modal--special {
        padding: 2rem 1rem 2rem;
    }
}

/* Narrow mobile: 375-420px */
@media (min-width: 23.4375rem) and (max-width: 26.25rem) {
    /* Page shell */

    .agents-content-width {
        padding-inline: 1rem;
    }

    /* Projects and page grid */

    .agents-projects>.width {
        padding-inline: 1rem;
    }

    .agents-project__body h3 {
        font-size: 1.125rem;
    }

    .agents-project {
        grid-template-columns: 8.625rem minmax(0,1fr);
    }

    /* Managers */

    .manager-card {
        flex-basis: 20.9375rem;
    }
}

/* Fallback below 375px */
@media (max-width: 23.375rem) {
    /* Page shell */

    html {
        scroll-padding-top: 7rem;
    }

    .section-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .agents-page-body .informator {
        position: relative;
    }

    .agents-page-body .header {
        top: 0;
    }

    .agents-page-body .footer {
        padding-bottom: 3.25rem;
    }

    .agents-content-width {
        margin-left: 1.25rem;
        padding-inline: 1rem;
    }

    .agents-page-body .page>.tabbar {
        display: none!important;
    }

    /* Section navigation */

    .agents-anchor {
        top: 0;
        height: 3.5rem;
    }

    .agents-anchor__mobile {
        display: flex;
        border: 0;
        background: transparent;
        align-items: center;
        gap: .75rem;
        font-weight: 600;
    }

    .agents-anchor__links {
        align-items: flex-start;
        gap: 1.125rem;
        position: absolute;
        left: 1rem;
        right: 1rem;
        top: 3.25rem;
        padding: .75rem;
        background: #fff;
        border-radius: .75rem;
        box-shadow: 0 .75rem 1.875rem rgba(0,0,0,.12);
        flex-direction: column;
    }

    /* Projects and page grid */

    .agents-projects {
        padding: 1.75rem 0;
    }

    .agents-tabs[data-city-tabs] {
        display: none;
    }

    .agents-city-select {
        display: block;
        margin-bottom: 1.5rem;
    }

    .agents-project-list {
        border: 0;
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .agents-project__status {
        display: none;
    }

    .agents-project__mobile-status {
        display: block;
        margin-bottom: .5rem;
        font-size: .625rem;
        line-height: 1.5;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .agents-project__address {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .agents-project__reward {
        text-align: left;
    }

    .agents-project__reward span {
        font-size: .625rem;
        line-height: 1.5;
        font-weight: 700;
        text-transform: uppercase;
    }

    .agents-project__action--icon {
        width: 2.5rem;
        padding: 0;
    }

    .agents-project__action--icon>span:last-child {
        display: none;
    }

    .agents-project__action--special {
        order: 0;
        min-width: 0;
        flex: 1;
    }

    .agents-projects>.width {
        padding-inline: 1rem;
    }

    .agents-project {
        height: 14.1875rem;
        flex-direction: column;
        gap: 1.5rem;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
        grid-template-columns: 8.625rem minmax(0,1fr);
    }

    .agents-project__body h3 {
        font-size: 1.125rem;
        margin-bottom: .125rem;
    }

    .agents-project__actions {
        order: -1;
        margin-left: 0;
    }

    .agents-project__controls {
        position: static;
        justify-content: flex-start;
        width: 100%;
        gap: .5rem;
    }

    .agents-project__body {
        height: 8.625rem;
        justify-content: flex-start;
    }

    .agents-project__main {
        height: 8.625rem;
        flex: none;
        gap: .75rem;
        width: 100%;
    }

    .agents-project__aside {
        height: auto;
        align-items: flex-start;
        position: absolute;
        left: 9.375rem;
        top: 5.4375rem;
    }

    .agents-project__image img {
        width: 8.625rem;
        height: 8.625rem;
    }

    .agents-project__image {
        width: 8.625rem;
        height: 8.625rem;
        flex-basis: 8.625rem;
    }

    .agents-projects__layout {
        display: block;
        grid-template-columns: minmax(0,2fr) minmax(20.625rem,1fr);
        padding-bottom: 0;
    }

    /* Agent form */

    .agents-form-wrap {
        position: relative;
        top: auto;
        margin: 1.75rem auto 0;
        max-width: 35rem;
    }

    .agents-form__body {
        padding: 1.125rem 1rem;
        z-index: 50;
    }

    .agents-form-title {
        font-family: Bisou;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        text-transform: uppercase;
        font-size: 1.5rem;
        visibility: visible;
        height: auto;
        margin-bottom: 1.5rem;
    }

    .agents-project-select .select-main__popover {
        background: #fff;
    }

    /* Loyalty program */

    .agents-loyalty {
        padding: 1.75rem 0;
    }

    .loyalty-main>img {
        display: none;
    }
    .loyalty-main>.loyalty-main__phone{
    display: none;}
    .loyalty-cards {
        grid-template-columns: 1fr;
    }

    .loyalty-main h2 {
        font-size: 1rem;
        line-height: 1.2;
        width: 16.9375rem;
        letter-spacing: 0;
        margin-bottom: .5rem;
    }

    .loyalty-main p {
        width: 16.9375rem;
    }

    .loyalty-main__buttons {
        right: 2rem;
        flex-direction: column;
    }

    .loyalty-main__more {
        order: -1;
    }

    .loyalty-main__buttons .btn {
        width: 100%;
        flex: 0 0 3rem;
    }

    .loyalty-main__register--desktop {
        display: none;
    }

    .loyalty-main__register--mobile {
        display: inline-flex;
    }

    /* FAQ */

    .agents-faq {
        padding: 1.75rem 0;
    }

    .agents-faq .faq__title {
        min-height: 0;
    }

    .agents-special-offers__grid {
        grid-template-columns: 1fr;
    }

    /* Managers */

    .manager-list {
        display: flex;
        padding-bottom: .5rem;
    }

    .agents-managers {
        padding: 1.75rem 0 6.25rem;
    }

    .agents-mobile-cta {
        display: flex;
        position: fixed;
        z-index: 98;
        left: 50%;
        transform: translateX(-50%);
        width: 12.5rem;
        box-shadow: 0 .5rem 1.75rem rgba(0,0,0,.22);
    }

    .manager-card {
        width: 24rem;
        max-width: none;
        flex-basis: 24rem;
    }

    .manager-card.swiper-slide {
        width: 24rem;
        flex-basis: 24rem;
    }

    /* Modals */

    .agents-modal-shell .hystmodal__window {
        border-radius: 1.5rem;
    }

    .agents-modal {
        padding: .75rem .75rem 2rem;
    }

    .agents-modal__title {
        font-size: 1.375rem;
        margin-top: 1.75rem;
    }

    .agents-modal__text {
        font-size: .9375rem;
        margin-top: 1rem;
    }

    .agents-modal--success {
        padding: 2.5rem 1.5rem;
    }
}