@charset "UTF-8";
/* ================= FONT ================= */
/* ================= COLORS ================= */
/* ================= FONT SIZES ================= */
.bg-light1 {
  background-color: #f4f3f0;
}

/* ================= PADDING ================= */
.padd-y-60 {
  padding: 60px 0;
}

.padd-b-60 {
  padding: 0 0 60px 0;
}

.padd-t-60 {
  padding-top: 60px 0 0;
}

html,
body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  background: #ffffff;
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 70px;
}

a {
  color: #505d6e;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
  outline-offset: 0;
  text-decoration: none;
}

p {
  font-size: 16px;
  color: #627084;
  line-height: 1.5em;
  margin-bottom: 10px;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ================= Title ================= */
.title-left {
  color: #263140;
  font-size: 56px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1em;
  margin-bottom: 20px;
}

.title-left span {
  color: #05446B;
  display: block;
}

.title-center,
.title-center-small,
.title-left-small,
.title-center-medium,
.title-center-lg {
  text-align: center;
  color: #263140;
  font-size: 36px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.title-center span {
  color: #5D9F41;
}

.title-left-small,
.title-center-small {
  font-size: 32px;
  color: #05446B;
  margin-bottom: 15px;
}

.title-center-lg {
  color: #05446B;
  font-size: 45px;
  margin-bottom: 10px;
}
.title-center-lg span {
  color: #5D9F41;
}

.title-center-medium {
  text-transform: capitalize;
}

.title-left-small {
  text-align: start;
  margin-bottom: 10px;
}

.sub-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(93, 159, 65, 0.1);
  color: #5D9F41;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  margin-bottom: 16px;
}
.sub-title__icon {
  width: 16px;
  height: 16px;
}

/* ================= Button Style ================= */
.btn-border {
  border: 2px solid rgba(38, 49, 64, 0.2);
  color: #263140;
  padding: 15px 30px;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  width: auto;
  justify-content: center;
  transition: 0.4s;
}
.btn-border:hover {
  border-color: #05446B;
  color: #05446B;
  transition: 0.4s;
}

.btn1 {
  background-color: #05446B;
  color: #ffffff;
  padding: 12px 28px;
  border-radius: 10px;
  font-weight: 500;
  display: inline-block;
  transition: 0.4s;
}
.btn1 i {
  font-size: 14px;
  margin-left: 10px;
}
.btn1:hover {
  background-color: #5D9F41;
  color: #ffffff;
  transition: 0.4s;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background: #5D9F41;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.125rem;
  padding: 15px 28px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(93, 159, 65, 0.35);
}
.cta-btn i {
  font-size: 13px;
  transition: transform 0.3s ease;
}
.cta-btn:hover {
  background: rgb(80.2955357143, 137.2794642857, 56.1205357143);
  box-shadow: 0 15px 35px rgba(93, 159, 65, 0.45);
}
.cta-btn:hover i {
  transform: translateX(6px);
}

.btn-prestan-primary {
  color: #ffffff;
  padding: 15px 28px;
  border-radius: 40px;
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-weight: 500;
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, #05446b, #24668f);
}
.btn-prestan-primary i {
  font-size: 13px;
  transition: all 0.3s ease;
}
.btn-prestan-primary:hover {
  background-image: linear-gradient(to right, #24668f, #05446b);
}
.btn-prestan-primary:hover i {
  transform: translateX(6px);
  transition: all 0.3s ease;
}

/* ================= Button End ================= */
.extra-sec-upr.closs-header {
  display: none;
}

.cross-header {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  font-size: 21px;
  line-height: 21px;
  cursor: pointer;
}

.header-top {
  padding: 10px 0;
  background: #ffffff;
  border-bottom: 2px solid #5D9F41;
}

.stellarnav.light {
  display: flex;
  justify-content: end;
  align-items: center;
}

.logo_sec {
  margin: 10px 0 10px;
}

.stellarnav.light li a {
  color: rgba(5, 68, 107, 0.6980392157);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  padding: 4px 12px;
}

.stellarnav.light li a:hover {
  color: #05446B;
}

.stellarnav ul li {
  margin: 0;
}

.mnu-hm .stellarnav.light {
  background: none;
}

.mnu-hm {
  display: flex;
  align-items: center;
}

.hdr-ph1 {
  display: inline-block;
  vertical-align: middle;
}

.hdr-ph1 a {
  display: block;
  background: #2d2f2e;
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 0;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 28px;
}

.stellarnav.light li .hdr-btn-right .ph-hdr a {
  padding: 0;
}

.stellarnav.light li .btn-hdr a {
  color: #ffffff;
  background-color: #05446B;
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  padding: 4px 20px;
  border-radius: 40px;
}

.stellarnav.light li .btn-hdr a i {
  font-size: 13px;
  margin-left: 5px;
}

.stellarnav.light li .btn-hdr a:hover {
  background-color: #000000;
}

.header-top .search-btn {
  color: rgba(5, 68, 107, 0.6980392157);
  padding: 0 15px 0 7px;
}

a.menu-toggle.full {
  font-size: 0;
  text-align: right;
  padding: 0;
  color: #000;
}

a.menu-toggle.full i {
  font-size: 16px;
  color: #000;
  border: 1px solid;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 3px;
}

.banner-sec {
  position: relative;
  padding: 0;
}

.banner-sec::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 98.7%;
  left: 0;
  top: 0;
  background: linear-gradient(135deg, rgba(3, 46, 73, 0.85) 0%, rgba(5, 68, 107, 0.7) 40%, rgba(52, 66, 86, 0.6) 100% 100%);
  z-index: 9;
}

.banner-video {
  width: 100%;
  height: 570px;
  object-fit: cover;
}

.banner-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}

.banner-content .bnr-title {
  color: #ffffff;
  font-size: 72px;
  font-weight: 800;
  line-height: 1.1em;
  word-spacing: -20px;
}

.banner-content .bnr-title:nth-child(2) {
  color: #5D9F41;
}

.banner-content h3.bnr-title {
  margin-bottom: 22px;
}

.banner-content p {
  color: #ffffff;
  font-size: 22px;
  margin-bottom: 5px;
}

.bnr-title span {
  display: inline-block;
  opacity: 0;
  transform: translateY(16px);
  animation: letterIn 0.45s forwards;
}

h2.bnr-title span {
  display: inline;
}

.banner-content h1 span:nth-child(1) {
  animation-delay: 0.05s;
}
.banner-content h1 span:nth-child(2) {
  animation-delay: 0.15s;
}
.banner-content h1 span:nth-child(3) {
  animation-delay: 0.25s;
}
.banner-content h1 span:nth-child(4) {
  animation-delay: 0.35s;
}
.banner-content h1 span:nth-child(5) {
  animation-delay: 0.45s;
}
.banner-content h2 span:nth-child(1) {
  animation-delay: 0.7s;
}
.banner-content h2 span:nth-child(2) {
  animation-delay: 0.8s;
}
.banner-content h2 span:nth-child(3) {
  animation-delay: 0.9s;
}
.banner-content h2 span:nth-child(4) {
  animation-delay: 1s;
}
.banner-content h2 span:nth-child(5) {
  animation-delay: 1.1s;
}
.banner-content h2 span:nth-child(6) {
  animation-delay: 1.2s;
}
.banner-content h3 span:nth-child(1) {
  animation-delay: 1.45s;
}
.banner-content h3 span:nth-child(2) {
  animation-delay: 1.55s;
}
.banner-content h3 span:nth-child(3) {
  animation-delay: 1.65s;
}
.banner-content h3 span:nth-child(4) {
  animation-delay: 1.75s;
}
.banner-content h3 span:nth-child(5) {
  animation-delay: 1.85s;
}
.banner-content h3 span:nth-child(6) {
  animation-delay: 1.95s;
}
.banner-content h3 span:nth-child(7) {
  animation-delay: 2.05s;
}

@keyframes letterIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/** Button **/
.bnr-btn-sec {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
.bnr-btn-sec .bnr-btn {
  color: #05446B;
  background: #ffffff;
  font-size: 22px;
  border-radius: 40px;
  padding: 0 25px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
  height: 57px;
  line-height: 57px;
}
.bnr-btn-sec .bnr-btn i {
  font-size: 18px;
}
.bnr-btn-sec .bnr-btn:hover {
  color: #ffffff;
  background: #5D9F41;
  transform: translateY(-4px);
  transition: 0.3s;
}
.bnr-btn-sec .bnr-btn:nth-child(2) {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.3019607843);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0 15px;
}
.bnr-btn-sec .bnr-btn:nth-child(2) i {
  font-size: 13px;
  background: rgba(255, 255, 255, 0.3019607843);
  backdrop-filter: blur(6px);
  width: 29px;
  height: 29px;
  text-align: center;
  line-height: 29px;
  border-radius: 50%;
}

.banner-sec .modal-dialog {
  max-width: 1200px;
}

/* Zoom animation */
.banner-sec .modal.fade .modal-dialog {
  transform: scale(0.7);
  transition: transform 0.3s ease-in-out;
}
.banner-sec .modal.show .modal-dialog {
  transform: scale(1);
}

.training-equipment-sec {
  padding: 20px 0;
}

div.owl-carousel .owl-nav button.owl-next,
div.owl-carousel .owl-nav button.owl-prev {
  background: #ffffff;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 12px;
  border-radius: 50%;
  transform: translateY(-50%);
}

div.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 12px;
}

.training-equipment-slide .owl-stage-outer,
.training-equipment-slide .owl-stage-outer img {
  border-radius: 15px;
}

.confidence-gap-bg {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.confidence-gap-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8509803922);
}

.chest-compressions-video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.confidence-gap-sec .content {
  position: relative;
  z-index: 9;
  padding: 40px;
}

.confidence-gap-sec .content h5 {
  color: #627084;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 28px;
}

.confidence-gap-sec .content p {
  color: #263140;
  font-size: 18px;
  font-weight: 400;
}

.confidence-gap-sec .content p span {
  color: #05446B;
  font-weight: 500;
}

.counter-box {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px 30px;
  margin: 15px 0;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.confidence-gap-sec > .container > .row {
  align-items: center;
  --bs-gutter-x: 3rem;
}

.counter-box .count,
.counter-box .countTo {
  color: #05446B;
  font-size: 50px;
  font-weight: 900;
  line-height: 1.2em;
}

.counter-box .countTo {
  padding: 0 10px;
}

.counter-box:nth-child(2) {
  margin-left: 35px;
}

.counter-box:nth-child(2) .count {
  color: #5D9F41;
}

.counter-box:nth-child(3) {
  margin-right: 35px;
}

.wow {
  visibility: hidden;
}

.build-card {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  transition: 0.4s;
}
.build-card::after {
  content: "";
  position: absolute;
  background: rgba(5, 68, 107, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}
.build-card .card-overlay {
  text-align: center;
}
.build-card .card-overlay h5 {
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  margin: 0;
  padding: 40px 10px 15px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.build-card .card-overlay p {
  font-size: 15px;
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  padding: 15px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-50%);
  z-index: 99;
  transition: 0.4s;
}
.build-card:hover::after {
  visibility: visible;
  opacity: 1;
  transition: 0.4s;
}
.build-card:hover .card-overlay h5 {
  visibility: hidden;
  opacity: 0;
}
.build-card:hover .card-overlay p {
  visibility: visible;
  opacity: 1;
  transition: 0.4s;
}
.build-card:hover img {
  transform: scale(1.1);
  transition: 0.4s;
}
.build-card img {
  transition: 0.4s;
}

.heading-sec {
  margin-bottom: 25px;
}

/** Footer **/
.footer-main {
  background-color: #05446B;
  padding: 50px 0;
  color: #ffffff;
}
.footer-main .address {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 10px;
  margin-right: 50px;
}

.footer-logo {
  margin-bottom: 8px;
}

.made-text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}

.footer-brand a {
  font-size: 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.footer-brand a:hover {
  color: #ffffff;
}
.footer-brand i {
  font-size: 12px;
  color: #a6b7c1;
}

.footer-col h4 {
  font-size: 16px;
  margin-bottom: 16px;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col ul li {
  margin-bottom: 7px;
}
.footer-col ul li a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.footer-col ul li a:hover {
  color: #ffffff;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 40px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.footer-bottom p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.bottom-links a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.bottom-links a:hover {
  color: #ffffff;
}
.bottom-links a:last-child {
  margin-left: 20px;
}

.explore-sec {
  background-color: rgba(5, 68, 107, 0.1019607843);
}
.explore-sec .heading-sec {
  margin-bottom: 85px;
}
.explore-sec .heading-sec p {
  font-size: 20px;
}

.explore-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.4s ease;
}
.explore-card:hover {
  transform: translateY(-6px);
}
.explore-card:hover .card-image img {
  transform: scale(1.1);
}
.explore-card:hover .card-link {
  gap: 12px;
}
.explore-card:hover .arrow {
  transform: translateX(4px);
}
.explore-card {
  /* IMAGE */
}
.explore-card .card-image {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.explore-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}
.explore-card .card-image .image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(59, 130, 246, 0.25), transparent);
}
.explore-card {
  /* CONTENT */
}
.explore-card .card-content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 0%;
}
.explore-card .card-header {
  margin-bottom: 16px;
}
.explore-card .card-header .card-tagline {
  font-size: 14px;
  font-weight: 600;
  color: #5D9F41;
  margin-bottom: 8px;
}
.explore-card .card-header .card-title {
  font-size: 28px;
  font-weight: 900;
  color: #263140;
}
.explore-card {
  /* DESCRIPTION */
}
.explore-card .card-description {
  color: #64748b;
  margin-bottom: 24px;
  flex: 1 1 0%;
}
.explore-card {
  /* FEATURES */
}
.explore-card .card-features {
  list-style: none;
  padding: 0;
  margin-bottom: 24px;
}
.explore-card .card-features li {
  font-size: 14px;
  color: #263140;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.explore-card .card-features li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #5D9F41;
  border-radius: 50%;
}
.explore-card {
  /* LINK */
}
.explore-card .card-link {
  font-weight: 600;
  color: #05446B;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.3s ease;
}
.explore-card .card-link:hover {
  color: #5D9F41;
}
.explore-card .card-link .arrow {
  transition: transform 0.3s ease;
}

/* Overlay color variants */
.overlay-blue,
.overlay-accent,
.overlay-primary {
  position: relative;
}
.overlay-blue::before,
.overlay-accent::before,
.overlay-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.overlay-blue::before {
  background: linear-gradient(to top, rgba(59, 130, 246, 0.25), transparent);
}

