@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto+Condensed:ital,wght@0,300;0,400;1,300;1,400&display=swap");
*{
    font-family: "Oswald", sans-serif;
}
body{
    background-color: #000000 !important;
}
.navbar{
    background-color: #000000 !important;
}
.nav-item{
    padding-left: 20px;
}
.nav-item .nav-link{
    color:white !important;
    font-size: 18px; 
}

/* swiper slider */
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.mySwiper .swiper-slide img {
display: block;
width: 100%;
height: 650px;
object-fit: cover;
position: relative;
}
@media(max-width:768px){
.mySwiper  .swiper-slide img {
height: 350px !important;
}
}
.mySwiper .swiper-slide::before{
content: "";
position: absolute;
top: 0;
left:0;
width:100%;
height: 100%;
background-color: black; 
}
.category .col-md-6{
position: relative;
margin: auto;
}
.category .col-md-6::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000093;
}
.category .col-md-6 .desc{
position: absolute;
bottom: 90px;
left: 0;
width: 100%;
text-transform: uppercase;
color: white;
text-align: center;
}
/* Style for the next button */
.mySwiper .swiper-button-next {
width: 30px !important;  /* Force width */
height: 30px !important; /* Force height */
background-size: contain !important; /* Ensure background fits */
background-color: white;
border-radius: 100px;
}
/* Style for the previous button */
.mySwiper .swiper-button-prev {
width: 30px !important;  /* Force width */
height: 30px !important; /* Force height */
background-size: contain !important; /* Ensure background fits */
background-color: white;
border-radius: 100px;
}

/* Optional: Adjust button icon size */
.swiper-button-next::after, .swiper-button-prev::after {
font-size: 16px !important;  /* Adjust icon size */
}
.products{
margin-top: 50px;
margin-bottom: 50px;
}
.products .section-title{ 
font-size: 100px;
display: block;
color: #2c234d;
font-weight: 700;
text-transform: uppercase;
text-align:center;
color: #fff;
-webkit-text-stroke: 1px #f6f7f8;
-webkit-text-fill-color: transparent;
}


@media(max-width:768px){
.products .section-title{
font-size: 40px;
margin-bottom: 30px;
}
.category .col-md-6 .desc{
bottom: 0 !important;
}
.category .col-md-6 .desc h2{
font-size: 20px !important;
}
.category .col-md-6 .desc p{
font-size: 10px !important;
}
}


/* about page */
.about-banner{
background:linear-gradient(rgba(0, 0, 0, 0.571), rgba(0, 0, 0, 0.565)), url('../img/hero/hero2.png');
height: 200px;
background-size: cover;
background-position: center;
}

/* auth-banner */
.auth-banner{
background:linear-gradient(rgba(0, 0, 0, 0.571), rgba(0, 0, 0, 0.565)), url('../img/banner01.webp');
height: 200px;
background-size: cover;
background-position: center;
}




/* contact */
.contact-header {
/* background: linear-gradient(45deg, #007bff, #6f42c1); */
color: white;
padding: 50px 0;
}
.contact-header h1 {
font-size: 3rem;
font-weight: 700;
}
.form-control:focus {
border-color: #007bff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}