.hero {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-inline:9.8rem;padding-block:min(29rem,29vh) min(4rem,4vh);position: relative;
    width: 100%;
    height: 100vh;
    isolation: isolate
}

@media screen and (orientation: portrait) {
    .hero {
        padding-inline:1.5rem;
        padding-block:16.8rem min(6rem,6vh);position: relative
    }
}

.hero img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 482px)and (max-width:991px)and (orientation:portrait) {
    .hero img {
        -webkit-mask-image:linear-gradient(black 0%,transparent);
        mask-image: linear-gradient(black 0%,transparent)
    }
}

.hero .hero__flex {
    display: flex;
    flex-direction: column;
    height: 100%
}

.hero .hero__flex .uptown-link-t1 {
    opacity: 0;
    visibility: hidden
}

.hero .hero__flex .hero__heading {
    display: grid;
    width: fit-content;
    color: #fff;
    font-size: min(18rem,18vh);
    font-size: var(--font-180);
    line-height: 1;
    opacity: 0;
    visibility: hidden
}

@media screen and (orientation: portrait) {
    .hero .hero__flex .uptown-link-t1 {
        margin-bottom:1.7rem
    }

    .hero .hero__flex .hero__heading {
        font-size: 5rem
    }
}

.hero .hero__flex .hero__heading span:nth-child(2) {
    margin-left: 18rem
}

@media screen and (orientation: portrait) {
    .hero .hero__flex .hero__heading span:nth-child(2) {
        margin-left:5.3rem
    }
}

.hero .hero__flex .hero__description {
    width: min(50.3rem,50.3rem);
    color: #c1c1c1;
    font-size: var(--font-25);
    line-height: normal;
    margin-top: auto;
    opacity: 0;
    visibility: hidden
}

@media screen and (orientation: portrait) {
    .hero .hero__flex .hero__description {
        max-width:28rem;
        font-size: 1.4rem
    }

    .hero .hero__flex .hero__description span {
        max-width: 23rem;
        display: inline-block
    }
}

.qualities {
    margin-top: min(17rem,17vh)
}

.qualities .qualities-flex {
    display: grid;
    grid-template-areas: "stack";
    width: 100%;
    padding-inline:8.5rem 0}

@media screen and (orientation: portrait) {
    .qualities {
        margin-top:min(6rem,6vh)
    }

    .qualities .qualities-flex {
        width: 100%;
        padding-inline:0}
}

.qualities .qualities-swiper-container {
    position: relative;
    width: 130rem;
    margin-left: auto;
    overflow: hidden;
    grid-area: stack
}

@media screen and (orientation: portrait) {
    .qualities .qualities-swiper-container {
        width:100%;
        margin-left: unset;
        margin-top: 13rem;
        height: 26.4rem
    }
}

.qualities .qualities-swiper-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative
}

.qualities .qualities-swiper-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

.qualities .qualities-swiper-navigation {
    position: absolute;
    bottom: 8rem;
    right: 12rem
}

.qualities .qualities-swiper-button-next {
    display: grid;
    grid-template-areas: "stack";
    width: 12.7rem;
    height: 12.7rem;
    cursor: pointer;
    place-items: center
}

.qualities .qualities-swiper-button-next:hover .qualities-swiper-button__icon {
    transform: rotate(-135deg) scale(.8)
}

.qualities .qualities-swiper-button-next:hover .qualities-swiper-button__text {
    opacity: .8
}

.qualities .qualities-swiper-button__icon {
    grid-area: stack;
    width: 100%;
    height: 100%;
    transform: rotate(-45deg);
    flex-shrink: 0;
    border: 1.5px solid #009ca8;
    width: 12.7rem;
    height: 12.7rem;
    transition: .5s var(--ease)
}

.qualities .qualities-swiper-button__text {
    grid-area: stack;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: normal;
    letter-spacing: 3.053px;
    transition: var(--transition);
    pointer-events: none
}

@media screen and (orientation: portrait) {
    .qualities .qualities-swiper-navigation {
        bottom:1.5rem;
        right: 1.5rem
    }

    .qualities .qualities-swiper-button-next {
        width: 10.6rem;
        height: 10.6rem
    }

    .qualities .qualities-swiper-button__icon {
        border: .879px solid #009ca8;
        height: 7.4rem;
        width: 7.4rem
    }

    .qualities .qualities-swiper-button__text {
        font-size: 1.2rem;
        letter-spacing: 2.1px
    }

    .qualities .qualities-swiper-button-next:hover .qualities-swiper-button__icon {
        transform: rotate(-45deg) scale(1)
    }

    .qualities .qualities-swiper-button-next:hover .qualities-swiper-button__text {
        opacity: 1
    }
}

