.single-solutions_new * {
    -webkit-font-smoothing: antialiased;
}

.single-solutions_new .big-bar {
    width: 60px;
    height: 5px;

    display: block;
    margin: 0;

    background: #FFD13F;
}

.pubm-solution__hero {
    height: 680px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 100px 0;
    margin: 0;

    background: var(--bg);
    background-size: cover;
}

.pubm-solution__hero h1 {
    margin: 0 0 35px;

    font-size: 64px;
    line-height: 0.9;
    text-transform: uppercase;
}

.pubm-solution__hero h2,
.pubm-solution__hero p {
    width: 100%;
    max-width: 565px;
}

.pubm-solution__hero h2 {
    margin: 14px 0 22px;

    font-family: 'TVNordEF-Regular', sans-serif;
    font-size: 26px;
    line-height: 38px;
}

.pubm-solution__hero p {
    margin: 0;
    font-size: 18px;
    line-height: 27px;
}

.pubm-solution__features {
    margin: 0;
}

.pubm-solution__features-inner {
    position: relative;
    margin-top: -40px;
    padding: 70px 40px;

    background: #F1F1F1;
}

.pubm-solution__features h2 {
    margin: 0;

    font-family: 'TVNordEF-Black', sans-serif;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #000;
}

.pubm-solution__features .big-bar {
    margin: 30px auto;
}

.pubm-solution__features_items {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;

    padding: 0;
    margin: 0;
    list-style-type: none;
}

