body {
    background: url(../images/background.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    font-family: "Brinnan";
}

strong {
    font-style: italic;
}

@font-face {
    font-family: "Brinnan";
    font-weight: 400;
    src: url("/fonts/brinnan-regular.otf");
}

@font-face {
    font-family: "Brinnan";
    font-weight: 700;
    src: url("/fonts/brinnan-bold.otf");
}

@font-face {
    font-family: "Brinnan";
    font-weight: 300;
    src: url("/fonts/brinnan-light.otf");
}

.app_tab {
    padding: 300px 0px;
}

.app_tab img {}

.app_tab h2 {
    color: #fff;
    margin-left: 100px;
}

.app_tab p {
    color: #fff;
    margin-top: 50px;
    margin-left: 130px;
}

/* app tab ends */

/* why part starts */
.why_part {
    padding: 100px 0px;
}

.why_text h2 {
    text-align: center;
    color: #fff;
}

.why_text p {
    text-align: center;
    color: #fff;
    margin-top: 30px;
}

.eyes {
    padding-top: 100px;
}

.eyes_text h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ea803e+0,ef5756+100 */
    background: #ea803e;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ea803e 0%, #ef5756 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ea803e 0%, #ef5756 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ea803e 0%, #ef5756 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea803e', endColorstr='#ef5756', GradientType=1);
    /* IE6-9 */
    margin: 0;
    color: #fff;
    font-size: 20px;
    padding: 10px 40px 10px 5px;
    width: 15%;
    border-radius: 7px;
}

.eyes_text {
    padding-top: 30%;
}

.eyes_text p {
    color: #fff;
    margin-top: 20px;
}

.eyes_image img {
    width: 100%;
}

/* why part ends */

/* user panel start */
.panel {
    padding: 100px 0px;
}

.panel h2 {
    text-align: center;
    color: #fff;
}


.panel_image {}

.panel_image img {
    margin-top: 100px;
}

.user_text {
    padding: 25% 0px;
}

.user_text p {
    margin: 0;
    color: #fff;
}

/* user panel ends */

/* subscribe starts */
.subscribe {
    padding-top: 0px;
    padding-bottom: 10px;
}

.subscribe h2 {
    color: #fff;
    text-align: center;
}

.subs_image {
    text-align: center;
    padding: 60px 0px;
    position: relative;
}

.subs_image img {
    width: 100%;
}

.subs_image P {
    color: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
}

/* subscribe ends */






/* roadmap starts */
.road_map {
    display: block;
}

.map_structure {
    padding: 300px 0px;
    position: relative;
}

.map_structure img {}

/* TECHNICAL PAPER */
.texts {
    width: 20%;
    position: absolute;
    top: 16%;
    left: 1%;
}

.tittle_box {
    background-color: #c9c9c9;
    border-radius: 20px;
    width: 55%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.tittle_box::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #c9c9c9;
    left: 44%;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.tittle_box h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
}

.texts p {
    color: #fff;
    text-align: center;
    font-size: 10px;
    margin: 0;
    margin-top: 20px;
}

.map_icon {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 27%;
    left: 10%;
}

.map_icon img {
    width: 20%;
}

.map_icon p {
    color: #fff;
    text-align: center;
    margin: 0;
    margin-top: 55px;
    font-size: 30px;
    font-weight: bold;
}


/* tech */
.tittle_tech {
    background-color: #ffc83b;
}

.tech {
    position: absolute;
    top: 66%;
    left: 10%;
}

.techicon {

    position: absolute;

    top: 57%;

    left: 19%;
}

.techicon p {
    margin-top: 97px;
    margin-bottom: 20px;
}

.tittle_tech::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ffc83b;
    left: 46%;
    bottom: 40px;
    transform: rotate(45deg);
    z-index: -1;
}


/* invest */
.invest {
    position: absolute;
    left: 19%;
    top: 16%;
}

.tittle_invest {
    background-color: #fea63b;
}

