/* CSS from style.css file*/
/* @import url(fonts/fonts.css); */
@font-face {
    font-family: 'Sofia_Pro_New';
    src: url('fonts/fonts_website_3_0/SofiaPro.eot');
    src: url('fonts/fonts_website_3_0/SofiaPro.eot?#iefix') format('embedded-opentype'),
        url('fonts/fonts_website_3_0/SofiaPro.woff2') format('woff2'),
        url('fonts/fonts_website_3_0/SofiaPro.woff') format('woff'),
        url('fonts/fonts_website_3_0/SofiaPro.ttf') format('truetype'),
        url('fonts/fonts_website_3_0/SofiaPro.svg#SofiaPro') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia_Pro_New';
    src: url('fonts/fonts_website_3_0/SofiaPro-Medium.eot');
    src: url('fonts/fonts_website_3_0/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/fonts_website_3_0/SofiaPro-Medium.woff2') format('woff2'),
        url('fonts/fonts_website_3_0/SofiaPro-Medium.woff') format('woff'),
        url('fonts/fonts_website_3_0/SofiaPro-Medium.ttf') format('truetype'),
        url('fonts/fonts_website_3_0/SofiaPro-Medium.svg#SofiaPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia_Pro_New';
    src: url('fonts/fonts_website_3_0/SofiaPro-SemiBold.eot');
    src: url('fonts/fonts_website_3_0/SofiaPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/fonts_website_3_0/SofiaPro-SemiBold.woff2') format('woff2'),
        url('fonts/fonts_website_3_0/SofiaPro-SemiBold.woff') format('woff'),
        url('fonts/fonts_website_3_0/SofiaPro-SemiBold.ttf') format('truetype'),
        url('fonts/fonts_website_3_0/SofiaPro-SemiBold.svg#SofiaPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Sofia_Pro_New';
    src: url('fonts/fonts_website_3_0/SofiaPro-Bold.eot');
    src: url('fonts/fonts_website_3_0/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/fonts_website_3_0/SofiaPro-Bold.woff2') format('woff2'),
        url('fonts/fonts_website_3_0/SofiaPro-Bold.woff') format('woff'),
        url('fonts/fonts_website_3_0/SofiaPro-Bold.ttf') format('truetype'),
        url('fonts/fonts_website_3_0/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@import url(https://use.typekit.net/wzn5xau.css);

:root{
 /* tweak these */
 --glass-bg: rgba(255, 255, 255, 0.10);
 --glass-bg-2: rgba(255, 255, 255, 0.06);
 --glass-border: rgba(255, 255, 255, 0.28);
 --glass-border-2: rgba(255, 255, 255, 0.10);
 --glass-shadow: 0 18px 50px rgba(0,0,0,0.25);
 --glass-radius: 18px;
 --glass-blur: 20px;
}


* {
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Sofia_Pro_New';
}

section {
    position: relative;
    z-index: 1;
    background: #fff;
}

img {
	vertical-align: middle;
    max-width: 100%;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    height: auto;
}

.header-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.client-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* CSS from style.css file*/

/* email hubspot form css */
.submitted-message {
    display: none;
}
.talk-to-sales-single {
	position:relative;
/* 	margin-bottom:32px; */
	min-height:48px;
}

 .talk-to-sales-single .hbspt-dummy {
	position: absolute; 
    width: 100%;
}

.talk-to-sales-single form{
	display: flex;
    position: relative;
    justify-content: space-between;
	gap:8px;
}

.talk-to-sales-single .input{
	display:flex;
}

.talk-to-sales-single .field.hs-form-field,
.talk-to-sales-single .hs_submit .hs-submit{
	flex:1;
}
.talk-to-sales-single .field .hs-form-field .input{
	padding:0px;
}

.talk-to-sales-single input {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
/*     letter-spacing: -0.01em; */
    color: #606876;
	min-width:133px !important;
	height: 48px !important;
/*     padding: 9px 16px;   */
	padding-left:16px;
	padding-right:16px;
    background: #F9FAFB;
    border: 1px solid #D5DCE9;
    border-radius: 8px !important;
	flex:1;
}

.talk-to-sales-single input[type=submit] {
	letter-spacing: -0.01em;
}

.talk-to-sales-single .input:after{
	content:none !important;
}

.talk-to {
	background: #0061d7;
}

.hs-form .hs-button{
	border:0;
	
}
.talk-to-sales-single .hs-email input{
	padding-left:16px !important;
}

.talk-to-sales-single input.cta-btn, .talk-to-sales-single input.hs-button{
	background: #0073FF;
	color:#FFF;
	font-weight:600;
	border:none;
	padding:9px 16px !important;
	display: flex;
    justify-content: center;
}

.talk-to-sales-single input:focus-visible {
	outline:none;
	border:  1px solid #D5DCE9;
}

.talk-to-sales-single input.cta-btn, .talk-to-sales-single .hs_submit.hs-submit {
    position: absolute;
    right: 0;
	top:0;
	bottom:0;
	max-width:134px;
}

.talk-to-sales-single .invalid.error{
	border-color: #E93E3E !important;
}
.talk-to-sales-single .hs-error-msgs.inputs-list{
	position:absolute;
	 color: #E93E3E;
}

.talk-to-sales-single .hs-error-msgs.inputs-list>li {
	display: block;
}

.talk-to-sales-single .hs_error_rollup {
	display: none;
}

.talk-to-sales-single .field.hs-form-field {
	margin-bottom: 0 !important;
}


.jones-wrapper-14, .jones-wrapper {
    max-width:1056px;
	padding: 0 20px;
	margin: auto;
}
.product-footer .jones-wrapper-14 {
    max-width: 1064px;
    padding-right: 0;
    padding-left: 48px;
    margin: 0 auto;
    width: 100%;
}
.popup-container {
    display: none;
}

header.product-header {
    /* Layout */
    height: 56px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100; /* Increased to stay above page content */
    display: flex;
    align-items: center;
    padding: 0;
	margin: 8px 16px;
	border-radius: 8px;
    /* The Glass Foundation */
    background: linear-gradient(180deg, var(--glass-bg), var(--glass-bg-2));
    border-bottom: 1px solid var(--glass-border); /* Usually just the bottom for full-width headers */
    box-shadow: var(--glass-shadow);

    /* The Blur Engine */
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8); /* Higher saturation for 'Liquid' look */
    backdrop-filter: blur(var(--glass-blur)) saturate(1.8);

    /* Performance & Containment */
    transform: translateZ(0);
    isolation: isolate; 
}

/* Liquid Light Catchers (The "Gleam") */
header.product-header::before {
    content: "";
    position: absolute;
    /* We use a large inset but keep it behind with z-index -1 */
    inset: -10% -20%; 
    background: 
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.45) 0%, transparent 40%),
        radial-gradient(circle at 80% 0%, rgba(255, 255, 255, 0.25) 0%, transparent 40%);
    filter: blur(15px);
    opacity: 0.8;
    pointer-events: none;
    z-index: -1; /* CRITICAL: Sits behind your logo/links */
}

/* Inner Edge Highlight (Surface Tension) */
header.product-header::after {
    content: "";
    position: absolute;
    inset: 0;
    /* Creates a tiny 1px highlight at the very top edge */
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    pointer-events: none;
    z-index: 1; 
}

.header-menu-wrapper{
	width: 100%;
	padding: 0 16px;
}

input{
	-webkit-appearance: none !important;
}
/* 
.product-header .header-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 5;
     background: #FFF; 
} */

a.flex-active {
    background: #fff !important;
}
.m-0 {
	margin:0px !important;
}
.mb-30 {
    margin-bottom: 20px !important;
	max-width: 20%;
}

.mb-40 {
    margin-bottom: 20px !important;
}

.d-flex {
    display: flex;
	width: 50%;
	height: 50%;
}

.uppercase {
    text-transform: uppercase !important;
}

.search-toggle-wrapper {
    display: flex;
    gap: 24px;
}

.search-popup-icon {
    display: none;
}

.product-header .j-btn {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    padding: 8px 16px 8px 16px;
    display: inline-flex;
	justify-content: center;
    text-align: center;
    align-items: center;
    border-radius: 8px;
    text-decoration: none;
	height: 40px;
}

.j-btn-primary {
    background: #1F2023;
    color: #FFFFFF;
}

.j-btn-primary:hover,.jbtn.jbtn-primary:hover {
    background: #171718;
}
 
.j-btn-outline-primary {
    background: transparent;
    border: 1px solid #D5DCE9;
    color: #1F2023;
}

.j-btn-outline-primary:hover {
    background: #F9FAFB;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.justify-content-between{
	justify-content:space-between;
}

.logo-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    width: 100%;
    z-index: 10000;
}

