html{
    scroll-behavior: smooth;
}
body,html{
    background: #040B0F;
}

.scs-header{
    width: 100%;
    box-sizing: border-box;
}
.scs-header .scs-bg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;

    z-index: 0;
}
.scs-header .scs-bg img{
    width: 100%;
}
.scs-header .scs-header-content{
    padding-top: 14.5vw;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    z-index: 2;
    position: relative;
}
.scs-header .scs-header-content .case-logo{
    width: 50.31vw;

    margin-bottom: 2.78vw;
}
.scs-header .scs-header-content p{
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */

    width: 57.78vw;

    margin-bottom: 2.22vw;
}
.scs-header .scs-header-content .tags{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    margin-bottom: 4.44vw;
}
.scs-header .scs-header-content .tags span{
    color: rgba(255, 255, 255, 0.97);

    leading-trim: both;

    text-edge: cap;
    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
    text-transform: uppercase;

    backdrop-filter: blur(2px);

    border-radius: 2.78vw;
    border: 0.07vw solid rgba(255, 255, 255, 0.05);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);

    margin-left: 0.56vw;
    margin-right: 0.56vw;

    text-align: center;

    display: flex;
    height: 2.78vw;
    padding: 0 1.11vw;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.scs-header .scs-header-content .case-pict{
    width: 81.18vw;
}

