* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --services-main-font: "Outfit", sans-serif;
    --services-heading-font:  "Kavoon", serif;
    --services-subtitle-font: "Roboto Condensed", sans-serif;
    --services-letter-space: 1px;
    --services-heading-font-size:36px;
    --services-subtitle-font-size:24px;
    --services-main-font-size:18px;
}
.servicespage-main{
    background-color: white;
}
 .servicespage-main-title {
    font-family: var(--heading-font);
    text-transform:capitalize; 
     font-size: var(--heading-font-size) !important;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #5D2F77;
}

 .servicespage-main-subtitle {
  font-family: var(--services-subtitle-font);
    text-transform:capitalize; 
     font-size: var(--services-subtitle-font-size);
  color: #F8B259;
  margin-bottom: 2rem;
}
.servicespage-img{
  border-radius: 15px;
}
/* Services Page Styles */
.servicespage-title {
    font-family: var(--services-heading-font);
    text-transform:capitalize; 
     font-size:35px;
  font-weight: 500;
  color: #5D2F77;
  margin-bottom: 0.5rem;
}

.servicespage-subtitle {
   font-family: var(--services-subtitle-font);
  font-size: 1.25rem;
  color: #F8B259;
  margin-bottom: 1rem;
}

.servicespage-para {
   font-family: var(--services-main-font);
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: #333;
}

.servicespage-btn {
  font-family: var(--services-main-font);
  font-size: 1rem;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #5D2F77;
  color: white;
  font-weight: 600;
}
.servicespage-btn:hover {
    background-color: #F8B259;
    color: #5D2F77;
    text-decoration: none;}
/* Get in Touch Section */
.servicespage-getintouch h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.servicespage-getintouch p {
  font-size: 1rem;
  color: #333;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .servicespage-row {
    flex-direction: column !important;
    text-align: center;
  }
  .servicespage-text {
    margin-top: 1rem;
  }
  .servicespage-img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
  }
    .servicespage-main-title {
     font-size: 32px !important;
}

 .servicespage-main-subtitle {
     font-size: 18px;
}
.servicespage-title {
     font-size:26px;
}
.servicespage-subtitle {
  font-size: 1rem;
}

.servicespage-para {
  font-size: 0.91rem !important;
}
.servicespage-btn {
  font-size:0.85rem;
  padding: 6px 13px;
}
}
@media (max-width: 1167px) {
.servicespage-title {
     font-size:31px;
}
}

@media (max-width: 967px) {
   .servicespage-main-title {
     font-size: 38px;
}

 .servicespage-main-subtitle {
     font-size: 20px;
}
.servicespage-title {
     font-size:26px;
}
.servicespage-subtitle {
  font-size: 1rem;
}

.servicespage-para {
  font-size: 0.85rem;
}
.servicespage-btn {
  font-size:0.85rem;
  padding: 6px 13px;
}
}