.elementor-31 .elementor-element.elementor-element-661d8fc > .elementor-container{min-height:159px;}.elementor-31 .elementor-element.elementor-element-661d8fc{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-526dfab.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-31 .elementor-element.elementor-element-526dfab > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-898023d > .elementor-container{min-height:159px;}.elementor-31 .elementor-element.elementor-element-898023d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:9;}.elementor-bc-flex-widget .elementor-31 .elementor-element.elementor-element-9b94e54.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31 .elementor-element.elementor-element-9b94e54.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31 .elementor-element.elementor-element-9b94e54 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-31 .elementor-element.elementor-element-9b94e54 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-5f3f662{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-menu-toggle{margin:0 auto;}.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-nav-menu .elementor-item{font-family:"Lato", Sans-serif;font-size:16px;font-weight:800;}.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-nav-menu--main .elementor-item:focus{color:#07B79D;fill:#07B79D;}.elementor-31 .elementor-element.elementor-element-5f3f662 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#07B79D;}.elementor-31 .elementor-element.elementor-element-5f3f662 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-5f3f662 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-5f3f662 div.elementor-menu-toggle:hover, .elementor-31 .elementor-element.elementor-element-5f3f662 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-5f3f662 div.elementor-menu-toggle:hover svg, .elementor-31 .elementor-element.elementor-element-5f3f662 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-e96bd19{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-menu-toggle{margin:0 auto;}.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-nav-menu .elementor-item{font-family:"Lato", Sans-serif;font-size:16px;font-weight:800;}.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-nav-menu--main .elementor-item:focus{color:#07B79D;fill:#07B79D;}.elementor-31 .elementor-element.elementor-element-e96bd19 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#07B79D;}.elementor-31 .elementor-element.elementor-element-e96bd19 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-e96bd19 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-e96bd19 div.elementor-menu-toggle:hover, .elementor-31 .elementor-element.elementor-element-e96bd19 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-e96bd19 div.elementor-menu-toggle:hover svg, .elementor-31 .elementor-element.elementor-element-e96bd19 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-655b888{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-526dfab > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-31 .elementor-element.elementor-element-526dfab > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 16px 0px 16px;}.elementor-31 .elementor-element.elementor-element-5f3f662{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-e96bd19{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-655b888{width:var( --container-widget-width, 95% );max-width:95%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 40px 0px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:center;}.elementor-31 .elementor-element.elementor-element-655b888 img{width:100px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-661d8fc > .elementor-container{min-height:48px;}.elementor-31 .elementor-element.elementor-element-898023d > .elementor-container{min-height:48px;}.elementor-31 .elementor-element.elementor-element-898023d{margin-top:0px;margin-bottom:0px;padding:16px 0px 16px 0px;}.elementor-31 .elementor-element.elementor-element-e96bd19{--container-widget-width:11%;--container-widget-flex-grow:0;width:var( --container-widget-width, 11% );max-width:11%;}.elementor-31 .elementor-element.elementor-element-655b888{padding:0px 30px 0px 0px;--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}}/* Start custom CSS for nav-menu, class: .elementor-element-5f3f662 */.header_menu_1st .elementor-nav-menu {
    justify-content: center;
}

.header_menu_1st .menu-item.logo-menu-item a {
    background-image: url('http://dev.uniocean.network/wp-content/uploads/2025/09/UniOcean-Logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 172px; 
    height: 80px; 
    text-indent: -9999px; 
    overflow: hidden;
}

.header_menu_1st .menu-item.contact-menu-item a {
    color: #00FFFF; /* Teal/cyan color matching your image */
}

/* Optional: Make sure items are evenly spaced */
.header_menu_1st .elementor-nav-menu > li {
    margin: 0 15px; /* Space between items */
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
    display: grid;
;
}




/* Target the menu container */
#menu-1-5f3f662 {
        display: flex
;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /* max-width: 1200px; */
    margin: 0px;
    padding: 0px;
    list-style: none;
   
}

/* Style all list items */
#menu-1-5f3f662 li {
    color: white;
    padding: 0 1rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

li.logo-menu-item {
    margin: 0px !important;
    padding: 0px !important;
}

ul#menu-1-5f3f662 {
    margin-left: 50px;
    margin-right: 50px;
}

#menu-1-5f3f662 li:nth-child(n+5) a {
    padding-left: 10px;
    padding-right: 10px;
}

#menu-1-5f3f662 li:nth-child(-n+3) a {
    padding-left: 10px;
    padding-right: 10px;
}
#menu-1-5f3f662 li:nth-child(3) a {
    margin-right: 104px;
}

/* Balance the layout for 3 items left, 4 items right */
#menu-1-5f3f662 li:nth-child(-n+3) {
    margin-right: auto; /* Push left items to the right within their group */
}

#menu-1-5f3f662 li:nth-child(n+5) {
    margin-left: auto; /* Push right items to the left within their group */
}

