:root {
  --aboutsec4-bg: #bd976d;
  --aboutsec4-text: #000;
  --aboutsec4-highlight: #59568c;
  --aboutsec4-btn-bg: #000;
  --aboutsec4-btn-color: #fff;
  --aboutsec4-btn-radius: 10px;
  --aboutsec4-gap: 1.5rem;
  --aboutsec4-font: 'Arial', sans-serif;
}

* {
  margin: 0;
  padding: 0;
  font-family: var(--aboutsec4-font);
}

.aboutsec4-section {
  background-color: var(--aboutsec4-bg);
  color: var(--aboutsec4-text);
  text-align: center;
  padding: 1.6rem 1rem;
}

.aboutsec4-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.aboutsec4-title .aboutsec4-highlight {
  color: var(--aboutsec4-highlight);
}

.aboutsec4-description {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  max-width: 700px;
  margin-inline: auto;
}

.aboutsec4-buttons {
  display: flex;
  justify-content: center;
  gap: var(--aboutsec4-gap);
  flex-wrap: wrap;
}

.aboutsec4-btn {
  background-color: var(--aboutsec4-btn-bg);
  color: var(--aboutsec4-btn-color);
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: var(--aboutsec4-btn-radius);
  font-weight: 600;
  transition: background 0.3s ease;
  min-width: 160px;
  text-align: center;
}

.aboutsec4-btn:hover {
  opacity: 0.85;
}
@media (max-width: 924px) {
.aboutsec4-title {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.aboutsec4-description {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.aboutsec4-btn {

  padding: 0.76rem 1rem;
  border-radius: var(--aboutsec4-btn-radius);
  font-weight: 600;
  transition: background 0.3s ease;
  min-width: 160px;
  text-align: center;
}
}
@media (max-width: 524px) {

   .aboutsec4-title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.aboutsec4-description {
  font-size:0.90rem;
  margin-bottom: 1rem;
}
.aboutsec4-btn {
font-size: 14px;
  padding: 0.56rem 0.45rem;

}
}