@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    text-decoration: none;
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    font-family: Poppins, sans-serif;
}

html,
body {
    scroll-behavior: auto;
}

.smooth-wrapper {
    overflow: hidden;
}

.custom-cursor {
    width: 30px;
    height: 30px;
    border: 1px solid var(--secondary);
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: transform 0.2s;
    z-index: 9999;
}

    .custom-cursor span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4px;
        height: 4px;
        background-color: var(--secondary);
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

a {
    text-decoration: none;
    color: var(--text-color);
}

:root {
    --white: #fff;
    --muted: #a3a3a3;
    --secondary: #8a015f;
    --deep: #8a015f;
    --vivid: #dc0185;
    --white: #ffffff;
    --soft: #fdf0f8;
    --mid: #f5d6ee;
    --border: rgba(220, 1, 133, 0.18);
    --shadow: rgba(138, 1, 95, 0.18);
    --mg: #dc0185;
    --deep: #8a015f;
    --blush: #fdf0f8;
    --pale: #fce8f5;
    --blush2: #f5d5ec;
    --mid: #c4017a;
    --white: #ffffff;
    --ts: #a06085;
    --mg: #dc0185;
    /* --deep: #8a015f; */
    --blush: #fdf0f8;
    --pale: #fce8f5;
    --rose: #f5d0ea;
    /* --white: #fff; */
    --ink: #1a0012;
    /* --muted: #9a5078; */
    /* --soft: #c490ae; */
    --brand-dark: #95005a;
    --brand-mid: #a8016d;
    --brand-bright: #d80183;
    --brand-light: #fce8f4;
    --brand-pale: #fff0f9;
    --white: #ffffff;
    --text-dark: #1a1a1a;
    --text-muted: #555;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
}

figure {
    margin: 0px;
    padding: 0px;
}

.btn:focus {
    outline: none;
}

ul,
ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

a,
button {
    display: inline-block;
}

select {
    cursor: pointer;
    appearance: none;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

#scrollBtn {
    background: var(--deep);
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 15px;
    right: 15px;
    border: none;
    cursor: pointer;
    z-index: 1000;
    transition: all .3s ease-in-out;
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px var(--deep);
    }

    100% {
        box-shadow: 0 0 0 20px #ffffff44;
    }
}

header .top_nav {
    /* background: linear-gradient(135deg, var(--white), var(--secondary)); */
    background: linear-gradient(135deg, #ffffff, #95005a);
    border-bottom: 1px solid var(--secondary);
    padding: 12px 0px;
}

.scroll {
    background: rgba(0, 0, 0, 0.7);
}

header.scroll .top_nav {
    display: none;
}

header.scroll .navbar {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.navbar {
    transition: all .4s ease-in-out;
}

.scroll {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 30;
    transition: 0.4s;
    left: 0;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .scroll .container-fluid {
        transition: all .3s ease-in-out;
    }

.topNav_left {
    display: flex;
    gap: 15px;
}

    .topNav_left > div {
        background: var(--white);
        padding: 3px 4px;
        border-radius: 25px;
    }

    .topNav_left i {
        /* background-color: var(--secondary); */
        background: linear-gradient(135deg, var(--deep), var(--vivid));
        border-radius: 50px;
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white);
        border: 2px solid transparent;
        transition: 0.4s ease-in-out;
    }

    .topNav_left a:hover i {
        background: transparent;
        border: 2px solid var(--secondary);
        color: var(--secondary);
    }

    .topNav_left a {
        display: flex;
        gap: 7px;
        align-items: center;
        transition: 0.4s ease-in-out;
    }

a:hover {
    color: var(--secondary);
}

.socials-icons {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
}

.topNav_left {
    justify-content: end;
}

.socials-icons a {
    background-color: var(--secondary);
    background: linear-gradient(135deg, var(--deep), var(--vivid));
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    border: 2px solid transparent;
    transition: 0.4s ease-in-out;
}

    .socials-icons a:hover {
        background: transparent;
        border: 2px solid var(--secondary);
        color: var(--secondary);
    }

.mainNavbar {
    margin-top: 15px;
}

    .mainNavbar .navbar-brand img {
        width: 100px;
    }

.navbar {
    border-radius: 100px;
    border: 2px solid var(--secondary);
    padding: 2px 12px;
    background: rgb(255, 255, 255);
}

.mainNavbar .navbar-nav {
    gap: 15px;
}

.navbar-nav ul {
    display: flex;
    gap: 30px;
}

.mainNavbar .navbar-nav .nav-link {
    color: var(--text-color);
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

    .mainNavbar .navbar-nav .nav-link:hover {
        color: var(--secondary);
    }

    .mainNavbar .navbar-nav .show > .nav-link,
    .mainNavbar .navbar-nav .nav-link.active {
        color: var(--secondary);
    }

.navbar-light .navbar-toggler {
    color: rgb(0, 210, 183);
    border-color: rgb(0, 196, 202);
}

.navbar-light .navbar-toggler-icon {
    filter: invert(1);
}

.mainNavbar .navbar-collapse {
    justify-content: center;
}

.animated-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 36px;
    border: 4px solid transparent;
    font-size: 16px;
    background-color: inherit;
    border-radius: 100px;
    font-weight: 600;
    color: var(--secondary);
    box-shadow: 0 0 0 2px var(--secondary);
    cursor: pointer;
    overflow: hidden;
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

    .animated-button:hover a {
        color: #fff;
    }

    .animated-button svg {
        position: absolute;
        width: 24px;
        fill: var(--secondary);
        z-index: 9;
        transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .animated-button .arr-1 {
        right: 16px;
    }

    .animated-button .arr-2 {
        left: -25%;
    }

    .animated-button .circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        /* background-color: var(--secondary); */
        background: linear-gradient(135deg, var(--deep), var(--vivid));
        border-radius: 50%;
        opacity: 0;
        transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .animated-button .text {
        position: relative;
        z-index: 1;
        transform: translateX(-12px);
        transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .animated-button:hover {
        box-shadow: transparent 0px 0px 0px 12px;
        color: var(--white);
        border-radius: 12px;
    }

        .animated-button:hover .arr-1 {
            right: -25%;
        }

        .animated-button:hover .arr-2 {
            left: 16px;
        }

        .animated-button:hover .text {
            transform: translateX(12px);
        }

        .animated-button:hover svg {
            fill: var(--white);
        }

    .animated-button:active {
        scale: 0.95;
        box-shadow: 0 0 0 4px var(--secondary);
    }

    .animated-button:hover .circle {
        width: 220px;
        height: 220px;
        opacity: 1;
    }

.animated-button-logout {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 36px;
    border: 4px solid transparent;
    font-size: 16px;
    background-color: inherit;
    border-radius: 100px;
    font-weight: 600;
    color: var(--secondary);
    box-shadow: 0 0 0 2px var(--secondary);
    cursor: pointer;
    overflow: hidden;
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

    .animated-button-logout:hover a {
        color: #fff;
    }

    .animated-button-logout svg {
        position: absolute;
        width: 24px;
        fill: var(--secondary);
        z-index: 9;
        transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .animated-button-logout .arr-1 {
        right: 16px;
    }

    .animated-button-logout .arr-2 {
        left: -25%;
    }

    .animated-button-logout .circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        /* background-color: var(--secondary); */
        background: linear-gradient(135deg, var(--deep), var(--vivid));
        border-radius: 50%;
        opacity: 0;
        transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .animated-button-logout .text {
        position: relative;
        z-index: 1;
        transform: translateX(-12px);
        transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .animated-button-logout:hover {
        box-shadow: transparent 0px 0px 0px 12px;
        color: var(--white);
        border-radius: 12px;
    }

        .animated-button-logout:hover .arr-1 {
            right: -25%;
        }

        .animated-button-logout:hover .arr-2 {
            left: 16px;
        }

        .animated-button-logout:hover .text {
            transform: translateX(12px);
        }

        .animated-button-logout:hover svg {
            fill: var(--white);
        }

    .animated-button-logout:active {
        scale: 0.95;
        box-shadow: 0 0 0 4px var(--secondary);
    }

    .animated-button-logout:hover .circle {
        width: 220px;
        height: 220px;
        opacity: 1;
    }

.global_btn {
    width: fit-content;
    background: linear-gradient(135deg, var(--gradient-three), var(--gradient-five), var(--gradient-four));
    border: 2px solid var(--text-color);
    color: var(--text);
    border-radius: 25px;
    font-weight: 600;
    padding: 4px 5px 4px 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: 0.4s;
}

.button-center {
    margin: 0px auto;
}

.swiper {
    width: 100%;
    height: 100%;
    padding: 4rem 0 !important;
}

.swiper-slide {
    /* text-align: center; */
    /* font-size: 18px; */
    /* background: #444; */
    /* display: flex;
      justify-content: center;
      align-items: center; */
}

    .swiper-slide img {
        /* display: block; */
        /* width: 100%; */
        /* height: 100%; */
        /* object-fit: cover; */
    }

.swiper-pagination-bullet {
    width: 16px !important;
    border-radius: 8px !important;
    transition: all 0.4s ease-in-out;
}

.swiper-pagination-bullet-active {
    background: #4a0a3b !important;
    width: 35px !important;
}

.swiper-button-prev {
    right: 65px !important;
    top: 25px !important;
    left: auto !important;
}

.swiper-button-next {
    left: auto !important;
    top: 25px !important;
}

.swiper-button-prev,
.swiper-button-next {
    background: linear-gradient(135deg, var(--deep), var(--mg));
    border-radius: 25px;
    border: 2px solid white;
    color: #ffffff !important;
}

    .swiper-button-prev svg,
    .swiper-button-next svg {
        height: 60% !important;
    }

.global_btn i {
    background: var(--color-dark);
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--text-color);
    border: 1px solid var(--text-color);
    transition: 0.4s;
    display: flex !important;
}

.global_btn:hover {
    background: linear-gradient(135deg, var(--gradient-two), var(--gradient-two), var(--gradient-two));
    color: var(--text-color);
    transform: translateY(-2px);
}

    .global_btn:hover i {
        background: linear-gradient(135deg, var(--gradient-three), var(--gradient-five), var(--gradient-four));
        transform: rotate(10deg) scale(1.1);
    }


/* sec1heroSec */

.sec1heroSec {
    /* background: linear-gradient(rgb(255 255 255 / 76%), rgb(0 0 0 / 57%)), url(../images/hero-banner.avif); */
    background: linear-gradient(rgb(19 1 12), rgb(255 255 255 / 19%)), url(../images/hero-banner.jpg);
    height: auto;
    background-size: cover;
    margin-top: -135px;
}

.innerBanner {
    background: linear-gradient(rgb(19 1 12), rgb(0 0 0 / 18%)), url(../images/innerbannerNew.jpeg);
    background-position: right;
    padding: 4rem 0;
}

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

        .innerBanner .innerContent h2 {
            color: white;
            font-size: 75px;
            font-weight: 800;
            text-transform: uppercase;
        }

        .innerBanner .innerContent .breadcrumbs {
            color: white;
            font-weight: 500;
        }

            .innerBanner .innerContent .breadcrumbs a {
                transition: all .3s ease-in-out;
                font-size: 20px;
            }

                .innerBanner .innerContent .breadcrumbs a:hover {
                    color: #d69dbf;
                }

/* Card */
.bookingForm .card {
    background: var(--white);
    border-radius: 28px;
    padding: 36px 32px 40px;
    width: 100%;
    /* max-width: 460px; */
    box-shadow: 0 32px 80px rgba(138, 1, 95, 0.3), 0 4px 16px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    animation: slideUp 0.5s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Decorative corner accent */
.bookingForm .card::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--vivid), var(--deep));
    opacity: 0.08;
}

/* Badge */
.bookingForm .badge {
    display: inline-flex;
    max-width: max-content;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--bs-yellow);
    background: var(--mid);
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 14px;
}

.bookingForm .badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bs-yellow);
    animation: pulse 1.4s ease-in-out infinite;
}

@keyframes pulse {

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

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

/* Heading */
.bookingForm .heading {
    font-size: 34px;
    font-weight: 900;
    color: #1a0010;
    line-height: 1.1;
    margin-bottom: 6px;
}

    .bookingForm .heading span {
        background: linear-gradient(90deg, var(--deep), var(--vivid));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.bookingForm .subtext {
    font-size: 13.5px;
    color: #a06080;
    margin-bottom: 28px;
    font-weight: 400;
}

/* Toggle tabs */
.bookingForm .tab-row {
    display: flex;
    background: var(--soft);
    border-radius: 14px;
    padding: 4px;
    margin-bottom: 28px;
    gap: 4px;
}

.bookingForm .tab-btn {
    flex: 1;
    padding: 11px 0;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #a06080;
    background: transparent;
}

    .bookingForm .tab-btn.active {
        background: linear-gradient(135deg, var(--deep), var(--vivid));
        color: var(--white);
        box-shadow: 0 4px 16px var(--shadow);
    }

    .bookingForm .tab-btn i {
        font-size: 14px;
    }

/* Field group */
.bookingForm .field-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.bookingForm .field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bookingForm label {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--deep);
    display: flex;
    align-items: center;
    gap: 6px;
}

.bookingForm .optional-tag {
    font-size: 9px;
    background: var(--mid);
    color: var(--bs-yellow);
    padding: 2px 7px;
    border-radius: 10px;
    letter-spacing: 0.8px;
    font-weight: 600;
    text-transform: uppercase;
}

.bookingForm .input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

    .bookingForm .input-wrap input, .bookingForm .input-wrap select {
        width: 100%;
        padding: 13px 48px 13px 44px;
        border: 1.5px solid var(--border);
        border-radius: 12px;
        background: var(--soft);
        font-size: 14px;
        color: #1a0010;
        outline: none;
        transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    }

        .bookingForm .input-wrap input::placeholder {
            color: #c090b0;
        }

        .bookingForm .input-wrap input:focus {
            border-color: var(--vivid);
            background: var(--white);
            box-shadow: 0 0 0 3px rgba(220, 1, 133, 0.12);
        }

/* Left icon */
.bookingForm .icon-left {
    position: absolute;
    left: 14px;
    color: var(--vivid);
    display: flex;
    pointer-events: none;
}

    .bookingForm .icon-left i {
        font-size: 15px;
    }

/* Right action icon */
.bookingForm .icon-right {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--deep), var(--vivid));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    border: none;
    transition: transform 0.15s, box-shadow 0.15s;
}

    .bookingForm .icon-right:hover {
        transform: scale(1.08);
        box-shadow: 0 4px 12px var(--shadow);
    }

    .bookingForm .icon-right i {
        font-size: 13px;
    }

/* Two-column row */
.bookingForm .two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

/* Divider */
.bookingForm .divider {
    height: 1px;
    background: var(--border);
    margin: 4px 0;
}

/* Book button */
.bookingForm .btn-book {
    width: 100%;
    padding: 15px;
    margin-top: 26px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--deep) 0%, var(--vivid) 100%);
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 8px 28px var(--shadow);
    transition: transform 0.18s, box-shadow 0.18s;
    letter-spacing: 0.3px;
    position: relative;
    overflow: hidden;
}

    .bookingForm .btn-book::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent);
    }

    .bookingForm .btn-book:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 36px var(--shadow);
    }

    .bookingForm .btn-book:active {
        transform: translateY(0);
    }

