@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}
.hs-button { border-radius: 6px; }
img.hs-image-widget { max-width: 100%; }
html { font-size: 18px; }
.row-fluid strong { font-weight:700; }
.row-fluid .text-center { text-align:center; }
.body-section h1, .body-section h2, .body-section h3,.body-section h4, .body-section h5, .body-section h6 { font-family: Work Sans; color: rgb(5 5 51); }
.body-section.dark { font-family: Work Sans; background-color: rgb(62 92 210); color: rgb(255 255 255); }
.body-section.dark h1 { margin-top: 1rem; font-weight: 700; }
.body-section.dark h2 { margin-top: 1rem; }
.body-section.dark h1, .body-section.dark h2, .body-section.dark h3, .body-section.dark h4, .body-section.dark h5, .body-section.dark h6 { font-family: Work Sans; color: rgb(255 255 255); }
.body-section.dark p { color: rgb(255 255 255); font-family: Work Sans; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0; margin-top: 0.9rem; }
.body-section .hs-button { margin-bottom: 0.8rem; margin-top: 0.8rem; text-align: center; -webkit-appearance: none; border: 0; cursor: pointer; display: inline-block; font-size: 1rem; line-height: 1.95; padding: 13px 48px; text-decoration: none; letter-spacing: normal; }
.body-section.dark .hs-button, .body-section.dark a.hs-button, .body-section.dark input[type=submit], .body-section.dark input[type=button], .body-section.light .hs-button, .body-section.light a.hs-button, .body-section.light input[type=submit], .body-section.light input[type=button] { background-color: rgb(31 40 57); color: rgb(255 255 255); border-radius: 23px; font-family: Work Sans; }
.compass__consultation h2, .body-section.compass__download-assets--checklist h2, .compass__event h2, .compass__meeting h2 { font-size: 2.2rem; margin-top: 1rem; }
.compass__consultation .hs-button, .compass__download-assets--checklist .hs-button, .compass__event .hs-button, .compass__meeting .hs-button { margin-bottom: 0.8rem; margin-top: 0.8rem; text-align: center; }
.body-section.dark .hs-button, .body-section.dark a.hs-button, .body-section.dark input[type=button], .body-section.dark input[type=submit], .body-section.light .hs-button, .body-section.light a.hs-button, .body-section.light input[type=button], .body-section.light input[type=submit] { font-weight: 600; text-decoration: none; }
.compass__consultation blockquote, .compass__download-assets--quote blockquote, .compass__event blockquote, .compass__meeting blockquote { -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 700; line-height: 1.28; margin-block-end: 1em; margin-block-start: 1em; margin-inline-end: 0; margin-inline-start: 0; border-left: 0; }

.hs-cta-wrapper img , .widget-type-rich_text img { height: auto; max-width: 100%; }
.body-section p { font-family: Work Sans; font-size: 1rem; line-height: 1.5rem; }
.body-section table { margin-bottom: 0; margin-top: 1rem; }
.body-section.dark form { border: 0; padding: 15px 0 0; }
.body-section.dark form input[type=text], 
.body-section.dark form input[type=password], 
.body-section.dark form input[type=datetime], 
.body-section.dark form input[type=datetime-local], 
.body-section.dark form input[type=date], 
.body-section.dark form input[type=month], 
.body-section.dark form input[type=time], 
.body-section.dark form input[type=week], 
.body-section.dark form input[type=number],
.body-section.dark form input[type=email], 
.body-section.dark form input[type=url], 
.body-section.dark form input[type=search], 
.body-section.dark form input[type=tel], 
.body-section.dark form input[type=color], 
.body-section.dark form input[type=file], 
.body-section.dark formtextarea, 
.body-section.dark form select { color: rgb(5 5 51); font-family: Work Sans; -webkit-appearance: none; background-color: rgb(255 255 255); border: 1px solid rgb(255 255 255); -webkit-border-radius: 0; line-height: normal; font-size: .9rem; padding: 18px; }
.body-section.dark .hs-form-field { margin-bottom: 1.8rem; }
.body-section.dark .hs-form-field > label { margin: 0 0 5px; }
.body-section.dark .hs-form-field > label, .body-section.dark .hs-form-field > label span { font-family: Work Sans; font-weight: 400; }
.body-section.dark form .hs-form-field legend { font-family: Work Sans; color: rgb(255 255 255); font-size: 1rem; line-height: 1.5; }
.body-section.dark form .hs-submit { text-align: center; }
.body-section.dark form input[type="submit"] { border-radius: 10px; margin-bottom: 0.8rem; margin-top: 0.8rem; text-align: center; -webkit-appearance: none; border: 0; cursor: pointer; display: inline-block; font-size: 1rem; line-height: 1.95; padding: 13px 48px; text-decoration: none; transition: all .15s ease-in-out; width: auto; }
.body-section.dark form label.hs-error-msg { color: rgb(242 84 91) !important; padding-left: 24px; position: relative; align-items: center; display: flex; justify-content: flex-start; min-height: 22px; font-size: .7rem; line-height: 1.1; }
.body-section.dark form label.hs-error-msg:before { background-repeat: no-repeat; color: rgb(242 84 91); content: "⚠"; font-size: .9rem; font-weight: 900; height: 14px; left: 3px; pointer-events: none; position: absolute; text-align: center; top: 50%; transform: translate(-30%,-60%); width: 14px; }

