/*
 * File: combined-styles.css
 * Description: Consolidated site styles including custom airplane cursor,
 * navigation, buttons, forms, and responsive design.
 *
 * This version combines both CSS files with airplane cursor, hover effects,
 * mobile responsiveness, and custom button styling.
 */

@font-face {
  font-family: "Blakely";
  src: url("https://www.thewayhow.com/hubfs/fonnts.com-Blakely_Bold_Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* ========================================
   RESPONSIVE MEDIA QUERIES
   ======================================== */
@media (max-width: 768px) {
    .TWH-Mobile-Stacking {
        flex-direction: column;
        gap: 50px;
        justify-content: center;
        align-items: left;
    }
}

@media (min-width: 768px) {
    .mobile-only-map {
        display: none !important;
    }
}

@media (max-width: 372px) {
    .mobile-only-map {
        display: block !important;
    }
}

/* ========================================
   GLOBAL STYLES
   ======================================== */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body::after {
    content: "";
    display: block;
    height: 120px;
    width: 100%;
    background-color: #333;
    margin-top: -45px;
}

@media (max-width: 768px){
  #hubspot-messages-iframe-container{
    bottom: 80px !important;
  }
}

/* ========================================
   TEXT SELECTION STYLES
   ======================================== */
/* Global text selection color */
*::selection {
    background: #6ab195 !important;
    color: #ffffff !important;
}

/* Firefox */
*::-moz-selection {
    background: #6ab195 !important;
    color: #ffffff !important;
}

/* Specific HTML/Body selection (fallback) */
html::selection {
    background-color: #C467C2 !important;
    color: #FFFFFF !important;
}

html::-webkit-selection {
    background-color: #C467C2 !important;
    color: #FFFFFF !important;
}

body::selection {
    background-color: #C467C2 !important;
    color: #FFFFFF !important;
}

body::-webkit-selection {
    background-color: #C467C2 !important;
    color: #FFFFFF !important;
}

/* Form fields */
input::selection,
textarea::selection {
    background: #6ab195 !important;
    color: #ffffff !important;
}

/* ========================================
   HEADER/MAIN NAVIGATION STYLES
   ======================================== */
#hhs-main-nav {
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: auto !important;
    z-index: 10000 !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
    padding: 10px 25px;
    height: auto;
    min-height: 60px;
    display: flex !important;
    align-items: center !important;
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
}

#hhs-main-nav .hhs-header-logo .logo-standard img,
#hhs-main-nav .hhs-header-logo .logo-sticky img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 60px !important;
}

#hhs-main-nav .hhs-nav-grid {
    display: flex;
    align-items: center;
    width: 100%;
}

#hhs-main-nav .hhs-nav-links > li.hs-menu-item.hs-item-has-children {
    position: relative !important;
}

#hhs-main-nav ul.hs-menu-children-wrapper {
    position: absolute !important;
    bottom: 100% !important;
    top: auto !important;
    left: 0 !important;
    margin-bottom: 5px !important;
    transform: none !important;
    opacity: 1;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
    z-index: 10001;
}

#hhs-main-nav li.hs-item-has-children:hover > ul.hs-menu-children-wrapper,
#hhs-main-nav li.hs-item-has-children:focus-within > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

/* Header/Main Navigation Responsive Adjustments */
@media (max-width: 768px) {
    #hhs-main-nav .hhs-nav-grid__menu { 
        display: none !important; 
    }
    #hhs-main-nav .hhs-menu-toggle { 
        display: flex !important; 
    }
    #hhs-main-nav .hhs-nav-grid__extras { 
        margin-left: auto; 
    }
    #hhs-main-nav {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        min-height: 55px;
        width: 100%;
    }
    #hhs-main-nav .hhs-header-logo .logo-standard img,
    #hhs-main-nav .hhs-header-logo .logo-sticky img {
        max-height: 35px !important;
        max-width: 70px !important;
    }
}

@media (max-width: 372px) {
    #hhs-main-nav .hhs-extras-ctas { 
        display: none !important; 
    }
    #hhs-main-nav .hhs-nav-grid__extras .top-bar-search { 
        display: none !important; 
    }
    #hhs-main-nav {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        min-height: 30px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #hhs-main-nav .hhs-header-logo .logo-standard img,
    #hhs-main-nav .hhs-header-logo .logo-sticky img {
        max-height: 30px !important;
        max-width: 70px !important;
    }
}

/* ========================================
   MEGA MENU STYLES
   ======================================== */
