/* Default look & feel variables */












/* Body */













/* Main borders */



/* Main corners */



/* Automatic menu item corners */




/* Main shadows */







/* Buttons */

/* Primary */














































/* Forms */

































/* Paddings and margins */

























.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 0px 20px 20px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}

header .dnd-section > .row-fluid,
footer .dnd-section > .row-fluid {
  max-width: 100%;
}







html {
  font-size: 16px;
}

body, main {
  background: #F3F4F6;
}

body {
  
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.8em;
  letter-spacing: 0em;  

  color: #111827;
  font-size: 16px;
}

/* Borders, corners and shadows */

.mat_pri_bor {
  border: 5px none #111827;

}

.mat_pri_cor {
  border-radius: 10px;
}

.mat_pri_sha {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}







/* Paragraphs */

p, ul, ol, pre {  
    margin: 0 0 2.5em 0;
}

/* Anchors */

a {
    text-decoration:none;
    color: #337592;
}

a:hover,
a:focus,
a:active {
    text-decoration:none;
    color: #F3F4F6;
}

/* Headings */


  
  
    
    h1 {
      
        /* Default look & feel */
        
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  
  
        color: #1e3a8a;
        font-weight: bold;
        font-size: 18px;
        text-transform: none;
        margin: 0 0 1em 0;
      
    }

    .focus_grid--list h1.mportfolio-title,
    h1.focus_module_pricing_card_heading,
    h1.focus_module_pricing_card_features_hdr,
    h1.focus_grid-title .focus_grid-title-link {
      
        /* Default look & feel */
        color: #1e3a8a;
      
    }

    .blog-post__related-posts h1:after,
    .blog-comments-container h1:after,
    .focus_blog_post-title:after,
    .focus_blog_tag-author_title:after {
      
        /* Default look & feel */
        background-color: #1e3a8a;
      
    }
  
    
    h2 {
      
        /* Default look & feel */
        
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  
  
        color: #111827;
        font-weight: bold;
        font-size: 50px;
        text-transform: none;
        margin: 0 0 1em 0;
      
    }

    .focus_grid--list h2.mportfolio-title,
    h2.focus_module_pricing_card_heading,
    h2.focus_module_pricing_card_features_hdr,
    h2.focus_grid-title .focus_grid-title-link {
      
        /* Default look & feel */
        color: #111827;
      
    }

    .blog-post__related-posts h2:after,
    .blog-comments-container h2:after,
    .focus_blog_post-title:after,
    .focus_blog_tag-author_title:after {
      
        /* Default look & feel */
        background-color: #111827;
      
    }
  
    
    h3 {
      
        /* Default look & feel */
        
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  
  
        color: #111827;
        font-weight: bold;
        font-size: 40px;
        text-transform: none;
        margin: 0 0 1em 0;
      
    }

    .focus_grid--list h3.mportfolio-title,
    h3.focus_module_pricing_card_heading,
    h3.focus_module_pricing_card_features_hdr,
    h3.focus_grid-title .focus_grid-title-link {
      
        /* Default look & feel */
        color: #111827;
      
    }

    .blog-post__related-posts h3:after,
    .blog-comments-container h3:after,
    .focus_blog_post-title:after,
    .focus_blog_tag-author_title:after {
      
        /* Default look & feel */
        background-color: #111827;
      
    }
  
    
    h4 {
      
        /* Default look & feel */
        
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  
  
        color: #111827;
        font-weight: bold;
        font-size: 30px;
        text-transform: none;
        margin: 0 0 1em 0;
      
    }

    .focus_grid--list h4.mportfolio-title,
    h4.focus_module_pricing_card_heading,
    h4.focus_module_pricing_card_features_hdr,
    h4.focus_grid-title .focus_grid-title-link {
      
        /* Default look & feel */
        color: #111827;
      
    }

    .blog-post__related-posts h4:after,
    .blog-comments-container h4:after,
    .focus_blog_post-title:after,
    .focus_blog_tag-author_title:after {
      
        /* Default look & feel */
        background-color: #111827;
      
    }
  
    
    h5 {
      
        /* Default look & feel */
        
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  
  
        color: #111827;
        font-weight: bold;
        font-size: 16px;
        text-transform: none;
        margin: 0 0 1em 0;
      
    }

    .focus_grid--list h5.mportfolio-title,
    h5.focus_module_pricing_card_heading,
    h5.focus_module_pricing_card_features_hdr,
    h5.focus_grid-title .focus_grid-title-link {
      
        /* Default look & feel */
        color: #111827;
      
    }

    .blog-post__related-posts h5:after,
    .blog-comments-container h5:after,
    .focus_blog_post-title:after,
    .focus_blog_tag-author_title:after {
      
        /* Default look & feel */
        background-color: #111827;
      
    }
  
    
    h6 {
      
        /* Default look & feel */
        
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  
  
        color: #111827;
        font-weight: bold;
        font-size: 14px;
        text-transform: none;
        margin: 0 0 1em 0;
      
    }

    .focus_grid--list h6.mportfolio-title,
    h6.focus_module_pricing_card_heading,
    h6.focus_module_pricing_card_features_hdr,
    h6.focus_grid-title .focus_grid-title-link {
      
        /* Default look & feel */
        color: #111827;
      
    }

    .blog-post__related-posts h6:after,
    .blog-comments-container h6:after,
    .focus_blog_post-title:after,
    .focus_blog_tag-author_title:after {
      
        /* Default look & feel */
        background-color: #111827;
      
    }
  