.product-header .header-logo a {
    display: flex;
}

.product-header .header-logo img {
    max-width: unset;
}

.mobile-hide {
    display: none !important;
}

.mobile-show {
    margin-bottom: 0px;
}

.navigation-menu.open {
    transform: translateX(0px);
}

.menu-toggle {
    width: 24px;
	height: 24px;
    cursor: pointer;
	padding: 0px 2px;
}

.menu-toggle:before{
    background: #606C88;
    content: "";
    display: block;
    height: 2px;
    border-radius: 3px;
    margin: 4px 0 5px 20%;
    transition: 0.5s;
    opacity: 1;
	width: 80%;
}
.menu-toggle:after {
    background: #606C88;
    content: "";
    display: block;
    height: 2px;
    border-radius: 3px;
    margin: 5px 0 4px 30%;
    transition: 0.5s;
    opacity: 1;
	width: 70%;
}
.menu-toggle div {
    background: #606C88;
    height: 2px;
    border-radius: 3px;
    margin: 4px 0;
    transition: 0.5s;
}

.menu-toggle.open:before {
    transform: translateY(6px) rotate(135deg);
    background: #606876;
    opacity: 1;
	width: auto;
    margin: 4px 0;
}

.menu-toggle.open:after {
    transform: translateY(-6px) rotate(-135deg);
    background: #606876;
    opacity: 1;
	width: auto;
    margin: 4px 0;
}

.menu-toggle.open div {
    transform: scale(0);
}


.header-menu {
    margin-bottom: 32px;
}


.product-header .dropdown {
    height: fit-content;
}

.dropdown {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 30px;
}

.product-footer .dropdown {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 26px;
}

.dropdown:last-child {
    margin-bottom: 0px;
}

.dropdown-toggle {
    color: #1F2023;
    position: relative;
    margin-bottom: 16px;
    cursor: pointer;
    text-transform: capitalize;
}
.product-footer .dropdown-toggle {
	color: #ffffff;
}
.product-header .dropdown-toggle {
    padding-right: 24px;
    margin: 0;
}

.dropdown-toggle.no-arrow:after {
    display: none;
}

.dropdown-toggle:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    transition: 0.3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41 6.19l3.09 3.09 3.09-3.09c.26-.26.68-.26.94 0 .26.26.26.68 0 .94l-3.56 3.56c-.26.26-.68.26-.94 0L3.47 7.13c-.26-.26-.26-.68 0-.94.26-.25.68-.25.94 0z' fill='%23FFFFFF'/%3E%3C/svg%3E");

    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}
