*{padding: 0; margin: 0; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-weight:400;font-family: "Lato", sans-serif;font-size:14px;line-height:22px; background-color:#04142b;}
header .container{max-width:1340px;padding-left: 30px; padding-right: 30px; }
header{position:fixed;width:100%; top:0px;z-index:99;padding:40px 0px;transition: background-color .3s, top .3s, transform .3s;}
header nav ul{list-style:none; padding-left: 0px; margin-bottom: 0px;}
header nav ul li a{color: #FFF;font-size: 16px;font-weight: 800;line-height: normal;text-decoration:none;font-feature-settings: 'liga' off, 'clig' off}
header nav ul li a.active{color: #07B79D;}
header nav ul li a:hover{color: #07B79D;}
header.stick{background: rgba(4, 20, 42, 0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
padding: 12px 0px 12px;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);transition: background 0.6s,box-shadow 0.6s,padding 0.6s; z-index: 9999;}
header.nav-up{top:-150px;}
header.stick .logo img{max-width:100px;}
.homBg{background-image:url("../images/homBg.png"); background-position:top 270px center; background-repeat:no-repeat; background-size:cover;padding-top:205px;padding-bottom:300px; overflow: hidden;}
.homBg .container{position:relative; z-index: 1;}
header .logowhite {display: none;}
header.stick .headrstick{display:none;}
header.stick .logowhite {display:block; }
header.stick img.logowhite {width: 100px;}
.homBg{position: relative;}
header .logoimg{display: none;}
.homBg:before{position: absolute;width: 844px;height: 350px;border-radius: 100%;background: rgba(12, 79, 162, 1);
filter: blur(58px);content: '';top: -200px;left: -10px;right: 0px;margin: 0px auto; z-index: 9;}
 .container{max-width:1094px;padding-left: 15px; padding-right: 15px; }
.homBg .title .textGrad{font-weight: 800;}
.homBg .butGrou{padding:55px  0px 40px;}
.panelTop{position:relative; margin-top:-215px;z-index:1;}
.homAbou{padding:125px 0px 20px; margin-top:0px;}
.homAbou .butGrou{padding-top:20px; }
.homBg .title h6{margin-bottom:0px;}

.joinLarg.procuctjoin{ padding-top:100px;}
.joinLarg{padding:0px 0px 100px; position:relative;}
.joinLarg .container{z-index:4;position:relative}
.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;}
.joinLarg form .butJoin{border-radius: 50px!important; padding: 14px 38px;}
.homBlog{background-image:url("../images/join-the-bg-new2.webp");background-position:left bottom;background-repeat:no-repeat;background-size:cover; position: relative; }
.homBlog::before{
background: linear-gradient(to bottom, rgba(4, 20, 42, 1) 20%, rgba(4, 20, 42, 0.8) 60%, rgba(255, 255, 255, 0) 100%);
 position: absolute; top:80px; left: 0px; content: ''; height: 450px; width: 100%;  }
.homBlog .carBlogs{padding-top:50px;}
.homBlog .card{border-radius: 20px;
background: linear-gradient(to bottom, #001a3f 0%, #011a3e 50%, #04152c 100%);
 padding:50px 25px 30px;position:relative; border:0px}
.homBlog .card.carBlog1::before{ background-image: url(../images/blogCarb.png); position: absolute; content:''; width: 113px; height: 138px; right:0px; top:100px }
.homBlog .card.carBlog2::before{ background-image: url(../images/blogCarb2.png);  position: absolute; content:''; width: 166px; height: 66px; right:0px; top:0px; background-repeat: no-repeat; }
.homBlog .card.carBlog3::before{ background-image: url(../images/blogCarb3.png); position: absolute; content:''; width: 93px; height:160px; right:0px; top:0px }
.homBlog .card p{color: #1E99D2;font-size: 15px;font-weight: 500; line-height:25px; margin-bottom:20px!important; }
.homBlog .cardTop{position:relative;}
.homBlog .card h2{color: #FFF;font-size: 30px;font-weight: 700;line-height: 34px;padding-right:80px;margin-bottom:50px; }
.homBlog .card small{letter-spacing: 1px;}
.homBlog .card .small{color: rgba(255, 255, 255, 0.70);font-size: 14px;font-weight: 600;line-height:20px; margin-bottom:25px; margin-top:5px;}
.homBlog .card  h6{font-weight: 700;line-height: 26px;}
.homBlog .card  a{text-decoration:none;font-size: 14px;font-weight: 800;}
.homBlog .card  a:hover{opacity:0.8}
.homBlog .card  a .textGrad{font-size: 14px;font-weight: 800;line-height: 33px;}
.homOurProd{ padding:80px 0px 0px;}
.homOurProd .container{position: relative;}
.homOurProd .uperon{margin-top:182px;}
.homOurProd .cahtgpt{position: absolute;top:00px;right: -31px;}
.homOurProd .card{  position: relative;background-color:transparent; border-radius: 0px; border:0px;}
.homOurProd .cards figure::before {content: "";position: absolute; inset: 0; z-index:-1; width:100%; height:40%;top:50px;border-radius: 487px;background: #023786;filter: blur(62px);}
.homOurProd .cards{position:relative; margin-bottom:40px;  border-radius:40px;background: #04142b; padding:50px 15px 20px; color: #fff; z-index: 1; cursor: pointer; transition:transform 0.5s ease; text-align: center;}
.homOurProd .cards::after{content: "";position: absolute;top: 0;left: -2px;right: -2px;height: 100%;
  border-radius:40px;border-top:2px solid transparent;border-left: 2px solid transparent;
  border-right: 2px solid transparent;border-bottom: 0px solid transparent;background: linear-gradient(180deg,
    #0BFFAA 8%, #0D2D59 40%, rgba(4, 21, 43, 0.0)) border-box;-webkit-mask:
    linear-gradient(#fff 0 0) padding-box,  linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;
  mask-composite: exclude;pointer-events: none; border-bottom-left-radius: 0px; border-bottom-right-radius:0px;}
  

.homOurProd .card:before{ content: "";position: absolute;z-index: 1;inset: 0;width: 84%;height: 330px;top: -21px;border-radius: 307px;background: #00D7A9;
filter: blur(62px);left: 51px; opacity: 0.5; transition: opacity 0.9s ease,transform 0.9s ease; }
.homOurProd .card:hover:before{opacity: 1;width:100%; left:20px;}
.homOurProd .cards h3{padding: 0 5px;text-align:center; margin-bottom:30px; background: linear-gradient(98deg, #07B79D 29.54%, #0865E6 90.33%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.homOurProd .box-shadw{position: relative;}
.homOurProd  .box-shadw::before{content: ""; position: absolute; inset: 0; z-index: -1; width: 100%; height: 40%; top: 40%;
    border-radius: 487px;background: #060692;filter: blur(96px); left: -64px;}

.homOurProd .uperon .box-shadw::before{content: ""; position: absolute; inset: 0; z-index: -1; width: 100%; height: 40%; top: 40%;
    border-radius: 487px;background: #060692;filter: blur(96px); right: -100px;}


.makes .mb-125{margin-top:110px;}



.homOurProd .cards:hover:before{height:40%;border-radius: 487px;background: #023786;filter: blur(62px);}
h1,h1{color: #FFF;font-size: 60px;font-weight: 400;line-height: 70px;}
h2,h2{font-size:40px;font-weight: 800;line-height:54px; }
h3{color: #FFF;font-size:40px;font-weight: 800;line-height: 54px;}
h4{color: #FFF;font-size:32px;font-weight: 800;line-height: 44px;}
h6{color: #FFF;font-size: 18px;font-weight: 400;line-height: 24px;}
p{color: #FFF;font-size: 16px;font-weight: 500;line-height: 30px;}
.textGrad{background: linear-gradient(94deg, #07B79D 10.69%, #0865E6 64.68%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.pb-20{padding-bottom:20px;}
.butGrou{padding-bottom:20px;}
.butExplor{padding:15px 21px;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;}
.butExplor::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%;}

.butExplor:hover{background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%); color: #FFF; }
.butJoin{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;}
.butGrou .butExplor{margin-right:24px;}
.butJoin:hover{border: 1px solid #1A61CC;color: #ffffff; background: transparent; }
.butLink {text-align: center;}
.butLink a{color: #07B79D;font-size: 16px;font-weight: 800; margin-top: 30px; transition: all 0.3s ease; 
   margin-bottom:60px; display: block; text-align: center;}
.butLink a:hover{color: #0865E6; }
p.title{font-size: 14px;font-weight: 700;letter-spacing: 5px;text-transform: uppercase;}
.butJoin.signup{padding: 12px 27px;}
.homAbou .butJoin{padding: 15px 39px;}
.homOurProd .butJoin{padding: 15px 44px; margin-bottom: 20px;}
.homBlog .butJoin{padding: 15px 43px; margin-bottom:250px;}

footer{position:relative;padding:0px 0px 20px; border-top: 1px solid rgba(255, 255, 255, 0.13); }
footer .mt-31{margin-top: 40px;}
footer figure{margin-bottom: 30px;}
footer a{text-decoration:none }
footer a:hover{text-decoration:underline}
footer ul{list-style:none; padding:0px; margin:0px;}
footer .container {max-width:1340px; padding: 0 30px;}
footer h6{color: #FFF;font-size: 16px;font-weight: 600; margin-bottom: 19px;}
footer p{color: rgba(255, 255, 255, 0.70);font-size: 14px;font-weight: 400;line-height: 23px; margin-bottom: 14px;}
footer .readMore {margin-bottom: 12px; padding:10px 16px; transition: color 0.3s ease;}
footer .readMore img{transition: transform 0.3s ease;}
footer .readMore:hover img {transform: translateX(-8px);}
footer .readMore::after{display: none;}
footer .sitemap ul {margin-top: -2px;}
footer .sitemap ul li a{color: rgba(255, 255, 255, 0.57);font-size: 14px;font-weight: 400;line-height: 31px;}

footer .contantSec{display: flex; margin-bottom: 3px;}
footer .contantSec .callbtn a{display: flex; margin-right:40px;}
footer .contantSec .callbtn a:hover{text-decoration: none;}
footer .contantSec .callbtn a img{margin-right: 16px;margin-top: 5px;}
footer .contantSec .callbtn p{color: rgba(255, 255, 255, 0.57);font-size: 14px;font-weight: 400;line-height:22px;} 
footer .contantSec .callbtn p strong{font-weight: 600;}
footer .contantSec .callbtn img {margin-right: 13px;}
footer .contantSec .callbtn.emailsec img{margin-right:23px;}
footer .contantSec .callbtn.emailsec{margin-bottom:8px;}
footer .address .readMore {padding: 16px 31px;font-size: 16px;font-style: normal;font-weight: 700; margin-bottom:60px;}
footer .socialIcon{margin-left: 329px;}
footer .socialIcon img{ margin-right: 12px;}
footer .copyright{border-top:1px solid rgba(255, 255, 255, 0.13); padding-top:31px; margin-top:54px;} 
footer .copyright p{color: rgba(255, 255, 255, 0.57);font-size: 14px;font-weight: 400;line-height: 22px; margin-bottom:5px;}

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



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

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

  
  .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 }
.panel__card:hover::after{opacity: 1;}



.tech-pannel .hovershadow::before{display: none;}
.tech-pannel .hovershadow{
background: linear-gradient(135deg, rgba(12, 43, 86, 1) 0%, rgba(9, 35, 70, 1) 50%, rgba(5, 31, 67, 1) 100%); height:343px; padding-top:60px;  }
.tech-pannel .panel__card{background: linear-gradient(135deg, rgba(12, 43, 86, 1) 0%, rgba(9, 35, 70, 1) 50%, rgba(5, 31, 67, 1) 100%);}

.tech-pannel .box-shadw{position: relative;}
.tech-pannel  .box-shadw::before{content: ""; position: absolute; inset: 0; z-index: -1; width: 100%; height: 40%; top: 40%;
    border-radius: 487px;background: #060692;filter: blur(96px); left: -64px;}



    /*.panel__card:hover{box-shadow: 0 18px 50px rgb(15, 235, 235, 1);}*/

 
.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;}
.panelMan p{ margin-bottom: 0px;}
.panel__card h2{margin-bottom: 0px;}
.blemod img{mix-blend-mode: lighten;}
.input-group{margin-top:50px;}

footer .callAction a:hover img{opacity: 0.9;}
footer .sitemap ul li a:hover{text-decoration: none; color: #07B79D;}
footer .contantSec .callbtn a:hover p{color: rgba(255, 255, 255, 0.8);}
footer .defin a{text-decoration: none;color: rgba(255, 255, 255, 0.57);}
footer .defin a:hover{text-decoration: none; color: rgba(255, 255, 255, 0.8);}
.socicon{display: flex; flex-wrap: wrap; }
.socicon a{margin-bottom:12px; margin-right: 15px;}
footer .sitemap{display: flex; align-items: center; flex-direction: column;}

.about_bg{margin-top: 239px; position: relative;}
.about_bg:before{position: absolute;width: 844px;height: 500px;border-radius: 100%;background: rgba(12, 79, 162, 1);
filter: blur(58px);content: '';top: -510px;left: -10px;right: 0px;margin: 0px auto; }
.about_bg .title p{color: rgba(255, 255, 255, 0.70);text-align: center;font-size: 16px;font-weight: 500;line-height: 28px;}
.mission{padding:60px 0px 120px;}
.mission .card{border-radius: 40px;background: #04142A; border: 0px; padding:36px 47px 36px; position: relative; }



.mission .card h3{font-weight: 800;}
.aboutSvg svg {position: absolute;width: 100%;height: 100%;margin: auto; top: 0;bottom: 0;left: 0;right: 0;}
#radarCircle {position: absolute;top: 0;width: 100%;height: 100%;left: -50%;}
#radarCircle svg {position: absolute;width: 100%;height: 100%;margin: auto 0px;top: 0;bottom: 0;left: 0;}


.panelTop:after{display: none;}
.mission .card::before{ content: "";position: absolute;top: 0;left: -2px;right: -2px;height: 100%;
border-radius:40px;border-top:2px solid transparent;border-left: 2px solid transparent;border-right: 2px solid transparent;
border-bottom: 0px solid transparent;background: linear-gradient(180deg,  #0BFFAA 8%, #0D2D59 40%, rgba(4, 21, 43, 0.0)) border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;
mask-composite: exclude;pointer-events: none;border-bottom-left-radius: 0px;border-bottom-right-radius:0px; }




.mission .card::after {content: "";position: absolute;z-index: -1;inset: 0;width: 40%;height: 330px;top: -21px;
  border-radius: 307px;background: #00D7A9;filter: blur(62px);right: 0px;opacity: 0.6;left:auto;transition: opacity 0.8s ease, transform 0.8s ease;}
.about_bg .title p.unioctext{margin-bottom: 40px;}
.problem p{color: #FFF;font-size: 16px;font-weight: 500;line-height: 28px; margin-bottom: 30px;}
.makes{padding: 110px 0px 100px;}
.makes .twocard .card{ border-radius: 24px;
background: linear-gradient(180deg, #0D2D59 0%, #04142A 100%); padding: 40px 29px 40px 29px; position: relative; height: 216px; border-bottom: 0px; margin-bottom: 36px;} 
.makes .twocard .card::after {content: "";position: absolute;inset: -3px;border-radius: 24px;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.02) 60%) border-box;
border-style: solid;border-image: linear-gradient(to top, #0BFFAA, rgb(4, 36, 82)) 100%;z-index: 1;border-bottom: 0px;
height: 100%;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

.makes .twocard .card.first-card::before{content: "";position: absolute;z-index: -1;inset: 0;width:40%;height:200px;top: -0px;
  border-radius: 307px;background:#0808D4;filter: blur(40px);opacity: 0.8;left:0;transition: opacity 0.8s ease, transform 0.8s ease;}

  .makes .twocard .card.secondcard::before{content: "";position: absolute;z-index: -1;inset: 0;width:40%;height:200px;top: -0px;
  border-radius: 307px;background:#0808D4;filter: blur(40px);opacity: 0.8;right:0px;transition: opacity 0.8s ease, transform 0.8s ease; left: auto;}
.about_bg .container{max-width: 1092px; padding-left: 15px;  padding-right: 15px;}
.makes .twocard .card h6{color: #FFF;font-size: 18px;font-weight: 700;line-height:24px; padding: 20px 0px; margin-bottom: 0px;}
.makes .twocard .card p{color: rgba(255, 255, 255, 0.80);font-size: 14px;font-weight: 500;line-height: 24px;}
.makes .twocard .card .mainbox{position: relative; z-index: 9;}
.modular{margin-left: 0px; margin-top: 180px;}
.makes .twocard .card.mt-40{margin-top: 60px; margin-left: -5px;}
.makes .twocard.mt-30{margin-top: -30px;} 
.ourteam{padding: 0px 0px 250px; background-image:url("../images/join-the-bg-new2.webp");background-position:left top 150px;background-repeat:no-repeat;background-size:cover; position: relative;}

.ourteam::before{
background: linear-gradient(to bottom, rgba(4, 20, 42, 1) 20%, rgba(4, 20, 42, 0.8) 60%, rgba(255, 255, 255, 0) 100%);
 position: absolute; top:80px; left: 0px; content: ''; height: 450px; width: 100%;  }
.ourteam .container{max-width: 1092px; padding-left: 15px;  padding-right: 15px;}
.ourteam .card{border-radius: 20px;
background: radial-gradient(ellipse at center, rgba(30, 87, 153, 1) 0%, rgba(11, 61, 131, 1) 50%, rgba(5, 31, 67, 1) 100%);
 text-align: center; border: 0px; padding: 15px 0px 0px 0px; position: relative; height: 100%; align-items: self-end;}
.ourteam .card img{border-bottom-right-radius: 20px;}
.ourteam .card .introtext {border-radius: 10px;background: rgba(4, 20, 42, 0.90); backdrop-filter: blur(2px); position: absolute;  margin: 0px auto; left: 20px; right:20px; bottom: 20px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;  }
.ourteam .card .introtext .twitter img{border-radius: 0px;}
.ourteam .card .introtext .introname{color: #FFF;font-size: 16px;font-weight: 800;line-height: 14px; text-align: left}
.ourteam .card .introtext .introname span{color: #9D9D9D;font-size: 14px;font-weight: 500;line-height:25px;}



.problem ul{margin-top: 20px;}
.problem ul li{ list-style: none; color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 28px; position: relative; padding-left: 10px; padding-bottom: 5px;}
.problem ul li::before{position: absolute; background-image: url(../images/right-arrow.svg); left:-33px; top:5px; content: ''; width: 27px; height: 21px;}


.technology{ padding:193px 0px 80px; position: relative;}
.technology:before{position: absolute;width: 844px;height: 350px;border-radius: 100%;background: rgba(12, 79, 162, 1);
filter: blur(58px);content: '';top: -200px;left: -10px;right: 0px;margin: 0px auto; }
.technology p{color: rgba(255, 255, 255, 0.70);font-weight: 500;line-height: 28px;}
.technology p span{background: linear-gradient(97deg, #07B79D 0.06%, #0865E6 68.73%);
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;}
.tech-highlight-sec p.title{margin-bottom:87px; margin-top: -200px; }

.tech-highlight-sec {position: relative; padding:87px 0 200px;  margin-bottom: 100px;}
.tech-highlight-sec .modiles {border-radius: 40px;background: linear-gradient(180deg, rgba(2, 55, 134, 0.80) -13.48%, rgba(4, 20, 42, 0.80) 65.12%);
padding: 40px 40px; z-index: 2; position: relative;}

.tech-highlight-sec .modiles::after {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, rgba(11, 255, 117, 0.5) 0%, rgba(13, 45, 89, 0.0) 100%) border-box;
border-style: solid;border-image: linear-gradient(to bottom, rgba(11, 255, 117, 0.5) 20%, rgba(4, 20, 42, 0.5)) 100%;
z-index: 1;border-bottom: 0px;height: 180px; border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.tech-highlight-sec .modiles h5 {color: #FFF;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal; padding-bottom: 8px;}
.tech-highlight-sec .modiles p {color: rgba(255, 255, 255, 0.80);font-size: 14px;font-style: normal;font-weight: 500;line-height: 24px;}
.tech-highlight-sec .mb-28 {margin-bottom: 28px;}
.tech-highlight-sec .bg-img {position: relative;}
.tech-highlight-sec .tech-text{position: absolute;left: 0px;right: 16px;top: 110px;bottom: 0px;display: flex;
justify-content: center;align-items: center;z-index: 1;text-align: center;}
.tech-highlight-sec .tech-text h4{color: #FFF;text-align: center;font-size:32px;font-style: normal;font-weight: 800;line-height:48px;}
.tech-highlight-sec .mt-tp {margin-top: 119px;}
.rollups{margin-top: -120px;}
.panelMan.tech-pannel{padding:150px 0px; background-color: #04142A;}
.panelMan.tech-pannel ul{margin:0px; padding: 0px;}
.panelMan.tech-pannel ul li{color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 28px; position: relative; padding-left: 40px;  margin-top:5px; position: relative; list-style: none; }
.panelMan.tech-pannel ul li::before{position: absolute; background-image: url(../images/right-arrow.svg); left:0px; top:5px; content: ''; width: 27px; height: 24px; }
.product{padding:193px 0px 50px; }
.product:before{position: absolute;width: 844px;height: 350px;border-radius: 100%;background: rgba(12, 79, 162, 1);
filter: blur(58px);content: '';top: -200px;left: -10px;right: 0px;margin: 0px auto; }
.panelMan.tech-pannel .panel__stack .panel__card{display: flex;width: 100%;justify-content: space-between;align-items: center; }
.product-details{background-image:url("../images/blog_bg_3.png") ; background-size:22%;background-repeat:no-repeat; background-position:right center; position: relative;}
.product-details .card{border-radius: 40px;background-color:#04142b;  border:1px solid #37485e; padding: 40px;}
.product-details .card p{color: #FFF;font-weight: 500;line-height: 30px;}
.product-details .card .butJoin{padding:15px 44px;}
.product-details .card hr{border-bottom:1px solid #527aa8;  border-top: 0px; margin:40px 0px 40px;}
.prducfis {text-align: right;}
.prducfis img{width: 300px;}
.token{padding: 193px 0px 193px; }
.token h3.mb-20{margin-bottom: 60px;}
.token:before{position: absolute;width: 844px;height: 350px;border-radius: 100%;background: rgba(12, 79, 162, 1);filter: blur(58px);content: '';top: -200px;left: -10px;right: 0px;margin: 0px auto; }
.token .card{border-radius: 40px;border-radius: 40px;background: linear-gradient(180deg, rgba(2, 55, 134, 0.20) -13.48%, rgba(4, 20, 42, 0.20) 65.12%); 
  padding: 40px 40px  40px 40px; max-width: 389px;   }
  .tokestar{position:absolute; bottom:150px; width: 200px; margin: 0px auto; left:118px; right: 0px;}

.token .card::after {content: "";position: absolute;inset: 0;border-radius: 40px; 
  padding: 2px;background: linear-gradient(to top, #0D2D59 100%, #0D2D59 0%, #04142A 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;  }
  .token .card p{margin-bottom:9px; font-size: 16px;font-weight: 800;line-height: 26px;}
  .token .card h4{font-size: 30px; font-weight: 800; line-height:40px;}
  .token .card .maindiv{margin-bottom:15px;}

  .token-details .card{border-radius: 24px;background: linear-gradient(270deg, #021E44 23.9%, rgba(3, 18, 38, 0.00) 89.19%); position: relative; padding:75px 72px 55px 0px; border-radius: 40px; border:0;}
  .token-details .card::before {content: "";
    position: absolute;inset: 0; border-radius:28px; padding: 2px;
    background: linear-gradient(to right,#04142c  0%, #0D2D59 40%,  #0BFFAA 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;mask-composite: exclude;left:0px; right:0px; top: 0;bottom: 0; border-left: 0px; }
    .token-details .card ul{margin-top:15px;}
    .token-details .card ul li{color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 28px; list-style: none; position: relative; padding-left:13px; padding-bottom:8px;}

    .token-details .card ul li::before{position: absolute; background-image: url(../images/right-arrow.svg); left:-33px; top:5px; content: ''; width: 27px; height: 24px; }
    .token-details .mb-123{margin-bottom:115px;}
    .token-details .rightcard .card{background: linear-gradient(90deg, #021E44 23.9%, rgba(3, 18, 38, 0.00) 89.19%); padding:75px 0px 55px 100px;}

    .token-details .rightcard .card::before {content: "";
    position: absolute;inset: 0; border-radius:28px; padding: 2px;
    background: linear-gradient(to left,#04142c  0%, #0D2D59 40%,  #0BFFAA 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;mask-composite: exclude;left:0px; right:0px; top: 0;bottom: 0; border-left: 0px; }
.roadmap{overflow: hidden;}
.roadmap .butGrou{margin-top: 60px!important;}
 .roadmap .container{max-width:1340px;padding-left: 30px; padding-right: 30px;}
.roadmap .circldiv{display: flex; justify-content: space-between; width: 100%; position:relative; padding-bottom:120px;}
.roadmap .half-circle:before {content: ""; width:100%; height:100%;  position: absolute;border-radius: 100%;  background: linear-gradient(180deg, #12FFDC 0%, rgba(4, 20, 42, 0.00) 27.08%);stroke-width: 2px;stroke: #00FFD9;opacity: 0.3;top: 0;left: 0;}
.roadmap .half-circle {width:216px; height:216px;position:relative;border-radius: 100%;background-color:#04142a05; background-image: url("../images/bod2.svg"); background-repeat:no-repeat;background-size: cover;padding-top:60px; padding-left:70px;}
.roadmap .half-circle h6{color: #07B79D;font-size: 16px; font-weight: 800;line-height: 28px; margin-bottom: 0px;}
.roadmap .half-circle p{color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 28px; margin-bottom: 0px;}
/*.roadmap .bordercirc{border: 1px solid rgba(0, 205, 255, 0.07); border-radius: 100%; padding: 15px; position:relative}*/
.roadmap .bordercirc:before {content: ""; width:10px; height:10px;border-radius:50%;background-color:#56B9D1;top:70px;left: 44px;  position: absolute;z-index:2;}
.roadmap .bordercirc:after {content: ""; left:-20px; position: absolute; background-image: url("https://dev.uniocean.network/wp-content/uploads/2026/01/light-boll.png"); background-repeat:no-repeat;background-size: cover;width:140px; height:140px;bottom: -223px; z-index: 3; }
.roadmap .bordercirc hr { width:2px; height:100%;background: #56B9D1;background: linear-gradient(180deg, rgba(86, 185, 209, 1) 1%, rgba(8, 195, 169, 1) 24%, rgba(6, 72, 117, 1) 63%, rgba(5, 14, 92, 1) 100%);top:61px;left:47px;z-index:1;  position: absolute;}

.roadmap .bordercirc2 .bordercirc hr{height:280px;}
.roadmap .bordercirc2.bordSnip1 .bordercirc hr{height:400px;}
.roadmap .bordercirc2.bordSnip1 .bordercirc:after{bottom: -305px;}
.roadmap .bordercirc2.bordSnip3 .bordercirc hr{height:410px;}
.roadmap .bordercirc2.bordSnip3 .bordercirc:after{bottom: -331px;}
.roadmap .bordercirc2.bordSnip5 .bordercirc hr{height:440px;}
.roadmap .bordercirc2.bordSnip5 .bordercirc:after{bottom: -347px;}
.roadmap .bordercirc2 .bordercirc{position:relative}
.roadmap .bordercirc2 .userRoun{position:absolute; width:350px;height:350px; top:-75px;left:-60px;;}
.secondcircle{margin-top:200px; margin-left: -30px;}
.oddcir{margin-left: -20px;}


    

   
  #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);
    }
  }
    
    






.fish {
  animation: swim 30s linear infinite;
  fill:#04142c;
  opacity: 0.7;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom:-60px;
  width: 100%;
}

@keyframes swim {
  from {
    transform: translateX(70%);
  }

  to {
    transform: translateX(-70%);
  }
}

/* wrapper to host moving highlight overlay */
.svg-wrap {
  position: relative;
  width: min(30vw, 400px);
  filter: drop-shadow(0 10px 30px rgba(0, 118, 169, 0.5));
  animation: float 8s ease-in-out infinite;
}



/* Make the SVG responsive */
#art {
  width: 100%;
  height: auto;
  display: block;
}

/* Subtle neon glow on strokes */
#art path,
#art circle,
#art polyline,
#art line {
  animation: glow 3.5s ease-in-out infinite alternate;
  vector-effect: non-scaling-stroke;
}

/* Gentle dash shimmer for stroked shapes */
/* Only affects elements that already have a stroke */
#art [stroke] {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 3 6;
  animation: glow 3.5s ease-in-out infinite alternate, dash 6s linear infinite;
}

/* Keyframes */
@keyframes glow {
  0% {
    filter: drop-shadow(0 0 0 var(--neon));
    opacity: .9;
  }

  100% {
    filter: drop-shadow(0 0 12px var(--neon)) drop-shadow(0 0 24px var(--neon));
    opacity: 1;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -120;
  }
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes sweep {
  0% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(120%);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.globe {
  animation: spin 30s linear infinite;

}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


#sun2 div {
  content: "";
  display: block;
  position: absolute;
  top:20%;
  left:0px;
  width: 100%;
  height: 100%;
  --sunPos: -5vw -10vmin;
  transform-origin: var(--sunPos);
  -webkit-animation: sun2 3.5s linear infinite alternate;
  animation: sun2 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: 9999;
  pointer-events: none;
 
}




#sun2 #sun_layer1 {
  background: conic-gradient(from 90deg 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.1) 19%,
      transparent 20%);
      z-index: 9999;
      
}

#sun2 #sun_layer2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  background: conic-gradient(from 95deg at var(--sunPos),
      transparent 10%,
      rgba(255, 255, 255, 0.1) 11%,
      transparent 12%,
      transparent 15.5%,
      rgba(255, 255, 255, 0.1) 16%,
      transparent 16.5%,
      transparent 17%,
      oklch(90% 0.1 50deg/0.1) 18%,
      transparent 19%);
      z-index: 9999;
}

#sun2 #sun_layer3 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 6.5s;
  animation-duration: 6.5s;
  background: conic-gradient(from 100deg 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%);
      z-index: 9999;
}

#sun2 #sun_layer4 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 6.5s;
  animation-duration: 6.5s;
  background: conic-gradient(from 105deg 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%);
      z-index: 9999;
}

@keyframes sun2 {
  to {
    transform: skew(-20deg);
  }
}


#sun3 div {
      content: "";
      display: block;
      position: absolute;
      top: 20%;
      left:0px;
      width: 100%;
      height: 100%;
  --sunPos: 0vw -10vmin;
  transform-origin: var(--sunPos);
  -webkit-animation: sun2 3.5s linear infinite alternate;
  animation: sun2 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: 9999;
  pointer-events: none;

}




#sun3 #sun_layer1 {
  background: conic-gradient(from 90deg 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.1) 19%,
      transparent 20%);
  z-index: 9999;

}

#sun3 #sun_layer2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  background: conic-gradient(from 95deg at var(--sunPos),
      transparent 10%,
      rgba(255, 255, 255, 0.1) 11%,
      transparent 12%,
      transparent 15.5%,
      rgba(255, 255, 255, 0.1) 16%,
      transparent 16.5%,
      transparent 17%,
      oklch(90% 0.1 50deg/0.1) 18%,
      transparent 19%);
  z-index: 9999;
}

#sun3 #sun_layer3 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 6.5s;
  animation-duration: 6.5s;
  background: conic-gradient(from 100deg 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%);
  z-index: 9999;
}

#sun3 #sun_layer4 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 6.5s;
  animation-duration: 6.5s;
  background: conic-gradient(from 105deg 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%);
  z-index: 9999;
}

@keyframes sun3 {
  to {
    transform: skew(-20deg);
  }
}



.blog-bgwrapper 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;}

.blog-bgwrapper{background-color: #04142A;}
.blog-bg{padding-top: 200px;padding-bottom: 0px;}
.blog-bgwrapper .blog-bg {background-image:url("../images/blog_bg_3.png") ; background-size:22%;  
  background-repeat:no-repeat; background-position: bottom right; background-color: transparent;}
.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;}
.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;}
.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("../images/feature_bg.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; }
.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;}
.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 .card .top-div {padding: 35px 24px 45px; padding-right: 150px; background-color: #021632;}
.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("../images/blog-bg_1.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: auto;}
.recentblog-sec .bg-th-2 { background-image:url("../images/blog-bg_2.png") ; background-position:top right;background-repeat:no-repeat; background-size: auto;}
.recentblog-sec .bg-th-3 { background-image:url("../images/blog-bg_3.png") ; background-position:top right;background-repeat:no-repeat; background-size: auto;}
.recentblog-sec .bg-th-4 { background-image:url("../images/blog-bg_4.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: auto;}
.recentblog-sec .bg-th-5 { background-image:url("../images/blog-bg_5.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: auto;}
.recentblog-sec .bg-th-6 { background-image:url("../images/blog-bg_6.png") ; background-position:bottom right;background-repeat:no-repeat; background-size: auto;}
.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%;
}

/** fish **/
.fishanimation {animation: diving 5s linear infinite alternate;}



@keyframes diving {

  0%, 100% {
    margin-top: 0; transform: rotate(0deg);
  }

  50% {
    margin-top: 20px;
    transform: rotate(-3deg);
  }
}


.blogdetails .latestblog-sec::after{display: none;}
.blogdetails .latestblog-sec {padding: 30px 0 60px;}
.blogdetails .latestblog-sec .latest-img::before {content: "";position: absolute;top: 0;right: 0;width: 200px; height: 200px;background-image: url(../images/blog-feture.svg);background-position: top right; background-repeat: no-repeat;}
.lighbottom{position: relative; z-index: 999; overflow: hidden;}


.joinLarg.tokenjoinlag{background-image: none; padding: 0px;  }


/*.roadmap{padding:0px 0px 221px; position:relative;z-index:1;background-color:#04142A;background-image:url("../images/join-the-bg-new2.webp");
 background-position:left top 243px;background-repeat:no-repeat;background-size:100%;}*/


 .roadmap{padding:0px 0px 40px; position:relative;z-index:1;background-color:#04142b;}
.roadmap h3.mb-20{margin-bottom:65px;}

.mfp-content{border-radius: 20px; background: #051F43; max-width:843px; z-index: 9999; padding:0px 40px 0px 40px ;}

.popup{position: relative; margin-top: -117px;}
.popup  .introtext {border-radius: 10px;background: rgba(4, 20, 42, 0.90); backdrop-filter: blur(2px); position: absolute;  margin: 0px auto; left: 20px; right:20px; bottom: 20px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;  }
.popup  .introtext .twitter img{border-radius: 0px;}
.popup  .introtext .introname{color: #FFF;font-size: 16px;font-weight: 800;line-height: 14px; text-align: left}
.popup  .introtext .introname span{color: #9D9D9D;font-size: 14px;font-weight: 500;line-height:25px;}
.discription{padding:50px 0px 0px;}

.mfp-close-btn-in .mfp-close{background-image: url(../images/closeicon.svg); font-size: 0px; opacity: 1; width: 55px; height:54px; }
.mfp-content p{
color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 26px;}
.recentblog-sec.bottomblog{padding-top: 0px; position:relative;
z-index:1;
background-color:#04142A;background-image:url("../images/join-the-bg-new2.webp");background-position:left top 140px;background-repeat:no-repeat;
background-size:100%; padding-bottom: 400px; }
.recentblog-sec.bottomblog{position: relative;}
.recentblog-sec.bottomblog .fisblog{position: absolute; bottom: 100px; right: 50px; text-align: right;}



.comunitye{padding-top: 200px;position: relative;background-image: url(../images/proDetails.jpg);
  background-position: top -100px left -2px;  background-size: cover;  background-repeat: no-repeat;}
.comunitye::before{position: absolute;width:60%;height:300px;border-radius: 100%;background: rgba(12, 79, 162, 1);filter: blur(58px);content: '';top: -150px;left: -10px;right: 0px;margin: 0px auto; }
 
.comunitye h5{color: #FFF;font-size: 22px;font-weight: 500;line-height: 30px;margin-bottom: 90px;}



.proDetails{padding-top:200px; position: relative;background-image: url(../images/proDetails.jpg);background-position: top -100px left -2px; background-size:cover; background-repeat: no-repeat;}
.proDetails:before{position: absolute;width:60%;height:300px;border-radius: 100%;background: rgba(12, 79, 162, 1);filter: blur(58px);content: '';top: -150px;left: -10px;right: 0px;margin: 0px auto; }
.proDetails h5{color: #FFF;font-size: 22px;font-weight: 500;line-height: 30px; margin-top:10px; margin-bottom:20px;}
.proDetails .joinOur{padding-top:50px; padding-bottom:0px;}
.joinOur .card h6{color: #FFF;font-weight: 700;}
.joinOur .card p{font-size: 14px;font-weight: 400;line-height: 22px;color: rgba(255, 255, 255, 0.90); margin-top:19px;margin-bottom:27px;}

.joinOur .card figure img.img-fluid{width: 39px;}

.joinOur .card .butJoin{    width:80%; display:inline-flex;}
.joinOur .card{position: relative;border-radius:0px; background-color: transparent;  z-index: 2;  transition: transform 0.5s ease; text-align: center;}
.joinOur .card::after{content: "";position: absolute;top: 0;left: -2px;right: -2px;height: 100%;
  border-radius:40px;border-top:3px solid transparent;border-left: 3px solid transparent;
  border-right: 3px solid transparent;border-bottom: 0px solid transparent;background: linear-gradient(180deg,
    #0BFFAA 8%, #0D2D59 40%, rgba(4, 21, 43, 0.0)) border-box;-webkit-mask:
    linear-gradient(#fff 0 0) padding-box,  linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;
  mask-composite: exclude;pointer-events: none; border-bottom-left-radius: 0px; border-bottom-right-radius:0px;}
.joinOur .cards.firscrd:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  height: 40%;
  top: 40%;
  border-radius: 487px;
  background: #060692;
  filter: blur(96px);
  left: -20%;
}

.joinOur .cards.lastcard:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  height: 40%;
  top: 40%;
  border-radius: 487px;
  background: #060692;
  filter: blur(96px);
  right: -20%;
}

.joinOur .card:before {content: "";
    position: absolute;
    inset: 0;
    width: 90%;
    height: 52px;
    top: -2px;
    border-radius: 307px;
    background: #00D7A9;
    filter: blur(28px);
    left: 19px;   
    z-index: -1;
    transition: opacity 0.9s ease, transform 0.9s ease;}

.joinOur .cards{background: linear-gradient(180deg, #0D2D59 0%, #04142A 100%); border-radius:40px;    padding:40px 29px 15px;}

.aboutreplele{position:absolute; left: -24%;}
.aboutSvg .ripple-container{position: absolute; margin: 0px auto; z-index: -1; top: 0%; width: 600px;
height: 600px; left: 0px; right:0px;}

.ripple-container {
  position: relative;
  width: 888px;
  height: 888px;
}

.ripple-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 5px solid;
  /* thicker border */
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  animation: rippleLoop 6s linear infinite;
  filter: url(#wavy);
  /* Apply zigzag filter */
}

/* Alternate colors: even = blue, odd = green */
.ripple-ring.size1 {
  width: 888px;
  height: 888px;
  animation-delay: 0s;
  border-color: #01b79d;
}

/* green */
.ripple-ring.size2 {
  width: 761px;
  height: 761px;
  animation-delay: 1s;
  border-color: #061d34
}

/* blue */
.ripple-ring.size3 {
  width: 634px;
  height: 634px;
  animation-delay: 2s;
  border-color: #01b79d;
}

/* green */
.ripple-ring.size4 {
  width: 507px;
  height: 507px;
  animation-delay: 3s;
  border-color: #061d34
}

/* blue */
.ripple-ring.size5 {
  width: 380px;
  height: 380px;
  animation-delay: 4s;
  border-color: #00305D;
  opacity: 0.5;
}

/* green */
.ripple-ring.size6 {
  width: 317px;
  height: 317px;
  animation-delay: 5s;
  border-color: #00305D;
}

/* blue */

@keyframes rippleLoop {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.02;
  }

  70% {
    opacity: 0.3;
  }

  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}

/* Center solid circle (no zigzag filter) */
.center-solid {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 253px;
  height: 253px;
  background: #024350;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border:18px solid #011c36;
}


.techknolg .center-solid {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 253px;
  height: 253px;
  background: #032739;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border: 18px solid #03172f;
}

/* Position the SVG filter definition off-screen */
svg {
  position: absolute;
  width: 0;
  height: 0;
}



/* Alternate colors: even = blue, odd = green */
.aboutSvg .ripple-ring.size1 {
  width: 700px;
  height: 700px;
  animation-delay: 0s;
  border-color: #01b79d;
  opacity: 0.5;
}

/* green */
.aboutSvg .ripple-ring.size2 {
  width: 600px;
  height: 600px;
  animation-delay: 1s;
  border-color: #061d34;
  opacity: 0.5;
}

/* blue */
.aboutSvg .ripple-ring.size3 {
  width: 580px;
  height: 580px;
  animation-delay: 2s;
  border-color: #01b79d;
  opacity: 0.5;
}

/* green */
.aboutSvg .ripple-ring.size4 {
  width: 500px;
  height: 500px;
  animation-delay: 3s;
  border-color: #061d34;
  opacity: 0.5;
}

/* blue */
.aboutSvg .ripple-ring.size5 {
  width: 380px;
  height: 380px;
  animation-delay: 4s;
  border-color: #01b79d;
  opacity: 0.02;
}

/* green */
.aboutSvg .ripple-ring.size6 {
  width: 317px;
  height: 317px;
  animation-delay: 5s;
  border-color: #061d34;
  opacity: 0.01;
}



.aboutSvg .center-solid {position: absolute;top: 50%;left: 50%;width: 253px;height: 253px;background: #024350;border-radius: 50%;
  transform: translate(-50%, -50%);z-index: 2;border:18px solid #011c36;opacity:0.05 ;}
.techknolg{left: 90px;position: absolute;right: 0px;margin: 0px auto;z-index: -1;top: -90px;}
.panelMan.tech-pannel img {width: 48%;}

.proDetails.backProdu .container-fluid{max-width:1340px;padding-left: 30px; padding-right: 30px;}
.proDetails.backProdu .backLink{color: #07B79D;font-size: 16px;font-weight: 500;line-height: 26px;margin-bottom:10px;}
.u_dexDece .title{padding-right:60px;}
.proDetails .u_dexDece h5{font-size: 16px;font-weight: 500;line-height: 30px; }
.proDetails .u_dexDece{padding-bottom:100px; border-bottom:1px solid rgba(255, 255, 255, 0.08);} 
.to80{padding-top:80px;}
.proDetails .to80 h4{font-size: 32px;font-weight: 800;line-height: 64px; margin-bottom:20px;}
.tech-info{position: relative;}
.tech-info::before{content: "";position: absolute; inset: 0; width: 90%; height: 52px; top: -2px; border-radius: 307px; background:rgba(0, 215, 169, 0.5);
    filter: blur(28px);left: 19px; z-index: -1; transition: opacity 0.9s ease, transform 0.9s ease;}
.tech-info.firscrd::after {content: "";position: absolute;inset: 0;z-index: -1;height: 40%;top: 0%;border-radius: 487px;
  background:rgba(6, 6, 146, 0.01);filter: blur(96px); left: -20%;}

.tech-info.lastcard:after {content: "";position: absolute;inset: 0;z-index: -1;height: 40%;top: -20%;border-radius: 487px; background: rgba(6, 6, 146, 0.01);
  filter: blur(96px);right: -40%;}
.joinOur.valucard .card:before {display: none;}
.leftfish{position: absolute; left: 0px; z-index:-1;}
.rightfish{position: absolute; right: 0px; z-index:-1;}
.comunitye{position: relative;}
.joinLarg.tehnolign.communipage .prducfis{display: none;}
.contact_us h5{color: #FFF;font-size: 22px;font-weight: 500;line-height: 30px;}
.contact_us{padding-bottom: 50px;}
.contaAddre .textAddre .clBox a:hover{text-decoration:none;}
.contaAddre .container{max-width: 1092px; padding-left: 15px;  padding-right: 15px;}
.contaAddre .card{background: linear-gradient(180deg, #04142A 0%, #04142A 100%);border-radius: 40px;    padding:40px 29px; }
.contaAddre .card::after{content: "";position: absolute;top: 0;left: -2px;right: -2px;height: 100%; border-radius:40px;border-top:4px solid transparent;border-left: 4px solid transparent; border-right: 4px solid transparent;border-bottom: 0px solid transparent;background: linear-gradient(180deg,  #0BFFAA 8%, #0D2D59 40%, rgba(4, 21, 43, 0.0)) border-box;-webkit-mask:   linear-gradient(#fff 0 0) padding-box,  linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;  mask-composite: exclude;pointer-events: none; border-bottom-left-radius: 0px; border-bottom-right-radius:0px;}
.contaAddre .card:hover::before {  opacity: 1;}
.contaAddre .card:before {  content: "";  position: absolute;  inset: 0;  width:100%; height:250px;  top:20px;   border-radius: 307px;   background: #00D7A9;  filter: blur(50px); left: 0px; opacity: 0;z-index:-1; transition: opacity 0.9s ease, transform 0.9s ease;}
.contaAddre .cards:after{ content: ""; position: absolute; inset: 0;   z-index: -1;  width:calc(100% + 130px);  height: 40%;  top: 40%;  border-radius: 487px;  background: #060692;   filter: blur(96px);  left: -64px;}
.contaAddre .cards{background: linear-gradient(180deg, #04142A 0%, #04142A 100%);border-radius: 40px; }
.contaAddre .cards label{display:none}
.contaAddre h4{font-size: 30px;font-weight: 800;line-height: 47px;background: linear-gradient(83deg, #07B79D 16.79%, #0865E6 41.26%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.contaAddre .form-control{border-radius: 50px;    padding:1rem 1.5rem; border: 1px solid #30398C;background-color:#222A71;color: #FFF;font-size: 14px;font-weight: 700;line-height: normal;}
.contaAddre .form-control.hig{height: 160px;border-radius: 20px;}
.contaAddre .form-control.learnMore{border:0px;border-radius: 50px;background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%);}
.contaAddre .textAddre a{color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 28px;}
.contaAddre .textAddre a:hover{color:#07B79D}
.contaAddre .textAddre .clBox a{text-decoration:none;}





.contaAddre .form-control::-webkit-input-placeholder {color: #FFF;font-size: 14px;font-weight: 700;}
.contaAddre .form-control::-moz-placeholder {color: #FFF;font-size: 14px;font-weight: 700; }
.contaAddre .form-control:-ms-input-placeholder { color: #FFF;font-size: 14px;font-weight: 700;}
.contaAddre .form-control:-moz-placeholder {color: #FFF;font-size: 14px;font-weight: 700;}
.contacfis{position:absolute; right: 0px; top:-50px;}


.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;}
.hoverhide{padding-right: 18px; transition: all 0.3s ease; border-radius:300px;}
.hoverhide.mr20{padding-right: 30px;}
.hovershadownew .hovershow img{transition: all 30s ease;}



.carOurProd .hovershadownew .hovershow {margin: 0px auto;}
.carOurProd .hovershadownew .hoverhide{padding-right: 0px;}
.carOurProd .hovershadownew .hoverhide img{transition: all 50s ease;}


.blogDetails{margin-top:180px; position: relative;}
.blogDetails:before{position: absolute;width: 844px;height: 500px;border-radius: 100%;background: rgba(12, 79, 162, 1);filter: blur(58px);content: '';top: -510px;left: -10px;right: 0px;margin: 0px auto; }
.blogDetails nav{max-width:1340px;padding-left: 30px; padding-right: 30px; margin-left:auto;margin-right:auto}
.breadcrumb-item+.breadcrumb-item::before {color: #1BB7FA;}
.blogDetails nav .breadcrumb-item a{color: rgba(255, 255, 255, 0.53);font-size: 14px;font-weight: 400;line-height: 28px;}
.breadcrumb-item+.breadcrumb-item.nexLink::before { color: rgba(255, 255, 255, 0.53);}
.blogDetails nav .breadcrumb-item.nexLink a{color: #08B79D;font-size: 14px;font-weight: 400;line-height: 28px;}
.blogDetails nav .breadcrumb-item {color: #1BB7FA;font-size: 14px;font-weight: 400;line-height: 28px;}

.blogDetails .shareDiv{ position: sticky; position: -webkit-sticky; height:100%; top: 70px;  }
.blogdetails .carDetail:before{ content: ""; position: absolute; inset: 0;  z-index: -1;  width:calc(100% + 130px);  height: 40%;  top: 40%; border-radius: 487px; background: #060692;  filter: blur(96px);  left: -64px;}
.carDetail{position:relative;border-radius: 17px;background: #010014;z-index:1;margin-bottom:60px;}
.carDetail:hover::after {  opacity: 1;}
.carDetail:after {  content: "";  position: absolute; z-index: 1; inset: 0;  width:100%; height: 330px;  top: -21px;   border-radius: 307px;   background: #00D7A9;  filter: blur(62px); left: 0px; opacity: 0;z-index:-1; transition: opacity 0.9s ease, transform 0.9s ease;}
.blogdetails .latestblog-sec .carDetail .latest-img::before{width:50%; height:100%;background-position:top -20px right;}
.contDetail p{font-size: 14px;color: rgba(255, 255, 255, 0.70);font-weight: 400;line-height: 26px; }
.contDetail .texGre{position:relative;padding-left:20px;background: linear-gradient(91deg, #08B79D 3.33%, #0866E6 63.83%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 16px;font-weight: 600;line-height: 28px;}
.contDetail .texGre:before{ content: ""; position: absolute;width:3px; height:90%; top:5%;left:0; background: linear-gradient(180deg, #09B79D 0%, #0865E5 100%);}
.contDetail h4{font-size: 36px;font-weight: 800;line-height: 64px;margin-bottom:10px; margin-top:35px;}
.boderGr .texGre2{font-size: 18px;font-weight: 800;line-height: 28px;background: linear-gradient(91deg, #08B79D 3.33%, #0866E6 63.83%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.blogDetails  .boderGr {margin-bottom:15px; margin-top:10px;  position:relative;padding-bottom:15px}
.blogDetails  .boderGr:before{ content: ""; position: absolute;width:calc(100% - 30px); height:1px;bottom:0; left:15px;background-color:#07B79D; }
.blogDetails  .solutCard .card{border-radius: 16px;background-color:#092751;padding:30px 24px 10px;}
.blogDetails  .solutCard .card h6{font-weight: 700;line-height: 30px;}
.blogDetails  .solutCard .card p{line-height: 22px;color: #FFF;}
.blogDetails  .solutCard .card ul{margin:0px;padding:0;list-style:none}
.blogDetails  .solutCard .card li{position:relative;padding-left:20px; color: #FFF;font-size: 14px;font-weight: 400;line-height: 22px; letter-spacing: -0.3px;margin-bottom:10px;}
.blogDetails  .solutCard .card ul li:before{ content: ""; position: absolute;width:6px; height:6px; top:8px;left:0;border-radius: 50%; background-color:#FFF;} 
.textGrad3{background: linear-gradient(77deg, #07B79D 44.2%, #0865E6 91.14%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.blogDetails  .solutCard.resulOutc .card p{color: rgba(255, 255, 255, 0.70);font-weight: 400;line-height: 24px;}
.blogDetails  .solutCard.resulOutc{margin-bottom:50px;padding-bottom:10px;}


.desktophidromdma{display: none;}
.videos {margin-left: 119px; height:250px;}
.vidows2{height:250px;}
.vidows3{height:250px; width: 250px; margin-left:200px; }
.vidows4{height:250px; width: 250px; margin-left:150px; }

.valucard{margin-bottom: 100px;}
.vidoimghide{display: none;}
.tokfisvido{width: 360px;}
.mobilhidevido {border-radius:300px;}
.contaAddre .cards h4{margin-bottom:00px;}
.textAddre h3{margin-top: 40px;}
.producmobile{display: none;}

.mscolltop{margin-top:30px;}
.joinusimg img{width:70%;}
.joinLarg.tehnolign.communipage{padding-top: 50px;}
.form-group.erroms.erroms span{position: absolute; color:rgb(237, 20, 61);}
#subscription_form{position: relative;}
#subscription_form span{color:rgb(237, 20, 61); position: absolute; bottom:-25px}

div#wpforms-2453 {
    margin-top: 0px !important;
}


/*.contaAddre .mail_input_con .wpforms-field-large
.contaAddre .wpforms-field-large::-webkit-input-placeholder,
.contaAddre .wpforms-field-large::-moz-placeholder
.contaAddre .wpforms-field-large:-ms-input-placeholder
.contaAddre .wpforms-field-large:-moz-placeholder*/

.contaAddre .name_input_con .wpforms-field-name-first,
.contaAddre .name_input_con .wpforms-field-name-last,
.contaAddre .mail_input_con .wpforms-field-large,
.contaAddre .phone_input_con .wpforms-field-large,
.contaAddre .message_text_con .wpforms-field-large
{border-radius: 50px;    padding:1rem 1.5rem; border: 1px solid #30398C;background-color:#222A71;color: #FFF !important;font-size: 14px;font-weight: 700;line-height: normal;}

.contaAddre .message_text_con .wpforms-field-large{height: 160px;border-radius: 20px;}

.contaAddre .wpforms-submit{border:0px;border-radius: 50px;background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%);}
.contaAddre .name_input_con .wpforms-field-name-first::-webkit-input-placeholder,
.contaAddre .name_input_con .wpforms-field-name-last::-webkit-input-placeholder,
.contaAddre .mail_input_con .wpforms-field-large::-webkit-input-placeholder,
.contaAddre .phone_input_con .wpforms-field-large::-webkit-input-placeholder,
.contaAddre .message_text_con .wpforms-field-large::-webkit-input-placeholder,
 {color: #FFF !important;font-size: 14px;font-weight: 700;}

 .contaAddre .name_input_con .wpforms-field-name-first::placeholder,
.contaAddre .name_input_con .wpforms-field-name-last::placeholder,
.contaAddre .mail_input_con .wpforms-field-large::placeholder,
.contaAddre .phone_input_con .wpforms-field-large::placeholder,
.contaAddre .message_text_con .wpforms-field-large::placeholder,
 {color: #FFF !important;font-size: 14px;font-weight: 700;}

.contaAddre .name_input_con .wpforms-field-name-first::-moz-placeholder,
.contaAddre .name_input_con .wpforms-field-name-last::-moz-placeholder,
.contaAddre .mail_input_con .wpforms-field-large::-moz-placeholder,
.contaAddre .phone_input_con .wpforms-field-large::-moz-placeholder,
.contaAddre .message_text_con .wpforms-field-large::-moz-placeholder,
 {color: #FFF !important;font-size: 14px;font-weight: 700; }

.contaAddre .name_input_con .wpforms-field-name-first:-ms-input-placeholder,
.contaAddre .name_input_con .wpforms-field-name-last:-ms-input-placeholder,
.contaAddre .mail_input_con .wpforms-field-large:-ms-input-placeholder,
.contaAddre .phone_input_con .wpforms-field-large:-ms-input-placeholder,
.contaAddre .message_text_con .wpforms-field-large:-ms-input-placeholder,
 { color: #FFF !important;font-size: 14px;font-weight: 700;}

.contaAddre .name_input_con .wpforms-field-name-first:-moz-placeholder,
.contaAddre .name_input_con .wpforms-field-name-last:-moz-placeholder,
.contaAddre .mail_input_con .wpforms-field-large:-moz-placeholder,
.contaAddre .phone_input_con .wpforms-field-large:-moz-placeholder,
.contaAddre .message_text_con .wpforms-field-large:-moz-placeholder,
 {color: #FFF !important;font-size: 14px;font-weight: 700;}


 .contaAddre .name_input_con .wpforms-field-name-first:focus,
.contaAddre .name_input_con .wpforms-field-name-last:focus,
.contaAddre .mail_input_con .wpforms-field-large:focus,
.contaAddre .phone_input_con .wpforms-field-large:focus,
.contaAddre .message_text_con .wpforms-field-large:focus,
.contaAddre button#wpforms-submit-2453:focus {
   /* color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;*/
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}

.wpforms-confirmation-container-full.wpforms-confirmation-scroll {
    background: transparent !important;
    padding: 0px !important;
    margin-top: 20px !important;
    border: none !important;
}
.wpforms-confirmation-container-full.wpforms-confirmation-scroll p {
    color: #fff !important;
}
 .contaAddre .wpforms-submit-container .wpforms-submit
 {width: 100%;border:0px;border-radius: 50px;background: linear-gradient(108deg, #1A61CC 35.56%, #07B79D 100.61%) !important;}
.contaAddre .wpforms-container .wpforms-submit-container{
  margin-left: 0px !important;
}


::-webkit-input-placeholder { /* Chrome, Safari, Edge */
  color: #FFF !important;font-size: 14px;font-weight: 700;
}
:-moz-placeholder { /* Old Firefox */
  color: #FFF !important;font-size: 14px;font-weight: 700;
}
::-moz-placeholder { /* Modern Firefox */
  color: #FFF !important;font-size: 14px;font-weight: 700;
}
:-ms-input-placeholder { /* Old IE/Edge */
  color: #FFF !important;font-size: 14px;font-weight: 700;
}
::placeholder { /* Standard (modern browsers) */
  color: #FFF !important;font-size: 14px;font-weight: 700;
}





  input#wpforms-1271-field_1 {
    display: flex
;
    border-radius: 50px;
    background: #273296;
    height: 56px;
    line-height: 50px;
    max-width: 356px;
    border: 1px solid #345FE9;
    align-items: center;
    margin-left: auto;
    color: #fff;
    padding-left: 30px;
}

input#wpforms-1271-field_1::-webkit-input-placeholder {color: #fff;
font-size: 14px;font-style: normal;font-weight: 400;line-height: 46px;font-weight: 400;
    
}
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 {
    margin-left: 0px;
}
.d-md-flex.justify-content-between .all-item-cs li{
  margin-right: 25px;
  margin-left: 25px;
}
@media only screen and (max-width:1024px) {
  .videos {margin-left: 0px; height:250px;}
  .homOurProd .cahtgpt {
    position: absolute;
    top: -187px;
    right: -12px;
}
.homOurProd .uperon {
    margin-top: 70px;
}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar{
  display: block !important;
}
.d-md-flex.justify-content-between li:nth-child(-n+3) {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
        background-color: transparent;
        color: #fff;
        text-decoration: none;
    }
  .proDetails{padding-top:100px;}
  
  .page-id-2375 .proDetails .u_dexDece {
          padding-bottom: 85px;
      }
      .rightfish{
      top: 48px;
  }
     .rightfish {
          top: 20px;
      }
  .about_bg{
      margin-top: 140px;
  }
  
  .leftfish{
      top: 25%;
  }
  /*.page-id-2375*/ .leftfish{
      top: 23%;
  }
  .proDetails .u_dexDece{
        padding-bottom: 200px;
  }
  .to80 {
      padding-top: 20px;
  }
  .joinLarg .col-lg-6.align-self-center{
        width: 72%;
  }
  .joinLarg .col-lg-6.align-self-center.joinusimg.text-md-end.text-center {
      width: 28%;
  }
  .joinusimg img {
      width: 100%;
  }
  .page-id-2304 .u_dexDece .title {
      padding-right: 44px;
  }
  /*.joinusimg img{
    width: 40%;
  }*/
  .about_bg  .col-lg-6.col-md-6.col-sm-6.col-12.mb-4.ms-auto{
      width: 58%;
  }
  .about_bg {
      margin-top: 85px;
  }
  .vidows4{
    margin-left: 85px;
  }
  .center-solid{
    display: none;
  }
  .makes {
      padding: 0px 0px 100px;
  }
  .col-lg-6.col-md-12.col-sm-12.twocard {
      margin-top: 25px;
  }
  .comunitye{
    padding-top: 100px;
  }
  /*.rightfish {
          top: 45px;
          left: 75%;
      }
      .leftfish {
          top: 4%;
      }*/
      .ripple-container {
        position: relative;
            width: 86% !important;
          height: 888px !important;
      }
      .col-xl-6.col-lg-6.col-md-6.text-md-end.align-self-center.text-cont {
          width: 38%;
      }
      .col-xl-6.col-lg-6.col-md-6.align-self-center.logo-cont {
          width: 62%;
      }
      .ripple-ring.size1{
        width: 85%;
        height: 85%;
      }
      .ripple-ring.size2 {
          width: 80%;
          height: 80%;
        }
        
    .ripple-ring.size3 {
      width: 75%;
      height: 75%;
    }
    .ripple-ring.size4 {
        width: 65%;
        height: 65%;
      }
    .ripple-ring.size5 {
      width: 55%;
      height: 55%;
    }
    .ripple-ring.size6 {
        width: 45%;
        height: 45%;
      }
      .techknolg{
        display: none;
      }
      .col-md-7.align-self-center.order-md-1.order-2.panel-left {
          width: 80%;
      }
      .col-md-5.align-self-center.order-md-2.order-1.text-md-end.text-center.text-md-end.panel-right {
          width: 20%;
      }
      .panelMan.tech-pannel img {
          width: 100%;
      }
      .col-lg-5.col-md-8.col-sm-12.text-md-end.order-md-2.order-1.align-self-center.hovershadownew.image-video-section {
          width: 35%;
      }
      .col-lg-7.col-md-8.col-sm-12.order-md-1.order-2.align-self-center.left-content-sec {
          width: 65%;
      }
      .col-lg-7.col-md-8.col-sm-12.order-md-2.order-2.rightcard.align-self-center.left-content-sec {
          width: 65%;
      }
      .col-lg-5.col-md-8.col-sm-12.text-md-start.order-md-1.order-1.align-self-center.image-video-section {
          width: 35%;
      }
      .bordercirc2.bordSnip3 {
          width: 100%;
          display: flex;
          vertical-align: middle;
          align-items: center;
          justify-content: center;
          margin-bottom: 100px;
      }

}
@media only screen and (max-width:767px) {
  .col-lg-7.col-md-8.col-sm-12.order-md-1.order-2.align-self-center.left-content-sec {
        width: 100%;
    }
    .col-lg-7.col-md-8.col-sm-12.order-md-2.order-2.rightcard.align-self-center.left-content-sec {
      width: 100%;
  }
  .col-lg-7.col-md-8.col-sm-12.order-md-1.order-2.align-self-center.left-content-sec {
      width: 100%;
  }
  .d-md-flex.justify-content-between .all-item-cs li {
      margin-right: 0px;
      margin-left: 0px;
  }
  ul.all-item-cs, ul.list-sec-itm {
      margin-bottom: 0px;
  }
  
  .mobile-border .elementor-nav-menu--main ul li.menu-item::after {
      top: 10px;
      border-right: 1px solid rgba(255, 255, 255, 0.57);
      position: absolute;
      content: '';
      width: 2px;
      right: 0px;
      height: 13px;
  }
  .mobile-border .elementor-nav-menu--main ul li.menu-item:last-child::after {
        top: 10px;
        border-right: 0px solid rgba(255, 255, 255, 0.57);
        position: absolute;
        content: '';
        width: 2px;
        right: 0px;
        height: 13px;
    }
    .joinLarg .col-lg-6.align-self-center {
        width: 100%;
    }
    .joinLarg .col-lg-6.align-self-center.joinusimg.text-md-end.text-center
    {
        width: 70%;
    }


  .about_bg  .col-lg-6.col-md-6.col-sm-6.col-12.mb-4.ms-auto{
      width: 100%;
  }
  form#wpforms-form-1271{
    flex-wrap: wrap;
  }
  .wpforms-submit-container {
      margin-left: 0px !important;
  }
  button#wpforms-submit-1271 {
      width: 360px;
      margin-left: 0px;
  }
  div#wpforms-1271-field_1-container {
      width: 360px;
  }
  .d-md-flex.justify-content-between li:nth-child(-n+3) {
      margin-right: 0px !important;
      margin-left: 0px !important;
  }
  footer{
    border: 0px;
  }
  .col-xl-6.col-lg-6.col-md-6.align-self-center.logo-cont{
    width: 100%;
  }
  .col-xl-6.col-lg-6.col-md-6.text-md-end.align-self-center.text-cont{
    width: 100%;
  }
 .tech-highlight-sec .modiles h5 br {
     display: block;
 }
 .col-md-7.align-self-center.order-md-1.order-2.panel-left{
  width: 100%;
 }
 .col-md-5.align-self-center.order-md-2.order-1.text-md-end.text-center.text-md-end.panel-right{
  width: 100%;
 }
}