.elementor-21 .elementor-element.elementor-element-98a3558{--display:flex;--min-height:110px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-21 .elementor-element.elementor-element-98a3558:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-98a3558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-21 .elementor-element.elementor-element-02003fd{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-02003fd:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-02003fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu .elementor-item{font-family:"Lato", Sans-serif;font-size:18px;font-weight:500;}.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main .elementor-item:focus{color:#573202;fill:#573202;}.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#573202;}.elementor-21 .elementor-element.elementor-element-44d5127 .e--pointer-framed .elementor-item:before,
					.elementor-21 .elementor-element.elementor-element-44d5127 .e--pointer-framed .elementor-item:after{border-color:#573202;}.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-44d5127 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-21 .elementor-element.elementor-element-44d5127 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-44d5127{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-21 .elementor-element.elementor-element-44d5127 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-21 .elementor-element.elementor-element-fb45306{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21 .elementor-element.elementor-element-bb30490 img{width:25%;max-width:25%;height:25%;}.elementor-21 .elementor-element.elementor-element-e35ae5b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-777509e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-3360b18 .elementor-icon-wrapper{text-align:center;}.elementor-21 .elementor-element.elementor-element-3360b18.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-3360b18.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-3360b18.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-3360b18.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-3360b18.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-3360b18 .elementor-icon{font-size:100px;}.elementor-21 .elementor-element.elementor-element-3360b18 .elementor-icon svg{height:100px;}.elementor-21 .elementor-element.elementor-element-c6b3fca img{width:60px;max-width:60px;height:60px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21 .elementor-element.elementor-element-c5be5a3 .elementor-button{background-color:#00000000;font-family:"Lato", Sans-serif;font-size:20px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-21 .elementor-element.elementor-element-c5be5a3{width:100%;max-width:100%;}.elementor-21 .elementor-element.elementor-element-c4e71c5{--display:flex;}.elementor-21 .elementor-element.elementor-element-24df7e6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-90110de img{width:60px;max-width:60px;height:60px;}.elementor-21 .elementor-element.elementor-element-9c90119{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-21 .elementor-element.elementor-element-0b1106f img{width:25%;max-width:25%;height:25%;}.elementor-21 .elementor-element.elementor-element-25deb9c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-0803edd img{width:25%;max-width:25%;height:25%;}@media(max-width:1440px){.elementor-21 .elementor-element.elementor-element-bb30490 img{width:80%;max-width:80%;height:80%;}.elementor-21 .elementor-element.elementor-element-0b1106f img{width:80%;max-width:80%;height:80%;}.elementor-21 .elementor-element.elementor-element-0803edd img{width:80%;max-width:80%;height:80%;}}@media(min-width:769px){.elementor-21 .elementor-element.elementor-element-02003fd{--width:60%;}.elementor-21 .elementor-element.elementor-element-fb45306{--width:70%;}.elementor-21 .elementor-element.elementor-element-e35ae5b{--width:35%;}.elementor-21 .elementor-element.elementor-element-777509e{--content-width:100%;}.elementor-21 .elementor-element.elementor-element-9c90119{--width:70%;}}@media(max-width:768px){.elementor-21 .elementor-element.elementor-element-fb45306{--width:40%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-bb30490 img{max-width:30%;}.elementor-21 .elementor-element.elementor-element-e35ae5b{--width:40%;}.elementor-21 .elementor-element.elementor-element-3360b18 .elementor-icon{font-size:35px;}.elementor-21 .elementor-element.elementor-element-3360b18 .elementor-icon svg{height:35px;}.elementor-21 .elementor-element.elementor-element-9c90119{--width:40%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-0b1106f img{max-width:30%;}.elementor-21 .elementor-element.elementor-element-0803edd img{width:120%;max-width:120%;height:120%;}}/* Start custom CSS for nav-menu, class: .elementor-element-44d5127 *//* =========================================
   RIOBA SAFARIS
   MOBILE TRANSPARENT HEADER
========================================= */

@media (max-width: 767px) {

    /* Main header */
    .safari-transparent-header {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        z-index: 9999;
        padding: 22px 22px;
        background: transparent !important;
    }


    /* =========================================
       FORCE ONE HORIZONTAL ROW
    ========================================= */

    .safari-transparent-header > .e-con-inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;

        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;

        align-items: center !important;
    }


    /* =========================================
       LEFT - PHONE
    ========================================= */

    .safari-header-left {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .safari-header-left .elementor-icon {
        color: #ffffff !important;
        font-size: 31px !important;
        line-height: 1 !important;
    }


    /* =========================================
       CENTER - LOGO
    ========================================= */

    .safari-header-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
    }

    .safari-header-logo img {
        width: 155px !important;
        max-width: 155px !important;
        height: auto !important;
        display: block !important;
    }


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

    .safari-header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
    }

    .safari-header-right .elementor-icon {
        color: #ffffff !important;
        font-size: 31px !important;
        line-height: 1 !important;
    }


    /* =========================================
       ICON HOVER
    ========================================= */

    .safari-transparent-header .elementor-icon {
        transition: opacity 0.3s ease;
    }

    .safari-transparent-header .elementor-icon:hover {
        opacity: 0.7;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb30490 */.logo{
    position: relative;
    right: 120px !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0b1106f */.logo{
    position: relative;
    right: 120px !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0803edd */.logo{
    position: relative;
    right: 120px !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4e71c5 *//* =========================================================
   SARAFU STYLE MOBILE HEADER
   ELEMENTOR
   MOBILE ONLY
   ========================================================= */

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

    /* =====================================================
       MAIN MOBILE HEADER
       ===================================================== */

    .sarafu-mobile-header {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 95px !important;
        min-height: 95px !important;

        margin: 0 !important;
        padding: 0 24px !important;

        background: transparent !important;

        display: block !important;

        z-index: 99999 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       LEFT — CONTACT / PHONE ICON
       ===================================================== */

    .sarafu-mobile-header .sarafu-phone {
        position: absolute !important;

        left: 24px !important;
        top: 50% !important;

        width: 50px !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        visibility: visible !important;
        opacity: 1 !important;

        z-index: 100 !important;
    }


    /* PHONE ICON */

    .sarafu-mobile-header .sarafu-phone .elementor-icon {
        display: flex !important;

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

        visibility: visible !important;
        opacity: 1 !important;

        color: #ffffff !important;

        font-size: 32px !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
    }


    /* Make sure the actual SVG/icon is visible */

    .sarafu-mobile-header .sarafu-phone svg {
        width: 30px !important;
        height: 30px !important;

        display: block !important;

        fill: currentColor !important;
    }


    /* =====================================================
       CENTER — LOGO
       ===================================================== */

    .sarafu-mobile-header .sarafu-logo {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        width: 160px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translate(-50%, -50%) !important;

        display: flex !important;

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

        visibility: visible !important;
        opacity: 1 !important;

        z-index: 50 !important;
    }


    /* LOGO IMAGE */

    .sarafu-mobile-header .sarafu-logo img {
        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;
        height: auto !important;

        max-width: 145px !important;
        max-height: 72px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        object-fit: contain !important;
    }


    /* =====================================================
       RIGHT — MENU ICON
       ===================================================== */

    .sarafu-mobile-header .sarafu-menu {
        position: absolute !important;

        right: 24px !important;
        left: auto !important;

        top: 50% !important;

        width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;

        display: block !important;

        /*visibility: visible !important;*/
        /*opacity: 1 !important;*/

        z-index: 200 !important;

        cursor: pointer !important;
    }


    /* =====================================================
       HIDE ORIGINAL ELEMENTOR MENU ICON
       ===================================================== */

    /*.sarafu-mobile-header .sarafu-menu .elementor-icon {*/
    /*    display: none !important;*/

    /*    visibility: hidden !important;*/
    /*    opacity: 0 !important;*/
    /*}*/


    /* =====================================================
       CREATE TWO-LINE MENU
       ===================================================== */

    /*.sarafu-mobile-header .sarafu-menu::before,*/
    /*.sarafu-mobile-header .sarafu-menu::after {*/

    /*    content: "" !important;*/

    /*    position: absolute !important;*/

    /*    right: 0 !important;*/

    /*    width: 42px !important;*/
    /*    height: 2px !important;*/

    /*    background: #ffffff !important;*/

    /*    border: none !important;*/
    /*    border-radius: 0 !important;*/

    /*    display: block !important;*/

    /*    visibility: visible !important;*/
    /*    opacity: 1 !important;*/

    /*    transition: width 0.25s ease !important;*/
    /*}*/




    /* =====================================================
       MENU HOVER
       ===================================================== */

    /*.sarafu-mobile-header .sarafu-menu:hover::before,*/
    /*.sarafu-mobile-header .sarafu-menu:hover::after {*/
    /*    width: 32px !important;*/
    /*}*/


    /* =====================================================
       SMALL MOBILE — 480px
       ===================================================== */

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

        .sarafu-mobile-header {
            height: 88px !important;
            min-height: 88px !important;

            padding-left: 20px !important;
            padding-right: 20px !important;
        }


        /* LEFT PHONE */

        .sarafu-mobile-header .sarafu-phone {
            left: 20px !important;
        }


        .sarafu-mobile-header .sarafu-phone .elementor-icon {
            font-size: 30px !important;
        }


        .sarafu-mobile-header .sarafu-phone svg {
            width: 28px !important;
            height: 28px !important;
        }


        /* CENTER LOGO */

        .sarafu-mobile-header .sarafu-logo {
            width: 150px !important;
        }


        .sarafu-mobile-header .sarafu-logo img {
            max-width: 135px !important;
            max-height: 68px !important;
        }


        /* RIGHT MENU */

        .sarafu-mobile-header .sarafu-menu {
            right: 20px !important;
        }


        .sarafu-mobile-header .sarafu-menu::before,
        .sarafu-mobile-header .sarafu-menu::after {
            width: 38px !important;
        }
    }


    /* =====================================================
       VERY SMALL PHONE — 360px
       ===================================================== */

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

        .sarafu-mobile-header {
            height: 82px !important;
            min-height: 82px !important;
        }


        /* PHONE */

        .sarafu-mobile-header .sarafu-phone {
            left: 16px !important;
        }


        .sarafu-mobile-header .sarafu-phone .elementor-icon {
            font-size: 28px !important;
        }


        .sarafu-mobile-header .sarafu-phone svg {
            width: 26px !important;
            height: 26px !important;
        }


        /* LOGO */

        .sarafu-mobile-header .sarafu-logo {
            width: 135px !important;
        }


        .sarafu-mobile-header .sarafu-logo img {
            max-width: 122px !important;
            max-height: 62px !important;
        }


        /* MENU */

        .sarafu-mobile-header .sarafu-menu {
            right: 16px !important;
        }


        .sarafu-mobile-header .sarafu-menu::before,
        .sarafu-mobile-header .sarafu-menu::after {
            width: 35px !important;
        }
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98a3558 *//* =========================================
   RIOBA SAFARIS
   MOBILE TRANSPARENT HEADER
========================================= */

@media (max-width: 767px) {

    /* Main header */
    .safari-transparent-header {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        z-index: 9999;
        padding: 22px 22px;
        background: transparent !important;
    }


    /* =========================================
       FORCE ONE HORIZONTAL ROW
    ========================================= */

    .safari-transparent-header > .e-con-inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;

        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;

        align-items: center !important;
    }


    /* =========================================
       LEFT - PHONE
    ========================================= */

    .safari-header-left {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .safari-header-left .elementor-icon {
        color: #ffffff !important;
        font-size: 31px !important;
        line-height: 1 !important;
    }


    /* =========================================
       CENTER - LOGO
    ========================================= */

    .safari-header-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
    }

    .safari-header-logo img {
        width: 155px !important;
        max-width: 155px !important;
        height: auto !important;
        display: block !important;
    }


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

    .safari-header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
    }

    .safari-header-right .elementor-icon {
        color: #ffffff !important;
        font-size: 31px !important;
        line-height: 1 !important;
    }


    /* =========================================
       ICON HOVER
    ========================================= */

    .safari-transparent-header .elementor-icon {
        transition: opacity 0.3s ease;
    }

    .safari-transparent-header .elementor-icon:hover {
        opacity: 0.7;
    }

}



/* =====================================================
   SARAFU MOBILE HEADER
   MOBILE ONLY — DOES NOT AFFECT DESKTOP
   ===================================================== */

@media (max-width: 767px) {

    /* MAIN MOBILE HEADER */
    .sarafu-header {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;

        min-height: 88px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        padding: 0 22px !important;

        background: transparent !important;

        z-index: 9999 !important;

        box-sizing: border-box;
    }


    /* =================================================
       LEFT — PHONE
       ================================================= */

    .sarafu-phone {
        width: 25% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .sarafu-phone .elementor-icon {
        color: #ffffff !important;

        font-size: 31px !important;

        line-height: 1 !important;

        transition: all 0.3s ease;
    }

    .sarafu-phone:hover .elementor-icon {
        transform: scale(1.05);
    }


    /* =================================================
       CENTER — LOGO
       ================================================= */

    .sarafu-logo {
        width: 50% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center;
    }

    .sarafu-logo img {
        width: auto !important;

        max-width: 145px !important;

        max-height: 72px !important;

        height: auto !important;

        object-fit: contain;

        display: block;

        transition: all 0.3s ease;
    }


    /* =================================================
       RIGHT — MENU
       ================================================= */

    .sarafu-menu {
        width: 25% !important;

        height: 42px !important;

        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        cursor: pointer;
    }


    /* =================================================
       TWO-LINE MENU ICON
       ================================================= */

    .sarafu-menu::before,
    .sarafu-menu::after {
        content: "";

        position: absolute;

        right: 0;

        width: 40px;

        height: 2px;

        background: #ffffff;

        border-radius: 2px;

        transition:
            transform 0.35s ease,
            width 0.35s ease,
            opacity 0.35s ease;
    }

    .sarafu-menu::before {
        transform: translateY(-7px);
    }

    .sarafu-menu::after {
        transform: translateY(7px);
    }


    /* =================================================
       MENU HOVER
       ================================================= */

    .sarafu-menu:hover::before {
        width: 34px;

        transform: translateY(-9px);
    }

    .sarafu-menu:hover::after {
        width: 34px;

        transform: translateY(9px);
    }


    /* Hide Elementor's original icon
       because CSS creates the menu */
       
    .sarafu-menu .elementor-icon {
        opacity: 0 !important;
    }


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

    @media (max-width: 480px) {

        .sarafu-header {
            min-height: 82px !important;

            padding-left: 18px !important;
            padding-right: 18px !important;
        }

        .sarafu-phone .elementor-icon {
            font-size: 28px !important;
        }

        .sarafu-logo img {
            max-width: 135px !important;

            max-height: 68px !important;
        }

        .sarafu-menu::before,
        .sarafu-menu::after {
            width: 36px;
        }
    }


    /* =================================================
       VERY SMALL PHONES
       ================================================= */

    @media (max-width: 360px) {

        .sarafu-header {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .sarafu-phone .elementor-icon {
            font-size: 26px !important;
        }

        .sarafu-logo img {
            max-width: 120px !important;
        }

        .sarafu-menu::before,
        .sarafu-menu::after {
            width: 33px;
        }
    }
}/* End custom CSS */