:root{--primary-color:#d0352a;--heading-color:#111}
*,::before,::after{box-sizing:border-box}
body{margin:0;font-family:'DM Sans','Nunito',sans-serif;color:#444;background:#fff}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
h1{font-weight:800;color:var(--heading-color);font-family:'Nunito',sans-serif;line-height:1.11;font-size:90px}
.navbar-top{background:#111;color:#fff}
.navtop--one{font-size:14px}
.navtop--one a{color:#fff}
.navbar{position:relative;z-index:10;background:#fff}
.navbar-area{padding:20px 0}
.nav-container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.navbar-nav{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.navbar-nav a{color:#111;font-weight:600}
.btn{display:inline-block;padding:12px 28px;border-radius:4px;background:var(--primary-color);color:#fff}
.btn--style-two{background:#ffb400;color:#111}
.hero-area-slider{position:relative;overflow:hidden}
.hero-area{min-height:750px;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-content{min-height:340px}
.hero-content h1{margin:0 0 60px;text-transform:capitalize;color:#fff}
@media (max-width:1399px){.hero-content h1{font-size:75px}}
@media (max-width:1199px){.hero-content h1{font-size:66px}}
@media (max-width:991px){.hero-area{min-height:600px}.hero-content{min-height:260px}.hero-content h1{font-size:55px;margin-bottom:35px}}
@media (max-width:767px){.hero-content h1{font-size:45px;line-height:1.25}}
@media (max-width:575px){.hero-content{min-height:200px}.hero-content h1{font-size:40px}}
@media (max-width:375px){.hero-content h1{font-size:35px}}