#hero {
  position: relative;
  padding: 230px 0; }
  @media (max-width: 767px) {
    #hero {
      background: url("../img/Hero-About-us-Mobile.png") !important;
      min-height: 562px;
      display: flex;
      align-items: center; } }
  @media (max-width: 991px) {
    #hero {
      background-position: top !important;
      background-size: cover !important;
      text-align: center; } }
  @media (max-width: 991px) {
    #hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.35);
      pointer-events: none; } }
  #hero > * {
    position: relative;
    z-index: 1; }
  #hero h1, #hero .lrg {
    max-width: 350px; }
    @media (max-width: 991px) {
      #hero h1, #hero .lrg {
        margin-left: auto;
        margin-right: auto; } }
  @media (max-width: 767px) {
    #hero .button {
      display: flex;
      flex-direction: column;
      align-items: center; } }

#our-mission .border-block {
  border-radius: 20px;
  padding: 63px 32px;
  border: 1px solid #262626;
  margin-bottom: 12px; }
  @media (max-width: 767px) {
    #our-mission .border-block {
      padding: 32px; } }
  #our-mission .border-block:nth-child(2) {
    padding: 32px; }
  #our-mission .border-block .subtitle {
    font-size: 14px;
    color: #7F7F7F;
    text-transform: uppercase;
    margin-bottom: 24px; }
  #our-mission .border-block h2, #our-mission .border-block .lrg {
    max-width: 600px;
    margin: 0 auto 24px auto; }
  #our-mission .border-block .lrg {
    margin-bottom: 0; }
  #our-mission .border-block .mobile {
    display: none; }
    @media (max-width: 767px) {
      #our-mission .border-block .mobile {
        display: block; } }
  @media (max-width: 767px) {
    #our-mission .border-block .desktop {
      display: none; } }
#our-mission .button {
  margin-top: 50px; }
  @media (max-width: 767px) {
    #our-mission .button {
      display: none; } }

#remove-barriers .lrg {
  max-width: 440px;
  margin: 0 auto; }
#remove-barriers .features__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 12px;
  background: #000;
  margin-top: 40px; }
#remove-barriers .card {
  background: #000;
  border-radius: 20px;
  padding: 42px 32px;
  border: 1px solid #262626;
  font-size: clamp(16px, 3vw, 24px) !important; }
  #remove-barriers .card:hover {
    background: #007FFF; }
  @media (max-width: 991px) {
    #remove-barriers .card {
      text-align: center; } }
#remove-barriers .card--big-left {
  grid-row: 1 / span 2;
  justify-content: center; }
#remove-barriers .card--blue {
  grid-column: 2 / 4; }
@media (max-width: 991px) {
  #remove-barriers .features__grid {
    grid-template-columns: 1fr; }
  #remove-barriers .card--big-left,
  #remove-barriers .card--blue {
    grid-column: auto;
    grid-row: auto; } }

#regulated .lrg {
  max-width: 500px;
  margin: 0 auto; }
#regulated .blocks {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%; }
  @media (max-width: 767px) {
    #regulated .blocks {
      grid-template-columns: 1fr; } }
  #regulated .blocks .block {
    border-radius: 20px;
    padding: 8px;
    border: 1px solid #262626;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 767px) {
      #regulated .blocks .block {
        flex-direction: column;
        padding: 20px;
        text-align: center; } }
    #regulated .blocks .block .icon {
      min-width: 74px;
      height: 74px;
      margin-right: 8px; }
      #regulated .blocks .block .icon.mobile {
        display: none; }
        @media (max-width: 767px) {
          #regulated .blocks .block .icon.mobile {
            display: inline-flex;
            margin-bottom: 6px; } }
      @media (max-width: 767px) {
        #regulated .blocks .block .icon.desktop {
          display: none; } }

/*# sourceMappingURL=about.css.map */