.product-header .dropdown-toggle:after{
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41 6.19l3.09 3.09 3.09-3.09c.26-.26.68-.26.94 0 .26.26.26.68 0 .94l-3.56 3.56c-.26.26-.68.26-.94 0L3.47 7.13c-.26-.26-.26-.68 0-.94.26-.25.68-.25.94 0z' fill='%231F2023'/%3E%3C/svg%3E");
}
.dropdown.show .dropdown-toggle:after {
    transform: translateY(-50%) rotate(-180deg);
}

.dropdown-menu {
    display: none;
    min-width: 10rem;
    color: #1F2023;
    text-align: left;
    list-style: none;
}

.dropdown.show .dropdown-menu {
    display: block;
}

.product-header .dropdown-item.title-item {
    color: #606876;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
}
.menu-arrow{
	
	opacity: 0;
    visibility: hidden;
    display: inline-block; /* Ensure it's block or inline-block for transforms */
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateX(-5px);
}
.product-header .dropdown-item:hover .menu-arrow{
	opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.product-header .dropdown-item img.menu-arrow{
	width: 16px;
	height: 16px;
	margin-left: 12px;
}
.menu-item {
    display: flex !important;
    align-items: center;
    gap: 15px;
}

.product-header .menu-section {
    margin-bottom: 24px;
}

.menu-section p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #1F2023;
    margin: 0;
}


.product-header .dropdown.show {
    margin-bottom: 40px;
}

.product-header .dropdown.show .dropdown-toggle {
    color: #1F2023;
    margin-bottom: 24px;
}

.product-header .dropdown-item {
    color: #1F2023;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.product-header .dropdown-item img {
    width: 40px;
    height: 40px;
}
.product-header .menu-item.dropdown-item {
    display: flex;
    align-items: center;
	margin-bottom: 24px;
}
.product-header .menu-item.dropdown-item.menu-last-item{
	margin-bottom: 0;
}
.product-header .menu-item-content {
    display: flex;
    flex-flow: column;
}
.product-header .menu-item-content span img {
    width: 16px;
    height: 16px;
    margin-left: 12px;
}
.product-header .menu-item-content span {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: #000000;
}
.product-header .menu-item-content small{
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.01em;
	color: #606876;
	white-space: break-spaces;
}
.product-header .user-actions ul {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0 auto;
}

.product-header .user-actions li {
    width: 100%;
}

.menu-jones-content .dropdown-item{
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #1F2023;
	margin-top: 23px;
	margin-bottom: 0;
}
.menu-jones-content p{
	font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #606876;
    margin: 0;
	width: 264px;
}
.menu-jones-content p b{
	font-weight: 600;
}

.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 747px;
    gap: 24px 20px;
}
.two-column .menu-item.dropdown-item {
    width: 358px;
    align-items: flex-start;
	margin-bottom: 0;
}





.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #606876;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    text-decoration: none;
    margin-bottom: 16px;
}

.footer-privacy li {
    margin-bottom: 16px;
    list-style: none;
}

.footer-privacy li:last-child {
    margin-bottom: 0px;
}

.footer-privacy a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
    text-decoration: none;
}

.footer-privacy a:hover {
	color: #0073FF;
}

.product-footer {
    background: #1F2023;
    padding: 65px 0px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
    width: calc(100% - 64px);
    margin: 0 auto 32px;
    border-radius: 8px;
	min-height: 90vh;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}

.product-footer .wrapper {
    padding: 0;
}

.product-footer .footer-column {
    width: 100%;
    margin: 0;
}

.product-footer .footer-logo {
    margin-bottom: 31px;
	height: 16.5px;
	padding: 0;
	display: flex;
}
.product-footer .footer-logo svg{
	width: 75px;
	height: 16.5px;
}
.desktop-show {
    display: none !important;
}

.jones-social {
    margin-top: 48px;
    margin-bottom: 48px;
    display: grid;
    grid-template-columns: 24px 24px 24px;
    grid-gap: 20px; 
    gap: 20px;
}

.handle-icon {
    width: 21px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.handle-icon a {
    line-height: 12px;
}

/* .address-line {
	margin-bottom: 12px;
} */

.address-line, .address-line a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.01em;
	margin-bottom: 0px;
	display: block;
}

.address-line a:hover {
    color: #0073FF;
}
.contact-details .address-line:nth-child(1){
	margin-bottom: 9px;
}
.footer-column.mb-40 {
    margin-bottom: 40px;
}

.jbtn {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.01em;
    border-radius: 8px;
    padding: 9px 24px;
    text-decoration: none;
}

.jbtn-primary {
    color: #FFFFFF;
    background: #0073FF;
}

.jbtn-link {
    background: transparent;
    color: #0073FF;
    padding: 0px;
}

.gap-4 {
    gap: 40px;
}

.sliding-arrow.extra-action {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    color: #0073FF;
    cursor: pointer;
}


.sliding-arrow {
    position: relative;
	text-decoration:none;
	display: flex;
    align-items: flex-end;
	gap: 8px;
}

.sliding-arrow:hover{
	color:#0061D7;
}

