h1,
h2,
h3 {
    font-family: "PT Sans", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
}

ul,
li,
p,
span,
strong,
a,
div h4,
h5,
h6 {
    font-family: "ABeeZee", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.call-phone.d-flex.align-items-center {
    gap: 15px;
}

.socal-icons.d-flex.justify-content-end.align-items-center {
    gap: 50px;
}

h5.two-color-blink {
    font-size: 18px;
    text-decoration: none;
    font-family: "PT Sans", sans-serif;
    font-weight: 600;
}

.top-header.mobile-hide {
    position: absolute;
    top: 10px;
    z-index: 99;
    width: 100%;
    background-color: #ffffff94;
}

.socal-icons.d-flex.justify-content-end.align-items-center {
    gap: 50px;
}

.call-phone.d-flex.align-items-center {
    gap: 15px;
}

.call-phone img {
    width: 50px;
}

.Need a {
    font-size: 18px;
    text-decoration: none;
    color: #0a1964;
}

h5.two-color-blink {
    font-size: 18px;
    text-decoration: none;
    font-family: "PT Sans", sans-serif;
    font-weight: 600;
}

.formnewhi {
    background: #fff;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.slider-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
}

.top_slider_and_form {
    position: relative;
}

.top_slider_and_form {
    position: relative;
    height: 900px;
    overflow: hidden;
    background-image: url(../images/001.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.formnewhi h3 {
    letter-spacing: -1px;
    margin: 0px;
    font-weight: 600 !important;
    color: #b21e1e;
}

.formnewhi p {
    font-size: 14px;
}

.form-control {
    border-radius: 4px !important;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    background-color: #7f7f7f !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}

.error-message {
    color: #cd6b02;
    font-size: 12px;
    font-weight: 500;
}

button#submitButton {
    border-radius: 4px !important;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    background-color: #FFC107 !important;
    border: 1px solid #ffffff !important;
    padding: 9px 30px;
    color: #ffffff !important;
    font-family: "Fjalla One", sans-serif;
    font-weight: 500;
}

button#submitButton,
button#submitButton1 {
    outline: 0;
    width: 100%;
    font-style: normal;
    line-height: 20.475px;
    color: rgb(0 0 0 / 90%);
    background: #f2c566;
    cursor: pointer;
    border-radius: 30px;
}

ul.Digital_Transformation li {
    display: block;
    line-height: 35px;
    font-size: 16px;
    color: #000000;
}

ul,
li,
p,
span,
strong,
a,
div h4,
h5,
h6 {
    font-family: "ABeeZee", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.slider-subtitle {
    font-size: 22px;
    margin: 15px 0;
    color: #000000;
    font-weight: 500;
}

.slider-title {
    font-size: 34px;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    color: #b21e1e;
}

.slider-desc {
    font-size: 16px;
    opacity: 0.9;
    max-width: 520px;
}

ul.Digital_Transformation {
    margin: 0px;
    padding: 0px;
}

input::placeholder,
textarea::placeholder {
    color: #ffffff !important;
    font-family: "Fjalla One", sans-serif;
    font-weight: 500;
}

.slider-buttons {
    margin-top: 25px;
}

.callnow {
    padding: 10px 50px !important;
    font-size: 18px !important;
    background-color: #b51e21 !important;
    border: 1px solid #ffffff !important;
}

.section-title h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0px;
}

.section-title p {
    margin-bottom: 0;
}

.WhatsApp {
    position: fixed;
    right: 10px;
    bottom: 40px;
    animation: upDown 1s infinite ease-in-out;
    z-index: 999;
}

@keyframes upDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.fw-semibold {
    position: relative;
    font-weight: 600 !important;
    font-size: 30px;
    font-family: "ABeeZee", sans-serif;
    color: #b21e1e;
    letter-spacing: 1px;
    display: inline-block;

    animation: floatText 4s ease-in-out infinite;
}

/* glowing layer */
.fw-semibold::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    color: #b21e1e;
    z-index: -1;
    filter: blur(12px);
    opacity: 0.7;

    animation: glowPulse 2.5s ease-in-out infinite;
}

/* shine wave */
/* .fw-semibold::after {
    content: "";
    position: absolute;
    left: -120%;
    top: 0;
    width: 120%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.7) 50%,
        transparent 100%
    );

    animation: shineWave 3.5s ease-in-out infinite;
} */

/* animations */
@keyframes floatText {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes glowPulse {
    0% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        opacity: 0.4;
    }
}

@keyframes shineWave {
    0% {
        left: -120%;
    }

    100% {
        left: 120%;
    }
}

body {
    overflow-x: hidden;
}

ul.list-unstyled i {
    color: #db7501;
    font-weight: 700 !important;
}

.how-it-works {
    background: #ffffff;
}

.work-box {
    background: #543007;
    padding: 30px 15px;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    height: 100%;
}

.work-box .icon {
    font-size: 40px;
    margin-bottom: 15px;
    transition: transform 0.4s ease;
}

.work-box h6 {
    font-weight: 500;
    font-size: 16px;
    margin: 0;
    color: #ffffff;
}

/* hover effects */
.work-box:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(219, 117, 1, 0.25);
}

