body {font-family: 'Montserrat', sans-serif !important;font-size:20px !important;}
@media only screen and (min-width: 992px) {.container, .container-lg, .container-md, .container-sm {max-width: 100% !important;}body {font-family:'Montserrat', sans-serif !important; font-size:16px;}}
@media only screen and (min-width: 768px) and (max-width:991px){.container, .container-md, .container-sm {max-width: 100% !important;}body {font-family:'Montserrat', sans-serif !important;font-size:14px;}}
@media only screen and (min-width:577px) and (max-width:767px) {.container, .container-md, .container-sm {max-width: 100% !important;}body {font-family:'Montserrat', sans-serif !important;font-size:12px;}}
@media only screen and (max-width: 576px) {.container, .container-sm {max-width: 100% !important}body {font-family:'Montserrat', sans-serif !important;font-size:12px;}}

/*.row {margin-left: 0 !important;margin-right: 0 !important;}*/
.row.col-12 {margin-right: calc(-.5* var(--bs-gutter-x)) !important; margin-left: calc(-.5* var(--bs-gutter-x))!important;}


form#form-IonFraudForm-83f5 .ktc-default-section .form-field {width: 15%;display: inline-grid;max-width: fit-content;}

/*Navigation*/
.navbar{padding-bottom: unset !important;}
.HeaderArch{padding-top: unset !important;}
.headerLogo{float:right;margin-right:-2.25em;}
.headerNavItems{text-align:right;}
.headerNavItemsColumn {text-align: right;margin:5px -20px;}
img.img-fluid.mobilelogo {left:0;position:absolute;top:0;max-width:200px;}
@media only screen and (min-width:320px) and (max-width:400px){img.img-fluid.mobilelogo {max-width: 165px;}}
.headerLogo {top: 1em;left: 1em;float: right;}}
@media (min-width: 992px) {.biglogo {display: block;width: 271px;}}
.navbar-light .navbar-nav .nav-link{color:#AD6200 !important;}
li.nav-item {font-weight: bold; margin-right: .5em; padding: 5px; font-size: .9em;text-transform: uppercase;font-family: 'Montserrat', sans-serif !important;color : #9b1617;}
li.nav-item:hover { color : #000000; }
@media only screen and (min-width:1100px) and (max-width:1250px){li.nav-item{font-size:.9em;}}
@media only screen and (min-width:992px) and (max-width:1099px){li.nav-item{font-size:.8em;}}
@media only screen and (max-width:991px){li.nav-item{border:none;}}
@media only screen and (min-width: 992px) {.navbar-expand-lg .navbar-nav {flex-direction: row;margin: 0 0 0 auto !important;}}
.dropdown-menu { text-transform: none !important; text-align: center !important;}
a.dropdown-item::first-line { font-weight: bold; }
a.dropdown-item { text-wrap: auto;}
a.dropdown-item {text-wrap: auto;line-height: 1.25em;padding: .75em .25em;}
.dropdown-item.active, .dropdown-item:active {color: #000 !important;background-color: #dddddd !important;}

/*Top Bar Navigation*/
.topbarnavigation-section a {font-size: 12px; color: #787373; padding: 10px; font-family: 'Montserrat', sans-serif !important; font-weight: bold; text-transform: uppercase;}
.topbarnavigation-section {margin-top: 15px;}
a.topbar-link:hover { color : #020202; }
.topbar-navigation-links {float: right;margin-right: 20px !important;}
@media only screen and (min-width: 991px) {.container, .container-lg, .container-md, .container-sm {max-width: 100% !important;}}
.topbarnavigation {overflow: hidden;}
@media only screen and (max-width: 576px) {.container, .container-sm {max-width: 100% !important;}}
section#ionFraudBanner {background-position: top left ! Important;background-size: cover ! Important;}
#searchtext { width: 110px; color: #787373; border-color: #787373; font-family: 'Montserrat', sans-serif !important; font-weight: bold; text-transform: uppercase; font-size: 12px;margin-left: 10px;}


/*Top Nav Arch image element*/

section#HeaderArch {padding: 0 !important;margin-left:0;margin-right:0;}
section#LeftHeaderArch, section#RightHeaderArch {padding: 0 !important;}
section#HeaderArch .container, section#LeftHeaderArch .container, section#RightHeaderArch .container {padding: 0 !important;}
@media only screen and (max-width:768px){section#LeftHeaderArch, section#RightHeaderArch {display:none;}}

div#carouselbanner {margin: 0 -12px !important;}

/*#ionFraud section#HeaderArch {padding: 0 !important;margin-left: 12px !important; margin-right: 0px !important;}*/
@media only screen and (min-width: 992px) {.container, .container-lg, .container-md, .container-sm {max-width: 100% !important;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.container, .container-md, .container-sm {max-width: 100% !important;}}
@media only screen and (min-width: 577px) and (max-width: 767px) {.container, .container-md, .container-sm {max-width: 100% !important;}}
@media only screen and (max-width: 576px) {.container, .container-sm {max-width: 100% !important;}}
div#carouselbanner {margin: 0 -12px !important;}
.carousel-caption {right: 5% !important; left: 5% !important; top: 53px;}
.caraousel-heading, .caraousel-heading>h2 {font-size: 1.75rem;text-align: left; text-transform: uppercase;}
.carousel-control-prev {visibility: hidden !important; display: none !important;}
.carousel-control-next {visibility: hidden !important;display: none !important;}
.threecol-section .image-link-widget img{width:30%;}
.threecol-section .image-link-widget .link-text a{color: #212529;}
.X-row {display: flex;flex-wrap: wrap;}

/*Contact Form*/
/*.FormHeading h2 {color: #B82527;font-size: 1.2em;padding: 1em;}
#Lets-Talk h2 {color: #B82527;font-size: 1.2rem;padding: 1em 0;margin-left:.5em;}
.phone {color: #B82527;font-size: 1.2rem;padding: 2em 0;margin-left: 1em; font-weight: bold;}
.phone a {color: #B82527;font-size: 1.2rem;text-decoration:none !important;}
.form-field {margin: 1em;}
.form-control {border-radius:0;}
input[type="submit"] {margin-left:3.5em;color:#ffffff;background-color:#B82527;width:150px;padding:10px;border:3px solid #B82527;}
.phone a:hover {color: #f53234 !important;text-decoration: underline !important;}
input#form-Campaign-b90b_CELLorBUSINESSNUMBER_PhoneNumber {width: 400px !important;}
textarea.form-control {min-height: 275px !important;}
.custom-formsection{margin:1em;}
.field-validation-valid {color: red !important;}
.formwidget-submit-text {font-size: 2em;text-align: center;font-weight: bold;}
.custom-formsection .col-12.col-md-4 {display: unset !important;}
.ktc-radio {display: inline-flex;padding: 5px 10px 0px 0px !important;align-items: center;}
.ktc-radio label{padding: 5px;}
.explanation-text{font-weight: bold}
.field-validation-error { color : red !important;}
.editing-form-control-nested-control {display: unset !important;}*/
	
	

/*IonFraudForm Customization*/
#WhitePaperForm .customform-title {
    text-align: left !important;
    color: #000;
    font-weight: bold;
	font-size: 2em;
}

#WhitePaperForm form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Align items to the left */
    gap: 1rem; /* Optional spacing */
}

#WhitePaperForm form .form-field {
    flex: 1 1 200px; /* Responsive width */
}

/* Target the State dropdown specifically */
#WhitePaperForm form select {
    flex: 1 1 200px; /* Same width behavior */
}

#WhitePaperForm  div {
    font-size: 12px;
    text-size-adjust: auto;

}
#WhitePaperForm div h2 {
    font-weight: bold;
	font-size: calc(1.325rem + .9vw);
}

#WhitePaperForm  form > section.custom-formsection {
    background-color: #e69d37; 
    color: white;
    padding: 1em 0 2em 0;
    position: relative;
    width: 95%;
	border-radius:4px;
	margin-left: 1.5em;
}

#WhitePaperForm form > section.custom-formsection::after {
    content: "";
    position: absolute;
    top: 0;
    right: -39px;
    width: 40px;
    height: 100%;
    background-color: #e69d37;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

#WhitePaperForm  form > input[type="submit"] {
    align-self: flex-start; /* Align to top */
    margin-left: -12em; /* Push it to the right edge */
    padding: 6px 10px;
    background-color: #e7a851;
    color: #000;
    border: 1px outset #c17c1d;
    border-radius: 4px;
	position:sticky;
	margin-top: 10px;
	font-weight:bold;
}

#WhitePaperForm div p {
    font-size: 16px;
    padding: 1.5em 0;
    font-weight: bold;
}
#WhitePaperForm .formwidget-submit-text {
    text-align: center;
    font-size: 2em;
    padding: 2em;
    font-style: italic;
}


