html {
    scroll-behavior: smooth;
}

.black-clr {
    color: #000000;
}

@media (min-width: 768px) {
.huge-bg-sec {
    background: url(../images/huge-bg.webp) no-repeat bottom center;
    background-size: cover;
    padding: 30px 0 30px;

}
}

.reason-tick li {
    background: url(../images/tick.png) no-repeat;
   background-position: 0 3px;
  list-style: none;
  padding: 0 0 0px 39px;
  background-size: 25px;
}

.prize-section {
    background : url(../images/prize-section.png) no-repeat center center;
        background-size: cover;
    padding: 30px 0px 30px 0px;
    background-attachment: fixed;
}


.deep-funnel {
    background: rgba(242, 238, 255, 0) url(../images/deep-funnel.png) no-repeat center bottom;
    background-size: cover;
    padding: 30px 0px 30px 0;
}
.promo-section{

}

.contact-section {
    background:url(../images/basa-header.png) no-repeat center top;
    padding: 30px 0px 30px 0px;
}

.next-gen-sec {

    background: rgba(242, 238, 255, 0) url(../images/basa-header.png) no-repeat center center;
  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091478", endColorstr="#030531", GradientType=1);
    padding: 30px 0px 0 0;
    position: relative;
}

.reciprocate-first {
   
    background: url(../images/reciprocate-first.png) no-repeat center bottom;

        background-size: cover;
    background-size: cover;
    padding: 100px 0px;
}
 .top-6{
        
background: url(../images/top-6.png) no-repeat center bottom;

        background-size: cover;
   padding: 200px 0px 80px 0px;
        position: relative;
        z-index: 0;
        margin-top: -230px;

    }
@media (min-width: 768px) {

    .top-6{
        
 background: url(../images/top-6.png) no-repeat center bottom;

        background-size: cover;
        padding: 80px 0px 80px 0px;
        padding: 200px 0px 80px 0px;
        position: relative;
        z-index: 0;
        margin-top: -230px;

    }}



.top-7{
        
background: url(../images/top-7.png) no-repeat center bottom;

        background-size: cover;
        padding: 80px 0px 80px 0px;

    }
@media (min-width: 768px) {

    .top-7{
        
 background: url(../images/top-7.png) no-repeat center bottom;

        background-size: cover;
        padding: 80px 0px 80px 0px;

    }}






   .top-5{
        
background: url(../images/top-5.png) no-repeat center bottom;

        background-size: cover;
        padding: 80px 0px 80px 0px;

    }
@media (min-width: 768px) {

    .top-5{
        
 background: url(../images/top-5.png) no-repeat center bottom;

        background-size: cover;
        padding: 80px 0px 80px 0px;

    }

    .next-gen-sec {
        background: rgba(242, 238, 255, 0) url(../images/basa-header.png) no-repeat center center;
        
        
        background-size: cover;
        
        padding: 7% 0px 0px 0px;
        background-position: top;
   
    }

    .contact-section {
    background: url(../images/basa-header.png) no-repeat center top;
        background-size: auto;
        background-size: auto;
        background-size: cover;
        padding: 80px 0px 100px 0;
   background-position: center;
    }

    .reciprocate-first {
        padding: 25px 0px 50px 0;
      background: url(../images/reciprocate.webp) no-repeat center bottom;
        background-size: cover;
    
    }

    .reciprocate-first .step-wrap {
        border-radius: 20px 20px 20px 20px;
        background-color: rgb(255, 255, 255);
        background-color: #fff;
        box-shadow: 0px 0px 15px 15px rgba(23, 52, 174, 0.2);
        padding: 0px 30px 30px 30px;
        margin-top: 28px;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 30px;
        height: calc(100% - 28px);
        color: #000;
    }

    .deep-funnel {
    
      background: url(../images/deep-funnel.png) no-repeat center bottom;
        background-size: cover;
        padding: 100px 0px 80px 0;
       
    }

    .prize-section {
        background:  url(../images/prize-section.png) no-repeat center top;
        background-size: cover;
        
        
        background-size: cover;
        padding: 100px 0px 80px 0;
    }

    .huge-bg-sec {
        padding: 70px 0 80px 0px;
        background: #090000 url(../images/huge-bg.png) no-repeat top center;
        
        background-size: cover;
        
    }

    .recipro-sec {
           
        background: #fff;
        background-size: cover;
        padding: 30px 20px 30px 20;
        border-radius: 20px;
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);
    }
}

.huge-bg-sec {
    padding: 70px 0 80px 0px;
    background: #fff url(../images/huge-bg.png) no-repeat top center;
    background-size: auto;

    background-size: cover;
  
  }
@media (max-width: 768px) {
    .reciprocate-first {
     background-color: rgb(255, 255, 255);
        background-size: cover;
        padding: 20px 0px;
    }

    .reciprocate-first .step-wrap {
        border-radius: 20px 20px 20px 20px;
        background-color: rgb(255, 255, 255);
        background-color: #fff;
        box-shadow: 0px 0px 15px 15px rgba(23, 52, 174, 0.2);
        padding: 0px 30px 30px 30px;
        margin-top: 28px;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 30px;
        height: calc(100% - 28px);
        color: #000;
    }
}


@media (min-width:1400px) {
}

@media (min-width:481px) {
}

@media (min-width: 481px) {
}

ul.vgreytick,
ul.vgreytick1,
ul.vgreytickb {
    padding-left: 0;
}

ul.vgreytick li {
    background: #ffffff url(../images/vgreytick-icon.html) no-repeat;
    list-style: none;
    text-align: left;
    padding: 15px 10px 15px 40px;
    background-position: 8px 19px;
    line-height: 150%;
    border-bottom: 1px solid #e7e7e7;
}

