:root {
  --blue: #1e90ff;
  --white: rgba(255,255,255,0.85);
}

@font-face {
    font-family: 'mukta';
    src: url('../fonts/Mukta-Bold.woff') format('woff');
}

body{
    overflow-x: hidden;
}

.mainHead, .heading, .subHeading.smll, .tokenomics .fjdje div h6, .roadmap .desktopUL h6, .roadmap .mobileUL h6, .roadmap .roadmap_second h6, .subHeading.big, .offCanvasCustom .social_others .socialLinks li a{
    font-family: 'mukta';
    letter-spacing: 1px;
}

.subHeading.smll{
    font-size: 18px;
}

.mainHead{
    font-size: 30px;
    line-height: 36px;
}

.roadmap .desktopUL li{
    margin: 0 13px
}

.roadmap .mobileUL li{
    margin: 26px 0px;
}

.roadmap .roadmap_second .smll_mob{
    margin: 50px 0;
}

.roadmap .desktopUL li:before, .roadmap .mobileUL li:before{
    border-width: 5px;
}

.dsds1{
    margin-right: 56px;
}

.dsds2{
    margin-right: 54px;
}

.ml-ledt{
    margin-left: 120px;
}

.tokenomics .fjdje div p:first-child{
    font-family: 'mukta';
    color: #a6abef;
}

.tokenomics .fjdje:nth-child(1) div{
    border-color: #ad00ff;
}

.tokenomics .fjdje:nth-child(2) div{
    border-color: #00d863;
}

.tokenomics .fjdje:nth-child(3) div{
    border-color: #ecb45b;
}

h6.links a{
    color: var(--white);
    text-decoration: none;
}

h6.links a:hover{
    text-decoration: underline;
}

.pos-relative{
    position: relative;
}

.validateEmail{
    position: absolute;
    right: 5px;
    top: 24px;
    transform: translate(0px, -50%);
}

.validateEmail img{
    width: 30px;
}

.form-control.invalid{
    border-color: #E74C3C !important;
}
.form-control.valid{
    border-color: #2FCC71 !important;
}

@media only screen and (max-width:  991px){
    .dsds1 {
        margin-right: 77px;
    }

    .dsds2 {
        margin-right: 74px;
    }

    .ml-ledt{
        margin-left: 0px;
    }
}


@media only screen and (max-width: 576px){
   .subHeading.smll{
        font-size: 16px;
    }

    .tokenomics .fjdje div p:first-child{
        font-size: 12px;
    }

    .tokenomics .fjdje div p:last-child{
        font-size: 12px;
    } 

    .mobileVersion .cntnt.smll, .mobileVersion .subHeading.smll{
        font-size: 14px;
        font-family: 'mukta';
        line-height: 18px;
    }

    .mainHead{
        font-size: 24px;
        line-height: 30px;
    }

    .dsds1 {
        margin-right: 42px;
    }

    .dsds3{
        /*margin-right: 1%;*/
    }

    .dsds2 {
        margin-right: 45px;
    }
}

@media only screen and (min-width: 410px) and (max-width: 550px){
   .dsds1 {
        margin-right: 20px;
    }
    
    .dsds2 {
        margin-right: 37px;
    } 
}

@media only screen and (max-width: 409px){
   .dsds1 {
        margin-right: 20px;
    }
    
    .dsds2 {
        margin-right: 37px;
    } 
}

@media only screen and (max-width: 380px){
   .dsds1 {
        margin-right: 20px;
    }
    
    .dsds2 {
        margin-right: 37px;
    } 
}

@media only screen and (max-width: 360px){
    .dsds1 {
        margin-right: 20px;
    }
    
    .dsds2 {
        margin-right: 37px;
    }
}