@font-face {
    font-family: 'Inter Fallback';
    src: local(Arial);
    size-adjust: 99%;
    ascent-override: 96%;
    descent-override: 24%;
    line-gap-override: normal;
}
@font-face {
    font-family: Inter;
    src: url('/assets/themes/mb1/fonts/inter-variablefont-opsz,wght.ttf') format('truetype');
    font-weight: 200 800;
    font-display: swap;
    font-style: normal;
}

:root {
    --mb-color-blue: #06c;
    --mb-color-blue2: #0F37C3;
    --mb-color-gray: #333;
    --mb-banner-height: 80px;
}

/* Page Hiding Snippet for Google Optimize */
.async-hide { opacity: 0 !important}

/* For recaptcha */
.grecaptcha-badge { visibility: hidden; }

html { overflow-x: hidden; }

body {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    color: var(--mb-color-gray);
}

body a { 
    text-decoration: none;
/*     color: var(--mb-color-blue2); */
}

body a:hover { 
    text-decoration: underline !important;
}

#block-contact a {
    color: var(--mb-color-blue2);
    font-weight: bold;
}

a.navbar-brand:link, a.navbar-brand:visited,
a.navbar-brand:hover, a.navbar-brand:active {
    text-decoration: none !important;
}

header {
    background-color: var(--mb-color-blue2);
    background-image: url('/assets/themes/mb1/imgs/bgs/hero.webp');
    min-height: 300px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* New Mailbird Redesign Header */
header.mb-redesign {
    background-image: linear-gradient(180deg, #091F72 0%, rgba(9, 31, 114, 0) 116.02%),radial-gradient(26.58% 26.58% at 25.56% 45.42%, rgba(9, 31, 114, 0.7) 0%, rgba(9, 31, 114, 0) 100%), url(/assets/imgs/Upgrade/background-hero.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
header.mb-redesign #mb-hero-main {
    margin-top: 5rem!important;
}
header.mb-redesign #mb-hero-main #mb-hero-main-image {
    margin-bottom: -56px!important;
}
header.mb-redesign #mb-hero-main #mb-hero-main-image img {
    width: 100%;
    height: auto;
    max-width: 772px;
    max-height: 504px;
}

/* New Mailbird Redesign HeaderV2 */
header.mb-redesignV2.no-background {
    background: none !important;
}
header.mb-redesignV2 {
    background-image: url(/assets/themes/mb1/imgs/bgs/hero-bg-v2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
header.mb-redesignV2 #mb-hero-main {
    margin-top: 5rem!important;
}
header.mb-redesignV2 #mb-hero-main #mb-hero-main-image {
    margin-bottom: -56px!important;
}
header.mb-redesignV2 #mb-hero-main #mb-hero-main-image img {
    width: 100%;
    height: auto;
    max-width: 772px;
    max-height: 504px;
}
@media (max-width: 991px) {
    header.mb-redesignV2 {
        background-image: url(/assets/themes/mb1/imgs/bgs/hero-home-mobile.jpg);
        min-height: 250px;
    }
}
/* New Mailbird Redesign HeaderV2 */

#mbmainmenu, body { margin-top: 0; }

.scrolledin {
    background-color: #ffffff;
    transition: background-color 1s ease;
    box-shadow: 0 2px 4px 0 rgb(51 51 51 / 20%);
}

.scrolledin .nav-item .text-white {
    color: #0F37C3 !important;
}

#mb-callout > div {
    background-color: var(--mb-color-blue);
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 13px;
    padding: 10px 12px;
    border-radius: 4px;
    margin-left: 4px;
}

#mb-callout > div::before {
    content: "";
    background-color: transparent;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid var(--mb-color-blue);
    left: -5px;
    text-decoration: none;
}

.scrolledin #mb-nav-hamburguer .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
#mb-nav-hamburguer .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-toggler:focus { box-shadow: none; }


.dropdown-menu .nav-item.active {
    background-color: #0549da;
}
.dropdown-menu .nav-item.active a {
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) !important;
    color: #ffffff !important;
}

#mb-nav-lang .dropdown-menu:empty {
    display: none!important;
}
#mb-nav-lang .dropdown-menu { 
    min-width: inherit;
    padding: 1rem!important;
}
#mb-nav-lang ul li a img {
    margin: 5px 0;
}
#mb-nav-lang a span {
    display: inline-block;
    direction: ltr;
    text-indent: -9999px;
    text-decoration: none;
}
#activelangresource {
    text-decoration: none !important;
}
/* Old Pink #ff5c73 */
.btn-download { background-color: #EB001F; }
.btn-download:hover { background-color: #dd495e; }
.scrolledin #mb-nav button {
    background-color: var(--mb-color-blue) !important;
    border-color: var(--mb-color-blue) !important;
    color: #ffffff !important;
}
.scrolledin #mb-nav button:hover {
    background-color: #039 !important;
    border-color: #039 !important;
}
#hero-main img#hero-main-image {
    margin-bottom: -150px;
    width: 100%;
    height: auto;
    max-width: 452px;
    max-height: 292px;
}

