/* ===========================
1. Hero Slider
=========================== */

.hero-slider{
    position:relative;
    width:100%;
    height:780px;
    overflow:hidden;
    background:#111;
}

.hero-wrapper{
    position:relative;
    width:100%;
    height:100%;
}

.hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:all .8s ease;
    z-index:1;
}

.hero-slide.active{
    opacity:1;
    visibility:visible;
    z-index:5;
}

.hero-slide img{
    width:100%;
    height:780px;
    object-fit:cover;
    display:block;
    transition:transform 8s linear;
    transform:scale(1.08);
}

.hero-slide.active img{
    transform:scale(1);
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.45) 40%,
        rgba(0,0,0,.15) 100%
    );
    z-index:2;
}

.hero-slider .container{
    position:relative;
    height:100%;
    z-index:10;
}

.hero-slide::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:180px;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.35)
    );
    z-index:2;
}

.hero-content{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    max-width:760px;
    color:#fff;
    z-index:20;
}

.hero-category{
    display:inline-block;
    background:#c98f72;
    color:#fff;
    padding:9px 22px;
    border-radius:40px;
    font-size:11px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.hero-date{
    display:block;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.85);
    margin-bottom:18px;
}

.hero-content h1{
    font-family:'Cormorant Garamond',serif;
    font-size:72px;
    line-height:1.05;
    font-weight:600;
    color:#fff;
    margin:0 0 25px;
}

.hero-content p{
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.92);
    margin-bottom:35px;
    max-width:650px;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 34px;
    background:#c98f72;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.35s;
}

.hero-btn:hover{
    background:#b77d61;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.hero-btn::after{
    content:"→";
    font-size:16px;
    transition:.3s;
}

.hero-btn:hover::after{
    transform:translateX(5px);
}

.hero-dots{
    position:absolute;
    left:50%;
    bottom:40px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:12px;
    z-index:30;
}

.hero-dot{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    transition:.35s;
    user-select:none;
}

.hero-dot:hover{
    background:#ffffff;
    color:#222;
    transform:translateY(-3px);
}

.hero-dot.active{
    background:#c98f72;
    color:#fff;
    box-shadow:0 10px 25px rgba(201,143,114,.35);
}

/*==============================
Tablet
==============================*/

@media(max-width:991px){

.hero-slider{
height:620px;
}

.hero-slide img{
height:620px;
}

.hero-content{
max-width:90%;
padding:0 20px;
}

.hero-content h1{
font-size:52px;
line-height:1.15;
}

.hero-content p{
font-size:16px;
line-height:1.8;
max-width:100%;
}

.hero-btn{
padding:14px 28px;
font-size:13px;
}

.hero-dots{
bottom:25px;
}

}

/*==============================
Mobile
==============================*/

@media(max-width:767px){

.hero-slider{
height:520px;
}

.hero-slide img{
height:520px;
}

.hero-content{
left:0;
top:50%;
padding:0 20px;
max-width:100%;
}

.hero-category{
font-size:10px;
padding:7px 16px;
margin-bottom:12px;
}

.hero-date{
font-size:11px;
margin-bottom:12px;
}

.hero-content h1{
font-size:34px;
line-height:1.2;
margin-bottom:18px;
}

.hero-content p{
font-size:14px;
line-height:1.7;
margin-bottom:24px;
}

.hero-btn{
padding:12px 22px;
font-size:12px;
}

.hero-dots{
gap:8px;
bottom:15px;
}

.hero-dot{
width:32px;
height:32px;
font-size:10px;
}

}
/*==================================================
PART 2
Featured Magazine Section
==================================================*/

.featured-magazine{
    padding:40px 0;
    background:#faf8f5;
}

.section-heading{
    margin-bottom:50px;
}

.section-heading span{
    display:inline-block;
    color:#c98f72;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:12px;
    font-weight:600;
    margin-bottom:12px;
}

.section-heading h2{
    font-family:'Cormorant Garamond',serif;
    font-size:54px;
    line-height:1.1;
    color:#222;
    margin:0;
}

/*==========================
FEATURED STORY
==========================*/

.featured-story-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    transition:.35s;
}

.featured-story-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.featured-story-card img{
    width:100%;
    height:540px;
    object-fit:cover;
    transition:.45s;
}

.featured-story-card:hover img{
    transform:scale(1.05);
}

.featured-story-content{
    padding:45px;
}

.featured-badge{
    display:inline-block;
    background:#c98f72;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
    margin-bottom:20px;
}

.featured-date{
    color:#888;
    font-size:13px;
    margin-bottom:20px;
}