.pubm-solution__features_item {
    width: 100%;
    max-width: 250px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.pubm-solution__features_item figure {
    height: 70px;

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

    margin: 0 auto 24px;
}

.pubm-solution__features_item figure img {
    width: 70px;
}

.pubm-solution__features_item p {
    margin: 0;

    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #000;
}

.pubm-solution__quote-key-caps {
    position: relative;
    z-index: 1;
    padding: 70px 0 0;
    margin: 0 0 -70px;
    /*overflow: hidden;*/
}

.pubm-solution__quote-key-caps .container {
    position: relative;
}

.pubm-solution__quote-key-caps-content {
    width: 100%;
    max-width: 630px;

    position: relative;
    padding: 70px 64px;
    margin: 70px 0 0 -70px !important;
    z-index: 2;

    background: linear-gradient(180deg, #00507C 0%, #003B5C 100%) 0 0 no-repeat padding-box;
}

.pubm-solution__quote-key-caps-content.is-type-quote {
    padding-top: 54px;
}

body:not(.page-template-page-new-landing):not(.page-template-page-home-with-events) .inlaid-card.is-type-key-caps {
    align-items: flex-start;
}

.pubm-solution__quote-key-caps-content .big-bar {
    margin: 0 0 18px;
}

.pubm-solution__quote-key-caps-content h2 {
    margin: 0 0 30px;

    font-family: 'TVNordEF-BlackCon', sans-serif;
    font-size: 36px;
    line-height: 0.9;
    text-transform: uppercase;
}

.pubm-solution__quote-key-caps-content ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;

    gap: 12px 0;
    padding: 0;
    margin: 0;

    list-style-type: none;
}

.pubm-solution__quote-key-caps-content ul li {
    width: 50%;
    max-width: 247px;

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0 12px;

    font-size: 18px;
    line-height: 27px;
}

.pubm-solution__quote-key-caps-content ul li figure {
    margin: 3px 0 0;
    line-height: 0;
}

.pubm-solution__quote-key-caps-content ul li svg {
    flex-shrink: 0;
    vertical-align: middle;
}

.pubm-solution__quote-key-caps-content .quote {
    margin: 65px 0;
}

.pubm-solution__quote-key-caps-content .quote-name {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.pubm-solution__quote-key-caps-content .quote-name p {
    margin: 0;
}

.pubm-solution__quote-key-caps-content .quote-name p small {
    font-size: 15px;
    letter-spacing: 3.15px;
}

.pubm-solution__quote-key-caps-content .quote-name figure {
    margin: 0;
}

.pubm-solution__quote-key-caps-image {
    position: absolute;
    top: 0; bottom: 70px;
    left: 390px;
    /*right: calc((-100vw + 1170px) / 2);*/
    right: calc((-100vw + 1187px) / 2);

    background: var(--image);
    background-size: cover;

    pointer-events: none;
}

.pubm-solution__products {
    position: relative;
    padding: 132px 0 70px;
    margin: 0;

    background: linear-gradient(180deg, #021625 0%, #003B5C 29%, #003B5C 57%, #021625 100%) 0 0 no-repeat padding-box;
    overflow: hidden;
}

.pubm-solution__products-wave,
.pubm-solution__contact-wave {
    position: absolute;
    right: 0;
    pointer-events: none;
}

.pubm-solution__products-wave {
    height: 808px;
    top: 185px;
    bottom: auto;
    left: 0;
}

.pubm-solution__products-wave svg,
.pubm-solution__contact-wave svg {
    opacity: 0.8;
}

.pubm-solution__products-wave svg {
    width: 100%;
    height: auto;
    mix-blend-mode: soft-light;
}

.pubm-solution__products .container,
.pubm-solution__contact .container {
    position: relative;
    z-index: 2;
}

.pubm-solution__products h2 {
    margin: 0;

    font-size: 35px;
    line-height: 0.9;
    text-align: center;
    color: #fff;
}

.pubm-solution__products .big-bar {
    margin: 18px auto 60px;
}

.pubm-solution__products_items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;

    padding: 0;
    margin: 0;
    list-style-type: none;
}

.pubm-solution__products_item {
    width: calc(33.3% - 20px);

    display: flex;
    flex-direction: column;
    padding: 30px 25px;

    background-color: #fff;
}

.pubm-solution__products_item__head {
    height: 60px;

    display: flex;
    flex-direction: row;
    align-items: center;

    gap: 0 18px;
    margin: 0 0 16px;
}

.pubm-solution__products_item__head figure {
    margin: 0;
}

.pubm-solution__products_item__head h3 {
    margin: 0;
    font-size: 26px;
    line-height: 0.9;
    color: #000;
}

.pubm-solution__products_item__head img {
    width: 50px;
    height: auto;
}

.pubm-solution__products_item p {
    margin: 0 0 18px;

    font-size: 18px;
    line-height: 27px;
    color: #000;
}

.pubm-solution__products_item a {
    margin-top: auto;

    font-family: 'TVNordEF-Bold', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 17px;
    color: #39BADD;
    text-transform: uppercase;
}

.pubm-solution__products_item a svg {
    margin: 0 0 0 6px;
    vertical-align: middle;
}

.product-case_studies-carousel-head {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0;
}

.product-case_studies-carousel-head h3 {
    margin-bottom: 0;
    margin-top: 18px;
    text-transform: uppercase;
    color: #000;
    line-height: 0.9;
}

.product-case_studies-carousel-head a {
    position: relative;
    bottom: 11px;

    font-size: 22px;
    font-family: 'TVNordEF-BlackCon';
    line-height: 25px;
    text-transform: uppercase;
}

.product-case_studies-carousel-head a:hover {
    color: #4fc8ed;
    text-decoration: none;
}

.product-case_studies-carousel-section {
    padding: 70px 0;
    overflow: hidden;
}

.product-case_studies-carousel-section.remove-top-margin {
    margin-top: 0;
}
.product-case_studies-carousel .carousel-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 33px 6fr;
    grid-template-columns: 4.5fr 5.5fr;
    gap: 50px;
    padding: 60px 0 30px;
}
.product-case_studies-carousel .carousel-item .carousel-label {
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'TVNordEF-BlackCon';
}
.product-case_studies-carousel .carousel-item .carousel-title h3 {
    font-family: 'TVNordEF-Black';
    font-size: 28px;
    line-height: 1.25;
    margin-bottom: 10px;
    margin-top: 6px;
    color: #000;
}
.product-case_studies-carousel .carousel-item .carousel-content {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 30px;
    color: #000;
}
.product-case_studies-carousel .btn-outline-black {
    margin: 0;

    background-color: transparent;
    border-color: #000;
    color: #000;

    transition: 0.2s all;
}

.product-case_studies-carousel .btn-outline-black:hover {
    background-color: #50c9ed;
    border-color: #50c9ed;
    color: #fff;
}
.product-case_studies-carousel .carousel-item__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 400px;
    position: relative;
}
.product-case_studies-carousel .carousel-item__image img {
    max-width: 486px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.product-case_studies-carousel .statistic-block {
    background: #173A56;
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 25px;
    color: #fff;
}
.product-case_studies-carousel .statistic-block > div:not(:last-child) {
    margin-bottom: 20px;
}
.product-case_studies-carousel .statistic-block .carousel-statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
.product-case_studies-carousel .statistic-block .carousel-statistics .carousel-statistic {
    max-width: 182px;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*font-weight: bold;*/
    border-left: 1px solid rgba(167, 167, 167, .4);
    font-family: 'TVNordEF-Black';
}
.product-case_studies-carousel .statistic-block .carousel-statistics .carousel-statistic .value {
    color: #4FC8ED;
    font-size: 49px;
    line-height: 44px;
    font-family: 'TVNordEF-BlackCon';
    margin-bottom: 10px;
    font-weight: 400;
}
.product-case_studies-carousel .statistic-block .carousel-statistics .carousel-statistic .value-description {
    letter-spacing: 1.68px;
    font-size: 14px;
    line-height: 18px;
    font-family: 'TVNordEF-Bold';
    text-transform: uppercase;
}
.product-case_studies-carousel .statistic-block .carousel-statistics .carousel-statistic .statistic-source {
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0px;
    font-family: 'TVNordEF-Regular';
}
.product-case_studies-carousel .statistic-block .carousel-logo {
    max-width: 100%;
    width: 100%;
    column-gap: 3%;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    font-weight: 600;
}
.product-case_studies-carousel .statistic-block .carousel-logo.count-3 img {
    max-width: 28.5%;
    width: auto;
    max-height: 43px;
    margin: 0;
}
.product-case_studies-carousel .statistic-block .carousel-logo.count-2 img {
    max-width: 39%;
}
.product-case_studies-carousel .statistic-block .carousel-logo img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    max-width: 180px;
    width: auto;
}
.product-case_studies-carousel .statistic-block .carousel-logo.count-1 {
    display: block;
}
.product-case_studies-carousel .statistic-block .carousel-logo.count-1 img {
    max-height: 43px;
    object-position: left;
}

