/** Shopify CDN: Minification failed

Line 2176:28 Expected ")" to end URL token

**/
.cs-popular-brand-section .logo-list__content__logo.slide-item {
    border: 1px solid #FAF9F7;
    padding: 20px;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.cs-popular-brand-section .logo-list__content__wrapper {
    padding: 2px;
}
.variant-option+.variant-option__label {
    background: #F3EFEC;
}
#ItemsGrid .compare-at-price, #ItemsGrid .main-price, #ItemsGrid .price__container.price span, #ItemsGrid-product .price__container.price span, #ItemsGrid-articlepageproduct .price-wrapper span {
    font-size: 18px !important;
}
.block.slide-item.collection-item {
    text-align: center;
}
.variant-option.selected[data-type=buttons]+.variant-option__label, .variant-option:checked[data-type=buttons]+.variant-option__label, 
.variant-option[data-type=buttons]+.variant-option__label:hover {
    background: #244B5A;
    color: #fff;
}
.variant-option.disabled[data-type=buttons]:not(.selected)+.variant-option__label:not(.swatch-option__label) {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}
.cs-home-text-col .swiffy-slide-progress {
    --color-text-no-alpha: 72 77 78;
}
.product-card__swatches--name {
    margin-bottom: 5px;
}
body.template-product .variant-option__name span {
    font-size: 20px;
}
.cs-home-text-col .indicator-arrow__button {
    color: #333;
}
a.mobile-header-login {
    background-color: #244B5A;
}
a.mobile-header-login span {
    color: #fff !important;
}
#menu-navigation ul li {
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.mobile-main-menu-title, .mobile-main-menu-title h2 {
    color: #84ca00;
    font-size: 25px;
}
a.mobile-header-login {
    padding: 5px 10px;
    background: #244b5a;
    color: #fff!important;
    border-radius: 8px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
}
a.mobile-header-login span.icon {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
}
a.mobile-header-login span svg {
    width: 14px;
    height: 14px;
}
button.header-mobile-toggle-icon.icon .header-menu-toggle {
    width: auto;
}
.header-menu-toggle {
    display: flex;
    align-items: center;
}
.rte .description-content p{
    margin-bottom: 10px;
}
.rte .description-content li {
    list-style: inside !important;
}
.template-page-list-collection .one-whole.column.custom-list-description hr {
    display: block !important;
    margin-top: 30px;
    margin-bottom: 30px;
}
.top-feature-item svg {
    width: 30px;
}
.reel-size-inline-warning {
  display: none;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  padding: 10px 12px;
  background: #fbecef;
  color: #b21f35;
  font-size: 14px;
  line-height: 1.45;
}
.reel-size-inline-warning__icon {
  flex: 0 0 auto;
  font-size: 15px;
  line-height: 20px;
}
.reel-size-inline-warning strong {
  font-weight: 700;
}
.reel-modal-open {
  overflow: hidden !important;
}
.reel-check-modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2147483647 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
}
.reel-check-modal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.reel-check-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(16, 35, 42, 0.55);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.reel-check-modal__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 480px;
  background: #ffffff;
  padding: 34px 32px 30px;
  border-radius: 12px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #244b5a;
  transform:
    translateY(15px)
    scale(0.97);
  transition:
    transform 0.22s ease;
}
.reel-check-modal.is-open
.reel-check-modal__content {
  transform:
    translateY(0)
    scale(1);
}
.reel-check-modal__close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: #6b7478;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reel-check-modal__icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 17px;
  border-radius: 50%;
  background: #eef6f7;
  color: #244b5a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 700;
}
.reel-check-modal__title {
  margin: 0 0 12px;
  color: #244b5a;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}
.reel-check-modal__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: #244b5a;
}
.reel-check-modal__recommendation {
  margin: 8px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: #244b5a;
}
.reel-check-modal__note {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.55;
    color: #244b5a;
    font-style: italic;
}
.reel-check-modal__recommendation strong,
.reel-check-modal__text strong {
  color: #173f4d;
}
.reel-check-modal__actions {
  display: flex;
  gap: 10px;
  margin-top: 25px;
}
.reel-check-modal__switch {
  width: 100%;
  min-height: 48px;
  background: #244b5a !important;
  color: #ffffff !important;
  border-color: #244b5a !important;
  border-radius: 8px;
}
.reel-check-modal__switch:hover {
  background: #173f4d !important;
  border-color: #173f4d !important;
}
.reel-check-modal__continue {
  width: 100%;
  min-height: 46px;
  background: #ffffff !important;
  color: #244b5a !important;
  border: 1px solid #244b5a !important;
  border-radius: 8px;
}
.reel-check-modal__continue:hover {
  background: #f4f8f9 !important;
}
 .testimonials__column__wrapper .testimonials__column {
    padding: 2.25rem 2.125rem;
}
.section-testimonial .testimonials__content__wrapper * {
    color: #000000;
}
.section-testimonial .testimonials__content__wrapper .slider-nav.slider-nav__button-arrow {
    background-color: #244B5A;
}
.section-testimonial .testimonials__content__wrapper .slider-nav.slider-nav__button-arrow svg.slider-nav__icon * {
    color: #fff !important;
}
.slider-nav-wrapper  .slider-nav.slider-nav__button-arrow {
    background-color: #244B5A;
}
.slider-nav-wrapper  .slider-nav.slider-nav__button-arrow svg.slider-nav__icon * {
    color: #fff !important;
}
.label-container .x-badge-sold-out-label.x-badge-container.pointer-events-none.ltr {
    display: none !important;
}
.page-underwater-lighting-for-boats .shopify-section--image-with-text .page-width{
	max-width: 1200px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.page-underwater-lighting-for-boats .featured-link--half .info {
	display: inline-block;
	width: 80%;
	margin: 0 auto;
	padding: 20px;
}
.page-underwater-lighting-for-boats .description-content {
	font-size: 18px;
	line-height: 36px;
}
.page-underwater-lighting-for-boats .collection_title {
	color: #013e5a !important;
}
.page-underwater-lighting-for-boats .collection_title {
	font-family: sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1.5;
	color: #434343;
	display: block;
	letter-spacing: 2px;
	text-rendering: optimizeLegibility;
	font-size: 24px;
	margin: 0 auto 15px;
	clear: both;
	padding-top: 4px;
}
.section-testimonial .testimonials .testimonials__heading {
    color: #ffffff;
}
.blog-post__list-items {
    padding: 1px;
}
.blog-post_card {
    /* border: 1px solid #FAF9F7; */
    /* box-shadow: 0 0 0 1px #0000001a; */
}
.product-card__wrapper .product-card__info {
    justify-content: stretch;
}
body.template-collection a.link-product-variant {
    line-height: 1.4;
    min-height: calc(1.4em * 2);
}
/* tab content */
.tabs__content__rich[data-tab-title="Download"] h6 a,
.tabs__content__rich[data-tab-title="Download"] p a {
    font-size: 15px;
    cursor: pointer !important;
    display: block !important;
    width: 100% !important;
    border: 1px solid #ccd8de !important;
    margin: 0 !important;
    padding: .5em .5em .5em 4em !important;
    background: #e5ebee !important;
    color: #013e5a !important;
    position: relative !important;
}
.tabs__content__rich[data-tab-title=Download] h6,
.tabs__content__rich[data-tab-title="Download"] p {
    width: auto;
}
.tabs__content__rich[data-tab-title=Download] h6 {
    margin-top: 15px !important;
}
.tabs__content__rich[data-tab-title="Download"] h6,
.tabs__content__rich[data-tab-title="Download"] p {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.tabs__content__rich[data-tab-title="Download"] h6 a:before,
.tabs__content__rich[data-tab-title="Download"] p a::before {
    content: ""!important;
    background: url(/cdn/shop/files/download-solid.svg?v=1620376975) no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute!important;
    left: 1em!important;
    display: block! Important;
}
.contact-success-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.contact-success-popup.hidden {
  display: none;
}

.contact-success-popup__content {
  position: relative;
  background: #fff;
  padding: 40px;
  max-width: 500px;
  width: 90%;
  border-radius: 8px;
  text-align: center;
}

.contact-success-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  border: 0;
  background: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.contact-success-popup__content h3 {
    margin-bottom: 10px;
    color: #122223;
}
button#continue-shopping-btn {
    background-color: #244b5a;
    color: #fff;
    border-radius: 5px;
}
.contact-success-popup__content p {
  margin-bottom: 20px;
}
button#continue-shopping-btn:hover {
    background-color: #244b5ad1;
}
 /* testimonial revive */
