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

.custom-navbar{

transition:.4s;

background:rgba(255,255,255,.92);

backdrop-filter:blur(18px);

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

}

.custom-navbar.scrolled{

padding:12px 0;

box-shadow:0 15px 35px rgba(0,0,0,.12);

}

/* Logo */

.navbar-brand img{

height:60px;

transition:.4s;

}

/* Menu */

.navbar-nav{

gap:18px;

}

.nav-link{

position:relative;

font-size:16px;

font-weight:600;

color:#333 !important;

padding:8px 5px !important;

transition:.35s;

}

/* Hover Underline */

.nav-link::after{

content:"";

position:absolute;

left:0;

bottom:-5px;

width:0;

height:3px;

background:linear-gradient(90deg,#d32f2f,#f9a825);

border-radius:30px;

transition:.4s;

}

.nav-link:hover::after,

.nav-link.active::after{

width:100%;

}

.nav-link:hover,

.nav-link.active{

color:#b71c1c !important;

}

/* Demo Button */

.demo-btn{

padding:14px 28px;

border-radius:50px;

text-decoration:none;

font-weight:600;

color:#fff;

background:linear-gradient(135deg,#c62828,#f9a825);

box-shadow:0 15px 35px rgba(198,40,40,.30);

transition:.35s;

display:flex;

align-items:center;

gap:10px;

}

.demo-btn:hover{

transform:translateY(-4px);

color:#fff;

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

}

/* Mobile */

.navbar-toggler{

border:none;

font-size:30px;

color:#b71c1c;

}

.navbar-toggler:focus{

box-shadow:none;

}

/* Responsive */

@media(max-width:991px){

.custom-navbar{

padding:15px 0;

}

.navbar-collapse{

margin-top:20px;

background:#fff;

padding:25px;

border-radius:20px;

box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.navbar-nav{

gap:10px;

margin-bottom:20px;

}

.demo-btn{

justify-content:center;

}

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

.hero-section{

position:relative;

padding:130px 0;

background:
linear-gradient(135deg,#fff8f5,#fff2dc);

overflow:hidden;

}

.hero-shape{

position:absolute;

border-radius:50%;

filter:blur(80px);

opacity:.30;

}

.hero-shape1{

width:350px;

height:350px;

background:#ffca28;

top:-100px;

right:-120px;

}

.hero-shape2{

width:420px;

height:420px;

background:#d32f2f;

bottom:-180px;

left:-150px;

}

.hero-badge{

display:inline-block;

background:#fff3cd;

padding:10px 22px;

border-radius:40px;

color:#b71c1c;

font-weight:600;

margin-bottom:25px;

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

}

.hero-badge i{

color:#f9a825;

margin-right:8px;

}

.hero-section h1{

font-size:60px;

font-weight:800;

line-height:75px;

color:#212121;

margin-bottom:25px;

}

.hero-section h1 span{

color:#c62828;

}

.hero-section p{

font-size:18px;

line-height:34px;

color:#555;

margin-bottom:35px;

}

/* Buttons */

.btn-demo{

display:inline-block;

padding:15px 34px;

border-radius:50px;

background:linear-gradient(135deg,#d32f2f,#b71c1c);

color:#fff;

font-weight:600;

text-decoration:none;

margin-right:15px;

transition:.4s;

box-shadow:0 20px 35px rgba(183,28,28,.30);

}

.btn-demo:hover{

transform:translateY(-6px);

color:#fff;

}

.btn-video{

display:inline-block;

padding:15px 34px;

border-radius:50px;

background:#fff;

border:2px solid #f9a825;

color:#b71c1c;

font-weight:600;

text-decoration:none;

transition:.4s;

}

.btn-video:hover{

background:#f9a825;

color:#fff;

}

/* Stats */

.hero-stats{

display:flex;

gap:45px;

margin-top:55px;

}

.hero-stats h2{

font-size:36px;

font-weight:700;

color:#b71c1c;

}

.hero-stats span{

color:#666;

}

/* Dashboard */

.dashboard-wrapper{

position:relative;

text-align:center;

}

.dashboard-img{

width:100%;

max-width:560px;

border-radius:20px;

box-shadow:0 30px 60px rgba(0,0,0,.15);

animation:float 4s infinite ease-in-out;

}

@keyframes float{

50%{

transform:translateY(-12px);

}

}

/* Floating Cards */

.floating-card{

position:absolute;

background:rgba(255,255,255,.95);

backdrop-filter:blur(12px);

padding:15px 18px;

border-radius:18px;

display:flex;

align-items:center;

gap:15px;

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

animation:updown 3s infinite;

}

.floating-card i{

width:55px;

height:55px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:22px;

color:#fff;

}

.booking{

top:8%;

left:-30px;

}

.booking i{

background:#f9a825;

}
.logonew img{width:100%;max-width:250px}
.payment{

right:-30px;

top:45%;

}

.payment i{

background:#d32f2f;

}

.customer{

left:20px;

bottom:0;

}

.customer i{

background:#c62828;

}

@keyframes updown{

50%{

transform:translateY(-10px);

}

}

/* Responsive */

@media(max-width:991px){

.hero-section{

padding:90px 0;

text-align:center;

}

.hero-section h1{

font-size:42px;

line-height:55px;

}

.hero-stats{

justify-content:center;

margin-bottom:40px;

}

.floating-card{

display:none;

}

}
/*==========================
FEATURES
==========================*/

.features-section{

padding:120px 0;

background:linear-gradient(180deg,#fffdf8,#fff5e8);

position:relative;

overflow:hidden;

}

/* Background Shapes */

.features-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:#ffd54f;

border-radius:50%;

right:-180px;

top:-180px;

opacity:.15;

filter:blur(60px);

}

.features-section::after{

content:"";

position:absolute;

width:380px;

height:380px;

background:#d32f2f;

border-radius:50%;

left:-150px;

bottom:-150px;

opacity:.08;

filter:blur(80px);

}

/* Heading */

.section-badge{

display:inline-block;

background:#ffe8d2;

padding:10px 24px;

border-radius:40px;

font-weight:600;

color:#c62828;

margin-bottom:20px;

}

.section-title{

    font-size: 34px;
    font-weight: 500;

margin-bottom:20px;

line-height:1.3;

color:#222;

}

.section-title span{

color:#c62828;

}

.section-desc{

font-size:17px;

line-height:30px;

color:#666;

margin-bottom:40px;

}

/* Feature Box */

.feature-box{

display:flex;

align-items:flex-start;

gap:20px;

padding:22px;

margin-bottom:20px;

background:#fff;

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,.06);

transition:.35s;

}

.feature-box:hover{

transform:translateY(-8px);

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

}

.feature-icon{

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

font-size:28px;

color:#fff;

flex-shrink:0;

}

.bg-red{

background:linear-gradient(135deg,#c62828,#e53935);

}

.bg-yellow{

background:linear-gradient(135deg,#ffb300,#fbc02d);

}

.feature-box h4{

font-size:22px;

font-weight:700;

margin-bottom:8px;

}

.feature-box p{

margin:0;

line-height:28px;

color:#666;

}

/* Dashboard */

.dashboard-area{

position:relative;

text-align:center;

}

.dashboard-image{

width:100%;

border-radius:25px;

box-shadow:0 30px 60px rgba(0,0,0,.15);

animation:float 4s infinite ease-in-out;

}

@keyframes float{

50%{

transform:translateY(-12px);

}

}

/* Floating Cards */

.floating-box{

position:absolute;

display:flex;

align-items:center;

gap:15px;

background:rgba(255,255,255,.95);

padding:16px 20px;

border-radius:18px;

box-shadow:0 18px 40px rgba(0,0,0,.12);

animation:move 3s infinite;

}

.floating-box i{

width:55px;

height:55px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#c62828,#ffb300);

color:#fff;

font-size:24px;

}

.floating-box strong{

display:block;

font-size:16px;

}

.floating-box span{

font-size:14px;

color:#666;

}

.card1{

top:10%;

left:-30px;

}

.card2{

right:-30px;

top:45%;

}

.card3{

left:20px;

bottom:5%;

}

@keyframes move{

50%{

transform:translateY(-10px);

}

}

/* Responsive */

@media(max-width:991px){

.section-title{

font-size:34px;

}

.dashboard-area{

margin-top:50px;

}

.floating-box{

display:none;

}

}

@media(max-width:576px){

.feature-box{

padding:18px;

}

.feature-icon{

width:60px;

height:60px;

font-size:24px;

}

.section-title{

font-size:28px;

}

}
/*==========================
Benefits Section
==========================*/

.benefits-section{

padding:110px 0;

background:linear-gradient(135deg,#fff9f3,#fff4e1);

position:relative;

overflow:hidden;

}

.benefits-section::before{

content:"";

position:absolute;

width:420px;

height:420px;

background:#c62828;

opacity:.08;

border-radius:50%;

top:-150px;

right:-120px;

filter:blur(80px);

}

.benefits-section::after{

content:"";

position:absolute;

width:350px;

height:350px;

background:#ffca28;

opacity:.15;

border-radius:50%;

bottom:-150px;

left:-100px;

filter:blur(70px);

}

/* Heading */

.section-badge{

display:inline-block;

padding:10px 24px;

background:#fff3cd;

color:#b71c1c;

font-weight:600;

border-radius:50px;

margin-bottom:20px;

}

.section-title{

    font-size: 37px;
    font-weight: 500;

color:#222;

margin-bottom:20px;

}

.section-title span{

color:#c62828;

}

.section-desc{

font-size:17px;

line-height:30px;

color:#666;

max-width:700px;

margin:auto;

}

/* Card */

.benefit-card{

background:rgba(255,255,255,.95);

padding:40px 30px;

border-radius:22px;

box-shadow:0 20px 45px rgba(0,0,0,.06);

transition:.4s;

position:relative;

overflow:hidden;

height:100%;

}

.benefit-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#c62828,#ffca28);

}

.benefit-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(198,40,40,.15);

}

.benefit-icon{

width:80px;

height:80px;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#c62828,#ffb300);

color:#fff;

font-size:34px;

margin-bottom:25px;

transition:.4s;

}

.benefit-card:hover .benefit-icon{

transform:rotate(-8deg) scale(1.08);

}

.benefit-card h4{

font-size:24px;

font-weight:700;

margin-bottom:15px;

color:#222;

}

.benefit-card p{

font-size:15px;

line-height:28px;

color:#666;

margin:0;

}

/* Responsive */

@media(max-width:991px){

.section-title{

font-size:34px;

}

}

@media(max-width:576px){

.section-title{

font-size:28px;

}

.benefit-card{

padding:30px;

}

.benefit-icon{

width:70px;

height:70px;

font-size:28px;

}

}

/*=========================
Testimonials
==========================*/

.testimonial-section{

padding:110px 0;

background:linear-gradient(135deg,#fff8f4,#fff3dc);

position:relative;

overflow:hidden;

}

.testimonial-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:#d32f2f;

opacity:.08;

border-radius:50%;

top:-180px;

right:-180px;

filter:blur(80px);

}

.testimonial-section::after{

content:"";

position:absolute;

width:350px;

height:350px;

background:#ffca28;

opacity:.12;

border-radius:50%;

bottom:-150px;

left:-150px;

filter:blur(70px);

}

.testimonial-card{

position:relative;

background:rgba(255,255,255,.9);

backdrop-filter:blur(12px);

padding:35px;

border-radius:25px;

box-shadow:0 20px 45px rgba(0,0,0,.06);

transition:.4s;

height:100%;

overflow:hidden;

}

.testimonial-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#d32f2f,#ffca28);

}

.testimonial-card:hover{

transform:translateY(-10px);

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

}

.active-card{

background:linear-gradient(135deg,#b71c1c,#d32f2f);

color:#fff;

}

.active-card p,
.active-card span,
.active-card h5{

color:#fff;

}

.quote-icon{

position:absolute;

right:25px;

top:20px;

font-size:60px;

color:#ffca28;

opacity:.2;

}

.stars{

margin-bottom:20px;

}

.stars i{

color:#ffca28;

font-size:18px;

margin-right:3px;

}

.testimonial-card p{

font-size:16px;

line-height:30px;

color:#666;

margin-bottom:30px;

}

.client{

display:flex;

align-items:center;

gap:15px;

}

.client img{

width:65px;

height:65px;

border-radius:50%;

object-fit:cover;

border:4px solid #ffca28;

}

.client h5{

font-weight:700;

margin-bottom:5px;

}

.client span{

font-size:14px;

color:#777;

}

@media(max-width:991px){

.testimonial-card{

margin-bottom:20px;

}

}
/* FOOTER */

footer{
    background:#330c03;
    color:#fff;
    padding:70px 0 30px;
}

footer h5{
    margin-bottom:20px;
}

footer ul{
    list-style:none;
    padding:0;
}

footer ul li{
    margin-bottom:10px;
}

footer a{
    color:#ddd;
    text-decoration:none;
}

footer a:hover{
    color:#e64600;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:40px;
    padding-top:20px;
    text-align:center;
}