.overlay-accent::before {
  background: linear-gradient(to top, rgba(34, 197, 94, 0.25), transparent);
}

.overlay-primary::before {
  background: linear-gradient(to top, rgba(99, 102, 241, 0.25), transparent);
}

@media (min-width: 992px) {
  .featured-card {
    margin-top: -32px;
    margin-bottom: 32px;
  }
}

/* Popular badge */
.badge-popular {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 6px 15px;
  background: #5D9F41;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.explore-btn-sec {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

.client-sec {
  position: relative;
  overflow: hidden;
  padding: 4rem 0 5rem;
  background: linear-gradient(135deg, #9fb5c2, #ffffff 50%, #aec2a6);
}
.client-sec .title-center {
  color: #263140;
}
.client-sec .title-center span {
  color: #05446B;
}

/* Quote Badge */
.quote-badge {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(5, 68, 107, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.quote-badge i {
  font-size: 20px;
  color: rgba(5, 68, 107, 0.2);
}

/* Rating Stars */
.rating-stars {
  display: flex;
  gap: 2px;
}
.rating-stars i {
  font-size: 10px;
  color: #fbbf24;
}

/* Avatar */
.user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #5D9F41, #05446B);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}

/* Verified Badge */
.verified-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #5d9f41;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.verified-badge i {
  font-size: 8px;
  color: #fff;
}

/* Blockquote Styling */
.testimonial-quote {
  color: #627084;
  font-style: italic;
  padding-left: 12px;
  border-left: 2px solid rgba(5, 68, 107, 0.2);
  font-size: 16px;
  line-height: 1.6;
}

.testimonial-card {
  position: relative;
  background: #ffffff;
  padding: 50px;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  height: 100%;
  transition: 0.3s;
}
.testimonial-card::before {
  content: "";
  position: absolute;
  width: 4px;
  inset: 0;
  background: linear-gradient(135deg, #05446b 0%, rgba(5, 68, 107, 0.5) 50%, transparent 100%);
  z-index: 0;
}
.testimonial-card:hover {
  transform: translateY(-6px);
  transition: 0.3s;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.testimonial-user {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 0;
}
.testimonial-user * {
  margin: 0;
}
.testimonial-user .user-role {
  font-size: 12px;
  color: #64748b;
}
.testimonial-user .user-name {
  color: #05446B;
  font-size: 15px;
  font-weight: 600;
  line-height: 13px;
  margin-top: 10px;
}

.trusted-wrapper {
  margin-top: 1.5rem;
  text-align: center;
  opacity: 1;
  transform: none;
}
.trusted-wrapper p {
  font-size: 0.75rem;
  color: #627084;
}
.trusted-wrapper .highlight {
  font-weight: 700;
  color: #05446B;
}

.our-global-left .title-center {
  text-align: left;
}

.our-global-counter {
  display: flex;
  gap: 20px;
  margin: 20px 0;
}
.our-global-counter .global-counter-box {
  flex: 1 1 0%;
}
.our-global-counter .global-counter-box .count {
  color: #05446B;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.2em;
}
.our-global-counter .global-counter-box P {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* ================= MAP ================= */
@media (max-width: 767px) {
  .our-global-sec {
    overflow: hidden;
  }
}
.our-global-sec > .container > .row {
  align-items: center;
}

.map-wrapper {
  position: relative;
  max-width: 1000px;
  margin: auto;
}
.map-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

.marker {
  position: absolute;
  cursor: pointer;
}
.marker:hover .info-card {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.map-wrapper .marker-na {
  top: 18%;
  left: 22%;
}
.map-wrapper .marker-na .info-card {
  border-color: #05446B;
}
.map-wrapper .marker-us {
  top: 38%;
  left: 18%;
}
.map-wrapper .marker-us .info-card {
  border-color: #043553;
}
.map-wrapper .marker-eu {
  top: 22%;
  left: 52%;
}
.map-wrapper .marker-eu .info-card {
  border-color: #07639c;
}
.map-wrapper .marker-mena {
  top: 52%;
  left: 55%;
}
.map-wrapper .marker-mena .info-card {
  border-color: #34d399;
}
.map-wrapper .marker-asia {
  top: 32%;
  left: 78%;
}
.map-wrapper .marker-asia .info-card {
  border-color: #0f766e;
}
.map-wrapper .marker-la {
  top: 62%;
  left: 28%;
}
.map-wrapper .marker-la .info-card {
  border-color: #7c3aed;
}
.map-wrapper .marker-au {
  top: 72%;
  left: 82%;
}
.map-wrapper .marker-au .info-card {
  border-color: #0891b2;
}
.map-wrapper .pulse {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  opacity: 0.3;
  transform: translate(-50%, -50%);
  animation: pulse 2s infinite;
}
.map-wrapper .dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}
.map-wrapper {
  /* Color Variants */
}
.map-wrapper .blue {
  background: linear-gradient(to right, rgb(10.6919642857, 145.4107142857, 228.8080357143), #05446B);
}
.map-wrapper .dark-blue {
  background: linear-gradient(to right, rgb(8.4151785714, 114.4464285714, 180.0848214286), rgb(3.8616071429, 52.5178571429, 82.6383928571));
}
.map-wrapper .sky {
  background: linear-gradient(to right, rgb(45.2991071429, 168.7678571429, 245.2008928571), rgb(7.2767857143, 98.9642857143, 155.7232142857));
}
.map-wrapper .green {
  background: linear-gradient(to right, rgb(7.4677419355, 224.0322580645, 156.8225806452), #34d399);
}
.map-wrapper .teal {
  background: linear-gradient(to right, #2dd4bf, #0f766e);
}
.map-wrapper .cyan {
  background: linear-gradient(to right, #22d3ee, #0891b2);
}
.map-wrapper .purple {
  background: linear-gradient(to right, #a78bfa, #7c3aed);
}
.map-wrapper .info-card {
  position: absolute;
  min-width: 220px;
  bottom: 160%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: #ffffff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9999;
  border-top: 4px solid #05446B;
}
.map-wrapper .info-card h4 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  color: #05446B;
}
.map-wrapper .info-card p {
  margin: 4px 0;
  font-size: 13px;
  color: #627084;
  display: flex;
  align-items: center;
  gap: 3px;
}
.map-wrapper .info-card p i {
  padding-right: 5px;
}
.map-wrapper .info-card a {
  display: inline-block;
  margin-top: 8px;
  font-size: 13px;
  color: #5D9F41;
  font-weight: 400;
  text-decoration: none;
  border-top: 1px solid #e0e5eb;
  padding-top: 10px;
}
.map-wrapper .info-card a:hover {
  text-decoration: underline;
}
.map-wrapper .info-card a i {
  font-size: 9px;
}

.map-wrapper .tooltip-bottom .info-card {
  top: 160%;
  bottom: auto;
  transform: translateX(-50%) translateY(-10px);
}
.map-wrapper .tooltip-bottom:hover .info-card {
  transform: translateX(-50%) translateY(0);
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.6);
    opacity: 0.3;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.3;
  }
}
.news-events-sec .header-sec {
  margin-bottom: 30px;
}
.news-events-sec .header-sec .title-left {
  font-size: 50px;
  color: #05446B;
  text-align: center;
  margin: 0;
}

.news-tabs-sec .custom-tabs {
  display: flex;
  justify-content: center;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin-bottom: 50px;
}
.news-tabs-sec .custom-tabs .tab-btn {
  position: relative;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #f3f4f6;
  color: rgba(0, 0, 0, 0.6);
  border: none;
  cursor: pointer;
  border-radius: 7px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.news-tabs-sec .custom-tabs .tab-btn:hover {
  background: rgba(37, 99, 235, 0.1);
  color: #05446B;
}
.news-tabs-sec .custom-tabs .tab-btn:hover .tab-underline {
  width: 100%;
}
.news-tabs-sec .custom-tabs .tab-btn.active {
  background: #05446B;
  color: #ffffff;
}
.news-tabs-sec .custom-tabs .tab-btn.active .tab-underline {
  width: 100%;
}
.news-tabs-sec .custom-tabs .tab-btn .tab-underline {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: #5D9F41;
  transition: width 0.3s ease;
}

.news-event-card {
  display: block;
  text-decoration: none;
  color: #111827;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 18px 18px 20px;
  transition: transform 0.3s ease;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 8px 24px -4px hsla(215, 25%, 20%, 0.12);
}
.news-event-card:hover .news-image img {
  transform: scale(1.05);
}
.news-event-card:hover h4 {
  color: #05446B;
}
.news-event-card:hover .read-more {
  gap: 8px;
}
.news-event-card:hover .read-more:hover {
  color: #5D9F41;
}
.news-event-card .news-image {
  aspect-ratio: 16/9;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 16px;
}
.news-event-card .news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.news-event-card .news-date {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 8px;
}
.news-event-card h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  color: #263140;
  transition: color 0.3s ease;
}
.news-event-card .read-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #05446B;
  text-decoration: none;
  transition: gap 0.3s ease;
}
.news-event-card .read-more i {
  font-size: 12px;
}

.news-events-btn-sec {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.news-events-btn-sec .btn-border {
  padding: 0;
  font-size: 16px;
  color: #05446B;
  background: transparent;
  border: none;
  border-radius: 40px;
  transition: all 0.3s ease;
}
.news-events-btn-sec .btn-border:hover {
  color: #5D9F41;
  gap: 15px;
}
.news-events-btn-sec .btn-border i {
  font-size: 12px;
}

.partner-sec {
  position: relative;
  background-image: url("../images/partner-cta-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 9;
  padding: 80px 0 200px;
}
.partner-sec::before, .partner-sec::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -9;
}
.partner-sec {
  /* Base dark overlay */
}
.partner-sec::before {
  background: linear-gradient(135deg, rgba(5, 39, 57, 0.95) 0%, rgba(7, 59, 85, 0.85) 40%, rgba(8, 72, 104, 0.75) 70%, rgba(10, 82, 118, 0.65) 100%);
}
.partner-sec {
  /* Accent glow overlay */
}
.partner-sec::after {
  background: radial-gradient(ellipse at 80% 20%, rgba(93, 159, 65, 0.18) 0%, transparent 50%), radial-gradient(ellipse at 20% 80%, rgba(20, 120, 70, 0.25) 0%, transparent 40%);
}

.partner-left .partner-title {
  font-size: clamp(2.25rem, 5vw, 3.75rem);
  font-weight: 900;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 1.5rem;
}
.partner-left .partner-title span {
  display: block;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.9), rgba(93, 159, 65, 0.9));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.partner-left .description {
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 2rem;
}

.partner-info-card {
  margin-left: auto;
  padding: 2rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.partner-info-card .card-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
}
.partner-info-card .partner-card-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.partner-info-card .partner-card-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
  transition: background 0.3s ease;
}
.partner-info-card .partner-card-link:hover {
  background: rgba(255, 255, 255, 0.2);
}
.partner-info-card .partner-card-link .icon-box {
  width: 48px;
  height: 48px;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.partner-info-card .partner-card-link .icon-box i {
  color: #ffffff;
  font-size: 1.25rem;
}
.partner-info-card .partner-card-link .icon-box.primary {
  background: rgba(5, 68, 107, 0.8);
}
.partner-info-card .partner-card-link .icon-box.accent {
  background: rgba(93, 159, 65, 0.8);
}
.partner-info-card .partner-card-link .partner-text .partner-title-r {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}
.partner-info-card .partner-card-link .partner-text .desc {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.6);
}

.made-in-usa-sec {
  background-image: url("..//images/usa-flag.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 80px 0;
}
.made-in-usa-sec .made-in-usa-wrapper {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
.made-in-usa-sec .made-in-usa-wrapper p {
  color: #05446B;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 12px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .made-in-usa-sec .made-in-usa-wrapper p {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .made-in-usa-sec .made-in-usa-wrapper p {
    font-size: 18px;
  }
}
.made-in-usa-sec .made-in-usa-wrapper .made-in-usa {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #05446B;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 24px;
}
@media (min-width: 768px) {
  .made-in-usa-sec .made-in-usa-wrapper .made-in-usa {
    font-size: 30px;
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .made-in-usa-sec .made-in-usa-wrapper .made-in-usa {
    font-size: 36px;
  }
}
.made-in-usa-sec .made-in-usa-wrapper .made-in-usa i {
  color: #05446B;
  font-size: 15px;
}
@media (min-width: 768px) {
  .made-in-usa-sec .made-in-usa-wrapper .made-in-usa i {
    font-size: 17px;
  }
}

.stay-loop-sec {
  background: radial-gradient(circle at 100% 100%, rgba(31, 95, 115, 0.75) 0%, rgba(31, 95, 115, 0.45) 25%, rgba(31, 95, 115, 0.2) 45%, rgba(31, 95, 115, 0) 65%), linear-gradient(175deg, #6aa84f 0%, #6aa84f 62%, #5f9e58 75%, #3f7f73 100%);
  background-repeat: no-repeat;
  background-size: cover;
}

.newsletter-section {
  color: #ffffff;
}
.newsletter-section .newsletter-col {
  max-width: 100%;
}
.newsletter-section .newsletter-content {
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .newsletter-section .newsletter-content {
    text-align: left;
  }
}
.newsletter-section {
  /* Badge */
}
.newsletter-section .newsletter-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 16px;
}
.newsletter-section .newsletter-badge i {
  font-size: 11px;
  color: #ffffff;
}
.newsletter-section .newsletter-badge .newsletter-badge-text {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}
.newsletter-section .newsletter-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .newsletter-section .newsletter-title {
    font-size: 40px;
  }
}
.newsletter-section .newsletter-title .newsletter-title-highlight {
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newsletter-section {
  /* Description */
}
.newsletter-section .newsletter-desc {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  max-width: 420px;
  margin: 0 auto 20px;
}
@media (min-width: 1024px) {
  .newsletter-section .newsletter-desc {
    margin-left: 0;
  }
}
.newsletter-section {
  /* Social Icons */
}
.newsletter-section .newsletter-socials {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .newsletter-section .newsletter-socials {
    justify-content: flex-start;
  }
}
.newsletter-section .newsletter-social-link {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.newsletter-section .newsletter-social-link i {
  font-size: 16px;
  color: #ffffff;
  transition: transform 0.3s ease;
}
.newsletter-section .newsletter-social-link:hover {
  background: rgba(255, 255, 255, 0.2);
}
.newsletter-section .newsletter-social-link:hover i {
  transform: scale(1.15);
}
.newsletter-section .newsletter-form-wrapper {
  position: relative;
  max-width: 75%;
}
@media (max-width: 991px) {
  .newsletter-section .newsletter-form-wrapper {
    max-width: 70%;
  }
}
.newsletter-section .newsletter-form-wrapper::before {
  content: "";
  position: absolute;
  inset: -8px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  border-radius: 16px;
  filter: blur(16px);
  z-index: 0;
}
.newsletter-section .newsletter-form {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.newsletter-section .newsletter-form-header {
  margin-bottom: 12px;
}
.newsletter-section .newsletter-form-header .newsletter-form-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}
.newsletter-section .newsletter-form-header .newsletter-form-subtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.newsletter-section .newsletter-form-grid {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .newsletter-section .newsletter-form-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.newsletter-section .newsletter-form-group .newsletter-label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 4px;
}
.newsletter-section .newsletter-input-wrap {
  position: relative;
}
.newsletter-section .newsletter-input-wrap i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.3s;
}
.newsletter-section .newsletter-input {
  width: 100%;
  height: 40px;
  padding: 8px 12px 8px 40px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: 14px;
  transition: all 0.3s;
}
.newsletter-section .newsletter-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.newsletter-section .newsletter-input:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
}
.newsletter-section .newsletter-input:focus + i {
  color: rgba(255, 255, 255, 0.7);
}
.newsletter-section {
  /* Submit Button */
}
.newsletter-section .newsletter-submit-btn {
  width: 100%;
  height: 40px;
  background: #ffffff;
  color: #05446B;
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.3s;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}
.newsletter-section .newsletter-submit-btn i {
  font-size: 12px;
  transition: transform 0.3s;
}
.newsletter-section .newsletter-submit-btn:hover {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}
.newsletter-section .newsletter-submit-btn:hover i {
  transform: translateX(4px);
}
.newsletter-section .newsletter-form-note {
  margin-top: 8px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  line-height: 1.4;
}

.video-wrapper {
  max-width: 100%;
}

.video-card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.video-card iframe {
  border: 0;
  object-fit: cover;
  margin-bottom: -8px;
}

.inner-bnr-sec {
  background: linear-gradient(135deg, #032e49, #05446b, #1f3a4a);
  padding: 80px 0;
  z-index: 9;
}

.inr-hero {
  text-align: center;
  opacity: 1;
  transform: none;
}

.inr-title {
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .inr-title {
    font-size: 50px;
  }
}

.inr-title-lg {
  color: #ffffff;
  font-size: 72px;
  font-weight: 900;
  line-height: 1em;
  margin-bottom: 0.75rem;
}
.inr-title-lg span {
  color: #5D9F41;
}

@media (min-width: 767px) {
  .inr-hero .inr-description-lg {
    font-size: 21px;
  }
}
.inr-sub-title,
.sub-title2 {
  color: #5D9F41;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
  display: inline-block;
}

.inr-hero p {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.8);
}

.product-top-bar {
  background-color: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 75px;
  z-index: 30;
}
.product-top-bar .product-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
}
.product-top-bar .product-header .filter-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #f3f4f6;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.product-top-bar .product-header .filter-btn i {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .product-top-bar .product-header .filter-btn {
    display: none;
  }
}
.product-top-bar .product-header .product-count {
  display: none;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}
.product-top-bar .product-header .product-count .highlight {
  font-weight: 600;
  color: #111827;
}
@media (min-width: 1024px) {
  .product-top-bar .product-header .product-count {
    display: block;
  }
}
.product-top-bar .product-header .controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.product-top-bar .product-header .controls .sort-dropdown {
  position: relative;
}
.product-top-bar .product-header .controls .sort-dropdown select {
  appearance: none;
  background-color: #f3f4f6;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 2rem 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.product-top-bar .product-header .controls .sort-dropdown select:focus {
  outline: 2px solid #3b82f6;
}
.product-top-bar .product-header .controls .sort-dropdown .icon-chevron {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.6);
}
.product-top-bar .product-header .controls .view-toggle {
  display: none;
  align-items: center;
  gap: 0.25rem;
  background-color: #f3f4f6;
  padding: 0.25rem;
  border-radius: 0.5rem;
}
.product-top-bar .product-header .controls .view-toggle button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: background-color 0.2s;
}
.product-top-bar .product-header .controls .view-toggle button:hover, .product-top-bar .product-header .controls .view-toggle button.active {
  background-color: #ffffff;
}
.product-top-bar .product-header .controls .view-toggle button svg {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
}
@media (min-width: 640px) {
  .product-top-bar .product-header .controls .view-toggle {
    display: flex;
  }
}

.why-prestan-sec .header-sec {
  margin-bottom: 50PX;
}
.why-prestan-sec .header-sec .title-center {
  font-size: 36px;
  color: #05446B;
  margin-bottom: 15px;
}

.feature-box {
  background-color: #ffffff;
  padding: 1.75rem 1.5rem;
  border-radius: 0.75rem;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease;
}
.feature-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.feature-box__icon {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background-color: rgba(5, 68, 107, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.feature-box__icon svg {
  font-size: 1.6rem;
  color: #05446B;
  transition: color 0.3s ease;
}

.feature-box__title {
  font-size: 1rem;
  font-weight: 700;
  color: #05446B;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.feature-box P {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #627084;
}

.prestan-cta-sec .prestan-cta {
  background-color: #f4f3f0;
  border-radius: 20px;
  text-align: center;
  padding: 50px 20px;
}
.prestan-cta-sec .prestan-cta p {
  font-size: 18px;
  margin: 0 50px;
}
.prestan-cta-sec .prestan-cta .prestan-cta__buttons {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.prestan-cta-sec .prestan-cta .prestan-cta__buttons .btn-prestan-guide {
  color: #263140;
  border: none;
}
.prestan-cta-sec .prestan-cta .prestan-cta__buttons .btn-prestan-guide:hover {
  color: #05446B;
}

.training-grid .training-card {
  height: 100%;
  background: #ffffff;
  padding: 15px;
  border-radius: 0.75rem;
  display: block;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.training-grid .training-card h4 {
  font-size: 18px;
  font-weight: 700;
  color: #05446B;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}
.training-grid .training-card p {
  font-size: 0.875rem;
  margin: 0;
}
.training-grid .training-card:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.training-grid .training-card:hover h4 {
  color: #5D9F41;
}

.ready-build-sec {
  background: linear-gradient(135deg, #033350 0%, #043f60 50%, #033350 100%);
}
.ready-build-sec .ready-build-content {
  text-align: center;
}
.ready-build-sec .ready-build-content .title-center {
  color: #ffffff;
}
.ready-build-sec .ready-build-content p {
  color: #ffffff;
  font-size: 18px;
  margin: 0 90px 20px;
}
.ready-build-sec .ready-build-content .prestan-cta__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.ready-build-sec .ready-build-content .prestan-cta__buttons * {
  border-radius: 12px;
}
.ready-build-sec .ready-build-content .prestan-cta__buttons .btn-border {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.ready-build-sec .ready-build-content .prestan-cta__buttons .btn-border:hover {
  background-color: #ffffff;
  color: #05446B;
}

.breadcrumb-sec {
  padding: 50px 0 20px;
}
.breadcrumb-sec .custom-breadcrumb {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");
}
.breadcrumb-sec .custom-breadcrumb .breadcrumb {
  margin: 0;
}

.cpr-app-sec {
  background: linear-gradient(135deg, #05446B, #24668F, #05446B);
}
@media (min-width: 767px) {
  .cpr-app-sec .container > .row {
    align-items: center;
    --bs-gutter-x: 3.5rem;
  }
}
.cpr-app-sec .app-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.cpr-app-sec .app-badge i {
  color: #ffffff;
  font-size: 24px;
}
.cpr-app-sec .app-badge span {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.cpr-app-sec .title-center-medium {
  text-align: left;
  color: #ffffff;
}
.cpr-app-sec .title-center-medium span {
  color: #5D9F41;
}
.cpr-app-sec p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
}
.cpr-app-sec p:last-child {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
}
.cpr-app-sec .features {
  list-style: none;
  padding: 0;
  margin: 30px 0 30px 0;
}
.cpr-app-sec .features li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}
.cpr-app-sec .features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #5D9F41;
  font-weight: bold;
}
.cpr-app-sec .qr-image {
  width: 250px;
  height: 250px;
  object-fit: contain;
  display: block;
  margin: 0 auto 20px;
}
@media (min-width: 767px) {
  .cpr-app-sec .qr-wrapper {
    width: 70%;
    margin: 0 auto;
  }
}
.cpr-app-sec .qr-wrapper p {
  font-size: 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
.cpr-app-sec .qr-wrapper p:last-child {
  font-size: 12px;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 767px) {
  .cpr-rate-sec .container > .row {
    --bs-gutter-x: 2.5rem;
  }
}
.cpr-rate-sec .title-center-medium {
  color: #263140;
  margin-bottom: 40px;
}
.cpr-rate-sec .title-center-medium span {
  color: #05446B;
  display: block;
}
.cpr-rate-sec .content p {
  font-size: 18px;
  margin-bottom: 20px;
}
.cpr-rate-sec .content p strong {
  color: #263140;
}

.opa-npa-sec {
  background-color: rgba(244, 243, 240, 0.3019607843);
}
@media (min-width: 767px) {
  .opa-npa-sec .container > .row {
    align-items: center;
    --bs-gutter-x: 2.5rem;
  }
}
.opa-npa-sec .title-center-medium {
  margin-bottom: 30px;
}
.opa-npa-sec .title-center-medium span {
  color: #05446B;
}
.opa-npa-sec p {
  font-size: 18px;
}

.border-image {
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #E0E5EB;
  padding: 24px;
}

.training-device-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #E0E5EB;
  padding: 24px;
  margin-top: 20px;
}
.training-device-card .card-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #263140;
}
.training-device-card .card-title .icon {
  width: 20px;
  height: 20px;
}
.training-device-card .card-title .icon svg {
  width: 100%;
  height: 100%;
  stroke: #05446B;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.training-device-card .device-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.training-device-card .device-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.training-device-card .device-item .label {
  font-weight: 700;
  color: #05446B;
  min-width: 50px;
}
.training-device-card .device-item p {
  font-size: 16px;
  margin: 0;
}

.pro-box {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #E0E5EB;
  height: 100%;
  overflow: hidden;
}
.pro-box .pro-box-img {
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: #ffffff;
}
.pro-box .pro-box-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro-box .pro-box-content {
  padding: 24px;
}
.pro-box .pro-box-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #263140;
  margin-bottom: 12px;
}
.pro-box .pro-box-content p strong {
  color: #263140;
  font-weight: 700;
}

.product-downloads-sec {
  background: rgba(5, 68, 107, 0.05);
}
.product-downloads-sec .header-sec {
  text-align: center;
  margin-bottom: 40px;
}
.product-downloads-sec .header-sec h3 {
  font-size: 24px;
  font-weight: 700;
  color: #263140;
  margin-bottom: 8px;
}
.product-downloads-sec .header-sec p {
  margin: 0;
  color: #627084;
  font-size: 15px;
}
.product-downloads-sec .downloads-grid {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.download-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #E0E5EB;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (min-width: 767px) {
  .download-card {
    width: 32.1%;
  }
}
.download-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.download-card:hover .download-card-title {
  color: #05446B;
}
.download-card:hover .download-card-action {
  color: #05446B;
  transform: translateY(2px);
}
.download-card:hover .download-card-action svg {
  stroke: #05446B;
  fill: none;
}
.download-card .download-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(5, 68, 107, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.download-card .download-card-icon i {
  font-size: 20px;
  color: #05446B;
}
.download-card .download-card-content {
  flex: 1;
  min-width: 0;
}
.download-card .download-card-content .download-card-title {
  font-size: 15px;
  font-weight: 500;
  color: #263140;
  margin: 0;
  transition: color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.download-card .download-card-content .download-card-type {
  font-size: 14px;
  color: #627084;
  margin: 0;
}
.download-card .download-card-action {
  width: 18px;
  height: 18px;
  color: #627084;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.download-card .download-card-action svg {
  width: 100%;
  height: 100%;
  stroke: #627084;
  fill: none;
}

.download-card.active {
  background: rgba(93, 159, 65, 0.1);
  border-color: rgba(93, 159, 65, 0.3);
}
.download-card.active:hover .download-card-action {
  color: #5D9F41;
}
.download-card.active:hover .download-card-action svg {
  stroke: #5D9F41;
  fill: none;
}
.download-card.active .download-card-action {
  color: #5D9F41;
}
.download-card.active .download-card-action:hover {
  color: #5D9F41;
}
.download-card.active .download-card-title {
  color: #5D9F41;
  font-weight: 600;
}
.download-card.active .download-card-action {
  color: #627084;
}
.download-card.active .download-card-icon {
  background: rgba(93, 159, 65, 0.1);
}
.download-card.active .download-card-icon svg {
  stroke: #5D9F41;
}

.product-browse {
  padding: 30px 0 25px;
  border-bottom: 1px solid rgba(38, 49, 64, 0.2);
}
.product-browse .browse-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #05446B;
  text-decoration: none;
  transition: all 0.3s ease;
}
.product-browse .browse-link svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.product-browse .browse-link:hover {
  gap: 0.75rem;
  color: rgba(5, 68, 107, 0.6980392157);
}
.product-browse .browse-link:hover svg {
  transform: translateX(-4px);
}

.related-products-header .title-center-medium {
  text-align: left;
  font-size: 24px;
  color: #263140;
}

.prd-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.prd-card:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.prd-card:hover .prd-card__media img {
  transform: scale(1.05);
}
.prd-card:hover .prd-card__title {
  color: #05446B;
}
.prd-card:hover .prd-card__action {
  gap: 8px;
}
.prd-card__media {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.prd-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.prd-card__tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #5D9F41;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 50px;
}
.prd-card__content {
  padding: 18px;
}
.prd-card__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #263140;
  transition: color 0.3s ease;
}
.prd-card__action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #05446B;
  text-decoration: none;
  transition: all 0.3s ease;
}
.prd-card__action svg {
  width: 14px;
  height: 14px;
}

.bnr-img-sec {
  position: relative;
  background-image: url("..//images/who-we-are-bnr.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 9;
}
.bnr-img-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #033350 0%, #043f60 50%, #033350 100%);
  opacity: 0.8;
  z-index: -9;
}

.who-we-are-bnr {
  padding: 120px 0;
}

.about-intro-sec h3 {
  font-size: 25px;
  color: #05446B;
  font-style: italic;
  margin-bottom: 30px;
}
.about-intro-sec p {
  color: rgba(38, 49, 64, 0.8);
  font-size: 18px;
  margin-bottom: 25px;
  line-height: 1.6rem;
  letter-spacing: 0.1px;
}
.about-intro-sec p strong {
  color: #05446B;
  font-weight: 700;
}
.about-intro-sec p em {
  color: #5D9F41;
  font-weight: 600;
}
.about-intro-sec .image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-top: 50px;
}

.video-sec .title-center-small {
  text-transform: capitalize;
}

.contact-form {
  background: #f5f5f5;
  padding: 32px;
  border-radius: 16px;
}
.contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contact-form__group {
  display: flex;
  flex-direction: column;
}
.contact-form__group label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
.contact-form__group .required {
  color: #ff0000;
}
.contact-form__group input,
.contact-form__group select,
.contact-form__group textarea {
  padding: 12px 16px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  font-size: 14px;
  transition: 0.3s;
}
.contact-form__group input:focus,
.contact-form__group select:focus,
.contact-form__group textarea:focus {
  outline: none;
  border-color: #05446B;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}
.contact-form__group textarea {
  resize: none;
}
.contact-form .btn-prestan-primary {
  border: 0;
}
.contact-form__note {
  font-size: 13px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

.contact-details {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-details .contact-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.contact-details .icon-box {
  width: 48px;
  height: 48px;
  background: rgba(5, 68, 107, 0.13);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-details .icon-box svg {
  stroke: #05446B;
  width: 24px;
  height: 24px;
}
.contact-details p {
  font-size: 15px;
}
.contact-details .contact-text h3 {
  color: #263140;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}
.contact-details .contact-text a {
  color: #05446B;
  font-size: 16px;
}
.contact-details .contact-text .phnumber {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.contact-details .contact-text .p {
  font-size: 14px;
  opacity: 0.6;
}

.distributor-card {
  background-color: #f5f5f5;
  padding: 24px;
  border-radius: 12px;
}
.distributor-card .distributor-title {
  font-weight: 700;
  color: #05446B;
  margin-bottom: 12px;
  font-size: 18px;
}
.distributor-card .distributor-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #05446B;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.distributor-card .distributor-link svg {
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}
.distributor-card .distributor-link:hover {
  gap: 12px;
}
.distributor-card .distributor-link:hover svg {
  transform: translateX(4px);
}

.contact-form-sec .contact-form__title {
  color: #05446B;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.contact-details .contact-form__title {
  margin-bottom: 0;
}

.contact-item:last-child .contact-text p {
  font-size: 16px;
}

.resources-bnr {
  padding: 80px 0;
}
.resources-bnr p:nth-of-type(1) {
  font-size: 24px;
}

.inr-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 20px;
}

.inr-btn {
  color: #263140;
  display: grid;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.inr-btn svg {
  width: 20px;
  height: 20px;
}
.inr-btn:last-child {
  color: #ffffff;
}
.inr-btn:hover {
  color: #5D9F41;
}

.resource-grid {
  display: grid;
  gap: 20px;
  margin-top: 40px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 640px) {
  .resource-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .resource-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.resource-card {
  position: relative;
  gap: 16px;
  padding: 20px 15px 15px;
  background: #ffffff;
  border: 1px solid rgba(38, 49, 64, 0.2);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.resource-card:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-color: rgba(5, 68, 107, 0.2);
}
.resource-card:hover h3 {
  color: #05446B;
}
.resource-card:hover::after {
  right: 20px;
  color: #05446B;
}
.resource-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffffff;
}
.resource-card__icon svg {
  stroke: #ffffff;
  width: 24px;
  height: 24px;
}
.resource-card__icon.blue {
  background: #3b82f6;
}
.resource-card__icon.red {
  background: #ef4444;
}
.resource-card__icon.amber {
  background: #f59e0b;
}
.resource-card__icon.green {
  background: #22c55e;
}
.resource-card__icon.purple {
  background: #a855f7;
}
.resource-card__icon.teal {
  background: #14b8a6;
}
.resource-card__content {
  flex: 1;
  padding-right: 30px;
}
.resource-card__content h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #263140;
  transition: color 0.3s ease;
}
.resource-card__content p {
  font-size: 14px;
  margin-bottom: 8px;
}
.resource-card__content span {
  font-size: 12px;
  font-weight: 600;
  color: #5D9F41;
}

.resource-card:nth-child(1) {
  animation-delay: 0.2s;
}

.resource-card:nth-child(2) {
  animation-delay: 0.4s;
}

.resource-card:nth-child(3) {
  animation-delay: 0.6s;
}

.resource-card:nth-child(4) {
  animation-delay: 0.8s;
}

.resource-card:nth-child(5) {
  animation-delay: 1s;
}

.resource-card:nth-child(6) {
  animation-delay: 1.2s;
}

.resource-card:nth-child(7) {
  animation-delay: 1.4s;
}

.resource-card:nth-child(8) {
  animation-delay: 1.6s;
}

.product-instruction-tabs {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-instruction-tabs li .tab-btn {
  position: relative;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  background-color: #ffffff;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-instruction-tabs li .tab-btn:hover {
  background-color: rgba(0, 123, 255, 0.1);
}
.product-instruction-tabs li .tab-btn.active {
  background-color: #05446B;
  color: #fff;
}

.product-instruction-sec .title-left-small {
  margin-bottom: 8px;
}
.product-instruction-sec .product-downloads-sec {
  background-color: transparent;
}
@media (min-width: 767px) {
  .product-instruction-sec .product-downloads-sec .download-card {
    width: 32.4%;
  }
}
.product-instruction-sec .product-downloads-sec .download-card-icon {
  background-color: #fef2f2;
}
.product-instruction-sec .product-downloads-sec .download-card-icon i {
  color: #ef4444;
}
.product-instruction-sec .tab-content .tab-pane {
  padding: 30px 0 0;
}

.title-flex {
  display: flex;
  gap: 5px;
  align-items: center;
}

.title-flex span {
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  background-color: #5D9F41;
  border-radius: 40px;
  padding: 0 8px;
}

.btn-secondary {
  color: #05446B;
  font-size: 17px;
  font-weight: 500;
}
.btn-secondary i {
  font-size: 15px;
}
.btn-secondary:hover {
  color: #5D9F41;
}

.video-library-sec .container > .row {
  margin-top: 30px;
}
.video-library-sec .video-library-card {
  cursor: pointer;
}
.video-library-sec .video-library-card .video-library-media {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}
.video-library-sec .video-library-card .video-library-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.3s ease;
  z-index: 1;
}
.video-library-sec .video-library-card .video-library-media .video-library-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.video-library-sec .video-library-card .video-library-media .video-library-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.video-library-sec .video-library-card .video-library-media .video-library-play .play-button {
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.video-library-sec .video-library-card .video-library-media .video-library-play .play-button svg {
  width: 24px;
  height: 24px;
  margin-left: 2px;
  color: #05446B;
}
.video-library-sec .video-library-card .video-library-media .video-library-duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  z-index: 2;
}
.video-library-sec .video-library-card .video-library-category {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #5D9F41;
}
.video-library-sec .video-library-card .video-library-title {
  font-size: 15px;
  font-weight: 600;
  margin-top: 4px;
  color: #263140;
  transition: color 0.3s ease;
}
.video-library-sec .video-library-card:hover .video-library-media::after {
  background: rgba(0, 0, 0, 0.4);
}
.video-library-sec .video-library-card:hover .video-library-image {
  transform: scale(1.05);
}
.video-library-sec .video-library-card:hover .play-button {
  transform: scale(1.1);
}
.video-library-sec .video-library-card:hover .video-library-title {
  color: #05446B;
}

.video-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.video-modal.active {
  display: flex;
}

.video-modal-content {
  width: 80%;
  max-width: 900px;
  aspect-ratio: 16/9;
  position: relative;
}

.video-modal iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 15px;
}

.video-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.video-close:hover {
  color: #5D9F41;
}

.faq-helf-guides-sec .title-left-small {
  font-size: 26px;
}

.helf-guides-download-pdf,
.faq-left-grid {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.helf-guides-download-pdf .download-card,
.faq-left-grid .download-card {
  width: 100%;
}
.helf-guides-download-pdf .download-card-icon,
.faq-left-grid .download-card-icon {
  background-color: rgba(93, 159, 65, 0.1019607843);
  border-radius: 10px;
}
.helf-guides-download-pdf .download-card-icon svg,
.faq-left-grid .download-card-icon svg {
  width: 21px;
  stroke: #5D9F41;
}

.faq-left-grid .download-card-icon {
  background-color: rgba(5, 68, 107, 0.1019607843);
}
.faq-left-grid .download-card-icon svg {
  stroke: #05446B;
}
.faq-left-grid .download-card-action i {
  color: rgba(38, 49, 64, 0.3019607843);
  font-size: 14px;
}
.faq-left-grid:hover .download-card-action {
  transform: translateX(2px);
  transition: 0.3s;
}
.faq-left-grid:hover .download-card-action i {
  color: #05446B;
}

.featured-download-sec .title-center-small {
  font-size: 26px;
  margin-bottom: 30px;
}
.featured-download-sec .catalog-card {
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.featured-download-sec .catalog-card.popular {
  border: 2px solid #05446B;
}
.featured-download-sec .catalog-card:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.featured-download-sec .catalog-card:hover .catalog-card__image-wrapper img {
  transform: scale(1.05);
}
.featured-download-sec .catalog-card__image-wrapper {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.featured-download-sec .catalog-card__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.featured-download-sec .catalog-card__image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  pointer-events: none;
}
.featured-download-sec .catalog-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #5D9F41;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  z-index: 2;
}
.featured-download-sec .catalog-card__image-content {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  color: #ffffff;
  z-index: 2;
}
.featured-download-sec .catalog-card__category {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.85;
}
.featured-download-sec .catalog-card__title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 4px;
}
.featured-download-sec .catalog-card__content {
  padding: 20px;
}
.featured-download-sec .catalog-card__description {
  font-size: 14px;
  color: #627084;
  margin-bottom: 16px;
  line-height: 1.5;
}
.featured-download-sec .catalog-card__languages {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.featured-download-sec .catalog-card__languages span {
  background: rgba(5, 68, 107, 0.0509803922);
  color: #627084;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 6px;
}
.featured-download-sec .catalog-card .btn-prestan-primary {
  font-size: 15px;
  width: 100%;
  padding: 7px;
  display: flex;
  gap: 12px;
}

.quick-links-sec .title-center-small {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 25px;
}
.quick-links-sec .resource-link-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .quick-links-sec .resource-link-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .quick-links-sec .resource-link-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.quick-links-sec .resource-link-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid transparent;
  text-decoration: none;
  transition: all 0.3s ease;
}
.quick-links-sec .resource-link-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.quick-links-sec .resource-link-card:hover span {
  color: #05446B;
}
.quick-links-sec .resource-link-icon {
  width: 20px;
  height: 20px;
  color: #05446B;
}
.quick-links-sec .resource-link-icon svg {
  width: 100%;
  height: 100%;
}
.quick-links-sec span {
  font-size: 14px;
  font-weight: 500;
  color: #263140;
  transition: all 0.3s ease;
}

.ready-build-sec .btn-secondary {
  color: #ffffff;
  font-weight: 400;
}
.ready-build-sec .btn-secondary:hover {
  color: #5D9F41;
}

.suggestion-sec {
  background: #ffffff;
}
.suggestion-sec .suggestion-content {
  text-align: center;
}
.suggestion-sec .suggestion-link {
  color: #05446B;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}
.suggestion-sec .suggestion-link i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.suggestion-sec .suggestion-link:hover {
  text-decoration: underline;
}
.suggestion-sec .suggestion-link:hover i {
  transform: translateX(4px);
}

.contact-faq-sec {
  text-align: center;
}
.contact-faq-sec .title-center-small {
  font-size: 26px;
  font-weight: 600;
}
.contact-faq-sec .faq-list {
  margin-top: 30px;
}
.contact-faq-sec .faq-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.contact-faq-sec .faq-list ul li {
  text-align: left;
  width: 100%;
}
.contact-faq-sec .faq-list ul li a {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  display: block;
  padding: 15px 20px 15px 32px;
  border-radius: 15px;
}
.contact-faq-sec .faq-list ul li a:hover {
  background-color: rgba(5, 68, 107, 0.0509803922);
}
.contact-faq-sec .faq-list ul li a::before, .contact-faq-sec .faq-list ul li a::after {
  content: "\f111";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 8px;
  color: #05446B;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.contact-faq-sec .faq-list ul li a::after {
  content: "\f061";
  color: rgba(5, 68, 107, 0.4);
  font-size: 14px;
  left: auto;
  right: 15px;
}
.contact-faq-sec .faq-list ul li a:hover::before {
  color: #5D9F41;
}
.contact-faq-sec .faq-list ul li a:hover::after {
  color: #05446B;
}
.contact-faq-sec .distributor-link {
  text-align: center;
  margin-top: 30px;
  font-size: 17px;
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  gap: 10px;
  transition: 0.3s;
}
.contact-faq-sec .distributor-link i {
  font-size: 12px;
}
.contact-faq-sec .distributor-link:hover {
  color: #5D9F41;
  gap: 13px;
  transition: 0.3s;
}

.faq-tabs-sticky {
  position: sticky;
  top: 75px;
  z-index: 99;
  background: #ffffff;
  padding: 16px 0;
  border-bottom: 1px solid #e0e5eb;
}
.faq-tabs-sticky .nav-tabs {
  border: none;
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  --bs-nav-tabs-border-width: none;
}
.faq-tabs-sticky .nav-tabs::-webkit-scrollbar {
  display: none;
}
.faq-tabs-sticky .nav-tabs .nav-item {
  list-style: none;
}
.faq-tabs-sticky .nav-tabs .nav-link {
  border: none;
  padding: 8px 20px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.3s ease;
  background: #f4f3f0;
  color: #263140;
}
.faq-tabs-sticky .nav-tabs .nav-link:hover {
  background: rgba(5, 68, 107, 0.0509803922);
  color: #05446B;
}
.faq-tabs-sticky .nav-tabs .nav-link.active {
  background: #05446B;
  color: #ffffff;
}
.faq-tabs-sticky .nav-tabs .nav-link:focus {
  box-shadow: none;
}
@media (min-width: 768px) {
  .faq-tabs-sticky .nav-tabs {
    justify-content: center;
  }
}

.faq-content-sec {
  padding: 50px 0;
}
.faq-content-sec .faq-title {
  font-size: 24px;
  font-weight: 700;
  color: #05446B;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.faq-content-sec .faq-accordion {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
.faq-content-sec .faq-accordion .faq-item {
  border-bottom: 1px solid rgba(38, 49, 64, 0.2);
}
.faq-content-sec .faq-accordion .faq-item:last-child {
  border-bottom: none;
}
.faq-content-sec .faq-accordion .faq-item .faq-question {
  width: 100%;
  background: transparent;
  border: none;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  cursor: pointer;
  position: relative;
}
.faq-content-sec .faq-accordion .faq-item .faq-question span {
  font-weight: 600;
  color: #263140;
  padding-right: 30px;
}
.faq-content-sec .faq-accordion .faq-item .faq-question {
  /* Arrow using :after */
}
.faq-content-sec .faq-accordion .faq-item .faq-question::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #05446B;
  border-bottom: 2px solid #05446B;
  transform: rotate(45deg);
  position: absolute;
  right: 5px;
  top: 26px;
  transition: transform 0.3s ease;
}
.faq-content-sec .faq-accordion .faq-item .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding-top: 0;
  padding-bottom: 0;
}
.faq-content-sec .faq-accordion .faq-item .faq-answer p {
  color: #627084;
  margin-bottom: 12px;
}
.faq-content-sec .faq-accordion .faq-item .faq-answer ul {
  margin-bottom: 20px;
}
.faq-content-sec .faq-accordion .faq-item .faq-answer ul li {
  position: relative;
  color: #627084;
  padding-left: 15px;
}
.faq-content-sec .faq-accordion .faq-item .faq-answer ul li::after {
  content: "";
  position: absolute;
  background: #627084;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.faq-content-sec .faq-accordion .faq-item .faq-answer .faq-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #05446B;
  font-weight: 600;
  margin-bottom: 20px;
  text-decoration: none;
  transition: gap 0.3s ease;
}
.faq-content-sec .faq-accordion .faq-item .faq-answer .faq-link:hover {
  gap: 12px;
}
.faq-content-sec .faq-accordion .faq-item.active .faq-answer {
  max-height: 500px;
  padding-bottom: 20px;
}
.faq-content-sec .faq-accordion .faq-item.active .faq-question::after {
  transform: rotate(-135deg);
}

.distributor-bnr {
  padding: 80px 0;
}
.distributor-bnr .inr-hero {
  text-align: start;
}
.distributor-bnr .inr-hero p {
  margin-bottom: 15px;
}
.distributor-bnr .inr-hero p:first-of-type {
  font-size: 22px;
  font-weight: 600;
}
.distributor-bnr .inr-hero a {
  color: #5D9F41;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  transition: 0.3s;
  margin-top: 10px;
}
.distributor-bnr .inr-hero a:hover {
  gap: 15px;
  transition: 0.3s;
}
.distributor-bnr .inr-hero a i {
  font-size: 16px;
}

.how-it-works {
  background: rgba(5, 68, 107, 0.8);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
@media (min-width: 768px) {
  .how-it-works {
    padding: 32px;
    margin-left: 50px;
  }
}
.how-it-works .how-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .how-it-works .how-title {
    font-size: 1.5rem;
  }
}
.how-it-works .steps {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.how-it-works .step {
  display: flex;
  align-items: center;
  gap: 16px;
}
.how-it-works .step > span {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #5D9F41;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}
.how-it-works p {
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}
.how-it-works .highlight {
  color: #5D9F41;
}

.distributors-image-sec img {
  background-color: #ffffff;
  border-radius: 20px;
}

.region-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: 30px 0 40px;
}
.region-selector .label {
  font-size: 18px;
  font-weight: 600;
  color: #05446B;
}
.region-selector .region-buttons {
  display: flex;
  gap: 0.75rem;
}

.region-btn {
  position: relative;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 8px;
  background: #f4f3f0;
  color: #627084;
  border: none;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
}
.region-btn:hover {
  background: #05446B;
  color: #ffffff;
}
.region-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: #5D9F41;
  transition: width 0.3s ease;
}
.region-btn:hover::after {
  width: 100%;
}

.distributors-content {
  scroll-margin-top: 110px;
  margin-bottom: 50px;
}
.distributors-content:last-child {
  margin-bottom: 0;
}
.distributors-content .distributors-title {
  font-size: 24px;
  font-weight: 600;
  color: #193e71;
  border-bottom: 2px solid #05446B;
  padding-bottom: 15px;
  margin-bottom: 40px;
}

.distributor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  align-items: start;
}

.distributor-card {
  position: relative;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 0;
  z-index: 9;
}
.distributor-card:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}
.distributor-card .card-front {
	position: absolute;
/*   min-height: 220px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -9;
}
.distributor-card .logo {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.distributor-card .logo img {
  max-height: 150px;
  width: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.distributor-card:hover .logo img {
  transform: scale(1.05);
}
.distributor-card {
  /* Shop Button */
}
.distributor-card .shop-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s ease;
  background: rgba(5, 68, 107, 0.6980392157);
  border: 1px solid #05446B;
  color: #ffffff;
}
.distributor-card .shop-btn svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
}
.distributor-card .shop-btn i {
  font-size: 11px;
  margin-bottom: 5px;
}
.distributor-card .shop-btn:hover {
  background: #05446B;
}
.distributor-card .shop-btn.white {
  background: #ffffff;
  color: #05446B;
  border: none;
}
.distributor-card .shop-btn.white:hover {
  background: rgba(255, 255, 255, 0.9);
}
.distributor-card {
  /* Overlay */
}
.distributor-card .card-overlay {
/*   position: absolute; */
  min-height: 273px;
  inset: 0;
  background: rgba(5, 68, 107, 0.95);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.distributor-card .card-overlay h3 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.distributor-card .card-overlay p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 15px;
 /* display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;*/
}
.text-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-content.expanded {
  -webkit-line-clamp: unset;
  display: block;
}

.read-more-btn {
  margin-left: 5px;
  background: none;
  border: none;
  color: #0073aa;
  cursor: pointer;
  font-weight: 600;
}

.distributor-card:hover .card-overlay {
  opacity: 1;
  pointer-events: auto;
}

.resources-distrib-sec .distrib-box {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 12px;
  height: 100%;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.resources-distrib-sec .distrib-box h3 {
  color: #05446B;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
.resources-distrib-sec .distrib-box p {
  margin-bottom: 20px;
}
.resources-distrib-sec .distrib-box a {
  font-size: 16px;
}
.resources-distrib-sec .distrib-box a:hover {
  color: #5D9F41 !important;
}
.resources-distrib-sec .col-sm-6:last-child .distrib-box {
  background-color: #05446B;
}
.resources-distrib-sec .col-sm-6:last-child .distrib-box * {
  color: #ffffff;
}

.product-bnr .inr-hero {
  margin-bottom: 35px;
}
@media (min-width: 767px) {
  .product-bnr .inr-hero .inr-description-lg {
    width: 80%;
  }
}
.product-bnr .bnr-product-card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  /* Overlay */
}
.product-bnr .bnr-product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 68, 107, 0.8), rgba(5, 68, 107, 0.4), transparent);
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.product-bnr .bnr-product-card__link {
  display: block;
  text-decoration: none;
}
.product-bnr .bnr-product-card__image-wrapper {
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
}
@media (min-width: 767px) {
  .product-bnr .bnr-product-card__image-wrapper {
    aspect-ratio: 3/4;
  }
}
.product-bnr .bnr-product-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
  z-index: 0;
}
.product-bnr .bnr-product-card__badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #5D9F41;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 12px;
  line-height: normal;
  border-radius: 40px;
  z-index: 2;
}
.product-bnr .bnr-product-card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem;
  z-index: 2;
}
@media (min-width: 768px) {
  .product-bnr .bnr-product-card__content {
    padding: 1.5rem;
  }
  .product-bnr .bnr-product-card__content .bnr-product-card__title {
    width: 60%;
  }
}
.product-bnr .bnr-product-card__title {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .product-bnr .bnr-product-card__title {
    font-size: 1.25rem;
  }
}
.product-bnr .bnr-product-card__description {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.product-bnr .bnr-product-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #5D9F41;
  font-weight: 600;
  font-size: 15px;
  transition: gap 0.3s ease;
}
.product-bnr .bnr-product-card i {
  font-size: 11px;
}
.product-bnr .bnr-product-card {
  /* Hover Effects */
}
.product-bnr .bnr-product-card:hover .bnr-product-card__image {
  transform: scale(1.05);
}
.product-bnr .bnr-product-card:hover .bnr-product-card__cta {
  gap: 10px;
}
.product-bnr .bnr-product-card:hover::after {
  opacity: 0.95;
}

