/* CSS Index
-----------------------------------

1. Theme default css
2. Header
3. Mobile-menu
4. Banner
6. About
7. Choose
8. RoadMap
9. Footer
10. Preloader */

/* 1. Theme default css */

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
body{
    background-attachment:fixed;
    background-image:url(/assets/img/banner/background.JPG);
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff!important;
    font-family:Outfit,sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:1.75
}
body.white-background{
    background-color:#fff
}
.img,img{
    max-width:100%;
    transition:all .3s ease-out 0s
}
.f-left{
    float:left
}
.f-right{
    float:right
}
.fix{
    overflow:hidden
}
a,button{
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
}
.btn:focus,a:focus,button:focus{
    box-shadow:none;
    outline:none;
    text-decoration:none
}
.footer -menu li a:hover,.portfolio-cat a:hover,a,a:hover,button{
    color:#eaa4a4;
    text-decoration:none
}
a,button{
    outline:medium none
}
.btn:focus,button:focus,input:focus,textarea,textarea:focus{
    outline:0
}
.uppercase{
    text-transform:uppercase
}
.capitalize,h1,h2,h3,h4,h5,h6{
    text-transform:capitalize
}
h1,h2,h3,h4,h5,h6{
    color:#fff;
    font-family:Poppins,sans-serif;
    font-style:normal;
    font-weight:600;
    margin-top:0
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}
h1{
    font-size:40px
}
h2{
    font-size:35px
}
h3{
    font-size:28px
}
h4{
    font-size:22px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}
ul{
    margin:0;
    padding:0
}
li{
    list-style:none
}
p{
    color:#fff;
    font-size:16px;
    font-weight:400;
    line-height:1.75;
    margin-bottom:15px
}
hr{
    border-bottom:1px solid #f8ecec;
    border-top:0;
    margin:30px 0;
    padding:0
}



.container{
    padding-left:15px;
    padding-right:15px
}
.row{
    --bs-gutter-x:30px
}
.row.g-0{
    --bs-gutter-x:0
}
.gutter-y-30{
    --bs-gutter-y:30px
}
.btn{
    background:#040e18;
    background-clip:padding-box;
    border:2px solid transparent;
    border-radius:70px;
    box-shadow:0 6px 22px rgba(6,34,51,.22);
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
    line-height:1;
    margin-bottom:0;
    padding:25px 50px;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    touch-action:manipulation;
    transition:all .4s 0s;
    user-select:none;
    -moz-user-select:none;
    vertical-align:middle;
    white-space:nowrap
}
.btn:after{
    background:linear-gradient(90deg,#0076f4,#040915 49%,#0076f4);
    border-radius:70px;
    bottom:0;
    content:"";
    left:0;
    margin:-2px;
    position:absolute;
    right:0;
    top:0;
    transition:all .4s ease 0s;
    z-index:-1
}
.btn:hover{
    border-color:#a4c3ea;
    color:#a4c3ea
}
.btn.btn-two{
    background:#564dca;
    border:none;
    border-radius:5px;
    padding:25px 42px
}
.btn.btn-two:after{
    display:none
}
.btn.btn-two:hover{
    background:#a4c3ea;
    color:#fff
}
.breadcrumb>.active{
    color:#888
}

.custom-container{
    max-width:1630px
}
.custom-container-two{
    max-width:1700px
}
.custom-container-three{
    max-width:1520px
}
.custom-container-four{
    max-width:1200px
}
.transparent-header{
    height:auto;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9
}
.menu-area{
    border-bottom:1px solid hsla(0,0%,100%,.1)
}
.menu-nav{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}
.navbar-wrap{
    display:flex;
    flex-grow:1
}
.navbar-wrap ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin-left:140px
}
.navbar-wrap>ul>li{
    display:block;
    margin-right:65px;
    position:relative
}
.navbar-wrap>ul>li>a{
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    line-height:1;
    padding:45px 0;
    position:relative;
    text-transform:uppercase;
    z-index:1
}
.navbar-wrap>ul>li:last-child{
    margin-right:0
}
.navbar-wrap>ul>li>a:before{
    background:#a4c3ea;
    bottom:0;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top;
    transition:transform .4s cubic-bezier(.74,.72,.27,.24);
    width:100%
}
.navbar-wrap>ul>li.active>a:before,.navbar-wrap>ul>li>a:hover:before{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top
}
.navbar-wrap>ul>li.active>a,.navbar-wrap>ul>li:hover>a{
    color:#fff
}
.main-menu .navigation li.menu-item-has-children .dropdown-btn{
    display:none
}
.header-btn .btn{
    font-size:14px;
    padding:20px 45px
}
.navbar-wrap ul li .sub-menu{
    background:#1c2b87;
    border:1px solid hsla(0,0%,100%,.07);
    border-radius:0;
    -webkit-box-shadow:0 30px 70px 0 rgba(0,0,0,.15);
    -moz-box-shadow:0 30px 70px 0 rgba(0,0,0,.15);
    box-shadow:0 30px 70px 0 rgba(0,0,0,.15);
    display:block;
    left:0;
    margin:0;
    min-width:230px;
    opacity:0;
    padding:18px 0;
    position:absolute;
    right:0;
    top:100%;
    transform:scaleY(0);
    transform-origin:0 0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    visibility:hidden;
    z-index:9
}
.navbar-wrap ul li .sub-menu .sub-menu{
    left:100%;
    right:auto;
    top:0
}
.navbar-wrap ul li .sub-menu li{
    display:block;
    margin-left:0;
    text-align:left
}
.navbar-wrap ul li .sub-menu li a{
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:500;
    line-height:1.4;
    padding:9px 15px 9px 25px;
    text-transform:uppercase;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.navbar-wrap ul li .sub-menu li a:hover,.navbar-wrap ul li .sub-menu li.active a{
    color:#a4c3ea
}
.navbar-wrap ul li:hover>.sub-menu{
    opacity:1;
    transform:scale(1);
    visibility:visible
}
.sticky-menu{
    -webkit-animation:fadeInDown 1s ease-in-out 0s 1 normal none running;
    animation:fadeInDown 1s ease-in-out 0s 1 normal none running;
    background:#154281;
    border-radius:0;
    -webkit-box-shadow:0 10px 15px rgba(25,25,25,.1);
    box-shadow:0 10px 15px rgba(25,25,25,.1);
    left:0;
    margin:auto;
    position:fixed;
    top:0;
    width:100%;
    z-index:99
}
.sticky-menu .navbar-wrap>ul>li>a{
    padding:45px 0
}
#header-fixed-height.active-height{
    display:block;
    height:105px
}