.sliding-arrow:after {
    display: inline-block;
	content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6521_647787)'%3E%3Cpath d='M3.33366 8.66583H10.7803L7.52699 11.9192C7.26699 12.1792 7.26699 12.6058 7.52699 12.8658C7.78699 13.1258 8.20699 13.1258 8.46699 12.8658L12.8603 8.4725C13.1203 8.2125 13.1203 7.7925 12.8603 7.5325L8.47366 3.1325C8.21366 2.8725 7.79366 2.8725 7.53366 3.1325C7.27366 3.3925 7.27366 3.8125 7.53366 4.0725L10.7803 7.3325H3.33366C2.96699 7.3325 2.66699 7.6325 2.66699 7.99917C2.66699 8.36583 2.96699 8.66583 3.33366 8.66583Z' fill='%230073FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6521_647787'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
	vertical-align:middle;
	-webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
	margin-bottom:3px;
}

.sliding-arrow:hover:after {
	-webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
/* 	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6521_647787)'%3E%3Cpath d='M3.33366 8.66583H10.7803L7.52699 11.9192C7.26699 12.1792 7.26699 12.6058 7.52699 12.8658C7.78699 13.1258 8.20699 13.1258 8.46699 12.8658L12.8603 8.4725C13.1203 8.2125 13.1203 7.7925 12.8603 7.5325L8.47366 3.1325C8.21366 2.8725 7.79366 2.8725 7.53366 3.1325C7.27366 3.3925 7.27366 3.8125 7.53366 4.0725L10.7803 7.3325H3.33366C2.96699 7.3325 2.66699 7.6325 2.66699 7.99917C2.66699 8.36583 2.96699 8.66583 3.33366 8.66583Z' fill='%230061D7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6521_647787'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
}

.arrow-white:after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2177_10463)'%3E%3Cpath d='M5 12.9997H16.17L11.29 17.8797C10.9 18.2697 10.9 18.9097 11.29 19.2997C11.68 19.6897 12.31 19.6897 12.7 19.2997L19.29 12.7097C19.68 12.3197 19.68 11.6897 19.29 11.2997L12.71 4.69973C12.32 4.30973 11.69 4.30973 11.3 4.69973C10.91 5.08973 10.91 5.71973 11.3 6.10973L16.17 10.9997H5C4.45 10.9997 4 11.4497 4 11.9997C4 12.5497 4.45 12.9997 5 12.9997Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2177_10463'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.sliding-arrow.arrow-white:hover{
	color:#FFF;
}

.sliding-arrow.arrow-white:hover:after{
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2177_10463)'%3E%3Cpath d='M5 12.9997H16.17L11.29 17.8797C10.9 18.2697 10.9 18.9097 11.29 19.2997C11.68 19.6897 12.31 19.6897 12.7 19.2997L19.29 12.7097C19.68 12.3197 19.68 11.6897 19.29 11.2997L12.71 4.69973C12.32 4.30973 11.69 4.30973 11.3 4.69973C10.91 5.08973 10.91 5.71973 11.3 6.10973L16.17 10.9997H5C4.45 10.9997 4 11.4497 4 11.9997C4 12.5497 4.45 12.9997 5 12.9997Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2177_10463'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.testimonial-user {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.testimonial-user p {
    margin-bottom: 0;
}

.testimonial-user .name {
    font-weight: 600;
    color: #1F2023;
}

h4.menu-section-title, p.menu-section-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #1F2023;
    padding: 24px 0 4px;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #606876;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #606876;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #606876;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

input[type="submit"] {
    cursor: pointer;
}


.playpause {
    cursor: pointer;
}
.cta-banner {
    color: #ffffff;
    padding: 0px 48px 120px 48px !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 8px;
    background: transparent;
    max-width: 1064px;
    margin: 0 auto;
    width: 100%;
}
.product-footer .cta-banner{
	gap: 34px;	
}
  /* Text Section */
  .text-content {
    max-width: 544px;
  }

  .text-content h2 {
	font-weight: 600;
	font-size: 48px;
	line-height: 48px;
	letter-spacing: -0.05em;
	text-transform: capitalize;
	margin-bottom: 12px;
  }

  .text-content p {
    color: #ffffff; 
    margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.01em;

  }
.product-footer .text-content p {
	color: rgba(255, 255, 255, 0.8);
}
  /* Button Styling */
  .btn-sales {
    background-color: #ffffff;
    color: #000000;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.3s ease;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.01em;
    text-align: center;
    vertical-align: middle;
}

  .btn-sales:hover {
    background-color: #e0e0e0;
  }
.product-footer .hs-input {
    color: white;
    font-family: var(--font-main);
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(213, 220, 233, 0.5) !important;
    border-radius: 8px;
    min-width: 310px;
    height: 48px;
    padding: 11px 24px;
}
.product-footer .hs-form-private {
    gap: 8px;
    align-items: flex-start;
    padding-top: 0px;
    position: relative;
    margin-top: -2px;
	display: flex;
}
.product-footer .inputs-list {
    margin: 0;
    position: absolute;
    width: 100%;
}
.product-footer label.hs-error-msg, .product-footer .hs-main-font-element {
    margin: 5px 0 0;
    display: block;
    color: white;
    line-height: 17px;
}
.product-footer .actions {
    padding: 0;
}
.product-footer .hs-button {
    height: 48px;
    padding: 0 23px;
    background: white;
    color: #0a1f3d;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-family: var(--font-main);
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    min-width: 170px;
}
.product-footer .hs-input::placeholder {
    color: white;
}
  /* Responsive Breakpoint (Mobile) */
  @media (max-width: 768px) {
    .cta-banner {
		flex-direction: column;
		text-align: center;
		padding: 0px 20px 40px !important;
		margin: 0;
		
		border-radius: 0;
		margin-bottom: 40px;
		position: relative;
	}
	  .cta-banner:after {
		content: "";
		border-bottom: 1px solid #FFFFFF1A;
		width: calc(100% - 40px);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	  .btn-sales {
        width: 100%;
        padding: 12px 16px;
        margin: 0;
    }
	  .text-content {
        margin-bottom: 32px;
        max-width: 100%;
        text-align: left;
    }
	  .product-footer .footer-logo svg{
		  width: 100px;
		  height: 22px;
	  }
    .text-content h2 {
		
		font-weight: 600;
		font-size: 36px;
		line-height: 40px;
		letter-spacing: -0.05em;
		text-transform: capitalize;
		margin-bottom: 8px;
	}
	  .text-content p{
		      width: auto;
	  }
	  .product-footer {
        width: calc(100% - 40px);
        margin: 0 20px 20px;
		padding: 40px 0;
    }
	  .product-footer .jones-wrapper-14 {
			max-width: 100%;
			padding-right: 20px;
			padding-left: 20px;
		  margin: 0;
		}
	  .product-footer .footer-logo {
		margin: 0;
		margin-bottom: 24px;
		  height: 22px;
	}
	  .address-line, .address-line a {
			text-decoration: none;
			color: #FFFFFF;
			font-size: 16px;
			font-weight: 400;
			line-height: 26px;
			letter-spacing: -0.01em;
			margin-bottom: 12px;
		}
	  .address-line:nth-child(2), .address-line:nth-child(2) a {
		  margin-bottom: 0px;
	  }
	  .mb-40 {
			margin-bottom: 40px !important;
		}
	  .product-footer .dropdown {
			font-size: 18px;
			font-weight: 400;
			margin-bottom: 24px;
			line-height: 30px;
		}
	  .product-footer .dropdown:last-child {
		margin-bottom: 0px;
	}
	  .product-footer .dropdown-item, .product-footer .dropdown-toggle{
		  margin-bottom: 24px;
		  color: #ffffff;
	  }
/* 	  .product-footer .dropdown:last-child .dropdown-item:last-child{
		  margin-bottom: 0px;
	  } */
	  .handle-icon{
		  height: 24px;
	  }
	  .jones-social{
		  margin-top: 24px;
	  }
	  .two-column {
		display: grid;
		grid-template-columns: 1fr;
		width: auto;
		gap: 24px 20px;
	}
	  .navigation-menu.open {
		transform: translateX(0px);
		    min-height: 100vh;
	}
	  .product-footer .inputs-list{
		  position: static;
	  }
  }
@media (min-width:768px) {
	.talk-to-sales-single input[type="submit"], .talk-to-sales-single input {
	    font-size: 16px !important;
	    line-height: 26px !important;
	}
	
	.talk-to-sales-single input.cta-btn, 
	.talk-to-sales-single .hs_submit.hs-submit,
	.talk-to-sales-single input[type="submit"]{
		position:relative !important;
	}
	
	.talk-to-sales-single input.cta-btn:hover, 
	.talk-to-sales-single .hs_submit.hs-submit:hover,
	.talk-to-sales-single input[type="submit"]:hover{
		background: #0061d7;
		border-radius: 8px;
	}
	
    header.product-header {
        min-height: 56px;
    }
	
    .shadow {
        box-shadow: 0px 6px 16px rgb(0 0 0 / 4%);
        background-color: #FFF !important;
    }

    .handle-icon svg {
        height: 18px;
        width: 18px;
        display: block;
    }

    .fade-in-eft {
        opacity: 0;
    }
}
@media (max-width: 1100px) {
	/* --- Header Styles --- */
	.product-header .dropdown-toggle, 
	.product-header .dropdown-item {
		font-weight: 400;
		font-size: 18px;
		line-height: 30px;
	}
	#hubspotForm1 {
		width: 100%;
	}
	.product-header .dropdown-toggle:after {
		height: 24px;
		width: 24px;
	}

	.product-header .main-manu-item {
		font-weight: 500;
	}

	.product-header .title-item {
		font-size: 14px;
		line-height: 22px;
	}

	 .navigation-menu.open {
		transform: translateX(0px);
		    min-height: 100vh;
	}
	 header.product-header {
        top: 0px !important;
        padding: 0;
        align-items: flex-start;
    }
	.header-menu-wrapper {
        width: 100%;
        padding: 0;
    }
	.logo-wrapper {
        padding: 20px;
    }
	/* --- Footer Styles --- */
	.product-footer {
		width: calc(100% - 40px);
		margin: 0 20px 20px;
		padding: 40px 0 44px;
	}

	.product-footer .footer-logo {
		margin: 0 0 24px;
		height: 22px;
	}

	.product-footer .footer-logo svg {
		width: 100px;
		height: 22px;
	}

	.product-footer .jones-wrapper-14 {
		max-width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		margin: 0;
	}

	.product-footer .dropdown {
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 24px;
		line-height: 30px;
	}
	.product-footer .dropdown-item {
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	.product-footer .dropdown:last-child {
		margin-bottom: 0px;
	}

	.product-footer .dropdown-item, 
	.product-footer .dropdown-toggle {
		margin-bottom: 24px;
		color: #ffffff;
	}

/* 	.product-footer .dropdown:last-child .dropdown-item:last-child {
		margin-bottom: 0px;
	} */

	/* --- Banner & Content --- */
	.cta-banner {
		display: flex;
		flex-direction: column;
		text-align: center;
		padding: 0px 20px 40px !important;
		margin: 0 0 40px;
		border-radius: 0;
		position: relative;
		align-items: flex-start;
	}

	.cta-banner:after {
		content: "";
		border-bottom: 1px solid #FFFFFF1A;
		width: calc(100% - 40px);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.text-content {
		margin-bottom: 0px;
		max-width: 100%;
		text-align: left;
	}

	.text-content h2 {
		font-weight: 600;
		font-size: 36px;
		line-height: 40px;
		letter-spacing: -0.05em;
		text-transform: capitalize;
		margin-bottom: 8px;
	}

	.text-content p {
		width: auto;
	}

	.btn-sales {
		width: 100%;
		padding: 12px 16px;
		margin: 0;
	}

	/* --- Reusable Utility Classes --- */
	.address-line, 
	.address-line a {
		text-decoration: none;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
		letter-spacing: -0.01em;
		margin-bottom: 12px;
	}

	.address-line:nth-child(2), 
	.address-line:nth-child(2) a {
		margin-bottom: 0px;
	}

	.mb-40 {
		margin-bottom: 40px !important;
	}

	.handle-icon {
		height: 24px;
	}

	.jones-social {
		margin-top: 24px;
	}

	.two-column {
		display: grid;
		grid-template-columns: 1fr;
		width: auto;
		gap: 24px 20px;
	}
}

@media (min-width: 1100px) {
    .desktop-show {
        display: flex !important;
        flex-direction: row;
        align-items: center;
    }

	.border-left{
		border-left: 1px solid #D5DCE966;
	}
    .mobile-hide {
        display: flex !important;
    }
	.dropdown.mobile-hide {
        display: block !important;
    }
    .mobile-show {
        display: none;
    }

    .product-header .header-wrapper {
        padding: 0;
        gap: 34px;
    }

    .product-header .menu-section {
        margin-bottom: 32px;
    }

    .product-header .user-actions {
        z-index: 1;
    }
	.product-header .j-btn {
		font-size: 14px;
		line-height: 20px;
		font-weight: 600;
		padding: 8px 16px 8px 16px;
	}

    .logo-wrapper {
        width: auto;
        padding: 0px;
    }

    .menu-toggle {
        display: none;
    }

    

    .product-header .header-menu {
        display: flex;
        align-items: center;
        gap: 32px;
        list-style: none;
        margin: 0;
    }

    .product-header .dropdown {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        margin: 0;
		letter-spacing: -0.01em;
    }

/*     a.dropdown-item:hover {
        color: #0073FF;
    } */

    .menu-flex {
        display: flex;
    }

    .menu-item-wrapper {
        padding: 24px 32px 32px 32px;
    }
	.product-header .menu-resources .menu-item-wrapper {
        padding: 24px 32px 32px 32px;
    }
    .menu-flex .menu-section:last-child,
    .menu-flex .menu-section:only-child {
        margin-bottom: 0;
    }

    .product-header .user-actions ul {
        flex-direction: row;
    }


    .product-header .dropdown-toggle,
    .product-header .dropdown.show .dropdown-toggle {
        color: #1F2023;
        margin-bottom: 0px;
    }

    .product-header .dropdown.show {
        margin: 0;
    }

    .product-header .dropdown-menu {
        display: none;
        position: absolute;
		min-width: 715px;
    }
	.product-header .w-410{
		min-width: 410px;
	}
	.product-header .menu-resources{
		min-width: 383px;
	}
    .product-header .dropdown-menu .menu-flex {
        background: #FFF;
        box-shadow: 0px 6px 8px rgb(0 0 0 / 10%);
        border-radius: 8px;
        margin-top: 24px;
        border: 1px solid #d5dce94d;
    }

    .product-header .dropdown:hover .dropdown-menu {
        display: block;
    }

    .product-header .dropdown:hover .dropdown-toggle {
        color: #1F2023;
    }

    .product-header .dropdown:hover .dropdown-toggle:after {
        transform: translateY(-50%) rotate(-180deg);
    }

    .product-header .dropdown-toggle:after {
        display: block;
        top: calc(50%);
    }
	.flex-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
	}
	.product-footer{
		padding-top:80px;
		padding-bottom: 24px;
		padding-left: 48px;
	}
	.footer-privacy ul {
		margin-bottom: 0;
	}
	.product-footer .footer-logo{
		margin-bottom: 32px;
	}
	
	.jones-social{
		margin-top: 32px
	}
	.footer-privacy {
		margin-top: 96px;
	}
	.footer-privacy li{
		margin-bottom: 4px;
	}
	.footer-privacy a{
		font-size:12px;
	}
	
    .product-footer .footer-column {
        width: 25%;
		max-width:224px;
    }
	
    .product-footer .dropdown {
        margin-bottom: 48px;
    }

    .product-footer .dropdown:last-child,
    .product-footer .dropdown-item:last-child {
        margin-bottom: 0px;
    }

    .product-footer .dropdown-toggle {
        text-transform: uppercase;
        color: #FFFFFF;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: -0.01em;
        margin-bottom: 12px;
		cursor:default;
    }

    .product-footer .dropdown-item {
        margin-bottom: 12px;
    }

    .dropdown-toggle:after {
        display: none;
    }

    .dropdown-menu {
        display: block;
    }

    .dropdown-item {
        color: #FFFFFF;
    }

    .bg-gray {
        background: #F9FAFB;
        border-radius: 0px 0px 20px 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: self-start;
    }

    .jones-testimonial {
        max-width: 314px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }
}

@media (max-width:1099px) {
    .navigation-menu {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: fixed;
        z-index: 9999;
        background: #FFF;
        width: 100%;
        height: 100%;
        padding: 85px 20px 20px;
        top: 0;
        right: 0;
        overflow: auto;
        transition: 0.5s all ease;
        transform: translateX(100%);
    }

}

@media (min-width: 1380px) {
/*     .navigation-menu {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 1016px;
        width: 100%;
        height: auto;
        background: transparent;
        padding: 0;
        overflow: unset;
    } */
}

@media(min-width:1422px) {
    .product-header .header-menu {
        display: flex;
        align-items: center;
        list-style: none;
        margin: 0;
    }
}

@media(min-width:1660px) {
    .navigation-menu {
        max-width: 500px;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
        width: 100%;
        background: transparent;
    }
}




/* only mobile */
.only-desktop {
    display: none;
}

.only-mobile {
    display: block;
}


/* only desktop */
@media(min-width:768px) {
    .only-desktop {
        display: block !important;
    }

    .only-mobile {
        display: none !important;
    }
}

.personalizedDemoForm {
	position:relative;
	min-height:560px;
}

.hbspt-form-dummy {
    background: #FFFFFF;
/*     box-shadow: 0px 12px 24px rgb(31 32 35 / 12%); */
    border-radius: 10px;
    padding: 24px;
    padding-top: 16px;
	margin:auto;
	position:absolute;
	width: calc(100% - 40px);
/* 	z-index:1; */
}

.hbspt-form-dummy .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #1F2023;
    margin-bottom: 16px;
}

.f-row{
/* 	padding-top:4px; */
/* 	margin-bottom:32px; */
}

.f-row .form-group {
    margin-bottom: 32px;
}

.hs-form .hs-button, .hs-form .hs-input{
    white-space: pre-wrap;
    border: 0;
    outline: 0;	
    box-sizing: border-box;
}
#hubspotForm1 .hs-form .hs-input{
	min-width: 265px;
}
#hubspotForm1 .hs-button{
	min-width: 120px;
}
.form-control{
	border: 1px solid #D5DCE9;
    border-radius: 8px;
    padding: 4px 7px 7px 16px;
	width: 100%;
    min-height: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #1F2023;
	outline:none;
}

