/**
 * Template-5 Styles – Minimal Structural Layout
 * Path: /templates/template-5/style.css
 *
 * Uses global utility classes: lp_container, flex-blocks, two-col
 * Only adds light structure, spacing, and basic formatting.
 */
 
main {
    padding: 0 !important;
}
.fusion-row {
    max-width: 100% !important;
}
/* TEMPLATE 5 – refined styles
   Scoped under .cds-t5 (cds-t5-*)
*/

/* container */
.cds-t5 .lp_container { max-width: 1200px; margin: 0 auto; padding-left: 18px; padding-right: 18px; }

/* global spacing */
.cds-t5 section { padding: clamp(28px, 4.5vw, 72px) 0; }

/* ---------------- HERO ---------------- */
.cds-t5-hero {
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 260px;
  display: flex;
  align-items: flex-end;
  color: #fff;
  padding-top: clamp(48px, 7vw, 140px) !important;
  padding-bottom: clamp(40px, 6vw, 80px);
}

/* overlay for readability */
.cds-t5-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: linear-gradient(180deg, rgba(7,24,41,0.55), rgba(7,24,41,0.55));*/
  z-index: 1;
}
.cds-t5-hero .lp_container { position: relative; z-index: 2; width: 100%; }

/* eyebrow + subheading */
.cds-t5-eyebrow {
  font-weight: 700;
  /*text-transform: uppercase;*/
  letter-spacing: .06em;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 70px;
  line-height: 75px;
}
.cds-t5-hero-sub {
  color: rgba(255,255,255,0.95);
  font-size: 18px;
  margin-bottom: 6px;
}

.contents-la {
    max-width: 680px;
}

