 <style>
        @media (max-width: 767px) {
            .hidden-xs {
                display: none !important
            }
        }

        @media (min-width: 768px) and (max-width:1023px) {
            .hidden-sm {
                display: none !important
            }
        }

        @media (min-width: 1024px) and (max-width:1311px) {
            .hidden-md {
                display: none !important
            }
        }

        @media (min-width: 1312px) {
            .hidden-lg {
                display: none !important
            }
        }
        
        .text-left {
            text-align: left;
        }

        .main-content {
            margin-top: 3%; 

        }

        .bannerMainHeading {
            color: rgb(3, 45, 96);
            font-size: 56px;
            font-weight: 600;
            letter-spacing: -0.672px;
            line-height: 64px;
        }
        @media only screen and (max-width: 768px) {
            .bannerMainHeading {
                color: rgb(3, 45, 96);
                font-size: 40px;
                font-weight: 600;
                letter-spacing: -0.672px;
                line-height: 50px;
            }
        }

        .bannerSubHeading {
            font-size: 20px;
            letter-spacing: -0.024px;
            line-height: 30px;
            margin-top: 28px;
        }
        @media only screen and (max-width: 768px) {
            .bannerSubHeading {
                font-size: 20px;
                letter-spacing: -0.024px;
                line-height: 30px;
                margin-top: 28px;
            }
        }

        .bannerButtonsCTA {
            margin-top: 50px;
        }

        .watchVideoBtn {
            background-color: #0b5cab;
            color: white;
            font-size: 15px; 
            padding: 10px 25px;
            margin-right: 4%;
        }
        .watchVideoBtn:hover {
            background-color: #0d4f91;
            color: white;
            font-size: 15px; 
            padding: 10px 25px;
            margin-right: 4%;
        }
        .tryFreeBtn {
            font-size: 15px; 
            padding: 10px 25px;
            border: 1px solid gray;
            background-color: white;
        }
        .tryFreeBtn:hover {
            font-size: 15px; 
            padding: 10px 25px;
            border: 1px solid gray;
            background-color: #0d4f91;
            color: white;
        }

        .bannerMainContainer {
            padding: 50px 0px;
            background-size: cover;
            background-position: center;
            height: 470px;
            background-image: url('https://wp.salesforce.com/en-us/wp-content/uploads/sites/4/2023/08/php-marqee-ai-data-crm-lg-bg.jpg?resize=2048,640');
        }

        .headline {
            font-size: 42px;
            font-weight: 600;
            color: rgb(3, 45, 96);
            letter-spacing: -0.32px;
            line-height: 48px;
            text-align: center;
        }
        .bannerHeading {
            font-size: 38px;
            font-weight: 600;
            color: rgb(3, 45, 96);
            letter-spacing: -0.32px;
            line-height: 48px;
            margin-top: 30px;
        }
        .newSectionContainer {
            margin-top: 10%;
        }
        .newSectionCards {
            margin-top: 6%;
        }
        .card__headline {
            font-size: 24px;
            letter-spacing: -0.096px;
            line-height: 32px;
            color: rgb(3, 45, 96);
            font-weight: 700;
        }
        .cta_container-link {
            font-size: 16px;
            color: rgb(3, 45, 96);
            font-weight: 600;
        }
        .card__copy__wrapper {
            margin: 20px 15px 50px 15px;
        }
        .cta_container {
            margin: 30px 35px 25px 15px;
        }
        .newSection-grid-card {
            border-radius: 15px;
            margin-bottom: 5%;
        }
        .cardComponent {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 
            max-height: 580px;
            height: 580px;
        }
        .topCardComponent {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 
            max-height: 530px;
            height: 530px;
        }
        @media only screen and (max-width: 768px) {
            .cardComponent {
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 
                max-height: 550px;
                height: 550px;
            }
        }
        @media only screen and (max-width: 768px) {
            .topCardComponent {
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 
                max-height: 500px;
                height: 500px;
            }
        }
        .CRMContainer {
            margin-top: 6%;
        }
        .CRMbannerContent {
            margin-top: 5%;
        }
        @media only screen and (max-width: 768px) {
            .CRMbannerContent {
                margin-top: 5%;
                text-align: center;
            }
        }
        .card__description {
            margin-top: 16px;
            max-height: 50px;
            height: 50px;
        }
        .rounded-pill {
            background-color: rgb(234, 245, 254);
            color: black;
        }
        
        .topNavigationBar-header {
            padding: 10px 0px;
            top: 0;
            position: fixed;
            background-color: white;
            width: 100%;
        }
        .topnav-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0px 40px;
        }
        @media only screen and (max-width: 768px) {
            .topnav-wrapper {
                display: flex;
                justify-content: space-between;
                margin: 0px 10px;
        }
        }
        .topnav-left-wrapper {
            display: flex;
        }
       .topnav-nav-list {
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    padding-left: 0;
    margin: 0;  /* remove margin-left and margin-top */
}

