.about-section {
  margin: 5rem 0;
}

.about-section-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  width: 100%;
  height: 100%;
  gap: 2rem;
}

.about-section-left {
  display: flex;
  position: relative;
  width: 40%;
  height: 100%;
}

.about-section-image {
  padding: 2rem 2rem 0 2rem;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.5);
  border-radius: 16px;
}

.about-section-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-section-right {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 2rem;
  width: 100%;
  height: 100%;
}

.about-section-right-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.about-section-right-hi {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
}

.about-section-right-about-text {
  font-weight: 500;
  font-size: 2rem;
  /* text-align: justify; */
  line-height: 3rem;
  color: #333333;
}

.about-section-right-about-text a {
  text-decoration: none;
  white-space: nowrap;
  color: #e7e7e7;
  background-color: #303030;
  border-radius: 8px;
  padding: 0.25rem 1rem;
  margin-right: 0.5rem;
}

.about-section-right-about-text a:hover {
  color: white !important;
  background-color: #008026;
}

.about-section-right-about-text a i {
  margin-left: 0.5rem;
  color: #c6c6c6;
  rotate: -45deg;
}

.about-section-right-about-text a:hover i {
  color: white !important;
  scale: 1.2;
}

.about-section-right-tugcanonbas-com {
  font-weight: 500;
  font-size: 1rem;
  color: #333333;
}

.about-section-right-tugcanonbas-com a {
  text-decoration: none;
  white-space: nowrap;
  color: #e7e7e7;
  background-color: #303030;
  border-radius: 8px;
  padding: 0.25rem 1rem;
  margin-right: 0.5rem;
}

.about-section-right-tugcanonbas-com a:hover {
  color: white !important;
  background-color: #008026;
}

.about-section-right-contacts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.about-section-right-contacts a {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  text-decoration: none;
}

.about-section-right-contacts a:hover {
  color: #008026;
}

.about-section-right-contacts-socials {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}

.about-section-right-contacts-socials i {
  font-size: 2rem;
  color: #333333;
}

.about-section-right-contacts-socials i:hover {
  scale: 1.1;
  color: #008026;
}