/* ===================================
   Lasnav colour refresh
   Purpose: keep Crafto layout/components/images, replace lawyer palette
   with a modern Lasnav technology palette.
====================================== */
:root {
    --base-color: #2f6bff !important;
    --dark-gray: #061b34 !important;
    --medium-gray: #667085 !important;
    --extra-medium-gray: #7b8798 !important;
    --light-gray: #d8e4f7 !important;
    --very-light-gray: #f2f7ff !important;
    --white: #ffffff !important;
    --black: #020817 !important;
    --brand-ink: #06111f;
    --brand-navy: #061b34;
    --brand-navy-2: #0a274a;
    --brand-blue: #2f6bff;
    --brand-blue-2: #1d4ed8;
    --brand-cyan: #16c7ff;
    --brand-violet: #6554ff;
    --brand-surface: #f7fbff;
    --brand-surface-2: #eef5ff;
    --brand-border: #d8e6f7;
    --brand-muted: #59677d;
    --brand-gradient: linear-gradient(135deg, #2f6bff 0%, #16c7ff 100%);
    --brand-gradient-dark: linear-gradient(135deg, #061b34 0%, #0a274a 46%, #122f6b 100%);
}

html,
body {
    background: var(--brand-surface) !important;
    color: var(--brand-muted) !important;
}

body {
    background-image:
        radial-gradient(circle at 8% 4%, rgba(47, 107, 255, 0.06), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(22, 199, 255, 0.06), transparent 28%);
    background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6,
.text-dark-gray,
.btn-link.text-dark-gray,
a.text-dark-gray-hover:hover {
    color: var(--brand-ink) !important;
}

.text-medium-gray,
.btn-link.text-medium-gray,
.text-extra-medium-gray,
.btn-link.text-extra-medium-gray,
p,
li {
    color: var(--brand-muted) !important;
}

.text-white,
.text-white p,
.text-white span,
.bg-dark-gray p,
.bg-blue-whale p,
.bg-blue-licorice p,
.bg-dark-gray li,
.bg-blue-whale li,
.bg-blue-licorice li {
    color: rgba(255, 255, 255, 0.78) !important;
}

.bg-dark-gray h1,
.bg-dark-gray h2,
.bg-dark-gray h3,
.bg-dark-gray h4,
.bg-dark-gray h5,
.bg-dark-gray h6,
.bg-blue-whale h1,
.bg-blue-whale h2,
.bg-blue-whale h3,
.bg-blue-whale h4,
.bg-blue-whale h5,
.bg-blue-whale h6,
.bg-blue-licorice h1,
.bg-blue-licorice h2,
.bg-blue-licorice h3,
.bg-blue-licorice h4,
.bg-blue-licorice h5,
.bg-blue-licorice h6,
.bg-dark-gray .text-dark-gray,
.bg-blue-whale .text-dark-gray,
.bg-blue-licorice .text-dark-gray {
    color: #ffffff !important;
}

.text-base-color,
.btn-link.text-base-color,
a.text-base-color-hover:hover,
.text-red,
.text-yellow {
    color: var(--brand-blue) !important;
}

.alt-font.text-base-color,
.text-base-color.alt-font,
span.text-base-color {
    color: var(--brand-blue) !important;
}

.text-decoration-line-bottom,
.text-decoration-line-bottom-medium,
.text-decoration-line-bottom-thick {
    text-decoration-color: rgba(22, 199, 255, 0.65) !important;
    border-color: rgba(22, 199, 255, 0.65) !important;
}

.bg-base-color,
.bg-yellow,
.badge.bg-base-color,
span.bg-base-color,
div.bg-base-color {
    background: var(--brand-gradient) !important;
    color: #ffffff !important;
}

.bg-dark-gray,
.bg-blue-whale,
.bg-dark-gray:focus {
    background-color: var(--brand-navy) !important;
    background-image:
        radial-gradient(circle at 16% 16%, rgba(47, 107, 255, 0.24), transparent 32%),
        radial-gradient(circle at 86% 24%, rgba(22, 199, 255, 0.16), transparent 30%),
        linear-gradient(135deg, #06111f 0%, #061b34 48%, #0b2b56 100%) !important;
}

.bg-blue-licorice,
.bg-charcoal-blue {
    background-color: var(--brand-navy-2) !important;
    background-image: linear-gradient(135deg, #09223f 0%, #0b315d 100%) !important;
}

.bg-very-light-gray,
.bg-light-gray {
    background-color: var(--brand-surface-2) !important;
    background-image:
        radial-gradient(circle at 12% 10%, rgba(47, 107, 255, 0.06), transparent 26%),
        linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%) !important;
}

.bg-white {
    background-color: rgba(255, 255, 255, 0.94) !important;
}

.border-color-base-color,
.border-color-yellow,
.border-color-red {
    border-color: var(--brand-blue) !important;
}
.border-color-dark-gray {
    border-color: var(--brand-navy) !important;
}
.border-color-light-gray,
.border-color-very-light-gray,
.border-color-light-medium-gray,
.border-color-extra-medium-gray {
    border-color: var(--brand-border) !important;
}

/* Hero and page title overlays: makes original Crafto image areas work with Lasnav palette. */
.swiper-slide.cover-background,
.page-title-separate-breadcrumbs.cover-background {
    position: relative;
    overflow: hidden;
}
.swiper-slide.cover-background:before,
.page-title-separate-breadcrumbs.cover-background:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(3, 13, 29, 0.92) 0%, rgba(6, 27, 52, 0.82) 46%, rgba(47, 107, 255, 0.28) 100%),
        radial-gradient(circle at 76% 20%, rgba(22, 199, 255, 0.28), transparent 34%) !important;
    pointer-events: none;
}
.swiper-slide.cover-background > .container,
.page-title-separate-breadcrumbs.cover-background > .container {
    position: relative;
    z-index: 1;
}
.bg-gradient-dark-transparent {
    background: linear-gradient(to top, rgba(3, 13, 29, 0.94) 4%, rgba(3, 13, 29, 0.1) 72%) !important;
}
.bg-gradient-gray-light-dark-transparent {
    background: linear-gradient(to top, rgba(6, 27, 52, 0.72) 0%, rgba(47, 107, 255, 0.04) 84%) !important;
}

/* Header / navigation */
.navbar .navbar-nav .nav-link {
    color: rgba(255,255,255,.88) !important;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .dropdown.open .nav-link {
    color: var(--brand-cyan) !important;
}
header.sticky .navbar .navbar-nav .nav-link,
header.header-always-fixed-scroll .navbar .navbar-nav .nav-link,
.header-reverse-scroll .navbar .navbar-nav .nav-link {
    color: var(--brand-ink) !important;
}
header.sticky .navbar .navbar-nav .nav-link:hover,
header.header-always-fixed-scroll .navbar .navbar-nav .nav-link:hover,
.header-reverse-scroll .navbar .navbar-nav .nav-link:hover {
    color: var(--brand-blue) !important;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(216,230,247,.86) !important;
    box-shadow: 0 22px 60px rgba(6,27,52,.12) !important;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a {
    color: var(--brand-ink) !important;
    border-color: rgba(216,230,247,.76) !important;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active:hover > a,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover {
    background: linear-gradient(90deg, rgba(47,107,255,.10), rgba(22,199,255,.10)) !important;
    color: var(--brand-blue) !important;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active > a {
    color: var(--brand-blue) !important;
}
.header-icon .widget-text .bg-base-color {
    background: var(--brand-gradient) !important;
    box-shadow: 0 10px 25px rgba(47,107,255,.22);
}

/* Buttons */
.btn {
    border-color: transparent;
}
.btn.btn-base-color,
.btn.btn-blue-whale,
.btn.btn-dark-gray,
.btn.btn-black {
    background: #2f6bff !important;
    color: #ffffff !important;
    border-color: transparent !important;
}
.btn.btn-base-color:hover,
.btn.btn-blue-whale:hover,
.btn.btn-dark-gray:hover,
.btn.btn-black:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 18px 44px rgba(47,107,255,.24) !important;
}
.btn.btn-white {
    background: #ffffff !important;
    color: var(--brand-ink) !important;
}
.btn.btn-white:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}
.btn.with-rounded span,
.btn.btn-white.with-rounded span,
.btn span.bg-dark-gray,
.btn span.bg-base-color {
    background: #2f6bff !important;
    color: #ffffff !important;
}
.btn-transparent-white {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.24) !important;
    background: rgba(255,255,255,.05) !important;
}
.btn-transparent-white:hover {
    background: #1d4ed8 !important;
    border-color: transparent !important;
    color: #ffffff !important;
}
.btn-box-shadow {
    box-shadow: 0 18px 44px rgba(6,27,52,.12) !important;
}

/* Cards, feature blocks and process blocks */
.box-shadow-quadruple-large,
.box-shadow-extra-large,
.box-shadow-large,
.box-shadow-double-large,
.box-shadow-medium {
    box-shadow: 0 24px 60px rgba(6, 27, 52, 0.10) !important;
}
.border-radius-5px,
.border-radius-6px,
.border-radius-8px {
    border-color: var(--brand-border) !important;
}
.feature-box,
.process-step-style-02,
.process-step-style-03,
.blog-classic,
.team-style-01 figure,
.card,
.accordion-item {
    border-color: var(--brand-border) !important;
}
/* Keep process-step style 02 on its original single-circle hover.
   Its .box-overlay already draws the full round background; applying the
   brand gradient to the number span created a second inner blob/circle. */
.process-step-style-03:hover .process-step-icon-box,
.feature-box:hover .feature-box-icon {
    background: var(--brand-gradient) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Forms */
input, textarea, select,
.form-control {
    color: var(--brand-ink) !important;
    border-color: var(--brand-border) !important;
    background-color: rgba(255,255,255,.92) !important;
}
input:focus, textarea:focus, select:focus,
.form-control:focus {
    border-color: rgba(47,107,255,.68) !important;
    box-shadow: 0 0 0 4px rgba(47,107,255,.10) !important;
}

/* Slider / carousel controls */
.swiper-number-pagination-style-01 .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active,
.slider-navigation-style-01 .swiper-button-next,
.slider-navigation-style-01 .swiper-button-prev {
    background: var(--brand-gradient) !important;
    border-color: transparent !important;
}
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet {
    color: rgba(255,255,255,.66) !important;
}
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet-active {
    color: #ffffff !important;
}

/* Footer */
.footer-dark,
footer.bg-dark-gray {
    background:
        radial-gradient(circle at 15% 20%, rgba(47, 107, 255, .18), transparent 32%),
        linear-gradient(135deg, #030d1d 0%, #061b34 52%, #09284c 100%) !important;
}
.footer-dark p,
.footer-dark a,
.footer-dark li,
footer.bg-dark-gray p,
footer.bg-dark-gray a,
footer.bg-dark-gray li {
    color: rgba(255,255,255,.72) !important;
}
.footer-dark a:hover,
footer.bg-dark-gray a:hover {
    color: var(--brand-cyan) !important;
}
.footer-dark h1, .footer-dark h2, .footer-dark h3, .footer-dark h4, .footer-dark h5, .footer-dark h6,
footer.bg-dark-gray h1, footer.bg-dark-gray h2, footer.bg-dark-gray h3, footer.bg-dark-gray h4, footer.bg-dark-gray h5, footer.bg-dark-gray h6 {
    color: #ffffff !important;
}

/* Cursor and small UI accents */
.custom-cursor .circle-cursor-inner,
.custom-cursor .circle-cursor-inner.cursor-link-hover {
    background: var(--brand-cyan) !important;
}
.custom-cursor .circle-cursor-outer {
    border-color: rgba(47,107,255,.3) !important;
}
.scroll-progress {
    background: var(--brand-gradient) !important;
}

@media (max-width: 991px) {
    .navbar .navbar-nav .nav-link,
    header.sticky .navbar .navbar-nav .nav-link {
        color: var(--brand-ink) !important;
    }
    .navbar-collapse {
        background: #ffffff !important;
    }
}


/* ==========================================================
   Lasnav final colour/typography patch
   Removes remaining Crafto lawyer gold/orange and keeps the
   site in a distinct midnight/indigo/electric-blue system.
========================================================== */
:root {
    --base-color: #4f46e5 !important;
    --dark-gray: #070a1a !important;
    --medium-gray: #647084 !important;
    --extra-medium-gray: #7b8496 !important;
    --light-gray: #dce6fb !important;
    --very-light-gray: #f4f7ff !important;
    --brand-ink: #070a1a !important;
    --brand-navy: #0a1024 !important;
    --brand-navy-2: #101936 !important;
    --brand-blue: #4f46e5 !important;
    --brand-blue-2: #2563eb !important;
    --brand-cyan: #22d3ee !important;
    --brand-violet: #7c3aed !important;
    --brand-surface: #f7f9ff !important;
    --brand-surface-2: #eef4ff !important;
    --brand-border: #dce6fb !important;
    --brand-muted: #5f6b7d !important;
    --brand-gradient: linear-gradient(135deg, #4f46e5 0%, #2563eb 48%, #22d3ee 100%) !important;
    --brand-gradient-dark: linear-gradient(135deg, #070a1a 0%, #101936 48%, #1e3a8a 100%) !important;
}

/* kill old lawyer gold/orange wherever Crafto utility classes still output it */
.text-yellow,
.text-red,
.text-base-color,
.alt-font.text-base-color,
span.text-base-color,
a.text-base-color-hover:hover,
.btn-link.text-base-color,
.text-dark-gray .text-yellow {
    color: var(--brand-blue) !important;
}
.bg-yellow,
.bg-red,
.bg-base-color,
.badge.bg-yellow,
.badge.bg-base-color,
span.bg-yellow,
span.bg-base-color,
div.bg-yellow,
div.bg-base-color,
.header-icon .widget-text .bg-base-color {
    background: var(--brand-gradient) !important;
    background-color: var(--brand-blue) !important;
    color: #fff !important;
}
.border-color-yellow,
.border-color-red,
.border-color-base-color {
    border-color: var(--brand-blue) !important;
}

/* page/hero overlays now use Lasnav midnight-indigo, not the previous gold/navy look */
.swiper-slide.cover-background:before,
.page-title-separate-breadcrumbs.cover-background:before {
    background:
        linear-gradient(90deg, rgba(7, 10, 26, 0.94) 0%, rgba(16, 25, 54, 0.86) 48%, rgba(79, 70, 229, 0.34) 100%),
        radial-gradient(circle at 78% 20%, rgba(34, 211, 238, 0.30), transparent 34%) !important;
}
.bg-dark-gray,
.bg-blue-whale,
.bg-dark-gray:focus,
.footer-dark,
footer.bg-dark-gray {
    background-color: var(--brand-navy) !important;
    background-image:
        radial-gradient(circle at 15% 18%, rgba(79, 70, 229, .20), transparent 33%),
        radial-gradient(circle at 85% 20%, rgba(34, 211, 238, .12), transparent 30%),
        linear-gradient(135deg, #070a1a 0%, #101936 52%, #132f67 100%) !important;
}
.bg-blue-licorice,
.bg-charcoal-blue {
    background-color: var(--brand-navy-2) !important;
    background-image: linear-gradient(135deg, #0a1024 0%, #121d3d 60%, #1e3a8a 100%) !important;
}
.bg-very-light-gray,
.bg-light-gray {
    background-color: var(--brand-surface-2) !important;
    background-image:
        radial-gradient(circle at 10% 12%, rgba(79,70,229,.055), transparent 26%),
        linear-gradient(180deg, #f7f9ff 0%, #eef4ff 100%) !important;
}

/* scroll progress: remove the gold block, keep a clean slim technical indicator */
.scroll-progress {
    background: transparent !important;
    mix-blend-mode: normal !important;
}
.scroll-progress .scroll-text {
    color: var(--brand-ink) !important;
    font-family: var(--display-font) !important;
    letter-spacing: .08em !important;
}
.scroll-progress .scroll-line {
    background-color: rgba(7, 10, 26, .16) !important;
    width: 2px !important;
}
.scroll-progress .scroll-point {
    background: var(--brand-gradient) !important;
    width: 2px !important;
}
.bg-dark-gray .scroll-progress .scroll-text,
.page-title-separate-breadcrumbs .scroll-progress .scroll-text {
    color: #fff !important;
}

/* carousel/slider/buttons/ratings */
.swiper-number-pagination-style-01 .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active,
.slider-navigation-style-01 .swiper-button-next,
.slider-navigation-style-01 .swiper-button-prev,
.btn.with-rounded span,
.btn span.bg-dark-gray,
.btn span.bg-base-color,
.btn.btn-base-color,
.btn.btn-blue-whale,
.btn.btn-dark-gray,
.btn.btn-black {
    background: #2f6bff !important;
    background-color: #2f6bff !important;
    border-color: transparent !important;
    color: #fff !important;
}
.btn.btn-base-color:hover,
.btn.btn-blue-whale:hover,
.btn.btn-dark-gray:hover,
.btn.btn-black:hover,
.btn-transparent-white:hover,
.btn.btn-white:hover {
    background: #1d4ed8 !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* SVG/icon colour cleanup */
.navbar .navbar-nav .dropdown-menu li a img,
img[src*="demo-lawyer-practice-areas-icon"],
img[src*="icon-"] {
    filter: none !important;
}
.feature-box i,
.icon-small,
.icon-medium,
.icon-large,
.bi,
.feather,
[class^="line-icon-"],
[class*=" line-icon-"] {
    color: var(--brand-blue);
}

/* Heading style: no Red Hat italic. Serif accents are upright, not lawyer-style italic. */
.font-style-italic,
h1.font-style-italic,
h2.font-style-italic,
h3.font-style-italic,
h4.font-style-italic,
h5.font-style-italic,
h6.font-style-italic,
.page-title-large h1.font-style-italic,
.swiper-slide .alt-font.fs-85.font-style-italic {
    font-style: normal !important;
}
h1 .font-style-italic,
h2 .font-style-italic,
h3 .font-style-italic,
h4 .font-style-italic,
h5 .font-style-italic,
h6 .font-style-italic,
.alt-font .font-style-italic,
.hero-serif,
.heading-serif,
.serif-accent {
    font-family: var(--serif-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: -0.04em;
}
.page-title-large h1,
.page-title-large h1.font-style-italic,
.swiper-slide .alt-font.fs-85,
.swiper-slide .alt-font.fs-85.font-style-italic {
    font-family: var(--display-font) !important;
    font-style: normal !important;
    letter-spacing: -0.055em;
}

/* Map marker / animated reveal fallback colours */
.map [style*="background"],
.map-marker,
.infowindow {
    border-color: var(--brand-blue) !important;
}


/* ==========================================================
   Lasnav UX/content polish patch
   Fix: Services hover/open state should not turn white or disappear.
   Dropdown uses a dark technology surface instead of white menu panels.
========================================================== */
.navbar .navbar-nav .nav-item.dropdown:hover > .nav-link,
.navbar .navbar-nav .nav-item.dropdown.show > .nav-link,
.navbar .navbar-nav .nav-item.dropdown.open > .nav-link,
.navbar .navbar-nav .nav-item.dropdown > .nav-link.show,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover {
    color: var(--brand-cyan) !important;
    opacity: 1 !important;
}
header.sticky .navbar .navbar-nav .nav-item.dropdown:hover > .nav-link,
header.sticky .navbar .navbar-nav .nav-item.dropdown.show > .nav-link,
header.sticky .navbar .navbar-nav .nav-link:hover,
.header-reverse-scroll .navbar .navbar-nav .nav-item.dropdown:hover > .nav-link,
.header-reverse-scroll .navbar .navbar-nav .nav-link:hover {
    color: var(--brand-blue) !important;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
    background: rgba(7, 10, 26, 0.96) !important;
    border: 1px solid rgba(124, 58, 237, 0.28) !important;
    box-shadow: 0 28px 80px rgba(7, 10, 26, 0.34) !important;
    backdrop-filter: blur(18px);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a {
    color: rgba(255,255,255,0.88) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active > a {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(79,70,229,.24), rgba(34,211,238,.14)) !important;
}
.navbar .navbar-nav .dropdown-menu li a img {
    background: rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 7px;
}
.dropdown.dropdown-with-icon .dropdown-menu .submenu-icon-content p,
.dropdown.dropdown-with-icon-style02 .dropdown-menu p {
    color: rgba(255,255,255,.62) !important;
}
/* make card shadows less heavy after content polish */
.box-shadow-quadruple-large {
    box-shadow: 0 18px 48px rgba(7,10,26,.08) !important;
}
#selected-work .team-style-06 .elements-social a,
#selected-work .team-style-06 .elements-social span {
    text-decoration: none !important;
}


/* Final nav readability guard */
.navbar .navbar-nav .nav-item.dropdown:hover > a.nav-link,
.navbar .navbar-nav .nav-item.dropdown:focus-within > a.nav-link,
.navbar .navbar-nav .nav-item.dropdown.show > a.nav-link,
.navbar .navbar-nav .nav-item.dropdown.open > a.nav-link {
    color: var(--brand-cyan) !important;
    text-shadow: none !important;
}
header.sticky .navbar .navbar-nav .nav-item.dropdown:hover > a.nav-link,
header.sticky .navbar .navbar-nav .nav-item.dropdown:focus-within > a.nav-link,
header.sticky .navbar .navbar-nav .nav-item.dropdown.show > a.nav-link,
.header-reverse-scroll .navbar .navbar-nav .nav-item.dropdown:hover > a.nav-link {
    color: var(--brand-blue) !important;
}
.navbar .navbar-nav .nav-item.dropdown:hover > a.nav-link:after,
.navbar .navbar-nav .nav-item.dropdown.show > a.nav-link:after {
    background: var(--brand-cyan) !important;
}


/* ==========================================================
   Homepage hero controls
   Compact CTA and clean numeric pagination without active blocks.
========================================================== */
.lasnav-hero-cta.btn.btn-rounded.btn-extra-large {
    min-width: 184px;
    min-height: 58px;
    padding: 0 62px 0 27px !important;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--primary-font) !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: -0.01em;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 12px 34px rgba(3, 7, 24, 0.18) !important;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease !important;
}
.lasnav-hero-cta.btn.with-rounded > span {
    width: 44px !important;
    height: 44px !important;
    right: 6px !important;
    background: #2f6bff !important;
    box-shadow: none !important;
}
.lasnav-hero-cta.btn.with-rounded > span i {
    font-size: 17px;
}
.lasnav-hero-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(3, 7, 24, 0.24) !important;
}
.lasnav-hero-cta.btn.btn-white:hover > span {
    background: rgba(255,255,255,.17) !important;
    border: 1px solid rgba(255,255,255,.28);
}

.swiper-number-pagination-style-01 .lasnav-hero-pagination.swiper-number {
    bottom: 38px !important;
    width: auto !important;
    display: inline-flex;
    align-items: center;
    gap: 23px;
    padding: 0 !important;
}
.swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet,
.swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet-active {
    width: auto !important;
    height: 28px !important;
    min-width: 22px;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.5) !important;
    font-family: var(--primary-font) !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1;
    opacity: 1 !important;
    transition: color .3s ease !important;
}
.swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet:hover,
.swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet-active {
    color: #fff !important;
}
.swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet::after {
    content: "";
    width: 0 !important;
    height: 2px !important;
    margin-left: 0 !important;
    position: absolute;
    left: calc(100% + 11px);
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(90deg, var(--brand-violet), var(--brand-cyan)) !important;
    border-radius: 999px;
    transition: width .35s ease !important;
}
.swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet-active::after {
    width: 58px !important;
}
.swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet-active + .swiper-pagination-bullet {
    margin-left: 58px !important;
}

@media (max-width: 767px) {
    .lasnav-hero-cta.btn.btn-rounded.btn-extra-large {
        min-width: 166px;
        min-height: 54px;
        padding: 0 57px 0 23px !important;
        font-size: 14px !important;
    }
    .lasnav-hero-cta.btn.with-rounded > span {
        width: 40px !important;
        height: 40px !important;
        right: 6px !important;
    }
    .swiper-number-pagination-style-01 .lasnav-hero-pagination.swiper-number {
        bottom: 24px !important;
        gap: 18px;
    }
    .swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet-active::after {
        width: 42px !important;
    }
    .swiper-number-pagination-style-01 .lasnav-hero-pagination .swiper-pagination-bullet-active + .swiper-pagination-bullet {
        margin-left: 42px !important;
    }
}