.bordered-box {
  padding: 24px;
  border: 1px solid #C00;
  color: #C00;
  height: 367px;
}

.bordered-box.active {
   max-width: 394px;
}

.bordered-box.right {
  margin-left: auto;
}

@media (max-width:786px) {
  .bordered-box {
    margin-inline:auto !important;
  }
}

.bordered-box.center {
  margin-inline:auto;
}

.bordered-box h3 {
  color: #C00 !important;
  font-size: 40px  !important;
}

.bordered-box h4 {
/*   color: #C00 !important; */
  font-family:Manrope !important;
  font-size: Min(24px, Max(20px, calc(24/900)*100vw)) !important;
}

.bordered-box.small h3 {
  font-size: 24px  !important;
}

.bordered-box.small h4 {
  font-size: 18px  !important;
}

.bordered-box p {
  color: #1C1B1F !important;
  font-size: 16px !important;
}

@media (max-width: 1280px) {
  .bordered-box {
    height: 450px;;
  }
}

@media (max-width: 1150px) {
  .bordered-box {
    height: 500px;;
  }
}

@media (max-width: 1050px) {
  .bordered-box {
    height: 570px;;
  }
}

@media (max-width: 900px) {
  .bordered-box {
    height: max-content;
  }
}

.bordered-box.maximize-height {
  height: 450px;
}

.bordered-box.min-height {
  height: 284px;
}

@media (max-width:786px) {
  .bordered-box.min-height {
    height: 300px;
}