/*
CTC Separate Stylesheet
Updated: 2025-04-05 18:20:57
Author: SRIKANTH LAVUDIA
*/

/* Global START */

:root {
  --darkblue: #0088CF;
  --lightblue: #0088CF1A;
  --black-heading: #0D192D;
  --black-normal: #1C2F43;
  --inter: 'Inter';
}

html {scroll-behavior: smooth;}
body.layout-full{background: #fff; font-family: var(--inter); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
body.responsive.layout-full #page-wrapper .full-container{max-width: 100%; width: 100%;}
#primary{width: 100% !important;}
a{font-family: var(--inter);}
a[href^="tel"]{color: var(--darkblue);}
a, a:active, a:focus {outline: none;}

.main-navigation-mobile .mobile-icon {
    /*background-image: url('images/icons/mobile-menu.png');*/
    background-image: url('images/icons/mobile-menu-fm-open-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: 25px;

    &.active {
        /*background-image: url('images/icons/icon-menu-close.png');*/
        background-image: url('images/icons/mobile-menu-fm-close-white.svg');
    }
}
.main-navigation-mobile > a{margin: 0px 0px 0px 10px;}
.innermenu .main-navigation-mobile .mobile-icon{
    background-image: url('images/icons/mobile-menu-fm-open-black.svg');
    &.active {
        background-image: url('images/icons/mobile-menu-fm-close-black.svg');
    }
}

.innermenu.fwb .main-navigation-mobile .mobile-icon {
    background-image: url('images/icons/mobile-menu-fm-open-white.svg');
    &.active {
        background-image: url('images/icons/mobile-menu-fm-close-white.svg');
    }
}


.main-navigation-mobile a.mblanguages{
    background-image: url('images/icons/icon-menu-globe-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: 25px;
}
.innermenu .main-navigation-mobile a.mblanguages {background-image: url('images/icons/icon-menu-globe.svg');}
.innermenu.fwb .main-navigation-mobile a.mblanguages {background-image: url('images/icons/icon-menu-globe-white.svg');}

/* Language mobile sub menu */
.main-navigation-mobile .mobile-language-menu {
    display: none;
    width: 45%;
    position: absolute;
    /* left: 0px; */
    background: #fff;
    top: 50px;
    right: 0px;

    &.active {
        display: block;
    }
    & ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        
        & li {
            display: block;
            width: 100%;
            border-bottom: 0.5px solid var(--black-normal);
            
            & a {
                padding: 15px 0px 15px 20px;
                color: var(--black-normal);
                font-weight: 500;
                width: auto;
            }        
        }    
    }
}

.entry-content a{color: var(--darkblue); font-family: var(--inter);}
.entry-content a:hover{color: var(--darkblue);}
body.responsive.layout-full #page-wrapper #masthead .full-container {width: 80%;}
#masthead {
    background: transparent;
    position: fixed;
    z-index: 9;
    width: 100%;
}
.main-navigation{background: transparent;}
.main-navigation.white {/*background: #fff;*/}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul{display: block; visibility: visible;}
#masthead.masthead-logo-in-menu .main-navigation.scrollM {
    /*background: #fff;*/
    background: #000;
    /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    &.innermenu {
        background: #fff;
    }
}
#masthead.masthead-logo-in-menu .logo > img {
    width: 200px;
    height: auto;
    max-height: fit-content;
}
#main{background: #fff; /*padding: 35px 0px;*/ padding: 0px;}
.panel-row-style{margin: 0px;}
.full-width {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.entry-content .full-width.full100{width: 100%;}
.full-width.center {
    text-align: center;
}
.full-width span.secSmTitle {
    background: var(--lightblue);
    color: var(--darkblue);
    display: inline-block;
    padding: 6px 12px;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
}
.full-width h3 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 4rem;
    font-weight: 700;
    line-height: 45px;
    margin: 20px 0px;
    text-transform: uppercase;
}
.full-width p {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 300;
}
.full-width.mb30{margin-bottom: 30px;}
.full-width.mt30{margin-top: 30px;}
.full-width.mb50{margin-bottom: 50px;}
.full-width.mt50{margin-top: 50px;}

.full-width.pdt50{padding-top: 50px;}
.full-width.pdb50{padding-bottom: 50px;}
.full-width.pdt30{padding-top: 30px;}
.full-width.pdb30{padding-bottom: 30px;}

.full-width .btn-center-two {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.full-width .btn-center-two > a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}


.layout-full #colophon {background: #0D192D; padding: 0px;}

/* Main Menu START */
nav .main-menu-overlay {
    display: none;
    position: absolute;
    background: #000;
    height: 100vh;
    width: 100%;
    left: 0px;
    z-index: 9;
    opacity: 0.5;
    top: 60px;
}
#main-slider{background: transparent;}
.main-menu-wrapper {
    display: block;
    width: 100%;
}
.main-menu-wrapper .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}
.main-menu-wrapper .inner .cols{flex: 0 0 50%;}
.main-menu-wrapper .inner .cols.left {flex: 0 0 60%; padding: 0px 0px 0px 30px;}
.main-menu-wrapper .inner .cols.left > ul {margin: 0px;}
.main-menu-wrapper .inner .cols > ul li {border-bottom: 2px solid transparent; margin: 0px 10px;}
.main-menu-wrapper .inner .cols > ul li.esc-link {margin-right: 0px;}
.main-menu-wrapper .inner .cols > ul li:hover{background: transparent;}