.qualities-info {
    display: flex;
    flex-direction: column;
    grid-area: stack;
    height: 100%;
    color: #fff;
    z-index: 1;
    width: fit-content
}

.qualities-info .qualities-info__tagline {
    font-size: var(--font-25);
    line-height: 112%;
    text-transform: uppercase;
    margin-bottom: .8rem;
    margin-top: min(22rem,22vh)
}

@media screen and (orientation: portrait) {
    .qualities-info {
        height:100%;
        padding-inline:1.5rem;z-index: -1
    }

    .qualities-info .qualities-info__tagline {
        font-size: 1.4rem;
        line-height: 66.569%;
        margin-bottom: 1rem;
        margin-top: 0;
        grid-area: tagline
    }
}

.qualities-info .qualities-info__heading {
    display: grid;
    margin-bottom: min(9.3rem,9.3vh)
}

@media screen and (orientation: portrait) {
    .qualities-info .qualities-info__heading {
        margin-bottom:2.6rem
    }
}

.qualities-info .qualities-info__heading span {
    display: inline-block;
    font-size: var(--font-112);
    line-height: 120%;
    text-transform: uppercase
}

.qualities-info .qualities-info__heading span:nth-child(2) {
    margin-left: 19rem
}

@media screen and (orientation: portrait) {
    .qualities-info .qualities-info__heading span {
        font-size:3.5rem
    }

    .qualities-info .qualities-info__heading span:nth-child(2) {
        margin-left: 6.9rem
    }
}

.qualities-info .qualities-info__description {
    font-size: var(--font-20);
    line-height: normal;
    margin-bottom: min(4rem,4vh);
    max-width: 41rem
}

@media screen and (orientation: portrait) {
    .qualities-info .qualities-info__description {
        font-size:1.4rem;
        margin-bottom: 0;
        max-width: 28.7rem;
        margin-top: 32rem
    }
}

.qualities__affiliated {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.3rem;
    padding-bottom: min(2.4rem,2.4vh);
    width: fit-content
}

@media screen and (orientation: portrait) {
    .qualities__affiliated {
        display:none
    }
}

.qualities__affiliated .qualities__affiliated-icon {
    width: 1rem;
    height: 1rem;
    transform: rotate(-45deg);
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: #009ca8;
    margin-left: .2rem
}

.qualities__affiliated .qualities__affiliated-text {
    color: #fff;
    font-size: 2.2rem;
    line-height: normal;
    letter-spacing: .88px;
    text-transform: uppercase;
    transition: var(--transition)
}

.qualities__affiliated .qualities__affiliated-line {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #009ca8;
    height: 3px;
    width: 100%;
    transform: scaleX(.45);
    transform-origin: left;
    transition: .5s var(--ease)
}

.qualities__affiliated:hover .qualities__affiliated-text {
    opacity: .6
}

.qualities__affiliated:hover .qualities__affiliated-line {
    transform: scaleX(1)
}

.planning {
    padding-block:min(28rem,28vh) min(10rem,10vh)}

.planning-heading {
    display: inline-block;
    font-size: var(--font-112);
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 4rem
}

.planning .planning-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(11rem,11vh)
}

@media screen and (orientation: portrait) {
    .planning {
        padding-block:min(18rem,18vh) min(12rem,12vh)
    }

    .planning .planning-flex {
        gap: 5rem
    }

    .planning-heading {
        font-size: 3.5rem;
        margin-bottom: 2rem
    }
}

.planning .planning-swiper-container {
    width: 100%;
    height: min(54.9rem,54.9vh);
    -webkit-mask-image: linear-gradient(to right,transparent 5%,black 30%,black 70%,transparent 95%);
    mask-image: linear-gradient(to right,transparent 5%,black 30%,black 70%,transparent 95%)
}

.planning .planning-swiper-container .planning-swiper-wrapper {
    display: flex;
    width: 100%;
    height: 100%
}

@media screen and (orientation: portrait) {
    .planning .planning-swiper-container {
        height:22.1rem;
        -webkit-mask-image: none;
        mask-image: none
    }
}

.planning .planning-swiper-slide {
    width: min(73.9rem,74.9vh);
    height: min(54.9rem,54.9vh);
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: .5;
    transition: opacity .5s
}

.planning .planning-swiper-slide.swiper-slide-active {
    opacity: 1
}

@media screen and (orientation: portrait) {
    .planning .planning-swiper-slide {
        width:29.8rem;
        height: 22rem
    }
}