.featured-story-content h2{
    font-family:'Cormorant Garamond',serif;
    font-size:30px;
    line-height:1.2;
    margin-bottom:22px;
}

.featured-story-content h2 a{
    color:#222;
    text-decoration:none;
    transition:.3s;
}

.featured-story-content h2 a:hover{
    color:#c98f72;
}

.featured-story-content p{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin-bottom:30px;
}

.featured-btn{
    display:inline-block;
    padding:15px 30px;
    background:#222;
    color:#fff;
    border-radius:6px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
    font-weight:600;
    transition:.3s;
}

.featured-btn:hover{
    background:#c98f72;
    color:#fff;
}

/*==========================
MINI CARDS
==========================*/

.mini-post-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;
}

.mini-post-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(0,0,0,.10);
}

.mini-post-card img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.45s;
}

.mini-post-card:hover img{
    transform:scale(1.04);
}

.mini-post-content{
    padding:28px;
}

.mini-category{
    color:#c98f72;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
    font-weight:600;
}

.mini-date{
    font-size:12px;
    color:#999;
    margin-bottom:12px;
}

.mini-post-content h4{
    font-family:'Cormorant Garamond',serif;
    font-size:30px;
    line-height:1.3;
    margin-bottom:16px;
}

.mini-post-content h4 a{
    color:#222;
    text-decoration:none;
}

.mini-post-content h4 a:hover{
    color:#c98f72;
}

.mini-post-content p{
    font-size:15px;
    color:#666;
    line-height:1.8;
    margin-bottom:18px;
}

.mini-read{
    color:#c98f72;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.mini-read:hover{
    color:#222;
    padding-left:6px;
}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.featured-story-card img{
    height:360px;
}

.featured-story-content{
    padding:30px;
}

.featured-story-content h2{
    font-size:34px;
}

.section-heading h2{
    font-size:42px;
}

}

@media(max-width:767px){

.featured-magazine{
    padding:70px 0;
}

.section-heading{
    text-align:center;
}

.section-heading h2{
    font-size:34px;
}

.featured-story-card img{
    height:250px;
}

.featured-story-content{
    padding:22px;
}

.featured-story-content h2{
    font-size:28px;
}

.mini-post-content{
    padding:20px;
}

.mini-post-content h4{
    font-size:24px;
}

}


/*==================================================
PART 3
Premium Sidebar
==================================================*/

.sidebar-box{
background:#fff;
padding:35px;
margin-bottom:35px;
border-radius:18px;
box-shadow:0 15px 45px rgba(0,0,0,.06);
transition:.35s;
}

.sidebar-box:hover{
transform:translateY(-6px);
box-shadow:0 25px 60px rgba(0,0,0,.10);
}

.sidebar-box h4{
font-family:'Cormorant Garamond',serif;
font-size:34px;
margin-bottom:28px;
position:relative;
padding-bottom:15px;
}

.sidebar-box h4::after{
content:'';
position:absolute;
left:0;
bottom:0;
width:60px;
height:3px;
background:#c98f72;
}

/*=========================
LATEST POSTS
=========================*/

.sidebar-post{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #ececec;
}

.sidebar-post:last-child{
border:none;
margin-bottom:0;
padding-bottom:0;
}

.sidebar-post a{
text-decoration:none;
display:block;
}

.sidebar-post img{
width:100%;
height:90px;
object-fit:cover;
border-radius:10px;
transition:.35s;
}

.sidebar-post:hover img{
transform:scale(1.05);
}

.sidebar-post-date{
font-size:12px;
color:#999;
letter-spacing:1px;
margin-bottom:8px;
}

.sidebar-post h6{
font-family:'Cormorant Garamond',serif;
font-size:18px;
line-height:1.35;
color:#222;
margin:0;
transition:.3s;
}

.sidebar-post:hover h6{
color:#c98f72;
}

/*=========================
CATEGORY LIST
=========================*/

.sidebar-category{
border-bottom:1px solid #eee;
}

.sidebar-category:last-child{
border-bottom:none;
}

.sidebar-category a{
display:flex;
justify-content:space-between;
align-items:center;
padding:16px 0;
text-decoration:none;
color:#333;
transition:.3s;
}

.sidebar-category a:hover{
padding-left:10px;
color:#c98f72;
}

.sidebar-category span{
font-size:15px;
}

.sidebar-category strong{
background:#f4ede7;
color:#222;
padding:6px 12px;
border-radius:30px;
font-size:12px;
font-weight:600;
}

/*=========================
NEWSLETTER
=========================*/

