/* ================================ GLOBAL FONTS ================================= */
/* FONTS ARE NOW LOADED IN THE THEME FOLDER VIA JSON FILES */
/* ================================ END GLOBAL FONTS ================================= */

/* Define once at the top of your stylesheet */
:root {
  /* Fonts */
  --font-primary:  Geist, sans-serif;
  --font-secondary: 'Druk Condensed Super';
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* Colors */
  --color-primary-blue: #000586;
  --color-purple: #882166;
  --color-light-blue: #84ABFF;
  --color-dark-blue: #031373;
  --color-cta-blue: #0222D0;
  --color-gray: #808080;
  --color-background: #EDEFFA;
  
  /* Spacing */
  --border-radius: 25px;
  --border-radius-button: 30px;
  
  /* Sizes */
  --header-height: 140px;
  --tablet-header-height: 110px;
  --base-font-size: 18px;
  --base-mobile-font-size:18px;
}

/* 1b. Set Breakpoints */








body
{
  font-family:  var(--font-primary);
  font-weight: 400;
  background:white;
  padding:0px;
  margin:0px;
}

h1 {
  font-family:  var(--font-primary);
  font-weight: 400;
}

h2, h3, h4, h5 {
  font-family:  var(--font-primary);
  font-weight: 400;
}

p {
  font-family:  var(--font-primary);
  font-weight: 400;
  font-style: normal;
  font-size: var(--base-font-size)
}

/*======================================== GENERAL ==============================================*/
* {
  box-sizing: border-box;
}



input
{
  font-family:  var(--font-primary);
  font-weight: 400;
}

a
{
  font-family:  var(--font-primary);
  font-weight: 400;
  text-decoration: none;
  cursor:pointer;
}

strong, b
{
  font-family:  var(--font-primary);
  font-weight: 700;
}

li
{
  padding:0px;
  margin:0;
}
ul
{
/*   list-style: none;
  padding:0px;
  margin:0px; */
}
p {

}

ul.horizontal > li
{
  display:inline-block;
  vertical-align: middle;
}

table
{
  width:100%;
  border-spacing: 0px;
}
button
{
  background:none;
  padding:8px 12px;
  margin:0;
  border:none;
  padding:0;
}
textarea
{
  max-width: 100%;
  min-width: 100%;
}
.left
{
  float:left;
}
.right
{
  float:right;
}
.page-center 
{
  width: 100%;
  background-color: #EDEFFA;
  padding: 50px 12% !important;
  float:none !important;
}

.page-center .row-fluid-wrapper { max-width: 1400px; margin: 0px auto; }
  
  
.image-header
{
  padding:132px 0px 132px 68px;
  position:relative;
  margin-bottom:80px;
}
.image-header h1,
.image-header h2,
.image-header p
{
  width:600px;
  margin:0px;
  font-family: dashiell-fine, serif;
  font-weight: 700;
}


.image-header h1
{
  margin-bottom:15px;
}
.image-header img
{
  position:absolute;
  right:65px;
  top:55px;
  width:320px;
}






/* 1. Target the columns as you were, but remove their padding on mobile */
[class*='main-section-row-'] > .row-fluid > .dnd-column {
	border-radius: 25px; 
	overflow: hidden; 
	transition: border-radius 0.3s ease;
}

/* 2. GLOBAL FIX: Target the inner background containers */
/* This targets the nested div that actually holds the background color/image */
[class*='main-section-row-'] .dnd-column > .row-fluid-wrapper > .row-fluid > [class*="-background-color"],
[class*='main-section-row-'] .dnd-column > .row-fluid-wrapper > .row-fluid > [class*="-background-layers"] {
	border-radius: 25px !important;
	overflow: hidden !important;
}







