.home-section {
  padding: 120px 0;
}

.home-section.active {
  display: flex;
}

.home-text,
.home-img {
  width: 50%;
  padding: 15px;
}

.home-text p {
  font-size: 18px;
  font-weight: 400;
}

.home-section h1 span {
  font-size: 50px;
  transition: all 0.4s ease-out;
}

.home-section h1 span:not(:first-child) {
  margin-left: -5.8px;
}

.home-section h1 span:hover {
  display: inline-block;
  transform: scale(1.1) translateY(-6px) rotate(4deg);
}

.home-text h2 {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0 0 30px 0;
}

#typing-animation {
  color: var(--main-color);
}

.home-text .btn {
  margin: 0 15px 15px 0;
}

.home-img .img-box {
  max-width: 360px;
  background-color: var(--white-alpha-25);
  border-radius: 50%;
  border: 8px solid var(--white-alpha-25);
  margin: auto;
}

.home-img .img-box img {
  width: 100%;
  border-radius: 50%;
  filter: contrast(118%);
}