:root,
body {
    --ai-product-image-ratio: 2/1;
    --ai-bg: #ffffff;
    --ai-bg-alt: #f0f5ff;
    --ai-primary: rgb(37, 99, 235, 1);
    --ai-primary-alt: #282828;
    --ai-secondary: #718096;
    --ai-secondary-alt: #555555;
    --ai-tertiary: #cccccc;
    --ai-tertiary-alt: #f6f6f6;
    --ai-danger: #dc3545;
    --ai-success: #28a745;
    --ai-warning: #ffc107;
    --ai-radius: 0;
    --ai-primary-light: #63b3ed;
    --ai-bg-light: #f8f9fa;
    --ai-bg-dark: #1a2c54;
    --ai-navbar-bg: #ffffff;
    --ai-navbar-text: #000000;
    --ai-footer-bg: #1a2c54;
    --ai-footer-text: #ffffff;
    --ai-footer-link: #ffffff;
    --ai-footer-link-hover: #e0e0e0;
    --ai-content-bg: var(--ai-bg);
    --ai-content-text: #333333;
    --ai-main-text-top: rgba(255, 255, 255, 1);
    --ai-secondary-text-top: var(--ai-main-text-top);
    --ai-secondary-text-lighter-top: var(--ai-main-text-top);
    --ai-topbannerbgclr-left: rgba(37, 99, 235, 0.9);
    --ai-topbannerbgclr-right: rgba(30, 64, 175, 0.9);
    --ai-button-primary: #4169e1;
    --ai-button-hover: #3058c5;
    --ai-menu-color: rgba(37, 99, 235, 1);
    --ai-menubgclr: var(--ai-bg-dark);
    --ai-menuitembgclr: #ffffff;
    --ai-menuactivebgclr: var(--ai-menu-color);
    --ai-menufontclr: #000000;
    --ai-menuhoverbgclr: var(--ai-menu-color);
    --ai-menuhoverfontclr: #000000;
    --ai-naviconsfontclr: #ffffff
}

span {
    min-height: 1.5rem
}

p {
    min-height: 1.5rem
}

.col,
[class^="col-"] {
    min-height: 2.5rem !important
}

*,
::before,
::after {
    box-sizing: border-box;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

:root {
    --ink: #0a0a0f;
    --paper: #f5f4f0;
    --accent: #e63329;
    --accent2: #1a3a5c;
    --mid: #6b6b6b;
    --border: #d9d7d0;
    --card-bg: #ffffff
}

html {
    scroll-behavior: smooth
}

body {
    font-family: "DM Sans", sans-serif;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.6
}

h1,
h2,
h3,
h4 {
    font-family: "Syne", sans-serif;
    line-height: 1.1
}




.font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}


/* Base Layout */

body>.content {
    /* margin-top: 15px; */
}

body .main-section {
    margin-top: 0;
}

.whatsapp-item,
.bi-whatsapp {
    color: green !important;
}


.default-navbar-container {
    background: var(--ai-navbar-bg);
}


/* Navbar RULES */

.closemm,
.mobileMenuToggle {
    display: none
}

.ulmainmenu {
    border-radius: 5px;
    height: fit-content;
    display: inline-flex;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    align-items: center;
    padding: 0 10px;
    margin: 0
}

.ulmainmenu a {
    text-decoration: none;
    color: var(--ai-menufontclr);
    padding: 10px 14px
}

.ulmainmenu li:has(a.active)>a {
    color: var(--ai-naviconsfontclr)
}

.ulmainmenu li {
    list-style: none;
    color: var(--ai-menufontclr);
    font-family: sans-serif;
    font-weight: 500;
    margin: 5px 8px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 5px;
    display: inline-flex
}

.ulmainmenu li:has(a.active) {
    background-color: var(--ai-menuactivebgclr);
    transform: scale(1);
    border-radius: 8px
}

.ulsubmenu {
    display: none;
    position: absolute;
    background-color: var(--ai-menuitembgclr);
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2);
    z-index: 1;
    top: 52px;
    padding: 0;
    border-radius: 5px
}

.ulsubmenu a {
    float: none;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left
}

#navbar-top {
    display: flex !important;
    flex-basis: auto;
    justify-content: flex-end;
    flex-grow: 1;
    align-items: center;
    box-sizing: border-box
}

@media (max-width:767px) {
    .navbar {
        padding: 0;
        position: relative
    }

    #navbar-top {
        position: absolute;
        top: 50px;
        left: 0
    }

    footer .container-fluid .footer-right,
    footer .container-fluid .footer-left,
    footer .footer-center {
        text-align: center
    }

    .ulmainmenu {
        display: none;
        min-width: 300px
    }

    .ulmainmenu li {
        display: block
    }

    .navbar-nav {
        padding: 0;
        position: absolute;
        right: 10px;
        top: 8px;
        color: var(--ai-naviconsfontclr)
    }

    .mobilemenu {
        position: relative
    }

    .mobilemenu .ulmainmenu {
        display: inline-block;
        left: 20px;
        top: 20px;
        width: 100%;
        text-align: left;
        padding: 1rem 2rem 1rem 0;
        margin: 0;
        border: 1px solid #000
    }

    .topnav.mobilemenu .ulsubmenu {
        position: relative;
        width: 100%;
        display: inline-block;
        top: 0;
        background: var(--ai-menuitembgclr);
        box-shadow: none
    }

    .mobilemenu .ulsubmenu a {
        padding: 6px 5px 6px 0
    }

    .mobilemenu a {
        width: 100%;
        text-align: left;
        display: block
    }

    .closemm {
        right: 15px;
        top: 6px;
        position: absolute;
        z-index: 99;
        display: inline;
        cursor: pointer;
        color: orange;
        font-weight: 700;
        padding: 5px 10px;
        border: 1px solid #000;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1
    }

    .closemm:hover {
        color: greenyellow;
        border: 1px solid orange
    }

    .ulmainmenu li:has(a.active)>a {
        background: var(--ai-menuactivebgclr) !important
    }
}

