.team-card{
    border: none;
    border-radius: 10px;
     
    background-color: #fff;
  }
  
  
  
  .stats{
  
        background: #f2f5f8 !important;
  
      color: #000 !important;
  }
  .articles{
    font-size:10px;
    color: #a1aab9;
  }
  .number1{
    font-weight:500;
  }
  .followers{
      font-size:10px;
    color: #a1aab9;
  
  }
  .number2{
    font-weight:500;
  }
  .rating{
      font-size:10px;
    color: #a1aab9;
  }
  .number3{
    font-weight:500;
  }
  
  .circle-shape {
    width: 500px;
    height: 500px;
    background: rgb(148, 148, 148);
    border-radius: 50%;
    position: absolute;
  }
  .team-title{
    z-index: 1;
    position: relative;
    margin-top:105px;
  }
  
  .team {
    background: url('../images/team-shape-2.png');
    background-position: left;
    background-size: inherit;
    background-repeat: no-repeat;
  }
  @media screen and (max-width:767px){
    .team {
      background: url('../images/team-mobile-bg.png');
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  }

  .modal-backdrop {
    /* display: none !important; */
    background-color: #00000029 !important;
  }


  /* /////// */
  /* images */
  .section-intro {
    font-size: 1.125rem;
    color: #828d9f;
}
/* .mb-3 {
    margin-bottom: 1rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
} */
/* .justify-content-center {
    -webkit-justify-content: center !important;
    justify-content: center !important;
} */
.integration-list .item img {
    width: 100px;
    height: auto;
    background: #fff;
    cursor: pointer;
}
.integration-list .item p {
  font-size: 13px;
  margin-top: 5px;
}
.rounded-circle {
    border-radius: 50% !important;
}
/* .shadow {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%) !important;
} */
/* img, svg {
    vertical-align: middle;
} */

/* @media (min-width: 1200px){
    .top-line-lg:before {
        content: "";
        display: inline-block;
        width: 160px;
        height: 80px;
        z-index: -1;
        background: transparent;
        border: none;
        border-top: dashed 3px #cccff8;
        padding: 30px;
        border-radius: 50%;
        position: absolute;
        right: -80px;
        top: -10px;
    }
}

@media (min-width: 1200px){
    .bottom-line-lg:before {
        content: "";
        display: inline-block;
        width: 160px;
        height: 80px;
        z-index: -1;
        background: transparent;
        border: none;
        border-bottom: dashed 3px #cccff8;
        padding: 30px;
        border-radius: 50%;
        position: absolute;
        right: -80px;
        bottom: -10px;
    }
}

@media (min-width: 1200px){
.top-line-lg {
    position: relative;
}
}

@media (min-width: 1200px){
.bottom-line-lg {
    position: relative;
}
} */

/* @media (min-width: 992px){
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
} */

/* //////////////// */
/* MODAL */

.team-card{
  border:none;

  position:relative;
  overflow:hidden;
  border-radius:8px;
  cursor:pointer;
}

.team-card:before{
  
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background-color:#59bba470;
  transform:scaleY(1);
  transition:all 0.5s;
  transform-origin: bottom
}

.team-card:after{
  
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background-color:#59bba4;
  transform:scaleY(0);
  transition:all 0.5s;
  transform-origin: bottom
}

.team-card:hover::after{
  transform:scaleY(1);
}


.fonts{
  font-size:14px;
  text-align: justify;
}

.social-list{
  display:flex;
  list-style:none;
  justify-content:center;
  padding:0;
}

.social-list li{
  padding:10px;
  color:#59bba4;
  font-size:19px;
}


.buttons button:nth-child(1){
     border:1px solid #59bba4 !important;
     color:#59bba4;
     /* height:40px; */
}

.buttons button:nth-child(1):hover{
     border:1px solid #59bba4 !important;
     color:#fff;
     /* height:40px; */
     background-color:#59bba4;
}

.buttons button:nth-child(2){
     border:1px solid #59bba4 !important;
     background-color:#59bba4;
     color:#fff;
      /* height:40px; */
}

/* Zoom In */
/* Apply styles to the image container */
.integration-list .item {
  position: relative;
  overflow: hidden;
}

/* Define the initial size and transition for the image */
.integration-list .item img {
  width: 100px;
  height: auto;
  -webkit-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

/* Add the hover effect to the image */
.integration-list .item:hover img {
  transform: scale(1.1); /* You can adjust the scale factor as needed */
}