*{padding: 0;
margin: 0;
font-family: 'Salsa', cursive;
list-style: none;
text-decoration: none;
}
body{
    background: #06206D;
}

.d-flex{align-items: center;display: flex;}
.j-s-b{justify-content: space-between}

.navbar-expand-lg{
    background:#2D305B;
    z-index: 100;
}

.menu li a{
   color: #fff;
   font-size: 20px;
 
}
.menu li{
    padding: 0px 12px;
}

.hiro{
    background: url(../images/hero.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    height: 800px;
}
.other{
    background: #37A3FE;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    color:#fff;
    text-align: center ;
}
.Safe h4{
    background: #06206D;
    display: inline-block;
    border-radius: 40px;
    padding: 5px 10px;
    color: #fff;
    font-size: 20px;
}
.Safe {
    margin: 150px 0px 20px 0px;
    

}
.hor{overflow: hidden;}
.active{color:#37A3FE !important;}
.nav-link:hover{color: #37A3FE ;}
.Make span{
   color:#37A3FE;
}
.Make{
    color: #fff;
    width: 90%;}
   
.Make h1{
     font-size: 65px;
    font-weight: bold;}

 .Make p{
    color: rgb(161, 159, 159);
    margin:30px 0px 60px 0px;

 }  

 .play-btn1{
    position: relative;
   border: solid 1px #0194FC;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 10px;
    z-index: 1;
}
.play-btn1:hover.play-btn1 a{
    color: #0194FC;
    z-index: 1;
}
.play-btn:hover.play-btn a{
    color: #0194FC;
}
.play-btn1::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    content:'';
    
    transition: 1s;
    border-radius: 10px;
  
}
.play-btn::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    content:'';
    transition: 1s;
    border-radius: 10px;
  
}
.play-btn:hover::after{
    width: 100%;
    z-index: -1;
    background: #fff;
}
.play-btn1:hover::after{
    width: 100%;
    z-index: -1;
    background: #fff;
}
.play-btn{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 10px;
    background: #0194FC;
}
.play-btn1:hover{
    border: none;
}
.play-btn a, .play-btn1 a{
    color: rgb(251, 247, 247);
    transition: 1s;
    z-index: 1;
    text-decoration: none;
}

.img-four{
    position: absolute;
    bottom: -150px;
    left: -80px;
    animation-name: four;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes four{
    0% {bottom: -150px;}
    50%{bottom: -120px;}
    100%{bottom: -150px;}
}
.img-two img{
    position: absolute;
    top: -1px;
    left: 5px;
    animation: rotation 15s infinite linear;
}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to { transform: rotate(359deg);}
}
.five-img img{
    position: absolute;
    top: -40px;
    left: 0px;
    animation: rota 15s infinite linear;
}
@keyframes rota {
    from{transform: rotate(359deg);}
    to { transform: rotate(0deg);}
}
.img-three{
    position: absolute;
    bottom: 0px;
    right: 60px;
    z-index: 90;
    
}
.nine-img{
        position: absolute;
        bottom: 38%;
        right: 42%;
        z-index: 90;
}
.img-two1{position: absolute;
    top: 0;
    left:45px;
    z-index: 90;}
.img-four1 img{
        position: absolute;
        top: -70px;
        right:-70px;
        z-index: 90;
        animation: 2s four1 infinite;   
    }
@keyframes four1{
    0%{top: -70px;}
    50%{top: -40px;}
    100%{top: -70px;}
}

.ground{
    background: url(../images/ground.png)no-repeat;
    background-size: cover;
    padding-top: 80px;
    background-position: center;
}
.box{
    background: #09185E;
    border-radius: 10px;
}
.box samp, .box p{color: #929495; 
    font-size: 20px;
}
.box h3{
    color: #fff;

}
.box span{
    position: absolute;
    left: 0;
    opacity: .5;
    top: 0;
    border-radius: 10px;
    height: 0%;
    width: 0%;
    transition: 1s;
    background: linear-gradient(90deg, rgba(13,43,86,1) 0%, rgba(223,49,201,1) 100%);
}

.box:hover.box span{
    width: 100%;
    height: 100%;
    
}
.bg2{background: url(../images/bg1.png)no-repeat;
background-size: cover;
background-position: center;
padding: 100px 0px 50px 0px;
}
.title{
    background: #081B5E;
    border-radius: 10px;
    color: #37A3FE;
    font-size: 20px;
    padding: 20px 20px;
    width: 180px;
    margin: auto;
}
.title img{
    width: 18px;
    margin-right: 10px;
}
.ICO{
    margin: auto;
    margin-top: 10px;
    width: 33%;
    text-align: center;
}
.ICO h2{
    font-size: 50px;
    margin-top: 20px;
}
.title1{
    background: #081B5E;
    border-radius: 10px;
    color: #37A3FE;
    font-size: 20px;
    padding: 20px 20px;
    width: 210px;
    margin: auto;
}
.title1 img{
    width: 18px;
    margin-right: 10px;
}
.ICO1{
    margin: auto;
    margin-top: 10px;
    width: 40%;
    text-align: center;
}
.ICO1 h2{
    font-size: 43px;
    margin-top: 20px;
}
.ICO p{
    margin-top: 20px;
    color: #9da0a2;
}
.round-img{
    position: absolute;
    top: 0;
    left: 0;
    animation: rrr;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes rrr{
    0%{top: 0px;}
    50%{top: 30px;}
    100%{top: 0px;}
}
.token{
    background: url(../images/token.png)no-repeat;
    background-position: center;
    background-size: cover;
}
.token3{
    background: rgb(28,25,94,0.6);
    border-radius: 5px;
    border-bottom:4px solid rgba(36, 173, 107, 0.8);
    padding: 40px 0px ;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.token3 h3{
    padding: 5px 10px;
    border: solid 1px #0194FC;
    border-radius: 5px;
    width: 40%;
    margin: auto;
    margin-top: 30px;
}
.token3 h3:hover{
    background: #fff;
    border: solid 1px #fff;
    color: #0194FC;
}

.token3::after{
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    z-index: -1;
    border-radius: 5px 5px 0px 0px;
    width: 0%;
    height: 100%;
    transition: 1s;
    background:-webkit-linear-gradient(-9deg, #032241 0%, #3B035A 97%);
}
.token3:hover:after{
    width: 100%;
    opacity: .5;
    z-index: -1;
}

.token3:hover{
    transform: translateY(-8px);
}
.title2{
    background: #081B5E;
    border-radius: 10px;
    color: #37A3FE;
    font-size: 20px;
    padding: 20px 20px;
    width:210px;
    
}
.title2 img{
    width: 18px;
    margin-right: 10px;
}
.ICO2{
    
    margin-top: 10px;

    
}
.ICO2 h2{
    font-size: 40px;
    margin: 30px 0px;
   
}
.Token4{
    background: url(../images/bg2.png)no-repeat;
    background-position: center;
    background-size: cover;
}

.plus-circle{margin-top: 40px;}
.plus-circle a{
    text-decoration: none;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    background: #0194FC;
    position: relative;
    z-index: 1;
}
.services-bg{
    background: url(../images/service-bg.png)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 0px;
}
.d-flexs{display: flex;}
.services-box{
    width: 90%;
    margin: auto;
    background: rgb(35,24,117,0.3);
    box-shadow: 6px 0 21px rgb(0 0 0 / 14%);
    border-radius: 5px;
    padding: 20px;
    position: relative;
    z-index: 1;
}
.services-box img{
    margin-right: 20px;
    transition: .5s;
}
.services-box:hover.services-box img{
    transform: rotateY(180deg);
}

.services-box::after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 0%;
    height: 100%;
    transition: .5s;
    border-radius: 5px;
    z-index: -1;
    background: -webkit-linear-gradient(-9deg, #032241 0%, #3B035A 97%);
}
.services-box:hover::after{
    width: 100%;
    z-index: -1;
}
.coll{
    background: url(../images/call.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0px 100px 0px;
}
.shap{
    background: url(../images/shape.png)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 90px 40px 90px 40px;
    height: 500px;
}
.coll1 h2{
    font-size: 50px;
    color: #fff;
    width: 90%;
}
.coll1 p{
    margin:10px 0px 40px;
}

.shap2-im{
    position: absolute;
    left: 15%;
    top: 22%;
   transition: .5s;
    animation-name: wooo;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes wooo{
   0%{transform: rotateY(0deg);}
    50%{transform: rotateY(180deg);}
    100%{transform: rotateY(0deg);}
}
.shap2{
    position: absolute;
    top: 0;
    left: 50px;
    animation: woo 3s infinite linear;
}
@keyframes woo{
    0%{top: -100px;}
    50%{top: -120px;}
    100%{top: -100px;}
}
.ab{
    background: url(../images/abvice.png)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0px;
}
.Team-m{
    background: #0A2D6D;
    width: 88%;
    border-radius: 5px;
    transition: .5s;
    margin: auto;
   
}
.Team-m p{
    margin: 0px;
}
.Team-m h3{
    margin-top: 20px;
}
.Team-mi span{
    background: #23407A;
    padding: 10px 15px 10px 0px;
    border-radius: 5px;
    color: #fff;
}
.Team-mi span:hover .bi-envelope{
    background: #0194FC !important;
}

.Team-mi span:hover, .Team-mi i:hover{
    background: #0194FC;
}

.Team-mi i{
    color: #fff;
    background: #23407A;
    padding: 14px 15px;
    border-radius: 5px;
}
.Team-mi{
    justify-content: space-around;
    padding:20px ;
}
.Team-im{
    position: relative;
}
.Team-im::after{
    position: absolute;
    top: 0;
    left: 50%;
    width: 0%;
    content: '';
    height: 100%;
    transition: 1s;
    background:-webkit-linear-gradient(-9deg, #441459 97%, #0A2C56 0%);
    opacity: .5;
}
.Team-im::before{
    position: absolute;
    top: 0;
    right: 50%;
    width: 0%;
    content: '';
    height: 100%;
    transition: 1s;
    background:-webkit-linear-gradient(-9deg, #0A2C56 0%, #441459 100%);
    opacity: .5;
}
.Team-m:hover .Team-im::after{
    width: 50%;
    z-index: 1;
}
.Team-m:hover  .Team-im::before{
    width: 50%;
    z-index: 1;
   
}
.Team-m:hover{
    transform: translateY(-10px);
}
.More-m{
    justify-content: center;
    display: flex;
    margin-top: 50px;
}
.Client{
    background: url(../images/call.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}
.accordion-button {
    background: transparent!important;
    color: rgb(44, 10, 238) !important;
}
.accordion-item{
    background: transparent !important;
color: #fff !important;
}

.footre{
    background: url(../images/footer.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px 0px 0px;
}

.footer{
    color: #fff;
}
.footer p{
    padding: 20px 0px;
    color: #96999b;
}
.footer h5{
    font-size: 30px;
    margin-bottom: 20px;
}
.footer1111 i{
    padding: 10px 11px;
    background:#06206D;
    border-radius: 50%;
    text-align: center;
    margin: 0px 10px 0px 10px;
    transition: .5s;
    
}

.footer i{
    padding: 10px 11px;
    background:#06206D;
    border-radius: 50%;
    text-align: center;
    margin: 0px 10px 0px 10px;
    transition: .5s;
    
}
.footer .fa-facebook-f, .footer .fa-pinterest-p{
    padding: 10px 13px;
}
.footer i:hover{
    background: #0194FC;
}
.footer1111 i:hover{
    background: #fc01bd;
}
.footers ul li{
    padding-bottom: 10px;
}
.footers ul li a:hover{
    color: #0194FC;
}
.footers ul li a{
    text-decoration: none;
    color: rgb(160, 158, 158);
}
.btn-outline-secondary{
    background: #0194FC;
    color: #fff;
    border-radius: 0px 20px 20px  0px;
    font-size: 20px;
}
.footre .form-control{
    border-radius: 20px 0px 0px 20px;
}
.footer-row{
    border-bottom: 0.1px solid #aeaeaf;
    padding-bottom: 40px;
}
.Apps{
    justify-content: end;
    
}
.Apps li a{
    color: #fff;
    padding: 0px 10px;
    text-decoration: none;
}

.accordion-button{
    font-size: 25px;
}
.abouts{
    background: url(../images/footer.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 132px 0px;
}
.aboutsc{
   background: #fff;
    padding: 132px 0px;
}
.aboutsc a{
    text-decoration: none;
    color: rgb(3, 3, 3);
}
.aboutsc h3{
    font-size: 40px;
    color: rgb(10, 10, 10);
}
.abouts a{
    text-decoration: none;
    color: #fff;
}
.abouts h3{
    font-size: 40px;
    color: #fff;
}

.about-sec{
    background: #0B0B47;
    padding: 100px;
}
.about-sec .three1{
    position: absolute;
    bottom: 100px;
    right: 100px;
    animation: aaa 5s infinite linear;
}
@keyframes aaa{
    0%{bottom: 100px;}
    50%{bottom: 140px;}
    100%{bottom: 100px;}
}

.about-sec .coin{
    position: absolute;
    top: 100px;
    right: 165px;
    animation: aaaa 6s infinite linear;
}
@keyframes aaaa{
    0%{top: 100px;}
    50%{top: 140px;}
    100%{top: 100px;}
}


.about-sec .green-box{
    position: absolute;
    top: 33%;
    left: 0;
    animation: aaas 4s infinite linear;
}
@keyframes aaas{
    0%{top: 33%;}
    50%{top:36%;}
    100%{top: 33%;}
}

.about-conz h6{
    font-size: 18px;
    color: #fff;
}
.about-conz h3{
    font-size: 50px;
    color: #fff;
    margin-bottom: 60px;
}
.about-sec .about-conz h3{
    font-size: 45px;
    color: #fff;
    margin: 20px 0px 30px 0px;
}
.about-sec .about-conz p{
    color: #959798;
}

.one1 {
    width: 60px;
    height: 60px;
    padding: 10px;
    background: #0194FC;
    border-radius: 50%;
    transition: .5s;
}

.one111 h4{
    color: #fff;
    margin: 20px 0pc;

}
.one111 p{
    color:#959798 ;
}
.one111:hover .one1{
    background: #c9ee0f;
}
.about-btn a:hover{
    color: #fc01ce;
    z-index: 1;
    background: none;
}
.about-btn a{
    z-index: 10;
    padding: 15px 20px;
    text-decoration: none;
    color: #fff;
    background: #0194FC;
    border-radius: 20px;
    position: relative;

}
.about-btn a::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: 1s;
    border-radius: 20px;
    background: #fff;
    content: '';
   opacity: .5;
}
.about-btn a:hover::before{
    width: 100%;
    z-index: -1;
   opacity: 1;
}
.about-btn{padding: 40px 0px;}

.section1{
    background: url(../images/section.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px 0px 0px;
}
.one22{
    background: #143352;
    padding: 43px 26px 16px;
    border-radius: 5px;
    color: #fff;
}

.one22 p{
    color: #8f9192;
}

.one22 h3{
    padding: 30px 00px 25px 0px;
}

.one-two{
    background: #062663 !important;
}
.one-two1{
    background: #331259 !important;
}
.one-two2{
    background: #392E32 !important;
}

.chous{
    background: #0B0B47;
    padding: 100px 0px;
}
.token22{
    width: 100%;
    background: #0A245F;
    padding: 20px 0px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    width: 90%;
}
.token22 h4{
    color: #DF32CA;
    position: relative;
}
.token22 span{
    color: #fff;
    
}
.token22::after{
    position: absolute;
    bottom: -10px;
    left: 47%;
    width: 20px;
    height: 20px;
    content: '';
    transform: rotate(45deg); 
    background: #0A245F;   
}
.token22::before{
    position: absolute;
    bottom: -100px;
    height: 100px;
    width: 2px;
    left: 148px;
    content: '';
   border-right: 2px dashed #0194FC;
}
.token22 h4::after{
    background: #0194FC;
    position: absolute;
    content:'';
    left: 47%;
    bottom: -160px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.dates{
    position: absolute;
    bottom: -165px;
    left: 10px;
    color: #fff;
    margin: 0px 0px 20px 95px;
}
.draggable{
    height: 238px;
}
.about21{
    background: url(../images/abvice.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0px;
}
.Abraham111{
    position: relative;
    
}
.Abraham1{
    width: 262px;
   margin: auto;
    border-radius: 50% 50% 10px 10px;
}
.title1111{
    background: #081B5E;
    border-radius: 10px;
    color: #37A3FE;
    font-size: 20px;
    padding: 20px 20px;
    width: 125px;
    margin: auto;
}
.Advisor-box212{
    justify-self: end;
}
.Advisor-box21{
    justify-content: start;
}
.Abraham111::before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:0%;
    content: '';
    background: #ec04c921;
    transition: 1s;
    z-index: 1;
    border-radius: 50% 50% 0% 0%;
}
.Abraham{
    background: #0A1F62;
    padding: 20px 0px;
    border-radius: 0px 0px 10px 10px;
position: relative;
}
.Abraham::after{
    position: absolute;
    content: '';
    left: 0;
    top: -5px;
    width: 50%;
    height: 5px;
    background: #0093FA;
    transition: .5s;
}
.Abraham11::after{
    position: absolute;
    content: '';
    left: 0;
    top: -5px;
    width: 50%;
    height: 5px;
    background: #fa0000;
    transition: .5s;
}
.Abraham2::after{
    position: absolute;
    content: '';
    left: 0;
    top: -5px;
    width: 50%;
    height: 5px;
    background: #70fa00;
    transition: .5s;
}
.Abraham3::after{
    position: absolute;
    content: '';
    left: 0;
    top: -5px;
    width: 50%;
    height: 5px;
    background: #fa008e;
    transition: .5s;
}
.Abraham1:hover .Abraham::after{
    width: 100%;
}
.Abraham1:hover .Abraham111::before{
    height: 100%;
    z-index: 1;
    border-radius:  50% 50% 0% 0%;
}

.Abraham111-icon i{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0092fa38;
    font-size: 30px;
    color: #fff;
    
}
.Abraham111-icon{
    display: none;
    transition: 1s !important;
}
.Abraham1:hover .Abraham111-icon{
    display: block;
}

.Advisor h3{
    font-size: 30px;
}

.Advisor-box{
    background: #102171;
    padding: 31px 0px;
    border-radius: 5px;
    width: 80%;
    position: relative;
    z-index: 1;
}
.Advisor-box::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    content: '';
    transition: .5s;
    background:#0093FA ;
    z-index: -1;
    border-radius: 5px;
}
.Advisor-box1::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    content: '';
    transition: .5s;
    background:#47DCA8 ;
    z-index: -1;
    border-radius: 5px;
}
.Advisor-box2::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    content: '';
    transition: .5s;
    background:#FEC107 ;
    z-index: -1;
    border-radius: 5px;
}
.Advisor-box:hover::after{
    width: 100%;
    z-index: -1;
}
.Advisor-box .fa-linkedin-in{
    position: absolute;
    bottom: -10px;
    left: 45%;
    color: #fff;
    padding: 10px 12px;
    border-radius: 50%;
    background: #0093FA;
}
.Advisor-box1 .fa-linkedin-in{
    position: absolute;
    bottom: -10px;
    left: 45%;
    color: #fff;
    padding: 10px 12px;
    border-radius: 50%;
    background: #47DCA8;
}
.Advisor-box2 .fa-linkedin-in{
    position: absolute;
    bottom: -10px;
    left: 45%;
    color: #fff;
    padding: 10px 12px;
    border-radius: 50%;
    background: #FEC107;
}
.cont{
    background: #0B0B47;
    padding: 100px 0px;
}
.cont1{
    background: #0A1F62;
    border-radius: 10px 0px 0px 10px;
    padding: 40px 20px 45px 20px;
}

.inp{
   outline-style: none;
   width: 45%;
   background:#0A1F62 ;
   padding: 10px 0px;
   border-bottom:1px solid rgb(135, 134, 134);
   border-top:none ;
   border-left:none ;
   border-right:none ;
}
.inp1{
    margin-top: 20px;
    outline-style: none;
    width: 100%;
    background:#0A1F62 ;
    padding: 10px 0px;
    border-bottom:1px solid rgb(135, 134, 134);
    border-top:none ;
    border-left:none ;
    border-right:none ;
 }
.inpt1{
    margin-top: 20px;
}
.inpt{
    padding: 15px 20px;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    background: #0093FA;
    text-decoration: none;
   
}
.cont2{
    background: #0093FA;
    border-radius: 0px 10px 10px 0px;
    padding: 40px 30px 45px 20px;
}
.Dolfin{
    display: inline-block;
    margin-right: 20px;
}
.Dolfin i{
    background: #fff;
    padding: 13px 15px;
    color: #0093FA;
    border-radius: 50%;
    font-size: 20px;
}
.Dolfind{
    margin-right: 20px;
}
.Dolfind i{
    background: rgba(250, 3, 168, 0.377);
    padding: 13px 15px;
    color: #0093FA !important;
    border-radius: 50%;
    font-size: 20px;}
.Dolfin1 p{
    width: 59%;
}
.Dolfin1{
    border-bottom: .5px solid rgb(254, 251, 251) ;
    margin-top: 20px;
}
.Dynamically{
    padding: 100px 0px 40px 0px;
    width: 50%;
    margin: auto;
}
.Dynamically samp{
    color: #46DDA8;
}
.Dynamically h4{
    font-size: 40px;
    color:#08195E;
}
.Dynamically p{
 
    color: rgb(84, 83, 83);
}

.map{
   padding: 0px 0px 100px 0px;
}
.conta{
    background: url(../images/connect.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
}
.conta1{
    background: #fff;
    border-radius: 10px 0px 0px 10px;
    padding: 40px 20px 45px 20px;
}

.inpu{
   outline-style: none;
   width: 45%;
   background:#fff ;
   padding: 10px 10px;
   border:1px solid #0A1F62;
   ;
}
.inpu1{
    margin-top: 20px;
    outline-style: none;
    width: 100%;
    background:#fff ;
    padding: 10px 10px;
    border:1px solid #0A1F62;
    
 }
.inptu1{
    margin-top: 20px;
}
.inptu{
    padding: 15px 20px;
    border-radius: 30px;
    color: #000;
    font-size: 18px;
    background: #fff;
    text-decoration: none;
   
}
.conta2{
    background: #fff;
    border-radius: 0px 10px 10px 0px;
    padding: 40px 30px 45px 20px;
}


.rounded-circle{
    width: 340px;
    height: 340px;
    border-radius: 50%;
    border: 4px solid transparent;
    position: absolute;
    top: 110px;
    left: 147px;
    
    animation: ana 4s infinite linear;
    
    
}
@keyframes ana{
    0%{transform: rotate(359deg);}
    100%{transform: rotate(0deg);}
}

.rounded-circle::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7504ff;
    box-shadow:-4px 2px 25px -4px rgba(57,148,59,1);
}
.rounded-circle::after{
    position: absolute;
    content: '';
    bottom: 0;
    right:  0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff049a;
    box-shadow: #3a383950;
}