/* ****************************** */
/* solutions  */
/* ****************************** */
body .solutions,
body.page-template-template-front-page .solutions {
    padding: 10.417vw 2.778vw 0 2.778vw;
    background-color: #000000;
}
body .solutions .solution-inner,
body.page-template-template-front-page .solutions .solution-inner {
    background-color: #F1F1F1;
    width: 100%;
    border-top-right-radius: 14.514vw;   
    border-bottom-left-radius: 14.514vw;   
}
body .solutions .solution-inner .solutions-block,
body.page-template-template-front-page .solutions .solution-inner .solutions-block {
    padding: 6.944vw 3.889vw 4.861vw 3.889vw;
}
body .solutions .solution-inner .solutions-block .container-tag-dark,
body.page-template-template-front-page .solutions .solution-inner .solutions-block .container-tag-dark {
    font-size: 1.042vw;
    margin: 0 0 2.222vw;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--base-font);
}
body .solutions .title-box,
body.page-template-template-front-page .solutions .title-box {
    width: 84.181vw;
    padding-bottom: 3.472vw;
}
body .solutions h2,
body.page-template-template-front-page .solutions h2 {
    font-weight: 500;
    font-size: 4.444vw;
    line-height: 110%;
    margin: 0 0 2.778vw 0;
    color: #000000;
    letter-spacing: -2%;
    position: relative;
    text-transform: uppercase;
    font-family: var(--title-font);
}
body .solutions h2 span.title-align-right,
body.page-template-template-front-page .solutions h2 span.title-align-right {
    text-align: left;
    padding-left: 3vw;
}
body .solutions h2::before,
body.page-template-template-front-page .solutions h2::before {
    content: '';
    background: url('/wp-content/themes/pmtech/pages/homepage-old/assets/img/solution-vector.svg');
    position: absolute;
    width: 12.014vw;
    height: 5.199vw;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 2.3vw;
    left: -2.3vw;
}
body .solutions .solution-list,
body.page-template-template-front-page .solutions .solution-list {
    display: flex;
    align-items: flex-start;
    gap: 1.667vw;
}
body .solutions .solution-list .solutions-titles,
body.page-template-template-front-page .solutions .solution-list .solutions-titles {
    width: 25.556vw;
}
body .solutions .solution-list .solutions-titles ul,
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
body .solutions .solution-list .solutions-titles ul li,
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li {
    padding: 0.903vw 1.111vw;
    margin-bottom: 0.556vw;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    font-size: 1.111vw;
    color: black;
    line-height: 125%;
    cursor: pointer;
    font-family: var(--base-font);
    
    transition: .2s;
}
body .solutions .solution-list .solutions-titles ul li::before,
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li::before {
    content: '';
    position: absolute;
    background: url('/wp-content/themes/pmtech/pages/homepage-old/assets/img/rows.svg');
    background-repeat: no-repeat;
    width: 1.111vw;
    height: 1.111vw;
    left: 0.556vw;
    bottom: 50%;
    transform: translateY(50%);
    opacity: 0;
    background-size: contain;
    transition: .2s;
}
body .solutions .solution-list .solutions-titles ul li.active,
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li.active,
body .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon)),
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon)) {
    background-color: #000000;
    padding-left: 2.847vw;
    color: #FFFFFF;
}
body .solutions .solution-list .solutions-titles ul li.active::before,
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li.active::before,
body .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before,
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before {
    left: 1.111vw;
    opacity: 1;
}
body .solutions .solution-list .solutions-titles ul li:has(span.soon),
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li:has(span.soon) {
    opacity: .5;
}
body .solutions .solution-list .solutions-titles ul li span.soon,
body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li span.soon {
    padding: 0.278vw 0.556vw;
    background-color: #F1F1F1;
    display: flex;
    width: fit-content;
}
body .solutions .solution-list .solutions-titles,
body.page-template-template-front-page .solutions .solution-list .solutions-titles {
    background: white;
    padding: 0.556vw;
}
body .solutions .solution-list .solutions-blocks,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks {
    width: 59.444vw;
    background: white;
}
body .solutions .solution-list .solutions-blocks .solution-block,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block {
    gap: 1.667vw;
    padding: 2.222vw;
    opacity: 0;
    display: none;
    align-items: center;
}
body .solutions .solution-list .solutions-blocks .solution-block.active,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block.active {
    opacity: 1;
    display: flex;
}
body .solutions .solution-list .solutions-blocks .solution-block *:not(.content, .content *),
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block *:not(.content, .content *) {
    margin: 0;
}
body .solutions .solution-list .solutions-blocks .solution-block img,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block img {
    max-width: 21.042vw;
    height: stretch;
}
body .solutions .solution-list .solutions-blocks .solution-block h3,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block h3 {
    font-size: 2.222vw;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -2.3%;
    text-transform: uppercase;
    color: black;
    font-family: var(--title-font);
}
body .solutions .solution-list .solutions-blocks .solution-block .content,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content {
    margin: 1.111vw 0 2.222vw;
    font-family: var(--base-font);
}
body .solutions .solution-list .solutions-blocks .solution-block .content *,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content * {
    font-size: 1.111vw;
    line-height: 125%;
    font-weight: 500;
    color: #6B6B6B;
    font-family: var(--base-font);
}
body .solutions .solution-list .solutions-blocks .solution-block .content > *,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content > * {
    margin: 1.111vw 0;
}
body .solutions .solution-list .solutions-blocks .solution-block .content ul,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.111vw;
}
body .solutions .solution-list .solutions-blocks .solution-block .content ul li,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul li {
    font-weight: 600;
    list-style-type: none;
    position: relative;
    padding-left: 0.556vw;
    width: calc(48% - 0.556vw);
    color: black;
}
body .solutions .solution-list .solutions-blocks .solution-block .content ul li::before,
body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul li::before {
    content: '';
    width: 0.417vw;
    height: 0.417vw;
    background-color: #FF5900;
    position: absolute;
    left: -.4vw;
    top: .3vw;
    /* bottom: 50%; */
    transform: translateY(50%);
}