@media (min-width:992px) {
    .navbar {
        min-height: 10rem
    }
}


/* Nav New */

.navbar {
    color: var(--ai-navbar-text);
    background-color: var(--ai-navbar-bg);
    position: relative;
    z-index: 1030;
    max-width: 1536px;
    padding: 0 3%;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 23px -10px;
    height: 64px !important;
    min-height: 64px !important;
}

@media (max-width: 900px) {

    .navbar {
        height: 68px !important;
        padding: 6px 20px 0 0 !important;
    }

}


.navlogo-wrap {
    padding: 0px !important;
    margin: 0px !important;
    display: block !important;
    text-align: left !important;
    height: 64px;
    width: 128px;
    text-decoration: none;
}

.navlogo-wrap img {
    border-radius: 4px;
    height: 41px;
    width: 60px;
    display: block;
    margin: 2px auto;
    margin-top: 5px;
}

.navlogo-wrap span {
    text-align: center;
    line-height: 10px;
    font-weight: 500;
    font-size: 13px;
    color: var(--ai-menufontclr);
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    display: block;
    border: none;
}

.navlogo-wrap span.mobile {
    display: none
}

.navlogo-wrap span.laptop {
    display: block
}

.navbar-quicklinks,
.navbar-quicklinks-mobile {
    display: none;
}


@media (max-width: 900px) {

    .ulmainmenu {
        display: none;
        min-width: 360px !important;
        border-radius: 0 !important;
    }

    #navbar-top {
        position: absolute !important;
        top: 65px !important;
        left: 0 !important;
    }

    .topnav.mobilemenu .ulsubmenu {
        padding-left: 3% !important;
    }

    .topNavDropdown,
    .liwithsubmenu {
        background: none !important;
    }


    .navbar,
    navbar.scroll {
        background-color: var(--ai-navbar-bg) !important;
    }

    .navbar-quicklinks {
        display: none;
    }

    .navbar-quicklinks-mobile {
        display: block;
        padding-bottom: 0px;
        text-align: center;
        padding-right: 1px !important;
    }

    .navbar-quicklinks-mobile .nav-link .badge {
        left: 50% !important;
        top: -13px;
        padding: 4px 8px;
        position: absolute !important;
    }

    .topnavicons {
        margin-right: 10px;
    }

    .navlogo-wrap {
        display: inline-block !important;
        margin: 0 !important;
        position: relative !important;
        top: 0px !important;
        left: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        width: 46px;
        height: 30px !important;
        min-height: 60px !important;
    }

    .navlogo-wrap img {
        display: block !important;
        margin: 0 auto !important;
        width: 35px !important;
        height: 30px !important;
        position: relative;
        scale: 1 !important;
        top: 2px;
    }


    .navlogo-wrap span {
        color: var(--ai-navbar-text);
        padding-left: 2px !important;
        font-size: 12px !important;
        position: relative;
        margin: 0 auto;
        top: 5px !important;
        font-weight: normal;
        display: block;
        line-height: 11px;
        pointer-events: none;
        font-family: cursive;
        font-weight: bold;
    }

    .navlogo-wrap span.mobile {
        display: block;
        font-weight: bold;
    }

    .navlogo-wrap span.laptop {
        display: none
    }


    .navbar-quicklinks-mobile>ul {
        padding: 0 !important;
        margin: 0 !important;
    }

    .navbar-quicklinks-mobile>li {
        margin: 0 14px !important;
    }

    .mobileMenuToggle {
        position: absolute !important;
        display: none !important;
        left: 110px !important;
        top: 7px !important;
        color: var(--ai-navbar-text) !important;
        font-size: 27px !important;
        text-decoration: none !important;
    }

    .mobileMenuActive {
        color: red !important;
        font-size: 38px !important;
        font-weight: bold;
        line-height: 40px;
    }

    .navbar-quicklinks-mobile li {
        list-style: none !important;
        color: #000 !important;
        cursor: pointer !important;
        font-size: 22px !important;
    }

    .mobilemenu {
        background: var(--ai-navbar-bg) !important;
    }

    .wadiscussbtn {
        width: 80% !important;
    }

    .mobilemenu .ulsubmenu a {
        padding: 6px 5px 6px 10px !important;
    }

    .mobilemenu .ulsubmenu {
        position: relative !important;
        top: 0px !important;
        min-width: 200px !important;
        margin-left: 10px !important;
    }




    .ulsubmenu {
        background: none !important;
    }

    .ulmainmenu>li:hover,
    .ulsubmenu li:hover {
        background-color: transparent !important;
    }

    .ulsubmenu {
        box-shadow: none !important;
    }

    .ulmainmenu li:has(a.active) {
        box-shadow: none !important;
        background: var(--ai-menuactivebgclr) !important;
    }

    .ulmainmenu li.liwithsubmenu:has(a.active) {
        background: none !important;
    }


}













