/*======================================================
  LAS TRADING — Custom UI Overrides
  Applies to all pages. Loaded last to take precedence.
======================================================*/

/* ── Logo Font: Barlow Condensed (matches LAS Trading logo) ── */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&display=swap');

h1,
h2,
h3,
h4,
h5,
.section-title__title,
.main-slider__title,
.las-page-hero__title,
.las-cta-band__title,
.las-service-card__title,
.las-product-cat__title {
    font-family: 'Barlow Condensed', 'Exo', sans-serif;
    letter-spacing: -0.01em;
    text-rendering: optimizeLegibility;
}

/* ── Typography tightening ── */
.section-title__title {
    font-weight: 800;
    letter-spacing: -0.01em;
}

.section-title__tagline {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* ── Hide floating chat icon and wishlist ── */
.chat-icon,
#chat-popup,
.floating-wishlist,
.wishlist-icon,
[class*="wishlist"],
[class*="chat-icon"] {
    display: none !important;
}

/* ── Page Hero Banner ── */
.las-page-hero {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    overflow: hidden;
}

.las-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(10, 14, 24, 0.82) 0%, rgba(20, 30, 40, 0.65) 100%);
    z-index: 1;
}

.las-page-hero__inner {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 80px 20px 70px;
}

.las-page-hero__tagline {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #c27a18;
    background: rgba(194, 122, 24, 0.12);
    border: 1px solid rgba(194, 122, 24, 0.35);
    padding: 5px 18px;
    border-radius: 3px;
    margin-bottom: 18px;
}

.las-page-hero__title {
    font-size: 48px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 18px;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.las-page-hero__breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
}

.las-page-hero__breadcrumb li a {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    transition: color 0.2s;
}

.las-page-hero__breadcrumb li a:hover {
    color: #c27a18;
}

.las-page-hero__breadcrumb li.active {
    color: #c27a18;
    font-weight: 600;
}

.las-page-hero__breadcrumb li .sep {
    color: rgba(255, 255, 255, 0.35);
}

/* ── Stats Bar ── */
.las-stats-bar {
    background: #0d1520;
    padding: 0;
}

.las-stats-bar__inner {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.las-stats-bar__item {
    flex: 1;
    text-align: center;
    padding: 38px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    position: relative;
    transition: background 0.25s;
}

.las-stats-bar__item:last-child {
    border-right: none;
}

.las-stats-bar__item:hover {
    background: rgba(194, 122, 24, 0.07);
}

.las-stats-bar__number {
    display: block;
    font-size: 42px;
    font-weight: 900;
    color: #c27a18;
    line-height: 1;
    margin-bottom: 8px;
    font-family: 'Exo', sans-serif;
}

.las-stats-bar__label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* ── Service Cards (enhanced hover) ── */
.las-service-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    margin-bottom: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.las-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14);
}

.las-service-card__accent {
    height: 4px;
    background: linear-gradient(90deg, #c27a18, #e8a535);
    width: 0;
    transition: width 0.35s ease;
}

.las-service-card:hover .las-service-card__accent {
    width: 100%;
}

.las-service-card__img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.las-service-card__body {
    padding: 28px 28px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.las-service-card__icon-bar {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #c27a18, #e8a535);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-size: 22px;
    color: #fff;
}

.las-service-card__title {
    font-size: 20px;
    font-weight: 800;
    color: #1a1a2e;
    margin: 0 0 10px;
    line-height: 1.3;
}

.las-service-card__text {
    font-size: 15px;
    color: #666;
    line-height: 1.65;
    margin: 0 0 16px;
    flex: 1;
}

.las-service-card__list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.las-service-card__list li {
    font-size: 14px;
    color: #555;
    padding: 4px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.las-service-card__list li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #c27a18;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Product Category Cards ── */
.las-product-cat {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    transition: transform 0.28s, box-shadow 0.28s;
    background: #fff;
}

.las-product-cat:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14);
}

.las-product-cat__img-wrap {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.las-product-cat__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.las-product-cat:hover .las-product-cat__img-wrap img {
    transform: scale(1.06);
}

.las-product-cat__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(10, 14, 24, 0.7) 100%);
}