.mega-menu {
    position: fixed !important;
    bottom: 120px !important;
    top: auto !important;
    left: 50% !important;
    width: 90% !important;
    margin: 0 !important;
    max-width: 1200px;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    pointer-events: none;
    max-height: 0px;
    overflow: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.5s ease-out, padding 0.5s ease-out;
    z-index: 10001 !important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px 10px 0 0;
    padding: 60px 40px 40px 40px !important;
}

.mega-menu-2 {
    width: 90% !important;
}

body #hhs-main-nav + .mega-menu.active {
    left: 0 !important;
    width: 100% !important;
    bottom: auto !important;
    top: auto !important;
    bottom: calc(100vh - 15px - 60px - 1px) !important;
    transform: translateX(0) translateY(0) !important;
    z-index: 10002 !important;
}

.mega-menu.active > .container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mega-menu.active .row {
    display: flex;
    flex-wrap: wrap;
}

.mega-menu.active .col-6,
.mega-menu.active .col-4,
.mega-menu.active .col-8,
.mega-menu.active .col-3,
.mega-menu.active .col-9 {
    flex: 1 1 auto;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .mega-menu.active .col-6 {
        flex-basis: 50%;
    }
    .mega-menu.active .col-4 {
        flex-basis: 33.33%;
    }
}

/* ========================================
   CUSTOM BUTTON STYLES (CTA TERTIARY & CTA FOUR)
   ======================================== */
/* CTA TERTIARY - Original button image */
a.cta-tertiary,
.cta-tertiary,
button.cta-tertiary {
    /* Reset existing styles */
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    
    
    /* Apply original image background */
    background-image: url('https://www.thewayhow.com/hubfs/2025%20Website%20Redesign/homepage/TWH%20-%20Button_main_WEB.png') !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    
    /* Set dimensions to match image aspect ratio */
    width: 234px !important;
    height: 66px !important;
    min-width: 234px !important;
    min-height: 66px !important;
    
    /* Center the text with flex */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    
    /* Remove underlines/decoration */
    text-decoration: none !important;
    
    /* Allow text wrapping */
    padding: 20px 20px !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    
    /* Maintain clickable area */
    cursor: pointer !important;
    position: relative !important;
    
    /* Remove any transforms on hover */
    transition: opacity 0.3s ease !important;
    transform: none !important;
}

/* CTA FOUR - Reverse button image */
a.cta-four,
.cta-four,
button.cta-four {
    /* Reset existing styles */
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    
    /* Apply reverse image background */
    background-image: url('https://www.thewayhow.com/hubfs/2025%20Website%20Redesign/homepage/TWH%20-%20Button_reverse_WEB.png') !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    
    /* Set dimensions to match image aspect ratio */
    width: 234px !important;
    height: 66px !important;
    min-width: 234px !important;
    min-height: 66px !important;
    
    /* Center the text with flex */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    
    /* Remove underlines/decoration */
    text-decoration: none !important;
    
    /* Allow text wrapping */
    padding: 20px 20px !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    
    /* Maintain clickable area */
    cursor: pointer !important;
    position: relative !important;
    
    /* Remove any transforms on hover */
    transition: opacity 0.3s ease !important;
    transform: none !important;
}

/* Hover states for CTA Tertiary */
a.cta-tertiary:hover,
.cta-tertiary:hover,
button.cta-tertiary:hover,
a.cta-tertiary:focus,
.cta-tertiary:focus,
a.cta-tertiary:active {
    background-image: url('https://www.thewayhow.com/hubfs/2025%20Website%20Redesign/homepage/TWH%20-%20Button_main_WEB.png') !important;
    background-size: contain !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 0.85 !important;
}

/* Hover states for CTA Four */
a.cta-four:hover,
.cta-four:hover,
button.cta-four:hover,
a.cta-four:focus,
.cta-four:focus,
a.cta-four:active {
    background-image: url('https://www.thewayhow.com/hubfs/2025%20Website%20Redesign/homepage/TWH%20-%20Button_reverse_WEB.png') !important;
    background-size: contain !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    opacity: 0.85 !important;
}

/* Force override any inherited styles */
.hs-button.cta-tertiary,
.hs-button.cta-four,
input[type="submit"].cta-tertiary,
input[type="submit"].cta-four,
input[type="button"].cta-tertiary,
input[type="button"].cta-four {
    width: 234px !important;
    height: 66px !important;
    min-width: 234px !important;
    min-height: 66px !important;
}