.featured-story .featured-story-box {
  padding: 40px 0;
  border-radius: 20px;
}
.featured-story .title-left-small {
  text-transform: capitalize;
}
.featured-story .story-content {
  padding: 15px;
}
@media (min-width: 767px) {
  .featured-story .story-content {
    padding-left: 30px;
  }
}
.featured-story .bnr-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  color: rgba(38, 49, 64, 0.6);
  margin: 20px 0 20px;
}
.featured-story .bnr-meta__item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.featured-story .bnr-meta__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.sub-title1 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #5D9F41;
  display: inline-block;
  margin-bottom: 8px;
}

.cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #193e71;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.cta-secondary i {
  font-size: 12px;
}
.cta-secondary:hover {
  color: #5D9F41;
  gap: 10px;
}

.news-sec .news-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.news-sec .news-filter__btn {
  border: none;
  padding: 8px 20px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.3s ease;
  background: #f4f3f0;
  color: #263140;
}
.news-sec .news-filter__btn:hover {
  background: rgba(5, 68, 107, 0.0509803922);
  color: #05446B;
}
.news-sec .news-filter__btn.active {
  background: #05446B;
  color: #ffffff;
}
.news-sec .news-filter__btn:focus {
  box-shadow: none;
}
.news-sec .news-grid {
  --bs-gutter-y: 1.5rem;
}
@media (min-width: 767px) {
  .news-sec .news-grid li {
    width: 33.33%;
  }
}
.news-sec .news-event-card {
  display: flex;
  flex-direction: column;
}
.news-sec .news-event-card .news-category {
  font-size: 15px;
  color: #5D9F41;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 8px;
}
.news-sec .news-event-card h4 {
  font-size: 19px;
  color: #05446B;
  margin-bottom: 12px;
}
.news-sec .news-event-card p {
  font-size: 14px;
  margin-bottom: 16px;
  flex-grow: 1;
}
.news-sec .news-event-card .news-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(38, 49, 64, 0.2);
}
.news-sec .news-event-card .news-card-footer__date {
  font-size: 0.875rem;
  color: rgba(38, 49, 64, 0.6);
  margin: 0;
}
.news-sec .news-event-card .news-card-footer__btn {
  font-size: 14px;
  font-weight: 600;
  color: #05446B;
  background: none;
  transition: 0.3s;
  border: none;
  padding: 0;
  margin: 0;
}
.news-sec .news-event-card .news-card-footer__btn i {
  font-size: 12px;
}
.news-sec .news-event-card .news-card-footer__btn:hover {
  color: #5D9F41;
}