.inputs-list {
    list-style: none;
    padding-left: 5px;
	text-align: left;
}
#hubspotForm1 label.hs-error-msg, #hubspotForm1 .hs-main-font-element{
	color: #e93e3e;
}
#hubspotForm1 .invalid.error {
    border-color: #e93e3e !important;
}
#hubspotForm1 .hs_error_rollup {
    display: none;
}
.form-control:focus,.form-control:focus-visible{
	border-color: #0073FF !important; 
}

.phone-icon input, .email-icon input, .company-icon input{
	padding-left:40px;	
}


.phone-icon, .email-icon, .company-icon {
    position: relative;
}

.phone-icon:before, .email-icon:before, .company-icon:before {
	content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.phone-icon:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6666 0.666992H5.33325C4.22659 0.666992 3.33325 1.56033 3.33325 2.66699V13.3337C3.33325 14.4403 4.22659 15.3337 5.33325 15.3337H10.6666C11.7733 15.3337 12.6666 14.4403 12.6666 13.3337V2.66699C12.6666 1.56033 11.7733 0.666992 10.6666 0.666992ZM9.33325 14.0003H6.66659V13.3337H9.33325V14.0003ZM11.4999 12.0003H4.49992V2.66699H11.4999V12.0003Z' fill='%23606876'/%3E%3C/svg%3E");
}
.email-icon:before{
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 2.66699H2.66659C1.93325 2.66699 1.33992 3.26699 1.33992 4.00033L1.33325 12.0003C1.33325 12.7337 1.93325 13.3337 2.66659 13.3337H13.3333C14.0666 13.3337 14.6666 12.7337 14.6666 12.0003V4.00033C14.6666 3.26699 14.0666 2.66699 13.3333 2.66699ZM13.3333 5.33366L7.99992 8.66699L2.66659 5.33366V4.00033L7.99992 7.33366L13.3333 4.00033V5.33366Z' fill='%23606876'/%3E%3C/svg%3E");
}
.company-icon:before {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99992 4.66667V2H1.33325V14H14.6666V4.66667H7.99992ZM3.99992 12.6667H2.66659V11.3333H3.99992V12.6667ZM3.99992 10H2.66659V8.66667H3.99992V10ZM3.99992 7.33333H2.66659V6H3.99992V7.33333ZM3.99992 4.66667H2.66659V3.33333H3.99992V4.66667ZM6.66659 12.6667H5.33325V11.3333H6.66659V12.6667ZM6.66659 10H5.33325V8.66667H6.66659V10ZM6.66659 7.33333H5.33325V6H6.66659V7.33333ZM6.66659 4.66667H5.33325V3.33333H6.66659V4.66667ZM13.3333 12.6667H7.99992V11.3333H9.33325V10H7.99992V8.66667H9.33325V7.33333H7.99992V6H13.3333V12.6667ZM11.9999 7.33333H10.6666V8.66667H11.9999V7.33333ZM11.9999 10H10.6666V11.3333H11.9999V10Z' fill='%23606876'/%3E%3C/svg%3E");

}