.nav-outer .mobile-nav-toggler{
    color:#fff;
    cursor:pointer;
    display:none;
    float:right;
    font-size:40px;
    line-height:50px;
    margin-right:30px;
    position:relative;
    top:15px
}
.mobile-menu{
    border-radius:0;
    height:100%;
    max-width:100%;
    opacity:0;
    padding-right:30px;
    position:fixed;
    right:0;
    top:0;
    -webkit-transform:translateX(101%);
    -ms-transform:translateX(101%);
    transform:translateX(101%);
    transition:all .7s ease;
    -moz-transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    visibility:hidden;
    width:300px;
    z-index:99
}
.mobile-menu .navbar-collapse{
    display:block!important
}
.mobile-menu .nav-logo{
    padding:30px 25px;
    position:relative;
    text-align:left
}
.mobile-menu-visible{
    overflow:hidden
}
.mobile-menu-visible .mobile-menu{
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    visibility:visible
}
.mobile-menu .navigation li.current>a:before{
    height:100%
}
.menu-backdrop{
    background:#1c2b87;
    height:100%;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    transition:all .7s ease;
    -moz-transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    visibility:hidden;
    width:100%;
    z-index:2
}
.mobile-menu-visible .menu-backdrop{
    opacity:.8;
    visibility:visible
}
.mobile-menu .menu-box{
    background:#1c2b87;
    box-shadow:-9px 0 14px 0 rgb(0 0 0/6%);
    height:100%;
    left:0;
    max-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:5
}
.mobile-menu-visible .mobile-menu .menu-box{
    opacity:1;
    visibility:visible
}
.mobile-menu .close-btn{
    color:#a4c3ea;
    cursor:pointer;
    font-size:20px;
    line-height:30px;
    position:absolute;
    right:15px;
    text-align:center;
    top:28px;
    -webkit-transition:all .9s ease;
    -o-transition:all .9s ease;
    transition:all .9s ease;
    width:35px;
    z-index:10
}
.mobile-menu-visible .mobile-menu .close-btn{
    -webkit-transform:rotate(1turn);
    -ms-transform:rotate(1turn);
    transform:rotate(1turn)
}
.mobile-menu .navigation{
    display:block;
    float:none;
    position:relative;
    width:100%
}
.mobile-menu .navigation li{
    border-top:1px solid hsla(0,0%,100%,.06);
    display:block;
    position:relative
}
.mobile-menu .navigation:last-child{
    border-bottom:1px solid hsla(0,0%,100%,.06)
}
.mobile-menu .navigation li>ul>li:first-child{
    border-top:1px solid hsla(0,0%,100%,.06)
}
.mobile-menu .navigation li>a{
    border:none;
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:600;
    letter-spacing:.08em;
    line-height:24px;
    padding:10px 60px 10px 25px;
    position:relative;
    text-transform:uppercase;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.mobile-menu .navigation li ul li>a{
    font-size:15px;
    margin-left:20px;
    text-transform:capitalize
}
.mobile-menu .navigation li ul li ul li a{
    margin-left:40px
}
.mobile-menu .navigation li ul li ul li ul li a{
    margin-left:60px
}
.mobile-menu .navigation li>a:before{
    content:"";
    height:0;
    left:0;
    position:absolute;
    top:0;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn{
    background:#a4c3ea;
    border-radius:2px;
    color:#fff;
    cursor:pointer;
    font-size:16px;
    height:32px;
    line-height:32px;
    position:absolute;
    right:15px;
    text-align:center;
    top:6px;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    width:32px;
    z-index:5
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul{
    display:none
}
.mobile-menu .social-links ul{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding:30px 20px 20px;
    position:relative;
    text-align:center
}
.mobile-menu .social-links li{
    display:inline-block;
    margin:0 6px 10px;
    position:relative
}
.mobile-menu .social-links li a{
    align-items:center;
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    color:#fff;
    display:flex;
    font-size:16px;
    height:40px;
    justify-content:center;
    line-height:32px;
    position:relative;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    width:40px
}
.mobile-menu .social-links li a:hover{
    background:#a4c3ea;
    border-color:#a4c3ea;
    color:#fff
}
.menu-area .mobile-nav-toggler{
    color:#000;
    cursor:pointer;
    display:none;
    float:right;
    font-size:30px;
    line-height:1;
    margin-top:3px;
    position:relative
}
.banner-bg{
    background-image:url(/assets/img/banner/banner_header.jpg);
    background-position:50%;
    background-size:cover;
    opacity:.7;
    overflow:hidden;
    padding:120px 0 0;
    position:relative;
    z-index:1
}
.banner-bg:before{
    background:linear-gradient(.23deg,#154281 5.68%,rgba(3,11,21,.42) 81.9%);
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    width:100%;
    z-index:-1
}
.banner-shape-wrap img{
    left:0;
    position:absolute;
    top:0;
    z-index:-1
}
.banner-shape-wrap img.img-one{
    animation:leftToRight 5s linear infinite;
    left:-3%;
    top:28%
}
.banner-shape-wrap img.img-two{
    left:auto;
    right:8%;
    top:20%
}
.banner-shape-wrap img.img-three{
    animation:alltuchtopdown 3s linear infinite;
    bottom:14%;
    left:auto;
    right:-2%;
    top:auto
}
.banner-content img{
    margin-bottom:25px
}
.banner-content .title{
    font-size:55px;
    letter-spacing:-.01em;
    line-height:1.4;
    margin-bottom:10px
}
.banner-content .title span{
    color:#fff
}



.banner-scroll{
    align-items:center;
    bottom:90px;
    display:flex;
    flex-direction:column;
    position:absolute;
    right:40px
}


.about-img{
    padding-left:120px;
    position:relative
}
.about-img img.img-two{
    left:60px;
    position:absolute;
    top:40px
}
.about-content{
    margin-left:70px
}
.section-title .sub-title{
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:.09em;
    margin-bottom:25px;
    padding:0 15px;
    position:relative;
    text-transform:uppercase
}
.section-title .sub-title:after,.section-title .sub-title:before{
    background:#a4c3ea;
    border-radius:50%;
    content:"";
    height:10px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:10px
}
.section-title .sub-title:after{
    left:auto;
    right:0
}
.section-title .title{
    font-size:42px;
    letter-spacing:-.01em;
    margin-bottom:0
}
.section-title .title span{
    color:#a4c3ea
}
.about-content p{
    color:#fff;
    margin-bottom:40px;
    width:90%
}
.partner-wrap ul{
    flex-wrap:wrap
}
.partner-wrap ul,.partner-wrap ul li{
    align-items:center;
    display:flex;
    justify-content:center
}
.partner-wrap ul li{
    border:1px solid hsla(0,0%,100%,.06);
    cursor:pointer;
    height:123px;
    margin-left:-1px;
    margin-top:-1px;
    width:20%
}
.partner-wrap ul li img{
    opacity:.5;
    transition:.3s linear;
    width:197px
}
.partner-wrap ul li:hover img{
    opacity:1
}

.section-title.section-title-two .sub-title{
    color:#564dca;
    letter-spacing:.02em;
    margin-bottom:18px;
    padding:0;
    text-decoration:underline
}
.section-title.section-title-two .sub-title:after,.section-title.section-title-two .sub-title:before{
    display:none
}
.section-title.section-title-two .title{
    color:#154281;
    font-size:45px;
    line-height:1.26
}



.choose-area .row{
    margin:0 -10px
}
.choose-area .row [class*=col-]{
    padding:0 10px
}
.choose-item{
    background:#154281;
    border:1px solid #121a23;
    border-radius:15px;
    min-height:610px;
    opacity:.5;
    padding:60px 40px;
    transition:.3s ease-in-out
}
.choose-item:hover{
    border-color:transparent
}
.choose-icon{
    align-items:center;
    background:hsla(0,0%,100%,.07);
    border:4px solid hsla(0,0%,100%,.06);
    border-radius:50%;
    display:flex;
    height:80px;
    justify-content:center;
    margin-bottom:30px;
    transition:.3s ease-in-out;
    width:80px
}
.choose-item:hover .choose-icon{
    border-color:#a4c3ea
}
.choose-content .title{
    font-size:22px;
    font-weight:500;
    line-height:1.27;
    margin-bottom:24px;
    text-transform:none
}
.choose-content p{
    color:#fff;
    font-size:15px;
    line-height:22px;
    margin-bottom:0
}
.choose-area .sr-only{
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    clip:rect(0,0,0,0);
    border:0
}
.choose-area .slide-progress{
    background:hsla(0,0%,100%,.1);
    background-image:linear-gradient(90deg,#a4c3ea,#a4c3ea);
    background-repeat:no-repeat;
    background-size:0 100%;
    border-radius:0;
    display:block;
    height:3px;
    margin-top:50px;
    overflow:hidden;
    transition:background-size .4s ease-in-out;
    width:100%
}
.choose-bg{
    background-image:url(../img/bg/choose_bg.html);
    background-position:50%;
    background-size:cover;
    padding:130px 0 218px;
    position:relative
}
.choose-bg:before{
    background-image:url(../img/bg/choose_shape01.html);
    height:25px;
    top:0
}
.choose-bg:after,.choose-bg:before{
    background-position:50%;
    background-repeat:repeat;
    content:"";
    left:0;
    position:absolute;
    width:100%
}
.choose-bg:after{
    background-image:url(../img/bg/choose_shape02.html);
    bottom:0;
    height:19px
}
.choose-item-two{
    margin-bottom:30px
}
.choose-icon-two{
    margin-bottom:35px
}
.choose-icon-two img{
    height:48px
}
.choose-item-two .choose-content{
    width:77%
}
.roadmap-area{
    overflow:hidden;
    position:relative;
    z-index:1
}
.roadmap-area:before{
    background:linear-gradient(1turn,#1c2b87,rgba(11,29,51,0) 97.51%);
    content:"";
    height:100%;
    left:0;
    opacity:.8;
    position:absolute;
    top:0;
    transform:matrix(1,0,0,-1,0,0);
    width:100%;
    z-index:-1
}
.roadmap-wrap{
    align-items:center;
    display:flex;
    max-width:1670px;
    overflow-x:auto;
    position:relative
}
.roadmap-wrap:before{
    background:linear-gradient(294.72deg,#ff4581 9.05%,#4388dd 79.28%);
    content:"";
    height:8px;
    left:0;
    opacity:.1;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1670px
}
.roadmap-item{
    display:flex;
    flex:0 0 345px;
    flex-direction:column;
    width:345px
}
.roadmap-title{
    color:#a4c3ea;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:.1em;
    margin-bottom:22px;
    text-transform:uppercase
}
.roadmap-content .dot{
    height:16px;
    left:-8px;
    top:0;
    width:16px
}
.roadmap-content .dot,.roadmap-content .dot:before{
    background:#a4c3ea;
    border-radius:50%;
    content:"";
    position:absolute
}
.roadmap-content .dot:before{
    height:32px;
    left:50%;
    opacity:.1;
    top:50%;
    transform:translate(-50%,-50%);
    width:32px
}
.roadmap-content{
    margin-left:57px;
    padding-left:17px;
    padding-top:110px;
    position:relative
}
.roadmap-content:before{
    background:#a4c3ea;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:1px
}
.roadmap-content .title{
    font-size:18px;
    font-weight:500;
    margin-bottom:10px
}
.roadmap-content p{
    color:#a4b4c3;
    margin-bottom:0
}
.roadmap-item:nth-child(2n){
    flex:0 0 400px;
    flex-direction:column-reverse;
    margin-bottom:165px;
    width:400px
}
.roadmap-item:nth-child(2n) .roadmap-content .dot{
    bottom:0;
    top:auto
}
.roadmap-item:nth-child(2n) .roadmap-title{
    margin-bottom:0;
    margin-top:22px
}
.roadmap-item:nth-child(2n) .roadmap-content{
    padding-bottom:110px;
    padding-top:0
}
.roadmap-item:not(:first-child){
    margin-left:-120px
}
.roadmap-item:nth-child(odd){
    margin-left:-180px;
    margin-top:165px
}
.roadmap-item:first-child{
    flex:0 0 auto;
    margin-left:100px;
    width:288px
}
.roadmap-item:last-child{
    flex:0 0 auto;
    width:290px
}
.bt-roadmap-item:nth-child(2) .dot,.bt-roadmap-item:nth-child(2) .dot:before,.bt-roadmap-item:nth-child(2) .roadmap-content:before{
    background:#ff4581
}
.bt-roadmap-item:nth-child(3) .dot,.bt-roadmap-item:nth-child(3) .dot:before,.bt-roadmap-item:nth-child(3) .roadmap-content:before{
    background:#ff9700
}
.bt-roadmap-item:nth-child(4) .dot,.bt-roadmap-item:nth-child(4) .dot:before,.bt-roadmap-item:nth-child(4) .roadmap-content:before{
    background:#5dd400
}
.bt-roadmap-item:nth-child(5) .dot,.bt-roadmap-item:nth-child(5) .dot:before,.bt-roadmap-item:nth-child(5) .roadmap-content:before{
    background:#007ff4
}
.bt-roadmap-item:nth-child(6) .dot,.bt-roadmap-item:nth-child(6) .dot:before,.bt-roadmap-item:nth-child(6) .roadmap-content:before{
    background:#ff9700
}
.bt-roadmap-item:nth-child(7) .dot,.bt-roadmap-item:nth-child(7) .dot:before,.bt-roadmap-item:nth-child(7) .roadmap-content:before{
    background:#ff4581
}
.bt-roadmap-item:nth-child(2) .roadmap-title{
    color:#ff4581
}
.bt-roadmap-item:nth-child(3) .roadmap-title{
    color:#ff9700
}
.bt-roadmap-item:nth-child(4) .roadmap-title{
    color:#5dd400
}
.bt-roadmap-item:nth-child(5) .roadmap-title{
    color:#007ff4
}
.bt-roadmap-item:nth-child(6) .roadmap-title{
    color:#ff9700
}
.bt-roadmap-item:nth-child(7) .roadmap-title{
    color:#ff4581
}
.roadmap-wrap-two{
    align-items:flex-start;
    display:flex;
    margin-bottom:50px;
    position:relative
}
.roadmap-wrap-two:last-child{
    margin-bottom:0
}
.roadmap-wrap-two:before{
    background:linear-gradient(294.72deg,#ff4581 9.05%,#4388dd 79.28%);
    content:"";
    height:8px;
    left:0;
    opacity:.1;
    position:absolute;
    top:50px;
    width:100%
}
.roadmap-wrap-two .roadmap-content .title{
    color:#154281;
    font-size:20px;
    font-weight:600;
    line-height:1.62;
    margin-bottom:20px
}
.roadmap-wrap-two .roadmap-content p{
    color:#727885
}
.roadmap-wrap-two .roadmap-content{
    padding-top:75px
}
.roadmap-wrap-two .roadmap-item:nth-child(odd){
    margin-left:0;
    margin-top:0
}
.roadmap-wrap-two .roadmap-item:not(:first-child){
    margin-left:0
}
.roadmap-wrap-two .roadmap-item:nth-child(2n) .roadmap-content{
    padding-bottom:0;
    padding-top:75px
}
.roadmap-wrap-two .roadmap-item:nth-child(2n){
    flex:0 0 400px;
    flex-direction:column;
    margin-bottom:30px;
    width:400px
}
.roadmap-wrap-two .roadmap-item:nth-child(2n) .roadmap-content .dot{
    bottom:auto;
    top:0
}
.roadmap-wrap-two .roadmap-item:nth-child(2n) .roadmap-title{
    margin-bottom:22px;
    margin-top:0
}
.roadmap-wrap-two .roadmap-item:first-child,.roadmap-wrap-two .roadmap-item:nth-child(2){
    margin-left:130px
}
.roadmap-wrap-two .roadmap-item:nth-child(4){
    flex:0 0 260px;
    width:260px
}
.roadmap-wrap-two .roadmap-item{
    margin-bottom:30px
}
.roadmap-wrap-two .roadmap-item:nth-child(2) .dot,.roadmap-wrap-two .roadmap-item:nth-child(2) .dot:before,.roadmap-wrap-two .roadmap-item:nth-child(2) .roadmap-content:before{
    background:#ff9700
}
.roadmap-wrap-two .roadmap-item:nth-child(3) .dot,.roadmap-wrap-two .roadmap-item:nth-child(3) .dot:before,.roadmap-wrap-two .roadmap-item:nth-child(3) .roadmap-content:before{
    background:#007ff4
}
.roadmap-wrap-two .roadmap-item:nth-child(4) .dot,.roadmap-wrap-two .roadmap-item:nth-child(4) .dot:before,.roadmap-wrap-two .roadmap-item:nth-child(4) .roadmap-content:before{
    background:#ff4581
}
.roadmap-wrap-two .roadmap-item:nth-child(2) .roadmap-title{
    color:#ff9700
}
.roadmap-wrap-two .roadmap-item:nth-child(3) .roadmap-title{
    color:#007ff4
}
.roadmap-wrap-two .roadmap-item:nth-child(4) .roadmap-title{
    color:#ff4581
}
.roadmap-wrap-two.bottom .roadmap-item:first-child .dot,.roadmap-wrap-two.bottom .roadmap-item:first-child .dot:before,.roadmap-wrap-two.bottom .roadmap-item:first-child .roadmap-content:before{
    background:#ff4581
}
.roadmap-wrap-two.bottom .roadmap-item:nth-child(2) .dot,.roadmap-wrap-two.bottom .roadmap-item:nth-child(2) .dot:before,.roadmap-wrap-two.bottom .roadmap-item:nth-child(2) .roadmap-content:before{
    background:#007ff4
}
.roadmap-wrap-two.bottom .roadmap-item:nth-child(3) .dot,.roadmap-wrap-two.bottom .roadmap-item:nth-child(3) .dot:before,.roadmap-wrap-two.bottom .roadmap-item:nth-child(3) .roadmap-content:before{
    background:#ff9700
}
.roadmap-wrap-two.bottom .roadmap-item:nth-child(4) .dot,.roadmap-wrap-two.bottom .roadmap-item:nth-child(4) .dot:before,.roadmap-wrap-two.bottom .roadmap-item:nth-child(4) .roadmap-content:before{
    background:#a4c3ea
}
.roadmap-wrap-two.bottom .roadmap-item:first-child .roadmap-title{
    color:#ff4581
}
.roadmap-wrap-two.bottom .roadmap-item:nth-child(2) .roadmap-title{
    color:#007ff4
}
.roadmap-wrap-two.bottom .roadmap-item:nth-child(3) .roadmap-title{
    color:#ff9700
}
.roadmap-wrap-two.bottom .roadmap-item:nth-child(4) .roadmap-title{
    color:#a4c3ea
}
.footer-area{
    position:relative;
    z-index:1
}
.footer-area:before{
    background:linear-gradient(359.43deg,#1c2b87 11.06%,rgba(11,29,51,0) 99.43%);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.footer-scroll-wrap{
    position:relative;
    z-index:1
}
.footer-scroll-wrap .scroll-to-target{
    align-items:center;
    background:#154281;
    border:1px solid #1f262f;
    border-radius:50%;
    color:#fff;
    display:flex;
    font-size:18px;
    height:66px;
    justify-content:center;
    margin:0 auto;
    padding:0;
    width:66px
}
.footer-scroll-wrap .scroll-to-target:hover{
    background:#a4c3ea;
    border-color:#a4c3ea
}
.footer-scroll-wrap:before{
    background:#1f262f;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    z-index:-1
}
.footer-top{
    padding:55px 0 50px
}
.footer-widget{
    margin-bottom:30px
}
.footer-widget .f-logo{
    display:block;
    margin-bottom:20px
}
.footer-content p{
    color:#fff;
    font-size:15px;
    line-height:26px;
    margin-bottom:25px
}
.footer-content .footer-social{
    align-items:center;
    display:flex;
    margin:0 -7px
}
.footer-content .footer-social li{
    padding:0 7px
}
.footer-content .footer-social li a{
    align-items:center;
    border:2px solid #719ed6;
    border-radius:50%;
    color:#fff;
    display:flex;
    font-size:15px;
    font-weight:400;
    height:44px;
    justify-content:center;
    width:44px
}
.footer-content .footer-social li a:hover{
    background:#a4c3ea;
    border-color:#a4c3ea
}
.footer-widget .fw-title{
    font-size:18px;
    letter-spacing:.05em;
    margin:25px 0 27px;
    text-transform:uppercase
}
.footer-link ul li{
    margin-bottom:10px
}
.footer-link ul li:last-child{
    margin-bottom:0
}
.footer-link ul li a{
    color:#fff;
    font-size:15px;
    line-height:20px;
    position:relative
}
.footer-link ul li a:before{
    background:#fff;
    bottom:0;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top;
    transition:transform .4s cubic-bezier(.74,.72,.27,.24);
    width:100%
}
.footer-link ul li a:hover:before{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top
}
.footer-link ul li a:hover{
    color:#fff
}
.footer-top .row [class*=col-]:nth-child(2) .footer-widget{
    margin-left:80px
}
.footer-top .row [class*=col-]:nth-child(4) .footer-widget{
    margin-left:75px
}
.footer-bottom{
    border-top:1px solid hsla(0,0%,100%,.06);
    padding:27px 0
}
.copyright-text p{
    color:#fff;
    font-size:15px;
    margin-bottom:0
}
.footer-menu ul{
    align-items:center;
    display:flex;
    justify-content:flex-end;
    margin:0 -30px
}
.footer-menu ul li{
    padding:0 30px
}
.footer-menu ul li a{
    color:#a4b4c3;
    font-size:15px;
    font-weight:500
}
.footer-menu ul li a:hover{
    color:#fff
}
.footer-area-two .footer-top{
    padding:70px 40px 65px
}
.footer-menu-two .navigation{
    align-items:center;
    display:flex;
    flex-wrap:wrap
}
.footer-menu-two .navigation li{
    margin-right:60px
}
.footer-menu-two .navigation li:last-child{
    margin-right:0
}
.footer-menu-two .navigation li a{
    color:#154281;
    font-size:16px;
    font-weight:500
}
.footer-menu-two .navigation li a:hover{
    color:#a4c3ea
}
.footer-area-two .footer-social ul{
    align-items:center;
    display:flex;
    justify-content:flex-end
}
.footer-area-two .footer-social ul li{
    margin-right:40px
}
.footer-area-two .footer-social ul li:last-child{
    margin-right:0
}
.footer-area-two .footer-social ul li a{
    color:#0a142f;
    font-size:24px;
    line-height:1;
    opacity:.3
}
.footer-area-two .footer-social ul li a:hover{
    color:#a4c3ea;
    opacity:1
}
.footer-area-two .footer-bottom{
    border-top:1px solid #f0f3f9;
    padding:40px
}
.footer-area-two .copyright-text p{
    color:#282f3b;
    font-size:15px;
    font-weight:500;
    margin-bottom:0
}
.footer-area-two .scroll-up .scroll-to-target{
    align-items:center;
    background:#564dca;
    border:none;
    border-radius:50%;
    color:#fff;
    display:flex;
    font-size:17px;
    height:46px;
    justify-content:center;
    margin:-60px auto 15px;
    padding:0;
    width:46px
}
.footer-area-two .scroll-up .scroll-to-target:hover{
    background:#a4c3ea
}
.footer-area-two .scroll-up span{
    color:#0a142f;
    display:block;
    font-size:14px;
    font-weight:500
}
.footer-bottom-menu ul{
    align-items:center;
    display:flex;
    justify-content:flex-end
}
.footer-bottom-menu ul li{
    margin-right:30px
}
.footer-bottom-menu ul li:last-child{
    margin-right:0
}
.footer-bottom-menu ul li a{
    color:#0a142f;
    font-size:15px;
    font-weight:500
}
.footer-bottom-menu ul li a:hover{
    color:#a4c3ea
}
.footer-bg{
    background-image:url(../img/bg/breadcrumb-bg.html);
    background-position:50%;
    background-size:cover;
    padding-top:120px;
    position:relative
}
.footer-bg:before{
    background-image:url(../img/bg/footer_shape.html);
    background-position:50%;
    background-repeat:repeat;
    content:"";
    height:29px;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.footer-area-three .footer-top{
    padding:0 0 50px
}
.bt-roadmap-wrap{
    display:flex;
    justify-content:flex-end;
    margin:10px 0 0;
    min-height:490px;
    padding:0
}
.bt-roadmap_x{
    position:relative
}
.bt-roadmap_x:before{
    background:linear-gradient(294.72deg,#ff4581 9.05%,#4388dd 79.28%);
    content:"";
    height:8px;
    left:0;
    opacity:.1;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1670px
}
.bt-roadmap-item{
    align-self:flex-end;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    height:305px;
    justify-content:flex-start;
    width:370px
}
.bt-roadmap-item:nth-child(2n){
    align-self:flex-start;
    flex-direction:column-reverse;
    margin-top:-10px
}
.bt-roadmap-item:nth-child(2n) .roadmap-title{
    margin:22px 0 0
}
.roadmap-content span{
    color:#a4b4c3;
    display:block
}
.bt-roadmap-item:nth-child(2n) .roadmap-content{
    padding:0 0 110px 17px
}
.bt-roadmap-item:nth-child(2n) .roadmap-content .dot{
    bottom:0;
    top:auto
}
.bt-roadmap-item:not(:first-child){
    margin-left:-155px
}
.bt-roadmap-item:last-child{
    width:280px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    display:none
}
.bt-roadmap_x._mCS_1.mCS_no_scrollbar{
    padding-bottom:0
}
.bt-roadmap_x.mCustomScrollbar{
    padding:0 0 30px
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom:0
}
.bt-roadmap_x:not(.mCS_no_scrollbar):before{
    top:calc(50% - 15px)
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color:#00c2f2
}
#preloader{
    align-items:center;
    background:#154281;
    display:flex;
    height:100%;
    justify-content:center;
    position:fixed;
    width:100%;
    z-index:999
}

@-webkit-keyframes sk-stretchdelay{
    0%,40%,to{
        -webkit-transform:scaleY(.4)
    }
    20%{
        -webkit-transform:scaleY(1)
    }
}
@keyframes sk-stretchdelay{
    0%,40%,to{
        transform:scaleY(.4);
        -webkit-transform:scaleY(.4)
    }
    20%{
        transform:scaleY(1);
        -webkit-transform:scaleY(1)
    }
}
.banner-btn{
    display:flex
}
.mr-10{
    margin-left:15px;
    margin-right:15px
}
.modal{
    backdrop-filter:blur(15px);
    background-color:#000;
    background-color:rgba(0,0,0,.4);
    box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.1),0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);
    display:none;
    height:100%;
    left:0;
    overflow:auto;
    padding-top:100px;
    position:fixed;
    top:0;
    width:100%;
    z-index:1
}
.modal-content{
    background-image:linear-gradient(to right top,#08275c,#00245e,#002d5e,#00245d,#0f1a5a);
    border:none;
    margin:auto;
    padding:20px;
    width:80%
}
.modal-content p{
    color:#fff
}
.close{
    color:#f3f6fc;
    font-size:28px;
    font-weight:700;
    text-align:end
}
.close:focus,.close:hover{
    color:#fff;
    cursor:pointer;
    text-decoration:none
}
#chartdiv{
    height:500px;
    width:100%
}
.choose-icon i{
    font-size:25px
}
.btn-11{
    background:linear-gradient(160deg,#0096f4 25%,#121f66 49%,#0086f4);
    border:none;
    color:#fff;
    margin-top:15px;
    overflow:hidden
}
.btn-11:hover{
    animation-name:bounce;
    -moz-animation-name:bounce;
    color:#fff;
    text-decoration:none
}
.btn-11:before{
    animation:shiny-btn1 3s ease-in-out infinite;
    background-color:#fff;
    content:"";
    display:inline-block;
    height:100%;
    left:0;
    position:absolute;
    top:-180px;
    width:30px
}
.btn-11:hover{
    opacity:.7
}
.btn-11:active{
    box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.3),-4px -4px 6px 0 hsla(213,8%,49%,.2),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)
}
@-webkit-keyframes shiny-btn1{
    0%{
        opacity:0;
        -webkit-transform:scale(0) rotate(45deg)
    }
    80%{
        opacity:.5;
        -webkit-transform:scale(0) rotate(45deg)
    }
    81%{
        opacity:1;
        -webkit-transform:scale(4) rotate(45deg)
    }
    to{
        opacity:0;
        -webkit-transform:scale(50) rotate(45deg)
    }
}
@keyframes bounce{
    0%,20%,50%,80%,to{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.copyinput{
    background:hsla(240,5%,49%,.1);
    border:none;
    font-size:14px;
    font-weight:400;
    padding:23px 80px 23px 25px;
    width:100%
}
.copybtn,.copyinput{
    border-radius:10px;
    color:#fff;
    height:50px
}
.copybtn{
    background:#a4c3ea;
    border:none;
    font-size:20px;
    position:absolute;
    right:0;
    top:0;
    width:110px
}
.p-relative{
    position:relative
}
.token-box{
    color:#fff;
    height:20px!important;
    padding:15px;
    width:20px!important
}

.swing{
    animation:swing 2s ease infinite;
    transform-origin:top center
}
@keyframes swing{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    to{
        transform:rotate(0deg)
    }
}
.flip{
    animation:flip 2s ease infinite;
    backface-visibility:visible!important
}
@keyframes flip{
    0%{
        animation-timing-function:ease-out;
        transform:perspective(400px) rotateY(0)
    }
    40%{
        animation-timing-function:ease-out;
        transform:perspective(400px) translateZ(150px) rotateY(170deg)
    }
    50%{
        animation-timing-function:ease-in;
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
    }
    80%{
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateY(1turn) scale(.95)
    }
    to{
        animation-timing-function:ease-in;
        transform:perspective(400px) scale(1)
    }
}
.rotate-in-down-left{
    animation:rotate-in-down-left 2s ease infinite
}
@keyframes rotate-in-down-left{
    0%{
        opacity:0;
        transform:rotate(-90deg);
        transform-origin:left bottom
    }
    to{
        opacity:1;
        transform:rotate(0);
        transform-origin:left bottom
    }
}
.rotate-in-up-left{
    animation:rotate-in-up-left 2s ease infinite
}
@keyframes rotate-in-up-left{
    0%{
        opacity:0;
        transform:rotate(90deg);
        transform-origin:left bottom
    }
    to{
        opacity:1;
        transform:rotate(0);
        transform-origin:left bottom
    }
}
.roll-in{
    animation:roll-in 2s ease infinite
}
@keyframes roll-in{
    0%{
        opacity:0;
        transform:translateX(-100%) rotate(-120deg)
    }
    to{
        opacity:1;
        transform:translateX(0) rotate(0deg)
    }
}
.bounce2{
    animation:bounce2 2s ease infinite
}
@keyframes bounce2{
    0%,20%,50%,80%,to{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
.anoop{
    width:90px!important
}
.token-ul li{
    line-height:40px
}