body{

    margin:0 auto;

    font-size:16px;

    padding:0;

    font-family: "Work Sans", sans-serif;

    color:#000;

    font-weight:400;

}

::selection{

    background-color:#df1411;

    color:#fff;

}

:root{

    --red:#df1411;

    --dark:#000000;

    --dark2:#1C1B1B;

    --dark3:#2A2A2A;

    --font-heading:"Space Grotesk", sans-serif;

}

h1,

h2,

h3,

h4,

h5,

.h1,

.h2,

.h3,

.h4,

.h5{

    color:#000;

    font-family: "Space Grotesk", sans-serif;

    text-transform: uppercase;

}

a{

    transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    outline: 0;

    color: #000;

    text-decoration:none;

}

a:hover{

    outline:none;

    color:#1d1d1d;

    text-decoration:none;

}

.m-120{

    margin:120px;

}

.my-120{

    margin-top:120px;

    margin-bottom:120px;

}

.mt-120{

    margin-top:120px;

}

.mb-120{

    margin-bottom:120px;

}

.my-100{

    margin-top:100px;

    margin-bottom:100px;

}

.m-100{

    margin:100px;

}

.mt-100{

    margin-top:100px;

}

.mb-100{

    margin-bottom:100px;

}

.my-80{

    margin-top:80px;

    margin-bottom:80px;

}

.mt-80{

    margin-top:80px;

}

.mb-80{

    margin-bottom:80px;

}

.m-60{

    margin:60px;

}

.my-60{

    margin-top:60px;

    margin-bottom:60px;

}

.mt-60{

    margin-top:60px;

}

.mb-60{

    margin-bottom:60px;

}

.my-40{

    margin-top:40px;

    margin-bottom:40px;

}

.mt-40{

    margin-top:40px;

}

.mb-40{

    margin-bottom:40px;

}

.py-120{

    padding-top:120px;

    padding-bottom:120px;

}

.p-120{

    padding:120px;

}

.pt-120{

    padding-top:120px;

}

.pb-120{

    padding-bottom:120px;

}

.p-100{

    padding:100px;

}

.py-100{

    padding-top:100px;

    padding-bottom:100px;

}

.pt-100{

    padding-top:100px;

}

.pb-100{

    padding-bottom:100px;

}

.py-80{

    padding-top:80px;

    padding-bottom:80px;

}

.pt-80{

    padding-top:80px;

}

.pb-80{

    padding-bottom:80px;

}

.p-60{

    padding:50px;

}

.py-60{

    padding-top:60px;

    padding-bottom:60px;

}

.pt-60{

    padding-top:60px;

}

.pb-60{

    padding-bottom:60px;

}

.p-40{

    padding:40px;

}

.py-40{

    padding-top:40px;

    padding-bottom:40px;

}

.pt-40{

    padding-top:40px;

}

.pb-40{

    padding-bottom:40px;

}

.p-28{

    padding:28px;

}

.theme-btn{

    position: relative;

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    padding: 16px 26px;

    z-index: 1;

    border: 0 !important;

    background: #DF1411;

    border-radius: 0;

    color: #FFFFFF;

    display:inline-flex;

    align-items: center;

    gap:10px;

}

.theme-btn:not(.bg-white):hover{

    background:#000;

    color:#fff;

}

.theme-btn.bg-black:hover{

    background:#DF1411 !important;

}

.theme-color{

    color:#DF1411 !important;

}

.theme-bg{

    background:#DF1411;

}

.small-btn{

    padding:20px 25px;

}

.btn-transparent{

    background:transparent !important;

}

.btn-transparent:hover{

    background:#fff !important;

    color:#000 !important;

}

.btn-outline{

    border:1px solid #E0E0E0 !important;

}

.theme-btn.bg-white{

    color:#110E0E;

}

.theme-btn.bg-white:hover{

    background:#000 !important;

    color:#fff;

}





/*header css*/

.header-overlay{

    position:absolute;

    top:0;

    left:0;

    right:0;

    z-index:1;

}

.title h1, .section-title h1{

    font-weight:900;

    font-size:60px;

    line-height:normal;

    color:#00170F;

    margin-bottom:20px;

}

.section-title.xl h1{

    font-weight:900;

    font-size:90px;

    line-height:normal;

    color:#00170F;

    margin-bottom:20px;

}

.title h2, .section-title h2 {

    font-weight: 700;

    font-size: 54px;

    line-height: normal;

    color: #00170F;

    margin-bottom: 20px;

    letter-spacing: 2px;

}

.title h3{

    font-weight:400;

    font-size:40px;

    line-height:100%;

    color:#00170F;

    margin-bottom:20px;

    letter-spacing: 2px;

}

.title p{

    color:#6F777B;

}

.title .tag{

    color: #df1411;

    margin-bottom: 12px;

    font-family: IBM Plex Sans;

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    text-transform: uppercase;

}

.title h4{

    font-weight: 400;

    font-size: 24px;

    line-height: normal;

    max-width: 400px;

    margin-bottom: 28px;

}

.description p{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#6F777B;

}

.text-muted{

    color:#e7bdb8 !important;

}



/*header css*/

.header-overlay{

    position:absolute;

    top:0;

    left:0;

    right:0;

    z-index:1;

}

header{

    padding:0px 0;

    background: #000000;

}

header .navbar-brand{

    color:#FFFFFF;

    margin:0;

    padding:0;

    min-width:150px;

}

header .navbar-brand img{

    max-height:68px;

}

header .menu-wrap > li > a{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    padding:30px 0;

    color:#FFFFFF;

    position:relative;

    padding-left:0 !important;

    padding-right:0 !important;

    font-family: "Space Grotesk", sans-serif;

}

header .menu-wrap li.active > a, header .menu-wrap li > a:hover{

    color:#df1411;

}

.navbar-nav.menu{

    gap:0 28px;

}

.sab-menu{

    position:relative;

}

.header-overlay + *{

    padding-top:112px;

}