.upcoming-events-sec .title-center-small {
  margin-bottom: 25px;
}
.upcoming-events-sec .event-card {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.upcoming-events-sec .event-card__badge {
  display: inline-block;
  background: rgba(5, 68, 107, 0.1);
  color: #05446B;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: 50px;
  margin-bottom: 1rem;
}
.upcoming-events-sec .event-card__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #05446B;
  margin-bottom: 0.75rem;
}
.upcoming-events-sec .event-card__desc {
  color: rgba(38, 49, 64, 0.7);
  margin-bottom: 1rem;
  line-height: 1.6;
}
.upcoming-events-sec .event-card__meta {
  font-size: 0.875rem;
  color: rgba(38, 49, 64, 0.6);
  margin-bottom: 1rem;
}
.upcoming-events-sec .event-card__meta p {
  margin: 0 0 0.25rem;
}
.upcoming-events-sec .event-card__meta strong {
  color: #263140;
}

.subscribe-form {
  display: flex;
  gap: 1rem;
  margin: 25px auto 15px;
}
@media (min-width: 576px) {
  .subscribe-form {
    max-width: 28rem;
  }
}
.subscribe-form__input {
  flex-grow: 1;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  border: 1px solid rgba(38, 49, 64, 0.2);
  outline: none;
  transition: 0.3s ease;
}
.subscribe-form__input:focus {
  border-color: #05446B;
  box-shadow: 0 0 0 2px rgba(5, 68, 107, 0.2);
}
.subscribe-form__btn {
  white-space: nowrap;
  border: 0;
}