.testimonial-subheading, .subheading  {
    color: #91C033;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sticky-add-to-cart__container .cs-sale-products-links {
    display: none;
}
.sticky-add-to-cart__container .price__container.price {
    visibility: visible;
}
.testimonials .testimonials__heading {
    margin-bottom: 10px;
}
.testimonial-description {
    color: #ffffff;
    margin-bottom: 3rem;
}
.testimonials__column__content__rating .cs-icon-wrap {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}
.cs-icon-wrap > div {
    align-items: center;
}
.cs-icon-wrap > div:first-child {
    min-width: 40px;
    min-height: 40px;
    background: #C9E9F5;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: scale3d(-1, -1, -1);
}
.testimonials__column__content__title {
    position: relative;
    padding-bottom: 10px;
}
.testimonials__column__content__title::after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    background: #003E59;
    left: 0;
}
.testimonials__column__author-note p {
    color: #013e5a !important;
}
.testimonials__column__content__title {
    margin-top: 15px;
    margin-bottom: 15px;
}
 
.testimonials__column__caption {
    margin-top: 25px !important;
}
/* blog post revive */
.cs-featured-blog-section {
    background-size: cover;
}
.cs-card-blog-wrap > a {
    position: relative;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.cs-card-blog-wrap .article-card-count {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: #faf9f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #91c033;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 10px;
}
.blog-post_view-all {
    padding: 6px 10px;
    border-radius: 40px;
    min-width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #91c033;
    border: 1px solid #91c033;
}
.blog-post_view-all:hover {
    background: #013e5a;
    color: #fff;
    border-color: #013e5a;
}
.cs-card-blog-wrap {
    overflow: hidden;
}
.cs-card-blog-wrap > div {
    padding: 2.25rem 2.125rem;
}
.jdgm-rev-widg__title {
    font-size: 35px !important;
    color: #000 !important;
    text-transform: CAPITALIZE;
}
body a span {
    text-decoration: none !important;
}
/* 27-05 */
.featured-blog-description {
    margin-top: 10px;
    margin-bottom: 15px;
}
.cs-label-icon + span {
    display: none;
}
.section-testimonial  .swiffy-slide-indicator * {
    color: #fff !important;
    opacity: 1;
}
.section-testimonial .testimonials__content__wrapper  .swiffy-slide-progress {
    background: #ffffff6b;
}
.section-testimonial .testimonials__content__wrapper .swiffy-slide-progress-bar.progress-bar-active-width {
    background: #ffffff;
}

.cs-sale-products-link {
	font-size: 16px;
	padding-top: 10px;
}
.featured-blog-description {
	text-align: center;
}
.testimonial-subheading {
	text-align: center;
}
.testimonial-description{
	text-align: center;
}

.section-main-section-product-gird .product-card__price {
    margin-bottom: 15px;
}

.section-main-section-product-gird .price-wrapper {
    font-size: 25px;
}
span.compare-at-price.line-through {
    color: #970000 !important;
    font-size: 18px;
}
.cart-drawer__summary__wrapper li svg {
    width: 30px;
}
.cart-drawer-item__price-wrapper{
    visibility: visible !important;
}
.fancy-checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    padding: 18px;
    border: 2px dashed #ccc;
    border-radius: 12px;
    background-color: #f9f9f9;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.fancy-checkbox:checked {
    background-color: #84ca00;
    border-color: #84ca00;
}
.fancy-label {
    font-size: 15px;
    color: #333;
    line-height: 1;
    user-select: none;
    padding-top: 5px;
}
.pricing_main {
    background: #013e5a;
    text-align: center;
    padding: 8px;
    color: #fff;
    margin-top: 20px;
}
.product-template__wrapper .pricing_main {
    margin-top: -5px;
}