ul.vgreytickb li {
    background: url("../images/greentick.html") no-repeat;
    list-style: none;
    text-align: left;
    padding: 15px 10px 15px 40px;
    background-position: 8px 19px;
    line-height: 150%;
    border-bottom: 1px solid #e7e7e7;
}

ul.vgreytickb,
ul.vgreytick,
ul.vgreytick1 {
    padding-left: 15px;
    padding-right: 15px;
}

ul.vgreytickb li:last-child,
ul.vgreytick li:last-child,
ul.vgreytick1 li:last-child {
    border: 0;
}

ul.vgreytick1 li {
    background: #ffffff url(../images/vgreytick1.html) no-repeat;
    list-style: none;
    text-align: left;
    padding: 20px 10px 20px 40px;
    background-position: 0px 22px;
    line-height: 150%;
    border-bottom: 1px solid rgb(231, 231, 231);
}

ul.vgreentick li {
    background: #ffffff url(../images/vgreentick.html) no-repeat;
    list-style: none;
    text-align: left;
    padding: 20px 10px 20px 55px;
    background-position: 20px 22px;
    line-height: 150%;
    border-bottom: 1px solid rgb(231, 231, 231);
}

ul.vgreytick li.even,
ul.vgreytick1 li.even,
ul.vgreentick li.even {
    background-color: #ffffff;
}

ul.vgreytick li.odd,
ul.vgreytick1 li.odd,
ul.vgreentick li.odd {
    background-color: #ffffff;
}

@media (min-width: 481px) {
    ul.vgreytick {
        padding-left: 20px;
        padding-right: 20px;
    }

    ul.vgreytickb {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media(min-width:240px) {
}

@media(min-width:481px) {
}

a.link-text {
    color: #fff;
    text-decoration: none;
}

.footer-section {
background: #000000;
    padding: 30px 0px;
}

.footer-ul {
    padding: 0px;
    margin: 0px;
}

.footer-ul li {
    display: inline;
}

@media (min-width: 768px) {

    .footer-section {
        padding: 70px 0px
    }
}

.featur-sec{
    background: #f6f7ff url(../images/featur-sec.png) no-repeat top center;
        background-size: cover;
    background-size: cover;
    padding: 5% 0 0 0%; 
    
}


a.affiliate-btn {
    border-radius: 15px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    z-index: 9999;
    padding: 15px;
    line-height: 16px;
    font-weight: 600;
    outline: none;
    transition: all 0.5s;
    background-image: linear-gradient(0deg, #123cff 0%, #4acbfc 100%);
   
}

a.affiliate-btn:hover {
  background-image: linear-gradient(0deg, #123cff 0%, #4acbfc 100%);
    transition: all 0.5s;
       
}

@media (min-width: 768px) {
    a.affiliate-btn {
padding: 20px 30px;
 
    }
}

a.promo-link {
    text-decoration: none;
    text-decoration: none;
    
    
    
    border: 1px solid #fff !important;
    color: #000 !important;

background-color: #fff !important;
}

a.promo-link:hover {
    text-decoration: none;
    text-decoration: none;
    
    
color: #fff !important;
background: linear-gradient(to right, #4103EC, #6f02f6) !important;
  border: 1px solid #fff !important;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 768px) {
}

.features-list-bg:hover .feature_icon {
    position: absolute;
    top: -20px;
}

.features-list-bg:hover::before {
    top: -110px;
    right: -100px;
    opacity: 0.6;
}

.features-list-bg::before {
    z-index: -1;
    top: -220px;
    right: -220px;
}

.features-list-bg::after {
    z-index: -2;
    top: -220px;
    right: -70px;
}

.features-list-bg::before {
    width: 200px;
    height: 200px;
    border-radius: 8px;
    content: "";
    transform: rotate(-5deg);
    position: absolute;
    background: linear-gradient(to top, #b8266e 0%, #eb566c 100%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.features-list-bg::after,
.features-list-bg::before {
    width: 150px;
    height: 150px;
    border-radius: 8px;
    content: "";
    transform: rotate(-5deg);
    position: absolute;
    background: linear-gradient(to top, #b8266e 0%, #eb566c 100%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.features-list-bg:hover::after {
    top: -80px;
    right: -70px;
    opacity: 0.6;
}

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

.ground-breaking .colmn:not(:nth-child(n+13)) {
    margin-bottom: 150px;
}

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

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

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

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

}

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


}

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

@media screen and (max-width: 1199px) {
    .ground-breaking .colmn:not(:nth-child(n+15)) {
        margin-bottom: 100px;
    }


}

@media screen and (max-width: 991px) {
    .ground-breaking .colmn:not(:nth-child(n+15)) {
        margin-bottom: 100px;
    }
}

.ground-breaking .colmn:not(:nth-child(n+13)) {
    margin-bottom: 100px;
}

.ground-breaking .colmn:not(:nth-child(n+16)) {
    margin-bottom: 100px;
}

.ground-breaking .colmn:not(:nth-child(n+18)) {
    margin-bottom: 100px;
}

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


    .ground-breaking .colmn:not(:nth-child(n+15)) {
        margin-bottom: 110px;
    }

    .ground-breaking .colmn:not(:nth-child(n+16)) {
        margin-bottom: 110px;
    }
}



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

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



 .gradiant-box {
background-color: rgb(255, 255, 255);
  box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);
  border-width: 1px;
  border-color: rgb(255 255 255 / 12%);
  border-style: solid;
  border-radius: 10px;
padding: 40px 30px 40px 30px;
    border-radius: 10px;
  }
@media (min-width: 768px) {
  }

  .sucsess-media{
    margin-bottom: 30px;
  }


  .sucsess-media img {
    width: 95%;
  }