/**
 * Template-6 Styles
 * Path: /templates/template-6/style.css
 * Uses scoped .cds-t6 classes to avoid CSS conflicts
 */

/* ----------
 Global Section Spacing
---------- */
.cds-t6 section {
  padding: 40px 0;
}

/* ----------
 Banner
---------- */
.cds-t6-banner {
  padding-top: 0; /* banner is flush at the top */
}
.cds-t6-banner__figure {
  margin: 0;
}
.cds-t6-banner__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0px;
  max-height: 500px;
}

/* ----------
 Heading Block
---------- */
.cds-t6-heading {
  text-align: center;
}
.cds-t6-heading__title {
  margin: 0 0 12px;
  line-height: 1.15;
}
.cds-t6-heading__subtitle {
  margin: 0 auto;
  /*opacity: 0.9;*/
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}

/* ----------
 Split Section (50/50 layout)
---------- */
.cds-t6-split__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 3vw, 36px);
  align-items: stretch;
}

.cds-t6-split__grid:before, .cds-t6-split__grid:after {
    content: none !important;
}

.cds-t6-media__img {
  width: 100%;
  height: 100%;
  max-height: 760px;
  object-fit: cover;
  border-radius: 0px;
  display: block;
}

.cds-t6-split__col--form .cds-t6-form {
  height: 100%;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: clamp(18px, 2.5vw, 32px);
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.06),
    0 2px 6px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.cds-t6-form h3.fm_hd {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 1.25rem;
  font-weight: 600;
}

/* Responsive: stack layout */
@media (max-width: 900px) {
  .cds-t6-split__grid {
    grid-template-columns: 1fr;
  }
  .cds-t6-split__col--media {
    order: 1;
  }
  .cds-t6-split__col--form {
    order: 2;
  }
}

/* ----------
 Content Section
---------- */
.cds-t6-content__title {
  margin-bottom: 18px;
  text-align: center;
}
.cds-t6-rich {
  /*max-width: 900px;*/
  margin: 0 auto;
  /*font-size: 1.05rem;*/
  /*line-height: 1.6;*/
      font-size: 20px;
    font-weight: 400;
}
.cds-t6-rich p {
  margin: 0 0 16px;
}
.cds-t6-rich ul {
  margin: 0;
  padding-left: 20px;
}

/* ----------
 Video + CTA
---------- */
.cds-t6-video-cta__title {
  text-align: center;
  margin-bottom: clamp(16px, 2vw, 24px);
}

/*.cds-t6-video {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  max-width: 900px;*/
/*  margin: 0 auto clamp(16px, 3vw, 28px);*/
/*  aspect-ratio: 16 / 9;*/
/*  background: #000;*/
/*  border-radius: 12px;*/
/*  overflow: hidden;*/
/*}*/
/*.cds-t6-video iframe {*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  border: 0;*/
/*}*/

.cds-t6-cta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: space-around;
}

/* ----------
 New Primary Button (NP1)
---------- */
.btn-t6-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #03A7CE 0%, #1079BF 24%, #1079BF 76%, #03A7CE 100%) 0% 0% no-repeat padding-box;;
  /*background-color: rgba(40, 167, 69, 1.0);*/
    border: 2px solid #51e8ef;
    border-radius: 50px;
    color: #FFFFFF;
    /*font-size: 25px;*/
    /*font-family: Inter, sans-serif;*/
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    /*width: 100%;*/
    display: inline-flex;
    width: fit-content;
}

.btn-t6-primary:hover,
.btn-t6-primary:focus-visible {
  /*background: rgba(40, 167, 69, 1.0);   */
  filter: brightness(1.1);
  color: #fff;
}

.btn-t6-primary:active {
  transform: translateY(0);
  box-shadow: none;
}

/* Full-width CTAs on small screens */
@media (max-width: 540px) {
  .btn-t6-primary {
    width: 100%;
    text-align: center;
  }
}


.cds-t6 h1 {
    font-size: 48px;
}

.cds-t6 .cds_hubspotform {
    padding: 20px 20px !important;
    background: rgba(222, 226, 229, 1.0);
}

.cds-t6 .cds_hubspotform .hs-input {
    background: #ffffff !important;
    color: #6f6f6f;
}
.cds-t6 .cds_hubspotform select {
    width: 100%;
}

.cds-t6 .cds_hubspotform .hs-button.primary.large {
    background: rgba(7, 24, 41, 1.0);
    border-color: rgba(7, 24, 41, 1.0);
    width: 100%;
    color: #fff;
    padding: 12px 36px;
    border-radius: 4px;
    outline: none;
    /*margin-top: 15px;*/
}

.fm_hd {
    font-style: normal !important;
    font-weight: 700 !important;
    text-decoration: none;
    background-color: rgba(16, 121, 191, 1.0);
    border-bottom: 2px solid #071829;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #FFFFFF !important;
    font-size: 30px !important;
    padding: 20px 20px;
    text-transform: capitalize !important;
    margin: 0;
    text-align: center;
}

.cds-t6 .cds_hubspotform .hs-form-field {
    margin-bottom: 20px;
}

.cds-t6 .cds_hubspotform ul.no-list {
    list-style: none;
    margin: 5px 0 5px;
    list-style: none;
    padding-left: 0;
    width: 100%;
}

.cds-t6 .cds_hubspotform .hs-error-msgs li, .cds-t6 .cds_hubspotform .hs-error-msgs li label {
    color: #cc0201 !important;
}
.cds-t6 .cds_hubspotform .inputs-list label {
    display: block;
    float: none;
    line-height: 18px;
    padding: 0;
    text-align: left;
    white-space: normal;
    width: auto;
}

/*Video*/

.cds-t6-video {
  position: relative;
  width: 100%;
  max-width: 1200px; /* optional constraint */
  margin: 2rem auto;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
}

.cds-t6-video video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0px !important;
  object-fit: cover;
  border: 1px solid #0078c2;
}

.cds-t6-video video::-webkit-media-controls-panel {
  display: flex !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .cds-t6-video {
    margin: 1.5rem auto;
    border-radius: 0px;
  }
}

.cds-t6-content h3, .cds-t6-content h5 {
    margin-top: 0px;
}