.price-label__wrapper.flex.items-center {
    display: none;
}
.cs-sale-products-links a {
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    color: #970000;
}
.cs-sale-products-links {
    padding-top: 8px;
    padding-bottom: 8px;
}
body.template-product .compare-with-percent {
    display: unset;
}
 .product-recommendation__container .product-card__price {
    margin-top: 10px;
    margin-bottom: 18px;
}
.cs-column-icon-column_menu_kdn6Ba > div {
    position: static;
    background: transparent;
    box-shadow: none;
}
.cs-column-icon-column_menu_kdn6Ba {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.cs-column-icon-column_menu_kdn6Ba > a {
    padding-left: 1px;
}
.one-whole {
    width: 100%;
    margin-block-end: 20px;
}

.equal-columns--outside-trim .one-fourth {
    width: calc(25% - (20px - (20px / 4)));
}
.our_custom_coll .product-wrap {
    position: relative;
}
.our_custom_coll .image__container {
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.template-page-list-collection .our_custom_coll .image__container {
    height: auto !important;
    min-height: auto;
}
.template-page-list-collection .our_custom_coll .image__container img {
    margin: 0 auto;
    max-width: 200px;
}
.hidden-product-link {
    line-height: 0;
    font-size: 0;
    color: transparent;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.list-collections-wrapper .collection-info__caption {
    margin-top: 20px;
}
.thumbnail .price, .thumbnail .title {
    display: block;
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: inherit;
    line-height: 1.2;
}
.list-collections.our_custom_coll {
    gap: 20px;
}
.custom_products_col {
    box-shadow: 1px 1px 11px 1px #0000001a;
    padding: 25px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
}
.one-whole.column.custom-list-description {
    margin-block-end: 40px;
}
.template-page-knowdledge-base .image-over-text {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px;
    margin-bottom: 70px;
}
.template-page-knowdledge-base .over-main-text-img .over-text h4 {
    color: #fff;
}
.template-page-knowdledge-base .over-main-text-img .over-image img {
    width: 300px;
    margin: 0 auto;
}
.template-page-knowdledge-base .over-main-text-img .over-image {
    background-color: #ffffff;
}
.cs-column-icon-column_menu_kdn6Ba>div .cs-label-icon {
    width: 20px;
    height: 20px;
}
.cs-column-icon-column_menu_kdn6Ba>div::before {
    display: none;
}
/* .one-whole.column.custom-list-description {
    background: #244B5A;
    padding: 40px 60px;
    border-radius: 40px;
}
.one-whole.column.custom-list-description * {
    color: #ffffff;
} */
.one-whole.column.custom-list-description a {
    color: #244b5a;
}
/* .one-whole.column.custom-list-description h1 {
    margin-bottom: 20px;
    text-align: center;
} */
.one-whole.column.custom-list-description *:empty {
    display: none !important;
}
.one-whole.column.custom-list-description p {
    margin-bottom: 10px;
    line-height: 1.2;
}
nav#uncomplicated-breadcrumbs {
    display: flex;
    gap: 5px;
    align-items: center;
}
nav#uncomplicated-breadcrumbs a {
    color: #244B5A;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.cs-knowdledge-base {
    padding-block: 80px;
}
.template-page-knowdledge-base .over-main-text-img {
    background: #244b5a;
    box-shadow: 1px 1px 11px 1px #0000001a;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}
.template-page-knowdledge-base .over-main-text-img .over-text {
    padding: 20px;
    text-align: center;
}
.template-page-knowdledge-base .over-main-text-img .over-text h3 {
    color: #ffffff;
}
.template-page-knowdledge-base .over-main-text-img:hover {
    background: #9DD533;
}
.main-sec-image img {
    width: 100%;
    margin: 0 auto;
}
.shopify-policy__title h1 {
    font-size: 36px;
    text-transform: capitalize;
}
.html-sitmap li {
    list-style: inside;
    padding: 10px;
    font-weight: bold;
    color: #244b5a;
}
.html-sitmap li a:hover{
    color: #9DD533;
}
.video-text-wrap > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
}
.description-content .heading-wrap {
    text-align: center;
    margin-bottom: 1rem;
}
.video-text-wrap div:empty {
    display: none;
}
.description-content .heading-wrap * {
    text-align: center !important;
}
.description-content .video-text-wrap .video-wrap iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
}
#QuickViewProductContent .price__container {
    visibility: visible;
}
#ItemsGrid .price__container.price.choose-option__price {
    visibility: visible;
}
.video-text-wrap .content-wrap * {
    text-align: left !important;
    display: inline-block;
}
.video-text-wrap .content-wrap span {
    text-decoration: none !important;
}
.product-card__swatches--name {
    font-weight: 700;
    font-size: 16px;
}
.cs-pro-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -25px;
    text-align: center;
    opacity: 0;
    display: inline-block;
    width: fit-content;
    white-space: nowrap;
    font-size: 12px;
    z-index: 1;
    background: #000;
    color: #fff;
    padding: 2px 8px;
    height: fit-content;
    line-height: 1.4;
}
.swatch-option__label:not(.filter-swatch-label)[data-swatch-type=color]:hover .cs-pro-tooltip {
    opacity: 1;
} 
/* .cs-collection-description * {
    text-align: center;
} */
 .product-card__swatches--name + div {
    row-gap: 10px;
    margin-bottom: 20px;
}
.product-has-variants .product-card__price.mb-3.h5.inline-block {
    margin-bottom: 5px;
}
.product-has-variants .product-card__swatches--name + div {
    margin-bottom: 18px;
}
.jdgm-cards-carousel button.jdgm-arrow {
    display: flex!important;
    opacity: unset;
    height: 54px;
    width: 54px;
    border-radius: 9999px;
    transition-property: transform;
    transition-duration: .2s;
    background-color: #d0d0d0;
    color: #244b5a;
}
.jdgm-cards-carousel button.jdgm-arrow:hover {
    opacity: unset;
    background-color: #fff;
}
.jdgm-card.jdgm-carousel-item {
    padding-top: 25px !important;
    padding-bottom: 35px !important;
}
.jdgm-cards-wrapper .jdgm-rating-section {
    gap: 20px !important;
}
body.template-index .jdgm-cards-carousel {
    background-image: url(//www.furneauxriddall.com/cdn/shop/files/Testimonials_Bg_image_1.jpg?v=1779779856);
    padding-top: 70px;
    padding-bottom: 50px;
    width: 100%;
    max-width: 100%;
    background-position: center;
}

.featured_collections .button {
    border: 1px solid;
    padding: 10px 10px;
    border-radius: 40px;
    min-width: 190px;
    justify-content: center;
    align-items: center;
    color: #013e5a;
    display: inline-flex;
    margin-top: 20px;
}
.featured_collections .button:hover {
    background: #013e5a;
    color: #fff;
    border-color: #013e5a;
}
.image-with-text-container.featured_collections {
    align-items: center;
}
.featured_collections .image-element__wrap {
    max-width: 500px;
}
.featured_collections .featured-link--half {
    flex: 50%;
    width: 50%;
}
.featured_collections .image-element__wrap {
    max-width: 500px;
}
.featured_collections .image-element__wrap {
    max-width: 500px;
    margin-inline: auto;
}
.content_with_img_title_btm {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.content_with_img_title_btm .img-title-btm {
    box-shadow: 1px 1px 11px 1px #0000001a;
    border-radius: 10px;
    overflow: hidden;
    padding: 25px;
}
.cs-content-images-sec .content_with_img > * {
    flex: 1;
}
.content_with_img_title_btm .img-title-btm img {
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.template-page-list-collection .blog-post_heading {
    padding-top: 35px;
    padding-bottom: 20px;
}
/* .template-page-list-collection .one-whole.column.custom-list-description {
    padding-block-start: 60px;
} */
.template-page-list-collection section.section.cs-list-collection {
    padding-block-end: 80px;
}
ul.list li a {
    display: block;
    width: 100%;
    background: none!important;
    padding-left: 30px;
}
ul.list li {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 10px;
    width: 100%;
    background: #e5ebee;
    margin-bottom: 10px;
}
ul.list li:before {
    content: ""!important;
    background: url(/cdn/shop/files/download-solid.svg?v=1620376975) no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute!important;
    left: 10px !important;
    bottom: 15px;
    display: block!important;
}
ul.list {
    text-align: left;
    display: block;
    position: relative;
    list-style: none;
    margin: 0 0 2em;
    padding: 0 !important;
    width: 100%;
}
/* order form */
.trade {
    padding-block: 80px;
}
.trade form#contact-form  h1 {
    font-family: sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    color: #434343;
    display: block;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    font-size: 24px;
    margin: 0 auto 15px;
    clear: both;
    font-weight: 400;
    padding-top: 4px;
}
.trade form#contact-form {
  background: #e5ebee;
  width: 100% !important;
  padding: 3em !important;
  margin: 0 auto !important;
  max-width: 700px;
}
.trade form#contact-form input,
.trade form#contact-form select,
.trade form#contact-form textarea {
  border-radius: 4px !important;
  border-color: #557c8e;
}
.trade form#contact-form label {
  font-weight: 400 !important;
}
.bar {
  display: block;
  position: relative;
  width: 100%;
  margin: 1em 0;
  text-align: right;
  height: 3px;
  background: #95c73d;
}
.trade .action_button.sign_up {
  background: #95c73d !important;
  border: none;
}
.trade .action_button.sign_up:hover {
  background: #1a3d58 !important;
  border: none;
}
.trade .banner {
  color: #ffffff !important;
  background: #ededed
    url("/cdn/shop/files/fr-international-bg.jpg?v=1627049318")
    no-repeat center center !important;
  background-size: cover !important;
  display: block;
  position: relative;
  margin: 0 auto 2em auto;
  padding: 100px 2% !important;
  text-align: center;
}
.trade .banner h1,
.trade .banner h4 {
  color: #ffffff;
}
.trade .banner h1 {
  font-size: 4em;
}
label, legend, .option_title {
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: none;
}
.contact-form label, .custom-contact-form label {
    margin-bottom: 12px;
}
.trade form#contact-form label {
    font-weight: 400!important;
}
.trade form#contact-form input, .trade form#contact-form select, .trade form#contact-form textarea {
    border-radius: 4px!important;
    border-color: #557c8e;
    display: block;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid #cccccc;
    outline: none;
    background: #fff;
    color: #5f6a7d;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    text-rendering: optimizeLegibility;
}
a.button.button-primary.button-large.coll-btn-desc {
    background: #244b5a;
    color: #fff;
    margin-top: 20px;
}
.page-trade .email_nature, .page-international-order-form .email_nature {
    display: grid;
}
p.mandatory {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
}
span.asterik {
    color: red;
}
input.sign_up[type=submit] {
    margin-left: 5px;
    display: inline-block;
}
.trade .action_button.sign_up {
    background: #95c73d!important;
    border: none;
}
form#contact-form  textarea {
    min-height: 120px !important;
    padding: 15px 9px !important;
}
.template-page-international-order-form .trade form#contact-form input.sign_up[type=submit] {
    margin-left: 5px;
    display: inline-block !important;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    height: 40px;
    line-height: 1.2;
    vertical-align: top;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s linear;
    -webkit-appearance: none;
    appearance: none;
    color: #ffffff;
    width: fit-content;
}
.page-trade input.action_button.sign_up, .page-international-order-form input.action_button.sign_up {
    color: #fff !important;
    width: fit-content !important;
    font-family: sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px !importants;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.blog-image-desktop-top {
    padding: 15px 15px;
    box-shadow: 1px 1px 11px 1px rgb(0 0 0 / 10%);
}
.blog-image-desktop-top .button {
    color: #434343;
    border-color: #434343;
    background-color: transparent;
    border: 1px solid;
    padding: 10px 20px;
}
.blog-image-desktop-top .capitalize {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blog-image-desktop-top .capitalize {
    color: #84CA00;
}
.blog-image-desktop-top .article-layout-1 > .relative.overflow-hidden {
    padding-bottom: 100% !important;
}
/* Inner detail pages */
.cs-content-images-sec .content_with_img.flex {
    align-items: center;
    border: 1px solid #eeeeee;
    padding: 30px;
    margin-bottom: 50px;
    border-radius: 20px;
    box-shadow: 0 0 30px #eee;
}
.cs-content-images-sec .content_with_img>.content_with_img_left {
    flex: 60%;
    padding-right: 4rem;
}
.cs-content-images-sec .content_with_img>.content_with_img_right {
    flex: 40%;
    padding-left: 4rem;
    display: flex;
    justify-content: center;
    border-left: 1px solid #f5f5f5;
}
.content_with_img_title_head {
    display: none;
}
section.section.content-with-image-text {
    padding-block: 0px;
    padding-block-end: 60px;
}
.cs-battery-guide-block {
    padding-block: 80px;
    background: #C6E8F6;
}
.template-page-list-collection .blog-post_heading,
.template-page-list-collection-battery .blog-post_heading,
.template-page-campervan-electrics .blog-post_heading{
    padding-top: 35px;
    padding-bottom: 20px;
}
.two_col_cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 700px;
    margin-inline: auto;
    margin-block-end: 40px;
    border: 1px solid;
}
.two_col_cont p, .two_col_cont li {
    border: 1px solid;
    padding: 14px 30px;
}
.two_col_cont p {
    font-weight: 600;
}
.cs-size-table-sec .tabel-data-main {
    border: 1px solid;
    max-width: 1000px;
    margin-inline: auto;
    margin-block: 40px;
}
.cs-size-table-sec .tabel-con-sec , .cs-size-table-sec .tabel-title {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
}
.cs-size-table-sec .tabel-con-sec > *, .cs-size-table-sec .tabel-title > * {
    border: 1px solid;
    padding: 10px 20px;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.cs-size-table-sec .tabel-title * {
    color: #000;
    font-weight: 600;
    font-size: 20px;
}
.section.cs-image-section.image-invertor .main-sec-image {
    max-width: 600px;
    margin-inline: auto;
}
.section.size-tabel.cs-size-table-sec .main-head {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.page-width.page-width-narrow {
    max-width: 1000px;
}
.cs-image-section.image-invertor.color-temp {
    margin-block-end: 60px;
}
.cs-collection-description .description-content ul {
    margin: 15px auto 0;
    text-align: left;
}
.cs-collection-description {
    max-width: 1200px;
    margin: 0 auto;
}
span.stock-spre {
    margin: 15px auto 0px auto;
    color: #013e5a;
}
.product-template__media-wrapper .media-gallery__media-item img {
    max-width: 540px;
    margin: 0 auto;
    object-fit: contain;
    left: 0;
    right: 0;
}
.tabs__content .anm-fade-element {
    transition-duration: .3s;
}
.product-template__media-wrapper .media-gallery__media-wrapper {
    position: relative;
}

.product-template__media-wrapper .x-badge-sale-label {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    z-index: 11;
}
.cart-drawer-cs-btn {
    margin-top: 5px;
}

.cart-drawer-cs-btn .button {
    width: 100%;
}
.cs-list-block .custom_products_col .image-element__wrap {
    max-width: 100% !important;
}
.template-page-list-collection .cs-list-block .custom_products_col .image-element__wrap img {
    margin: 0 auto;
    max-width: 200px;
    max-width: 100%;
}
.template-page-list-collection .our_custom_coll .image__container img {
    margin: 0 auto;
    max-width: 100%;
}
.cs-list-block .custom_products_col .image-element__wrap {
    max-width: 100%!important;
    aspect-ratio: 1;
}
.template-page-list-collection .our_custom_coll .image__container {
    height: auto!important;
    min-height: auto;
    aspect-ratio: 1;
}
.template-page-list-collection .cs-list-block .custom_products_col .image-element__wrap img {
    max-width: 100% !important;
    aspect-ratio: 1/1;
    width: 100% !important;
    height: auto !important;
}
.cs-download-link {
    font-size: 15px;
    cursor: pointer!important;
    display: block!important;
    width: 100%!important;
    border: 1px solid #ccd8de!important;
    margin: 0!important;
    padding: .5em .5em .5em 0.5em!important;
    background: #e5ebee!important;
    color: #013e5a!important;
    position: relative!important;
}
#cart-shipping-province option[value="British Forces"] {
    display: none;
}
.mobile-search-bar {
    padding-top: 15px;
    padding-bottom: 15px;
}
span.header-mob-shop {
    font-size: 15px;
    padding-left: 5px;
    color: #244b5a;
}
.header-menu-toggle svg path{
    fill: #244b5a;
}
.osf_bis{
    margin: 15px auto;
}
.cart-drawer__custom-fields__header  .h5.p-break-words, input#CartDrawer__CustomField, .main-cart__custom-field span.flex-auto, #MainCart__CustomField {
    text-transform: capitalize;
}
body.template-product  button.osf_float_button {
    display: none;
}
.osf_inline_button {
    width: 100%;
    padding: 10px 20px 10px;
}
select.osf_select {
    padding-left: 12px;
}
.section-main-product .product-info__buy-buttons-wrapper {
    margin-bottom: 15px;
}
.footer__newsletter button[type="submit"] {
    background-color: #91c033;
    color: #fff;
    opacity: 1;
}
.stock-spre.stok-pre-p {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #eceff1;
    width: 100%;
    padding: 7px 20px 7px 20px;
    float: left;
    color: #263238;
    font-size: 15px;
    font-weight: 600;
}
.stock-spre.stok-pre-p .delivery-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 50%;
    color: #37474f;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
}