/* For inline/centered layout */
.c-cta-con a.cta-tertiary,
.c-cta-con a.cta-four,
div[class*="widget"] a.cta-tertiary,
div[class*="widget"] a.cta-four {
    margin: 0 auto !important;
    display: block !important;
}

/* Ensure buttons don't expand on hover */
a.cta-tertiary:hover,
a.cta-four:hover,
.cta-tertiary:hover,
.cta-four:hover {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

/* Mobile responsive adjustments for buttons */
@media (max-width: 768px) {
    a.cta-tertiary,
    a.cta-four,
    .cta-tertiary,
    .cta-four {
        width: 180px !important;
        height: 51px !important;
        min-width: 180px !important;
        min-height: 51px !important;
        font-size: 12px !important;
        padding: 15px 15px !important;
    }
}

/* ========================================
   HUBSPOT PRIMARY BUTTON STYLES
   ======================================== */
.hs-button.primary.large {
    background-color: rgb(0, 128, 226) !important;
    border: 1px solid rgb(0, 128, 226) !important;
    border-radius: 28px !important;
    box-sizing: content-box !important;
    height: 24px !important;
    line-height: 24px !important;
    padding: 16px 30px !important;
    width: auto !important;
    color: rgb(255, 255, 255) !important;
    font-family: "Neue Hass", Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    text-align: center !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    visibility: visible !important;
    transition-duration: 0.4s !important;
    transition-timing-function: ease-in-out !important;
    transition-property: all !important;
    appearance: none !important;
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position-x: 0% !important;
    background-position-y: 0% !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    border-image-repeat: stretch !important;
    border-image-slice: 100% !important;
    border-image-source: none !important;
    border-image-width: 1 !important;
    display: inline-block !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    overflow-clip-margin: 0px !important;
    overflow-x: clip !important;
    overflow-y: clip !important;
    position: relative !important;
    text-decoration: none !important;
    text-indent: 0px !important;
    text-rendering: auto !important;
    text-shadow: none !important;
    text-wrap-mode: wrap !important;
    user-select: none !important;
    white-space-collapse: preserve !important;
    word-spacing: 0px !important;
    -webkit-rtl-ordering: logical !important;
    -webkit-border-image: none !important;
    -webkit-font-smoothing: antialiased !important;
    text-size-adjust: 100% !important;
    transition-behavior: normal !important;
    will-change: transform !important;
}

/* ========================================
   TESTIMONIAL QUOTE STYLES
   ======================================== */
#hs_cos_wrapper_module_17429257816517[data-hs-cos-field="testimonial.quote"],
.quote-con [data-hs-cos-field="testimonial.quote"] {
    font-family: "Neue Hass", serif !important;
    font-weight: 300 !important;
    font-size: 30px !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: rgb(255, 255, 255) !important;
    font-style: normal !important;
    text-align: center !important;
}

/* ========================================
   NEWSLETTER FORM STYLES
   ======================================== */
.nl-form-container-wrapper {
    max-width: 800px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 30px auto;
    text-align: center;
}

.nl-form-header-layout {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    width: 100%;
    margin-bottom: 10;
}

@media (min-width: 768px) {
    .nl-form-header-layout {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .nl-form-description {
        flex-shrink: 0;
        text-align: left;
    }
}

.nl-form-description {
    color: #134d8c;
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

/* ========================================
   HUBSPOT EMBED AND FORM STYLES
   ======================================== */
div.hs-embed-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    min-width: unset !important;
    display: block !important;
    margin: auto !important;
    flex: 1;
    min-width: 250px;
}

div.hs-embed-content-wrapper {
    width: 100% !important;
    height: auto !important;
}

div[id^="hbspt-form-"] {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.dnd_area-row-2-background-layers {
    background-attachment: fixed !important;
}

/* HubSpot Form Field Labels */
.hs_email label,
.hs_phone label {
    font-family: "Neue Hass", sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    height: 24px !important;
    letter-spacing: 1px !important;
    line-height: 24px !important;
    color: white !important;
    text-transform: none !important;
    display: block !important;
    text-align: left !important;
    width: auto !important;
    margin-bottom: 5px !important;
}

.hs_submit .actions {
    text-align: left !important;
}

/* ========================================
   FOOTER STYLES
   ======================================== */
.Main-Footer-Custom .row.hhs-foot-nav-cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

.Main-Footer-Custom .col-lg-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    flex-basis: 25% !important;
    max-width: 25% !important;
}

#Main-Footer-Custom {
    padding: 20px;
    margin-bottom: 45px;
}

.Main-Footer-Custom .hhs-foot-nav-col.nav-col-4 .hs-input {
    width: 100% !important;
}

/* ========================================
   TIMELINE STYLES
   ======================================== */
#hs_cos_wrapper_module_17498382670199 .timeline .timeline-end p,
#hs_cos_wrapper_module_17498382670199 .timeline .timeline-start p,
#hs_cos_wrapper_module_17498382670199 .timeline .timeline-year p {
    background: none !important;
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: normal !important;
    display: block !important;
    text-align: left !important;
    vertical-align: baseline !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
    position: static !important;
    z-index: auto !important;
}

