.heading-menu,
    #scroll,
    #allFea,
    #customers {
        display: none;
    }

    :root {
        --text-light: #FFF;
        --text-dark: #000;
        --blue-text: #0A57C5;
        --light-blue: #F8FBFF;
        --light-yellow: #FFFAF1;
        --light-red: #FFF9F9;
        --light-green: #F6FFF7;
        --light-voilet: #F1F3FF;
        --light-yellow-border: #FFE8BB;
        --light-green-border: #C0EAC4;
        --light-red-border: #FFDFDF;
        --light-blue-border: #74B2FF4D;
        --light-violet-border: #D7DDFF;
        --tab-strip-border: #CACACA;
        --button-color: #e9142b;
        --cta-sd-border: #000000;
        --bg-grey: #F9F9F9;
        --trusted-by-border: #E6E6E6;
        --tab-strip-active-bg: linear-gradient(146deg, #1773F5 -44.91%, #5FA2FF 83.87%);
        --demo-screenshot-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.15);
        --free-trial-banner-bg: #EFF6FF;
        --h1-font: 54px;
        --h2-font: 36px;
        --h3-font: 26px;
        --h4-font: 20px;
        --p-font: 17px;
        --s-font: 12px;
        --m-font: 16px;
        --l-font: 32px;
        --xl-font: 48px;
        --xs-wgt: 200;
        --s-wgt: 300;
        --m-wgt: 400;
        --l-wgt: 500;
        --xl-wgt: 600;
        --n-gap: 24px;
        --m-top: 60px;
    }


    .msp {
        padding: 80px 40px;
        position: relative;
    }

    .msp .bg-wrapper {
        max-width: 1200px;
        margin: auto;
    }

    .grey {
        background: var(--bg-grey);
    }

    .msp.desc .bg-wrapper {
        max-width: 1000px;
        text-align: center;
    }

    .msp span.heading-strip {
        background-color: var(--span-h2-bg);
        padding: 6px 18px;
        border-radius: 20px;
        display: block;
        width: max-content;
        margin: 0px auto 15px;
        font-weight: var(--l-wgt);
        color: var(--text-dark);
    }

    .msp .animate {
        opacity: 0;
        transform: translate(0, 100px);
        transition: all ease 750ms;
    }

    .msp .animate.active {
        opacity: 1;
        transform: translate(0px, 0px);
    }

    .msp .flex {
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: auto;
        grid-gap: 30px;
    }

    .cta-grp.single {
        width: max-content;
        margin: auto;
    }

    .msp h1 {
        font-size: var(--h1-font);
        line-height: 75px;
        font-weight: var(--xl-wgt);
        color: var(--text-dark);
        max-width: 900px;
        margin: 0px auto 20px;
    }

    .msp h2 {
        font-size: var(--h2-font);
        line-height: 52px;
        font-weight: var(--xl-wgt);
        max-width: 900px;
        margin: 0 auto 24px;
        text-align: center;
        color: var(--text-dark);
    }

    .msp h3 {
        font-size: var(--h3-font);
        line-height: 38px;
        color: var(--text-dark);
    }

    .msp h3 strong {
        font-weight: 600;
    }

    .msp h4 {
        font-size: var(--h4-font);
        line-height: 36px;
        margin: 0 !important;
        color: var(--text-dark);
    }

    .msp p,
    .msp li {
        font-size: var(--p-font);
        line-height: 27.2px;
        font-weight: var(--s-wgt);
        margin: 0 0 30px;
        letter-spacing: .1px;
        color: var(--text-dark);
    }

    .msp li {
        margin: 0px;
    }

    .msp .cta-grp {
        grid-gap: 20px;
        display: flex;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        margin: 40px auto 0px;
    }

    .msp .cta {
        font-size: 16px;
        line-height: 20px;
        padding: 14px 25px;
        display: inline-flex;
        align-items: center;
        min-width: 140px;
        text-decoration: none;
        text-align: center;
        background-color: var(--button-color);
        color: var(--text-light);
        text-transform: uppercase;
        cursor: pointer;
        justify-content: center;
        border: 1px solid var(--button-color);
        border-radius: 6px;
        font-weight: 400;
    }

    .msp .cta.sd {
        color: var(--text-dark);
        background-color: #fff;
        border: 1px solid var(--text-dark);
    }

    .p-b-0 {
        padding-bottom: 0px !important;
    }

    .p-t-0 {
        padding-top: 0px !important;
    }

    .msp .bg-wrapper .content {
        text-align: center;
        margin: 0px 0px 40px;
    }

    .msp .flex-column {
        flex-direction: column;
    }

    .msp .align-left {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .msp.banner,
    .msp.footer-sec {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-central-index-banner.png');
        background-position: center top;
        background-size: 100% 70%;
        background-repeat: no-repeat;

    }

    .msp.banner .content {
        max-width: 675px;
        margin: auto;
        padding: 40px 0px;
        width: 100%;
    }

    .blue {
        color: var(--blue-text);
    }

    span.blue.gradient {
        background: linear-gradient(103deg, #0A71EF 7.97%, #4290FB 48.88%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        /* for Firefox */
        color: transparent;
        /* fallback */
    }

    .msp.banner ul.trigger-icons li.trigger-image {
        max-width: 30px;
        height: 30px;
        margin: 0px;
        position: absolute;
        top: 24%;
        left: 15%;
        display: none;
    }

    .msp.banner .screenshots {
        position: relative;
        max-width: 1100px;
        margin: auto;
    }

    .msp.customers {
        padding: 20px 40px;
    }

    .msp.customers ul.flex li img {
        max-width: 150px;
        max-height: 45px;
        filter: grayscale(100%);
    }

    .msp.customers ul.flex {
        justify-content: space-between;
    }

    .msp.customers ul.flex li,
    .msp.banner .screenshots ul.dashboard-section li,
    .msp.tabs ul.tab-desc li,
    .msp.tabs ul.tabs-section li {
        margin: 0px;
    }

    .msp.integrated-platform li.box {
        width: 100%;
        max-width: 450px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 30px;
        padding: 20px 20px 0px;
        background: #F8FBFF;
        border: solid #74B2FFB2 1px;
    }

    .box.voilet {
        background: var(--light-voilet);
        border: solid var(--light-violet-border) 1px;
    }

    .msp.integrated-platform li.box .cont h3 {
        font-size: var(--h2-font);
        font-weight: var(--l-wgt);
    }

    .msp.integrated-platform .flex {
        margin: 50px auto 0px;
        max-width: 1020px;
    }

    .msp .bg-wrapper>p {
        text-align: center;
        max-width: 1000px;
        margin: 0px auto 30px;
    }

    .box.yellow {
        background: var(--light-yellow);
        border: solid var(--light-yellow-border) 1px;
    }

    .box.red {
        background: var(--light-red);
        border: solid var(--light-red-border) 1px;
    }

    .box.green {
        background: var(--light-green);
        border: solid var(--light-green-border) 1px;
    }

    .msp.integrated-platform li.box .picture {
        max-width: 160px;
    }

    .msp.integrated-platform li.box:last-child {
        max-width: 100%;
        padding: 10px 30px 0px;
        display: none;
    }

    .msp.integrated-platform li.box:last-child .cont p,
    .msp.integrated-platform li.box:last-child .cont,
    .msp.resource ul.tools li p,
    .msp.tabs ul.tab-desc li.content-sec .content,
    .msp.ecosystem ul.flex li {
        margin: 0px;
    }

    .msp.tabs ul.tabs-section li {
        background: var(--text-light);
        padding: 10px 30px;
        text-align: center;
        border-radius: 10px;
        border: solid var(--tab-strip-border) 1px;
        cursor: pointer;
    }

    .msp.tabs ul.tabs-section {
        margin: 50px auto;
        grid-gap: 15px;
    }

    .msp.tabs ul.tabs-section li.active {
        background: var(--tab-strip-active-bg);
        color: var(--text-light);
        font-weight: var(--l-wgt);
        border: none;
        pointer-events: none;
    }

    .msp.tabs ul.tab-desc li.content-sec .content {
        max-width: 520px;
        width: 100%;
        text-align: left;
    }

    .msp.tabs ul.tab-desc li.content-sec {
        display: none;
    }

    .msp.tabs ul.tab-desc li.content-sec.active {
        display: block;
    }

    .msp.tabs ul.tab-desc li.content-sec .content h3 {
        font-weight: var(--l-wgt);
    }

    .msp.tabs ul.tab-desc li.content-sec .flex {
        justify-content: space-around;
        align-items: flex-start;
    }

    .msp.tabs ul.tab-desc li.content-sec .content ul li {
        margin: 0px 0px 15px 20px;
        list-style: disc;
    }

    .msp.tabs ul.tab-desc li.content-sec .picture {
        max-width: 460px;
        width: 100%;
    }

    .msp.tabs[data-parent="building-block"] ul.tab-desc li.content-sec .picture {
        max-width: 530px;
        width: 100%;
    }

    .msp.ecosystem ul.flex li {
        width: 170px;
        height: 55px;
        padding: 10px;
        background: var(--text-light);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }

    .msp.ecosystem ul.flex li img {
        max-height: 60%;
        max-width: 120px;
    }

    .msp.ecosystem ul.flex li img.double-img {
        max-width: 150px;
        max-height: 100%;
    }

    .msp.ecosystem ul.flex {
        grid-gap: 30px 12px;
    }

    .msp.resource .promo {
        background: var(--free-trial-banner-bg);
        /* padding: 40px 40px 0px; */
        border-radius: 15px;
        max-width: 1000px;
        align-items: flex-end;
        margin: 0px auto 40px;
    }

    .msp.resource .promo .picture {
        max-width: 400px;
        width: 100%;
    }

    .msp.resource .promo .cont h2 {
        text-align: left;
    }

    .msp.resource .promo .cont {
        max-width: 485px;
        width: 100%;
        padding: 40px;
    }

    .msp.resource ul.tools li {
        max-width: 112px;
        width: 100%;
        padding: 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 10px;
        position: relative;
    }

    .msp.resource ul.tools li a {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .msp.resource ul.tools li img {
        max-height: 70px;
    }

    .msp.resource ul.tools {
        align-items: stretch;
        margin: 60px auto 0px;
    }

    .msp.ecosystem ul.flex li img.double-img {
        max-width: 150px;
        max-height: 100%;
    }

    .msp.compliance .scroll li.box {
        padding: 20px;
        border: solid var(--tab-strip-border) 1px;
        border-radius: 4px;
        height: 65px;
        width: 120px;
        margin: 0px;
    }

    .msp.compliance ul.flex.scroll {
        grid-gap: 0px 30px;
        flex-wrap: nowrap;
        position: absolute;
        white-space: nowrap;
        animation: scrollLeft 15s linear infinite;
        padding: 0px 15px;
        max-width: max-content;
    }

    .msp.compliance .marque {
        overflow: hidden;
        position: relative;
        height: 108px;
        width: 100%;
        max-width: 1100px;
        margin: 40px auto 0px;
    }

    .msp.compliance .marque:hover .msp.compliance ul.flex.scroll {
        animation-play-state: paused;
    }

    .msp.compliance ul.flex.scroll.item1 {
        animation: scrollLeft1 50s linear infinite;
    }

    .msp.compliance ul.flex.scroll.item2 {
        animation: scrollLeft2 50s linear infinite;
    }


    .msp.compliance .marque::before,
    .msp.compliance .marque::after {
        height: 108px;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 70px;
        z-index: 1;
    }

    .msp.compliance .marque:after {
        right: 0px;
        background: linear-gradient(to right, transparent, #fff);
    }

    .msp.compliance .marque::before {
        left: 0px;
        background: linear-gradient(to right, #fff, transparent);
    }

    .msp.footer-sec {
        background-size: 100% 100%;
    }

    @keyframes scrollLeft1 {
        0% {
            transform: translateX(0%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    @keyframes scrollLeft2 {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(0%);
        }
    }

    .msp.success .bg-wrapper {
        height: 400px;
        border-radius: 30px;
        margin: 24px auto 40px;
        background-color: var(--text-light);
        box-shadow: 0 0 14px 0 #00000012;
    }

    .msp.success .flex {
        justify-content: center;
        height: 100%;
        width: 100%;
        max-width: 1000px;
    }

    .msp.success .clip {
        position: relative;
        width: 460px;
    }

    .msp.success .clip:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        width: 50px;
        background-image: url(../images/icon/play-icon.svg);
        margin: auto;
        background-size: contain;
        pointer-events: none;
    }

    .msp.success .clip img {
        max-width: 100%;
    }

    .msp.success .bg-wrapper::after {
        content: "";
        position: absolute;
        top: 35px;
        right: 63px;
        height: 70px;
        width: 70px;
        background: url('https://www.manageengine.com/ems/images/icon/quote-icon-4.svg');
        background-repeat: no-repeat;
    }

    .msp.compliance .scroll li.box img {
        max-height: 70px;
    }

    .msp.success .caption {
        max-width: 700px;
        width: 100%;
    }

    .msp.success .caption p {
        margin: 0 0 30px;
        font-weight: var(--m-wgt);
        font-size: var(--h4-font);
        text-align: center;
    }

    .swiper-pagination {
        display: none;
    }

    .msp.success .caption .speaker {
        display: inline-flex;
        align-items: center;
        justify-content: left;
        flex-direction: column;
        margin: auto;
        width: 100%;

    }

    .msp.success .caption .speaker .picture {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
    }

    .msp.success .caption .speaker .picture img {
        object-fit: cover;
        max-width: 100%;
        max-height: 100%;
    }

    .msp.success .caption .speaker .detail h4 {
        margin: 0;
        text-transform: none;
    }

    .msp.success .caption .speaker .detail {
        margin: 0 0 0 10px;
        text-align: center;
    }

    .msp.success .caption .speaker .detail i {
        font-weight: var(--xs-wgt);
    }

    .msp.success .swiper-button-next,
    .msp.success .swiper-button-prev {
        bottom: 20px;
        right: 20px;
        left: auto;
        width: 25px;
        height: 25px;
        top: auto;
        background-color: #eee;
        border-radius: 8px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .msp.success .swiper-button-prev {
        right: 60px;
    }

    .msp.success .swiper-button-next:after,
    .msp.success .swiper-button-prev:after {
        font-size: var(--p-font);
    }

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

        .msp,
        .msp.feature.tabs {
            padding: 60px 20px;
        }

        .msp.banner .content h1 {
            font-size: 50px;
            line-height: 60px;
            font-weight: var(--xl-wgt);
        }

        .msp.banner .content {
            padding: 0px 0px 20px;
        }

        .msp.success .caption p {
            text-align: left;
        }

        .msp.tabs ul.tab-desc li.content-sec .picture {
            border-radius: 20px 20px 0px 0px;
        }

        .msp.tabs ul.tab-desc li.content-sec .content {
            padding: 0px 0px 40px;
        }

        .msp.ecosystem ul.flex li,
        .msp.ecosystem.feature ul.flex li {
            width: 140px;
        }

        .msp.tabs ul.tabs-section,
        .msp.success .bg-wrapper::after {
            display: none;
        }

        .msp.tabs ul.tab-desc li.content-sec .content ul li {
            text-align: left;
        }

        .msp.customers ul.flex {
            justify-content: center;
        }

        .msp.integrated-platform li.box:last-child,
        .msp.success .caption {
            padding: 20px
        }

        .msp.resource ul.tools li {
            max-width: 108px;
        }

        .msp.success .bg-wrapper {
            height: 480px;
        }

        .msp.success .caption .speaker {
            width: max-content;
        }

        .msp.ecosystem ul.flex {
            grid-gap: 15px 5px;
        }

    }

    .msp.feature.banner {
        background-size: 100% 100%;
    }

    .msp.feature.banner .content {
        width: 100%;
        max-width: 1200px;
        padding: 0px;
    }

    .msp.feature.banner .content h1 {
        font-size: 48px;
        line-height: 55px;
    }

    .msp.feature.tabs.feature ul.tab-desc li.content-sec .heading {
        justify-content: space-between;
        align-items: center;
        margin: 0px 0px 20px;
    }

    .msp.feature.tabs.feature ul.tab-desc li.content-sec .heading h2 {
        text-align: left;
        margin: 0px 0px 10px;
    }

    .msp.feature.tabs.feature ul.tab-desc li.content-sec .heading .cont {
        max-width: 700px;
    }

    .msp.feature.tabs.feature ul.tab-desc li.content-sec .heading .cont p {
        margin: 15px 0px;
    }

    .msp.feature.tabs {
        padding: 40px 40px;
    }

    .msp.feature.tabs ul.tabs-section.flex {
        margin: 0px auto 20px;
        background: var(--text-light);
        border: solid #ececec 1px;
        grid-gap: 4px;
        border-radius: 10px;
        box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
    }


    .msp.feature.tabs ul.tabs-section li {
        border: 0px;
        width: 195px;
        padding: 15px 0px;
        color: #4C4C4C;
        line-height: normal;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px;
    }

    .msp.feature.tabs ul.tabs-section li.active {
        background: none;
        color: var(--text-dark);
        border-bottom: solid var(--blue-text) 4px;
        border-image: linear-gradient(90deg, #3B8CFF, #0F5BC6) 1;
    }

    .msp.feature.tabs li.content-sec .flex.card {
        background: aliceblue;
        border-radius: 20px;
        align-items: stretch;
        grid-gap: 20px;
        justify-content: center;
        min-height: 500px;
    }

    .msp.feature.tabs li.content-sec .flex.card .picture {
        max-width: 580px;
        width: 100%;
        background: url('https://www.manageengine.com/msp-central/images/msp-tile-bg-pattern.svg');
        background-size: auto 500px;
        background-position: center;
        border-radius: 20px 0px 0px 20px;
        padding: 40px 0px;
    }


    .msp.tabs.feature ul.tab-desc li.content-sec .content {
        padding: 20px;
        max-width: 560px;
    }

    .msp.tabs.feature ul.tab-desc li.content-sec .content .msp-box a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
    }

    .msp.tabs.feature ul.tab-desc li.content-sec .content .msp-box {
        position: relative;
        padding: 10px;
    }

    .msp.tabs.feature ul.tab-desc li.content-sec .content .msp-box .msp-header {
        display: flex;
        justify-content: space-between;
        padding: 5px 0px;
        position: relative;
    }

    .msp.tabs.feature ul.tab-desc li.content-sec .content .msp-box.active {
        background: var(--text-light);
        border-radius: 8px;
    }

    .msp.tabs.feature ul.tab-desc li.content-sec .content .msp-box h4 {
        font-weight: var(--l-wgt);
        font-size: 17px;
    }

    .msp.flow-diagram img {
        margin: auto;
        width: 100%;
        max-width: 900px;
    }

    .msp.feature.tabs li.content-sec .flex.card.blue .picture {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-feature-tile-bg-1.png');
    }

    .msp.feature.tabs li.content-sec .flex.card.orange .picture {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-feature-tile-bg-2.png');
    }

    .msp.feature.tabs li.content-sec .flex.card.green .picture {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-feature-tile-bg-3.png');
    }

    .msp.feature.tabs li.content-sec .flex.card.voilet .picture {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-feature-tile-bg-4.png');
    }

    .msp.feature.tabs li.content-sec .flex.card.yellow .picture {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-feature-tile-bg-5.png');
    }

    .msp.feature.tabs li.content-sec .flex.card.pink .picture {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-feature-tile-bg-6.png');
    }

    .msp.feature.tabs li.content-sec .flex.card.orange {
        background: #FDF6F4;
    }

    .msp.feature.tabs li.content-sec .flex.card.blue {
        background: #F5FAFF;
    }

    .msp.feature.tabs li.content-sec .flex.card.green {
        background: #F4FDF4;
    }

    .msp.feature.tabs li.content-sec .flex.card.voilet {
        background: #F6F4FD;
    }

    .msp.feature.tabs li.content-sec .flex.card.yellow {
        background: #FFFCEA;
    }

    .msp.feature.tabs li.content-sec .flex.card.pink {
        background: #FBF1FE;
    }

    .msp.ecosystem.feature {
        box-shadow: 0px 0px 15px #eef7ff;
    }

    .msp.ecosystem.feature ul.flex li {
        border: solid #e8f2fd 1px;
        width: 165px;
    }

    @media screen and (max-width:500px) {
        .msp.feature.tabs ul.tabs-section.flex {
            display: none;
        }

        .msp.feature.tabs.feature ul.tab-desc li.content-sec .heading {
            margin: 0px 0px 25px;
        }

        .msp.tabs.feature ul.tab-desc li.content-sec {
            padding: 20px 0px 20px;
        }

        .msp.feature.tabs.feature ul.tab-desc li.content-sec .heading p {
            margin: 0px;
        }

        .msp.feature.tabs li.content-sec .flex.card.blue .picture {
            border-radius: 20px;
        }

        .msp.feature.tabs li.content-sec .flex.card.blue {
            grid-gap: 0px;
        }

        .msp.tabs ul.tab-desc li.content-sec {
            display: block !important;
        }
    }

    :root {
        --solution-tile-bg: #EDF6FE;
    }

    .msp.solutions.banner {
        background-image: url('https://www.manageengine.com/msp-central/images/msp-banner-solutions-bg.png');
        padding-bottom: 0px;
    }

    .msp.feature.banner,
    .msp.solutions.banner .content h1 {
        font-size: 48px;
        line-height: 55px;
    }

    .msp.solutions.banner .content {
        width: 100%;
        max-width: 1200px;
    }

    .msp.solutions.tile .picture {
        max-width: 390px;
        width: 100%;
    }

    .msp.solutions.tile .content {
        max-width: 680px;
        text-align: left;
        width: 100%;
        margin: 0px;
    }

    .msp.solutions.tile .flex {
        background-color: #EDF6FE;
        border-radius: 20px;
        padding: 40px;
        justify-content: space-between;
        background-image: url('https://www.manageengine.com/msp-central/images/msp-tile-bg-pattern.svg');
        background-size: auto 350px;
        background-position: center;
        background-blend-mode: lighten;
    }

    .msp.solutions.tile .content p span.blue {
        font-weight: var(--l-wgt);
    }

    .p-0 {
        padding: 0px !important;
    }

    .msp.solutions.features .picture {
        max-width: 520px;
        width: 100%;
    }

    .msp.solutions.features .content {
        max-width: 600px;
        text-align: left;
        margin: 0px;
    }

    .msp.solutions.features .flex {
        padding: 60px 0px;
        justify-content: space-between;
    }

    .msp.solutions.features .content ul {
        list-style: disc;
        padding: 0px 0px 0px 20px;
    }

    .msp.solutions.features .content ul li {
        margin: 0px 0px 10px;
    }

    .msp.solutions.features .content h3 {
        margin: 0px 0px 15px;
        font-weight: var(--l-wgt);
    }

    .msp.solutions.features .flex:nth-child(odd) {
        flex-direction: row-reverse;
    }

    .msp.solutions.testimonial .content {
        width: 100%;
        max-width: 600px;
        margin: 0px;
        text-align: left;
    }

    .msp.solutions.testimonial .flex {
        background: var(--text-light);
        padding: 40px 0px;
        justify-content: space-evenly;
        grid-gap: 50px;
        border-radius: 20px;
    }

    .msp.solutions.testimonial .picture {
        max-width: 240px;
    }

    .msp.solutions.testimonial img.quote-icon {
        max-height: 40px;
        margin: 0px 0px 20px;
    }

    .msp.solutions.testimonial p.author {
        max-width: 200px;
        color: #757575;
    }

    .msp.solutions.testimonial p.author span.author-name {
        font-weight: var(--l-wgt);
        color: var(--text-dark);
    }

    .msp.solutions.tile.bottom .picture {
        max-width: 300px;
    }

    .msp.solutions.tile.bottom .content {
        max-width: 600px;
        font-size: 20px;
    }

    .msp.solutions.tile.bottom .content p {
        font-size: 22px;
        line-height: 40px;
        font-weight: var(--xs-wgt);
    }