.join-conver-sec {
  padding: 0;
  background: linear-gradient(135deg, #032e49, #05446b, #1f3a4a);
}
.join-conver-sec .row {
  margin: 0;
}
.join-conver-sec .row > div {
  padding: 0;
}
.join-conver-sec .image-left {
  height: 100%;
  position: relative;
}
.join-conver-sec .image-left::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, #05446B, rgba(5, 68, 107, 0.5), transparent);
  z-index: 9;
}
.join-conver-sec .image-left img {
  width: 100%;
  height: 100%;
}
.join-conver-sec .join-conver-content {
  padding: 70px 50px;
}
.join-conver-sec .join-conver-content__header {
  margin-bottom: 2.5rem;
}
.join-conver-sec .join-conver-content__header h3 {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .join-conver-sec .join-conver-content__header h3 {
    font-size: 40px;
  }
}
.join-conver-sec .join-conver-content__header p {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.8);
  max-width: 32rem;
}
.join-conver-sec .join-conver-content__links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.join-conver-sec .join-conver-content__card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  text-decoration: none;
  transition: all 0.3s ease;
}
.join-conver-sec .join-conver-content__card i {
  font-size: 24px;
  color: #ffffff;
  transition: color 0.3s ease;
}
.join-conver-sec .join-conver-content__card span {
  font-weight: 600;
  color: #ffffff;
  transition: color 0.3s ease;
}
.join-conver-sec .join-conver-content__card:hover {
  background: #ffffff;
  border-color: #ffffff;
}
.join-conver-sec .join-conver-content__card:hover span {
  color: #263140;
}
.join-conver-sec .join-conver-content__card--facebook:hover i {
  color: #1877F2;
}
.join-conver-sec .join-conver-content__card--instagram:hover i {
  color: #E4405F;
}
.join-conver-sec .join-conver-content__card--linkedin:hover i {
  color: #0A66C2;
}
.join-conver-sec .join-conver-content__card--youtube:hover i {
  color: #FF0000;
}
.join-conver-sec .join-conver-content__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.join-conver-sec .join-conver-content__tag {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
  padding: 0.5rem 1rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.product-card {
  display: block;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
  height: 100%;
}
.product-card:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.product-card__image {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #f3f4f6;
}
.product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.product-card:hover .product-card__image img {
  transform: scale(1.05);
}
.product-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.product-card__overlay .quick-view {
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  transition: opacity 0.3s ease;
  backdrop-filter: blur(4px);
}
.product-card:hover .product-card__overlay {
  background: rgba(0, 0, 0, 0.08);
}
.product-card:hover .product-card__overlay .quick-view {
  opacity: 1;
}
.product-card__content {
  padding: 20px;
}

.product-items {
  width: 33.33%;
}

.product-badge {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5D9F41;
  display: inline-block;
  margin-bottom: 8px;
}

.product-title {
  font-size: 15px;
  font-weight: 700;
  color: #263140;
  margin-bottom: 12px;
  transition: color 0.3s ease;
}
.product-card:hover .product-title {
  color: #05446B;
}

.product-features {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}
.product-features li {
  position: relative;
  font-size: 14px;
  margin-bottom: 6px;
  color: #5D9F41;
  font-weight: 500;
  padding-left: 20px;
}
.product-features li::before {
  content: "\f00c";
  position: absolute;
  font-family: "FontAwesome";
  color: #5D9F41;
  font-size: 11px;
  left: 0;
  top: 3px;
}

.product-link {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #5D9F41;
  transition: all 0.3s ease;
}
.product-link i {
  font-size: 10px;
}
.product-card:hover .product-link {
  gap: 8px;
}

.resource-center-bnr .inr-description-lg {
  margin-bottom: 30px;
}

.search-wrapper {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
.search-wrapper i {
  position: absolute;
  left: 16px;
  overflow: hidden;
  height: 16px;
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #627084;
}
.search-wrapper .search-input {
  width: 100%;
  padding: 16px 40px 16px 42px;
  border-radius: 9999px;
  background: #ffffff;
  border: none;
  font-size: 14px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  outline: none;
  transition: all 0.2s ease;
}
.search-wrapper .search-input::placeholder {
  color: #627084;
}
.search-wrapper .search-input:focus {
  box-shadow: 0 0 0 2px #05446B;
}

.all-resource-box {
  margin-top: -20px;
}
.all-resource-box .category-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin-bottom: 32px;
}
.all-resource-box .category-btn {
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: rgba(5, 68, 107, 0.0509803922);
  color: #627084;
}
.all-resource-box .category-btn:hover {
  background-color: rgba(5, 68, 107, 0.08);
  color: #05446B;
}
.all-resource-box .category-btn.active {
  color: #ffffff;
  background-color: #5D9F41;
}
.all-resource-box .category-btn:focus {
  outline: none;
}
.all-resource-box .resource-list .resource-card {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(38, 49, 64, 0.2);
  border-radius: 14px;
  padding: 16px 16px 16px 16px;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-bottom: 10px;
  /* Arrow */
}
.all-resource-box .resource-list .resource-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: rgba(5, 68, 107, 0.6980392157);
}
.all-resource-box .resource-list .resource-card:hover h3 {
  color: #05446B;
}
.all-resource-box .resource-list .resource-card:hover::after {
  transform: translateY(-50%) translateX(5px);
  color: #05446B;
}
.all-resource-box .resource-list .resource-card-inner {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.all-resource-box .resource-list .resource-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(5, 68, 107, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.all-resource-box .resource-list .resource-card-icon i {
  font-size: 18px;
  color: #05446B;
}
.all-resource-box .resource-list .resource-card-content {
  flex: 1;
}
.all-resource-box .resource-list .resource-card-header {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
}
.all-resource-box .resource-list .resource-card-header h3 {
  font-size: 15px;
  font-weight: 700;
  color: #263140;
  margin: 0;
  transition: color 0.3s ease;
}
.all-resource-box .resource-list .resource-card-header .badge {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(5, 68, 107, 0.0509803922);
  color: #05446B;
}
.all-resource-box .resource-list .resource-card-tags .tag-btn {
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(38, 49, 64, 0.2);
  background: #f4f3f0;
  color: #627084;
  cursor: pointer;
  transition: all 0.3s ease;
}
.all-resource-box .resource-list .resource-card-tags .tag-btn:hover {
  border-color: rgba(5, 68, 107, 0.6980392157);
  color: #05446B;
}
.all-resource-box .resource-list .resource-card .download-btn i {
  font-size: 10px;
}
.all-resource-box .resource-list .resource-card .download-btn,
.all-resource-box .resource-list .resource-card .accordion-button {
  color: #627084;
  font-size: 14px;
  margin-top: 14px;
  line-height: 25px;
  font-weight: 300;
}
.all-resource-box .resource-list .resource-card .download-btn:hover,
.all-resource-box .resource-list .resource-card .accordion-button:hover {
  color: #5D9F41;
  background-color: transparent;
}
.all-resource-box .resource-list .resource-card .download-btn:focus,
.all-resource-box .resource-list .resource-card .accordion-button:focus {
  background-color: transparent;
}
.all-resource-box .resource-list .resource-card .accordion-body {
  padding: 25px 0 10px 55px;
}
.all-resource-box .resource-list .resource-card .accordion-body p {
  font-size: 15px;
}
.all-resource-box .resource-list .resource-card .accordion-body ul li {
  color: #627084;
  font-size: 15px;
}

.resource-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 24px;
}

.filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 10px 15px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  background: #ffffff;
  color: #627084;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.filter-btn i {
  font-size: 14px;
}
.filter-btn .count {
  font-size: 12px;
}
.filter-btn.active, .filter-btn:hover {
  background: #05446B;
  color: #ffffff;
  border-color: #05446B;
  box-shadow: 0 6px 18px rgba(5, 68, 107, 0.3);
}
.filter-btn.active .count, .filter-btn:hover .count {
  color: rgba(255, 255, 255, 0.8);
}

