/* font family */
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Light.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans.woff2') format('woff2'),
        url('../fonts/IBMPlexSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* body */
body{
    font-family: 'IBM Plex Sans';
    margin: 0px;
    overflow-x: hidden;     
}
h1{
    font-weight: bold;
}

strong{
    color: #30C0E2;
}


/*header*/
header{
    color: #ffffff;
    position: absolute;
    width: 100%;
    padding: 10px 60px;
    z-index: 1;
}
.nav-banner{
    padding: 0;
    
}
.nav-padding{
    padding: 0;
}
.nav-position{
    justify-content: flex-end;
}
.nav-position ul li a {
    color: #ffffff !important;
    font-size: 20px;
    margin: 0px 45px;
    font-weight: 500;
    position: relative;
    transition:  all ease-in-out 0.3s;
}
.navbar-expand-md .navbar-nav .nav-link{padding:0;}
.nav-position ul li a:after {content:"";width:0;height:2px;position: absolute;left: 0;right: 0;bottom: -12px;background:#30C0E2;transition: all ease-in-out 0.2s;}
.nav-position ul li a:hover {color: #30C0E2 !important;}
.nav-position ul li a:hover:after {width:100%;}
.nav-wrapper {
  width: 300px;
  margin: 20px auto;
  text-align: center;
}
.sl-nav {
  display: inline-block;
  position: relative;
}
.dropdown{
    font-size: 30px;
    margin-left: 12px;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.sl-nav li {
  cursor: pointer;
  padding-bottom:10px;
}
.sl-nav .dropdown-holder {
  padding-top:8px;
  position: absolute;
  top:100%;
  right:-15px;
  width: 120px;
  z-index: 1;
  display: none;
}
.sl-nav:hover .dropdown-holder {
    display: block;
}
.sl-nav:hover .dropdown-holder ul{
    display: block;
    background: #fff;
    border-radius:5px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    text-align: left;
}
.sl-nav:hover .dropdown-holder ul li{padding:5px 10px;color:#15161D;}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 15px 15px;
  padding-bottom:0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.flag-usa {
  background-size: cover;
  background-position: center center;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: 100%;
  height: 40px;
  width: 40px;
  border: 2px solid #ffffff;
}
.language-dropdown {
    width: 45px;
}

/*social banner*/
.social-banner{
    background-image: url('../images/header-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    background-color: #F8F8F8;
}
.social-data{
    max-width: 70%;
    margin: 345px 60px;
}
.social-data h1 {
    font-size: 60px;
    letter-spacing: 0px;
    opacity: 1;
}
.social-data p {
    font-size: 20px;
    font-family: light;
    padding-top: 15px;
    width: 93%;
    opacity: 1;
    font-weight: 300;
}
.social-image {
    padding-top: 250px;
    padding-bottom: 160px;
    max-width: 67%;
    margin: 0px auto;
}
#image2 {
    position: relative; 
    -webkit-animation:spin 50s linear infinite;
    -moz-animation:spin 50s linear infinite;
    animation:spin 50s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }}
#image25 {
    position: absolute;
    top: 250px;
    right: 70px;
}
.button1{
    width: 178px;
    height: 60px;
    background-color: #30C0E2;
    color: #FFFFFF;
    border-radius: 30px;
    opacity: 1;
    font-family: medium;
    font-size: 20px;
    margin-top: 37px;
    border: none;
    font-weight: 500;
    font-family: 'IBM Plex Sans';
    transition: all ease-in-out 0.3s;
    padding:10px 25px;
    border: 2px solid #30C0E2;
}
.button1:hover {
    width: 178px;
    height: 60px;
    background-color: #FFFFFF;
    color: #30C0E2;
    border-radius: 30px;
    opacity: 1;
    font-family: medium;
    font-size: 20px;
    margin-top: 37px;
    border: 2px solid #30C0E2;
    font-weight: 500;
    font-family: 'IBM Plex Sans';
}
a.button11 {
    width: 178px;
    height: 60px;
    background-color: #fff;
    color: #30C0E2 !important;
    border-radius: 30px;
    opacity: 1;
    font-family: medium;
    font-size: 20px;
    margin-top: 37px;
    border: none;
    font-weight: 500;
    font-family: 'IBM Plex Sans';
    transition: all ease-in-out 0.3s;
    padding: 10px 25px;
    margin-left: 10px;
    border: 2px solid #30C0E2;
}
a.button11:hover {
    background-color: #30C0E2;
    color: #fff !important;
}
#image3 {
    position: absolute;
    top: -52px;
    left: 0px;
    width: 60%;
}

/*why op section*/
.why-op{
    background-color: #F8F8F8;
    margin-top: -1px;
    padding-bottom: 70px;
}
.why-heading{
    text-align: start;
}
.why-heading h1{
    font-size: 70px;
}
.why-heading h2 {
    font-size: 40px;
    letter-spacing: 0px;
    color: #17181F;
    padding-left: 30px;
    margin-top: 0px;
    font-weight: bold;
}
.why{
    position: relative;
}
.why-images{
    width:155px;height:155px;margin:0 auto;border:4px dotted #17181F;padding:7px;border-radius:100%;overflow:hidden;
    position: relative;
}
.why-images .image-holder{
    width:100%;height:100%;background:#17181F;border-radius:100%;
}
#image4{
    border: 4px dotted #17181F;
    border-radius: 87px;
    padding: 9px;
}
#image5{
    position: absolute;
    top: 51px;
    left: 144px;
}
#image6{
    position: absolute;
    top: 47px;
    left: 140px;
}
#image7 {
    position: absolute;
    top: 48px;
    left: 148px;
}
#image8 {
    position: absolute;
    top: 50px;
    left: 274px;
}
#image9 {
    position: absolute;
    top: 48px;
    left: 274px;
}
#image10 {
    position: absolute;
    top: 66px;
    right: -108px;
}
#image11 {
    position: absolute;
    top: 65px;
    right: -109px;
}
.why h2 {
    font-size: 22px;
    padding-top: 30px;
    letter-spacing: 0.66px;
    color: #272727;
    opacity: 1;
    font-weight: 500;
}
.why p{
    font-size: 16px;
    padding-top: 10px;
    font-weight: normal;
}

