.ExternalClass533F177195E248F58B16AFF2451C3421 {
  top: 0;
  position: absolute;
}
  
  .wrapper {
    margin:0 auto;
    /*max-width: 1450px;*/
  }
  .pyramid {
    margin: -150 auto;
    shape-outside:polygon(310px 0px, 130px 405px, 558px 405px);
    width: 100%;
    height:auto;
    width: 100%;
    height:500px;
    position: relative;
    margin-top: -3.5rem;
    }
    .leftCir {
      left: -50%;
      position: absolute;
      background-color: #ccc;
      border-radius: 100%;
      height: 100%;
      width: 100%;
      z-index: 999999;
      top: 0;
      opacity: .5;
  }
  .rightCir {
    right: -50%;
    position: absolute;
    background-color: #ccc;
    border-radius: 100%;
    height: 100%;
    width: 100%;
    z-index: 999999;
    top: 0;
    opacity: .5;
}
  .zone {
    padding:10px 0;
   margin: 0 auto;
    text-align:center;
    color: black;
    background-blend-mode:darken;
    transition: 0.5s;
  }
  /* .zone:nth-child(1), .zone:nth-child(2), .zone:nth-child(3),
  .zone:nth-child(4), .zone:nth-child(5){
    height: 15rem;
  } */
  .zone:nth-child(1){
    width: 20%;
    /*clip-path:url("#part1");
    clip-path:polygon(50% 0%,100% 100%, 0% 100%);
    -webkit-clip-path:polygon(50% 0%,100% 100%, 0% 100%);*/
    background-color: transparent;
    height: auto;
  }
  .zone:nth-child(2){
    width: 40rem;
    /*clip-path:url("#part2");
    clip-path:polygon(25% 0%,75% 0, 95% 100%,4% 100%);
    -webkit-clip-path:polygon(25% 0%,75% 0, 95% 100%,4% 100%);*/
    background-color: transparent;
    margin-top: 2px;
    height: auto;
  }
  .zone:nth-child(3){
    width: 85%;
    /*clip-path:url("#part3");
    clip-path:polygon(19% 0, 80% 0, 94% 100%,6% 100%);
    -webkit-clip-path:polygon(19% 0, 80% 0, 94% 100%,6% 100%);*/
    background-color: transparent;
    margin-top: 2px;
    height: auto;
  }
  .zone:nth-child(4){
    width: 100%;
    /*clip-path:url("#part4");
    clip-path:polygon(17% 0,83% 0, 95% 100%,5% 100%);
    -webkit-clip-path:polygon(17% 0,83% 0, 95% 100%,5% 100%);*/
    background-color: transparent;
    margin-top: 2px;
    height: auto;
  }
  .zone:nth-child(5){
    width: 100%;
    /*clip-path:url("#part5");
    clip-path:polygon(14% 0,86% 0, 100% 100%,1% 100%);
    -webkit-clip-path:polygon(14% 0,86% 0, 100% 100%,1% 100%);*/
    background-color: transparent;
    margin-top: 2px;
    height: auto;
  }  
  /* .zone:hover {
    background-color: rgba(255,255,255,0.3);
    color: white;
  } */
/* .hof125, .hof100, .hof75, .hof50, .hof25 {
  columns: 6;
    letter-spacing: 0;
    column-gap: 0px;
}  */
.hof125 {
    font-size: 1.65em;
    line-height: 1.5em;
    columns: 1 !important;
    /*width: 85%;*/
    display: inline-block;
    margin-top: -80px;
    gap: 20px;
}
.hof100 {
  font-size: 1.55em;
  line-height: 1.45em;
  columns: 1 !important;
  /*width: 70%;
  display: inline-block;*/
  margin-top: -80px;
  gap: 50px;
}
.hof75{
  font-size: 1.5em;
  line-height: 1.40em;
  columns: 3 !important;
  /*width: 75%;*/                                                                            
  /*display: inline-block;*/
  margin-top: -80px;
  gap: 50px;
  height: 25px;
}
.hof50{
    font-size: 1.25em;
    line-height: 1.5em;
    columns: 5 !important;
    width: 100%;
    display: inline-block;
    margin-top: -80px;
    gap: 20px;
  }
.hof25 {
    font-size: 1.15em;
    line-height: 1.5em;
    columns: 6 !important;
    width: 95%;
    display: inline-block;
    margin-top: -80px;
    gap: 40px;
}    
.divider {
  position: relative;
  bottom: 6.5rem;
  width: 100%;
  color: #a1a1a1;
}
.wrapper.style1 hr {
  border-bottom-color: #a1a1a1 !important;
}
.zone:nth-of-type(1) img {
  z-index: 99999;
  position: relative;
  margin-top: 4rem;
}
.pyramid img {
  z-index: 99999;
  position: relative;
  width: 5rem;
}

@media screen and (max-width: 1680px) {
  .hof75 {
    columns: 3 !important;
    height: 25px;
  }
  .hof50 {
    columns: 4 !important;
  }
  .hof25 {
    columns: 5 !important;
  }
  .pyramid img {
    width: 4rem;
  }
}
@media screen and (max-width: 1360px) {
  .hof50 {
    columns: 3 !important;
  }
}
@media screen and (max-width: 1280px) {
  .hof125 {
    font-size: 1.15em;
  }
  .hof100 {
    font-size: 1.35em;
  }
  .hof75 {
    font-size: 1.25em;
  }
  .hof50 {
    font-size: 1.15em;
  }
  .hof25 {
    font-size: 1em;
  } 
}
@media screen and (max-width: 1120px) {
  .hof25 {
    columns: 4 !important;
  }
}
@media screen and (max-width: 1040px) {
  .pyramid {
    margin-top: 0.5rem !important;
  }
}
@media screen and (max-width: 980px) {
  .zone:nth-of-type(1) img {
    margin-top: unset;
  }
  .zone:nth-child(5), .zone:nth-child(4), .zone:nth-child(3), .zone:nth-child(2), .zone:nth-child(1) {
    -webkit-clip-path: border-box;
    width: 100%;
  }
  .hof125, .hof100, .hof75, .hof50, .hof25 {
    width: 100%;
  }
  .zone {
    padding: 10px 10px;
  }
  .pyramid {
    margin-top: 3.5rem !important;
}
}
@media screen and (max-width: 900px) {
  .hof25 {
    columns: 3 !important;
  }
}
  @media screen and (max-width: 790px) {
    .hof75 {
      columns: 1 !important;
      height: auto !important;
    }
    .hof50 {
      columns: 2 !important;
   }
  }  
  @media screen and (max-width: 750px) {
    .hof50 {
      columns: 2 !important;
  } 
  } 
  
@media screen and (max-width: 660px) {
  .zone:nth-of-type(1) img {
    margin-top: unset;
  }
  .hof50, .hof25 {
    columns: 2 !important;
  }
}
@media screen and (max-width: 567px) {
  .pyramid {
      margin-top: 6.5rem !important;
  }
}
@media screen and (max-width: 560px) {
  .hof125, .hof100, .hof75, .hof50, .hof25 {
    columns: 1 !important;
  }
}