.stock-spre.stok-pre-p .delivery-icon svg {
    width: 27px;
    height: 27px;
}
@media screen and (min-width: 1240px) {
    .footer-main .footer-col.footer-col-image {
    padding-right: 80px;
}
.footer-main.lg\:grid-cols-4 {
    grid-template-columns: 1.5fr 0.6fr 0.6fr 1.1fr;
}
.video-text-wrap .content-wrap {
    padding-right: 5rem;
}
.featured_collections .featured-link--half {
    flex: 40%;
    width: 40%;
}
.cs-battery-guide-block .left .image-with-text__text-column {
    padding-right: 4rem;
    flex: 60%;
    width: 60%;
}
.cs-battery-guide-block .right .image-with-text__text-column {
    padding-left: 4rem;
     flex: 60%;
    width: 60%;
}
}
@media screen and (min-width: 1440px) {
    .product-recommendations__wrapper {
    padding-left: 0px;
    padding-right: 0px;
}
}
@media screen and (max-width: 1310px) {
.product-info__quantity-wrapper {
    margin-bottom: 15px;
}
.pro_unvavailable_sold  .product-info__quantity-wrapper {
    margin-bottom: 0px;
}
.product-has-variants  .product-info__quantity-wrapper {
    margin-bottom: 12px;
    margin-right: 10px;
}
.product-template__wrapper .product-info__quantity-wrapper{
    margin-bottom: 0px;
}
}
@media screen and (max-width: 1200px) {
    .list-collections.our_custom_coll {
    gap: 10px;
}
    .equal-columns--outside-trim .one-fourth {
    width: calc(50% - 5px);
}
.cs-size-table-sec .tabel-con-sec>*, .cs-size-table-sec .tabel-title>* {
    border: 1px solid;
    padding: 10px 5px;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 12px !important;
}
.two_col_cont p, .two_col_cont li {
    border: 1px solid;
    padding: 14px 20px;
}
.content_with_img_title_btm {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 767px) {
.cs-home-hero.h2 {
     font-size: 30px !important;
     width: fit-content !important;
}
.text-icon-column.cs-custom-cs-home-text-col .text-icon-inner-div {
    padding-top: 15px;
    padding-bottom: 15px;
}
.header-top {
    grid-template-columns: 2fr 5fr 2fr;
}
#search-in-modal-desktop {
    font-size: 14px;
}
.template-page-list-collection .our_custom_coll .image__container img {
    max-width: 100%;
}
.template-page-contact h2.h2.cs-home-hero {
    width: auto !important;
}
body.template-index .jdgm-title {
    font-size: 32px;
        -webkit-line-clamp: unset;
}
body.template-index .jdgm-content {
    padding-left: 0;
    padding-right: 0;
    gap: 10px !important;
}
body.template-index .jdgm-cards-carousel {
    padding-top: 65px;
    padding-bottom: 40px;
}
.jdgm-arrow svg {
    width: 28px !important;
    height: 28px !important;
}
.jdgm-cards-carousel button.jdgm-arrow {
    height: 45px;
    width: 45px;
}
.jdgm-rev-widg__title {
    font-size: 32px!important;
}
.one-whole.column.custom-list-description {
    padding: 20px 30px;
    border-radius: 20px;
    margin-block-end: 25px;
}
.video-text-wrap > div {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 40px;
}
.video-text-wrap .content-wrap {
    order: 2;
}
.image-over-text {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
}
.content_with_img_title_btm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
}
.blog-post_heading {
    padding-top: 0px;
}
.page-orders-and-deliveries table {
    width: 100%;
}
.page-orders-and-deliveries table tr td {
    width: 60px;
}
.cs-content-images-sec .content_with_img.flex {
    align-items: center;
    border: 1px solid #eeeeee;
    padding: 20px;
    flex-direction: column-reverse;
}
.cs-content-images-sec .content_with_img>.content_with_img_left {
    flex: 100%;
    padding-right: 0;
}
.cs-content-images-sec .content_with_img>.content_with_img_left h2 {
    padding-top: 20px;
}
.cs-content-images-sec .content_with_img>.content_with_img_right {
    flex: 100%;
    padding-left: 0;
    display: flex;
    justify-content: center;
    border-left: none;
}
.boats-image-with-text-section .featured_collections .featured-link--half {
    flex: auto;
    width: 100%;
}
.boats-image-with-text-section .image-with-text-container {
    flex-wrap: wrap;
}