/* Footer */
.footerwrap {
    background-color: var(--ai-footer-bg);
    padding: 10px 0px;
    text-align: center;
}


@media (max-width: 900px) {

    .footerwrap {
        margin-bottom: 46px !important;
    }

}

footer {
    color: var(--ai-footer-text);
    padding: 3rem 0;
    max-width: 1536px;
    padding: 0;
    margin: 0 auto;
}

.footer-right {
    text-align: right;
}

.foot-cp-right {
    display: block !important;
}

footer .bi {
    margin-right: .5rem;
}

[dir="rtl"] footer .bi {
    margin-inline-start: .5rem;
    margin-right: 0;
}

footer h2 {
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    margin-bottom: 1rem;
    color: var(--ai-footer-text);
}

footer p {
    transition: color .3s;
    margin: 0;
}

footer p a {
    display: inline-block;
    color: var(--ai-footer-link);
    font-size: 14px;
}

footer p a:hover {
    color: var(--ai-footer-link-hover);
    transition: color .3s;
    text-decoration: none;
}

.footer-social {
    margin-top: 3rem;
}

/* Main Content */
.cms-page {
    padding: 0;
    margin: 0 auto;
    background-color: var(--ai-content-bg);
    color: var(--ai-content-text);
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}



/* Top Banner */
.topbanner {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
    background: var(--ai-topbannerbgclr);
    background: linear-gradient(to right, var(--ai-topbannerbgclr-left), var(--ai-topbannerbgclr-right));
}

.topbanner .container {
    padding: 0 4rem;
    margin: auto;
    position: relative;
    max-width: 1536px;
    color: var(--ai-content-text);
}

.topbanner .container h1 {
    font-size: 3rem;
    font-weight: 500;
    font-family: sans-serif;
    line-height: 1;
}


/* Main heading styles */
.ai-page-title {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    margin-bottom: .5rem;
}

/* Subtitle/intro text styles */
.ai-page-intro {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .ai-page-title {
        font-size: 2.5rem;
    }

    .ai-page-intro {
        font-size: 1.1rem;
        padding: 0 1rem;
    }
}

@supports not (-webkit-background-clip: text) {
    .ai-page-title {
        background: none;
        -webkit-text-fill-color: var(--ai-primary);
        color: var(--ai-primary);
    }
}


.ai-mtt {
    color: var(--ai-main-text-top) !important
}

.ai-stt {
    color: var(--ai-secondary-text-top) !important
}

.ai-stlt {
    color: var(--ai-secondary-text-lighter-top) !important
}

.ai-stlt-center {
    text-align: center;
}



.share-wrapper-fixed {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.share-wrapper-fixed a {
    display: block;
    text-align: center;
    padding: 15px;
    transition: all 0.3s ease;
    color: white;
    font-size: 17px;
}

.share-wrapper-fixed a small {
    font-size: 12px;
    display: block;
}

.share-wrapper-fixed a:hover {
    background-color: #000;
}

.share-wrapper-fixed {
    background: var(--ai-primary);
    color: white;
}

.share-button-wrapper {
    display: none;
    border-top: 1px solid #000;
    padding: 10px 0;
}

.share-button-wrapper a {
    padding: 0 20px;
}

.footer-address .info-header {
    font-size: 1.5rem;
    font-weight: 500;
}

.footer-block i.bi {
    font-size: 1.5em;
}

.footer-block i.bi-facebook {
    color: var(--ai-footer-link);
}

.gallery-section #galleryModal {
    margin: 0;
    padding: 0;
}

.gallery-section #galleryModal>.modal-dialog-centered {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 600px) {
    .topbanner .container h1 {
        font-size: 2rem;
    }
}

@media (min-width: 768px) {
    #productGalleryModal .slider-nav-animation .slider-container>.slide-visible>* {
        position: relative !important;
        height: 85vh !important;
    }

    .ulmainmenu li:hover>a:first-child {
        color: #000000 !important;
    }

    .ulmainmenu li:hover a.active {
        color: #FFFFFF !important;
    }

}

@media (max-width: 760px) {
    #productGalleryModal .slider-nav-animation .slider-container>.slide-visible>* {
        position: relative !important;
        width: 90% !important;
        margin: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .home-banner-sm {
        padding: 10px !important;
    }
}

@media (max-width: 768px) {

    .home-banner-sm {
        padding: 10px !important;
    }

    .topbanner .d-flex.justify-content-center {
        flex-direction: initial;
    }
}