.scs-info{
    width: 100%;
    position: relative;
}
.scs-info .scs-info-bg{
    position: absolute;
    top: 0;
    left: 0;

    z-index: 0;
}
.scs-info .scs-info-bg img{
    width: 100%;
}
.scs-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.scs-info h2{
    color: #FFF;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
    text-transform: uppercase;

    margin-bottom: 1.67vw;
}
.scs-info h3{
    color: var(--white-100, #FFF);
    text-align: center;

    /* H2U */
    font-family: "NeueMachina";
    font-size: 3.61vw;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 62.4px */
    text-transform: uppercase;

    width: 64.24vw;
}
.scs-info p{
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */

    width: 39.38vw;

    margin-bottom: 5.56vw;
}
.scs-info .numbers{
    display: flex;
    flex-direction: row;
    width: 62.71vw;
    flex-wrap: wrap;

    justify-content: space-between;
    align-items: center;
}
.scs-info .numbers .b-number{
    width: 16.04vw;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-bottom: 3.33vw;
}
.scs-info .numbers .b-number label{
    background: linear-gradient(200deg, #A5E1FF 7.76%, #FFF 111.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-align: center;
    font-family: "NeueMachina";
    font-size: 3.33vw;
    font-style: normal;
    font-weight: 800;
    line-height: 108%; /* 51.84px */
    text-transform: uppercase;

    margin-bottom: 0.28vw;
}
.scs-info .numbers .b-number span{
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.11vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    text-transform: uppercase;

    width: 9.93vw;
}
.scs-info .scs-info-content{
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.scs-content{
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;

    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: space-between;

    position: relative;
    z-index: 4;
    margin-top: 8.33vw;
}
.scs-content .lwptoc-container{
    width: 27.22vw;
}
.scs-content .scs-text-content{
    width: 59.72vw;
}
.scs-content .scs-text-content h3{
    color: #FFF;

    font-family: "NeueMachina";
    font-size: 2.78vw;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 48px */
    text-transform: uppercase;

    margin-bottom: 1.11vw;
    padding-top: 3.333vw

}
.scs-content .scs-text-content p{
    color: #D3D3D3;

    /* Body 3 */
    font-family: "NeueMachina";
    font-size: 1.11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */

    margin-bottom: 1.11vw;
}
.scs-content .scs-text-content .upper-t{
    color: rgba(255, 255, 255, 0.80);
    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 25.2px */
    letter-spacing: -0.02vw;
    text-transform: uppercase;
    margin-bottom: 1.11vw;
}
.scs-content .scs-text-content img{
    width: 100%;

    margin-bottom: 1.11vw;
}
.scs-content .quote{
    border-radius: 1.39vw;
    background: rgba(87, 195, 249, 0.15);

    display: flex;
    padding: 1.67vw;
    align-items: flex-start;
    gap: 1.11vw;
    align-self: stretch;
}
.scs-content .quote .quote-icon{
    width: 2.38vw;
    height: 2.38vw;
}
.scs-content .quote .quote-icon img{
    width: 100%;
    height: 100%;
}
.scs-content .quote p{
    color: #FFF;

    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 25.2px */
    letter-spacing: -0.36px;
    text-transform: uppercase;
}
.scs-content .quote .person img{
    width: 3.33vw;
    height: 3.33vw;
}
.scs-content .quote .quote-block{
    width: 52.22vw;
}

.scs-content .quote .quote-block .person {
    display: flex;
    align-items: center;
    margin-top: 1.11vw;
}

.scs-content .quote .quote-block .person img {
    margin: 0;
}
.scs-content .quote .quote-block .person .person-info br {
    display: none;
}
.scs-content .quote .quote-block .person .person-info {
    display: flex;
    flex-direction: column;
    margin-left: 0.833vw;
}
.scs-content .quote .quote-block .person .person-info .name {
    font-size: 1.25vw;
    padding-bottom: 0.278vw;
}
.scs-content .quote .quote-block .person .person-info .position {
    font-size: 0.833vw;
    color: grey;
}
.scs-content .quote-container {
    border: 1px solid #42404073;
    padding: 0.556vw;
    border-radius: 1.39vw;
    margin: 3.333vw 0;
}
.scs-content .quote-container img {
    margin: 0;
}

.scs-content .quote-container .quote-block p {
    margin: 0;
}

.scs-content .row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.111vw;
}
.scs-content .text-container {
    border: 1px solid #42404073;
    padding: 0.556vw;
    border-radius: 1.39vw;
    display: flex;
    /* margin: 3.333vw 0; */
    width: calc(47% - 0.5555vw);
    /* width: 47%; */
}
.scs-content .text-container .text-box {
    padding: 1.667vw;
    background: #42404059;
    backdrop-filter: blur(120px);
    border-radius: 1.39vw;
}
.scs-content .text-container .text-box h4{
    color: #FF771D;
    text-transform: uppercase;
    font-size: 1.25vw;
    margin-bottom: 0.556vw;
    font-weight: 800;
}
.scs-content .text-container .text-box p {
    color: white;
}

.timeline .row {
    position: relative;
}
.timeline .row .text-container {
    width: 43%;
}
.timeline .row.reverse {
    flex-direction: row-reverse;
}
.timeline .row .circle.active,
.timeline .row.reverse .circle.active {
    background: #FF772926;
}
.timeline .row .circle-inner-medium.active,
.timeline .row.reverse .circle-inner-medium.active {
    background: #FF772926;
}
.timeline .row .circle-inner-small.active,
.timeline .row.reverse .circle-inner-small.active {
    background: #FF7729;
}
.timeline .row .circle,
.timeline .row.reverse .circle {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    width: 2.32vw;
    height: 2.32vw;
    padding: 0;
    border-radius: 100%;
    background: #FFFFFF1A;
    display: flex;
    justify-content: center;
    align-items: center;
}
.timeline .row .circle-inner-medium,
.timeline .row.reverse .circle-inner-medium {
    border-radius: 100%;
    width: 1.737vw;
    height: 1.737vw;
    border-radius: 100%;
    background: #FFFFFF1A;
    display: flex;
    justify-content: center;
    align-items: center;
}
.timeline .row .circle-inner-small,
.timeline .row.reverse .circle-inner-small {
    border-radius: 100%;
    width: 1.161vw;
    height: 1.161vw;
    border-radius: 100%;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timeline .text-container .text-box {
    background: #31313159;
}
.timeline .row .line {
    position: absolute;
    left: 50%; /* aligns with circle center */
    width: 0.278vw;
    background: #FFFFFF1A;
    transform: translateX(-50%);
    border-radius: 1.389vw;
    z-index: 0; /* behind circles */
}
.timeline .line-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background: #FF7729; /* progress color */
    transition: height 0.1s linear;
}
.timeline {
    position: relative;
}
.timeline .row .text-container .text-box h4 {
    font-size: 1.25vw;
    color: white;
}
.timeline .row p {
    color: #FFFFFFE5;
}

.lwptoc-container ol {
    list-style-type: auto;
    margin-left: 1vw;
}
.lwptoc-container ol li {
    margin: 0.899vw;
    text-transform: uppercase;
    color: grey;
}
.lwptoc-container ol li a {
    color: grey;
    text-decoration: none;
}
.lwptoc-container .toc-sticked {
    position: sticky;
    top: 8vw;
}
.lwptoc-container .toc-box-inner {
    background:#42404059;
    padding: 1.667vw;
    border-radius: 1.389vw;
}
.lwptoc-container .toc-box-inner .toc-title {
    font-size: 1.389vw;
    text-transform: uppercase;
}
.lwptoc-container .toc-box-inner .progress-bar-line {
    background-color: #FFFFFF1A;
    border-radius: 2.847vw;
    height: 0.278vw;
    width: 100%;
    margin-top: 3.333vw;
    margin-bottom: 0.833vw;
}
.lwptoc-container .toc-box-inner .progress-bar-line .progress-bar-line-inner {
    background: #FF771D;
    height: 0.278vw;
    width: 0;
}
.lwptoc-container .toc-box {
    border: 0.069vw solid #42404073;
    padding: 0.556vw;
    border-radius: 1.389vw;
}
.social-share-title {
    text-transform: uppercase;
    margin-top: 2.222vw;
    margin-bottom: 1.111vw;
}
.social-share-links a {
    text-decoration: none;
}
.social-share-links img {
    width: 2.778vw;
    height: 2.778vw;
}
.social-share-links {
    display: flex;
    gap: 1.111vw;
}

section.cta {
    width: 91.667vw;
    margin: auto;
    background: url('/wp-content/themes/pmtech/tmp-content/scs/under-scs-text.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 1.389vw;
    margin-top: 18.194vw;
}
section.cta .quote-container {
    display: flex;
    padding: 6.944vw;
    align-items: center;
    justify-content: space-between;
}
section.cta .quote-container .quote {
    display: flex;
    width: 58.611vw;
}
section.cta .quote-container .person {
    width: 13.889vw;
    text-align: center;
}
section.cta .quote-container .person img {
    width: 100%;
    margin-bottom: 1.667vw;
}
section.cta .quote-container .person .name {
    font-size: 1.389vw;
    text-transform: uppercase;
}
section.cta .quote-container .person .position {
    color: grey;
    font-size: 1.111vw;
}
section.cta .quote-container .quote-block {
    margin-left: 1.667vw;
}
section.cta .quote-container .quote-block p {
    font-size: 1.667vw;
    font-weight: 800;
    text-transform: uppercase;
}
section.cta .quote-container .quote-block a {
    margin-top: 2.222vw;
    width: fit-content;
    padding: 1.389vw 2.778vw;
}


section.cta-big {
    background: url('/wp-content/themes/pmtech/tmp-content/scs/bg-cta.png'), black;
    margin: 6.944vw 0;
    padding-top: 0;
    height: 45vw;
    /* padding-bottom: 35.611vw; */
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    --overlay-opacity: 0;
}

section.cta-big::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, var(--overlay-opacity, 0));
    pointer-events: none;
    z-index: 0;
    transition: background-color 0.1s ease; /* Optional: smooth transition */
}
section.cta-big p {
    font-size: 3.611vw;
    width: 81.944vw;
    margin-inline: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}
section.client-interests .slider-description + a,
section.cta-big a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16.667vw;
    height: 4.306vw;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.389vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    transition: 0.3s, padding-right 0.3s;
    background-color: white;
    margin-top: 2.639vw;
    color: black;
}
section.client-interests .slider-description + a svg,
section.cta-big a svg {
    margin-left: 0.556vw;
}