.las-product-cat__cat-label {
    position: absolute;
    bottom: 18px;
    left: 22px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #c27a18;
    background: rgba(10, 14, 24, 0.75);
    padding: 4px 12px;
    border-radius: 3px;
}

.las-product-cat__body {
    padding: 26px 28px 24px;
}

.las-product-cat__title {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a2e;
    margin: 0 0 12px;
}

.las-product-cat__desc {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    margin: 0 0 18px;
}

.las-product-cat__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.las-product-cat__pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a2e;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 5px 14px;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    cursor: default;
}

.las-product-cat__pill::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #c27a18;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background 0.2s;
}

.las-product-cat__pill:hover {
    background: #c27a18;
    color: #fff;
    border-color: #c27a18;
}

.las-product-cat__pill:hover::before {
    background: #fff;
}

.las-product-cat__pill i {
    display: none;
}

/* ── CTA Band ── */
.las-cta-band {
    background: linear-gradient(135deg, #0d1520 0%, #1a2a3a 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.las-cta-band::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(194, 122, 24, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.las-cta-band__tagline {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #c27a18;
    margin-bottom: 12px;
    display: block;
}

.las-cta-band__title {
    font-size: 38px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 16px;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.las-cta-band__text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 36px;
    max-width: 520px;
    line-height: 1.7;
}

.las-cta-band__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #c27a18, #e8a535);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 16px 36px;
    border-radius: 4px;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
    box-shadow: 0 6px 24px rgba(194, 122, 24, 0.35);
}

.las-cta-band__btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(194, 122, 24, 0.45);
    color: #fff;
    opacity: 0.95;
}

.las-cta-band__btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 14px 34px;
    border-radius: 4px;
    text-decoration: none;
    margin-left: 16px;
    transition: border-color 0.2s, color 0.2s;
}

.las-cta-band__btn-secondary:hover {
    border-color: #c27a18;
    color: #c27a18;
}

/* ── Section intro text ── */
.las-section-intro {
    font-size: 17px;
    color: #555;
    line-height: 1.8;
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

/* ── What We Do: 5-division grid (about page) ── */
.las-divisions-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-top: 50px;
}

.las-division-card {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 28px 20px 24px;
    text-align: center;
    transition: box-shadow 0.25s, border-color 0.25s, transform 0.25s;
}

.las-division-card:hover {
    border-color: #c27a18;
    box-shadow: 0 8px 32px rgba(194, 122, 24, 0.12);
    transform: translateY(-4px);
}

.las-division-card__icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgba(194, 122, 24, 0.1), rgba(232, 165, 53, 0.15));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 24px;
    color: #c27a18;
    transition: background 0.25s;
}