@media only screen and (max-width: 600px) {
    .lead {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .closemm {
        right: 2px !important;
        top: -1px !important;
        display: none !important;
    }
}

.footer-block a.logo {
    text-decoration: none
}

ul.list-inline.full_band_menu {
    width: 100%;
    height: 50px;
    background-color: var(--ai-primary);
    vertical-align: middle;
    padding: 10px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.full_band_menu li.list-inline-item {
    margin-left: 20px;
    margin-right: 20px;
}

.full_band_menu li.list-inline-item a {
    color: #fff;
    text-decoration: none;
}

.full-width-image-with-text-overlay {
    position: relative;
    margin: 0;
}

.full-width-image-with-text-overlay .text-overlay-holder {
    position: absolute;
    width: 400px;
    height: 300px;
    margin-left: 50px;
    margin-top: 50px;
}

.text-overlay-holder.right-overlay {
    right: 50px;
}

.full-width-image-with-text-overlay img.overlay {
    margin: 0;
    padding: 0;
}

.video-banner {
    height: 80vh;
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.video-banner .video-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.video-banner iframe#video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 220%;
    height: 160%;
    z-index: 2;
    overflow: hidden;
}

.video-banner .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .6);
    z-index: 3;
}

.video-banner .banner-content {
    position: relative;
    height: 100%;
    z-index: 4;
}

.video-banner .banner-text h1 {
    color: #fff;
    font-size: 5rem;
    font-weight: 700;
    margin: 0;
}

.video-banner .banner-text p {
    color: #fff;
    font-size: 1.5rem;
    margin-top: .5rem;
    margin-bottom: 2rem;
}

.video-banner .banner-text {
    padding-bottom: 50px;
    padding-left: 10%;
}

.feature-listing-item .round-edge-tick {
    background-color: #e8dcff;
    border-radius: 25%;
}

.feature-listing-item .circular-tick {
    background-color: #e8dcff;
    border-radius: 50%;
}

.feature-listing-item .bi-check2::before {
    vertical-align: top;
    margin-top: 3px;
    margin-left: 2px;
}

.feature-listing-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 500;
    color: #333;
}

.feature-listing-item .bi-check2 {
    padding: 2px;
    font-size: 1.2rem;
    margin-right: 10px;
    height: 28px;
    width: 28px;
}

/* Additional Header Css */
.additional-wrap {
    color: var(--ai-navbar-text);
}

.additional-wrap .modal-backdrop {
    z-index: 1040;
}

.additional-wrap .modal {
    z-index: 1050;
}

.additional-wrap .submit-booking {
    background: var(--ai-primary);
    color: var(--ai-footer-text);
}

.additional-wrap .btn-book-now {
    border: 1px solid var(--ai-footer-text);
}

/* Additional Header Css */




/*  Animated pages CSS */

/* ============================================================
   HERO SECTION
   ============================================================ */

.hero-bg-animate {
    background: url(/vendor/images/58/bgnew-img1-medium-width-monitor.jpg) center center / contain no-repeat;
    min-height: 100vh;
    opacity: 0;
    transform: scale(1.2);
    animation: bgMoveCenterToRight 1.8s ease-out forwards;
}

/* ============================================================
   ACTIONABLE AI SOLUTIONS SECTION
   ============================================================ */
.animate-card {
    opacity: 0;
    animation: slideUp 0.8s ease-out forwards;
}

.animate-heading {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.1s forwards;
}

.animate-para {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.3s forwards;
}

/* ============================================================
   ADVANCE YOUR AI TRANSFORMATION SECTION
   ============================================================ */
.animate-news-heading {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.1s forwards;
}