.bookingForm .arrow-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bookingForm .arrow-circle i {
        font-size: 13px;
    }

.sec1heroSec .row {
    padding-top: 12rem;
    padding-bottom: 5rem;
}

.sec1heroSec .bookingForm .animated-button {
    max-width: max-content;
}

.heroMaincontent h1 {
    font-size: 62px;
    color: var(--white);
    line-height: 1.2;
    text-shadow: 1px 1px #ffffff38;
    font-weight: 700;
    letter-spacing: -.02em;
}

.heroMaincontent .heroBadge {
    background: linear-gradient(135deg, var(--deep), var(--vivid));
    color: var(--white);
    font-weight: 600;
    padding: 12px;
    border-radius: 25px;
    margin-bottom: 12px;
    display: block;
    max-width: fit-content;
    border: 2px solid var(--white);
}

/* .heroMaincontent .outlineText {
            color: transparent;
            -webkit-text-stroke: 1px #ffffff;
    } */
.heroMaincontent h1 .fillSpanBg {
    background: linear-gradient(135deg, var(--deep), var(--vivid));
    box-shadow: 0 4px 16px rgb(255 255 255 / 8%);
    border-radius: 15px;
    padding: 0 3px;
    color: var(--bs-yellow);
}

.heroMaincontent p {
    margin: 25px 0;
    color: var(--white);
    font-size: 20px;
    max-width: 570px;
}

.heroMaincontent .animated-button {
    background-color: #ffffff;
    color: #990960;
    box-shadow: 0 0 0 2px #990a60;
}

    .heroMaincontent .animated-button:hover {
        color: white;
    }

.hero_Div_btn {
    display: flex;
    gap: 25px;
}

.cta-btn {
    display: flex;
    color: white;
    gap: 10px;
    align-items: center;
}

    .cta-btn i {
        background: linear-gradient(135deg, var(--deep), var(--vivid));
        height: 40px;
        width: 40px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
        transition: all 0.3s ease-in-out;
    }

    .cta-btn:hover {
        color: white;
    }

        .cta-btn:hover i {
            transform: translateY(-5px);
            background: linear-gradient(135deg, var(--white), var(--white));
            color: var(--secondary);
        }

/* sec1heroSec */

/* counter sec */

.counterParent {
    background-color: #fdf0f8;
    border: 2px solid #8a015f1c;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 25px;
}

.lordIcon lord-icon {
    width: 65px;
    height: 65px;
}

.counterParent .lordIcon {
    background: var(--white);
    border-radius: 50px;
    width: 70%;
    margin-bottom: 10px;
    border: 2px solid #8a015f1c;
    display: flex;
    justify-content: center;
    padding: 5px 0;
}

.counterParent h3 {
    font-weight: 600;
    color: var(--secondary);
    font-size: 22px;
}

.counterParent p {
    font-weight: 600;
    font-size: 16px;
    color: #a54d85;
}

/* counter sec */

/* secAbout */

.secAbout {
    padding-top: 5rem;
}

.aboutTopHeading h2 {
    font-size: 130px;
    text-align: center;
    padding-bottom: 3rem;
    font-weight: 700;
    color: var(--secondary);
    line-height: 1.0;
    letter-spacing: -.02em;
}

.aboutTopHeading span {
    color: transparent;
    -webkit-text-stroke: 2px #a54d85;
}

.aboutleftIMGDiv img {
    /* width: 100%; */
}

.leftImg {
    padding: 5px;
    border: 2px dashed #a54d85;
    border-radius: 50px;
    max-width: 90%;
    position: relative;
    top: -80px;
    z-index: -1;
}

    .leftImg img {
        width: 100%;
        border-radius: 50px;
    }

.rightImg {
    padding: 5px;
    border: 2px dashed #a54d85;
    border-radius: 50px;
    max-width: 50%;
    position: relative;
    bottom: 0px;
    right: -285px;
    display: flex;
    justify-content: center;
}

    .rightImg img {
        border-radius: 50px;
        width: 100%;
    }

.secAbout .rightContent p {
    font-size: 18px;
    padding: 1rem 0;
}

.rightContentCards {
    display: flex;
    gap: 20px;
    margin-bottom: 2rem;
}

    .rightContentCards .cardInner {
        background-color: #fdf0f8;
        border: 2px solid #8a015f59;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        border-radius: 25px;
        width: 50%;
    }

.aboutLord {
    width: 130px;
    background: white;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    border: 2px solid #8a015f1c;
}

.cardInner p {
    font-size: 24px !important;
    font-weight: 600;
    padding: 10px 0 0 0 !important;
}

.cardInner h4 {
    font-size: 18px;
}

.rightContentCards .cardInner lord-icon {
    height: 80px;
    width: 80px;
}



/* ── Section heading ── */
.aboutThreeSec .section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

    .aboutThreeSec .section-heading h2 {
        font-size: 40px;
        font-weight: 700;
        color: var(--brand-dark);
        white-space: nowrap;
    }

.aboutThreeSec .heading-icon {
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, var(--brand-mid), var(--brand-bright));
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .aboutThreeSec .heading-icon i {
        color: #fff;
        font-size: 18px;
    }