#WhitePaperForm .form-control { width: 99% !Important;}

section#WhitePaperForm {
	/*position: sticky;*/
    top: 0;
    z-index: 10;
    background: #fff;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);*/
}


.WhitePaperForm.is-stuck{
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.WhitePaperForm.is-stuck div p{
	padding:0;
}


#WhitePapers img {    
    padding-top: 20px;
}


.footer, .footer-disclaimer, .footer-links, .footer-secdesc {background-color: #e8e4e6 !important;}
.footer-disclaimer {color:#4e4646 !Important;}



.footer-navigation, .footer-navigation a, .footer-navigation a:active, .footer-navigation a:visited {
	font-family: Montserrat !Important;
    color: #000000 !important;
	font-weight: normal !Important;
}

.footer-navigation a:hover {
	font-family: Montserrat !Important;
    color: #000000 !important;
	font-weight: bold !Important;
}

section#ionFraudContactForm input[type="submit"] {
    margin-left: 2.5em;
    color: #000;
    background-color: #e99c36;
    width: 150px;
    padding: 10px;
    border: 3px solid #e99c36;
}

section#ionFraudContactForm .form-field {
    margin: 1em;
}

section#ConnectWithUs {
   margin-left: 20px;
}

a.btn.image-text-button {
    width: 100%;
}


