/* MaxFunnel Section */



html {

    scroll-behavior: smooth;

}



.price-container {

    padding: 30px 0px;

}



.yellow-clr1 {

    color: #ecd906;

}



.red-clr2 {

    color: #ff5151;

}



.white-no-need-section {

    background: #ffffff;

    padding: 5% 0 2%;

}



.no-comparison-shape {

    background: #e2f6ff;

    padding: 30px 15px;

}



.fira-font {

    font-family: 'Montserrat', sans-serif;

}



.spartan-font {

    font-family: 'Spartan', sans-serif;

    letter-spacing: -1px;

}



.blue-clr1 {

    color: #00dbff;

}



.black-clr {

    color: #000000;

}

/* .huge-bg-sec {

    background: #fff ;

    background-size: cover;

    padding: 30px 0 30px;

} */

@media (max-width: 768px) {

.huge-bg-sec {

    background: #000000 url(../images/huge-bg.jpg) no-repeat bottom center;

    background-size: cover;

    padding: 30px 0 0px 0;



}

}



.title-bg {

    background: #ffe8cc;

    padding: 15px;

    border-radius: 5px;

}



.mic-img {

    margin-top: -173px;

    margin-right: -15px;

}



.mf-shape {

    background: #224cb0;

    padding: 20px;

    border-radius: 5px;

}



.offwhite-clr {

    color: #ffe8cc;

}



.b-tick li {

    background: url(../images/reason-tick.html) no-repeat;

    background-position: 0 4px;

    list-style: none;

    padding: 0 0 20px 45px;

}



.reason-tick li {

    background: url(../images/tick.png) no-repeat;

    background-position: 0 3px;

    list-style: none;

    padding: 0 0 20px 35px;

    background-size: 25px;

}



.white-sec {

    padding: 30px 0;

    background: #ffffff;

}



.proven-sec {

    padding: 30px 0;

    background: #000000;

}



.amazing-software-section {

    background: #ffffff;

    background-size: cover;

    padding: 30px 0;

}



.hr-shape {

    background-color: #e8e8e8;

    width: 100%;

    height: 2px;

    margin-top: 15px;

    margin-bottom: 15px;

}



.never-ending {

    box-shadow: 0px 0px 9px 0px rgba(161, 167, 177, 0.30);

    background: #f4f9fd;

    border-radius: 15px;

    padding: 15px 5px;

}



.prize-section {

    background: #000 url(../images/prize-section.png) no-repeat center center;

        background-size: cover;

    padding: 30px 0px 30px 0px;

    background-attachment: fixed;

}



.contest-section {

    padding: 30px 0;

    background: #ffffff;

}





.reason-sec {

    background-color: #08083c;

    /* background-image: radial-gradient(at center center, rgb(95, 96, 253) 0%, rgb(95, 213, 253) 100%); */

    /* background: #033183 url(../images/reason-sec-bg.png) no-repeat bottom center; */

    background-size: cover;

    padding: 30px 0px 50px 0px;

}