#hs_cos_wrapper_module_17498382670199 .timeline .timeline-end p,
#hs_cos_wrapper_module_17498382670199 .timeline .timeline-start p,
#hs_cos_wrapper_module_17498382670199 .timeline .timeline-year p {
    font-family: Play, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5em !important;
    color: #555b6e !important;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

/* ========================================
   TEAM PROFILE STYLES
   ======================================== */
.twh_team .hhs-profile-content h4 {
    font-family: 'Mister Television';
    font-size: 50px;
}

.hhs-testimonial-content blockquote {
    font-family: 'New Atten', sans-serif !important;
    text-align: left !important;
}

/* ========================================
   HOVER EFFECT AREA STYLES
   ======================================== */
.hover-effect-area {
    /* Basic styling for interactive content */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
    width: 80%;
    max-width: 600px;
    padding: 40px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 1.2rem;
    color: #333;
    /* Smooth transitions for hover effects */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Hover state for the interactive elements */
.hover-effect-area:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}
/* Cursor  */
@media (pointer: coarse) {
  body {
    cursor: none;
  }
}

/* ========================================
   BLOG
   ======================================== */

/* Single */
.blog-post__tag-link, .blog-post__tag-link:hover {
    background-color: #F79E98 !important;
    color: #fff;
}

.blog-index__post-tag, .hhs-tag-list li a, .hhs-tag-list li a:hover {
    background-color: #F79E98 !important;
    color: #fff;
}

#hs_cos_wrapper_toc_mod-4242 .table-of-contents-section-heading.active, #hs_cos_wrapper_toc_mod-4242 .table-of-contents-section-heading:hover {
    color: #F79E98 !important;
}

h1.blog-post__title {

}

.blog-post h2 {
    font-size: 50px !important;
   
    font-family: 'New Atten Bold', sans-serif;
}

.blog-post h3 {
    font-family: 'New Atten Bold', sans-serif;
}

h1.blog-post__title {
    font-family: 'New Atten Bold', sans-serif;
    font-weight: bold;
}

#widget_b0072cea-c69e-4253-83ce-90ce303915ea .ac-header .ac-trigger {
    font-family: 'New Atten Bold', sans-serif !important;
}
         
@media (max-width: 575px) {
  .post-header .blog-header__inner{
    padding-top: 0px !important;
  }
}

/* Blog Listing */
@font-face {
  font-family: 'New Atten';
  src: url('https://www.thewayhow.com/hubfs/AttenNewRegular.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'New Atten Bold';
  src: url('https://www.thewayhow.com/hubfs/AttenNewBold.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}

.twh_blog_banner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #6D6E71;
  height: 350px;
  margin-bottom: 90px !important;
}

.twh_blog_banner img {
  width: 100%;
}

.twh_blog_banner h4 {
  color: white;
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0;
  font-family: 'New Atten', sans-serif;
  padding-bottom: 20px !important;
  text-align: center;
}

@media (max-width: 835px) {
    #hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod {
        padding-top: 0px !important; 
        padding-bottom: 0px !important; 
    }
  
  #hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod {
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
  }
  
  .twh_blog_banner {
    justify-content: unset;
  }
}



/* 11/20/2025 - Mobile Tweaks */
div#hs_cos_wrapper_widget_1745864480061_ p span{
    color: #333333;
}

#hs_cos_wrapper_module_17464696267035 .scrolling-logos .slick-dots li.slick-active {
  background-color: #fbd3d2 !important;
}

.hamburger-icon .line{
  background: #f69d97 !important;
}

/* Stop Sideway Scroll On Mobile */
/* html {
    overflow-x: hidden !important;
} */