/* Mailbird Modal */
.mb-modal .btn-close {
    width: 1.5em;
    height: 1.5em;
    background: transparent url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="%23E5E5E5"/><path d="M12 10.8891L15.8891 7L17 8.11094L13.1109 12L17 15.8891L15.8891 17L12 13.1109L8.11094 17L7 15.8891L10.8891 12L7 8.11094L8.11094 7L12 10.8891Z" fill="%234F4F4F"/></svg>') center / 1.5em auto no-repeat;
    padding: .25rem !important;
}
.mb-modal .modal-content {
    background: #FFFFFF !important;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.03), 0px 10px 20px rgba(0, 0, 0, 0.03) !important;
    border-radius: 10px !important;
}
/* Mailbird Modal */

hr { color: #d8d8d8; }
#block-awards ul li {
    height: 68px;
    width: 152px;
}
#block-awards ul li::before, #block-awards ul li::after {
    content: '';
    display: block;
    background-image: url('/assets/themes/mb1/imgs/misc/awards.svg');
    background-repeat: no-repeat;
    background-size: 31px 68px;
    width: 31px;
    height: 68px;
    float: left;
}
#block-awards .award-comp {
    width: 90px;
    height: 75px;
}
#block-awards ul li::after { transform: scaleX(-1); }
#block-awards .img { min-height: 28px; }
/* old gray #8F9EAB */
#block-awards .award-name, #block-awards .award-year { color: #69788C; }
#block-awards .award-name { font-size: 12px; line-height: 12px; }
#block-awards .award-year { font-size: 15px; }
#block-features ul li { flex: 1 }
#block-features .feature-name { color: #333; }
#block-features .feature-desc { color: #666; }
.feature-new-badge {
    letter-spacing: 0.25em;
    color: #070D0D!important;
    font-style: normal;
    font-weight: 600;
    font-size: 9px;
    line-height: 24px;
    background: #FBE07D!important;
    border-radius: 0.25rem;
    padding: 0 1rem;
    position: absolute;
    top: -1.75rem;
}
.bg-full { position: relative; }
.bg-full:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX( -50%);
    height: 100%;
    width: 100vw;
    background: #f4f6f7;
}

#block-download-cta .bg-full:before { 
    background-color: var(--mb-color-blue2);
    background-image: url('/assets/themes/mb1/imgs/bgs/clouds.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#block-download-cta button:hover { color: var(--mb-color-blue); }
.text-mb-blue { color: var(--mb-color-blue); }
.text-mb-gray { color: var(--mb-color-gray); }

#block-app-integrations li { flex: 1 0 16%; }
#block-app-integrations h3 { color: #333; }
/* Old Gray #8f9eab */
#block-app-integrations p { color: #69788C; }
#block-testimonials h3 { color: #333; }
#block-testimonials p { color: #8f9eab; }
#block-testimonials .card-title { color: #333333; }
#block-testimonials .card-text { 
    font-size: .8em;
    color: #666666;
}
#block-testimonials .card-body { min-height: 300px; }
#block-contact h3 { color: #333333; }
.btn-outline-primary {
    --bs-btn-color: var(--mb-color-blue);
    --bs-btn-border-color: var(--mb-color-blue);
    --bs-btn-hover-bg: var(--mb-color-blue);
    --bs-btn-hover-border-color: var(--mb-color-blue);
    --bs-btn-active-bg: var(--mb-color-blue);
    --bs-btn-active-border-color: var(--mb-color-blue);
    --bs-btn-disabled-color: var(--mb-color-blue);
    --bs-btn-disabled-border-color: var(--mb-color-blue);
}
#block-downloadcounter.mb-late-2024 .bg-full:before {
    background-color: var(--mb-color-blue2);
    background-image: url(/assets/themes/mb1/imgs/bgs/background-waves.webp);
    background-size: cover;
    background-position: center -150px;
}