section#TransactionValueChain img.img-text {
    width: 100%;
}

.caraousel-heading
 {
    font-size: 1.5rem;
    color: #ffffff;
    width: 60%;
    text-align: left;
}

.caraousel-subheading
 {
    font-size: 1.5rem;
    color: #ffffff;
    width: 60%;
    text-align: left;
}


section#IonFraudBanner h1 {font-size: 2rem !Important; font-weight: normal !Important;}
section#IonFraudBanner h2 {font-size: 1.25rem !Important; font-weight: normal !Important;}


@media only screen and (max-width: 991px){
.headerLogo {
    float: right;
    margin-right: -1.8em;
    margin-bottom: 60px !important;
}}

.footer-copyright {
    color: #4E4646 !important;
    padding-top: 0 !important;
    font-size: 12px;
	margin-bottom: 10px;
    text-align: center;
}

section#TransactionValueChain .image-text-widget-desc {
    min-height: 130px;
    padding: 1em 0 0em 0;
}

@media only screen and (min-width: 768px) and (max-width:1225px){
	section#TransactionValueChain .image-text-widget-desc {
    min-height: 150px;
    padding: 1em 0 0em 0;
}
}

/*  JT WHITE PAGE FORM UPDATES  */


@media only screen and (max-width:991px){
	
	section#WhitePaperForm {position: unset;}

	.form-control {font-size: .8rem !important;}
	
	#WhitePaperForm .d-flex {flex-wrap: wrap !Important;}	
		
	#WhitePaperForm form .form-field { margin-bottom: 5px;}

	#WhitePaperForm form > section.custom-formsection    {
		background-color: #e69d37;
		color: white;
		padding: 1em 0 2em 0;
		position: relative;
		width: 90%;
		border-radius: 4px;
		margin-left: 1.5em;
	}

	#WhitePaperForm form > input[type="submit"] {
		align-self: flex-end !important;
		margin-bottom: 10px;		
		margin-left: -12em;}

	#WhitePaperForm form select {		
		margin-bottom: 17px;
	}
	
	#WhitePaperForm form > section.custom-formsection::after {		
		right: -18px;
		width: 19px;
	}
		
	
}

