.elementor-1000126 .elementor-element.elementor-element-75b74bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:44;}.elementor-1000126 .elementor-element.elementor-element-75b74bc:not(.elementor-motion-effects-element-type-background), .elementor-1000126 .elementor-element.elementor-element-75b74bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2e45131 */```css
/* =========================================================
   RESET
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Open Sans", sans-serif;
}


/* =========================================================
   STICKY FULL WIDTH HEADER
========================================================= */

.header {
    width: 100%;
    min-height: 82px;

    padding: 10px 3%;

    background: rgba(255, 255, 255, 0.98);

    display: flex;
    align-items: center;

    position: sticky;
    top: 0;
    left: 0;

    z-index: 99999;

    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(10px);
}


/* =========================================================
   LOGO
========================================================= */

.logo {
    flex-shrink: 0;
}

.logo a {
    display: flex;
    align-items: center;
}

.logo img {
    width: 135px;
    height: auto;
    display: block;
}


/* =========================================================
   NAVIGATION
========================================================= */

.navbar {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-list {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: clamp(20px, 3vw, 45px);

    list-style: none;

    margin: 0;
    padding: 0;
}

.nav-list > li {
    position: relative;
    list-style: none;
}

.nav-list > li > a {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding: 15px 0;

    color: #222222;

    text-decoration: none;

    font-family: "Playfair Display", serif;

    font-size: 15px;
    font-weight: 600;

    white-space: nowrap;

    transition: all 0.3s ease;
}


/* =========================================================
   MAIN NAV HOVER
========================================================= */

.nav-list > li > a:hover,
.nav-list > li > a.active {
    color: #A42127;
}


/* =========================================================
   PRODUCTS ARROW
========================================================= */

.down-arrow {
    font-family: Arial, sans-serif;

    font-size: 13px;

    line-height: 1;
}


/* =========================================================
   DESKTOP PRODUCTS DROPDOWN
========================================================= */

.dropdown-menu {
    position: absolute;

    top: calc(100% + 5px);
    left: 50%;

    width: 270px;

    padding: 8px 0;

    margin: 0;

    background: #ffffff;

    border-radius: 6px;

    list-style: none;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);

    opacity: 0;
    visibility: hidden;

    transform: translate(-50%, 12px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}


/* SHOW PRODUCTS */

.dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;

    transform: translate(-50%, 0);
}


/* =========================================================
   DROPDOWN ITEMS
========================================================= */

.dropdown-menu > li {
    position: relative;

    width: 100%;

    list-style: none;
}

.dropdown-menu > li > a {
    width: 100%;

    min-height: 48px;

    padding: 12px 18px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    color: #222222;

    text-decoration: none;

    font-family: "Open Sans", sans-serif;

    font-size: 14px;
    font-weight: 600;

    transition: all 0.25s ease;
}

.dropdown-menu > li > a:hover {
    background: #A42127;

    color: #ffffff;
}


/* =========================================================
   RIGHT ARROW
========================================================= */

.right-arrow {
    font-family: Arial, sans-serif;

    font-size: 15px;

    margin-left: 15px;
}


/* =========================================================
   DESKTOP SECOND LEVEL SUBMENU
========================================================= */

.submenu-menu {
    position: absolute;

    top: 0;
    left: calc(100% + 5px);

    width: 310px;

    padding: 8px 0;

    margin: 0;

    background: #ffffff;

    border-radius: 6px;

    list-style: none;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);

    opacity: 0;
    visibility: hidden;

    transform: translateX(12px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}


/* SHOW SUBMENU */

.submenu:hover > .submenu-menu {
    opacity: 1;

    visibility: visible;

    transform: translateX(0);
}


/* =========================================================
   PRODUCT LINKS
========================================================= */

.submenu-menu li {
    width: 100%;

    list-style: none;
}

.submenu-menu li a {
    width: 100%;

    min-height: 44px;

    padding: 11px 17px;

    display: flex;

    align-items: center;

    color: #222222;

    text-decoration: none;

    font-family: "Open Sans", sans-serif;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.4;

    transition: all 0.25s ease;
}

.submenu-menu li a:hover {
    background: #A42127;

    color: #ffffff;
}


/* =========================================================
   ENQUIRE BUTTON
========================================================= */

.header-btn {
    flex-shrink: 0;
}

.header-btn a {
    min-height: 44px;

    padding: 0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    background: #A42127;

    color: #ffffff;

    border-radius: 5px;

    text-decoration: none;

    font-family: "Open Sans", sans-serif;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;

    transition: all 0.3s ease;
}

.header-btn a:hover {
    background: #7d191e;

    color: #ffffff;
}


/* =========================================================
   HAMBURGER
========================================================= */

#menu-toggle {
    display: none;
}

.hamburger {
    display: none;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;

    cursor: pointer;

    color: #A42127;

    font-size: 23px;
}


/* =========================================================
   TABLET
========================================================= */

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

    .header {
        padding: 10px 2%;
    }

    .logo img {
        width: 115px;
    }

    .nav-list {
        gap: 20px;
    }

    .nav-list > li > a {
        font-size: 14px;
    }

    .header-btn a {
        padding: 0 17px;

        font-size: 13px;
    }

    .dropdown-menu {
        width: 250px;
    }

    .submenu-menu {
        width: 290px;
    }
}


/* =========================================================
   MOBILE / TABLET
========================================================= */

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


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .header {
        width: 100%;

        min-height: 70px;

        padding: 10px 20px;

        display: flex;

        align-items: center;

        flex-wrap: wrap;
    }


    /* -----------------------------------------------------
       LOGO LEFT
    ----------------------------------------------------- */

    .logo {
        margin-right: auto;

        flex-shrink: 0;
    }

    .logo img {
        width: 105px;
    }


    /* -----------------------------------------------------
       HIDE ENQUIRE
    ----------------------------------------------------- */

    .header-btn {
        display: none !important;
    }


    /* -----------------------------------------------------
       HAMBURGER RIGHT
    ----------------------------------------------------- */

    .hamburger {
        display: flex;

        order: 3;

        flex-shrink: 0;

        width: 42px;
        height: 42px;

        margin-left: auto;

        align-items: center;
        justify-content: center;

        color: #A42127;

        font-size: 23px;
    }


    /* -----------------------------------------------------
       NAVBAR
    ----------------------------------------------------- */

    .navbar {
        width: 100%;

        flex: none;

        order: 5;

        display: none;

        margin: 10px 0 0 0;

        padding: 0;

        text-align: center;
    }


    /* OPEN MOBILE MENU */

    #menu-toggle:checked ~ .navbar {
        display: block;
    }


    /* -----------------------------------------------------
       MAIN MENU
    ----------------------------------------------------- */

    .nav-list {
        width: 100%;

        display: block;

        margin: 0 !important;

        padding: 5px 0 !important;

        list-style: none;

        text-align: center;

        background: #ffffff;

        border-top: 1px solid #eeeeee;
    }


    .nav-list > li {
        width: 100%;

        margin: 0 !important;

        padding: 0 !important;

        border-bottom: 1px solid #eeeeee;

        text-align: center;
    }

    .nav-list > li:last-child {
        border-bottom: none;
    }


    /* -----------------------------------------------------
       MAIN MENU LINKS CENTER
    ----------------------------------------------------- */

    .nav-list > li > a {
        width: 100%;

        min-height: 48px;

        margin: 0 !important;

        padding: 13px 10px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        text-align: center !important;

        color: #222222;

        font-family: "Playfair Display", serif;

        font-size: 15px;
    }


    /* -----------------------------------------------------
       PRODUCTS DROPDOWN
    ----------------------------------------------------- */

    .dropdown-menu {
        position: static !important;

        width: 100% !important;

        min-width: 100% !important;

        max-width: 100% !important;

        height: auto;

        margin: 0 !important;

        padding: 0 !important;

        display: none;

        background: #fafafa;

        border-radius: 0;

        box-shadow: none !important;

        opacity: 1 !important;

        visibility: visible !important;

        transform: none !important;

        text-align: center !important;
    }


    /* OPEN PRODUCTS */

    .dropdown:focus-within > .dropdown-menu {
        display: block !important;
    }


    /* -----------------------------------------------------
       SMALL PACKS / BIG PACKS
    ----------------------------------------------------- */

    .dropdown-menu > li {
        position: static !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        text-align: center !important;
    }


    .dropdown-menu > li > a {
        width: 100% !important;

        min-height: 46px;

        margin: 0 !important;

        padding: 12px 10px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        gap: 7px;

        background: #f6f6f6;

        color: #000000 !important;

        font-family: "Open Sans", sans-serif;

        font-size: 13px;

        font-weight: 600;

        text-align: center !important;
    }


    /* -----------------------------------------------------
       SECOND LEVEL SUBMENU
    ----------------------------------------------------- */

    .submenu-menu {
        position: static !important;

        top: auto !important;

        left: auto !important;

        right: auto !important;

        width: 100% !important;

        min-width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        display: none;

        background: #eeeeee;

        border-radius: 0;

        box-shadow: none !important;

        opacity: 1 !important;

        visibility: visible !important;

        transform: none !important;

        text-align: center !important;
    }


    /* OPEN SUBMENU */

    .submenu:focus-within > .submenu-menu {
        display: block !important;
    }


    /* -----------------------------------------------------
       PRODUCT ITEMS CENTER
    ----------------------------------------------------- */

    .submenu-menu li {
        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        list-style: none;

        text-align: center !important;
    }


    .submenu-menu li a {
        width: 100% !important;

        min-height: 43px;

        margin: 0 !important;

        padding: 10px 10px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        background: #f1f1f1;

        color: #000000 !important;

        font-family: "Open Sans", sans-serif;

        font-size: 12px;

        font-weight: 500;

        line-height: 1.5;

        text-align: center !important;
    }


    /* -----------------------------------------------------
       ARROWS
    ----------------------------------------------------- */

    .down-arrow {
        margin-left: 3px;
    }

    .right-arrow {
        margin-left: 5px;
    }


    /* -----------------------------------------------------
       HOVER
    ----------------------------------------------------- */

    .dropdown-menu > li > a:hover {
        background: #A42127 !important;

        color: #ffffff !important;
    }

    .submenu-menu li a:hover {
        background: #A42127 !important;

        color: #ffffff !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

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

    .header {
        padding: 9px 15px;
    }

    .logo img {
        width: 95px;
    }

    .hamburger {
        width: 40px;
        height: 40px;

        font-size: 21px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

    .header {
        padding: 8px 12px;
    }

    .logo img {
        width: 85px;
    }

    .hamburger {
        width: 36px;
        height: 36px;

        font-size: 20px;
    }

    .nav-list > li > a {
        font-size: 14px;
    }

    .dropdown-menu > li > a {
        font-size: 12px;
    }

    .submenu-menu li a {
        font-size: 11px;
    }

}
```/* End custom CSS */