.style_1 .circles-wrap { max-width: 340px; margin: 0 auto; }
.style_1 .circles-row { display: flex; justify-content: center; }
.style_1 .circles-row__col { margin-left: -2%; margin-right: -2%; padding-left: 0 !important; padding-right: 0 !important; }
.style_1 .circles-row__item { padding-top: 100%; position: relative; }
.style_1 .circles-row__item-border, .style_1 .circles-row__item-border__img { border: 8px solid #bb9dde; border-radius: 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.style_1 .circles-row__item-border__img { border: none; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: contain; }
.style_1 .circles-row__item-border__img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(134.51deg, #B63DB9 21.52%, #3D00A8 100%); border-radius: 100%; opacity: 0.2; }
.style_1 .circles-row__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 13% 12%; }
.style_1 .circles-row__content p { font-size: 15px; margin-bottom: 8px; }
@media (max-width: 991px) {
  .style_1 .circles-row__col:nth-child(2) { margin-top: -50px; margin-bottom: -50px; }
  .style_1 .circles-row__col:nth-child(3) .circles-row__content { display: flex; align-items: center; justify-content: center; }
}
@media (max-width: 400px) {
  .style_1 .circles-row__col:nth-child(2) { margin-top: -35px; margin-bottom: -35px; }
}
@media (max-width: 1279px) and (min-width: 992px) {
  .style_1 .circles .container { padding-left: 0 !important; padding-right: 0 !important; }
  .style_1 .circles-wrap { max-width: 990px; }
}
@media (min-width: 992px) {
  .style_1 .circles-row__txt .title__md { font-size: 24px; margin-bottom: .725rem; }
  .style_1 .circles-row__content p { font-size: 15px; margin-bottom: 7px; }  
}
@media (min-width: 1280px) {
  .style_1 .circles-wrap { max-width: 1240px;}
  .style_1 .circles-row__txt .title__md { font-size: 30px; margin-bottom: 1.25rem; }
  .style_1 .circles-row__content p { font-size: 16px; margin-bottom: 12px; }  
}
@media (min-width: 1360px) {
  .style_1 .circles-row__txt .title__md { font-size: 32px; margin-bottom: 1.5rem; }
  .style_1 .circles-row__content p { font-size: 18px; margin-bottom: 13px; }  
}
@media (min-width: 1640px) {
  .style_1 .circles-wrap { max-width: 1300px; }  
  
  .style_1 .circles-row__content p { font-size: 18px; margin-bottom: 16px; }
}

/* --------- STYLE 2 ------------------- */
.style_2 .circles-wrap {
  border: 6px dashed var(--black-30);
  border-radius: 322px;
  position: relative; 
  padding: 45px;
  outline: 12px solid #ffffff;
  outline-offset: -4px;  
  margin: 0 auto;
  max-width: 338px;
}
/*.style_2 .circles-wrap::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-color: #ffffff;
  border-radius: 334px;
}*/
.style_2 .circles-wrap > .row {
  row-gap: 45px;
}
.style_2 .circles-wrap__title {  
  background-color: #ffffff;
  position: relative;  
  z-index: 10;
  text-align: center;
  margin-bottom: 45px;
}
.style_2 .circles-wrap__title .title__md {
/*  background: linear-gradient(132.95deg, #783CBE -0.02%, #783CBE 17.31%, #270169 100.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;*/
  font-weight: 700;
}
.style_2 .circles-wrap > .row {
  position: relative;
  z-index: 10;
  justify-content: space-between;
}
.style_2 .circles-item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
}
.style_2 .circles-button {
  max-width: 232px;
  width: 100%;
  aspect-ratio: 1 / 1;  
  border-radius: 100%;  
  padding: 22px;
  position: relative;
}
.style_2 .circles-button__outside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  box-shadow: -webkit-box-shadow: 0px 0px 24px -1px rgba(216, 216, 216, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(216, 216, 216, 1);
    box-shadow: 0px 0px 13px 0px rgb(153 153 153);
}
.style_2 .circles-button__inside {
  background-color: #783CBE;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_2 .circles-button__excerpt {
  text-align: center;
    width: 100%;
  max-width: 282px;
}
.style_2 .circles-button__excerpt .post__cat-title { font-weight: 400; line-height: 1.2; }
.style_2 .circles-button__inside span {
  position: relative;
  color: #ffffff;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .style_2 .circles-wrap {
    max-width: 100%;
    margin-bottom: 87px;
  }
  .style_2 .circles-row {
    display: flex;
  }
  .style_2 .circles-wrap__title {
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
    padding: 5px 10px;
  }
  .style_2 .circles-button__line {
    position: absolute;
    bottom: -65px;
    left: 50%;
    height: 90px;
    width: 2px;
    transform: translateX(-50%);
  }
  .style_2 .circles-button__dot {
    position: absolute;
    bottom: -72px;
    left: 50%;
    width: 11px;
    height: 11px;
    transform: translateX(-50%);
    border-radius: 11px;
  }
  .style_2 .circles-button__excerpt {
    position: absolute;
    top: calc(100% + 80px);
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
  }
}
/*---------- STYLE 3 ------------------------------*/
.style_3 .dei-circle__content .title__lg { text-align: left; }
.style_3 .dei-circle__white { margin-bottom: 50px; }
.style_3 .dei-circle__content .title__lg { margin-bottom: 25px; }
.style_3 .dei-circle__content p { font-size: 16px; margin-bottom: 0; }
@media (max-width: 539px) { 
  .style_3 .dei-circle__content p:not(first-child) { margin-bottom: 20px; }
}
@media (min-width: 540px) {
  .style_3 .dei-circle__row { display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .style_3 .dei-circle__white, .style_3 .dei-circle__purple { 
    border-radius: 100%; 
    aspect-ratio: 1 / 1; 
    position: relative; 
    max-width: 500px;  
    width: 100%;
  }
  .style_3 .dei-circle__purple { 
    background: #516BC3;
    background: linear-gradient(113.58deg, #00CACE -53.69%, #516BC3 29.56%, #783CBE 100%); 
    color: #ffffff; 
    -webkit-box-shadow: 0px 0px 0px 16px #ffffff;
    -moz-box-shadow: 0px 0px 0px 16px #ffffff;
    box-shadow: 0px 0px 0px 16px #ffffff;
  }
  .style_3 .dei-circle__white { 
    background: linear-gradient(113.58deg, #00CACE -53.69%, #516BC3 29.56%, #783CBE 100%); 
    margin-bottom: -40px;
  }
  .style_3 .dei-circle__white .dei-circle__white-border { 
    position: absolute; 
    width: calc(100% - 10px); 
    height: calc(100% - 10px); 
    top: 5px; 
    left: 5px; 
    background-color: #ffffff; 
    border-radius: 100%; 
  }
  .style_3 .dei-circle__item { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    text-align: center; 
    padding-top: 55px; 
  }
  .style_3 .dei-circle__content { 
    display: flex; 
    flex-flow: column; 
    row-gap: 28px; 
  }
  .style_3 .dei-circle__white .dei-circle__content { margin: 0 auto; max-width: 340px; }
  .style_3 .dei-circle__purple .dei-circle__content { margin: 0 auto; max-width: 272px; }
  .style_3 .dei-circle__content p { font-size: 16px; margin-bottom: 0; }
  .style_3 .dei-circle__purple .dei-circle__content .title__lg { color: #ffffff; -webkit-text-fill-color: inherit; }
  .style_3 .dei-circle__content .title__lg { margin-bottom: 10px; text-align: center; }
}
@media (min-width: 992px) {
  .style_3 .dei-circle__row { flex-direction: row; }
  .style_3 .dei-circle__white, .style_3 .dei-circle__purple { width: 50%; }
  .style_3 .dei-circle__white { margin-right: -20px; margin-bottom: 0; }
  .style_3 .dei-circle__purple { margin-left: -20px; }
  .style_3 .dei-circle__item { padding-top: 50px; }
  .style_3 .dei-circle__content { row-gap: 20px; }
  .style_3 .dei-circle__content .title__lg { margin-bottom: 0px; }
}
@media (min-width: 1280px) {
  .style_3 .dei-circle__item { padding-top: 70px; }
}
@media (min-width: 1640px) {
  .style_3 .dei-circle__white, .style_3 .dei-circle__purple { max-width: 616px; }
  .style_3 .dei-circle__white { margin-right: -35px; }
  .style_3 .dei-circle__purple { margin-left: -35px; }
  .style_3 .dei-circle__item { padding-top: 80px; }
  .style_3 .dei-circle__content { row-gap: 28px; }
  .style_3 .dei-circle__content p { font-size: 18px; }
  .style_3 .dei-circle__white .dei-circle__content { margin: 0 auto; max-width: 425px; }
  .style_3 .dei-circle__purple .dei-circle__content { margin: 0 auto; max-width: 340px; }
  .style_3 .dei-circle__content .title__lg { margin-bottom: 10px; }
}

/* @media (min-width: 1300px) { */
@media (min-width: 1640px) {
  .style_3 .dei-circle__content p { font-size: 20px; }
}