.reciprocate-sec {

    background: rgb(9, 20, 120);

    background: -moz-linear-gradient(180deg, rgba(9, 20, 120, 1) 0%, rgba(3, 5, 49, 1) 100%);

    background: -webkit-linear-gradient(180deg, rgba(9, 20, 120, 1) 0%, rgba(3, 5, 49, 1) 100%);

    background: linear-gradient(180deg, rgba(9, 20, 120, 1) 0%, rgba(3, 5, 49, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091478", endColorstr="#030531", GradientType=1);

    padding: 30px 0px 30px 0px;

}



.contact-section {

    background: #10011d;

    padding: 30px 0px 30px 0px;

}





.prob-sec {

    background: #ffebe6;

    padding: 30px 0px 30px 0px;

}



.no-installation {

    background: #ffffff;

    padding: 30px 0px;

}



.light-clr {

    color: #00ff84;

}

/*

.top-5 {

    background-image: linear-gradient(0deg,rgb(13, 0, 40) 0%, rgb(92, 0, 255) 100%);

    background-image: linear-gradient(0deg,rgb(8, 1, 36) 0%, rgb(8, 1, 36) 100%);

    padding: 30px 0px 30px 0px;

}*/



.prdly-pres {

    background: #fff600;

    border-radius: 65px;

    padding: 5px 5px;

}



.have-query {

    background: #ffffff;

    padding: 15px 30px;

    border-radius: 15px;

    color: #080d1a;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    min-width: 270px;

}



.proudly-list-bg {

    background-color: #ffffff;

    padding: 15px;

    border-radius: 10px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 20px 0px rgba(0, 42, 119, 0.3);



}



.fst-italic {

    font-style: italic !important;

}





@media (min-width: 768px) {

    .mt-140 {

        margin-top: 140px;

    }



    .top-5 {

        /* background: #080124; */

         background: url(../images/huge-bg.png) no-repeat center center; 

        background-size: cover;

        padding: 160px 0px 0px 0px;

    }



    .proudly-list-bg {

        padding: 25px;

    }



    .no-installation {

        background: #ffffff;

        padding: 80px 0px 100px;

    }



    .next-gen-img {

        position: absolute;

        left: -15px;

        max-width: 45%;

        bottom: 15%

    }



    .contact-section {

        background: #02010e url(../images/bg2.png) no-repeat center center;

        background-size: auto;

        background-size: auto;

        background-size: cover;

        padding: 90px 0px 90px 0;

        /* background-attachment: fixed; */

    }



    .reciprocate-sec {

        background: #091274 url(../images/reci-bg.png) no-repeat center center;

        background-size: cover;

        padding: 100px 0px;

    }



    .reciprocate-first {

        padding: 5% 0px;

        background-color: rgb(255, 255, 255);

        background-size: cover;

    

    }



    .step-block1 {

        background-color: #195aee;

        border-radius: 20px;

        padding: 5px 20px;

        display: inline-block;

        top: -20px;

        position: relative;

        transform: skew(369deg, -8deg);

        border: 1px solid #195aee;

        box-shadow: 0px 6px 0px 0px #d5d6d9;

    }



    .step-block2 {

        background-color: #195aee;

        border-radius: 20px;

        padding: 5px 25px;

        display: inline-block;

        top: -20px;

        position: relative;

        transform: skew(369deg, -8deg);

        border: 1px solid #195aee;

        box-shadow: 0px 6px 0px 0px #d5d6d9;

    }



    .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;

    }





    .reason-sec {

        padding: 5px 0px 120px 0px;



    }



    .tons-sec {

        background: #ffffff url(../images/tons-bg.html) no-repeat center center;

        background-size: cover;

        padding: 120px 0px 120px 0px;

    }



    .offwhite-sec {

        background: #fff9f2;

        padding: 80px 0;

    }



    .offwhite-sec1 {

        background: #ffe8cc;

        padding: 80px 0;

    }



    .prize-section {

        background: #000 url(../images/prize-section.png) no-repeat center top;

        background-size: cover;

        /* url(../images/irr-img.png) no-repeat center center; */

        /* background-attachment: fixed; */

        background-size: cover;

        padding: 5% 0;

    }



    .contest-section {

        background: #ffffff url(../images/contest-bg.html) no-repeat center center;

        background-size: cover;

        padding: 100px 0px;

    }



    .never-ending {

        padding: 35px 25px;

        min-height: 303px;

    }



    .amazing-software-section {

        /* background: #ffffff url(../images/amazing-bg.png) no-repeat center center; */

        background: #ffffff;

        padding: 100px 0;

    }



    .white-sec {

        padding: 30px 0 100px 0;

        background: #ffffff;

    }



    .reasons-bg {

        background: url(../images/big-title.html) no-repeat top center;

        background-size: contain;

        padding: 30px 0px 30px 10px;

    }



    .need-bg {

        background: url(../images/need-bg.html) no-repeat top center;

        background-size: contain;

        padding: 40px 0px 100px 10px;

    }



    .proven-sec {

        padding: 80px 0;

        background: #ffffff url(../images/proven-sec.html);

        background-size: cover;

        background-repeat: no-repeat;

        background-position: 100% 95%;

    }



    .prob-sec {

        background: #ffffff url(../images/prob-bg.html) no-repeat;

        background-size: cover;

        padding: 100px 0px 200px 0px;

        background-position: 100% 100%;

    }



    .huge-bg-sec {

        padding: 70px 0 0px 0px;

        background: #090000 url(../images/huge-bg.jpg) no-repeat top center;

        /* background-color: #ffc000; */

        background-size: cover;

        margin-bottom: -90px;

    }



    .title-bg {

        background: #ffffff url(../images/title-bg.html) no-repeat bottom center;

        background-size: contain;

        padding: 20px 70px 70px 0;

    }



    .mf-shape {

        background: #ffffff url(../images/mf-shape.html) no-repeat bottom center;

        background-size: contain;

        padding: 20px 0px 70px 0;

    }



    .recipro-sec {

        /* background: #091274 url(../images/reci-bg.png) no-repeat center center; */

        background-color: rgb(255, 255, 255);

        border: 1px solid rgb(255, 16, 56);

        background-size: cover;

        padding: 30px 20px 30px 20;

        border-radius: 20px;

    }



    .support-block1 {

        padding: 30px;

        border-radius: 20px;

        border: 1px solid #0192fd;

        background: linear-gradient(180deg, #0296fe 0%, #2bdffb 100%);

      

    }

    

    .support-block2 {



        background-size: cover;

        border-radius: 20px;

        background-size: 100% 100%;

        padding: 20px;

        box-shadow: 0px -1px 0px 8px rgb(24, 119, 242);

        /* background-image: radial-gradient(at center center, rgb(95, 96, 253) 0%, rgb(95, 213, 253) 100%); */

        background-image: radial-gradient(at center center, rgb(252, 252, 252) 0%, rgb(252, 252, 252) 100%);

        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);

        border: 2px solid #6700ff;

    }

}



@media (max-width: 768px) {

    .reciprocate-first {

        background-color: #5b51b8;

        background-size: cover;

        padding: 20px 0px;

    }



    .step-block1 {

        background-color: #195aee;

        border-radius: 20px;

        padding: 5px 20px;

        display: inline-block;

        top: -20px;

        position: relative;

        transform: skew(360deg, 0deg);

        border: 1px solid #195aee;

        box-shadow: 0px 6px 0px 0px #d5d6d9;

    }



    .step-block2 {

        background-color: #195aee;

        border-radius: 20px;

        padding: 5px 25px;

        display: inline-block;

        top: -20px;

        position: relative;

        transform: skew(360deg, 0deg);

        border: 1px solid #195aee;

        box-shadow: 0px 6px 0px 0px #d5d6d9;

    }



    .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;

    }



    .support-block1 {

        /* background: #091274 url(../images/support-bgpng) no-repeat center center; */



        background-size: cover;

        border-radius: 20px;

        background-size: 100% 100%;

        padding: 20px;

       

        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);

        border: 2px solid #0192fd;

        background: linear-gradient(180deg, #0296fe 0%, #2bdffb 100%);

      

    }



    .support-block2 {

        /* background: #091274 url(../images/support-bg.png) no-repeat center center; */



        background-size: cover;

        border-radius: 20px;

        background-size: 100% 100%;

        padding: 20px;

        background-image: radial-gradient(at center center, rgb(252, 252, 252) 0%, rgb(252, 252, 252) 100%);

        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);

        border: 2px solid #6700ff;

    }

}





