body {
  font-family: "Poppins", sans-serif;
}

.bg-navy {
  background-color: #030922;
}

.text-navy{
  color: #030922;
}

.bg-cream{
  background-color: #FCF8F7;
  border-top: 1px solid rgba(185, 184, 184, 0.285);
}

.font-playfair{
  font-family: "Playfair", serif;
}

.w-lg-50{
  width: 50%;
}




:root { scroll-behavior: auto !important; }




/* scrollbar */


/* scrollbar styling */
*::-webkit-scrollbar {
  width: 5px;
}

/* Track */
*::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);

}

/* Handle */
*::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #03092236;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}

*::-webkit-scrollbar-thumb:window-inactive {
  background: #EDEDED;
}





.lightBorderBottom{
  border-bottom: 1px solid rgba(255, 255, 255, 0.285);
}

.lightBorderEnd{
  border-right: 1px solid rgba(255, 255, 255, 0.285);

}

.borderEnd{
    border-right: 1px solid #DEE2E6;
}




.w-lg-60{
  width: 60%;
}



/* Media Query for Mobile Devices */
@media (max-width: 480px) {

  .w-sm-30{
    width: 40%;
  }

.w-lg-50{
  width: 100%;
}

.w-lg-60{
  width: 100%;
}

.lightBorderEnd{
  border-right: none;
}

.borderEnd{
    border-right: none;
}


}

 /* Media Query for low resolution  Tablets, Ipads */
 @media (min-width: 481px) and (max-width: 767px) {
    .w-sm-30{
        width: 25%;
    }

}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    .w-sm-30{
        width: 20%;
    }

}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    .w-sm-30{
        width: 20%;
    }

}

/* Media Query for Large screens */
@media (min-width: 1281px) {
    .w-sm-30{
        width: 15%;
    }
}