.banner-widget {
    background: #1e1e1e;
    border-radius: 10px;
    height: 230px;
    width: 295px;
    display: flex;
    flex-direction: column;
}
.banner-widget::before {
  content: "";
    height: 230px;
  width: 295px;
  position: absolute;
  top: -1px !important;
  left: 3px !important;
  right: 3px !important;
   bottom: 8px !important;
  border: 1px solid transparent;
  border-radius: 12px;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
  transition: opacity 0.3s ease;
  opacity: 1;
  animation: animateCornerGradient 4s linear infinite;
}

.banner-call-section {
    display: flex;
    align-items: baseline;
    flex-direction: row;
    justify-content: center;
}
.banner-call {
    position: relative;
    right: 68px;
    bottom: 35px;
    z-index: 99 !important;

}
.banner-caller-msg {
    position: relative;
    left: 75px;
    bottom: 35px;
    z-index: 99 !important;

}
.banner-caller-info {
    text-align: center;
}
.banner-video-section {
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.banner-caller-info h6 {
    margin-bottom: 0;
    font-size: 15px !important;
    text-transform: capitalize;
    line-height: 19px !important;
}
.banner-caller-info p {
    margin: 0;
    font-size: 12px;
}
.banner-caller-info img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.banner-video-section {
    text-align: center;
    position: relative;
    top: 36px;

}
.banner-person {top: 42px;left: 35%;    z-index: 99 !important;}
/* home page slider left side section start */

.glow-border {
  position: relative;
  display: inline-block;
  z-index: 1;
  border-radius: 12px;
}

/* Image styles (optional) */
.glow-border img {
  display: block;
  border-radius: 12px;
}

/* Glowing border on hover using pseudo-element */
.glow-border::before {
  content: "";
  position: absolute;
  top: -1px !important;
  left: 3px !important;
  right: 3px !important;
   bottom: 8px !important;
  border: 1px solid transparent;
  border-radius: 12px;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 71px;
}

.glow-border:hover::before {
  opacity: 1;
  animation: animateCornerGradient 4s linear infinite;
}

/* Animate border sides one at a time with gradient */
@keyframes animateCornerGradient {
  0% {
    border-top: 1px solid;
    /*border-top-color: linear-gradient(90deg, #66D3FA, #1E1E1E) !important;*/
    border-top-color: #66D3FA;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  25% {
    border-top-color: transparent;
    border-right-color: #66D3FA;
  }
  50% {
    border-right-color: transparent;
    border-bottom-color: #66D3FA;
  }
  75% {
    border-bottom-color: transparent;
    border-left-color: #66D3FA;
  }
  100% {
    border-left-color: transparent;
    border-top-color: #66D3FA;
  }
}


/* home page slider left side section end */
/* home page blue line backgroud section start */


.animated-backend {
    display: flex;
    flex-direction: column;
}

.line-container {
  position: relative;
  height: 2px;
  background-color: #444;
  overflow: hidden;
  margin: 20px 0;
}

.blue-dot {
  position: absolute;
  top: 0;
  height: 2px;
  width: 45px;
  background: linear-gradient(to right, #6FD097, #03B3E2, #444);
}
.animated-lines {
    display: flex;
    padding: 132px 0;
    position: relative;
}
.backend-lines {
    width: 100%;
}
div#backgroundlines {
    position: relative;
}

div#dashboardsection {
    position: absolute;
    top: 150px;
    left: 0px;
    right: 0px;
}
.backend-lines.lines1 .line-container {
    margin: 0 0px 50px;
}
.backend-lines.lines2 .line-container:first-child {
    margin: 0 0px 100px;
}
.backend-lines.lines2 .line-container:last-child {
    margin: 64px 0px 0px; 
}
.backend-lines.lines2 {
    display: grid;
    position: relative;
    top: -40px;
}
.backend-lines.lines3 .line-container:first-child
 {
    margin: 0 0px 100px;
}
.backend-lines.lines4 .line-container {
    margin: 0 0 55px;
}
/* background animation lines end */
/* Audio element  start*/
.custom-audio-player .audio-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 28px;
    color: #333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.custom-audio-player .audio-toggle .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-audio-player .audio-toggle .pause-icon {
    display: none;
}

/* Audio element  End*/
/* Video background  Start*/
.trical-video-section .elementor-background-video-hosted{
    top:70% !important;
}
.trical-video-section .elementor-background-video-container{
    background: #1b1b1b;
}
/* Video background  End*/