body {
  font-family: 'Cairo', sans-serif;
  cursor: url("Images/Sewing.png"), auto;
  background-color: #F8F5FB;
  color: #333;
}
body::before {
  display: block;
  content: '';
  height: 60px;
}


:root {
  --brand-main: #9D6EE8 !important;
  --brand-dark: #7D4BC6 !important;
  --brand-accent: #F9C5D1 !important;
  --brand-bg: #F8F5FB !important;
  --brand-text: #333333 !important;
}

.brand-navbar {
  background-color: var(--brand-dark) !important;
}
.brand-footer {
  background-color: var(--brand-dark);
}

.section-light {
  background-color: var(--brand-bg);
  color: var(--brand-text);
}
.showcase {
  background: linear-gradient(135deg, var(--brand-dark), var(--brand-main));
}

.btn-primary, .btn-buy-now {
  background-color: var(--brand-main);
  border: none;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.btn-primary:hover, .btn-buy-now:hover {
  background-color: var(--brand-accent);
  color: var(--brand-dark);
}

.btn-dark {
  background-color: var(--brand-dark);
  border: none;
  transition: 0.3s ease-in-out;
}
.btn-dark:hover {
  background-color: var(--brand-main);
  color: #fff;
}

.phone-input {
  width: 100%;
}
@media(min-width: 768px) {
  .phone-input { width: 50%; }
}

.card-style {
  background-color: #fff;
  border: 1px solid #eee;
  transition: transform 0.3s ease;
}
.card-style:hover {
  transform: translateY(-5px);
}
.card-title {
  color: var(--brand-dark);
}


.brand-name {
  color: var(--brand-main);
}
.brand-accent {
  color: var(--brand-accent);
}


::selection {
  background-color: var(--brand-main);
  color: #fff;
}
.social-color{
  color: var(--brand-dark);
}