/**
* Block Name: text_rounds
*/

section.text_rounds .rounds_item.js_open_modal {
  cursor: pointer;
}
section.text_rounds .rounds_item {
  margin-bottom: 20px;
}

section.text_rounds .round_icon_wrapper {
  position: relative;
  padding-top: 70%;
  background-image: url("../../../img/round_bg.png");
  background-size: cover;
  border-radius: 100%;
  margin-bottom: 20px;
  margin-left: 15%;
  margin-right: 15%;
  border: 1px solid var(--SandyRed);
  -webkit-box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px rgba(255, 255, 255, 0.75), 0px 0px 0px rgba(0, 0, 0, 0.1),
    0px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px rgba(255, 255, 255, 0.75), 0px 0px 0px rgba(0, 0, 0, 0.1),
    0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
section.text_rounds .rounds_item.js_open_modal:hover .round_icon_wrapper {
  border: 1px solid var(--BluePurple);
  -webkit-box-shadow: -2px -2px 4px #ffffff, -5px -5px 10px rgba(255, 255, 255, 0.75), 3px 3px 4px rgba(0, 0, 0, 0.1),
    8px 8px 20px rgba(0, 0, 0, 0.1);
  box-shadow: -2px -2px 4px #ffffff, -5px -5px 10px rgba(255, 255, 255, 0.75), 3px 3px 4px rgba(0, 0, 0, 0.1),
    8px 8px 20px rgba(0, 0, 0, 0.1);
}
section.text_rounds .round_icon {
  position: absolute;
  top: 20%;
  left: 20%;
  bottom: 20%;
  right: 20%;
  background-image: url("../../../img/round_overlay.png");
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}