/*=====================================
Nehal Leather Works Theme
=====================================*/

:root{

--primary:#5b3a29;
--secondary:#9b6b43;
--gold:#c89b3c;
--dark:#1d1d1d;
--light:#f8f8f8;
--white:#ffffff;
--border:#ececec;
--transition:.4s;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.7;
color:#555;
background:#fff;
overflow-x:hidden;

}

a{
text-decoration:none;
transition:.3s;
}

a:hover{

color:var(--gold);

}

img{

max-width:100%;

display:block;

}

ul{

list-style:none;

padding:0;

margin:0;

}

.container{

max-width:1320px;

margin:auto;

padding:0 15px;

}

section{

padding:90px 0;

}

/*=======================
Top Bar
========================*/

.top-bar{

background:var(--dark);

color:#fff;

font-size:14px;

padding:8px 0;

}

.top-bar span{

margin-right:25px;

}

/*=======================
Header
=======================*/

.site-header{

position:relative;

z-index:999;

background:#fff;

box-shadow:0 2px 10px rgba(0,0,0,.08);

}

.navbar-wrapper{

display:flex;

justify-content:space-between;

align-items:center;

padding:20px 0;

}

.logo img{

max-height:70px;

}

.menu{

display:flex;

align-items:center;

gap:35px;

}

.menu li{

position:relative;

}

.menu li a{

font-size:15px;

font-weight:600;

color:#333;

text-transform:uppercase;

}

.menu li a:hover{

color:var(--gold);

}

/* Button */

.quote-btn{

background:var(--gold);

padding:13px 30px;

border-radius:50px;

color:#fff;

font-weight:600;

display:inline-block;

}

.quote-btn:hover{

background:#111;

color:#fff;

}

/*==========================
Banner
==========================*/

.page-banner{

background:#222;

color:#fff;

padding:90px 0;

text-align:center;

}

.page-banner h1{

font-size:46px;

font-weight:700;

}

/*==========================
Section Title
==========================*/

.section-title{

margin-bottom:60px;

text-align:center;

}

.section-title h2{

font-size:40px;

font-weight:700;

color:#222;

margin-bottom:15px;

}

.section-title p{

max-width:700px;

margin:auto;

}

/*==========================
Cards
==========================*/

.card-box{

background:#fff;

border-radius:10px;

padding:35px;

box-shadow:0 8px 30px rgba(0,0,0,.08);

transition:.4s;

height:100%;

}

.card-box:hover{

transform:translateY(-10px);

}

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

.btn-primary{

background:var(--primary);

padding:14px 35px;

border-radius:50px;

display:inline-block;

color:#fff;

font-weight:600;

}

.btn-primary:hover{

background:var(--gold);

color:#fff;

}

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

.footer{

background:#181818;

color:#ddd;

padding:80px 0 0;

}

.footer h4{

color:#fff;

margin-bottom:20px;

}

.footer a{

color:#ddd;

}

.footer a:hover{

color:var(--gold);

}

.copyright{

border-top:1px solid rgba(255,255,255,.1);

margin-top:40px;

padding:20px 0;

text-align:center;

}

/*==========================
404
==========================*/

.error-page{

padding:120px 0;

text-align:center;

}

.error-page h1{

font-size:140px;

font-weight:800;

color:var(--gold);

}

.error-page h3{

margin-bottom:20px;

}

/*==========================
Search
==========================*/

.search-item{

padding:25px;

margin-bottom:20px;

border:1px solid var(--border);

}

/*==========================
Archive
==========================*/

.archive-item{

padding:25px;

border-bottom:1px solid #eee;

}

/*==========================
Utilities
==========================*/

.text-center{

text-align:center;

}

.mt-30{

margin-top:30px;

}

.mb-30{

margin-bottom:30px;

}

.py-100{

padding:100px 0;

}