/*=================================================
Naik Wines Website
Developed By SDS Enterprises
==================================================*/

html{
scroll-behavior:smooth;
}

body{
font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
background:#111;
color:#fff;
overflow-x:hidden;
}

/*=========================
Navbar
==========================*/

.navbar{

background:rgba(0,0,0,.85);

padding:6px 0;

min-height:80px;

z-index:9999;
  border-bottom: 1px solid #9e2c2c;
}

.navbar-brand img{
transition:.4s;
}

.nav-link{
color:#fff !important;
font-size:16px;
font-weight:500;
margin-left:18px;
transition:.3s;
}

.nav-link:hover{
color:#d4af37 !important;
}

/*=========================
Hero
==========================*/

.hero{

background:url("images/website/hero.png") center center no-repeat;

background-size:cover;

min-height:100vh;

display:flex;

align-items:center;

position:relative;

padding-top:90px;

}
.hero-overlay{

/*background:rgba(0,0,0,.60);*/

width:100%;

min-height:100vh;

display:flex;

align-items:center;

}

.hero h5{

letter-spacing:3px;

color:#d4af37;

font-weight:600;

}

.hero h1{

font-size:70px;

font-weight:bold;

margin:20px 0;

}

.hero p{

font-size:20px;

line-height:35px;

max-width:650px;

margin-bottom:35px;

}

/*=========================
Buttons
==========================*/

.btn-warning{

background:#d4af37;

border:none;

padding:14px 35px;

font-weight:bold;

color:#000;

}

.btn-warning:hover{

background:#b8860b;

}

/*=========================
Sections
==========================*/

section{

padding:90px 0;

}

section h2{

font-size:42px;

font-weight:bold;

margin-bottom:20px;

color:#d4af37;

}

section p{

font-size:17px;

line-height:30px;

}

/*=========================
About
==========================*/

#about{

background:#181818;

}

#about img{

border-radius:15px;

box-shadow:0 15px 40px rgba(0,0,0,.45);

}

/*=========================
Products
==========================*/

.product-box{

background:#1f1f1f;

border-radius:15px;

overflow:hidden;

transition:.4s;

text-align:center;

height:100%;

padding-bottom:20px;

}

.product-box:hover{

transform:translateY(-8px);

box-shadow:0 15px 35px rgba(212,175,55,.25);

}

.product-box img{

width:100%;

height:260px;

object-fit:cover;

}

.product-box h4{

margin-top:20px;

color:#d4af37;

}

.product-box p{

padding:0 20px;

}

/*=========================
Features
==========================*/

.feature-box{

background:#181818;

padding:35px;

border-radius:15px;

transition:.4s;

height:100%;

}

.feature-box:hover{

background:#242424;

transform:translateY(-8px);

}

.feature-box i{

margin-bottom:20px;

}

.feature-box h4{

margin-bottom:15px;

color:#d4af37;

}

/*=========================
Gallery
==========================*/

.gallery img{

width:100%;

height:280px;

object-fit:cover;

border-radius:12px;

transition:.4s;

display:block;

}

.gallery img:hover{

transform:scale(1.05);

}

/*=========================
Contact
==========================*/

.contact-box{

background:#1d1d1d;

padding:35px;

border-radius:15px;

height:100%;

}
#contact img{

height:100%;

object-fit:cover;

border-radius:15px;

}

.contact-box h4{

color:#d4af37;

margin-bottom:20px;

}

/*=========================
Google Map
==========================*/

.map iframe{

width:100%;

height:450px;

border:0;

border-radius:15px;

}

/*=========================
Footer
==========================*/

footer{

background:#4e3a0c;

padding:40px 0;

text-align:center;

}

footer h4{

color:#d4af37;

margin-bottom:15px;

}

footer a{

color:#d4af37;

text-decoration:none;

}

footer a:hover{

color:#fff;

}

/*=========================
WhatsApp
==========================*/

.whatsapp{

position:fixed;

right:25px;

bottom:25px;

width:60px;

height:60px;

background:#25d366;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

text-decoration:none;

z-index:999;

box-shadow:0 10px 25px rgba(0,0,0,.35);

}

/*=========================
Back To Top
==========================*/

.top-btn{

position:fixed;

left:25px;

bottom:25px;

width:55px;

height:55px;

background:#d4af37;

color:#000;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

text-decoration:none;

z-index:999;

}

/*=========================
Responsive
==========================*/

@media(max-width:991px){

.hero{

height:85vh;

}

.hero h1{

font-size:48px;

}

.hero p{

font-size:18px;

line-height:30px;

}

section{

padding:70px 0;

}

.product-box img{

height:220px;

}

}

@media(max-width:768px){

.hero{

text-align:center;

}

.hero h1{

font-size:38px;

}

.hero p{

font-size:16px;

line-height:28px;

}

section h2{

font-size:32px;

}

.nav-link{

margin-left:0;

padding:10px 0;

}

.product-box{

margin-bottom:25px;

}

}


.collection-section{

background:#181818;

padding:100px 0;

}

.collection-card{

background:#202020;

border-radius:18px;

overflow:hidden;

transition:.4s;

height:100%;

}

.collection-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(212,175,55,.25);

}

.collection-card img{

width:100%;

height:280px;

object-fit:cover;

}

.collection-content{

padding:20px;

text-align:center;

}

.collection-content h4{

color:#d4af37;

margin-bottom:10px;

}

.collection-content p{

color:#ddd;

margin:0;

}

.why-section{

padding:100px 0;

background:#111;

}

.why-card{

background:#1d1d1d;

padding:35px;

text-align:center;

border-radius:18px;

transition:.4s;

height:100%;

}

.why-card:hover{

transform:translateY(-8px);

background:#262626;

}

.why-card i{

font-size:45px;

color:#d4af37;

margin-bottom:20px;

}

.why-card h4{

margin-bottom:15px;

}

.navbar-toggler{

border:1px solid #d4af37;

}

.navbar-toggler:focus{

box-shadow:none;

}

.navbar-toggler-icon{

filter:invert(1);

}