.imtopTt { margin: 0 0 20px; }
.imtopBt > div { display: inline-block; vertical-align: middle; }
.imtopload { padding-left: 20px; }
.dot-pulse {  position: relative; left: -9999px;  width: 5px;  height: 5px;  border-radius: 5px;  background-color: #fff;  color: #fff;  box-shadow: 9999px 0 0 -5px;  animation: dot-pulse 1.5s infinite linear;  animation-delay: 0.25s; }
.dot-pulse::before, .dot-pulse::after { content: "";  display: inline-block;  position: absolute;  top: 0;  width: 5px;  height: 5px;  border-radius: 5px;  background-color: #fff;  color: #fff; }
.dot-pulse::before { box-shadow: 9984px 0 0 -5px;  animation: dot-pulse-before 1.5s infinite linear;  animation-delay: 0s; }
.dot-pulse::after { box-shadow: 10014px 0 0 -5px;  animation: dot-pulse-after 1.5s infinite linear;   animation-delay: 0.5s; }

.imHeroSection { background-size: cover; background-repeat: no-repeat; background-position: center top; }
.imVidvim { padding: 0 0 56.25%; position: relative; width: 100%; height: 100%; }
.imVidvim iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.imHeroTt h1 { margin: 0 0 40px; font-size: 28px; line-height: normal; }

.boystTop h2 { font-size: 24px; line-height: 34px; }
.boystText { max-width: 700px; margin: 0 auto 30px; }      
            
.custBtnItem a { text-align: center; background-color: rgb(182,157,116) !important; background-image: -webkit-linear-gradient(top, rgb(182,157,116), rgb(136,117,87)) !important; border: 2px solid rgb(91,78,58) !important; border-bottom: 8px solid rgb(91,78,58) !important; border-radius: 8px !important; box-shadow: inset 0px 1px rgb(227 196 145) !important; color: rgb(255,255,255) !important; padding: 20px 20px !important; display: inline-block; line-height: 1.5em !important; font-weight: bold !important; text-decoration: none; }
.custBtnItem { margin: 10px; }

.imtestiSec { overflow: hidden; }
.imtestiTitle h5 { font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 30px; }
.imtestiInner { margin: 0 -15px; }
.imtestiBox { width: 33.33%; padding: 0 15px; margin: 0 0 30px; }
.imtestiImage { width: 100px; height: 100px; background-size: cover; background-repeat: no-repeat; background-position: center top; margin: 0 auto 20px; }

.exitContents { text-align: center; }
.exitOuters { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 85%); z-index: 9999; padding: 30px 20px; transition: all ease-in-out .4s; opacity: 0; visibility: hidden; overflow-y: auto; }
.exitInners { background-color: rgb(255 255 255); max-width: 980px; padding: 60px 30px; transition: all ease-in-out .5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin-top: -100%; }
.exitClose { cursor: pointer; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; }
.exitClose:before, .exitClose:after { content: ""; background-color: rgb(0 0 0); position: absolute; width: 30px; height: 2px; transform: rotate(45deg); }
.exitClose:after { transform: rotate(-45deg) !important; }
.exitOuters.exitOpens { opacity: 1; visibility: visible; }
.exitOuters.exitOpens .exitInners { margin-top: 0; }
.exitContents h5 { font-size: 24px; line-height: 34px; }  
   


@media(max-width:1200px){
  .exitOuters { display: none; }
}
@media(max-width:991px){ 
  .imtestiBox { width: 50%; } 
}
@media(max-width:767px){
  .compass__consultation .hs-button, .compass__download-assets .hs-button, .compass__event .hs-button, .compass__meeting .hs-button, .body-section .hs-button { width: 100%; }
  .imtestiBox { width: 100%; }
  .custBtnItem { width: 100%; margin: 10px 0; text-align: center; }       
  .custBtnItem a { text-align: center; padding: 20px 15px !important; font-size: 14px; }
  
  
}


}
.gradient-button {
  background: linear-gradient(45deg, #ff7e5f, #feb47b); /* This makes the gradient color */
  color: white; /* Text color */
  padding: 10px 20px; /* Space inside the button */
  border: none; /* No border around the button */
  border-radius: 5px; /* Rounded corners */
  text-transform: uppercase; /* Makes the text all capital letters */
  cursor: pointer; /* Changes the cursor to a pointer when you hover */
  transition: background 0.3s ease; /* Makes the background change smoothly */
}

.gradient-button:hover {
  background: linear-gradient(45deg, #feb47b, #ff7e5f); /* Changes the gradient when you hover */
}