.main-strap-lg {
  color: #000000;
  display: inline-block;
  margin-bottom: 5px;
}

.main-strap-sm {
  font-size: 14px;
  margin-left: 3px;
}



#hero-sec {
  min-height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* vertical centering */
  gap: 0px;
  background-color: var(--cyellow);
}

.flex-center-rows {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 23vh;
  /*  border:10px solid red; */
  margin-top: 0px;
  margin-bottom: 0px;
}

#hero-sec> :nth-child(3) {
  flex-direction: row;
}



#hero-sec .hero-content {
  >div {
    border: 1px solid blue;
  }
}




.hero-bg {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* iframe behaves like background */
.hero-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}

/* PNG defines the height */
.hero-mask {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  display: block;
  border: 2px solid #FED93F;
}






@media (max-width: 1500px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
  .flex-center-rows {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 54vh;
  }
}

@media (max-width: 768px) {}

@media (max-width: 576px) {}