.main-menu-wrapper .inner .cols > ul li.languages {
    /*background-image: url('images/icons/icon-menu-globe.svg');*/
    background-image: url('images/icons/icon-menu-globe-white.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
}
.main-menu-wrapper.innerpages .inner .cols > ul li.languages {background-image: url('images/icons/icon-menu-globe.svg');}
.main-menu-wrapper .inner .cols > ul li.search {
    /*background-image: url('images/icons/icon-menu-search.svg');*/
    background-image: url('images/icons/icon-menu-search-white.svg');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    padding: 20px 0px 0px 0px;
    height: 20px;
    width: 20px;
}
.main-menu-wrapper.innerpages .inner .cols > ul li.search {background-image: url('images/icons/icon-menu-search.svg');}
.main-menu-wrapper .inner .cols > ul li a.icon-contact-sales {
    /*background-image: url('images/icons/icon-contact-sales.svg');*/
    background-image: url('images/icons/icon-contact-sales-white.svg');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    padding: 20px 0px 0px 0px;
    height: 22px;
    width: 22px;
}
.main-menu-wrapper.innerpages .inner .cols > ul li a.icon-contact-sales {background-image: url('images/icons/icon-contact-sales.svg');}
.main-menu-wrapper .inner .cols > ul li > a {
    /*color: var(--black-normal);*/
    color: #fff;
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 400;
    padding: 12px 20px;
}
.main-menu-wrapper.innerpages .inner .cols > ul li > a{color: var(--black-normal);}

/* Inner full-width banner menu items */
#masthead.masthead-logo-in-menu .main-navigation.innermenu.fwb.innermenu.scrollM{background: #000;}
.main-navigation.innermenu.fwb .main-menu-wrapper .inner .cols > ul li > a{color: #fff;}
.main-navigation.innermenu.fwb .main-menu-wrapper .inner .cols > ul li a.icon-contact-sales{background-image: url('images/icons/icon-contact-sales-white.svg');}
.main-navigation.innermenu.fwb .main-menu-wrapper .inner .cols > ul li.search{background-image: url('images/icons/icon-menu-search-white.svg');}
.main-navigation.innermenu.fwb .main-menu-wrapper .inner .cols > ul li.languages{background-image: url('images/icons/icon-menu-globe-white.svg');}

.main-navigation ul ul li:hover > a, .main-navigation ul ul li.focus > a{background: none;}
.main-navigation ul li:hover > a, .main-navigation ul li.focus > a{background: none;}

.main-menu-wrapper .inner .cols > ul li > a:hover{/*background: transparent;*/}

.main-menu-wrapper .inner .cols.left > ul > li > a {padding: 20px 0px;}

.main-menu-wrapper .inner .cols > ul li > a i{color: var(--black-normal); margin: 0px;}

.main-menu-wrapper .inner .cols.right{flex: 0 0 33%;}
.main-menu-wrapper .inner .cols.right > ul {
    display: flex;
    margin: 0px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.main-menu-wrapper .inner .cols.right > ul li i {color: var(--black-normal); margin: 0px 0px 0px 5px;}
.main-menu-wrapper .inner .cols.right > ul li.languages > i {padding-top: 17px;}
.main-menu-wrapper .inner .cols.right > ul li.search > i {padding-top: 17px;}

.main-menu-wrapper .inner .cols > ul li .contact-sales {
    color: var(--darkblue);
    font-weight: 400;
    /*border: 2px solid var(--darkblue);
    border-radius: 6px;*/
}
.main-menu-wrapper .inner .cols > ul li .ecs-free-trial {
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    border-radius: 6px;
    padding: 12px 20px;
    color: #fff;
}
.main-menu-wrapper.innerpages .inner .cols > ul li .ecs-free-trial{color: #fff;}
.main-menu-wrapper .inner .cols > ul li .ecs-free-trial:hover{
    background: transparent;
    color: var(--darkblue);
}

.main-menu-wrapper .inner .cols > ul li .sub-menu {display: none;}
.main-menu-wrapper .inner .cols > ul li.active {border-bottom: 2px solid var(--darkblue);}
.main-menu-wrapper .inner .cols > ul li.languages ul.language-menu{display: none;}
.main-menu-wrapper .inner .cols > ul li.languages.active ul.language-menu {
    display: block;
    position: absolute;
    z-index: 9;
    background: #fff;
    height: auto;
    width: 150px;
    left: -40px;
    visibility: visible;
    opacity: 1;
    top: 41px;
    /* box-shadow: 0px 15px 20px #ccc; */
}
.main-menu-wrapper .inner .cols > ul li.active .language-menu_overlay {
    background: #333;
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: -1;
    opacity: 0.1;
    top: 61px;
    cursor: initial;
}
.main-menu-wrapper .inner .cols > ul li.languages.active ul.language-menu > li {
    margin: 10px 10px 0px;
    width: 80%;
    padding: 0px 0px 5px 10px;
}
.main-menu-wrapper .inner .cols > ul li.languages.active ul.language-menu > li > a {
    background-image: linear-gradient(#0088cf, #0088cf);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: 0% 100%;
    color: var(--black-normal);
    -webkit-transition: background-size .3s;
    transition: background-size .3s;
    outline: none;
    display: inline-block;
    width: auto;
    padding: 0px 0px 5px 0px;
}
.main-menu-wrapper .inner .cols > ul li.languages.active ul.language-menu > li > a:hover{background-size: 100% 2px;}
.main-menu-wrapper .inner .cols > ul li.active .sub-menu.end-to-end {
    display: block;
    position: fixed;
    /* background: #ccc; */
    width: 100%;
    left: 0px;
    /*border-top: 1px solid var(--black-normal);*/
    /*top: 97px;*/
    top: 65px;
}
.main-menu-wrapper .inner .cols > ul li.active .sub-menu.end-to-end .sub-menu_overlay {
    position: absolute;
    background: var(--black-normal);
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}
.sub-menu-navigation-wrapper {
    position: absolute;
    display: block;
    left: 0px;
    top: 60px;
    width: 100%;
    z-index: 9;
}
.sub-menu-navigation-wrapper .inner {
    display: block;
    width: auto;
}

.sub-menu-navigation-wrapper .inner .sub-menu-container {display: none;} /* hide submenu by default */
.sub-menu-navigation-wrapper .inner .sub-menu-container.active {display: block;} /* show submenu when its active */

.sub-menu-navigation-wrapper .inner .sub-menu-container {
    &.adjust_menu {
        & .sub-menu.end-to-end .sub-menu_inner .sm-cols.left {
            width: 24%;
        }
        & .sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu{
            width: 64%;
        }
    }
}
/* Just to target the resources menu */
.sub-menu-navigation-wrapper .inner #resources.sub-menu-container {
    &#resources {
        &.adjust_menu {
            & .sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu{
                width: 100%;
            }
        }
    }
}

.sub-menu.end-to-end .sub-menu_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*width: 80%;*/
    width: 100%;
    margin: 0 auto;
    /*box-shadow: 0px 0px 10px #ccc;*/
    background: #fff;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left {
    display: block;
    /*width: 24%;*/
    width: 30%;
    background: #0088CF1A;
    padding: 40px 40px 10px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-overview {
    display: block;
    width: 100%;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-overview .ov-title {
    font-size: 20px;
    margin: 0px 0px 20px 0px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-overview .ov-desc {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 300;
    line-height: 23px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more {
    display: block;
    width: 100%;
    margin: 50px 0px 0px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-overview a {
    background-image: url("images/icons/sol-arrow.svg");
    color: rgb(0, 136, 207);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
    display: inline-block;
    width: auto;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more .more-title {
    font-size: 17px;
    text-transform: uppercase;
    color: #ccc;
    margin: 0px 0px 10px 0px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more > ul {
    position: inherit;
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    background: none;
}
/*.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more > ul > li {
    margin: 10px 0px;
    width: 100%;
    padding: 15px 0px;
    display: inline-block;
}*/
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more > ul > li {
    margin: 10px 0px;
    width: 100%;
    padding: 8px 0px 8px 40px;
    display: inline-block;
    background-image: url('http://173.255.243.198/solix2025/wp-content/themes/vantage-child/images/icons/icon-menu-gear.svg');
    background-repeat: no-repeat;
    background-size: 8%;
    background-position: left center;
}
/*.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more > ul > li.roi {
    background-image: url('http://173.255.243.198/solix2025/wp-content/themes/vantage-child/images/icons/icon-roi-cal.png');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: left center;
    padding: 10px 0px 0px 30px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more > ul > li.demo {
    background-image: url('http://173.255.243.198/solix2025/wp-content/themes/vantage-child/images/icons/icon-schedule-demo.png');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: left center;
    padding: 10px 0px 0px 30px;
}*/
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sec-more > ul > li a {
    padding: 0px;
    font-size: 15px;
    display: inline-block;
    width: auto;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main {
    display: block;
    width: auto;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main .sm-title-left {
    color: var(--black-normal);
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul {
    visibility: visible;
    opacity: 1;
    position: inherit;
    background: none;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon {
    /*margin: 0px 0px 35px 0px;*/
    margin: 0px;
    width: 100%;
    padding: 0px 0px 0px 30px;
    display: inline-block;
    background-image: url('images/icons/icon-sub-menu-left.png');
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: left center;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.ia-for-ai {
    background-image: url('images/icons/icon-ia-for-ai.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.data-lake {
    background-image: url('images/icons/icon-da-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.ea {
    background-image: url('images/icons/icon-ea-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.cdp {
    background-image: url('images/icons/icon-cdp-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.ecs {
    background-image: url('images/icons/icon-ecs-blue.svg');
}



.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.banking {
    background-image: url('images/icons/icon-banking-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.healthcare {
    background-image: url('images/icons/icon-healthcare-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.pharma {
    background-image: url('images/icons/icon-pharma.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.finance {
    background-image: url('images/icons/icon-finance-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.retail {
    background-image: url('images/icons/icon-retail-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.telecom {
    background-image: url('images/icons/icon-telecom-blue.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.manufacturing {
    background-image: url('images/icons/icon-manufacturing.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.government {
    background-image: url('images/icons/icon-govt.svg');
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li.icon.insurance {
    background-image: url('images/icons/icon-insurance.svg');
}

.sub-menu.end-to-end .sub-menu_inner .sm-cols.left .sm-links-main ul li a {
    width: auto;
    padding: 20px 0px 20px 15px;
    color: var(--black-normal);
    font-family: var(--inter);
    font-weight: 400;
    font-size: 16px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu {
    display: block;
    /*width: 64%;*/
    width: 70%;
    background: #fff;
    padding: 30px 40px 10px;
}

.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu.full {width: 100%;} /* When no LHS menu is used */

.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols {
    border-bottom: 1px solid #0088CF4D;
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    width: 100%;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols:last-child{border: none;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols > p {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 400;
    margin: 0px;
    /* border-bottom: 2px solid #ccc; */
    padding: 0px 0px 10px 0px;
    text-transform: uppercase;
}
/*.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols .smi-title.eai {
    background-image: url('http://173.255.243.198/solix2025/wp-content/themes/vantage-child/images/icons/icon-artificial-intelligence.png');
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: left center;
    padding: 10px 0px 15px 45px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols .smi-title.edm {
    background-image: url('http://173.255.243.198/solix2025/wp-content/themes/vantage-child/images/icons/icon-data-management.png');
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: left center;
    padding: 10px 0px 15px 45px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols .smi-title.esc {
    background-image: url('http://173.255.243.198/solix2025/wp-content/themes/vantage-child/images/icons/icon-data-security.png');
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: left center;
    padding: 10px 0px 15px 45px;
}*/
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols > ul {
    visibility: visible;
    position: inherit;
    opacity: 1;
    background: none;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols > ul .smi-title-inner {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 11px;
    font-weight: 600;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols.multi > ul {
    float: left;
    width: 30%;
    display: block;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols > ul > li {
    margin: 6px 0px;
    display: block;
    width: 30%;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols.multi > ul li {
    width: auto;
    margin: 15px 0px 10px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols > ul > li a {
    padding: 0px 0px 5px 0px;
    font-size: 13px;
    font-weight: 300;
    width: auto;
    display: inline-block;
    color: var(--darkblue);
    background-image: linear-gradient(#0088cf, #0088cf);
    background-size: 0% 1px;
    background-repeat: no-repeat;
    background-position: 0% 100%;
    -webkit-transition: background-size .3s;
    transition: background-size .3s;
    outline: none;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols > ul > li a:hover{background-size: 100% 1px;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .smi-cols > ul > li .desc {
    display: none;
    margin: 0px;
    font-size: 12px;
    font-family: var(--inter);
    font-weight: 300;
    margin: 5px 0px;
}
/*.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .all-prds {
    display: block;
    width: 100%;
    border-top: 2px solid #ccc;
    padding: 0px;
    margin: 25px 0px 0px;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .all-prds a {
    color: var(--darkblue);
    display: inline-block;
    font-family: var(--inter);
    font-size: 15px;
    padding: 0px;
    margin: 30px 0px 0px;
    font-weight: 500;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner .all-prds a > i {color: var(--darkblue); margin: 0px 0px 0px 3px;}*/

.sub-menu.end-to-end .sub-menu_inner .btm-free-trial {
    display: block;
    width: 100%;
    background: #1C2F43;
    padding: 25px 40px 25px;
}
.sub-menu.end-to-end .sub-menu_inner .btm-free-trial > p {
    display: flex;
    font-family: var(--inter);
    color: #fff;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
}
.sub-menu.end-to-end .sub-menu_inner .btm-free-trial > p > span {font-size: 16px; font-weight: 500; margin: 0px 20px 0px 0px;}
.sub-menu.end-to-end .sub-menu_inner .btm-free-trial > p > a {
    padding: 12px 30px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 400;
}

/* Resources sub menu START */
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner ul li {width: 50%;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols {flex: 0 0 60%;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols.fr-res {flex: 0 0 40%;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols.fr-res li {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols.fr-res li .cols {display: flex; width: auto; flex-wrap: wrap;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols.fr-res li .cols img {width: auto; height: 60px;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols.fr-res li .cols.content p {
    margin: 0px 0px 0px 15px;
    color: var(--black-normal);
    font-family: var(--inter);
    font-weight: 300;
}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols.fr-res li .cols.content p:first-child a {font-weight: 500;}
.sub-menu.end-to-end .sub-menu_inner .sm-cols.right-menu .rm-inner.res-inner .smi-cols.fr-res li .cols.content p:last-child {margin: 0px 0px 0px 15px;}
/* Resources sub menu END */

.main-navigation-mobile-sub {
    display: block;
    margin: 0px;
    width: 100%;
    position: fixed;
    top: 98px;
    left: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 80vh;
}
.main-navigation-mobile-sub > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 0px;
}
.main-navigation-mobile-sub > ul li {
    display: flex;
    width: 100%;
    background: #ccc;
    color: var(--black-normal);
    border-bottom: 1px solid #ccc;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;

    &.parent {
        background: var(--black-heading);
        color: #fff;
    }

    & ul {
        display: none;
        margin: 0px;
        width: 100%;
    }
}
.main-navigation-mobile-sub > ul li a {
    width: 80%;
    font-family: var(--inter);
    font-size: 1.4rem;
    padding: 15px 0px 15px 0px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}
.main-navigation-mobile-sub > ul li ul li.child {border-bottom: 1px solid #333; justify-content: flex-start;}
.main-navigation-mobile-sub > ul li ul li.child a {color: #000; padding: 15px 0px 15px 15px;}

/* Global END */

/* Homepage START */

/* Banner START */
.heroBannerStatic {
    /*background: linear-gradient(114.19deg, rgba(222, 227, 255, 0.1) 2.32%, rgba(102, 152, 251, 0.06) 21.88%, rgba(66, 189, 253, 0.06) 42.31%, rgba(222, 227, 255, 0.25) 64.48%, rgba(140, 200, 255, 0.2) 85.78%);*/
    display: block;
    padding: 20px 0px 30px;
    width: 100%;
    height: auto;
}
.heroBannerStatic .banner-inner {
    display: block;
    width: 100%;
}
.heroBannerStatic .banner-inner > #sliders {margin: 0px;}
.heroBannerStatic .banner-inner > #sliders > .hero-slide {display: block; width: 100%;}
.heroBannerStatic .inner {
    display: flex;
    margin: 0 auto;
    width: 80%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.heroBannerStatic .inner .cols {
    flex: 0 0 50%;
    /*display: block;
    width: 50%;*/
    /*padding: 50px 0px 0px;*/
}

.heroBannerStatic .inner .cols.text {flex: 0 0 55%; overflow: visible;}
.heroBannerStatic .inner .cols.video {flex: 0 0 45%;}

.heroBannerStatic .inner .cols.text > span {
    background: var(--lightblue);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    text-transform: uppercase;
}
.heroBannerStatic .inner .cols.text h1 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 45px;
    font-weight: 800;
    margin: 0px;
    line-height: 55px;
    margin: 30px 0px 0px 0px;
    text-transform: uppercase;
}
.heroBannerStatic .inner .cols.text h1 > span {color: var(--darkblue);}
.heroBannerStatic .inner .cols.text p {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 18px;
    font-weight: 300;
    margin: 30px 0px;
    width: 80%;
    line-height: 30px;
}
.heroBannerStatic .inner .cols.text .btns {
    display: inline-block;
    width: 100%;
    margin: 20px 0px 0px;
}
.heroBannerStatic .inner .cols.text .btns > a {
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 400;
    padding: 15px 40px;
    margin: 0px;
    border: 2px solid transparent;
    margin: 0px 20px 0px 0px;
    border-radius: 4px;
    text-decoration: none;
}
.heroBannerStatic .inner .cols.text .btns > a:first-child {
    background-color: var(--darkblue);
    color: #fff;
    background-image: url('images/icons/icon-rocket.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 15px 25px 15px 45px;
}
.heroBannerStatic .inner .cols.text .btns > a:last-child {
    border: 2px solid var(--darkblue);
    background-image: url('images/icons/icon-play.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 15px 25px 15px 45px;
}
.heroBannerStatic .inner .cols.image {
}
.heroBannerStatic .inner .cols.image > img {
    width: 100%;
    height: auto;
}
.heroBannerStatic .inner .cols.video .video-inner {
    display: block;
    width: auto;
    height: auto;
    /* padding: 65px 0px 0px 65px; */
    position: relative;
    margin: 65px 0px 0px 65px;
}
.heroBannerStatic .inner .cols.video .video-inner video {
    object-fit: cover;
    position: absolute;
    /*position: relative;*/
    width: 568px;
    height: 569px;
    z-index: -1;
    border-radius: 50%;
    left: 0px;
}
.heroBannerStatic .inner .cols.video .video-inner .home-video::before {
    content: "";
    background-image: url('images/icons/ico-main-banner-dots.svg');
    position: absolute;
    width: 162px;
    height: 82px;
    left: 85%;
    top: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.heroBannerStatic .inner .cols.video .video-inner .home-video::after {
    content: "";
    background-image: url('images/icons/ico-main-banner-dots.svg');
    position: absolute;
    width: 126px;
    height: 82px;
    bottom: 45px;
    left: 0%;
    z-index: -2;
    background-size: contain;
    background-repeat: no-repeat;
}

.heroBannerStatic .inner .cols.video .video-inner svg {
    /*position: relative;*/
    /*left: 60px;*/
}
.heroBannerStatic .inner .cols.video .video-inner svg path {fill: var(--darkblue); opacity: 0.3;}
.heroBannerStatic .inner .cols.video .video-inner svg polyline{fill: #fff; opacity: 0.7;}


.heroBannerStatic .banner-inner > ul#sliders .slick-dots {bottom: 0px;}
.heroBannerStatic .banner-inner > ul#sliders .slick-dots li {}
.heroBannerStatic .banner-inner > ul#sliders .slick-dots li {}
.heroBannerStatic .banner-inner > ul#sliders .slick-dots li button {}
.heroBannerStatic .banner-inner > ul#sliders .slick-dots li button::before {font-size: 35px; color: var(--black-heading);}
.heroBannerStatic .banner-inner > ul#sliders .slick-dots li.slick-active button::before {color: var(--darkblue);}


.heroBannerStatic .banner-inner .slider-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    /*gap: 15px;*/
    position: relative;
    z-index: 1;
    bottom: 50px;
}

.heroBannerStatic .banner-inner .slider-nav .nav-item {
    cursor: pointer;
    display: block;
    margin: 0px 7px;
    width: auto;
}
.heroBannerStatic .banner-inner .slider-nav .nav-item.active {}
.heroBannerStatic .banner-inner .slider-nav .nav-item .nav-line {
    background: #ccc;
    width: 42px;
    height: 4px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}
.heroBannerStatic .banner-inner .slider-nav .nav-item .nav-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: var(--darkblue);
    transition: width 0.1s;
}
.heroBannerStatic .banner-inner .slider-nav .nav-item.active .nav-line {}

.heroBannerStatic .banner-inner .slider-nav .nav-item.active .nav-line::after{animation: progress 5.3s linear forwards;}

@keyframes progress {
    from { width: 0; }
    to { width: 100%; }
}

/* Banner END */

#main .site-content .panel-grid{margin-bottom: 50px;}
#main .site-content .panel-grid .panel-row-style {padding: 0px;} /* no padding when bg color is applied */
.tabbedSol {
    display: block;
    width: 100%;
}
.tabbedSol .intro {
    display: block;
    width: auto;
}
.tabbedSol .intro > span {
    background: #ccc;
    display: inline-block;
    width: auto;
    color: var(--darkblue);
    background: var(--lightblue);
    font-family: var(--inter);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 4px;
}
.tabbedSol .intro > h3 {
    font-family: var(--inter);
    color: var(--black-heading);
    font-size: 40px;
    margin: 5px 0px;
    width: auto;
    line-height: 50px;
    font-weight: 700;
}
.tabbedSol .intro p {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.3em;
    font-weight: 300;
}
.tabbedSol .solTabs {
    display: flex;
    flex-direction: column;
    width: auto;
    position: relative;
    /*top: -35px;*/
}
.tabbedSol .solTabs #tabs {
    border: transparent;
    background: transparent;
    margin-top: -40px;
}
.tabbedSol .solTabs #tabs > ul {
    float: right;
    background: #fff;
    border-width: 0px 0px 2px 0px;
    border-color: #0088CF66;
    border-style: solid;
    padding: 0px;
}
.tabbedSol .solTabs #tabs > ul > li {
    background: #fff;
    border-radius: 0px;
    margin: 0px 40px 0px 0px;
    border: none;
    top: 2px;
}
.tabbedSol .solTabs #tabs > ul > li.ui-tabs-active {
    border-color: var(--darkblue);
    border-width: 0px 0px 2px 0px;
    border-style: solid;
}
.tabbedSol .solTabs #tabs > ul > li > a {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px 10px 0px;
}
.tabbedSol .solTabs #tabs > ul > li.ui-tabs-active > a {
    color: var(--darkblue);
    font-weight: 500;
}
.tabbedSol .solTabs #tabs > ul > li:last-child {
    margin: 0px;
}
.tabbedSol .solTabs #tabs .ui-tabs-panel {
    float: left;
    width: auto;
    padding: 60px 0px 0px;
}
.tabbedSolCont {
    display: block;
}
.tabbedSolCont > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}
.tabbedSolCont > ul > li {
    display: block;
    width: 23%;
    margin: 0px;
    box-shadow: 0px 0px 30px 0px #0000000D;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
}
.tabbedSolCont > ul > li a {text-decoration: none;}
.tabbedSolCont > ul > li .overlay {
    background: #0088CF4D;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    width: 100%;
    height: 161px;
}
.tabbedSolCont > ul > li img {
    width: 100%;
}
.tabbedSolCont > ul > li .tabCont {
    display: block;
    width: auto;
    padding: 15px 15px;
}
.tabbedSolCont > ul > li .tabCont span {
    display: inline-block;
    border: 1px solid #0088CF4D;
    color: var(--darkblue);
    padding: 6px 8px;
    border-radius: 4px;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 500;
}
.tabbedSolCont > ul > li .tabCont .title {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 22px;
    line-height: 25px;
    margin: 15px 0px;
    font-weight: 500;
}
.tabbedSolCont > ul > li .tabCont .desc {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 300;
}
.tabbedSolCont > ul > li .tabCont .link {
    display: inline-block;
    width: auto;
}
.tabbedSolCont > ul > li .tabCont .link > a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}
.solutionsBlk {
    display: block;
    width: 100%;
    margin: 40px 0px 0px 0px;
}
.solutionsBlk > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-evenly;*/
    justify-content: space-between;
    gap: 10px;
}
.solutionsBlk > ul > li {
    display: block;
    width: 23%;
    text-align: left;
    margin: 0px 0px 10px 0px;
}
.solutionsBlk > ul > li p.title {
    font-weight: 600;
    font-size: 2rem;
    margin: 5px 0px 5px 0px;
}
.solutionsBlk > ul > li .desc {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 300;
    margin: 0px;
}
.solutionsBlk > ul > li .title > a {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: inherit;
    text-decoration: none;
    font-weight: 600;
}
.solutionsBlk > ul > li .title > a:hover{text-decoration: underline;}
.resBlk {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
}
.resBlk .cols {
    flex: 0 0 50%;
}
.resBlk .cols.image {
    background-image: url('images/business-team-collaboration.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 700px;
    background-position: top center;
}
.resBlk .cols.cont {
    padding: 40px;
    flex: 0 0 43%;
    text-align: left;
}
.resBlk .cols.cont > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}
.resBlk .cols.cont > ul > li {
    background: #fff;
    display: block;
    width: 38%;
    padding: 25px;
    border-radius: 4px;
    margin: 0px;
}
.resBlk .cols.cont > ul > li .resType {
    background: var(--lightblue);
    color: var(--darkblue);
    display: inline-block;
    padding: 6px 12px;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 4px;
}
.resBlk .cols.cont > ul > li .resTitle {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    min-height: 55px;
}
.resBlk .cols.cont > ul > li a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}
#homeCustomers {
    padding: 0px;
    background-image: url('http://173.255.243.198/solix2025/wp-content/uploads/2025/04/customer-map.png');
    background-repeat: no-repeat;
    background-size: 60%;
}
.overlayBlk {
    display: block;
    position: relative;
}
.overlayBlk .overlay {
    background: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.8;
}
.overlayBlk .full-width {
    position: relative;
}
.customerQuoteBlk {
    display: block;
    margin: 35px 0px 0px;
    width: 100%;
}
.customerQuoteBlk > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.customerQuoteBlk > ul > li {
    display: block;
    width: 26%;
    background: #fff;
    box-shadow: 0px 2px 2px 0px #0000001A;
    height: 450px;
    border-width: 0px 0px 3px 0px;
    border-color: var(--darkblue);
    /* border: 1px solid var(--darkblue); */
    border-style: solid;
}
.customerQuoteBlk > ul > li .quoteDesc {
    font-family: var(--inter);
    font-size: 15px;
    padding: 30px;
    background: #0088CF17;
    padding-bottom: 65px;
    min-height: 150px;
}
.customerQuoteBlk > ul > li .quoteAuthor {
    display: block;
    width: auto;
    padding: 0px 30px 30px 30px;
    position: relative;
    top: -65px;
}
.customerQuoteBlk > ul > li .quoteAuthor .authorName {
    color: var(--darkblue);
    font-weight: 500;
    margin: 0px;
}
.customerQuoteBlk > ul > li .quoteAuthor .authorDesg{margin: 0px 0px 20px 0px;}
.customerQuoteBlk > ul > li .quoteAuthor img {width: 90px;}
#customer-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0px;
}
#customer-logos li {
    margin: 0px;
    width: 13%;
    display: block;
}
.eventsBlk {
    display: block;
    width: 100%;
}
.eventsBlk .cols.image {
    background-image: url(images/home-events-bg.jpg);
    background-size: cover;
    height: 205px;
    width: 27%;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.eventsBlk .cols {
    display: block;
    width: 50%;
    float: left;
}
.eventsBlk .cols.cont {
    width: 70%;
    padding: 20px 0px 20px 30px;
    box-shadow: 0px 0px 20px 0px #0000000F;
    max-height: 205px;
}
.eventsBlk .cols.cont .schedule {
}
.eventsBlk .cols.cont .schedule > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.eventsBlk .cols.cont .schedule > ul > li {
    color: var(--darkblue);
    display: block;
    width: auto;
    margin: 0px 20px 0px 0px;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 500;
    padding: 6px 0px;
}
.eventsBlk .cols.cont .schedule > ul > li:first-child {
    background: var(--lightblue);
    padding: 6px 12px;
    border-radius: 4px;
    text-transform: uppercase;
}
.eventsBlk .cols.cont .details {
}
.eventsBlk .cols.cont .details .title {
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0px 0px;
}
.eventsBlk .cols.cont .details .desc {
    font-size: 15px;
    margin: 10px 0px;
}
.eventsBlk .cols.cont .details a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}
.numbersBlk {
    display: block;
    width: 100%;
    /*margin: 50px 0px;*/
}
.numbersBlk .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.numbersBlk .inner .cols {
    flex: 0 0 17%;
    background: var(--lightblue);
    padding: 20px 20px 16px 20px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.numbersBlk .inner .cols .num {
    flex: 0 0 50%;
}
.numbersBlk .inner .cols .num.img {
    flex: 0 0 auto;
}
.numbersBlk .inner .cols .num.img img {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    width: auto;
}
.numbersBlk .inner .cols .num.cont {
    flex: 0 0 63%;
}
.numbersBlk .inner .cols .num.cont p:first-child {
    color: var(--darkblue);
    font-size: 20px;
    margin: 0px;
    font-weight: 600;
}
.numbersBlk .inner .cols .num.cont p:last-child {
    margin: 0px;
    font-size: 13px;
    font-weight: 400;
}
.ui-widget-overlay.ui-front {
    background: var(--black-normal);
    opacity: 0.8;
}

/* contact us popup */
.ui-dialog.contact-us-popup-container {
    padding: 0px;
    border: none;
    background-image: url('images/contact-us-pop-bg.jpg');
    background-position: right;
    background-repeat: no-repeat;
    border: none !important;
    border-radius: 8px;
    top: 30% !important;
    width: 80% !important;
    left: 10% !important;
}
.contact-us-popup-container .ui-dialog-titlebar {
    background: transparent;
    border: none;
    padding: 0px !important;
    margin: 0px;
}
.contact-us-popup-container .ui-dialog-titlebar .ui-dialog-title {display: none;}
.contact-us-popup-container .ui-dialog-titlebar button {
    background: transparent;
    /* border: none; */
    /* width: auto; */
    margin: 0px;
    z-index: 9;
    width: 25px;
    height: 25px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    right: 15px;
    top: 15px !important;
}
.contact-us-popup-container .ui-dialog-titlebar button .ui-button-icon {
    background-image: url('images/icons/icon-popup-close.jpg');
    background-position: center;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin: 0px;
    top: 0;
    left: 0;
}
.contact-us-popup-container .ui-dialog-titlebar button .ui-button-icon-space {
    display: none;
}
.contact-us-popup-container #contact-us-site-wide-main {
    padding: 0px;
    position: relative;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.contact-us-popup-container #contact-us-site-wide-main .contact-us-pop-wrapper {
    display: flex;
    width: auto;
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* padding: 30px; */
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left {
    flex: 0 0 59%;
    background: #fff;
    padding: 30px;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner {
    display: block;
    font-family: var(--inter);
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner h3 {
    color: var(--darkblue);
    font-size: 30px;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner p {
    color: var(--black-normal);
    font-size: 13px;
    font-weight: 300;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner p a {color: var(--darkblue);}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm {
    display: block;
    width: auto;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm ul li {
    display: block;
    width: 45%;
    margin: 20px 20px;
}
/*.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm ul li.full {
    width: 100%;
}*/
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm ul li input {
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    font-family: var(--inter);
    font-weight: 300;
    padding: 0px 0px 10px 0px;
    width: 100%;
    font-size: 12px;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm ul li select {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    width: 100%;
    padding: 0px 0px 10px 0px;
    color: #ccc;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm ul li textarea {
    border-radius: 0px;
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 300;
    padding: 0px;
    border-width: 0px 0px 1px 0px;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.left .inner #contactUsPopupForm ul li .cts-btn-submit {
    background: var(--darkblue);
    color: #fff;
    border: 2px solid var(--darkblue);
    border-radius: 4px;
    box-shadow: none;
    font-family: var(--inter);
    font-weight: 400;
    font-size: 14px;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.right {
    float: left;
    flex: 0 0 32%;
    padding: 30px;
    position: relative;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.right .contact-details {
    position: absolute;
    bottom: 20%;
    text-align: center;
    color: #fff;
    font-family: var(--inter);
    width: 90%;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.right .contact-details h3 {
    font-size: 25px;
    font-weight: 700;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.right .contact-details h4 {
    font-size: 17px;
    font-weight: 400;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.right .contact-details p.addr {
    font-size: 15px;
    font-weight: 400;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.right .contact-details a {
    color: #fff;
    display: inline-block;
    margin: 0px 0px 10px 0px;
}
.contact-us-popup-container #contact-us-site-wide-main .cols.right .contact-details p.contact > span{margin: 0px 5px;}

/* popup generic */
.popup-generic-container {
    top: 30% !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
}
.popup-generic-container .ui-dialog-titlebar {
    background: var(--black-heading);
    /* border: none; */
    /* padding: 0px !important; */
    /* margin: 0px; */
}
.popup-generic-container .ui-dialog-titlebar .ui-dialog-title {
    padding: 5px 0px 5px 10px;
    font-family: var(--inter);
    font-weight: 400;
    font-size: 1.8rem;
    color: #fff;
}
.popup-generic-container .ui-dialog-titlebar button {
    background: transparent;
    /* border: none; */
    /* width: auto; */
    margin: 0px;
    z-index: 9;
    width: 25px;
    height: 25px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    right: 15px;
    top: 15px !important;
    outline: none;
}
.popup-generic-container .ui-dialog-titlebar button span:nth-child(1) {
    background-image: url(images/icons/icon-popup-close.jpg);
    background-position: center;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin: 0px;
    top: -2px;
    left: 0px;
}
.popup-generic-container .ui-dialog-titlebar button span:nth-child(2) {display: none;}
#popup-generic-cont {}
#popup-generic-cont form.searchform {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 25px 15px;
}
#popup-generic-cont form.searchform input {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 300;
    width: 80%;
    margin: 0px 10px 0px 0px;
    padding: 15px 0px 15px 10px;
}
#popup-generic-cont form.searchform .search-btn-pop {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    padding: 18px 20px;
    color: #fff;
    font-family: var(--inter);
    font-weight: 400;
    font-size: 1.5rem;
    text-transform: uppercase;
}
/* Homepage END */

/* Footer START */
.footerMain {
    display: block;
    margin: 0 auto;
    width: 80%;
}
.footerMain .inner {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 65px 0px 60px;
    border-bottom: 1px solid #C1C7CD;
}
.footerMain .inner .cols {
    flex: 0 0 50%;
}
.footerMain .inner .cols.left {
    flex: 0 0 40%;
}
.footerMain .inner .cols.left img {
    width: 200px;
    max-width: 200px;
}
.footerMain .inner .cols.left p {
    color: #fff;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 300;
    margin: 25px 0px;
}
.footerMain .inner .cols.left .newsletter {
    display: block;
    width: 100%;
}
.footerMain .inner .cols.left .newsletter input.footerNewsEmail {
    width: 65%;
    border: 1px solid var(--black-normal);
    border-radius: 0px;
    margin: 0px 20px 0px 0px;
    min-height: 45px;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 400;
    color: var(--black-normal);
    background-image: url(images/icons/icon-envelope.png);
    width: 65%;
    height: 32px;
    background-position: 10px center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 35px;
}
.footerMain .inner .cols.left .newsletter .newsletterBtn {
    color: #fff;
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    border-radius: 0px;
    box-shadow: none;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 400;
    min-height: 45px;
    padding: 10px 40px;
}
.footerMain .inner .cols.left .social {
    display: block;
    width: 100%;
}
.footerMain .inner .cols.left .social p {
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 2.5rem;
    font-weight: 600;
}
.footerMain .inner .cols.left .social > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.footerMain .inner .cols.left .social > ul li {
    display: block;
    width: 55px;
}
.footerMain .inner .cols.left .social > ul li a > i {
    color: #fff;
    font-size: 25px;
}

.footerMain .inner .cols.links {
    /*flex: 0 0 55%;*/
    flex: 0 0 56%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 40px;
}
.footerMain .inner .cols.links > ul {
    display: block;
    width: 28%;
}
.footerMain .inner .cols.links > ul > p {
    color: var(--darkblue);
    margin: 0px;
    font-family: var(--inter);
    font-size: 2.5rem;
    font-weight: 600;
}
.footerMain .inner .cols.links > ul li {
    display: block;
    margin: 15px 0px;
}
.footerMain .inner .cols.links > ul li > a {
    color: #fff;
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}
.footerMain .inner .cols.links > ul li > a:hover{color: #fff; text-decoration: underline;}
.footerMain .inner .cols.links > ul li > a.color {
    color: var(--darkblue);
    font-weight: 500;
}

.footerFreeTrialWrapper {
    display: block;
    position: relative;
    width: 100%;
    background: #0D192D;
}
.footerFreeTrialWrapper .whiteBg {
    background: #fff;
    position: absolute;
    height: 50%;
    width: 100%;
}
.footerFreeTrialWrapper .trialBlk {
    position: relative;
    background: var(--darkblue);
    margin: 0 auto;
    width: 80%;
    border-radius: 12px;
    padding: 40px 0px;
    text-align: center;
    color: #fff;
    font-family: var(--inter);
}
.footerFreeTrialWrapper .trialBlk::before {
    background-image: url(images/icons/free-trial-dots.png);
    content: "";
    width: 141px;
    height: 67px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.footerFreeTrialWrapper .trialBlk::after {
    background-image: url(images/icons/free-trial-dots.png);
    content: "";
    width: 141px;
    height: 67px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.footerFreeTrialWrapper .trialBlk h3 {
    color: #fff;
    font-family: var(--inter);
    font-size: 40px;
    font-weight: 700;
}
.footerFreeTrialWrapper .trialBlk p {
    font-family: var(--inter);
    font-size: 17px;
    margin: 15px auto 0px auto;
    width: 50%;
    font-weight: 400;
}
.footerFreeTrialWrapper .trialBlk .btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    margin: 30px 0px 0px;
}
.footerFreeTrialWrapper .trialBlk .btns > a {
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 400;
    margin: 0px 10px;
    border-radius: 4px;
    text-decoration: none;
    padding: 10px 30px;
    border: 2px solid transparent;
}
.footerFreeTrialWrapper .trialBlk .btns > a:first-child {
    background-color: #fff;
    background-image: url(images/icons/icon-video.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 10px 30px 10px 50px;
}
.footerFreeTrialWrapper .trialBlk .btns > a:last-child {
    color: #fff;
    border: 2px solid #fff;
    background-image: url(images/icons/icon-phone.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding: 10px 30px 10px 50px;
}
.footerMain .copyrightBlk {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0px;
    /* align-items: center; */
}
.footerMain .copyrightBlk .cols {flex: 0 0 50%;}
.footerMain .copyrightBlk .cols > p {
    color: #fff;
    font-family: var(--inter);
    font-size: 1.5rem;
    margin: 0px;
}
.footerMain .copyrightBlk .cols ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0px;
}
.footerMain .copyrightBlk .cols ul li {
    display: block;
    margin: 0px 1.3rem;
}
.footerMain .copyrightBlk .cols ul li a {
    color: #fff;
    font-family: var(--inter);
    font-size: 1.5rem;
}

/* Footer END */

/* Products & Solutions pages START */

.intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.intro .cols {flex: 0 0 50%;}
.intro .cols.cont {flex: 0 0 45%;}
.intro .cols.image img {width: 100%;}


.intro.full .cols.cont {flex: 0 0 100%;}
.intro.full .cols.image {flex: 0 0 100%;}

.intro .cols.cont span {
    background: var(--lightblue);
    padding: 6px 12px;
    border-radius: 4px;
    font-family: var(--inter);
    font-size: 14px;
    color: var(--darkblue);
    text-transform: uppercase;
    font-weight: 500;
}
.intro .cols.cont h3 {line-height: 45px;}

.productSubs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: auto;
    padding: 30px 0px;
}
.productSubs .subs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 23%;
}
.productSubs .subs .cols {
    flex: 0 0 62%;
    text-align: left;
}
.productSubs .subs .cols.img {
    flex: 0 0 auto;
}
.productSubs .subs .cols.cont p:first-child {
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
}
.productSubs .subs .cols.cont p:nth-child(2) {
    font-size: 14px;
    font-weight: 300;
    margin: 5px 0px;
}
.productSubs .subs .cols.cont a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}

/* Sticky Scroll Section */
body.responsive #page-wrapper{overflow: visible;} /* This is important for making the div scrollable */
.full-width.sticky-features-container {
    /*margin: 0 auto;
    width: 80%;*/
}
.sticky-features-wrapper {
    display: flex;
    grid-column-gap: 25px;
    /* flex-direction: row-reverse; */
    margin: 50px 0px 0px 0px;
}
.sticky-features-wrapper .sticky-features-content {
    width: 50%;
    position: relative;
    /*left: 10%;*/
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 74vh;
    display: flex;
/*  width: 70%;*/
}

.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-anchor {
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content {
    transition: opacity .3s;
    /* opacity: 0.2; */
    /*width: 80%;*/
    /*width: 70%;*/
    /*background: linear-gradient(114.19deg, rgba(222, 227, 255, 0.1) 2.32%, rgba(102, 152, 251, 0.06) 21.88%, rgba(66, 189, 253, 0.1) 42.31%, rgba(123, 210, 255, 0.15) 64.48%, rgba(140, 200, 255, 0.2) 85.78%);*/
    /*border: 1px solid;
    border-image-source: linear-gradient(109.16deg, #BBC5FF 1.15%, #66B6FF 99.79%);
    box-shadow: 0px 0px 10px 0px #0D192D14;*/
    padding: 40px;
    border-radius: 15px;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item.current .sticky-features_item-content{opacity: 1;}
.sticky-features-wrapper .sticky-features-content .sticky-features_item.fade .sticky-features_item-content{opacity: 0.2;}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card {
    display: block;
    text-align: left;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card > span {
    color: var(--darkblue);
    background: var(--lightblue);
    border-radius: 4px;
    padding: 6px 12px;
    text-transform: uppercase;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 500;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card > span > i {
    /*color: #fff;*/
    color: var(--darkblue);
    margin: 0px 10px 0px 0px;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card h4 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 15px 0px 0px;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card p {font-size: 1.7rem;}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card .cbpoints {margin: 0px;width: 100%;}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card .cbpoints li {
    background-image: url('images/icons/icon-ok-blue.svg');
    background-repeat: no-repeat;
    display: block;
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 300;
    padding: 0px 0px 0px 30px;
    margin: 15px 0px;
    background-position: left 2px;
    text-align: left;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card .sticky-features_button {
    display: flex;
    width: auto;
    margin: 20px 0px 0px;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: flex-start;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card .sticky-features_button a {
    background: #0088CF;
    color: #fff;
    border: 1px solid #0088CF;
    border-radius: 6px;
    padding: 10px 20px;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
}
.sticky-features-wrapper .sticky-features-content .sticky-features_item .sticky-features_item-content .sticky-features_item-content-card .sticky-features_button a:hover{text-decoration: underline;}
.sticky-features-wrapper .sticky-features_visuals {
    /* background-color: #040404; */
    border-radius: 8px;
    width: 50%;
    position: relative;
    overflow: clip;
}
.sticky-features-wrapper .sticky-features_visuals .sticky-features_sticky {
    aspect-ratio: 1;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: sticky;
    top: 16vh;
    /* top: 0; */
}
.sticky-features-wrapper .sticky-features_visuals .sticky-features_sticky .sticky-features_box {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.sticky-features-wrapper .sticky-features_visuals .sticky-features_sticky .sticky-features_box .sticky-features_img-wrapper {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
    position: absolute;
    inset: 0%;
    z-index: 0;
}
.sticky-features-wrapper .sticky-features_visuals .sticky-features_sticky .sticky-features_box .sticky-features_img-wrapper img {width: auto; height: 100%;}
.sticky-features-wrapper .sticky-features_visuals .sticky-features_sticky .sticky-features_box .sticky-features_img-wrapper.current{z-index: 1;}
.sticky-features-wrapper .sticky-features_visuals .sticky-features_sticky .sticky-features_box .sticky-features_img-wrapper .sticky-features_img {
    aspect-ratio: 1;
    border-radius: 4px;
    width: 100%;
    position: absolute;
    inset: 0%;
    vertical-align: baseline;
    display: inline-block;
}

.spotlightBlk {
    display: block;
    width: 100%;
    margin: 30px 0px 0px;
}
.spotlightBlk > ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    justify-content: flex-start;
}
.spotlightBlk > ul.center {justify-content: center;}
.spotlightBlk > ul > li {
    border-radius: 8px;
    display: block;
    width: 23%;
    margin: 0px;
    box-shadow: 0px 0px 20px 0px #0000000F;
    position: relative;
    margin: 10px 10px;
}
.spotlightBlk > ul > li .overlay {
    display: none; /* Hide this for now */
    position: absolute;
    width: 100%;
    height: 162px;
    left: 0px;
    background: var(--darkblue);
    opacity: 0.2;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.spotlightBlk > ul > li img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    /*min-height: 182px;*/
}
.spotlightBlk > ul > li .spot-details {
    padding: 17px;
    text-align: left;
}
.spotlightBlk > ul > li .spot-details span {
    border: 2px solid rgba(0, 136, 207, 0.3);
    padding: 6px 8px;
    border-radius: 4px;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 500;
    color: var(--darkblue);
}
.spotlightBlk > ul > li .spot-details span i {
    margin: 0px 5px 0px 0px;
}
.spotlightBlk > ul > li .spot-details p {
    font-size: 15px;
    font-weight: 500;
}
.spotlightBlk > ul > li .spot-details a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}
.spotlightBlk > ul > li .spot-details a:hover{cursor: pointer; text-decoration: underline;}
.inner-page-banner-wrapper {
    background: linear-gradient(114.19deg, rgba(222, 227, 255, 0.1) 2.32%, rgba(102, 152, 251, 0.06) 21.88%, rgba(66, 189, 253, 0.06) 42.31%, rgba(222, 227, 255, 0.25) 64.48%, rgba(140, 200, 255, 0.2) 85.78%), url('images/inner-page-banner-bg.svg');
    background-repeat: no-repeat;
    background-position: center right;

    display: block;
    /*padding-bottom: 30px;*/
    /*padding-bottom: 70px;*/
    width: 100%;
    min-height: 550px;
    &.h316 {
        min-height: 380px;
    }
    &.kb70{
        min-height: 70px;
    }
    &.kb {
        min-height: 316px;
    }

    &.product-answers {
        & .inner .inner-page-banner_hero .cols.cont{
            flex: 0 0 100%;

            & h1 {text-align: center;}
        }
    }

    &.fullwidth-banner{
        position: relative;
        /*min-height: 450px;*/
        & .animOverlay{
            position: absolute;
            height: 100%;
            width: 100%;
            background: #000;
            z-index: 1;
            opacity: 0.6;
        }

        & .animationBg {
            position: absolute;
            width: 100%;
            height: 100%;

            & video {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            & iframe {
                width: 100%;
                height: 100%;
            }
        }
        & .inner {
            position: sticky;
            z-index: 1;
        }
        & .inner-page-banner_hero{
            padding: 130px 0px 0px;
        }
        & .cols.cont {
            flex: 0 0 100%;
            text-align: center;
            padding: 0px;

            & h1 {
                color: #fff;
                font-size: 5.5rem;
                font-weight: 900;
                text-transform: uppercase;
            }
            & p {
                color: #fff;
                font-size: 30px;
                line-height: 35px;
                font-weight: 400;
            }
            & .inner-page-banner_btns {
                justify-content: center;

                & a.banner-video-btn {
                    color: #fff;
                    border-color: #fff;
                }
            }
        }
    }
}
.inner-page-banner-wrapper .inner {
    display: block;
    margin: 0 auto;
    width: 80%;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 90px 0px 0px;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont {
    padding: 35px 0px 0px 10px;
    flex: 0 0 45%;
    &.full {
        flex: 0 0 100%;
        text-align: center;

        & h4 {
            color: var(--black-heading);
            font-size: 1.7rem;
            font-weight: 400;
            font-family: var(--inter);
            margin: 0px 0px 10px 0px;
            text-transform: uppercase;
        }

        & p {
            width: 60%;
            margin: 15px auto 25px auto;
            font-size: 1.7rem;
            
            & a[href^="tel"] {
                font-weight: 400;
                text-decoration: underline;
            }
        }
    }

}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont h1 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont h5{
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont h1 #js-rotating {color: var(--darkblue);}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont p {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 300;
    margin: 15px 0px 30px;
    line-height: normal;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont p.res-banner-desc {line-height: 25px;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont .inner-page-banner_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont .inner-page-banner_btns a {
    font-family: var(--inter);
    font-size: 14px;
    color: var(--darkblue);
    cursor: pointer;
    padding: 10px 20px;
    border: 2px solid var(--darkblue);
    margin: 0px 10px 0px 0px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 400;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont .inner-page-banner_btns a:nth-child(1){background: var(--darkblue); color: #fff;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont .inner-page-banner_btns a > i {margin: 0px 5px 0px 0px;}

.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image{flex: 0 0 50%;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image .product-video iframe {box-shadow: 0px 0px 10px rgb(0,0,0,0.1); border-radius: 8px;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image > img {cursor: pointer; width: 100%; height: auto;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image > .prod-image.hide {display: none;} /* hide the image to show the video when clicked on prod/sol pages */

.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image #prodVideo{display: none; height: auto; width: 690px;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image #prodVideo iframe {width: 700px !important; height: auto; border-radius: 12px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image #prodVideo.active {display: block;} /* show the video when the image is clicked on prod/sol pages */
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.image #prodVideo.dummyVideo {width: 700px;} /* Dummy Video */
#ecs-free-trial-widget {
    background: #fff;
    padding: 0px;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top {
    display: block;
    position: relative;
    width: 100%;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .bg-gradient {
    position: absolute;
    height: 50%;
    width: 100%;
    background: linear-gradient(114.19deg, rgba(222, 227, 255, 0.1) 2.32%, rgba(102, 152, 251, 0.06) 21.88%, rgba(66, 189, 253, 0.06) 42.31%, rgba(222, 227, 255, 0.25) 64.48%, rgba(140, 200, 255, 0.2) 85.78%);
    z-index: 1;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .trial-blk {
    margin: 0 auto 20px auto;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 4px 20px 0px #0D192D0F;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .trial-blk::after {
    background-image: url(images/prd-free-trial-dots.png);
    content: "";
    width: 41px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.image {
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.cont {
    padding: 5px 20px 0px 35px;
    flex: 0 0 55%;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.cont span {
    color: var(--darkblue);
    background: var(--lightblue);
    border-radius: 4px;
    padding: 6px 12px;
    text-transform: uppercase;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 500;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.cont p:nth-child(2) {
    font-size: 25px;
    font-weight: 600;
    margin: 20px 0px 0px;
    line-height: 25px;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.cont p:nth-child(3) {
    margin: 10px 0px 0px;
    font-size: 15px;
    font-weight: 300;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.btn {/*flex: 0 0 20%;*/ flex: 0 0 auto;}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.btn > a {
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    border-radius: 6px;
    padding: 12px 20px;
    color: #fff;
    cursor: pointer;
    font-family: var(--inter);
    font-size: 1.5rem;
    text-transform: uppercase;
    text-decoration: none;
}
#ecs-free-trial-widget .ecs-ft-wrapper_top .cols.btn > a:hover{background: #fff; color: var(--darkblue);}

.sol-extra {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*padding: 30px 0px 30px;*/
    width: 100%;
}
.sol-extra .sol-more {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.sol-extra .sol-more:first-child {
    margin: 0px 0px 35px 0px;
}
.sol-extra .sol-more .cols {
    display: block;
    width: 50%;
}
.sol-extra .sol-more .cols.text {
    width: 80%;
}
.sol-extra .sol-more .cols span {
    background: #0088CF1A;
    color: #0088CF;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 4px;
    text-transform: uppercase;
}
.sol-extra .sol-more .cols.btn {
    text-align: right;
    width: 20%;
}
.sol-extra .sol-more .cols.btn .contact-sales {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    color: #fff;
    font-family: var(--inter);
    font-weight: 400;
    font-size: 16px;
    border-radius: 6px;
    padding: 13px 35px;
    text-decoration: none;
}
.sol-extra .sol-more > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px;
}
.sol-extra .sol-more > ul > li {
    margin: 0px;
    display: block;
    width: 31%;
    position: relative;
    background: #fff;
    margin: 0px 30px 0px 0px;
    box-shadow: 0px 2px 2px 0px #0000001A;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.sol-extra .sol-more > ul > li:last-child {margin: 0px;}
.sol-extra .sol-more > ul > li .sol-overlay {
    position: absolute;
    width: 100%;
    height: 180px;
    background: #0088CF4D;
}
.sol-extra .sol-more > ul > li img {
    width: 100%;
}
.sol-extra .sol-more > ul > li .sol-cont {
    display: block;
    /* background: #fff; */
    padding: 30px;
    /* border-bottom-right-radius: 10px; */
}
.sol-extra .sol-more > ul > li .sol-cont .sol-title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    min-height: 45px;
}
.sol-extra .sol-more > ul > li .sol-cont .sol-desc {
    font-size: 1.4rem;
    height: 345px;
    max-height: 206px;
    overflow: hidden;
    margin: 1em 0px 0px 0px;
}
.sol-extra .sol-more > ul > li .sol-cont .sol-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0px 0px;
}
.sol-extra .sol-more > ul > li .sol-cont .sol-btns a {
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    padding: 0px 17px 0px 0px;
}
.sol-extra .sol-more > ul > li .sol-cont .sol-btns a:first-child {
    background-image: url(images/icons/sol-arrow.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 10%;
    padding: 10px 15px 0px 0px;
}
.sol-extra .sol-more > ul > li .sol-cont .sol-btns a:last-child {
    background: var(--lightblue);
    padding: 10px 10px 10px 30px;
    border-radius: 6px;
    background-image: url(images/icons/icon-download.svg);
    background-repeat: no-repeat;
    background-size: 7%;
    background-position: 5% 50%;
}


/* Auto Tabs START */

.tabsContainer {
  display: block;
  margin: 30px 0px 0px;
  width: 100%;
}
.tabsContainer .inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  /*width: 80%;*/
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.tabsContainer .inner .cols {
  flex: 0 0 50%;
}
.tabsContainer .inner .cols.navigation {
    position: relative;
    padding: 0px 40px 0px 30px;
    flex: 0 0 47%;
}
.tabsContainer .inner .cols.tab-content {
  flex: 0 0 45%;
}
.tabsContainer .inner .cols.tab-content .content-panel {
  display: none;
  padding: 10px;
  width: 100%;
}
.tabsContainer .inner .cols.tab-content .content-panel.active {
  display: block;
}
#moreSolutionsContainer h3 {
    background: none;
    border: none;
    padding: .5em .5em .5em 0;
    margin: 2px 0 0 0;
    color: #ccc;
    font-size: 2rem;
    cursor: pointer;
    transition: color 0.3s ease;
    text-align: left;
    text-transform: none;
    font-weight: 500;
}
#moreSolutionsContainer h3.ui-state-active {
  color: #000;
}
#moreSolutionsContainer h3 span {
  display: none;
}
#moreSolutionsContainer .acc-content {
  border: none;
  padding: 0px 0px 15px 0px;
  text-align: left;
}
#moreSolutionsContainer .acc-content p {
    text-align: left;
    line-height: 30px;
    /*min-height: 215px;*/
}
#moreSolutionsContainer .acc-content a{
    color: var(--darkblue);
    text-decoration: underline;
}
#moreSolutionsContainer .acc-content a.notinline {
    background-image: url(images/icons/sol-arrow.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 10%;
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 400;
    text-decoration: none;
    padding: 0px 17px 0px 0px;
}
/* Auto Tabs END */

.lr-container {
    display: block;
    margin: 35px 0px 0px 0px;
    width: 100%;
}
.lr-container .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px 30px 0px;
}
.lr-container .inner:last-child{margin: 0px;}
.lr-container .inner .cols {
    flex: 0 0 50%;
}
.lr-container .inner .cols.cont {
    text-align: left;
    margin: 0px;
    flex: 0 0 45%;
}
.lr-container .inner .cols.cont h4.lr-title {
    font-size: 2.5rem;
    color: var(--black-heading);
    font-weight: 500;
    margin: 1em 0px 0px;
}
.lr-container .inner .cols.image {
}
.lr-container .inner .cols.image > img {width: auto;}
.lr-container .inner .cols.cont .cbpoints {margin: 0px;}
.lr-container .inner .cols.cont ul.cbpoints li {
    background-image: url('images/icons/icon-checklist.png');
    background-repeat: no-repeat;
    background-size: 3%;
    color: var(--black-normal);
    display: block;
    padding: 0px 0px 0px 25px;
    margin: 15px 0px;
    font-size: 1.5rem;
    font-family: var(--inter);
    font-weight: 300;
    background-position: left 2px;
}
.lr-container .inner .cols.cont .lr-btns {
    display: inline-block;
    width: 100%;
    margin: 20px 0px 0px;
}
.lr-container .inner .cols.cont .lr-btns > a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
    margin: 0px 15px 0px 0px;
}

.h-slider-container {
    display: block;
    margin: 50px 0px 0px;
    width: 100%;
}
.h-slider-container .inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.h-slider-container .inner .slick-list.draggable {
    padding-bottom: 85px !important;
}
.h-slider-container .inner .slick-slide {
    position: relative;
    top: 50px;
    transition: all ease-in-out 0.5s;
    display: flex;
    align-items: center;
}
.h-slider-container .inner .slick-slide {
    &.slick-center {
        top: 0px;
    }
}
.h-slider-container .inner .slick-slide .hsliders {
    display: flex !important;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /*background: #fff;*/
    /*padding: 30px;
    border-radius: 20px;*/
    gap: 60px;
}
.h-slider-container .inner .slick-slide .hsliders .inner {
    background: #fff;
    margin: 0px 30px;
    padding: 50px;
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
}
.h-slider-container .inner .slick-slide .cols {
    flex: 0 0 55%;
}
.h-slider-container .inner .slick-slide .cols.text {
    text-align: left;
    flex: 0 0 40%;
}
.h-slider-container .inner .slick-slide .cols.text .hslider-title {
    color: var(--black-heading);
    font-size: 30px;
    margin: 0px;
    font-weight: 400;
    line-height: 35px;
}
.h-slider-container .inner .slick-slide .cols.image {
    flex: 0 0 60%;
}
.h-slider-container .slick-dots {
    bottom: 15px;
}
.h-slider-container .slick-dots li {
    height: 10px;
    width: 10px;
    margin: 0px 10px;
}
.h-slider-container .slick-dots li.slick-active {
}
.h-slider-container .slick-dots li button {
    background: var(--lightblue);
    text-indent: -99999999px;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}
.h-slider-container .slick-dots li.slick-active button {
    background: var(--darkblue);
}
.complianceBlk {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.complianceBlk > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.complianceBlk > ul > li {
    display: block;
    width: 7%;
}
.complianceBlk > ul > li img {width: 100%;}

.analyst-rec-blk {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.analyst-rec-blk ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.analyst-rec-blk ul li {
    background: #fff;
    display: block;
    padding: 30px;
    width: 26%;
    margin: 0 30px 30px 0;
    box-shadow: -1px 1px 5px #c6c6c6;
    border-radius: 5px;
    text-align: left;
}
.analyst-rec-blk ul li img {max-height: 50px;}
.analyst-rec-blk ul li .analyst-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 25px;
}
.analyst-rec-blk ul li .analyst-desc {font-size: 1.7rem;}

/* Resources */
.resource-common-ecs-blk {
    background-image: linear-gradient(114.19deg, rgba(222, 227, 255, 0.1) 2.32%, rgba(102, 152, 251, 0.06) 21.88%, rgba(66, 189, 253, 0.06) 42.31%, rgba(222, 227, 255, 0.25) 64.48%, rgba(140, 200, 255, 0.2) 85.78%);
    background-position: bottom;
}
.resource-common-ecs-blk #ecs-free-trial-widget{background: transparent;}
.resource-common-ecs-blk #ecs-free-trial-widget .ecs-ft-wrapper_top .bg-gradient {background: #fff; bottom: 0px;}
.res-blk-wrapper {
    display: block;
    margin: 50px 0px;
    width: 100%;
}
.res-blk-wrapper .res-blk-outer {
}
.res-blk-wrapper .res-blk-outer .resource-common-blk {
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0px;
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item {
    display: block;
    width: 22.7%;
    box-shadow: 0px 0px 20px 0px #0000000F;
    margin: 15px 15px;
    position: relative;
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-overlay {
    background: var(--darkblue);
    height: 180px;
    width: 100%;
    position: absolute;
    max-height: 180px;
    opacity: 0.2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-blk-single {
    display: inline-block;
    padding: 15px 20px 15px 15px;
    width: 100%;
    /* min-height: 200px; */
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-blk-single .res-type {
    display: inline-block;
    margin: 0px;
    border: 2px solid rgba(0, 136, 207, 0.3);
    padding: 6px 8px;
    border-radius: 4px;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 500;
    color: var(--darkblue);
    text-transform: uppercase;
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-blk-single .res-type > i {margin: 0px 5px 0px 0px;}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-blk-single .res-title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 20px;
    margin: 15px 0px 0px;
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-link {
    display: inline-block;
    padding: 0px 0px 15px 15px;
    width: 100%;
    /*position: absolute; 
    bottom: 0px;
    left: 0px;*/
}
.res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-link a.resource-read-more, .res-blk-wrapper .res-blk-outer .resource-common-blk ul.grid li.res-item .res-link a.on-demand-watch {
    background-image: url("images/icons/sol-arrow.svg");
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}

.cardStackWrapper {
    display: flex;
    margin: 0px 0px 100px 0px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.cardStackWrapper .pin-spacer {
    display: block;
    margin: 0px;
    inset: auto;
    position: relative;
    overflow: visible;
    width: 100%;
    height: auto;
    padding: 25px 0px 0px 0px;
}
.cardStackWrapper .pin-spacer .miniCardWarapper {
    transform: translate3d(0px, 0px, 0px);
    inset: 0px auto auto 0px;
    margin: 0px;
    width: 1290px;
    height: auto;
    padding: 42px;
    border-radius: 20px;
    /*min-height: 806px;*/ /* dont use predefined height */
    min-height: fit-content;
    max-height: 806px;
}
.cardStackWrapper .pin-spacer .miniCardWarapper.blueGradient {
    /*background: linear-gradient(146.88deg,#a6edff 9.67%,#715bff 85.4%);*/
    background: #fff;
    box-shadow: 0 0 10px rgb(0,0,0, 0.1);
    height: fit-content;
}
.cardStackWrapper .pin-spacer .miniCardWarapper .singleCardWrapper {
}
.cardStackWrapper .pin-spacer .miniCardWarapper .singleCardWrapper .cardHeader {
}
.cardStackWrapper .pin-spacer .miniCardWarapper .singleCardWrapper .cardHeader .counter {
    /*display: inline-block;*/
    display: block;
    width: 60px;
    text-align: center;
    padding: 2px 0px;
    background: var(--lightblue);
    border-radius: 15px;
    font-family: var(--inter);
    font-weight: 400;
    color: var(--black-normal);
    margin: 0px 0px 15px 0px;
}
.singleCardWrapper .cardHeader .inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}
.singleCardWrapper .cardHeader .inner .cols {
}
.singleCardWrapper .cardHeader .inner .cols.icon img {border: 1px solid #ccc; border-radius: 10px;}
.singleCardWrapper .cardHeader .inner .cols.title {
}
.singleCardWrapper .cardHeader .inner .cols.title h5 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 35px;
    font-weight: 500;
    margin: 0px;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-start;*/
    justify-content: space-between;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper {
    display: block;
    width: 21.5%;
    background: #fff;
    border-radius: 10px;
    margin: 30px 0px 0px;
    border: 1px solid var(--lightblue);
    /*box-shadow: 0px 0px 10px rgb(0,0,0, 0.1);*/
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper a {text-decoration: none;}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper .imageWrap {
    display: block;
    width: 100%;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper .imageWrap img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper .contentWrap {
    display: block;
    padding: 25px;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper .contentWrap h5 {
    color: var(--black-heading);
    margin: 0px;
    font-family: var(--inter);
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
     min-height: 50px;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper .contentWrap p {
    font-size: 14px;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper .contentWrap a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration:none;
    background-repeat: no-repeat;
    background-position:100% 50%;
    padding:0px 17px 0px 0px;
    margin:0px 15px 0px 0px;
}
.miniCardWarapper .singleCardWrapper .smallCardWrapper .singleSmallCardWrapper .contentWrap a img {
    width: 15px;
}

/* Products & Solutions pages END */

/* Partners Page */
.filters {
    display: block;
    width: 100%;
    box-shadow: 0px 3px 4px 0px #00000040;
    border-radius: 100px;
}
.filters .ui-group {
    display: block;
    padding: 15px 35px;
}
.filters .ui-group .button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.filters .ui-group .button-group .button {
    display: block;
    width: 13%;
    margin: 0px 5px 0px;
    color: var(--black-normal);
    background: var(--lightblue);
    border: 1px solid var(--lightblue);
    box-shadow: none;
    font-family: var(--inter);
    font-size: 1.3rem;
    border-radius: 30px;
    font-weight: 400;
}
.filters .ui-group .button-group .button.is-checked {
    background: var(--darkblue);
    color: #fff;
    font-weight: 600;
}
.filters .ui-group .select-group {
    display: none;
}

.customer-quote {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: auto;
    margin: 40px 0px;
    align-items: center;
}
.customer-quote .cols.image {
    flex: 0 0 auto;
}
.customer-quote .cols.content {
    flex: 0 0 65%;
    position: relative;
    padding: 30px 0px 0px 60px;
}
.customer-quote .cols.content::before {
    content: "";
    background-image: url(images/icons/icon-quote-left.svg);
    display: block;
    height: 60px;
    width: 64px;
    position: absolute;
    left: 15px;
    top: 0px;
}
.customer-quote .cols.content p {margin: 0px;}
.customer-quote .cols.content .cqt-text {
    font-weight: 300;
    margin: 0px 0px 15px 0px;
    font-size: 2rem;
}
.customer-quote .cols.content .cqt-name {
    color: var(--darkblue);
    font-weight: 600;
    font-size: 16px;
}
.customer-quote .cols.content .cqt-desig {
    color: var(--black-heading);
    font-size: 14px;
    font-weight: 600;
}
.customer-quote .cols.content p img {width: 13%;}
.partner-cont-outer {
    display: block;
    width: 100%;
    margin: 35px 0px 0px 0px;
}
.partner-cont-outer ul.partner-list {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    /*align-items: center;*/
}
.partner-cont-outer ul.partner-list li.partner-item {
    display: block;
    width: 14%;
    box-shadow: 0px 0px 20px 0px #0D192D0D;
    border: 1px solid #0088CF17;
    padding: 30px;
    border-radius: 8px;
    margin: 10px;
}
.partner-cont-outer ul.partner-list li.partner-item > img {
    width: 100%;
}
.indv-partners-list {
    display: flex;
    margin: 50px auto;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.indv-partners-list .cols.left {flex: 0 0 30%;}
.indv-partners-list .cols.right {
    flex: 0 0 66%;
    margin: 0px 0px 0px 30px;
}
.indv-partners-list .cols.right ul {
    margin: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 25px;
}
.indv-partners-list .cols.right ul li {
    display: block;
    background: #fff;
    padding: 20px;
    width: 26%;
    border-radius: 8px;
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 20px 0px #0D192D0D;
    margin: 0px;
}
.indv-partners-list .cols.right ul li img {width: auto;}

.ptnr-benefits {
    display: block;
    overflow-x: auto; /* add this for the table not to hinder with responsiveness */
    width: 100%;
}
.ptnr-benefits table {
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 10px 0px #00000008;
    font-family: var(--inter);
    background: #fff;
    border-radius: 8px;
}
.ptnr-benefits table tr {
}
.ptnr-benefits table th {
    background: var(--darkblue);
    color: #fff;
    padding: 10px 40px;
    position: sticky;
}
.ptnr-benefits table tr td {
    padding: 15px 40px;
    border: 1px solid var(--lightblue);
    font-size: 13px;
    font-weight: 400;
    vertical-align: middle;
}
.ptnr-benefits table tr td.col-color {background: var(--lightblue);}
.ptnr-benefits table tr td.side-head {
    font-weight: 500;
    width: 140px;
    vertical-align: middle;
    color: var(--darkblue);
    font-size: 15px;
    padding: 0px 40px;
}
.indv-partner-quote {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.indv-partner-quote .cols.left {flex: 0 0 30%;}
.indv-partner-quote .cols.right {
    flex: 0 0 66%;
    margin: 0px 0px 0px 40px;
}
.indv-partner-quote .cols.right .quotes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
}
.indv-partner-quote .cols.right .quotes .qcols {
    background: #fff;
    flex: 0 0 40%;
    padding: 35px;
    border: 1px solid rgba(0, 136, 207, 0.09);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}
.indv-partner-quote .cols.right .quotes .qcols .quote {
    font-size: 1.5rem;
    min-height: 125px;
}
.indv-partner-quote .cols.right .quotes .qcols .qauth {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.indv-partner-quote .cols.right .quotes .qcols .qauth .qimage {flex: 0 0 20%;}
.indv-partner-quote .cols.right .quotes .qcols .qauth .qimage img {
    border: 2px solid var(--darkblue);
    border-radius: 100px;
}
.indv-partner-quote .cols.right .quotes .qcols .qauth .qdetails {
    flex: 0 0 70%;
    margin: 0px 0px 0px 30px;
}
.indv-partner-quote .cols.right .quotes .qcols .qauth .qdetails .qauth-name {
    color: var(--darkblue);
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0px;
}
.indv-partner-quote .cols.right .quotes .qcols .qauth .qdetails p:nth-child(2) {
    font-size: 1.4rem;
    margin: 0px 0px 10px 0px;
}
.indv-partner-quote .cols.right .quotes .qcols .qauth .qdetails img {width: 40%;}

.be-partner-cont {
    display: block;
    margin: 40px 0px 0px;
    width: 100%;
}
.be-partner-cont #be-ptrn-form {
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    justify-content: flex-start;
    border: 1px solid rgba(0, 136, 207, 0.09);
    box-shadow: 0px 0px 20px 0px rgba(13, 25, 45, 0.05);
    padding: 15px 40px;
}
.be-partner-cont #be-ptrn-form .blk1, .be-partner-cont #be-ptrn-form .blk2, .be-partner-cont #be-ptrn-form .blk3 {
    width: 100%;
    display: block;
    text-align: left;
}
.be-partner-cont #be-ptrn-form .blk1 ul, .be-partner-cont #be-ptrn-form .blk2 ul, .be-partner-cont #be-ptrn-form .blk3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0px;
}
.be-partner-cont #be-ptrn-form .blk1 ul li.row, .be-partner-cont #be-ptrn-form .blk2 ul li.row, .be-partner-cont #be-ptrn-form .blk3 ul li.row {
    display: block;
    width: 30%;
    margin: 5px 40px 5px 0px;
}
.be-partner-cont #be-ptrn-form .blk1 ul li.row select, .be-partner-cont #be-ptrn-form .blk2 ul li.row select, .be-partner-cont #be-ptrn-form .blk3 ul li.row select {
    background: none;
    border-width: 0px 0px 1px 0px;
    width: 100%;
    border-radius: 0px;
    padding: 15px 0px;
}
.be-partner-cont #be-ptrn-form .blk1 ul li.row input, .be-partner-cont #be-ptrn-form .blk2 ul li.row input, .be-partner-cont #be-ptrn-form .blk3 ul li.row input {
    border-width: 0px 0px 1px 0px;
    width: 100%;
    border-radius: 0px;
    padding: 0px;
    font-family: var(--inter);
    font-size: 1.4rem;
    color: var(--black-normal);
    font-weight: 400;
    padding: 15px 0px;
}
.be-partner-cont #be-ptrn-form .blk3 .ptrn-submit-cont {
    display: inline-block;
    margin: 30px 0px 30px;
    width: auto;
}
.be-partner-cont #be-ptrn-form .blk3 .ptrn-submit-cont .ptrn-submit {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    box-shadow: none;
    border-radius: 6px;
    color: #fff;
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 500;
    /* width: 345px; */
    padding: 17px 150px;
}
.be-partner-cont .newsletter-success{color: green;}

.partner-login-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border: 1px solid rgba(0, 136, 207, 0.09);
    box-shadow: 0px 0px 20px 0px rgba(13, 25, 45, 0.05);
    border-radius: 8px;
}
.partner-login-cont .cols.left {
    flex: 0 0 40%;
    text-align: left;
    padding: 15px 35px 0px;
}
.partner-login-cont .cols.left h2 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 3rem;
    margin: 0px;
}
.partner-login-cont .cols.left form {}
.partner-login-cont .cols.left ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.partner-login-cont .cols.left ul li {
    display: block;
    width: 100%;
    margin: 15px 0px;
}
.partner-login-cont .cols.left ul li input {
    border-width: 0px 0px 1px 0px;
    padding: 0px;
    padding: 20px 0px;
    border-radius: 0px;
    font-family: var(--inter);
    font-size: 1.4rem;
    font-weight: 400;
    width: 100%;
}
.partner-login-cont .cols.image {
    flex: 0 0 55%;
    /* display: none; */
    max-height: 386px;
}
.partner-login-cont .cols.image img {width: 100%;}
.partner-login-cont .cols.left form .partner_submit {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    box-shadow: none;
    border-radius: 6px;
    color: #fff;
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 500;
    padding: 18px 0px;
    margin: 25px 0px;
    width: 55%;
}


/* Company */
.comp-mission-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 0px;
}
.comp-mission-container .cols {
    display: block;
    width: 40%;
}
.comp-mission-container .cols .title {
    color: var(--darkblue);
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.comp-mission-container .cols .desc {
    color: var(--black-heading);
    font-style: italic;
    font-size: 24px;
    font-weight: 600;
}
.comp-mission-container .cols .cols {width: 100%;}
.comp-mission-container .cols .cols > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.comp-mission-container .cols .cols > ul li {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    background: #fff;
    width: 40%;
    padding: 15px;
    border-radius: 8px;
    margin: 0px 25px 25px 0px;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
.comp-mission-container .cols .cols > ul li img {
    margin: 0px 15px 0px 0px;
    width: 20%;
}
.comp-mission-container .cols .cols > ul li > p {
    color: var(--darkblue);
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin: 0px;
}
.aviews-cont {
    display: block;
    margin: 30px 0px 45px 0px;
    width: 100%;
}
.aviews-cont ul#analyst-views {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.aviews-cont ul#analyst-views > li {
    display: block;
    width: 26%;
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 20px 0px #0000000F;
    border-bottom: 5px solid var(--darkblue);
    position: relative;
    padding: 35px;
    border-radius: 8px;
    margin: 1.5rem 1.5rem;
}
.aviews-cont ul#analyst-views > li .fa-quote-left {
    color: var(--darkblue);
    font-size: 50px;
    position: absolute;
    left: 20px;
    top: 15px;
}
.aviews-cont ul#analyst-views > li > p {
    width: 80%;
    margin: 0 auto;
}
.aviews-cont ul#analyst-views > li .aviews-attrib {
    display: block;
    width: auto;
}
.aviews-cont ul#analyst-views > li .aviews-attrib .img1 {margin: 20px 0px;}
.aviews-cont ul#analyst-views > li .aviews-attrib .auth-name {
    margin: 0px;
    color: var(--darkblue);
    font-size: 1.8rem;
    font-weight: 600;
}
.aviews-cont ul#analyst-views > li .aviews-attrib .auth-pos {margin: 0px;}
.aviews-cont ul#analyst-views > li .aviews-attrib .auth-comp {margin: 0px;}
.entry-content .full-width .btn-center {display: block; width: auto; margin: 50px 0px 0px;}
.entry-content .full-width .btn-center a {
    color: #fff;
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    border-radius: 6px;
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    padding: 13px 25px;
}
.entry-content .full-width .btn-center a:hover{background: transparent; color: var(--darkblue);}
.company-more-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.company-more-container .cols {display: block; width: 50%;}
.company-more-container .cols > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.company-more-container .cols > ul li {
    display: flex;
    box-shadow: 0px 0px 20px 0px #0D192D0D;
    border: 1px solid #0088CF17;
    padding: 20px 5px;
    border-radius: 8px;
    margin: 10px 10px;
    flex-wrap: wrap;
    align-items: center;
    width: 45%;
    justify-content: space-evenly;
}
.company-more-container .cols > ul li div {flex: 0 0 auto;}
.company-more-container .cols > ul li div img {
    width: 53%;
    margin: 0px 5px;
    transition: all ease 0.5s;
}
.company-more-container .cols > ul li div img {
    &:hover{
        transform: translateX(0) rotateZ(45deg);
    }
}
.company-more-container .cols > ul li div p {margin: 0px; text-align: left;}
.company-more-container .cols > ul li div p:first-child {color: var(--darkblue); font-weight: 600; font-size: 15px;}
.company-more-container .cols > ul li div p:first-child {color: var(--darkblue); font-weight: 600; font-size: 15px;}
.company-more-container .cols.cont {text-align: left; margin: 0px 0px 0px 30px; width: 45%;}
.company-more-container .cols.cont span {
    color: var(--darkblue);
    background: var(--lightblue);
    padding: 10px 20px;
    border-radius: 5px;
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 400;
}
.company-more-container .cols.cont .more-title {
    color: var(--black-heading);
    font-size: 3rem;
    margin: 15px 0px 0px;
    font-weight: 700;
    text-transform: uppercase;
}
.company-more-container .cols.cont .more-desc {margin: 0px; font-size: 17px;}
.analyst-recog-container {
    display: flex;
    margin: 0px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.analyst-recog-container .analyst-cols {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.analyst-recog-container .analyst-cols.blocks {width: 66%; margin: 0px 30px 0px 0px;}
.analyst-recog-container .analyst-cols .cols {
    display: block;
    width: 44%;
    text-align: left;
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 20px 0px #0D192D0D;
    padding: 20px 20px;
    border-radius: 8px;
    margin: 0px 0px 25px 0px;
}
.contact-analyst-blk .analyst-recog-container .analyst-cols .cols{width: 49%;}
.analyst-recog-container .analyst-cols.blocks .cols img {width: 35%;}
.analyst-recog-container .analyst-cols.blocks .cols .title {color: var(--darkblue); font-size: 17px; font-weight: 500;}
.analyst-recog-container .analyst-cols.blocks .cols .desc {font-size: 1.7rem; margin: 0px;}
.analyst-recog-container .analyst-cols .cols.full {width: 100%;}
.analyst-recog-container .analyst-cols .cols.full img {/*width: 16%;*/}
.analyst-recog-container .analyst-cols.cont {/* flex: 0 0 30%; */ text-align: left; width: 30%;}
.analyst-recog-container .analyst-cols.cont span {
    display: inline-block;
    width: auto;
    color: var(--darkblue);
    background: var(--lightblue);
    padding: 10px 20px;
    border-radius: 5px;
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 400;
}
.analyst-recog-container .analyst-cols.cont .analyst-title {
    text-align: left;
    display: block;
    width: 100%;
    font-size: 3rem;
    font-weight: 700;
    margin: 10px 0px 0px 0px;
    text-transform: uppercase;
}
.analyst-recog-container .analyst-cols.cont .analyst-desc {margin: 0px;}

#accordion {margin: 30px auto 50px auto;}
#accordion .ui-accordion-header {
    text-align: left;
    position: relative;
    background: #fff;
    border-color: #0088CF33;
    box-shadow: 0px 0px 10px 0px #0D192D0D;
    margin: 10px 0px 10px 0px;
    padding: 10px 24px;
    border-radius: 8px;
    color: var(--darkblue);
    font-size: 1.7rem;
    font-weight: 500;
    text-transform: none;
}
#accordion .ui-accordion-header.ui-state-active {
    margin: 0px;
    border-width: 1px 1px 0px 1px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
#accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: 0px;
}
#accordion .ui-accordion-header .location {
    display: inline-block;
    width: 100%;
    color: var(--black-normal);
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0px;
}
#accordion .ui-accordion-content {
    text-align: left;
    padding: 15px 35px 30px;
    border-width: 0px 1px 1px 1px;
    border-color: #0088CF33;
    box-shadow: 0px 0px 10px 0px #0D192D0D;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
#accordion .ui-accordion-content h5 {
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 500;
}
#accordion .ui-accordion-content p {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 25px;
}
#accordion .ui-accordion-content ul {margin: 0px;}
#accordion .ui-accordion-content ul li {
    list-style: disc;
    font-family: var(--inter);
    color: var(--black-normal);
    font-weight: 300;
    margin: 10px 20px;
    font-size: 13px;
}
#accordion .ui-accordion-content ul.cbpoints li{background-position: left 3px; font-size: 1.6rem;}
#accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: 25px;
    background-image: url('images/icons/icon-accord-close.svg');
    height: 36px;
    width: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 33%;
}
#accordion .ui-accordion-header.ui-state-active .ui-icon {background-image: url('images/icons/icon-accord-open.svg');}

.newsroom-cont-main {
    display: block;
    float: left;
    margin: 0px;
    width: 100%;
}
.wrap1, .wrap2 {
    display: block;
    float: left;
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
}
.wrap1-inner{margin: 0 auto; width: 80%;}
.newsroom-section1 {
    width: calc(50% - ( 0.4 * 30px ) );
    float: left;
    /* border: 1px solid #ccc; */
    /* padding: 0px 30px 30px 30px; */
    margin-right: 50px;
    min-height: 773px;
}
.newsroom-featured-blk h2 {
    font-family: var(--inter);
    font-weight: 600;
    color: var(--black-heading);
    font-size: 2.2rem;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
}
.newsroom-featured-video span {
    font-family: var(--inter);
    font-weight: 500;
    color: var(--black-normal);
    display: inline-block;
    margin: 5px 0px 0px;
    font-size: 1.3em;
}
.newsroom-featured-video span a {
    color: var(--darkblue);
    text-decoration: none;
}
.newsroom-featured-video img, .newsroom-featured-xtra ul li img {
    width: 100%;
}
.newsroom-featured-xtra {
    display: inline-block;
    margin-top: 25px;
}
.newsroom-featured-xtra ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newsroom-featured-xtra ul li {
    display: inline-block;
    width: 46%;
    margin: 0px;
}
.newsroom-featured-xtra ul li .xtra-res-name {
    font-family: var(--inter);
    font-weight: 400;
    text-align: left;
    color: var(--black-normal);
    font-size: 1.2em;
    margin: 5px 0px;
}
.newsroom-featured-xtra ul li .xtra-res-name a {
    color: var(--darkblue);
    font-weight: 500;
    text-decoration: none;
}
.newsroom-section2 {
    width: calc(45% - ( 0.6 * 30px ) );
    float: left;
    /* background: #f5f5f5; */
    /* padding: 30px; */
}
.newsroom-press-rel-blk h2 {
    font-family: var(--inter);
    font-weight: 600;
    color: var(--black-heading);
    font-size: 2.2rem;
    margin-top: 0px;
    text-transform: uppercase;
}
.newsroom-press-rel-row .newsroom-press-rel-date {
    font-family: var(--inter);
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
    font-size: 1.1em;
}
.newsroom-press-rel-row .newsroom-press-rel-title {
    font-family: var(--inter);
    font-weight: 400;
    font-size: 1.4rem;
    margin: 0px;
}
.newsroom-press-rel-row .newsroom-press-rel-title a {
    color: var(--darkblue);
    text-decoration: none;
}
.newsroom-press-rel-blk hr {
    margin: 10px 0px 10px 0px;
    background: rgba(0, 136, 207, 0.3);
}
.newsroom-section2 .newsroom-press-rel-readmore {
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    color: #fff;
    font-family: var(--inter);
    font-size: 1.4rem;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 6px;
    text-decoration: none;
    margin: 10px 0px 0px;
    display: inline-block;
}
.newsroom-section2 .newsroom-press-rel-readmore:hover{background: transparent; color: var(--darkblue);}
.wrap2{background: rgba(0, 136, 207, 0.1);}
.wrap2-inner{margin: 0 auto; width: 80%;}
.newsroom-section3 {
    float: left;
    width: calc(30% - ( 0.4 * 30px ) );
    /* border: 1px solid #ccc; */
    /* padding: 0px 30px 30px 30px; */
    margin-right: 30px;
}
.newsroom-media-cover-blk h2 {
    font-family: var(--inter);
    font-weight: 600;
    color: var(--black-heading);
    font-size: 2.2rem;
    margin: 0px 0px 30px 0px;
    text-transform: uppercase;
}
.newsroom-media-rel-row .newsroom-media-rel-date {
    font-family: var(--inter);
    font-weight: 400;
    color: var(--black-normal);
    text-transform: uppercase;
    font-size: 1.1em;
}
.newsroom-media-rel-row .newsroom-media-rel-title {
    font-family: var(--inter);
    font-weight: 400;
    font-size: 1.4rem;
}
.newsroom-media-rel-row .newsroom-media-rel-title a {
    color: var(--darkblue);
    text-decoration: none;
}
.newsroom-media-cover-blk hr {
    background: var(--lightblue);
    margin: 10px 0px 10px 0px;
}
.newsroom-section3 .newsroom-media-rel-readmore {
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    color: #fff;
    font-family: var(--inter);
    font-size: 1.4rem;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 6px;
    text-decoration: none;
    margin: 10px 0px 0px;
    display: inline-block;
}
.newsroom-section3 .newsroom-media-rel-readmore:hover{background: transparent; color: var(--darkblue);}
.newsroom-section4 {
    float: left;
    width: calc(34% - ( 0.4 * 19px ) );
    /* border: 1px solid #ccc; */
    margin-right: 30px;
}
.newsroom-blog-cont h2 {
    font-family: var(--inter);
    font-weight: 600;
    font-size: 2.2rem;
    color: #000;
    padding: 0px;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
}
.newsroom-blog-cont-inner ul {
    margin: 0px;
}
.newsroom-blog-cont-inner ul li {
    margin: 0px 0px 18px 0px;
    float: left;
    width: 100%;
    list-style: none;
    background: #fff;
    border-radius: 8px;
}
.newsroom-blog-cont-inner ul li .blog-profile {
    background: #fff;
    /* border-top: 1px solid #ccc; */
    float: left;
    width: 100%;
    border-radius: 8px;
}
.newsroom-blog-cont-inner ul li .blog-profile .left {
    float: left;
    margin: 7px 0px 7px 15px;
}
.newsroom-blog-cont-inner ul li .blog-profile .left img {
    height: 60px;
    border-radius: 60px;
    width: 60px;
    border: 2px solid var(--darkblue);
}
.newsroom-blog-cont-inner ul li .blog-profile .right {
    left: 15px;
    position: relative;
    top: 10px;
}
.newsroom-blog-cont-inner ul li .blog-profile .right .profile-name {
    font-family: var(--inter);
    font-weight: 400;
    color: #000;
    font-size: 1.2em;
    margin: 8px 0px 0px 0px;
}
.newsroom-blog-cont-inner ul li .blog-profile .right .blog-date {
    color: #000;
    font-family: var(--inter);
    font-weight: 400;
    color: #999;
    font-size: 1em;
    margin: 0px;
}
.newsroom-blog-cont-inner ul li img {
    width: 100%;
}
.newsroom-blog-cont-inner ul li .blog-title {
    margin: 7px 0;
}
.newsroom-blog-cont-inner ul li .blog-title a {
    color: var(--black-heading);
    text-decoration: none;
    font-family: var(--inter);
    font-weight: 500;
    font-size: 1.5rem;
    padding: 10px 20px;
    display: inline-block;
}
.newsroom-section5 {
    float: left;
    width: calc(33% - ( 0.4 * 0px ) );
    /*border: 1px solid #ccc;*/
}
.newsroom-twitter-follow-blk {
    border-top: 1px solid #ccc;
    padding: 10px 20px 7px 20px;
}
.entry-content .newsroom-video-xtra-blk {
    display: block;
    float: left;
    margin: 50px 0px;
    width: 100%;
}
.videosYtBlkMain {
    display: inline-block;
    width: 100%;
}
.videosYtBlkMain > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
}
.videosYtBlkMain > ul > li {
    display: block;
    width: 23%;
    margin: 0 10px 10px 0;
    /* border: 1px solid #ccc; */
    background: linear-gradient(310deg,rgba(125,129,251,.3) .01%,rgba(244,197,204,.3));
    text-align: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.videosYtBlkMain > ul > li > a.playYTVideo {
    display: inline-block;
    text-decoration: none;
}
.videosYtBlkMain > ul > li > a.playYTVideo > img {
    width: 100%;
}
.videosYtBlkMain > ul > li .ytType {
    color: #fff;
    font-family: var(--inter);
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    display: inline-block;
    padding: 5px 10px;
    width: auto;
    text-align: left;
    text-transform: uppercase;
    background: #a687d6;
    margin-left: 15px;
    border-radius: 10px;
}
.videosYtBlkMain > ul > li .ytTitle {
    color: #000;
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    display: block;
    padding: 20px 0 25px 15px;
    width: 91%;
    text-align: left;
}

.slxSolLtr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    flex-direction: row;
    padding: 50px 0px;
    align-items: center;
}
.slxSolLtr .cols {flex: 0 0 48%;}
.slxSolLtr .cols h3 {font-size: 3rem; margin-top: 0px;}
.slxSolLtr .cols .box {display: block; width: auto;}
.slxSolLtr .cols .box ul {
    display: flex;
    margin: 0px;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}
.slxSolLtr .cols .box ul li {
    background: #fff;
    display: block;
    width: 41%;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 2px 0px #0000001A;
    /* min-height: 100px; */
    margin: 0px;
}
.slxSolLtr .cols .box ul li p {font-size: 1.5rem;}
.slxSolLtr .cols .box ul li p b {color: var(--darkblue); font-weight: 500;}
.leadership-cont {
    display: block;
    width: 100%;
    margin: 0px;
}
.leadership-cont .lead-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(0, 136, 207, 0.3);
    margin: 30px 0px 30px 0px;
    padding: 0px 0px 30px 0px;
    gap: 40px;
}
.leadership-cont .lead-col:last-child {margin: 30px 0px 0px 0px;}
.leadership-cont .lead-col .left {
    flex: 0 0 auto;
    text-align: center;
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 20px 0px #0000000F;
    border-radius: 8px;
    padding: 0px 0px 2em 0px;
}
.leadership-cont .lead-col .left img {
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
}
.leadership-cont .lead-col .left h4 {
    color: var(--darkblue);
    font-size: 25px;
    margin: 1em 0px 0px;
}
.leadership-cont .lead-col .left h5 {
    font-size: 1.6rem;
    font-weight: 300;
    width: 90%;
    margin: 0 auto 1em auto;
}
.leadership-cont .lead-col .left ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.leadership-cont .lead-col .left ul li {
    display: block;
    width: auto;
}
.leadership-cont .lead-col .left ul li i {
    font-size: 20px;
    border: 1px solid var(--darkblue);
    border-radius: 50px;
    padding: 10px 12px;
}
.leadership-cont .lead-col .right {flex: 0 0 75%;}
.leadership-cont .lead-col .right p {/* font-size: 1.6rem; */}

/* Support Portal */
.support-login-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid rgba(0, 136, 207, 0.15);
    box-shadow: 0px 4px 20px 0px rgba(13, 25, 45, 0.06);
    border-radius: 12px;
    margin: 0 auto;
    width: 80%;
    background: #fff;
    position: relative;
    z-index: 1;
}
.support-login-cont .cols {
    flex: 0 0 44%;
    padding: 20px 40px;
    text-align: left;
}
.support-login-cont .cols.left {
    flex: 0 0 50%;
}
.support-login-cont .cols.left h3 {
    font-size: 1.7rem;
}
.support-login-cont .cols.right {
    flex: 0 0 30%;
}
.support-login-cont .cols.right h3 {
    font-size: 1.7rem;
}
.support-login-cont .cols.right .support_form {
}
.support-login-cont .cols.right .support_form ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.support-login-cont .cols.right .support_form ul li {
    display: block;
    margin: 20px 0px;
    width: 100%;
}
.support-login-cont .cols.right .support_form ul li input {
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    width: 100%;
}
.support-login-cont .cols.right .support_form .support_submit {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    color: #fff;
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 500;
    width: 100%;
    border-radius: 6px;
    padding: 15px 0px;
    margin: 20px 0px 20px 0px;
}
.support-login-cont .cols.right .sup-forgot-cred {
    display: block;
    width: 100%;
    text-align: center;
}
.support-login-cont .cols.right .sup-forgot-cred a {
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
}
.contactUs-blk-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    margin: 50px 0px 0px;
}
.contactUs-blk-inner .left {flex: 0 0 40%;}
.contactUs-blk-inner .left ul {margin: 0px;}
.contactUs-blk-inner .left ul li {
    display: flex;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(0, 136, 207, 0.09);
    box-shadow: 0px 0px 20px 0px rgba(13, 25, 45, 0.05);
    margin: 0px 0px 35px 0px;
}
.contactUs-blk-inner .left ul li .details {
    display: block;
    width: auto;
    margin: 0px 0px 0px 20px;
}
.contactUs-blk-inner .left ul li .details .title {
    color: var(--darkblue);
    font-weight: 600;
    margin: 0px;
}
.contactUs-blk-inner .left ul li .details .desc {
    margin: 10px 0px 0px;
    font-size: 1.5rem;
    font-weight: 400;
}
.contactUs-blk-inner .right {
    flex: 0 0 55%;
    margin: 0px 0px 0px 30px;
    border: 1px solid rgba(0, 136, 207, 0.09);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 30px;
    border-radius: 8px;
}
.contactUs-blk-inner .right .cts-message {
    display: block;
    margin: 0px 0px 30px;
    &.error {
        color: #ee2424;
    }
}
.contactUs-blk-inner .right .reg-ajx-msg {
    display: block;
    margin: 0px 0px 30px;
    &.error {
        color: #ee2424;
    }
}
.contactUs-blk-inner .right #contactUs {
}
.contactUs-blk-inner .right ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contactUs-blk-inner .right ul li {
    display: block;
    width: 47%;
    margin: 0px 0px 40px 0px;
    
    &.full {
        width: 100%;
        margin: 5px 0px 0px;
        padding: 5px 0px;
        p {
            margin: 0px;
            font-size: 1.3rem;
        }
    }
}
.contactUs-blk-inner .right ul li input {
    border-width: 0px 0px 1px 0px;
    font-family: var(--inter);
    font-size: 1.3rem;
    font-weight: 300;
    width: 100%;
    padding: 0px 0px 10px 0px;
    border-radius: 0px;
    border-color: var(--darkblue);
    color: var(--black-heading);

    &[type="checkbox"] {
        width: auto;
        margin: 0px 5px 0px 0px;
        position: relative;
        top: 1px;
    }
}
.contactUs-blk-inner .right ul li select {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    padding: 0px 0px 10px 0px;
    width: 100%;
    font-family: var(--inter);
    font-size: 1.4rem;
    font-weight: 300;
    border-color: var(--darkblue);
}
.contactUs-blk-inner .right ul li textarea {
    border: 1px solid var(--darkblue);
    border-radius: 0;
    height: 75px;
}
.contactUs-blk-inner .right .g-recaptcha {margin: 15px 0px 10px;}
.contactUs-blk-inner .right .cts-btn-submit, .contactUs-blk-inner .right .register_submit {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    border-radius: 6px;
    color: #fff;
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 500;
    padding: 15px 40px;
}
.contactAddr-blk-inner {
    display: block;
    width: 100%;
}
.contactAddr-blk-inner ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}
.contactAddr-blk-inner ul li {
    display: block;
    margin: 10px 10px;
    width: 23%;
    text-align: left;
    border: 1px solid rgba(0, 136, 207, 0.09);
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 0px 0px 25px 0px;
}
.contactAddr-blk-inner ul li img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    /*max-height: 170px;*/
}
.contactAddr-blk-inner ul li p {
    margin: 0 auto;
    width: 85%;
    padding: 17px 0px 0px;
    font-size: 1.6rem;
}

/* All ECS START */

.ecsFreeTrialInnerBlk {
    display: block;
    width: 100%;
}
.ecsFreeTrialInnerBlk .inner {}
.ecsFreeTrialInnerBlk .inner #getStarted-email {
    height: 50px;
    border-width: 1px;
    border: 2px solid #0088CF80;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    position: relative;
    min-width: 315px;
    padding: 15px;
}
.ecsFreeTrialInnerBlk .inner .bnr-subscribe.getStarted-btn {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    box-shadow: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #fff;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 400;
    /* height: 50px; */
    position: relative;
    left: -10px;
    padding: 15px 30px;
    height: 50px;
    top: 0.5px;
}
.ecs-key-use-cases-head {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0px 0px 40px 0px;
    align-items: last baseline;
}
.ecs-key-use-cases-head .cols {flex: 0 0 50%;}
.ecs-key-use-cases-head .cols .btns-dropdown {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.ecs-key-use-cases-head .cols .btns-dropdown ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.ecs-key-use-cases-head .cols .btns-dropdown ul > li {
    display: block;
    width: auto;
    margin: 0px 15px;
    background: var(--darkblue);
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 500;
    position: relative;

    &:hover ul{
        display: flex;
    }
}
.ecs-key-use-cases-head .cols .btns-dropdown ul > li .fa-angle-down {
    font-size: 15px;
    margin: 0px 0px 0px 10px;
}
.ecs-key-use-cases-head .cols .btns-dropdown ul > li > ul {
    display: none; 
    position: absolute;
    left: 0px;
    margin: 0px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    flex-wrap: wrap;
    justify-content: flex-start;
    top: 44px;
}
.ecs-key-use-cases-head .cols .btns-dropdown ul > li > ul > li {
    padding: 7px 10px;
    margin: 0px;
    background: transparent;
    display: block;
    width: 100%;
}
.ecs-key-use-cases-head .cols .btns-dropdown ul > li > ul > li a {
    font-size: 11px;
}

.ecs-key-use-cases {
    display: block;
    width: 100%;
    margin: 0px;
}
.ecs-key-use-cases ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    /*align-items: flex-start;*/
}
.ecs-key-use-cases ul li {
    margin: 0px 10px;
    display: block;
    width: 19%;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
}
/*.ecs-key-use-cases ul li:first-child {
    background: none;
    position: relative;
}*/
.ecs-key-use-cases ul li:first-child img {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
}
.ecs-key-use-cases ul li h4 {
    color: var(--darkblue);
    margin: 0px;
}
.ecs-key-use-cases ul li p {
    font-size: 1.5rem;
    min-height: 150px;
}
.ecs-key-use-cases ul li .btns-dropdown {
    display: block;
    width: 100%;
}
.ecs-key-use-cases ul li .btns-dropdown ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ecs-key-use-cases ul li .btns-dropdown ul li {
    padding: 0px;
    width: 37%;
    margin: 0px;
    border: 1px solid var(--darkblue);
    border-radius: 5px;
    padding: 10px;
    position: relative;
    background: var(--darkblue);
    color: #fff;
    font-family: var(--inter);
    font-weight: 500;
    font-size: 1.3rem;
    &:hover ul {
        display: block;
    }
}
.ecs-key-use-cases ul li .btns-dropdown ul li ul{display: none;}
.ecs-key-use-cases ul li .btns-dropdown ul li i {
    position: absolute;
    right: 10px;
    top: 15px;
}
.ecs-key-use-cases ul li > a {
    background-image: url("images/icons/sol-arrow.svg");
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}
.ecs-platform-overview {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    margin: 45px 0px 0px;
    align-items: center;
}
.ecs-platform-overview .cols {
    flex: 0 0 50%;
}
.ecs-platform-overview .cols.cont {
}
.ecs-platform-overview .cols.cont ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.ecs-platform-overview .cols.cont ul li {
    display: flex;
    width: 41%;
    margin: 0px 15px 20px 0px;
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 20px 0px #0D192D0D;
    border-radius: 8px;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;

    &:last-child{
        width: 100%;
    }
}
.ecs-platform-overview .cols.cont ul li img {width: auto;}
.ecs-platform-overview .cols.cont ul li h4 {
    width: 70%;
    margin: 0px 0px 0px 20px;
    line-height: 23px;
    font-family: var(--inter);
    color: var(--black-heading);
    font-size: 1.7rem;
}
.ecs-platform-overview .cols.cont ul li p {
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
}
.ecs-platform-overview .cols.image {}
.ecs-secure {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
}
.ecs-secure .cols {
    flex: 0 0 50%;
}
.ecs-secure .cols.img {
    flex: 0 0 30%;
}
.ecs-secure .cols.cont {
    flex: 0 0 66%;
    text-align: left;
    margin: 0px 0px 0px 45px;
}
.ecs-secure .cols.cont h3 {
    color: #fff;
    margin: 0px 0px 20px 0px;
}
.ecs-secure .cols.cont ul {
    margin: 0px;
    display: block;
}
.ecs-secure .cols.cont > ul > li {
    display: block;
    width: 100%;
    background-image: url('images/icons/icon-points-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font-family: var(--inter);
    font-size: 1.7rem;
    padding: 0px 0px 0px 32px;
    margin: 10px 0px;
}
.ecs-secure .cols.cont .secure-logos {
    display: inline-block;
    width: auto;
    background: #fff;
    border-radius: 8px;
    padding: 20px 20px;
    margin: 20px 0px 0px 0px;
}
.ecs-secure .cols.cont .secure-logos > ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: auto;
}
.ecs-secure .cols.cont .secure-logos > ul li {
    display: block;
    width: 13%;
    margin: 0px;
    float: left;
}
.ecs-secure .cols.cont .secure-logos > ul li img {width: 100%;}
.ecs-btns-center {
    display: inline-block;
    margin: 25px 0px 0px;
    width: auto;
}
.ecs-btns-center a {
    background: #fff;
    border: 2px solid var(--darkblue);
    padding: 15px 35px;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration: none;
    border-radius: 5px;
    margin: 0px 10px;
}
.ecs-btns-center a.solid {
    background: var(--darkblue);
    color: #fff;
}
.ecs-btns-center p{font-size: 1.3rem; margin: 30px 0px 0px;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk {
    flex: 0 0 50%;
    position: relative;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk {
    margin: 0 auto;
    width: 65%;
    padding: 30px;
    background: #fff;
    position: absolute;
    right: 0px;
    border: 1px solid rgba(0, 136, 207, 0.09);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk .title {
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk .reg-ajx-msg {
    font-family: var(--inter);
    font-size: 1.4rem;
    font-weight: 500;
    &.error {
        color: #ee2424;
    }
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form {
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    margin: 0px;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form ul li {display: block; width: auto; margin: 10px 0px;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form ul li p {
    margin: 0px;
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.3rem;
    font-weight: 300;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form ul li.full {width: 100%;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form ul li.full.captcha {margin: 10px 0px 30px 0px;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form ul li.half {width: 45%;}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form ul li input {
    border-width: 0px 0px 1px 0px;
    border-color: var(--darkblue);
    border-radius: 0px;
    padding: 0px 0px 10px 0px;
    font-family: var(--inter);
    font-size: 1.3rem;
    font-weight: 300;
    width: 100%;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.ecs-demo-blk .reg-blk #slx-reg-form .ecsFinDemoBtn {
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    box-shadow: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
}
#pricingTabs {
    padding: 0px;
    border: 0px;
}
#pricingTabs.ui-tabs .ui-tabs-nav {
    display: inline-block;
    background: #0088CF1A;
    border: 1px solid #0088CF;
    box-shadow: 0px 0px 20px 0px #0000000F;
    padding: 10px;
    border-radius: 100px;
}
#pricingTabs.ui-tabs .ui-tabs-nav li {
    border: none;
    background: transparent;
    font-family: var(--inter);
    font-size: 1.8rem;
    font-weight: 600;
    padding: 5px;

    &.ui-tabs-active {
        background: var(--darkblue);
        border-radius: 100px;
        border: 1px solid var(--darkblue);
        font-weight: 600;
        & a {
            color: #fff;
        }
    }
}
#pricingTabs .ui-tabs-panel {
    padding: 0px;
    margin: 40px 0px 0px;
}
.pricing-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}
.pricing-inner .cols {
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 20px 0px #0000000F;
    border-radius: 12px;
    padding: 30px;
    text-align: left;
    display: block;
    width: 28%;
}
.pricing-inner .cols .title {
    color: var(--darkblue);
    font-size: 30px;
    font-weight: 600;
    margin: 0px;
}
.pricing-inner .cols .price {
    font-size: 4.5rem;
    margin: 0px;
    font-weight: 600;
}
.pricing-inner .cols .price::before{
    content: "$";
}
.pricing-inner .cols .price span {
    font-size: 1.6rem;
    font-weight: 300;
}
.pricing-inner .cols .desc {
    margin: 0px 0px 30px;
    font-size: 1.8rem;
    font-weight: 400;
}
.pricing-inner .cols .desc span{}
.pricing-inner .cols .desc span::before{
    content: "$";
}
.pricing-inner .cols a {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-family: var(--inter);
    font-weight: 500;
    font-size: 1.7rem;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.pricing-inner .cols .options {
    display: block;
    margin: 20px 0px;
    border-bottom: 1px solid rgba(0, 136, 207, 0.3);
}
.pricing-inner .cols .options .title {
    color: var(--black-heading);
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
}
.pricing-inner .cols .options ul {
    margin: 10px 0px 20px 0px;
}
.pricing-inner .cols .options ul li {
    background-image: url('images/icons/icon-ecs-options.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    display: block;
    margin: 10px 0px;
    font-size: 1.3rem;
    padding: 0px 0px 0px 30px;
}
.pricing-inner .cols .addons {}
.pricing-inner .cols .addons .title {
    color: var(--black-heading);
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
}
.pricing-inner .cols .addons ul {
    margin: 10px 0px 20px 0px;
}
.pricing-inner .cols .addons ul li {
    background-image: url('images/icons/icon-ecs-options.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    display: block;
    margin: 10px 0px;
    font-size: 1.3rem;
    padding: 0px 0px 0px 30px;
}
.pricing-inner .cols .addons ul li span {}
.pricing-inner .cols .addons ul li span::before{content: "$";}




/* All ECS END */


/* All Resource Lead-gen START */

.inner-page-banner-wrapper.lead-gen {
    min-height: 400px;
    padding: 0px 0px 50px 0px;
}
.inner-page-banner-wrapper.lead-gen .inner .inner-page-banner_hero .cols.cont {
    flex: 0 0 55%;
}
.inner-page-banner-wrapper.lead-gen .inner .inner-page-banner_hero .cols.cont h1 {
    /* font-size: 35px; */
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont span.res-type {
    background: var(--lightblue);
    color: var(--darkblue);
    padding: 10px 20px;
    font-family: var(--inter);
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px 0px 10px 0px;
    display: inline-block;
    border-radius: 4px;
}
.res-d-main-cont-wrapper {
    display: block;
    margin: 0px 0px 50px 0px;
    width: 100%;
}
.site-content .res-d-main-cont-wrapper .full-width {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /*justify-content: flex-start;*/
    justify-content: space-between;
}
.site-content .res-d-main-cont-wrapper .full-width .cols {flex: 0 0 50%;}
.site-content .res-d-main-cont-wrapper .full-width .cols.cont {flex: 0 0 57%; margin: 30px 30px 0px 0px; min-height: 360px;}
.site-content .res-d-main-cont-wrapper .full-width .cols.cont .entry-content h5 {
    font-family: var(--inter);
    font-size: 2rem;
    color: var(--black-heading);
    font-weight: 500;
}
.site-content .res-d-main-cont-wrapper .full-width .cols.cont .entry-content img.res-cover-image {float: right; width: 20%; margin: 0px 0px 0px 20px;}
.site-content .res-d-main-cont-wrapper .full-width .cols.cont .entry-content .res-auth-desc img {float: left; margin: 0px 20px 0px 0px;}
.site-content .res-d-main-cont-wrapper .full-width .cols.form-fill {flex: 0 0 40%; position: relative;}
.site-content .res-d-main-cont-wrapper .full-width .cols.cont p {font-size: 1.7rem;}
.site-content .res-d-main-cont-wrapper .full-width .cols.cont .cbpoints li {
    font-family: var(--inter);
    list-style: none;
    background-image: url('images/icons/icon-checklist.png');
    background-repeat: no-repeat;
    margin: 0px 10px 0px 0px !important;
    padding: 0px 0px 15px 25px;
    font-size: 1.6rem;
    color: #000;
    font-weight: 300;
    line-height: 30px;
    width: 90%;
    background-size: 2%;
    background-position: left 30%;
}
#user_registration_download {
    border: 1px solid #0088CF17;
    box-shadow: 0px 0px 20px 0px #0000000F;
    border-radius: 8px;
    padding: 35px;
    position: absolute;
    top: -310px;
    z-index: 1;
    background: #fff;
}
#user_registration_download .form-title {
    display: block;
    width: auto;
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 35px;
}
#user_registration_download .user_register {
    display: block;
    margin: 20px 0px 0px;
    width: 100%;
}
#user_registration_download .user_register .reg-ajx-msg {
    &.error{
        color: #ee2424;
    }
}
#user_registration_download .user_register #slx-reg-form {
}
#user_registration_download .user_register #slx-reg-form ul {
    display: flex;
    margin: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
#user_registration_download .user_register #slx-reg-form ul li {
    display: block;
    width: auto;
    margin: 15px 0px;
}
#user_registration_download .user_register #slx-reg-form ul li.full {
    width: 100%;
    & .iti {
        width: 100%;

        & .iti__country-list {
            & li {
                margin: 5px 0px;
                width: 100%;
            }
        }
    }
    & .iti__selected-country-primary {
        padding: 0px;
    }
}
#user_registration_download .user_register #slx-reg-form ul li input {
    background: #fff;
    border-width: 0px 0px 1px 0px;
    border-color: var(--darkblue);
    padding: 0px 0px 10px 0px;
    border-radius: 0px;
    width: 100%;
    font-family: var(--inter);
    font-size: 1.3rem;
    font-weight: 300;
}
#user_registration_download .user_register #slx-reg-form ul li.half {width: 48%;}
#user_registration_download .user_register #slx-reg-form ul li select {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    border-color: var(--darkblue);
    border-radius: 0px;
    font-family: var(--inter);
    font-size: 1.3rem;
    font-weight: 300;
    width: 100%;
    padding: 0px 0px 10px 0px;
}
#user_registration_download .user_register #slx-reg-form ul li input[type="checkbox"] {width: auto; margin: 0px 5px 0px 0px;}
#user_registration_download .user_register #slx-reg-form .register_submit {
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    box-shadow: none;
    color: #fff;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    padding: 15px 0px;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont .inner-page-banner_logo {
    display: block;
    width: auto;
}
.inner-page-banner-wrapper.upc-webinar .inner-page-banner_hero .cols.cont .webinar-date {
    display: inline-block;
    width: auto;
    background: var(--darkblue);
    margin: 20px 0px;
    padding: 15px 20px;
    font-family: var(--inter);
    border-radius: 5px;
}
.inner-page-banner-wrapper.upc-webinar .inner-page-banner_hero .cols.cont .webinar-date span {
    color: #fff;
    font-size: 1.5rem;
    background-image: url('images/icons/icon-calendar-webinar.svg');
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0px 0px 0px 25px;
    font-weight: 500;
}
.inner-page-banner-wrapper .inner .inner-page-banner_hero .cols.cont .inner-page-banner_logo img {width: 10%;}
.res-customers-blk {
    display: block;
    margin: 40px 0px 0px;
    width: 100%;
}
.res-customers-blk ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    margin: 0px;
}
.res-customers-blk ul li {
    display: block;
    width: 10%;
}
.res-customers-blk ul li img {width: 100%;}

/* All Knowledge Base */
.full-width-kb {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.kb-container {
    display: block;
    margin: 40px 0px;
    width: 100%;
}
.kb-container .button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 0px 0px 35px 0px;
}
.kb-container .button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 0px 0px 35px 0px;
}
.kb-container .button-group .kb-filter-button {
    background: var(--lightblue);
    border: 1px solid var(--lightblue);
    display: block;
    margin: 10px 7px;
    padding: 13px 20px;
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--black-normal);
}
.kb-container .button-group .kb-filter-button.is-checked {
    background: var(--darkblue);
    color: #fff;
}
.kb-container .kbGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
}
.kb-container .kbGrid .kb-element-item {
    display: block;
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.kb-container .kbGrid .kb-element-item > h3 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 600;
}
.kb-container .kbGrid .kb-element-item .kb-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.kb-container .kbGrid .kb-element-item .kb-row .kb-cols {
    display: block;
    margin: 13px 13px 13px 0px;
    width: auto;
}
.kb-container .kbGrid .kb-element-item .kb-row .kb-cols > a {
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
}
.entry-content .kb-content-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}
.entry-content .kb-content-inner .cols {flex: 0 0 50%;}
.entry-content .kb-content-inner .cols.cont {
    flex: 0 0 67%;
    margin: 0px 35px 0px 0px;
}
.kb-content-inner .cols .cbpoints li {
    background-image: url(images/icons/icon-checklist.png);
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    margin: 20px 0;
    padding: 0 0 0 30px;
    background-position: top left;
    font-size: 17px;
}
.entry-content .kb-content-inner .cols.cont h2 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 2.8rem;
    font-weight: 600;
}
.entry-content .kb-content-inner .cols.cont > p {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 30px;
}
.entry-content .kb-content-inner .cols.cont h3 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 2.8rem;
    font-weight: 600;
}
.entry-content .kb-content-inner .cols.cont .cbpoints li {
    display: block;
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 300;
    margin: 13px 0px;
    background-image: url('images/icons/icon-ok-blue.svg');
    background-repeat: no-repeat;
    background-position: 0% 2px;
    background-size: 2%;
    padding: 0px 0px 0px 30px;
}
.entry-content .kb-content-inner .cols.rSidebar {flex: 0 0 30%;}
.entry-content .kb-content-inner .cols.rSidebar .custWidget {
    display: block;
    padding: 30px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    margin: 35px 0px;
}
.entry-content .kb-content-inner .cols.rSidebar .custWidget.hubspot .title-main {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 2.8rem;
    font-weight: 600;
    margin: 0px 0px 25px 0px;
    line-height: 33px;
}
.entry-content .kb-content-inner .cols.cont #faqAccord {display: block; width: 100%;}
.entry-content .kb-content-inner .cols.cont #faqAccord h3 {font-size: 1.7rem;}
.entry-content .kb-content-inner .cols.cont #faqAccord .faqAccordCont {display: block; width: 100%;}
.entry-content .kb-content-inner .cols.cont #faqAccord .faqAccordCont p {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 30px;
}
.kb-rel-resources {
    margin: 35px 0px;
    display: block;
    width: 100%;
}
.policy-blk {
    display: block;
    margin: 0px;
    width: 100%;
}
.policy-blk h3 {
    font-size: 2rem;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
}
.policy-blk .cbpoints {margin: 0px 0px 0px 35px;}
.policy-blk .cbpoints li {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 300;
    margin: 10px 0px;
    list-style: disc;
}
.policy-blk hr {margin: 20px 0px; display: inline-block; width: 100%;}
.product-answers-grid {
    display: block;
    margin: 0px;
    width: 100%;
}
.product-answers-grid ul.grid {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    margin: 0px;
    /*gap: 20px;*/
}
.product-answers-grid ul.grid li {
    display: block;
    width: 23%;
    margin: 0px 10px 30px;
    border: 1px solid var(--lightblue);
    padding: 15px;
    box-shadow: 0px 0px 10px rgb(0,0,0,0.05);
    border-radius: 5px;
}
.product-answers-grid ul.grid li a {
    color: #000;
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    /* width: auto; */
    width: 100%;
}
.product-answers-grid ul.grid li .learningDetails {position: relative;}
.product-answers-grid ul.grid li .learningDetails .featured-image {display: block;}
.product-answers-grid ul.grid li .learningDetails .featured-image img {max-height: 200px; width: 100%; object-fit: cover;}

.product-answers-grid ul.grid li .learningDetails .title {
    width: 90%;
    color: var(--darkblue);
    font-weight: 600;
    font-size: 1.7rem;
}
.product-answers-grid ul.grid li .learningDetails .desc {font-size: 1.4rem;}
.product-answers-grid ul.grid li .learningDetails .linkArrow {position: absolute; right: 0px; top: -10px;}
.product-answers-grid .pagination.learning-page {
    display: block;
    margin: 25px 0px;
    width: 100%;
}
.product-answers-grid .pagination.learning-page .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.product-answers-grid .pagination.learning-page .inner .page-numbers {
    background: var(--lightblue);
    border: 1px solid var(--lightblue);
    box-shadow: none;
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.5rem;
    padding: 13px 25px;
    margin: 0px 5px;
    font-weight: 500;
}
.product-answers-grid .pagination.learning-page .inner .page-numbers.current {background: var(--darkblue); color: #fff;}
.product-answer-single {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}
.product-answer-single .cols.cont {
    flex: 0 0 66%;
    margin: 0px 35px 0px 0px;
}
.product-answer-single .cols.cont h2 {
    font-size: 2rem;
    color: var(--darkblue);
    font-family: var(--inter);
    font-weight: 600;
    margin: 35px 0px 20px 0px;
    text-transform: capitalize;
}
.product-answer-single .cols.cont p {}
.product-answer-single .cols.cont p strong {color: var(--darkblue);}
.product-answer-single .cols.cont p.blog-disclaimer{font-size: 1.2rem; margin: 30px 0px 0px 0px;}
.product-answer-single ul.cbpoints {}
.product-answer-single ul.cbpoints li {
    font-family: var(--inter);
    list-style: none;
    background-image: url(images/icons/icon-checklist.png);
    background-repeat: no-repeat;
    margin: 0px 10px 0px 0px !important;
    padding: 0px 0px 15px 25px;
    font-size: 1.6rem;
    color: #000;
    font-weight: 300;
    line-height: 30px;
    width: 90%;
    background-size: 2%;
    background-position: left 30%;
}
.product-answer-single .cols.lSidebar {flex: 0 0 30%;}
.product-answer-single .cols.lSidebar .custWidget {
    padding: 30px;
    box-shadow: 0px 0px 10px rgb(0,0,0,0.05);
    border-radius: 8px;
    margin: 40px 0px;
    &.hubspot {
        &.sticky-form {
            background: #fff;
            position: fixed;
            top: 21px;
            min-width: 420px;
            z-index: 999;
            transition: all 0.3s ease-in-out;
        }
        & .title-main {
            font-size: 2rem;
            margin: 0px 0px 20px 0px;
            font-weight: 700;
        }
    }
    &.hotLinks {
        background: #0088CF1A;
        box-shadow: rgba(50, 75, 93, 0.1) 0px 30px 60px 0px, rgba(63, 52, 146, 0.05) 0px 18px 36px 0px;
        & .title-main {
          font-size: 2rem;
          margin: 0px 0px 20px 0px;
          font-weight: 700;
        }
    }
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul {margin: 0px;}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li {
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-size: auto;
    background-position: left;
    padding: 10px 0px 10px 60px;
    display: block;
    margin: 15px 0px 15px 0px;
    text-align: left;
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li a {font-size: 1.6rem; font-weight: 400; text-decoration: none;}

.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.seai {
    background-image: url('images/icons/ico-enterprise-ai.svg');
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.iaai {
    background-image: url('images/icons/ico-ia-for-ai.svg');
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.scdp {
    background-image: url('images/icons/ico-common-data-platform.svg');
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.sdlp {
    background-image: url('images/icons/ico-enterprise-data-lake-plus.svg');
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.sea {
    background-image: url('images/icons/ico-enterprise-archiving.svg');
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.sar {
    background-image: url('images/icons/ico-application-retirement.svg');
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.sda {
    background-image: url('images/icons/ico-database-archiving.svg');
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.sema {
    background-image: url('images/icons/ico-email-archiving.svg');
    /*background-size: 7%;*/
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.sfa {
    background-image: url('images/icons/ico-file-archiving.svg');
    /*background-size: 6%;*/
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks > ul > li.secs {
    background-image: url('images/icons/ico-enterprise-content-services.svg');
}

.product-answer-single .cols.lSidebar .custWidget.hotLinks .hotLinks-btn {
    /* text-align: center; */
    margin: 25px 0px 0px;
}
.product-answer-single .cols.lSidebar .custWidget.hotLinks .hotLinks-btn a {
    background: var(--darkblue);
    color: #fff;
    font-family: var(--inter);
    font-size: 1.7rem;
    text-decoration: none;
    padding: 13px 20px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    border-radius: 6px;
}
.product-answer-single-resource {
    display: block;
    margin: 0px 0px 40px 0px;
    width: 100%;
}
.press-rel-container {
    display: block;
    margin: 0px;
    width: 100%;
}
.press-rel-container .press-rel-row {
    border-bottom: 1px solid var(--lightblue);
    display: block;
    margin: 0px;
    padding: 25px 0px 20px 0px;
    width: 100%;
}
.press-rel-container .press-rel-row .pr-date {
    background: var(--lightblue);
    color: var(--darkblue);
    display: inline-block;
    padding: 6px 12px;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
}
.press-rel-container .press-rel-row .pr-title {

}
.press-rel-container .press-rel-row .pr-desc {font-size: 1.6rem;}
.press-rel-container .press-rel-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 25px 0px;
}
.press-rel-container .press-rel-pagination .page-numbers {
    background: var(--lightblue);
    margin: 0px 5px;
    padding: 10px 20px;
    border: 1px solid var(--lightblue);
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration: none;
}
.press-rel-container .press-rel-pagination .page-numbers.current {
    background: var(--darkblue);
    color: #fff;
    font-weight: 600;
}
.press-rel-container .press-rel-row .press-read-more {
    display: block;
    margin: 0px;
    width: 100%;
}
.press-rel-container .press-rel-row .press-read-more a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}
.press-rel-single {
    display: block;
    margin: 0px;
    width: 100%;
}
.press-rel-single .news-main {}
.press-rel-single .news-main h1 {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 3rem;
    font-weight: 700;
    text-transform: capitalize;
    line-height: normal;
}
.press-rel-single .news-main h3, .press-rel-single .news-main h5, .press-rel-single .pr-common-footer h5 {
    font-size: 2rem;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--black-heading);
}
.press-rel-single .news-main p {font-size: 1.6rem;}
.press-rel-single .news-main p.prQuote {font-weight: 500;}
.press-rel-single .news-main p.prQuote .pr-quote-auth {color: var(--darkblue); font-weight: 600;}
.press-rel-single .news-main .cbpoints li {
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 300;
    margin: 10px 0px;
    list-style: disc;
}
.articlesWrapper {
    display: block;
    width: 100%;
    margin: 0px;
}
.articlesWrapper ul {
    margin: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.articlesWrapper ul li.article-card {
    display: block;
    width: 23%;
    border: 1px solid var(--lightblue);
    padding: 20px;
    margin: 10px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.articlesWrapper ul li.article-card h2.article-title {
    font-size: 1.6rem;
    line-height: 20px;
}
.articlesWrapper ul li.article-card .article-desc {
    color: var(--black-normal);
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 25px;
}
.kb-new-wrapper {
    display: block;
    margin: 110px 0px 0px 0px;
    width: 100%;
}
.kb-new-wrapper .inner {
    margin: 0px auto;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    gap: 3em;
    padding: 0px 1em;
}
.kb-new-wrapper .inner .cols.aside {
    display: block;
    flex: 0 0 25%;
}
.kb-new-wrapper .inner .cols.aside #kb-nav {
    margin: 0px;
}
.kb-new-wrapper .inner .cols.aside #kb-nav .kb-navitem {
    display: block;
    margin: 0px 0px 15px 0;
}
.kb-new-wrapper .inner .cols.aside #kb-nav .kb-navitem a {
    color: #000;
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 300;
    text-decoration: none;
}
.kb-new-wrapper .inner .cols.aside #kb-nav .kb-navitem.current a {
    color: #ee2424;
    font-weight: 500;
}
.kb-new-wrapper .inner .kb-content {
    display: block;
    flex: 0 0 65%;
}
.kb-new-wrapper .inner .kb-content h1 {
    color: #000;
    font-family: 'Roboto';
    font-size: 33px;
    margin: 0px;
    line-height: 35px;
    font-weight: 600;
}
.kb-new-wrapper .inner .kb-content h2 {
    font-family: 'Roboto';
    font-size: 25px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 30px 0px 20px 0px;
}
.kb-new-wrapper .inner .kb-content section p {
    color: #000;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    margin: 1em 0px;
}
.kb-new-wrapper .inner .kb-content .cbpoints li {
    background-image: url('images/icons/icon-checklist.png');
    background-size: 2%;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    display: block;
    padding: 0px 0px 0px 25px;
    margin: 20px 0px;
    font-size: 16px;
}
.customer-logos-container{padding: 15px 0px;}
.customer-logos-container .items img {max-height: 85px; border: 1px solid var(--lightblue);}
.customer-logos-container .items .slick-slide {margin: 0px 10px;}

.trainingBlk {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.trainingBlk ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
}
.trainingBlk ul li {
    display: block;
    width: 30%;
    text-align: left;
    border: 1px solid var(--lightblue);
    box-shadow: 0px 4px 20px 0px #0D192D0F;
    border-radius: 5px;
    margin: 0px 15px;
}
.trainingBlk ul li img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}
.trainingBlk ul li .training-details {
    display: block;
    padding: 20px;
    width: auto;
}
.trainingBlk ul li .training-details .duration {
    background: var(--lightblue);
    color: var(--darkblue);
    display: inline-block;
    padding: 6px 12px;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
}
.trainingBlk ul li .training-details .title {
    font-size: 2.3rem;
    font-weight: 700;
}
.trainingBlk ul li .training-details .desc {font-size: 1.6rem;}
.trainingBlk ul li .training-details .training-links {display: block; width: auto;}
.trainingBlk ul li .training-details .training-links a {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
}

.collaborators {
    display: flex;
    margin: 0px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
.collaborators .cols {flex: 0 0 50%;}
.collaborators .cols.lhs {flex: 0 0 20%;}
.collaborators .cols.lhs p {
    font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}
.collaborators .cols.rhs {flex: 0 0 80%;}
.collaborators .cols.rhs ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0px;
}
.collaborators .cols.rhs ul li {
    background: #fff;
    display: block;
    width: 22%;
    border: 1px solid var(--lightblue);
    box-shadow: 0px 4px 20px 0px #0D192D0F;
}
.collaborators .cols.rhs ul li img{width: 100%;}
.exp-numbers {
    display: block;
    margin: 25px 0px 0px;
    width: 100%;
}
.exp-numbers ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0px;
}
.exp-numbers ul li {
    display: block;
    width: 15%;
    background: #fff;
    padding: 0px 20px 20px 20px;
    border-radius: 6px;
}
.exp-numbers ul li .numb {
    font-size: 6rem;
    margin: 0px;
    font-weight: 800;
    color: var(--darkblue);
}
.exp-numbers ul li .desc {
    margin: 0px;
    font-size: 1.4rem;
    font-weight: 400;
}
.resource-content-display {
    display: flex;
    margin: 0 auto;
    width: 80%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.resource-content-display .left {
    flex: 0 0 65%;
    margin: 0px 40px 0px 0px;
}
.resource-content-display .left .res-content-display-normal {
    display: block;
    width: 100%;
    margin: 0px 0px 50px 0px;
}
.resource-content-display .left .res-content-display-normal .res-dwnld-blk {
    display: block;
    margin: 30px 0px;
    text-align: right;
}
.resource-content-display .left .res-content-display-normal .res-dwnld-blk .res-dwnld {
    background-image: url(images/icons/sol-arrow.svg);
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
    margin: 0px 15px 0px 0px;
}
.resource-content-display .left .res-content-display-normal iframe {
    width: 100%;
    height: 100%;
    min-height: 800px;
}
.resource-content-display .right {flex: 0 0 30%;}


/* Horizontal Banner Styles START */

.heroBannerStatic .test-layer {
    display: block;
    width: 100%;
    height: 600px;
    position: relative;
}
.heroBannerStatic .test-layer .test-overlay {
    background: #000;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.6;
}
.heroBannerStatic .test-layer .animation-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}
.heroBannerStatic .test-layer .animation-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.heroBannerStatic .test-layer .test-content-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner {
    display: block;
    margin: 150px auto 0px auto;
    width: 80%;
    text-align: center;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner span {
    /*background: #FFFFFF1A;*/
    background: #fff;
    /*color: #fff;*/
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 1.5rem;
    padding: 15px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner h1 {
    font-family: var(--inter);
    font-size: 65px;
    color: #fff;
    margin: 25px 0px 15px;
    font-weight: 900;
    text-transform: uppercase;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner h1 span {
    background: none;
    font-size: inherit;
    font-weight: inherit;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner p {
    color: #fff;
    font-family: var(--inter);
    font-size: 2rem;
    font-weight: 500;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner .btns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner .btns a {
    color: #fff;
    background: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.5rem;
    margin: 0px 10px;
    padding: 13px 30px;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner .btns a:first-child {
    background-color: var(--darkblue);
    color: #fff;
    background-image: url('images/icons/icon-rocket.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 15px 25px 15px 45px;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner .btns a:last-child {
    background: #fff;
    color: var(--darkblue);
    /*border: 2px solid var(--darkblue);*/
    background-image: url('images/icons/icon-play.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 15px 25px 15px 45px;
}
.heroBannerStatic .test-layer .test-content-layer .content-inner .btns a.dwnld {background-image: url('images/icons/icon-res-download.svg');}
/* Horizontal Banner Styles END */

.ecs-prd-support-plans {
    display: block;
    margin: 35px auto 0px auto;
    width: 75%;
}
.ecs-prd-support-plans table {}
.ecs-prd-support-plans table th {
    background: var(--darkblue);
    border: 1px solid #ccc;
    color: #fff;
    padding: 15px;
    text-align: left;
}
.ecs-prd-support-plans table tr {}
.ecs-prd-support-plans table tr td {
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 15px;
    color: #333;
    font-weight: 300;
    text-align: left;
}
.ecs-prd-support-plans table tr td:nth-child(1) {font-weight: 500;}
.ecs-prd-support-plans table tr td:nth-child(2), .ecs-prd-support-plans table tr td:nth-child(3) {text-align: center;}
.swal-button {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    font-family: var(--inter);
    font-size: 1.5rem;
    font-weight: 500;
    &:focus{
        background: var(--darkblue);
        border: 1px solid var(--darkblue);
        box-shadow: none;
    }
    &:active{
        background: var(--darkblue);
        border: 1px solid var(--darkblue);
        box-shadow: none;
    }
    &:hover{
        background: var(--darkblue) !important;
        border: 1px solid var(--darkblue);
        box-shadow: none;
    }
}
.solix-search-results {
    display: block;
    margin: 45px auto 45px auto;
    width: 80%;
}
.solix-search-results h2#page-title {
    color: var(--black-heading);
    font-family: var(--inter);
    font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
}
.solix-search-results h3.entry-title {
    color: var(--darkblue) !important;
    font-family: var(--inter);
    font-size: 1.7rem;
    font-weight: 500;
}
.solix-search-results .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.solix-search-results .pagination .page-numbers.current {
    background: var(--darkblue);
    border: 1px solid var(--darkblue);
    box-shadow: none;
    color: #fff;
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 400;
    padding: 10px 20px;
}
.solix-search-results .pagination a.page-numbers {
    background: #dfdfdf;
    border: 1px solid #dfdfdf;
    box-shadow: none;
    padding: 10px 20px;
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 400;
}
.solix-search-results .pagination .page-numbers {
    background: #dfdfdf;
    border: 1px solid #dfdfdf;
    box-shadow: none;
    padding: 10px 20px;
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 13px;
    font-weight: 400;
}
.speaker-blk-inner {
    display: block;
    width: 100%;
    margin: 0px 0px 30px 0px;
}
.speaker-blk-inner > p {
    color: #000;
    font-family: var(--inter);
    font-size: 20px;
    font-weight: 500;
}
.speaker-blk-inner > p > i {margin: 0px 5px 0px 0px;}
.speaker-blk-inner ul {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 20px;
}
.speaker-blk-inner ul li {
    display: inline-block;
    width: 25%;
    margin: 0px 15px 0px 0px;
}
.speaker-blk-inner ul li > img {border: 1px solid #ccc;}
.page-template-template-resource-content-display .res-content-display-normal .odw-player-blk {
    display: inline-block;
    background-size: contain;
    height: 555px;
    max-height: 555px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
}
.page-template-template-resource-content-display .res-content-display-normal .odw-player-blk .odw-overlay {
    background: #000;
    position: absolute;
    height: 555px;
    width: 100%;
    opacity: .5;
    top: 0;
    left: 0;
}
.page-template-template-resource-content-display .res-content-display-normal .odw-player-blk::after {
    content: '';
    background-image: url(images/icons/yt-play.png);
    position: absolute;
    top: 35%;
    left: 45%;
    width: 128px;
    height: 128px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.eventsList {
    display: block;
    margin: 35px 0px 0px;
    width: 100%;
}
.eventsList ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px;
    justify-content: flex-start;
}
.eventsList ul li {
    display: block;
    margin: 0px 10px;
    width: 23%;
    border: 1px solid var(--lightblue);
    box-shadow: rgba(13, 25, 45, 0.06) 0px 4px 20px 0px;
    padding: 30px;
    border-radius: 5px;
    text-align: left;
}
.eventsList ul li .eventType {
    background: var(--lightblue);
    color: var(--darkblue);
    display: inline-block;
    padding: 6px 12px;
    font-family: var(--inter);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0px;
}
.eventsList ul li .event-title {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
}
.eventsList ul li .time {
    font-size: 1.4rem;
    font-weight: 400;
}
.eventsList ul li a {
    background-image: url("images/icons/sol-arrow.svg");
    color: var(--darkblue);
    font-family: var(--inter);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0px 17px 0px 0px;
    margin: 0px 15px 0px 0px;
}
.sol-sec-box {
    display: block;
    margin: 30px 0px 0px;
    width: 100%;
}
.sol-sec-box ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
}
.sol-sec-box ul li {
    display: block;
    width: 25%;
    text-align: center;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 1.5rem;
    border-radius: 5px;
}
.sol-sec-box ul li .sol-item {display: block; width: auto;}
.sol-sec-box ul li .sol-item a {
    display: inline-block;
    width: 100%;
    color: var(--black-normal);
    font-family: var(--inter);
    font-size: 1.7rem;
    text-decoration: none;
    text-transform: uppercase;
    margin: 15px 0px 0px;
}

/* full-width banner free-trial */
.fwb-free-trial-blk {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: -60px;
}
.fwb-free-trial-blk .ftr-inner {
    display: flex;
    width: 80%;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #fff;
    padding: 0px;
    /*border-radius: 10px;*/
    box-shadow: 0px 4px 20px 0px #0D192D0F;
    /* align-items: center; */
    background-image: url('https://dev.solix.com/wp-content/themes/vantage-child/images/prd-free-trial-dots.png');
    background-position: right;
    background-repeat: no-repeat;
}
.fwb-free-trial-blk .ftr-inner .cols.video {flex: 0 0 23%; height: 182px;}
.fwb-free-trial-blk .ftr-inner .cols.video iframe {
    width: 100%;
    /*border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;*/
    height: 182px;
}
.fwb-free-trial-blk .ftr-inner .cols.cont {flex: 0 0 75%;}
.fwb-free-trial-blk .ftr-inner .cols.cont .content-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0px 0px 25px;
    align-items: center;
}
.fwb-free-trial-blk .ftr-inner .cols.cont .content-wrap .text {
    flex: 0 0 78%;
    text-align: left;
}
.fwb-free-trial-blk .ftr-inner .cols.cont .content-wrap .text span {
    color: var(--darkblue);
    background: var(--lightblue);
    border-radius: 4px;
    padding: 6px 12px;
    text-transform: uppercase;
    font-family: var(--inter);
    font-size: 12px;
    font-weight: 500;
}
.fwb-free-trial-blk .ftr-inner .cols.cont .content-wrap .text p:nth-child(2) {
    color: var(--black-heading);
    font-size: 23px;
    font-weight: 600;
    margin: 20px 0px 0px;
    line-height: 25px;
}
.fwb-free-trial-blk .ftr-inner .cols.cont .content-wrap .text p:nth-child(3) {
    color: var(--black-normal);
    font-size: 1.5rem;
    line-height: 25px;
    font-weight: 300;
    margin: 10px 0px 0px;
}
.fwb-free-trial-blk .ftr-inner .cols.cont .content-wrap .btn {flex: 0 0 20%; text-align: right;}

.fwb-free-trial-blk .ftr-inner .cols.cont .content-wrap .btn a {
    background: var(--darkblue);
    border: 2px solid var(--darkblue);
    border-radius: 6px;
    padding: 12px 20px;
    color: #fff;
    cursor: pointer;
    font-family: var(--inter);
    font-size: 1.5rem;
    text-transform: uppercase;
    text-decoration: none;
}
#fwb-first-cont {margin: 85px 0px 0px 0px;}
.product-answer-single .cols.cont .featured-image {
    display: block;
    margin: 40px 0px 0px 0px;
}
.product-answer-single .cols.cont .featured-image img {
    border-radius: 8px;
    object-fit: cover;
    max-height: 300px;
    height: 300px;
    width: 100%;
}
.product-answer-single .cols.cont .details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-answer-single .cols.cont .details .category {}
.product-answer-single .cols.cont .details .category p {
    background: #0088CF1A;
    border: 1px solid #0088CF33;
    border-radius: 5px;
    border-radius: 20px;
    color: #0088CF;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 8px 16px;
}
.product-answer-single .cols.cont .details .category p > a {text-decoration: none;}
.product-answer-single .cols.cont .details .author {}
.product-answer-single .cols.cont .details .author p {
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 500;
}
.product-answer-single .cols.cont .details .author p > i {
    color: #ccc;
    margin: 0px 5px 0px 0px;
}
.product-answer-single .cols.cont .author-info {
    background: #0088CF1A;
    border: 1px solid #0088CF33;
    border-radius: 6px;
    padding: 30px;
    display: block;
    margin: 30px 0px 0px 0px;
}
.product-answer-single .cols.cont .author-info .cols-auth {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.product-answer-single .cols.cont .author-info .cols-auth .cols.auth-avatar {flex: 0 0 auto;}
.product-answer-single .cols.cont .author-info .cols-auth .cols.auth-details {flex: 0 0 60%; margin: 0px 0px 0px 20px;}
.product-answer-single .cols.cont .author-info .cols-auth .cols.auth-details p {margin: 0px;}
.product-answer-single .cols.cont .author-info .cols-auth .cols.auth-details p.name {font-weight: 500; text-transform: uppercase;}
.product-answer-single .cols.cont .author-info .cols-auth .cols.auth-details p.desig {font-size: 1.5rem;}
.product-answer-single .cols.cont .author-info .author-bio {display: block;}
.product-answer-single .cols.cont .author-info .author-bio p {font-size: 1.5rem; font-weight: 300;}