.topnav-nav-list-items {
    font-size: 16px;
    font-weight: 600;
    color: rgb(3, 45, 96);
    margin: 0px 10px;
    cursor: pointer;
}

        .topnav-right-wrapper {
            display: flex;
        }
        .contactUS-utility-nav {
            text-align: center;
        }
        .contactUS-utility-nav-link {
            text-decoration: underline;
            color: rgb(3, 45, 96);
            font-size: 14px;
            font-weight: 400;
        }
        .contactUS-utility-nav-span {
            color: rgb(3, 45, 96);
            font-size: 14px;
            font-weight: 400;
            display: block;
        }
        .utility-nav-icons {
            margin: auto;
            display: flex;
        }
        .utility-nav-icons > i {
            margin: 0px 10px;
            cursor: pointer;
            color: rgb(3, 45, 96);
        }
        .utility-nav-login-div {
            cursor: pointer;
            color: rgb(3, 45, 96);
            font-size: 15px;
            font-weight: 600;
        }
        .page-footer {
            background-color: rgb(3, 46, 97);
            padding: 15px 0px;
            text-align: center;
        }
        .page-footer_content {
            display: flex;
            justify-content: center;
        }
        @media only screen and (max-width: 768px){
            .page-footer_content {
                display: block;
                justify-content: center;
            }
        }
        .page-footer-btnCTA {
            background-color: transparent;
            color: white;
            font-size: 16px; 
            padding: 12px 30px; 
            border: 1px solid white;
            margin: auto 5px;
        }
        @media only screen and (max-width: 768px) {
            .page-footer-btnCTA {
                background-color: transparent;
                color: white;
                font-size: 16px; 
                padding: 12px 30px; 
                border: 1px solid white;
                margin-bottom: 2%;
            }
        } 
        .page-footer-copyRightCTA {
            margin-left: 3%;
        }
        @media only screen and (max-width: 768px) {
            .page-footer-copyRightCTA {
                margin-left: 0%;
                padding: 0px 10px;
            }
        }
        .page-footer-legal {
            color: white;
            font-size: 11px;
        }
        .page-footer-legal > a {
            color: rgb(0, 161, 224);
            font-size: 11px;
            text-decoration: underline;
        }
        .page-footer_links_list {
            list-style: none;
            display: flex;
            padding-left: 0px;
            margin-bottom: 0px;
        }
        @media only screen and (max-width: 768px) {
            .page-footer_links_list {
                list-style: none;
                display: block;
                padding-left: 0px;
                margin-bottom: 0px;
            }
        }
        .page-footer_links_item {
            color: rgb(0, 161, 224);
            font-size: 11px;
            text-decoration: underline;
            margin: 0px 10px;
        }
        @media only screen and (max-width: 768px) {
            .page-footer_links_item {
                color: rgb(0, 161, 224);
                font-size: 11px;
                text-decoration: underline;
                display: inline-block;
            }
        }
        .page-footer-btnCTA:hover, .page-footer-btnCTA:focus {
            background-color: #0000002e;
            color: white;
            font-size: 16px; 
            padding: 12px 30px; 
            border: 1px solid white;
        }
        .topnav-hamber-menu {
            margin: auto 8px auto 0px;
            font-size: 22px;
        }
        .navigationSideMenu {
            background-color: white;
            width: 100%;
            padding: 10px;
            top: 11.5%;
            left: 0;
            display: none;
            z-index: 1000;
            position: fixed;
        }
        .navigationSideMenu-nav-list {
            list-style: none;
            padding-left: 0;
        }
        .navigationSideMenu-nav-list-items {
            font-size: 24px;
            line-height: 32px;
            color: rgb(3, 45, 96);
            font-weight: 700;
            margin: 20px 15px;
            cursor: pointer;
        }
    </style>