.planning .planning-swiper-slide__text {
    color: #fff;
    text-align: center;
    font-family: Futura;
    font-size: var(--font-90);
    line-height: normal;
    opacity: 0;
    transition: var(--transition);
    font-family: future;
}

.planning .planning-swiper-slide__tag {
    color: #009ca8;
    font-size: 2.5rem;
    font-weight: 5;
    line-height: 90%;
    text-transform: uppercase;
    opacity: 0;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 1rem
}

.planning .planning-swiper-slide__tag svg {
    width: 1.2rem;
    height: 1.2rem
}

@media screen and (orientation: portrait) {
    .planning .planning-swiper-slide__text {
        color:#fff;
        font-size: 3.5rem
    }

    .planning .planning-swiper-slide__tag {
        font-size: 1.4rem;
        gap: .4rem
    }

    .planning .planning-swiper-slide__tag svg {
        width: 1rem;
        height: 1rem
    }
}

.planning .planning-swiper-slide__image {
    width: 100%;
    height: 100%;
    transform: scale(.8);
    transition: var(--transition);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.planning-swiper-navigation {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 3rem;
    height: 5rem
}

@media screen and (orientation: portrait) {
    .planning-swiper-navigation {
        transform:scale(.8)
    }
}

.planning-swiper-navigation .planning-swiper-button {
    width: 4.4rem;
    height: 4.4rem;
    transform: rotate(-45deg);
    flex-shrink: 0;
    border: 1px solid #009ca8;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    cursor: pointer
}

.planning-swiper-navigation .planning-swiper-button svg {
    width: 1.5rem;
    height: 1.5rem
}

.planning-swiper-navigation .planning-swiper-button-prev:hover,.planning-swiper-navigation .planning-swiper-button-next:hover {
    background-color: #009ca8
}

.planning .planning-swiper-slide.swiper-slide-active .planning-swiper-slide__text,.planning .planning-swiper-slide.swiper-slide-active .planning-swiper-slide__tag {
    opacity: 1
}

.planning .planning-swiper-slide.swiper-slide-active .planning-swiper-slide__image {
    transform: scale(1)
}

.showcase {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100vh;
    min-height: 500px;
    padding: 7rem 7.5rem;
    isolation: isolate
}

@media screen and (orientation: portrait) {
    .showcase {
        align-items:flex-start;
        min-height: 400px;
        padding: 6.5rem 1.5rem 4rem
    }
}

.showcase video {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.showcase [data-video-layer] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000067;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    transition: var(--transition);
    opacity: 0
}

.showcase [data-controls-wrapper] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 17rem;
    height: 17rem;
    border-radius: 100%;
    border: 1.5px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media screen and (orientation: portrait) {
    .showcase [data-video-layer] {
        display:none
    }

    .showcase [data-controls-wrapper] {
        width: 12rem;
        height: 12rem;
        border: 1px solid #fff
    }
}

.showcase .showcase-play__btn {
    width: 3.5rem;
    height: 3.8rem;
    margin-left: 1rem
}

@media screen and (orientation: portrait) {
    .showcase .showcase-play__btn {
        width:2.4rem;
        height: 2.6rem;
        margin-left: .5rem
    }
}

.showcase .showcase-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    pointer-events: none
}

.showcase .showcase-flex .showcase-heading {
    font-size: var(--font-45);
    line-height: 120%;
    text-transform: uppercase
}

@media screen and (orientation: portrait) {
    .showcase .showcase-flex {
        flex-direction:column;
        align-items: flex-start;
        color: #fff;
        height: 100%
    }

    .showcase .showcase-flex .showcase-heading {
        font-size: 3.5rem;
        line-height: 120%;
        width: 27.2rem
    }
}

.showcase .showcase-flex .showcase-description {
    font-size: var(--font-25);
    line-height: normal;
    max-width: 52rem
}

@media screen and (orientation: portrait) {
    .showcase .showcase-flex .showcase-description {
        font-size:1.4rem;
        max-width: 26rem
    }
}

video::-webkit-media-controls-panel {
    opacity: 0;
    transition: var(--transition);
    transform: translateY(30px)
}

[data-video-wrapper].show-controls video::-webkit-media-controls-panel {
    opacity: 1;
    transform: translateY(0)
}

[data-video-wrapper][data-video-playing=false] [data-video-layer] {
    opacity: 1
}

.services-lines {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: none
}

@media screen and (orientation: portrait) {
    .services-lines {
        display:block
    }

    .footer__lines {
        display: none
    }
}

