.header {
  height: 100vh;
  width: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 60%, white), url("../img/hero.png");
  background-position: top;
  background-size: cover; }

.underline {
  position: relative; }
  .underline::before {
    background-color: white;
    width: 100%;
    height: 8px;
    position: absolute;
    content: '';
    left: -12px;
    bottom: -8px; }

.underline-sm {
  position: relative; }
  .underline-sm::before {
    background-color: black;
    width: 50px;
    height: 8px;
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px; }

.text-shadow {
  text-shadow: 0 4px 6px rgba(93, 99, 103, 0.3); }

.box-notify {
  position: relative; }
  .box-notify::before {
    content: '';
    background-color: white;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -12px;
    top: -12px;
    border-radius: 100%;
    box-shadow: 0 10px 35px rgba(93, 99, 103, 0.135); }
  .box-notify::after {
    content: '';
    background-color: #2ac6ff;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100%;
    box-shadow: 0 0 0px 0px rgba(67, 246, 255, 0.75);
    animation: pulse-icon 1s infinite; }

.service-box {
  transition: 100ms; }
  .service-box .service-view-more {
    transition: 200ms; }
    .service-box .service-view-more:hover {
      margin-right: 70px; }
      .service-box .service-view-more:hover::after {
        left: 90%;
        opacity: 1; }
    .service-box .service-view-more::after {
      transition: 200ms;
      content: '';
      opacity: 0;
      background: url("../img/icons/arrow.svg");
      position: absolute;
      left: 40%;
      top: 50%;
      transform: translateY(-50%);
      width: 35px;
      height: 12px; }
  .service-box:hover {
    transform: translateY(-8px); }
  .service-box h3 {
    margin-bottom: 32px;
    position: relative; }
    .service-box h3::before {
      content: '';
      background-color: black;
      width: 50px;
      height: 6px;
      position: absolute;
      bottom: -10px;
      left: 0; }

@keyframes pulse-icon {
  0% {
    box-shadow: 0 0 0px 0px rgba(67, 246, 255, 0.75); }
  100% {
    box-shadow: 0 0 0px 16px rgba(67, 246, 255, 0); } }
.about-us {
  background: url("../img/section.png");
  background-position: right;
  background-size: auto 100%;
  background-repeat: no-repeat; }

.glass-bg {
  background-color: rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 1000px) {
  .about-us {
    background-size: auto 20%; } }

/*# sourceMappingURL=style.css.map */