.card-move {
    opacity: 0;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.from-left {
    animation-name: slide-in-left;
}

.from-right {
    animation-name: slide-in-right;
}

.from-top {
    animation-name: slide-in-top;
}

.from-bottom {
    animation-name: slide-in-bottom;
}

/* ============================================================
   BUILD BUSINESS VALUE SECTION
   ============================================================ */
.animate-build-heading {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.1s forwards;
}

.animate-build-para {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.3s forwards;
}

.animate-build-btn {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.5s forwards;
}

.animate-build-card {
    opacity: 0;
    animation: slideUp 0.8s ease-out forwards;
}

.animate-build-card:nth-of-type(1) {
    animation-delay: 0.7s;
}

.animate-build-card:nth-of-type(2) {
    animation-delay: 0.9s;
}

.animate-build-card:nth-of-type(3) {
    animation-delay: 1.1s;
}

/* ============================================================
   AI NEWS AND INSIGHTS SECTION
   ============================================================ */
.animate-news-para {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.3s forwards;
}

.animate-news-btn {
    opacity: 0;
    animation: slideUp 0.8s ease-out 0.5s forwards;
}

/* ============================================================
   DISCOVER WHAT YOU CAN DO WITH AI (6 cards)
   ============================================================ */
.animate-ai-card {
    opacity: 0;
    animation: slideUp 0.8s ease-out forwards;
}

.animate-ai-card:nth-of-type(1) {
    animation-delay: 0.7s;
}

.animate-ai-card:nth-of-type(2) {
    animation-delay: 0.9s;
}

.animate-ai-card:nth-of-type(3) {
    animation-delay: 1.1s;
}

.animate-ai-card:nth-of-type(4) {
    animation-delay: 1.3s;
}

.animate-ai-card:nth-of-type(5) {
    animation-delay: 1.5s;
}

.animate-ai-card:nth-of-type(6) {
    animation-delay: 1.7s;
}

/* ============================================================
   HEAR FROM OUR CUSTOMERS SECTION
   ============================================================ */
.scale-image {
    transform: scale(1.5);
    opacity: 0;
    animation: scaleDown 1s ease-in-out 0.4s forwards;
}

/* Additional CSS */

.ulmainmenu li {
    border-radius: 9px !important;
}

.ulmainmenu a {
    text-decoration: none;
    color: var(--ai-menufontclr);
    padding: 5px 10px !important;
}

.slider-container .swiffy-slide {
    padding: 20px !important;
}

.slider-container .swiffy-slide img {
    border-radius: 8px;
}


@media screen and (max-width: 700px) {

    .slider-container .swiffy-slide {
        padding: 0px !important;
    }

    .ecom-home-slider .swiffy-slider {
        width: 100% !important;
    }

    .ecom-home-slider {
        text-align: center !important;
    }
}



.sticky-top a.active {
    border: 1px solid;
    border-radius: 5px;
}

.frontend-opacity-0 {
    opacity: 0;
}

.height-600px {
    height: 600px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .height-900px-in-mobile {
        height: 900px;
    }
}

.bg-light-gold {
    background-color: rgb(255, 252, 248);
}

.text-gold {
    color: rgb(212, 167, 98);
}

.btn-gold {
    color: rgb(0, 0, 0);
    background-color: rgb(212, 167, 98);
    border-top-color: rgb(212, 167, 98);
    border-right-color: rgb(212, 167, 98);
    border-bottom-color: rgb(212, 167, 98);
    border-left-color: rgb(212, 167, 98);
}

.border-gold {
    border-color: rgb(212, 167, 98) !important;
}

.btn-gold:hover {
    background-color: rgb(0, 0, 0) !important;
    color: rgb(212, 167, 98) !important;
}

.bg-gold {
    background-color: rgb(212, 167, 98);
}

.video-play-btn-parent .btn-play {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-width: initial;
    border-right-width: initial;
    border-bottom-width: initial;
    border-left-width: initial;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
    padding-top: 18px;
    padding-right: 20px;
    padding-bottom: 18px;
    padding-left: 28px;
}

.video-play-btn-parent .btn-play::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(212, 167, 98);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    animation-duration: 1500ms;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
    animation-name: pulse-border;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
}

.video-play-btn-parent .btn-play::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    transition-behavior: normal;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
    background-color: rgb(255, 255, 255);
}

.video-play-btn-parent .btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0px;
    height: 0px;
    border-top-width: 22px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 22px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 32px;
    border-left-style: solid;
    border-left-color: rgb(0, 0, 0);
}

.hover-bg-gold-parent .hover-bg-gold-parent-item:hover .hover-bg-gold-parent-content-icon i {
    color: rgb(0, 0, 0) !important;
}

.hover-bg-gold-parent .hover-bg-gold-parent-item:hover .hover-bg-gold-parent-content-icon p {
    color: rgb(255, 255, 255);
}

.hover-bg-gold-parent .hover-bg-gold-parent-item:hover .hover-bg-gold-parent-content-icon .btn-gold {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

.hover-bg-gold-parent .hover-bg-gold-parent-item:hover .hover-bg-gold-parent-content::after {
    height: 100%;
    opacity: 1;
}

.hover-bg-gold-parent .hover-bg-gold-parent-content::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0px;
    top: 0px;
    left: 0px;
    bottom: auto;
    background-color: rgb(212, 167, 98);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    transition-behavior: normal;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
}

.active-bg-gold.active {
    background-color: rgb(212, 167, 98) !important;
}

.border-style-dashed {
    border-bottom-style: dashed !important;
}

.transition-effect {
    transition-behavior: normal;
    transition-duration: 0.9s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
}

.opacity-1-on-hover:hover {
    opacity: 1;
}

.on-hover-bg-gold-text-black:hover {
    background-color: rgb(212, 167, 98) !important;
}

.on-hover-bg-gold-text-black:hover h4,
.on-hover-bg-gold-text-black:hover h1,
.on-hover-bg-gold-text-black:hover h3,
.on-hover-bg-gold-text-black:hover h2,
.on-hover-bg-gold-text-black:hover h5,
.on-hover-bg-gold-text-black:hover h6 {
    color: #000 !important;
}

.translateY-minus-50-percentage {
    position: relative;
    transform: translateY(-50%);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 45px;
}

.on-hover-scale-1-point-3:hover {
    transform: scale(1.3);
}

.on-hover-link-gold:hover {
    color: rgb(170, 134, 78);
}

.slider-container-child-element-height-auto>* {
    height: auto;
}

.bg-gray-pink-mix {
    background-color: rgb(230, 226, 242);
}

.gray-img-filter {
    filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 6px 20px);
    mix-blend-mode: luminosity;
}

.font-size-126px {
    font-size: 126px;
}

.bg-blue-img-with-style {
    background-image: url("https://aiwebdesk.com/aimeos/1.d/cms/a/3/a3d29953_5f9f87be_travel-bg-02.webp");
    background-size: cover;
    height: 100%;
    z-index: 1;
}

.bg-dark-navy-blue {
    background-color: rgb(27, 30, 51);
}

.position-relative-top-6px {
    position: relative;
    top: 6px;
}