/* Ensure even spacing */
#menu-1-5f3f662 li:not(.logo-menu-item) {
    flex: 0 1 auto; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aeaf4cb *//*.elementor-element.elementor-element-aeaf4cb.elementor-widget.elementor-widget-html {
    position: relative;
    width: 100%;
    height: 100px;
}*/
  #sun div{

    content: "";

    display: block;

    position:absolute;

    bottom: 0;

    left:0;

    width: 100vw;

    height:100%;

    --sunPos: 50vw -60vmin;

    transform-origin: var(--sunPos);

    -webkit-animation: sun 3.5s linear infinite alternate;

    animation: sun 3.5s linear infinite alternate;

    -webkit-mask-image: radial-gradient(circle at var(--sunPos),

        white 0%,

        transparent 80%);

    mask-image: radial-gradient(circle at var(--sunPos),

        white 0%,

        transparent 80%);

    z-index: 1;

    pointer-events: none;

  }



 

 

  

  #sun #sun_layer1 {

    background: conic-gradient(from 120deg at var(--sunPos),

        transparent 10.5%,

        rgba(255, 255, 255, 0.15) 11%,

        transparent 11.5%,

        transparent 15%,

        oklch(80% 0.1 0deg/0.1) 16%,

        transparent 17%,

        transparent 18%,

        rgba(255, 255, 255, 0.18) 19%,

        transparent 20%);

  }

  

  #sun #sun_layer2 {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

    -webkit-animation-duration: 7s;

    animation-duration: 7s;

    background: conic-gradient(from 125deg at var(--sunPos),

        transparent 10%,

        rgba(255, 255, 255, 0.18) 11%,

        transparent 12%,

        transparent 15.5%,

        rgba(255, 255, 255, 0.18) 16%,

        transparent 16.5%,

        transparent 17%,

        oklch(90% 0.1 50deg/0.18) 18%,

        transparent 19%);

  }

  

  #sun #sun_layer3 {

    -webkit-animation-delay: -2s;

    animation-delay: -2s;

    -webkit-animation-duration: 6.5s;

    animation-duration: 6.5s;

    background: conic-gradient(from 130deg at var(--sunPos),

        transparent 10%,

        oklch(90% 0.1 200deg/0.18) 11%,

        transparent 12%,

        transparent 14%,

        rgba(255, 255, 255, 0.18) 15%,

        transparent 16%,

        transparent 17%,

        rgba(255, 255, 255, 0.18) 18%,

        transparent 19%);

  }



  #sun #sun_layer4 {

    -webkit-animation-delay: -2s;

    animation-delay: -2s;

    -webkit-animation-duration: 6.5s;

    animation-duration: 6.5s;

    background: conic-gradient(from 135deg at var(--sunPos),

        transparent 10%,

        oklch(90% 0.1 200deg/0.1) 11%,

        transparent 12%,

        transparent 14%,

        rgba(255, 255, 255, 0.1) 15%,

        transparent 16%,

        transparent 17%,

        rgba(255, 255, 255, 0.1) 18%,

        transparent 19%);

  }

  

  @keyframes sun {

    to {

      transform: skew(-15deg);

    }

  }/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e96bd19 */.header_menu_1st .elementor-nav-menu {
    justify-content: center;
}

.header_menu_1st .menu-item.logo-menu-item a {
    background-image: url('http://dev.uniocean.network/wp-content/uploads/2025/09/UniOcean-Logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 172px; 
    height: 80px; 
    text-indent: -9999px; 
    overflow: hidden;
}

.header_menu_1st .menu-item.contact-menu-item a {
    color: #00FFFF; /* Teal/cyan color matching your image */
}

/* Optional: Make sure items are evenly spaced */
.header_menu_1st .elementor-nav-menu > li {
    margin: 0 15px; /* Space between items */
}


@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown {
        background: rgba(0, 0, 0, 0.1); /* Transparent background */
        backdrop-filter: blur(10px); /* Backdrop blur effect */
        -webkit-backdrop-filter: blur(10px); /* Safari support */
        padding: 20px;
    }
    .elementor-nav-menu--dropdown .menu-item a {
        color: #FFFFFF; /* White text for visibility */
        padding: 10px 0;
        display: block;
    }
    .elementor-nav-menu--dropdown .menu-item.contact-menu-item a {
        color: #00FFFF; /* Retain teal for Contact */
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-661d8fc */.tophomBg:before {
    position: absolute;
    width: 844px;
    height: 350px;
    border-radius: 100%;
    background: rgba(12, 79, 162, 1);
    /*background: url("http://dev.uniocean.network/wp-content/uploads/2025/09/Mask-group-2025-09-19T152439.422.png");*/
    filter: blur(58px);
    content: '';
    top: -200px;
    left: -10px;
    right: 0px;
    margin: 0px auto;
    z-index: 9;
}
@media only screen and (max-width: 991px) {
    .tophomBg:before {
        max-width: 884px;
        width: 100%;
    }
}/* End custom CSS */