@media (min-width:1400px) {

    .next-gen-img {

        position: absolute;

        left: -15px;

        max-width: 45%;

        bottom: 8%

    }

}



@media (min-width:481px) {

    .no-comparison-shape {

        background: url(../images/no-comparison-shape-bg.html) no-repeat;

        background-size: contain;

        height: 667px;

        width: 935px;

        padding: 110px 15px 15px 114px;

    }



    .white-no-need-section {

        background: #ffffff url(../images/kapbonus-bg.html) no-repeat bottom center;

        background-size: cover;

        padding: 0% 0 2%;

    }

}



.bonus-section {

    background: #ffffff;

    padding: 30px 0px;

}



.maxfunnels-section {

    background: #0c0e3a url(../images/maxfunnels-bg.html) no-repeat top center;

    background-size: cover;

    padding: 70px 0px 30px;

}



.yellow-step-back {

    background: url(../images/yellow-step-back.html) no-repeat center center;

    background-size: 100% 100%;

    padding: 0px 4px;

    height: 240px;

}



.orange-step-back {

    background: url(../images/funnel-orange-icon.html) no-repeat center center;

    background-size: 100% 100%;

    padding: 0px 4px;

    height: 240px;

}



.pink-step-back {

    background: url(../images/pink-step-back.html) no-repeat center center;

    background-size: 100% 100%;

    padding: 0px 4px;

    height: 240px;

}