.las-division-card:hover .las-division-card__icon {
    background: linear-gradient(135deg, #c27a18, #e8a535);
    color: #fff;
}

.las-division-card__title {
    font-size: 15px;
    font-weight: 800;
    color: #1a1a2e;
    margin: 0 0 8px;
}

.las-division-card__sub {
    font-size: 13px;
    color: #888;
    line-height: 1.5;
    margin: 0;
    font-style: italic;
}

/* ── Why Choose One (dark bg) — force white text ── */
.why-choose-one .why-choose-one__title,
.why-choose-one .why-choose-one__text,
.why-choose-one h3,
.why-choose-one p,
.why-choose-one__content h3,
.why-choose-one__content p,
.why-choose-one__content-box h3,
.why-choose-one__content-box p {
    color: #ffffff !important;
}

.why-choose-one .section-title__title {
    color: #ffffff !important;
}

.why-choose-one .section-title__tagline {
    color: #c27a18 !important;
}

/* ── Product pill clean styling (no icon dependency) ── */
.las-contact-phones {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.las-contact-phones a {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    text-decoration: none;
    transition: color 0.2s;
}

.las-contact-phones a:hover {
    color: #c27a18;
}

/* ── Services page section header ── */
.las-services-header {
    padding: 70px 0 50px;
    text-align: center;
}

/* ── Products page section header ── */
.las-products-header {
    padding: 70px 0 50px;
    text-align: center;
}

/* ── Quote block (about) ── */
.las-quote-block {
    background: linear-gradient(135deg, #0d1520 0%, #1a2a3a 100%);
    border-left: 5px solid #c27a18;
    border-radius: 8px;
    padding: 40px 48px;
    margin: 50px 0;
    position: relative;
}

.las-quote-block::before {
    content: "\201C";
    font-size: 120px;
    color: rgba(194, 122, 24, 0.15);
    position: absolute;
    top: -20px;
    left: 24px;
    font-family: Georgia, serif;
    line-height: 1;
    pointer-events: none;
}

.las-quote-block__text {
    font-size: 19px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.75;
    font-style: italic;
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}

/* ── Contact Page (dark bg) — force white text ── */
.contact-one {
    background-color: #0d1520 !important;
}

.contact-one .section-title__title,
.contact-one .contact-one__info .content p,
.contact-one .contact-one__info .content h3,
.contact-one .contact-one__info .content h3 a,
.contact-one .las-contact-phones a {
    color: #ffffff !important;
}

.contact-one .section-title__tagline {
    color: #c27a18 !important;
}

.contact-one .contact-one__info ul li {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 25px;
}

.contact-one .contact-one__info .icon {
    width: 45px;
    height: 45px;
    background: rgba(194, 122, 24, 0.1);
    border: 1px solid rgba(194, 122, 24, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    flex-shrink: 0;
}

.contact-one .contact-one__info .icon span {
    color: #c27a18 !important;
    font-size: 16px;
}

.contact-one .contact-one__info .content {
    flex: 1;
}

.contact-one .contact-one__input-box input,
.contact-one .contact-one__input-box textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.contact-one .contact-one__input-box input::placeholder,
.contact-one .contact-one__input-box textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ── About Page - Adjust images after experience box removal ── */
.about-one__img {
    margin-right: 0 !important;
}

.about-one__img-inner {
    max-width: 320px !important;
    /* Increased size to fill space */
    bottom: -30px !important;
    right: 0 !important;
}

.about-one__img img {
    border-radius: 8px;
}

.las-quote-block__attr {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #c27a18;
    position: relative;
    z-index: 1;
}

/* ── Footer Contact Icons Fix ── */
.footer-widget__contact-list li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c27a18 !important;
    font-size: 18px;
    margin-right: 15px;
    flex-shrink: 0;
}

.footer-widget__contact-list li .icon span {
    color: #c27a18 !important;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    .las-divisions-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .las-page-hero__title {
        font-size: 32px;
    }

    .las-stats-bar__inner {
        flex-wrap: wrap;
    }

    .las-stats-bar__item {
        flex: 0 0 50%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }

    .las-cta-band__title {
        font-size: 26px;
    }

    .las-divisions-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .las-cta-band__btn-secondary {
        margin-left: 0;
        margin-top: 12px;
    }
}

@media (max-width: 480px) {
    .las-stats-bar__item {
        flex: 0 0 100%;
    }

    .las-divisions-grid {
        grid-template-columns: 1fr 1fr;
    }

    .las-page-hero__title {
        font-size: 26px;
    }
}

/* --- Homepage Product Carousel Enhancements --- */
.project-one__carousel {
    position: relative;
    padding-bottom: 50px !important;
    /* Space for pagination */
}

/* Pagination Bullets */
.las-swiper-pagination {
    bottom: 0 !important;
    position: relative !important;
    margin-top: 30px;
}

.las-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #000;
    opacity: 0.2;
    transition: all 0.3s ease;
}

/* --- Global Slider Overrides --- */
.main-slider__bg {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
}

.services-one__img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
}

.las-swiper-pagination .swiper-pagination-bullet-active {
    background: #c27a18 !important;
    opacity: 1;
    width: 30px;
    border-radius: 6px;
}

