:root {
    --primary-colors: #04a9f5;
    --primary-color: #0A3D61;
    --secondary-color: #033143;
    --primary-font-size: 0.9rem;
    --secondary-font-size: 1rem;
    --ternary-font-size: 1.8rem;
    --bs-link-hover-color: #04a9f5;
    /*--font-family: "Figtree", sans-serif;*/
	--font-family: "Inter", sans-serif;
    /* --theme-primary-color: #033154; */
   --theme-primary-color:  #064660;
    --white-color: #fff;
    --bs-link-color: #033143;
    --light-blue: #f5fbff;
}
body, html, h1, h2, h3, h4, h5 h6, p, div {
    font-family: var(--font-family);
    scroll-behavior: smooth;
    font-display: optional;    
}
body {
    overflow-x: hidden;
}
.text-white * {
    color: var(--white-color);
}
.blue-light-bg {
    background-color: var(--light-blue);
}
.fs-18 {
    font-size: 18px !important;
}
.try_btn{
    background: linear-gradient(273.42deg, #033143 0%, #0099FF 100%);
    background-repeat: no-repeat;
}
.large {
    font-size: 56px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}
a, a:hover {
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.text-color {
    color: var(--theme-primary-color);
}
.text-blues, .pp_list button.active {
    color: var(--primary-colors);
}
.border-theme {
    border-color: var(--theme-primary-color) !important;
}
.bg-color {
    background-color: var(--theme-primary-color);
}
.blue-bg-color {
    background-color: var(--primary-colors);
}
.hm_icon {
    background: rgba(4, 169, 245, 0.3);
}
.btn.blue-bg-color:hover {
    /* border: 1px solid var(--primary-colors);
    color: var(--primary-colors) !important; */
    border: 1px solid var(--secondary-color);
    color: #fff;
    background-color: var(--secondary-color) !important;
}
.btn-white-hover:hover {
    border-color: var(--primary-colors);
    color: var(--primary-colors) !important;
}
.text-blue {
    color: #033143;
}
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 400;
}
.footer {
    /* background: #f2f2f2;
    background-color: var(--theme-primary-color);
    background: #005778; */
    background: rgba(17, 38, 53, 1);
}
.footer a:hover {
    color: #fff;
    text-decoration: underline;
}
.blue_bg{
    background: rgba(219, 243, 255, 1);

}
main p, main li {
    /* color: #3f486b; */
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    font-weight: 400;
}
.curve_bg {
    background: radial-gradient(circle at left center, #fff 30%, #e3f6ff 0%);
}
.bg-markets-next-conversion {
    background-image: linear-gradient(167deg, #fcdecf, #c7edec);
}
.bg-markets-next {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #033143;
    background-image: url(/assets/images/bottom-cta-bg.svg);
    background-repeat: no-repeat;
    -webkit-background-position: bottom;
    background-position: bottom;
    -webkit-background-size: cover;
    background-size: cover;
}
.bg-markets-next.h_cta {
    background-image: url(/assets/images/home-cta-bg.svg);
}
.bg-markets-next-conversion .btn-bg.btn-w-bg:hover,
.bg-markets-next .btn-bg.btn-w-bg:hover {
    background-color: var(--primary-colors);
    color: #fff !important;
    border-color: var(--primary-colors);
}
.tagline {
    color: rgba(66, 84, 102, 1);
}
.footer a, .footer li, .footer p {
    color: #fff;
    font-weight: 300;
    /* font-size: 14px; */
}
.social-links li a {
    background: #04a9f5;
    margin-right: 10px;
    display: flex;
    width: 32px;
    height: 32px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.copy-right-contanier {
    /* background-color: var(--theme-primary-color); */
}
.stickyNav {    
    box-shadow: 0 5px 15px 0 rgba(22, 35, 184, .13);  
    background-color: #fff;
    padding: 10px 0 !important;      
}
header {
    z-index: 99;
    /* background-color: #f9fafc;   */
}
#try_btn {
    margin-left: 15px;
}
.HeroCenterBanner_hero_banner {
    background: linear-gradient(180deg, #000514, #010d39);
}
.img-bg {
    background-image: url(../images/home-cta-banner.svg);
    background-position: top right;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-color: var(--theme-primary-color);
}
.btn-bg {
    background-color: var(--theme-primary-color);
    color: var(--white-color);;
    border-color: var(--theme-primary-color);
    border-width: 2px;
}
.btn-bg:hover {
    background-color: transparent;
    color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}
.btn-bg:hover svg path{
    stroke: var(--theme-primary-color);
}
.btn-bg.bg-btn:hover {
    background-color: transparent;
    color: var(--white-color);;
    border-color: var(--white-color);;
}
.btn-bg.btn-w-bg {
    background-color: var(--white-color);
    color: var(--theme-primary-color);
    border-color: var(--white-color);
}
.btn-bg.btn-w-bg:hover {
    background-color: transparent;
    color: var(--white-color);
    border-color: var(--white-color);
}
.btn-bg-outline {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    border-width: 2px;
}
.btn-bg-outline:hover {
    background-color: #fff;
    color: var(--theme-primary-color);;
    border-color: #fff;
}
svg.spl_logobg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    bottom: 0;
}
.hiddenText {
    position: absolute;
    font-size: 0;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(../images/times-circle.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
    margin-right: 30px;
}  
input[type="search"]:focus::-webkit-search-cancel-button {
    opacity: 0;
    pointer-events: all;
}  
input[type="search"].dark::-webkit-search-cancel-button {
    filter: invert(1);
}
.white-gradient-bg {
    background: linear-gradient(0deg, #fff .09%, #f8f9ff 99.92%);
}
.box_hover {
    transform: translate3d(0, 0, 0);
    transition: box-shadow .2s ease, transform .2s ease;
    will-change: tranform;
}
.box_hover:hover {
    transform: translate3d(0, -6px, 0);
    box-shadow: 0 16px 32px rgba(9, 37, 64, .08), 0 24px 40px rgba(9, 37, 64, .12);
    box-shadow: var(--bs-box-shadow) !important;
}
.final_cta .btn-white-hover {
    border-color: var(--theme-primary-color) !important;
}
.final_cta .btn-white-hover:hover {
    border-color: var(--primary-color) !important;
}
@media (min-width: 992px) {
    .text-md-right {
        text-align: right;
    }
    .flst_item {
        display: block;
        columns: 2;
        column-gap: 8px;
    }
    .navbar-expand-lg .navbar-nav li:not(.navbar-expand-lg .navbar-nav li li) {
        margin-right: 10px;
    }    
}
@media (max-width: 991px) {
    .w-75, .w-50 {
        width:100%!important
    }
}
.dropdown-item.active, .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
    outline: none;
}
.text-white {
    color: var(--white-color) !important;
}
.banner-bg {
    /* background-image: -moz-linear-gradient(180deg, #00488d 0%, #007ca9 100%) !important;
    background-image: -ms-linear-gradient(180deg, #00488d 0%, #007ca9 100%) !important;
    background-image: linear-gradient(180deg, #00488d 0%, #007ca9 100%) !important; */
    background-color: #131e32;
}
section, .section {
    position: relative;
}
.cursor-pointer {
    cursor:pointer;
}
@media (max-width: 800px) {    
    ul.nav.flst_item {
        display: block;
    }
    .large {
        font-size: 34px;
    }
    .final_cta {
        background-position: left !important;
    }
}
@media (max-width: 767px) { 
    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
	.thank {
		height: auto !important;
	}
	.t_sticky {
		position: relative !important;
	}
}