.aboutThreeSec .heading-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(to right, var(--brand-bright), transparent);
    border-radius: 2px;
}

/* ══════════════════════════════
       SECTION 1 — AIRPORT SERVICES
    ══════════════════════════════ */
.aboutThreeSec .airport-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
}

.aboutThreeSec .airport-card {
    background: #fdf0f8;
    border: 2px dashed #8a015f59;
    border-radius: 25px;
    padding: 16px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--brand-dark);
    cursor: pointer;
    transition: background 0.2s, color 0.2s, transform 0.15s, box-shadow 0.2s;
    text-decoration: none;
}

    .aboutThreeSec .airport-card:hover {
        background: var(--brand-mid);
        color: var(--white);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(168, 1, 109, 0.25);
    }

        .aboutThreeSec .airport-card:hover .card-icon {
            background: rgba(255, 255, 255, 0.2);
        }

            .aboutThreeSec .airport-card:hover .card-icon i {
                color: var(--white);
            }

.aboutThreeSec .card-icon {
    width: 62px;
    height: 45px;
    background: var(--white);
    border: 2px solid #8a015f1c;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s;
}

    .aboutThreeSec .card-icon i {
        font-size: 20px;
        color: var(--brand-dark);
        transition: color 0.2s;
    }

/* ══════════════════════════════════
       SECTION 2 — ADDITIONAL SERVICES
    ══════════════════════════════════ */
.aboutThreeSec .services-wrapper {
    background: var(--brand-pale);
    border: 1px solid #f0b8db;
    border-radius: var(--radius-lg);
    padding: 24px 28px;
    background-color: rgb(253, 240, 248);
    border: 2px solid rgba(138, 1, 95, 0.35);
}

.aboutThreeSec .services-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.aboutThreeSec .tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--brand-dark);
    color: var(--white);
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    border: none;
}

    .aboutThreeSec .tag:hover {
        background: var(--brand-bright);
        transform: translateY(-2px);
        box-shadow: 0 5px 16px rgba(216, 1, 131, 0.3);
    }

    .aboutThreeSec .tag i {
        font-size: 14px;
        color: #fff;
    }

/* ══════════════════════════════════════
       SECTION 3 — TRAIN STATIONS & HOSPITALS
    ══════════════════════════════════════ */
.aboutThreeSec .locations-panel {
    background: var(--white);
    border: 1px solid #f0b8db;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background-color: rgb(253, 240, 248);
    border: 2px solid rgba(138, 1, 95, 0.35);
}

.aboutThreeSec .locations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    padding: 8px;
}

.aboutThreeSec .loc-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--text-dark);
    border-radius: var(--radius-sm);
    transition: background 0.15s;
    cursor: default;
}

    .aboutThreeSec .loc-item:hover {
        background: var(--brand-pale);
    }

    .aboutThreeSec .loc-item i {
        font-size: 13px;
        color: var(--brand-bright);
        flex-shrink: 0;
    }

/* ══════════════════════════════════════
       SECTION 4 — TOWNS AND VILLAGES
    ══════════════════════════════════════ */
.aboutThreeSec .towns-panel {
    background: var(--white);
    border: 1px solid #f0b8db;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.aboutThreeSec .towns-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    padding: 8px;
}

.aboutThreeSec .town-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    font-size: 13.5px;
    color: var(--text-dark);
    border-radius: var(--radius-sm);
    transition: background 0.15s;
    cursor: default;
}

    .aboutThreeSec .town-item:hover {
        background: var(--brand-pale);
    }

    .aboutThreeSec .town-item i {
        font-size: 11px;
        color: var(--brand-mid);
        flex-shrink: 0;
    }

/* ── Responsive ── */
@media (max-width: 600px) {
    .aboutThreeSec .airport-grid {
        grid-template-columns: 1fr 1fr;
    }

    .aboutThreeSec .towns-grid {
        grid-template-columns: 1fr 1fr;
    }

    .aboutThreeSec .locations-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 400px) {
    .aboutThreeSec .airport-grid {
        grid-template-columns: 1fr;
    }
}

/* secAbout */


/* secvices sec */

section.services {
    position: relative;
    /* padding: 110px 60px 130px; */
    padding: 2rem 0;
    /* overflow: hidden; */
}

    section.services .blob {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
    }

    section.services .blob-1 {
        top: -200px;
        left: -200px;
        width: 600px;
        height: 600px;
        background: radial-gradient(circle, #f0b0e2 0%, transparent 68%);
        opacity: .4;
    }

    section.services .blob-2 {
        bottom: -150px;
        left: -150px;
        width: 480px;
        height: 480px;
        background: radial-gradient(circle, #e070c8 0%, transparent 68%);
        opacity: .2;
    }

    section.services .blob-3 {
        top: 40%;
        left: 38%;
        width: 320px;
        height: 320px;
        background: radial-gradient(circle, #f8c8ee 0%, transparent 70%);
        opacity: .18;
    }

    section.services .header {
        text-align: center;
        margin-bottom: 72px;
        position: relative;
        z-index: 2;
    }

    section.services .label-row {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .22em;
        text-transform: uppercase;
        color: var(--mg);
        margin-bottom: 18px;
    }

        section.services .label-row span {
            display: block;
            width: 36px;
            height: 1px;
            background: var(--mg);
            opacity: .5;
        }

    section.services .header h2 {
        font-size: 90px;
        font-weight: 700;
        /* line-height: 1.06; */
        color: var(--deep);
        text-transform: uppercase;
        line-height: 1.0;
        letter-spacing: -.02em;
    }

        section.services .header h2 em {
            font-style: normal;
            color: var(--mg);
            color: transparent;
            -webkit-text-stroke: 2px #a54d85;
        }

.BLACKED {
    color: var(--ink) !important;
    -webkit-text-stroke: 2px #a54d8500 !important;
}

section.services .header p {
    margin-top: 16px;
    font-size: 15px;
    color: var(--muted);
    font-weight: 300;
    line-height: 1.75;
    max-width: 420px;
    margin-inline: auto;
}

section.services .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    /* max-width: 1180px; */
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* CARD — fast, snappy, no lag */
section.services .card {
    background: var(--white);
    border-radius: 24px;
    padding: 44px 36px 40px;
    position: relative;
    overflow: hidden;
    border: 1.5px solid rgba(220, 1, 133, .09);
    cursor: pointer;
    transition: transform .18s ease, border-color .15s ease, box-shadow .18s ease;
    will-change: transform;
}

    section.services .card:hover {
        transform: translateY(-8px);
        border-color: rgba(220, 1, 133, .3);
        box-shadow: 0 28px 56px rgba(138, 1, 95, .14), 0 4px 18px rgba(220, 1, 133, .1);
    }

/* top accent bar */
section.services .card-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--deep), var(--mg));
    border-radius: 24px 24px 0 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .18s ease;
}

section.services .card:hover .card-accent {
    transform: scaleX(1);
}

/* bg number */
section.services .card-num {
    position: absolute;
    bottom: -14px;
    right: 18px;
    font-size: 118px;
    font-weight: 600;
    line-height: 1;
    color: var(--blush2);
    user-select: none;
    pointer-events: none;
    transition: color .18s ease, transform .18s ease;
    z-index: 0;
}

section.services .card:hover .card-num {
    color: rgba(220, 1, 133, .07);
    transform: translateY(-4px);
}

section.services .card-inner {
    position: relative;
    z-index: 1;
}

/* icon */
section.services .icon-box {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: var(--blush);
    border: 1.5px solid rgba(220, 1, 133, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    position: relative;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

section.services .card:hover .icon-box {
    background: var(--pale);
    border-color: rgba(220, 1, 133, .38);
    transform: scale(1.08);
}

section.services .icon-box svg {
    width: 26px;
    height: 26px;
    stroke: var(--mg);
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .15s ease;
}

section.services .card:hover .icon-box svg {
    stroke: var(--deep);
}

section.services .idot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mg);
    position: absolute;
    top: -3px;
    right: -3px;
    transition: transform .15s ease, background .15s;
}

section.services .card:hover .idot {
    transform: scale(1.45);
    background: var(--deep);
}

section.services .card-title {
    font-size: 27px;
    font-weight: 500;
    color: var(--deep);
    line-height: 1.18;
    margin-bottom: 12px;
    letter-spacing: -.01em;
}

section.services .divider {
    width: 36px;
    height: 2px;
    background: linear-gradient(90deg, var(--mg), rgba(220, 1, 133, .12));
    border-radius: 2px;
    margin-bottom: 16px;
    transition: width .18s ease;
}

section.services .card:hover .divider {
    width: 62px;
}

section.services .card-desc {
    font-size: 13.5px;
    line-height: 1.78;
    color: var(--ts);
    color: var(--muted);
    font-weight: 300;
    margin-bottom: 28px;
}

section.services .pills {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 30px;
}

section.services .pill {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--mid);
    background: var(--blush);
    border: 1px solid rgba(220, 1, 133, .14);
    padding: 4px 11px;
    border-radius: 50px;
    transition: background .12s, border-color .12s;
}

section.services .card:hover .pill {
    background: var(--pale);
    border-color: rgba(220, 1, 133, .28);
}

section.services .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--deep);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: color .12s ease, gap .15s ease;
}

.card.featured .animated-button {
    background: #611249;
    backdrop-filter: blur(11px);
    color: white;
    /* border: white; */
    box-shadow: 0 0 0 2px #712f5d;
}

    .card.featured .animated-button svg {
        fill: var(--white);
    }

section.services .cta-btn:hover {
    color: var(--mg);
    gap: 15px;
}

section.services .arrow-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .12s, border-color .12s;
}

section.services .cta-btn:hover .arrow-circle {
    background: var(--mg);
    border-color: var(--mg);
}

section.services .arrow-circle svg {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .12s;
}

section.services .cta-btn:hover .arrow-circle svg {
    stroke: #fff;
}

