.elementor-23 .elementor-element.elementor-element-c70c5ad{--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:35px;--padding-block-end:0px;--padding-inline-start:95px;--padding-inline-end:95px;--position:fixed;top:0px;--z-index:999;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-c70c5ad{left:0px;}body.rtl .elementor-23 .elementor-element.elementor-element-c70c5ad{right:0px;}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-c70c5ad{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--padding-block-start:40px;--padding-block-end:0px;--padding-inline-start:30px;--padding-inline-end:30px;}}/* Start custom CSS for html, class: .elementor-element-f147946 */#melbourne-time {
    font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    color: #6E6E73;
    text-transform: uppercase;
}

@media screen and (max-width:1366px) {
    #melbourne-time  {
        font-size: 16px;
    }
}

.home #melbourne-time,
.home .melbourne-time {
    color: #fff;
}

.melbourne-time {
    font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    color: #6E6E73;
}

@media screen and (max-width:1366px) {
    .melbourne-time  {
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c70c5ad */.home .newSvg {
    fill: #FFF;
}


#id-parent {
    overflow: hidden;
}

@media screen and (min-width: 992px) {

    .logo {
        width: 28px;
        margin: 0 auto;
        position: relative;
        display: inline-block;
        transition: all .5s;
    }

    .logo__image {
        opacity: 1;
        transition: all .5s;
    }

    .logo__text {
        opacity: 0;
        transition: all .5s;
        position: absolute;
        bottom: 0;
        left: 50px;
        right: 0;
        width: 0;
        overflow: hidden;
    }

    .logo:hover .logo__image {
        transform: translateX(-26px);
        opacity: 0;
    }

    .logo:hover .logo__text {
        opacity: 1;
        width: 100%;
        left: 0;
    }

    .logo:hover {
        width: 250px;
        transition: all .5s;
    }
}

@media screen and (max-width: 992px) {
    .logo__text {
        display: none;
    }
}/* End custom CSS */