@media screen and (min-width: 932px) {

  div[class*="main-section-"] {
	/* Use the attribute selector [class*="..."] to identify the sections. */
	
	/* Exclude any section that contains the full-width force string in its class attribute. */
	&:not([class*="-force-full-width-section"]) {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

}




/* Global rule: Make all non-full-width columns match heights */
.dnd-section > .row-fluid {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
}

/* Make all columns flex containers that stretch vertically */
.dnd-section .span6,
.dnd-section .span4,
.dnd-section .span3,
.dnd-section .span8,
.dnd-section .span9 {
	display: flex !important;
	flex-direction: column !important;
}

/* Make all nested wrappers inside columns maintain the flex chain */
.dnd-section .span6 .row-fluid-wrapper,
.dnd-section .span6 .row-fluid,
.dnd-section .span6 .dnd-column,
.dnd-section .span6 .widget-span,
.dnd-section .span4 .row-fluid-wrapper,
.dnd-section .span4 .row-fluid,
.dnd-section .span4 .dnd-column,
.dnd-section .span4 .widget-span,
.dnd-section .span3 .row-fluid-wrapper,
.dnd-section .span3 .row-fluid,
.dnd-section .span3 .dnd-column,
.dnd-section .span3 .widget-span,
.dnd-section .span8 .row-fluid-wrapper,
.dnd-section .span8 .row-fluid,
.dnd-section .span8 .dnd-column,
.dnd-section .span8 .widget-span,
.dnd-section .span9 .row-fluid-wrapper,
.dnd-section .span9 .row-fluid,
.dnd-section .span9 .dnd-column,
.dnd-section .span9 .widget-span {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
}

/* Ensure cells with background colors stretch to fill */
.dnd-section [class*="-background-color"] {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
}






#hs_form_target_widget_1668570741528 form,
#hs_form_target_widget_1668631310190 form {
  position: relative;
  max-width: 640px;
  margin: auto;
}

#hs_form_target_widget_1668570741528 form .hs_submit,
#hs_form_target_widget_1668570741528 form .hs_email,
#hs_form_target_widget_1668631310190 form .hs_submit,
#hs_form_target_widget_1668631310190 form .hs_email
{
  position: absolute;
}


#hs_form_target_widget_1668570741528 form .hs-email input,
#hs_form_target_widget_1668631310190 form .hs-submit input,
#hs_form_target_widget_1668570741528 form .hs-submit input,
#hs_form_target_widget_1668631310190 form .hs-email input
{
  height: 40px;
  margin-top: 0 !important;
}

#hs_form_target_widget_1668570741528 form .hs_email label,
#hs_form_target_widget_1668631310190 form .hs_email label
{
  display:none;
}

#hs_form_target_widget_1668570741528 .hs_email,
#hs_form_target_widget_1668631310190 .hs-email
{
  width: 400px;
  left: 0;
  top: 5px;
}

#hs_form_target_widget_1668570741528 .hs-submit,
#hs_form_target_widget_1668631310190 .hs-submit
{
  width: 240px;
  margin-top: 0 !important;
  right: 0;
  top: 5px;
}

.submitted-message p { text-align: center; }

@media only screen and (max-width: 639px) {

	  #hs_form_target_widget_1668570741528 .hs_email,
	  #hs_form_target_widget_1668631310190 .hs-email
	  {
		width: 60%;
	  }

	  #hs_form_target_widget_1668570741528 .hs-submit,
	  #hs_form_target_widget_1668631310190 .hs-submit
	  {
		width: 40%;
 
	  }


}


#hs_form_target_widget_1668570741528 .hs_email .hs-input,
#hs_form_target_widget_1668631310190 .hs-email .hs-input
{
  margin-top: 0px !important;
}

.legal-consent-container {
  padding-top: 45px;
}

.row-depth-1 .hs-image-widget { display:block; }


/*======================================================= FOR CONTACT US PAGE REVISIONS ====================================================*/

@media only screen and (min-width: 1024px) {
  .set-width-row { max-width: 1240px; margin-left: auto !important; margin-right: auto !important; float:none !important; }
}




/* ========= SPECIFIC TO landing-page.html TEMPLATE =========== */
.body-container__landing .row-depth-1 .dnd-column { padding-left: 0px; padding-right: 0px; }
/* .dnd-section > .row-fluid { margin-left:0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }  */
.main-section-row-0-force-full-width-section > .row-fluid { 
  margin-left:0px; 
  margin-right: 0px; 
  padding-left: 0px; 
  padding-right: 0px;
  width: 100%; 
}

.form-container { margin: 25px; border: 1px solid #ccc; }
  
 /* home page side image */ 
.dnd-section #hs_cos_wrapper_widget_1647022791018 img { display:block; }

/*======================================================= INPUT FIELDS ====================================================*/
.input
{
  margin:0 !important;
}
.hs-form fieldset.form-columns-1,
.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3
{
  max-width:660px !important;
}

.hs-form fieldset.form-columns-2 .hs-form-field:last-child,
.hs-form fieldset.form-columns-3 .hs-form-field:last-child,
.hs-form fieldset.form-columns-3 .hs-form-field:nth-child(2)
{
  padding-left:28px !important;
}
.hs-form-field label {
  font-size: 14px;
  color: #808080;
  font-family:  var(--font-primary);
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 15px;
  display: block;
}
.hs-form-required
{
  color:red;
}
.hs-fieldtype-radio .hs-form-required
{
  color:#000586;
} 
.hs-input {
  font-size: 16px;
  font-family:  var(--font-primary);
  font-weight: normal;
  border: 1px solid #bbb;
  border-radius: 0px;
  padding: 5px;
  width: 100% !important;
  box-sizing: border-box;
  margin: 5px 0 0 0;
}
.legal-consent-container p {
  font-family:  var(--font-primary);
  font-weight: normal;
  font-size: 14px;
  margin-top: 28px !important;
  margin-bottom: 20px !important;
  color: #000;
}

.form-columns-0 { display:none; }

.hs-submit { margin-top: 25px; }
.hs-submit .hs-button { font-family:  var(--font-primary); font-size: 18px; font-weight: 600; }
.form-container { background-color: #ffffff; padding: 15px; } 

/*===================================================== RADIO ===================================================*/
input[type=radio].hs-input
{
  width:auto !important;
}
.hs-form-radio-display 
{
  padding:3px 3px 3px 0px;
  display:block;
  width: 100%;
  margin-top:10px !important;
  margin-bottom:0px !important;
}
.hs-form-radio-display span
{
  color: #000586;
  font-size:20px;
  margin-left:13px;
  display: inline-block;
}
.hs-form-radio-display:nth-child(2) span
{
  position:relative;top:20px;
}
.hs-fieldtype-radio.hs-form-field > label
{
  font-style: italic;
  font-weight: normal;
  color:#000586;
  font-size:20px;
  line-height:33px;
  display:block;
}
/* Custom Input */
ul.inputs-list.multi-container li.hs-form-radio label {
  position: relative;
}
ul.inputs-list.multi-container li.hs-form-radio label span {
  display: inline-block;
  margin-left: 33px; /* Width of the new radio select and any additional spacing on the left */
  margin-right: 16px; /* Additional spacing on the right */
}
/* Hide the original radio select */
ul.inputs-list.multi-container li.hs-form-radio label input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px; 
}
/* Add new radio select */
ul.inputs-list.multi-container li.hs-form-radio label span::before {
  border: 1px solid #979797;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 20px;
  border-radius: 50%;
}
/* Style new checked item */
ul.inputs-list.multi-container li.hs-form-radio label span::after {
  content: "";
  opacity: 0;
  border: 5px solid;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 10px;
  transition: opacity .2s ease-in-out;
}
/* Show when checked */
ul.inputs-list.multi-container li.hs-form-radio label input:checked + span::after {
  opacity: 1;
}
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-radio label input:focus + span::after {
  box-shadow: 0 0 0 3px #4D90FE; 
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}

/*===================================================== CHECKBOX ===================================================*/
input[type=checkbox].hs-input
{
  width:auto !important;
}
.hs-form-booleancheckbox *
{

  font-weight: 400;
  font-style: normal;
  font-size:14px !important;
  color: #000000;
}
/*======================================================= BUTTON ====================================================*/
.hs-button
{
  background: #000586;
  color: white;
  font-family:  var(--font-primary);
  font-weight: 600;
  font-size: 18px;
  border-radius: 30px;
  width: 100%;
  padding: 10px 30px;
}
/*======================================================= RADIO ====================================================*/
input[type=radio] span
{
  display:inline-block;  
}  

/*======================================================= SELECT ====================================================*/

select 
{
  position:relative;
  cursor:pointer;
  width: 100%;
  border: none;
  box-shadow: none;
  /*   background-color: transparent; */
  background-image: none;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:1px solid #808080;
  font-size:22px;
  font-weight: 400;
  font-style: normal;
}
/*======================================== HEADER ==============================================*/


#global-top-header ul[role="menu"] { margin-top: 5px; }

#global-top-header .lets-talk { margin-top: 0px; }

#global-top-header .lets-talk #hs-button_module_408491328 { background-color: #0222D0; }

.header-cta-simple {
	margin: 0 !important;
	padding: 0 !important;
	text-align: right;
}

.header-cta-simple.lets-talk.right {
	display: inline-block;
}


/* Fix header CTA positioning */
.header-cta-simple {
	margin: 0 !important;
	padding: 0 !important;
}

.header-cta-simple .dnd-section,
.header-cta-simple .dnd-column,
.header-cta-simple .dnd-row {
	margin: 0 !important;
	padding: 0 !important;
	min-height: auto !important;
}

.header-cta-simple.lets-talk.right {
	text-align: right;
	display: inline-block;
}

/* END CTA POSITIONING */

/* sticky header */

  .top-row { height: var(--header-height); }
  .body-container-wrapper { padding-top:  var(--header-height); }




.top-row {
  text-align:center;
  position: fixed;
  width: 100%;
  background: #FEF9F0;
  z-index:100;
}

.top-row .row-depth-1 {
  max-width: 1450px;
  width: 90%;
  margin: 20px auto;
}

#main-header { 
  background-color:#882166; 
}

#main-header img { display:block; }

#main-header .row-fluid .span6 { width:50%; }

.header
{
  clear:both;
/*  height:158px;  */
  position:relative;
}
.header.header-fixed
{
  clear:both;
  height:180px;
  position:fixed;
  background:white;
  width:1110px;
  z-index:10;
  display: flex;
  align-items: center;
/*  justify-content: space-between;  */
}
.header-line
{
  border-bottom:1px solid rgba(0, 5, 134, 1.0);
}
.header-logo img
{
  max-width:100%;
  max-height:200px;
  width: 300px;
  display:block;
}
.header .menu
{
  position:relative;
  display:block;
}

.header .menu ul {
  margin-top: 5px;
}

.global-head-menu li {
  float: left;
  padding: 0 20px;
}


.global-head-menu ul {
 /* margin-top: 20px; */
  background-color: rgba(255,255,255,.6);
}

.global-head-menu ul[role="menu"] a
{
  padding: 0px 0px;
  font-size:18px;
  font-family:  var(--font-primary);
  font-weight: 600;
  color: #000;
}

.global-head-menu ul[role="menu"] .active a
{
  color: #0222D0;
}


.global-head-menu ul .hs-menu-children-wrapper a {
	font-size: 16px; 
 }

.header .menu a span
{
  top:-5px;
  position:relative;
}
.header .menu a img
{
  width:32px;
  margin-right:10px;
  top:3px;
  position:relative;
}



@media screen and (max-width: 639px) {

	.active-branch ul {
	  background: none;
  }
	.global-head-menu li {
	  padding: 0 10px;
	  width: 100%;
	  text-align: left;
	  margin-bottom: 0px;
	}
  
	.active-branch ul li {
   /* margin-top: 20px; */
	background-color: rgba(255,255,255,1);
	padding: 5px 15px !important;
  }
	
	.active-branch ul li:last-child {
		  border-radius: 0px 0px 15px 15px;
  }
  
	#global-top-header .lets-talk  { display:none !important; } 


}

.myww-section .blue-box a:hover {
  color: #2a6bc7;
}

div.lets-talk.right { text-align:right; }

.lets-talk a {
	font-family:  var(--font-primary);
	font-weight: 400;
	font-style: normal;
	border-radius: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 8px 16px; 
	width: 150px;
}

.header-block-left h1 {
  color: #ffffff;
  font-size: 2.3vw;
  font-weight: 400;
  font-style: normal;
}

.header-image-right img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
 
  
  #hs_cos_wrapper_module_267870365 {
	
  }
  
  #global-top-header ul[role="menu"] {
  }
  
  