/* FEATURED */
section.services .card {
    text-align: left;
}

    section.services .card.featured {
        background: linear-gradient(150deg, #8a015f 0%, #5c0040 55%, #3a0028 100%);
        border-color: rgba(255, 255, 255, .07);
    }

        section.services .card.featured:hover {
            border-color: rgba(255, 255, 255, .2);
            box-shadow: 0 28px 56px rgba(138, 1, 95, .32), 0 4px 18px rgba(220, 1, 133, .2);
        }

        section.services .card.featured .card-accent {
            background: linear-gradient(90deg, #f9b8df, var(--mg));
        }

        section.services .card.featured .card-num {
            color: rgba(255, 255, 255, .04);
        }

        section.services .card.featured:hover .card-num {
            color: rgba(255, 255, 255, .08);
        }

        section.services .card.featured .icon-box {
            background: rgba(255, 255, 255, .09);
            border-color: rgba(255, 255, 255, .15);
        }

        section.services .card.featured:hover .icon-box {
            background: rgba(220, 1, 133, .22);
            border-color: rgba(220, 1, 133, .45);
        }

        section.services .card.featured .icon-box svg {
            stroke: #f9b8df;
        }

        section.services .card.featured:hover .icon-box svg {
            stroke: #fff;
        }

        section.services .card.featured .idot {
            background: #f9b8df;
        }

        section.services .card.featured:hover .idot {
            background: #fff;
        }

        section.services .card.featured .card-title {
            color: #fff;
        }

        section.services .card.featured .divider {
            background: linear-gradient(90deg, #f9b8df, rgba(249, 184, 223, .1));
        }

        section.services .card.featured .card-desc {
            color: rgba(255, 255, 255, .52);
        }

        section.services .card.featured .pill {
            background: rgba(255, 255, 255, .07);
            border-color: rgba(255, 255, 255, .12);
            color: #f9b8df;
        }

        section.services .card.featured:hover .pill {
            background: rgba(220, 1, 133, .2);
            border-color: rgba(220, 1, 133, .35);
            color: #fff;
        }

        section.services .card.featured .cta-btn {
            color: #f9b8df;
        }

            section.services .card.featured .cta-btn:hover {
                color: #fff;
            }

        section.services .card.featured .arrow-circle {
            border-color: rgba(249, 184, 223, .35);
        }

        section.services .card.featured .cta-btn:hover .arrow-circle {
            background: var(--mg);
            border-color: var(--mg);
        }

section.services .badge {
    display: inline-block;
    background: var(--mg);
    color: #fff;
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .13em;
    text-transform: uppercase;
    padding: 5px 13px;
    border-radius: 50px;
    margin-bottom: 20px;
}

section.services .bottom-row {
    margin-top: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    position: relative;
    z-index: 2;
}

section.services .bottom-text {
    font-size: 14px;
    color: var(--ts);
    font-weight: 300;
}

section.services .bottom-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 30px;
    border-radius: 50px;
    background: var(--deep);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background .15s ease, transform .12s ease;
}

    section.services .bottom-btn:hover {
        background: var(--mg);
        transform: translateY(-2px);
    }

    section.services .bottom-btn svg {
        width: 15px;
        height: 15px;
        stroke: #fff;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

section.services .header {
    animation: fadeUp .7s .05s ease both;
}

section.services .card:nth-child(1) {
    animation: fadeUp .65s .1s ease both;
}

section.services .card:nth-child(2) {
    animation: fadeUp .65s .2s ease both;
}

section.services .card:nth-child(3) {
    animation: fadeUp .65s .3s ease both;
}

section.services .bottom-row {
    animation: fadeUp .65s .38s ease both;
}

@media(max-width:980px) {
    section.services {
        padding: 80px 28px 100px;
    }

        section.services .grid {
            grid-template-columns: 1fr;
            max-width: 480px;
        }
}

@media(max-width:520px) {
    section.services {
        padding: 60px 18px 80px;
    }

        section.services .card {
            padding: 36px 26px 32px;
        }

        section.services .card-num {
            font-size: 90px;
        }
}

/* secvices sec */


/* pricing css */

/* ── PAGE WRAPPER ── */
.secPricingtable .page {
    position: relative;
    /* padding: 80px 40px 100px; */
    padding: 2rem 0;
    overflow: hidden;
    min-height: 100vh;
}

    .secPricingtable .page::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse 700px 500px at 95% -5%, rgba(220, 1, 133, .1) 0%, transparent 60%), radial-gradient(ellipse 500px 400px at -5% 95%, rgba(138, 1, 95, .07) 0%, transparent 60%);
        pointer-events: none;
        z-index: 0;
    }

.secPricingtable .ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(220, 1, 133, .06);
    pointer-events: none;
    z-index: 0;
}

.secPricingtable .ring-1 {
    width: 600px;
    height: 600px;
    top: -250px;
    right: -200px;
}

.secPricingtable .ring-2 {
    width: 400px;
    height: 400px;
    bottom: -150px;
    left: -100px;
}

/* ── HEADER ── */
.secPricingtable .header {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 56px;
}

.secPricingtable .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: var(--mg);
    margin-bottom: 14px;
    background: #ffeaf7;
    padding: 5px;
    border-radius: 20px;
}

    .secPricingtable .eyebrow span {
        display: block;
        width: 28px;
        height: 1.5px;
        background: var(--mg);
        border-radius: 2px;
    }

.secPricingtable .header h1 {
    font-size: 80px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.08;
    letter-spacing: -.02em;
    text-transform: uppercase;
}

    .secPricingtable .header h1 em {
        font-style: normal;
        background: linear-gradient(135deg, var(--deep), var(--mg));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .secPricingtable .header h1 span {
        color: transparent;
        -webkit-text-stroke: 2px #a54d85;
    }

.secPricingtable .header p {
    margin-top: 12px;
    font-size: 14px;
    color: var(--muted);
    font-weight: 300;
    line-height: 1.7;
    max-width: 480px;
    margin-inline: auto;
}

/* ── LEGEND ── */
.secPricingtable .legend {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 36px;
}

.secPricingtable .leg-item {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #fff4fb;
    border: 1px solid rgba(220, 1, 133, .12);
    border-radius: 50px;
    padding: 6px 14px 6px 10px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--ink);
}

.secPricingtable .leg-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

    .secPricingtable .leg-dot.normal {
        background: #dc0185;
    }

    .secPricingtable .leg-dot.estate {
        background: #8a015f;
    }

    .secPricingtable .leg-dot.six {
        background: #c4017a;
    }

    .secPricingtable .leg-dot.eight {
        background: #e060b0;
    }

/* ── TABLE WRAPPER ── */
.secPricingtable .table-wrap {
    position: relative;
    z-index: 2;
    overflow-x: auto;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(138, 1, 95, .12), 0 4px 16px rgba(220, 1, 133, .06);
    border: 1.5px solid rgba(220, 1, 133, .1);
    background: var(--white);
}

    /* custom scrollbar */
    .secPricingtable .table-wrap::-webkit-scrollbar {
        height: 5px;
    }

    .secPricingtable .table-wrap::-webkit-scrollbar-track {
        background: var(--pale);
    }

    .secPricingtable .table-wrap::-webkit-scrollbar-thumb {
        background: var(--mg);
        border-radius: 10px;
    }

.secPricingtable table {
    border-collapse: collapse;
    width: max-content;
    min-width: 100%;
}

/* ── STICKY LOCATION COL ── */
.secPricingtable .col-location {
    position: sticky;
    left: 0;
    z-index: 20;
    background: var(--white) !important;
    color: black !important;
    min-width: 160px;
    border-right: 2px solid rgba(220, 1, 133, .15);
    /* border-bottom: 1px solid #b0006a; */
}