.sidebar-box p{
font-size:15px;
line-height:1.8;
color:#666;
margin-bottom:22px;
}

.sidebar-box input{
height:56px;
border-radius:8px;
border:1px solid #ddd;
padding:0 16px;
box-shadow:none;
}

.sidebar-box input:focus{
border-color:#c98f72;
box-shadow:none;
}

.sidebar-box button{
height:56px;
border:none;
background:#c98f72;
color:#fff;
font-weight:600;
border-radius:8px;
transition:.3s;
}

.sidebar-box button:hover{
background:#b77b5f;
}

/*=========================
TABLET
=========================*/

@media(max-width:991px){

.sidebar-box{
margin-top:35px;
padding:28px;
}

.sidebar-box h4{
font-size:28px;
}

.sidebar-post h6{
font-size:19px;
}

}

/*=========================
MOBILE
=========================*/

@media(max-width:767px){

.sidebar-box{
padding:22px;
}

.sidebar-box h4{
font-size:24px;
}

.sidebar-post img{
height:70px;
}

.sidebar-post h6{
font-size:17px;
}

.sidebar-box input,
.sidebar-box button{
height:50px;
}

.sidebar-category a{
padding:12px 0;
}

}

/*==================================================
PART 4
Popular Categories + Latest Articles
==================================================*/

/*==========================
POPULAR CATEGORIES
==========================*/

.popular-category-section{
padding:25px 0;
background:#ffffff;
}

.category-box{
display:block;
background:#fff;
border-radius:18px;
overflow:hidden;
text-decoration:none;
box-shadow:0 15px 40px rgba(0,0,0,.06);
transition:.35s;
height:100%;
}

.category-box:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.category-image{
position:relative;
overflow:hidden;
}

.category-image img{
width:100%;
height:200px;
object-fit:cover;
transition:.5s;
display:block;
}

.category-box:hover .category-image img{
transform:scale(1.08);
}

.category-content{
padding:28px;
text-align:center;
}

.category-content h3{
font-family:'Cormorant Garamond',serif;
font-size:32px;
color:#222;
margin-bottom:10px;
}

.category-content p{
margin:0;
font-size:14px;
color:#777;
letter-spacing:1px;
text-transform:uppercase;
}

/*==========================
LATEST ARTICLES
==========================*/

.latest-article-section{
padding:50px 0;
background:#faf8f5;
}

.latest-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 15px 45px rgba(0,0,0,.06);
transition:.35s;
height:100%;
}

.latest-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,.10);
}

.latest-card img{
width:100%;
height:260px;
object-fit:cover;
transition:.45s;
display:block;
}

.latest-card:hover img{
transform:scale(1.05);
}

.latest-card-content{
padding:28px;
}

.latest-meta{
font-size:12px;
color:#999;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:14px;
}

.latest-card-content h3{
font-family:'Cormorant Garamond',serif;
font-size:30px;
line-height:1.25;
margin-bottom:16px;
}

.latest-card-content h3 a{
color:#222;
text-decoration:none;
transition:.3s;
}

.latest-card-content h3 a:hover{
color:#c98f72;
}

.latest-card-content p{
font-size:15px;
line-height:1.8;
color:#666;
margin-bottom:20px;
}

.latest-read{
display:inline-block;
color:#c98f72;
font-weight:600;
text-decoration:none;
transition:.3s;
}

.latest-read:hover{
padding-left:8px;
color:#222;
}

/*==========================
TABLET
==========================*/

@media(max-width:991px){

.category-image img{
height:220px;
}

.latest-card img{
height:220px;
}

.category-content{
padding:22px;
}

.latest-card-content{
padding:22px;
}

.category-content h3{
font-size:28px;
}

.latest-card-content h3{
font-size:26px;
}

}

/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.popular-category-section,
.latest-article-section{
padding:70px 0;
}

.category-image img{
height:210px;
}

.latest-card img{
height:210px;
}

.category-content h3{
font-size:24px;
}

.latest-card-content h3{
font-size:24px;
}

.category-content,
.latest-card-content{
padding:18px;
}

.latest-card-content p{
font-size:14px;
}

}

/*==================================================
PART 5
Counter + About Section
==================================================*/

/*==========================
ABOUT SECTION
==========================*/

.about-home-section{
padding:50px 0;
background:#ffffff;
position:relative;
overflow:hidden;
}

.counter-section{
margin-bottom:90px;
}

.counter-box{
background:#faf8f5;
padding:45px 20px;
border-radius:18px;
transition:.35s;
height:100%;
box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.counter-box:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,.10);
}