@media(max-width: 767px) {
    h1, h2 {
        font-size: 40px;
    }
}







/* Primary */

button,
button:active,
.button,
.button:active,
.hs-button,
.hs-button:active,
form input[type=submit],
form input[type=submit]:active,
form .hs-button,
form .hs-button:active,
.comment-reply-to.hs-button.secondary,
.comment-reply-to.hs-button.secondary:active {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  

  font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 15px;
  text-transform: none;
  background: 
  
  
    
  
  rgba(51, 117, 146, 1.0)
;
  color: #fff9f2;
  padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;
  
  
  border: 3px none #fff9f2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  justify-content: center;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus,
.comment-reply-to.hs-button.secondary:hover,
.comment-reply-to.hs-button.secondary:focus {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-style: normal; font-weight: normal; text-decoration: none;
  background: 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  color: #FFF9F2;
  padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;
  border: 3px none #FFF9F2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
    background: 
  
  
    
  
  rgba(208, 208, 208, 1.0)
;
    color: 
  
  
    
  
  rgba(230, 230, 230, 1.0)
;
}

/* Secondary */

button.focus_secondary_button,
button.focus_secondary_button:active,
.button.focus_secondary_button,
.button.focus_secondary_button:active,
.hs-button.focus_secondary_button,
.hs-button.focus_secondary_button:active,
.cta_button,
.cta_button:active {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  

  font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 15px;
  text-transform: none;
  background: #fff9f2;
  color: 
  
  
    
  
  rgba(51, 117, 146, 1.0)
;
  padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;
  
  
  border: 3px none #fff9f2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  justify-content: center;
}

button.focus_secondary_button:hover,
button.focus_secondary_button:focus,
.button.focus_secondary_button:hover,
.button.focus_secondary_button:focus,
.hs-button.focus_secondary_button:hover,
.hs-button.focus_secondary_button:focus,
.cta_button:hover,
.cta_button:focus {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-style: normal; font-weight: normal; text-decoration: none;
  background: 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  color: #fff9f2;
  padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;
  border: 3px none #FFF9F2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

button.focus_secondary_button:disabled,
.button.focus_secondary_button:disabled,
.hs-button.focus_secondary_button:disabled {
    background: 
  
  
    
  
  rgba(208, 208, 208, 1.0)
;
    color: 
  
  
    
  
  rgba(230, 230, 230, 1.0)
;
}







form {
  color: #111827;
  background: 
  
  
    
  
  rgba(248, 248, 255, 1.0)
;
  border: 5px none #111827;

  border-radius: 10px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

/* Form title */

.form-title {
  color: #111827;
  background: 
  
  
    
  
  rgba(243, 244, 246, 1.0)
;
  border-radius: 10px;
}

/* Labels */

form label {
  
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.8em;
  letter-spacing: 0em;  

  ;
  font-size: 14px;
  color: #111827;
  text-transform: none;
}

form legend {
  font-size: 13px;
}

/* Help text */

form legend {
  color: #111827;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  color: #111827;
  background: 
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  border: 3px none #fff9f2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  padding:20px;
  
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border: 3px none #fff9f2;

  outline: none;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: 
  
  
    
  
  rgba(17, 24, 39, 0.3)
;
}

::-moz-placeholder {
  color: 
  
  
    
  
  rgba(17, 24, 39, 0.3)
;
}

:-ms-input-placeholder {
  color: 
  
  
    
  
  rgba(17, 24, 39, 0.3)
;
}

::placeholder {
  color: 
  
  
    
  
  rgba(17, 24, 39, 0.3)
;
}

/* Inputs - date picker */

.pika-lendar {
  
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.8em;
  letter-spacing: 0em;  

}

.fn-date-picker td .pika-button:hover {
  background-color: #4E91B2 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #111827;
}

.fn-date-picker .pika-table thead th {
  color: #111827;
}

.fn-date-picker td.is-selected .pika-button {
  color: #111827;
  background: #4E91B2;
}

/* Validation */

.hs-input.invalid.error {
  border-color: #111827;
}







/* Table */

table {
  border: 5px none #111827;

  background-color: 
  
  
    
  
  rgba(248, 248, 255, 1.0)
;
}

/* Table cells */

td,
th {
  border: 5px none #111827;

  color: #111827;
}

/* Table header */

thead th,
thead td {
  background-color: 
  
  
    
  
  rgba(243, 244, 246, 1.0)
;
  color: #111827;
}

/* Table footer */

tfoot td {
  background-color: 
  
  
    
  
  rgba(243, 244, 246, 1.0)
;
  color: #111827;
}







/* Container */

.focus_module_website_h {
  background: #F3F4F6;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}

.header.header--no-navigation {
  background: #F3F4F6;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}

/* Primary menu */



.focus_header_menu .menu__link {
  color: #111827;
}

.focus_header_menu .menu__child-toggle-icon {
  border-color: #111827;
}

.focus_header_menu .menu__link--active-link,
.focus_header_menu .menu__link--active-branch {
  color: #337592;
}

.focus_header_menu .menu__link--active-link + .menu__child-toggle .menu__child-toggle-icon,
.focus_header_menu .menu__link--active-branch + .menu__child-toggle .menu__child-toggle-icon {
  border-color: #337592;
}

.focus_header_menu .menu-item-container:hover a,
.focus_header_menu .menu-item-container:hover span {
  color: #337592;
}

.focus_header_menu .menu-item-container:hover .menu__child-toggle-icon {
  border-color: #337592;
}



.focus_header_menu .menu__submenu {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 0px #4E91B2;
}

.focus_header_menu .menu__submenu.menu__submenu--level-3 {
  background: #ffffff;
}

.focus_header_menu .menu__submenu .menu__link {
  color: #111827;
}

.focus_sticky_bar .focus_header_menu .menu__child-toggle-icon {
  border-color: #111827;
}

.focus_header_menu .menu__submenu .menu__child-toggle-icon {
  border-color: #111827;
}

.focus_header_menu .menu__submenu .menu__link--active-link,
.focus_header_menu .menu__submenu .menu__link--active-branch {
  color: #337592;
}

.focus_header_menu .menu__submenu .menu__link--active-link + .menu__child-toggle .menu__child-toggle-icon,
.focus_header_menu .menu__submenu .menu__link--active-branch + .menu__child-toggle .menu__child-toggle-icon {
  border-color: #337592;
}

.focus_header_menu .menu__submenu .menu-item-container:hover {
  background: #FFFFFF;
}

.focus_header_menu .menu__submenu .menu-item-container:hover a,
.focus_header_menu .menu__submenu .menu-item-container:hover span {
  background: #FFFFFF;
  color: #337592;
}

.focus_header_menu .menu__submenu .menu-item-container:hover .menu__child-toggle-icon {
  border-color: #337592;
}

/* Secondary menu */

.focus_header_menu.mwh_el_secondary_menu .menu__link {
  color: #111827;
}

.focus_header_menu.mwh_el_secondary_menu .menu__link--active-link,
.focus_header_menu.mwh_el_secondary_menu .menu__link--active-branch,
.focus_header_menu.mwh_el_secondary_menu .menu-item-container:hover a,
.focus_header_menu.mwh_el_secondary_menu .menu-item-container:hover span {
  color: #337592;
}

/* Social accounts */

.mwh_el_social .msi_icon svg {
  fill: #111827;
}

.mwh_el_social .focus_social_icons a:hover svg,
.mwh_el_social .focus_social_icons a:focus svg,
.mwh_el_social .focus_social_icons a:active svg {
  fill: #3B82F6;
}

/* Language switcher */

.mwh_lang_toggle {
  color: #111827;
}

.mwh_lang_toggle:hover,
.mwh_lang_toggle:focus {
  color: #3B82F6;
}

/* Search */

.mwh_search_toggle svg,
.mwh_el_search button svg {
  fill: #111827;
}

.mwh_search_toggle:hover svg,
.mwh_search_toggle:active svg,
.mwh_search_toggle:focus svg,
.mwh_el_search button:hover svg,
.mwh_el_search button:active svg,
.mwh_el_search button:focus svg {
  fill: #3B82F6;
}

.mwh_el_search .hs-search-field__input {
  color: #111827;
  border-color: #111827;
}

.mwh_el_search .hs-search-field__input:focus {
  border-color: #3B82F6;
}

.mwh_el_search .hs-search-field__input::-webkit-input-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.mwh_el_search .hs-search-field__input::-moz-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.mwh_el_search .hs-search-field__input:-ms-input-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.mwh_el_search .hs-search-field__input:-moz-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.mwh_el_search .hs-search-field__input::placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

/* Overlay window */

.focus_window {
  background: #F3F4F6;
  color: #111827;
}

.focus_window a,
.mwh_languages .lang_list_class li a {
  color: #3B82F6;
}

.focus_window a:hover,
.focus_window a:focus,
.focus_window a:active,
.mwh_languages .lang_list_class li a:hover,
.mwh_languages .lang_list_class li a:focus,
.mwh_languages .lang_list_class li a:active {
  color: #3B82F6;
}

/* Overlay search */

.m_w_search .mwh_el_search button {
  background: 
  
  
    
  
  rgba(51, 117, 146, 1.0)
;
  border: 3px none #fff9f2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

.m_w_search .mwh_el_search button svg {
  fill: #fff9f2;
}

.m_w_search .mwh_el_search button:hover {
  background: 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  border: 3px none #FFF9F2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

.m_w_search .mwh_el_search button:hover svg,
.m_w_search .mwh_el_search button:active svg,
.m_w_search .mwh_el_search button:focus svg {
  fill: #FFF9F2;
}

.m_w_search .mwh_el_search .hs-search-field__input {
  color: #111827;
  border-color: #111827;
}

.m_w_search .mwh_el_search .hs-search-field__input:focus {
  border-color: #3B82F6;
}

.m_w_search .mwh_el_search .hs-search-field__input::-webkit-input-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.m_w_search .mwh_el_search .hs-search-field__input::-moz-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.m_w_search .mwh_el_search .hs-search-field__input:-ms-input-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.m_w_search .mwh_el_search .hs-search-field__input:-moz-placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

.m_w_search .mwh_el_search .hs-search-field__input::placeholder {
  color: 
  
    
  rgba(17, 24, 39, 0.3)
;
}

/* Overlay close button */

.header__close--toggle {
  background: 
  
  
    
  
  rgba(51, 117, 146, 1.0)
;
  border-radius: 8px;
  border: 3px none #fff9f2;

  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

.header__close--toggle:before,
.header__close--toggle:after {
  background-color: #fff9f2;
}

.header__close--toggle:hover {
  background: 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  border-radius: 8px;
  border: 3px none #FFF9F2;

  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

.header__close--toggle:hover::before,
.header__close--toggle:hover::after {
  background-color: #FFF9F2;
}

/* Back to top button */

#goTop {
  background: 
  
  
    
  
  rgba(51, 117, 146, 1.0)
;
  border: 3px none #fff9f2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

#goTop svg {
  fill: #fff9f2;
}

#goTop:hover {
  background: 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  border: 3px none #FFF9F2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

#goTop:hover svg {
  fill: #FFF9F2;
}

/* Mobile */

.focus_mobile_bar,
.focus_mobile_nav_container {
  background: #F3F4F6;
  color: #111827;
}

.focus_sticky_bar {
  background: 
  
    
  rgba(243, 244, 246, 0.85)
;
  color: #111827;
}

.focus_mobile_nav_container .menu__submenu,
.focus_mobile_nav_container .menu__submenu.menu__submenu--level-3 {
  background: #F3F4F6;
}

.focus_mobile_bar svg,
.focus_mobile_nav_container svg,
.focus_mobile_nav_container .mwh_el_social .msi_icon svg,
.focus_sticky_bar svg {
  fill: #111827;
}

.focus_mobile_bar .mwh_search_toggle:hover svg,
.focus_mobile_nav_container .mwh_el_social .msi_icon:hover svg,
.focus_sticky_bar .mwh_search_toggle:hover svg {
  fill: #337592;
}

.focus_mobile_bar .mwh_lang_toggle,
.focus_mobile_nav_container a.menu__link,
.focus_mobile_nav_container span.menu__link,
.focus_mobile_nav_container .menu__submenu a.menu__link,
.focus_mobile_nav_container .focus_header_menu.mwh_el_secondary_menu .menu__link,
.focus_sticky_bar .mwh_lang_toggle,
.focus_sticky_bar a.menu__link,
.focus_sticky_bar span.menu__link {
  color: #111827;
}

.focus_mobile_bar .mwh_lang_toggle:hover,
.focus_mobile_nav_container a.menu__link:hover,
.focus_mobile_nav_container .menu-item-container:hover a.menu__link,
.focus_mobile_nav_container .focus_header_menu.mwh_el_secondary_menu .menu-item-container:hover a,
.focus_mobile_nav_container .focus_header_menu.mwh_el_secondary_menu .menu-item-container:hover span,
.focus_sticky_bar .mwh_lang_toggle:hover {
  color: #337592;
}

.focus_mobile_nav_container .focus_header_menu .menu__submenu .menu-item-container:hover,
.focus_mobile_nav_container .focus_header_menu .menu__submenu .menu-item-container:hover a,
.focus_mobile_nav_container .focus_header_menu .menu__submenu .menu-item-container:hover span {
  background: #F3F4F6;
}

.focus_mobile_nav_container .focus_header_menu .menu__child-toggle-icon {
  border-color: #111827;
}

.focus_mobile_nav_container .focus_header_menu .menu-item-container:hover .menu__child-toggle-icon {
  border-color: #337592;
}

.focus_mob_nav_icon label span {
  background: #111827;
}

.focus_mob_nav_icon:hover label span {
  background: #337592;
}







/* Container */

.focus_module_website_f {
  background: #3B82F6;
  background-image: none;
  padding: 1.5rem 1rem;
  text-align: center;
}

/* Menu */

.mwf_el_menu-title {
  color: #FFF9F2;
}

.mwf_el_menu .menu__link {
  color: #FFF9F2;
}

.mwf_el_menu .menu__link--active-link,
.mwf_el_menu .menu__link--active-branch,
.mwf_el_menu .menu-item-container:hover a,
.mwf_el_menu .menu-item-container:hover span {
  color: #3B82F6;
}

/* Social accounts */

.mwf_el_social .msi_icon svg {
  fill: #FFF9F2;
}

.mwf_el_social .focus_social_icons a:hover svg,
.mwf_el_social .focus_social_icons a:focus svg,
.mwf_el_social .focus_social_icons a:active svg {
  fill: #FFF9F2;
}

/* Text */

.mwf_el_text,
.mwf_image_text {
  color: #FFF9F2;
}







.blog-header__inner {
  max-width: 1240px;
}

.blog-header_author_container,
.blog-header_tag_container {
  background: #FACC15;
}

.mblog-next-post,
.mblog-previous-post {
  color: #111827;
}

blockquote {
  border-left-color: #575163;
}







/* Success message */

.systems-page .success {
  background-color: #FACC15;
}







/* Menu */


  .menu__submenu .menu-item-container,
  .menu__submenu .menu-item-container a {
    border-radius: 5px;
  }


/* Blog listings */

.pagination__link-icon svg {
  fill: #111827;
}

.pagination__link-icon:hover svg {
  fill: #F3F4F6;
}

.pagination__link--disabled .pagination__link-icon svg,
.pagination__link--disabled .pagination__link-icon svg {
  fill: #111827;
  opacity: 0.3;
}

.pagination__link--active {
  color: #111827;
}

/* Cards */

.focus_module_icon_card .card_icon svg {
    fill: #575163;
}

/* Number counters */

.focus_module_number_counters .counter_icon svg {
    fill: #575163;
}

/* Quote */

.focus_module_quote_text {
  
  font-family: Outfit, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0em;  

}

.focus_module_quote_icon {
    border-radius: 8px;
    background-color: #F3F4F6;
    box-shadow: 0px 0px 0px 0px #575163;
}

.focus_module_quote_icon svg {
    fill: #F3F4F6;
}

.focus_module_quote_owner {
  background: #111827;
  color: #F3F4F6;
}

/* List */

.focus_module_list_arrow svg {
  fill: #575163;
}

.focus_module_list_arrow.circle {
  border-color: #575163;
}

.focus_module_list_arrow.line {
  background: #575163;
}

/* Accordion */

.focus_module_accordion_q svg {
  fill: #111827;
}

/* Pricing Card */

.focus_module_pricing_card.hmpc_badged {
  background-color: #111827;
  color: #F3F4F6;
}

.focus_module_pricing_card.hmpc_badged .focus_module_pricing_card_heading,
.focus_module_pricing_card.hmpc_badged .focus_module_pricing_card_price,
.focus_module_pricing_card.hmpc_badged .focus_module_pricing_card_features_hdr {
  color: #F3F4F6;
}

.focus_module_pricing_card_badge {
  background-color: #F3F4F6;
  color: #111827;
}

/* Social Accounts */

.msi_icon svg {
  fill: #111827;
}

.focus_social_icons a:hover svg,
.focus_social_icons a:focus svg,
.focus_social_icons a:active svg {
  fill: #337592;
}

/* Single Letter/Number */

.focus_module_single_letter_number {
  color: #111827;
}

.focus_module_single_letter_number:after {
  background-color: #111827;
}

/* Testimonials */

.focus_module_testimonial_score {
  color: #F3F4F6;
  background-color: #F3F4F6;
  box-shadow: 0px 0px 0px 0px #575163;
}

/* Video */

button.oembed_custom-thumbnail .oembed_custom-thumbnail_icon {
  background: 
  
  
    
  
  rgba(51, 117, 146, 1.0)
;
  border: 3px none #fff9f2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}    

button.oembed_custom-thumbnail .oembed_custom-thumbnail_icon svg {
  fill: #fff9f2 !important;
}

button.oembed_custom-thumbnail:hover .oembed_custom-thumbnail_icon {
  background: 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
  border: 3px none #FFF9F2;

  border-radius: 8px;
  box-shadow: 0px 0px 0px 0px 
  
  
    
  
  rgba(87, 81, 99, 1.0)
;
}

button.oembed_custom-thumbnail:hover .oembed_custom-thumbnail_icon svg {
  fill: #FFF9F2 !important;
}

/* Team members */

.focus_module_team_members_job {
    background: #111827;
    color: #F3F4F6;
}

/* Tabs */

.focus_module_tabs_link {
  border-radius: 8px;
}

.focus_module_tabs_link.active {
  background: #FACC15;
}

/* Events */

.focus_module_calendar_item:after {
  background-color: #111827;
}







button.splide__pagination__page {
  background-color: #111827;
}

.splide__arrows button.splide__arrow svg {
  fill: #111827;
}

.splide__arrows button.splide__arrow:hover svg,
.splide__arrows button.splide__arrow:focus svg,
.splide__arrows button.splide__arrow:active svg {
  fill: #4E91B2;
}

button.splide__pagination__page.is-active,
button.splide__pagination__page:hover,
button.splide__pagination__page:focus {
  background-color: #4E91B2;
}









  
/* Forms */



/* Blog comments */



/* Pricing cards */


  .focus_module_pricing_card {
    padding: calc(20px * 1 + 30px);
    
      background: #FACC15;
    
  }


/* Accordion */


  .focus_module_accordion {
    padding: calc(50px * 1);
    
      background: #FACC15;
    
  }


/* Cards */


  .focus_module_icon_card {
    padding: calc(50px * 1);
    
      background: #FACC15;
    
  }


/* List */



/* Team members */


  .focus_module_team_members_item {
    padding: calc(50px * 1);
    
      background: #FACC15;
    
  }


/* Number counters */


  .focus_module_number_counters {
    padding: calc(50px * 1) calc(30px * 1);
    
      background: #FACC15;
    
  }








/* Pricing cards */

.focus_module_pricing_card_header,
.focus_module_pricing_card_desc,
.pricing_icon,
.focus_module_pricing_card_features_hdr,
.focus_module_pricing_card_price,
.focus_module_pricing_card_badge {
  margin-bottom: calc(30px * 1);
}

.focus_module_pricing_card_features ul {
  margin-bottom: calc(60px * 1);
}

.focus_module_pricing_card_features li {
  margin: 0 0 calc(15px * 1) 0;
}

/* Accordion */

.focus_module_accordion_item,
.focus_module_accordion_title {
  margin-bottom: calc(30px * 1);
}

/* Cards */

.focus_module_icon_card {
  margin-bottom: calc(20px * 1);
}

.focus_module_icon_card .card_icon svg {
  margin-bottom: calc(30px * 1);
}

.focus_module_icon_card_title,
.focus_module_icon_card p {
  margin-bottom: calc(30px * 1);
}

/* List */

.focus_module_list {
  gap: calc(30px * 1);
}

/* Team members */

.focus_module_team_members_img,
.focus_module_team_members_bio {
  margin-bottom: calc(30px * 1);
}

.focus_module_team_members_title,
.focus_module_team_members_job {
  margin-bottom: calc(20px * 1);
}

/* Events */

.focus_module_calendar_title {
  margin-top: calc(6px * 1);
  margin-bottom: calc(10px * 1);
}

.focus_module_calendar_item {
  gap: calc(30px * 1) 30px;
}

/* Quote */

.focus_module_quote {
  gap: calc(30px * 1);
}

/* Text with image */

.focus_module_image_text {
  gap: calc(50px * 1) 70px;
}







/* Show/Hide '\' icons under titles */


  .focus_module_fancy_header:after,
  .focus_blog_post-title:after,
  .focus_blog_tag-author_title:after,
  .blog-comments-container h2:after,
  .blog-post__related-posts h2:after {
    display: none;
  }


/* ─────────────────────────────────────────────────────
   Pricing Sidebar Styles
   ───────────────────────────────────────────────────── */

#pricing-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 25rem;
  height: 100%;
  background: #F3F4F6;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 9999;
  overflow-y: auto;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* “Open” state toggles the transform */
#pricing-sidebar.open {
  transform: translateX(0);
}

/* Toggle button */
#sidebar-toggle {
  position: absolute;
  left: -2.5rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  background: #4E91B2;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10000;
}

/* Full-width on mobile */
@media (max-width: 767px) {
  #pricing-sidebar {
    width: 100%;
    position: fixed;
    box-shadow: none;
  }
}

/* ─────────────────────────────────────────────────────
   Residential Results Page
   ───────────────────────────────────────────────────── */

/* Promo Grid Section */
.promo-grid {
  padding: 4rem 1rem;
  background-color: #f5f5f5;
  text-align: center;
}

.promo-heading h2 {
  font-size: 2rem;
  color: #347594;
  margin-bottom: 0.5rem;
}

.promo-heading p {
  font-size: 1rem;
  color: #333;
  max-width: 720px;
  margin: 0 auto 2rem;
}

.promo-grid-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  justify-content: center;
  margin-top: 2rem;
}

.promo-card {
  background: white;
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0px 2.25px 15px rgba(105, 105, 105, 0.2);
  text-align: center;
}

.promo-icon-img {
  width: 52px;
  height: 52px;
  margin: 0 auto 1rem;
  display: block;
}

.promo-card h3 {
  font-size: 1.125rem;
  color: #347594;
  margin-bottom: 0.5rem;
}

.promo-card p {
  font-size: 0.95rem;
  color: #2f2f2f;
}

/* ─────────────────────────────────────────────────────
   Home Page Hero
   ───────────────────────────────────────────────────── */
/* theme-overrides.css  → add at very bottom */
@media (max-width: 477px) {
  .hero-mobile { display: block !important; }
  .hero-desktop { display: none !important; }
}
@media (min-width: 478px) {
  .hero-mobile { display: none !important; }
  .hero-desktop { display: block !important; }
}

/* ─────────────────────────────────────────────────────
   Google Fonts Import
───────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&family=Inter:wght@400;500;700&display=swap');

/* ─────────────────────────────────────────────────────
   Font Utility Classes
───────────────────────────────────────────────────── */

/* Headings: Outfit */
.font-h1 {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 1.2;
  letter-spacing: -1%;
  color: inherit;
}
.font-h2 {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3;
  color: inherit;
}
.font-h3 {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
  color: inherit;
}

/* Body copy: Inter */
.font-body {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: inherit;
}
.font-body--medium {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: inherit;
}

/* Links */
.font-link {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #3B82F6;
  text-decoration: none;
}
.font-link:hover {
  text-decoration: underline;
}

/*─────────────────────────────────────────────────────*
 *  Equal-height grid rows & button-bottom stickiness *
 *─────────────────────────────────────────────────────*/
.auto-rows-fr {
  grid-auto-rows: 1fr !important;
}

/* Make each result card a column flex container */
#results > *, #business-results > * {
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Push the button to the bottom, full-width + nice padding */
#results > * button, #business-results > * button {
  margin-top: auto !important;
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  font-size: 1rem !important;
}

/* Slightly smaller button text on small phones */
@media (max-width: 640px) {
  #results > * button, #business-results > * button {
    font-size: 0.875rem !important;
  }
}

/* ─────────────────────────────────────────────────────
   Residential Product Cards
   ───────────────────────────────────────────────────── */

/* Ensure uniform headline bar height and spacing */
.headline-bar {
  min-height: 60px !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom-width: 2px !important;
  border-bottom-color: #e5e7eb !important;
  color: #fff !important;
}

/* Style the term block consistently */
.term-block {
  padding: 6px 12px !important;
  margin-left: 10px !important;
  border-width: 1px !important;
  border-color: #93c5fd !important;
  background-color: #3b82f6 !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
}

/* Add breathing room to the term block inside the blue container */
.w-1/3.bg-blue-500.text-center.py-2 > span {
  margin-top: 5% !important;
  margin-bottom: 5% !important;
  display: inline-block !important;
}

/* Ensure card content doesn’t interfere with headline bar */
.card-content {
  padding-top: 8px !important;
}

/* Style the renewable label */
.card-content .renewable {
  font-size: 0.875rem !important;
  background: #e5e7eb !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
}

/* Ensure centering in mobile view using flexbox */
@media (max-width: 767px) {
  .card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Center child elements horizontally */
  }
}

/* Style ratings and plan names for better hierarchy */
#results > * .rating {
  font-size: 1.5rem !important;
}