/* Navigation Arrows */
.las-swiper-button-prev,
.las-swiper-button-next {
    width: 50px;
    height: 50px;
    background: #c27a18;
    color: #fff;
    border-radius: 0;
    transition: all 0.3s ease;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.las-swiper-button-prev:after,
.las-swiper-button-next:after {
    display: none;
}

.las-swiper-button-prev {
    left: -60px;
}

.las-swiper-button-next {
    right: -60px;
}

.las-swiper-button-prev:hover,
.las-swiper-button-next:hover {
    background: #000;
}

/* Removed Specific Product Carousel overrides as they are now inline flex children */

/* Mobile Adjustments for Arrows */
.project-one__carousel {
    overflow: visible !important;
}

@media (max-width: 1400px) {
    .project-one__carousel {
        overflow: hidden !important;
    }

    .las-swiper-button-prev {
        left: 10px;
    }

    .las-swiper-button-next {
        right: 10px;
    }
}

@media (max-width: 767px) {

    .las-swiper-button-prev,
    .las-swiper-button-next {
        display: none;
    }
}

/* --- New About Section Image Card (Single Image + Notch) --- */
.las-about-image-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.las-about-image-card__img {
    width: 100%;
    height: 600px;
    /* Increased height for About images */
    object-fit: cover;
    display: block;








    transition: all 500ms ease;
    border-radius: 5px;
}

.las-about-image-card__accent {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 65px;
    height: 48px;
    background: #c27a18;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
}

.las-about-image-card:hover .las-about-image-card__img {
    transform: scale(1.04);
}

@media (max-width: 991px) {
    .las-about-image-card__img {
        height: 400px;
    }
}

/* --- FINAL FIX: SITE-WIDE NAVIGATION & ABOUT IMAGES --- */
.las-swiper-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 30px !important;
    position: relative !important;
    bottom: auto !important;
    width: 100% !important;
}

.las-swiper-pagination .swiper-pagination-bullet {
    width: 40px !important;
    height: 6px !important;
    margin: 0 6px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 1px solid #1a1a2e !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
}

@media (max-width: 1400px) {
    .project-one__carousel {
        overflow: hidden !important;
    }

    .las-swiper-button-prev {
        left: 10px;
    }

    .las-swiper-button-next {
        right: 10px;
    }
}

@media (max-width: 767px) {

    .las-swiper-button-prev,
    .las-swiper-button-next {
        display: none;
    }
}



/* Final Image Card Standardization */
.las-service-card__img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    display: block !important;
}

.las-product-cat__img-wrap {
    height: 250px !important;
    overflow: hidden !important;
    position: relative !important;
}

.las-product-cat__img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* Branding: Logo Size Increase */
.main-menu__logo img {
    max-width: 150px !important;
    height: auto !important;
}

.footer-widget__about-logo img {
    max-width: 140px !important;
    height: auto !important;
}

.sidebar-info-contents img {
    max-width: 140px !important;
    height: auto !important;
}

.logo-box img {
    max-width: 120px !important;
    /* Mobile menu logo */
    height: auto !important;
}

/* =====================================================
   CAROUSEL NAVIGATION ARROWS — Services & Products
   ===================================================== */
.las-carousel-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

.las-carousel-nav__btn {
    width: 42px;
    height: 42px;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 50%;
    color: #1a1a2e;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.22s, border-color 0.22s, color 0.22s, transform 0.18s;
    outline: none;
}

.las-carousel-nav__btn:hover {
    background: #c27a18;
    border-color: #c27a18;
    color: #fff;
    transform: scale(1.08);
}

.las-carousel-nav__btn:active {
    transform: scale(0.96);
}

/* Inside services section the bg is light, keep arrows dark */
.services-one .las-carousel-nav__btn {
    border-color: rgba(0, 0, 0, 0.15);
    color: #1a1a2e;
}

/* Inside products section (project-one, slightly darker bg) */
.project-one .las-carousel-nav__btn {
    border-color: rgba(0, 0, 0, 0.18);
    color: #1a1a2e;
}

@media (max-width: 576px) {
    .las-carousel-nav__btn {
        width: 36px;
        height: 36px;
        font-size: 11px;
    }
}

/* =====================================================
   SERVICES ONE CAROUSEL CARD — Match la-service-card shape
   ===================================================== */
.services-one__single {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07) !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease !important;
}

.services-one__single:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14) !important;
}

.services-one__img img {
    border-radius: 8px !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
}

/* =====================================================
   FOOTER BOTTOM — Layout for copyright + Built by Pitstop
   ===================================================== */
.site-footer__bottom-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.site-footer__built-by p,
.site-footer__built-by p a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: color 0.2s;
}