/*Audit report section*/
.audit{
    padding-bottom: 110px;
}
.audit-heading{
    padding-top: 100px;
}
.audit-heading h1{
    font-size: 40px;
    letter-spacing: 0px;
    color: #17181F;
}
.audit-heading p{
    font-size: 22px;
    padding-top: 10px;
    letter-spacing: 0px;
    color: #17181F;
    opacity: 1;
    font-weight: 300;
}
.jumbotron{background:none;}
.jumbotron .row{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 11px #00000012;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}
.part1{
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 9px;
    padding: 10px;;
}
.part1 p{
    font-size: 16px;
    font-weight: normal;
    text-align: start;
}
.part2{
    position: relative;
    margin-left: -40px;
}
.black-box-outer{width:290px;height:290px;border-radius: 100%;background:#000;padding:7px;}
.black-box-outer .black-box-inner{width:100%;height:100%;border:2px dotted #fff;border-radius: 100%;}
.circle {border-radius: 50%;}
#image12 {
    position: absolute;
    top: 130px;
    left: 134px;
}
.part3{
    text-align: start !important;
}
.a-data p {
    font-size: 16px;
    font-weight: normal;
}
.a-data h2 {
    font-size: 22px;
    line-height:29px;
    font-weight: 500;
}
.a-flex{
    display: flex;
    align-items: center;
}
.a-img {
    width: 30px;
    height: 30px;
    background-color: #30C0E2;
    border-radius: 20px;
    margin-left: 20px;
    color:#fff;
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#image13 {
    width: 50%;
    margin-top: 6px;
    margin-left: 8px;
}
.b-flex{
    background-color: #15161D;
    color: #FFFFFF;
}
.pdf {
    background-color: #FFFFFF;
    width: 38px;
    height: 39px;
    border-radius: 27px;
    text-align: center;
}
.b-flex p {
    font-size: 17px;
    margin:0;
}
#image14{
    width: 60%;
    margin-top: 6px;
}
.button2 {
    width: 300px;
    height: 50px;
    border: none;
    margin-top: 10px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    font-weight: 500;
    padding:10px;
}
.button3 {
    width: 300px;
    height: 50px;
    padding-top: 7px;
    border: none;
    margin-top: 20px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    font-weight: 500;
    padding:10px;
}
.button2:hover, .button3:hover {
    text-decoration: none;
    color:white;
}
.down-arrow {
    font-size: 27px;
    margin-top: 5px;
}

/*how section*/
.how{
    background-image: url('../images/how-bg.png'), url('../images/how-it-works.png');
    background-repeat: no-repeat, no-repeat;
    background-blend-mode: darken;
    background-size: cover;
    padding-top: 185px;
    padding-bottom: 110px;
    border-bottom: 3px solid #F8F8F8;
}
.how-heading{
    text-align: start;
    padding-top: 0px;
    padding-bottom: 120px;
}
.how-heading h1{
    font-size: 70px;
}
.how-heading h2 {
    font-size: 40px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: bold;
}
.how-bg{
    background-image: url('../images/Group\ 2801.svg');
    background-repeat: no-repeat;
    background-size: contain;
    color: #ffffff;
}
.how-bg h2{text-align:left;}
.data1{
    display: flex;
    margin-left: 0px;
}
.data1 p {
    font-size: 22px;
    border: 2px solid #FFFFFF;
    opacity: 1;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-top: 7px;
    margin-right: 24px;
    font-weight: 500;
}
.data1 h2{
    font-size: 40px;
    font-weight: 300;
}
.data2 {
    width: 37%;
    margin-top: 50px;
    margin-left: -22px;
}
.data2 p{
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
}

.data3 {
    display: flex;
    justify-content: flex-end;
    margin-right: 48px;
}
.data3 p {
    font-size: 20px;
    border: 2px solid #FFFFFF;
    opacity: 1;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-top: 7px;
    margin-right: 24px;
    font-weight: 500;
}
.data3 h2{
    font-size: 40px;
    font-weight: 300;
}
.data4 {
    width: 37%;
    margin-top: 25px;
    margin-left: 661px;
}
.data4 p{
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
}

.data5 {
    display: flex;
    justify-content: flex-start;
    margin-top: -215px;
    width: 43%;
    margin-left: -86px;
}
.data5 p {
    font-size: 20px;
    border: 2px solid #FFFFFF;
    opacity: 1;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-top: 7px;
    margin-right: 0px;
    font-weight: 500;
}
.data5 h2 {
    font-size: 40px;
    margin-left: 18px;
    font-weight: 300;
}
.data6 {
    width: 37%;
    margin-top: 37px;
    margin-left: -64px;
}
.data6 p{
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
}

.data7 {
    display: flex;
    justify-content: flex-end;
    margin-right: 10px;
    margin-top: -30px;
}
.data7 p {
    font-size: 20px;
    border: 2px solid #FFFFFF;
    opacity: 1;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-top: 7px;
    margin-right: 24px;
    font-weight: 500;
}
.data7 h2{
    font-size: 40px;
    font-weight: 300;
}
.data8 {
    width: 37%;
    margin-top: 25px;
    margin-left: 679px;
}
.data8 p{
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
}


/*hr tag*/
#hr1{
    margin-top: 151px;
    background-color: #f8f8f8;
}
.hr-padding{
    padding: 0px;
}