#block-downloadcounter #downloadsNumHolder { font-size: 4rem!important; }
#block-slogansocial .bg-full:before, #block-supportstripe .bg-full:before { background-color: #f4f6f7; }
#tagline p, #block-supportstripe p { color: #333333; }
#block-menucolumns .columntitle { font-size: 1em; }
#block-menucolumns, #block-supportstripe p { font-size: .9em; }
#block-copycredits img {
    max-width: 91px;
    max-height: 20px;
}
#block-copycredits p, #block-copycredits ul li { font-size: .65em; }
#block-copycredits .ramp-promo img { 
    max-width: 80px;
    max-height: 80px;
}
#block-copycredits p, #block-copycredits ul li, #block-copycredits a { color: #666666; }
.trademark { font-family: sans-serif; }
/*#mailbird-for-mac .modal-content {
    background-image: url('/assets/themes/mb1/imgs/bgs/hero.webp');
    background-size: cover;
    background-repeat: no-repeat;
}*/
#toastdownloadjoin, #toastdownloadnotification, #toastsalenotification { max-width: 260px; }
/** Feature Boxes */
#block-feature-boxes .ft-heading {
    max-width: 600px;
    text-align: center;
    color: #000000;
    font-size: 40px;
    font-family: Inter;
    font-weight: 600;
    line-height: 53.60px;
    word-wrap: break-word;
}
#block-feature-boxes .ft-desc {
    max-width: 750px;
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-family: Inter;
    font-weight: 400;
    line-height: 26.80px;
    word-wrap: break-word;
}
#block-feature-boxes .feature-boxes-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 350px;
}
#block-feature-boxes .feature-boxes-grid .item_heading {
    color: #000000;
    font-size: 18px;
    font-family: Inter;
    font-weight: 700;
    line-height: 24.12px;
    word-wrap: break-word;
}
#block-feature-boxes .feature-boxes-grid .item_desc {
    color: #3E3F43;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 21.44px;
    word-wrap: break-word;
}
#block-feature-boxes .feature-boxes-grid .item-unified-inbox,
#block-feature-boxes .feature-boxes-grid .item-email-tracking,
#block-feature-boxes .feature-boxes-grid .item-app-integrations,
#block-feature-boxes .feature-boxes-grid .item-advanced-search,
#block-feature-boxes .feature-boxes-grid .item-folders,
#block-feature-boxes .feature-boxes-grid .item-signatures {
    background: #F8F8F8;
    border-radius: 13px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 769px) {
    #block-feature-boxes .feature-boxes-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        max-width: 1046px;
    }

    #block-feature-boxes .feature-boxes-grid .item-unified-inbox { grid-area: 1 / 1 / 2 / 2; }
    #block-feature-boxes .feature-boxes-grid .item-email-tracking { grid-area: 1 / 2 / 2 / 3; }
    #block-feature-boxes .feature-boxes-grid .item-app-integrations { grid-area: 1 / 3 / 3 / 4; }
    #block-feature-boxes .feature-boxes-grid .item-advanced-search { grid-area: 2 / 1 / 3 / 3; }
    #block-feature-boxes .feature-boxes-grid .item-folders { grid-area: 3 / 1 / 4 / 2; }
    #block-feature-boxes .feature-boxes-grid .item-signatures { grid-area: 3 / 2 / 4 / 4; }
}
@media (max-width: 768px) {
    #block-feature-boxes .feature-boxes-grid .item-app-integrations img {
        padding-top: 0 !important;
        padding-bottom: 24px !important;
    }
    #block-feature-boxes .feature-boxes-grid .item-advanced-search img {
        height: auto !important;
        width: 316px !important;
    }
    #block-feature-boxes .feature-boxes-grid .item-signatures img {
        padding-bottom: 24px !important;
        height: auto !important;
        width: 316px !important;
        align-self: end !important;
    }
}

/* RESPONSIVE ADJUSTMENTS HERE */

/* Styles only apply when hamburguer menu is shown */
@media (max-width: 480px) {
    .trustpilot-widget.py-5 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #hero-main img { margin-bottom: -100px; }
}
@media (max-width: 991px) {
    #mb-nav .navbar-nav {
        background-color: #ffffff;
        right: 2em;
        margin-top: 0.5em;
        border-radius: 5px;
        padding: 1em 2em;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
        position: absolute;
        width: 300px;
    }
    #mb-nav .navbar-nav .nav-item a {
        margin: 0;
        padding: 0;
    }
    #mb-nav .navbar-nav .text-white { color: #000000 !important; }
    #mb-nav .navbar-nav .nav-item .download-now { display: none; }
    #mb-nav .dropdown-menu { border: none !important; }
    #mb-nav-lang ul li a img { margin: 5px 0; }
    #mb-nav-lang a span { text-indent: 10px; }
    #mb-nav-lang .dropdown-menu { padding: 0 !important; }
}
@media (min-width: 992px) {
    #block-contact figure { max-width: 50%; }
    main { margin-top: 50px; }
    .pricing main { margin-top: 100px; }
}
@media (min-width: 1200px) {
    #block-download-cta .bg-full:before {
        background-image: url('/assets/themes/mb1/imgs/promos/ui-1.webp'), url('/assets/themes/mb1/imgs/bgs/clouds.webp');
        background-position: bottom right, center center;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 480px, cover;
    }
    #block-download-cta .row { min-height: 550px; }
}
/* Styles only apply when hamburguer menu is shown */

