@charset "utf-8";

  :root {
    
    --bs-body-font-family: Amplitude;
  --bs-body-font-size: 16px;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.5;
  --bs-body-color: #31373d;
    
    }

    /**  testing code to clean up scaled images  **/
    img {
        
        max-width: 100%;
    }

  


    .nowrap {
        white-space: nowrap;
    }

   

 a {
        text-decoration: none;
    }

  
    a:hover {
        text-decoration: underline;
    }

p a:hover {
    outline: 2px dashed #474c50;
}



    /** adding arrow to teal text links **/

    a.primary.link {
        color: #1a7b99;
        font-size: 14px;
        font-weight: 400;
        
        line-height: 24px;
        letter-spacing: 0.02em;
    }

    a.primary.link:hover {
        text-decoration: underline;
    }

    a.primary.link:after {
        content: "\f054";
    font-family: Font Awesome\ 6 Pro, FontAwesome, "Font Awesome\ 5 Pro", "Font Awesome 5 Pro";
        color: #1a7b99;
        font-weight: 400;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1.7rem;
        font-size: 12px;
        width: 2rem;
        margin-right: -2.5rem;
        margin-left: 0.5rem;
    }

    a.primary.link:hover::after {

        /**
        transform: translateX(50%);
        right: 2px;
        transition: 0.6s ease-in-out;
        -o-transition: 0.6s ease-in-out;
        -ms-transition: 0.6s ease-in-out;
        -moz-transition: 0.6s ease-in-out;
        -webkit-transition: 0.6s ease-in-out;
}
        **/

        animation: slide 2s ease-in-out infinite;
        /*margin-left: 3px;*/
    }

    @keyframes slide {

        0%,
        100% {
            transform: translate(0, 0);
        }

        50% {
            transform: translate(10px, 0);
        }
    }


    a.primary.link.lightBlue,
    a.primary.link.lightBlue:after {

        color: #9de5ec;
    }


    a.primary.link.white,
    a.primary.link.white:after {

        color: #ffffff;
    }

     a.primary.link.white:hover::after {

        color: #D6B89C;
    }

    /**  one sided container **/

    .container-right {
        padding: 0 0 0 1em;
        width: auto;
        margin-left: 0;
    }

    .container-right-padding-mobile {}

    @media (max-width:991px) {
        .container-right {
            margin-right: 0;
            margin-left: 0;
            padding: 10px;
            

        }

        .container-right-padding-mobile {
            padding-left: 1em;
        }
    }

    /*
@media (min-width:992px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 485px);
  }
}
*/

    @media (min-width:1200px) {
        .container-right {
            margin-right: 0;
            margin-left: calc(50vw - 576px);
        }
    }

    .container-left {
        padding-right: 1em;
        width: auto;
        margin-right: 0;
    }

    @media (max-width:991px) {
        .container-left {
            margin-left: 0;
            /*margin-left: calc(50vw - 375px);*/

        }
    }

    /*
@media (min-width:992px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 485px);
  }
}
*/

    @media (min-width:1200px) {
        .container-left {
            margin-left: 0;
            margin-right: calc(50vw - 609px);
        }
    }


    /** end one sided container **/

    /** putting image flush right **/
    .extend-image-right {
        z-index: 0;
        background-color: #000000;
        margin-left: 0;
    }

    .extend-image-right:before {
        background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_1440x1920.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        width: 50em;
        /* allow for bootstrap column padding */
        top: 0;
        left: -15px;
        bottom: 0;
    }

    .extend-image-right::after {
        content: "";
        height: 8px;
        width: 80em;
        background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_bronze_bar.svg);
        background-repeat: repeat-x;
        display: block;
        position: absolute;
        left: -15px;
        bottom: 0;
    }

    @media only screen and (min-width: 2000px) {
        .extend-image-right::before {
            width: 76em;
        }

        .extend-image-right::after {
            width: 999em;
        }

    }

    @media only screen and (min-width: 3000px) {
        .extend-image-right::before {
            width: 100em;
        }
    }

    .extra-padding {
        padding: 3rem 2rem;
    }






    body {
        overflow-x: hidden;
        background-color: #FFF;
        /*max-width:87.5em;*/
        margin: 0 auto;

    }

   h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    b,
    th,
    label {
        
        letter-spacing: 0.02em;
    font-weight: 300;
    margin-top: 0.5em;
    margin-bottom: 1em;
        
      
    }

    /****** Fonts ******/
    .section--font-black h2,
    .section--font-black h3,
    .section--font-black h4,
    .section--font-black h5,
    .section--font-black h6,
    .section--font-black p,
    

    .section--font-black form {
        color: #31373D;
        letter-spacing: .02em;

    }

    .section--font-white h2,
    .section--font-white h3,
    .section--font-white h4,
    .section--font-white h5,
    .section--font-white h6,
    .section--font-white p,
    
    .section--font-white li,
    .section--font-white form {
        color: #ffffff;
        letter-spacing: .02em;

    }

    .section--font-gray h2,
    .section--font-gray h3,
    .section--font-gray h4,
    .section--font-gray h5,
    .section--font-gray h6,
    .section--font-gray p,
    

    .section--font-gray form {
        color: #31373D;
        letter-spacing: .02em;


    }

    section .section--background-white .content-wrap p a {
    /**   font-weight: 400; **/
        text-decoration: underline;
    }

    .underline {

        text-decoration: underline;
    }


    section .section--background-white .content-wrap-intro p a {
    /**   font-weight: 400; **/
        text-decoration: underline;
    }

    section .content-wrap p a {
        color: #008297;
    }

    section .content-wrap-intro p a {
        color: #008297;
    }


    
    .section__header {
        
        font-weight: 300;
        line-height: 1.1;
        font-size: 56px;
        color: #31373D;
        margin-top: 0;

    }

    h3.section__header {
        font-size: 24px;
    }
    h2.section__header-large {

        font-size: 40px;


    }

    .section--font-white .section__header {
        color: #ffffff;
    }


    h2.section__header span {
        color: #936846;
    }

    h2.section__header span.dark-background-brown {
        color: #d7ba9d;
    }

    span.dark-background-brown {
        color: #d7ba9d;
    }

    h2.section__header   span.jet {
        color: #101820;
    }


    h2.header-40px {
        font-size: 40px;
        font-weight: 300;
        
        line-height: 1.1;
        color: #31373D;
    }

    h2.header-40px.white {
        color: #ffffff;
    }



    h3.section__sub-header--green {
        color: #008297;
        text-align: left;
        padding-bottom: 1em;
    }


    h3.section__sub-header--green-center {
        color: #008297;
        text-align: center;
    }

    h3.section__sub-header--ice {
        color: #7EC1C9;
        text-align: left;
    }

    h2.section__sub-header--green {
        color: #008297;
        text-align: center;

        font-size: 4em;
    }


    h2.section__sub-header--green-center {
        color: #008297;
        text-align: center;
        font-size: 4em;
    }

    h2.section__sub-header--ice {
        color: #7EC1C9;
        text-align: center;
        font-size: 4em;
    }

    span.stat {
        font-size: 1.3em;
    }


    h3.section__sub-header {
        
        font-size: 24px;
        line-height: 1.5;
        color: #31373d;
        font-weight: 500;

    }

    h3.section__sub-header.white {
        color: #ffffff;
    }


    h3.section__description {
        
        font-size: 1.2em;
        text-align: center;
        margin-bottom: 2em;
    }















    /****** Content Sections  ******/
    section.section {
        padding: 8% 2%;
        position: relative;

        /* margin: auto; */
        margin: 0;
    }

    section.section-2 {
        padding: 4em 10% 6em;
        position: relative;
        max-width: 2650px;
        margin: auto;
    }


   

    /*BEM styling*/
    .section--background-white {
        background-color: #fff;
        color: #31373d;
    }

    .section--background-gray {
        background-color: #f5f7f8;
        color: #31373D;

    }

    .section--background-dark-brown {
        background-color: #101820;
    }

    .section--background-black {
        background-color: black;
    }

    .section--background-jet {
        background-color: #101820;
    }

    .section--background-video-gray {
        background-color: #101820;
        padding-bottom: 4em;

    }

    .section--background-blue {
        background-color: #1a7b99;
    }


    .section--background-tan {
        background-color: #faf8f2;
    }


    .section--background-vid-divider {
        background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/divider-jet-desktop.svg);
        background-size: auto 59px;
        background-repeat: repeat no-repeat;
        position: relative;
        padding: 0;
        margin: 0;
        height: 80px;
    }


    .section--background-white-down-divider {
        background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/divider-marble-desktop.svg);
        background-size: auto 59px;
        background-repeat: repeat no-repeat;
        position: relative;
        padding: 0;
        margin: 0;
        height: 80px;
    }

    .section--background-white-up-divider {
        background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/divider-marble-desktop.svg);
        background-size: auto 59px;
        background-repeat: repeat no-repeat;
        position: relative;
        padding: 0;
        margin: 0;
        height: 80px;
        transform: rotate(180deg);
    }



    .section--background-video-gray-overlay {
        background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(18, 20, 21, 0.1));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;


    }


    .section--background-jet a {
        color: #9de5ec ;

    }

    .section--background-jet a:hover {
        color: #1a7b99 ;
        text-decoration: underline;
    }

    /**  logo section  **/

    #logos-intro {
        padding: 6em 10em;
    }

    #logos-intro img {
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    #logos-intro-squares .col-12 {
        background-color: transparent;
        border-right: 1px solid #ededee;

    }

    #logos-intro-squares .col-12:last-child {

        border-right: none;
    }

    #logos-intro-squares .row {

        border-bottom: 1px solid #ededee;
    }


    #logos-intro-squares .row:last-child {

        border-bottom: none;
    }










    /****** Responsive Media Queries  ******/


    @media only screen and (min-width: 575px) and (max-width: 900px) {

        h2.section__header,
        h2.section__header {
            font-size: 2.7em;
        }


        h3.section__sub-header {
            font-size: 1.4em;
        }
    }

    /* Media Query - Mobile  */
    @media only screen and (min-width: 300px) and (max-width: 576px) {

        section.section {
            padding: 2em 6% 0em;
            position: relative;
            max-width: 2650px;
            /* margin: auto; */
            margin: 0;
        }


        h2.section__header,
        h2.section__header {
            font-size: 2.5em;
        }

        h3.section__sub-header {
            font-size: 1.3em;
        }

        .overlapping-elements__text-box-mobile a {
            font-size: 0.7em !important;

        }

        .core__link .arrow {
            background-image: url("data:image/svg+xml,%3Csvg height='16px' version='1.1' viewBox='0 0 26 16' width='26px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E %3Cg id='Artboard' stroke='%2300477B' stroke-width='3' transform='translate(-666.000000, -6507.000000)'%3E %3Cg id='Group' transform='translate(667.000000, 6508.000000)'%3E %3Cpath d='M0.5,7.5 L21.5,7.5' id='Line-13'%3E%3C/path%3E %3Cpath d='M16.5,0.5 L23.0192024,7.01920241' id='Line-14'%3E%3C/path%3E %3Cpath d='M16.5,6.5 L23.0192024,13.0192024' id='Line-14' transform='translate(20.000000, 10.000000) scale(1, -1) translate(-20.000000, -10.000000) '%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
            width: 15px !important;
            height: 10px !important;
            position: absolute;
            background-repeat: no-repeat;
            background-size: 100%;
            margin-left: 12px;
            margin-top: 7px;
        }

    }


    
    
    .topaz-button:hover,
    .topaz-button:focus,
    a:focus .topaz-button,

    body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton:focus,
    body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton:hover {
        text-decoration: underline;
    }
    
    

    
    /**
    
    DUMPING MARKETO STYLING HERE  **/
    
    
    
    body:not(.wealth-management) .marketo-form {
    margin-right: 40px
}

body:not(.wealth-management) .marketo-form .failMsg::before {
    content: "Contact us at 1-800-242-7324"
}

body:not(.wealth-management) .marketo-form .failMsg {
    font-size: 1.9rem;
    text-align: center;
    margin-top: 1em
}

body:not(.wealth-management) .marketo-form .mktoForm {
    
    margin: 0 auto;
    width: 100% !important;
    max-width: 670px
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoFormCol,body:not(.wealth-management) .marketo-form .mktoForm .mktoFieldWrap {
    width: 100%
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoLabel {
    margin-bottom: 0;
    padding: 7px 0 0;
    text-align: right;
    width: 22% !important;
    font-family: 'Amplitude','Arial Narrow',sans-serif;
    font-weight: 300;
    font-size: 1.7rem;
    line-height: 24px;
    color: #5f5d5d
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: normal
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoRequiredField label.mktoLabel .mktoAsterix {
    color: #5f5d5d
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoOffset,body:not(.wealth-management) .marketo-form .mktoForm .mktoGutter {
    display: none
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoError {
    color: #c23407
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoError .mktoErrorArrow {
    background-color: #c23407;
    border: 0
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoError .mktoErrorMsg {
    font-size: 15px;
    background-color: #c23407;
    background-image: none;
    color: #fff;
    border: 0;
    
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth {
    margin-left: 170px;
    font-size: 1.7rem;
    color: #5f5d5d;
    max-width: 470px;
    font-family: 'Amplitude','Arial Narrow',sans-serif;
    font-weight: 500
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth em,body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth em span a {
    padding: 0
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth {
    margin-left: 20px;
    font-family: 'Amplitude','Arial Narrow',sans-serif;
    font-weight: 500;
    font-size: 1.7rem;
    width: 400px !important
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth input {
    margin-top: 5px
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth input:focus {
    outline-color: #1a7b99
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow span {
    margin: 0 !important
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton {
    border-radius: 4px;
    background-color: #1a7b99;
    border: medium none;
    color: #fff;
    font-family: 'Amplitude','Arial Narrow',sans-serif;
    font-weight: 500;
    font-size: 1.7rem;
    height: 40px;
    line-height: 1.7rem;
    margin: 10px 0 0;
    padding: 0 20px;
    text-align: center
}

body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton:hover {
    background-color: #005075;
    text-decoration: underline
}

body:not(.wealth-management) .marketo-form .mktoForm .formDesc {
    font-size: 1.9rem;
    text-align: center;
    margin-top: 1em
}

body:not(.wealth-management) .marketo-form .mktoForm .formDesc {
    margin: 0 0 20px 0
}

body:not(.wealth-management) .marketo-form .mktoForm .formDesc p {
    font-size: 1.7rem;
    text-align: left;
    color: #5f5d5d;
    font-family: 'Amplitude','Arial Narrow',sans-serif;
    font-weight: 500;
    margin-left: 170px
}

body:not(.wealth-management) .marketo-form .mktoForm input[type="text"],body:not(.wealth-management) .marketo-form .mktoForm input[type="url"],body:not(.wealth-management) .marketo-form .mktoForm input[type="email"],body:not(.wealth-management) .marketo-form .mktoForm input[type="tel"],body:not(.wealth-management) .marketo-form .mktoForm input[type="number"],body:not(.wealth-management) .marketo-form .mktoForm input[type="date"],body:not(.wealth-management) .marketo-form .mktoForm select.mktoField,body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField {
    background-color: #fff;
    background-image: none;
    border: 1px solid #b9b8b7 !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    color: #5f5d5d;
    font-size: 1.7rem;
    font-family: 'Amplitude','Arial Narrow',sans-serif;
    font-weight: 500;
    height: 36px;
    line-height: 20px;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0,box-shadow .15s ease-in-out 0;
    width: 74% !important;
    margin: 0 0 0 20px
}

body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField {
    height: 100px
}

body:not(.wealth-management) .marketo-form .mktoForm input[type="text"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="url"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="email"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="tel"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="number"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="date"]:focus,body:not(.wealth-management) .marketo-form .mktoForm select.mktoField:focus,body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField:focus {
    border-color: #1a7b99;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(78,138,190,0.6);
    outline: 0 none
}

@media(max-width: 1119px) and (min-width:768px) {
    body:not(.wealth-management) .marketo-form .mktoForm .mktoRequiredField label.mktoLabel,body:not(.wealth-management) .marketo-form .mktoForm .mktoLabel {
        width:72% !important;
        text-align: left
    }

    body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow,body:not(.wealth-management) .marketo-form .mktoForm .formDesc p {
        margin-left: 20px
    }

    body:not(.wealth-management) .marketo-form .mktoForm label[for="mktoUnsubscribeOptions"] {
        display: none
    }
}

@media(max-width: 767px) {
    body:not(.wealth-management) .marketo-form .mktoForm .mktoLabel {
        width:100% !important;
        text-align: left
    }

    body:not(.wealth-management) .marketo-form .mktoForm input[type="text"],body:not(.wealth-management) .marketo-form .mktoForm input[type="url"],body:not(.wealth-management) .marketo-form .mktoForm input[type="email"],body:not(.wealth-management) .marketo-form .mktoForm input[type="tel"],body:not(.wealth-management) .marketo-form .mktoForm input[type="number"],body:not(.wealth-management) .marketo-form .mktoForm input[type="date"],body:not(.wealth-management) .marketo-form .mktoForm select.mktoField,body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField {
        margin: 5px 0 0;
        width: 100% !important
    }

    body:not(.wealth-management) .marketo-form .mktoForm .mktoError {
        left: 0;
        width: 100%
    }

    body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList input,body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList label {
        margin-bottom: 2em
    }

    body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoForm .formDesc p {
        margin-left: 0;
        width: 100% !important
    }

    body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow {
        margin-left: 0
    }

    body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList {
        padding: 0;
        margin-top: 25px
    }
}

body:not(.wealth-management) .marketo-form .mktoborder {
    padding: 2em 2em 2em 0;
    border-top: 10px solid #b9b8b7
}

body:not(.wealth-management) .marketo-form .mktoborder .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoborder .formDesc p,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow {
    margin-left: 160px
}

@media(max-width: 1119px) {
    body:not(.wealth-management) .marketo-form .mktoborder .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoborder .formDesc p,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow {
        margin-left:20px
    }
}

@media(max-width: 767px) {
    body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonWrap .mktoButton,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow {
        width:100%
    }

    body:not(.wealth-management) .marketo-form .mktoborder .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoborder .formDesc p,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow {
        margin-left: 0
    }
}

body:not(.wealth-management) .marketo-form .loadingSpinner {
    color: #5f5d5d;
    font-size: 2rem;
    margin-top: 25px
}

body:not(.wealth-management) .marketo-form #mktoForm_1195 .address_block .mktoFormCol:nth-child(2) {
    margin-left: .2rem
}

body:not(.wealth-management) .marketo-form #mktoForm_1195 .address_block .mktoFormCol input,body:not(.wealth-management) .marketo-form #mktoForm_1195 .address_block .mktoFormCol select {
    margin: 0 !important
}

@media only screen and (min-width: 1025px) {
    body:not(.wealth-management) .marketo-form #mktoForm_2954.mktoForm .mktoButtonRow [type="submit"] {
        margin-left:170px
    }
}
    
    
    
    
    
    
    
    /* END MARKETO  */
    
    
    
    /* card group */

.card {
    border: 0;
}


#section-solutions-deliver .card-group .card {
    padding: 2em;
    margin-bottom: 20px;
    background-color: #f5f7f8;
    font-weight: 300;
    margin-right: 16px
}


 #section-solutions-deliver .card-group .card .card-title {
        font-weight: 500;
        font-size: 22px;
        line-height: 1.2;
       
        
    }

   #section-solutions-deliver .card-group .card .card-subtitle {
        font-weight: 300;
        font-size: 18px;
        line-height: 1.2;
        
        margin-bottom: 14px;
    }

#section-solutions-deliver  .card-group ul {
    margin: 30px 10px 0px 10px;
    padding: 10px 30px 0px 10px;
}

#section-solutions-deliver  .card-group li {
    font-size: 14px;
    font-weight: 300;


}

#section-solutions-deliver  .card .card-footer {
    background-color: transparent;
    border-top: none;
    padding: 0;
    
}

#section-solutions-deliver  svg {
    margin: 0 auto 40px 0;
    width: 41px;
    height: 40px;
}

#section-solutions-deliver .card-body img {
      width: 61px;
      height: 60px;
      margin: 0 auto 40px 0;

  }


#section-solutions-deliver  .invisible {
    visibility: hidden;
}

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

       #section-solutions-deliver  .invisible {
    display: none;
}

}

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

#section-solutions-deliver .card-group  {
    flex-flow: column;
}

}


#cutting-edge, #related-insights {
       
        display: none;
    }