@media only screen and (max-width:767px){
	#WhitePapers img {
            padding-top: 0px !important;   
	}
}

@media only screen and (min-width:767px) and (max-width:991px){
	#WhitePapers img {
            padding-top: 0px !important;   
			margin-bottom: 0px !important;}
	}


	#WhitePapers img {
		padding-top: 3em;
		margin-bottom: -30px;}


@media only screen and (min-width:1420px){
	section#ionFraudBanner {
		background-position: top left ! Important;
		background-size: cover ! Important;
		min-height: 450px;}

	section#IonFraudBanner h1 {
		font-size: 3rem ! Important;
		font-weight: normal ! Important;}

	section#IonFraudBanner h2 {
		font-size: 2rem ! Important;
		font-weight: normal !Important;}

	section#IonFraudBanner {
		margin-top: 4em;}
}
.row.footerAnnouncementContent {
    --bs-gutter-x: 0 !Important;3
}


.topbar-navigation-links {float: right; margin-right: 20px !important; min-height: 35px;}

.topbarnavigation .topbar-navigation-links a.topbar-link:last-of-type {
    background-color: #e99d35;
    padding: 8px 14px 8px 16px;
    color: #000000;
}



.editing-form-control-nested-control {width: 99%;}

.biglogo {margin-bottom:10px !important;}


.navbar-light .navbar-nav .nav-link:hover {
    color: #010101 !important;
}

/* Global smooth scroll (respects reduced motion below) */

html {

scroll-behavior: smooth;

}


/* Respect users who prefer reduced motion */

@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }

.flyout-link { transition: none !important; }

}


/* Flyout base styles */

.flyout-link {
	position: fixed;
	top: 90%;
	left: calc(-120px + env(safe-area-inset-left)); /* hidden off-screen */
	transform: translateY(-50%);
	background-color: #e99d35; /* red */
	color: #000000;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 6px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.2);
	transition: left 0.3s ease, opacity 0.2s ease;
	z-index: 9999;
	opacity: 0; /* start invisible */
	pointer-events: none; /* don’t capture clicks when hidden */
}


/* Visible state (added via JS after 100px scroll) */

.flyout-link.show {
	left: calc(0px + env(safe-area-inset-left)); /* slide into view */
	opacity: 1;
	pointer-events: auto;
}


/* Hover/active states */
.flyout-link:hover, .flyout-link:focus {
  border: solid 2px #e99d35;
  background-color: #ffffff;
  color: #010101 !important;
}


/* Mobile adjustments */
@media (max-width: 768px) {
	.flyout-link {
		top: auto;
		bottom: calc(12px + env(safe-area-inset-bottom)); /* lower for reachability */
		left: calc(-140px + env(safe-area-inset-left)); /* slightly wider */
		padding: 14px 22px; /* bigger touch target */
		font-size: 17px;
		border-radius: 8px;
	}

	.flyout-link.show {
		left: calc(12px + env(safe-area-inset-left)); /* inset with safe-area left: calc(12px + env(safe-area-inset-left)); /* inset with safe-area */
	}
}


/* High-contrast support */
@media (forced-colors: active) {

.flyout-link {
	border: 2px solid ButtonText;
	color: ButtonText;
	background: ButtonFace;
	}
}




.row.col-12 {--bs-gutter-x: 15px !important;}

section#ArchSection .row.col-12{--bs-gutter-x: 0 !important;}