.product-case_studies-carousel .slick-dots {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-top: 0;
}
.product-case_studies-carousel .slick-dots li {
    list-style: none;
}
.product-case_studies-carousel .slick-dots li:only-child {
    display: none;
}
.product-case_studies-carousel .slick-dots li button {
    width: 31px;
    height: 5px;
    font-size: 0;
    border: none;
    margin: 0;
    padding: 0;
    background-color: #39BADD;
    opacity: 0.25;
}
.product-case_studies-carousel .slick-dots li.slick-active button {
    opacity: 1;
}

.partners-section {
    padding: 70px 0;
    margin: 0;
}

.product-case_studies-carousel-section + .partners-section {
    padding-top: 0;
}

.partners-section h2 {
    margin: 0;
    font-size: 36px;
    line-height: 0.9;
    color: #000;
    text-transform: uppercase;
}

.partners-section .yellow-bar {
    margin: 10px auto 0;
}
.partners-top-row {
    margin-top: 69px;
}
.partners-bottom-row {
    margin-top: 65px;
}
.partners-section .splide__slide {
    display: flex;
    align-items: center;
    margin-right: 100px;
}
.partners-section .splide__slide img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 40px;
    max-width: 200px;
}

.pubm-solution__contact {
    position: relative;
    margin: 0;
    padding: 50px 0;
    background: url(../imgs/solution-contact-bg.png) center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.pubm-solution__contact-wave {
    width: 590px;
    top: 0; bottom: 0;
}

.pubm-solution__contact-wave svg {
    height: auto;
    mix-blend-mode: overlay;
}

.pubm-solution__contact .container[data-layout="three"] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.pubm-solution__contact .container[data-layout="three"]:before,
.pubm-solution__contact .container[data-layout="three"]:after {
    display: none;
    content: inherit;
}
.pubm-solution__contact .container[data-layout="three"] iframe {
    max-width: 829px;
}
.pubm-solution__contact h3 {
    margin: 18px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    line-height: 0.9;
}

@media (min-width: 768px) {
    .pubm-solution__hero h2 {
        line-height: 1.45;
    }
}

@media (min-width: 1200px) {

    .pubm-solution__hero {
        height: 720px;
    }

    .pubm-solution__hero h2 {
        max-width: 700px;
    }

    .pubm-solution__hero p {
        max-width: 700px;
    }
}

@media(max-width:1199px) and (min-width:992px) {

    .pubm-solution__quote-key-caps-image {
        /*right: calc((-100vw + 970px) / 2);*/
        right: calc((-100vw + 987px) / 2);
    }

    .product-case_studies-carousel .carousel-item {
        grid-template-columns: 4fr 6fr;
        gap: 50px;
    }
}

@media(max-width: 1092px) {

    .pubm-solution__quote-key-caps-content {
        margin-left: calc((-100vw + 955px) / 2) !important;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .product-case_studies-carousel .statistic-block {
        transition: .3s;
        transform: translatex(20%);
    }

    .product-case_studies-carousel .carousel-item__image {
        justify-content: center;
    }

    .pubm-solution__products_item {
        width: calc(50% - 15px);
    }

    .pubm-solution__quote-key-caps-content {
        margin-left: calc((-100vw + 735px) / 2) !important;
    }

    .pubm-solution__quote-key-caps-image {
        right: calc((-100vw + 735px) / 2);
    }
}
@media(max-width:767px) and (min-width:380px) {

    .product-case_studies-carousel div.statistic-block {
        width: 295px;
        max-width: 100%;
    }

    .product-case_studies-carousel div.statistic-block {
        left: calc(50% - 160px);
    }

    .product-case_studies-carousel .carousel-item__text {
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    .pubm-solution__contact .container[data-layout="three"] iframe {
        max-width: 900px;
    }
}
@media (min-width: 993px) and (max-width: 1199px) {
    .pubm-solution__contact .container {
        padding-right: 30px;
    }
    .pubm-solution__contact .container[data-layout="three"] iframe {
        max-width: 770px;
    }
}
@media (max-width:991px) {

    .pubm-solution__contact .container[data-layout="three"] {
        flex-direction: column;
    }
    .pubm-solution__contact .container[data-layout="three"] iframe {
        max-width: 100%;
    }

    .pubm-solution__contact h3 {
        margin: 12px 0 32px;
        font-size: 30px;
        line-height: 34px;
    }

    .pubm-solution__contact-wave {
        text-align: right;
    }

    .pubm-solution__contact-wave svg {
        width: auto;
        height: 300px;
    }

    .product-case_studies-carousel-head {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 0 40px;
    }

    .product-case_studies-carousel-head a {
        margin: 10px 0 0;
        bottom: 0;
    }

    .product-case_studies-carousel .carousel-item {
        padding-top: 0;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .product-case_studies-carousel .carousel-item .carousel-item__text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .product-case_studies-carousel {
        padding: 0;
    }
}
@media (max-width:767px) {

    .pubm-solution__hero {
        position: relative;
        height: auto;
        padding: calc(116vw - 30px) 0 130px;

        background: var(--bg-mobile), #021625;
        background-size: auto 114vw;
    }

    .pubm-solution__hero:after {
        content: '';
        display: block;

        width: 100%;
        height: 20vw;

        position: absolute;
        right: 0; left: 0;
        top: 95vw;

        z-index: 2;
        pointer-events: none;

        background: transparent linear-gradient(180deg, rgba(2, 22, 37, 0) 0%, rgba(2, 22, 37, 1) 81%, rgba(2, 22, 37, 1) 100%) 0% 0% no-repeat padding-box;
    }

    .pubm-solution__hero .container {
        width: 100%;
    }

    .pubm-solution__hero h1 {
        position: relative;
        margin: 0 0 32px;
        font-size: 42px;
        line-height: 0.9;
        z-index: 3;
    }

    .pubm-solution__hero h2 {
        margin: 14px 0 30px;
    }

    .pubm-solution__hero h2,
    .pubm-solution__hero p {
        font-family: 'TVNordEF-Regular', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
    }

    .pubm-solution__features {
        padding: 0 0 130px;
    }

    .pubm-solution__features-inner {
        margin-top: -90px;
        padding: 70px 35px;
    }

    .pubm-solution__features_items {
        flex-direction: column;
        gap: 50px 0;
    }

    .pubm-solution__features_item {
        max-width: 100%;
    }

    .pubm-solution__quote-key-caps-content h2,
    .pubm-solution__products h2,
    .product-case_studies-carousel-head h3,
    .product-case_studies-carousel-head h3,
    .partners-section h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .pubm-solution__products h2 {
        line-height: 0.9;
    }

    .product-case_studies-carousel-head h3,
    .product-case_studies-carousel-head h3,
    .partners-section h2 {
        text-align: left;
    }

    .pubm-solution__quote-key-caps {
        margin: 0;
        padding: 0;
        background: linear-gradient(0deg, #021625 0%, #003B5C 29%, #003B5C 57%, #021625 100%) 0 0 no-repeat padding-box;
        overflow: visible;
    }

    .pubm-solution__quote-key-caps-image {
        display: none;
    }

    .pubm-solution__quote-key-caps-content {
        width: 100%;
        max-width: 100%;
        margin: -100px 0 0 !important;
        padding: 50px 35px;
    }

    .pubm-solution__quote-key-caps-content.is-type-quote {
        padding: 40px 20px 50px;
    }

    .pubm-solution__quote-key-caps-content.is-type-quote .quote:before,
    .pubm-solution__quote-key-caps-content.is-type-quote .quote:after {
        font-size: 120px;
    }

    .pubm-solution__quote-key-caps-content .quote {
        margin: 55px 0;
        font-size: 20px;
        line-height: 28px;
    }

    .pubm-solution__quote-key-caps-content .quote-name {
        gap: 16px;
        align-items: flex-start;
        flex-direction: column;
    }

    .pubm-solution__quote-key-caps-content ul {
        flex-direction: column;
        gap: 20px;
    }

    .pubm-solution__quote-key-caps-content ul li {
        width: 100%;
        max-width: 100%;
    }

    .pubm-solution__products {
        padding: 50px 0;
        overflow: hidden;
    }

    .pubm-solution__products-wave {
        top: 570px;
    }

    .pubm-solution__products-wave svg {
        width: auto;
    }

    .pubm-solution__products_items {
        gap: 20px;
    }

    .pubm-solution__products_item {
        width: 100%;
        padding: 30px 20px;
    }

    .product-case_studies-carousel-section {
        padding: 50px 0 0;
    }

    .product-case_studies-carousel {
        padding: 0;
    }

    .product-case_studies-carousel .carousel-item .carousel-item__image {
        padding-bottom: 69px;
    }

    .product-case_studies-carousel .statistic-block {
        bottom: 0;
        left: 15px;
        width: calc(100% - 30px);
    }

    .product-case_studies-carousel .statistic-block {
        padding: 15px;
    }

    .product-case_studies-carousel .statistic-block .carousel-statistics .carousel-statistic .value {
        font-size: 31px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .product-case_studies-carousel .statistic-block .carousel-statistics .carousel-statistic .value-description {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    .product-case_studies-carousel .carousel-item .carousel-label {
        font-size: 24px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .product-case_studies-carousel .carousel-item__image img {
        max-width: 100%;
    }

    .product-case_studies-carousel-head {
        margin: 0;
    }

    .product-case_studies-carousel-head h3 {
        margin: 12px 0;
    }

    .product-case_studies-carousel .carousel-item {
        gap: 0;
    }

    .product-case_studies-carousel .carousel-item .carousel-title h3 {
        margin: 0 0 22px;
        font-size: 26px;
    }

    .product-case_studies-carousel .carousel-item .btn.btn-outline-black {
        width: 100%;
    }

    .product-case_studies-carousel .slick-dots {
        margin-top: 30px;
    }

    .partners-section {
        padding: 55px 0;
    }

    .product-case_studies-carousel-section + .partners-section {
        padding-top: 0;
    }

    .partners-top-row {
        margin-top: 40px;
    }

    .partners-section > .container {
        display: flex;
        flex-direction: column;
    }

    .partners-section .yellow-bar {
        margin: 0 auto 10px 0;
        order: -1;
    }

    .pubm-solution__contact h3 {
        margin: 12px 0 20px;
    }
}

@media only screen and (max-width: 379px) {

    .pubm-solution__hero:after {
        top: calc(116vw - 70px);
    }
}