body{
    font-family: "Poppins", sans-serif;
    background: #011328;
}
.nav-sec{
    background: #011328;
}
.logo{
    width: 200px;
}
.navbar-brand{padding: 0px;}
.w-t{
    color: #fff;
}
.carousel-control-next, .carousel-control-prev
{
        top: 40%;
        height: 50px;
}
.active.w-t{
    color: #E7FF00;
}
.mo-video{max-width: 740px;
    margin: 0px auto;}
.rs-btn {
    background: #E7FF00;
    border-radius: 21px;
    font-size: 15px;
    padding: 5px 20px;
}
.lang{
    position: relative;
    text-align: center;
}
ul li{
    cursor: pointer;
}
li.en {
   position: absolute;
    left: 0;
    color: #000;
    z-index: 9;
    width: 110.4px;
    border-radius: 0px 0px 24px 24px;
    background: rgb(229, 255, 48);
    padding: 7px;
    top: 28px;
}
.ul_expand{
    height: 50px;
    /* margin-top: 10px; */
        position: relative;
    top: 7px;
    z-index: 99;
}
li.en a{
    color: #000;
}
.lang{
    background: #e5ff30;
    color: #000;
    padding: 6px 30px 8px 20px;
    border-radius: 30px;
    font-size: 15px;
    width: 110px;
}
.lang .sp{
    background: #e5ff30;
    color: #000;
    padding: 6px 30px 8px 20px;
    border-radius: 30px;
    font-size: 15px;
}
.lang i{
    position: absolute;
    top: 24%;
    right: 9%;
    color: #000;
}
.ul_expand li:first-child::after
{
    position: absolute;
    z-index: 99;
    border-bottom: 1px solid #000;
    content: "";
    width: 80%;
    bottom: 16px;
    left: 10%;

}
.ybtn
{
    background: #E7FF00;
    border-radius: 54.5px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 25px
}
/*.abo-per{
    padding-bottom: 70px;
    position: relative;
}
.abo-per .sos{
    position: absolute;
    bottom: 0;
}*/
.nav-link:focus, .nav-link:hover{
    color: #E7FF00;
}
.l-t{
    color: #BDBDBD;
}
.zind
{
    position: relative;
    z-index: 99;
}
/*========================brokers===========*/
.bg-white{
    background: #E7E7E7;
    position: relative;
}
.aerow-bg {
    background: url(../img/blue-img.png);
    background-position: center 100%;
    background-repeat: repeat-x;
    padding-bottom: 350px;
    background-size: 61% 31%;
    position: relative;
}
.off-cir {
    position: absolute;
    left: 0;
    bottom: 20px;
}
.db-t{
    color: #0066FF
}
.ye-div {
    background: url(../img/cross-line.png);
    padding: 20px;
    text-align: center;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -115px;
    position: relative;
    min-height: 17vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lader-div{
    margin-top: 40px;
}
.dark-div {
    background: #00101A;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    height: 100%;
}
.one {
    color: #E7FF00;
    font-weight: bold;
    font-size: 130px;
    line-height: 120px;
}
.sky-bg {
    background: rgba(0, 102, 255, 0.59);
    padding: 20px;
    border-radius: 7px;
}
.bb-t{
    color: #000000;
    font-weight: 500;
}
.manual{
    position: relative;
    min-height: 65vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.termy{
    background: url(../img/descarga.png);
}
.des-btn{
    background: #0066FF;
    box-shadow: 0px 4px 8.6px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    color: #E7FF00;
    font-weight: bold;
    font-size: 20px;
    padding: 8px 25px;
}
.termy {
    background: url(../img/descarga.png);
    padding: 45px;
    background-position: center;
    border-radius: 50px;
    min-height: 40vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
}
.g1 {
    position: absolute;
    left: 13%;
    top: -73px;
}
.g1 img{
    max-width: 320px;
    width: 100%;
}
.g2 {
    position: absolute;
    right: 12%;
    top: 11%;
}
.g2 img{
    max-width: 200px;
    width: 100%;
}
.manual:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    left: 0;
    top: -50px;
    background: linear-gradient(180deg, rgba(1, 19, 40, 0) 0%, #011328 50%);
}
.off-second {
    position: absolute;
    left: 0;
    bottom: -100px;
    z-index: 9;
}
/*==========================================*/
.s-btn{
    background: #E7FF00;
    color: #000;
    font-weight: bold;
    padding: 5px 20px;
    border:0px;
}
.banner {
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:linear-gradient(180deg, rgba(0, 16, 26, 0) 0%, #00101A 100%), rgb(255 255 255 / 0%)url(../img/bgp.png);
    background-position: center;
    background-size:cover, cover;
    position: relative;
}
h1{
    font-size: 53px;
}
.sos a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.180392);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.sos img{
    width: 20px;
}
.media {
    bottom: 3%;
    position: absolute;
    right: 20%;
    z-index: 99;
}
.people-box {
    background: rgba(255, 255, 255, 0.0509804);
    border-radius: 10px;
    padding: 40px;
    height: 100%;
    position: relative;
    text-align: center;
}
.link {
    position: absolute;
    flex: wrap;
    white-space: break-spaces;
    word-break: break-all;
    display: flex;
    left: 10%;
    width: 80%;
    top: 33%;
    color: #fff;
}
.link2 {
    position: absolute;
    flex: wrap;
    white-space: break-spaces;
    word-break: break-all;
    display: flex;
    left: 10%;
    width: 80%;
    top: 23%;
    color: #fff;
}
section{
    padding: 5vh 0;
}
.coingt-video video{
    /*background: url(../img/video-bg.png);*/
    max-width: 100%;
    border-radius: 20px;
    /*height: 610px;
    width: 100%;
    background-position: center;
    background-size: 87%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;*/
}
.vide-bg{
    position: relative;
   
}
.del video{
    border-radius: 10px;
}
.bd-vi {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: -1;
    border-radius: 10px;
}
.pos-cont {
    position: absolute;
    left: 63px;
    top: 1px;
    width: 340px;
    color: #fff;
    font-size: 19px;
    background: url(../img/curve.svg);
    background: #011329;
    padding: 20px;
    border-radius: 0px 0px 40px 0px;
}
.pos-cont:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/tc.png);
    right: -30px;
    top: 0px;
    background-size: 30px;
    background-repeat: no-repeat;
}
.pos-cont:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/o-c.png);
    left: 0px;
    bottom: -30px;
    background-size: 30px;
    background-repeat: no-repeat;
}
.b-box {
    background: #001D46;
    padding: 40px;
    border-radius: 50px;
    color: #fff;
    margin-top: 25px;
    font-size: 15px;
}
.thatha{
    position: relative;
    margin-top: 20px;
}
.thatha img{
    max-width: 550px;
    width: 100%;
}
.thatha h5 {
    position: absolute;
    width: 232px;
    right: 20%;
    top: 36%;
    font-size: 20px;
    font-weight: bold;
}
.legado {
    background: #0066FF;
    padding: 20px;
    font-size: 25px;
    margin-bottom: 30px;
    border-radius: 20px;
    /* display: inline; */
    width: 250px;
}
.b-btn{
    background: #E7FF00;
    border-radius: 54.5px;
    font-size: 20px;
    font-weight: bold;
}
.big-box {
    background: #001D46;
    padding: 30px 40px;
    border-radius: 20px;
}
.big-box h2{
    font-size: 40px;
    color: #fff;
}
.b-t{
    color: #4EABEF;
}
a{
    text-decoration: none;
}
.footer{
    background: rgba(255, 255, 255, 0.0509804);
}
.y-t{
    color: #E7FF00;
}
.crew-banner{
    min-height: 70vh;
    display: flex;
    align-items: center;
}
.person-div h5{
    background: #0066FF;
    color: #fff;
    width: 100%;
    padding: 10px 5px;
    border-radius: 40px;
    text-align: center;
    font-size: 17px;
}
.l-b{
    color: #4EABEF;
}
.social{
    min
}
.social {
    min-height: 50vh;
    background: url(../img/social-banner.png);
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
}
.people-box {
    background: rgba(255, 255, 255, 0.0509804);
    border-radius: 10px;
    padding: 40px;
    height: 100%;
    text-align: center;
}
.x-box video{
    border-radius: 10px;
}
.x-box {
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: wrap;
    white-space: break-spaces;
    word-break: break-all;
    padding: 20px;
    color: #fff;
    margin-bottom: 15px;
    flex-direction: column;
}
.blue-btn {
    background: #4EABEF;
    border-radius: 100px;
    padding: 5px 25px;
    font-size: 15px;
    font-weight: bold;
}
.people-box h5{
    font-weight: bold;
}
.ambiental{
    min-height: 50vh;
    background: url(../img/ambiental.png);
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
}
.d-t{
    color: #0066FF;
}
.san-x{
    background: url(../img/san-x.png);
    width: 100%;
    height: 300px;
    border-radius: 10px 10px 0px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: wrap;
    white-space: break-spaces;
    word-break: break-all;
    padding: 0px;
    color: #fff;
    flex-direction: column;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
}
.san-x img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mini-box{
     background: rgba(255, 255, 255, 0.0509804);
    border-radius:0px 0px 10px 10px;
    padding: 40px;
    min-height: 272px;
}
.coingt {
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/coingt.png);
    background-position: center;
    background-size: cover;
    position: relative;
}
.modal-content{
    background: #191d2f;
}
.close{
    width: 30px;
    height:30px;
    font-size: 15px;
    color: #000;
    border-radius: 50px;
    background: #fff;
    border:0px;
    font-weight: bold;
}
.play-div{
    position: relative;
    top: 110px;
}
.font-45{
    font-size: 45px;
}
.normal-box{
    background: #00101A;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}
.token {
    background: url(../img/beneficous.png);
    background-position: center;
    background-size: cover;
    position: relative;
}
/*.token:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 15vh;
    background:url(../img/blur.pn);
    bottom: -60px;
}*/
.circlebg {
    background: url(../img/circle.png);
    height: 100vh;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.y-bg {
    width: 350px;
    margin: 0 auto;
    height: 350px;
    background: #E7FF00;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 35px;
}
.invertir {
    position: absolute;
    top: -50px;
    background: url(../img/blur.png);
    width: 100%;
    left: 0;
    text-align: center;
    background-position: center;
    padding: 50px 0;
    background-size: contain;
}
.faq {
    min-height: 95vh;
    background: url(../img/faq.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.accordion-button,.accordion-button:not(.collapsed){
    background: url(../img/triangle.png), rgba(255, 255, 255, 0.180392);
    border-bottom: 1px solid #FFFFFF;
    color: #4EABEF;
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 31px;
}
.accordion-item{
    background: transparent;
}
.accordion-button::after{
    display: none;
}
.navbar-toggler:focus{
    box-shadow: 0 0 0;
}
.g-t{
    color: #000;
}
#inputGroup-sizing-default option{
    color: #000;
}
#inputGroup-sizing-default:focus-visible{
    outline: 0;
}
/**aboutus-start**/
.aboutbanner {
    background-image: url(../img/containerbox.png);
    background-position: center bottom;
    background-size: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    display: flex;align-items: flex-start;
    justify-content: center;
}
.new-btn{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -9px;
}
.new-btn .btn {
    background: #E7FF00;
    border-radius: 54.5px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 25px;
}
.fit-img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.stik_item {
    min-height: 500px;
    width: 100%;
    padding: 25px;
    border-radius: 30px;
    /*margin: 30px 0;
    position: sticky;
    top: 150px;*/
    /*margin-bottom: 30px;*/
}
.aboutbanner img{max-width: 1000px;width: 100%;height: auto;}
.darkblue{background: #0E1F33;border-radius: 15px;}
.carousel-item img{border-radius: 20px;}
.carousel-control-prev-icon{background-image: url(../img/arrow-left.svg); width: 50px !important; height: 50px !important;}
.carousel-control-next-icon{background-image: url(../img/arrow-right.svg);width: 50px !important; height: 50px !important;}
.carousel-control-next, .carousel-control-prev{opacity: 1 !important;}
.greenarrow {
    background: url(../img/greenarrows.png), linear-gradient(180deg, rgb(1 19 40) 20%, #000000 60%);
    background-repeat: repeat-x;
    background-position: center 9%, bottom;
    /* mix-blend-mode: soft-light; */
    background-size: 100%, cover;
}


.titlebg{background-image: url(../img/titlebg.png);}
.shipbg{background-image: url(../img/shipbg.png); background-position: center top; background-size: cover;}
.h2{font-size: 45px;}
.siteaccordion > div, .siteaccordion button{background: transparent !important; color: #fff !important;}
.siteaccordion button{border-bottom: 1px solid #fff; border-radius: 0px; box-shadow: none !important;}
/**aboutus-end**/
/**project-start**/
.projectbanner {
    background-image: url(../img/projectbanner.png);
    background-position: center top;
    background-size: 100%;
    min-height: 130vh;
    background-repeat: no-repeat;
}
.banner::after {
    background: url(../img/overlay.svg);
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
    bottom: 0;
    background-size: cover;
    height: 90px;
    z-index: 9;
}
.lineform .form-control{
    color: #fff;
}
.lineform .form-control:focus{
    color: #fff;
}
.blackbg{background: #000;}
.bannerafter{position: relative;}
.bannerafter::after
{
   background: url(../img/overlay1.svg);
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
    bottom: -50px;
    background-size: cover;
    height: 90px; 
}
.bluearrow
{
        background-image: url(../img/aerow.png);
    background-repeat: repeat-x;
   height: 270px;
   background-size: cover;
}
.ital{font-style: italic;}
.lf{font-weight: 300;}
.lineblue .darkblue{height: 100%;position: relative;}
.lineblue .darkblue::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #fff;
    height: 1px;
    width: 90%;
    left: 5%;
    bottom: 45px;
}
.w-line{border-top: 1px solid #fff; opacity: 1;}
.lbluebg {
    background: #4EABEF;
    border-radius: 10px;
    word-wrap: break-word;
    height: 100%;
    background: url(../img/impact1.jpg);
        background-size: cover;
    background-position: center center;
}
.radiusbg {
    background-image: url(../img/radiusbox.svg);
    background-size: contain;
        height: 220px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    margin-bottom: 2%;
}
.w-break{word-break: break-all;}
.greyblue{background: #2F3E4F; background: url(../img/impact2.jpg); background-size: cover; background-position: center center; border-radius: 20px; height: 50%;}
.yellowbg{background: #E7FF00;background: url(../img/m2.png); background-position: center center; background-size: cover;
    height: 100%;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;}
/**project-end**/
/**contact-star**/
.contactbanner{background-image: url(../img/contactbg.png);background-position: center top;background-size: cover;min-height: 70vh;}
.nradius{border-radius: 4px;}
.lineform .form-control{border: 0px; border-radius: 0px;border-bottom: 1px solid #fff; background: transparent; border}
.container-bg{background-image: url(../img/containerbg.png);background-position: center top;background-size: cover;min-height: 70vh;}
/**contact-end**/
/**howtobuy**/
.fw-medium{font-weight: 500;}
.f1{font-size: 80px;}
.f2{font-size: 50px;}
.linktxt{text-decoration: underline;}
.bluegbtn
{
    background: #001D46;
    color: #e8fd46 !important;
    max-width: 240px;
    padding: 10px 50px;
    border-radius: 54.5px;
    font-size: 20px;
    font-weight: bold;}
.bluebbtn
{
    background: #001D46;
    color: #4EABEF !important;
    max-width: 240px;
    padding: 10px 50px;
    border-radius: 54.5px;
    font-size: 20px;
    font-weight: bold;
}
.whiteline
{
    background: url(../img/whiteline.svg);
    background-size: 1600px;
    height: 350px;
    background-repeat: repeat-x;
    padding-top: 30px;
}
.yellow-box
{
    background: #E7FF00;
    padding: 20px;
    border-radius: 30px;
    max-width: 740px;
    margin: 0px auto;
}
ul.circlelist li {
    margin-bottom: 15px;
    font-size: 25px;
}
.bendarrow{
    position: relative;
}
.bendarrow img
{
    width: 80px;
    position: absolute;
    top: -40px;
    left: -60px;
}
.bluegrad
{
    background:linear-gradient(90deg, #011F5B 50%, #E7FF00 50%);position: relative;
}
.bluebg{
    background:#011F5B;

}
.downbluearrow{display: none;}
.paso3,.paos
{
    margin-left: 30%;
    width: 100%;
}
.darkt{color:#000 !important}
.coinsect
{
position: relative;
}
.g1a {
    position: absolute;
    left: 0;
    width: 20%;
    top: 0;
    z-index: 99;
    }
.g2a {
    position: absolute;
    right: 0;
    width: 20%;
    top: -30px;
    z-index: 99;
    }
.g2a img, .g1a img {
    max-width: 70%;
} 
.arrowblue::after {
    background: url(../img/arrow_blue.svg);
    position: absolute;
    content: "";
    left: 49.5%;
    width: 160px;
    height: 160px;
    top: 30%;
    background-repeat: no-repeat;
}
.grad2::after {
    background: url(../img/arrow_blue.svg);
    position: absolute;
    content: "";
    left: 49.5%;
    width: 160px;
    height: 160px;
    top: 39%;
    background-repeat: no-repeat;
}
.bluearrowd{position: relative;
    display: inline-block;
    width: 100%;
}
.bluearrowd::after{
    background: url(../img/down-blue.svg);
    position: absolute;
    content: "";
    left: 69.5%;
    width: 140px;
    height: 80px;
    bottom: -115px;
    background-repeat: no-repeat;
    z-index: 999;
}
.yellowarrowd{position: relative;
    display: inline-block;
    width: 100%;
}
.yellowarrowd::after{
    background: url(../img/down-yellow.svg);
    position: absolute;
    content: "";
    left: 69.5%;
    width: 140px;
    height: 80px;
    bottom: -125px;
    background-repeat: no-repeat;
    z-index: 999;
}

.hid{overflow: hidden;}    
.yellow_bg{background:#E7FF00;}
.ship1
{
    width: 150%;
    margin-left: -60%;
} 
.f5 {
    font-size: 25px;
    margin-bottom: 25px;
}
.grad2
{
    background: linear-gradient(90deg, #011F5B 50%, #0066FF 50%);
    
}  
.off-cir1 {
    position: absolute;
    left: 0;
    bottom: 70px;
    width: 100%;

    
}
.downcoin
{
    position: absolute;
    right: 60px;
    width: 150px;
    height: 150px;
    bottom: 0;
    background:url("../img/token_blue1.svg");
    background-repeat: no-repeat;
    background-size: cover

}
.relativediv{
    position: relative;
}
/**howtobuyend**/
@media(max-width: 1450px)
{
    section .row .col-lg-6
    {
        padding-left: 30px;
    }
}
@media(max-width: 1400px){
    .pos-cont{
        left: 3%;
    }
    .contai{
        height: 100%;
    }
    .contai img{
        height: 100%;
        object-fit: cover;
        border-radius: 30px;
    }
    .x-box video{
    width: 100%;
}
.container{max-width: 100%;}
}
@media(max-width: 1100px)
{
    .f1 {
    font-size: 65px;
}
}
@media(max-width: 1200px){
    .pos-cont{
        left: 0%;
    }
    
    section .row .col-lg-6{padding-left: 15px;}
}
@media(max-width: 991px){
    .pos-cont{
        left: 13%;
    }
    .circlelist.ps-5
    {
        padding-left:0px !important;margin-top: 50px !important;
    }
    .lang{
    width: 100%;
    margin-top: 10px;
}
.x-box video{
    width: 100%;
}
.rs-btn{
    width: 100%;
}
li.en{
    width: 100%;
    top: 100%;
    border-radius: 0 0 7px 7px;
}
.ul_expand.lang {
    border-radius: 7px 7px 0 0;
}
.ship{
    height: 100%;
}
.ship img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.legado{
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aboutbanner{
    min-height: 70vh;
}
.grad2 {
    background: linear-gradient(180deg, #011F5B 44%, #0066FF 44%);
}
.btnwhl {
    flex-wrap: wrap;
}
.downbluearrow
{
        background: url(../img/downbluearrow.svg);
          height: 100px;
        width: 100%;
        background-repeat: no-repeat;
        margin-top: 0px;
        background-position: center center;
        display: block;
        background-size: 70px;
        margin-top: 0px;
}
.grad2 .col-lg-6:first-child{padding-bottom: 50px;background: #00215a;}
.grad2 .col-lg-6 .f1{text-align: center;position: relative; z-index: 99;}
.grad2::after,.arrowblue::after{display: none;}
.bluearrowd::after {
    background: url(../img/down-blue.svg);
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 80px;
            bottom: -104px;
        background-repeat: no-repeat;
        z-index: 999;
        background-position: center;
        background-size: 80px;
}
.yellowarrowd::after {
    background: url(../img/down-yellow.svg);
    position: absolute;
    content: "";
    left:0;
    width:100%;
    height: 80px;
            bottom: -104px;
        background-repeat: no-repeat;
        z-index: 999;
        background-position: center;
        background-size: 80px;
}
.bluegrad {
    background: linear-gradient(180deg, #011F5B 46%, #E7FF00 46%);
    position: relative;
}
.f1 {
    font-size: 50px;
}
.f5,ul.circlelist li {
    font-size: 15px;
    }
.f2 {
    font-size: 40px;
}
}

@media(max-width:768px){
    .downbluearrow
    {
        margin-top: -30px;
    }
    .font-45 {
        font-size: 25px;
    }
    .legado{
        margin-bottom: 10px;
    }
    .x-box video{
        max-width: 100%;
        height: auto;
    }
    .pos-cont{
        top: 0%;
    }
    .pro-vid{
        width: 100%;
    }
    .x-box{
        padding: 0;
    }
    .link,.link2{
        top:23%;
    }
    .y-bg{
        max-width: 350px;
        width: 100%;
        margin-top: 170px;
    }
    .circlebg{
        background-image:none; 
    }
    .h2 {
    font-size: 25px;
}
    .invertir{
        top: -40px;
    }
    h1{
        font-size: 35px;
    }
    .mini-box,.people-box{
        padding: 20px;
    }
    .banner{
        background-size:cover;
    }
    .coingt-video{
        background-size: cover;
    }
    .pos-cont {
    position: absolute;
     left: 0px; 
    width: 260px;
    color: #fff;
    font-size: 19px;
}
.mob-img img{
    width: 100%;
    margin-bottom: 20px;
}
.b-box{
    padding: 20px;
    border-radius: 20px;
}
.thatha h5{
    width: 183px;
    right: 0;
    font-size: 15px;
}
.legado {
    width: 100%;
    text-align: center;
}
.mo-video video{
    max-width: 100%;
}
.big-box h2{
    font-size: 20px;
}
.big-box img{
    margin-top: 20px;
}
.aboutbanner {
    background-image: url(../img/containerbox.png);
    background-position: center bottom;
        background-size: 100%;
        min-height: 50vh;
    background-repeat: no-repeat;
}
.greenarrow{
    background-position: center top, bottom;
}
.projectbanner {
    background-image: url(../img/projectbanner.png);
    background-position: center top;
    background-size: 100%;
    min-height: 40vh;
    background-repeat: no-repeat;
}
.darkblue{
    display: block !important;
}
.greyblue{
    word-break: break-all;
}
.greyblue{
    height: 46%;
}
.radiusbg{
    height: 160px;
    background-position: center;
}
}
@media(max-width: 650px)
{
    .grad2 {
        background: linear-gradient(180deg, #011F5B 48%, #0066FF 48%);
    }
    .downcoin
    {
    right: 40px;
    width: 80px;
    height: 80px;
    bottom: 10px;
    }
}
@media(max-width: 600px)
{
    .f1 {
    font-size: 30px;
}   
.grad2 {
        background: linear-gradient(180deg, #011F5B 28%, #0066FF 28%);
    }
}