.homepage5-iconlist li { border-top: none !important;}
.homepage5-iconlist li .title{ color: #fff !important;}
.homepage5-iconlist li .icon{ color: #ffd700 !important;}
.idn_button {
  display: inline-block;
  padding: 10px 20px;
  border: none;
  background-color: #FFFFFF;
  color: #00008B;
    font-size: 1rem;
    font-weight: 600;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.idn_button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid transparent; /* Increased the border thickness */
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 0.4s ease;
}

.idn_button:hover::before {
  border-color: #FFD700;
  animation: animate-border 2s linear forwards; /* Changed duration to 2s for smoother animation */
}

@keyframes animate-border {
  0% {    clip-path: polygon(0 0, 0 0, 0 0, 0 0);  }
  25% {    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);  }
  50% {    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 0);  }
  75% {    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);  }
  100% {    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);  }
}
.homepage5-banner .box-right-bottom{ width: 500px !important; max-width: 100% !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.homepage5-iconlist li{ padding: 10px 0 !important;}
.homepage5-banner .banner-cont02 > .title{ padding-bottom: 15px !important; margin-bottom: 15px !important;}

/* For Desktop */
.ourteam-01 {
    display: flex;
    align-items: center;
    flex-direction: row; /* Default to row for desktop */
}

.ourteam-01 .icon {
    border-radius: 50%;
    overflow: hidden;
    display: block;
    flex: 0 0 80px;
    margin: 0 20px 0 0;
}

/* For Mobile Devices */
@media screen and (max-width: 768px) {
    .homepage5-banner .banner-cont02{padding: 40px 30px 40px !important;    }
    .ourteam-01 {flex-direction: column; align-items: center; text-align: center;}
    .ourteam-01 .icon {flex: 0 !important; margin: 0 0 20px 0 !important;}
    .ourteam-01 .cont {text-align: center;}
    .ourteam-01 p { font-size: 0.8rem;}
    .banner-cont02 .button-01{ width: 100% !important;}
}



