@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
body {
	font-family: -apple-system, BlinkMacSystemFont, "Lato", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{body-font-family}*/;
	font-size: 14px /*{body-font-size}*/;
	color: rgba(0, 0, 0, 1) /*{body-font-colour}*/;
	background-image: none /*{body-background-image}*/;
	background-color: rgba(255, 255, 255, 1) /*{body-background-colour}*/;
}
a, .btn-link{
	color: rgba(255, 0, 0, 1) /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: rgba(255, 0, 0, 1) /*{link-text-hover-colour}*/;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Lato", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{headers-font-family}*/;
	color: rgba(3, 3, 3, 1) /*{headers-colour}*/;
}
.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: rgba(230, 230, 230, 1) /*{carousel-text-colour}*/;
}
h1, .h1 {
	font-size: 18px /*{header-1-font-size}*/;
}
h2, .h2 {
	font-size: 48px /*{header-2-font-size}*/;
}
h3, .h3 {
	font-size: 16px /*{header-3-font-size}*/;
}
h4, .h4 {
	font-size: 16px /*{header-4-font-size}*/;
}
h5, .h5 {
	font-size: 16px /*{header-5-font-size}*/;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-default-text-colour}*/;
	background-color: rgba(255, 0, 0, 1) /*{buttons | btn-default-background-colour}*/;
	border-color: rgba(150, 150, 150, 1) /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #333333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(207, 207, 207, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(0, 0, 0, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: #333333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(207, 207, 207, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(0, 0, 0, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #333333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(207, 207, 207, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(0, 0, 0, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour}*/;
	background-color: rgba(1, 111, 230, 1) /*{buttons | btn-primary-background-colour}*/;
	border-color: rgba(133, 128, 128, 1) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(3, 78, 163, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(3, 78, 163, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(3, 78, 163, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Warning button */
.btn-warning {
	color: #ffffff /*{buttons | btn-warning-text-colour}*/;
	background-color: #ffc107 /*{buttons | btn-warning-background-colour}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour}*/;
}
.btn-warning:hover {
	color: #ffffff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning.disabled, .btn-warning:disabled {
	color: #ffffff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color: #ffffff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
/* Danger button */
.btn-danger {
	color: #ffffff /*{buttons | btn-danger-text-colour}*/;
	background-color: rgba(255, 0, 38, 1) /*{buttons | btn-danger-background-colour}*/;
	border-color: rgba(255, 255, 255, 1) /*{buttons | btn-danger-border-colour}*/;
}
.btn-danger:hover {
	color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: rgba(255, 255, 255, 1) /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: rgba(255, 255, 255, 1) /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: rgba(255, 255, 255, 1) /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: rgba(255, 255, 255, 1) /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: rgba(255, 255, 255, 1) /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: rgba(255, 255, 255, 1) /*{buttons | btn-danger-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: #ffffff /*{buttons | btn-success-text-colour}*/;
	background-color: rgba(40, 167, 69, 1) /*{buttons | btn-success-background-colour}*/;
	border-color: #28a745 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(33, 136, 56, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(33, 136, 56, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(33, 136, 56, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
/* Info button */
.btn-info {
	color: rgba(0, 0, 0, 1) /*{buttons | btn-info-text-colour}*/;
	background-color: #17a2b8 /*{buttons | btn-info-background-colour}*/;
	border-color: #17a2b8 /*{buttons | btn-info-border-colour}*/;
}
.btn-info:hover {
	color: #ffffff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info.disabled, .btn-info:disabled {
	color: #ffffff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	color: #ffffff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.breadcrumb-section, #n_customer_account .breadcrumb {
	background-color: rgba(255, 255, 255, 1) /*{breadcrumb-background-colour}*/;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: rgba(0, 0, 0, 1) /*{breadcrumb-text-colour}*/;
}
.breadcrumb > .active,
.breadcrumb a {
	color: rgba(0, 0, 0, 1) /*{breadcrumb-text-colour}*/;
}
.pagination .page-link{
	color: rgba(0, 0, 0, 1) /*{pagination-text-colour}*/;
	background-color: rgba(255, 255, 255, 1) /*{pagination-bg-colour}*/;
	border-color: rgba(0, 0, 0, 1) /*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
	color: rgba(0, 0, 0, 1) /*{pagination-text-colour-hover}*/;
	background-color: rgba(255, 18, 18, 1) /*{pagination-bg-colour-hover}*/;
	border-color: rgba(255, 18, 18, 1) /*{pagination-border-colour-hover}*/;
}
.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: rgba(255, 255, 255, 1) /*{pagination-text-colour-active}*/;
	background-color: rgba(255, 18, 18, 1) /*{pagination-bg-colour-active}*/;
	border-color: rgba(255, 18, 18, 1) /*{pagination-border-colour-active}*/;
}
.badge-secondary {
	background-color: #ebebeb /*{label-default-bg}*/;
}
.badge-primary {
	background-color: #006ff5 /*{label-primary-bg}*/;
}
.badge-success {
	background-color: rgba(40, 167, 69, 1) /*{label-success-bg}*/;
}
.badge-info {
	background-color: #17a2b8 /*{label-info-bg}*/;
}
.badge-warning {
	background-color: rgba(255, 255, 255, 1) /*{label-warning-text-colour}*/;
	background-color: #ffc107 /*{label-warning-bg}*/;
}
.badge-danger {
	background-color: rgba(220, 53, 69, 1) /*{label-danger-bg}*/;
}
.card {
	border-color: rgba(0, 0, 0, 1) /*{panel-border-colour}*/;
}
.card-header {
	background-color: rgba(0, 0, 0, 1) /*{panel-header-bg-colour}*/;
	border-color: rgba(0, 0, 0, 1) /*{panel-header-border-colour}*/;
}
.card-header, .card-header *, body .card-header *:hover {
	color: rgba(255, 255, 255, 1) /*{panel-header-text-colour}*/;
}
.productsave {
	color: rgba(255, 18, 18, 1) /*{sale-colour}*/;
}
.wrapper-header .navbar-toggler {
	color: rgba(255, 94, 0, 1) /*{navbar-default-link-colour}*/;
}
.wrapper-header .menu-section, .wrapper-header .header-topbar {
	background-color: rgba(0, 0, 0, 1) /*{navbar-default-bg-colour}*/;
}
.wrapper-header .navbar {
	background-color: rgba(255, 255, 255, 0) ;
}
.wrapper-header .navbar .navbar-nav .nav-link,
.wrapper-header .header-topbar .nav-link,
.wrapper-header .header-topbar .nav-link,
.wrapper-header .header-topbar .nav-item i {
	color: rgba(255, 94, 0, 1) /*{navbar-default-link-colour}*/;
}
.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus,
.wrapper-header .header-topbar .nav-link:hover,
.wrapper-header .header-topbar .nav-link:focus,
.wrapper-header .header-topbar .nav-item i:hover,
.wrapper-header .header-topbar .nav-item i:focus {
	color: rgba(255, 18, 18, 1) /*{navbar-default-link-colour-hover}*/;
	font-weight: 700;
}
.wrapper-header .navbar-nav .show > .nav-link,
.wrapper-header .navbar-nav .active > .nav-link,
.wrapper-header .navbar-nav .nav-link.show,
.wrapper-header .navbar-nav .nav-link.active{
	color: rgba(255, 18, 18, 1) /*{navbar-default-link-colour-active}*/;
	font-weight: 700;
}
.dropdown-menu,
.mega-menu>li.nav-item:last-child a {
	background-color: rgba(28, 28, 28, 1) /*{dropdown-menu-bg}*/;
	border-color: rgba(23, 23, 23, 1) /*{dropdown-menu-border-colour}*/;
}
.dropdown-item,
#cartcontents,
#cartcontents a,
.mega-menu>li.nav-item:last-child a {
	color: rgba(255, 255, 255, 1) /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active,
.mega-menu>li.nav-item:last-child a:hover,
.mega-menu>li.nav-item:last-child a:focus,
.mega-menu>li.nav-item:last-child a:active {
	color: rgba(255, 255, 255, 1) /*{dropdown-menu-link-colour-hover}*/;
	background-color: rgba(255, 18, 18, 1) /*{dropdown-menu-link-bg-hover}*/;
}
/* Theme Colour */
body, * {
	--theme-colour-primary: rgba(0, 0, 0, 1) /*{theme-primary-colour}*/;
	--theme-colour-secondary: rgba(255, 18, 18, 1) /*{theme-secondary-colour}*/;
}
/* Categorybox Homepage */
.dah_homecategories .thumbnail .caption h5>a:active,
.dah_homecategories .thumbnail .caption h5>a:focus,
.dah_homecategories .thumbnail .caption h5>a:hover,
.dah_homecategories .thumbnail:hover .caption h5>a,
.dah_homecategories .thumbnail .caption h5>a {
	color: rgba(255, 255, 255, 1) /*{category-box-heading-colour}*/;
}
.dah_homecategories .thumbnail .caption a.btn {
	color: rgba(0, 0, 0, 1) /*{category-box-button-colour}*/;
	background-color: rgba(255, 18, 18, 1) /*{category-box-button-background-colour}*/;
}
.dah_homecategories .thumbnail .caption a.btn:hover,
.dah_homecategories .thumbnail .caption a.btn:focus,
.dah_homecategories .thumbnail .caption a.btn:active {
	color: rgba(0, 0, 0, 1) /*{category-box-button-hover-colour}*/;
	background-color: rgba(255, 255, 255, 1) /*{category-box-button-hover-background-colour}*/;
}
.dah_homecategories .thumbnail .caption {
	background-color: rgba(196, 45, 45, 0.1) /*{category-box-caption-background-colour}*/;
}
.dah_homecategories .thumbnail:hover .caption {
	background-color: rgba(196, 45, 45, 0.1) /*{category-box-caption-hover-background-colour}*/;
}
/* Footer section */
.wrapper-footer {
	background-color: rgba(0, 0, 0, 1) /*{footer-background-colour}*/;
}
.wrapper-footer p {
	color: rgba(255, 255, 255, 1) /*{footer-font-colour}*/;
}
.wrapper-footer a {
	color: rgba(255, 255, 255, 1) /*{footer-link-colour}*/;
}
.wrapper-footer a:hover,
.wrapper-footer a:focus {
	color: rgba(255, 18, 18, 1) /*{footer-link-colour-hover}*/;
}
.wrapper-footer nav h4.nav-link, .wrapper-footer nav h4.nav-link:hover, .wrapper-footer nav h4.nav-link:focus {
    color: rgba(255, 255, 255, 1) /*{footer-heading-colour}*/;
}
/*--------- Custom CSS ----------*/
.eofy-image-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
}
.eofy-image-row img {
  width: 100%;
  max-width: 49%;
  height: auto;
  display: block;
}
.n-responsive-content .eofy-image-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin: 20px 0;
}
.n-responsive-content .eofy-image-row a {
  flex: 1 1 calc(50% - 10px);
  display: block;
}
.n-responsive-content .eofy-image-row img {
  width: 100% !important;
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  .eofy-image-row img {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .n-responsive-content .eofy-image-row img {
    max-width: 100% !important;
    margin-bottom: 20px;
  }
}
/* warranty logos */
  .warranty-images {
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden; /* Contain floated children */
  }
  .warranty-images img {
    float: left;
    height: auto;
    margin: 0 10px 10px 0;
    max-width: 100%;
  }
  @media (min-width: 768px) {
    .warranty-images img {
      max-width: none;
    }
  }
  .clear-below {
    clear: both;
  }

  .parts-finder-content.py-1.collapse.d-md-block {
    display: block;
}
.wrapper-wholesalereg-custom {
	font-family: 'Inter', sans-serif;
  font-size: 18px;
  line-height: 1.5;
}
.wrapper-wholesalereg-custom h1,
.wrapper-wholesalereg-custom h2,
.wrapper-wholesalereg-custom h3,
.wrapper-wholesalereg-custom h4,
.wrapper-wholesalereg-custom h5,
.wrapper-wholesalereg-custom h6 {
  margin: 0;
  font-weight: 700;
}

.wrapper-wholesalereg-custom h1 { font-size: 56px; line-height: 1.1; }
.wrapper-wholesalereg-custom h2 { font-size: 48px; line-height: 1.2; }
.wrapper-wholesalereg-custom h3 { font-size: 32px; line-height: 1.25; }
.wrapper-wholesalereg-custom p { margin: 0; }
.wrapper-wholesalereg-custom a { text-decoration: none; color: inherit; }

.wrapper-wholesalereg-custom img {
  max-width: 100%;
  height: auto;
  display: block;
}

.wrapper-wholesalereg-custom .section-title {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
	text-transform: none;
}

.wrapper-wholesalereg-custom .section-title .tagline {
  font-size: 16px;
  font-weight: 700;
}

.wrapper-wholesalereg-custom .section-title h2 {
  color: #ff1212;
}

.wrapper-wholesalereg-custom .section-title .subtitle {
  font-size: 20px;
	font-weight: 400;
}

.wrapper-wholesalereg-custom .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  transition: all 0.3s ease;
  gap: 8px;
  cursor: pointer;
}

.wrapper-wholesalereg-custom .btn-primary {
  background-color: #ff1212;
  color: #fff;
	border: none;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px -2px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 32px 24px 0px rgba(255, 255, 255, 0.05);
}

.wrapper-wholesalereg-custom .btn-primary:hover {
  filter: brightness(1.1);
}

.wrapper-wholesalereg-custom .btn-secondary {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000;
	border: none;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0px -2px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}

.wrapper-wholesalereg-custom .btn-secondary:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/* CSS for section section:Hero */
.hero-section {
    background-color: #ffffff;
    padding: 80px 0;
  }
  .hero-card {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 16px;
    overflow: hidden;
		margin: 0 !important;
  }
  .hero-content {
    padding: 48px;
  }
  .hero-content h1 {
		margin-bottom: 24px;
    font-size: 56px;
    line-height: 1.1;
    font-weight: 700;
		text-transform: uppercase;
  }
  .hero-content p {
		margin-bottom: 24px;
    font-size: 20px;
    line-height: 1.5;
    max-width: 544px;
  }
  .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
  }
  .hero-image {
    padding: 0 !important;
  }
	.hero-image-bg {
		text-indent: -9999px;
		height: 100%;
	}
  .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media (max-width: 992px) {
    .hero-content {
      order: 2;
    }
    .hero-image {
      order: 1;
    }
		.hero-image-bg {
			text-indent: -9999px;
			height: 400px;
		}
  }
  @media (max-width: 768px) {
    .hero-content h1 {
      font-size: 40px;
    }
    .hero-content p {
      font-size: 18px;
    }
    .hero-actions {
      flex-direction: column;
      align-items: flex-start;
    }
  }

/* CSS for section section:Features */
.features-section {
    background-color: #f5f5f5;
    padding: 52px 0 112px;
  }
  .features-section .container {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  .feature-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .feature-card h3 {
    font-size: 32px;
  }
  .feature-card p {
    flex-grow: 1;
  }
  .feature-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
  }
  .feature-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    margin-top: 8px;
    color: transparent;
    font-size: 0;
  }
  .feature-link img {
    width: 24px;
    height: 24px;
  }
  .features-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  @media (max-width: 1024px) {
    .features-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 768px) {
    .features-grid {
      grid-template-columns: 1fr;
    }
    .feature-card {
      padding: 24px;
    }
    .feature-card h3 {
      font-size: 24px;
    }
  }

/* CSS for section section:CTA */
.cta-section {
    background-color: #fff;
    padding: 112px 0;
  }
  .cta-section .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
  }
  .cta-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 768px;
  }
  .cta-content h2 {
    font-size: 48px;
    color: #333;
  }
  .cta-content p {
    font-size: 20px;
  }
  .cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
  .cta-image-wrapper {
    width: 100%;
    max-width: 1086px;
  }
  @media (max-width: 768px) {
    .cta-section {
      padding: 80px 0;
    }
    .cta-content h2 {
      font-size: 36px;
    }
    .cta-actions {
      flex-direction: column;
    }
  }