.page-underwater-lighting-for-boats .boats-image-with-text-section .featured-link--half .info {
    width: 100%;
}

}
@media(max-width:479px){
.template-page-list-collection .our_custom_coll .image__container {
    height: inherit;
}
}
product-card-swatch-option .product-form__input .option-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #222;
}
product-card-swatch-option .variant-option__select {
  width: 100%;
  min-width: 180px;
  min-height: 48px;
  padding: 12px 40px 12px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all .2s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
}
product-card-swatch-option .variant-option__select:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,0,0,.08);
}
product-card-swatch-option .variant-option__select:disabled {
  opacity: .6;
  cursor: not-allowed;
}
product-card-swatch-option .variant-option__select option {
  padding: 10px;
}.product-card__swatches-wrapper .variant-option__select {
    width: 100%;
    max-width: 220px;
    margin-bottom: 15px;
}
.recom-view {
    margin-top: 20px;
}
.section-hero-alternate .promotion {
    max-height: 100%!important;
    position: relative;
    height: 600px !important;
}
 /* .section-hero-alternate .promotion .padding-slideshow-content::after{
    position:absolute;
    content:"";
    background-color:#00000070;
    background-size:cover;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index: 1;
} */
.section-hero-alternate .promotion .slider-container .hero-slide__text-content{
    position: relative;
    z-index: 9;
} 
.section-hero-alternate .promotion .cs-home-hero.h2 {
    font-size: 50px  !important;
    width: 100%  !important;
    text-transform: uppercase  !important;
    max-width: 600px  !important;
    padding-bottom: 10px;
}
.section-hero-alternate .promotion .buttons-image_overlay_slide_iiQ6WF.pointer-events-auto {
    gap: 20px !important;
    margin-top: 30px;
}
.section-hero-alternate .promotion .p-break-words {
    max-width: 650px;
}
.section-hero-alternate .top-features {
    display: flex;
    gap: 5px;
}
.launch-icon svg {
    width: 60px;
}
.section-hero-alternate .top-features .top-feature-item {
    display: flex;
    gap: 5px;
}
.top-feature-content h4 {
    font-size: 14px;
}
.top-feature-content p {
    font-size: 12px;
}
.section-hero-alternate .promotion p.subheading {
    background: #91c033!important;
    color: #fff!important;
    padding: 5px 20px 5px 20px;
    display: inline!important;
    max-width: 132px;
    border-radius: 8px;
}
.battery-technology{
    background:#fff;
}
.battery-technology .section-heading {
    text-align: center;
    margin-bottom: 30px;
}
.battery-technology .section-heading h2{
    margin:0;
    line-height:1.2;
    font-weight:700;
}