#results > * .plan-name {
  font-size: 1.25rem !important;
}

/* Responsive adjustments for Tablet view */
@media (min-width: 768px) and (max-width: 1024px) {
  #results {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.5rem !important;
  }

  /* Target all cards except the last one */
  #results > *:not(:last-child) {
    width: 100% !important;

  }

  /* Style the last card ("Best Rate") to be centered on its own row */
  #results > :last-child {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
  }

  /* Move "Show More" button to a new row, centered, matching card width */
  #results .show-more-btn {
    width: 350px !important;
    margin: 1.5rem auto 0 !important;
    display: block !important;
  }
}

/* Responsive adjustments for Mobile view */
@media (max-width: 767px) {
  .headline-bar {
    min-height: 50px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  .term-block {
    margin-left: 0 !important;
  }

  #results {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 !important;
  }

  #results > * {
    box-sizing: border-box !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: calc(100% - 10%) !important;
    max-width: 350px !important;
  }
}

/* ─────────────────────────────────────────────────────
   Business Product Cards
   ───────────────────────────────────────────────────── */

/* Apply mobile layout to tablet and desktop */
#business-results > * {
  box-sizing: border-box !important;
  margin-left: 5% !important;
  margin-right: 5% !important;
  width: calc(100% - 10%) !important;
  max-width: 350px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Ensure consistent margins and spacing across all views */