.tittle_invest::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fea63b;
    left: 44%;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.investicon {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 27%;
    left: 28%;
}


/* blockchain */
.tittle_blockchain {
    background-color: #ff4979;

}

.blockchain {
    position: absolute;
    top: 66%;
    left: 29%;
}

.blockchainicon {

    position: absolute;

    top: 57%;

    left: 38%;
}

.blockchainicon p {
    margin-top: 97px;
    margin-bottom: 20px;
}

.tittle_blockchain::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ff4979;
    left: 43%;
    bottom: 40px;
    transform: rotate(45deg);
    z-index: -1;
}


/* winter fever */
.winter {
    position: absolute;
    left: 37%;
    top: 16%;
}

.tittle_winter {
    background-color: #a32bb5;
}

.tittle_winter::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #a32bb5;
    left: 46%;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.wintericon {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 27%;
    left: 47%;
}


/* dapps */
.tittle_dapps {
    background-color: #a45dfc;
}

.dapps {
    position: absolute;
    top: 66%;
    left: 47%;
}

.dappsicon {

    position: absolute;

    top: 57%;

    left: 56%;
}

.dappsicon p {
    margin-top: 97px;
    margin-bottom: 20px;
}

.tittle_dapps::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #a45dfc;
    left: 43%;
    bottom: 22px;
    transform: rotate(45deg);
    z-index: -1;
}

/* accel */
.accel {
    position: absolute;
    left: 56%;
    top: 16%;
}

.tittle_accel {
    background-color: #2d2dea;
}

.tittle_accel::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #2d2dea;
    left: 44%;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.accelicon {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 27%;
    left: 66%;
}

/* expansion */
.tittle_expansion {
    background-color: #4ecbff;
}

.expansion {
    position: absolute;
    top: 66%;
    left: 65%;
}

.expansionicon {

    position: absolute;

    top: 57%;

    left: 74%;
}

.expansionicon p {
    margin-top: 97px;
    margin-bottom: 20px;
}

.tittle_expansion::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #4ecbff;
    left: 43%;
    bottom: 22px;
    transform: rotate(45deg);
    z-index: -1;
}


/* hub */
.hub {
    position: absolute;
    left: 75%;
    top: 16%;
}

.tittle_hub {
    background-color: #00fa8f;
}

.tittle_hub::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #00fa8f;
    left: 47%;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}



/* responsive code */

.road_mapresponsive {
    display: none;
}

.map_structure2 {
    text-align: center;
}

.map_structure2 img {}


/* technical paper */
.paperR {
    width: 20%;
    position: absolute;
    top: 410px;
    left: 700px;
}

.tittle_paperR {
    background-color: #c9c9c9;
    border-radius: 20px;
    width: 55%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.tittle_paperR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #c9c9c9;
    left: 64px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.tittle_box h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
}

.texts p {
    color: #fff;
    text-align: center;
    font-size: 10px;
    margin: 0;
    margin-top: 20px;
}

.paperRicon {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 570px;
    left: 620px;
}

.map_icon img {
    width: 20%;
}

.map_icon p {
    color: #fff;
    text-align: center;
    margin: 0;
    margin-top: 25px;
    font-size: 30px;
    font-weight: bold;
}


/* tech */
.tittle_techR {
    background-color: #ffc83b;
}

.techR {
    position: absolute;
    top: 568px;
    left: 310px;
}

.techiconR {

    position: absolute;

    top: 615px;

    left: 410px;
}

.techiconR p {
    margin-top: 97px;
    margin-bottom: 5px;
}

.tittle_techR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ffc83b;
    left: 65px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

/* invest */
.investR {
    position: absolute;
    left: 720px;
    top: 705px;
}

.tittle_investR {
    background-color: #fea63b;
}

.tittle_investR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fea63b;
    left: 64px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.investiconR {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 820px;
    left: 610px;
}


/* blockchain */
.tittle_blockchainR {
    background-color: #ff4979;
}

