/*======================================
    Team CSS
========================================*/
.team .section-title {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .team .section-title {
    margin-bottom: 30px;
  }
}

.team .single-team {
  margin-top: 5px;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
}
/*
.team .single-team img {
  width: 170px; 
  height: 170px;
  padding: 5px;
  border-radius: 50%;
  background: linear-gradient(45deg, gold, red, yellow, orange);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
*/
.team .single-team img {
    width: 170px;
    height: 170px;
    padding: 13px;
    background: linear-gradient(45deg, #4facfe, #00f2fe); /* bluish gradient */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(
        25% 5%, 75% 5%,
        100% 50%,
        75% 95%, 25% 95%,
        0% 50%
    ); /* hexagon shape */
    object-fit: cover;
}


.profile-img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #fff;
  object-fit: cover;
}

.team .single-team .content {
  padding: 40px 30px;
}

@media (max-width: 767px) {
  .team .single-team .content {
    display: block;
    text-align: center;
    padding: 30px;
  }
}

.team .single-team .content h4 {
  font-size: 16px;
  font-weight: 600;
}

.team .single-team .content h4 span {
  color: #727272;
  font-size: 14px;
  display: block;
  margin-top: 10px;
  font-weight: 500;
  font-family: DM Sans;
}

.team .single-team .content .social {
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

@media (max-width: 767px) {
  .team .single-team .content .social {
    margin-top: 20px;
  }
}

.team .single-team .content .social li {
  display: inline-block;
  margin-right: 20px;
}

.team .single-team .content .social li a {
  font-size: 15px;
  color: #081828;
}

.team .single-team .content .social li a:hover {
  border-color: transparent;
  color: #2ed06e;
}

.team .single-team .content .social li:last-child {
  margin-right: 0;
}

.team .single-team:hover .social {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

.corner-image {
  position: absolute;
  width: 120px;
  height: auto;
  opacity: 0.6;
  pointer-events: none;
  z-index: 1;
}

.corner-left {
  bottom: 0;
  left: 0;
}

.corner-image-opacity {
  position: absolute;
  width: 50%;
  height: auto;
  pointer-events: none;
  z-index: 1;

  /* Gradient mask for opacity */
  -webkit-mask-image: 
    linear-gradient(to right, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0.1) 100%),
    linear-gradient(to top, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0.1) 100%);
  -webkit-mask-composite: multiply;
  mask-image: 
    linear-gradient(to right, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0.1) 100%),
    linear-gradient(to top, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0.1) 100%);
  mask-composite: intersect;
}

.corner-right {
  bottom: 0;
  right: 0;
}

.corner-top {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0.60;
  z-index: 0;
}

.single-blog-grid {
  box-shadow: 3px -3px 3px 3px #3071a4;
  position: relative;
  overflow: hidden;
  /* Optional, to contain the corner images */
}


/* Single Blog Grid*/
.single-blog-grid {
  margin-top: 30px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.79);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.79);
  overflow: hidden;
}

.single-blog-grid .blog-img {
  overflow: hidden;
}

.single-blog-grid .blog-img a {
  width: 100%;
}

.single-blog-grid .blog-img img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-blog-grid:hover .blog-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.single-blog-grid .blog-content {
  padding: 15px;
}

.single-blog-grid .blog-content .meta-info {
  margin-bottom: 20px;
}

.single-blog-grid .blog-content .meta-info a {
  display: inline-block;
  margin-right: 22px;
  font-size: 14px;
  color: #727272;
  font-weight: 500;
}

.single-blog-grid .blog-content .meta-info a i {
  display: inline-block;
  margin-right: 5px;
  color: #2ed06e;
  font-size: 16px;
}

.single-blog-grid .blog-content .meta-info a:last-child {
  margin: 0;
}

.single-blog-grid .blog-content .meta-info a:hover {
  color: #2ed06e;
}

.single-blog-grid .blog-content h4 {
  display: block;
  line-height: 28px;
}

.single-blog-grid .blog-content h4 a {
  font-size: 17px;
  color: #081828;
  font-weight: 700;
  display: inline-block;
}

.single-blog-grid .blog-content h4 a:hover {
  color: #2ed06e;
}

.single-blog-grid .blog-content p {
  display: block;
  margin-top: 20px;
}

.single-blog-grid .blog-content .button {
  margin-top: 20px;
}

.single-blog-grid .blog-content .button .btn {
  padding: 0;
  background-color: transparent;
  color: #081828;
  text-decoration: underline;
  overflow: visible;
}

.single-blog-grid .blog-content .button .btn:hover {
  color: #2ed06e;
}

    .ecg-container {
      width: 100%;
      height: 15px;
      position: relative;

      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
      /* 👈 Top margin added */
    }

    .ecg-line {
      position: relative;
      width: 100%;
      height: 2px;
      background: limegreen;
      overflow: hidden;
    }

    .ecg-line::before {
      content: '';
      position: absolute;
      width: 200%;
      height: 20px;
      background: repeating-linear-gradient(to right,
          limegreen 0px,
          limegreen 2px,
          transparent 2px,
          transparent 4px);
      animation: scroll 2s linear infinite;
    }

    .ecg-wave {
      position: absolute;
      top: -30px;
      left: 0;
      width: 100%;
      height: 60px;
      background: transparent;
      z-index: 1;
    }

    .ecg-path {
      stroke: limegreen;
      stroke-width: 2;
      fill: none;
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      animation: draw 2s linear infinite;
    }

    @keyframes draw {
      to {
        stroke-dashoffset: 0;
      }
    }

    @keyframes scroll {
      0% {
        left: 0;
      }

      100% {
        left: -100%;
      }
    }

     #fixedGif {
      position: fixed;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      z-index: 9999;
      cursor: pointer;
    }

    .footer.section a.footer-icon 
    {
      border-top:1px solid #52565b;
      border-right:1px solid #52565b;
      padding-top:3px;
      border-radius: 8px 8px 0 0;

    }

    .main-content .cat-title {
 
    min-height: 50px;
}

.my-element-gradient-blue {
  background: linear-gradient(45deg, #2193b0, #6dd5ed);
  color: white; /* For contrast */
  padding: 5px;
}


#dateAlertModal {
  z-index: 9999 !important;
}

.modal-backdrop.top-alert {
  z-index: 9998 !important;
}

.image-rounded {
  width: 100%;              /* full width of card */
  height: 150px;            /* fixed height */
  object-fit: cover;        /* keep aspect ratio, hide overflow */
  object-position: top;     /* show top part, hide bottom */
  border-radius: 0 50% 0 50%;
}