/* CSS for section section:Rewards */
.rewards-section {
    position: relative;
    padding: 112px 0;
    background-image: url('../../../images/0c62fc762998139ec98920fb92def8f47e4b5f9f.png');
    background-size: cover;
    background-position: center;
    color: #fff;
  }
  .rewards-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .rewards-section .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .rewards-section .section-title h2,
  .rewards-section .section-title .subtitle,
  .rewards-section .section-title .tagline {
    color: #fff;
  }
  .rewards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  .reward-card {
    background-color: #fff;
    color: #333;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .reward-card h3 {
    font-size: 32px;
  }
  .reward-card p {
    flex-grow: 1;
  }
  .reward-icon {
    width: 48px;
    height: 48px;
  }
  .reward-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  .reward-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    margin-top: auto;
  }
  .reward-link img {
    width: 24px;
    height: 24px;
  }
  @media (max-width: 1024px) {
    .rewards-grid {
      grid-template-columns: 1fr;
    }
    .reward-card {
      padding: 24px !important;
    }
  }

/* CSS for section section:FAQ */
.faq-section {
    background-color: #f2f2f2;
    padding: 112px 0;
  }
  .faq-section .container {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .faq-section .section-title h2, .faq-section .section-title .subtitle {
    color: #333;
  }
  .faq-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
  }
  .faq-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .faq-item h3 {
    font-size: 24px;
  }
  .faq-contact {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .faq-contact h3 {
    font-size: 32px;
  }
	.faq-contact img {
		max-width: 80%;
		display: inline-block;
		border-radius: 10px;
	}
  @media (max-width: 1024px) {
    .faq-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 768px) {
    .faq-grid {
      grid-template-columns: 1fr;
    }
    .faq-section {
      padding: 80px 0;
    }
		.faq-contact img {
			max-width: 100%;
			display: block;
		}
  }

/* CSS for section section:Team */
.team-section {
    background-color: #fff;
    padding: 112px 0;
  }
  .team-section .container {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
  .team-section .section-title h2, .team-section .section-title .subtitle {
    color: #333;
  }
  .team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
  }
  .team-member {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  .team-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 16px;
  }
  .team-member h3 {
    font-size: 24px;
    margin-top: 0;
  }
  .job-title {
    font-size: 18px;
    margin-top: -24px;
  }
  .bio {
    font-size: 16px;
    margin-top: -8px;
  }
  .social-icons {
    display: flex;
    gap: 14px;
    margin-top: auto;
  }
  .social-icons a {
    transition: opacity 0.3s;
  }
  .social-icons a:hover {
    opacity: 0.7;
  }
  @media (max-width: 1024px) {
    .team-grid {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 48px;
    }
  }
  @media (max-width: 768px) {
    .team-grid {
      grid-template-columns: 1fr;
    }
    .team-section {
      padding: 80px 0;
    }
  }
.section-title h2,
.cta-content h2,
.cta-content h3,
.section-title h3,
.faq-contact h3 {
	text-transform: uppercase;
}
.cta-content h2,
.cta-content a {
	color: #ff1212;
}