.text-justify {
    text-align: justify;
}

.product-btn-dark {
  padding: 8px 25px;
  border-radius: 50px;
  transition: 0.3s;
  color: var(--contrast-color);
  background: var(--accent-color);
}

.product-btn-dark:hover {
  color: #fff;
  background: #62BDE8;
}

.contacticon i {
  color: var(--heading-color);
  font-size: 20px;
  transition: 0.3s;
  vertical-align: middle;
}

.feature-item i {
  color: var(--accent-color);
  font-size: 23px;
  transition: 0.3s;
}

.service-item p i {
  color: var(--accent-color);
  font-size: 21px;
  transition: 0.3s;
}

.linck {
    position: fixed;
    width: 50px;
    margin-top: 250px;
    transition: all 0.3s linear;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .4);
    z-index: 1;
    right: 0;
}

.linck ul {
  padding-left: 0;
  margin-bottom: 0;
}

.linck li {
  list-style: none;
  padding: 0px 16px;
}

.linck li a {
    color: #fff !important;
    display: block;
    line-height: 45px;
    transition: all .3s linear;
    text-decoration: none !important;
    font-size: 19px;
}

.linkedin {
    background: #2867B2;
}

.whatsapp {
    background: #4AC658;
}

.phone {
    background: #035478;
}

.youtube {
    background: #EE1B0D;
}

.about .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.why-us .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.innerdropdown ul {
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  scrollbar-color: #0298e7 #f0f0f0;
}

.aos-animate .textbg {
    display:inline-block;
    transform: translateZ(-200px) !important;
    transition-duration:0s !important;
    opacity:1 !important;
}

.aos-init .textbg {
    opacity:1 !important;
}

.aos-animate .textbg::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -7px;
    width: calc(100% + 15px);
    height: 115%;  
    background: #bcebeb;
    border-radius: 100px;
    padding: 5px;
    z-index: -1;
    animation: 2s slide-right;
}

@keyframes slide-right {
  from {
    margin-left: -20%;
  }
  to {
    margin-left: 0%;
  }
}


.glitch-text {
    animation: glitch 2s infinite;
}

@keyframes glitch {
    0%, 100% {
        transform: translate(0);
    }
    20% {
        transform: translate(-2px, 2px);
    }
    40% {
        transform: translate(2px, -2px);
    }
    60% {
        transform: translate(-1px, 1px);
    }
    80% {
        transform: translate(1px, -1px);
    }
}