/*======================================== FOOTER ==============================================*/


/* Main footer container - this holds everything */
#footer-row {
  background-color: transparent;
}

/* The blue rounded container */
#footer-row .inner-row {
  background-color: #031373;
  padding: 60px 120px;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% - 40px);
  float: none;
  border-radius: 25px;
  box-sizing: border-box;
}

/* Footer navigation styling */
.footer-menu-vert { 
  margin-bottom: 0; 
}

.footer-menu-vert .navigation-primary { 
  display: block; 
}

.footer-menu-vert .submenu.level-1 { 
  display: block; 
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-menu-vert .submenu.level-1 > li { 
  display: block; 
  padding: 30px 0;
  border-bottom: 1px solid #84ABFF;
  margin: 0;
}

.footer-menu-vert .submenu.level-1 > li:last-child {
  border-bottom: none;
}

.footer-menu-vert .submenu.level-1 > li a { 
  position: relative;
  display: block;
  padding-right: 60px;
  color: #ffffff;
  font-size: 24px;
  text-decoration: none;
  font-weight: 400;
  transition: opacity 0.2s ease;
}

.footer-menu-vert .submenu.level-1 > li a:hover {
  opacity: 0.8;
}

/* Arrow icon on the right */
.footer-menu-vert .submenu.level-1 > li a::after,
.footer-menu-vert .navigation-primary .submenu.level-1 > li > a.active-item::after {
  content: "";
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0 !important;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('https://6529582.fs1.hubspotusercontent-na1.net/hubfs/6529582/2026%20Redesign/footer-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
}


/* Post-footer section (blue background area below) */
.post-footer-container {
  background-color: #84ABFF;
  margin-top: 40px;
  padding-bottom: 40px;
}

.post-footer {
  max-width: 1100px;
  padding-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

/* Legal copy text */
.legal-copy { 
  color: #031373;
  font-size: 12px;
  line-height: 1.75;
}

.legal-copy p,
.legal-copy span {
  color: #031373;
}

/* Social icons */
.icon-row {
  margin-bottom: 20px;
}

.icon-row img {
  max-height: 32px;
  width: auto;
}

/*======================================== CONTACT PAGE ==============================================*/
.contact-page
{
  padding-top:152px;
  padding-bottom:168px;
}
.widget-span.contact-textImage h3 {
  font-size: 28px;
  color: #fff;
  font-weight: 400;
  font-style: normal;  margin: 0 0 20px;
}
.widget-span.contact-textImage h1 {
  font-size: 46px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  margin: 0 0 20px;
}
.widget-span.contact-textImage h4 {
  font-size: 28px;
  color: #fff;
  margin: 0;
  font-weight: 400;
  font-style: normal;
}
.widget-span.contact-textImage {
  padding: 55px 47px;
  background: #000586;
  position: relative;
  z-index: 1;
}
.widget-span.contact-textImage:before {
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 165px;
  z-index: -1;
}
.contact-page p
{
  margin:0px;
}
.contact-page .bottom-text-box p
{
  margin-top:24px;
}
.widget-span.contact-textImage .let-talk-content {
  margin-bottom: 30px;
}
/*======================================== HR JUMBO PAGE ==============================================*/
.hr-jumbo-page
{
  padding-top:152px;
}
.hr-jumbo-page .form-section .right-col p
{
  margin-top:0px;
}
.hr-jumbo-page .purple-box
{
  background: #882166;
  padding:32px 30px 52px 24px;
}
.hr-jumbo-page .purple-box h1,
.hr-jumbo-page .purple-box p
{
  margin:0px;
}
.hr-jumbo-page .purple-box h1
{
  margin-bottom:4px;
  font-weight: normal;
}
.hr-jumbo-page .kitchen-img
{
  padding-top: 35px;
}
.hr-jumbo-page .transparent-box
{
  /*   padding:35px 30px 0px 28px; */
  padding-top: 22px;
}
.hr-jumbo-page .transparent-box p
{
  margin-top:0px;
}
.hr-jumbo-page .transparent-box strong
{
  font-weight: 400;
  font-style: normal;
}
.hr-jumbo-page .transparent-box span.hs_cos_wrapper_type_rich_text {
  margin-top: 30px;
  display: block;
}
.hr-jumbo-page .five-ways-section h2
{
  font-weight: 400;
  font-style: normal;
  font-size:50px;
  color:#000586;
  text-align:center;
  max-width:954px;
  margin:auto;
  margin-top:198px;
  margin-bottom:20px;
  line-height:63px;
  font-weight: normal;
}
.hr-jumbo-page .five-ways-section h2 strong
{
  font-size:74px;
}
.hr-jumbo-page .five-ways-section img
{
  width:100%;
}
.hr-jumbo-page .five-ways-section table
{
  padding:44px 66px 160px 75px;
  width:100%;
}
.hr-jumbo-page .five-ways-section td
{
  color:#000586;
  vertical-align:top;
  font-weight: 400;
  font-style: normal;
}

.hr-jumbo-page .five-ways-section td:first-child
{
  font-weight: 400;
  font-style: normal;
  font-size:50px;
  width:76px;
  text-align:center;
  line-height:63px;
}
.hr-jumbo-page .five-ways-section td:last-child {
  padding-bottom:33px;
  font-size:28px;
  border-bottom:1px solid #882166;
}
.hr-jumbo-page .five-ways-section td:last-child *
{
  margin:0;
}
.hr-jumbo-page .five-ways-section tr:not(:first-child) td:first-child
{
  padding-top:20px;
}
.hr-jumbo-page .five-ways-section tr:not(:first-child) td:last-child
{
  padding-top:33px;
}
.hr-jumbo-page .five-ways-section tr:last-child td:last-child {
  border-bottom:none;
}
.hr-jumbo-page .download-box
{
  padding:80px;
  background:#EBEBEB;
  text-align:center;
  margin-bottom:186px;
  color:#000586;
}
.hr-jumbo-page .download-box .left-col
{
  width:338px;
}
.hr-jumbo-page .download-box .right-col
{
  width: 585px; float: right; padding: 0px 20px;
}
.hr-jumbo-page .download-box img
{
  max-width:338px;
  height:426px;
  min-height:426px;
  background:#D8D8D8;
  object-fit:contain;
}
.hr-jumbo-page .download-box h2
{
  margin-top:58px;
  margin-bottom:25px;
  line-height:58px;
}
.hr-jumbo-page .download-box h2 *
{
  font-size:50px;
}
.hr-jumbo-page .download-box p
{
  margin-bottom:38px;
  line-height:33px;
  font-weight: 400;
  font-style: normal;
}

.hr-jumbo-page .download-box .cta-button
{
  display:block;
  min-width:197px;
  background:#000586;
  padding:20px 50px;
  border-radius:8px;
  color:white;
  margin:auto;
  font-size:38px;
  font-weight: 400;
  font-style: normal;
}

.hr-jumbo-page .big-businesses-box
{
  text-align:center;
  margin-bottom:178px;
}

.hr-jumbo-page .big-businesses-box h3
{
  line-height:58px;
  font-weight: 400;
  font-style: normal;
  margin:0px;
  margin-bottom:59.12px;
  text-align:center;
  color:#000586;
  font-weight:normal;
}

.hr-jumbo-page .big-businesses-box .company-box
{
  color:black;
}
.hr-jumbo-page .big-businesses-box .company-box .image-box
{
  display: flex;
  justify-content: center;
  align-items: center;
  height:120px;
  margin-bottom:27.8px;
}
.hr-jumbo-page .big-businesses-box .company-box img
{
  position:relative;
  top:50%;
}
.hr-jumbo-page .big-businesses-box .company-box p
{
  line-height:34px;
  max-width:317px;
  margin:auto;
}
.hr-jumbo-page .lets-talk-section
{
  background:#000586;
  padding:52px 0px;
  margin-bottom:292px;
}
.hr-jumbo-page .lets-talk-section .left-col
{
  text-align:right;
}
.hr-jumbo-page .lets-talk-section .right-col
{
  text-align:left;
}
.hr-jumbo-page .lets-talk-section img
{
  width:132px;
}
.hr-jumbo-page .lets-talk-section .cta-button
{
  display:block;
  max-width:291px;
  background:white;
  padding:13px 0px;
  border-radius:0;
  color:#000586;
  font-size:31px;
  font-weight: 400;
  font-style: normal;
  text-align:center;
  margin-top:29px;
  line-height:37px;
}

/*======================================== PERPETUAL LINK PAGE ==============================================*/
.perpetual-link-page
{
  padding-top:209px;
  padding-bottom:99px;
}
.widget-span.hs_breadcrumbs {
  position: fixed;
  left: auto;
  right: auto;
  width: 1110px;
  top: 169px;
  z-index: 99;
  background: #fff;
}
.perpetual-link-page .secondary-menu ul
{
  margin-bottom:24px;
}
.perpetual-link-page .secondary-menu li
{
  display:inline-block;
  padding: 0px 12px;
  position:relative;
}
.perpetual-link-page .secondary-menu li:first-child
{
  padding-left:0px;
}
.perpetual-link-page .secondary-menu li:after
{
  content:'|';
  position:absolute;
  right:-6px;
  color:#000586;
  font-size:28px;
  line-height:33px;
}
.perpetual-link-page .secondary-menu li:last-child:after
{
  content:'';
}
.perpetual-link-page .secondary-menu li a
{
  color:#000586;
  font-weight: 400;
  font-style: normal;
  font-size:28px;
  line-height:33px;
}
.perpetual-link-page .secondary-menu li:nth-child(2) a
{
  font-weight: 400;
  font-style: normal;
}
.perpetual-link-page .blue-section 
{
  padding-bottom:102px;
}
.perpetual-link-page .blue-section .image-header
{
  margin-bottom: 108px;
}

.perpetual-link-page .blue-section ul
{
  margin-top:33px;
  display:block;
}
.perpetual-link-page .blue-section ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #808080; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.perpetual-link-page .blue-section ul li
{
  font-weight: 400;
  font-style: normal;
}
.perpetual-link-page .purple-section .image-header
{
  padding:132px 0px 132px 452px;
  margin-bottom: 122px;
}
.perpetual-link-page .purple-section .image-header img
{
  left:82px;
  width:320px;
}
.perpetual-link-page .purple-section .image-header h1
{
  width:400px;
}

.perpetual-link-page .purple-section .list-container
{
  margin:0px 78px;
  margin-top:29px;
}
.perpetual-link-page .purple-section .list-container p {
  margin:0;
}
.perpetual-link-page .purple-section .list-container td {
  padding:20px 0px;
  border-bottom:1px solid #882166;
}
.perpetual-link-page .purple-section .list-container tr:last-child td {
  border-bottom:none;
}
div.perpetual-link-page div.widget-span.bottom-text {
  margin-top: 128px;
  flex: 0 0 62.5%;
  max-width: 62.5%;
  padding-left: 45px;
  float: right;
  padding-right: 0;
}
.perpetual-link-page div.widget-span.bottom-text p {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}
.myww-section .blue-box li h2 {
  font-size: 23px;
  font-weight: 400;
  font-style: normal;
  color: #000586;
}
.myww-section .blue-box ul li.hs-menu-item {
  padding: 0;
}
.myww-section .blue-box li a {
  color: #0a0686;
}
/*========================================================== HR PAGE ========================================================*/

/*======================================================== HR NAV PAGE =====================================================*/


sup {
	font-size: 50%;
	line-height: 0;
}



/* ====================== MODAL POPUP =============================== */
.modal, .modalw {
  background-color:#000;
  background-color:rgba(0,0,0,.4);
  display:none;
  height:100%;
  left:0;
  overflow:auto;
  padding-top:100px;
  position:fixed;
  top:0;
  width:100%;
  z-index:1
}
#modal_gate {
  background-color:#fefefe;
  border:1px solid #888;
  margin:auto;
  padding:20px;
  width:40%;
  box-shadow: 3px 5px 5px #666;
}

#gateBG { background-color: rgba(255,255,255,.5); z-index:200; }

.close {
  color:#aaa;
  float:right;
  font-size:28px;
  font-weight:700
}
.close:focus,
.close:hover {
  color:#000;
  cursor:pointer;
  text-decoration:none
}


/* ==========================================================================
   IPAD / TABLET OPTIMIZATION (768px - 1024px)
   ========================================================================== */



/* ==========================================================================
   GLOBAL TABLET OPTIMIZATION (768px to 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {
  
/* 1. Target the row AND the ID together (This creates higher specificity) */
  body .dnd-section[class*="main-section-row-"] div[id^="hs_cos_wrapper_module_"] {
    padding-left: 0 !important;   /* Forcefully kills the 137px shift */
    padding-right: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin: 0 auto !important;    /* Centers the block */
    display: block !important;
    width: 100% !important;
  }
  
  /* Target the actual image to ensure it's centering within the reset box */
  body .dnd-section div[id^="hs_cos_wrapper_module_"] img.hs-image-widget {
    margin: 0 auto !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* 2. Target the span columns to stack correctly */
  [class*="main-section-row-"] .span5, 
  [class*="main-section-row-"] .span7 {
    width: 100% !important;
    max-width: 600px !important; /* Prevents text/image from being too wide */
    float: none !important;
    margin-left: 0 !important;
    padding: 0 20px !important;
  }

  /* 3. Force the parent row to be a column */
  [class*="main-section-row-"] > .row-fluid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}

  /* 2. Column Stacking for Tablet */
  [class*="main-section-row-"] .span5, 
  [class*="main-section-row-"] .span7 {
    width: 100% !important;
    max-width: 650px !important;
    float: none !important;
    margin-left: 0 !important;
    padding: 0 20px !important;
  }

  /* 3. Button Centering */
  .hs_cos_wrapper_type_module:has(.hs-button) {
    display: flex !important;
    justify-content: center !important;
  }
}

/* try to catch top row image block padding */

@media screen and (min-width: 768px) and (max-width: 1024px) {
  [class*="main-section-row-"][class*="-padding"] .widget-type-linked_image {
    
  }
  
  
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  
  /* --- 1. GLOBAL UI & VARIABLES --- */
  :root { --tablet-header-height: 110px; }
  .top-row { height: var(--tablet-header-height); }
  .body-container-wrapper { padding-top: var(--tablet-header-height); }
  .page-center { padding: 40px 5% !important; }
  #footer-row .inner-row { padding: 40px 60px; }

  /* --- 2. HEADER & NAVIGATION --- */
  .top-row .row-depth-1 { width: 100%; padding: 0 10px; }
  
  .top-row .row-fluid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .top-row .header-logo {
    flex: 0 0 auto !important;
    max-width: 180px !important;
  }

  .top-row .global-head-menu {
    flex: 1 1 auto !important;
    text-align: center !important;
  }

  .global-head-menu ul[role="menu"] {
    display: flex !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .global-head-menu li { padding: 0 8px !important; }
  .global-head-menu a { font-size: 14px !important; white-space: nowrap !important; }

  .top-row .lets-talk.right {
    flex: 0 0 auto !important;
    text-align: right !important;
    margin-top: 0 !important;
  }

  
  /* --- GLOBAL GRID & MODULES --- */
  /* Neutralize desktop stacking for general content rows */
  .row-fluid:not(.top-row *) [class*="span"] {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
  }

  /* 4-Column to 2-Column Grid Fix */
  .dnd-row > .row-fluid { display: flex !important; flex-wrap: wrap !important; }
  
  .dnd-row > .row-fluid > .span3.dnd-column {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 30px !important;
    padding: 0 20px !important;
  }

  /* Button Centering Fix */
  .hs_cos_wrapper_type_module:has(.hs-button),
  [class*="main-section-row-1"] .hs_cos_wrapper_type_module:has(.hs-button) {
    display: flex !important;
    justify-content: center !important;
    align-self: center !important;
    width: auto !important;
  }

  .hs-image-widget { margin: 0 auto !important; display: block !important; }

  /* Typography Fallbacks */
  h1 { font-size: 48px !important; }
  h2 { font-size: 38px !important; }
}





/* 1. Hide the LET'S TALK menu link by default (Desktop/Tablet) */
.global-head-menu ul[role="menu"] li.hs-menu-depth-1:last-child {
  display: none !important;
}

/* 2. Show the last menu item on Mobile only */
@media screen and (max-width: 767px) {
  .global-head-menu ul[role="menu"] li.hs-menu-depth-1:last-child {
	display: block !important;
  }
}


@media screen and (max-width: 639px) {

  #global-top-header .row-depth-1 {
	margin: 10px auto;
	width: 100%;
  }
  
  br.hide-mobile {
	display:none;
  }
	
  
  /* =============== ROUNDED CORNERS. ==================== */
  /* Target the column wrapper to remove the padding that creates the 'white gap' */
	[class*='main-section-row-'] > .row-fluid > .dnd-column {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* Ensure the inner module still has internal breathing room so text doesn't hit the edge */
	[class*='main-section-row-'] .hs_cos_wrapper_type_module {
		padding: 20px !important;
	}
  
  
  
  
}


@media (max-width: 767px) {
  
  
  /* FOOTER */
#footer-row .inner-row {
  padding: 30px 30px;
}
  
  
  
  /* Target any div with the HubSpot wrapper classes that CONTAINS an .hs-button */
  div.hs_cos_wrapper_type_module:has(.hs-button) {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
  }

  /* Ensure the button itself doesn't have conflicting floats */
  .hs-button {
	float: none !important;
	display: inline-block !important;
  }

  
  /* 1. Target the top-level layout columns specifically */
  /* This looks for columns immediately inside the main section's first row */
  [class*="main-section-row-"] > .row-fluid > .dnd-column {
	width: 100% !important;
	float: none !important;
	display: block !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important; /* Clears the negative margin overlap */
	padding-left: 20px !important; /* Adds safe breathing room on mobile */
	padding-right: 20px !important;
	box-sizing: border-box !important;
  }
  
  .dnd-section > .row-fluid { display:block !important; }

  /* 2. Fix for the overlapping image/header specifically */
  /* If the "Jane -21lbs" or the main image has a negative margin, 
	 this ensures the container starts where it should. */
  .dnd-section {
	overflow: hidden; /* Prevents horizontal scroll from desktop offsets */
  }

  h4 { font-size: 20px !important; }
  h3 { font-size: 28px !important; }
  h2 { font-size: 32px !important; }
  h1 { font-size: 36px !important; }
  
  
  /* 3. Reversing order (Optional) */
  /* On desktop, Image is Left (span5) and Text is Right (span7). 
	 On mobile, if you want Text FIRST, then Image, uncomment below: */
  /*
  [class*="main-section-row-"] > .row-fluid {
	display: flex !important;
	flex-direction: column-reverse !important;
  }
  */
  
  
.ticker-row div.row-fluid-wrapper .widget-type-custom_widget div#hs_cos_wrapper_module_1765575683410106 { padding-left: 0 !important; padding-right: 0 !important; }
  
  
}




@media screen and (max-width: 767px) {
  /* 1. Header Layout */
  #global-top-header .row-fluid {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	position: relative !important;
	overflow: visible !important; /* CRITICAL: Allows menu to pop out of the header */
  }

  /* 2. Logo Stability */
  .header-logo {
	padding: 10px 15px !important;
	flex: 0 1 auto !important; /* Allow it to shrink if needed */
	 max-width: 70% !important;
  }

  .header-logo img {
	height: 32px !important;
	width: auto !important;
  }
  

  /* 3. Hamburger Position & Color */
  .global-head-menu {
	flex: 0 0 auto !important;
	margin-left: auto !important;
	padding-right: 15px !important;
  }

  .navicon, .navicon:before, .navicon:after {
	background-color: #0222D0 !important;
  }

/* 4. THE DROPDOWN BOX FIX */
.hs-menu-wrapper > ul {
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: fixed !important; /* Changed from absolute to fixed */
  top: var(--header-height, 60px) !important; /* Adjust to match your actual header height */
  left: 0 !important; /* Now anchors to the left of the VIEWPORT */
  right: 0 !important; /* Anchors to the right of the VIEWPORT */
  width: 100% !important; /* Takes up the full width of the screen */
  background-color: #FFFFFF !important; 
  border-bottom: 3px solid #0222D0 !important;
  box-shadow: 0px 10px 20px rgba(0,0,0,0.2) !important;
  z-index: 99999 !important; 
  padding: 20px !important;
  list-style: none !important;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none !important;
}
  
/* 5. The Trigger - Using the Checkbox State */
  
  /* When the checkbox is checked, find the UL and show it */
  #menu-btn:checked ~ span .hs-menu-wrapper > ul {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	display: block !important;
  }

  /* Optional: Turns the hamburger into an 'X' when checked if it doesn't already */
  #menu-btn:checked + .menu-icon .navicon {
	background: transparent !important;
  }
  #menu-btn:checked + .menu-icon .navicon:before {
	transform: rotate(45deg);
	top: 0;
  }
  #menu-btn:checked + .menu-icon .navicon:after {
	transform: rotate(-45deg);
	top: 0;
  }
  
  /* 6. Fix Link Visibility */
  .hs-menu-wrapper > ul li a {
	color: #0222D0 !important;
	display: block !important;
	padding: 15px 0 !important;
	font-weight: bold !important;
	visibility: inherit !important;
  }

  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
	color: #0222D0 !important; /* Makes links blue */
	font-size: 18px !important;
	text-decoration: none !important;
  }
}