.spel_icon_box {
  transition: 0.3s;
  background-color: #fff;
  border: 1px solid #F0E9FC;
  border-radius: 6px;
  overflow: hidden;
  &:hover {
    background-color: #7460FF;
    border-color: transparent;
  }
  &:hover .box_icon .box_main_icon {
    color: #fff;
  }
  &:hover .box_title {
    color: #fff;
  }
  &:hover .icon_box_description {
    color: #fff;
  }
  &:hover .icon_box_button .button_items {
    color: #fff;
  }
  &:hover .icon_box_button {
    color: #fff;
  }

  .box_bg_shape {
    display: flex;
    transition: 0.3s;
    background-repeat: no-repeat;
    padding: 20px 20px 20px 55px;
    text-decoration: none !important;
  }
  .box_title {
    font-weight: 500;
    line-height: 28px;
    color: #00000E;
    transition: 0.3s;
    margin: 0;
  }
  .icon_box_description {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #6A737C;
    transition: 0.3s;
    margin: 0;
    padding: 0;
  }
  .box_icon {
    line-height: normal;
    height: 100%;
    .box_main_icon {
      font-size: 50px;
      transition: 0.3s;
      color: #69727d ;
      svg {
        path {
          transition: 0.3s;
        }
      }
    }
  }
  .box_button {
    transition: 0.3s;
    line-height: 18px
  }
  .icon_box_button {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #E9336B;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    &:hover{
      text-decoration:none;
    }
    .box_button {
      transition: 0.3s;
    }
    i {
      transition: 0.3s;
    }
  }
}



.icon_box_two {
  border-radius: 8px;
  transition: 0.3s;
  overflow: hidden;
  box-shadow: 0 1.6px 3.6px 0 #334D7235;
  &:hover {
    background-color: #9A6FFF;
    box-shadow: 0 20px 45px 0 #334D7225;
  }
  &:hover .box_main_icon {
    background: #FFFFFF20;
    color: #fff;
  }
  &:hover .box_two_title {
    color:#fff;
  }
  .box2_bg_shape {
    padding: 32px;
    transition: 0.3s;
    background-repeat: no-repeat;
    svg {
      path {
        transition: 0.3s;
      }
    }
  }
  .box2_url {
    display: block;
    text-decoration: none !important;
  }
  .box_main_icon {
    display: inline-flex;
    padding: 14px 12px;
    background: #F0E9FC;
    border-radius: 100px;
    color: #cf7272;
    font-size: 45px;
    transition: 0.3s;
  }
  .box_pro_icon {
    color: #FAA629;
    position: absolute;
    top: 25px;
    right: 25px;
  }
  .box_two_title {
    transition: 0.3s;
    margin: 0;
  }
  a {
    text-decoration: none !important;
  }
}