.blockchainR {
    position: absolute;
    top: 815px;
    left: 310px;
}

.blockchainiconR {

    position: absolute;

    top: 852px;

    left: 410px;
}

.blockchainiconR p {
    margin-top: 97px;
    margin-bottom: 20px;
}

.tittle_blockchainR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ff4979;
    left: 65px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}


/* winter fever */
.winterR {
    position: absolute;
    left: 720px;
    top: 930px;
}

.tittle_winterR {
    background-color: #a32bb5;
}

.tittle_winterR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #a32bb5;
    left: 64px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.wintericonR {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 1080px;
    left: 610px;
}


/* dapps */
.tittle_dappsR {
    background-color: #a45dfc;
}

.dappsR {
    position: absolute;
    top: 1055px;
    left: 310px;
}

.dappsiconR {

    position: absolute;

    top: 1100px;

    left: 410px;
}

.dappsiconR p {
    margin-top: 97px;
    margin-bottom: 20px;
}

.tittle_dappsR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #a45dfc;
    left: 65px;
    bottom: -8px;
    transform: rotate(45deg);
    z-index: -1;
}

/* accel */
.accelR {
    position: absolute;
    left: 720px;
    top: 1200px;
}

.tittle_accelR {
    background-color: #2d2dea;
}

.tittle_accelR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #2d2dea;
    left: 64px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

.acceliconR {
    width: 20%;
    text-align: center;
    position: absolute;
    top: 1340px;
    left: 610px;
}

/* expansion */
.tittle_expansionR {
    background-color: #4ecbff;
}

.expansionR {
    position: absolute;
    top: 1340px;
    left: 310px;
}

.expansioniconR {

    position: absolute;

    top: 1355px;

    left: 410px;
}

.expansioniconR p {
    margin-top: 97px;
    margin-bottom: 20px;
}

.tittle_expansionR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #4ecbff;
    left: 65px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}


/* hub */
.hubR {
    position: absolute;
    left: 720px;
    top: 1460px;
}

.tittle_hubR {
    background-color: #00fa8f;
}

.tittle_hubR::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #00fa8f;
    left: 64px;
    bottom: -7px;
    transform: rotate(45deg);
    z-index: -1;
}

/* road map ends */



/* team section starts */
.team {
    margin: 100px 0px;
}

.team h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #fad6ff;
    text-transform: uppercase;
    font-size: 42px;
    margin: 0;
}

.team_box {
    margin: 50px 0px;
}

.team_member {
    border-bottom: 2px solid #fad6ff;
}

.pfp {
    text-align: center;
    position: relative;
}


.pfp::before {
    content: '';
    position: absolute;
    width: 122%;
    height: 1px;
    background-color: #fad6ff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.pfp img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    border: 1px solid #fff;
    outline: 1px solid #fff;
    outline-offset: 6px;
}

.team_details {

    padding: 0px 20px;
}

.team_details h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 10px;
}

.team_details p {
    margin: 0;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px;
}

.team_icon {
    margin-top: 10px;
    margin-left: 20px;
}

.team_icon i {
    font-size: 30px;
    margin-right: 10px;
}

.linkedin {
    color: #fff;
}

.twitter {
    color: #88c5f3;
}

.Mlogo {
    color: #fff;
    background-color: #12100e;
    padding: 5px;
}

.team_group {

    display: flex;

    justify-content: space-between;
}

.team_group2 {
    display: flex;
    justify-content: space-between;
}

/* team ends */

/* ambassadors starts */
.ambassadors {
    margin: 100px 0px;
}

.ambassadors h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #fad6ff;
    text-transform: uppercase;
    font-size: 42px;
    margin: 0;
    text-align: center;
}

.pfp_ambassador::before {
    content: '';
    position: absolute;
    width: 122%;
    height: 1px;
    background-color: #fad6ff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}


.groupres1 {
    display: none;
}

.groupres2 {
    display: none;
}

.grp1::before {}

.grp2::before {}

.amb_res {
    display: none;
}