#fw-section-image-355e9251-50c2-4d42-a160-b1682751cdb2 {

img {
  max-width: 60%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.5), 0 0 40px rgba(0, 191, 255, 0.3);
  transition: transform 0.3s ease;
}

img:hover {
  transform: scale(1.02);
}

}





#fw-section-image-with-text-7420d3f6-ba3b-4412-ba25-d669670a14f0 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
.button--primary {
  padding: 6px 14px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: auto !important;
  min-width: unset !important;
}

.button--expand {
  width: auto !important;
  min-width: unset !important;
}
.image-with-text__text {
  background-color: rgba(6, 17, 39, 0.9) !important;
  box-shadow: 0 0 8px rgba(0, 128, 255, 0.2);
}


}
#fw-section-image-with-text-347e0272-6e67-4d47-9f79-df790c18e612 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
.button--primary {
  padding: 6px 14px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: auto !important;
  min-width: unset !important;
}

.button--expand {
  width: auto !important;
  min-width: unset !important;
}
.image-with-text__text {
  background-color: rgba(6, 17, 39, 0.9) !important;
  box-shadow: 0 0 8px rgba(0, 128, 255, 0.2);
}


}
#fw-section-image-with-text-b04d978a-1e12-4df1-83bd-ffef98413511 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
.button--primary {
  padding: 6px 14px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: auto !important;
  min-width: unset !important;
}

.button--expand {
  width: auto !important;
  min-width: unset !important;
}
.image-with-text__text {
  background-color: rgba(6, 17, 39, 0.9) !important;
  box-shadow: 0 0 8px rgba(0, 128, 255, 0.2);
}


}
#fw-section-image-with-text-7ca4ba35-07b0-41f0-8b15-24862da77b8d {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
.button--primary {
  padding: 6px 14px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: auto !important;
  min-width: unset !important;
}

.button--expand {
  width: auto !important;
  min-width: unset !important;
}
.image-with-text__text {
  background-color: rgba(6, 17, 39, 0.9) !important;
  box-shadow: 0 0 8px rgba(0, 128, 255, 0.2);
}


}

















#fw-section-image-with-text-7e4bc4d3-f991-4f1f-9b63-207264e61543 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
.button--primary {
  padding: 6px 14px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: auto !important;
  min-width: unset !important;
}

.button--expand {
  width: auto !important;
  min-width: unset !important;
}
}
#fw-section-image-with-text-cfaa752c-e834-40df-b846-1c96b5d0fc9a {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
.button--primary {
  padding: 6px 14px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: auto !important;
  min-width: unset !important;
}

.button--expand {
  width: auto !important;
  min-width: unset !important;
}
}
#fw-section-image-with-text-f9a26f23-807c-427f-a4fe-78835a54c43b {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}.button--primary {
  padding: 6px 14px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: auto !important;
  min-width: unset !important;
}

.button--expand {
  width: auto !important;
  min-width: unset !important;
}
}
#fw-section-image-with-text-3a44b213-4215-4c54-97dd-54d334435b99 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}

}
#fw-section-image-with-text-da032d9e-46fc-45ba-bce0-140567ff0010 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}


}
#fw-section-image-with-text-86726dc3-4927-4e9f-9c0e-cc9dc6d34a9f {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
}
#fw-section-image-with-text-6883dce9-9ec0-4c4e-a7f8-a6dc00d5bb36 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
}
#fw-section-image-with-text-dbbb447a-ba75-4a04-aee0-bf64f8c38904 {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
}
#fw-section-image-with-text-47db6170-54ec-47ee-af10-d7a8bb29c08b {

img {
  max-width: 300px;
  height: auto;
}
.image-with-text {
  display: flex;
  align-items: center;
  gap: 10px; /* reduce the space between image and text */
}

.image-with-text img {
  max-width: 300px;
  margin-right: 10px; /* optional: space between image and text */
}
.image-with-text__text {
  background-color: #061127 !important;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  margin: 10px 0;
  color: #ffffff;
}
}



#fw-section-hero-video-dab63200-0fbc-4a5c-b76b-49181e1a81d5 {
--color-primary: #386af9;
--color-primary-rgb: 56, 106, 249;
--color-background: #061127;
--color-background-rgb: 6, 17, 39;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-product-image-background: #ffffff;
--color-background-brightness: 16;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #386af9;
--primary-btn-text: #FFFFF6;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}

#fw-section-custom-html-66c96fd2-afd1-411d-ab82-af41c7a9f715 {

.about-section {
  padding: 20px 20px;
}

.about-container {
  max-width: 900px;
  margin: 0 auto;

  background: linear-gradient(
    to bottom,
    rgba(18, 45, 75, 0.96),
    rgba(8, 20, 35, 0.96)
  );

  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 0 20px rgba(0,0,0,0.4),
    0 0 40px rgba(30, 80, 160, 0.15),
    inset 0 0 15px rgba(255,255,255,0.03);

  padding: 40px 30px;
  text-align: center;
}

