*{
    margin: 0;
    padding: 0;
}

:root{
    --heading-font:"Winky Sans", sans-serif;
    --text-font: "Poppins", sans-serif;
    --prime-color:#cc955d;
    --heading-size:clamp(3rem, 5vw + 1rem, 4.2rem);
    --sec-title:clamp(22px, 4.5vw, 46px);
}
body{
   font-family: var(--text-font);
   overflow-x: hidden;
}

ul{
    margin: 0 !important;
}


a{
    text-decoration: none;
        font-family: var(--text-font);
        color: #000;
}
li{
    list-style: none;
    font-family: var(--text-font);
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: var(--heading-font);
}
p{
        font-family: var(--text-font);
        font-size: 16px;
        line-height: 1.6;
}
section{
    padding-top: 100px;
}

img{
    max-width: 100%;
}
.pl-40{
    padding-left: 40px !important;
}
.pr-40{
    padding-right: 40px !important;
}
.pl-80{
    padding-left: 80px !important;
}

.page-loader {
  position: fixed;
  inset: 0;
  background: #fff8f2;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.page-content {
  opacity: 0;
  transform: translateY(30px);
}
.loader-counter {
  position: absolute;
  bottom: 20%;
  font-size: 6rem;
  font-weight: 700;
  color: var(--prime-color);
  font-family: var(--heading-font);
}
.brand-logo {
  width: 200px;
  height: auto;
  opacity: 0;
  transform: scale(0.5);
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #fff8f2; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #cc955d; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.site-main [data-sal=zoom-in]{
        transform: scale(0.9);
}