.blog-bg{
    padding-top: 00px;padding-bottom: 0px;
}
body{
    background: #04142B !important;
}
.blog-bg .container {max-width: 1104px;padding: 0px;}
.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(https://dev.uniocean.network/wp-content/uploads/2025/10/Group-290133-1.png);
    background-size: 19%;
    background-repeat: no-repeat;
    background-position: 24% 106%;
    background-color: transparent;
}
 .blog-bg h5 {
    color: #FFF;font-size: 30px;font-weight: 700;line-height: 42px;
}
/*.joinLarg form .form-control{border-radius: 50px!important;border: 1px solid #345FE9;background-color:#273296;color: #FFF;display: flex;padding: 16px 30px;align-items: center;font-size: 14px;font-weight: 700; max-width: 356px;}

.joinLarg form .form-control::placeholder { color: #fff;font-size:14px;font-weight:600; opacity:1;}
input#wpforms-1271-field_1 {
    display: flex
;
    border-radius: 50px;
    background: #273296;
    height: 56px;
    line-height: 50px;
    max-width: 305px;
    border: 1px solid #345FE9;
    align-items: center;
    margin-left: auto;
    color: #fff;
}

input#wpforms-1271-field_1::placeholder { color: #fff;font-size:14px;font-weight:600; opacity:1;}

button#wpforms-submit-1271 {
    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: 8.1px 39px;
    transition: 0.7s;
    display: inline-block;
        margin-top: 0px;
    text-decoration: none;
    height:56px;
}

div#wpforms-1271-field_1-container {
    width: 356px;
}

form#wpforms-form-1271 {
    display: flex
;
    align-items: center;
    vertical-align: middle;
    text-align: center;
}
.wpforms-submit-container {
    margin-top: 0px !important;
    margin-left: 15px !important;
}*/


/*input#wpforms-1271-field_1::placeholder {
      font-family: Lato !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px !important;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF !important;


}
input#wpforms-1271-field_1::placeholder {
  font-family: Lato !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px !important;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}

input#wpforms-1271-field_1::-webkit-input-placeholder {
  font-family: Lato !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px !important;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}

input#wpforms-1271-field_1::-moz-placeholder {
  font-family: Lato !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px !important;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}

input#wpforms-1271-field_1:-ms-input-placeholder {
  font-family: Lato !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px !important;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}*/

footer.elementor.elementor-114.elementor-location-footer:before {
    background: unset !important;
}
.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: 80px 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;font-family: Lato;
font-weight: 800;
font-style: ExtraBold;
font-size: 40px;
leading-trim: CAP_HEIGHT;
line-height: 47px;
letter-spacing: 0px;}

.latestblog-sec .latest-info p {color: rgba(255, 255, 255, 0.70);font-size: 16px;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: 35px;}

.blog-category {padding: 20px 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;    flex-wrap: wrap;} 

.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 30px;border: 0; color: #fff;}
.serach-box button.btn.serbtn.search-submit {
    margin-right: 15px;
}

.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: 25px 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;margin-top: 4px;}



.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%;

}

/**/




.slider_cards .card {border-radius: 20px;background-color: #04152C;  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;} 

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

.slider_cards .card .top-div {padding: 10px 24px 10px; padding-right: 10px; background-color: #021632;height: 221px;}

.slider_cards .card .btm-div {padding: 10px 24px 10px;padding-right: 10px;}

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

.slider_cards .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;}

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



.slider_cards .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;}

.slider_cards .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;}

.slider_cards .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;}

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



.slider_cards .bg-th-1 { background-image:url("https://dev.uniocean.network/wp-content/uploads/2025/10/slide3.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: contain;}

.slider_cards .bg-th-2 { background-image:url("https://dev.uniocean.network/wp-content/uploads/2025/10/slide2.png") ; background-position:top right;background-repeat:no-repeat; background-size: contain;}

.slider_cards .bg-th-3 { background-image:url("https://dev.uniocean.network/wp-content/uploads/2025/10/slide1.png") ; background-position:top right;background-repeat:no-repeat; background-size: contain;}
.custom-post-card-slider .swiper-button-next {
    display: none !important;
}

.custom-post-card-slider .swiper-button-prev {
    display: none !important;
}
.logo-icon-img-slide {
    width: 80px;
    height: 80px;
    margin-left: -10px;
}
.custom-post-card-slider .swiper-horizontal{
        padding-bottom:50px;
}
/*.slider_cards .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;}

.slider_cards .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;}

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

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

.img-sec{
    text-align: right;
}
@media only screen and (min-width:1441px) {
    /*.latestblog-sec {
        padding: 104px 0 60px;
        position: relative;
    }*/
    /*.blog-bg{
        background-size:36%;
    }*/
    /*.blog-bg .container{
        max-width: 1464px;
    }*/
    .recentblog-sec .container{
        max-width: 1464px;
    }
    .latest-info.h-100 a h4 {
        width: 69%;
    }
    .slider_cards .bg-th-1 {  background-size: cover;}

    .slider_cards .bg-th-2 {  background-size: cover;}

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

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

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

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

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

    .recentblog-sec .bg-th-6 { background-image:url("https://dev.uniocean.network/wp-content/uploads/2025/10/6-6.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: contain;}
}
@media only screen and (max-width:1024px) {
    .date {
        padding-bottom: 15px;
    }
    .latestblog-sec{
        background-size: 27%;
        background-repeat: no-repeat;
        background-position: 30% 107%;
        background-color: transparent;
    }
    .blogamin{
        padding-left: 16px;
        padding-right: 16px;
    }
}
@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: 25px 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;
    }
}