/*world wide program*/
.wwp{
    color: #FFFFFF;
    padding-top: 120px;
}
.wwp-heading h1{
    font-size: 40px;
    letter-spacing: 0px;
}
.wwp-heading p{
    font-size: 22px;
    letter-spacing: 0px;
    opacity: 1;
    padding-top: 30px;
    font-weight: 300;
}
.wwp-row{
    justify-content: space-evenly;
}
.wwp1{
    display: flex;
    background: transparent linear-gradient(270deg, #42C5E4 0%, #00ACD5 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    padding: 30px 20px;
}
.wwp2{
    display: flex;
    background: transparent linear-gradient(270deg, #E43190 0%, #B1007C 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    padding: 30px 20px;
}

.wwp3{
    display: flex;
    background: transparent linear-gradient(270deg, #499B13 0%, #3C8000 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    padding: 30px 20px;
}
.wwp1 h2{
    font-size: 16px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: normal;
}
.wwp1 h1{
    font-size: 32px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 500;
}
.wwp2 h2{
    font-size: 16px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: normal;
}
.wwp2 h1{
    font-size: 32px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 500;
}
.wwp3 h2{
    font-size: 16px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: normal;
}
.wwp3 h1{
    font-size: 32px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 500;
}
.wwp-data{
    padding-left: 20px;
}

/*bonus section*/
.bonus {
    padding-top: 50px;
    padding-bottom: 50px;
}
.bonus-img {
    padding: 10px;
}
.bonus-data{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 11px #0000001A;
    border-radius: 10px;
    opacity: 1;
    margin-top: 20px;
    display: flex;
    padding: 10px;
}
.bonus1 {
    padding-left: 10px;
    padding-top: 30px;
}
.bonus2 {
    padding-left: 20px;
    padding-top: 10px;
}
.bonus-data h1{
    font-size: 22px;
    font-weight: 500 !important;
}
.bonus-data p{
    font-size: 16px;
    font-weight: normal;
}

/*Affiliate Program*/

.afiliate-bar {
    padding-bottom: 200px;
    padding-top: 50px;
}
.afiliate-data{
    position: relative;
}
#image18 {
    position: relative;
    top: 0px;
    left: 0px;
}
.af-heading {
    width: 60%;
    margin: 0 auto;
    margin-top: -581px;
}
.af-heading h1{
    font-size: 40px;
    letter-spacing: 0px;
    color: #17181F;
}
.af-heading p{
    font-size: 16px;
    padding-top: 10px;
    font-weight: normal;
}
.af-1 {
    width: 16%;
    margin: 0 auto;
    padding-top: 55px;
}
#image20 {
    margin-top: -260px;
}
#image24{
    margin-top: -260px;
}
.af-1 h2 {
    font-size: 19px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: -110px;
    font-weight: bold;
}
.af-2 {
    display: flex;
    width: 57%;
    justify-content: space-evenly;
    padding-top: 310px;
    margin: 0 auto;
    
}
.black-box h2 {
    font-size: 16px;
    margin-top: -175px;
    font-weight: normal;
}
.black-box h1{
    font-size: 16px;
    color: #FFFFFF;
}

/*footer*/
.footer-banner {
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    background-color: #15161D;
    background-blend-mode: color-dodge;
    padding-bottom: 70px;
    position: relative;
}
.f-logo{
    padding-top: 100px;
    padding-bottom: 30px;
}
.copyright p {
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 30px;
    font-weight: 500;
}
.media-bar {
    width: 25%;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    font-size: 18px;
}
.media-bar li{width:35px;height:35px;margin:0 5px;}
.media-bar li a{display:flex;justify-content:center;align-items:center;height:100%;border: 1px solid #30C0E2;padding: 7px;color: #30C0E2;border-radius: 5px;overflow: hidden;transition: all ease-in-out 0.3s;}
.media-bar li a:hover {
    background: #fff;
    color:#30C0E2;
    text-decoration: none;
}
.image22 {
    width: 80px;
    height: 80px;
    background-color: #30C0E2;
    border-radius: 40px;
    position: absolute;
    top: -30px;
    right: 372px;
}
#image22 {
    margin-top: 16px;
}
.toTop {
    background: #30C0E2;
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 30px;
    right: 30px;
    border-radius: 20px;
    cursor: pointer;
    color:white;
}
.toTop:hover {
    transform: rotateX(25deg);
    color: white;
    text-decoration: none;
}
.toTop:after {
    content: '^';
    font-size: 35px;
    padding: 9px;
    line-height: 45px;
}
.wallet-modal h4{
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
}
.wallet-modal p{
    font-size: 17px;
    line-height: 29px;
    color: #ffffff;
    font-weight: 400;
}
.left-side {
    /* border-radius: 20px;
    border-left: 5px solid #30c0e2;
    padding: 10px;
    margin: 8px 0px; */
    height: 118px;
    background-color: #121c22d1;
    border-radius: 7px;
    border-left: 3.5px solid #30c0e2;
    padding: 10px 25px;
    margin: 10px 0 20px 0;
}
.right-side {
    /* border-radius: 20px;
    border-right: 5px solid #30c0e2;
    padding: 10px;
    margin: 8px 0px; */
    height: 118px;
    background-color: #121c22d1;
    border-radius: 7px;
    border-right: 3.5px solid #30c0e2;
    padding: 10px 25px;
    margin: 10px 0 10px 0;
}

.wallet-subhead{
    font-size: 17px;
    line-height: 29px;
    color: #fff;
    font-weight: 400;
}
.wallet-modal .item-box{
    width: 100%;
    display: inline-block;
    padding: 0;
    margin-bottom: -5px;
}
.wallet-modal .left-side .item-box{
    padding: 10px 0 0;
}
.wallet-modal .item-box img,.wallet-modal  .egs img{
    margin-right: 5px;
}
.wallet-modal .item-box p, .wallet-modal .item-box p
.wallet-modal .item-box p{
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin: 0;
}
.locked-amount-modal .modal-dialog .modal-content {
    border: 2px solid #007bff;
    -webkit-box-shadow: 0px 0px 15px 5px #fff;
    -moz-box-shadow: 0px 0px 15px 5px #fff;
    box-shadow: 0px 0px 15px 5px #fff;
}
/* .wallet-modal .left-side strong{
    font-size: 25px;
    color: #30c0e2;
    font-weight: 700;
    line-height: 25px;
    word-break: break-all;
} */
.wallet-modal .right-side .item-box .text-small{
    font-size: 11.5px;
    line-height: 17px;
    margin:0;
}
.wallet-modal .with-text{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 17px;
}
/* responsive media queries */

