.col-sm-12.col-md-6.col-lg-6 {
    text-align: center;
  }
  
  .index-pro {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 30px;
    border: 5px solid rgb(155, 152, 152);
    animation: spin 3s linear infinite;
  }
  
  .index-pro:hover {
    background-color: #959393;
    color: white;
  }
  
  
  /* @keyframes spin {
    0% {
      border-color: rgb(239, 190, 190);
    }
  
    25% {
      border-color: rgb(170, 170, 217);
    }
  
    50% {
      border-color: rgb(158, 205, 158);
    }
  
    75% {
      border-color: rgb(144, 208, 208);
    }
  
    100% {
      border-color: rgb(239, 190, 190);
    }
  } */
  
  .my-class {
    background-image: url="../template/image/1.png";
    background-size: cover;
    background-position: center center;
  }
  
  .link-style {
    color: #000000;
    font-family: Times New Roman, sans-serif;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: 1.5em;
  }
  
  .link-style:hover {
    font-size: 1.7em;
    color: white;
  }
  
  .link-style:before {
    content: "\2192";
    font-size: 25px;
    margin-left: 20px;
    float: right;
    visibility: hidden;
  }
  
  .link-style:hover:before {
    visibility: visible;
  }