.web-section {
    background-color: #0A0915;
  }
  
  .dev-icon {
    background: linear-gradient(180deg, rgba(6, 137, 248, 0.23) -4.17%, rgba(94, 179, 250, 0.07) 115.48%);
    padding: 10px;
    border-radius: 10px
  }
  
  /* // .devexplore {
  //   background: #FAFAFF;
  // } */
  
  .morelink::after {
    content: '';
    display: block;
    width: 27px;
    height: 1px;
    background: #21D496;
    transition: width .4s ease-in;
  }
  
  .morelink:hover::after {
    width: 80px;
  }
  
  .appexplore {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(180deg, rgba(10, 96, 185, 0.21) -11.65%, rgba(0, 0, 0, 0.01) 64.68%, rgba(10, 9, 21, 0.00) 115.22%);
  }
  
  .app-icon {
    border: 1px solid #FFFFFF26;
    padding: 8px;
    border-radius: 6px;
  }
  
  /* // .contact-btn {
  //   border: 1px solid rgba(10, 130, 255, 0.42) !important;
  //   box-shadow: none !important;
  //   width: 20%;
  // } */
  
  /* // .experts-contact {
  //   display: flex;
  //   flex-direction: column;
  //   justify-content: center;
  //   height: calc(60vh - 100px);
  // } */
  
  /* // .app-experts {
  //   position: relative;
  //   height: calc(60vh - 100px);
  // } */
  
  .experts-img {
    position: absolute;
    bottom: 33px;
    right: 0;
  }
  
  .chain-img::after {
    position: absolute;
    content: "";
    border-bottom: 1.5px solid #526577;
    width: 100%;
    top: 71px;
  }
  
  
  .data-analysis {
    background: linear-gradient(180deg, rgba(6, 137, 248, 0.23) -4.17%, rgba(94, 179, 250, 0.07) 115.48%);
    padding: 7px;
    border-radius: 10px;
  }
  
  /* // .list-group-item::before {
  //   position: absolute;
  //   content: url(/assets/icons/service-icon/star-icon.svg);
  //   left: -3px;
  // } */
  .list-group-item{
    padding-left: 0;
  }
  
  .reviws-card {
    min-height: 381px !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    /* // background: linear-gradient(180deg, rgba(10, 96, 185, 0.21) -10.99%, rgba(162, 160, 183, 0.04) 105.53%); */
    padding: 12px;
  }
  
  .owl-theme .owl-dots .owl-dot.active span {
    background-color: #ffff !important;
  }
  
  .founders {
    color: #E6E9EC;
  }
  
  .connect-card {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: #FAFAFF;
    width: 70%;
    height: 100%;
    box-shadow: 0px 0px 48px 8px rgba(33, 212, 150, 0.35);
    margin-top: 5rem !important;
  }
  
  .connect-card::after {
    position: absolute;
  
  }
  
  .banner-head {
    background: linear-gradient(81deg, #21D496 -18.44%, #054A91 104.98%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
  }
  
  .projects-card {
    border-radius: 12px;
    border: 1px solid #CACACA;
    background: #FAFAFF;
    min-height: 371px;
  }
  
  @media (max-width: 991.98px) {
    .custom-mobile {
      width: auto !important;
    }
  
    .custom-mobile1 {
      width: auto !important;
    }

    .chain-img {
      flex-direction: column !important;
      align-items: center;
    }
  
    .connect-card {
      width: auto !important;
    }
  
    .experts {
      flex-direction: column;
    }
  
    .experts-contact {
      height: 100% !important;
    }
  
    .experts-img {
      width: 286px;
      height: auto;
      position: relative !important;
    }
  
    .app-experts {
      height: auto !important;
    }
  
    /* // .expert-content {
    //   width: auto !important;
    // } */
  
    .contact-btn {
      width: auto !important;
    }
    .app-experts .experts-img {
        position: absolute;
        bottom: 0px;
        right: 0;
      }
    
  }
  
  .webdevelop {
    border-radius: 12px;
    border: 1px solid rgba(10, 130, 255, 0.17);
    background: var(--Text-White-1, #FFF);
  }
  
  .owl-prev img {
    filter: brightness(16.5) !important;
  }
  .web-section .diamondshape-img {
    position: relative;
    display: inline-block;
    transition: transform 0.3s ease !important;
    z-index: 1;
}

.web-section .hexagon {
    position: absolute;
    width: 230px;
    height: 250px;
    transform: translateX(-50%);
    background-color: #ffffff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    top: -28%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    padding: 53px 16px;
    text-align: center;
    transition: top 0.3s ease;
    box-shadow: rgba(33, 212, 150, 0.5);
    z-index: -1;
}

.web-section .diamondshape-img:hover {
    transform: translateY(30px) !important;
}

.web-section .diamondshape-img:hover .imbg {
    border: 5px solid #0A0915;
}

.web-section .diamondshape-img:hover .hexagon {
    display: block;
}

  .width46{
    width:58%;
  }
  .width75{
    width: 75%;
  }
  @media (max-width: 991.98px) {
    .web-section .chain-img::after {
        display: none !important;
    }

    .web-section .diamondshape-img {
        margin-top: 10rem !important;
    }

    .diamondshape-img:hover {
        transform: translateY(40px) !important;
    }
}

  @media (max-width:1399.98px) and (min-width:992px){
    .reviws-card {
      min-height:507px !important;
    }
  }
  @media (max-width: 767.98px) and (min-width:576px) {
    .reviws-card {
      min-height:464px !important;
    }
   }
  @media (max-width: 576px) and (min-width: 387px){
    .reviws-card {
      min-height: 464px !important;
    }
  }
  @media (max-width: 387.98px) {
    .reviws-card {
      min-height: 506px !important;
    }
  }
  @media (max-width:992px) and (min-width: 576px){
    /* .banner-height {
        height: 930px;
    } */
    .width46{
      width:100% !important;
    }
    .width75{
      width: 100% !important;
    }
    .hexagon {
      top:-61% !important;
    }
  }
  
  @media (max-width: 575.98px){
    /* .banner-height {
        height: 945px;
    } */
    .width46{
      width:100% !important;
    }
    .width75{
      width: 100% !important;
    }
    .hexagon {
      top:-61% !important; 
    }
    .highlighted-step {
      transform: translateY(25px) !important; /* Adjust for mobile if necessary */
    }
    .custom-mobile {
      width: 100% !important;
    }
  }
  .custom-mobile{
    width: 50%;
  }
  .custom-mobile1{
    width: 75%;
  }
  .shdeule-card{
    border-radius: 18px;
    box-shadow: 0px 2px 19px 3px rgb(172 172 172 / 9%);
  }
  .highlighted-step {
    transform: translateY(40px) !important;
    /* // box-shadow: 0px 4px 12px rgba(33, 212, 150, 0.5); */
  }
  
  /* Override styles for the hexagon */
  .diamondshape-img.highlighted-step .hexagon {
    display: block; /* Ensure hexagon is visible */
    top:  -28%; /* Adjust if necessary */
  }


  .hexagon {
    display: none;
    padding: 53px 16px;
    text-align: center;
    transition: top 0.3s ease;
    box-shadow: rgba(33, 212, 150, 0.5);
    background: linear-gradient(44.6deg, #038eef 6.47%, #31e5ab 98.41%);
  }
  
  /* Adjustments for mobile views if needed */
  @media (max-width: 991.98px) {
    .highlighted-step {
      transform: translateY(30px) !important; /* Adjust for mobile if necessary */
    }
    .hexagon {
      top: -5% !important;
    }
  }