@media screen and (max-width: 1600px){

    /*nav bar*/
    .nav-position ul li a {
        font-size: 18px;
        margin: 0px 20px;
    }
    .flag-usa {
        height: 40px;
        width: 40px;
    }

    /*social banner*/
    .social-data h1 {
        font-size: 50px;
        padding-top: 46px;
    }
    .social-data {
        max-width: 80%;
        margin: 210px 60px;
    }
    .social-image {
        padding-top: 221px;
        padding-bottom: 20px;
    }
    #image25 {
        top: 219px;
        right: 55px;
        width: 95%;
    }

    /*why heading*/
    .why-heading h1 {
        font-size: 65px;
    }
    .why-heading h2 {
        font-size: 37px;
        padding-left: 45px;
    }

    /*affiliate program*/
    #image20 {
        margin-top: -200px;
    }
    .af-1 h2 {
        margin-top: -86px;
    }
    .af-2 {
        padding-top: 270px;
    }
    #image24 {
        margin-top: -199px;
    }
    .black-box h2 {
        margin-top: -149px;
    }
    
    /*how heading*/

    .how-heading h1 {
        font-size: 65px;
    }
    .how-heading h2 {
        font-size: 37px;
    }
    

    /*foeter*/
    .image22 {
        right: 295px;
    }
    
}

@media screen and (max-width: 1400px){

   
    /*nav bar*/
    .nav-position ul li a {
        font-size: 17px;
        margin: 0px 13px;
    }
    .social-data h1 {
        font-size: 50px;
        padding-top: 22px;
    }
    .social-data h1 {
        font-size: 40px;
        padding-top: 15px;
    }
    .social-data p {
        font-size: 16px;
    }
    .social-image {
        padding-top: 200px;
    }
    #image25 {
        top: 189px;
        right: 45px;
    }

    /*why banner*/
    .why-heading h1 {
        font-size: 55px;
    }
    .why-heading h2 {
        font-size: 35px;
    }

    /*how banner*/
    .how-heading {
        padding-top: 96px;
    }
    .how {
        background-size: cover;
        padding-top: 60px;
        padding-bottom: 0px;
        background-position: center center;
    }
    .how-heading h1 {
        font-size: 55px;
    }
    .how-heading h2 {
        font-size: 35px;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: bold;
    }
    .data1 p {
        font-size: 18px;
        width: 34px;
        height: 34px;
        margin-top: 2px;
    }
    .data3 p {
        font-size: 18px;
        width: 34px;
        height: 34px;
        margin-top: 2px;
    }
    .data5 p {
        font-size: 18px;
        width: 34px;
        height: 34px;
        margin-top: 2px;
    }
    .data7 p {
        font-size: 18px;
        width: 34px;
        height: 34px;
        margin-top: 2px;
    }
    #image15 {
        width: 40%;
    }
    .data1 {
        margin-top: -15px;
    }
    .data2{
        margin-top: 22px;
    }
    .data2 p {
        font-size: 16px;
    }
    .data4 {
        margin-top: 0px;
        margin-left: 553px;
    }
    .data4 p {
        font-size: 16px;
    }
    .data6 p {
        font-size: 16px;
    }
    .data8 p {
        font-size: 16px;
    }
    .data3 {
        margin-right: 217px;
    }
    .data5 {
        margin-top: -166px;
        margin-left: -18px;
        width: 42%;
    }
    .data6 {
        margin-top: 10px;
        margin-left: -51px;
    }
    .data7 {
        margin-right: 54px;
        margin-top: -117px;
    }
    .data8 {
        margin-top: 11px;
        margin-left: 628px;
    }
    #hr1 {
        margin-top: 75px;
    }


    /*world wide program*/
    .wwp {
        padding-top: 40px;
    }

    /*affiliate program*/
    #image20 {
        margin-top: -173px;
    }
    #image24 {
        margin-top: -173px;
    }
    .af-1 h2 {
        margin-top: -79px;
        font-size: 17px;
    }
    .af-2 {
        padding-top: 259px;
    }
    .black-box h2 {
        margin-top: -136px;
    }
    .image22 {
        right: 222px;
    }

}