.all-resource-box .resource-header {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 20px;
}
.all-resource-box .resource-header p {
  margin: 0;
}
.all-resource-box .resource-header button {
  border: 0;
  background: transparent;
  padding: 0;
  color: #5D9F41;
  font-size: 15px;
}

.solutions-bnr {
  position: relative;
  padding-bottom: 150px;
}
.solutions-bnr .wave-divider-bottom {
  position: absolute;
  width: 100%;
  bottom: -1px;
  transform: rotate(180deg);
  left: 0;
  right: 0;
  overflow: hidden;
  line-height: 0;
}
.solutions-bnr .wave-divider-bottom svg {
  position: relative;
  display: block;
  width: 100%;
  height: clamp(40px, 8vw, 120px);
}

.program-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 50px;
}
@media (min-width: 640px) {
  .program-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .program-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.program-card {
  text-align: left;
  padding: 20px;
  border-radius: 14px;
  border: 2px solid rgba(38, 49, 64, 0.2);
  background: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.program-card h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #263140;
  transition: 0.3s ease;
}
.program-card p {
  font-size: 12px;
  color: #627084;
  line-height: 1.5;
}
.program-card:hover {
  border-color: rgba(5, 68, 107, 0.6980392157);
  box-shadow: 0 8px 20px rgba(5, 68, 107, 0.08);
}
.program-card.active {
  border-color: #5D9F41;
  background: rgba(5, 68, 107, 0.0509803922);
  box-shadow: 0 10px 25px rgba(93, 159, 65, 0.12);
  transform: scale(1.02);
}
.program-card.active h3 {
  color: #5D9F41;
}
.program-card.active .icon-box {
  background: rgba(93, 159, 65, 0.12);
  color: #5D9F41;
}
.program-card.active .highlight-note {
  height: auto;
  display: block;
  transition: 0.3s;
}

.icon-box {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background: rgba(5, 68, 107, 0.08);
  color: #05446B;
  transition: all 0.3s ease;
}
.icon-box i {
  font-size: 18px;
}

.highlight-note {
  display: none;
  height: 0;
  margin-top: 12px;
  padding-top: 12px;
  color: #5D9F41;
  border-top: 1px solid rgba(93, 159, 65, 0.2);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.3s;
}
.highlight-note::first-letter {
  font-family: "FontAwesome";
  font-size: 9px;
}

.series-tabs .custom-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  margin-top: 30px;
}
.series-tabs .custom-tabs .tabs-nav {
  display: inline-flex;
  gap: 12px;
  margin-bottom: 40px;
}
.series-tabs .custom-tabs .tab-btn {
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid rgba(38, 49, 64, 0.2);
  background: #ffffff;
  color: #627084;
  transition: all 0.3s ease;
}
.series-tabs .custom-tabs .tab-btn:hover {
  background: rgba(5, 68, 107, 0.0509803922);
  color: #05446B;
}
.series-tabs .custom-tabs .tab-btn.active {
  background: #05446B;
  color: #ffffff;
  border-color: #05446B;
  box-shadow: 0 4px 12px rgba(5, 68, 107, 0.2);
}
.series-tabs .custom-tabs .tabs-content .tab-panel {
  display: none;
  max-width: 700px;
  margin: 0 auto;
  color: #263140;
  animation: fadeIn 0.3s ease;
}
.series-tabs .custom-tabs .tabs-content .tab-panel h3 {
  margin-bottom: 15px;
}
.series-tabs .custom-tabs .tabs-content .tab-panel p {
  color: #627084;
  line-height: 1.6;
}
.series-tabs .custom-tabs .tabs-content .tab-panel.active {
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.series-tabs .premium-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  margin-top: 30px;
  transition: 0.3s;
}
.series-tabs .premium-card:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  transform: translateY(-5px);
  transition: 0.3s;
}
.series-tabs .comparison-table {
  width: 100%;
  border-collapse: collapse;
}
.series-tabs .comparison-table th,
.series-tabs .comparison-table td {
  padding: 18px;
  font-size: 13px;
}
.series-tabs .comparison-table thead {
  background: #f4f3f0;
}
.series-tabs .comparison-table thead th {
  text-align: center;
  border-bottom: 1px solid rgba(38, 49, 64, 0.2);
  background-color: #ffffff;
}
.series-tabs .comparison-table tbody tr {
  border-bottom: 1px solid rgba(38, 49, 64, 0.08);
  transition: background 0.3s ease;
}
.series-tabs .comparison-table .feature-col {
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #627084;
  width: 18%;
}
.series-tabs .comparison-table .feature {
  font-size: 14px;
  font-weight: 600;
  color: #263140;
  text-align: left;
}
.series-tabs .comparison-table td {
  text-align: center;
  color: #627084;
}
.series-tabs {
  /* Product Header */
}
.series-tabs .product-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.series-tabs .product-head .title {
  font-weight: 700;
  font-size: 12px;
  color: #263140;
  transition: color 0.3s ease;
}
.series-tabs .product-head .explore {
  font-size: 11px;
  font-weight: 600;
  color: #5D9F41;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.series-tabs .product-head .badge-recommended {
  display: inline-block;
  background-color: #5D9F41;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  display: none;
  opacity: 0;
  transform: none;
  line-height: 1;
  white-space: nowrap;
}
.series-tabs .product-head:hover .title {
  color: #05446B;
}
.series-tabs .product-head:hover .explore {
  opacity: 1;
}
.series-tabs .product-head:hover .icon-box {
  background: #05446B;
  color: #ffffff;
}
.series-tabs .icon-box i {
  font-size: 16px;
}
.series-tabs .product-head .explore i {
  font-size: 10px;
  margin-left: 4px;
}

.comparison-table.active-ultralite th:nth-child(2),
.comparison-table.active-ultralite td:nth-child(2) {
  background: #eef5ec;
}
.comparison-table.active-ultralite th:nth-child(2) {
  border: 2px solid #c2dbb9;
}
.comparison-table.active-ultralite td:nth-child(2) {
  border-left: 2px solid #eef5ee;
  border-right: 2px solid #eef5ec;
}
.comparison-table.active-ultralite th:nth-child(2) .icon-box {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
}
.comparison-table.active-ultralite th:nth-child(2) .badge-recommended {
  opacity: 1;
  display: block;
}
.comparison-table.active-professional th:nth-child(3),
.comparison-table.active-professional td:nth-child(3) {
  background: #eef5ec;
}
.comparison-table.active-professional th:nth-child(3) {
  border: 2px solid #c2dbb9;
}
.comparison-table.active-professional td:nth-child(3) {
  border-left: 2px solid #eef5ee;
  border-right: 2px solid #eef5ec;
}
.comparison-table.active-professional th:nth-child(3) .icon-box {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
}
.comparison-table.active-professional th:nth-child(3) .badge-recommended {
  opacity: 1;
  display: block;
}
.comparison-table.active-2000 th:nth-child(4),
.comparison-table.active-2000 td:nth-child(4) {
  background: #eef5ec;
}
.comparison-table.active-2000 th:nth-child(4) {
  border: 2px solid #c2dbb9;
}
.comparison-table.active-2000 td:nth-child(4) {
  border-left: 2px solid #eef5ee;
  border-right: 2px solid #eef5ec;
}
.comparison-table.active-2000 th:nth-child(4) .icon-box {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
}
.comparison-table.active-2000 th:nth-child(4) .badge-recommended {
  opacity: 1;
  display: block;
}
.comparison-table.active-AEDraizor th:nth-child(2),
.comparison-table.active-AEDraizor td:nth-child(2) {
  background: #eef5ec;
}
.comparison-table.active-AEDraizor th:nth-child(2) {
  border: 2px solid #c2dbb9;
}
.comparison-table.active-AEDraizor td:nth-child(2) {
  border-left: 2px solid #eef5ee;
  border-right: 2px solid #eef5ec;
}
.comparison-table.active-AEDraizor th:nth-child(2) .icon-box {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
}
.comparison-table.active-AEDraizor th:nth-child(2) .badge-recommended {
  opacity: 1;
  display: block;
}
.comparison-table.aactive-AEDultra th:nth-child(3),
.comparison-table.aactive-AEDultra td:nth-child(3) {
  background: #eef5ec;
}
.comparison-table.aactive-AEDultra th:nth-child(3) {
  border: 2px solid #c2dbb9;
}
.comparison-table.aactive-AEDultra td:nth-child(3) {
  border-left: 2px solid #eef5ee;
  border-right: 2px solid #eef5ec;
}
.comparison-table.aactive-AEDultra th:nth-child(3) .icon-box {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
}
.comparison-table.aactive-AEDultra th:nth-child(3) .badge-recommended {
  opacity: 1;
  display: block;
}
.comparison-table.active-AEDplus th:nth-child(4),
.comparison-table.active-AEDplus td:nth-child(4) {
  background: #eef5ec;
}
.comparison-table.active-AEDplus th:nth-child(4) {
  border: 2px solid #c2dbb9;
}
.comparison-table.active-AEDplus td:nth-child(4) {
  border-left: 2px solid #eef5ee;
  border-right: 2px solid #eef5ec;
}
.comparison-table.active-AEDplus th:nth-child(4) .icon-box {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
}
.comparison-table.active-AEDplus th:nth-child(4) .badge-recommended {
  opacity: 1;
  display: block;
}

