/* Medium (500) */
@font-face {
  font-family: "Circular Std";
  src: url("./fonts/circular-std-medium-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

.hero-section::after {
  content: "";
  position: absolute;
  right: 0;
  top: 60%;
  transform: translateY(-40%);
  width: 35vw;         /* responsive width (40% of viewport width) */
  height: 30vw;        /* keep it square */
  max-width: 660px;    /* prevent it from growing too large */
  max-height: 660px;
  min-width: 250px;    /* prevent it from shrinking too small */
  min-height: 250px;
  background: url('./image/side_logo.png') no-repeat center center;
  background-size: contain;
          /* subtle look */
  z-index: 0;          /* stays behind content */
}


 .from_section_arrow::before {
      content: "";
      position: absolute;
      bottom: -40px;
      left: 0;
      width: 18vw;         /* responsive width (40% of viewport width) */
      height: 23vw;        /* keep it square */
      max-width: 660px;    /* prevent it from growing too large */
      max-height: 660px;
      min-width: 250px;    /* prevent it from shrinking too small */
      min-height: 250px;
      background: url('./image/from_arrow.svg') no-repeat center;
      background-size: contain;
      /* opacity: 0.1; */
      pointer-events: none;
    }


@media (min-width: 1736px) {
    .container {
        max-width: 1736px;
    }
}

@media (min-width: 1936px) {
    .container {
        max-width: 1936px;
    }
}