@import url(../css/font.css);

:root {
    --Archivo_Black: 'Archivo_Black', cursive;
    --League_Spartan: 'League_Spartan', cursive;
    --Playfair: 'Playfair',cursive;
    --Monserret: 'Monserret', cursive;
}

*{
    margin: 0;
    padding: 0;
    font-family: var(--Monserret);
}


/* Navbar */
.logo{
    width: 100px;
}

/* Navbar Dropdown */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* Navbar cart_logo */

.cart_logo{
    font-size: 22px;
}

/* toggler btn */

/* .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} */

/* Navbar Hover */

.logo{
    font-size: 20px;
}

li a{
    font-size: 17.5px !important;
}

li a:hover{
    color: #f15a29 !important;
}

.dropdown button {
    font-size:  17.5px !important;
}

.dropdown button:hover {
    color: #f15a29 !important;
}

/* bunner */
/* .bunner_bg{
    background-color: #868383;
} */

/* Products */
.hd_col{
    color:#f15a29;

}

/* footer */
.social_icon a{
   color: #000000;
   text-decoration: none;
   font-size: 2.5rem;
}

.line{
    background-color: #000000 !important;
    width: 100%;
    height: 1px;
}

.copyright  p{
    color: #979797;
    font-family: var(--League_Spartan) ;
}
.copyright  span{
    color: #979797;
    font-family: var(--League_Spartan) ;
}

/* partner */
/* Slider */

.logo-slider{
    width:100%;
    overflow:hidden;
    padding:20px 0;
}

.logo-track{
    display:flex;
    width:max-content;
    animation:scroll 10s linear infinite;
}

.logo{
    flex:0 0 auto;
    width:30vw;          /* 5 logos across */
    min-width:90px;
    max-width:220px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.logo img{
    width:80%;
    height:auto;
    object-fit:contain;
}

.logo-track:hover{
    animation-play-state:paused;
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

.item_position{
    margin-top: 180px;
}