.select-icon{
	padding-right:40px;
	background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.94 5.22656L8 8.2799L11.06 5.22656L12 6.16656L8 10.1666L4 6.16656L4.94 5.22656Z' fill='%23606876'/%3E%3C/svg%3E");
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: 16px 16px;
	background-position: calc(100% - 16px) center;	
}

.form-control.primary-btn{
	font-weight: 600;
    font-size: 16px;
    line-height: 26px;
	margin:0;
	border-radius: 8px;
    padding: 9px 24px 11px 24px;
    background: #0073ff;
    color: #ffffff;
    height: 48px;
/* 	width: calc(100% - 50px); */
    text-align: center;
    letter-spacing: -0.01em;
    box-shadow: none;
    -webkit-appearance: none;
    text-transform: initial;
	border:1px;
}

form {
	margin-bottom:0;
}

.blue-banner-content p {
	color:#FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.14px;
	margin-bottom: 0;
}

.blue-banner-cta {
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: -0.14px;
	color:#FFF;
	text-decoration:none;
	display: flex;
	padding: 5px 16px;
	justify-content: center;
	gap: 7.5px;
}

.blue-banner-cta .cta-icon {
    width: 24px;
    height: 24px; 
}

.blue-banner-close {
	position: absolute;
	right: 16px;
    height: 16px;
    width: 16px;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.6654%204.27398L11.7254%203.33398L7.9987%207.06065L4.27203%203.33398L3.33203%204.27398L7.0587%208.00065L3.33203%2011.7273L4.27203%2012.6673L7.9987%208.94065L11.7254%2012.6673L12.6654%2011.7273L8.9387%208.00065L12.6654%204.27398Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E"); 
	background-position: center; 
	background-size: contain;
	cursor:pointer;
}