header:not(.header-overlay) .menu-wrap li a{

    color:#fff;

    text-transform:uppercase;

}

header .menu-wrap li.active > a, header .menu-wrap li:hover > a{

    color:#df1411;

}

header:not(.header-overlay) .navbar-brand{

    max-height:68px;

}



/*sub menu*/

.sab-menu{

    position:relative;

}

.sab-menu ul, .sub-child{

    list-style:none;

    margin:0;

    background:#ffffff;

    box-shadow:0px 24px 40px 0px #00000040;

    padding:15px 0px;

    border-radius: 0;

    min-width:310px;

    position:absolute;

    left:0;

    top:100%;

    z-index:1;

    transition:all ease .3s;

    transform:translateY(30px);

    visibility:hidden;

    opacity:0;

    width:100%;

}

.sab-menu:hover > ul{

    visibility:visible;

    opacity:1;

    transform:translateY(0px);

}

.sab-menu ul li a {

    color: #000 !important;

    display: block;

    padding: 10px 20px;

}

.sab-menu ul li a:hover{

    color:#df1411 !important;

}



/* ── HERO SWIPER ── */

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

.hero-swiper .swiper-slide {

    position: relative;

    display: flex;

    align-items: center;

    overflow: hidden;

}

.slide-bg {

    position: absolute; inset: 0;

    background-size: cover;

    background-position: center;

    filter: brightness(0.35);

    transform: scale(1.05);

    transition: transform 6s ease;

}

section:not(.hero-swiper) .slide-bg, div:not(.hero-swiper) .slide-bg{

    transform: none;

    transition: none;

}

.swiper-slide-active .slide-bg { transform: scale(1); }



.hero-content {

    position: relative;

    z-index: 2;

}

.hero-content .label {

    display: inline-block;

    background: var(--red);

    color: #fff;

    font-size: 0.72rem;

    font-family: var(--font-heading);

    letter-spacing: 0.18em;

    padding: 0.25rem 0.8rem;

    margin-bottom: 1rem;

}

.hero-content h1 {

    font-size: clamp(3rem, 5vw, 4.5rem);

    line-height: 1.05;

    color: #fff;

    font-weight: 900;

    max-width: 100%;

}

.hero-content h1 span { color: var(--red); }

.hero-content p {

    color: #ccc;

    max-width: 520px;

    font-size: 18px;

    margin: 1.2rem 0 2rem;

}

.btn-red {

    background: var(--red);

    color: #fff;

    font-family: var(--font-heading);

    font-size: 0.82rem;

    letter-spacing: 0.12em;

    border: none;

    padding: 0.7rem 1.8rem;

    border-radius: 2px;

    transition: background 0.2s, transform 0.15s;

    display: inline-flex;

    align-items: center;

    gap: 0.5rem;

}