/* Fix Bootstrap modal open right padding issue */
body:not(.modal.show){ padding-right: 0px !important; }

.text-container {
    max-width: 960px;
    margin: 0 auto;
}

.grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1.5rem);
}

.grid .g-col-1 {
    grid-column: auto/span 1;
}

.grid .g-col-2 {
    grid-column: auto/span 2;
}

.grid .g-col-3 {
    grid-column: auto/span 3;
}

.grid .g-col-4 {
    grid-column: auto/span 4;
}

.grid .g-col-5 {
    grid-column: auto/span 5;
}

.grid .g-col-6 {
    grid-column: auto/span 6;
}

.grid .g-col-12 {
    grid-column: auto/span 12;
}

@media (min-width: 992px) {
    .grid .g-col-lg-4 {
        grid-column: auto / span 4;
    }
}

.list-masonry {
    column-count: 3;
}

@media (max-width: 767px) {
    .list-masonry { column-count: 2; }
    .features-grid {
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .feature-badge-container {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 412px) {
    .list-masonry { column-count: 1;}
}

/* Additional to Bootstrap (custom made) */
.fs-7 { font-size: 0.85rem !important; }
.fs-8 { font-size: 0.75rem !important; }

/* Enable Borders Breakpoints in Bootstrap */
@media (max-width: 575px) {
    .border-top { border-top: 1px solid #424242; }
    .border-left {
        border-left: 1px solid #424242;
    }
    .border-bottom {
        border-bottom: 1px solid #424242;
    }
    .border-right {
        border-right: 1px solid #424242;
    }
    .border-top-0 {
        border-top: none!important;
    }
    .border-left-0 {
        border-left: none!important;
    }
    .border-bottom-0 {
        border-bottom: none!important;
    }
    .border-right-0 {
        border-right: none!important;
    }
}

@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid #424242;
    }
    .border-sm-left {
        border-left: 1px solid #424242;
    }
    .border-sm-bottom {
        border-bottom: 1px solid #424242;
    }
    .border-sm-right {
        border-right: 1px solid #424242;
    }
    .border-sm-top-0 {
        border-top: none!important;
    }
    .border-sm-left-0 {
        border-left: none!important;
    }
    .border-sm-bottom-0 {
        border-bottom: none!important;
    }
    .border-sm-right-0 {
        border-right: none!important;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid #424242;
    }
    .border-md-left {
        border-left: 1px solid #424242;
    }
    .border-md-bottom {
        border-bottom: 1px solid #424242;
    }
    .border-md-right {
        border-right: 1px solid #424242;
    }
    .border-md-top-0 {
        border-top: none!important;
    }
    .border-md-left-0 {
        border-left: none!important;
    }
    .border-md-bottom-0 {
        border-bottom: none!important;
    }
    .border-md-right-0 {
        border-right: none!important;
    }
    
    .w-md-50 {
        width: 50%!important;
    }
}

@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid #424242;
    }
    .border-lg-left {
        border-left: 1px solid #424242;
    }
    .border-lg-bottom {
        border-bottom: 1px solid #424242;
    }
    .border-lg-right {
        border-right: 1px solid #424242;
    }
    .border-lg-top-0 {
        border-top: none!important;
    }
    .border-lg-left-0 {
        border-left: none!important;
    }
    .border-lg-bottom-0 {
        border-bottom: none!important;
    }
    .border-lg-right-0 {
        border-right: none!important;
    }
    
    .w-lg-50 {
        width: 50%!important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid #424242;
    }
    .border-xl-left {
        border-left: 1px solid #424242;
    }
    .border-xl-bottom {
        border-bottom: 1px solid #424242;
    }
    .border-xl-right {
        border-right: 1px solid #424242;
    }
    .border-xl-top-0 {
        border-top: none!important;
    }
    .border-xl-left-0 {
        border-left: none!important;
    }
    .border-xl-bottom-0 {
        border-bottom: none!important;
    }
    .border-xl-right-0 {
        border-right: none!important;
    }
}