.blue-step-back {

    background: url(../images/blue-step-back.html) no-repeat center center;

    background-size: 100% 100%;

    padding: 0px 4px;

    height: 240px;

}



.blue-step-back1 {

    background: url(../images/blue-step-back1.html) no-repeat center center;

    background-size: 100% 100%;

    padding: 0px 4px;

    height: 240px;

}



.green-step-back {

    background: url(../images/green-step-back.html) no-repeat center center;

    background-size: 100% 100%;

    padding: 0px 4px;

    height: 240px;

}



.step-inner-bg {

    background: url(../images/step-inner-bg.html) no-repeat center center;

    padding: 10px 15px;

    background-size: 100% 100%;

    height: 270px;

    margin-top: -40px;

}



.mx-h122 {

    max-height: 122px;

}



.ul-tick-icon1 li {

    list-style: none;

    background: url(../images/ul-tick-icon-black.html) no-repeat;

    background-position: 0 2px;

    padding: 0 0px 15px 39px;

    display: inline-block;

}



@media (min-width: 481px) {

    .ul-tick-icon1 li {

        padding: 0 39px 0 39px;

    }



    .mx-h122 {

        max-height: 100%;

    }



    .orange-step-back,

    .pink-step-back,

    .blue-step-back,

    .blue-step-back1,

    .green-step-back,

    .yellow-step-back {

        padding: 0px 15px 15px;

        height: 288px;

    }



    .step-inner-bg {

        padding: 4px 30px;

        height: 315px;

        margin-top: -40px;

    }



    .maxfunnels-section {

        padding: 100px 0px;

    }



    .mt-sm145 {

        margin-top: 145px;

    }

}



.noneed-bg {

    padding: 30px 0px;

    background: #f6f7ff;

}



.noneed-list li {

    list-style: none;

    background: url(../images/red-cross.html) no-repeat;

    background-position: 0 3px;

    padding: 0 0 25px 50px;

}



.limitbonusbg {

    background: url(../images/limitbonusbg.html) no-repeat center center;

    background-size: auto;

    background-size: contain;

    display: inline-block;

    padding: 20px 40px;

}



.license-section {

    background: #2c3a9b url(../images/license-bg.html) no-repeat center center;

    background-size: cover;

    padding: 30px 0px;

}



.catch-section {

    background: #ffffff;

    padding: 30px 0px;

}



.guarantee-section {

    padding: 30px 0px;

    background: #eff3f6;

}





/* Price Table CSS*/



.kappurple {

    color: #7734a3;

}



.kapgreen {

    color: #1d7773;

}



.kaplight {

    color: #ffeb09;

}



.bestbg {

    background-color: rgb(17, 23, 62);

    padding: 2px 20px;

    border-radius: 30px;

}



.btbg {

    background-color: #ecd906;

    padding: 11px 10px 7px;

    border-radius: 25px 0px 0px 0px;

}



.tablebox2 ul {

    padding-left: 0;

    color: #010101;

}



ul.vgreytick,

ul.vgreytick1,

ul.vgreytickb {

    padding-left: 0;

}



.tablebox2 {

    border-width: 1px;

    border-color: rgb(231, 231, 231);

    border-style: solid;

    width: 100%;

    border-radius: 0px;

    float: left;

    background: #fff;

}



.tablebox3 {

    border-width: 1px;

    border-color: #cdcbcb;

    border-style: solid;

    width: 100%;

    float: left;

    border-radius: 27px 0px 0px 0px;

}



.tablebox4 ul {

    padding-left: 0;

    color: #ffffff;

}



.tablebox4 li {

    color: #ffffff;

}



.tablebox4 {

    border-width: 1px;

    border-color: #cdcbcb;

    border-style: solid;

    width: 100%;

    float: left;

    background: #05163a;

    border-radius: 27px 0px 0px 0px;

}



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;

}



.tbbg2 {

    background: url(../images/kplan1.html) no-repeat center;

    padding: 15px;

    background-size: 100% 100%;

}



