.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-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%;--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: 170px; 
    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 0px; /* 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;
    text-align: center;
}

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

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

/* 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; */
}


li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1616 a {
    white-space: normal;
    padding: 12px 0px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border: 1px solid #1A61CC;
    border-radius: 50px;
    background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%);
    color: #FFF;
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    transition: all 0.3s ease;
    vertical-align: middle;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1616 a:hover {
    border: 1px solid #1A61CC;
    color: #ffffff;
    background: transparent;
}


.menu-item-1612 .elementor-item.elementor-item-anchor.has-submenu::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 0px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-width: 2px;
    background: linear-gradient(270deg, #07B79D 0%, #1A61CC 100%) border-box;
    border-style: solid;
    border-image: linear-gradient(to left, #07B79D, #1A61CC) 100%;
    z-index: 1;
    height: 100%;
    opacity: 1 !important;
}
.menu-item-1612 .elementor-item.elementor-item-anchor.has-submenu {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    padding-left: 2px !important;
    justify-content: center;
    text-decoration: none;
    align-items: center;
    border-radius: 50px;
    color: #07B79D;
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
}
.menu-item-1612 .elementor-item.elementor-item-anchor.has-submenu:hover {
    background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%);
    color: #FFF !important;
    fill: #fff !important;
}

.menu-item-1612 .sub-menu.elementor-nav-menu--dropdown {
    background: #062651;
    border-radius: 16px;
    padding: 16px;
}
.menu-item-1612 .sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-anchor {
    color: #fff;
    font-weight: 800;
    padding: 0px;
}

.menu-item-1612 .sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item {
    color: #fff;
    font-weight: 800;
    padding: 0px;
}

.menu-item-1468 a.elementor-item, .menu-item-1468 a.elementor-item:hover {
    padding-left: 10px;
    padding-right: 10px;
}
.menu-item-1469 a.elementor-item, .menu-item-1469 a.elementor-item:hover {
    padding-left: 10px;
    padding-right: 10px;
}
.menu-item-1470 a.elementor-item, .menu-item-1470 a.elementor-item:hover {
    padding-left: 10px;
    padding-right: 10px;
}
.menu-item-1471 a.elementor-item, .menu-item-1471 a.elementor-item:hover {
    padding-left: 10px;
    padding-right: 10px;
}

.elementor-nav-menu .sub-arrow{
    display: inline-flex !important;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1614{
    padding-bottom: 10px;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1614 a.elementor-sub-item.elementor-item-anchor {
    background: transparent;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1615 a.elementor-sub-item {
    background: transparent;
}


/*For teb and mobile menu*/

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-1199.current_page_item.menu-item-1475 a.elementor-item.elementor-item-active {
    background: transparent !important;
}/* 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 */
    }
}



li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-1199.current_page_item.menu-item-1475 a.elementor-item.elementor-item-active {
    background: transparent !important;
}



.menu-item-1642 .elementor-item.elementor-item-anchor.has-submenu{
    padding: 15px 21px;
    justify-content: center;
    text-decoration: none;
    align-items: center;
    border-radius: 50px;
    color: #07B79D;
    fill: #07B79D;
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
}
 /*.elementor-nav-menu--dropdown .menu-item-1642 .elementor-item.highlighted{
    background: transparent;
 }*/
.menu-item-1642 .elementor-item.elementor-item-anchor.has-submenu::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 0px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-width: 2px;
    background: linear-gradient(270deg, #07B79D 0%, #1A61CC 100%) border-box;
    border-style: solid;
    border-image: linear-gradient(to left, #07B79D, #1A61CC) 100%;
    z-index: 1;
    height: 100%;
    opacity: 1 !important;
}
.menu-item-1642 .elementor-item.elementor-item-anchor.has-submenu.highlighted{
    background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%) !important;
    color: #FFF !important;
    fill: #fff !important;
}
.menu-item-1642 .elementor-item.elementor-item-anchor.has-submenu:hover{
    background:transparent;
}
.menu-item-1642 .elementor-item.elementor-item-anchor.has-submenu {
    width: 100%;
}

.menu-item-1645 a.elementor-item.elementor-item-anchor {
    white-space: normal;
    padding: 15px 27px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border: 1px solid #1A61CC;
    border-radius: 50px;
    background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%);
    color: #FFF;
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    transition: all 0.3s ease;
    width: auto !important;
    margin-top: 20px;
}/* 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 */