@media(min-width:481px) {
    .f-row, .form-columns-2 {
        display: flex;
        gap: 16px;
    }
	
	.form-group{
		flex:1;
	}
	.hs-input{
		width:100% !important;
	}
}
@media(max-width:1100px) {
	header.product-header {
		top: 0px !important;
		padding: 0;
        align-items: flex-start;
		margin: 0px 0 8px;
        border-radius: 0;
	}
	.header-menu-wrapper {
		width: 100%;
		padding: 0;
	}
	.logo-wrapper{
		padding: 20px;
		position: relative;
		background: linear-gradient(180deg, var(--glass-bg), var(--glass-bg-2));
		border-bottom: 1px solid var(--glass-border); /* Usually just the bottom for full-width headers */
/* 		box-shadow: var(--glass-shadow); */

		/* The Blur Engine */
		-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8); /* Higher saturation for 'Liquid' look */
		backdrop-filter: blur(var(--glass-blur)) saturate(1.8);

		/* Performance & Containment */
		transform: translateZ(0);
		isolation: isolate; 
		height: 56px;
	}
	

	/* Liquid Light Catchers (The "Gleam") */
	.logo-wrapper::before {
		content: "";
		position: absolute;
		/* We use a large inset but keep it behind with z-index -1 */
		inset: -10% -20%; 
		background: 
			radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.45) 0%, transparent 40%),
			radial-gradient(circle at 80% 0%, rgba(255, 255, 255, 0.25) 0%, transparent 40%);
		filter: blur(15px);
		opacity: 0.8;
		pointer-events: none;
		z-index: -1; /* CRITICAL: Sits behind your logo/links */
	}

	/* Inner Edge Highlight (Surface Tension) */
	.logo-wrapper::after {
		content: "";
		position: absolute;
		inset: 0;
		/* Creates a tiny 1px highlight at the very top edge */
		border-top: 1px solid rgba(255, 255, 255, 0.4);
		pointer-events: none;
		z-index: 1; 
	}
	.product-header .j-btn{
		height: auto;
		width: 100%;
	}
}
@media(max-width:768px) {
	
	.blue-banner-wrapper {
		display:none;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		background: rgba(0, 0, 0, 0.2);
	}

	.blue-banner-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 32px);
		padding: 40px 24px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		background: #1F2023;
		box-shadow: 0px 4px 16px 0px rgba(31, 32, 35, 0.08);
		border-radius: 8px;
	}
	
	.blue-banner-divider {
		display: none;
	}
	
	.blue-banner-content p {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px;
		letter-spacing: -0.18px;
	}
	
	.blue-banner-content p strong {
		font-size: 20px;
		font-weight: 600;
	}
	
	.blue-banner-close {
		top:16px;
	}
	
	.blue-banner-cta {
		background-color: #FFF;
		color: #000;
		border-radius:8px;
		font-size: 18px;
		line-height: 30px;
		letter-spacing: -0.18px;
		align-items: center;
	}
	
	.blue-banner-cta .cta-icon{
		filter: brightness(0.2);
	}
	
	header.product-header {
		top: 0px !important;
		
        align-items: flex-start;
	}
	.header-menu-wrapper {
		width: 100%;
		padding: 0;
	}
	
	.product-header .j-btn{
		height: auto;
		width: 100%;
	}
	.stop-scroll {
		overflow: hidden;
	}
	 .product-footer .hs-form-private {
        flex-direction: column;
        gap: 16px;
    }
	.product-footer .hs_email, .product-footer .hs_submit, .product-footer .hs-input, .product-footer .hs-button {
        width: 100%;
    }
}

@media(min-width:768px) {
	.blue-banner-content {
		gap: 18px;
		height:40px;
		padding:8px 72px;
    	color: #FFF;
		display: flex;
		align-items: center;
		background: #1F2023;
	}
	
	.blue-banner-content p strong {
		font-weight: 600;
	}
	
	
	
	.blue-banner-cta {
		padding:0px;
	}
	
	.blue-banner-divider {
		width: 2px;
		height:20px;
		background: rgba(255, 255, 255, 0.30);
    	border-radius: 8px;
	}
	
	.hbspt-form-dummy {
		width: calc(100% - 32px);
	}
	
	.f-row .form-group  {
		margin-bottom:34px;
	}
	
	.form-group.state-input, .hs_contat_state{
		max-width:106px;	
	}
	
	.hs_company.hs-company{
		flex: 3;	
	}
}