.series-sec .tab-btn {
  position: relative;
}
.series-sec .tab-btn .tab-dot {
  width: 10px;
  height: 10px;
  background: #5D9F41;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
  animation: dotPulse 1.5s infinite;
}
.series-sec .tab-btn.show-dot .tab-dot {
  display: block;
}
.series-sec .tab-btn.active .tab-dot {
  display: none;
}

@keyframes dotPulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.kits-product-sec .header-sec {
  margin-bottom: 30px;
}
@media (min-width: 767px) {
  .kits-product-sec .header-sec p {
    width: 90%;
    margin: 0 auto;
  }
}
.kits-product-sec .product-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 640px) {
  .kits-product-sec .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .kits-product-sec .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.kits-product-sec .product-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(38, 49, 64, 0.2);
  transition: 0.3s ease;
}
.kits-product-sec .product-card:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.kits-product-sec .product-card .card-link {
  text-decoration: none;
  display: block;
  height: 100%;
}
.kits-product-sec .product-card .card-image {
  position: relative;
  aspect-ratio: 16/10;
  background: rgba(5, 68, 107, 0.0509803922);
  overflow: hidden;
}
.kits-product-sec .product-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.kits-product-sec .product-card .card-image .badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #5D9F41;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 12px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.kits-product-sec .product-card .card-image .badge i {
  font-size: 8px;
}
.kits-product-sec .product-card:hover img {
  transform: scale(1.05);
}
.kits-product-sec .product-card .card-content {
  padding: 20px;
}
.kits-product-sec .product-card .card-content h3 {
  font-size: 18px;
  font-weight: 700;
  color: #263140;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}
.kits-product-sec .product-card .card-content p {
  font-size: 14px;
  color: #627084;
  margin-bottom: 16px;
}
.kits-product-sec .product-card .card-content .card-link-text {
  font-size: 13px;
  font-weight: 600;
  color: #5D9F41;
  display: inline-block;
}
.kits-product-sec .product-card .card-content .card-link-text i {
  font-size: 10px;
  transition: 0.3s ease;
  margin-left: 3px;
}
.kits-product-sec .product-card:hover h3 {
  color: #05446B;
}
.kits-product-sec .product-card:hover .card-link-text i {
  padding-left: 8px;
  transition: 0.3s ease;
}

.solutions-category-sec .header-sec {
  margin-bottom: 40px;
}
.solutions-category-sec {
  /* GRID */
}
.solutions-category-sec .solutions-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .solutions-category-sec .solutions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .solutions-category-sec .solutions-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.solutions-category-sec {
  /* CARD BASE */
}
.solutions-category-sec .solution-card {
  display: block;
  padding: 22px;
  border-radius: 16px;
  text-decoration: none;
  background: #ffffff;
  transition: all 0.3s ease;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}
.solutions-category-sec .solution-card .badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 4px 10px;
  border-radius: 50px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.solutions-category-sec .solution-card .card-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.solutions-category-sec .solution-card .icon-box {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.solutions-category-sec .solution-card h3 {
  font-size: 14px;
  font-weight: 700;
  color: #263140;
  line-height: 1.3;
  margin: 0;
  transition: 0.3s ease;
}
.solutions-category-sec .solution-card .sub-badge {
  display: inline-block;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 20px;
  background: #5D9F41;
  color: #ffffff;
}
.solutions-category-sec .solution-card .sub-badge.muted {
  background: #627084;
}
.solutions-category-sec .solution-card .feature-list {
  list-style: none;
  padding: 0;
  margin: 14px 0;
}
.solutions-category-sec .solution-card .feature-list li {
  font-size: 12px;
  color: #627084;
  margin-bottom: 6px;
  padding-left: 14px;
  position: relative;
}
.solutions-category-sec .solution-card .feature-list li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
  background: currentColor;
}
.solutions-category-sec .solution-card .explore-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.solutions-category-sec .solution-card .explore-link i {
  font-size: 11px;
  transition: 0.3s ease;
}
.solutions-category-sec .solution-card {
  /* HOVER */
}
.solutions-category-sec .solution-card:hover {
  transform: translateY(-6px);
}
.solutions-category-sec .solution-card:hover .explore-link {
  gap: 10px;
}
.solutions-category-sec .solution-card:hover h3 {
  color: inherit;
}
.solutions-category-sec {
  /* PROFESSIONAL (Blue) */
}
.solutions-category-sec .professional .badge {
  background: rgba(0, 60, 120, 0.1);
  color: rgb(0, 60, 120);
  border: 1px solid rgba(0, 60, 120, 0.2);
}
.solutions-category-sec .professional .icon-box {
  background: rgba(0, 60, 120, 0.1);
  color: rgb(0, 60, 120);
}
.solutions-category-sec .professional .explore-link {
  color: rgb(0, 60, 120);
}
.solutions-category-sec {
  /* ADVANCED (Red) */
}
.solutions-category-sec .advanced .badge {
  background: rgba(220, 38, 38, 0.1);
  color: rgb(220, 38, 38);
  border: 1px solid rgba(220, 38, 38, 0.2);
}
.solutions-category-sec .advanced .icon-box {
  background: rgba(220, 38, 38, 0.1);
  color: rgb(220, 38, 38);
}
.solutions-category-sec .advanced .explore-link {
  color: rgb(220, 38, 38);
}
.solutions-category-sec {
  /* PORTABLE (Green) */
}
.solutions-category-sec .portable .badge {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
  border: 1px solid rgba(72, 140, 60, 0.2);
}
.solutions-category-sec .portable .icon-box {
  background: rgba(72, 140, 60, 0.1);
  color: rgb(72, 140, 60);
}
.solutions-category-sec .portable .explore-link {
  color: rgb(72, 140, 60);
}
.solutions-category-sec {
  /* AED (Yellow) */
}
.solutions-category-sec .aed .badge {
  background: rgba(230, 170, 0, 0.1);
  color: rgb(200, 140, 0);
  border: 1px solid rgba(230, 170, 0, 0.2);
}
.solutions-category-sec .aed .icon-box {
  background: rgba(230, 170, 0, 0.1);
  color: rgb(200, 140, 0);
}
.solutions-category-sec .aed .explore-link {
  color: rgb(200, 140, 0);
}
.solutions-category-sec {
  /* RESOURCE */
}
.solutions-category-sec .resource .icon-box {
  background: rgba(120, 120, 120, 0.1);
  color: rgb(80, 80, 80);
}
.solutions-category-sec .resource .explore-link {
  color: rgb(80, 80, 80);
}
.solutions-category-sec {
  /* DISABLED */
}
.solutions-category-sec .disabled {
  opacity: 0.6;
  pointer-events: none;
}
.solutions-category-sec .disabled .icon-box {
  background: rgba(150, 150, 150, 0.1);
  color: #627084;
}

.key-feature .feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .key-feature .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.key-feature .feature-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border-radius: 12px;
  background-color: #f4f3f0;
  transition: all 0.3s ease;
}
.key-feature .feature-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.key-feature .feature-item span {
  font-size: 14px;
  color: #263140;
  line-height: 1.5;
}
.key-feature .feature-icon {
  width: 20px;
  height: 20px;
  stroke: #5D9F41;
  stroke-width: 2;
  fill: none;
  flex-shrink: 0;
  margin-top: 3px;
}

.ios-android .header-sec {
  margin-bottom: 30px;
}

.ios-android-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.ios-android-btns .button1 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.ios-android-btns .i {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}
.ios-android-btns {
  /* iOS Button */
}
.ios-android-btns .bt-ios {
  background-color: #ffffff;
  color: #05446B;
  border: 1px solid transparent;
}
.ios-android-btns .bt-ios:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.ios-android-btns {
  /* Android Button */
}
.ios-android-btns .bt-android {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.ios-android-btns .bt-android:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.blue-bg {
  background: linear-gradient(135deg, #033350 0%, #043f60 50%, #033350 100%);
}

.single-product .title-center {
  color: #05446B;
}
.single-product .title-center span {
  color: #5D9F41;
}
.single-product .blue-bg .title-center {
  color: #ffffff;
}
.single-product .blue-bg .title-center span {
  color: #5D9F41;
}
.single-product .blue-bg p {
  color: #ffffff;
}

.product-select {
  max-width: 380px;
  margin: 35px auto 25px;
}
.product-select__label {
  display: block;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #627084;
}
.product-select__wrapper {
  position: relative;
}
.product-select__dropdown {
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 12px;
  border: 1px solid rgba(38, 49, 64, 0.2);
  background-color: #ffffff;
  color: #263140;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  appearance: none;
  transition: all 0.3s ease;
}
.product-select__dropdown:focus {
  outline: none;
  border-color: #05446B;
  box-shadow: 0 0 0 3px rgba(5, 68, 107, 0.2);
}
.product-select__wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 8px;
  height: 8px;
  border-right: 2px solid #627084;
  border-bottom: 2px solid #627084;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

.product-series-card {
  display: grid;
  grid-template-columns: 1fr;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media (min-width: 768px) {
  .product-series-card {
    grid-template-columns: 1fr 1fr;
  }
}
.product-series-card__image {
  background: rgba(5, 68, 107, 0.0509803922);
  overflow: hidden;
}
.product-series-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}
.product-series-card__content {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .product-series-card__content {
    padding: 2rem;
  }
}
.product-series-card__content {
  display: flex;
  flex-direction: column;
}
.product-series-card__content .cta-btn {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
}
.product-series-card__tag {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5D9F41;
}
.product-series-card__title {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .product-series-card__title {
    font-size: 1.5rem;
  }
}
.product-series-card__title {
  font-weight: 700;
  color: #263140;
  margin: 0.5rem 0 1rem;
}
.product-series-card__desc {
  font-size: 0.875rem;
  color: rgba(38, 49, 64, 0.7);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.product-series-card__section {
  margin-bottom: 1.5rem;
}
.product-series-card__label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #627084;
  margin-bottom: 0.5rem;
  display: block;
}
.product-series-card__viewing {
  font-size: 0.875rem;
  color: #627084;
  margin-bottom: 1.5rem;
}
.product-series-card__viewing strong {
  color: #263140;
}

.color-options {
  display: flex;
  gap: 0.75rem;
}
.color-options .color-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid rgba(38, 49, 64, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
}
.color-options .color-btn.active {
  border-color: #05446B;
  box-shadow: 0 0 0 3px rgba(5, 68, 107, 0.3);
  transform: scale(1.1);
}
.color-options .color-btn:hover {
  border-color: rgba(5, 68, 107, 0.6980392157);
}

.pack-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.pack-options .pack-btn {
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid rgba(38, 49, 64, 0.2);
  background: #ffffff;
  color: rgba(38, 49, 64, 0.7);
  cursor: pointer;
  transition: all 0.3s ease;
}
.pack-options .pack-btn.active {
  background: #05446B;
  color: #ffffff;
  border-color: #05446B;
}
.pack-options .pack-btn:hover {
  background: rgba(5, 68, 107, 0.1);
}

.tabs {
  margin-top: auto;
}
.tabs__nav {
  display: flex;
  background: rgba(5, 68, 107, 0.0509803922);
  padding: 0.25rem;
  border-radius: 12px;
  margin-top: 1rem;
}
.tabs__btn {
  flex: 1;
  padding: 0.5rem;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #627084;
  transition: all 0.3s ease;
}
.tabs__btn.active {
  background: #ffffff;
  color: #263140;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.tabs__content {
  display: none;
}
.tabs__content.active {
  display: block;
}
.tabs__content {
  margin-top: 1rem;
}
.tabs__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tabs__content li {
  font-size: 0.875rem;
  color: #627084;
  margin-bottom: 0.5rem;
  position: relative;
}
.tabs__content li i {
  color: #05446B;
  font-size: 13px;
  margin-right: 2px;
}
.tabs__content:nth-child(2) i {
  color: #5D9F41;
}

.single-product #primary.content-area.primary {
  margin-bottom: 0;
}

.find-dist-btn .cta-btn {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
  width: 100%;
}
.find-dist-btn p {
  font-size: 14px;
  text-align: center;
}

.made-in-attribute {
  color: #05446b;
  font-size: 15px;
  margin-bottom: 8px;
}

.product-resources {
  background-color: #f4f3f0;
}
.product-resources .card {
  background: #ffffff;
  border: 1px solid rgba(38, 49, 64, 0.2);
  border-radius: 12px;
  padding: 1rem;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  height: 100%;
}
.product-resources .card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}
.product-resources .card .card-img-top {
  background: rgba(5, 68, 107, 0.0509803922);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.75rem;
  aspect-ratio: 1/1;
}
.product-resources .card .card-img-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-resources .card .card-body {
  padding: 0;
  text-align: left;
}
.product-resources .card .card-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: #263140;
  margin-bottom: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-resources .card .card-text {
  font-size: 0.75rem;
  color: #627084;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-resources .card .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #5D9F41;
  background: transparent;
  border: none;
  padding: 0;
  transition: color 0.3s ease;
}
.product-resources .card .btn:hover {
  color: rgb(71.8258928571, 122.7991071429, 50.2008928571);
}
.product-resources .card .btn i {
  font-size: 0.7rem;
}