.counter-box h2{
font-family:'Cormorant Garamond',serif;
font-size:62px;
font-weight:700;
color:#c98f72;
margin-bottom:10px;
line-height:1;
}

.counter-box p{
margin:0;
font-size:15px;
letter-spacing:1px;
text-transform:uppercase;
color:#666;
}

/*==========================
ABOUT IMAGE
==========================*/

.about-image{
position:relative;
overflow:hidden;
border-radius:20px;
box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.about-image img{
width:100%;
height:620px;
object-fit:cover;
display:block;
transition:.5s;
}

.about-image:hover img{
transform:scale(1.05);
}

/*==========================
ABOUT CONTENT
==========================*/

.about-home-content{
padding-left:45px;
}

.about-home-content span{
display:inline-block;
font-size:12px;
letter-spacing:3px;
text-transform:uppercase;
font-weight:600;
color:#c98f72;
margin-bottom:18px;
}

.about-home-content h2{
font-family:'Cormorant Garamond',serif;
font-size:58px;
line-height:1.15;
margin-bottom:25px;
color:#222;
}

.about-home-content p{
font-size:17px;
line-height:2;
color:#666;
margin-bottom:30px;
}

.about-feature-list{
margin-bottom:35px;
}

.about-feature-list div{
display:flex;
align-items:center;
gap:12px;
margin-bottom:16px;
font-size:16px;
color:#444;
}

.about-feature-list i{
color:#c98f72;
font-size:18px;
}

.about-home-btn{
display:inline-block;
padding:16px 34px;
background:#222;
color:#fff;
text-decoration:none;
border-radius:8px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
transition:.35s;
}

.about-home-btn:hover{
background:#c98f72;
color:#fff;
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(0,0,0,.18);
}

/*==========================
TABLET
==========================*/

@media(max-width:991px){

.counter-section{
margin-bottom:60px;
}

.counter-box{
padding:35px 20px;
}

.counter-box h2{
font-size:48px;
}

.about-image img{
height:420px;
}

.about-home-content{
padding-left:0;
margin-top:45px;
}

.about-home-content h2{
font-size:42px;
}

}

/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.about-home-section{
padding:70px 0;
}

.counter-box{
padding:28px 15px;
}

.counter-box h2{
font-size:38px;
}

.counter-box p{
font-size:13px;
}

.about-image img{
height:280px;
}

.about-home-content{
margin-top:35px;
}

.about-home-content h2{
font-size:32px;
}

.about-home-content p{
font-size:15px;
line-height:1.8;
}

.about-feature-list div{
font-size:15px;
}

.about-home-btn{
width:100%;
text-align:center;
}

}

/*==================================================
PART 6
Popular Tags + Newsletter + Gallery
==================================================*/

/*==========================
POPULAR TAGS
==========================*/

.popular-tags-section{
padding:50px 0;
background:#faf8f5;
}

.tags-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:50px;
}

.tags-wrapper a{
display:inline-block;
padding:14px 28px;
background:#fff;
border-radius:50px;
text-decoration:none;
color:#444;
font-size:14px;
font-weight:500;
box-shadow:0 12px 35px rgba(0,0,0,.06);
transition:.35s;
}

.tags-wrapper a:hover{
background:#c98f72;
color:#fff;
transform:translateY(-5px);
box-shadow:0 18px 45px rgba(201,143,114,.35);
}

/*==========================
NEWSLETTER
==========================*/

.newsletter-modern{
padding:50px 0;
background:#fff;
}

.newsletter-box{
background:linear-gradient(135deg,#1e1e1e,#353535);
padding:70px;
border-radius:24px;
overflow:hidden;
position:relative;
}

.newsletter-box::before{
content:"";
position:absolute;
right:-120px;
top:-120px;
width:260px;
height:260px;
border-radius:50%;
background:rgba(255,255,255,.05);
}

.newsletter-box::after{
content:"";
position:absolute;
left:-80px;
bottom:-80px;
width:180px;
height:180px;
border-radius:50%;
background:rgba(255,255,255,.04);
}

.newsletter-box>*{
position:relative;
z-index:2;
}

.newsletter-box span{
display:block;
color:#c98f72;
font-size:12px;
letter-spacing:3px;
text-transform:uppercase;
margin-bottom:15px;
}

.newsletter-box h2{
font-family:'Cormorant Garamond',serif;
font-size:56px;
color:#fff;
margin-bottom:18px;
}

.newsletter-box p{
font-size:17px;
line-height:1.9;
color:#d8d8d8;
margin-bottom:0;
}

.newsletter-box .input-group{
display:flex;
gap:12px;
}

.newsletter-box input{
height:60px;
border:none;
border-radius:8px;
padding:0 18px;
font-size:15px;
flex:1;
}

.newsletter-box input:focus{
outline:none;
box-shadow:none;
}

.newsletter-box button{
height:60px;
padding:0 32px;
border:none;
background:#c98f72;
color:#fff;
font-weight:600;
border-radius:8px;
transition:.35s;
}

.newsletter-box button:hover{
background:#b87c60;
}

/*==========================
GALLERY
==========================*/

.instagram-section{
padding:50px 0;
background:#faf8f5;
}

.gallery-card{
display:block;
overflow:hidden;
border-radius:16px;
position:relative;
box-shadow:0 12px 35px rgba(0,0,0,.06);
transition:.35s;
}

.gallery-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 55px rgba(0,0,0,.12);
}

