/*
 * Hero Section Styles - Extracted from landing.html lines 60-61
 * 
 * Complete styling for section-u5PmZBOdHP (Hero Section)
 * Includes section container, columns, buttons, headings, paragraphs, and responsive behavior.
 */

/* === ADDITIONAL ROOT VARIABLES === */
/* Additional variables defined in hero section styles */
:root {
  --transparent: transparent;
  --white: #ffffff;
  --black: #000000;
  --color-mbiaztse: #303030ff;
  --color-mbib14is: rgba(0,0,0,0.95);
  --color-zfcjytzl: #f1fff6ff;
}

/* === HERO SECTION CONTAINER === */
.hl_page-preview--content .section-u5PmZBOdHP {
  box-shadow: none;
  padding: 20px 60px;
  margin: 0;
  background-color: var(--transparent);
  backdrop-filter: none;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .section-u5PmZBOdHP {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* === HERO SECTION LAYOUT === */
.hl_page-preview--content .row-9rePeoNMDP {
  margin: 0 auto;
  box-shadow: none;
  padding: 10px 5px;
  background-color: var(--transparent);
  backdrop-filter: none;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
  width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .row-9rePeoNMDP {
    padding-top: 0;
  }
}

/* === HERO COLUMNS === */
.hl_page-preview--content .col-MwlrsdwAS2 {
  box-shadow: none;
  padding: 10px 5px;
  background-color: var(--transparent);
  backdrop-filter: none;
  width: 46%;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
  margin: 0;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .col-MwlrsdwAS2 {
    padding-top: 0;
  }
}

.hl_page-preview--content .col-EIu-nflLjM {
  box-shadow: none;
  padding: 10px 5px;
  background-color: var(--transparent);
  backdrop-filter: none;
  width: 54%;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
  margin: 0;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .col-EIu-nflLjM {
    padding-top: 0;
  }
}

.hl_page-preview--content .col-_wfGO-XLdz,
.hl_page-preview--content .row-UVLrEl9wSx {
  margin: 0;
  box-shadow: none;
  padding: 10px 0;
  background-color: var(--transparent);
  backdrop-filter: none;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
  width: 100%;
}

.hl_page-preview--content .col-_wfGO-XLdz {
  padding: 10px 5px;
  width: 59.1%;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .col-_wfGO-XLdz {
    padding-bottom: 0;
  }
}

/* === HERO BUTTON STYLES === */
body.hl_page-preview--content .button-SskialASwu {
  margin: 20px 0 0 !important;
  text-align: center;
}

.hl_page-preview--content .cbutton-SskialASwu {
  font-family: var(--headlinefont);
  background-color: var(--color-zfcjytzl);
  color: var(--color-mbiaztse);
  secondary-color: var(--white);
  padding: 14px 20px;
  border-color: var(--transparent);
  border-width: 1px;
  border-style: solid;
  letter-spacing: 0;
  text-transform: none;
  width: auto%;
  box-shadow: 0 4px 4px 0 #9898984d;
  icon-color: var(--color-mbib14is);
}

.hl_page-preview--content .button-21OZBPzcUk {
  margin: 0;
  text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .button-21OZBPzcUk {
    text-align: center;
  }
}

.hl_page-preview--content .cbutton-21OZBPzcUk {
  font-family: var(--headlinefont);
  background-color: var(--color-mbib14is);
  color: var(--white);
  secondary-color: var(--white);
  padding: 12px 20px;
  border-color: var(--transparent);
  border-width: 1px;
  border-style: solid;
  letter-spacing: 0;
  text-transform: none;
  width: auto%;
  box-shadow: none;
  text-shadow: none;
  icon-color: var(--white);
}

.hl_page-preview--content .button-qognZm7Tny {
  margin: 0 0 10px;
  text-align: left;
}

.hl_page-preview--content .cbutton-qognZm7Tny {
  font-family: var(--headlinefont);
  background-color: var(--color-mbib14is);
  color: var(--white);
  secondary-color: var(--white);
  padding: 5px 20px;
  border-color: var(--transparent);
  border-width: 1px;
  border-style: solid;
  border-radius: 50px;
  letter-spacing: 0;
  text-transform: none;
  width: auto%;
  box-shadow: none;
  text-shadow: none;
  icon-color: var(--white);
}

/* === CTA BUTTON ICON SPACING === */
.hl_page-preview--content .cbutton-qognZm7Tny .button-icon-start {
  margin-right: 5px;
}

.hl_page-preview--content .cbutton-qognZm7Tny .button-icon-end {
  margin-left: 5px;
}

/* === HERO IMAGE STYLES === */
.hl_page-preview--content #heading-s6460lt-uS,
.hl_page-preview--content #paragraph-CPEzyL_Tpr,
.hl_page-preview--content .image-3VzNf9zOlJ {
  margin: 0;
}

.hl_page-preview--content .image-3VzNf9zOlJ .image-container img {
  box-shadow: none;
  width: auto;
  height: auto;
}

.hl_page-preview--content .cimage-3VzNf9zOlJ {
  padding: 10px;
  background-color: var(--transparent);
  opacity: 1;
  text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .image-3VzNf9zOlJ .image-container img {
    box-shadow: undefined;
  }

  .hl_page-preview--content .cimage-3VzNf9zOlJ {
    padding-top: 0;
  }
}

/* === HERO TYPOGRAPHY STYLES === */
.hl_page-preview--content .cparagraph-CPEzyL_Tpr {
  font-family: var(--contentfont);
  background-color: var(--transparent);
  color: var(--text-color);
  icon-color: var(--text-color);
  font-weight: medium;
  box-shadow: none;
  padding: 0 0 10px;
  opacity: 1;
  text-shadow: none;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
  line-height: 1.2em;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .cparagraph-CPEzyL_Tpr {
    text-align: center;
  }
}

.hl_page-preview--content .cheading-s6460lt-uS {
  font-family: var(--headlinefont);
  background-color: var(--transparent);
  color: var(--text-color);
  icon-color: var(--text-color);
  font-weight: 400;
  box-shadow: none;
  padding: 0 0 10px;
  opacity: 1;
  text-shadow: none;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
  line-height: 1.1em;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .hl_page-preview--content .cheading-s6460lt-uS {
    text-align: center;
  }
}

/* === HERO SECTION LAYOUT CONSTRAINTS === */
#section-u5PmZBOdHP > .inner {
  max-width: 1170px;
  margin: 0 auto;
}

#col-EIu-nflLjM > .inner,
#col-MwlrsdwAS2 > .inner,
#col-_wfGO-XLdz > .inner {
  flex-direction: column;
  justify-content: center;
  align-items: inherit;
  flex-wrap: nowrap;
}