.site-footer__built-by p a:hover {
    color: #c27a18;
}

/* =====================================================
   FOOTER CONTACT ICONS — Force visible on all screens
   ===================================================== */
.footer-widget__contact-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

.footer-widget__contact-list li .icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    background: rgba(194, 122, 24, 0.12) !important;
    border: 1px solid rgba(194, 122, 24, 0.25) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #c27a18 !important;
    font-size: 15px !important;
}

.footer-widget__contact-list li .icon span,
.footer-widget__contact-list li .icon i {
    color: #c27a18 !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Make icon-map, icon-call, icon-mail pseudo elements visible */
.icon-map::before,
.icon-call::before,
.icon-mail::before {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit !important;
}



/* =====================================================
   RESPONSIVE FIXES
   ===================================================== */
@media (max-width: 768px) {
    .site-footer__bottom-inner {
        flex-direction: column !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   ABOUT SECTION IMAGE & VISIBILITY FIXES
   ========================================================================== */

/* 1. Force absolute visibility, removing any mask or script animation blocks */
.about-one__left,
.las-about-image-card,
.las-about-image-card__img {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-mask: none !important;
    mask: none !important;
    clip-path: none !important;
}

/* 2. Reduce the large left margin by 30% across responsive media queries */
.about-one__left {
    margin-left: 98px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-one__left {
        margin-left: 248px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-one__left {
        margin-left: 164px !important;
    }
}

@media only screen and (max-width: 767px) {
    .about-one__left {
        margin-left: 0 !important;
    }
}

/* ==========================================================================
   VERTICAL CAROUSEL PAGINATION FIXES
   ========================================================================== */
#main-slider-pagination {
    height: auto !important;
    bottom: auto !important;
    z-index: 999 !important;
}

/* ==========================================================================
   STICKY HEADER COMPACT & VISIBILITY FIXES
   ========================================================================== */

/* 1. Force the sticky header background and correct elevation shadow */
.stricky-header.stricky-fixed {
    background-color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* 2. Compact container layout and padding for sticky mode */
.stricky-header.stricky-fixed .main-menu__wrapper-inner {
    padding: 0 35px !important;
}

/* 3. Scale logo down and compact its padding */
.stricky-header.stricky-fixed .main-menu__logo {
    padding: 10px 0 !important;
}

.stricky-header.stricky-fixed .main-menu__logo img {
    max-height: 48px !important;
    width: auto !important;
}

/* 4. Compact menu items top/bottom padding for a clean desktop fit */
.stricky-header.stricky-fixed .main-menu__list > li {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 5. Force flex layout and visibility on desktop viewport */
@media (min-width: 1200px) {
    .stricky-header.stricky-fixed .main-menu__list {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* 6. Force text colors on white background (prevents white-on-white blend) */
.stricky-header.stricky-fixed .main-menu__list > li > a {
    color: #0E121D !important;
    font-size: 16px !important;
}

.stricky-header.stricky-fixed .main-menu__list > li:hover > a,
.stricky-header.stricky-fixed .main-menu__list > li.current > a {
    color: #c27a18 !important;
}

/* 7. Hide call block and keep only essential action button to save width */
.stricky-header.stricky-fixed .main-menu__call {
    display: none !important;
}

.stricky-header.stricky-fixed .main-menu__right {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.stricky-header.stricky-fixed .thm-btn {
    padding: 10px 22px !important;
    font-size: 14px !important;
}

/* ── About Page Font-Style & Value Card Custom Overrides ── */

/* 1. Remove all italic fonts from About Page sections */
.about-one,
.about-one *,
.why-choose-one,
.why-choose-one *,
.las-quote-block,
.las-quote-block *,
.las-division-card,
.las-division-card * {
    font-style: normal !important;
}

/* 2. Premium side-aligned, responsive icons for Vision, Mission & Outlook */
.why-choose-one__content-single {
    display: flex !important;
    align-items: flex-start !important; /* Premium top alignment next to text */
    gap: 24px !important;
    margin-bottom: 35px !important;
}

.why-choose-one__icon {
    flex-shrink: 0 !important;
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #c27a18 0%, #e8a535 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(194, 122, 24, 0.3) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.why-choose-one__content-single:hover .why-choose-one__icon {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(194, 122, 24, 0.45) !important;
}

.why-choose-one__content {
    flex-grow: 1 !important;
}

.why-choose-one__content h3 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.why-choose-one__content p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin: 0 !important;
}

/* 3. Responsive Breakpoint: Stack items on small viewports to prevent squishing */
@media (max-width: 576px) {
    .why-choose-one__content-single {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
    
    .why-choose-one__icon {
        width: 50px !important;
        height: 50px !important;
        font-size: 18px !important;
    }
}

/* ══════════════════════════════════════════════════════════
   UI ENGINE OPTIMIZATION — Zero-Lag Scroll Performance
   Ensures animations are extremely snappy (350ms) on desktop,
   and completely bypassed on mobile/tablet viewports (< 992px)
   to guarantee instant display with zero rendering wait.
   ══════════════════════════════════════════════════════════ */

/* Force ultra-snappy, crisp scroll animation durations on desktop viewports */
.animated {
    animation-duration: 0.35s !important;
    transition-duration: 0.35s !important;
}

@media (max-width: 991px) {

    /* Instantly reveal all WOW.js animated elements */
    .wow {
        visibility: visible !important;
        animation-name: none !important;
        animation-delay: 0s !important;
        animation-duration: 0s !important;
        opacity: 1 !important;
        transform: none !important;
    }

    /* Instantly reveal all AOS animated elements */
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    [data-aos].aos-animate {
        opacity: 1 !important;
        transform: none !important;
    }

    /* Kill CSS transition/animation delays on common animated wrappers */
    .fadeIn,
    .fadeInUp,
    .fadeInDown,
    .fadeInLeft,
    .fadeInRight,
    .slideInLeft,
    .slideInRight,
    .slideInUp,
    .zoomIn,
    .bounceIn {
        animation-name: none !important;
        animation-duration: 0s !important;
        animation-delay: 0s !important;
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }

    /* Remove jarallax parallax transform on mobile (causes scroll jitter) */
    .jarallax {
        background-attachment: scroll !important;
    }
    .jarallax > .jarallax-img {
        position: absolute !important;
        transform: none !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}

/* ── Homepage Why Choose Us Section Icons Tuning ── */
.why-choose-one__single .why-choose-one__icon {
    width: 65px !important;
    height: 65px !important;
    background: linear-gradient(135deg, #c27a18 0%, #e8a535 100%) !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(194, 122, 24, 0.3) !important;
    margin-bottom: 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.why-choose-one__single:hover .why-choose-one__icon {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(194, 122, 24, 0.45) !important;
}

.why-choose-one__single .why-choose-one__icon span {
    font-size: 26px !important;
    color: #ffffff !important; /* Pure white for stark, high-contrast visibility */
    line-height: 1 !important;
    display: block !important;
}

/* ── Contact/Newsletter Form Submission Result Alert Styling ── */
.result {
    margin-top: 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: none !important;
    font-family: var(--thm-font, 'Outfit', sans-serif) !important;
}

.result.success {
    display: block !important;
    color: #1b5e20 !important; /* Premium dark forest green */
    background-color: #e8f5e9 !important; /* Light green tint background */
    padding: 12px 20px !important;
    border-left: 4px solid #c27a18 !important; /* Brand gold accent bar */
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.result.error {
    display: block !important;
    color: #b71c1c !important; /* Premium deep crimson red */
    background-color: #ffebee !important; /* Light red tint background */
    padding: 12px 20px !important;
    border-left: 4px solid #b71c1c !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

/* ── SPA Content Swap Fade Effects ── */
#page-content-wrapper {
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 1 !important;
}

#page-content-wrapper.ajax-loading {
    opacity: 0 !important;
}

/* ── Main Slider Background Coverage Correction ── */
.main-slider__bg {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    min-width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

/* ── Swiper Slide Active Transition Correction ── */
.main-slider .swiper-slide {
    height: 100% !important;
    opacity: 0 !important;
    transition: opacity 600ms ease-in-out !important;
    z-index: 1 !important;
}

.main-slider .swiper-slide-active {
    opacity: 1 !important;
    z-index: 10 !important;
}