@media screen and (max-width: 1199px){


    /*nav bar*/
    header {
        padding: 30px 20px;
    }
    #image1 {
        width: 90%;
    }
    .nav-position ul li a {
        font-size: 14px;
    }
    .nav-position ul {
        padding-right: 10px;
    }
    .nav-wrapper {
        width: 213px;
        margin: 15px auto;
    }
    .flag-usa {
        height: 32px;
        width: 32px;
    }

    /*social banner*/
    .social-data {
        max-width: 85%;
        margin: 184px 15px;
    }
    .social-data h1 {
        font-size: 37px;
    }
    .social-data p {
        font-size: 15px;
    }
    .social-image {
        padding-top: 188px;
    }
    #image25 {
        top: 176px;
        right: 45px;
    }
    .button1 {
        width: 143px;
        height: 50px;
        font-size: 18px;
        margin-top: 2px;
    }
    .button1:hover {
        width: 143px;
        height: 50px;
        font-size: 18px;
        margin-top: 2px;
    }

    /*why banner*/
    .why-heading h1 {
        font-size: 50px;
    }
    #image4 {
        width: 50%;
    }
    #image5 {
        top: 37px;
        left: 115px;
    }
    #image8 {
        top: 50px;
        left: 236px;
        width: 50%;
    }
    #image10 {
        top: 68px;
        right: -84px;
    }
    .why h2 {
        font-size: 24px;
        padding-top: 25px;
    }
    .why p {
        font-size: 15px;
    }
    #image6 {
        top: 32px;
        left: 109px;
    }
    #image9 {
        top: 50px;
        left: 238px;
        width: 50%;
    }
    #image11 {
        top: 66px;
        right: -85px;
    }
    #image7 {
        top: 38px;
        left: 122px;
    }

    /*audit report*/
    .audit-heading h1 {
        font-size: 35px;
    }
    .audit-heading p {
        font-size: 20px;
    }
    .button2 {
        width: 285px;
    }
    .button3 {
        width: 285px;
    }
    #image12 {
        top: 145px;
        left: 120px;
        width: 40%;
    }
    .a-flex {
        padding-top: 12px;
    }
    .a-data h2 {
        font-size: 23px;
    }
    .a-buttons {
        padding-top: 45px;
    }

    /*how banner*/
    .how-heading h1 {
        font-size: 50px;
    }
    .how-heading h2 {
        font-size: 33px;
    }
    .data1 p {
        font-size: 16px;
        width: 29px;
        height: 29px;
        margin-top: 5px;
    }
    .data3 p {
        font-size: 16px;
        width: 29px;
        height: 29px;
        margin-top: 5px;
    }
    .data5 p {
        font-size: 16px;
        width: 38px;
        height: 29px;
        margin-top: 8px;
        margin-right: 19px;
    }
    .data7 p {
        font-size: 16px;
        width: 29px;
        height: 29px;
        margin-top: 5px;
    }
    .data3 {
        margin-right: 91px;
    }
    .data5 {
        margin-left: -12px;
    }
    .data6 {
        margin-left: -29px;
    }
    .data8 {
        margin-left: 605px;
    }
    .data5 h2 {
        margin-left: -26px;
    }

    /*world wide program*/
    .wwp-heading h1 {
        font-size: 35px;
    }
    .wwp-heading p {
        font-size: 19px;
        padding-top: 20px;
    }
    .wwp-image {
        width: 60px;
    }
    .wwp1 h2 {
        font-size: 13px;
    }
    .wwp2 h2 {
        font-size: 13px;
    }
    .wwp3 h2 {
        font-size: 13px;
    }
    .wwp2 h1 {
        font-size: 26px;
        letter-spacing: 0px;
        opacity: 1;
    }
    .wwp1 h1 {
        font-size: 26px;
    }
    .wwp2 h1 {
        font-size: 26px;
    }
    .wwp3 h1 {
        font-size: 26px;
    }

    /*bonus banner*/
    .bonus-data {
        margin-top: 9px;
        padding: 2px;
    }

    /*affiliate banner*/
    #image18 {
        width: 50%;
    }
    .af-heading h1 {
        font-size: 35px;
    }
    .af-heading {
        width: 66%;
        margin-top: -475px;
    }
    .af-heading p {
        font-size: 15px;
    }
    .af-1 {
        width: 20%;
        margin: 0 auto;
        padding-top: 30px;
    }
    .af-2 {
        padding-top: 215px;
    }
    #image20 {
        margin-top: -177px;
        width: 85%;
    }

    /*footer banner*/
    .image22 {
        right: 202px;
    }
    .black-box-outer{
        width:260px;height:260px;
    }
    .button2,.button3{width:100%;}
    .a-data h2{font-size:20px;line-height:24px;}
   
}