/* ---------------- INTRO / MAIN TITLE ---------------- */
.cds-t5-intro { background: #f5f8fb; padding-top: 40px; padding-bottom: 40px; }
.cds-t5-intro-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.cds-t5-intro-left { flex:1 1 66%; }
.cds-t5-intro-right { width: 180px; text-align:right; }
.cds-t5-top { 
    font-weight:700; 
    /*color:#0b335f; */
    margin-bottom:8px; 
    font-size:22px; 
    /*text-transform:uppercase; */
    letter-spacing: .05em; }
.cds-t5-main-title {
  font-size: 60px !important;
  line-height: 1.06;
  color: #041731;
  margin: 0 0 12px;
  font-weight:800;
}
.cds-t5-secondary { color: #2f4a63; max-width:900px; }

/* intro logo */
.cds-t5-intro-logo { max-width:160px; height:auto; }

/* responsive intro */
@media (max-width: 900px) {
  .cds-t5-intro-inner { display:block; }
  .cds-t5-intro-right { width:auto; text-align:left; margin-top:18px; }
}

/* ---------------- CHALLENGE (C1) ---------------- */
.cds-t5-challenge { background: #fff; }
.flex-blocks.align-center { display:flex; gap:28px; align-items:flex-start; }

/* column widths on desktop */
.cds-t5-left-col { width:40%; }
.cds-t5-right-col { width:60%; }

/* left card style (dark blue card) */
.cds-t5-left-card {
  /*background: linear-gradient(180deg,#071829 0%, #06232f 100%);*/
  /*padding: 18px;*/
  /*border-radius: 6px;*/
  /*max-width: 420px;*/
  /*box-shadow: 0 8px 28px rgba(6,16,30,0.06);*/
}
.cds-t5-left-img { width:100%; height:auto; display:block; 
/*border-radius:4px; */
    
}

/* right content */
.cds-t5-challenge-title { color:#041731; font-weight:700; margin-top:0; margin-bottom:14px; font-size:1.05rem; }
.cds-t5-challenge-content p,
.cds-t5-challenge-content li {
  color:#394a57;
  line-height:1.65;
  margin-bottom:10px;
  font-size:1rem;
}
.cds-t5-challenge-content ul { margin-left: 1.15rem; }

/* CTA under right column */
.cds-t5-cta-wrap { margin-top:22px; }
.cds-t5-btn {
  display:inline-block;
  background:#071829;
  color:#fff;
  padding:10px 22px;
  border-radius:6px;
  text-decoration:none;
  font-weight:700;
}
/*.cds-t5-btn:hover { background:#0b2f49; }*/

/* mobile: stack columns */
@media (max-width:900px) {
  .cds-t5-left-col, .cds-t5-right-col { width:100% !important; display:block; }
  .cds-t5-left-card { max-width:100%; }
}

/* ---------------- ABOUT / BENEFITS ---------------- */
.cds-t5-about { background:#ffffff; padding-top:48px; padding-bottom:48px; }
.cds-t5-about-left { width:65%; }
.cds-t5-about-right { width:35%; padding-left:24px; }

.cds-t5-about-left p, .cds-t5-about-left li {
  color:#2f4a63; line-height:1.6; margin-bottom:12px; font-size:1rem;
}
.cds-t5-quote {
  background:#ffffff; border-left:6px solid #0b6fb5; padding:18px; border-radius:6px;
  box-shadow: 0 6px 20px rgba(6,16,30,0.04);
}
.cds-t5-quote blockquote { margin:0; font-style:normal; color:#071829; }

/* placeholder spacing when no quote */
.cds-t5-quote-placeholder { height: 1px; }

/* mobile stack for about */
@media (max-width:900px) {
  .cds-t5-about-left, .cds-t5-about-right { width:100% !important; padding-left:0; }
}

/* ---------------- BOTTOM CTA CARD (B1) ---------------- */
.cds-t5-cta-card { 
    /*background:#f5f8fb;*/
    /*padding-top:36px; padding-bottom:36px;*/
        /*background-image: linear-gradient(rgba(242, 244, 246, 1), rgba(242, 244, 246, 1)) !important;*/
    /*background-position: left top !important;*/
    /*background-size: auto !important;*/
    /*background-repeat: no-repeat !important;*/
    background: linear-gradient(rgba(242, 244, 246, 1), rgba(242, 244, 246, 1)) !important;
    
}
.cds-t5-cta-link {
  display:block; text-decoration:none; color:inherit; 
  /*padding:18px;*/
  /*background:#ffffff; border:1px solid #e6e9ec; border-radius:8px;*/
}

.cds-t5-cta-link:hover { 
    /*transform: translateY(-4px); */
    /*box-shadow:0 12px 30px rgba(6,16,30,0.06); */
    
}

/* card two-col */
.cds-t5-cta-left { width:40%; }
.cds-t5-cta-right { width:60%; display:flex; align-items:center; padding-left:18px; }
.cds-t5-cta-img { width:100%; height:auto; border-radius:6px; 
/*max-width:420px; */
    
}
.cds-t5-cta-text h3 { 
    margin:0 0 8px; 
    color:#041731; 
    font-weight:800; 
    font-size:45px; 
    
}
.cds-t5-cta-text p { margin:0; color:#31475e; font-size: 24px;}

/* responsive CTA */
@media (max-width:900px) {
  .cds-t5-cta-left, .cds-t5-cta-right { width:100% !important; display:block; padding-left:0; }
}

/* small helpers */
.cds-t5 .two-col { box-sizing:border-box; }

.cds-t5-main-title{
    font-size: 60px;
    color: #051f46;
}

.cds-t5 bold, .cds-t5 strong {
    font-weight: bold;
}

.cds-t5-challenge-content {
    color: #051f46;
}

.cds-t5-btn {
    background: rgba(0,0,0,0) linear-gradient(90deg, #03A7CE 0%, #1079BF 24%, #1079BF 76%, #03A7CE 100%) 0% 0% no-repeat padding-box;
    border: 2px solid #51e8ef;
    color: #fff;
}

.cds-t5-btn:hover {
    filter: brightness(1.1);
    color: #fff;
}

.cds-t5-cta-card {
    padding: 20px 0 !important;
}

.cds-t5-cta-right {
        padding: 40px 0px;
}
.cds-landing-page-templates {
padding: 0px !important;    
}

.cds-t5-secondary {
    font-size: 20px;
    font-weight: 500;
}