/* ── HEADER ROWS ── */
.secPricingtable thead tr:first-child th {
    background: linear-gradient(135deg, var(--deep) 0%, #5c0040 60%, #8a015f 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .04em;
    padding: 18px 12px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .08);
    white-space: nowrap;
}

    .secPricingtable thead tr:first-child th.col-location {
        background: linear-gradient(135deg, #120008 0%, #2e0022 100%);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .18em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, .6);
        text-align: left;
        padding-left: 24px;
    }

.secPricingtable thead tr:nth-child(2) th {
    background: linear-gradient(135deg, #ffc7e9 0%, #ffd0ef 100%);
    color: #c4017a;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 10px 12px;
    text-align: center;
    border-right: 1px solid #b0006a63;
    white-space: nowrap;
}

    /* alternating sub-header groups */
    .secPricingtable thead tr:nth-child(2) th:nth-child(4n+1),
    .secPricingtable thead tr:nth-child(2) th:nth-child(4n+2) {
        /* background: linear-gradient(135deg, #b00070 0%, #8a015f 100%); */
    }

/* ── BODY ROWS ── */
.secPricingtable tbody tr {
    transition: background .12s ease;
}

    .secPricingtable tbody tr:hover {
        background: rgba(253, 240, 248, .8);
    }

    .secPricingtable tbody tr:nth-child(even) {
        background: rgba(253, 240, 248, .5);
    }

        .secPricingtable tbody tr:nth-child(even):hover {
            background: rgba(253, 240, 248, .9);
        }

.secPricingtable tbody td {
    padding: 13px 14px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: var(--ink);
    border-right: 1px solid rgba(220, 1, 133, .06);
    border-bottom: 1px solid rgba(220, 1, 133, .06);
    white-space: nowrap;
    transition: background .12s, color .12s;
}

    .secPricingtable tbody td:hover {
        background: rgba(220, 1, 133, .06);
        color: var(--deep);
        font-weight: 600;
    }

    /* location cell */
    .secPricingtable tbody td.col-location {
        text-align: left;
        padding-left: 24px;
        font-weight: 500;
        color: var(--ink);
        font-size: 13px;
        background: var(--white);
        border-right: 2px solid rgba(220, 1, 133, .15);
    }

.secPricingtable tbody tr:nth-child(even) td.col-location {
    background: rgba(253, 240, 248, .6);
}

.secPricingtable tbody tr:hover td.col-location {
    background: rgba(253, 240, 248, .9);
}

/* price cell colorisation by column group */
/* Normal cols (1st in each group) */
.secPricingtable tbody td:nth-child(4n+2) {
    color: #8a015f;
    font-weight: 500;
}

/* Estate */
.secPricingtable tbody td:nth-child(4n+3) {
    color: #b0006a;
    font-weight: 400;
}

/* 6 Str */
.secPricingtable tbody td:nth-child(4n+4) {
    color: #c4017a;
    font-weight: 400;
}

/* 8 Str */
.secPricingtable tbody td:nth-child(4n+5) {
    color: #dc0185;
    font-weight: 500;
}

/* group separator — right border after each set of 4 */
.secPricingtable thead tr:first-child th:not(.col-location),
.secPricingtable tbody td:nth-child(4n+5) {
    border-right: 2px solid rgba(220, 1, 133, .14) !important;
}

/* ── FOOTER NOTE ── */
.secPricingtable .footnote {
    position: relative;
    z-index: 2;
    margin-top: 24px;
    text-align: center;
    font-size: 12px;
    color: #000000;
    font-weight: 300;
    line-height: 1.7;
    background: white;
    max-width: max-content;
    margin: 20px auto;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #ffd8ef;
}

    .secPricingtable .footnote strong {
        color: var(--mg);
        font-weight: 600;
    }

/* ── RESPONSIVE ── */
@media(max-width:640px) {
    .secPricingtable .page {
        padding: 50px 16px 70px;
    }

    .secPricingtable .header h1 {
        font-size: 32px;
    }
}

/* pricing css */


/* our fleets */

.fleet-section {
    position: relative;
    padding: 4rem 0;
    overflow: hidden;
}

    /* layered background */
    .fleet-section::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse 800px 500px at 90% -10%, rgba(220, 1, 133, .09) 0%, transparent 60%), radial-gradient(ellipse 600px 400px at -5% 90%, rgba(138, 1, 95, .07) 0%, transparent 60%), radial-gradient(ellipse 400px 400px at 50% 50%, rgba(245, 208, 234, .5) 0%, transparent 70%);
        pointer-events: none;
        z-index: 0;
    }

    /* decorative rings */
    .fleet-section .ring {
        position: absolute;
        border-radius: 50%;
        border: 1px solid rgba(220, 1, 133, .08);
        pointer-events: none;
        z-index: 0;
    }

    .fleet-section .ring-1 {
        width: 700px;
        height: 700px;
        top: -300px;
        right: -200px;
    }

    .fleet-section .ring-2 {
        width: 500px;
        height: 500px;
        bottom: -200px;
        left: -150px;
    }

    .fleet-section .ring-3 {
        width: 300px;
        height: 300px;
        top: 40%;
        left: 45%;
        transform: translate(-50%, -50%);
    }

    /* ══════════════════════════════
   HEADER
══════════════════════════════ */
    .fleet-section .header {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 72px;
        gap: 40px;
        flex-wrap: wrap;
    }

    .fleet-section .header-left {
    }

    .fleet-section .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 10.5px;
        font-weight: 600;
        letter-spacing: .28em;
        text-transform: uppercase;
        color: var(--mg);
        margin-bottom: 16px;
        background: #ffeaf7;
        padding: 5px;
        border-radius: 20px;
    }

    .fleet-section .eyebrow-line {
        width: 28px;
        height: 1.5px;
        background: var(--mg);
        border-radius: 2px;
    }

    .fleet-section .header h2 {
        font-size: 80px;
        font-weight: 700;
        line-height: 1.0;
        color: var(--ink);
        letter-spacing: -.02em;
        text-transform: uppercase;
    }

        .fleet-section .header h2 em {
            font-style: normal;
            background: linear-gradient(135deg, var(--deep), var(--mg));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .fleet-section .header h2 span {
            color: transparent;
            -webkit-text-stroke: 2px #a54d85;
        }

    .fleet-section .header-right {
        max-width: 320px;
    }

        .fleet-section .header-right p {
            font-size: 14.5px;
            line-height: 1.8;
            color: var(--ts);
            color: var(--muted);
            font-weight: 300;
            margin-bottom: 24px;
        }

    .fleet-section .view-all {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--deep);
        text-decoration: none;
        border-bottom: 1.5px solid rgba(138, 1, 95, .25);
        padding-bottom: 2px;
        transition: color .15s, border-color .15s;
    }

        .fleet-section .view-all:hover {
            color: var(--mg);
            border-color: var(--mg);
        }

        .fleet-section .view-all svg {
            width: 14px;
            height: 14px;
            stroke: currentColor;
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: transform .18s;
        }

        .fleet-section .view-all:hover svg {
            transform: translateX(4px);
        }

    /* ══════════════════════════════
   CARDS GRID
══════════════════════════════ */
    .fleet-section .cards {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        max-width: 1280px;
        margin: 0 auto;
    }

    /* ══════════════════════════════
   INDIVIDUAL CARD
══════════════════════════════ */
    .fleet-section .card {
        position: relative;
        border-radius: 28px;
        overflow: hidden;
        cursor: pointer;
        background: var(--white);
        border: 1.5px solid rgba(220, 1, 133, .08);
        display: flex;
        flex-direction: column;
        transition: transform .2s cubic-bezier(.25, .46, .45, .94), box-shadow .2s ease, border-color .15s ease;
        will-change: transform;
    }

        .fleet-section .card:hover {
            transform: translateY(-12px);
            /* box-shadow:
                0 40px 80px rgba(138, 1, 95, 0.043),
                0 8px 24px rgba(220, 1, 132, 0.03),
                0 0 0 1px rgba(220, 1, 132, 0.036); */
            /* border-color: transparent; */
        }

    /* ── IMAGE AREA ── */
    .fleet-section .card-visual {
        position: relative;
        height: auto;
        overflow: hidden;
        flex-shrink: 0;
        border-bottom: 1px solid #c9a5ba;
    }

.card-visual a {
    position: absolute;
    top: 15px;
    right: 10px;
}

    .card-visual a .animated-button {
        background: white;
        padding: 4px 30px
    }

/* Rich dark gradient background for placeholders */
.fleet-section .card-visual-bg {
    /* position: absolute; */
    /* inset: 0; */
    /* background: linear-gradient(145deg, #1e0016 0%, #3d0030 40%, #6b0050 70%, #8a015f 100%); */
}

    /* Geometric pattern overlay */
    .fleet-section .card-visual-bg::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(220, 1, 133, .04) 20px, rgba(220, 1, 133, .04) 21px);
    }

/* Car image — replace with real <img> */
.fleet-section .car-art {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* width: 88%; */
    /* transition: transform .35s ease; */
    /* filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .45)); */
}

.car-art img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

/* .fleet-section .card:hover .car-art {
            transform: translateX(-50%) translateY(-6px) scale(1.04);
        } */

/* car SVG art — rich detailed silhouettes */
.fleet-section .car-art svg {
    width: 100%;
    height: auto;
    display: block;
}

/* glow under car */
.fleet-section .car-glow {
    /* position: absolute; */
    /* bottom: 8px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* width: 70%; */
    /* height: 20px; */
    /* background: radial-gradient(ellipse, rgba(220, 1, 133, .35) 0%, transparent 70%); */
    /* border-radius: 50%; */
    /* filter: blur(6px); */
    /* transition: opacity .2s; */
}

.fleet-section .card:hover .car-glow {
    opacity: 1.4;
}

/* type tag */
.fleet-section .car-tag {
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: rgba(253, 240, 248, .12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 5px 13px;
    border-radius: 50px;
    z-index: 2;
}

/* popular badge */
.fleet-section .pop-tag {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 3;
    background: linear-gradient(135deg, var(--mg), var(--deep));
    color: #fff;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    padding: 4px 11px;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(220, 1, 133, .4);
}

/* book button */
.fleet-section .book-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 7px;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--deep);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 8px 14px 8px 16px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
    transition: background .15s, transform .12s, box-shadow .15s;
    white-space: nowrap;
}

    .fleet-section .book-btn:hover {
        background: var(--mg);
        color: #fff;
        transform: scale(1.05);
        box-shadow: 0 6px 20px rgba(220, 1, 133, .4);
    }

.fleet-section .book-btn-arrow {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--mg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s;
}

.fleet-section .book-btn:hover .book-btn-arrow {
    background: rgba(255, 255, 255, .25);
}

.fleet-section .book-btn-arrow svg {
    width: 11px;
    height: 11px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ── CARD BODY ── */
.fleet-section .card-body {
    padding: 26px 24px 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* number */
.fleet-section .card-number {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .18em;
    color: var(--ts);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.fleet-section .card-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.15;
    margin-bottom: 10px;
    letter-spacing: -.01em;
}

/* divider */
.fleet-section .rule {
    height: 1.5px;
    background: linear-gradient(90deg, var(--mg), rgba(220, 1, 133, .08));
    border: none;
    margin-bottom: 12px;
    border-radius: 2px;
    width: 44px;
    transition: width .2s ease;
}

.fleet-section .card:hover .rule {
    width: 72px;
}

.fleet-section .card-desc {
    font-size: 13.5px;
    line-height: 1.72;
    color: var(--ts);
    color: var(--muted);
    /* font-weight: 300; */
    margin-bottom: 20px;
    flex: 1;
}

/* specs grid */
.fleet-section .specs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid rgba(220, 1, 133, .1);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(253, 240, 248, .6);
}

.fleet-section .spec {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 6px 10px;
    text-align: center;
    position: relative;
    transition: background .15s;
}

.fleet-section .card:hover .spec {
    background: rgba(253, 240, 248, .9);
}

.fleet-section .spec + .spec {
    border-left: 1px solid rgba(220, 1, 133, .1);
}

.fleet-section .spec-icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(220, 1, 133, .12), rgba(138, 1, 95, .06));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    transition: background .15s;
}

.fleet-section .card:hover .spec-icon {
    background: linear-gradient(135deg, rgba(220, 1, 133, .22), rgba(138, 1, 95, .12));
}

.fleet-section .spec-icon svg {
    width: 15px;
    height: 15px;
    stroke: var(--mg);
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fleet-section .spec-num {
    font-size: 19px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1;
    margin-bottom: 3px;
}

.fleet-section .spec-label {
    font-size: 8.5px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ts);
}

/* feature tags */
.fleet-section .feat-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 18px;
}

.fleet-section .feat-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .05em;
    color: var(--deep);
    background: linear-gradient(135deg, rgba(220, 1, 133, .07), rgba(138, 1, 95, .04));
    border: 1px solid rgba(220, 1, 133, .12);
    padding: 4px 10px;
    border-radius: 50px;
    transition: background .12s, border-color .12s, color .12s;
}

