/* banner */

p:not(:last-of-type) {
  margin-bottom: 20px;
}

h2 {
  margin-bottom: 30px;
}

h3 {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  h2 {
    font-size: 32px;
  }
}

.about-page {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

.about-title {
  text-align: center;
  margin-bottom: 40px;
}

.image-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.image-banner img {
  max-width: 800px;
  width: 100%;
  border-radius: 45px;
}

/* mission */

.mission-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.mission-text {
  display: flex;
  flex-direction: column;
}

.mission-container > div {
  flex: 0 0 calc(50% - 20px);
}

.mission-text h2,
.mission-text h3,
.mission-text p {
  width: 100%;
  max-width: 700px;
}

.mission-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mission-img img {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 10px;
}

@media (max-width: 991px) {
  .mission-container {
    flex-direction: column;
    align-items: center;
  }

  .mission-img {
    display: none;
  }
}

/* why swinkio */

.why-swinkio-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.why-card h3 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.why-swinkio h2 {
  color: #ffffff;
}

.why-swinkio-card {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.why-swinkio-title {
  text-align: center;
}

.why-card {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 50px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.time-Icon {
  color: #4a90e2;
}

.money-Icon {
  color: #009900;
}

.hearthand-Icon {
  color: #a112f3;
}

.arrow-Icon {
  color: #e74c3c;
}

@media (max-width: 991px) {
  .why-swinkio-card {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .why-swinkio-card {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* who behind swinkio */

.who-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.who-card-icon-circle {
  padding: 30px;
  border-radius: 50%;
  display: inline-flex;
  background: purple;
  background: linear-gradient(
    135deg,
    rgba(147, 23, 235, 1) 6%,
    rgba(23, 104, 235, 1) 94%
  );
}

.who-card-icon svg {
  color: #ffffff;
}

.who-container {
  text-align: center;
}

.who-card {
  text-align: center;
  width: 100%;
  max-width: 860px;
  margin: auto;
  border-radius: 10px;
  background-color: #f4f5ff;
  padding: 30px 50px;
}

@media (max-width: 991px) {
  .who-card {
    padding: 30px 20px;
  }
}

/* why make us diff */

.why-make-us-diff-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

.why-make-us-diff-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}