@media screen and (max-width: 991px){
    .wallet-modal .modal-dialog ,.wallet-modal .modal-dialog .container{
        max-width: 100%;
    }
    .logo{width:150px;}
    .logo a{display:inline-block;vertical-align:top;}
    /*nav bar*/
    .flag-usa {
        height: 22px;
        width: 22px;
        margin-top: 0;
    }
    .nav-wrapper {
        margin: 0px auto;
    }
    .dropdown {
        font-size: 20px;
        margin-left: 1px;
    }
    #image1 {
        width: 100%;
    }
    /*social banner*/
    .social-banner{
        padding: 50px 0 50px;
        background-position: 0 100%;
    }
    .social-data h1 {
        font-size: 28px;
    }
    .social-data p {
        /* font-size: 11px; */
        width: 100%;
    }
    .social-data {
        margin: 130px 15px;
        margin-bottom: 120px;
    }
    .social-image {
        padding-top: 138px;
    }
    #image25 {
        top: 121px;
        right: 25px;
    }
    .button1 {
        width: 121px;
        height: 41px;
        font-size: 15px;
        margin-top: 1px;
    }
    .button1:hover {
        width: 121px;
        height: 41px;
        font-size: 15px;
        margin-top: 1px;
    }

    /*why banner*/
    .why-op {
        padding-bottom: 20px;
    }
    .why-heading h1 {
        font-size: 45px;
    }
    .why-heading h2 {
        font-size: 30px;
    }
    #image5 {
        top: 35px;
        left: 91px;
        width: 15%;
    }
    #image6 {
        top: 35px;
        left: 91px;
        width: 15%;
    }
    #image7 {
        top: 35px;
        left: 91px;
        width: 15%;
    }
    #image8 {
        top: 42px;
        left: 174px;
    }
    #image10 {
        top: 50px;
        right: -66px;
    }
    #image9 {
        top: 42px;
        left: 176px;
    }
    #image11 {
        top: 51px;
        right: -66px;
    }
    .why h2 {
        font-size: 21px;
    }
    .why p {
        font-size: 14px;
    }

    /*audit banner*/
    .audit-heading {
        padding-top: 70px;
    }
    .audit-heading h1 {
        font-size: 31px;
    }
    .audit-heading p {
        font-size: 16px;
    }
    .part1 p {
        font-size: 12px;
    }
    #image12 {
        top: 144px;
        left: 99px;
    }
    .a-data h2 {
        font-size: 17px;
    }
    .a-data p {
        font-size: 13px;
    }
    .a-img {
        margin-left: 14px;
    }
    .a-flex {
        padding-top: 10px;
    }
    .button2 {
        width: 218px;
    }
    .button3 {
        width: 218px;
        margin-top: 20px;
    }
    .a-buttons {
        padding-top: 20px;
    }
    .b-flex p {
        font-size: 14px;
    }

    /*how banner*/
    .how-heading h1 {
        font-size: 45px;
    }
    .how-heading h2 {
        font-size: 26px;
    }
    .data1 p {
        font-size: 14px;
        width: 29px;
        height: 29px;
        margin-top: 3px;
    }
    .data3 p {
        font-size: 14px;
        width: 29px;
        height: 29px;
        margin-top: 3px;
        margin-right: 12px;
    }
    .data5 p {
        font-size: 14px;
        width: 38px;
        height: 29px;
        margin-top: 3px;
        margin-right: 54px;
    }
    .data7 p {
        font-size: 14px;
        width: 29px;
        height: 29px;
        margin-top: 3px;
        margin-right: 12px;
    }
    .data1 h2 {
        font-size: 31px;
    }
    .data3 h2 {
        font-size: 31px;
    }
    .data5 h2 {
        font-size: 31px;
        margin-left: -45px;
    }
    .data7 h2 {
        font-size: 31px;
    }
    .data2 {
        margin-top: 1px;
    }
    .data2 p {
        font-size: 13px;
    }
    .data4 p {
        font-size: 13px;
    }
    .data6 p {
        font-size: 13px;
    }
    .data8 p {
        font-size: 13px;
    }
    .data4 {
        margin-left: 388px;
    }
    .data7 {
        margin-right: 0;
        margin-top: -67px;
    }
    .data8 {
        margin-left: 446px;
    }
    .data3 {
        margin-right: 46px;
    }
    .wwp-data {
        padding-left: 5px;
    }
    .wwp-image {
        width: 40px;
    }
    .wwp1 h1 {
        font-size: 17px;
    }
    .wwp2 h1 {
        font-size: 17px;
    }
    .wwp3 h1 {
        font-size: 17px;
    }
    .wwp1 h2 {
        font-size: 8px;
    }
    .wwp2 h2 {
        font-size: 8px;
    }
    .wwp3 h2 {
        font-size: 8px;
    }
    .wwp1,.wwp2,.wwp3 {
        padding: 15px;
    }
    

    /*bonus banner*/
    .bonus-data h1 {
        font-size: 16px;
    }
    .bonus-data p {
        font-size: 14px;
    }
    .bonus-img {
        padding: 0px;
        padding-top: 14px;
    }
    
    /*affiliate banner*/
    .afiliate-bar {
        padding-bottom: 110px;
    }
    .af-heading h1 {
        font-size: 30px;
    }
    .af-heading p {
        font-size: 14px;
    }
    .af-heading {
        margin-top: -366px;
    }
    .af-1 {
        padding-top: 20px;
    }
    #image24 {
        margin-top: -141px;
        width: 14%;
    }
    .af-1 h2 {
        margin-top: -67px;
        font-size: 15px;
    }
    .af-2 {
        padding-top: 178px;
    }
    .af-1 h2 {
        font-size: 12px;
    }
    .black-box h2 {
        font-size: 13px;
        margin-top: -125px;
    }
    .black-box h1 {
        font-size: 14px;
    }

    /*footer*/
    .image22 {
        right: 123px;
        width: 70px;
        height: 70px;
    }
    .copyright p {
        font-size: 17px;
    }
    .media-bar {
        width: 40%;
    }
    .icon {
        font-size: 18px;
    }
    .black-box-outer {width: 180px;height: 180px;}
    .black-box-outer .black-box-inner{padding:15px;}
    .button2,.button3{width:100%;}
    .pdf{width:30px;height:30px;display:flex;justify-content:center;align-items:center;}
    #image14 {width: 52%;margin-top:0;}
    .a-data h2{font-size:14px;}
    .why-images{width:100px;height:100px;padding:2px;}
    .why-images .image-holder{padding:20px;}
}

