https://brown-sandpiper-390406.hostingersite.com/**
Theme Name: Graphics Hatti
Theme URI: https://brown-sandpiper-390406.hostingersite.com/
Author: 5elements Tech
Version: 1.1
/* ----------------------- */

/* Custom CSS */
a, a:focus, a:hover {
  outline: 0;
}
#banner {
  position: relative;
}
#banner .elementor-headline-text-active {
  background-color: #5777FF;
  padding: 7px 30px;
  border-radius: 70px;
  color: #fff;
  display: inline-block;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.25);
}
#banner :nth-child(2).elementor-headline-text-active {
  background-color: #3955df;
}
#banner span.elementor-headline-text-wrapper {
  width: auto !important;
}
#banner .elementor-headline-dynamic-wrapper {
  text-transform: uppercase;
}
.arrow-anim {
  animation: arrow 2s alternate infinite;
  -webkit-animation: arrow 2s alternate infinite
}
@keyframes arrow {
  from {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px)
  }
  from {
    transform: translateX(20px);
    -webkit-transform: translateX(20px)
  }
}
#achievements .elementor-counter-number-wrapper {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px #0a143c;
  -webkit-text-fill-color: #fff;
}
.testimonial-bx .swiper-slide {
  border: 2px dashed #5777FF;
}
/* Footer */
footer.site-footer, footer.site-footer a {
  text-align: left;
  color: #000;
}
footer.site-footer a:hover {
  color: #5777ff;
}
footer.site-footer .site-primary-footer-wrap .ast-builder-grid-row {
  grid-template-columns: 1.5fr 1fr 1.5fr 1.2fr;
}
footer.site-footer h2 {
  color: #375879;
  margin: 5px 0 12px 0;
  position: relative;
  font-size: 20px;
}
footer.site-footer h2:after {
  content: "";
  width: 40px;
  height: 2px;
  background: #70d1ff;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.ftr-connect ul {
  padding-top: 5px;
}
.ftr-connect li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 15px;
  margin-bottom: 15px;
}
.ftr-connect li svg {
  width: 19px;
  fill: #5777ff;
}
.ftr-connect li span:last-child {
  width: 88%;
}
.ftr-links li {
  position: relative;
  padding: 3px 0;
}
.ftr-links li::before {
  content: "⇾";
  font-size: 19px;
  color: #5777ff;
  margin-right: 7px;
}
footer.site-footer .site-below-footer-wrap .ast-footer-copyright {
  text-align: left;
}
footer.site-footer .site-below-footer-wrap .ast-builder-html-element {
  text-align: right;
}
/* Media Query */
@media (max-width: 1220px) {
  #bnr-img {
    bottom: auto;
    max-width: 320px;
    top: 155px;
  }
  .bnr-label {
    right: 290px !important;
  }
}
@media (max-width: 767px) {
  .ast-mobile-header-content {
    width: 60%;
    right: 10px;
    padding: 15px;
    box-shadow: 0 0 0 4px rgb(181, 228, 250, 0.6);
    z-index: 9;
  }
  #bnr-img {
    display: none;
  }
  .bnr-label {
    display: none;
  }
  footer.site-footer .site-primary-footer-wrap .ast-builder-grid-row {
    grid-template-columns: 1fr;
  }
  footer.site-footer .site-below-footer-wrap .ast-footer-copyright, footer.site-footer .site-below-footer-wrap .ast-builder-html-element {
    text-align: center;
  }
}