.h1,h1 {
    font-family:"Cormorant Garamond";
    font-size:3.75rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.1125rem;
    text-transform:uppercase
}
@media(max-width: 430px) {
    .h1,h1 {
        font-size:2.875rem;
        letter-spacing:-0.08625rem
    }
}
.h2,h2 {
    font-family:"Cormorant Garamond";
    font-size:3.5rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.105rem;
    text-transform:uppercase
}
@media(max-width: 430px) {
    .h2,h2 {
        font-size:2.625rem;
        letter-spacing:-0.07875rem
    }
}
@media(max-width: 375px) {
    .h2.little-mobile, h2.little-mobile {
        font-size:2.25rem;
    }
}
.h3,h3 {
    font-family:"Cormorant Garamond";
    font-size:2rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.06rem;
    text-transform:uppercase
}
@media(max-width: 430px) {
    .h3.h3-mobile,h3.h3-mobile {
        font-size:1.75rem;
        letter-spacing:-0.0525rem
    }
}
.ui-hidden {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.ui-dropdown {
    position:relative;
    width:100%
}
.ui-dropdown__trigger {
    width:100%;
    min-height:2.5rem;
    padding:.5rem 0;
    border:none;
    border-bottom:.5px solid #767676;
    background:rgba(0,0,0,0);
    color:#000;
    font-family:Roboto;
    font-size:.875rem;
    font-weight:400;
    cursor:pointer;
    text-align:left;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23767676' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:1.25rem
}
.ui-dropdown__trigger:focus {
    outline:none;
    border-bottom-color:#000
}
.ui-dropdown__trigger:hover {
    border-bottom-color:#000
}
.ui-dropdown__trigger.is-placeholder {
    color:#000;
    opacity:.7
}
.ui-dropdown__panel {
    position:absolute;
    left:0;
    top:calc(100% + .5rem);
    width:100%;
    max-width:100%;
    z-index:50;
    padding:.75rem 1rem;
    flex-direction:column;
    gap:.5rem;
    border-radius:.3125rem;
    background:var(--White, #FFF);
    box-shadow:0 4px 24px 0 rgba(0,0,0,.12);
    display:none
}
.ui-dropdown.is-open .ui-dropdown__panel {
    display:flex
}
.ui-dropdown.is-open .ui-dropdown__trigger {
    border-bottom-color:#000
}
.ui-dropdown__header {
    display:flex;
    flex-direction:column;
    gap:.5rem;
    padding:0
}
.ui-dropdown__search {
    position:relative
}
.ui-dropdown__search-input {
    width:100%;
    border:none;
    border-bottom:.5px solid var(--Gray-02, #767676);
    padding:.5rem .75rem;
    font-family:Roboto;
    font-size:.875rem;
    color:#000;
    background:rgba(0,0,0,0)
}
.ui-dropdown__search-input:focus {
    outline:none;
    border-bottom-color:#000
}
.ui-dropdown__clear {
    border:none;
    outline:none;
    background:rgba(0,0,0,0);
    cursor:pointer;
    text-align:start;
    color:#767676;
    font-family:Roboto;
    font-size:.75rem;
    font-weight:400;
    padding:0
}
.ui-dropdown__clear:hover {
    color:#000
}
.ui-dropdown__list {
    max-height:18.75rem;
    overflow:auto;
    padding:0
}
.ui-dropdown__item {
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:.625rem .5rem;
    cursor:pointer;
    user-select:none;
    color:var(--Black, #000);
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:110%;
    letter-spacing:.03rem;
    text-transform:uppercase
}
.ui-dropdown__item:hover {
    background:#f9f9f9
}
.ui-dropdown__item.is-active {
    background:#f2f2f2
}
.ui-dropdown__item:focus {
    outline:none;
    background:#f2f2f2
}
.ui-dropdown__input {
    position:absolute;
    opacity:0;
    pointer-events:none
}
.ui-dropdown__box {
    width:1.125rem;
    height:1.125rem;
    border:1px solid #cfcfcf;
    background:#fff;
    display:inline-block;
    flex:0 0 auto;
    position:relative
}
.ui-dropdown__text {
    font-family:Roboto;
    font-size:.875rem;
    color:#000
}
.ui-dropdown__input:checked+.ui-dropdown__box {
    border-color:#000;
    background:#000
}
.ui-dropdown__input:checked+.ui-dropdown__box:after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:.5rem;
    height:.5rem;
    transform:translate(-50%, -50%);
    background:#fff
}
* {
    margin:0;
    padding:0;
    box-sizing:border-box
}
body {
    font-family:"TT Hoves",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    color:#fff;
    background-color:#fff;
    line-height:1.5
}
a {
    text-decoration:none;
    color:inherit;
    transition:all .3s ease
}
ul {
    list-style:none
}
img {
    max-width:100%;
    height:auto
}
.grid {
    display:grid
}
.flex {
    display:flex
}
.flex-col {
    flex-direction:column
}
.justify-center {
    justify-content:center
}
.justify-between {
    justify-content:space-between
}
.align-items-center {
    align-content:center
}
.container {
    width:100%;
    max-width:1440px;
    padding:0 2.5rem;
    margin:0 auto
}
@media(max-width: 1024px) {
    .container {
        max-width:1024px;
        padding:0 1rem
    }
}
@media(max-width: 430px) {
    .container {
        max-width:430px;
        padding:0 .625rem
    }
}
.container.container-content {
    padding-top:5.25rem;
    padding-bottom:5.25rem
}
@media(max-width: 1440px) {
    .container.container-content {
        padding-top:5.25rem;
        padding-bottom:5.25rem
    }
}
@media(max-width: 1024px) {
    .container.container-content {
        padding-top:3.5rem;
        padding-bottom:3.5rem
    }
}
@media(max-width: 430px) {
    .container.container-content {
        padding-top:1.5rem;
        padding-bottom:1.5rem
    }
}
.btn {
    display:inline-flex;
    width:max-content;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    gap:.5rem;
    padding:0;
    font-size:1rem;
    font-weight:400;
    cursor:pointer;
    transition:all .3s ease;
    border-radius:0;
    border:0;
    background:rgba(0,0,0,0)
}
.btn.w-full {
    width:100%
}
.btn-icon {
    padding:0
}
.btn-icon:hover {
    opacity:.3
}
.btn-primary {
    height:3.5rem;
    min-height:3.5rem;
    padding:1rem;
    border-radius:.3125rem;
    font-variant-numeric:lining-nums proportional-nums;
    font-family:"Cormorant Garamond";
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.045rem;
    text-transform:uppercase;
    border:1px solid rgba(0,0,0,0)
}
@media(max-width: 430px) {
    .btn-primary {
        font-size:1.25rem
    }
}
.btn-primary-mini {
    height:2.5rem;
    min-height:2.5rem;
    font-size:1.25rem;
    letter-spacing:-0.0375rem
}
.btn-primary-black {
    color:#fff;
    background:var(--Black, #000)
}
.btn-primary-black:hover {
    color:#000;
    background:#fff;
    border-color:#000
}
.btn-primary-white {
    color:var(--Black, #000);
    background:var(--White, #FFF)
}
.btn-primary-white.border {
    border:1px solid #000
}
.btn-primary-white:hover {
    color:#fff;
    background:#000
}
.btn-outline {
    height:2.5rem;
    min-height:2.5rem;
    padding:.365rem 0;
    color:#000;
    font-family:"Cormorant Garamond";
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.045rem;
    text-decoration-line:underline;
    text-decoration-style:solid;
    text-decoration-skip-ink:auto;
    text-decoration-thickness:auto;
    text-underline-offset:auto;
    text-underline-position:from-font;
    text-transform:uppercase
}
.btn-outline:hover {
    opacity:.5
}
@media(max-width: 430px) {
    .btn-outline {
        font-size:1.25rem;
        letter-spacing:-0.0375rem
    }
}
.btn-ghost {
    height:1.5rem;
    padding:0 .4375rem;
    border-radius:3.8125rem;
    background:rgba(0,0,0,.4);
    backdrop-filter:blur(6px);
    color:#fff;
    text-align:center;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.btn-ghost-icon {
    width:1.5rem;
    padding:.3125rem
}
.btn-ghost:hover {
    background:#000
}
.checkbox {
    cursor:pointer;
    margin-top:5px;
    width:fit-content;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:.5rem
}
.checkbox .checkbox-label {
    cursor:pointer;
    padding-left:5px;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.checkbox .checkbox-label span {
    color:var(--Gray-02, #767676)
}
.checkbox .checkbox-label span a {
    text-decoration:underline
}
.checkbox .checkbox-input {
    flex-shrink:0;
    appearance:none;
    position:relative;
    width:1rem;
    height:1rem;
    background:#fff;
    box-shadow:inset 0 0 5px rgba(0,0,0,.2);
    border:1px solid #000;
    transition:500ms;
    cursor:pointer
}
.checkbox .checkbox-input::after {
    content:"";
    position:absolute;
    top:-1px;
    width:0;
    height:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 -960 960 960' width='16' stroke='%23FFFFFF' stroke-width='16' fill='%23000000'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    transition:500ms
}
.checkbox .checkbox-input:checked::after {
    width:1rem;
    height:1rem;
    transition:500ms
}
.burger {
    display:flex;
    align-items:center;
    gap:.375rem;
    height:1.25rem;
    border-radius:0;
    border:0;
    cursor:pointer;
    background:rgba(0,0,0,0);
    transition:all .3s ease;
    color:var(--White, #FFF);
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.035rem;
    text-transform:uppercase
}
@media(max-width: 1024px) {
    .burger {
        font-size:.75rem;
        letter-spacing:.03rem
    }
}
.burger .group {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:.1875rem
}
.burger .group span {
    display:block;
    flex-shrink:0;
    width:1.125rem;
    height:.125rem;
    min-height:.09375rem;
    background-color:#fff;
    transition:all .3s ease;
    border-radius:.25rem
}
.burger:hover {
    opacity:.3
}
.header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1001;
    padding:1rem 0;
    transition:background-color .3s ease,padding .3s ease,box-shadow .3s ease
}
@media(max-width: 1024px) {
    .header {
        padding:0
    }
}
.header.scrolled {
    background:rgba(0,0,0,.7);
    backdrop-filter:blur(20px);
    box-shadow:0 2px 20px rgba(0,0,0,.3);
    padding:0
}
.header.scrolled .header-inner {
    padding-top:.5rem;
    padding-bottom:.5rem;
    border-bottom-color:hsla(0,0%,100%,.1);
    background-color:rgba(0,0,0,0) !important
}
@media(max-width: 1024px) {
    .header.scrolled .header-inner {
        padding-top:.4rem;
        padding-bottom:.4rem
    }
}
@media(max-width: 430px) {
    .header.scrolled .header-inner {
        padding-top:.25rem;
        padding-bottom:.25rem
    }
}
.header-inner {
    padding-top:1.25rem;
    padding-bottom:1.25rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:.5px solid var(--White, #FFF);
    background-color:rgba(0,0,0,0)
}
.header-inner.mobile {
    display:none
}
@media(max-width: 1024px) {
    .header-inner {
        padding-top:.625rem;
        padding-bottom:.625rem
    }
}
@media(max-width: 675px) {
    .header-inner.desktop {
        display:none
    }
    .header-inner.mobile {
        display:flex
    }
    .header-inner.mobile .burger,
    .header-inner.mobile .account-name {
        width:4rem;
        flex-shrink:0
    }
    .header-inner.mobile .account-name {
        text-align:right
    }
}
@media(max-width: 430px) {
    .header-inner {
        padding-top:.385rem;
        padding-bottom:.385rem
    }
}
.header-inner .logo-image {
    width:9.625rem;
    height:4rem;
    flex-shrink:0;
    transition:all .3s ease
}
.header-inner .logo-image:hover {
    opacity:.3
}
@media(max-width: 1024px) {
    .header-inner .logo-image {
        width:7.21875rem;
        height:3rem
    }
}
@media(max-width: 430px) {
    .header-inner .logo-image {
        width:5.625rem;
        height:2.33769rem
    }
}
.header-inner .actions {
    position:relative;
    width:100%;
    max-width:22.375rem;
    display:flex;
    justify-content:end;
    align-items:center;
    gap:2rem
}
.header-inner .actions__group {
    display:flex;
    gap:1.5rem
}
.header-inner .actions__group .btn {
    transition:all .3s ease
}
.header-inner .actions__group .btn:hover {
    opacity:.3
}
.header-inner .actions .account-name,
.header-inner.mobile .account-name {
    color:var(--White, #FFF);
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.035rem;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:10rem
}
.header-inner .actions .account-name:hover {
    opacity:.3
}
@media(max-width: 1024px) {
    .header-inner .actions {
        max-width:16.5rem;
        gap:1.25rem
    }
    .header-inner .actions__group {
        gap:1.125rem
    }
    .header-inner .actions .account-name {
        font-size:.75rem;
        letter-spacing:.03rem
    }
}
.header-inner .nav {
    display:flex;
    align-content:center
}
.header-inner .nav .nav-menu {
    display:flex;
    align-items:center;
    gap:3rem
}
@media(max-width: 1024px) {
    .header-inner .nav .nav-menu {
        gap:1.25rem
    }
}
.header-inner .nav-link {
    color:var(--White, #FFF);
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.035rem;
    text-transform:uppercase
}
@media(max-width: 1024px) {
    .header-inner .nav-link {
        font-size:.75rem;
        letter-spacing:.03rem
    }
}
.header-inner .nav-link:hover {
    opacity:.7
}
.header.black .header-inner {
    border-bottom:.5px solid #000;
    background-color:#fff
}
.header.black .header-inner .account-name {
    color:#000
}
.header.black .header-inner .actions__group .btn img {
    filter:invert(100%)
}
.header.black .header-inner .nav-link {
    color:#000
}
.header.black .burger {
    color:#000
}
.header.black .burger .group span {
    background-color:#000
}
.burger-tooltip {
    position:absolute;
    top:calc(100% + 1.5rem);
    right:0;
    display:none;
    flex-direction:column;
    gap:.5rem;
    padding:1rem 1.25rem;
    background:#fff;
    border-radius:.3125rem;
    box-shadow:0 4px 24px rgba(0,0,0,.15);
    z-index:1000;
    min-width:10rem;
    opacity:0;
    transform:translateY(-0.5rem);
    transition:opacity .3s ease,transform .3s ease
}
.burger-tooltip.active {
    display:flex;
    opacity:1;
    transform:translateY(0)
}
.burger-tooltip__link {
    color:#000;
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.035rem;
    text-transform:uppercase;
    white-space:nowrap;
    padding:.25rem 0;
    transition:opacity .3s ease
}
.burger-tooltip__link:hover {
    opacity:.5
}
@media(max-width: 675px) {
    .burger-tooltip {
        display:none !important
    }
}
.mobile-menu {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow-y:auto;
    background:#a192b3;
    z-index:1000;
    flex-direction:column;
    padding:.625rem;
    opacity:0;
    visibility:hidden;
    transition:opacity .3s ease,visibility .3s ease
}
@media(max-width: 675px) {
    .mobile-menu {
        display:flex
    }
}
.mobile-menu.active {
    opacity:1;
    visibility:visible
}
.mobile-menu__header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.385rem 0;
    border-bottom:.5px solid hsla(0,0%,100%,.3)
}
.mobile-menu__header .logo-image {
    width:5.625rem;
    height:2.33769rem
}
.mobile-menu__close {
    border:none;
    cursor:pointer;
    padding:.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    background:#fff
}
.mobile-menu__close:hover {
    opacity:.7
}
.mobile-menu__content {
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:2.5rem;
    padding:2rem 0;
    min-height:min-content
}
.mobile-menu__links {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.25rem
}
.mobile-menu__links--primary {
    padding-bottom:1.875rem;
    border-bottom:1px solid hsla(0,0%,100%,.2)
}
.mobile-menu__link {
    text-align:center;
    transition:opacity .3s ease;
    color:var(--White, #FFF);
    font-family:Roboto;
    font-size:1.125rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.045rem;
    text-transform:uppercase
}
.mobile-menu__link:hover {
    opacity:.7
}
.mobile-menu__footer {
    border-top:.5px solid #fff;
    padding:1rem 1.5rem .25rem
}
.mobile-menu__logo-footer {
    width:100%;
    max-width:100%
}
.compare-card {
    width:26.6875rem;
    max-width:26.6875rem;
    display:flex;
    flex-direction:column;
    gap:1.5625rem;
    cursor:pointer
}
.compare-card.case-study {
    gap:1.5rem
}
.compare-card.case-study .image-container {
    height:14.75rem
}
.compare-card.case-study .content {
    gap:0
}
.compare-card.case-study .content .description {
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    line-clamp:4;
    text-overflow:ellipsis;
    color:var(--Black, #000);
    font-family:Roboto;
    font-size:1rem;
    font-style:normal;
    font-weight:400;
    line-height:120%;
    letter-spacing:-0.01rem
}
@media(max-width: 430px) {
    .compare-card {
        width:calc(100vw - 1.25rem);
        max-width:25.625rem
    }
}
.compare-card .image-container {
    display:flex;
    width:100%;
    height:17.75rem;
    border-radius:.3125rem;
    overflow:hidden;
    position:relative
}
.compare-card .image-container .image {
    width:100%;
    height:100%
}
.compare-card .image-container .group-btn {
    display:flex;
    gap:.125rem;
    position:absolute;
    top:.8125rem;
    right:.8125rem
}
.compare-card .image-container .group-btn .btn-remove {
    display:none
}
.compare-card .image-container .group-btn .btn-remove.active {
    display:flex
}
.compare-card .content {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.compare-card .content .title-container {
    display:flex;
    justify-content:space-between;
    gap:.5rem;
    flex-wrap:wrap
}
.compare-card .content .title-container .title {
    color:#000;
    font-family:"Cormorant Garamond";
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.045rem;
    text-transform:uppercase
}
.compare-card .content .geo {
    display:flex;
    align-items:center;
    gap:.25rem;
    color:#000;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.compare-card .content .group {
    display:inline-flex;
    gap:.4375rem;
    align-items:end
}
.compare-card .content .group .price {
    color:#000;
    font-family:Roboto;
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    letter-spacing:-0.015rem
}
@media(max-width: 430px) {
    .compare-card .content .group .price {
        font-size:1.375rem;
        letter-spacing:-0.01375rem
    }
}
.compare-card .content .group .square {
    color:rgba(0,0,0,.64);
    text-align:center;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.compare-card .content .tags {
    display:flex;
    flex-wrap:wrap;
    gap:.25rem
}
.compare-card .content .tags-item {
    display:flex;
    padding:.25rem;
    justify-content:center;
    align-items:center;
    gap:.625rem;
    background:#ebebeb;
    color:#000;
    text-align:center;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.compare-card.map-card {
    width:100%;
    gap:1.5rem;
    max-width:100%
}
.compare-card.map-card .group-card {
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.compare-card.map-card .image-container {
    height:12.5rem
}
.compare-card.map-card .content .description {
    display:none;
    margin-top:.75rem;
    overflow:hidden;
    color:var(--Gray-02, #767676);
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:120%
}
.compare-card.map-card .btn-more {
    width:100%;
    height:2.25rem;
    min-height:2.25rem;
    font-size:1rem;
    padding:0 1rem
}
@media(max-width: 1024px) {
    .compare-card.map-card {
        gap:.625rem
    }
    .compare-card.map-card .group-card {
        padding:.5rem;
        flex-direction:row;
        align-items:center;
        border-radius:.3125rem;
        background:var(--White, #FFF)
    }
    .compare-card.map-card .image-container {
        height:15rem
    }
    .compare-card.map-card .content .title-container {
        display:flex;
        flex-direction:column-reverse;
        gap:1.5rem
    }
    .compare-card.map-card .content .description {
        display:-webkit-box
    }
}
@media(max-width: 525px) {
    .compare-card.map-card .group-card {
        gap:.75rem;
        flex-direction:column
    }
}
.catalog-card {
    width:100%;
    display:flex;
    align-items:center;
    padding:.5rem;
    gap:1.5rem;
    cursor:pointer;
    transition:all .3s ease;
    border-radius:.3125rem;
    border:1px solid rgba(0,0,0,0);
    background:var(--White, #FFF)
}
.catalog-card:hover {
    border:1px solid var(--Gray-04, #EBEBEB);
    background:var(--Gray-05, #F8F8F8)
}
@media(max-width: 525px) {
    .catalog-card {
        flex-direction:column;
        gap:.75rem
    }
}
.catalog-card .image-container {
    display:flex;
    flex-shrink:0;
    width:53%;
    max-width:21.25rem;
    height:15rem;
    border-radius:.3125rem;
    overflow:hidden;
    position:relative
}
@media(max-width: 525px) {
    .catalog-card .image-container {
        width:100%;
        max-width:100%
    }
}
.catalog-card .image-container .image {
    width:100%;
    height:100%
}
.catalog-card .image-container .group-btn {
    display:flex;
    gap:.125rem;
    position:absolute;
    top:.8125rem;
    right:.8125rem
}
.catalog-card .content {
    width:43%;
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
@media(max-width: 525px) {
    .catalog-card .content {
        width:100%
    }
}
.catalog-card .content .geo {
    display:flex;
    align-items:center;
    gap:.25rem;
    color:var(--Black, #000);
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.catalog-card .content-group {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.catalog-card .content .title {
    color:#000;
    font-family:"Cormorant Garamond";
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.045rem;
    text-transform:uppercase
}
@media(max-width: 430px) {
    .catalog-card .content .title {
        font-size:1.375rem;
        letter-spacing:-0.04125rem
    }
}
.catalog-card .content .price-sq {
    display:inline-flex;
    gap:.4375rem;
    align-items:end
}
.catalog-card .content .price-sq .price {
    color:#000;
    font-family:Roboto;
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    letter-spacing:-0.015rem
}
@media(max-width: 430px) {
    .catalog-card .content .price-sq .price {
        font-size:1.375rem;
        letter-spacing:-0.01375rem
    }
}
.catalog-card .content .price-sq .square {
    color:rgba(0,0,0,.64);
    text-align:center;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.catalog-card .content .tags {
    display:flex;
    flex-wrap:wrap;
    gap:.25rem
}
.catalog-card .content .tags-item {
    display:flex;
    padding:.25rem;
    justify-content:center;
    align-items:center;
    gap:.625rem;
    background:#ebebeb;
    color:#000;
    text-align:center;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.catalog-card .content .description {
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    color:var(--Gray-02, #767676);
    text-overflow:ellipsis;
    max-height:3.15rem;
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:120%
}
.gallery-card {
    cursor:pointer;
    width:100%;
    border-radius:.3125rem;
    grid-column:1/-1
}
.gallery-card .image-container {
    padding:1.75rem 2rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.gallery-card .image-container .geo {
    display:inline-flex;
    align-items:center;
    gap:.25rem;
    color:#fff;
    font-family:Roboto,sans-serif;
    font-size:.75rem;
    font-weight:400;
    line-height:120%;
    letter-spacing:.03rem;
    text-transform:uppercase
}
.gallery-card .image-container .geo img {
    width:.75rem;
    height:.75rem;
    filter:brightness(0) invert(1)
}
.gallery-card .image-container {
    flex-shrink:0;
    width:100%;
    height:23.75rem;
    border-radius:.3125rem;
    overflow:hidden;
    position:relative
}
@media(max-width: 1024px) {
    .gallery-card .image-container {
        padding:1.75rem 1.25rem 1.25rem
    }
}
@media(max-width: 525px) {
    .gallery-card .image-container {
        padding:1.25rem 1rem 1rem
    }
}
.gallery-card .image-container .image {
    width:100%;
    height:100%
}
.gallery-card .image-container .title {
    color:#fff
}
.gallery-card .image-container-foot {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:1rem;
    flex-wrap:wrap
}
.gallery-card .image-container-foot .group-btn {
    display:flex;
    gap:.125rem;
    margin-left:auto
}
.gallery-card .image-container-foot .group {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.gallery-card .image-container-foot .group .price-sq {
    display:inline-flex;
    gap:.4375rem;
    align-items:end
}
.gallery-card .image-container-foot .group .price-sq .price {
    color:var(--White, #FFF);
    font-family:Roboto;
    font-size:2rem;
    font-style:normal;
    font-weight:500;
    line-height:120%;
    letter-spacing:-0.02rem
}
.gallery-card .image-container-foot .group .price-sq .square {
    color:var(--White, #FFF);
    text-align:center;
    white-space:nowrap;
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:120%
}
.gallery-card .image-container-foot .group .tags {
    display:flex;
    flex-wrap:wrap;
    gap:.25rem
}
.gallery-card .image-container-foot .group .tags-item {
    display:flex;
    padding:.25rem;
    justify-content:center;
    align-items:center;
    gap:.625rem;
    border-radius:.125rem;
    background:var(--Gray-04, #EBEBEB);
    color:#000;
    text-align:center;
    font-family:Roboto;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.block-bg-content {
    width:100%;
    max-width:85rem;
    min-height:61.25rem;
    padding-top:6rem;
    padding-bottom:6rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2rem;
    background-size:cover;
    background-repeat:no-repeat
}
.block-bg-content .title {
    max-width:34rem;
    color:#fff;
    text-align:center
}
.block-bg-content .text {
    max-width:59.75rem;
    color:var(--White, #FFF);
    text-align:center;
    font-family:Roboto;
    font-size:1.5rem;
    font-style:normal;
    font-weight:300;
    line-height:135%;
    letter-spacing:-0.045rem
}
@media(max-width: 430px) {
    .block-bg-content .text {
        font-size:1rem;
        letter-spacing:-0.03rem
    }
}
.hero-features {
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    grid-template-rows:auto;
    gap:1.5rem
}
@media(max-width: 1024px) {
    .hero-features {
        grid-template-columns:1fr 1fr;
        gap:1rem
    }
}
@media(max-width: 525px) {
    .hero-features {
        display:flex;
        flex-direction:column;
        gap:.625rem
    }
}
.hero-features-item {
    position:relative;
    min-height:8.75rem;
    display:flex;
    justify-content:space-between;
    gap:1rem;
    padding:1.5rem 1.5rem 2.5rem;
    border-radius:.3125rem;
    background:hsla(0,0%,100%,.72);
    box-shadow:0 4px 48px 0 rgba(0,0,0,.12);
    backdrop-filter:blur(24px)
}
@media(max-width: 1024px) {
    .hero-features-item {
        align-items:center;
        min-height:0
    }
    .hero-features-item:nth-child(5) {
        grid-column:1/3
    }
}
@media(max-width: 525px) {
    .hero-features-item {
        padding:1.25rem 1.5rem
    }
}
.hero-features-item .text {
    color:var(--Black, #000);
    font-family:Roboto;
    font-size:1rem;
    font-style:normal;
    font-weight:400;
    line-height:120%;
    letter-spacing:-0.01rem
}
.hero-features-item .icon {
    position:absolute;
    bottom:1rem;
    right:1rem;
    width:1.5rem;
    height:1.5rem
}
@media(max-width: 525px) {
    .hero-features-item .icon {
        position:static
    }
}
.hot-deal,.projects,.similar,.case-study {
    background:#fff
}
.hot-deal-content,.projects-content,.similar-content,.case-study-content {
    display:flex;
    flex-direction:column;
    gap:2rem;
    padding-top:4.375rem;
    padding-bottom:2.4375rem
}
@media(max-width: 1024px) {
    .hot-deal-content,.projects-content,.similar-content,.case-study-content {
        padding-top:3.75rem
    }
}
.hot-deal-content .subtitle,.projects-content .subtitle,.similar-content .subtitle,.case-study-content .subtitle {
    max-width:39.25rem;
    margin:0 auto;
    color:var(--Black, #000);
    text-align:center;
    font-family:Roboto;
    font-size:1.5rem;
    font-style:normal;
    font-weight:300;
    line-height:135%;
    letter-spacing:-0.045rem
}
@media(max-width: 430px) {
    .hot-deal-content .subtitle,.projects-content .subtitle,.similar-content .subtitle,.case-study-content .subtitle {
        font-size:1.25rem;
        letter-spacing:-0.0375rem
    }
}
.hot-deal-content .title-container,.projects-content .title-container,.similar-content .title-container,.case-study-content .title-container {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap: 1rem;
    flex-wrap: wrap;
}
.hot-deal-content .title-container .title,.projects-content .title-container .title,.similar-content .title-container .title,.case-study-content .title-container .title {
    color:#000
}
.hot-deal-content .title-container.center,.projects-content .title-container.center,.similar-content .title-container.center,.case-study-content .title-container.center {
    justify-content:center
}
.hot-deal-content .title-container.center .title,.projects-content .title-container.center .title,.similar-content .title-container.center .title,.case-study-content .title-container.center .title {
    text-align:center
}
.hot-deal__slider-wrapper,.projects__slider-wrapper,.similar__slider-wrapper,.case-study__slider-wrapper {
    position:relative;
    padding-bottom:4.375rem;
}
.hot-deal__slider,.projects__slider,.similar__slider,.case-study__slider {
    overflow:hidden;
    padding-right:2.5rem !important;
    padding-left:max(2.5rem,(100% - 1440px)/2 + 2.5rem);
}
@media(max-width: 1024px) {
    .hot-deal__slider,.projects__slider,.similar__slider,.case-study__slider {
        padding-right:1rem !important;
        padding-left:1rem;
    }
}
@media(max-width: 430px) {
    .hot-deal__slider,.projects__slider,.similar__slider,.case-study__slider {
        padding-right:.625rem !important;
        padding-left:.625rem;
    }
}
.hot-deal__slider .swiper-wrapper,.projects__slider .swiper-wrapper,.similar__slider .swiper-wrapper,.case-study__slider .swiper-wrapper {
    display:flex
}
.hot-deal__slider .swiper-slide,.projects__slider .swiper-slide,.similar__slider .swiper-slide,.case-study__slider .swiper-slide {
    width:auto;
    flex-shrink:0
}
.hot-deal-prev,.hot-deal-next,.projects-prev,.projects-next,.similar-prev,.similar-next,.case-study-prev,.case-study-next {
    position:absolute;
    top:7.625rem;
    z-index:10;
    width:2.5rem;
    height:2.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    background:hsla(0,0%,100%,.9);
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
    transition:all .3s ease;
    color:#000
}
.hot-deal-prev:hover,.hot-deal-next:hover,.projects-prev:hover,.projects-next:hover,.similar-prev:hover,.similar-next:hover,.case-study-prev:hover,.case-study-next:hover {
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.2)
}
.hot-deal-prev.swiper-button-disabled,.hot-deal-next.swiper-button-disabled,.projects-prev.swiper-button-disabled,.projects-next.swiper-button-disabled,.similar-prev.swiper-button-disabled,.similar-next.swiper-button-disabled,.case-study-prev.swiper-button-disabled,.case-study-next.swiper-button-disabled {
    opacity:.35;
    cursor:default
}
.hot-deal-prev,.projects-prev,.similar-prev,.case-study-prev {
    left:.5rem
}
.hot-deal-next,.projects-next,.similar-next,.case-study-next {
    right:.5rem
}
.block-grid {
    background:#fff
}
.block-grid-content {
    display:flex;
    justify-content:center;
    padding-top:8.75rem;
    padding-bottom:8.75rem
}
@media(max-width: 1024px) {
    .block-grid-content {
        padding-top:8.125rem;
        padding-bottom:8.125rem
    }
}
.block-grid-content .wrapper {
    width:100%;
    max-width:56.25rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3rem
}
.block-grid-content .title-container {
    max-width:49.375rem;
    color:#000;
    text-align:center
}
@media(max-width: 525px) {
    .block-grid-content .title-container {
        font-size:2.625rem
    }
}
@media(max-width: 430px) {
    .block-grid-content .title-container.mobile-small {
        font-size:2rem
    }
}
.block-grid-list {
    width:100%;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
    gap:1.25rem
}
@media(max-width: 768px) {
    .block-grid-list {
        grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
        gap:1rem
    }
}
@media(max-width: 430px) {
    .block-grid-list {
        gap:.625rem
    }
}
.block-grid-list .list-item {
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:.75rem;
    padding:2rem 2rem 3rem 2rem;
    border-radius:.3125rem;
    background:var(--Gray-05, #F8F8F8)
}
@media(max-width: 430px) {
    .block-grid-list .list-item {
        padding:3rem 2rem
    }
}
.block-grid-list .list-item .index {
    color:var(--Black, #000);
    text-align:center;
    font-variant-numeric:lining-nums proportional-nums;
    font-family:"Cormorant Garamond";
    font-size:6rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.18rem;
    text-transform:uppercase
}
@media(max-width: 430px) {
    .block-grid-list .list-item .index {
        font-size:4.125rem;
        letter-spacing:-0.12375rem
    }
}
.block-grid-list .list-item .group {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.5625rem
}
.block-grid-list .list-item .group .title {
    color:var(--Black, #000);
    text-align:center;
    font-family:Roboto;
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    letter-spacing:-0.015rem
}
.block-grid-list .list-item .group .description {
    color:var(--Black, #000);
    text-align:center;
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:140%
}
.benefists .block-grid-content {
    padding-top:8.75rem;
    padding-bottom:4.375rem
}
@media(max-width: 1024px) {
    .benefists .block-grid-content {
        padding-top:8.125rem;
        padding-bottom:3.75rem
    }
}
@media(max-width: 430px) {
    .benefists .block-grid-list {
        gap:1rem
    }
}
.benefists .block-grid-list .list-item {
    min-height:11.9375rem
}
@media(max-width: 430px) {
    .benefists .block-grid-list .list-item {
        min-height:0;
        padding:2rem
    }
}
.register-now {
    padding-top:4.375rem;
    padding-bottom:4.375rem
}
@media(max-width: 1024px) {
    .register-now {
        padding-top:3.75rem
    }
}
.register-now-content {
    padding-top:4rem;
    padding-bottom:4rem;
    max-width:85rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2rem;
    border-radius:.3125rem;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top;
    background-image:url(/img/register-now-bg.png)
}
@media(max-width: 1024px) {
    .register-now-content {
        background-image:url(/img/register-now-bg-tablet.png)
    }
}
@media(max-width: 430px) {
    .register-now-content {
        padding-top:3rem;
        padding-bottom:3rem;
        background-position:left;
        background-image:url(/img/register-now-bg-mobile.png)
    }
}
.register-now-content .title {
    color:var(--Black, #000);
    text-align:center
}
.register-now-content .text {
    max-width:38.75rem;
    color:var(--Black, #000);
    text-align:center;
    font-family:Roboto;
    font-size:1.5rem;
    font-style:normal;
    font-weight:300;
    line-height:135%;
    letter-spacing:-0.045rem
}
@media(max-width: 430px) {
    .register-now-content .text {
        max-width:21.5rem;
        font-size:1.25rem;
        letter-spacing:-0.0375rem
    }
}
.register-now-content .btn {
    width:100%;
    max-width:29.6875rem
}
.faq-content {
    display:flex;
    flex-direction:column;
    gap:3.75rem;
    padding-top:4.375rem;
    padding-bottom:4.375rem
}
.faq-content .title {
    color:#000;
    text-align:center
}
.faq-questions {
    display:flex;
    flex-direction:column;
    gap:4rem
}
@media(max-width: 1024px) {
    .faq-questions {
        gap:2.25rem
    }
}
.faq-questions .question {
    position:relative;
    display:flex;
    justify-content:space-between;
    gap:1rem;
    padding-bottom:4rem;
    border-bottom:.5px solid #000
}
@media(max-width: 1024px) {
    .faq-questions .question {
        flex-direction:column;
        gap:.5rem;
        padding-bottom:2.25rem
    }
}
@media(max-width: 430px) {
    .faq-questions .question {
        padding-bottom:1.75rem
    }
}
.faq-questions .question .index {
    color:#000;
    font-family:Roboto;
    font-size:1.5rem;
    font-style:normal;
    font-weight:300;
    line-height:135%;
    letter-spacing:-0.045rem
}
.faq-questions .question .content {
    max-width:46.75rem;
    display:flex;
    flex-direction:column;
    flex:1
}
@media(max-width: 1024px) {
    .faq-questions .question .content {
        padding-right:2.5rem;
        max-width:49.75rem
    }
}
@media(max-width: 430px) {
    .faq-questions .question .content {
        padding-right:0
    }
}
.faq-questions .question .content .title {
    text-align:left
}
.faq-questions .question .content .answer {
    margin-top:0;
    overflow:hidden;
    transition:max-height .4s ease,margin-top .4s ease;
    color:rgba(0,0,0,.64);
    font-family:Roboto;
    font-size:1.125rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.faq-questions .question .content .answer p {
    margin:0;
    line-height:1.5
}
.faq-questions .question .content .answer p + p {
    margin-top:.9rem
}
.faq-questions .question .btn-accordion {
    flex-shrink:0;
    width:1.5rem;
    height:1.5rem;
    transition:transform .4s ease
}
@media(max-width: 1024px) {
    .faq-questions .question .btn-accordion {
        position:absolute;
        top:0;
        right:0
    }
}
.faq-questions .question .btn-accordion img {
    width:100%;
    height:100%
}
.faq-questions .question.active .btn-accordion {
    transform:rotate(180deg)
}
.faq-questions .question.active .content .answer {
    margin-top:1.5rem
}
@media(max-width: 1024px) {
    .faq-questions .question.active .content .answer {
        margin-top:.75rem
    }
}
.faq.project-detail .faq-content {
    width:100%;
    max-width:78.5rem;
    margin:0 auto;
    padding-right:28.6875rem
}
@media(max-width: 1024px) {
    .faq.project-detail .faq-content {
        padding-right:1rem
    }
}
@media(max-width: 430px) {
    .faq.project-detail .faq-content {
        padding-right:.625rem
    }
}
.form-footer {
    display:flex;
    flex-direction:column;
    margin-top:4.375rem;
    gap:14.5rem;
    background-repeat:no-repeat;
    background-size:cover;
    background-image:url("/wp-content/themes/novus-miami/assets/img/home/footer-form.png")
}
@media(max-width: 1024px) {
    .form-footer {
        gap:7.5rem
    }
}
.form-footer-content {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4rem;
    padding-top:4.375rem
}
@media(max-width: 430px) {
    .form-footer-content {
        gap:3.75rem
    }
}
.form-footer-content .title-container {
    display:flex;
    flex-direction:column;
    gap:1.125rem;
    align-items:center
}
.form-footer-content .title-container .title {
    color:#fff;
    text-align:center;
    max-width:31.6875rem
}
.form-footer-content .title-container .subtitle {
    max-width:28.375rem;
    color:#fff;
    text-align:center;
    font-family:Roboto;
    font-size:1.125rem;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.form-footer-content .form {
    width:100%;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    max-width:37.6875rem;
    padding:3rem 4rem;
    align-items:flex-start;
    gap:2.5rem;
    border-radius:.3125rem;
    background:#fff
}
@media(max-width: 430px) {
    .form-footer-content .form {
        padding:1.25rem;
        gap:.88rem
    }
}
.form-footer-content .form .fields {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:2.5rem
}
@media(max-width: 430px) {
    .form-footer-content .form .fields {
        gap:.88rem
    }
}
.form-footer-content .form .field {
    width:100%
}
.form-footer-content .form .field-input {
    width:100%;
    padding:1rem 0;
    border:none;
    border-bottom:1px solid rgba(0,0,0,.2);
    background:rgba(0,0,0,0);
    color:#000;
    font-family:"Cormorant Garamond";
    font-size:1.5rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.045rem;
    transition:border-color .3s ease
}
.form-footer-content .form .field-input::placeholder {
    color:#000;
    text-transform:uppercase
}
.form-footer-content .form .field-input:focus {
    outline:none;
    border-bottom-color:#000
}
.form-footer-content .form .field-textarea {
    resize:none;
    height:3.575rem;
    overflow:hidden;
    transition:height .3s ease,border-color .3s ease
}
.form-footer-content .form .field-textarea:focus {
    height:8rem;
    overflow:auto
}
.form-footer-content .form .actions {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:1.25rem
}
.form-footer-content .form .actions .btn {
    width:100%
}
.footer {
    width:100%;
    max-width:1920px;
    margin:0 auto;
    padding:0 .75rem .75rem
}
@media(max-width: 1024px) {
    .footer {
        padding:0 1rem 1rem
    }
}
@media(max-width: 430px) {
    .footer {
        padding:0 .625rem .94rem
    }
}
.footer-content {
    width:100%;
    padding:3rem;
    display:flex;
    flex-direction:column;
    gap:2rem;
    border-radius:.3125rem;
    background:rgba(0,0,0,.46);
    backdrop-filter:blur(24px)
}
@media(max-width: 1024px) {
    .footer-content {
        padding:1.25rem 1.25rem 2rem
    }
}
@media(max-width: 430px) {
    .footer-content {
        padding:.875rem .875rem .89rem
    }
}
.footer-content__head {
    display:flex;
    justify-content:space-between;
    gap:5.75rem;
    flex-wrap:wrap;
    padding-bottom:3.685rem;
    border-bottom:.5px solid #fff
}
@media(max-width: 1024px) {
    .footer-content__head {
        padding-bottom:6.25rem
    }
}
@media(max-width: 430px) {
    .footer-content__head {
        gap:5rem;
        padding-bottom:5rem
    }
}
.footer-content__head .contacts {
    display:flex;
    flex-direction:column;
    gap:1.365rem
}
.footer-content__head .contacts .title {
    color:#fff;
    font-family:"Cormorant Garamond";
    font-size:2rem;
    font-style:normal;
    font-weight:500;
    line-height:105%;
    letter-spacing:-0.06rem;
    text-decoration-line:underline;
    text-decoration-style:solid;
    text-decoration-skip-ink:auto;
    text-decoration-thickness:auto;
    text-underline-offset:auto;
    text-underline-position:from-font;
    text-transform:uppercase
}
.footer-content__head .contacts .group {
    display:flex;
    gap:1.685rem
}
.footer-content__head .contacts .group a {
    color:#fff;
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.035rem;
    text-transform:uppercase;
    text-decoration:none;
    transition:all .3s ease
}
.footer-content__head .contacts .group a:hover {
    text-decoration:underline
}
.footer-content__head .nav {
    display:flex;
    flex-wrap:wrap;
    column-gap:5rem;
    row-gap:3.75rem;
    width:max-content
}
@media(max-width: 360px) {
    .footer-content__head .nav {
        column-gap:3rem
    }
}
.footer-content__head .nav-column {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.footer-content__head .nav-item {
    color:#fff;
    font-family:Roboto;
    font-size:.875rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.035rem;
    text-transform:uppercase;
    text-decoration:none;
    transition:all .3s ease
}
.footer-content__head .nav-item:hover {
    text-decoration:underline
}
.footer-content__foot {
    width:100%
}
.footer-content__foot img {
    width:100%
}
.footer.black-text .footer-content {
    background:rgba(0,0,0,.05)
}
.footer.black-text .footer-content__head {
    border-bottom:.5px solid #000
}
.footer.black-text .footer-content__head .contacts .title {
    color:var(--Black, #000)
}
.footer.black-text .footer-content__head .contacts .tagline {
    color:var(--Black, #000)
}
.footer.black-text .footer-content__head .contacts .group a {
    color:var(--Black, #000)
}
.footer.black-text .footer-content__head .nav-column__title {
    color:var(--Black, #000)
}
.footer.black-text .footer-content__head .nav-item {
    color:var(--Black, #000)
}

.form-footer-content .form .field.has-error .field-input{border-bottom-color:#d8453a}
.form-footer-content .form .field .field-error{min-height:1.1rem;margin-top:.375rem;color:#d8453a;font-family:Roboto,sans-serif;font-size:.8125rem;line-height:1.2}
.form-footer-content .form .actions .checkbox.has-error .checkbox-label{color:#d8453a}
.form-footer-content .form .form-message{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.25rem;font-family:Roboto,sans-serif;font-size:.9375rem;line-height:1.3}
.form-footer-content .form .form-message--success{background:rgba(46,160,67,.12);color:#1f7a30}
.form-footer-content .form .form-message--error{background:rgba(216,69,58,.12);color:#b8332a}