section.cta-big p,
section.cta-big a {
    position: relative;
    z-index: 2;
}
section.cta-big::before {
    background: rgba(0, 0, 0, var(--overlay-opacity, 0));
}


section.client-interests {
    overflow: hidden;
    padding: 4.167vw;
}
section.client-interests .title-row {
    font-size: 3.611vw;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 2.778vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.client-interests .title-row img {
    width: 4.444vw;
    height: 4.444vw;
    cursor: pointer;
}
section.client-interests .title-row .buttons-slider {
    display: flex;
    gap: 1.111vw;
}
section.client-interests .slide-container-inner {
    display: flex;
    align-items: center;
}
section.client-interests .slide-container-inner .text-container {
    margin-left: 2.778vw;
}
section.client-interests .marker-lines {
    display: flex;
    gap: 0.833vw;
}
section.client-interests .marker-lines p {
    background: linear-gradient(to bottom, #ffffff26, #ffffff42 50%), #FFFFFF0D;
    padding: 0.756vw 1.25vw 0.556vw 1.25vw;
    border-radius: 2.778vw;
    text-transform: uppercase;
}
section.client-interests .title-slider {
    font-size: 2.222vw;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 1.667vw;
    margin-bottom: 1.111vw;
    width: 49vw;
}
section.client-interests .slider-description {
    color: grey;
    font-size: 1.111vw;
    width: 31.528vw;
}
section.client-interests .swiperInterests {
    width: 89.667vw;
}
section.client-interests .swiperInterests .swiper-wrapper {
    gap: 1.667vw;
}
section.client-interests .swiperInterests .swiper-slide {
    padding: 1.111vw;
    border: 0.069vw solid #42404073;
    border-radius: 1.389vw;
    background: #8b8b8b0d;
    backdrop-filter: blur(41px);
}
section.client-interests .swiperInterests .swiper-slide img {
    width: 27.222vw;
}


@media screen and (max-width: 961px) {
    .scs-header .scs-header-content {
        padding-top: 34.667vw;
    }
    .scs-header .scs-header-content .case-logo {
        width: 91.78vw;
    }
    .scs-header .scs-header-content p {
        font-size: 4.267vw;
        width: 91.78vw;
        margin: 6.4vw 0 8.533vw;
    }
    .scs-header .scs-header-content .tags span {
        font-size: 3.2vw;
        padding: 1.6vw 4.267vw;
    }
    .scs-header .scs-header-content .tags {
        flex-wrap: wrap;
        gap: 2.133vw;
    }
    .scs-header .scs-header-content .case-pict {
        width: 92.18vw;
        margin-top: 17.067vw;
        margin-bottom: 21.333vw;
    }
    .scs-info h2 {
        font-size: 3.733vw;
        margin-bottom: 6.4vw;
    }
    .scs-info h3 {
        font-size: 8vw;
        width: 92.18vw;
    }
    .scs-info p {
        font-size: 4.267vw;
    }
    .scs-info .numbers {
        width: 83.71vw;
    }
    .scs-info .numbers .b-number {
        width: 30.04vw;
    }
    .scs-info .numbers .b-number span {
        width: 44.93vw !important;
        font-size: 3.733vw;
    }
    .scs-info .numbers .b-number label {
        font-size: 8.533vw;
    }
    .scs-info p {
        width: 92vw;
        margin-top: 4.267vw;
        margin-bottom: 8.533vw;
    }

    .scs-content {
        flex-direction: column;
    }
    .scs-content .scs-text-content,
    .scs-content .lwptoc-container {
        width: 92vw;
    }
    .lwptoc-container .toc-box-inner .toc-title {
        font-size: 4.267vw; 
        margin-bottom: 4.267vw  ;
    }
    .lwptoc-container ol li {
        font-size: 3.733vw;
        color: white;
        margin-top: 3.2vw;
        margin-bottom: 3.2vw;
    }
    .lwptoc-container ol li a {
        color: white;
    }
    .lwptoc-container .toc-box-inner {
        padding: 4.267vw;
    }
    .lwptoc-container ol {
        margin-left: 5vw;
    }
    .lwptoc-container .toc-box-inner .progress-bar-line, 
    .lwptoc-container .toc-box-inner .progress-bar-line .progress-bar-line-inner {
        height: 1.067vw;
        border-radius: 10.933vw;
    }
    .lwptoc-container .toc-box-inner .progress-bar-line {
        margin-bottom: 2.133vw;
    }
    .lwptoc-container .toc-box-inner .progress-bar-line + p{
        font-size: 4.267vw;
    }
    .social-share-title {
        font-size: 4.267vw;
        margin-top: 4.267vw;
        margin-bottom: 3.2vw;
    }
    .social-share-links {
        gap: 4.267vw;
    }
    .social-share-links img {
        width: 10.667vw;
        height: 10.667vw;
    }

    .scs-content .scs-text-content h3 {
        font-size: 6.4vw;
    }
    .scs-content .scs-text-content .upper-t {
        font-size: 4.267vw;
    }
    .scs-content .scs-text-content p {
        font-size: 3.733vw;
    }

    .timeline .row .circle.active, .timeline .row.reverse .circle.active {
        display: none;
    }
    .timeline .row.reverse {
        flex-direction: row;
    }
    .timeline {
        margin: 8.533vw 0;
    }
    .timeline .row {
        margin-bottom: 3.2vw;
    }
    .timeline .row .text-container {
        width: 92vw;
    }
    .timeline .row .text-container .text-box h4 {
        font-size: 4.267vw;
    }
    .timeline .row .text-container .text-box p {
        font-size: 3.733vw;
    }
    .scs-content .text-container .text-box {
        padding: 4.267vw;
        border-radius: 4.267vw;
    }
    .scs-content .text-container {
        padding: 1.067vw;
        border-radius: 4.267vw;
    }
    .scs-content .quote .quote-icon {
        width: 10.667vw;
        height: 10.667vw;
    }
    .scs-content .quote .quote-block {
        width: 95%;
    }
    .scs-content .quote {
        padding: 4.267vw;
    }
    .scs-content .quote-container .quote-block p {
        margin-left: 4.267vw;
        font-size: 4.267vw;
    }
    .scs-content .quote .quote-block .person .person-info .name {
        font-size: 4.267vw;
    }
    .scs-content .quote .quote-block .person .person-info .position {
        font-size: 3.2vw;
    }
    .scs-content .quote .quote-block .person img {
        width: 10.667vw;
        height: 10.667vw;
        margin-right: 2.133vw;
    }
    .scs-content .quote .quote-block .person {
        margin-left: -15%;
        margin-top: 4.267vw;
    }
    .scs-content .text-container {
        width: 100%;
    }
    .scs-content .text-container .text-box h4 {
        font-size: 4.267vw;
        margin-bottom: 2.133vw;
    }
    .scs-content .text-container .text-box p {
        color: #FFFFFFCC;
    }
    .scs-content .scs-text-content > .row {
        margin: 8.533vw 0 8.533vw;
        gap: 3.2vw;
    }

    section.cta .quote-container {
        flex-direction: column;
    }
    section.cta .quote-container .person {
        width: 40vw;
    }
    section.cta .quote-container .person .name {
        font-size: 4.267vw;
        font-weight: 800;
        white-space: nowrap;
    }
    section.cta .quote-container .person .position {
        font-size: 3.733vw;
    }
    section.cta .quote-container .quote {
        margin-top: 10.667vw;
        width: 86.611vw;
    }
    section.cta .quote-container .quote-block p {
        font-size: 4.8vw;
    }
    section.cta .quote-container .quote-block a {
        width: 100%;
    }

    section.cta-big {
        height: 150vw;
        background-position: bottom;
    }
    section.cta-big p {
        font-size: 8.533vw;
    }
    section.cta-big a {
        width: 80%;
        font-size: 4.267vw;
        padding: 4vw 0;
    }
    section.cta-big a svg {
        width: 4.8vw;
        height: 4.8vw;
        margin-left: 3vw;
        margin-top: -1%;
    }
    section.client-interests .title-row .buttons-slider {
        display: none;
    }
    section.client-interests .title-row {
        font-size: 8.533vw;
    }
    section.client-interests .swiperInterests .swiper-slide {
        padding: 0;
        backdrop-filter: blur(0);
        border-radius: 4.267vw;
    }
    section.client-interests .swiperInterests .swiper-slide .slide-container {
        padding: 4.267vw;
    }
    section.client-interests .slide-container-inner {
        flex-direction: column;
    }
    section.client-interests .swiperInterests .swiper-slide img {
        margin-bottom: 6.4vw;
        width: 100%;
    }
    section.client-interests .marker-lines {
        flex-wrap: wrap;
        gap: 2.133vw;
    }
    section.client-interests .marker-lines p {
        font-size: 3.2vw;
        padding: 1.6vw 4.267vw;
    }
    section.client-interests .title-slider {
        font-size: 4.267vw;
        width: 100%;
        margin-top: 4.267vw;
        margin-bottom: 2.133vw;
        line-height: 150%;
    }
    section.client-interests .slider-description {
        width: 100%;
        font-size: 3.733vw;
        line-height: 140%;
    }
    section.client-interests .slider-description + a {
        width: 96%;
        font-size: 4.267vw;
        padding: 4vw 0;
    }
    section.client-interests .slider-description + a svg {
        width: 4.8vw;
        height: 4.8vw;
        margin-left: 3vw;
        margin-top: -1%;
    }
    section.client-interests .swiperInterests .swiper-wrapper {
        gap: 4.267vw;
    }
    section.client-interests .slide-container-inner .text-container {
        margin-left: 0;
    }
}