.roadmap {
    position: relative;
    min-height: 100vh;
    height: 100vh;
    background: linear-gradient(to bottom,#171717,#17171773);
    isolation: isolate
}

.roadmap .roadmap-wrapper {
    padding-block:min(21.5rem,21.5vh) min(13rem,13vh);padding-inline:6rem;display: flex;
    flex-direction: column;
    gap: min(7rem,7vh);
    height: 100%;
    justify-content: center
}

.roadmap .roadmap-wrapper .roadmap-header .roadmap-header__h2 {
    font-size: min(3.9rem,3.9vh);
    font-weight: 5;
    color: #fff;
    mix-blend-mode: overlay;
    margin-bottom: min(6rem,6vh)
}

.roadmap .roadmap-wrapper .roadmap-header .roadmap-header__p {
    font-size: 2.6rem;
    font-weight: 5;
    line-height: normal;
    color: #fff;
    mix-blend-mode: overlay
}

.roadmap .roadmap-wrapper .roadmap-header .roadmap-header__h3 {
    color: #009ca8;
    font-size: min(13rem,13vh);
    font-weight: 5;
    line-height: .95;
    margin-left: -1rem;
    mix-blend-mode: color-dodge
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-bounds {
    padding-top: 3px
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track {
    display: flex;
    align-items: center
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-item__marker {
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: 50%;
    left: 50%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform: translate(-50%,-50%) scale(0) rotate(0);
    transform-origin: center;
    object-fit: cover;
    border: 1px solid #009ca8;
    transition: transform .8s var(--ease)
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item {
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    cursor: pointer
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item__center path {
    transition: fill .6s var(--ease)
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item.is--active .roadmap-item__center path {
    fill: #009ca8
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item.is--active .roadmap-item__marker {
    transform: translate(-50%,-50%) scale(1) rotate(-45deg)
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-line {
    height: 1px;
    background: #606060;
    flex-grow: 1
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item__center {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: scale(1.1)
}

.roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item__h4 {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 5;
    min-width: 10rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,1.5rem)
}

.roadmap .roadmap-wrapper .roadmap-footer {
    margin-left: auto;
    margin-top: min(7rem,7vh)
}

.roadmap .roadmap-wrapper .roadmap-footer .roadmap-footer__p {
    font-size: 2.6rem;
    font-weight: 5;
    line-height: normal;
    color: #fff;
    mix-blend-mode: overlay
}

.roadmap .roadmap-wrapper .roadmap-footer .roadmap-footer__h3 {
    color: #009ca8;
    font-size: min(13rem,13vh);
    font-weight: 5;
    line-height: .95;
    margin-left: -1rem;
    mix-blend-mode: color-dodge
}

.roadmap .roadmap-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.roadmap .roadmap-background img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .4;
    transition: opacity .6s ease-out
}

.roadmap .roadmap-background img:not(.is--active) {
    opacity: 0
}

.roadmap .roadmap-background:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to bottom,#17171700,#171717)
}

@media screen and (orientation: portrait) {
    .roadmap .roadmap-wrapper {
        padding-block:min(14rem,20vh) min(12.5rem,12.5vh);
        padding-inline:0;gap: min(9rem,9vh)
    }

    .roadmap .roadmap-wrapper .roadmap-header {
        padding-inline:1.5rem}

    .roadmap .roadmap-wrapper .roadmap-header .roadmap-header__h2 {
        font-size: 2.9rem;
        margin-bottom: 4rem
    }

    .roadmap .roadmap-wrapper .roadmap-header .roadmap-header__p {
        font-size: 1.95rem
    }

    .roadmap .roadmap-wrapper .roadmap-header .roadmap-header__h3 {
        font-size: 6.5rem;
        margin-left: -.5rem
    }

    .roadmap .roadmap-wrapper .roadmap-center .roadmap-bounds {
        overflow-x: auto;
        height: 11rem;
        margin-top: -1rem
    }

    .roadmap .roadmap-wrapper .roadmap-center .roadmap-track {
        padding-inline:3rem 6rem;width: fit-content;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        margin-top: 1rem
    }

    .roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item {
        flex-shrink: 0
    }

    .roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item__marker {
        background-color: #2b2e2ebd
    }

    .roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-line {
        height: 1px;
        flex-grow: 1;
        width: 8.5rem;
        flex-shrink: 0
    }

    .roadmap .roadmap-wrapper .roadmap-center .roadmap-track .roadmap-item__h4 {
        font-size: 1.3rem;
        min-width: 10rem
    }

    .roadmap .roadmap-wrapper .roadmap-footer {
        margin-left: 0;
        margin-top: 0rem;
        padding-inline:1.5rem}

    .roadmap .roadmap-wrapper .roadmap-footer .roadmap-footer__p {
        font-size: 1.95rem
    }

    .roadmap .roadmap-wrapper .roadmap-footer .roadmap-footer__h3 {
        font-size: 6.5rem;
        margin-left: -.5rem
    }

    .roadmap .roadmap-background img {
        -webkit-mask-image: linear-gradient(black,transparent);
        mask-image: linear-gradient(black,transparent)
    }

    .roadmap .roadmap-background:after {
        background: transparent
    }
}

.planning-services {
    padding-block:min(28rem,28vh) min(10rem,10vh)}

.planning-services-heading {
    display: inline-block;
    font-size: var(--font-112);
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 4rem
}

.planning-services .planning-services-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(11rem,11vh)
}

@media screen and (orientation: portrait) {
    .planning-services {
        padding-block:min(18rem,18vh) min(12rem,12vh)
    }

    .planning-services .planning-services-flex {
        gap: 5rem
    }

    .planning-services-heading {
        font-size: 3.5rem;
        margin-bottom: 2rem
    }
}

.planning-services .planning-services-swiper-container {
    width: 100%;
    height: min(54.9rem,54.9vh);
    -webkit-mask-image: linear-gradient(to right,transparent 5%,black 30%,black 70%,transparent 95%);
    mask-image: linear-gradient(to right,transparent 5%,black 30%,black 70%,transparent 95%)
}

.planning-services .planning-services-swiper-container .planning-services-swiper-wrapper {
    display: flex;
    width: 100%;
    height: 100%
}

@media screen and (orientation: portrait) {
    .planning-services .planning-services-swiper-container {
        height:22.1rem;
        -webkit-mask-image: none;
        mask-image: none
    }
}

.planning-services .planning-services-swiper-slide {
    width: min(73.9rem,74.9vh);
    height: min(54.9rem,54.9vh);
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: .5;
    transition: opacity .5s
}

.planning-services .planning-services-swiper-slide.swiper-slide-active {
    opacity: 1
}

@media screen and (orientation: portrait) {
    .planning-services .planning-services-swiper-slide {
        width:29.8rem;
        height: 22rem
    }
}

.planning-services .planning-services-swiper-slide__text {
    color: #fff;
    text-align: center;
    font-family: Future;
    font-size: var(--font-90);
    line-height: normal;
    opacity: 0;
    transition: var(--transition)
}

.planning-services .planning-services-swiper-slide__tag {
    color: #009ca8;
    font-size: 2.5rem;
    font-weight: 5;
    line-height: 90%;
    text-transform: uppercase;
    opacity: 0;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 1rem
}

.planning-services .planning-services-swiper-slide__tag svg {
    width: 1.2rem;
    height: 1.2rem
}

@media screen and (orientation: portrait) {
    .planning-services .planning-services-swiper-slide__text {
        color:#fff;
        font-size: 3.5rem
    }

    .planning-services .planning-services-swiper-slide__tag {
        font-size: 1.4rem;
        gap: .4rem
    }

    .planning-services .planning-services-swiper-slide__tag svg {
        width: 1rem;
        height: 1rem
    }
}

.planning-services .planning-services-swiper-slide__image {
    width: 100%;
    height: 100%;
    transform: scale(.8);
    transition: var(--transition);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.planning-services-swiper-navigation {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 3rem;
    height: 5rem
}

@media screen and (orientation: portrait) {
    .planning-services-swiper-navigation {
        transform:scale(.8)
    }
}

.planning-services-swiper-navigation .planning-services-swiper-button {
    width: 4.4rem;
    height: 4.4rem;
    transform: rotate(-45deg);
    flex-shrink: 0;
    border: 1px solid #009ca8;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    cursor: pointer
}

.planning-services-swiper-navigation .planning-services-swiper-button svg {
    width: 1.5rem;
    height: 1.5rem
}

.planning-services-swiper-navigation .planning-services-swiper-button-prev:hover,.planning-services-swiper-navigation .planning-services-swiper-button-next:hover {
    background-color: #009ca8
}

.planning-services .planning-services-swiper-slide.swiper-slide-active .planning-services-swiper-slide__text,.planning-services .planning-services-swiper-slide.swiper-slide-active .planning-services-swiper-slide__tag {
    opacity: 1
}

.planning-services .planning-services-swiper-slide.swiper-slide-active .planning-services-swiper-slide__image {
    transform: scale(1)
}