@media (max-width: 768px) {
  .hhs-lead-in-text{
    margin-bottom: 20px !important;
  }
  
  div#hs_cos_wrapper_widget_1750440834121_ p{
    color: #333333;
  }
  
  .contents h4 {
    text-transform: initial !important;
  }
  
  #return-to-top{
      background: #f69d97 !important;
    left: 10px !important;
  }
  
  .front img{
    max-height: 400px !important;
    height: 100% !important;
  }
  
  #hs_cos_wrapper_widget_1750964334582 .clean-base{
    padding-bottom: 180px !important;
  }
  
  #hs_cos_wrapper_widget_1750964334582 .c-1 .c-in-2 {
    padding: 0 !important;
  }
  
  #hs_cos_wrapper_widget_1750964334582 .c-1 .c-in-1{
    padding: 0 !important;
  }
  
  #hs_cos_wrapper_module_17563120178176 .clean-base .row{
    margin-bottom: -120px !important;
  }
  
  div#hs_cos_wrapper_module_17563120178177_ h2{
    text-align: right !important;
  }
  
  #hs_cos_wrapper_module_17563120178177 .clean-base .row{
    margin-bottom: -25px !important;
  }
  
  div#hs_cos_wrapper_widget_1750440834121 img {
    height: 250px !important;
  }
  
  #hs_cos_wrapper_widget_1750440834121 .clean-base .row{
    padding-top: 0 !important;
  }
   
  .custom{
    padding: 0 40px;
  }
  
  .container-slim {
   padding-left: 0 !important; 
   padding-right: 0 !important;
  }
  
  div#hs_cos_wrapper_module_1756214886007 .col-sm-12{
    padding: 0 !important;
  }
  
  div#hs_cos_wrapper_module_17455411103744 .container {
    padding: 0 !important;
  }
  
  #hs_cos_wrapper_widget_1745858355717 .clean-base .row {
    padding-bottom: 0 !important;
  }
  
  div#hs_cos_wrapper_module_1745866199922_ h5 span {
    font-size: 65px !important;
  }
  
  div#hs_cos_wrapper_widget_1745864480061_ h1 span{
    font-size: 65px !important;
  }
  
  .dnd_area-row-12-padding{
    padding-right: 10% !important;
  }
  
  div#hs_cos_wrapper_module_17563295085095 p {
    line-height: normal;
  }
  
  div#hs_cos_wrapper_module_17563307597205 h2 {
    font-size: 40px;
  }
  
   div#hs_cos_wrapper_module_17563307597205_ {
      text-align: left;
  }
  
  div#hs_cos_wrapper_module_17563307597205_ div, div#hs_cos_wrapper_module_17563307597205_ p, div#hs_cos_wrapper_module_17563307597205_ ul li {
    text-align: left !important;
  }
  
  button.foot-nav-title.col-head-1.hide-desktop.hide-tablet.show-mobile {
    font-family: 'New Atten', sans-serif;
  }
  
  button.foot-nav-title.col-head-2.hide-desktop.hide-tablet.show-mobile {
    font-family: 'New Atten', sans-serif;
  }
  
  button.foot-nav-title.col-head-3.hide-desktop.hide-tablet.show-mobile {
    font-family: 'New Atten', sans-serif;
  }
 
}

@media (max-width: 768px) {
  /* CLOSED: launcher only */
  #hubspot-messages-iframe-container:has(.hs-shadow-container:not(.active)) {
    bottom: 70px !important;
  }

  /* OPEN: chat window */
  #hubspot-messages-iframe-container:has(.hs-shadow-container.active) {
    bottom: 0 !important;
  }
  
  .c-content-con.c-in-1.c-justify-center.animate__animated.animate__tada.wow.animate__infinite.animated {
      animation: none;
      transform: none;
  }
}
  
div#hubspot-messages-iframe-container{
  z-index: 10001 !important;
}

.go2369186930, .go2369186930{
    z-index: 99999999 !important;
}

#hs_cos_wrapper_widget_1750964334582 .c-wave-con-top {
    color: rgb(255 255 255) !important;
    top: 0;
}

.hs-video-wrapper iframe {
    top: 50px !important;
    padding-bottom: 50px;
}

/* Video Adjustment to accomodate old navbar design */
@media (max-width: 768px) {
  .hs-video-wrapper iframe {
    padding-bottom: 50px;
  }
}

@media (max-width: 960px) {
  .hhs-nav-links {
    display: none !important;
  }
}

/* Quotes Edits */
body.hs-quotes.hs-quotes--quote.hs-quotes--flow .banner {
    background-image: none !important;
}