.about-title {
  font-size: 22px;
  letter-spacing: 2px;
  margin-bottom: 20px;
  color: #e6f0ff;
}

.about-text {
  font-size: 15px;
  line-height: 1.6;
  color: #cfd8e6;
  margin-bottom: 15px;
}
}
#fw-section-custom-html-38ad0357-49e2-4f29-b02a-23fe92dcae21 {

/* === SECTION === */
.yt-section {
  padding: 20px 20px;
  color: #fff;
}

/* === HEADER === */
.yt-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto 30px;
}

/* === BUTTON === */
.yt-button {
  border: 1px solid #fff;
  padding: 8px 16px;
  border-radius: 20px;
  text-decoration: none;
  color: #fff;
}

.yt-button:hover {
  background: #fff;
  color: #000;
}

/* === GRID (THIS FIXES EVERYTHING) === */
.yt-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 per row */
  gap: 25px;
  max-width: 1100px;
  margin: 0 auto;
}

/* === CARD === */
.yt-card {
  text-decoration: none;
  color: #fff;
  display: block;
}

/* === THUMB === */
.yt-thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
}

.yt-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* === TITLE === */
.yt-title {
  margin-top: 10px;
  font-size: 14px;
  color: #cfd8e6;
}

/* === MOBILE === */
@media (max-width: 900px) {
  .yt-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .yt-grid {
    grid-template-columns: 1fr;
  }
}
/* === CARD LIFT + GLOW === */
.yt-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
  overflow: hidden;
}

.yt-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 25px rgba(80, 140, 255, 0.25);
}


/* === THUMB SYSTEM === */
.yt-thumb {
  position: relative;
}


/* === DARK OVERLAY === */
.yt-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background 0.3s ease;
  z-index: 1;
}


/* === PLAY BUTTON === */
.yt-thumb::after {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  font-size: 42px;
  color: white;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
  text-shadow: 0 0 10px rgba(255,255,255,0.6);
}


/* === HOVER EFFECTS === */
.yt-card:hover .yt-thumb::before {
  background: rgba(0,0,0,0.45);
}

.yt-card:hover .yt-thumb::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.yt-card:hover .yt-thumb img {
  transform: scale(1.08);
}


/* === TITLE POLISH === */
.yt-title {
  transition: color 0.3s ease, transform 0.3s ease;
}

.yt-card:hover .yt-title {
  color: #ffffff;
  transform: translateY(-2px);
}
/* === WRAPPER (outer spacing) === */
.yt-wrapper {
  padding: 40px 20px;
}


/* === GLASS PANEL BACKGROUND === */
.yt-section {
  background: rgba(13, 34, 58, 0.92); /* deep blue */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); /* Safari support */
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 0 25px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}


/* === SUBTLE TOP LIGHT === */
.yt-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.05),
    transparent 40%
  );
  pointer-events: none;
}


/* === SOFT AMBIENT GytLOW (breathing effect) === */
@keyframes ytGlow {
  0%   { box-shadow: 0 0 20px rgba(0,0,0,0.4); }
  50%  { box-shadow: 0 0 45px rgba(30, 80, 160, 0.25); }
  100% { box-shadow: 0 0 20px rgba(0,0,0,0.4); }
}

.yt-section {
  animation: ytGlow 6s ease-in-out infinite;
}
}




#fw-section-tiers-1751851221 {

section div[class*="grid"] > div {
  background: linear-gradient(to bottom right, #0b1a36, #1e2e48, #3c2b1d) !important;
  border-radius: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  margin: 5px;
  padding: 15px 10px;
  box-sizing: border-box;
}


}




#fw-section-announcement-bar-161e796a-b0e8-4996-8f59-5552fa6cce25 {

section {
  background: linear-gradient(
    to right,
    #0b1a36 0%,
    #1e3a5f 10%,
    #3a5d7c 20%,
    #d3a550 30%,
    #e6c879 40%,
    #e6c879 60%,
    #d3a550 70%,
    #3a5d7c 80%,
    #1e3a5f 90%,
    #0b1a36 100%
  ) !important;
  padding: 10px 0 !important;
  text-align: center;
}

}
#fw-section-header {
--color-primary: #386af9;
--color-primary-rgb: 56, 106, 249;
--color-background: #061127;
--color-background-rgb: 6, 17, 39;
--color-on-background: #FFFFF6;
--color-on-background-rgb: 255, 255, 246;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-product-image-background: #FFFFF6;
--color-background-brightness: 16;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #386af9;
--primary-btn-text: #FFFFF6;
--primary-btn-border-color: #FFFFF6;
--secondary-btn-bg: transparent;
--secondary-btn-text: #FFFFF6;
--secondary-btn-border-color: #FFFFF6;
nav > ul > li > a {
  font-size:18px !important;
}

}