.elementor-19924 .elementor-element.elementor-element-de27409{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-1b200ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-79294af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-2040822{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-2040822:not(.elementor-motion-effects-element-type-background), .elementor-19924 .elementor-element.elementor-element-2040822 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bluecatweb.com/wp-content/uploads/2026/03/Charging-Freedom-To-Go-Anywhere-Desktop-1-scaled.png");background-position:top center;background-size:cover;}.elementor-19924 .elementor-element.elementor-element-7835672{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-17ba5b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-08cd333{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-00ee43f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-8228f3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-7553308 img{width:100%;}.elementor-19924 .elementor-element.elementor-element-1391236{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19924 .elementor-element.elementor-element-1391236:not(.elementor-motion-effects-element-type-background), .elementor-19924 .elementor-element.elementor-element-1391236 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-19924 .elementor-element.elementor-element-9d15943{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-19924 .elementor-element.elementor-element-9d15943:not(.elementor-motion-effects-element-type-background), .elementor-19924 .elementor-element.elementor-element-9d15943 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS */.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.center {
    text-align: center;
    align-items: center;
}

.end {
    align-items: end;
}

.space-between {
    align-self: stretch;
    height: 100%;
    align-items: space-between;
}

.text-white * {
    color: white;
}

.category {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .2px;
}

.space-out {
    flex-grow: 1;
}

.cta-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.mt-md {
    margin-top: 24px;
}

.bc-btn {
    font-size: 14px !important;
    padding: 12px 32px !important;
    font-weight: 500 !important;
}

.bc-btn.md {
    width: 160px;
    padding: 11px 32px !important;
    display: grid;
    place-content: center;
}

.bc-btn.lg {
    width: 200px;
    display: grid;
    place-content: center;
}

.bc-btn.white {
    background: white;
    color: #393c41;
}

.bc-btn.gray {
    background: #f4f4f4;
    color: #171a20;
}

.bc-btn.black {
    background: #171a20;
    color: #fff;
}

.bc-btn.blue {
    background: #2e5ddf;
    color: #fff;
}

.subtitle {
    font-size: 18px;
    color: #5c5e62;
    font-weight: 500;
    letter-spacing: 0;
}

.text-white .subtitle {
   color: #fff; 
}

.subtitle.light {
   color: #fafafa;
}

h1 {
    font-size: 40px !important; 
    letter-spacing: -0.4px
}

h2 {
    font-size: 36px !important; 
    letter-spacing: -0.4px;
     margin-bottom: 4px;
}

h3 {
    font-size: 28px !important;
    margin-bottom: 6px;
}

@media (min-width: 880px) {
    h1 {
    font-size: 48px !important; 
    letter-spacing: -0.4px
    }
    
    h2 {
        font-size: 40px !important; 
        letter-spacing: -0.4px
    }
    
    h2.lg {
        font-size: 44px !important; 
        letter-spacing: -0.4px
    }
    
    h3 {
        font-size: 32px !important;
        letter-spacing: -0.2px;
    }
}

.info p {
   font-size: 15px;
   margin-top: 8px;
   max-width: 575px;
   margin-top: 10px;
}

.info p.light {
    font-size: 13px;
    color: #5c5e62 !important;
    margin-top: 32px;
}

#topbar {
    display: none;
}

.offers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.offer-card {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0;
    background: #f4f4f4;
    border-radius: 8px;
}

.offer-card .offer-text {
  padding: 32px;  
}

.offer-card .offer-image {
   display: flex; 
}

.offer-card .offer-image img {
    object-fit: cover;
    border-radius: 0 8px 8px 0;
}

.feature-grid {
   display: grid;
    grid-template-columns: 1fr .6fr;
    gap: 24px 
}

.feature-grid .feature-large,
.feature-grid .feature-small {
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    min-height: 520px;
    padding: 40px;
    display: flex;
    align-items: end;
    color: white;
}

.feature-grid .feature-large {
    background: url(/wp-content/uploads/2026/03/Homepage-FSD-Safety-Report-Split-Desktop.avif);
}

.feature-grid .feature-small {
   background: url(/wp-content/uploads/2026/03/Homepage-Features-Desktop.avif); 
}

.charge {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 32px;
    padding: 40px 48px;
}

.charge-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.charge .stat h2 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.charge .stat img {
   width: 48px;
   aspect-ratio: 1;
   object-fit: contain;
}

#hero-carousel .elementor-swiper-button {
    background: hsla(0,0%,100%,.7490196078431373);
    backdrop-filter: blur(4px) !important;
    padding: 7px;
    border-radius: 3px;
}


/* -------- */

h2 {
    font-size: 28px !important; 
    letter-spacing: -0.4px
}

h3 {
    font-size: 20px !important; 
    letter-spacing: -0.4px
}

.info p {
   font-size: 15px;
   margin-top: 8px;
   max-width: 575px;
   margin-top: 10px;
}

.info p.light {
    font-size: 13px;
    color: #5c5e62 !important;
    margin-top: 32px;
}

#topbar {
    display: none;
}

p {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.bcontainer img {
    border-radius: 8px !important;
}

.bcontainer nav img {
    border-radius: 0px !important;
}

.col-3 h3 {
    margin-block: 24px 8px
}

p a {
    color: inherit !important;
    border-bottom: solid rgba(0,0,0,.5) 1px;
}

.col-1-2 {
    grid-template-columns: 1.4fr 2fr !important;
}

.line-top > div {
    border-top: solid rgba(0,0,0,.8) 3px;
    padding-top: 16px;
    margin-top: 24px;
}

.line-top h3 {
    font-size: 18px !important;
    margin-top: 0;
}

.gap-md {
  gap: 16px  
}

.gap-sm {
  gap: 12px  
}

.gap-xs {
  gap: 8px  
}/* End custom CSS */