/*-page .solutions .solution-list .solutions-blocks .solution-block .content ul li:last-child,
/* body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul li:last-child {
    width: 100%;
} */





.solutions.darked-mts-solution {
    background: none;
    padding-top: 0;
}
body .solutions.darked-mts-solution .solution-inner .solutions-block, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-inner .solutions-block {
    padding-top: 0;
}
body .solutions.darked-mts-solution .solution-inner, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-inner {
    background: none;
}
body .solutions.darked-mts-solution h2, 
body.page-template-template-front-page .solutions.darked-mts-solution h2 {
    color: white;
}
body .solutions.darked-mts-solution h2::before, 
body.page-template-template-front-page .solutions.darked-mts-solution h2::before {
    content: '';
    background: url(/wp-content/themes/pmtech/pages/solution-mts/assets/img/solution-vector-light.svg);
    position: absolute;
    width: 12.014vw;
    height: 5.199vw;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 2.3vw;
    left: -2.3vw;
}
body .solutions.darked-mts-solution .title-box.has-description, 
body.page-template-template-front-page .solutions.darked-mts-solution .title-box.has-description {
    padding-bottom: 0;
}
body .solutions.darked-mts-solution .description-box, 
body.page-template-template-front-page .solutions.darked-mts-solution .description-box {
    color: #C2C2C2;
    font-size: 0.9722vw;
    width: 25.6250vw;
    font-family: var(--base-font);
    line-height: 125%;
    font-weight: 500;
    margin-bottom: 2vw;
}
body .solutions.darked-mts-solution .solution-list .solutions-titles, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles {
    width: 22.3611vw;
    border-radius: 0.2778vw;
}
body .solutions.darked-mts-solution .solution-list .solutions-blocks, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks {
    width: 69.3056vw;
    corner-top-left-shape: bevel;
    border-top-left-radius: 2.6vw;
}

body .solutions.darked-mts-solution .solution-list .solutions-titles, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles,
body .solutions.darked-mts-solution .solution-list .solutions-blocks, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks {
    background-color: #0D0D0D;
    border: 0.0833vw solid #252525;
}
body .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block {
    padding: 5.5556vw;
}

body .solutions.darked-mts-solution .solution-list .solutions-titles ul li, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li,
body .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block h3, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block h3 {
    color: white;
}
body .solutions.darked-mts-solution .solution-list .solutions-titles ul li.active, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li.active, 
body .solutions.darked-mts-solution .solution-list .solutions-titles ul li:hover:not(:has(span.soon)), 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li:hover:not(:has(span.soon)) {
    background-color: #fff;
    color: #000;
}
body .solutions.darked-mts-solution .solution-list .solutions-titles ul li::before, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li::before {
    content: '';
    position: absolute;
    background: url(/wp-content/themes/pmtech/pages/solution-mts/assets/img/solution-vector-dark.svg);
    background-repeat: no-repeat;
    width: 1.111vw;
    height: 1.111vw;
    left: 0.556vw;
    bottom: 50%;
    transform: translateY(50%);
    opacity: 0;
    background-size: contain;
    transition: .2s;
}
body .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block .content ul li, 
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block .content ul li {
    color: white;
    opacity: 0.8;
}
body .solutions.darked-mts-solution .solution-list .solutions-titles ul li.active::before,
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li.active::before,
body .solutions.darked-mts-solution .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before,
body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before {
    left: 1.111vw;
    opacity: 1;
}