.work-box:hover .icon {
    transform: scale(1.2) rotate(6deg);
}

.trusted-brands {
    background: #f8f9fb;
}

.trust-box {
    background: #ffffff;
    padding: 35px 20px;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    height: 100%;
}

.trust-box .icon {
    font-size: 42px;
    margin-bottom: 15px;
}

.trust-box h6 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 6px;
    color: #222;
}

.trust-box p {
    font-size: 14px;
    color: #666;
    margin: 0;
}

/* Hover Animation */
.trust-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(219, 117, 1, 0.25);
}
.cta-section {
    background: linear-gradient(135deg, #101b56, #111c58);
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
.cta-actions a {
    font-size: 16px;
}
ul.list-unstyled li {
    margin-bottom: 15px !important;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
}

.Logistics-Partner {
    padding: 8px 30px !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
}

/* subtle background glow */
.cta-section::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(219, 117, 1, 0.35), transparent 70%);
    filter: blur(120px);
}
.cta-badge {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: rgb(255 255 255 / 41%);
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
}
.cta-title {
    font-size:36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}
.cta-subtitle {
    font-size: 15px;
    color: #198754;
    max-width: 800px;
    margin: 0 auto 40px;
}
/* Buttons */
.cta-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cta-actions .btn {
    padding: 14px 32px;
    font-weight: 600;
    border-radius: 14px;
    transition: all 0.35s ease;
}

/* Primary (Call) */
.cta-actions .btn-primary {
    background: linear-gradient(135deg, #db7501, #ff9a2f);
    border: none;
    box-shadow: 0 10px 30px rgba(219, 117, 1, 0.35);
}

/* Hover effects */
.cta-actions .btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.faq-section {
    background: linear-gradient(180deg, #f9fafc, #ffffff);
}

/* badge */
.faq-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 20px;
    background: rgba(219, 117, 1, 0.12);
    color: #db7501;
    font-size: 13px;
    font-weight: 600;
}

/* accordion wrapper */
.faq-accordion {
    max-width: 900px;
    margin: auto;
}

/* accordion item */
.faq-accordion .accordion-item {
    border: none;
    border-radius: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* header button */
.faq-accordion .accordion-button {
    padding: 22px 24px;
    font-size: 16px;
    background: #ffffff;
    color: #222;
    box-shadow: none;
}

/* active state */
.faq-accordion .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #fff5ea, #ffffff);
    color: #db7501;
}

/* arrow icon */
.faq-accordion .accordion-button::after {
    transform: scale(1.2);
}

/* body */
.faq-accordion .accordion-body {
    padding: 22px 24px;
    font-size: 15px;
    color: #555;
    line-height: 1.7;
}

/* hover */
.faq-accordion .accordion-item:hover {
    transform: translateY(-4px);
    transition: all 0.3s ease;
}

.footer-premium {
    background: #0f2e56;
    color: #ffffff;
    padding: 40px 0 20px;
}

/* brand */
.footer-logo {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #ffffff;
}

.footer-tagline {
    color: #ffb347;
    font-size: 14px;
    margin-bottom: 12px;
}

.footer-desc {
    font-size: 14px;
    color: #ffffff;
    line-height: 1.7;
    max-width: 320px;
}

.footer-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #ffffff;
}