@media screen and (max-width: 767px){
    .mbl-w{
        width: 40%;
        text-align: center;
    }
    .mbl-w input{
        margin-right: 0 !important;
    }
    .left-side, .right-side{
        height: auto;
    }
    .navbar-dark .navbar-toggler{
        border:none;
        padding:0;
        font-size:24px;
        color:#00ACD5;
        position: absolute;
        right:15px;
        top:50%;
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .language-dropdown{
        width:auto;
        position: absolute;
        right:50px;
        top:50%;
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .navbar-collapse{position: absolute;left:0;top:100%;right: 0;}
    .navbar-expand-md .navbar-nav .nav-link{margin:0;padding:7px 10px;display:block;background: #30C0E2;color:#3c3c3c;width:100%;}
    .nav-position ul li a:after{display:none;}
    .navbar-expand-md .navbar-nav .nav-link:hover{background:#3c3c3c;color:#30C0E2;}
    .language-dropdown .nav-wrapper{
        width:auto;
    }
    .social-banner{background-position:65% 100%;}
    /*nav bar*/
    .nav-position ul li a {
        font-size: 15px;
        margin-left: 36px;
        width: 24%;
       
    }
    .nav-position ul li a:hover {
        font-size: 15px;
        margin-left: 36px;
        width: 24%;
       
    }
    .nav-position {
        justify-content: flex-end;
        background-color: #17181F !important;
    }
    /*social banner*/
    .social-data {
        margin-bottom: 40px;
    }
    #image3 {
        width: 100%;
    }
    .social-data h1 {
        font-size: 32px;
    }
    .social-data p {
        font-size: 12px;
        width: 85%;
    }
    .social-image {
        padding-top: 0px;
        padding-bottom: 120px;
    }
    #image2 {
        margin-left: 18px;
    }
    #image25 {
        top: -8px;
        right: 14px;
    }

    /*why banner*/
    .why-heading h1 {
        font-size: 40px;
    }
    .why-heading h2 {
        font-size: 25px;
    }
    #image4 {
        width: 40%;
    }
    #image5 {
        top: 56px;
        left: 193px;
    }
    #image8 {
        display: none;
    }
    #image10 {
        display: none;
    }
    #image9 {
        display: none;
    }
    #image11 {
        display: none;
    }
    #image6 {
        top: 51px;
        left: 193px;
    }
    #image7 {
        top: 46px;
        left: 193px;
    }
    .why p {
        font-size: 12px;
        width: 76%;
        margin: 0 auto;
        padding-bottom: 14px;
    }

    /*audit program*/
    .audit-heading h1 {
        font-size: 25px;
    }
    .part1 p {
        font-size: 15px;
        padding: 9px;
    }
    .part2 {
        margin-left: -17px;
        padding: 0px;
    }
    #image12 {
        top: 143px;
        left: 155px;
    }
    .part3 {
        padding-top: 180px;
    }
    .a-flex {
        width: 47%;
        margin: 0 auto;
    }
    .a-buttons {
        width: 50%;
        margin: 0 auto;
    }

    /*how banner*/
    .how-heading h1 {
        font-size: 40px;
    }
    .how-heading h2 {
        font-size: 23px;
    }
    .how-heading {
        padding-top: 110px;
    }
    .data1 {
        margin-top: -39px;
    }
    .data2 {
        width: 43%;
        margin-top: 19px;
        margin-left: 20px;
    }
    .data3 {
        margin-right: -7px;
        margin-top: 57px;
    }
    .data4 {
        margin-left: 211px;
        width: 44%;
    }
    .data5 {
        margin-left: 1px;
        margin-top: 19px;
        width: 57%;
    }
    .data5 p {
        font-size: 14px;
        width: 29px;
        height: 29px;
        margin-top: 3px;
        margin-right: 30px;
    }
    .data6 {
        margin-left: 38px;
        width: 43%;
    }
    .data7 {
        margin-right: -9px;
        margin-top: 31px;
    }
    .data8 {
        margin-left: 197px;
        width: 43%;
    }
    .how-bg {
        background: none;
    }

    /*worldwide program*/
    .wwp-heading h1 {
        font-size: 30px;
    }
    .wwp-heading p {
        font-size: 14px;
        padding-top: 20px;
    }
    .wwp-image {
        width: 50px;
    }
    .wwp1,.wwp2,.wwp3 {
        padding: 30px;
        margin: 0 0 15px;
    }
    .wwp1 h2 {
        font-size: 18px;
    }
    .wwp2 h2 {
        font-size: 18px;
    }
    .wwp3 h2 {
        font-size: 18px;
    }
    .wwp1 h1 {
        font-size: 24px;
    }
    .wwp2 h1 {
        font-size: 24px;
    }
    .wwp3 h1 {
        font-size: 24px;
    }

    /*bonus banner*/
    .bonus {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .bonus-data {
        padding: 18px;
    }
    .bonus1 {
        padding-top: 12px;
    }

    /*affiliate program*/
    .afiliate-bar {
        padding-top: 0px;
    }
    #image18 {
        width: 100%;
    }
    .af-heading {
        margin-top: -409px;
        width: 80%;
    }
    .af-heading p {
        font-size: 11px;
    }
    .af-1 {
        width: 33%;
    }
    #image20 {
        width: 100%;
    }
    .af-2 {
        width: 65%;   
    }
    .black-box h2 {
        margin-top: -124px;
        font-size: 12px;
    }
    .black-box h1 {
        font-size: 14px;
    }
    #image12 {
        top: 129px;
        left: 163px;
        width: 36%;
    }

    /*footer*/
    .copyright p {
        font-size: 15px;
    }
    .icon {
        font-size: 14px;
    }
    .media-bar {
        width: 47%;
    }
    .image22 {
        right: 66px;
        width: 62px;
        height: 60px;
    }
    #image22 {
        width: 46%;
        margin-top: 14px;
    }
    .why-heading,.how-heading h1,.how-heading h2{text-align:center;}
    .data1,.data3,.data5,.data7{width:100%;justify-content: center;}
    .data2,.data4,.data6,.data8{margin-top:0;margin-left: 0;margin: 0 auto;}
    .data5 h2{margin-left:0;}
    .data1 p,.data3 p,.data5 p,.data7 p{margin-right:15px;display:flex;justify-content:center;align-items: center;}
    .black-box-outer{margin:30px auto;}
}

