:root{
  --base-font-family: "Inter", sans-serif;
   --bs-primary: #FFA365;
   --bs-font-weight-bolder: 800;
   --bs-dark: #000;
   --bs-secondary: #4F4F4F;
   --bs-white: #fff;
   --bs-light:#fafafa;
}

/* common css */
body{
  font-family: var(--base-font-family);
  color: var(--bs-secondary);
}
/* text color and fonts */
.fw-bolder{
  font-weight: var(--bs-font-weight-bolder) !important;
}
.text-dark{
  color: var(--bs-dark) !important;
}
.text-primary{
  color: var(--bs-primary) !important;
}
.bg-light{
  background-color: var(--bs-light) !important;
}
.bg-primary-gradient{
  background: linear-gradient(180deg, #FCCD8B 0%, #FF987B 100%);
}
.shadow-lg{
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.09), 0px 4px 2px rgba(0, 0, 0, 0.09), 0px 8px 4px rgba(0, 0, 0, 0.09), 0px 16px 8px rgba(0, 0, 0, 0.09), 0px 32px 16px rgba(0, 0, 0, 0.09) !important;
}
.btn-primary-gradient{
  color: var(--bs-white);
  background: linear-gradient(180deg, #FCCD8B 0%, #FF987B 100%);
  border: 1px solid #FF987B;
  filter: drop-shadow(0px 2.87155px 2.87155px rgba(0, 0, 0, 0.11));
  box-shadow: 0px 1.70015px 0.850077px rgba(0, 0, 0, 0.09), 0px 3.40031px 1.70015px rgba(0, 0, 0, 0.09), 0px 6.80062px 3.40031px rgba(0, 0, 0, 0.09), 0px 13.6012px 6.80062px rgba(0, 0, 0, 0.09), 0px 27.2025px 13.6012px rgba(0, 0, 0, 0.09);
  min-width: 12rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.btn-primary-gradient:hover{
  color: var(--bs-white);
  border-color: #FF987B;
  background: linear-gradient(180deg, #FF987B 0%, #EA8643 100%);
}
.btn-group .btn-primary-gradient-2 {
  color: var(--bs-white);
  border: 1px solid #FF987B;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, #FF987B 0%, #EA8643 100%);
  box-shadow:
    0px 1.7px 0.85px rgba(0, 0, 0, 0.05),
    0px 3.4px 1.7px rgba(0, 0, 0, 0.05),
    0px 6.8px 3.4px rgba(0, 0, 0, 0.05),
    0px 13.6px 6.8px rgba(0, 0, 0, 0.05),
    0px 27.2px 13.6px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}

.btn-group .btn-primary-gradient-2:hover {
  background: linear-gradient(180deg, #EA8643 0%, #FF987B 100%);
  transform: translateY(-5px);
}
.btn-group  .dropdown-menu .dropdown-item:focus,
.btn-group .dropdown-menu .dropdown-item:active{
  background-color: #FF987B !important;
}
.bg-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 700px;
  height: 700px;
  background-image: url('images/bg-img.svg');
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  z-index: -1;
  pointer-events: none; /* Allows clicks to pass through */
}

@media (min-width: 1920px) { 
 p{
  font-size: 1.125rem;
 }
 .bg-img::after {
  width: 900px;
  height: 900px;
 }
 }
 @media (max-width: 767.98px){
   .bg-img::after{
    display: none;
   }
 }