/* -------STICKY SECTION STYLES--------- */
    :root {
      --sticky-height-expanded: 220px;  /* height when open */
      --sticky-height-collapsed: 48px;  /* height when collapsed/tabbed */
      --sticky-bg: #d7d4d5;             /* Bootstrap primary-like */
      --sticky-fg: #333;
      --sticky-btn-bg: #e7a851;
	  --shadow: 0 2px 8px rgba(0,0,0,0.15);
	  
    }

    body {
      margin: 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
      line-height: 1.5;
    }

    /* Demo filler content */
    .content {
      padding: 1rem;
      max-width: 900px;
      margin: 0 auto;
    }
    .spacer {
      height: 1200px;
      background: linear-gradient(#fafafa, #f0f0f0);
      border-top: 1px solid #e5e5e5;
    }

    /* Sticky section */
    .sticky-section {
      position: sticky;
      top: 0;
      z-index: 1020; /* above normal content; below navbars if needed */
      background: var(--sticky-bg);
      color: var(--sticky-fg);
      box-shadow: var(--shadow);
      transition: height 220ms ease, box-shadow 220ms ease;
      overflow: clip; /* modern equivalent to overflow:hidden with better perf */
      height: var(--sticky-height-expanded);
    }

    /* Layout inside sticky section */
    .sticky-inner {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 0.75rem;
      align-items: center;
      padding: 0.75rem 1rem;
    }

    .sticky-title {
      margin: 0;
      font-size: 1.1rem;
      font-weight: 600;
    }

    .sticky-actions {
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }

    .sticky-btn {
      appearance: none;
      border: 1px solid darkgray;
      border-radius: 6px;
      padding: 0.5rem 0.75rem;
      background: rgba(255,255,255,0.15);
      color: var(--sticky-fg);
      cursor: pointer;
      font-weight: 600;
    }
    .sticky-btn:focus-visible {
      outline: 3px solid rgba(255,255,255,0.65);
      outline-offset: 2px;
    }

    .sticky-details {
      padding: 0 1rem 1rem;
      font-size: 0.95rem;
    }

    /* Collapsed state turns the sticky section into a slim bar */
    .sticky-section.collapsed {
      height: var(--sticky-height-collapsed);
    }
    .sticky-section.collapsed .sticky-details {
      display: none; /* hide details when collapsed */
    }

    /* Fixed “tab” shown when collapsed */
    .sticky-tab {
      position: fixed;
      top: 0.25rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1040;
      display: none; /* hidden by default; shown via .show-tab on body */
      padding: 0.4rem 0.75rem;
      border-radius: 999px;
      background: var(--sticky-btn-bg);
      color: var(--sticky-fg);
      box-shadow: var(--shadow);
      font-weight: 600;
      cursor: pointer;
      border: none;
    }
    .sticky-tab:focus-visible {
      outline: 3px solid rgba(13,110,253,0.35);
      outline-offset: 2px;
    }
    body.show-tab .sticky-tab {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
    }

    /* Optional: a small chevron icon using CSS */
    .chevron {
      display: inline-block;
      width: 0.5rem;
      height: 0.5rem;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(-45deg);
      margin-top: -2px;
    }

    /* Make sure the sentinel doesn’t affect layout */
    .sticky-sentinel {
      position: relative;
      width: 100%;
      height: 1px;
      margin: 0;
      padding: 0;
    }

    /* Responsive nuances */
    @media (max-width: 576px) {
      :root {
        --sticky-height-expanded: 260px; /* a touch taller on mobile */
      }
      .sticky-inner {
        grid-template-columns: 1fr;
      }
      .sticky-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
      }
    }
	
	/*Bold first item of last menu item in top navigation */
ul.navbar-nav li.nav-item:nth-last-child(1) .dropdown-menu li:first-child a {
    font-weight: bold;
}
/*Do Not Sell Button*/
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    background: #333 !important;
    border: none  !important;
    color: #fff  !important;
    text-decoration: underline  !important;
    cursor: pointer  !important;
    text-align: center  !important;
    width: 100%  !important;
    padding: .5em 0  !important;
    font-size: .8em  !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    background: #666 !important;
}