@media screen and (max-width: 960px) {
    body .solutions,
    body.page-template-template-front-page .solutions {
        padding: 20.513vw 0 0;
    }
    body .solutions .solution-inner,
    body.page-template-template-front-page .solutions .solution-inner {
        border-radius: 0;
    }
    body .solutions .solution-inner .solutions-block .container-tag-dark,
    body.page-template-template-front-page .solutions .solution-inner .solutions-block .container-tag-dark {
        font-size: 3.077vw;
        margin-bottom: 6.154vw;
    }
    body .solutions .title-box,
    body.page-template-template-front-page .solutions .title-box {
        width: 100%;
    }
    body .solutions h2,
    body.page-template-template-front-page .solutions h2 {
        font-size: 5.867vw;
    }
    body .solutions h2 span.marked-orange,
    body.page-template-template-front-page .solutions h2 span.marked-orange {
        display: inline-block;
    }
    body .solutions h2 span.title-align-right,
    body.page-template-template-front-page .solutions h2 span.title-align-right {
        display: inline;
    }
    body .solutions h2::before,
    body.page-template-template-front-page .solutions h2::before {
        display: none;
    }
    body .solutions .solution-list,
    body.page-template-template-front-page .solutions .solution-list {
        flex-direction: column;
        gap: 4.103vw;
    }
    body .solutions .solution-list .solutions-title,
    body.page-template-template-front-page .solutions .solution-list .solutions-titles,
    body .solutions .solution-list .solutions-blocks,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks {
        width: 100%;
    }
    body .solutions .solution-list .solutions-titles ul li,
    body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li {
        padding: 3.846vw 3.077vw;
        font-size: 3.333vw;
    }
    body .solutions .solution-list .solutions-titles ul li.active,
    body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li.active, 
    body .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon)),
    body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon)) {
        padding-left: 9.744vw;
    }
    body .solutions .solution-list .solutions-titles ul li::before,
    body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li::before {
        width: 4.103vw;
        height: 4.103vw;
    }
    body .solutions .solution-list .solutions-titles ul li.active::before,
    body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li.active::before, 
    body .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before,
    body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before {
        left: 3.077vw;
    }
    body .solutions .solution-list .solutions-titles ul li span.soon,
    body.page-template-template-front-page .solutions .solution-list .solutions-titles ul li span.soon {
        padding: 1.026vw 2.051vw;
    }
    body .solutions .solution-list .solutions-blocks .solution-block,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block {
        flex-direction: column;
        padding: 6.154vw;
        gap: 6.154vw;
    }
    body .solutions .solution-list .solutions-blocks .solution-block h3,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block h3 {
        font-size: 5.128vw;
        margin-bottom: 3.077vw;
    }
    body .solutions .solution-list .solutions-blocks .solution-block .content *,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content * {
        font-size: 3.59vw;
    }
    body .solutions .solution-list .solutions-blocks .solution-block .content ul,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul {
        flex-direction: column;
        margin-top: 4.5vw;
    }
    body .solutions .solution-list .solutions-blocks .solution-block .content ul li,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul li {
        width: 100%;
    }
    body .solutions .solution-list .solutions-blocks .solution-block .content ul li::before,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul li::before {
        width: 1.538vw;
        height: 1.538vw;
    }
    body .solutions .solution-list .solutions-blocks .solution-block .content ul li,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block .content ul li {
        padding-left: 3.59vw;
    }
    body .solutions .solution-list .solutions-blocks .solution-block img,
    body.page-template-template-front-page .solutions .solution-list .solutions-blocks .solution-block img {
        width: 100%;
        max-width: 100%;
    }
    body .solutions h2 span.title-align-right,
    body.page-template-template-front-page .solutions h2 span.title-align-right {
        padding-left: 0;
    }

    body .solutions.darked-mts-solution .solution-list .solutions-titles, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles {
        width: calc(100% - 2 * 4.267vw);
        padding: 4.267vw;
    }
    body .solutions.darked-mts-solution .solution-list .solutions-blocks, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks {
        width: 100%;
    }
    body .solutions.darked-mts-solution .solution-list .solutions-titles ul li::before, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li::before {
        width: 6.111vw;
        height: 6.111vw;
    }
    body .solutions.darked-mts-solution .solution-list .solutions-titles ul li.active::before, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li.active::before, 
    body .solutions.darked-mts-solution .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-titles ul li:hover:not(:has(span.soon))::before {
        left: 3.077vw;
    }
    body .solutions.darked-mts-solution .solution-list .solutions-blocks, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks {
        border-top-left-radius: 7.6vw;
    }
    body .solutions.darked-mts-solution .description-box, 
    body.page-template-template-front-page .solutions.darked-mts-solution .description-box {
        font-size: 3.5897vw;
        width: 100%;
    }
    body .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block h3, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block h3 {
        margin-bottom: 4.267vw;
    }
    body .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block .content ul, 
    body.page-template-template-front-page .solutions.darked-mts-solution .solution-list .solutions-blocks .solution-block .content ul {
        margin-top: 4.267vw;
    }

}