.height-79px {
    height: 79px;
}

.video-play-purpel-btn {
    background-color: rgba(91, 43, 130, 0.85);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration-line: none;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
}

.bg-light-peach {
    background-image: linear-gradient(to right, rgb(253, 244, 240), rgb(246, 224, 217));
}

.btn-purpel {
    background-color: rgb(91, 43, 130);
    border-color: rgb(91, 43, 130);
}

.btn-purpel:hover {
    background-color: rgb(91, 43, 130);
    border-color: rgb(91, 43, 130);
    opacity: 0.9;
}

.btn-purpel-dark {
    background-color: rgb(107, 21, 125);
    border-color: rgb(107, 21, 125);
}

.bg-purpel-dark:hover {
    background-color: rgb(107, 21, 125) !important;
    border-color: rgb(107, 21, 125) !important;
    opacity: 0.9 !important;
}

.rotated-photo-gallery .rotated-photo-gallery_item-img-1 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(100%, 3%) rotate(-5.39deg);
}

.rotated-photo-gallery .rotated-photo-gallery_item-img-2 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(50%, -5%) rotate(-2.28deg);
}

.rotated-photo-gallery .rotated-photo-gallery_item-img-3 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(0%, -10%);
}

.rotated-photo-gallery .rotated-photo-gallery_item-img-4 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-50%, -5%) rotate(2.41deg);
}

.rotated-photo-gallery .rotated-photo-gallery_item-img-5 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-100%, 3%) rotate(5.27deg);
}

.index--0 {
    --index: 0;
}

.index--1 {
    --index: 1;
}

.index--2 {
    --index: 2;
}

.index--3 {
    --index: 3;
}

.index--4 {
    --index: 4;
}

.index--5 {
    --index: 5;
}

.index--6 {
    --index: 6;
}

.index--7 {
    --index: 7;
}

.index--8 {
    --index: 8;
}

.index--9 {
    --index: 9;
}

.index--10 {
    --index: 10;
}

.index--11 {
    --index: 11;
}

.index--12 {
    --index: 12;
}

.index--13 {
    --index: 13;
}

.index--14 {
    --index: 14;
}

.index--15 {
    --index: 15;
}

.index--16 {
    --index: 16;
}

.index--17 {
    --index: 17;
}

.index--18 {
    --index: 18;
}

.index--19 {
    --index: 19;
}

.index--20 {
    --index: 20;
}

.index--21 {
    --index: 21;
}

.index--22 {
    --index: 22;
}

.index--23 {
    --index: 23;
}

.index--24 {
    --index: 24;
}

.index--25 {
    --index: 25;
}

.index--26 {
    --index: 26;
}

.index--27 {
    --index: 27;
}

.index--28 {
    --index: 28;
}


.btn-purpel-dark:hover {
    background-color: rgb(107, 21, 125) !important;
    border-color: rgb(107, 21, 125) !important;
    opacity: 0.9 !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .height-1100px-in-mobile {
        height: 1100px;
    }
}

.profile-card:hover .profile-card__details {
    background-color: #d4a762 !important;
}

.profile-card:hover .profile-card__details h4 {
    color: #000 !important;
}

.profile-card:hover .profile-card__icons a {
    opacity: 1 !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 991px) {
    .min-height-lg-0 {
        min-height: 0 !important;
    }

    body .bgMoveCenterToRightAnimation {
        background: unset !important;
    }
}

.min-height-auto {
    min-height: auto !important;
}

.py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}

.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

