main#main {
    padding-top: 0!important;
    }
    
    img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    /* ========== Banner Section ========== */
    .banner-section {
      padding: 0;
      background: linear-gradient(179.9deg, #3B3C43 42.61%, #0C0C0D 97.11%);
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .banner-section > * {
      width: 100%;
      max-width: 1440px;
      padding: 0 80px;
      box-sizing: border-box;
    }

    .banner-row-1 {
      padding-top: 60px;
      display: grid;
      grid-template-columns: 54% 46%;
      /* gap: 40px; */
      align-items: center;
      margin-bottom: 60px;
    }

    .banner-row-2 {
      padding-bottom: 60px;
    }

    .banner-row-1__content {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .banner-row-1__content h1 {
      font-size: 64px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0;
      color: white;
      margin: 0;
    }

    .banner-row-1__content p {
      font-size: 24px;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0;
      color: #FFFFFF;
    }
	
	.banner-row-1__content sup {
      cursor: pointer;
      border-radius: 2px;
      outline: none;
      font-size: 14px;
      vertical-align: super;
    }

    .banner-row-1__content sup:focus-visible {
      outline: 2px solid white !important; 
    }

    .banner-row-1__content .banner-cta {
      display: inline-block;
      padding: 14px 36px;
      background-color: #FBC600;
      color: #FFFFFF;
      text-decoration: none;
      border-radius: 8px;
      font-size: 18px;
      font-weight: 600;
      border: none;
      cursor: pointer;
      text-align: center;
      align-self: flex-start;
      transition: background-color 0.3s ease;
    }

    .banner-row-1__content .banner-cta:hover {
      background-color: #fcd74c;
    }

    .banner-row-1__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .banner-row-1__image img {
      width: 100%;
      border-radius: 12px;
      object-fit: cover;
    }

    /* ---------- Row 2: 3 columns ---------- */
    .banner-row-2 {
      padding-bottom: 60px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto 1fr auto;
      gap: 16px 40px;
    }

    .banner-row-2__col {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 3;
      gap: 16px;
    }

    .banner-row-2__col h3 {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.6;
      letter-spacing: 0;
      margin: 0;
      color: white;
    }

    .banner-row-2__col p {
      font-size: 24px;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: 0;
      color: #FFFFFF;
      margin: 0;
    }

    .banner-row-2__col a {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.6;
      letter-spacing: 0;
      color: #FFFFFF;
      text-decoration: underline;
      text-decoration-color: #FBC600;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
      align-self: flex-start;
    }

    .banner-row-2__col a:focus-visible {
      outline: 2px solid white;
      border-radius: 8px;
      outline-offset: 0px;
    }

    /* ========== Info Banner Section ========== */
    .info-banner-section {
      padding: 0;
      background: #3B3C43;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .info-banner-row {
      width: 100%;
      max-width: 1440px;
      padding: 60px 80px;
      box-sizing: border-box;
      display: grid;
      grid-template-columns: 35% 65%;
      gap: 40px;
      align-items: center;
    }

    .info-banner-row__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .info-banner-row__image img {
      width: 100%;
      border-radius: 12px;
      object-fit: cover;
    }

    .info-banner-row__content {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .info-banner-row__content h2 {
      font-size: 50px;
      font-weight: 700;
      line-height: 1.6;
      letter-spacing: 0;
      color: #FFFFFF;
      margin: 0;
    }

    .info-banner-row__content p {
      font-size: 24px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0;
      color: #FFFFFF;
      margin: 0;
    }

    .info-banner-row__content .info-banner-cta {
      display: inline-block;
      padding: 14px 80px;
      background-color: #FBC600;
      color: #3B3C43;
      text-decoration: none;
      border-radius: 8px;
      font-size: 20px;
      font-weight: 600;
      border: none;
      cursor: pointer;
      text-align: center;
      align-self: flex-start;
      transition: background-color 0.3s ease;
    }

    .info-banner-row__content .info-banner-cta:hover {
      background-color: #fcd74c;
    }

	.info-banner-row__content .info-banner-cta:focus-visible {
      outline: 2px solid white;
    }

    /* ========== Features Section ========== */
    .features-section {
      padding: 0;
      background: linear-gradient(170.65deg, #3B3C43 20.17%, rgba(59, 60, 67, 0.102) 83.93%), url('/sites/mysyf/img/syf_luxury_pattern.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .features-section > * {
      width: 100%;
      max-width: 1440px;
      padding: 0 80px;
      box-sizing: border-box;
    }

    .features-section__heading {
      padding-top: 60px;
    }

    .features-section__heading h1 {
      font-size: 50px;
      font-weight: 700;
      line-height: 1.6;
      letter-spacing: 0;
      color: #FFFFFF;
      margin-bottom: 50px;
    }

    .features-section__row {
      padding-bottom: 60px;
      display: grid;
      grid-template-columns: 60% 40%;
      gap: 20px;
      align-items: center;
    }

    .features-grid {
      display: grid;
      grid-template-columns: 60% 40%;
      grid-template-rows: repeat(3, auto);
      gap: 30px;
    }

    .features-grid__item {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 12px;
    }

    .features-grid__item img {
      width: 64px;
      height: 64px;
      object-fit: contain;
    }

    .features-grid__item p {
      font-size: 24px;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: 0;
      color: #FFFFFF;
      margin: 0;
    }

    .features-grid__item sup {
      cursor: pointer;
      border-radius: 2px;
      outline: none;
      font-size: 14px;
      vertical-align: super;
    }

    .features-grid__item sup:focus-visible {
      outline: 2px solid white !important;
    }

    .features-section__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .features-section__image img {
      width: 100%;
      border-radius: 12px;
      object-fit: cover;
    }

    /* ========== Tablet (768px – 991px) ========== */
    @media (max-width: 991px) {
      .banner-section > * {
        padding: 0 40px;
      }

      .banner-row-1 {
        padding-top: 40px;
        gap: 30px;
        margin-bottom: 40px;
      }

      .banner-row-1__content h1 {
        font-size: 53px;
      }

      .banner-row-1__content p {
        font-size: 21px;
      }

      .banner-row-2 {
        padding-bottom: 40px;
        gap: 16px 30px;
      }

      .banner-row-2__col h3 {
        font-size: 25px;
      }

      .banner-row-2__col p {
        font-size: 19px;
      }

      .banner-row-2__col a {
        font-size: 19px;
      }

      .info-banner-section {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .info-banner-row {
        padding: 40px 40px;
        grid-template-columns: 35% 65%;
        gap: 30px;
      }

      .info-banner-row__content h2 {
        font-size: 46px;
      }

      .info-banner-row__content p {
        font-size: 21px;
      }

      .features-section > * {
        padding: 0 40px;
      }

      .features-section__heading {
        padding-top: 40px;
      }

      .features-section__row {
        padding-bottom: 40px;
      }

      .features-section__heading h1 {
        font-size: 46px;
        margin-bottom: 36px;
      }

      .features-section__row {
        gap: 30px;
      }

      .features-grid {
        gap: 20px;
      }

      .features-grid__item img {
        width: 48px;
        height: 48px;
        /* margin: 0 auto; */
      }

      .features-grid__item p {
        font-size: 19px;
      }
    }

    /* ========== Mobile (< 768px) ========== */
    @media (max-width: 767px) {
      .banner-section > * {
        padding: 0 20px;
      }

      .banner-row-1 {
        padding-top: 30px;
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 40px;
      }

      .banner-row-1__image {
        /* order: -1; image first on mobile */
      }

      .banner-row-1__content h1 {
        font-size: 42px;
      }

      .banner-row-1__content p {
        font-size: 18px;
      }

      /* Row 2 → single column */
       .banner-row-2 {
        padding-bottom: 30px;
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 32px;
      }

      .banner-row-2__col {
        display: flex;
        flex-direction: column;
        grid-row: auto;
        grid-template-rows: none;
        gap: 16px;
      }

      .banner-row-2__col h3 {
        font-size: 18px;
      }

      .banner-row-2__col p {
        font-size: 14px;
      }

      .banner-row-2__col a {
        font-size: 18px;
      }

      /* Info banner → single column, image on top */
      .info-banner-section {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .info-banner-row {
        padding: 30px 20px;
        grid-template-columns: 1fr;
        gap: 24px;
      }

      .info-banner-row__image {
        order: -1;
      }

      .info-banner-row__content h2 {
        font-size: 42px;
      }

      .info-banner-row__content p {
        font-size: 18px;
      }

      /* Features section → single column */
      .features-section > * {
        padding: 0 20px;
      }

      .features-section__heading {
        padding-top: 30px;
      }

      .features-section__row {
        padding-bottom: 30px;
      }

      .features-section__heading h1 {
        font-size: 42px;
        margin-bottom: 30px;
        line-height: 1;
      }

      .features-section__row {
        grid-template-columns: 1fr;
        gap: 32px;
      }

      .features-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto);
        gap: 20px;
      }

      .features-grid__item {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .features-grid__item p {
        font-size: 14px;
      }
      .info-banner-row__content .info-banner-cta {
        align-self: center;
      }
    }
	/* Footnotes Section CSS Start */
	.footnotes {
  padding: 60px 80px;
  text-align: center;
  background-color:#3B3C43;
  color:#fff;
  max-width: unset;
  }
  .footnote{
    margin: 0.5rem 0;
	  font-size:14px;
	  line-height:1.4;
  }
  @media (max-width: 1439px) {
    .footnotes {
      padding: 50px;
      } }
.footnotes {
  text-align: left; }
  main sup {
    position: relative;
    top: -3px;
    left: 1px;
    font-size: 12px; }
  /* End Footnotes Section CSS */
  
/* Articles Section CSS Start */
  .related-articles {
  background-color: #3B3C43;
  padding: 60px 80px; }
  .related-articles h2 {
    margin-bottom: 0; 
  }
  	
  .articles-wrapper {
  display: flex;
  gap: 25px;
  justify-content: center;
  }
  @media (max-width: 991px) {
    .articles-wrapper {
      flex-direction: column;
      align-items:center;
      gap: 40px;
    }
  }
	.blog-tile {
  position: relative;
  width: 420px;
  max-width: calc(100vw - 70px);
  }
  .blog-tile-img {
    height: 230px;
    width: 100%; }
  .blog-tile-button-wrap {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: flex-end; }
    .blog-tile-button-wrap a {
      position: relative;
      margin-bottom: -24px;
      font-size: 16px; }
  #articles .blog-tile-heading {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 12px;
    text-align: center;
    color:#fff;	}
  .blog-tile-description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color:#fff;	}
  .blog-tile-copy-wrap {
    margin-top: 50px; }


.button-gold,
.button-outlined,
.button-white {
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 18px;
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  min-width: 180px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center; }
  @media (max-width: 767px) {
    .button-gold,
    .button-outlined,
    .button-white {
      font-size: 16px;
      padding: 12px 24px; } }

 @media (max-width: 992px) {
    .my-80 {
       margin-top: 0px; 
       margin-bottom: 0px;
      }
    }
	  
	.value-prop {
  background-color: #e8e9ec;
  padding: 0 30px;
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  color: #3b3d49;
  }
  .value-prop.teal-bg {
  color: white;
  background-image: url('/sites/syc/img/desktopbg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	}
  .value-prop__image {
    width: 598px;
    margin-top: 20px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .value-prop__text {
    height: -moz-fit-content;
    margin-top:100px;
  }
  .value-prop__text h2{
    font-size: 50px;
    margin: 36px 0px;
    font-weight: 500;
  }

  .value-prop__text p,
  .value-prop__text ul {
    font-size: 24px;
    line-height: 30px; }

  .app-store-links {
    display: flex;
    gap: 30px;
    margin: 36px 0px;
    padding-bottom: 30px;
    }
  .app-store-links a{
      width: 162px;
  }   

   @media (max-width: 400px) {
	 .value-prop__text {
    max-width:300px;
    }
   }
  @media (max-width: 767px) {
    .value-prop__text{
     box-sizing: border-box;
     margin: 0 auto;
    }
    .value-prop__text h2{
    font-size: 32px;  
  }
    
  }
  @media (max-width: 1024px) {
    .value-prop {
      flex-direction: column;
      gap: 30px;
      align-items: center;
     
    } 
    .value-prop__image {
       width: 542px;
       margin-top: 0px;
    }      
    .value-prop__text {
        margin-top: 0px;
    }
    value-prop__text h2{
      font-size: 42px;
    }
     value-prop__text p,
     value-prop__text ul {
      font-size: 19px;
      line-height: 28px;
    }
    
  }
  @media (min-width: 1024px) {
	.value-prop__text{
		max-width:769px;
		margin-top: 10px;
	}	
}
  

/* =================
FAQ Section rewrites
================= */
.simple-faq {background: #3B3C43;color: white !important;
  padding: 60px 80px !important;
  margin: 0 !important;
  max-width: unset;
  }

.sections-content {
  color: white !important;
}

.sections-desktop a {
  color: white !important
}
.sections-desktop a:hover, .sections-desktop a.active {
    background-color: #f3f6f6 !important;
    color: #3B3C43 !important;
}

.sections-desktop {
  max-height: none !important;
}

.section-dropdown__wrapper {
  background-color: #3B3C43 !important;
  /* padding: 0 !important; */
  /* margin: 24px 0; */
  width: 99% !important;
}

.section-dropdown__menu {
  color:white !important;
  background-color:#3B3C43 !important;
}

.sections-content details .answer p {
  color: white !important;
}

.section-dropdown__menu li a.active, .section-dropdown__menu li a:hover, .section-dropdown__menu li a:focus {
    color: #3B3C43 !important;
}

 @media (max-width: 991px) {
      .simple-faq {
        padding-left: 40px !important;
        padding-right: 40px !important;
      }
      .simple-faq h3 {
        font-size: 38px !important;
      }
    }

    @media (max-width: 767px) {
      .simple-faq {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .simple-faq h3 {
        font-size: 32px !important;
      }
    }
.sections-content details .answer {
    color: #fff !important;
}

.section-dropdown__menu li a.active, .section-dropdown__menu li a:hover, .section-dropdown__menu li a:focus {
  background-color: #fff ;}