.btn-red:hover { background: var(--red-dark); color: #fff; transform: translateY(-1px); }

.btn-outline-light-custom {

    background: transparent;

    color: #fff;

    font-family: var(--font-heading);

    font-size: 0.82rem;

    letter-spacing: 0.12em;

    border: 2px solid rgba(255,255,255,0.4);

    padding: 0.65rem 1.6rem;

    border-radius: 2px;

    transition: border-color 0.2s, color 0.2s;

    display: inline-flex;

    align-items: center;

    gap: 0.5rem;

}

.btn-outline-light-custom:hover { border-color: #fff; color: #fff; }



/* Swiper navigation */

.swiper-button-next, .swiper-button-prev {

    color: var(--red) !important;

    background: rgba(0,0,0,0.5);

    width: 44px !important; height: 44px !important;

    border-radius: 2px;

}

.swiper-button-next::after, .swiper-button-prev::after { font-size: 1rem !important; }

.swiper-pagination-bullet { background: #fff !important; opacity: 0.5; }

.swiper-pagination-bullet-active { background: var(--red) !important; opacity: 1; }



/* ── STATS BAR ── */

.stats-bar {

    background: var(--dark2);

    border-bottom: 4px solid var(--red);

    padding: 30px 0;

}

.stat-item {

    padding:10px 1.5rem;

    border-left: 1px solid #2f2f2f;

    text-align: left;

}

.stat-item:last-child { border-right: none; }

.stat-item .stat-num {

    color: #fff;

    font-size: 36px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 40px;

}

.stat-item .stat-label {

    text-transform: uppercase;

    margin-top: 0.3rem;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 1px;

    color: #e7bdb8;

}

.stat-item .stat-sub {

    font-size: 0.78rem;

    color: #888;

}

[class*=col-] .stat-item {

    border-left: 3px solid #df1411;

}

.slide-bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.row-reverse-mobile {

    display: flex;

    flex-direction: column;

}



/* ── SECTION HEADERS ── */

.section-label{

    font-family: var(--font-heading);

    font-size: 14px;

    letter-spacing: 0.1em;

    background: var(--red);

    text-transform: uppercase;

    margin-bottom: 0.4rem;

    color: #fff;

    display: inline-block;

    padding: 8px 12px;

    font-weight: 700;

}

.section-title {

    font-size: clamp(1.8rem, 4vw, 2.8rem);

    line-height: 1.1;

}

.section-title span { color: var(--red); }

.red-rule {

    width: 50px; height: 3px;

    background: var(--red);

    margin: 1rem 0 1.5rem;

}



/* ── ABOUT ── */

.about-section { background: var(--dark2); }

.about-img-wrap { position: relative; }

.about-img-wrap img {
    width: 100%;
    border-radius: 2px;
    filter: brightness(0.9);
    min-height: 500px;
    object-fit: cover;
}

.about-badge {

    position: absolute;

    bottom: 20px; left: 20px;

    background: var(--red);

    color: #fff;

    font-family: var(--font-heading);

    font-size: 0.72rem;

    letter-spacing: 0.12em;

    padding: 0.5rem 1rem;

    text-transform: uppercase;

}

.check-item {

    display: flex;

    align-items: flex-start;

    gap: 0.75rem;

    padding: 16px 18px;

    background: var(--dark3);

    border-left: 3px solid var(--red);

    margin-bottom: 25px;

}

.check-item .bi { font-size: 1.2rem; color: var(--red); flex-shrink: 0; margin-top: 0.1rem; }

.check-item .ci-title {

    font-size: 20px;

    font-family: "Space Grotesk", Sans-serif;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

}

.check-item .ci-desc { font-size:16px; color:#e7bdb8 ; margin-top: 0.2rem; }

.check-item span {

    color: #df1411;

    font-family: "Space Grotesk", Sans-serif;

    font-size: 24px;

    font-weight: 900;

    line-height: normal;

}



/* ── SERVICES ── */

.services-section{background: var(--dark);}

.service-card {

    background: var(--dark2);

    border: 1px solid #2a2a2a;

    padding: 1.5rem;

    transition: border-color 0.25s, transform 0.2s;

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: end;

}

/* .service-card::before {

    content: '';

    position: absolute;

    top: 0; left: 0;

    width: 3px; height: 100%;

    background: var(--red);

    transform: scaleY(0);

    transform-origin: top;

    transition: transform 0.25s;

} */

.service-card:hover { border-color: var(--red); transform: translateY(-3px); }

/* .service-card:hover::before { transform: scaleY(1); } */

.service-card .svc-icon {

    width: 48px; height: 48px;

    background: rgba(224,31,31,0.12);

    border-radius: 2px;

    display: flex; align-items: center; justify-content: center;

    margin-bottom: 1rem;

}

.service-card .svc-icon .bi { font-size: 1.4rem; color: var(--red); }

.service-card h5 {

    font-size: 0.95rem;

    margin-bottom: 0.8rem;

    letter-spacing: 0.05em;

}

.service-card ul {

    margin: 0;

    padding-left: 20px;

}

.service-card ul li {

    font-size: 16px;

    color: #fff;

    padding: 0.2rem 0;

    text-shadow:0 4px 6px #000;

}

.service-card ul li .bi{color: var(--red); font-size: 0.65rem; }

.service-card .learn-more{

    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    color: var(--red);

    font-family: var(--font-heading);

    font-size: 16px;

    margin-top: 10px;

    transition: gap 0.2s;

    text-transform: uppercase;

    font-weight: 600;

}

.service-card:hover .learn-more { gap: 0.6rem; }

.service-card h4 {

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    text-transform: uppercase;

    text-shadow: 0 1px 2px #000;

}

.service-card + .service-card {

    margin-top: 25px;

}



/* ── WHY CHOOSE ── */

.why-section { background: var(--dark2); border-top: 4px solid var(--red);}

.why-img { border-radius: 2px; position: relative;}

.why-img img { width: 100%; height: 400px; object-fit: cover; filter: brightness(0.8); }

.why-item {

    display: flex;

    align-items: flex-start;

    gap: 1rem;

    margin-bottom: 1.5rem;

}

.why-img:before {

    content: "";

    position: absolute;

    top: -18px;

    left: -18px;

    width: 100px;

    height: 100px;

    border-top: 7px solid #df1411;

    border-left: 7px solid #df1411;

}

.why-img:after {

    content: "";

    position: absolute;

    bottom: -18px;

    right: -18px;

    width: 100px;

    height: 100px;

    border-bottom: 7px solid #df1411;

    border-right: 7px solid #df1411;

}

.why-icon {

    width:50px; 

    height:50px; 

    flex-shrink: 0;

    background: #2A2A2A;

    border-radius: 2px;

    display: flex; align-items: center; justify-content: center;

}

.why-icon .bi { color: var(--red); font-size:1.2rem;}

.why-title{

    font-family: var(--font-heading);

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 28px;

    color: #fff;

    margin-bottom: 6px;

}

.why-desc {

    font-size: 16px;

    color: #e7bdb8;

}



/* ── CTA BAND ── */

.cta-band {

    background: linear-gradient(135deg, #1a0404 0%, #2a0808 40%, #111 100%);

    text-align: center;

    padding: 5rem 0;

    position: relative;

    overflow: hidden;

}

.cta-band .inner { position: relative; z-index: 1; }

.cta-band h2 { font-size: clamp(2rem, 5vw, 4rem); color: #fff; }

.cta-band h2 span { color: var(--red); }

.cta-band p {

    color: #bbb;

    max-width: 460px;

    margin: 0.8rem auto 1.8rem;

    font-weight: 600;

}



/* ── TESTIMONIALS ── */

.testimonials-section { background: var(--dark); }

.testimonial-card {

    background: #2A2A2A;

    border: 1px solid #2A2A2A;

    padding: 64px 32px 32px 32px;

    border-radius: 2px;

    position: relative;

    border-left: 3px solid #df1411;

}

.testimonials-section h2 {

    text-transform: uppercase;

}

.testimonial-card::before {

    content: '\201C';

    position: absolute;

    top: 1rem;

    left: 1.5rem;

    font-size: 90px;

    color: var(--red);

    font-family: Georgia, serif;

    line-height: 1;

}

.stars { color: var(--red); font-size: 0.85rem; margin-bottom: 0.8rem; }

.testimonial-card p {

    font-size: 18px;

    color: #fff;

    font-style: italic;

    font-weight: 500;

}

.reviewer { margin-top: 1.2rem; display: flex; align-items: center; gap: 0.75rem; }

.reviewer-avatar {

    width: 38px; height: 38px;

    background: var(--red);

    border-radius: 50%;

    display: flex; align-items: center; justify-content: center;

    font-family: var(--font-heading);

    font-size: 1rem;

    color: #fff;

}

.reviewer-name {

    font-family: var(--font-heading);

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    letter-spacing: 1px;

}

.reviewer-sub {

    font-size: 14px;

    color: #e7bdb8;

    font-weight: 500;

}



/* ── FAQ ── */

.faq-section {

    background: #1C1B1B;

}

.faq-section h2 {

    text-transform: uppercase;

    margin-bottom: 10px;

}

.faq-sect .accordion-button {

    background: transparent;

    border-radius: 0px !important;

    outline: 0;

    box-shadow: none;

    padding: 20px !important;

    font-size: 18px !important;

    color: #fff !important;

    font-weight: 600;

    line-height: normal;

    background-color: #131313;

    text-transform: uppercase;

}

.faq-sect .accordion-item {

    border: 0;

    margin-bottom: 12px;

    border: 1px solid #303030 !important;

}

.faq-sect .accordion-item .accordion-body {

    padding: 0 20px 20px;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    color: #e7bdb8;

    background: #131313;

}

.faq-sect .accordion-button:focus{

    box-shadow: inherit !important;

}

.faq-sect .accordion-button:not(.collapsed){

    box-shadow:inherit !important;

    padding-bottom:15px !important;

}

.faq-sect .accordion-body{

    font-size: 14px;

}

.faq-sect .accordion-item{

    border: none;

    background: transparent;

}

.fAQ-sect{

    position:relative;

}

.accordion-button::after{

    border-radius: 50%;

    font-family: Font-Awesome-5-Pro;

    content: "\f107";

    font-weight: 400;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    background: transparent !important;

    color: #df1411;

}

/*.faq-sect .accordion-button[aria-expanded="true"]{

    padding-bottom: 10px !important;

    color: #DF1411 !important;

}*/



/* ── BLOG / FIELD NOTES ── */

.blog-section { background: var(--dark); }

.blog-card {

    background: transparent;

    border: 1px solid #ffffff24;

    height: 100%;

    overflow: hidden;

    transition: border-color 0.25s;

}

.blog-card:hover { border-color: var(--red); }

.blog-card img { width: 100%; height: 200px; object-fit: cover; filter: brightness(0.85); transition: filter 0.3s; }

.blog-card:hover img { filter: brightness(1); }

.blog-card .card-body { padding: 1.2rem; }

.blog-tag {

    display: inline-block;

    background: var(--red);

    color: #fff;

    font-size: 0.65rem;

    font-family: var(--font-heading);

    letter-spacing: 0.12em;

    padding: 0.15rem 0.6rem;

    margin-bottom: 0.6rem;

}

.blog-card h5 {

    font-family: "Space Grotesk", Sans-serif;

    font-size: 25px;

    font-weight: 600;

    text-transform: uppercase;

    color: #fff;

}

.blog-card .post{

    color: #e7bdb8;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 15px;

    display: block;

}

.blog-card p {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 5px;

    color: #fff;

}

.blog-card .read-more {

    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    color: #e7bdb8;

    margin-top: 0.8rem;

    transition: gap 0.2s;

    font-family: "Space Grotesk", Sans-serif;

    font-size: 18px;

    font-weight: 900;

    text-transform: uppercase;

    text-decoration: underline;

}

.blog-card:hover .read-more { gap: 0.6rem; }



/* ── CONTACT / QUOTE ── */

.contact-section { background: var(--dark2); }

.contact-form-wrap {

    background: var(--dark3);

    border: 1px solid #2a2a2a;

    padding: 2.5rem;

    border-radius: 2px;

}

.form-label {

    font-family: var(--font-heading);

    font-size: 15px;

    color: #e7bdb8;

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 5px;

}

.form-control, .form-select {

    background: var(--dark2) !important;

    border: 1px solid #333 !important;

    color: #fff !important;

    border-radius: 2px !important;

    font-size: 16px;

    padding: 10px 12px;

}

.form-control:focus, .form-select:focus {

    border-color: var(--red) !important;

    box-shadow: 0 0 0 2px rgba(224,31,31,0.2) !important;

}

.form-control::placeholder { color: #555; }

.form-select option { background: var(--dark2); }



.dispatch-box {

    background: transparent;

    padding: 0;

    border-radius: 2px;

}

.dispatch-box h3 { color: #fff; font-size: 1.4rem; }

.dispatch-box .phone-num {

    font-family: var(--font-heading);

    font-size: 2rem;

    color: #fff;

    letter-spacing: 0.05em;

    display: flex;

    align-items: center;

    gap: 15px;

    font-weight: 700;

}

.dispatch-box .d-item {

    display: flex; align-items: center; gap: 0.8rem;

    padding: 0.8rem 0;

    border-bottom: 1px solid rgba(255,255,255,0.15);

    color: rgba(255,255,255,0.85);

    font-size: 0.85rem;

}

.dispatch-box .d-item .bi { font-size: 1.1rem; }

.phone-num i {

    font-size: 36px;

    padding: 6px 18px;

    background: #e31e24;

    display: inline-flex;

    width: 72px;

    height: 72px;

    align-items: center;

}

.phone-num span small {

    display: block;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 20px;

    letter-spacing: 1.4px;

    color: #e7bdb8;

}



/* ── FOOTER ── */

footer {

    background: #0a0a0a;

    border-top: 3px solid var(--red);

}

.footer-brand {

    font-size: 28px;

    font-weight: 600;

    line-height: 28px;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-family: "Space Grotesk", Sans-serif;

}

.footer-nav {

    display: flex;

    flex-wrap: wrap;

    column-gap: 25px;

    margin: 15px 0;

    list-style:none;

    padding:0;

}

.footer-nav li a {

    color: #A8A8A8;

    font-family: "Work Sans", Sans-serif;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    line-height: 20px;

    letter-spacing: 0.4px;

}

.footer-icon-group {

    display: flex;

    justify-content: center;

    gap: 15px;

}

.footer-icon-group .footer-icon-btn {

    background-color: #2A2A2A;

    width: 40px;

    height: 40px;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}

.footer-copy {

    margin: 0;

    color: #fff;

    margin-top: 35px;

    text-transform: uppercase;

}

.footer-nav li a:hover{

    color: #fff;;

}

.footer-nav li {

    width: 100%;

    margin-bottom: 10px;

}



.bg-dark-custom {background: var(--dark);}

.text-red {color:var(--red);}







/*mobile menu css*/

aside#mega-menu--mobile .mega__container{width: 100%;height: 100vh;height:calc(100svh - 160px);max-height:100vh;max-height:100svh;;display:flex;flex-direction:column;overflow:hidden;}

aside#mega-menu--mobile .mega__container[data-active-depth="1"] button{transform:translateX(100%);opacity:0;pointer-events:none;}

aside#mega-menu--mobile .mega__header{height:60px;;background-color:white;}

aside#mega-menu--mobile .mega__header .mega__controls{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;}

aside#mega-menu--mobile .mega__header .mega__controls button{font-family: var(--ff-sans);font-size: var(--fs-btn);text-transform: uppercase;letter-spacing: var(--ls-200);display: flex;align-items: center;gap: var(--gap-100, 4px);transition: var(--trans);}

aside#mega-menu--mobile .mega__header .mega__controls button .btn__icon,

aside#mega-menu--mobile .mega__header .mega__controls button .btn__label{display:flex;pointer-events:none;}

aside#mega-menu--mobile .mega__body{width: 100%;height: 100%;position: relative;}

aside#mega-menu--mobile .mega__screen{width: 100%;height: 100%;overflow: auto;position: absolute;inset: 0;background-color:white; transition:all ease .3s;}

aside#mega-menu--mobile .mega__screen[data-active-menu="false"]{transform:translateX(100%);}

aside#mega-menu--mobile .mega__screen[data-active-menu="false"].stacked,

aside#mega-menu--mobile .mega__screen[data-active-menu="true"]{transform:translateX(0%);}

aside#mega-menu--mobile nav.navigation{display:flex; flex-direction:column; gap:var(--gap-300, 15px);}

aside#mega-menu--mobile nav.navigation a.btn{--item-height: 24px;--icon-size: 12px;width: 100%;height: var(--item-height);padding:0;background-color: transparent;border: 0;color: var(--color-text);justify-content: space-between;gap: var(--gap);}

aside#mega-menu--mobile nav.navigation a.btn .btn__label{width: auto;height: 100%;display: flex;align-items: center;flex-shrink: 0;}

aside#mega-menu--mobile nav.navigation a.btn .btn__icon:empty{display: none;pointer-events: none;}

aside#mega-menu--mobile nav.navigation a.btn .btn__icon{width:100%;height: 100%;display: inline-flex;align-items:center;justify-content:flex-end;pointer-events:all;}

aside#mega-menu--mobile nav.navigation a.btn .btn__icon svg{width:var(--icon-size); height:var(--icon-size); pointer-events:none;}

aside#mega-menu--mobile nav.navigation.hidden{display:none;}

aside#mega-menu--mobile .mega__header{height:auto;}

aside#mega-menu--mobile .mega__header .mega__controls button{border:0; padding:0; font-size:16px; margin-bottom:10px; background:#df1411; color:#fff; border-radius:0px; padding:8px 12px;}

#mega-menu--mobile nav.navigation li a:hover{color:#df1411;}

/*sub menu*/

.sab-menu {position:relative;}

.sab-menu ul, .sub-child {list-style:none; margin:0; background:#ffffff; box-shadow:0px 24px 40px 0px #00000040; padding:8px 0px; border-radius:8px; min-width:310px; position:absolute; left:0; top: 100%; z-index:9; transition: all ease .3s; transform: translateY(30px); visibility:hidden; opacity:0; width:100%; overflow:hidden; line-height: normal;}

.sab-menu:hover > ul{visibility:visible; opacity:1; transform:translateY(0px);}

.sab-menu > a{

    position:relative;

}

.sab-menu > a:after {

    content: "\F282";

    font-family: bootstrap-icons !important;

    font-style: normal;

    font-weight: 400 !important;

    font-variant: normal;

    text-transform: none;

    color: #fff;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    height: fit-content;

}

.sab-menu ul li a:hover{background:transparent; color: #DF1411;}

.sab-menu a{

    padding-right:20px !important;

    position: relative;

}



/*============ popup =============*/

#bookConsultation .modal-dialog{max-width:950px;}

#bookConsultation .modal-content{border:0; border-radius:28px; overflow:hidden;}

#bookConsultation .modal-body{background:linear-gradient(to top, #ffffff, #fde9c1);}

.bookConsultation h3{font-weight:400; font-size:40px; line-height:normal; margin-bottom:30px;}

.bookConsultation .form-control, .bookConsultation .form-select{box-shadow:none !important; height:60px; border-radius:15px; padding:18px; color:#3e3e3e; outline:0; padding-right:30px;}

.bookConsultation{padding:65px 5px;}

#bookConsultation .btn-close{position:absolute; right:20px; opacity:1; top:12px; width:20px; height:20px; background-color:red; background-size:12px; background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"); border-radius:50%;}



/* .breadcrumb{

    background:rgb(255 255 255 / 80%);

    display:inline-flex;

    padding:10px 14px;

    border-radius:5px;

    margin:auto;

}

.breadcrumb .breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before{

    color:#000;

}

.breadcrumb .breadcrumb-item.active{

    color:#DF1411;

} */



/*404*/

.error-section {

    height: 100vh;

}

.error-section .error-content {

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:40px 50px;

    border-left:0;

    background:rgba(255, 255, 255, 0.1);

    -webkit-backdrop-filter:blur(7.5px);

    backdrop-filter:blur(7.5px);

    max-width:800px;

    margin:auto;

}

.ak-stroke-number {

    font-weight: 700;

    color: #ffffff;

    font-size: 170px;

    line-height: 88%;

}

@media(max-width:991px){

.ak-stroke-number{

    font-size:140px;

}

.error-section .error-content{

    max-width:720px;

}

}

@media(max-width:767px){

.ak-stroke-number{

    font-size:120px;

}

.error-section .error-content{

    max-width:90%;

    padding:40px 28px;

}

}

@media (max-width:481px){

.ak-stroke-number{

    font-size:90px;

}

.error-section .error-content{

    max-width:90%;

    padding:35px 10px;

}

.mt-5{

    margin-top:2rem !important;

}

}

/*end 404 css*/





/*about us*/

/* .swiper-slide{

    background:#2a2a2a;

} */

.tag{

    font-weight:700;

    display:block;

    margin-bottom:15px;

}

.noBanner .hero-content p{

    max-width:72%;

}

.about-section .stat-item{

    padding:15px 1.5rem;

    height:100%;

}



.step-card{

    background: #000000;

    border-radius: 0;

    padding: 28px 24px 30px;

    height: 100%;

    transition: background 0.2s ease, border-color 0.2s ease;

    border: 2px solid #312D2E;

}

.step-card:hover{

    background: var(--bg-card-hover);

    border-color: var(--red);

}

.card-top{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:22px;

}

.step-icon{

    color: var(--red);

    font-size: 2rem;

    line-height: 1;

}

.step-number {

    line-height: 1;

    font-family: "Space Grotesk", sans-serif;

    font-size: 45px;

    font-weight: 800;

    color: #391616;

}

.step-title {

    font-weight: 700;

    font-size: 1.1rem;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: #fff;

    margin-bottom: 12px;

}

.step-card .step-desc {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #e7bdb8;

    margin: 0;

}

.recovery-section{

    background:#16191B;

}

.devider{

    border-top:4px solid #e31e24;

}

.step-icon img {

    max-width: 45px;

}

.service-card p {

    color: #fff;

}

.darkbg{

    background: #0B0E0F;

}

.contactUs .contact-form-wrap {

    background: #16191B;

    border: 1px solid #312D2E;

    height: 100%;

}

.contactUs .phone-num img {

    max-width: 40px;

}

.contactUs .dispatch-box {

    background: #16191B;

    padding: 30px;

    border-left: 2px solid #df1411;

}

.contact_list {

    display: flex;

    flex-direction: column;

    row-gap: 20px;

    margin-top: 20px;

    margin-bottom: 0;

}

.contact_list li {

    background: #16191b;

    border: 1px solid #312D2E;

    padding: 20px;

    display: flex;

    gap: 10px;

}

.contact_list li span {

    color: #df1411;

    font-size: 25px;

    min-width: 32px;

}

.contact_list li h4 {

    color: #fff;

    font-family: "Space Grotesk", Sans-serif;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

}

.contact_list li a, .contact_list li p, .contact_list li address {

    color: #e7bdb8;

    margin: 0;

}

.contact_list li a:hover{

    color: #fff;

}



/*blog detail*/

.desc-block {

    background:#16191B;

    border:1px solid #312D2E;

    border-radius:0 0 4px 4px;

    padding:25px;

    margin-top:25px;

}

.desc-block p {

    line-height: 1.5;

    color: #fff;

    margin-bottom: 20px;

}

.desc-block p:last-child{margin-bottom:0;}



/* ── Sidebar panels ── */

.side-panel{

    background: #3d2929;

    border: 1px solid #E31E244F;

    border-radius: 0;

    padding: 1.5rem 1.5rem 1.75rem;

}

.side-panel h5{

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 14px;

    display: inline-block;

    line-height: 20px;

    text-transform: capitalize;

    font-family: "Work Sans", Sans-serif;

}

/* ── Recent posts ── */

.post-item{

    display:flex;

    gap:20px;

    align-items:center;

    padding:10px 0;

}

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

.post-item:first-of-type{padding-top:0;}

.post-item img{

    width: 110px;

    height: 110px;

    object-fit: cover;

    border-radius: 10px;

}

.post-thumb{

    width:76px;

    height:58px;

    object-fit:cover;

    border-radius:3px;

    flex-shrink:0;

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

}

.post-info .title {

    color: #e8e0e0;

    margin-bottom: .3rem;

    transition: color .2s;

    font-family: "Space Grotesk", Sans-serif;

    font-size: 20px;

    font-weight: 400;

    line-height: 25px;

}

.post-info .title:hover{color:#e31e24; cursor:pointer; }

.post-info .date{

    color: #e7bdb8;

    font-size: 16px;

    font-weight: 400;

    line-height: 16px;

}

.desc-block h5 {

    color: #fff;

    font-family: "Work Sans", Sans-serif;

    font-size: 20px;

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 20px;

}

.sliderbar{

    position:sticky;

    top:10px;

}



/*service detail*/

.industrial-capacity {

    background: var(--dark2);

}

.quick-specs-card {

    background: var(--dark3);

    border: 1px solid #603e39;

    padding: 25px 28px;

    height: 100%;

}

.quick-specs-card .qs-label {

    text-transform: uppercase;

    color: var(--red);

    margin-bottom: 10px;

}

.qs-item {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 12px 0;

    border-bottom: 1px solid #2a2a2a;

}

.qs-item:last-child { border-bottom: none; }



.qs-item .bi-check2-square {

    color: var(--red);

    font-size: 1.15rem;

    flex-shrink: 0;

}



.qs-key {

    text-transform: uppercase;

    line-height: 1.2;

    font-weight: 700;

    color: #fff;

    font-family: "Space Grotesk", Sans-serif;

}



.qs-val {

    font-size: 16px;

    line-height: 1.6;

    font-weight: 400;

    color: #e7bdb8;

    margin-bottom: 0;

}



/* Service cards */

.industrial-capacity .service-card{

    background:var(--dark3);

    border-left:4px solid var(--red);

    padding:28px 26px;

    height:100%;

}

.industrial-capacity .service-card p{

    color:#e7bdb8;

    margin-bottom:0;

}



.titan-advantage{

    background:#16191B;

}



/* Advantage cards */

.adv-card {

    background: var(--dark3);

    border: 1px solid #603e39;

    padding: 36px 30px;

    height: 100%;

    transition: border-color .25s, transform .25s;

}



.adv-card:hover{

    border-color:var(--red);

    transform:translateY(-4px);

}

.adv-icon {

    width: 60px;

    height: 60px;

    background: rgba(232, 57, 29, .12);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    transition: all ease .3s;

}

.adv-icon i {

    font-size:2rem;

    color:#fff;

}



.adv-card h4 {

    font-weight: 700;

    margin-bottom: 10px;

    color: #fff;

}



.adv-card p {

    color:#e7bdb8;

    margin:0;

}



.recovery-workflow{

    background:#131313;

}

.workflow-wrapper{

    position:relative;

}



.workflow-connector{

    position: absolute;

    top: 60px;

    left: calc(16.666% + 110px);

    right: calc(16.666% + 110px);

    height: 3px;

    background: #603e39;

    z-index: 0;

}



/* Step */

.card-step{

    position:relative;

    z-index:1;

    text-align:center;

    padding:0 16px;

}

.step-number{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:70px;

    height:70px;

    background:#ff5540;

    font-size:30px;

    font-weight:800;

    color:#fff;

    margin-bottom:22px;

}

.card-step h4{

    font-weight:700;

    margin-bottom:10px;

    color:#fff;

}

.card-step p{

    line-height:24px;

    margin:0;

    color:#e7bdb8;

}

@media (max-width: 767px){

    .workflow-connector{display:none;}

    .card-step{margin-bottom:40px;}

}

.adv-card:hover .adv-icon{

    background:#df1411;

    transition:all ease .3s;

}

.callIcon img{

    width:26px;

    filter:brightness(0) invert(1);

}

.btn_header{

    align-items:center;

    gap:10px;

}

.description ul{

    padding-left:22px;

    color:#6f6f6f;

}

.section-title h3 {

    font-size: 50px;

    margin-bottom: 20px;

    font-weight: 700;

}

.note{

    border:1px solid #373737;

    padding:20px 25px;

    border-left:2px solid #df1411;

    color:#fff;

    font-weight:500;

}

.bx-img img {

    min-height: 385px;

    object-fit: cover;

    border: 4px solid #fff;

    box-shadow: 0 0 5px #000;

    border-radius: 4px;

}

.serviceCta {

    background: #fff;

    height: 100%;

    padding: 20px;

    display: flex;

    flex-direction: column;

    gap: 10px;

    transform: translateY(0px);

    transition: all ease .3s;

}

.serviceCta:hover{

    transform: translateY(-3px);

    transition: all ease .3s;

}

.serviceCta img {

    max-width: 50px;

}

.serviceCta h3 {

    font-size: 24px;

    margin: 0;

}

.serviceCta a {

    color: var(--red);

    font-family: var(--font-heading);

    font-size: 16px;

    transition: gap 0.2s;

    text-transform: uppercase;

    font-weight: 600;

}

.ctaBx {

    max-width: 435px;

    background: rgb(255 255 255 / 65%);

    backdrop-filter: blur(5px);

    border-radius: 12px;

    margin: auto;

    padding: 20px;

}

.ctaBx .bi {

    font-size: 35px;

    color: #df1411;

}

.ctaBx h4 {

    font-size: 28px;

    margin-top: 10px;

}

.ctaBx p {

    color: #000;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 10px;

}

.cta_banner {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    filter: grayscale(1);

}

.sab-menu.mega-menu {

    position: static;

}

.offcanvas-body:has(.mega-menu) {

    position: relative;

}

.mega-menu .sab-nav {

    padding: 10px 20px;

    display: flex;

    flex-wrap: wrap;

}

.mega-menu .sab-nav li{

    width: 33.33%;

}

.sab-menu a:before{

    content:"";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background: #000;

    margin: auto;

}

.sab-menu ul li a:hover::before{

    background:#DF1411;

}

.site-footer h4 {

    color: #fff;

    font-size: 20px;

}

.column-2 {

    column-count: 2;

    display: block;

}



.left-panel {

      position: relative;

      overflow: hidden;

      background: #000;

    }

    .left-panel img {

      width: 100%;

      object-fit: cover;

      opacity: .7;

      display: block;

    }



    /* ─── SIDEBAR CARD ──────────────────────── */

    .sidebar-card {

      background: #1a1a1a;

      border: 1px solid #2a2a2a;

      border-radius: 6px;

      overflow: hidden;

    }

    .sidebar-card .card-head {

      background: #1f1f1f;

      padding: 14px 18px;

      border-bottom: 1px solid #2a2a2a;

      display: flex;

      align-items: center;

      gap: 8px;

      font-family: 'Barlow Condensed', sans-serif;

      font-size: 1.05rem;

      font-weight: 700;

      text-transform: uppercase;

      color: #fff;

    }

    .sidebar-card .card-head i { color: var(--red); font-size: 1.1rem; }

    .sidebar-card .card-body-inner { padding: 16px 18px; }



    /* ─── GUARANTEE TABLE ───────────────────── */

    .guarantee-table { width: 100%; }

    .guarantee-table tr + tr td { border-top: 1px solid #2a2a2a; }

    .guarantee-table td { padding: 9px 0; vertical-align: middle; font-size: .9rem; }

    .guarantee-table td:last-child {

      text-align: right;

      font-weight: 700;

      color: var(--red);

      font-family: 'Barlow Condensed', sans-serif;

      font-size: 1rem;

      letter-spacing: .04em;

    }

    .guarantee-table td:first-child { color: #aaa; }



    /* ─── SECTION BLOCKS ────────────────────── */

    .section-block {

      background: #1a1a1a;

      border: 1px solid #2a2a2a;

      border-radius: 6px;

      padding: 28px 28px 24px;

      margin-bottom: 20px;

    }

    .section-block h2{

      font-size: 2rem;

      font-weight: 900;

      margin-bottom: 14px;

      border-left: 4px solid var(--red);

      padding-left: 14px;

      line-height: 1;

      color: #fff;

    }

    .section-block p { color:#ccc; margin-bottom: .85rem; }

    .section-block p:last-child { margin-bottom: 0; }



    /* ─── FEATURE GRID ──────────────────────── */

    .feature-item {

      display: flex;

      align-items: flex-start;

      gap: 10px;

      background: #222;

      border: 1px solid #2a2a2a;

      border-radius: 5px;

      padding: 11px 14px;

      font-size: .9rem;

      color: #ccc;

    }

    .feature-item i {

      color: var(--red);

      font-size: 1rem;

      margin-top: 2px;

      flex-shrink: 0;

    }



    /* ─── LAYOUT ────────────────────────────── */

    .main-col { max-width: 680px; }

    .sticky-sidebar { position: sticky; top: 24px; }



    @media (max-width: 767px) {

      .sticky-sidebar { position: static; }

      .section-block { padding: 20px 16px; }

    }

    .sidebar-card li a {

    color: #ccc;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #ccc;

    display: block;

}

.sidebar-card li a:hover{

    color: #fff;

}



/*booking form*/

.booking-bx{background:#ffffff;border:0.5px solid #e0e0e0;border-radius:12px;padding:0;overflow:hidden;max-width:700px}

.form-header{padding:20px 24px 16px;border-bottom:0.5px solid #e0e0e0}

.brand-tag{font-size:13px;font-weight:500;color:#E05A2B;letter-spacing:.08em;display:flex;align-items:center;gap:4px;margin-bottom:4px}

.brand-name{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1;text-transform: uppercase;}

.brand-name span:first-child{color:#111111}

.brand-name span:last-child{color:#E05A2B}

.brand-sub{font-size:14px;color:#666666;margin-top:4px}

.steps{display:flex;border-bottom:0.5px solid #e0e0e0}

.step{flex:1;padding:10px 8px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px;color:#c0bfbf;border-right:0.5px solid #e0e0e0}

.step:last-child{border-right:none}

.step.active{color:#E05A2B;background:#f5f5f5}

.step.done{color:#E05A2B}

.step-num{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;flex-shrink:0}

.step.done .step-num{background:#E05A2B;border-color:#E05A2B;color:#fff}

.booking-form{padding:20px 24px}

.booking-bx .section-title{font-size:14px;font-weight:500;letter-spacing:.06em;color:#000000;margin-bottom:14px}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}

.service-card-step{border:0.5px solid #e0e0e0;border-radius:8px;padding:12px;cursor:pointer;transition:border-color .15s}

.service-card-step:hover{border-color:#E05A2B}

.service-card-step.selected{border:1.5px solid #E05A2B;background:#FFF5F1}

.service-card-step .icon{font-size:22px;margin-bottom:6px} 

.service-card-step .name{font-size:16px;font-weight:500;color:#111111;margin-bottom:2px}

.service-card-step .desc{font-size:14px;color:#666666;margin-bottom:4px}

.service-card-step .price{font-size:14px;font-weight:500;color:#E05A2B}

.truck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}

.truck-card{border:0.5px solid #e0e0e0;border-radius:8px;padding:12px;cursor:pointer;text-align:center;transition:border-color .15s}

.truck-card:hover{border-color:#E05A2B}

.truck-card.selected{border:1.5px solid #E05A2B;background:#FFF5F1}

.truck-card .tname{font-size:14px;font-weight:500;color:#111111}

.truck-card .tprice{font-size:14px;font-weight:500;color:#E05A2B;margin:2px 0}

.truck-card .tsub{font-size:13px;color:#666666}

.footer-row{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:0.5px solid #e0e0e0;margin-top:8px}

.service-note{font-size:14px;color:#666666}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}

.form-row.full{grid-template-columns:1fr}

.form-group label{font-size:13px;font-weight:500;letter-spacing:.05em;color:#666666;display:flex;align-items:center;gap:4px;margin-bottom:5px}

.form-group input, .form-group select{width:100%;border:0.5px solid #cccccc;border-radius:5px;font-size:14px;outline:0;box-shadow:none;padding: 12px 12px;background:#ffffff;color:#111111}

.dist-box{background:#f5f5f5;border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;margin-top:10px}

.dist-left{display:flex;align-items:center;}

.dist-text .d1{font-size:13px;font-weight:500;color:#111111}

.dist-text .d2{font-size:13px;color:#666666}

.dist-price{font-size:18px;font-weight:500;color:#E05A2B}

.slider-wrap{margin:10px 0}

.slider-labels{display:flex;justify-content:space-between;font-size:13px;color:#666666;margin-top:4px}

.slider-extra{font-size:13px;color:#E05A2B;text-align:center;margin-top:2px}

.confirm-section{margin-bottom:16px}

.confirm-section-label{font-size:13px;font-weight:500;letter-spacing:.06em;color:#666666;display:flex;align-items:center;gap:5px;margin-bottom:8px;padding-bottom:6px;border-bottom:0.5px solid #e0e0e0}

.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:0.5px solid #cccccc;border-radius:20px;font-size:12px;color:#111111;margin-right:6px}

.confirm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px}

.confirm-row{padding:4px 0}

.confirm-row .cl{font-size:13px;color:#666666}

.confirm-row .cv{font-size:13px;color:#111111;font-weight:500}

.price-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:#666666}

.price-row.total{font-size:14px;font-weight:500;color:#111111;border-top:0.5px solid #e0e0e0;margin-top:4px;padding-top:8px}

.price-row.total .pv{color:#E05A2B}

.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}

.pay-card{border:0.5px solid #e0e0e0;border-radius:5px;padding:10px;cursor:pointer;text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px;transition:border-color .15s}

.pay-card:hover{border-color:#E05A2B}

.pay-card.selected{border:1.5px solid #E05A2B;background:#FFF5F1;color:#E05A2B}

.hidden{display:none}

input[type=range]{width:100%;accent-color:#E05A2B}

.error{

    border:1px solid #dc3545 !important;

}

.error-msg{

    color:#dc3545;

    font-size:13px;

    margin-top:5px;

}

.banner-section .step {

    font-size: 12px;

}

.noBanner, .hero-swiper {

    background: #2a2a2a;

}

.service-card ul {
    margin: 0;
    background: rgb(0 0 0 / 30%);
    padding: 15px 20px;
    padding-left: 35px;
    border-radius: 12px;
    backdrop-filter: blur(12px);
    width: fit-content;
}