.blog-bg{
    padding-top: 00px;padding-bottom: 0px;
}
body{
    background: #04142B !important;
}
.blog-bg .container {max-width: 1104px;}
.recentblog-sec .container {max-width: 1104px;padding: 0px;}
.row.search_result_show{padding: 0px;}
.blog-bg {
    background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/Asset-1-2-2.png") ; background-size:38%;  
  background-repeat:no-repeat; background-position: bottom right; background-color: transparent;
}
.latestblog-sec{
          background-image: url(http://dev.uniocean.network/wp-content/uploads/2025/09/Group-290133.png);
    background-size: 19%;
    background-repeat: no-repeat;
    background-position: 27% 100%;
    background-color: transparent;
}
 .blog-bg h5 {
    color: #FFF;font-size: 30px;font-weight: 700;line-height: 42px;
}

.latestblog-sec .blog-label{position: relative;}

/*.latestblog-sec .blog-label::before{ position: absolute;width: 844px;height: 350px;border-radius: 100%;

    background: rgba(12, 79, 162, 1);filter: blur(58px); content: ''; top: -658px;left: 138px; right: 0px; margin: 0px auto; z-index: 9;}*/

.latestblog-sec {padding: 104px 0 60px; position: relative;}

.latestblog-sec .blog-label {font-size: 12px;font-style: normal;font-weight: 500;line-height: normal; background: linear-gradient(272deg, #07B79D 21.28%, #1A61CC 81.2%);

background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;border-radius: 50px;border: 1px solid #1A61CC;padding: 5px 23px;

    display: inline-block; margin-bottom: 20px;}

.latestblog-sec .latest-info {padding-right: 20px;}    

.latestblog-sec .latest-info h4 {background: linear-gradient(82deg, #07B79D 25.91%, #0865E6 75.71%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.latestblog-sec .latest-info p {color: rgba(255, 255, 255, 0.70);font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;}

.latestblog-sec .latest-info .read-more {border-radius: 50px;background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%);color: #FFF;

font-family: Lato;font-size: 16px;font-style: normal;font-weight: 800;line-height: normal;border: 1px solid #1A61CC;padding: 15.1px 21px; transition: 0.7s;

    display: inline-block;margin-top: 18px; text-decoration: none;}

.latestblog-sec .latest-info .read-more:hover {opacity: 0.7;}

.latestblog-sec .latest-img h5 {padding-right: 170px;}

.latestblog-sec .latest-img h6 {color: #1E99D2;font-size: 15px;font-style: normal;font-weight: 500;line-height: 28px; }

.latestblog-sec .latest-img {border-radius: 20px;background-color: #010014; padding: 90px 32px; position: relative;background: linear-gradient(180deg, #0D2D59 0%, #04142A 100%);

backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); position: relative; overflow: hidden;} 

.latestblog-sec .latest-img::before {content: ""; position: absolute; top: 0;  right: 0; width: 200px; height: 200px;

      background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/Mask-group-2025-09-24T164611.436.png") ; background-position:top right;background-repeat:no-repeat;}

.latestblog-sec .latest-img::after {content: ""; position: absolute; inset: 0; border-radius: 20px;

    padding: 0px; -webkit-mask: linear-gradient(#0D2D59  0 0) content-box, linear-gradient(#04142A 0 0);

    -webkit-mask-composite: xor; mask-composite: exclude;

    border-width: 3px;  background: linear-gradient(180deg, #0BFFAA 0%, rgba(13, 45, 89, 0.00) 100%) border-box;

    border-style: solid; border-image: linear-gradient(to bottom, #0BFFAA, rgba(4, 20, 42, 1)) 80%;

    z-index: 1; border-bottom: 0px;  height: 232px; }

.date {color: rgba(255, 255, 255, 0.43);font-size: 12px;font-style: normal;font-weight: 400;line-height: 26px; display: inline-block; padding-bottom: 26px;}

.blog-category {padding: 60px 0 55px;}

.blog-category h6 { color: #07B79D;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;text-transform: uppercase; }   

.blog-category .cat-list {margin: 0; padding:0; display: flex; align-items: center; gap: 10px;} 

.blog-category .cat-list a {color: #128574;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;border-radius: 50px;border: 1px solid #128574;

text-decoration: none; padding: 5px 12px;}

.serach-box {display: flex; border-radius: 50px;background: #273296; height: 50px;line-height: 50px;max-width: 305px;border: 1px solid #345FE9; align-items: center;

    margin-left: auto;}

.serach-box .form-control {border-radius: 50px; background-color: transparent; height: 50px;line-height: 50px; padding: 0 0 0 24px;border: 0; color: #fff;}

.serach-box .form-control::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.42);font-size: 14px;font-style: normal;font-weight: 400;line-height: 46px;font-weight: 400;}

.serach-box .form-control::-moz-placeholder {color: rgba(255, 255, 255, 0.42);font-size: 14px;font-style: normal;font-weight: 400;line-height: 46px;font-weight: 400;}

.serach-box .form-control::-ms-input-placeholder {color: rgba(255, 255, 255, 0.42);font-size: 14px;font-style: normal;font-weight: 400;line-height: 46px;font-weight: 400;}

.serach-box .form-control::-moz-placeholder {color: rgba(255, 255, 255, 0.42);font-size: 14px;font-style: normal;font-weight: 400;line-height: 46px;font-weight: 400;}

.serach-box .form-control:focus {outline: 0;box-shadow: none;}



.recentblog-sec {padding: 55px 0 60px;}

.recentblog-sec h2.title{font-family: Lato;font-size: 36px;font-style: normal;font-weight: 800;line-height: 44px; padding-bottom: 34px;}

.recentblog-sec h2.title .grad-text {background: linear-gradient(95deg, #07B79D 30.91%, #0865E6 65.33%);

background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.recentblog-sec .card {border-radius: 20px;background-color: #010014;  position: relative;

background: linear-gradient(180deg, #0D2D59 0%, rgba(4, 20, 42, 0.00) 100%);backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); position: relative; 

 border: 0;    overflow: hidden;} 

 .recentblog-sec h5 a {color: #FFF;font-size: 30px;font-weight: 700;line-height: 42px;}

.recentblog-sec .card .top-div {padding: 35px 24px 45px; padding-right: 150px; background-color: #021632;height: 221px;}

.recentblog-sec .card .btm-div {padding: 25px 24px 40px;padding-right: 190px;}

.recentblog-sec .card .top-div h6 {color: #1E99D2;font-size: 15px;font-style: normal;font-weight: 500;line-height: 23px;}

.recentblog-sec .block-chain {font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 1px;text-transform: uppercase;

background: linear-gradient(92deg, #07B79D 6.28%, #076FC4 102.98%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;

display: block; padding-bottom: 10px;}

.recentblog-sec .card p {color: rgba(255, 255, 255, 0.70);font-family: Lato;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}



.recentblog-sec .card h6 {color: #FFF;font-family: Lato;font-size: 18px;font-style: normal;font-weight: 700;line-height: 26px; padding-bottom: 10px;

padding-top: 6px;}

.recentblog-sec .card .read-btn{font-family: Lato;font-size: 14px;font-style: normal;font-weight: 800;line-height: 22px;display: flex;align-items: center;

    transition: 0.5s; text-decoration: none; padding-top: 15px;}

.recentblog-sec .card .read-btn span {background: linear-gradient(87deg, #07B79D 13.88%, #0061FE 100.49%);background-clip: text;-webkit-background-clip: text;

-webkit-text-fill-color: transparent;}

.recentblog-sec .card .read-btn img {margin-left: 12px;}



.recentblog-sec .bg-th-1 { background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/bg-image-1.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: contain;}

.recentblog-sec .bg-th-2 { background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/bg-image-2.png") ; background-position:top right;background-repeat:no-repeat; background-size: contain;}

.recentblog-sec .bg-th-3 { background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/bg-image-3.png") ; background-position:top right;background-repeat:no-repeat; background-size: contain;}

.recentblog-sec .bg-th-4 { background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/bg-image-4.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: contain;}

.recentblog-sec .bg-th-5 { background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/bg-image-5.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: contain;}

.recentblog-sec .bg-th-6 { background-image:url("http://dev.uniocean.network/wp-content/uploads/2025/09/bg-image-6.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: contain;}

.recentblog-sec .card::after  {content: ""; position: absolute; inset: 0; border-radius: 20px; 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: 3px;background: linear-gradient(180deg, #0BFFAA 0%, rgba(13, 45, 89, 0.00) 100%) border-box;border-style: solid; border-image: linear-gradient(to bottom, #0BFFAA, #0D2D59 ) 80%;

    z-index: 1;border-bottom: 0px; height: 80%;

}
.pb-2 img {
    width: 150px;
}

/*Home panel*/
.panelTop{position:relative; margin-top:-215px;z-index:1;}
.panelTop:after{display: none;}
.panel__stack {--spacer:30px;position: relative;display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;

  grid-column-gap: 0px;grid-row-gap: 0px;align-items: center;justify-items: center;overflow-y: visible;}

.panel__stack .panel__card {border-radius: 40px;padding:2px;position: absolute;height:350px;will-change: transform;}

.panel__stack .panel__card:first-child {top: calc(var(--spacer) * 1); z-index: 1;}

.panel__stack .panel__card:nth-child(2) {top: calc(var(--spacer) * 2);z-index: 2;}

.panel__stack .panel__card:nth-child(3) {top: calc(var(--spacer) * 3);z-index: 3;}

.panel__stack .panel__card:nth-child(4) {top: calc(var(--spacer) * 4);z-index: 4;}

.panel__stack .panel__card:last-child {top: calc(var(--spacer) * 5); z-index: 5;}

.panel__card{border-radius:40px;background-color:04142b; backdrop-filter: blur(2px); width:100%; position: relative;

 z-index: 2; }

 .panel__card::after{ content: "";position: absolute;z-index: 1;inset: 0;width:100%;height:300px;top: -21px;border-radius: 307px;background: #00D7A9;

filter: blur(62px);left: 0px; opacity:0; transition: opacity 0.9s ease,transform 0.9s ease; }

.panel__card:hover::after{opacity: 1;}
.panel__card::before{content: "";

position: absolute;

inset: 0;

border-radius:40px;

padding: 0px;

-webkit-mask: linear-gradient(#0D2D59 0 0) content-box,

linear-gradient(#04142A 0 0);

-webkit-mask-composite: xor;

mask-composite: exclude;

border-width: 3px;

background: linear-gradient(180deg, #0BFFAA 0%, rgba(13, 45, 89, 0.00) 100%) border-box;

border-style: solid;

border-image: linear-gradient(to bottom, #0BFFAA, rgba(4, 20, 42, 1)) 80%;

z-index: 1;

border-bottom: 0px;

height:290px;}

.panel__card:hover::after{opacity: 1;}
.hovershadownew:hover .hoverhide{display: none;}

.hovershadownew .hovershow{display: none; transition: all 0.3s ease; border-radius:300px;}

.hovershadownew:hover .hovershow {display:block; text-align: center;}
.hovershadownew .hovershow img{transition: all 30s ease;}

.hovershadow{background-color:#04142b; width:100%;position: relative;z-index: 2; padding:20px 60px 0px; border-radius: 40px; height:320px;}

 .hovershadow::after{content: "";position: absolute;z-index: 1;inset: 0;width: 100%;height:20px;bottom:0px; border-radius: 100px;background: #136ce9;

filter: blur(70px);left: 51px; opacity:1; transition: opacity 0.9s ease,transform 0.9s ease; top:auto }
.hoverhide{padding-right: 18px; transition: all 0.3s ease; border-radius:300px;}




@media only screen and (max-width:768px) {
    /*.blog-bg{text-align: center;}*/
    .blog-bg{padding-top: 0px;}
    .latestblog-sec .blog-label::before{max-width: 884px;width: 100%;z-index: -1; top: -257px;}
    .latestblog-sec{padding: 40px 0px 20px;}
    .latestblog-sec .latest-info h4{font-size: 30px; line-height: 40px;}
    .latestblog-sec .latest-info{margin-bottom:0px;}
    .latestblog-sec .latest-img h5{font-size: 24px; line-height: 30px;}
    .latestblog-sec .latest-img h5 {padding-right: 0px;}
    .latestblog-sec::after{display: none;}
    .latestblog-sec .latest-img h5{margin-top:70px;}
    .latestblog-sec .latest-img::before{background-size: 100%;}
    .serach-box{margin: 40px auto 0px;}
    .recentblog-sec{padding: 20px 0px;}
    .recentblog-sec .card .btm-div{padding-right:0px;}
    .recentblog-sec .card .top-div{padding-right: 0px;}
    .recentblog-sec .card .top-div{height: 200px;}
    .recentblog-sec .bg-th-1{background-size: cover;}
    .recentblog-sec .bg-th-2{background-size: cover;background-position: center right;}
    .latestblog-sec .latest-img{padding: 45px 32px;}
}
@media only screen and (max-width: 480px) {
    .blog-bg{text-align: center;}
    .latestblog-sec .latest-info {
        margin-bottom: 40px;
    }
}