.tbbg3 {

    background: #f4f1ff;

    padding: 15px;

    border-radius: 25px 0px 25px 0px;

}



.tbbg4 {

    background: #27468e;

    padding: 15px;

    border-radius: 0px 0px 25px 0px;

}



.lightylw {

    color: #f8e71c;

}



@media (min-width: 481px) {

    ul.vgreytick {

        padding-left: 20px;

        padding-right: 20px;

    }



    ul.vgreytickb {

        padding-left: 25px;

        padding-right: 25px;

    }



    .planimgmrgn1 {

        margin-top: -90px;

    }



    .planimgmrgn2 {

        margin-top: -155px;

    }



    .planimgmrgn3 {

        margin-top: -105px;

    }



    .planimgmrgn4 {

        margin-top: -95px;

    }



    .planimgmrgn {

        margin-top: -140px;

    }



    .tbbg3 {

        padding: 40px 15px;

    }



    .tbbg4 {

        padding: 40px 15px;

    }



    .tbbg2 {

        padding: 40px 15px 40px;

    }

}





/* .hideme{opacity:0;} */



.buypad {

    padding: 4% 3%;

}



.myfeatures {

    background: #fff;

    float: left;

    padding: 25px 6px;

    width: 100%;

    min-height: 69px;

    border-bottom: 1px solid #ded7d7;

}



.myfeaturess {

    background: #f5f5f5;

    float: left;

    padding: 37px 6px;

    width: 100%;

    min-height: 69px;

}



.myfeatureslast {

    background: #f5f5f5;

    float: left;

    padding: 25px 6px;

    width: 100%;

    min-height: 69px;

}



.myfeatureslast {

    background: #fff;

    float: left;

    padding: 25px;

    width: 100%;

    min-height: 69px;

}



.myfeatureslastb {

    background: #fff;

    float: left;

    padding: 25px;

    width: 100%;

    min-height: 69px;

}



.ribbonimg {

    position: absolute;

    top: 100px;

    right: 0px;

    height: 50px;

}



.xs-height110 {

    height: 110px;

}



.xs-height30 {

    height: 30px;

}



@media(min-width:240px) {

    .ribbonimg {

        position: absolute;

        top: 0px;

        right: 0px;

        height: 90px;

    }

}



.thanks-button a {

    font-size: 16px;

    font-weight: 600;

    width: 100%;

    display: inline-block;

}



@media(min-width:481px) {

    .ribbonimg {

        position: absolute;

        top: -153px;

        right: -65px;

        height: 162px;

        z-index: 10;

    }



    .thanks-button a {

        font-size: 25px;

    }



    .xs-height110 {

        height: auto;

    }



    .xs-height30 {

        height: auto;

    }



    .mt-sm144 {

        margin-top: 144px;

    }

}





/* Price Table CSS End*/



.content-line {

    position: relative;

    color: #000000;

}





/*.content-line:before{

	content:'';

	background:#000000;

	width:4px;

	height:70px;

	z-index:9;

	left:0px;

	top:12px;

	position:absolute;

}*/





.link-contact{

    background-color: rgb(27, 116, 228);

  padding: 15px;

  border-radius: 15px;

  display: inline-block;

  color: #fff;

}

.awesome-section {

    padding: 30px 0px;

    background: #e8f1f5;

}



a.link-text {

    color: #fff;

    text-decoration: none;

}



.footer-section {

    background: #fcfbfe;

    padding: 30px 0px;

}



.container-padding {

    padding: 30px 0;

}



.footer-ul {

    padding: 0px;

    margin: 0px;

}



.footer-ul li {

    display: inline;

}



