* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-variant-ligatures: none;}
html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up h1, .up h2, .up h3, .up h4, .up h5, .up h6, .up p, .up blockquote, .up pre, .up a, .up abbr, 
.up acronym, .up address, .up big, .up cite, .up code, .up del, .up dfn, .up up, .up font, .up img, .up ins, .up kbd, .up q, .up s, .up samp, .up small, .up strike, 
.up strong, .up sub, .up sup, .up tt, .up var, .up dl, .up dt, .up dd, .up ol, .up ul, .up li, .up fieldset, .up form, .up label, .up legend, .up table, .up caption, 
.up tbody, .up tfoot, .up thead, .up tr, .up th, .up td, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none; scroll-behavior: smooth;}
.up sup {font-size: 50%;position: relative;right: 0px;}

.up sub { bottom: -0.25em }
.up nav .up ul, .up ol .up li { list-style: none; list-style-image: none; }
.up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; transition: all 0.3s; }
.up textarea { overflow: auto; vertical-align: top }
.up input[type="button"], .up input[type="submit"] {appearance: none; -webkit-appearance: none !important; }
:focus { outline: 0; }
.up caption, .up th, .up td { text-align: left; font-weight: normal; }
.up table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
.up td { vertical-align: top; }
.up img { border: 0 none; max-width: 100%; vertical-align: middle; }
.up a { outline: none; cursor: pointer; text-decoration: none !important; }
.up a:hover { text-decoration: none; }
.up a:focus { text-decoration: none !important; outline: none !important; }
.up .preloader { display: none; }
.up select::-ms-expand { display: none; }

/* Variable */
 /*Onyx - body */
 /* ultraviolet - Title */














  
/* Intial declartaion of css */

* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 85% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
:focus { outline: 0; }
*:before, *:after {box-sizing: border-box;}
embed,img, object, svg { max-width: 100%;height: auto; }
iframe{max-width: 100%; }
/* hubspot */
  
.header-container-wrapper ul,.footer-container-wrapper ul, .header-container-wrapper ol,.footer-container-wrapper ol {  list-style-image: none; }
.row-fluid [class*="span"] {min-height: 0px !important;}
  
/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
  
/* For modern browsers */ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
::selection { background: #333333; color:#ffffff; }
::-moz-selection {background: #333333 ;color: #ffffff;}

/* body */


body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:color 0.5s ease;text-decoration:none;color: inherit;}
svg path{transition:fill 0.5s ease,stroke 0.5s ease; }
svg{vertical-align:middle; }
a:focus { outline: none; text-decoration: none; }


select::-ms-expand {display: none;}
input::-ms-clear { display:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #EAEAEA inset;-moz-box-shadow: 0 0 0 100px #EAEAEA inset; box-shadow: 0 0 0 100px #EAEAEA inset;    color:#000000; -webkit-text-fill-color: #000000;}

input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: color 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family:font-family: 'Inter', sans-serif;;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:color 0.5s ease;}
textarea { overflow: auto; vertical-align: top; resize:none; height:450px; }

/* Fieldset */
form ul{list-style:none;padding: 0; margin: 0;}
form div.hs-form-field .input > ul > li > label{cursor:pointer;}
form ul.hs-error-msgs { color: red; }
form .legal-consent-container .hs-error-msgs { position: relative; top: -20px; }
form .hs-form-required { display:inline; }
form .hs_error_rollup {display: none;}
.submitted-message { text-align: center; font-size:30px; }
.legal-consent-container .hs-error-msgs label{color:red !important}
form fieldset{max-width:100%;}
form div.hs-form-field{float:none !important;display: inline-block;vertical-align: top;width: 100%!important;margin-bottom: 23px;}
form fieldset.form-columns-2 > div.hs-form-field{margin-right:2.9%; width: 48.5%!important;}
form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4%!important;}
form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}

/* input */
form .input{margin-right:0 !important;}
form .hs-form-field > label{ width: 100%; pointer-events: none; display:block;margin-bottom:6px;font-size: 20px; line-height: 1.4;color: #192850;}
form textarea,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form select{
color: #192850; border: 1px solid var(--gray);padding: 3px 15px; width: 100% !important; margin:0px;background-color: transparent;height: 45px;font-size: 20px;}

/* Select */
form select {appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer;background-position: right 15px center; background-repeat: no-repeat; background-size: 24px auto; padding-right: 50px; }

/* Radio Button */
form .input ul.inputs-list li label input[type="radio"]:checked+span:before {box-shadow:0 0 0 8px #000000 inset; border: 2px solid #000000;}
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="radio"]+span:before { position: absolute; content: ''; left: 0; top: 0; width: 38px; height: 38px; text-align: center; border: 2px solid ; border-radius:50%;}
form .input ul.inputs-list li label input[type="radio"]+span { position: relative; display: flex; padding-left: 64px; min-height: 38px; align-items: center; }

/* Check Box */
form .input ul.inputs-list li label {margin-bottom: 0;}
form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before { background-image: url('https://connect.cim.io/hubfs/CIM_24-11-22/check-mark-black-outline.png'); background-size:75%; background-position: center center; background-repeat: no-repeat; }
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+span { position: relative; padding-left: 40px; min-height: 30px; align-items: center; display: inline-block; text-align: left; color: #262626;font-size: 16px;}
form .input ul.inputs-list li label input[type="checkbox"]+span:before { position: absolute; content: ''; left: 0; top: 1px; width: 24px; height: 24px; text-align: center; border: 0.8px solid #AEAEBB; }


/* Button */
form .actions{text-align:left;}
form .hs-submit { margin-top: 0px; }
form .hs_submit input { background: #006CFF; border: 1px solid #006CFF; font-size: 18px; line-height: 1.2; border-radius: 4px; text-align: center; font-weight: 600; padding: 14px 23px; display: inline-block; color: #ffffff; transition: color .5s ease,background .5s ease,border .5s ease,opacity .5s ease; min-width: 150px; text-transform: inherit; letter-spacing: 0.5px; box-sizing: border-box; }
form .hs_submit input:hover{ background-color:transparent;color:#333333;}

label.hs-error-msg {
    color: red;
}

/* Check Box & Radio Button in One Col */
form div.hs-form-field .input > ul > li{margin:0 0 0px;}
form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0; }
form .legal-consent-container .field.hs-form-field { margin-bottom: 0; }
form .legal-consent-container a { font-weight: 700; }
form .legal-consent-container a:hover { color:#333333; }