.gallery-card img{
width:100%;
height:220px;
object-fit:cover;
display:block;
transition:.45s;
}

.gallery-card:hover img{
transform:scale(1.08);
}

/*==========================
TABLET
==========================*/

@media(max-width:991px){

.newsletter-box{
padding:45px;
}

.newsletter-box h2{
font-size:42px;
}

.newsletter-box .input-group{
flex-direction:column;
}

.newsletter-box button{
width:100%;
}

.gallery-card img{
height:180px;
}

}

/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.popular-tags-section,
.newsletter-modern,
.instagram-section{
padding:70px 0;
}

.tags-wrapper{
gap:10px;
}

.tags-wrapper a{
padding:10px 18px;
font-size:13px;
}

.newsletter-box{
padding:30px;
}

.newsletter-box h2{
font-size:32px;
}

.newsletter-box p{
font-size:15px;
margin-bottom:25px;
}

.newsletter-box input,
.newsletter-box button{
height:50px;
}

.gallery-card img{
height:150px;
}

}

/*==================================================
PART 7
FINAL POLISH
==================================================*/

/* Smooth Scroll */

html{
scroll-behavior:smooth;
}

/* Section Space */

section{
position:relative;
}

section:not(:last-child){
margin-bottom:0;
}

/* Container */

.container{
position:relative;
z-index:2;
}

/* Image Animation */

img{
transition:.45s ease;
}

img:hover{
transform:scale(1.02);
}

/* Links */

a{
transition:.3s ease;
}

/* Buttons */

button,
.btn{
transition:.35s ease;
}

button:hover,
.btn:hover{
transform:translateY(-3px);
}

/* Cards */

.featured-story-card,
.mini-post-card,
.latest-card,
.category-box,
.sidebar-box,
.counter-box,
.gallery-card{

border:1px solid rgba(0,0,0,.04);

}

/* Hover Shadow */

.featured-story-card:hover,
.mini-post-card:hover,
.latest-card:hover,
.category-box:hover,
.sidebar-box:hover,
.counter-box:hover,
.gallery-card:hover{

box-shadow:
0 20px 60px rgba(0,0,0,.12);

}

/* Heading */

.section-heading{
text-align:center;
}

.section-heading span{

display:inline-block;
margin-bottom:12px;

}

.section-heading h2{

margin-bottom:0;

}

/* Paragraph */

p{

font-weight:400;

}

/* Selection */

::selection{

background:#c98f72;
color:#fff;

}

/* Scrollbar */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#f3f3f3;

}

::-webkit-scrollbar-thumb{

background:#c98f72;
border-radius:20px;

}

/* Inputs */

input,
textarea{

transition:.3s;

}

input:focus,
textarea:focus{

outline:none;

border-color:#c98f72;

box-shadow:
0 0 0 4px rgba(201,143,114,.15);

}

/* Footer */

.footer{

margin-top:0;

}

/* Utility */

.text-center{
text-align:center;
}

.text-right{
text-align:right;
}

.rounded-xl{
border-radius:20px;
}

.shadow-soft{
box-shadow:
0 15px 45px rgba(0,0,0,.08);
}

/* Large Desktop */

@media(min-width:1400px){

.container{

max-width:1320px;

}

.hero-content{

max-width:760px;

}

}

/* Tablet */

@media(max-width:991px){

section{

overflow:hidden;

}

}

/* Mobile */

@media(max-width:767px){

.section-heading{

margin-bottom:35px;

}

.section-heading h2{

font-size:34px;

}

.container{

padding-left:18px;
padding-right:18px;

}

.hero-content{

text-align:left;

}

}

/* End */

body{

overflow-x:hidden;

}