.battery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

.battery-card {
    background: #f0f7ff;
    border-radius: 14px;
    padding: 10px 5px 15px 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: .35s ease;
}

.battery-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.battery-icon{
    text-align:center;
}

.battery-icon img{
    width:170px;
    display:block;
    margin:auto;
}

.battery-badge{
    display:inline-block;
    background:#1b5a92;
    color:#fff;
    padding:6px 12px;
    border-radius:4px;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:18px;
}
span.logged_in_cs {
    font-size: 15px;
}
.battery-content{
    flex:1;
}

.battery-content h3{
    margin:0 0 18px;
    color:#17395c;
    font-size:25px;
    font-weight:700;
}

.battery-features{
    margin-bottom:28px;
}

.battery-features ul{
    margin:0;
    padding:0;
    list-style:none;
}

.battery-features li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 8px;
    color: #555;
    font-size: 15px;
    line-height: 1.6;
}

.battery-features li:last-child{
    margin-bottom:0;
}

.battery-features li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    color:#73b62d;
    font-weight:700;
    font-size:18px;
}

.battery-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 24px;
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.green-btn{
    background:#73b62d;
}

.blue-btn{
    background:#174f84;
}

.battery-btn:hover{
    transform:translateY(-2px);
}

.battery-btn svg{
    width:16px;
    height:16px;
}
body.template-page-lithium-sodium  .cs-custom-footer-icons-cols, body.template-page-list-collection-battery .cs-custom-footer-icons-cols, body.template-collection-battery-collection .cs-custom-footer-icons-cols,
body.template-product-battery-product .cs-custom-footer-icons-cols{
    display: none;
}
.text-icon-column.cs-custom-cs-battery-icons {
    margin-top: 40px;
}
@media(max-width:990px){
.battery-grid{
  grid-template-columns:1fr;
}
}
@media(max-width:749px){
.reel-check-modal {
    align-items: flex-end;
    padding: 10px;
  }
  .reel-check-modal__content {
    max-width: none;
    padding: 30px 20px 20px;
    border-radius: 16px;
  }
  .reel-check-modal__title {
    font-size: 21px;
  }
.battery-technology .section-heading{
margin-bottom:30px;
}
.battery-technology .section-heading h2{
font-size:30px;
}
.battery-card{
flex-direction:column;
text-align:center;
padding:28px 22px;
gap:25px;
}
.battery-icon{
flex:unset;
}
.battery-content h3{
font-size:24px;
}
.battery-features{
display:inline-block;
text-align:left;
}
.battery-btn{
width:100%;
}
}
@media (max-width: 749px) {
    .battery-app-banner .page-width {
    padding: 40px 20px !important;
}
    .maximize-section.section-text-columns-icons .anm-fade-element {
    gap: 10px;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
  product-card-swatch-option .variant-option__select {
    min-height: 44px;
    font-size: 13px;
    min-width: 100% !important;
  }
.section-hero-alternate .promotion .cs-home-hero.h2 {
    font-size: 32px!important;
}
.section-hero-alternate .top-features {
    flex-wrap: wrap;
}
.section-hero-alternate .promotion {
    height: 700px!important;
}
}
.section-headers{
    text-align: center;
    margin-bottom: 25px;
}
.battery-grids{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.page-width-tech {
    padding-left: 20px;
    padding-right: 20px;
} 
.battery-cards{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:10px;
    overflow:hidden;
    transition:.3s;
    position:relative;
        display: flex;
    flex-direction: column;
}
 
.battery-cards:hover{
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transform:translateY(-4px);
}
 
.battery-image{
    text-align:center;
    padding:25px;
}
 
.battery-image img{
    max-width:100%;
    height:170px;
    object-fit:contain;
}
.battery-contents {
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.battery-badge{
    display:inline-block;
    background:#7cc242;
    color:#fff;
    font-size:12px;
    padding:5px 10px;
    border-radius:20px;
    margin-bottom:12px;
}
 
.battery-contents h3{
    font-size:22px;
    margin-bottom:10px;
    color:#12364a;
}
.battery-contents p {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.demo-product{
    margin-top:20px;
    color:#0d5d93;
    font-weight:600;
}
.battery-arrow {
    margin-top: auto;
    border-radius: 14px;
    background: #244b5a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    padding: 10px;
        margin-top: auto;
}
@media(max-width:990px){
    .battery-grids{
        grid-template-columns:repeat(2,1fr);
    }
}
 
@media(max-width:767px){
    .battery-grids{
        grid-template-columns:1fr;
    }
 
    .section-header h2{
        font-size:28px;
    }
}
.launch-promo {
    background: #013e5a;
    padding: 30px 0;
    color: #fff;
    margin: 50px 0 0 0;
}
.launch-promo .page-width{
    max-width:1400px;
    margin:auto;
    padding:0 20px;
}
 .cs-b-hd-lithium-sodium-ion-batteries .image__container {
    display: flex;
    align-items: center;
}
.launch-promo-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}
 
.launch-left{
    display:flex;
    align-items:center;
    gap:30px;
    flex:1;
}
 
.launch-icon img{
    width:110px;
    display:block;
}
 
.launch-content h2{
    margin:0;
    font-size:38px;
    line-height:1.1;
    color:#fff;
    font-weight:700;
}
.launch-subtitle {
    font-size: 24px;
    color: #84ca00;
    margin-top: 12px;
    font-weight: 600;
}
.launch-description{
    margin-top:10px;
    color:#d9d9d9;
    font-size:18px;
}
 
.launch-features{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
    margin-top:22px;
}
 
.launch-feature{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:18px;
}
 
.launch-feature svg{
    width:20px;
    height:20px;
    fill:#73b62d;
}
 
.launch-right{
    flex-shrink:0;
}
.launch-btn {
    background: #73b62d;
    text-decoration: none;
    padding: 12px 40px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    transition: .3s;
}
.launch-btn:hover{
    opacity:.9;
}
 
@media(max-width:991px){
.launch-promo{
padding:25px 0;
}
 
.launch-promo-wrapper{
flex-direction:column;
text-align:center;
gap:30px;
}
 
.launch-left{
flex-direction:column;
}
 
.launch-content h2{
font-size:30px;
}
 
.launch-subtitle{
font-size:20px;
}
 
.launch-description{
font-size:16px;
}
 
.launch-features{
justify-content:center;
gap:18px;
}
 
.launch-btn{
font-size:18px;
padding:18px 30px;
}
 
.launch-icon img{
width:80px;
}
 
}

.battery-app-banner{
 
    background-image:url({{ section.settings.background | image_url: width: 2200 }});
    background-size:cover;
    background-position:center right;
    background-repeat:no-repeat;
 
    min-height:600px;
 
    display:flex;
    align-items:center;
}
 
.battery-app-banner .page-width{
    max-width:1400px;
    margin:auto;
    width:100%;
    padding:40px;
}
.battery-app-content{
    width:48%;
}
.b-subheading{
    color:#78BE20;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}
.battery-app-content h2{
    font-size:52px;
    color:#12364a;
    line-height:1.15;
    margin:12px 0;
}
.battery-app-content h3 {
    color: #84ca00;
    font-size: 30px;
    margin-bottom: 20px;
}
.battery-app-content p{
    font-size:18px;
    color:#444;
    margin-bottom:20px;
}
.battery-featuress{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 40px;
    margin-bottom:40px;
}
.feature-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:18px;
}
.store-buttons{
    display:flex;
    gap:20px;
}
.store-buttons img{
    height:56px;
}
@media(max-width:990px){
.battery-app-banner{
background-position:72% center;
min-height:auto;
}
 
.battery-app-content{
width:100%;
padding:20px;
background:linear-gradient(to bottom,
rgba(255,255,255,.96),
rgba(255,255,255,.94));
}
.battery-app-content h2{
font-size:36px;
}
.battery-app-content h3{
font-size:26px;
}
.battery-featuress{
grid-template-columns:1fr;
}
}

.section-hero-slideshow-horizontal.section-hero-alternate a.button.button-primary{
background-color:#244b5a !important;
color:#fff !important;
}
.section-hero-slideshow-horizontal.section-hero-alternate a.button.button-secondary{
background-color:#91C033 !important;
color:#fff !important;
}
/* Download Centre accordion */
.download-centre-acc h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  margin: 0;
  padding: 12px 0;
}

/* Arrow (chevron) */
.download-centre-acc h3::after {
  content: "";
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  margin-top: -5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);              /* down arrow */
  transition: transform 0.3s ease, margin-top 0.3s ease;
}

.download-centre-acc.is-open h3::after {
  transform: rotate(-135deg);            /* up arrow */
  margin-top: 5px;
}

.download-centre-acc h3:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

/* Collapse lists only when JS is running, so links stay visible if JS fails */
.download-centre-acc.js-acc .list {
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  transition: max-height 0.35s ease;
}
/* Scroll long lists when open */
.download-centre-acc.js-acc.is-open .list {
  overflow-y: auto;
  padding-right: 6px; /* space so the scrollbar doesn't cover the items */
}

/* Optional: slimmer scrollbar */
.download-centre-acc .list::-webkit-scrollbar { width: 6px; }
.download-centre-acc .list::-webkit-scrollbar-thumb {
  background: #9aa7b1;
  border-radius: 3px;
}
.download-centre-acc .list { scrollbar-width: thin; }
.download-centre-acc.js-acc {
    margin-top: 25px;
    margin-bottom: 25px;
}