.fleet-section .card:hover .feat-tag {
    background: linear-gradient(135deg, rgba(220, 1, 133, .14), rgba(138, 1, 95, .08));
    border-color: rgba(220, 1, 133, .25);
    color: var(--mg);
}

/* ══════════════════════════════
   DARK / FEATURED CARD
══════════════════════════════ */
.fleet-section .card.dark {
    background: linear-gradient(160deg, #12000d 0%, #2e0022 45%, #4a0038 100%);
    border-color: rgba(220, 1, 133, .15);
}

    .fleet-section .card.dark:hover {
        /* box-shadow:
                0 40px 80px rgba(138, 1, 95, .4),
                0 8px 24px rgba(220, 1, 133, .22),
                0 0 0 1px rgba(220, 1, 133, .25); */
    }

    .fleet-section .card.dark .card-visual-bg {
        background: linear-gradient(145deg, #0a0008 0%, #1e0016 40%, #3d0030 70%, #6b0050 100%);
    }

    .fleet-section .card.dark .card-number {
        color: rgb(248 212 233);
    }

    .fleet-section .card.dark .card-title {
        color: #fff;
    }

    .fleet-section .card.dark .rule {
        background: linear-gradient(90deg, #f0a8d8, rgba(240, 168, 216, .08));
    }

    .fleet-section .card.dark .card-desc {
        color: rgba(255, 255, 255, .42);
    }

    .fleet-section .card.dark .specs {
        background: rgba(255, 255, 255, .04);
        border-color: rgba(255, 255, 255, .06);
    }

    .fleet-section .card.dark .spec + .spec {
        border-color: rgba(255, 255, 255, .06);
    }

    .fleet-section .card.dark .spec-icon {
        background: linear-gradient(135deg, rgba(240, 168, 216, .12), rgba(220, 1, 133, .07));
    }

        .fleet-section .card.dark .spec-icon svg {
            stroke: #f0a8d8;
        }

    .fleet-section .card.dark:hover .spec {
        background: rgba(255, 255, 255, .04);
    }

    .fleet-section .card.dark:hover .spec-icon {
        background: linear-gradient(135deg, rgba(220, 1, 133, .25), rgba(138, 1, 95, .14));
    }

        .fleet-section .card.dark:hover .spec-icon svg {
            stroke: #fff;
        }

    .fleet-section .card.dark .spec-num {
        color: #fff;
    }

    .fleet-section .card.dark .spec-label {
        color: rgba(255, 255, 255, .3);
    }

    .fleet-section .card.dark .feat-tag {
        background: rgba(255, 255, 255, .06);
        border-color: rgba(255, 255, 255, .1);
        color: rgba(240, 168, 216, .85);
    }

    .fleet-section .card.dark:hover .feat-tag {
        background: rgba(220, 1, 133, .18);
        border-color: rgba(220, 1, 133, .35);
        color: #fff;
    }

    .fleet-section .card.dark .book-btn {
        background: rgba(220, 1, 133, .18);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(220, 1, 133, .35);
        color: #f0a8d8;
    }

        .fleet-section .card.dark .book-btn:hover {
            background: var(--mg);
            color: #fff;
        }

    .fleet-section .card.dark .book-btn-arrow {
        background: rgba(255, 255, 255, .12);
    }

/* ══════════════════════════════
   BOTTOM ROW
══════════════════════════════ */
.fleet-section .bottom {
    position: relative;
    z-index: 2;
    margin-top: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.fleet-section .bottom-inner {
    display: flex;
    align-items: center;
    background: var(--white);
    border: 1.5px solid rgba(220, 1, 133, .12);
    border-radius: 60px;
    padding: 10px 10px 10px 30px;
    gap: 20px;
    box-shadow: 0 8px 32px rgba(138, 1, 95, .08);
}

.fleet-section .bottom-text {
    font-size: 13.5px;
    color: var(--muted);
    font-weight: 300;
    white-space: nowrap;
}

    .fleet-section .bottom-text strong {
        color: var(--ink);
        font-weight: 500;
    }

.fleet-section .bottom-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 26px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--deep), var(--mg));
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(220, 1, 133, .35);
    transition: transform .15s ease, box-shadow .15s ease;
    white-space: nowrap;
}

    .fleet-section .bottom-btn:hover {
        transform: translateY(-2px) scale(1.02);
        box-shadow: 0 8px 28px rgba(220, 1, 133, .45);
    }

    .fleet-section .bottom-btn svg {
        width: 15px;
        height: 15px;
        stroke: #fff;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

/* ══════════════════════════════
   ANIMATIONS
══════════════════════════════ */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(32px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fleet-section .header {
    animation: fadeUp .75s .04s ease both;
}

.fleet-section .card:nth-child(1) {
    animation: fadeUp .6s .08s ease both;
}

.fleet-section .card:nth-child(2) {
    animation: fadeUp .6s .17s ease both;
}

.fleet-section .card:nth-child(3) {
    animation: fadeUp .6s .26s ease both;
}

.fleet-section .card:nth-child(4) {
    animation: fadeUp .6s .35s ease both;
}

.fleet-section .bottom {
    animation: fadeUp .6s .44s ease both;
}

/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media(max-width:1100px) {
    .fleet-section .cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .fleet-section .header {
        flex-direction: column;
        align-items: flex-start;
    }

    .fleet-section .header-right {
        max-width: 100%;
    }
}

@media(max-width:640px) {
    .fleet-section .fleet-section {
        padding: 70px 20px 90px;
    }

    .fleet-section .cards {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin-inline: auto;
    }

    .fleet-section .bottom-inner {
        flex-direction: column;
        text-align: center;
        border-radius: 24px;
        padding: 20px;
    }
}

/* our fleets */



/* secCTA */

.secCTA {
    background: linear-gradient(160deg, #12000d 0%, #2e0022 45%, #4a0038 100%);
    max-width: 1200px;
    margin: 10px auto 3rem auto;
    border-radius: 50px;
    padding: 3rem 0;
}

    .secCTA h2 {
        font-size: 70px;
        text-align: center;
        color: var(--white);
        text-transform: uppercase;
    }

        .secCTA h2 span {
            background: linear-gradient(135deg, #ffffff, #ff98d6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

    .secCTA p {
        color: var(--white);
        text-align: center;
        font-size: 26px;
    }

.CtaButton {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 2rem;
}

    .CtaButton .animated-button {
        /* background: #611249; */
        backdrop-filter: blur(11px);
        color: white;
        /* border: white; */
        box-shadow: 0 0 0 2px #ffffff;
    }

        .CtaButton .animated-button svg {
            fill: var(--white);
        }

/* secCTA */

/* contact form */

.sec6_contactform {
    background: linear-gradient(rgb(19 1 12), rgb(255 255 255 / 19%)), url(../images/innerBanner.jpg);
    padding: 3rem 0;
}


    .sec6_contactform .contact-section {
        position: relative;
        z-index: 1;
        /* max-width: 1160px; */
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1.15fr;
        gap: 0;
        border-radius: 26px;
        overflow: hidden;
        border: 1px solid var(--border);
        background: var(--white);
        box-shadow: 0 8px 32px rgb(255 255 255 / 37%);
    }

@media (max-width: 860px) {
    .sec6_contactform .contact-section {
        grid-template-columns: 1fr;
    }

    .sec6_contactform .info-panel {
        order: -1;
    }
}

/* ══════════════════
     LEFT — INFO PANEL
  ══════════════════ */
.sec6_contactform .info-panel {
    background: var(--surface);
    padding: 60px 48px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-30px);
    animation: slideL .9s cubic-bezier(.23, 1, .32, 1) .15s forwards;
    border-right: 1px solid var(--border);
}

    /* top accent bar */
    .sec6_contactform .info-panel::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(135deg, var(--deep), #dc018500);
    }

    /* decorative large number bg */
    .sec6_contactform .info-panel .bg-text {
        position: absolute;
        bottom: -20px;
        right: -10px;
        font-size: 180px;
        font-weight: 800;
        color: rgb(249 209 233 / 28%);
        line-height: 1;
        pointer-events: none;
        user-select: none;
        letter-spacing: -8px;
    }

.sec6_contactform .info-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 20px;
    background: beige;
    background: linear-gradient(135deg, var(--deep), var(--mg));
    padding: 6px 4px;
    border-radius: 6px;
}

    .sec6_contactform .info-eyebrow::before {
        content: '';
        display: block;
        width: 20px;
        height: 1px;
        background: white;
        opacity: .5;
    }

.sec6_contactform .info-title {
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1px;
    color: var(--text);
    margin-bottom: 16px;
}

    .sec6_contactform .info-title em {
        font-style: normal;
        background: linear-gradient(135deg, var(--deep), var(--mg));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.sec6_contactform .info-desc {
    font-size: 14px;
    font-weight: 300;
    color: var(--muted2);
    line-height: 1.8;
    margin-bottom: 44px;
    max-width: 320px;
}

/* divider */
.sec6_contactform .info-divider {
    height: 1px;
    background: linear-gradient(90deg, rgb(181 95 154), transparent);
    margin-bottom: 36px;
}

/* contact info items */
.sec6_contactform .info-items {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 44px;
}

.sec6_contactform .info-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.sec6_contactform .info-icon-wrap {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 11px;
    background: var(--rose);
    border: 1px solid #ffaedd;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .3s, border-color .3s, transform .3s;
}

.sec6_contactform.info-item:hover .info-icon-wrap {
    background: rgba(0, 229, 160, .15);
    border-color: rgba(0, 229, 160, .4);
    transform: scale(1.06) rotate(-3deg);
}

.sec6_contactform .info-icon-wrap svg {
    width: 18px;
    height: 18px;
    fill: var(--secondary);
}

.sec6_contactform .info-item-body {
    flex: 1;
}

.sec6_contactform .info-item-label {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--ts);
    margin-bottom: 4px;
}

.sec6_contactform .info-item-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.4;
    transition: color .3s;
}

.sec6_contactform .info-item:hover .info-item-value {
    color: var(--accent-hi);
}

/* social row */
.sec6_contactform .social-row {
    display: flex;
    gap: 10px;
}

.sec6_contactform .social-btn {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background .3s, border-color .3s, transform .3s;
}

    .sec6_contactform .social-btn:hover {
        background: rgb(254 232 248);
        border-color: rgb(192 1 120 / 27%);
        transform: translateY(-3px);
    }

    .sec6_contactform .social-btn svg {
        width: 16px;
        height: 16px;
        fill: var(--muted2);
        transition: fill .3s;
    }

    .sec6_contactform .social-btn:hover svg {
        fill: var(--accent);
    }

/* ══════════════════
     RIGHT — FORM
  ══════════════════ */
.sec6_contactform .form-panel {
    background: var(--card);
    padding: 60px 52px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateX(30px);
    animation: slideR .9s cubic-bezier(.23, 1, .32, 1) .3s forwards;
}

    .sec6_contactform .form-panel::after {
        content: '';
        position: absolute;
        top: -60px;
        right: -60px;
        width: 200px;
        height: 200px;
        background: radial-gradient(circle, rgb(231 196 220 / 35%), transparent 70%);
        pointer-events: none;
    }

.sec6_contactform .form-heading {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 6px;
}

.sec6_contactform .form-sub {
    font-size: 13.5px;
    font-weight: 300;
    color: var(--muted2);
    margin-bottom: 36px;
    line-height: 1.6;
}

/* form grid */
.sec6_contactform .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 20px;
    margin-bottom: 18px;
}

.sec6_contactform .animated-button:hover a {
    color: white !important;
}

.sec6_contactform .form-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .sec6_contactform .form-group.full {
        grid-column: 1 / -1;
    }

.sec6_contactform .form-label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--ink);
    padding-left: 2px;
    transition: color .3s;
}