@media (min-width: 768px) {

    .noneed-bg {

        padding: 60px 0px;

    }



    .xs-height30 {

        height: auto;

    }



    .mt-sm144 {

        margin-top: 144px;

    }



    .license-section {

        padding: 80px 0px 80px;

    }



    .catch-section {

        padding: 75px 0px;

    }



    .price-container {

        padding: 70px 0px 70px 0px;

    }



    .container-padding {

        padding: 5% 0;

    }



    .footer-section {

        padding: 70px 0px

    }



    .bonus-section {

        background: #ffffff url(../images/kapbonus-bg.html) no-repeat bottom left;

        background-size: 100% 100%;

        padding: 5% 0 5% 0%;

    }



    .guarantee-section {

        background: #ffffff url(../images/guarantee-section-bg.html) no-repeat center bottom;

        background-size: cover;

        padding: 65px 0px 155px;

    }



    .awesome-section {

        background: #f6f7ff url(../images/awesome-bg.html) no-repeat top center;

        background-size: cover;

        padding: 70px 0px;

    }



    .image-lg-size {

        min-height: 144px;

        min-width: 164px;

    }

}



.featur-sec {

    /*background: #10012b url(../images/featur-sec.png) no-repeat top center;*/

    background-size: cover;

    padding: 5% 0 0 0%;

    background-attachment: fixed;

    margin-top: 0%;

}





a.affiliate-btn {

    border-radius: 65px;

    text-decoration: none;

    color: #fff;

    text-align: center;

    display: block;

    width: 100%;

    z-index: 9999;

    padding: 15px;

    line-height: 30px;

    font-weight: 600;

    outline: none;

    background-image: linear-gradient(90deg,rgb(244, 4, 18) 0%, rgb(255, 182, 10) 100%);

    transition: all 0.5s;

}



a.affiliate-btn:hover {



    background-image: linear-gradient(90deg,rgb(255, 182, 10) 0%, rgb(244, 4, 18) 100%);

    transition: all 0.5s;

}



@media (min-width: 768px) {

    a.affiliate-btn {

        padding: 30px 30px

    }

}



#try_top_banner_wrapper {

    position: absolute;

    /* display: none; */



    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* background-color: rgba(0,0,0,0.5); */

    background-color: #3636cc;

    z-index: 9999999;

    cursor: pointer;

}



.purple-clr {

    color: #8820e5;

}



.light-dark {

    color: #0b0a1f

}



.blue-color {

    color: #3d02eb;

}



.orange-color {

    color: #feaf01;

}