@media screen and (max-width: 480px){
    .wallet-modal .modal-dialog .modal-content .walletAddress {
        color: #0b0b0f;
        word-break: break-all;
        height: auto;
    }
    .wallet-modal p {
        font-size: 14px;
        line-height: 22px;

    }
    .mbl-w{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .wallet-modal h4 {
        font-size: 18px;
        line-height: 30px;
    }
    .wallet-modal .item-box p, .wallet-modal .item-box p .wallet-modal .item-box p {
        font-size: 14px;
    }
    .wallet-modal .left-side strong {
        font-size: 16px;
        line-height: 20px;
    }
    .list-no-style {
        padding-left: 0;
    }
   /*nav bar*/
   #image1 {
    width: 79%;
   }
   .nav-position ul li a {
    font-size: 13px;
    margin-left: 18px;
    width: 40%;
    }
    .nav-position ul li a:hover {
        font-size: 13px;
        margin-left: 18px;
        width: 40%;
    }
    .flag-usa {
    height: 23px;
    width: 23px;
    }
    .dropdown {
    font-size: 15px;
    }

    /*social banner*/
    .social-data {
        margin: 122px 8px;
        margin-bottom: 40px;
    }
    .social-data h1 {
        font-size: 26px;
    }
    .social-data p {
        font-size: 14px;
        width: 98%;
        padding-top: 5px;
    }
    .button1 {
        width: 145px;
        height: 40px;
        font-size: 16px;
        margin-top: 6px;
    }
    .button1:hover {
        width: 145px;
        height: 40px;
        font-size: 16px;
        margin-top: 6px;
    }
    .social-image {
        padding-top: 5px;
        padding-bottom: 100px;
    }
    #image25 {
        top: 4px;
        right: 20px;
        width: 88%;
    }

    /*why banner*/
    .why-heading h1 {
        font-size: 30px;
    }
    .why-heading h2 {
        font-size: 21px;
    }
    #image4 {
        width: 35%;
    }
    #image5 {
        top: 29px;
        left: 125px;
        width: 14%;
    }
    #image6 {
        top: 29px;
        left: 125px;
        width: 14%;
    }
    #image7 {
        top: 27px;
        left: 128px;
        width: 13%;
    }
    .why h2 {
        font-size: 20px;
    }
    .why p {
        font-size: 14px;
        width: 98%;
    }

    /*audit program*/
    .audit {
        padding-bottom: 25px;
    }
    .audit-heading {
        padding-top: 50px;
    }
    .audit-heading h1 {
        font-size: 17px;
    }
    .audit-heading p {
        font-size: 14px;
    }
    .part1 p {
        font-size: 14px;
        padding: 6px;
    }
    #image12 {
        top: 124px;
        left: 118px;
        width: 35%;
    }
    .a-flex {
        width: 67%;
    }
    .a-data p {
        font-size: 14px;
    }
    .a-data h2 {
        font-size: 15px;
    }
    .part3 {
        padding-top: 126px;
    }
    .a-buttons {
        width: 76%;
    }
    .b-flex p {
        font-size: 12px;
    }
    .pdf {
        width: 33px;
        height: 33px;
    }
    .down-arrow {
        font-size: 21px;
        margin-top: 6px;
    }

    /*how banner*/
    .how-heading {
        padding-top: 131px;
        padding-bottom: 57px;
    }
    .how-heading h1 {
        font-size: 30px;
    }
    .how-heading h2 {
        font-size: 18px;
    }
    .data1 h2, .data3 h2, .data5 h2, .data7 h2 {
        font-size: 19px;
        margin-top: 7px;
    }
    .data1 {
        width: 60%;
        margin: 0 auto;
    }
    .data2 {
        width: 82%;
        margin: 10px auto;
    }
    .data3 {
        width: 99%;
        margin: 0 auto;
    }
    .data4 {
        margin-left: 211px;
        width: 67%;
        margin: 10px auto;
    }
    .data5 {
        width: 96%;
        margin: 0 auto;
    }
    .data6 {
        width: 70%;
        margin: 10px auto;
    }
    .data7 {
        width: 90%;
        margin: 0 auto;
    }
    .data8 {
        width: 67%;
        margin: 10px auto;
    }
    .data2 p {
        font-size: 14px;
    }
    .data4 p {
        font-size: 14px;
    }
    .data6 p {
        font-size: 14px;
    }
    .data8 p {
        font-size: 14px;
    }

    /*world wide program*/
    .wwp-heading h1 {
        font-size: 25px;
    }
    .wwp-heading p {
        font-size: 14px;
        padding-top: 12px;
    }
    .wwp-image {
        width: 45px;
    }
    .wwp1 h2 {
        font-size: 14px;
    }
    .wwp2 h2 {
        font-size: 14px;
    }
    .wwp3 h2 {
        font-size: 14px;
    }
    .wwp1 h1 {
        font-size: 20px;
    }
    .wwp2 h1 {
        font-size: 20px;
    }
    .wwp3 h1 {
        font-size: 19px;
    }

    /*bonus section*/
    .bonus {
        padding-bottom: 10px;
    }
    .bonus-data {
        padding: 10px;
        margin-top: 15px;
    }
    .bonus-data h1 {
        font-size: 18px;
    }
    .bonus-data p {
        font-size: 14px;
    }
    .bonus1 {
        padding-top: 20px;
    }

    /*Affiliate Program*/
    .afiliate-bar {
        padding-bottom: 50px;
    }
    .af-heading h1 {
        font-size: 25px;
    }
    .af-heading p {
        font-size: 14px;
    }
    .af-heading {
        margin-top: -282px;
    }
    .af-1 {
        padding-top: 7px;
    }
    #image24 {
        margin-top: -106px;
        width: 12%;
    }
    .af-1 h2 {
        margin-top: -58px;
        font-size: 10px;
    }
    .af-2 {
        width: 77%;
        padding-top: 139px;
    }
    .black-box h2 {
        margin-top: -114px;
        font-size: 14px;
    }
    .black-box h1 {
        font-size: 15px;
    }

    /*footer section*/
    .footer-banner {
        padding-bottom: 55px;
    }
    .f-logo {
        padding-top: 59px;
        padding-bottom: 27px;
    }
    #image21 {
        width: 40%;
    }
    .copyright p {
        font-size: 16px;
        padding-bottom: 15px;
    }
    .icon {
        font-size: 14px;
        padding: 6px;
    }
    .media-bar {
        width: 53%;
    }
    .image22 {
        right: 32px;
        width: 44px;
        height: 44px;
        top: -23px;
    }
    #image22 {
        margin-top: 11px;
    }

}
@media(max-width: 375px){
    .wallet-modal .item-box p, .wallet-modal .item-box p .wallet-modal .item-box p {
        font-size: 12px;
    }
    .social-data h1 {
        font-size: 21px;
    }
    .af-heading {
        margin-top: -100%;
    }
    .af-2 {
        width: 100%;
    }
}
.wallet-modal .modal-dialog .modal-content {
    background: url(../images/Group%202786.svg);
    background-color: #121C22;
}
.wallet-modal .modal-dialog .modal-content .walletAddress {
    color: #0b0b0f;
}
.wallet-modal .modal-dialog .modal-content p, .wallet-modal .modal-dialog .modal-content small{
    color:white;
}
.wallet-modal .modal-dialog .modal-content li {
    color: white;
}
.wallet-modal .modal-dialog .modal-content ul.locked-list li  {
    color: black;
}
.list-no-style{
    list-style:none;
}
.metamask-loader {
    width: 100%;
    background: #1414145c;
    position: fixed;
    height: 100%;
    z-index: 99999;
    text-align: center;
    color:white;
}
.full-loader {
    background: #ffffff4a;
    text-align: center;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99999;
    padding-top: 40%;
}
ul.locked-amounts-ul {
    padding: 20px;
    max-height: 209px;
    overflow: auto;
    border: 1px solid #007bff;
}
.locked-amounts-ul strong.btn.btn-sm.btn-primary {
    margin-left: 25px;
}
.locked-amounts-li{
    margin-bottom: 3px;
    margin-top: 3px;
}
.social-data a{
    color:white;
}
.social-data a:hover{
    color:#30C0E2;
}