.sec6_contactform .input-wrap {
    position: relative;
}

    .sec6_contactform .input-wrap span {
        display: none;
    }

.sec6_contactform .input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    fill: var(--secondary);
    transition: fill .3s;
    pointer-events: none;
}

.sec6_contactform .textarea-icon {
    top: 16px;
    transform: none;
}

.sec6_contactform .form-input,
.sec6_contactform .form-textarea {
    width: 100%;
    background: var(--elevated);
    border: 1px solid var(--border);
    border-radius: 11px;
    color: var(--text);
    /*    font-family: 'DM Sans', sans-serif;*/
    font-size: 14px;
    font-weight: 300;
    padding: 13px 14px 13px 40px;
    outline: none;
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
    -webkit-appearance: none;
}

.sec6_contactform .form-textarea {
    resize: none;
    height: 130px;
    padding-top: 14px;
    line-height: 1.6;
}

    .sec6_contactform .form-input::placeholder,
    .sec6_contactform .form-textarea::placeholder {
        color: var(--muted);
        font-weight: 300;
    }

    .sec6_contactform .form-input:focus,
    .sec6_contactform .form-textarea:focus {
        border-color: var(--secondary);
        background: #fff3fa;
        /* box-shadow: 0 0 0 3px rgba(0, 229, 160, .08), 0 4px 16px rgba(0, 0, 0, .3); */
    }

.sec6_contactform .form-group:focus-within .form-label {
    color: var(--accent);
}

.sec6_contactform .form-group:focus-within .input-icon {
    fill: var(--secondary);
}

/* select */
.sec6_contactform .form-select {
    width: 100%;
    background: var(--elevated);
    border: 1px solid var(--border);
    border-radius: 11px;
    color: var(--muted2);
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 13px 14px 13px 40px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color .3s, background .3s, box-shadow .3s;
}

    .sec6_contactform .form-select:focus {
        border-color: var(--border-focus);
        background: #252525;
        box-shadow: 0 0 0 3px rgba(0, 229, 160, .08);
    }

.sec6_contactform .select-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    fill: var(--muted);
    pointer-events: none;
}

/* char counter */
.sec6_contactform .char-count {
    text-align: right;
    font-size: 11px;
    color: var(--muted);
    padding-right: 2px;
    margin-top: -14px;
    margin-bottom: 6px;
}

/* submit row */
.sec6_contactform .submit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.sec6_contactform .privacy-note {
    font-size: 11.5px;
    font-weight: 300;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 7px;
}

    .sec6_contactform .privacy-note svg {
        width: 13px;
        height: 13px;
        fill: var(--accent);
        opacity: .7;
        flex-shrink: 0;
    }

.sec6_contactform .submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--accent);
    color: #0f0f0f;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .3px;
    padding: 14px 28px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background .3s, transform .3s, gap .3s, box-shadow .3s;
}

    .sec6_contactform .submit-btn::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(255, 255, 255, .15), transparent);
        opacity: 0;
        transition: opacity .3s;
    }

    .sec6_contactform .submit-btn:hover {
        background: var(--accent-hi);
        transform: translateY(-2px);
        gap: 14px;
        box-shadow: 0 10px 28px rgba(0, 229, 160, .3);
    }

        .sec6_contactform .submit-btn:hover::before {
            opacity: 1;
        }

    .sec6_contactform .submit-btn:active {
        transform: translateY(0);
        box-shadow: none;
    }

    .sec6_contactform .submit-btn svg {
        width: 15px;
        height: 15px;
        transition: transform .3s;
    }

    .sec6_contactform .submit-btn:hover svg {
        transform: translateX(3px);
    }

/* success msg (hidden by default) */
.sec6_contactform .success-msg {
    display: none;
    align-items: center;
    gap: 12px;
    background: rgba(0, 229, 160, .08);
    border: 1px solid rgba(0, 229, 160, .3);
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 13.5px;
    color: var(--accent);
    margin-top: 16px;
}

    .sec6_contactform .success-msg svg {
        width: 18px;
        height: 18px;
        fill: var(--accent);
        flex-shrink: 0;
    }

@keyframes slideL {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideR {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}



.sec-result .upper-list li .icon-box .img-icon {
    width: 60px;
    height: 100%;
    object-fit: contain;
}

.sec-result .upper-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 16px;
    background: #ffffff;
    border: 2px solid #a9016e;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sec-result .number-box {
    padding: 20px 0px 30px;
}

.sec-result .num-circle {
    text-align: center;
    position: relative;
}

    .sec-result .num-circle p {
        padding: 12px 0;
    }

.sec-result .number-box ul li .num-circle h6 {
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    margin: 0 auto;
    color: #000;
    font-weight: 600;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sec-result .completed {
    /* background-color: #ed1f24 !important; */
    color: #ffffff !important;
    /*    background: linear-gradient(135deg, #e52b2ba3 0%, #F2B705 100%);*/
    background: linear-gradient(135deg, var(--deep), var(--vivid));
}

.sec-result .for-line::before {
    content: '';
    background-color: #8a015f;
    position: absolute;
    width: 67%;
    height: 4px;
    top: 30%;
    border-radius: 10px;
    left: 70%;
}

.sec-result .number-box ul li {
    width: 24%;
    position: relative;
}

.sec-result {
    margin: 3rem 0;
}

    .sec-result .upper-list li {
        display: flex;
        align-items: center;
    }

    .sec-result .number-box ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.right-card {
    background-color: #ffffff;
    padding: 20px;
    margin-top: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 2px solid #a9016e;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.update-fleet-box .img-box img {
    width: 100%;
    height: 120px;
    object-fit: contain;
    border-radius: 15px;
    margin-bottom: 1rem;
}

.update-fleet-box .fleet-detail .passenger-list-2 {
    padding: 10px 0;
}

.update-fleet-box .star-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 7px 0 0;
}

.update-fleet-box .fleet-detail .passenger-list {
    display: flex;
    align-items: center;
}

    .update-fleet-box .fleet-detail .passenger-list li {
        font-size: 13px;
        padding: 0 8px 0 0;
        font-weight: 600;
    }

.update-fleet-box .car-text {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
    font-weight: 700;
}

.update-fleet-box .star-list li i {
    color: #ffffff;
    background-color: #fbcd3a;
    background: linear-gradient(135deg, var(--deep), var(--vivid));
    padding: 4px;
    border-radius: 5px;
}

.right-card .top-heading {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 0 15px;
}

    .right-card .top-heading h5, .right-card .top-heading i {
        font-size: 24px;
    }

.update-fleet-box .star-list li {
    padding: 0 1px;
}

.update-fleet-box .fleet-detail .passenger-list-2 li {
    font-size: 15px;
    padding: 5px 10px;
    /* border: 1px solid #e82428; */
    margin: 7px 0;
    border-radius: 6px;
    font-size: 12px;
    background-color: #e82428;
    width: fit-content;
    color: #ffffff;
    background: linear-gradient(135deg, var(--deep), var(--vivid));
}