/* list */
.footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-list li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #FFEB3B;
}

.footer-list a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 16px;
}

ul.footer-list i {
    font-size: 20px !important;
}

.footer-list a:hover {
    color: #ffb347;
}

.support-time {
    color: #999;
    font-size: 13px;
}

/* social */
.footer-social {
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
}

.footer-social a {
    width: 42px;
    height: 42px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 18px;
    transition: all 0.35s ease;
}

.footer-social a:hover {
    background: linear-gradient(135deg, #db7501, #ff9a2f);
    transform: translateY(-4px);
}

/* trust text */
.footer-trust {
    font-size: 15px;
    color: #FFEB3B;
    max-width: 340px;
    line-height: 1.6;
}

.footer-bottom {
    border-top: 1px solid rgb(225 235 59 / 46%);
    margin-top: 40px;
    padding-top: 18px;
    text-align: center;
}

.footer-bottom p {
    font-size: 13px;
    color: #e3e3e3;
    margin: 0;
}

/* Placeholder styling */
.formnewhi .form-control::placeholder {
    font-size: 13px;
    /* yahan chhota/bada kar sakte ho */
    color: #999;
    font-weight: 400;
}

/* Safari support */
.formnewhi .form-control::-webkit-input-placeholder {
    font-size: 13px;
}

/* Firefox support */
.formnewhi .form-control::-moz-placeholder {
    font-size: 13px;
}

/* Smooth Floating Animation */
.floating-img {
    animation: floatUpDown 4s ease-in-out infinite;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Animated Title Underline */
.title-underline {
width: 80px;
    height: 4px;
    background: rgb(219 117 1);
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}

.title-underline span {
    position: absolute;
    left: -40%;
    top: 0;
    width: 40%;
    height: 100%;
    background: rgb(116, 63, 3);
    animation: underlineMove 2s linear infinite;
    border-radius: 50px;
}

@keyframes underlineMove {
    0% {
        left: -40%;
    }

    100% {
        left: 100%;
    }
}

.title-underline-2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.title-underline-2 .dot {
    width: 10px;
    height: 10px;
    background: #db7501;
    border-radius: 50%;
    animation: pulseDot 1.5s infinite;
}

.title-underline-2 .line {
    width: 60px;
    height: 3px;
    background: #db7501;
}

@keyframes pulseDot {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.4);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.services-section {
    background: linear-gradient(135deg, #0d6efd, #084298);
}

.services-wrapper .section-title {
    position: relative;
    font-weight: 600 !important;
    font-size: 30px;
    font-family: "ABeeZee", sans-serif;
    color: #b21e1e !important;
    letter-spacing: 1px;
    animation: floatText 4s ease-in-out infinite;
}
.service-card {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    height: 100%;
    transition: all 0.4s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.service-card img {
    /* width: 60px; */
    margin-bottom: 15px;
}
section.services-section.py-5 {
    background-image: url(../images/abstract-pastel-gradient-color-background-with-blank-blur-and-smooth-vector.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-card h5 {
    font-weight: 600;
    margin-bottom: 8px;
}
.pan-india-section {
    background: linear-gradient(135deg, #ffffff, #ffffff);
}
.pan-india-box {
    padding: 50px 30px;
}
.location-badge {
    display: inline-block;
    background: rgb(255 193 7 / 25%);
    color: #000000;
    padding: 8px 18px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    animation: pulseBadge 2s infinite;
}

.section-title span {
        color: #b21e1e;
}

.city-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.city-tags span {
    background: #f1f5ff;
    color: #0d6efd;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.city-tags span:hover {
    background: #0d6efd;
    color: #ffffff;
    transform: translateY(-4px);
}

@keyframes pulseBadge {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(13, 110, 253, 0.4);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 15px rgba(13, 110, 253, 0.3);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(13, 110, 253, 0.4);
    }
}

.service-card p {
    font-size: 14px;
    color: #6c757d;
}
.service-card:hover {
    transform: translateY(-10px);
    background: #3a3c3e;
    color: #ffffff;
}

.service-card:hover p {
    color: #e9ecef;
}
.city-card {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: 100%;
    transition: all 0.35s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.city-card img {
    width: 64px;
}
/* Why Choose Feature Cards */
.why-card {
    background: #ffffff;
    padding: 25px 20px;
    border-radius: 18px;
    text-align: center;
    height: 100%;
    box-shadow: 0 12px 30px rgba(13, 110, 253, 0.12);
    transition: all 0.35s ease;
}

.why-card img {
    width: 50px;
    margin-bottom: 12px;
}

.why-card p {
    margin: 0;
    font-weight: 600;
    color: #333;
}

.why-card:hover {
    transform: translateY(-8px);
    background: #010a16;
}

.why-card:hover p {
    color: #ffffff;
}

.why-card:hover img {
    filter: brightness(0) invert(1);
}

.city-card span {
    font-weight: 600;
    font-size: 15px;
    color: #333;
}
.city-card:hover {
    transform: translateY(-8px);
    background: #343536;
}

.city-card:hover span {
    color: #ffffff;
}

.city-card.highlight {
    background: linear-gradient(135deg, #FF9800, #ef5350);
}

.city-card.highlight span {
    color: #ffffff;
}
/* Contact Section */
.contact-section {
    background: linear-gradient(135deg, #f8f9fa, #eef3ff);
}
.contact-badge {
    display: inline-block;
    background: rgb(219 117 1 / 38%);
    color: #000000;
    padding: 8px 18px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
}
.contact-info-box, .contact-form-box {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 20px 45px rgba(13, 110, 253, 0.15);
}
.contact-item {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom:20px;
}
button#submitButton:hover {
    background-color: #FF5722 !important;
}
.contact-item img {
    width: 36px;
}
section#contact h5 {
    position: relative;
    font-weight: 600 !important;
    font-size: 24px;
    font-family: "ABeeZee", sans-serif;
    color: #b21e1e;
    letter-spacing: 0px;
    display: inline-block;
    animation: floatText 4s ease-in-out infinite;
    margin-bottom: 10px !important;
}
.contact-item p {
    margin: 0;
    color: #555;
    font-size: 15px;
    font-weight: 500;
    font-family: "PT Sans", sans-serif;
}

.contact-form-box .form-control {
    border-radius: 12px;
    padding: 12px;
}
.contact-info-box.h-100 strong {
    font-size: 18px;
}
.footer-section {
    background: #0d205a;
    color: #ffffff;
    padding: 20px 0;
    font-size: 14px;
}
a.btn.btn-primary.w-100 {
    border-radius: 4px !important;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    background-color: #FFC107 !important;
    border: 1px solid #ffffff !important;
    padding: 9px 30px;
    color: #ffffff !important;
    font-family: "Fjalla One", sans-serif;
    font-weight: 500;
}
.stats-section {
    background: linear-gradient(135deg, #0d1b2a, #1b263b);
    color: white;
    background-image: url(../images/warning-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.stat-box {
    background: rgb(0 0 0);
    padding: 30px 15px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
}
.stat-box:hover {
    transform: translateY(-8px);
    background: rgb(255 255 255);
    color: #000000 !important;
}
.stat-box:hover p {
    color: #000000 !important;
}

.stat-box h2{
    font-size: 38px;
    font-weight: 700;
    color: #ffb703;
}

.stat-box p{
    font-size: 16px;
    margin-top: 8px;
    color: #ddd;
}
.contact-item.contact-form-box strong {
    font-size: 18px;
    /* margin-bottom: 3px !important; */
    display: inline-block;
}