.list-values {
  margin: 0px auto;
  width: 480px;
  height: 480px;
  position: relative;
}
.list-values > .elementor-widget-wrap {
  height: 700px;
  width: 700px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.list-values .value-text {
  width: 200px !important;
  height: 200px;
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  background: rgb(155, 77, 31);
}
.list-values .value-text .elementor-heading-title {
  font-size: 32px;
}
.bottom-text {
  position: fixed;
  bottom: 0;
}
.main-title-page {
  margin-bottom: 100px;
}
.list-value .elementor-flip-box {
  width: 250px !important;
  height: 250px !important;
  --r: 50px; /* the radius */
  aspect-ratio: 1;
  object-fit: cover;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) margin-box;
}
.list-value .item-value .elementor-widget-container::after {
  content: "";
  width: 115%;
  height: 115%;
  display: block;
  background-image: url("./../img/border-pattern.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.value-title .elementor-heading-title {
  width: 200px !important;
  height: 200px;
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  background: rgb(155, 77, 31);
  font-size: 32px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.main-cnt-value > .elementor-widget-wrap {
  position: relative;
  width: 100%;
  height: 700px;
}
.main-cnt-value .value-title {
  position: absolute;
  top: 50%;
}
.main-cnt-value .list-value .elementor-grid div[data-elementor-type="loop-item"]:hover,.value-title .elementor-heading-title.elementor-size-default:hover{
  cursor: pointer;
}
.main-cnt-value .list-value {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main-cnt-value .list-value .elementor-grid > div {
  position: absolute;
}

.list-value .elementor-grid > div[data-elementor-type="loop-item"] > .elementor-section-wrap > section{
  z-index: 2;
}

.main-cnt-value .elementor-flip-box__back,
.main-cnt-value .elementor-flip-box__front {
  background-color: #aa3d39;
}
.main-cnt-value
  .elementor-flip-box__back
  .elementor-flip-box__layer__description {
  font-size: 22px;
}

.list-value .item-value {
  animation: moveInOut 5s infinite;
}

/* Arrow Line */
.arrow-line-custom {
  position: relative;
}
.arrow-line-custom .line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 8px;
  height: 350px;
  background: #ffd89c;
  transform-origin: bottom center;
  border-radius: 4px 4px 1px 1px;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.arrow-line-custom .square {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 11px);
  width: 30px;
  height: 30px;
  background-color: #ffd89c;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: moveInOutSquare 3s infinite;
  transition: transform 2s ease-in-out;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.arrow-line-custom .square:before {
  width: 70%;
  content: "";
  position: absolute;
  height: 70%;
  background: #ff5e57;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
@keyframes moveInOutSquare {
  50% {
      transform: translate(0px, -40px) scaleY(1.05) scaleX(1);
  }
}

/* Slide 3 */
.main-cnt-value .list-value .elementor-grid > div:nth-child(3) {
  top: 50%;
  left: -150px;
  transform: translate(0, -50%);
}
.list-value .elementor-grid > div:nth-child(3) .arrow-line-custom{
  transform: rotate(270deg);
  right: -471px;
  top: -133px;
}
.list-value .elementor-grid > div:nth-child(3) .item-value {
  left: 50%;
  animation-delay: 0s;
  transform: translateX(-100px);
  animation: moveInOut3 4s infinite;
  transition: transform 1s ease-in-out;
}
@keyframes moveInOut3 {
  50% {
      transform: translateX(50px) scaleY(1.05) scaleX(1);
  }
}

/* Slide 5 */
.main-cnt-value .list-value .elementor-grid > div:nth-child(5) {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.list-value .elementor-grid > div:nth-child(5) .arrow-line-custom{
  transform: rotate(90deg);
  right: 300px;
  top: -140px;
}
.list-value .elementor-grid > div:nth-child(5) .item-value {
  animation-delay: 0.5s;
  animation: moveInOut5 5s infinite;
  transition: transform 1s ease-in-out;
}
@keyframes moveInOut5 {
  50% {
      transform: translateX(50px) scaleY(1.05) scaleX(1);
  }
}

/* Slide 7 */

.main-cnt-value .list-value .elementor-grid > div:nth-child(7) {
  top: 0;
  left: 20%;
  transform: translate(-20%, 0);
}
.list-value .elementor-grid > div:nth-child(7) .arrow-line-custom{
  transform: rotate(310deg);
  right: -176px;
  top: 26px;
}
.list-value .elementor-grid > div:nth-child(7) .item-value {
  animation-delay: 1s;
  animation: moveInOut7 6s infinite;
  transform: translate(-55px, -50px);
  transition: transform 2s ease-in-out;
}
@keyframes moveInOut7 {
  50% {
      transform: translate(50px,50px) scaleY(1.05) scaleX(1);
  }
}

/* Slide 9 */
.main-cnt-value .list-value .elementor-grid > div:nth-child(9) {
  top: 0;
  right: 15%;
  transform: translate(-15%, 0);
}
.list-value .elementor-grid > div:nth-child(9) .arrow-line-custom{
  transform: rotate(35deg);
  left: -142px;
  top: 0px;
}
.list-value .elementor-grid > div:nth-child(9) .item-value {
  animation-delay: 0.5s;
  transform: translate(65px, -110px);
  animation: moveInOut9 8s infinite;
  transition: transform 2s ease-in-out;
}
@keyframes moveInOut9 {
  50% {
      transform: translate(-32px, -30px) scaleY(1.05) scaleX(1);
  }
}

/* Slide 11 */
.main-cnt-value .list-value .elementor-grid > div:nth-child(11) {
  bottom: 0;
  left: 20%;
  transform: translate(-20%, 0);
}
.list-value .elementor-grid > div:nth-child(11) .arrow-line-custom{
  transform: rotate(219deg);
  left: 192px;
  top: -280px;
}
.list-value .elementor-grid > div:nth-child(11) .item-value {
  animation-delay: 1s;
  transform: translate(-30px, 160px);
  animation: moveInOut11 10s infinite;
  transition: transform 2s ease-in-out;
}
@keyframes moveInOut11 {
  50% {
      transform: translate(0px, 100px) scaleY(1.05) scaleX(1);
  }
}



.main-cnt-value .list-value .elementor-grid > div:nth-child(13) {
  bottom: 0;
  right: 10%;
  transform: translate(-10%, 0);
}
.list-value .elementor-grid > div:nth-child(13) .arrow-line-custom{
  transform: rotate(128deg);
  left: -184px;
  bottom: 300px;
}
.list-value .elementor-grid > div:nth-child(13) .item-value {
  animation-delay: 2s;
  transform: translate(120px, 55px);
  animation: moveInOut13 3s infinite;
  transition: transform 2s ease-in-out;
}
@keyframes moveInOut13 {
  50% {
      transform: translate(22px, 0px) scaleY(1.05) scaleX(1);
  }
}

.list-value .item-value:hover {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused !important;
  cursor: pointer;
}