.product-resource-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-resource-list li {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #f4f3f0;
  padding: 1rem;
  border-radius: 12px;
  margin-bottom: 0.75rem;
  transition: background 0.3s ease, transform 0.2s ease;
}
.product-resource-list li:hover {
  transform: translateY(-2px);
}
.product-resource-list li {
  /* LEFT ICON SECTION */
}
.product-resource-list li .documentation-pr-list {
  flex-shrink: 0;
}
.product-resource-list li .documentation-pr-list .doc-item .doc-type {
  width: 40px;
  height: 40px;
  background: rgba(5, 68, 107, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-resource-list li .documentation-pr-list .doc-item .doc-type i {
  font-size: 16px;
  color: #05446B;
}
.product-resource-list li {
  /* TITLE + CATEGORY */
}
.product-resource-list li > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.product-resource-list li > div:nth-child(2) h3 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #263140;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-resource-list li > div:nth-child(2) .doc-category {
  font-size: 0.75rem;
  color: #627084;
  display: block;
  margin-top: 2px;
}
.product-resource-list li .view-detail {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5D9F41;
  text-decoration: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.3s ease;
}
.product-resource-list li .view-detail:hover {
  color: rgb(71.8258928571, 122.7991071429, 50.2008928571);
}
.product-resource-list li .view-detail i {
  font-size: 12px;
}

.products .product {
  background: #ffffff;
  border: 1px solid rgba(5, 68, 107, 0.0509803922);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: block;
}
.products .product:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}
.products .product .astra-shop-thumbnail-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: #f4f3f0;
}
.products .product .astra-shop-thumbnail-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.products .product .astra-shop-thumbnail-wrap:hover img {
  transform: scale(1.05);
}
.products .product .astra-shop-thumbnail-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  transition: background 0.3s ease;
}
.products .product .astra-shop-thumbnail-wrap:hover::after {
  background: rgba(5, 68, 107, 0.8);
}
.products .product .astra-shop-thumbnail-wrap .ast-quick-view-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 30px;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #263140;
  text-decoration: none;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 9;
}
.products .product .astra-shop-thumbnail-wrap:hover .ast-quick-view-text {
  opacity: 1;
}
.products .product .astra-shop-summary-wrap {
  padding: 20px;
  display: block;
}
.products .product .custom-product-badge {
  margin-bottom: 8px;
}
.products .product .custom-product-badge .badge-item {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5D9F41;
}
.products .product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 700;
  color: #263140;
  margin-bottom: 14px;
  transition: color 0.3s ease;
}
.products .product .woocommerce-loop-product__title:hover {
  color: #05446B;
}
.products .product .acf-highlight-points {
  margin-bottom: 18px;
}
.products .product .acf-highlight-points ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.products .product .acf-highlight-points ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 4px;
  color: #5D9F41;
  font-weight: 400;
}
.products .product .acf-highlight-points ul li i {
  font-size: 14px;
  color: #5D9F41;
}
.products .product .ast-woo-shop-product-description {
  margin-top: 14px;
  font-size: 13px;
  color: #627084;
}

.woocommerce-js .ast-archive-post a.button {
  margin-top: auto;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  background: transparent;
  color: #5D9F41;
  text-decoration: none;
  text-align: left;
  transition: all 0.3s ease;
}
.woocommerce-js .ast-archive-post a.button:hover {
  transform: translateY(-2px);
}

.master-resource {
  margin-top: 30px;
}
.master-resource .filter-btn {
  box-shadow: none;
  border: 0;
  background: #f4f3f0;
}
.master-resource .filter-btn.active,
.master-resource .filter-btn:hover {
  background: #05446B;
  color: #ffffff;
  border-color: #05446B;
  box-shadow: 0 6px 18px rgba(5, 68, 107, 0.3);
}
.master-resource .master-resource-search {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.master-resource .search-wrapper {
  width: 60%;
  max-width: 100%;
  margin: 0 15px 0 0;
}
.master-resource .search-wrapper .search-input {
  background: none;
  border: 1px solid #e0e5eb;
  box-shadow: none;
  padding: 12px 40px 12px 42px;
}
.master-resource .resource-filters {
  margin: 0;
  width: 75%;
}

.master-resource-sec .resource-list .resource-card {
  padding: 16px;
  align-items: center;
}
.master-resource-sec .resource-list .resource-card::after {
  content: none;
}
.master-resource-sec .resource-list .resource-card-header {
  display: block;
  margin: 0;
}
.master-resource-sec .resource-list .resource-card-header h3 {
  font-size: 14px;
  font-weight: 500;
}
.master-resource-sec .resource-list .resource-card-header p {
  font-size: 14px;
}
.master-resource-sec .download-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #5D9F41;
  background: none;
  border: none;
  cursor: pointer;
  transition: 0.2s;
  flex-shrink: 0;
  margin-left: auto;
}
.master-resource-sec .download-btn:hover {
  color: #05446B;
}
.master-resource-sec .download-btn i {
  font-size: 13px;
}
.master-resource-sec .pdf-text {
  display: none;
}
@media (min-width: 640px) {
  .master-resource-sec .pdf-text {
    display: inline;
  }
}

.resource-card .accordion-button {
  width: auto;
  box-shadow: none;
}
.resource-card .accordion-button::after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 10px;
}

.post-type-archive-product .site-content {
  background-color: #f4f3f0;
}

.products {
  gap: 20px;
}
.products li {
  margin-bottom: 0 !important;
}

@media (min-width: 767px) {
  .custom-tabs .tab-btn {
    font-size: 16px;
    padding: 14px 28px;
  }
  .stay-loop-sec > .container > .row {
    align-items: center;
    justify-content: space-between;
    --bs-gutter-x: 2.5rem;
  }
  .mobile-search {
    display: none;
  }
  .contact-form-sec .container > .row {
    --bs-gutter-x: 3rem;
    padding: 0 60px;
  }
  .contact-form-sec .distributor-card {
    margin-top: 30px;
  }
  .contact-item:last-child .contact-text p {
    width: 50%;
  }
  .faq-helf-guides-sec .container > .row {
    --bs-gutter-x: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .hdr-btn-right {
    padding-top: 10px;
  }
  .stellarnav li {
    margin-left: 0px;
  }
  .stellarnav li.has-sub > a:after {
    margin-left: 6px;
    font-size: 11px;
  }
  .stellarnav.light li a {
    font-size: 13px;
    padding: 5px 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .mnu-hm .stellarnav.light {
    text-align: right;
  }
  .stellarnav.mobile li a.dd-toggle,
  .stellarnav.mobile.light li a.dd-toggle {
    height: 44px;
  }
  .stellarnav.mobile.light > ul {
    border: 0 !important;
  }
  .stellarnav.light ul li a {
    padding: 6px 12px;
    font-weight: 400 !important;
  }
  .hdr-btn-right {
    padding: 20px;
  }
  .stellarnav.mobile.light ul ul {
    position: relative !important;
    margin: 0 !important;
    width: 90% !important;
    top: 0;
    left: 5%;
    border: rgba(232, 232, 232, 0.5215686275) solid 1px;
  }
  .hdr-ph1 {
    vertical-align: top;
  }
  a.menu-toggle.full {
    text-align: right;
  }
  .stellarnav.mobile.light ul {
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: 99;
    right: 0;
    top: 92px;
  }
  .stellarnav.light li a {
    font-size: 15px;
    padding: 8px 13px;
  }
  .banner-content .bnr-title {
    font-size: 50px;
    line-height: 1em;
  }
  .banner-content p {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .bnr-btn-sec {
    display: block;
    margin-top: 20px;
  }
  .bnr-btn {
    font-size: 20px;
    justify-content: center;
    height: 52px;
    line-height: 52px;
    margin-top: 15px;
  }
  .banner-content {
    left: 6%;
    right: 6%;
  }
  .banner-video {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .row {
    --bs-gutter-y: 1rem;
  }
  .stellarnav.mobile.light ul {
    top: 66px;
  }
  .stellarnav ul li:nth-last-child(2) {
    display: none;
  }
  .stellarnav.light li .btn-hdr a {
    text-align: center;
  }
  .search-btn.mobile-search {
    position: absolute;
    right: 50px;
  }
  .padd-y-60 {
    padding: 20px 0;
  }
  .padd-b-60 {
    padding-bottom: 20px;
  }
  .title-left {
    font-size: 30px;
  }
  .title-center {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .title-center-small {
    font-size: 24px;
  }
  .heading-sec {
    margin-bottom: 0;
    margin-top: 15px;
  }
  .btn-prestan-primary {
    padding: 12px 22px;
    font-size: 16px;
  }
  .bnr-btn-sec .bnr-btn {
    width: 100%;
  }
  .confidence-gap-sec .content {
    padding: 20px;
  }
  .confidence-gap-sec > .container > .row {
    --bs-gutter-x: 1.5rem;
  }
  .confidence-gap-sec .content h5 {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 20px;
  }
  .counter-box .count,
  .counter-box .countTo {
    font-size: 40px;
  }
  .training-equipment-sec {
    padding: 10px 0 0 0;
  }
  .counter-box {
    padding: 18px 20px;
  }
  .counter-box:nth-child(2) {
    margin-left: 20px;
  }
  .counter-box:nth-child(3) {
    margin-right: 20px;
  }
  .footer-main .address {
    margin-right: 0;
    width: 70%;
  }
  .footer-col {
    margin-bottom: 10px;
  }
  .footer-col h4 {
    margin-bottom: 10px;
  }
  .footer-col ul li {
    margin-bottom: 3px;
  }
  .footer-bottom {
    margin-top: 20px;
    padding-top: 13px;
    justify-content: center;
  }
  .footer-main {
    padding: 25px 0 12px;
  }
  .explore-sec .heading-sec {
    margin-bottom: 20px;
  }
  .btn-border {
    padding: 12px 20px;
    font-size: 15px;
  }
  .explore-btn-sec {
    margin-top: 0;
  }
  .testimonial-card {
    padding: 30px;
  }
  .testimonial-card .user-info {
    width: 77%;
  }
  .testimonial-card .user-info .user-role {
    line-height: 15px;
    display: flex;
  }
  .testimonial-card .user-info .user-name {
    line-height: 26px;
    margin-top: 0px;
  }
  .testimonial-card .testimonial-quote {
    font-size: 15px;
  }
  .trusted-wrapper {
    margin: 0;
  }
  .news-tabs-sec .custom-tabs .tab-btn {
    padding: 12px 15px;
    font-size: 13px;
  }
  .news-events-sec .header-sec {
    margin-bottom: 20px;
  }
  .news-tabs-sec .custom-tabs {
    margin-bottom: 25px;
  }
  .partner-sec {
    padding: 30px 0 50px;
  }
  .partner-info-card {
    padding: 1.5rem;
  }
  .cta-btn {
    font-size: 1rem;
    padding: 0.8rem 1.5rem;
  }
  .news-events-sec .header-sec .title-left {
    font-size: 28px;
  }
  .made-in-usa-sec {
    background-size: cover;
    background-position: right center;
  }
  .newsletter-section .newsletter-form-wrapper {
    max-width: 100%;
  }
  .video-card iframe {
    height: 200px;
  }
  .inner-bnr-sec {
    padding: 25px 0;
  }
  .inner-bnr-sec .inr-title {
    font-size: 25px;
  }
  .inner-bnr-sec .inr-hero p {
    font-size: 16px;
  }
  .product-top-bar {
    top: 65px;
  }
  .why-prestan-sec .header-sec .title-center {
    font-size: 26px;
  }
  .why-prestan-sec .header-sec {
    margin-bottom: 30px;
  }
  .prestan-cta-sec .prestan-cta {
    padding: 25px 15px;
  }
  .prestan-cta-sec .title-center {
    font-size: 26px;
  }
  .prestan-cta-sec .prestan-cta p {
    margin: 0;
  }
  .prestan-cta-sec .prestan-cta .prestan-cta__buttons {
    display: block;
  }
  .prestan-cta-sec .prestan-cta .btn-prestan-primary {
    margin-bottom: 10px;
  }
  .ready-build-sec .ready-build-content p {
    font-size: 17px;
    margin: 0 0 20px;
  }
  .ready-build-sec .ready-build-content .prestan-cta__buttons {
    display: grid;
    gap: 5px;
  }
  .ready-build-sec .ready-build-content .prestan-cta__buttons .cta-btn {
    justify-content: center;
  }
  .breadcrumb-sec {
    padding: 30px 0 10px;
  }
  .download-card {
    width: 100%;
  }
  .title-center-medium {
    font-size: 24px;
  }
  .cpr-rate-sec .title-center-medium {
    margin-bottom: 20px;
  }
  .opa-npa-sec .title-center-medium {
    margin-bottom: 17px;
  }
  .product-browse {
    padding: 20px 0 15px;
  }
  .related-products-header .title-center-medium {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .who-we-are-bnr {
    padding: 30px 0;
  }
  .about-intro-sec h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .about-intro-sec p {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .contact-form {
    padding: 20px;
  }
  .contact-details {
    margin-top: 15px;
  }
  .contact-form-sec .contact-form__title {
    font-size: 20px;
  }
  .title-left-small {
    font-size: 24px;
  }
  .product-instruction-tabs {
    justify-content: center;
    margin-top: 20px;
  }
  .inr-btn {
    gap: 2px;
    padding: 10px 10px 10px 0;
  }
  .resources-bnr p:nth-of-type(1) {
    font-size: 22px;
  }
  .resources-bnr {
    padding: 40px 0 20px;
  }
  .resource-grid {
    margin-top: 20px;
  }
  .video-modal-content {
    width: 90%;
  }
  .video-library-sec .container > .row {
    margin-top: 5px;
  }
  .contact-faq-sec .title-center-small {
    font-size: 20px;
  }
  .contact-faq-sec .faq-list {
    margin-top: 20px;
  }
  .faq-tabs-sticky {
    top: 65px;
  }
  .faq-content-sec {
    padding: 25px 0;
  }
  .faq-content-sec .faq-title {
    margin-bottom: 0;
  }
  .distributor-bnr {
    padding: 30px 0;
  }
  .distributor-bnr .inr-hero a {
    margin-top: 0;
  }
  .distributor-bnr .inr-hero p:first-of-type {
    font-size: 19px;
  }
  .region-btn {
    padding: 8px 10px;
    font-size: 12px;
  }
  .distributors-content .distributors-title {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .distributors-content {
    scroll-margin-top: 80px;
    margin-bottom: 30px;
  }
  .inr-title-lg {
    font-size: 34px;
  }
  .product-bnr .inr-hero {
    margin-bottom: 25px;
  }
  .join-conver-sec .join-conver-content {
    padding: 20px;
  }
  .master-resource .master-resource-search {
    display: block;
  }
  .master-resource .master-resource-search .search-wrapper {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .master-resource .master-resource-search .resource-filters {
    width: 100%;
    gap: 6px;
  }
  .master-resource .master-resource-search .resource-filters .filter-btn {
    padding: 10px 18px;
  }
  .title-center-lg {
    font-size: 26px;
  }
  .program-grid {
    margin-top: 20px;
  }
  .inner-bnr-sec.solutions-bnr {
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1220px;
  }
}


.news-events .eael-grid-post-holder-inner img.attachment-full.size-full{
	 transform: scale(1) translate(-50%, -50%);
    transition: 0.3s;
	left: 50%;
    top: 50%;
}
.news-events .eael-grid-post-holder-inner:hover img.attachment-full.size-full{
    transform: scale(1.05) translate(-50%, -50%);
    transition: 0.3s;
}
.testimonial-user .user-name {
    margin-bottom: 0;
}





/*# sourceMappingURL=style.css.map */