.update-fleet-box {
    background: #ffffff;
    margin: 20px 0;
    padding: 20px;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    border: 2px solid #a9016e;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.right-card .distance-box {
    padding: 20px 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

    .right-card .distance-box h6 {
        color: #000;
    }

    .right-card .distance-box ul li {
        font-size: 14px;
        padding: 10px 0px;
        color: #000;
    }

.right-card .cal-mile li {
    font-size: 16px;
    padding: 5px 0;
    color: #000;
}

.right-card .cal-mile {
    padding: 10px 0 0;
}


.Passenger-Information {
    background: #ffffff;
    padding: 10px;
    border-radius: 20px;
    border: 2px solid #a9016e;
}

    .Passenger-Information h3 {
        margin-bottom: 1rem;
    }
/* contact form */
.secPrivacyContent {
    padding: 4rem 0;
}

.topContent {
    background: rgba(253, 240, 248, .9);
    padding: 2rem;
    border-radius: 20px;
    box-shadow: rgb(99 99 99 / 1%) 0px 2px 8px 0px;
}

.secPrivacyContent .topContent h2 {
    font-size: 50px;
    color: #8a015f;
    font-weight: 700;
    text-transform: uppercase;
}

.privacyCards svg {
    width: 100px;
    height: 100px;
    fill: var(--deep);
}

.privacyCards h3 {
    font-weight: 700;
}

.privacyCards {
    display: grid;
    place-items: center;
    gap: 5px;
}

    .privacyCards p {
        text-align: center;
    }

.secFaQS h2 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

    .secFaQS h2 span {
        color: var(--secondary);
    }

.secFaQS svg {
    width: 25px;
    height: 25px;
    fill: var(--deep);
}

.secFaQS .accordion-button {
    font-size: 20px;
    font-weight: 600;
}

.faqsbodychild h4 {
    font-size: 20px;
}

.secFaQS .accordion-button:focus {
    box-shadow: none;
    border: none;
}

.secFaQS .accordion-button:not(.collapsed) {
    color: #8a015f;
    background-color: #fdf1f9;
}

.secFaQS .accordion {
    border-radius: 20px;
    border: 2px dashed #ddd3da;
    overflow: hidden;
    margin-top: 2rem;
}

.faqsbodychild {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd3da;
}

.MuiTable-root {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #e5e5e5;
}

    .MuiTable-root thead {
        background: #8a015f;
    }

        .MuiTable-root thead th {
            color: #fff;
            text-align: left;
            padding: 18px 22px;
            font-size: 18px;
            font-weight: 600;
        }

    .MuiTable-root tbody td {
        padding: 18px 22px;
        font-size: 16px;
        line-height: 1.7;
        color: #222;
        background: #fff;
        border-top: 1px solid #e5e5e5;
        vertical-align: top;
    }

    .MuiTable-root tbody tr:first-child td {
        border-top: none;
    }

    .MuiTable-root tbody td:first-child {
        width: 220px;
        font-weight: 600;
        color: #111;
    }

/* Mobile Responsive */
@media screen and (max-width: 767px) {

    .MuiTable-root thead th,
    .MuiTable-root tbody td {
        padding: 14px;
        font-size: 14px;
    }

        .MuiTable-root tbody td:first-child {
            width: 140px;
        }
}

footer {
    background: linear-gradient(135deg, var(--white), var(--secondary));
    padding: 3rem 0px;
}

    footer .footer_logo_content img {
        width: 160px;
    }

    footer .footer_logo_content p {
        padding-top: 16px;
        color: var(--white);
    }

    footer h2 {
        color: var(--white);
        font-weight: 700;
    }

    footer .footer_ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 20px;
    }

.footer_li i {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(135deg, var(--deep), var(--mg));
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 12px;
    transition: background 0.4s, color 0.4s, transform 0.3s;
}

.addresLiWidth i {
    width: 40px;
}

.footer_li a:hover i {
    background: linear-gradient(135deg, var(--gradient-five), var(--gradient-three), var(--gradient-four));
    color: white;
    transform: scale(1.1);
}

footer .footer_ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.2s ease-in-out;
    color: var(--white);
}

    footer .footer_ul li a:hover {
        padding-left: 5px;
        color: var(--secondary);
    }

.bottomBar {
    border-top: 2px solid var(--white);
    padding-top: 2rem;
    display: flex;
    justify-content: space-between;
}

    .bottomBar p {
        color: var(--white);
    }

    .bottomBar ul {
        display: flex;
        gap: 10px;
    }

        .bottomBar ul li a {
            transition: 0.4s ease-in-out;
            color: var(--white);
        }

            .bottomBar ul li a:hover {
                color: var(--accent);
            }




/* breakpoints */
@media only screen and (min-width: 1921px) and (max-width: 7368px) {
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .counterParent {
        min-height: 210px;
        text-align: center;
    }

    .secAbout .rightImg {
        right: -255px;
    }

    .cardInner h4 {
        font-size: 16px;
    }

    .rightContentCards .cardInner lord-icon {
        height: 60px;
        width: 60px;
    }

    .rightContentCards {
        margin-bottom: 1rem;
    }

    .secCTA {
        max-width: 1140px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counterParent {
        min-height: 210px;
        text-align: center;
    }

    .secCTA {
        max-width: 960px;
    }

    .navbar-nav ul {
        gap: 15px;
    }

    .heroMaincontent h1 {
        font-size: 44px;
    }

    .secAbout .rightImg {
        right: -215px;
    }

    .rightContentCards .cardInner {
        padding: 12px;
    }

    .cardInner h4 {
        font-size: 15px;
    }

    .rightContentCards .cardInner lord-icon {
        height: 65px;
        width: 65px;
    }

    .rightContentCards {
        margin-bottom: 1rem;
    }

    #lblEmailAddress {
        word-break: break-all;
    }

    #lnkEmailAddress i {
        width: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainNavbar .navbar-collapse {
        position: absolute;
        background: rgb(255, 255, 255);
        padding: 1rem;
        border-radius: 0px 0px 20px 20px;
        z-index: 1;
        top: 114px;
        right: 52px;
        border: 2px solid #e1bfd6;
        border-top: 0;
        width: 50%;
    }

    .mainNavbar .navbar-nav ul {
        flex-direction: column;
    }

    .navbar-nav #MenuControlStatic li {
        border-bottom: 2px solid #b1569461;
    }

    .navbar-nav ul {
        gap: 15px;
    }

    #MenuControlStatic li:nth-last-child(1) {
        border-bottom: 0;
    }

    .counterParent {
        min-height: 210px;
        text-align: center;
    }

    .secCTA {
        max-width: 720px;
    }

    .top_nav {
        display: none;
    }

    .mainNavbar .navbar-light .navbar-toggler-icon {
        filter: grayscale(1);
    }

    .mainNavbar .navbar-light .navbar-toggler {
        color: rgb(179 1 114);
        border-color: rgb(133 2 90);
    }

    .heroMaincontent h1, .secPricingtable .header h1, section.services .header h2, .fleet-section .header h2, .secCTA h2 {
        font-size: 50px;
    }

    .aboutTopHeading h2 {
        font-size: 90px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .mainNavbar .navbar-collapse {
        /* position: absolute; */
        /* background: rgb(255, 255, 255); */
        /* padding: 1rem; */
        /* border-radius: 0px 0px 20px 20px; */
        /* z-index: 1; */
        /* top: 114px; */
        /* right: 52px; */
        /* border: 2px solid #e1bfd6; */
        /* border-top:0; */
        /* width: 50%; */
    }

    .mainNavbar .animated-button {
        font-size: 13px;
        padding: 8px 33px 8px 16px;
    }

    .mainNavbar .navbar-nav ul {
        flex-direction: column;
    }

    .navbar-nav #MenuControlStatic li {
        border-bottom: 2px solid #b1569461;
    }

    .navbar-nav ul {
        gap: 0px;
    }

    #MenuControlStatic li:nth-last-child(1) {
        border-bottom: 0;
    }

    .counterParent {
        min-height: 210px;
        text-align: center;
    }

    .sec1heroSec, .secAbout, .secPricingtable, .services {
        overflow: hidden;
    }

    .secCTA {
        margin-top: 3rem;
        max-width: 500px;
    }

    .aboutThreeSec .section-heading h2 {
        white-space: normal;
    }

    .mainNavbar .navbar-light .navbar-toggler-icon {
        filter: grayscale(1);
    }

    .mainNavbar .navbar-light .navbar-toggler {
        color: rgb(179 1 114);
        border-color: rgb(133 2 90);
    }

    .heroMaincontent h1, .secPricingtable .header h1, section.services .header h2, .fleet-section .header h2, .secCTA h2 {
        font-size: 40px;
    }

    .aboutTopHeading h2 {
        font-size: 90px;
    }

    .heroMaincontent h1 {
        font-size: 44px;
    }

    .leftImg {
        max-width: 75%;
    }

    .rightImg {
        right: -255px;
        max-width: 45%;
    }

    .cardInner h4 {
        font-size: 16px;
        text-align: center;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .top_nav {
        display: none;
    }
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
    .innerBanner .innerMainContent {
        flex-direction: column;
    }

    .heroMaincontent h1, .secPricingtable .header h1, section.services .header h2, .fleet-section .header h2, .secCTA h2 {
        font-size: 40px;
    }

    .aboutTopHeading h2 {
        font-size: 50px;
    }

    .secCTA {
        max-width: 500px !important;
    }

    .rightContentCards {
        margin-bottom: 2rem;
    }

    .sec-result .upper-list {
        display: none;
    }
}

@media only screen and (min-width: 300px) and (max-width: 480px) {
    .navbar {
        border-radius: 10px;
    }
    .animated-button-logout {
        padding: 4px 20px;
        font-size: 14px;
    }
        .animated-button-logout svg {
            width: 18px;
        }
        .animated-button-logout .arr-1 {
            right: 6px;
        }
        .animated-button-logout .arr-1 {
            right: 10px;
        }
        .socials-icons {
            justify-content: center;
            margin-bottom: 10px;
        }

        .socials-icons a {
            width: 30px;
            height: 30px;
            font-size: 12px;
        }

    .topNav_left i {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .topNav_left {
        justify-content: center;
        flex-wrap: wrap;
    }

    .navButton{
        display: none;
    }

    .secCTA {
        max-width: 340px !important;
    }

    .mainNavbar .navbar-collapse {
        /* width: 65%; */
        /* transform: translate(-50%, -50%); */
        /* left: 50%; */
        /* top: 292px; */
    }

    .secCTA h2 {
        font-size: 35px;
    }

    .secCTA p {
        font-size: 18px;
    }

    .innerBanner .innerContent h2 {
        font-size: 42px;
    }

    .CtaButton {
        flex-direction: column;
        align-items: center;
    }

    .sec6_contactform .form-grid {
        grid-template-columns: 1fr;
    }

    .bottomBar {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 15px;
    }

    footer h2 {
        margin-top: 1rem;
    }

    .rightImg {
        right: -210px;
    }

    .rightContentCards .cardInner {
        padding: 10px;
    }

        .rightContentCards .cardInner lord-icon {
            height: 60px;
            width: 60px;
        }

    .aboutLord {
        width: 110px;
    }

    .cardInner h4 {
        font-size: 14px;
    }

    .secPricingtable .col-location {
        max-width: 130px;
        white-space: break-spaces;
    }

    .secAbout .rightContent {
        margin-top: -60px;
    }

        .secAbout .rightContent p {
            font-size: unset;
            padding: 6px 0;
        }

    .info-panel .info-item-value {
        word-break: break-all;
    }

    .sec6_contactform .form-panel {
        padding: 30px 15px;
    }

    .sec-result .for-line::before {
        top: 24%;
    }
}

@media only screen and (min-width: 300px) and (max-width: 398px) {

    .rightImg {
        right: -180px;
    }
}