a.promo-link {

    text-decoration: none;

    text-decoration: none;



    background-image: linear-gradient(90deg, #4f00ff 0%, #01b2d3 100%);

    border: 1px solid #fff !important;

    color: #fff !important;

}



a.promo-link:hover {

    text-decoration: none;

    text-decoration: none;



    background-image: linear-gradient(90deg, #01b2d3 0%, #4f00ff 100%);

    border: 1px solid #fff !important;

    color: #fff !important;

}



.time-image-flex {

    padding: 10px 10px;

    /* background-color: rgba(0, 0, 0, 0.3); */

    /* margin-top: 30px; */

    border-radius: 20px;

    /* border: 2px dashed #2ddaff; */

}



@media (min-width: 768px) {

    .time-image-flex {

        display: inline-flex

;

        align-items: center;

        flex-direction: row;

        gap: 0px;

        background: #f9f9f9;

        padding: 20px 30px;

        border: 1px solid #eaeaea;

    }

}



.Affiliate-box {

    background-color: #623ceb;

    background: url(../images/jv-announce.png) no-repeat center bottom;

}



.Affiliate-section {



    background-color: rgba(0, 0, 0, 0);

    background-size: auto;

    background-size: cover;

    padding: 3% 6% 3% 6%;

    border-radius: 20px;

    background-color: rgb(98, 60, 235);

}



.jv-announce {

    background: url(../images/reason-sec-bg.png) no-repeat center center;

    background-color: rgba(0, 0, 0, 0);

    background-size: auto;

    background-size: cover;

    background-size: cover;

    padding: 3% 10% 3% 10%;

    border-radius: 20px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.37);

}



@media (min-width: 768px) {

    .primemail-intro-box-banner-first {

        padding: 5% 0 8% 0;

        background: transparent url(../images/banner1.png) no-repeat center center;

        background-attachment: scroll;

        background-size: auto;

        background-size: cover;

        background-attachment: fixed;

    }

}



.primemail-intro-box {

    display: flex;

    justify-content: center;

    align-items: flex-start;

    flex: 0 auto;

}



.primemail-box {}



.btn-2 a {

    padding: 15px 45px;

}



.blue-round-btn-18 a {

    background-image: -moz-linear-gradient(0deg, #623ceb 0%, #623ceb 100%);

    background-image: -webkit-linear-gradient(0deg, #623ceb 0%, #623ceb 100%);

    background-image: -ms-linear-gradient(0deg, #623ceb 0%, #623ceb 100%);

    box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);

    color: #fff;

    padding: 15px 36px;

    display: inline-block;

    border-radius: 50px;

}



.primemail-icons {

    position: relative;

    width: 50%;

}



.primemail-icons-box {

    display: flex;

    padding-right: 0px;

    justify-content: center;

    justify-items: start;

    flex-wrap: wrap;

    align-items: center;

    color: #0b0a1f;

}



.social-tag-ads {

    color: #525252;

    border-width: 1px;

    border-color: rgb(82, 82, 82);

    border-style: solid;

    background-color: rgb(255, 255, 255);

    padding: 1px 23px;

    border-radius: 50px;

    text-align: center;

    display: table;

    margin: 2% auto;

    margin-top: 2%;

    margin-top: 7%;

    display: inline-block;

}



@media (max-width: 768px) {

    .time-image-flex {

        text-align: center;

    }



    .pre-heading {

        background: #8820e5;

        display: inline-block;

        border-radius: 15px 15px 15px 15px;

        text-align: center;

        position: relative;

        padding: 10px;

        transform: skew(-5deg);

    }



    .affiliate-link-btn a {

        border-radius: 5px;

        text-decoration: none;

        text-align: center;

        padding: 15px 15px 12px 15px;

        font-size: 20px;

        line-height: 100%;

        color: #ffffff;

        font-weight: 600;

        background-color: #5D00F1;

        border-style: solid;

        border-width: 1px;

        border-color: #9801fb !important;

        background: #9801fb !important;

        max-width: 264px;

        margin-left: auto;

    }

}



.features-list-bg {

    position: relative;

}



.features-list-bg .feature_icon {

    background: -webkit-linear-gradient(bottom, #6a11cb 0%, #2575fc 100%);

    background: -o-linear-gradient(top, #6a11cb 0%, #2575fc 100%);

    background: -moz-linear-gradient(to top, #6a11cb 0%, #2575fc 100%);

    background: -webkit-gradient(linear, left bottom, left top, from(#6a11cb), to(#2575fc));

    background: -o-linear-gradient(bottom, #6a11cb 0%, #2575fc 100%);

    background: linear-gradient(to top, #6a11cb 0%, #2575fc 100%);

}



.features-list-bg .feature_icon {

    position: absolute;

    top: -25px;

    right: -25px;

    width: 50px;

    height: 50px;

    transition: all 0.2s ease-in-out;

    border-radius: 12px;

}



.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;

}







/* .ground-breaking {

	color: #fff;

	padding: 80px 0;

	background: #000000;

	background: -moz-linear-gradient(top, #000000 0%, #00080f 100%);

	background: -webkit-linear-gradient(top, #000000 0%,#00080f 100%);

	background: linear-gradient(to bottom, #000000 0%,#00080f 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00080f',GradientType=0 );

  } */

.ground-breaking .title-area {

    margin-bottom: 220px;

}



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

    .ground-breaking .title-area {

        margin-bottom: 150px;

    }

}



.ground-breaking .colmn:not(:nth-child(n+13)) {

    margin-bottom: 150px;

}



.ground-breaking .colmn {

    background: #19a5b8;

    background: -moz-linear-gradient(top, #19a5b8 0%, #18d780 100%);

    background: -webkit-linear-gradient(top, #19a5b8 0%, #18d780 100%);

    background: linear-gradient(to bottom, #19a5b8 0%, #18d780 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19a5b8', endColorstr='#18d780', GradientType=0);

    border-radius: 50px;

    padding: 0px;

    max-width: 31%;

    position: relative;

    border-radius: 50px;

    flex: 0 0 33.33%;

    padding-top: 0px;

    padding-bottom: 10px;

    background: linear-gradient(180deg, rgb(57, 3, 233) 16%, rgb(226, 228, 233) 84%);

}



.ground-breaking .colmn .wrapper {

    /* background: #fff; */

    background: linear-gradient(to bottom, #e0e3e8 0%, #fff 100%);

    border-radius: 47px;

    padding: 170px 40px 0px;

    height: 100%;

}



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

    .ground-breaking .colmn .wrapper {

        padding: 100px 20px 23px 20px;

    }

}



.ground-breaking .wrapper .content-img {

    padding: 1px;

    max-width: max-content;

    border-radius: 300px;

    position: absolute;

    left: 0;

    right: 0;

    top: -108px;

    /* background: #199dc0; */

    background: linear-gradient(180deg, rgb(54, 2, 233) 16%, rgb(136, 32, 229) 84%);

}



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

    .ground-breaking .wrapper .content-img {

        top: -81px;

    }

}



.ground-breaking .wrapper .content-img-wrapper {

    background: linear-gradient(180deg, rgba(246, 16, 255, 1) 16%, rgba(25, 208, 223, 1) 84%);

    border-radius: 300px;

    padding: 15px;

}



.ground-breaking .colmn.bg .img-wrapper {



    background: linear-gradient(180deg, rgb(136, 32, 229) 16%, rgb(136, 32, 229) 84%);

    background: linear-gradient(to bottom, #e0e3e8 0%, #fff 100%);

    border: 1px solid #d2e1fb;

    border-bottom: 5px solid #dee1e5;

    border-left: 5px solid #dee1e5;

    border-right: 5px solid #dee1e5;

    border-top: 4px solid #dee1e5;

}



/* .ground-breaking .colmn:nth-child(-n+3) .img-wrapper {

	background: blue;

  } */

.look-date {

    background: #fff;

    padding: 0 0 0px 0;

}



.ground-breaking .wrapper .img-wrapper {

    height: 200px;

    width: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: red;

    border-radius: 300px;

}



.ground-breaking .wrapper .content-img-wrapper {

    background: linear-gradient(180deg, rgb(255, 255, 255) 16%, rgb(255, 255, 255) 84%);

    border-radius: 300px;

    padding: 15px;

}



.ground-breaking .colmn.bs .img-wrapper {

    background: linear-gradient(180deg, rgb(54, 2, 233) 16%, rgb(136, 32, 229) 84%);

}



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

    .ground-breaking .wrapper .img-wrapper {

        height: 120px;

        width: 120px;

    }

}



.ground-breaking .wrapper .title {

    height: 70px;

    line-height: 1.2;

    color: #f8c80c;

}



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

    .md-txt {

        font-size: 18px;

    }



}



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

    .ground-breaking p.desc {

        font-size: 16px;

        line-height: 1.6;

    }





}



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

    .ground-breaking .colmn {

        flex: 0 0 50%;

        max-width: 48%;

    }

}



@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;

    }

}



/* .ground-breaking .colmn:not(:nth-child(n+18)) {

    margin-bottom: 50px;

  } */



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

    .ground-breaking .colmn {

        max-width: 100%;

    }

}



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

    .ground-breaking .colmn {

        flex: 0 0 100%;

        max-width: 100%;

    }

}

/* .video-dask{

    margin-bottom: -130px;

} */

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

    .video-dask{

        margin-bottom: -130px;

    }

}

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

    .video-dask {

      margin-bottom: -60px;

    }

  }

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

    .video-dask{

        margin-bottom: -60px;

    }

} */



 .gradiant-box {

    background: linear-gradient(180deg, #5be6fc 0%, #41e2fb 100%);

    background: linear-gradient(180deg, #5be6fc00 0%, #41e2fb00 100%);

    padding: 40px 10px 40px 20px;

    border-radius: 10px;

  }



 



.second-text {

  background: url(../images/presenting-bg.webp) no-repeat;

    background-size: auto;

  background-size: 100% 100%;

  padding: 5px 12px;

  display: inline-block;

}

@media (min-width: 768px) {

    .second-text {

      padding: 5px 35px;

    }

  }



  .website-card {

    display: inline-block;

    border-radius: 10px;

    border: double 2px transparent;

    background-image: linear-gradient(#fff,#fff), linear-gradient(to right, #015AF1 0%, #24DFBA 100% );

    background-origin: border-box;

    background-clip: content-box, border-box;

  }

/*

  .sucsess-media{

    margin-bottom: 30px;

  }*/





  .sucsess-media img {

    width: 50%;

  }

  .transprent-bg{
background: transparent;
  }


  