.banners-best-email-app {
    background-image: url('/assets/imgs/banners/cta-banner-drk-blogpost-2.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #141330;
}
.banners-best-email-app .row { min-height: 140px; }
.banners-best-email-app p { text-shadow: 1px 1px 5px #000000; }

/* From features.css */
.page-section {
  border-bottom: solid 0.5px #d8d8d8;
  padding: 0 14px;
}
.section-layout {
  width: 100%;
  min-height: 500px;
  text-align: center;
  padding-right: 0;
  overflow: hidden;
  background: #f4f6f7;
  border-bottom: 1px solid #d8d8d8;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.section-white-background {
  background: #fff;
}
.layout-heading-container {
  text-align: center;
  max-width: 960px;
  padding: 0;
  margin: 0 Auto;
}
.layout-heading {
  padding: 122px 60px 122px 0;
  float: left;
  max-width: 50%;
  text-align: left;
}
.layout-heading.flip-right {
  padding-left: 90px;
  padding-right: 0;
  float: right;
}
.layout-title {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.22;
  text-align: left;
  margin-bottom: 23px;
  margin-top: 45px;
}
.layout-desc {
  white-space: pre-line;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 30px;
  color: #666;
}
.layout-image-container {
  max-width: 50%;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 80px;
}
.layout-image-container.flip-left {
  right: auto;
}
.layout-image {
  display: inline-block;
  height: 600px;
}
.layout-banner-image {
  margin: 0 -100px -100px 0;
}
.flip-left .layout-banner-image {
  margin: 0 30px -100px -100px;
  float: right;
}
.app-list-mini {
  list-style: none;
  padding: 0;
  max-width: 350px;
  text-align: left;
}
.app-list-mini li {
  margin: 0 20px 29px 0;
  display: inline-table;
  width: 40px;
  vertical-align: top;
  line-height: 1.2;
}
.app-list-mini li img {
  height: 40px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .section-layout {
    min-height: 0;
    padding-top: 53px;
    padding-right: 14px;
    padding-left: 14px;
  }
  .layout-heading-container {
    padding: 0;
  }
  .layout-heading {
    padding: 0!important;
    display: block;
    margin: 0 auto 40px;
    text-align: center;
    float: none;
    max-width: 80%;
  }
  .layout-heading.flip-right {
    padding: 0;
    float: none;
  }
  .layout-title {
    text-align: center;
    margin-bottom: 16px;
  }
  .layout-desc {
    text-align: center;
  }
  .layout-image {
    display: block;
    height: auto;
    max-width: 100%;
    float: none;
    margin: 0 auto;
  }
  .layout-image-container {
    top: 0;
    height: 150px;
    max-width: none;
    overflow: hidden;
    position: relative;
  }
  .flip-left .layout-banner-image {
    margin: 0 0 -100px 0;
    float: none;
  }
  .app-list-mini {
    text-align: center;
    margin: 0 auto;
  }
  .app-list-mini li {
    margin: 0 15px 15px 0;
    width: 30px;
  }
  .app-list-mini li img {
    height: 30px;
  }
}
@media (max-width: 320px) {
  .section-layout {
    padding-top: 33px;
  }
  .layout-image-container {
    height: 75px;
  }
  .layout-heading {
    margin: 0 auto;
    max-width: 100%;
  }
  .layout-title {
    font-size: 24px;
    margin-bottom: 14px;
    margin-top: 0;
  }
  .layout-desc {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 812px) {
  .layout-heading-container {
    padding: 0 20px;
  }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#block-maincontent {
    color: #333;
}

/* lite youtube fallback */
.lite-youtube-fallback {
	aspect-ratio: 16 / 9; /* matches YouTube player */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1em;
	padding: 1em;
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

/* right-facing triangle "Play" icon */
.lite-youtube-fallback::before {
	display: block;
	content: '';
	border: solid transparent;
	border-width: 2em 0 2em 3em;
	border-left-color: red;
}

.lite-youtube-fallback:hover::before {
	border-left-color: #fff;
}

.lite-youtube-fallback:focus {
	outline: 2px solid red;
}
/* lite youtube fallback */

/* social media icons */
#socialicons img {
    width: 26px;
    height: 26px;
}

/* Hide Logo Callout */
/* #mb-callout {
    display: none !important;
} */

#mb-footer-lawmsg a {
    color: var(--mb-color-blue2);
    font-weight: bold;
}
.fa-circle-check {
    color: #0F37C3;
}
.fa-circle-question {
    color: #CECECE;
}
/*@media (max-width: 480px) {
    header.mb-redesign {
        background-image: url('/assets/imgs/Upgrade/background-hero-mobile.webp');
    }
}*/