.team-images img.executive-photo {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 16px;
  max-width: 300px;
  }

  .team-desc span{
    color: var(--themeht-primary-color);
    font-size: 20px;
  }

  .dialog.sheet.overlay{
    z-index: 10000;
  }


.dialog.sheet.overlay .content header {
  height: 20px;
  background: linear-gradient(to right,
    #0c0c2c 0%,    /* Dark blue */
    #0c0c2c 20%,
    #ffd200 20%,   /* Yellow */
    #ffd200 40%,
    #f26522 40%,   /* Orange */
    #f26522 60%,
    #b7d630 60%,   /* Lime green */
    #b7d630 80%,
    #6257a5 80%,   /* Purple */
    #6257a5 100%
  );
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


.ht-first-letter::first-letter {
  margin-top: -10px;
}

.slight-bg.ht-bg-move{
background: linear-gradient(to right,
    #0c0c2c 0%,    /* Dark blue */
    #0c0c2c 20%,
    #ffd200 20%,   /* Yellow */
    #ffd200 40%,
    #f26522 40%,   /* Orange */
    #f26522 60%,
    #b7d630 60%,   /* Lime green */
    #b7d630 80%,
    #6257a5 80%,   /* Purple */
    #6257a5 100%
  ) !important;
}




.light-bg.ht-bg-move {
  background: linear-gradient(to right, #0a0f2c, #1a1f3c);
  border-radius: 30px 30px 0 0; /* or whatever your current radius is */
  overflow: hidden; /* ensures ::before respects the curve */
}

.light-bg.ht-bg-move::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background: linear-gradient(to right,
    #0c0c2c 0%,
    #0c0c2c 20%,
    #ffd200 20%,
    #ffd200 40%,
    #f26522 40%,
    #f26522 60%,
    #b7d630 60%,
    #b7d630 80%,
    #6257a5 80%,
    #6257a5 100%
  );
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  z-index: 1;
}

.header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  width: 100%;
  background: linear-gradient(to right,
    #0c0c2c 0%,
    #0c0c2c 20%,
    #ffd200 20%,
    #ffd200 40%,
    #f26522 40%,
    #f26522 60%,
    #b7d630 60%,
    #b7d630 80%,
    #6257a5 80%,
    #6257a5 100%
  );
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  z-index: 1;
  opacity: .6;
}




.top-border {
  width: 80%;
  margin: 0 auto;
  height: 10px; /* Adjust height to your preference */
  background: linear-gradient(to right,
    #0c0c2c 0%,
    #0c0c2c 20%,
    #ffd200 20%,
    #ffd200 40%,
    #f26522 40%,
    #f26522 60%,
    #b7d630 60%,
    #b7d630 80%,
    #6257a5 80%,
    #6257a5 100%
  );

}


.team-description{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #444;
}

.styled-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #444;
}

.styled-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
}

.styled-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--themeht-primary-color); /* your primary color */
  font-weight: bold;
  font-size: 20px;
  top: -1px;
}


.dialog.sheet.overlay .content .close-btn{
  background: linear-gradient(to right, #0c0c2c, #10103a);
  color: #fff;
}

.dialog.sheet.overlay .content .close-btn span{
  margin-left: -10px
}


@media screen and (max-width: 800px) {

  /* .container .row{
    text-align: center;
  } */
   .container .row .col-lg-3.col-md-6{
    margin: 0 auto;
      width: 400px;
   }

  .executive-photo{
    background: var(--themeht-primary-color);
    width: 400px !important;
  }

  .team-images{
    text-align: center;
  }
}