@import url("https://fonts.googleapis.com/css2?family=Allan&family=Montserrat:ital@1&family=Poppins&family=Sofia&display=swap");

/* font-family: 'Allan', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Sofia', cursive; */

:root {
  --light-gray: #2b3032a1;
  --primary-color: #d2e9e5;
  --border: #2b303218;
  --text-color: #ffb86b;
}

.primary-color {
  color: var(--primary-color);
}

.bg-primary-color {
  background-color: var(--primary-color) !important;
}

.text-color {
  color: var(--text-color);
}

.lightblue {
  color: lightblue;
}

header {
  background-color: var(--primary-color);
}

header.site-title {
  font-family: "Sofia", cursive;
}

.container .dropdown-toggle,
.container .dropdown-items {
  font-size: 0.7em;
}

.header-links a {
  color: white;
}

/* Navigation Menu */
.navbar-nav {
  padding: 0.8em 0em;
}

.navbar-nav .navbar-link {
  font-size: 0.9em;
}
.navbar-nav .nav-item .navbar-link {
  padding: 0 1.3em;
}

/* .navbar-nav .bag-icons{
    margin-right:6.5rem!important;
} */

/* slider one */

.site-slider {
  position: relative;
  background: radial-gradient(#d2e9e5, #fff);
}
.position-top {
  position: absolute;
  top: 50%;
}

.site-slider .slider-btn .prev,
.site-slider .slider-btn .next {
  background-color: var(--primary-color);
  padding: 1rem 1.5rem;
  border-radius: 10rem;
  color: white;
  margin: 0 1rem;
  opacity: 0;
  transition: opacity 1s ease-in;
}

.site-slider:hover .slider-btn .prev,
.site-slider:hover .slider-btn .next {
  opacity: 1;
}
.site-slider .right-0 {
  right: 0;
}

.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style: none;
  position: absolute;
  bottom: 0;
  right: 50%;
}

.slick-dots li {
    margin: 0 0.6rem;
}

.slick-dots button{
display: block;
width: 0.5rem;
height: 0.5rem;
padding: 0;
border: none;
background: white;
text-indent: -99999px;
border-radius: 100%;
outline: none;
}


.slick-dots li.slick-active button{
    transform: scale(2.5);
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.3);
    transition: .5s ease-in;
}

.slider-one div img {
  margin: 0 auto;
}

.site-slider-two{
    position: relative;
    height: 30%;
}

.site-slider-two .product{
    height: 25rem;
    position: relative;
    overflow: hidden;

}
.site-slider-two .product img{
 width: 100%;
}
.site-btn.btn-span{
padding: .8rem 1.9rem;
border-radius: 4rem;
border: 1px solid var(--border);
background: white;
color: var(--light-gray);
}
.slider-two .slick-track .product:hover span{
    background: var(--primary-color);
}
.site-slider-two .right-0{
    right: 0;
}

@media screen and (max-width:760px){
   .site-btn.btn-span{
padding: .1rem .1rem;
font-size: 1rem;
border-radius: 1rem;
border: none;
text-align:center;

}
.site-slider-two .product{
    height: 20rem;
   

}
}