@media (min-width: 768px) and (max-width: 1024px) {
  #business-results {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.5rem !important;
    padding: 0 2.5% !important;
  }

  #business-results > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 350px !important;
  }
}

@media (min-width: 1025px) {
  #business-results {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.5rem !important;
    padding: 0 2.5% !important;
  }

  #business-results > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 350px !important;
  }
}

Also, the following is the CSS code from "menu.css"
/* Menu */

.menu__wrapper {
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  line-height: 0;
}

/* Menu items */

.menu__item {
  position: relative;
}

.menu-item-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.menu__item--depth-1 {
  display: inline-block;
}

.menu__item--has-submenu .menu-item-container {
  padding-right: 0.75em;
}

.menu__item--depth-1:last-child .menu-item-container {
  margin-right: 0;
}

.menu__link {
  padding: 0.1em 0.75em;
  text-align: left;
}

@media (min-width: 768px) {
  .menu__item--depth-1 {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .menu__item {
    display: block;
    width: 100%;
  }

  .menu__link {
    display: block;
  }
}

/* Submenus */

.menu__submenu {
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  z-index: 99;
}

ul.menu__submenu {
  padding: 0.75em;
}

.menu__item--open > .menu__submenu {
  display: block;
}

.menu__submenu .menu__item {
  padding: 0;
  width: 100%;
}

.menu__submenu .menu-item-container {
  margin-right: 0;
}

.menu__submenu .menu__link {
  display: block;
  width: 100%;
}

.menu__submenu--level-3 {
  left: 100%;
  top: 0;
}

.menu__item--depth-1:nth-last-child(-n + 2) .menu__submenu--level-3 {
  left: auto;
  right: 100%;
  top: 0;
}

@media (min-width: 768px) {
  .menu__submenu--level-2 > .menu__item:first-child > .menu__link {
    position: relative;
    z-index: 2;
  }

  .menu__item--depth-1:nth-last-child(-n + 2) .menu__submenu--level-2 a {
    order: 1;
    text-align: right;
  }

  .menu__item--depth-1:nth-last-child(-n + 2) .menu__submenu--level-3 a {
    order: 0;
    text-align: left;
  }

  .menu__item--depth-1:nth-last-child(-n + 2) .menu__submenu .menu-item-container {
    padding-left: 0.75em;
    padding-right: 0;
  }

  .menu__item--depth-1:nth-last-child(-n + 2) .menu__item--depth-2 .menu__submenu .menu-item-container {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .menu__submenu {
    position: static;
    transform: unset;
    width: 100%;
    margin: 10px 0;
  }

  .menu__submenu .menu__link {
    display: block;
    width: 100%;
  }

  .menu__submenu .menu__submenu--level-3 {
    margin: 0;
  }
}

/* Menu icons */

.menu__child-toggle {
  z-index: 2;
  height: 20px;
}

.menu__child-toggle-icon {
  border-style: solid;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  margin-bottom: 3px;
}

.menu__submenu .menu__child-toggle-icon {
  transform: rotate(-45deg);
  margin-bottom: 0;
}

.menu__item--depth-1:nth-last-child(-n + 2) .menu__submenu .menu__child-toggle-icon {
  transform: rotate(135deg);
}

@media (max-width: 767px) {
  .menu__child-toggle {
    width: 50px;
  }

  .menu__item--open.menu__item--depth-1 .menu__child-toggle .menu__child-toggle-icon {
    transform: rotate(-135deg);
  }

  .menu__item--depth-1 .menu__item--depth-2 .menu__child-toggle .menu__child-toggle-icon {
    transform: rotate(45deg);
  }

  .menu__item--open.menu__item--depth-2 .menu__child-toggle .menu__child-toggle-icon {
    transform: rotate(-135deg);
  }
}

/* Overrides */

.menu__wrapper li {
  font-size: 15px;
  line-height: 2.1em;
}

.mwh_el_secondary_menu .menu__wrapper li {
  font-size: 13px;
}

.menu__wrapper .menu__submenu li {
  font-size: 14px;
}

.menu__submenu {
  width: 240px;
}

.menu__link {
  text-decoration: none;
}

.menu-item-container:hover a,
.menu-item-container:hover span {
  text-decoration: none;
}

.focus_header_menu .menu--mobile .menu__submenu {
  box-shadow: none;
}

@media (min-width: 768px) {
  .menu-item-container {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .menu__submenu {
    width: 100%;
  }
}