@media (min-width: 576px) {
    .py-sm-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }

    .py-sm-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media (min-width: 768px) {
    .py-md-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }

    .py-md-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media (min-width: 992px) {
    .py-lg-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }

    .py-lg-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media (min-width: 1200px) {
    .py-xl-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }

    .py-xl-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media (max-width: 991px) {
    .height-350-xs-to-lg {
        height: 350px !important;
    }

    .align-items-center-xs-to-lg {
        align-items: center !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    body .video-banner .banner-text h1 {
        font-size: 3.5rem;
    }
}

.bg-service-section {
    min-height: 300px;
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
    display: flex;
    align-items: center;
    color: white;
}


@media (min-width: 768px) {

    .topnavicons {
        position: relative;
        right: 15px !important;
    }

}

@media (max-width: 991px) {
    .w-100-xs-to-lg {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    body .circle-4-img-slider .box .img .imgBx {
        width: 200px;
        height: 200px;
        transform-origin: 230px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1100px) {
    body .circle-4-img-slider .box .img .imgBx {
        width: 200px;
        height: 200px;
        transform-origin: 230px;
    }
}

.slider-txt-n-img .nav-buttons .prev-slide,
.slider-txt-n-img .nav-buttons .next-slide {
    width: 40px;
    height: 40px;
}

.home-page-cat-carousel .slider-nav::after {
    background-color: #555555;
}

.home-page-cat-carousel.aimeos .product .price-item .rebatepercent {
    top: 5px !important;
    right: 0
}

.page-basket-index .footerwrap .footer-contact-info-block,
.page-checkout-index .footerwrap .footer-contact-info-block,
.page-catalog-detail .footerwrap .footer-contact-info-block {
    display: none;
}


/*********Mobile Bottom Fixed Menu Css**********/
.aiwebdesk-mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 46px;
    background: #fff;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 9999;
    line-height: 12px;
}

.aiwebdesk-mobile-bottom-nav .nav-item {
    flex: 1;
    text-align: center;
    color: rgb(15 109 247);
    font-size: 12px;
    text-decoration: none;
    border-right: 1px solid #ddd;
    padding-top: 2px;
    font-weight: 600;
}

.aiwebdesk-mobile-bottom-nav .nav-item:last-child {
    border-right: none;
}

.aiwebdesk-mobile-bottom-nav .nav-item i {
    font-size: 18px;
    display: block;
    margin-bottom: 1px;
}

/*********Mobile Bottom Fixed Menu Css**********/

@media (max-width: 576px) {
    .cat-home-slider-mobile-text {
        font-size: 12px;
    }
}

.catalog-list .slider-container {
    padding-left: 15px;
}

.home-page-cat-carousel ul {
    overflow-x: auto;
    flex-wrap: nowrap;
}

.home-page-cat-carousel ul li {
    flex: 0 0 auto;
}

.footer-contact-info-block,
.cms-page .testimonials-section {
    display: none !important;
}

/* Desktop */
@media (min-width: 768px) {

    .home-page-cat-carousel .category-icon {
        width: 150px;
        height: auto;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .home-page-cat-carousel .category-icon {
        width: 140px;
        height: auto;
    }

    .home-page-cat-carousel ul li {
        min-width: 120px;
    }
}



/*********Order Vendor Info**********/
.order-vendor-info {
    margin-top: 4px;
    line-height: 1.2;
}

.order-vendor-legend {
    font-size: 0.65rem;
    font-weight: 600;
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 4px;
}

.order-vendor-name {
    font-size: 0.75rem;
    font-weight: 600;
    color: #495057;
}

.order-vendor-phone {
    font-size: 0.75rem;
    color: #6c757d;
}

.order-vendor-phone::before {
    content: '\00B7\0020';
}

.order-vendor-address {
    display: block;
    font-size: 0.7rem;
    color: #6c757d;
    line-height: 1.2;
}

/*********Order Vendor Info**********/

/*********Product Supplier Tab**********/
.ai-supplier-tab-block {
    padding: 1.5rem 0;
}

.ai-sup-card {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
    max-width: 480px;
}

.ai-sup-name {
    font-size: 1.05rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ai-sup-name .bi {
    color: #6c757d;
    font-size: 1.1rem;
}

.ai-sup-detail {
    font-size: 0.9rem;
    color: #495057;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.4;
}

.ai-sup-detail .bi {
    margin-top: 2px;
    flex-shrink: 0;
    color: #6c757d;
    font-size: 0.95rem;
}

.ai-sup-detail a {
    color: #495057;
    text-decoration: none;
}

.ai-sup-detail a:hover {
    color: var(--ai-primary, #0d6efd);
    text-decoration: underline;
}

.ai-sup-empty {
    color: #6c757d;
    padding: 1rem 0;
}

/*********Product Supplier Tab**********/

/*.default-navbar-container .navbar .navbar-quicklinks li i.bi-bell,
.default-navbar-container .navbar .navbar-quicklinks li.nav-item.dropdown,
.default-navbar-container .navbar .navbar-quicklinks li.phone-item,
.default-navbar-container .navbar .navbar-quicklinks-mobile li i.bi-bell,
.default-navbar-container .navbar .navbar-quicklinks-mobile li.nav-item.dropdown,
.default-navbar-container .navbar .navbar-quicklinks-mobile li.phone-item,
.page-catalog-tree .catalog-filter-attribute,
.page-catalog-tree .catalog-filter-search .header-name,
.page-catalog-tree .catalog-filter-supplier,
.page-catalog-tree .catalog-list-footer {
    display: none !important
}*/

.default-navbar-container .navbar .navbar-quicklinks li i.bi-bell,
.default-navbar-container .navbar .navbar-quicklinks li.nav-item.dropdown,
.default-navbar-container .navbar .navbar-quicklinks li.phone-item,
.default-navbar-container .navbar .navbar-quicklinks-mobile li i.bi-bell,
.default-navbar-container .navbar .navbar-quicklinks-mobile li.nav-item.dropdown,
.default-navbar-container .navbar .navbar-quicklinks-mobile li.phone-item,
.page-catalog-tree .catalog-filter-search .header-name,
.page-catalog-tree .catalog-filter-supplier,
.page-catalog-tree .catalog-list-footer {
    display: none !important
}

.default-navbar-container .navbar .navbar-quicklinks li i.bi-whatsapp,
.default-navbar-container .navbar .navbar-quicklinks-mobile li i.bi-whatsapp {
    color: #2563eb !important;
    display: none !important
}

.footer-end-row-links span {
    display: inline-block !important;
    padding: 3px 20px;
    font-size: 11px;
    margin: 15px 0;
}

@media (max-width:991px) {
    .catalog-filter-tree .menu::before {
        content: "Related Items" !important;
        color: #555 !important;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }
}

.catalog-detail .catalog-social .social-button-facebook:before {
    color: #00f !important
}

.catalog-detail .catalog-social .social-button-whatsapp:before {
    color: green !important
}

.catalog-detail-navigator a,
.catalog-detail-navigator a:focus,
.catalog-detail-navigator a:hover {
    padding: 5px .5rem !important;
    margin: 0 !important
}

/*********Home Page Header Search Bar**********/
.header-global-search {
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    padding: 0 12px;
}

@media (min-width: 768px) {
    .header-global-search {
        display: flex !important;
    }
}

.header-global-search .input-group {
    border: 1px solid var(--ai-border, #dee2e6);
    border-radius: 4px;
    overflow: hidden;
    background: var(--ai-bg, #fff);
    width: 100%;
}

.header-global-search .form-control {
    border: none;
    box-shadow: none;
    background: transparent;
    font-size: 0.9rem;
    padding: 0.375rem 0.75rem;
}

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

.header-global-search .btn-search {
    background: var(--ai-primary, #0d6efd);
    color: #fff;
    border: none;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-global-search .btn-search:hover {
    background: var(--ai-primary-hover, #0b5ed7);
}

.header-global-search .btn-search .bi {
    font-size: 1rem;
}

.header-search-mobile {
    background: var(--ai-navbar-bg, #fff);
    border-top: 1px solid var(--ai-border, #dee2e6);
    padding-top: 15px !important;
    padding-bottom: 0px !important;
    margin: 0 11px !important;
}



.header-search-mobile .input-group {
    border: 1px solid var(--ai-border, #dee2e6);
    border-radius: 4px;
    overflow: hidden;
    background: var(--ai-bg, #fff);
}

.header-search-mobile .form-control {
    border: none;
    box-shadow: none;
    background: transparent;

    padding: 10px 7px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.header-search-mobile .form-control:focus {
    box-shadow: none;
}

.header-search-mobile .btn-search {
    background: var(--ai-primary, #0d6efd);
    color: #fff;
    border: none;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-search-mobile .btn-search:hover {
    background: var(--ai-primary-hover, #0b5ed7);
}

/*********Home Page Header Search Bar**********/

/*********Home Page Search Suggest Dropdown**********/
.header-search-autocomplete {
    z-index: 1050;
    overflow: hidden;
    box-sizing: border-box;
    background-color: var(--ai-bg, #fff);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-top: 0.25rem;
    max-height: 80vh;
    overflow-y: auto;
}

.header-search-autocomplete>div {
    padding: 0;
    transition: background-color 0.15s ease;
}

.header-search-autocomplete .group {
    padding: 0.375rem 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: var(--ai-bg-light);
    color: var(--ai-secondary);
}

.header-search-autocomplete>div:hover:not(.group),
.header-search-autocomplete>div.selected {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.04);
}

.header-search-autocomplete .aimeos.catalog-suggest {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.header-search-autocomplete .aimeos.catalog-suggest:last-child {
    border-bottom: none;
}

.header-search-autocomplete .aimeos .suggest-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    padding: 0.75rem 1rem;
    width: 100%;
    box-sizing: border-box;
}

.header-search-autocomplete .aimeos .suggest-item .item-image {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--ai-bg-light, #f5f5f5);
}

.header-search-autocomplete .aimeos .suggest-item .item-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.header-search-autocomplete .aimeos .suggest-item .item-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1.3;
}

.header-search-autocomplete .aimeos .suggest-item .item-match {
    font-size: 0.78rem;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    margin-top: 0.1rem;
}

.header-search-autocomplete .aimeos .suggest-item .item-price {
    flex-shrink: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ai-secondary);
    white-space: nowrap;
}

.header-search-autocomplete .aimeos a.suggest-item:link:not(.btn),
.header-search-autocomplete .aimeos a.suggest-item:visited:not(.btn) {
    color: var(--ai-primary, #0d6efd);
    text-decoration: none;
}

.header-search-autocomplete .aimeos a.suggest-item:hover:not(.btn) {
    color: var(--ai-primary);
    text-decoration: none;
}

@media (max-width: 767px) {
    .header-search-autocomplete {
        border-radius: 0 0 0.5rem 0.5rem;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    }

    .header-search-autocomplete .aimeos .suggest-item {
        padding: 1rem;
    }

    .header-search-autocomplete .aimeos .suggest-item .item-name {
        font-size: 1rem;
    }
}

/*********Home Page Search Suggest Dropdown**********/


/*********Product Detail WhatsApp**********/
.product-detail-whatsapp {
    font-size: 1.2rem;
    margin-bottom: 0;
    position: relative;
}

.product-detail-whatsapp span a {
    font-size: 1.2rem;
    top: 12px;
    position: relative;
    margin-left: 18px;
}

.product-detail-whatsapp span a i {
    font-size: 1.4rem;
}

.product-detail-whatsapp-info {
    font-size: 16px;
    color: #F28C28;
    font-style: italic;
}

/*********Product Detail WhatsApp**********/
/*********Checkout Steps Mobile Center**********/
@media screen and (max-width: 700px) {
    .page-checkout-index .checkout-standard .steps {
        text-align: center !important;
    }

    .page-checkout-index .checkout-standard .steps .step {
        text-align: center !important;
    }

    .page-checkout-index .checkout-standard .steps .basket {
        text-align: center !important;
    }
}