html {
  scroll-behavior: smooth;
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
/*Fonts*/
@font-face {font-family: WesFYW03-Thin; src: url('../font/Wes FY W03 Thin.ttf'); } 
@font-face {font-family: WesFYW03-Regular; src: url('../font/Wes FY W03 Regular.ttf'); } 
@font-face {font-family: WesFYW03-Medium; src: url('../font/Wes FY W03 Medium.ttf'); } 
@font-face {font-family: WesFYW03-Bold; src: url('../font/Wes FY W03 Bold.ttf'); } 
@font-face {font-family: WesFYW03-Black; src: url('../font/Wes FY W03 Black.ttf'); } 


.WesFYW03Thin{
	font-family: 'WesFYW03-Thin';
}
.WesFYW03Regular{
	font-family: 'WesFYW03-Regular';
}
.WesFYW03Medium{
	font-family: 'WesFYW03-Medium';
}
.WesFYW03Bold{
	font-family: 'WesFYW03-Bold';
}
.WesFYW03Black{
	font-family: 'WesFYW03-Black';
}

.blue-clr{
    color: #23366a;
}
.light-blue-clr{
    color: #1f43ff;
}
.caveat{
    font-family: 'Caveat', cursive;
}
.poppins{font-family: 'Poppins', sans-serif;}
.bevietnam {font-family: 'Be Vietnam Pro';}



.jvdoc {
    background: #ffde01 url(../images/right-aro.png) no-repeat 5px;
    padding: 15px 25px 18px 65px;
    border-radius: 100px;
    text-transform: uppercase;
}
.jv-prize,
.jv-prize:hover,
.jv-prize:focus{
    background:  url(../images/jv-prize.jpg) no-repeat 0 0;
    padding: 7% 0;
    background-size: cover;
}
.affiliate-btn,
.affiliate-btn:hover,
.affiliate-btn:focus{
    background-color: #243051;
    border-radius: 6px;
    color: #ffffff;
    padding: 21px 21px;
    display: inline-block;
}
.four-ways{
    background: url(../images/four-ways.png) no-repeat 0 0;
    padding: 7% 0;
    background-size: cover;
}
.ways-block{
    background-color: #f5ecff;
    padding: 15px;
    border-radius: 14px;
}
.number{
    color: #e0c4fd;
    font-size: 100px;
    font-weight: 800;
    line-height: 0.8;
}
.introducing{
    background: url(../images/purplebg.png) no-repeat 0 0;
    padding: 7% 0;
    background-size: cover;
}


.image-sec{
    background-color: #08192a;
    padding: 8% 0;
}
.story-creation{
    background-color: #1b1b21;
    padding: 4% 0 6% 0;
}
.yellow-btn,
.yellow-btn:hover,
.yellow-btn:focus{
    background: url(../images/signup.png) no-repeat center center;
    color: #121449;
    padding: 30px 58px;
    display: inline-block;
    background-size: contain;
}
/* .normal-btn,
.normal-btn:hover,
.normal-btn:focus{
    background: #e5ebf7;
    color: #121449;
    padding: 18px 45px;
    border-radius: 10px;
    display: inline-block;
    background-size: contain;
} */

.normal-btn input{
    background: #e5ebf7;
    color: #121449;
    padding: 18px 20px;
    border-radius: 10px;
    display: inline-block;
    background-size: contain;
    border: none;
}

.blue-btn,
.blue-btn:hover,
.blue-btn:focus{
    background-color: #0059cb;
    color: #ffffff;
    font-size: 18px;
    padding: 12px 33px;
    border-radius: 100px;
    line-height: 1.5;
}
.welcome .nav-link{
    position: relative;
    padding-left: 25px;
    margin-bottom: 25px;
    padding-top: 0;
    padding-bottom: 0;
    background:  transparent !important;
}
.welcome .nav-link::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 6px;
    border-radius: 3px;
}
.welcome .nav-link.active::after{
    background-color: #8d65ff;
}
/* .welcome .nav-link::after{
    background-color: #88e8ba;
} */
.amazing{
    background: url(../images/brack.png) no-repeat center center;
    padding: 5px;
    background-size: cover;
}
.mydate{
    color: #23366a;
    font-size: 220px;
    font-weight: 800;
    display: flex;
    align-items: flex-start;
    line-height: 0.7;
    margin-bottom: 35px;
}
.mydate sup{
    font-weight: normal;
    font-size: 20px;
    margin-left: -15px;
}
.jvdoc-btn,
.jvdoc-btn:hover,
.jvdoc-btn:focus{
    background: url(../images/jv-doc.png) no-repeat center center;
    color: #23366a;
    padding: 21px 25px;
    display: inline-block;
    background-size: contain;
}
.introducing-block{
    background-color: rgb(0 0 0 / 50%);
    border-radius: 50px;
    padding: 50px 1px 50px 100px;
}




.img-sec1{
    background-color: #fbdbcd;
    padding: 30px 0;
}
@media only screen and (max-width:  576px){
    
}
@media only screen and (max-width:  767.99px){
    .affiliate-btn{
        background-color: #243051;
        border-radius: 6px;
        color: #ffffff;
        padding: 15px 15px;
        display: inline-block;
    }
    .introducing-block{
        /* background-color: #016ff8; */
        border-radius: 50px;
        padding: 25px 30px;
    }
    .jvdoc-btn,
    .jvdoc-btn:hover,
    .jvdoc-btn:focus{
        background: url(../images/jv-doc.png) no-repeat center center;
        color: #23366a;
        padding: 21px 25px;
        display: inline-block;
        background-size: contain;
    }
}
@media only screen and (max-width:  991.99px){
    
}
@media only screen and (max-width:  1199.99px){

}
@media only screen and (min-width: 992px){

    
    .amazing{
        background: url(../images/brack.png) no-repeat center center;
        padding: 10px;
        background-size: cover;
    }
    .hund{
        position: relative;
    }
    .hund::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 5px;
        background-color: #e0c4fd;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
}






 
/*Common*/
body {font-family: 'Be Vietnam Pro', sans-serif;font-size: 14px;overflow-x: hidden;line-height: 1.42857143;color: #000000;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


p{
	margin-bottom:0px;
}
 ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls-1{letter-spacing:-1px;}
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls9{letter-spacing:9px;}

.padding0 {padding: 0;}


h1, h2, h3, h4, h5, h6{margin-bottom:0;}


@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}

.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb3{margin-bottom:3%;}
.xsmb4{margin-bottom:4%;}
.xsmb6{margin-bottom:6%;}
.xsmb7{margin-bottom:7%;}
.xsmb8{margin-bottom:8%;}
.xsmb10{margin-bottom:10%;}
.xsmb15{margin-bottom:15%;}
.xsmb0{margin-bottom:0%;}

.xsmt-1{margin-top:-1%;}
.xsmt-3{margin-top:-3%;}
.xsmt-11{margin-top:-11%;}

.mycontainer{width: 90%;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
.mycontainer2{
	width:100%;    
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

 



}


@media (min-width:768px) {	
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}
.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}
.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}
.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}
.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}
.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}

.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13%;}.lmt14{margin-top:14%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt22{margin-top:22%;}.lmt25{margin-top:25%;}.lmt28{margin-top:28%;}.lmt30{margin-top:30%;}.lmt34{margin-top:34%;}.lmt45{margin-top:45%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb2{margin-bottom:2%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb30{margin-bottom:30%;}

.lmb-8{margin-bottom:-8%;}
.lmb-4{margin-bottom:-4%;}

.lml-2{margin-left:-2%;}

.pc-right{
	text-align: right;
}

.mobile-center {
    text-align: left;
}


.mycontainer{width: 730px;}
.mycontainer2{width:750px;}



}

@media (min-width: 992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md66 {font-size: 66px;}.md68 {font-size: 68px;}.md60{font-size: 60px;}.md64{font-size: 64px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md106{font-size: 106px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}


.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}

.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}

.mml-4{margin-left:-4%;}

.mycontainer{width: 880px;}
.mycontainer2{width:922px;}

}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg106 {font-size: 106px;}.lg210 {font-size: 240px;}




.lmtm-3{margin-top: -3%;}

.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb3{margin-bottom:3%;}
.lgmb5{margin-bottom:5%;}
.lgmb11{margin-bottom:11%;}
.lgmb12{margin-bottom:12%;}
.lgmb22{margin-bottom:22%;}
.lgmb25{margin-bottom:25%;}

.lgmb-6{margin-bottom:-6%;}


.lgmt5{margin-top:5%;}
.lgmt18{margin-top:18%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt23{margin-top:23%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}




.padding4{padding:0% 4%}


}

@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}



}

.mycontainer-left{}

.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 3;	
	box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);	
}
.video-box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    /* box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%);
    border: 4px solid #b785ff; */
    background: url(../images/vdo-img.png) no-repeat;
    background-size: cover;
    padding: 7% 1%;
    border-radius: 6px;
}
.video-box-inner {    
    border-radius: 16px;    
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: white;
}
.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.25%!important;
    border-radius: 0;	
}
.video-box iframe{
    border-radius: 15px;	
}

.demo{padding-bottom: 55.21%;
    overflow: hidden;
    position: relative;
    border: 0px solid #ffffff42;}


.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.autoplayer-area {
    z-index: 2;
}

.gray{color:#546878;}


.mycontainer{margin:auto;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}




/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}


.mycontainer-left {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
}
.mycontainer-right {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto;
}

.clear {
    clear: both;
}

.text-white{color:#fff;}


.padding2{padding:0% 2%}
.padding3{padding:0% 3%}
.padding5{padding:0% 5%}


nav{width:100%;}
.navbar-brand {margin-right: 0rem;padding-top: 0px;}
.navbar-brand img {max-width: 200px;}

.navbar-light .navbar-nav .nav-link {
    color: #cecece;
    position: relative;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #6031e6;
}

.buy-top-btn {
    background: #20bdff;
    border-radius: 6px;
    padding: 10px 15px;
    color: #fff !important;
}

.getlink {
	/*background-image: -webkit-linear-gradient( 0deg, rgb(19,162,252) 12%, rgb(134,1,251) 61%, rgb(234,63,251) 90%);*/
    border-radius: 9px;
  /*background-color: rgb(139, 61, 255);padding: inherit;*/
  border:  1px solid #0088ff;
    color: #272727!important;
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: all .4s ease-in-out;
    transition: .4s;
    margin-left: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: .4s;
padding: 11px 38px !important;}


.getlink:hover {
	/*background-image: -webkit-linear-gradient( 0deg, rgb(234,63,251) 12%, rgb(134,1,251) 61%, rgb(19,162,252) 90%);
    background-color: rgb(122 53 223);*/
    color: #272727 !important;
    transition: .4s;
    box-shadow: 0px 0px 10px 2px #02020229;
}

.getbox{margin-left: 1%;}

.navbar-toggler {background-color: white;}

.menu {
    padding: 15px 0;
    
    
    	
}


/* nav li a {
    padding-left: 15px !important;
    padding-right: 15px !important;
padding-top: 13px !important;padding-bottom: 13px !important;} */


/* stroke */
ul.stroke  li a{
  position: relative;
  transition: all .5s;
}
ul.stroke li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #6031e6;
  height: 1px;
  transition: all .5s;
}
ul.stroke li a:hover:after {
  width: 100%;
}




a.getlink:hover::before, a.getlink:focus::before, a.getlink:hover::after, a.getlink:focus::after {
    color: transparent;
    text-shadow: 10px 0 transparent, -10px 0 transparent;
    opacity: 0;	
}

#return-to-top {
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    text-decoration: none;
    padding: 3px 5px;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    z-index: 3;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
    border-radius: 2px;
    overflow: hidden;
    line-height: 40px;
    height: 45px;
    width: 45px;
    background-color: #8b3dff;
    opacity: 0.6;
}
#return-to-top .fa{
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}
#return-to-top:hover{
    opacity: 1;
}


 



.mybutton2 a {
    background-color: rgb(75, 202, 255);
    box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
    color: #fff;
    padding: 0% 15% 0% 0;
    display: table;
    margin: auto;
    border-radius: 50px;
    transition: 0.5s;
    margin-top: 5%;
}
.mybutton2 a:hover {
    background-color: rgb(0 175 240);
    box-shadow: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    color: #fff !important;
    text-decoration: none !important;
}


.mybutton4A a {
    background-color: rgb(238, 53, 36);
    box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
    color: #fff;
    display: table;
    padding: 3.4% 11.2%;
    transition: all 0.5s;
    position: relative;
    margin-left: auto;
    border-radius: 50px;
}
.mybutton4A a:hover {
    background-color: rgb(222 51 35);
    box-shadow: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    color: #fff !important;
    text-decoration: none !important;	
}
.mybutton4B  a{    
    color: #0c1120;
    display: table;
    padding: 3.1% 14.4%;
    transition: all 0.5s;
    position: relative;
    margin-right: auto;
    border-radius: 50px;
	border-width: 1px;
	border-color: rgb(31, 32, 35);
	border-style: solid;
}
.mybutton4B a:hover {
    
    box-shadow: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    
    text-decoration: none !important;	
box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);}




.videoframe {
    position: relative;
}





.myvideo2 {
    border-width: 4px;
    border-color: rgb(30, 154, 231);
    border-style: solid;
    border-radius: 17px;
    background-color: rgb(0, 0, 0);
    box-shadow: 14.913px 21.298px 36.12px 6.88px rgb(0 0 0 / 33%);
    padding: 0;
    overflow: hidden;
}
.myvideo2 .responsive-video {
    box-shadow: none;
    margin-bottom: 0%;
    background-color: #000;
    padding-bottom: 52.21%;
    border-radius: 0;
}



.checklist2 li {
    background: url(../images/checklist2.png) no-repeat left 10px;
    padding-left: 38px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0px;
    padding-top: 2px;
    padding-bottom: 18px;
    margin-bottom: 9px;
}
.checklist3 {
    padding: 8% 9%;
    text-align: left;
}
.checklist3 li {
    color: #233569;
    background: url(../images/checklist3.png) no-repeat left 13px;
    padding-left: 34px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.checklist4 li {
    background: url(../images/checklist4.png) no-repeat 27px 17px;
    list-style: none;
    padding-left: 63px;
    padding-top: 4.5%;
    padding-bottom: 4.5%;
    transition: 0.5s;
    background-color: #8b3dff;
    border-color: #8b3dff;
    color: #fff;
    border-radius: 50px;
    margin: 6% auto;
    text-align: left;
}

.bottm-menu li {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    padding: 0px 20px;
}

.bottm-menu li a {
    color: #222d39;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	font-weight:400;
	letter-spacing:1px;
    height: 29px;	
}
.bottm-menu li a:hover{
	font-weight:600;
	letter-spacing:0.8px;
}

.bottm-menu .getlink {
    background-color: rgb(107, 61, 245);
    color: #ffffff!important;
    margin-left: 0;	
}
.bottm-menu .getlink:hover{
	background-color: #fff;
	box-shadow:-6.303px 7.37px 40px 0px rgba(0, 0, 0, 0.23);
	color: #222d39!important;
}

.navbar-light .navbar-toggler {
    background-color: #dbceff;
    border: 0;
}

.copyright-text{text-align:left;}
.copyright-link{text-align:right;color: #989898;}

.strip_footer a {
    color: #989898;
}
.strip_footer a:hover {
    text-decoration: underline;
    color: #bdbdbd;
}

.strip_footer hr{border-top: 1px solid rgb(255 255 255 / 9%);margin-top: 3%;margin-bottom: 2%;}

/*banner*/
.title1 {
    background-image: -moz-linear-gradient( 0deg, rgb(19,162,252) 12%, rgb(134,1,251) 61%, rgb(234,63,251) 90%);
    background-image: -webkit-linear-gradient( 0deg, rgb(19,162,252) 12%, rgb(134,1,251) 61%, rgb(234,63,251) 90%);
    background-image: -ms-linear-gradient( 0deg, rgb(19,162,252) 12%, rgb(134,1,251) 61%, rgb(234,63,251) 90%);
    color: #fff;
    font-style: italic;
    border-radius: 50px;
    padding: .2% 3.4%;
    display: inline-block;
}


.video-box-main{width: 100%;}
.date-main-box{}

.video-box-main1{position:relative;}
.video-box-main {
    padding: 0;
    
    position: relative;
    z-index: 1;
left: 2%;}
.videoElement-box2{
	position:absolute;
	top:11%;
}

.date-main-box {
    border-radius: 15px;
    padding: 3% 1% 4% 4%;
    height: 100%;
    border: 1px solid #9a11f8;
    text-align: center;
    background-color: #fff;
    width: 38%;
    position: relative;
    left: -2%;
}

.clock {
    position: relative;
    top: -2px;
}

.date {
    display: inline-flex;
    position: relative;
    right: -4%;
}
.date span {
    background-image: url(../images/dateBg.png);
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    background-position: center center;
    background-attachment: fixed;
    display: -webkit-inline-box;
    line-height: 80%;
    background-color: #852497;
}
.date sup {
font-weight: 400;position: relative;margin-top: 10%;}

/*section2*/

.watting-box{position: relative;cursor:pointer;}

.watting1Bg{position: absolute;width: 100%;margin-top: -3%;}
.watting1{position: relative;z-index: 1;}

.watting2Bg{position: absolute;width: 100%;margin-top: -2%;}
.watting2{position: relative;z-index: 1;}

.watting3Bg{position: absolute;width: 100%;margin-top: -2%;}
.watting3{position: relative;z-index: 1;}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(6px) rotate(4deg);
    transform: translateX(6px) rotate(4deg);
  }
  20% {
    -webkit-transform: translateX(-6px) rotate(-4deg);
    transform: translateX(-6px) rotate(-4deg);
  }
  30% {
    -webkit-transform: translateX(6px) rotate(4deg);
    transform: translateX(6px) rotate(4deg);
  }
  40% {
    -webkit-transform: translateX(-6px) rotate(-4deg);
    transform: translateX(-6px) rotate(-4deg);
  }
  50% {
    -webkit-transform: translateX(4px) rotate(2deg);
    transform: translateX(4px) rotate(2deg);
  }
  60% {
    -webkit-transform: translateX(-4px) rotate(-2deg);
    transform: translateX(-4px) rotate(-2deg);
  }
  70% {
    -webkit-transform: translateX(4px) rotate(2deg);
    transform: translateX(4px) rotate(2deg);
  }
  80% {
    -webkit-transform: translateX(-4px) rotate(-2deg);
    transform: translateX(-4px) rotate(-2deg);
  }
  90% {
    -webkit-transform: translateX(2px) rotate(0);
    transform: translateX(2px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-2px) rotate(0);
    transform: translateX(-2px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.watting-box-main:hover .hvr-buzz-out, .watting-box-main:focus .hvr-buzz-out, .watting-box-main:active .hvr-buzz-out{
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



.launch-box-left{
    border-right: 1.5px solid #222327;
    padding-top: 1%;
    padding-bottom: 1%;
}
.launch-box-right{
    border-left: 1.5px solid #222327;
    padding-top: 1%;
    padding-bottom: 1%;	
}

.launch-date{background-color: rgb(255, 234, 0);border-radius: 50px;display: inline-block;padding: 0.6% 5.7%;text-transform: uppercase;}

.gradient-text {
    background-image: linear-gradient(to right, #13a2fc, #8601fb, #ea3ffb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.promo-left{width: 69%;}
.promo-right{width: 31%;position:relative;}

.promoTop{position: relative;margin-bottom: -6%;}
.promo{position: relative;z-index: 1;}



/**Styling scrollable elements*/

.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 0.5s ease-in-out both;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 0.5s ease-in-out both;
}

.scrolled.fade-in-left {
  animation: fade-in-left 0.5s ease-in-out both;
}

.scrolled.slide-left {
  animation: slide-in-left 0.5s ease-in-out both;
}

.scrolled.slide-right {
  animation: slide-in-right 0.5s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */



@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}  



.list-box {
    padding: 0 2.5% 0 0;
}
.list-box-inn {   
    margin-bottom: 8%;
       
		
	color: #fff;
	
padding: 0;}
.list-box-inn a{
    padding: 4.9% 7%;
    border-radius: 50px;
    color: #fff;
    background-color: rgb(139, 61, 255);
	width: 100%;
	display: inline-block;
transition: 0.5s;}

.list-box-inn a:hover {
    background-color: rgb(102 42 191);
    box-shadow: 0px 0px 10px 2px #02020238;
}

.list-box1-outer {
    padding: 0 1.5% 0 0;
    margin-top: 7%;
}
.list-box1-inner {
    padding: 8% 0 10% 0;
    background: url(../images/listBg1.png) no-repeat center center;
    background-size: cover;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 12px 54px 0px rgb(0 0 0 / 14%);
    height: 100%;
}
 
.list-box2-outer {
    padding: 0 0 0 1.5%;   
    margin-top: 7%;
}
.list-box2-inner {
    padding: 8% 0 10% 0;
	background: url(../images/listBg2.png) no-repeat center center;
    background-size: cover;
	border-radius: 15px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 12px 54px 0px rgba(0, 0, 0, 0.14);
	height: 100%;
}



.stepTag{position: relative;left: -2%;}

.form {
    background: url(../images/form_bg.png) no-repeat center center;
    background-size: cover;
    border-radius: 20px;
    background-color: rgb(219, 238, 242);
    padding: 4% 2% 4% 2%;
	position:relative;	
}

.form2{background: url(../images/form_bg2.png) no-repeat center center;padding: 4% 2% 6% 2%;}

.form-box-main{padding: 0 5%;}

.form-box button{
    background-color: #134cff;
    color: #fff;
    display: table;
    border: 0px;
    cursor: pointer;
    padding: 2.7% 3% !important;
    transition: all 0.5s;
    position: relative;
    margin: auto;
    border-radius: 50px;
    width: 98%;
    margin-top: 1%;
}


.form-box input {
    width: 100%;
    margin: 4% 0 3% 0;
    padding: 5.5% 10%;
    border-width: 1px;
    border-color: rgb(0 0 0 / 18%);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    border-radius: 50px;
}
.form-box [type=submit] {
    background-color: #134cff;
    color: #fff;
    display: table;
    border: 0px;
    cursor: pointer;
    padding: 2.7% 3% !important;
    transition: all 0.5s;
    position: relative;
    margin: auto;
    border-radius: 50px;
    width: 98%;
    margin-top: 1%;
}
.form-box [type=submit]:hover {
    
    
    
    /* background-color: #0e3fd9; */
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: 0px 7px 4.36px 0px rgb(19 76 255 / 59%);
	z-index: 1;
}

.form-box::-webkit-input-placeholder { 
	color: #000; 
	opacity: 1; 
	font-size:16px;
	font-weight:300;
}
.form-box:-moz-placeholder { 
	color: #000;
	font-size:16px;
	font-weight:300;
}
.form-box::-moz-placeholder {
	color: #000;
	font-size:16px;
	font-weight:300;
}
.form-box:-ms-input-placeholder {
	color: #000;
	font-size:16px;
	font-weight:300;
} 

.form-box input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.mybutton1 a {
    color: #fff;
    display: table;
    padding: 2.7% 11.1%;
    transition: all 0.5s;
    position: relative;
    margin: auto;
    border-radius: 50px;
    background-color: #fd7a2c;
}
 
.mybutton1 a:hover {
    
	
	
    background-color: #e16a23;box-shadow: 0px 7px 4.36px 0px rgb(225 106 35 / 44%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    color: #fff !important;
    text-decoration: none !important;	
}
 
/*section3*/


.ele4{position: relative;margin-top: -1%;right: 1%;}
.ele5{position: relative;margin-top: -1%;left: 1%;}

.zoom{transition: transform .2s;}
.zoom:hover {
  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  transform: scale(1.03); 
}



.checklist1 li span.box-text {
    background: url(../images/checklist1.png) no-repeat 0 11px;
    padding-left: 35px;
    list-style: none;f
    margin-left: 0px;
    padding-top: 1%;
    padding-bottom: 1%;
    display: -webkit-inline-box;
}
.section3-box-main{margin-top: 3%;}
.section3-box { 
    padding: 6% 6%;
	border-radius: 25px;
	background-color: #2f2f39;
}

.cover{
	animation: 2s ease-in-out 0s infinite alternate none running mover2;
}

@-webkit-keyframes mover2 {
    0% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}
@keyframes mover2 {
    0% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}

/*section4*/

  /* Make the image fully responsive */
  
  .carousel-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    display: inline-block;
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    text-indent: 0;
    background-color: rgba(255,255,255,.5);
    cursor: pointer;	
color: #858585;background-color: transparent;border-width: 1px;
  border-color: rgb(193, 193, 193);
  border-style: solid;border-radius: 50px;padding: 11px 35px;margin: 8% 0;transition:0.5s;
  background-color: #8b3dff;border-color: #8b3dff;color: #fff;}



.carousel-inner {
    overflow: hidden;
    padding: 0;
}

/*section5*/
.section5-box{
	background: url(../images/section5.png) no-repeat center center;
    background-size: cover;
    background-color: rgb(245, 245, 245);
    border-radius: 25px;
    padding: 5.5% 6% 7.5% 6%;	
}

/*section6*/
.section6-box{}
.section6-box-inn{
	border-radius: 25px;
	background-color: rgb(245, 245, 245);	
height: 100%;}

.section6-box1{width: 56%;padding: 1.5% 1.5% 1.5% 0;}
.section6-box2{width: 44%;;;padding: 1.5% 0 1.5% 1.5%;}
.section6-box3{width: 44%;padding: 1.5% 1.5% 1.5% 0;}
.section6-box4{width: 56%;padding: 1.5% 0 1.5% 1.5%;}
.section6-box5{width: 56%;padding: 1.5% 1.5% 1.5% 0;}
.section6-box6{width: 44%;;;padding: 1.5% 0 1.5% 1.5%;}
.section6-box7{width: 44%;padding: 1.5% 1.5% 1.5% 0;}
.section6-box8{width: 56%;padding: 1.5% 0 1.5% 1.5%;}

.section6-box1 .section6-box-inn{padding: 7% 9% 12% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(19 162 252 / 14%) 12%, rgb(134 1 251 / 14%) 61%, rgb(234 63 251 / 14%) 90%);}
.section6-box2 .section6-box-inn{padding: 8.5% 9% 12% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(255 147 76 / 14%) 0%, rgb(252 104 111 / 14%) 100%);}
.section6-box3 .section6-box-inn{padding: 8.5% 9% 11% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(1 94 234 / 14%) 0%, rgb(0 192 250 / 14%) 100%);}
.section6-box4 .section6-box-inn{padding: 7% 9% 11% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(67 234 128 / 14%) 0%, rgb(56 248 212 / 14%) 100%);}
.section6-box5 .section6-box-inn{padding: 7% 9% 5% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(182 53 156 / 14%) 0%, rgb(239 10 106 / 14%) 100%);}
.section6-box6 .section6-box-inn{padding: 8.5% 9% 6% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(103 23 205 / 14%) 0%, rgb(40 113 250 / 14%) 100%);}
.section6-box7 .section6-box-inn{padding: 8.5% 9% 4% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(118 233 214 / 14%) 0%, rgb(159 174 230 / 14%) 100%);}
.section6-box8 .section6-box-inn{padding: 7% 9% 4% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(255 227 110 / 14%) 0%, rgb(255 202 11 / 14%) 100%);}

.feature1{margin-top: 14%;}
.feature2{margin-top: 10%;}
.feature3{margin-top: 15%;}
.feature4{margin-top: 10%;}
.feature5{margin-top: 3%;}
.feature6{margin-top: 30%;}
.feature7{margin-top: 12%;}
.feature8{margin-top: 0%;}

.arrow5 {
    position: relative;
    margin-top: -4%;
    right: -6%;
    margin-bottom: -1%;
}
 
 
/*section7*/
.funnel-box{padding: 1%;width: 15%;text-align: center;position: relative;margin-top: 3%;}
.funnel-box-inn{
	box-shadow: 0px 6px 13px 0px rgba(114, 0, 183, 0.13);
border-radius: 18px;padding: 5%;position: relative;cursor: pointer;}

.funnel-box-inn1{
	border-radius: 20px;
	background-color: rgb(255 255 255 / 20%);
padding: 19% 1% 23% 1%;transition: 0.5s;}

.funnel-box span{
	background-color:#fff;
	display:inline-block;
	border-radius:50px;
padding: 1% 12%;text-transform: uppercase;} 

.funnel-box1 span{color: #00b3e4;} 
.funnel-box2 span{color: #fe6a0e;} 
.funnel-box3 span{color: #4b50c5;} 
.funnel-box4 span{color: #458fca;} 
.funnel-box5 span{color: #57b678;} 
.funnel-box6 span{color: #d15597;} 

.funnel-box h1{margin-top: 6%;}


.funnel-box1{}
.funnel-box1 .funnel-box-inn{
	background: url(../images/bg1.png) no-repeat center center;
    background-size: cover;
background-color: #00b3e4;}

.funnel-box2{}
.funnel-box2 .funnel-box-inn{
	background: url(../images/bg2.png) no-repeat center center;
    background-size: cover;
background-color: #fe6a0e;}

.funnel-box3{}
.funnel-box3 .funnel-box-inn{
	background: url(../images/bg3.png) no-repeat center center;
    background-size: cover;
background-color: #4b43c1;}

.funnel-box4{}
.funnel-box4 .funnel-box-inn{
	background: url(../images/bg4.png) no-repeat center center;
    background-size: cover;
background-color: #3d7cc7;}

.funnel-box5{}
.funnel-box5 .funnel-box-inn{
	background: url(../images/bg5.png) no-repeat center center;
    background-size: cover;
background-color: #4fb07a;}

.funnel-box6{}
.funnel-box6 .funnel-box-inn{
	background: url(../images/bg6.png) no-repeat center center;
    background-size: cover;
background-color: #ba1d43;}

.funnel-box1 .funnel-box-inn:after, .funnel-box2 .funnel-box-inn:after, .funnel-box3 .funnel-box-inn:after, .funnel-box4 .funnel-box-inn:after, .funnel-box5 .funnel-box-inn:after{
	content: '';
	position: absolute;
	left: 99%;
    top: 12%;
    width: 0;
    height: 0;
    
    
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;clear: both;	
}
.funnel-box1 .funnel-box-inn:after{border-left: 15px solid #00b3e4;} 
.funnel-box2 .funnel-box-inn:after{border-left: 15px solid #fe6a0e;} 
.funnel-box3 .funnel-box-inn:after{border-left: 15px solid #4b43c1;} 
.funnel-box4 .funnel-box-inn:after{border-left: 15px solid #3d7cc7;} 
.funnel-box5 .funnel-box-inn:after{border-left: 15px solid #4fb17a;}

.bundle-box{text-align: center;width: 88%;margin: auto;background: url(../images/bg7.png) no-repeat center center;
    background-size: cover;
    border-radius: 23px;padding: 3%;background-color: #ef8745;cursor:pointer;}
.bundle-box-inn{   
	border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.29);padding: 18% 1%;transition:0.5s;}

.bundle-box span{
    
    display: inline-block;
    border-radius: 50px;
    padding: 1% 7.1%;
    text-transform: uppercase;	

  background-color: rgb(251, 93, 85);color: #fff;}

.funnel-box:hover .funnel-box-inn1{    background-color: rgb(255 255 255 / 40%);box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 29%);}

.bundle-box:hover .bundle-box-inn {
    background-color: rgb(255 255 255 / 82%);
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 0%);
}

/*section8*/

.section8-box{padding: 0 3%;}

.funnel-detail-box{position: relative;}
.funnel-detail-box1{margin-top: 5%;}


/* .funnel-detail-box-inn span{
	background-color: rgb(255, 226, 52);
	display:inline-block;
	border-radius:50px;
padding: .7% 7.9%;position: relative;margin-top: -4%;} */



.logo2{margin-top: 8%;}

.funnel-detail-box-inn h2{text-transform: uppercase;margin-top: 6%;}

.funnel-detail-box-list{
	border-radius: 15px;
	background-color: #fff;
margin-top: 8%;}

.funnel-detail-box-oto2{margin-top: 0;}
.funnel-detail-box-oto3{margin-top: 6%;}
.funnel-detail-box-oto4{margin-top: 6%;}
.funnel-detail-box-oto5{margin-top: 12%;}
.funnel-detail-box-bundle{margin-top: 17%;}

.arrow2{position: absolute;top: 4%;right: -10%;}
.arrow3{position: absolute;bottom: 18%;right: -10%;}
.arrow3B{position: absolute;bottom: 25%;right: -10%;}
.arrow4{position: absolute;top: 6%;right: -9%;}

/*section9*/
.section9-box{
	background: url(../images/section9.png) no-repeat center center;
    background-size: cover;
    background-color: rgb(245, 245, 245);
    border-radius: 25px;
    padding: 5.5% 3% 3.5% 6%;	
}

.checklist2-box{padding: 0 5% 0 0;}




/*section10*/
.section10-box{margin-top: 7%;}
.section10-box-inn{
	background-color: rgb(255, 255, 255);
padding: 0% 6% 14% 6%;}

.section10-box-inn1{background: url(../images/section10Bg1.png) no-repeat center center;background-size: cover;border-radius: 15px 0 0 15px;background-color: rgb(255, 255, 255);}
.section10-box-inn2{background: url(../images/section10Bg2.png) no-repeat center center;background-size: cover;border-radius: 0 15px 15px 0;background-color: rgb(255, 255, 255);}

.title2{background-color: rgb(255, 226, 52);display: inline-block;border-radius: 50px;padding: 1.5% 5.4%;position: relative;margin-top: -4%;}
.edit-date{border-width: 1px;
  border-color: rgb(0, 0, 0);
  border-style: dashed;
  background-color: rgb(245, 245, 245);display: inline-block;padding: 1.3% 2%;width: 100%;text-align: center;}
.individual{text-align: center;background-color: rgb(252, 25, 25);color: #fff;border-radius: 50px;display: inline-block;padding: 0.4% 6.7%;}


.prize{margin-right: 3%;}
.section10 hr{
    border-top: 1px solid rgb(208, 208, 208);
    width: 80%;
    margin-top: 4%;
    margin-bottom: 4%;	
}
.week-box {
    border-radius: 25px;
    background-color: rgb(255 255 255 / 6%);
    display: inline-block;
    padding: 2% 6%;
    color: #fff;
}

/*section11*/
.section11-box{
	background: url(../images/section11Box.png) no-repeat center center;
    background-size: cover;
    background-color: #1a1815;
    border-radius: 25px;
    padding: 5.5% 2%;	
	text-align:center;
margin-top: 5%;}

.reciprocate-title{
	padding: .5% 4%;
	border-radius: 50px;
	display:inline-block;
border-width: 1px;
  border-color: rgb(255 255 255 / 14%);
  border-style: solid;color: #ffe234;}

.icon1{position: relative;margin-top: -9px;right: 7px;}
.icon2{position: relative;
    margin-top: -9px;
    left: 7px;}

/*section12*/

.section12-box1{
	text-align:center;
padding: 0 1% 0 7%;margin-top: 5%;}
.section12-box2{
	text-align:center;
padding: 0 7%  0 1%;margin-top: 5%;} 
.section12-box-inn{
	background: url(../images/section12Bg.png) no-repeat center center;
    background-size: cover;
    background-color: #1a1815;
    border-radius: 25px;
padding: 28% 1% 13% 0%;margin-top: -25%;}

.creator{border-radius: 100%;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.22);position: relative;z-index: 1;}


.mybutton2A a {
    background-color: rgb(75, 202, 255);
    box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
    color: #fff;
    padding: 0% 11.1% 0% 0;
    display: table;
    margin: auto;
    border-radius: 50px;
    transition: 0.5s;
    margin-top: 5%;
}
.mybutton2A a:hover {
    background-color: rgb(0 175 240);
    box-shadow: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    color: #fff !important;
    text-decoration: none !important;
}

.button-text{
    margin-left: 16px;
}

.mybutton3A a {
    background-color: rgb(51, 111, 160);
    box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
    color: #fff;
    padding: 0% 14.1% 0% 0;
    display: table;
    margin: auto;
    border-radius: 50px;
    transition: 0.5s;
    margin-top: 3%;
}
.mybutton3A a:hover {
    background-color: rgb(41 83 150);
    box-shadow: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    color: #fff !important;
    text-decoration: none !important;
}

.button-text2{
    margin-left: 16px;
}


/*section13*/

/**/

#myVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    object-position: 50% 50%;
}

.video-banner-container {
    position: relative;
    width: 100%; /* Adjust as needed */
    height: auto; /* Adjust as needed */
    overflow: hidden;
}

/* .banner {
    padding: 1% 0 6% 0;
    position:relative;  
    overflow: hidden;
    z-index: 1;
    background: radial-gradient(
    211.5% 113.1% at -16.4% 10.9%, 
    rgb(11 1 74) 19.13%, 
    rgba(0, 74, 184, 0.984) 51.42%, 
    rgba(50, 100, 227, 0.9) 67.6%, 
    rgb(0, 204, 255) 77.37%, 
    rgb(110, 255, 211) 90%, 
    rgb(236, 241, 56) 100%)
} */

.banner {
    padding: 1% 0 6% 0;
    position:relative;  
    overflow: hidden;
    z-index: 1;
    /* background: radial-gradient(circle at 55% 85%, rgba(147, 0, 209, 0.9) 0%, rgba(16, 0, 41, 1) 73%); */
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(112,12,164,0.32941) 0%, rgb(15,0,40) 100%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(112,12,164,0.82941) 0%, rgb(15,0,40) 100%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(112,12,164,0.32941) 0%, rgb(15,0,40) 100%);
}


.stepbg {
    background: #030910;
    padding: 7% 0 8% 0;
}

.demobg {
    background: #030910;
    padding: 7% 0 8% 0;
}


.templates_slider {
    background-image: -moz-linear-gradient( 91deg, rgb(33,181,250) 0%, rgb(33,181,250) 69%, rgb(33,181,250) 100%);
    background-image: -webkit-linear-gradient( 91deg, rgb(33,181,250) 0%, rgb(33,181,250) 69%, rgb(33,181,250) 100%);
    background-image: -ms-linear-gradient( 91deg, rgb(33,181,250) 0%, rgb(33,181,250) 69%, rgb(33,181,250) 100%);
    padding: 7% 0 7% 0;
}


.gradient-text-dark {
    background-image:linear-gradient(0deg, rgb(34, 34, 34), rgb(85, 85, 85));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; 
    -webkit-text-fill-color: transparent; 
  }

  .gradient-text-blue {
    background-image:  linear-gradient(0deg, #7674d3, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; 
    -webkit-text-fill-color: transparent; 
  }



  
  .gradient-text-pink {
    background-image:linear-gradient(0deg, #e9c1ff, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; 
    -webkit-text-fill-color: transparent; 
  }
  



.builtinbox{background: url(../images/builtinbg.png) no-repeat center center;background-size: cover;z-index: 1;padding: 10% 0 8% 0;}
/* .animationbg{background: url(../images/animationbg.png) no-repeat center top;background-size: cover;z-index: 1;padding: 8% 0 8% 0;} */

.tempaltesbg{background: url(../images/templates_bg.png) no-repeat center center;background-size: cover;padding: 5% 0 8% 0; position: relative;
}


.animationbg {
    /* background: url(../images/animationbg.png) no-repeat center top; */
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(240,223,211) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(240,223,211) 0%, rgb(255,255,255) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(240,223,211) 0%, rgb(255,255,255) 100%);
    background-size: cover;
    z-index: 1;
    padding-top: 8%; /* Adjust as needed */
    padding-bottom: 8%; /* Adjust as needed */
    position: relative; /* To position the absolute elements */
    min-height: 1180px; /* Minimum height to viewport height, adjust as needed */
    overflow: hidden; /* To prevent images from overflowing */
    padding: 8% 0 6% 0;
}


.assistantbg {
    background-image: 
        url('../images/prompts.png'), /* Image URL */
        linear-gradient(0deg, rgb(169,52,254) 0%, rgb(212,154,255) 29%, rgb(255,255,255) 100%);
    background-size: contain, auto;
    background-position: center bottom, 0 0;
    background-repeat: no-repeat, repeat;
    z-index: 1;
    padding: 7% 0 30% 0;
}

.languagebg {
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(69,59,253,0.32941) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(69,59,253,0.32941) 0%, rgb(255,255,255) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(69,59,253,0.32941) 0%, rgb(255,255,255) 100%);
    padding: 7%  0 8% 0;
}

.language_box {
    background: url(../images/language_box.png) no-repeat top center;
    background-size: cover;
    
}

.language_image {
    width: auto;
    padding:12% 6% 0% 6%
}

  


/* .banner{background: url(../images/banner.png) no-repeat center top;background-size: cover;z-index: 1;padding: 1% 0 10% 0;position:relative;  overflow: hidden;} */


.header{z-index: 111111;position: relative;margin: auto;width: 100%;}
.section2{padding: 6% 0 3% 0;position:relative;}
.section2-box{background: url(../images/section2.png) no-repeat center center;background-size: cover;background-color: #16171b;border-radius: 25px;padding: 4.6% 2%;}
.section2-box2{background: url(../images/section2Box2.png) no-repeat center top;background-size: cover;background-color: rgb(245, 245, 245);border-radius: 25px;padding: 5.5% 6% 7.5% 6%;}

.section22{padding: 0% 0 2% 0;position: relative;z-index: 1;}
.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;z-index: 1;padding: 4.5% 0 7% 0;background-color: #121215;}

.section4{background: url(../images/section4.png) no-repeat center top;background-size: cover;z-index: 1;padding: 7% 0 5.5% 0;}

.section5{z-index: 1;padding: 1% 0 3% 0;position:relative;}
.section6{padding: 3% 0 4% 0;position:relative;overflow:hidden;}

.section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;z-index: 1;padding: 5% 0 6% 0;}
.section8{background: url(../images/section8.png) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 5% 0;}

.section9{padding: 1% 0 5% 0;position:relative;}
.section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;background-color: #121215;z-index: 1;padding: 6.5% 0 6% 0;position:relative;}

.section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;z-index: 1;padding: 5.5% 0 2% 0;position:relative;}
.section12{background: url(../images/section12.png) no-repeat center top;background-size: cover;z-index: 1;padding: 2.5% 0 6% 0;position:relative;}


.strip_footer{background: url(../images/foot.png) no-repeat center top;background-size: cover;background-color:#181415;padding: 4% 0 2% 0;}

@media only screen and (max-width: 767px){
    .not-img{
        width: 50px;
    }
	

	
.section3-box, .section6, .section10, .section8{text-align:center;}	
.section6-box {
    width: 96%;
    padding: 2%;
}
	

.video-box-main {
    width: 92%;
    left: 0;
}
.date-main-box {
    width: 92%;
    left: 0;
    padding: 4%;
}
.date{max-width: 80%;}

.launch-box-left{
    border-right: 0;
    padding-top: 1%;
    padding-bottom: 5%;
	border-bottom: 1.5px solid #222327;
}
.launch-box-right{
    border-left: 0;
}
.list-box-inn {
    margin-bottom: 4%;
}

.cover{margin-top:4%;}


#demo{padding:0;}
.carousel-indicators li {
    padding: 8px 15px;
    margin: 2% 4px;
    transition: 0.5s;
    display: inline-block;
}
.slider-list{margin-bottom: 6%;}

.funnel-box {
    padding: 3%;
    width: 44%;
}

.arrow2, .arrow3, .arrow3B, .arrow4{display:none;}

.section12-box1 , .section12-box2{
    padding: 0 2%;
}

.funnel-detail-box-inn{margin-top:0;}
.section8-box{margin-top:4%;}

.feature1, .feature2, .feature3, .feature4, .feature5, .feature6, .feature7, .feature8{margin-top:6%;}

.section6-box .section6-box-inn {
    padding: 6% 4% 6% 4%;
}

}

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

.section2-box2, .section4, .section10{text-align:center;}
.promo-left{width: 100%;}
.promo-right{width: 100%;}

.demo-video{margin-top:4%;}

.funnel-detail-box-inn {
    width: 100%;
}
.section10-box-inn1, .section10-box-inn2{border-radius: 15px;}

.logo2 {
    max-width: 70%;
}

.checklist2-box{padding:0;}

}


@media (min-width: 240px){
	.lappy {
		position: static;
		right: 0;
		bottom: 0px;
	}
	.videosection {
		position: static;
		right: 0;
		bottom: 0px;
	}
	.mainvideo {
		position: static;
		width: 100%;
		height: auto;
	    padding-bottom: 225px;	
	}
	
	.video {
        width: 485px;
        height: 231px;
        top: 23px;
        left: 0px;
        margin-bottom: 8%;
    }
	

.arrow5{visibility: hidden;}	

.date span {font-size: 160px;}
.date sup {font-size: 20px;}	

.checklist4 li {width: 100%;}
}
@media only screen and (max-width: 600px) {
	.ex{
		background-color:red;
	}

}	
@media only screen and (min-width: 600px) {
	.ex{
		background-color:black;
	}
	.ex{background-color:white}	

}
@media only screen and (max-width: 600px) {
	.ex{
		background-color:black;
	}

}
@media (min-width: 480px){
	.mainvideo {
		position: static;
		width: 100%;
		height: 0px;
	    padding-bottom: 280px;	
	}
	.video {
        width: 485px;
        height: 273px;
        top: 23px;
        left: 28px;
        margin-bottom: 8%;
    }
	
	.ex{background-color:yellow}	
	
	
	
	
	
	
.date span {font-size: 220px;}
.date sup {font-size: 32px;}	
	
.checklist4 li {width: 80%;}
	
}

@media only screen and (min-width: 768px) {
	.ex{
		background-color:white;
	}
	.lappy {
		position: relative;
		right: 0;
		bottom: -50px;
	}
	.videosection {
		position: relative;
		right: 0;
		bottom: 0px;
	}
	.mainvideo {
		position: absolute;
		width: 504px;
		height: 271px;
		top: 18px;
		left: 31px;
		padding-bottom: 0;
	}
	.video {
        width: 315px;
        height: 117px;
        top: 15px;
        left: 7px;
        margin-bottom: 12%;
    }
	

.date span {font-size: 140px;}
.date sup {font-size: 20px;}	

.checklist4 li {width: 86%;}	
}



@media only screen and (min-width: 800px) {
	
}




@media only screen and (min-width: 860px) {
		
	
}

@media only screen and (min-width: 892px) {
	
}

@media only screen and (min-width: 992px) {
	.ex{
		background-color:blue;
	}
	.mainvideo {
		position: absolute;
		width: 543px;
		height: 292px;
		top: 18px;
		left: 33px;
	}
	.video {
        width: 429px;
        height: 162px;
        top: 21px;
        left: 11px;
        margin-bottom: 10%;
    }

.mycontainer-left, .mycontainer-right{max-width:962px;}

.date span {font-size: 180px;}
.date sup {font-size: 25px;}		

.checklist4 li {width: 100%;}
}


@media only screen and (min-width: 1000px) {
	
	
}

@media only screen and (min-width: 1100px) {
	
}

@media only screen and (min-width: 1200px) {
	
	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 80px;
	}
	.video {
        width: 403px;
        height: 196px;
        top: 1px;
        left: 0px;
        margin-bottom: 0px;
    }
	.mycontainer-left, .mycontainer-right{max-width:1163px;}
	

.date span {font-size: 180px;}
.date sup {font-size: 25px;}	

.checklist4 li {width: 100%;}
}


@media (min-width:1300px) {
	.mycontainer{width: 1120px;}
	.mycontainer2{width:1180px;}	
	.ex{background-color:blue}
	
	.mycontainer-left, .mycontainer-right{max-width:1250px;}

	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 80px;
	}
	

.date span {font-size: 220px;}
.date sup {font-size: 32px;}	

.checklist4 li {width: 100%;}	
}

@media (min-width:1400px) {
	.mycontainer{width: 1160px;}
	.mycontainer2{width:1219px;;}
	.ex{background-color:silver}

	.mycontainer-left, .mycontainer-right{max-width:1298px;}
	
	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 90px;
	}

.date span {font-size: 220px;}
.date sup {font-size: 32px;}	

.checklist4 li {width: 98%;}	
}

@media (min-width:1500px) {
	.mycontainer{width: 1310px;}
	.mycontainer2{width:1219px;}
	.ex{background-color:pink}

	.mycontainer-left, .mycontainer-right{max-width:1363px;}

.date span {font-size: 220px;}
.date sup {font-size: 32px;}	
	
.checklist4 li {width: 84%;}
}	


@media (min-width:1600px){
	.mycontainer{width: 1310px;}
.arrow5{visibility: visible;}


.date span {font-size: 220px;}
.date sup {font-size: 32px;}	

.checklist4 li {width: 85%;}
}

@media (min-width:1700px){
	.mycontainer{width: 1380px;}
}	

@media (min-width:1800px){
	.mycontainer{width: 1470px;}
}
@media (min-width:1900px){
	.mycontainer-left, .mycontainer-right{max-width:1363px;}
	.mycontainer{width: 1480px;}
	.mycontainer2{width:1280px;}
	.mainvideo {
		position: absolute;
		width: 441px;
		top: 20px;
		left: 104px;
	}
	
.checklist4 li {width: 76%;}
	
}
@media (min-width:2000px){
	.ex{background-color:black}
  
}

	
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}



/*section2*/
.section22-box {
	background: url(../images/section22.png) no-repeat center center;
    background-size: cover;
    background-color: #f5f5f5;
    border-radius: 25px;
    padding: 5% 6% 2% 6%;
	margin-top: -8%;
}
.titleBg2 {
    background-color: rgb(255, 226, 52);
    display: inline-block;
    color: #09090a;
    padding: 0.1% 2.5% 0.3% 2.5%;
    border-radius: 50px;
}
.titleBg3 {
    background-color: #bcbcbc;
    display: inline-block;
    color: #0f0f11;
    padding: 1% 6.8%;
    border-radius: 50px;
    box-shadow: 0px 7px 11px 0px rgb(115 115 115 / 27%);
    text-transform: uppercase;
}
.titleBg4 {
    background-color: #38a133;
    display: inline-block;
    color: #ffffff;
    padding: 1% 6.0%;
    border-radius: 50px;
    box-shadow: 0px 7px 11px 0px rgb(56 161 51 / 27%);
    text-transform: uppercase;
}
.titleBg4B{background-color: #466ae7;box-shadow: 0px 7px 11px 0px rgba(70, 106, 231, 0.27);}
.titleBg4C{background-color: #ff6d1d;box-shadow: 0px 7px 11px 0px rgba(255, 97, 29, 0.27);}
.titleBg4D{background-color: #ff6d1d;box-shadow: 0px 7px 11px 0px rgba(255, 97, 29, 0.27);}

.emoji {
    position: relative;
    top: -2px;
    left: 5px;
}






/*elements*/
.ele1{position: absolute;}
.ele2{position: absolute;z-index: 1;}
.ele3{position: absolute;z-index: 1;}
.ele4{position: absolute;z-index: 1;}
.ele5{position: absolute;z-index: 1;}
.ele6{position: absolute;z-index: 1;}

@media (min-width: 240px){

	
.ele1{bottom: 6%;left: 2%;max-width: 21%;}
.ele2{right: 2%;top: -14%;max-width: 24%;}
.ele3{left: 2%;top: 7%;max-width: 12%;}
.ele4{left: 2%;top: 49%;max-width: 10%;}
.ele5{right: 4%;top: 37%;max-width: 4%;}
.ele6{right: 3%;bottom: 18%;max-width: 7%;}


}


@media only screen and (min-width: 768px) {


.ele1{bottom: 6%;left: 2%;max-width: 16%;}
.ele2{right: 2%;top: -14%;max-width: 22%;}
.ele3{left: -1%;top: 7%;max-width: 12%;}
.ele4{left: 0%;top: 49%;max-width: 10%;}
.ele5{right: 3%;top: 37%;max-width: 4%;}
.ele6{right: 2%;bottom: 18%;max-width: 7%;}
		
}






@media only screen and (min-width: 992px) {
	

.ele1{bottom: 6%;left: 2%;max-width: 16%;}
.ele2{right: 2%;top: -12%;max-width: 20%;}
.ele3{left: 2%;top: 7%;max-width: 12%;}
.ele4{left: 2%;top: 49%;max-width: 10%;}
.ele5{right: 4%;top: 37%;max-width: 4%;}
.ele6{right: 3%;bottom: 18%;max-width: 7%;}	


}





@media only screen and (min-width: 1200px) {
		.mycontainer{width: 1070px;}

.ele1{bottom: 6%;left: 2%;max-width: 17%;}
.ele2{right: 2%;top: -15%;max-width: 22%;}
.ele3{left: 2%;top: 7%;max-width: 12%;}
.ele4{left: 2%;top: 49%;max-width: 10%;}
.ele5{right: 4%;top: 37%;max-width: 4%;}
.ele6{right: 3%;bottom: 18%;max-width: 7%;}	

}


@media (min-width:1300px) {
.mycontainer{width: 1270px;}
.ele1{bottom: 6%;left: 2%;max-width: 18%;}
.ele2{right: 2%;top: -14%;max-width: 20%;}
.ele3{left: 1%;top: 7%;max-width: 12%;}
.ele4{left: 1%;top: 49%;max-width: 10%;}
.ele5{right: 3%;top: 37%;max-width: 4%;}
.ele6{right: 2%;bottom: 18%;max-width: 7%;}	
	
}

@media (min-width:1400px) {
	.mycontainer{width: 1270px;}
.ele1{bottom: 6%;left: 2%;max-width: 18%;}
.ele2{right: 2%;top: -14%;max-width: 21%;}
.ele3{left: 1%;top: 7%;max-width: 12%;}
.ele4{left: 0%;top: 49%;max-width: 10%;}
.ele5{right: 3%;top: 37%;max-width: 4%;}
.ele6{right: 1%;bottom: 18%;max-width: 7%;}

}

@media (min-width:1500px){
.mycontainer{width:1500px;}
}
@media (min-width:1600px){
.mycontainer{width:1420px;}
.ele1{bottom: 6%;left: 2%;max-width: 21%;}
.ele2{right: 2%;top: -17%;max-width: 24%;}
.ele3{left: 2%;top: 7%;max-width: 12%;}
.ele4{left: 1%;top: 49%;max-width: 10%;}
.ele5{right: 4%;top: 37%;max-width: 4%;}
.ele6{right: 2%;bottom: 18%;max-width: 7%;}		

}
@media (min-width:1700px){
.mycontainer{width:1500px;}
.ele1{bottom: 6%;left: 2%;max-width: 20%;}
.ele2{right: 2%;top: -16%;max-width: 23%;}
.ele3{left: 2%;top: 7%;max-width: 11%;}
.ele4{left: 2%;top: 49%;max-width: 9%;}
.ele5{right: 4%;top: 37%;max-width: 4%;}
.ele6{right: 3%;bottom: 18%;max-width: 7%;}	
		
}
@media (min-width:1800px){
	.mycontainer{width: 1600px;}
.ele1{bottom: 6%;left: 2%;max-width: 19%;}
.ele2{right: 2%;top: -17%;max-width: 23%;}
.ele3{left: 1%;top: 7%;max-width: 11%;}
.ele4{left: 1%;top: 49%;max-width: 10%;}
.ele5{right: 4%;top: 37%;max-width:100%;}
.ele6{right: 3%;bottom: 18%;max-width:100%;}
		
}
@media (min-width:1900px){
.ele1{bottom: 6%;left: 2%;max-width:100%;}
.ele2{right: 2%;top: -20%;max-width:100%;}
.ele3{left: 2%;top: 7%;max-width:100%;}
.ele4{left: 2%;top: 49%;max-width:100%;}
.ele5{right: 4%;top: 37%;max-width:100%;}
.ele6{right: 3%;bottom: 18%;max-width:100%;}

}

@media (min-width:2000px){
	.mycontainer2 {
		width: 1800px;
	}
	
	

}


/* CSS */
.boxbuttons {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 13px 20px 13px;
    outline: 0;
    border: 1px solid black;
    cursor: pointer;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .boxbuttons:after {
    content: "";
    background-color: #ffe54c;
    width: 100%;
    z-index: -1;
    position: absolute;
    height: 100%;
    top: 7px;
    left: 7px;
    transition: 0.2s;
  }
  
  .boxbuttons:hover:after {
    top: 0px;
    left: 0px;
  }
  
  @media (min-width: 768px) {
    .boxbuttons {
      padding: 13px 50px 13px;
    }
  }



  .slider {
    position: relative;
    width: 100%;
    top: 0;
    overflow: hidden;
  }
  .slider .slider-row {
    width: 7576px;
    height: 678px;
    background-image: url(../images/slider3.png);
    background-size: 7576px 678px;
    animation: slide 70s linear infinite;
    background-repeat: repeat-x;
  }
  
  @keyframes slide {
    from {
      background-position-x: 0;
    }
    to {
      background-position-x: -7576px;
    }
  }
  
  .slider2-box{margin-top: 1.5%;}
  .slider2 {
    position: relative;
    width: 100%;
    
    overflow: hidden;
  }
  .slider2 .slider-row {
    width: 2038px;
    height: 266px;
    background-image: url(../images/slider2.png);
    background-size: 2038px 266px;
    animation: slide2 70s linear infinite;
    background-repeat: repeat-x;
  }
  
  @keyframes slide2 {
    from {
      background-position-x: -2038px;
    }
    to {
      background-position-x: 0;
    }
  }
  
  .slider-img {
      visibility: hidden;
  }


.videoBg {
    position: absolute;
    width: 100%;
}


.mainvideo-section {
    margin: auto;
    width: 92%;
    padding-top: 5%;
}



.headline-text {
    background: linear-gradient(180deg, #554f4f 0%, #272525 100%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}


.website{
    background: url(../images/head-box.png) no-repeat center center;
    padding: 17px;
    background-size: contain;
}







.logo {
    max-width: 250px;
}

.toplinks {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toplinks a {
    color: white;
    
}

.buynow {
    background: #0099ff;
    padding: 10px 20px;
    border-radius: 8px;
}


.buy_button_wrapper {
    border: rgba(255, 255, 255, 0.2);
}

.buy_button a {
    color: #fff;
    display: table;
    padding: 2% 7%;
    transition: all 0.5s;
    position: relative;
    margin: auto;
    border-radius: 30px;
    /* background: linear-gradient(270deg, rgb(153, 102, 255) 0%, rgb(0, 204, 255) 100%); */
    background: #0099ff;
    /* border: 5px solid rgb(0 0 0 / 33%); */
    border: 5px solid rgb(255 255 255 / 27%) ;
}

 
.buy_button a:hover {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    color: #fff !important;
    text-decoration: none !important;	
}




.top_checklist li {
    background: url(../images/checklist2.png) no-repeat left 10px;
    padding-left: 38px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 6px;
}


.top_checklist_box {
    background-color: rgba(65, 9, 101, 0.61);
    padding: 2% 4%;
    border-radius: 12px;
}



/* .step-container {
    overflow: visible; 
    position: relative; 
}

.step-image {
    position: absolute; 
    left: 150px; 
    z-index: 10; 
    max-height: 620px;
    
} */

.slider-container {
    overflow: hidden;
  }
  
  .image-slider {
    display: flex;
    animation: scroll linear infinite;
  }
  
  .image-slider img {
    height: 500px; 
    width: auto; 
    border-radius: 20px;
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      /* This will be dynamically set in JavaScript based on the total width of the images */
    }
  }
  

  .typing-block {
    border: 1px solid #0599ff; 
    padding: 20px;
    display: flex;
    flex-direction: column; /* Stack children vertically */
    align-items: center; /* Center children horizontally */
    justify-content: center; /* Center children vertically */
    max-width: 600px; 
    margin: 20px auto; 
    position: relative;
    margin-bottom: 60px; 
}


  .circle {
    position: absolute;
    width: 15px; 
    height: 15px; 
    background-color: white; 
    border: 1px solid #0599ff;
    border-radius: 50%;
  }

  .text-container {
    position: relative; /* For absolute positioning of the caret */
    text-align: center; /* Center the text inside the container */
    margin-bottom: 40px; 
    height: 100px; /* Set a fixed height to prevent height changes */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center the content vertically */
}
  
.phrases {
    display: none; /* Hide the phrases, they are used only by the script */
  }

  
   .top-left {
    top: -10px; 
    left: -10px;
  }
  
  .top-right {
    top: -10px;
    right: -10px; 
  }
  

  .bottom-left {
    bottom: -10px; 
    left: -10px; 
  }

  .bottom-right {
    bottom: -10px; 
    right: -10px; 
  }
  
  
  .text-container {
    display: flex;
    align-items: center;
  }
 
  
  .caret {
    font-size: 26px;
    opacity: 1;
    transition: opacity 0.5s; 
    animation: blink 1s infinite;
  }
  
  @keyframes blink {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
  }

  .star-icon {
    margin-right: 0.5em;
  }
  
.text_muted {
    color: #787879 ;
}

.generate_button {
    background-image: -moz-linear-gradient( -36.25deg, rgb(66,133,236) 0%, rgb(11,186,251) 100%);
    background-image: -webkit-linear-gradient( -36.25deg, rgb(66,133,236) 0%, rgb(11,186,251) 100%);
    background-image: -ms-linear-gradient( -36.25deg, rgb(66,133,236) 0%, rgb(11,186,251) 100%);
    border-radius: 60px;
    padding: 10px 20px;
    color: white;
    position: absolute; 
    bottom: -20px; 
    left: 50%; 
    transform: translate(50px, 0px);
}


.madewith {
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.67843) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.67843) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.67843) 100%);
    padding: 6% 4%;
    border-radius: 38px;
    position: absolute;
    top: 50%; /* Vertical center */
    left: 50%; /* Horizontal center */
    transform: translate(-50%, 100%); /* Adjust to center perfectly */
    z-index: 1000; 
    backdrop-filter: blur(10px);
    width: 100%;
    box-shadow: 0 5.038813659542939px 5.038813659542939px -0.3125px #00000040, 0 11.942878102854593px 11.942878102854593px -0.625px #00000040, 0 21.785044137941437px 21.785044137941437px -0.9375px #00000040, 0 36.21759214656777px 36.21759214656777px -1.25px #00000040, 0 58.488458165869815px 58.488458165869815px -1.5625px #00000040, 0 95.73980282226692px 95.73980282226692px -1.875px #00000040, 0 164.85747529010405px 164.85747529010405px -2.1875px #00000040, 0 300px 300px -2.5px #00000040;
}

.new-phrases {
    display: none; /* Hide the phrases as they are only used for the script */
}

.assistant_box {
    background: #fff;
    border-radius: 30px;
    border: 5px solid #d396ff61;
    width: 100%;
    padding: 25px 35px;
}

.send_button {
    background-image: -moz-linear-gradient( 121deg, rgb(123,2,249) 0%, rgb(145,0,254) 100%);
    background-image: -webkit-linear-gradient( 121deg, rgb(123,2,249) 0%, rgb(145,0,254) 100%);
    background-image: -ms-linear-gradient( 121deg, rgb(123,2,249) 0%, rgb(145,0,254) 100%);
    padding: 1% 3%;
    border-radius: 15px;
}



.section16 {
    background: url(../images/section16.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    padding: 5% 0 10% 0;
    position: relative;
    background-color: #121219;
}


.section-smiley {
    background: url(../images/smileybg.png) no-repeat center top;
    background-size: cover;
    padding: 2% 0 3% 0;
    position: relative;
}

.without-box-out {
    padding: 0 1% 0 7%;
    margin-top: 6%;
}

.w-box {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    padding: 5% 10%;
}

.with-box-out {
    padding: 0 5% 0 2%;
    margin-top: 6%;
}


.withoutlistnew li {
    background: url(../images/crossnew.png) no-repeat 0 5px;
    padding-left: 42px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 3%;
    padding-right: 0;
    margin-bottom: 3%;
    color: #000;
    text-align: left;
}


.withlistnew li {
    background: url(../images/ticknew.png) no-repeat 0 5px;
    padding-left: 42px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 3%;
    padding-right: 0;
    margin-bottom: 3%;
    color: #000;
    text-align: left;
}


.section18-box {
    padding: 20% 4% 16% 4%;
    border-radius: 80px;
    background-color: rgb(255, 255, 255);
    height: 100%;
}

.section18 {
    background: url(../images/section18.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0 2% 0;
    position: relative;
    overflow: hidden;
}

.perfect1-box{background-color:#f6d7ff;}
.perfect2-box{background-color:#c2fff3;}
.perfect3-box{background-color:#ffecd6;}
.perfect4-box{background-color:#d1e5ff;}
.perfect5-box{background-color:#fff3d5;}
.perfect6-box{background-color:#c4cff4;}
.perfect7-box{background-color:#ffd7e7;}
.perfect8-box{background-color:#cfe5ff;}
.perfect9-box{background-color:#ffd8ce;}
.perfect10-box{background-color:#b0efff;}
.perfect11-box{background-color:#d8ffb5;}


.section18-box-main {
    padding: 3.5%;
}

.section20 {
    background: url(../images/section20.png) no-repeat center top;
    background-size: cover;
    padding: 4% 0 3% 0;
    position: relative;
    overflow: hidden;
    z-index: 3;
}



.section21-box {
    border-radius: 40px;
    background: url(../images/section21.png) no-repeat center top;
    background-size: cover;
    background-color: #f5f5f5;
    padding: 4% 6% 2% 6%;
    margin-top: 2%;
    position: relative;
    z-index: 1;
}

.gradient-text2 {
    background-image: linear-gradient(to right, #fd8557 , #f03c89);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.without-box-out {
    padding: 0 1% 0 7%;
    margin-top: 6%;
}

.without-box-line {
    display: inline-block;
    border-radius: 20px;
    border: 2px solid #ee4747;
    padding: 0;
    position: relative;
    right: -17px;
}

.without-box {
    border-radius: 20px;
    background-color: rgb(238 71 71);
    padding: 9% 10.5% 5% 10.5%;
    height: 100%;
    position: relative;
    top: -17px;
    left: -17px;
}

.without-title {
    background-color: #fff;
    display: inline-block;
    color: #ee4747;
    padding: 1.6% 7% 1.6% 7%;
    border-radius: 50px;
}


.withoutlist li {
    background: url(../images/uncheck.png) no-repeat 0 5px;
    padding-left: 42px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 3%;
    padding-right: 0;
    margin-bottom: 3%;
    color: #fff;
    text-align: left;
}

.with-box {
    border-radius: 20px;
    background-color: rgb(121, 178, 0);
    padding: 9% 10.5% 5% 10.5%;
    height: 100%;
    position: relative;
    top: -17px;
    left: -17px;
}


.withlist li {
    background: url(../images/withcheck.png) no-repeat 0 5px;
    padding-left: 42px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 3%;
    padding-right: 0;
    margin-bottom: 3%;
    color: #fff;
    text-align: left;
}



.ele11 {
    right: 2%;
    bottom: 32%;
    max-width: 7%;
}



.with-title {
    background-color: #fff;
    display: inline-block;
    color: #63b000;
    padding: 1.6% 7% 1.6% 7%;
    border-radius: 50px;
}


.section22 {
    background: url(../images/section22-1.png) no-repeat center top;
    background-size: cover;
    padding: 16% 0 2% 0;
    position: relative;
    overflow: hidden;
    background-color: #121215;
    margin-top: -14%;
}



.section25 {
    background: url(../images/section25.png) no-repeat center top;
    background-size: cover;
    padding: 11% 0 8% 0;
    overflow: hidden;
    background-color: #121215;
    margin-top: -6%;
}


.section26 {
    background: url(../images/section26Bg.png) no-repeat center top;
    background-size: cover;
    padding: 0 0 4% 0;
    position: relative;
}

.section26-box {
    border-radius: 40px;
    background: url(../images/section26.png) no-repeat center bottom;
    background-size: cover;
    background-color: #f5f5f5;
    padding: 7% 6% 1% 6%;
    margin-top: -8%;
}


.funnel-detail-box-inn {
    background: url(../images/funnelBg.png) no-repeat center top;
    background-size: cover;
    margin: auto;
    border-radius: 20px;
    padding: 8% 3% 3% 3%;
    background-color: #121215;
}


#v-container {
    width: 100%;
    height: 1280px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 360px) {
    #v-container {
        height: 580px;
    }
}

.v-photobanner {
    position: absolute;
    width: 100%;
}

.v-photobanner img {
    width: 100%;
    height: auto;
    display: block;
}

@keyframes v-bannermove-normal {
    0% { transform: translateY(0); }
    100% { transform: translateY(-1866px); }
}

@keyframes v-bannermove-inverted {
    0% { transform: translateY(-1866px); }
    100% { transform: translateY(0); }
}

.v-photobanner-normal {
    animation: v-bannermove-normal 25s linear infinite;
}

.v-photobanner-inverted {
    animation: v-bannermove-inverted 30s linear infinite;
}

.block_slider_img {
    border-radius: 12px;
    margin-top: 15px;
}

.blocks_box{
    background: #f3f3f3;
    padding:  0;
    background-size: cover;
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 360px) {
    .blocks_box {
        height: 580px;
    }
}

@media (min-width: 768px) {
    .blocks_box {
        height: 980px;
    }
}

.overlay-blocks {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 40.518%, rgb(0 0 0 / 85%) 100%); */
    z-index: 1; 
}

.centered-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; 
    text-align: center;
    color: white; 
}




.readyblocks {
    background-image: -moz-linear-gradient( 271deg, rgb(200 200 200 / 54%) 0%, rgb(82 82 82 / 68%) 100%);
    background-image: -webkit-linear-gradient( 271deg, rgb(200 200 200 / 54%) 0%, rgb(82 82 82 / 68%) 100%);
    background-image: -ms-linear-gradient( 271deg, rgb(200 200 200 / 54%) 0%, rgb(82 82 82 / 68%) 100%);
    padding: 6% 4%;
    border-radius: 38px;
    backdrop-filter: blur(10px);
    width: 100%;
    /* box-shadow: 0 5.038813659542939px 5.038813659542939px -0.3125px #00000040, 0 11.942878102854593px 11.942878102854593px -0.625px #00000040, 0 21.785044137941437px 21.785044137941437px -0.9375px #00000040, 0 36.21759214656777px 36.21759214656777px -1.25px #00000040, 0 58.488458165869815px 58.488458165869815px -1.5625px #00000040, 0 95.73980282226692px 95.73980282226692px -1.875px #00000040, 0 164.85747529010405px 164.85747529010405px -2.1875px #00000040, 0 300px 300px -2.5px #00000040; */
}



.funnel-detail-box-list {
    border-radius: 15px;
    background-color: #fff;
    margin-top: 3%;
    padding: 7% 9% 9% 11%;
}

.tableChecklist li {
    background: url(../images/tableChecklist.png) no-repeat left 13px;
    padding-left: 50px;
    padding-right: 0%;
    list-style: none;
    margin-left: 0px;
    padding-top: 9px;
    padding-bottom: 7px;
    margin-bottom: 7px;
    text-align: left;
}

.tableChecklist li.title {
    background: transparent !important;
    padding-left: 0;
    font-weight: 700;
}


.tableChecklist .green {
    color: #689F38;
    background: transparent;
    padding: 0;
}

.btitle {
    background-color: #FF2222;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    width: 100%;
}


.section29 {
    background: url(../images/section29.png) no-repeat center top;
    background-size: cover;
    padding: 6% 0 0% 0;
    position: relative;
    overflow: hidden;
}

.titleBg10 {
    display: inline-block;
    color: #ffffff;
    padding: 1.4% 4.2% 1.3% 4.2%;
    border-radius: 20px;
    background-color: rgb(255, 59, 59);
}


.mybutton a {
    color: #ffffff;
    padding: 2.6% 8.6%;
    display: table;
    margin: auto;
    transition: 0.5s;
    border-radius: 40px;
    box-shadow: 0px 16px 40px 0px rgb(0 0 0 / 46%);
    position: relative;
    z-index: 1;
    background-image: -webkit-linear-gradient( 0deg, rgba(228,117,1,0.99608) 0%, rgb(238,65,41) 100%);
}

.b1 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}


.faq-section {
    background: url(../images/faqBg.png) no-repeat center top;
    background-size: cover;
    padding: 4% 0 2% 0;
    position: relative;
    overflow: hidden;
}

.question-box {
    padding: 1.5% 1.5%;
}

.question-box-inn {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    padding: 6% 6%;
    margin: 6% 0;
    box-shadow: 0px 16px 68px 0px rgb(0 0 0 / 6%);
}


.language_box {
    transform: perspective(1200px) translateX(0px) translateY(7.31884px) scale(0.926812) rotate(0deg) rotateX(7.31884deg) rotateY(0deg) translateZ(0px);
    transition: transform 0.3s ease-out;
}



.ai_features {
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(167,162,239,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(167,162,239,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(167,162,239,0.4902) 0%, rgb(255,255,255) 100%);
    background-size: cover;
    padding: 8% 0 8% 0;
    position: relative;
}

.ai_featuer_box_1 {
        background-image: -moz-linear-gradient( 90deg, rgb(49,42,181) 0%, rgb(25,21,91) 55%, rgb(0,0,0) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(49,42,181) 0%, rgb(25,21,91) 55%, rgb(0,0,0) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(49,42,181) 0%, rgb(25,21,91) 55%, rgb(0,0,0) 100%);
        box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
        border-radius: 35px;
        padding: 5% 5% 0% 5%;
        box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
}

.ai_featuer_box_2 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.ai_featuer_box_2 img {
    margin-bottom: -4% !important;
}

.ai_featuer_box_3 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.ai_featuer_box_3 img {
    margin-bottom: -4% !important;
    margin-left: -10% !important;
}

.ai_featuer_box_4 {
    background: url(../images/ai_feature_box_4_bg.png) no-repeat center top;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 5% 5% 5% 5%;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
}




.editor_features {
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(43,40,118) 0%, rgb(12,12,63) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(43,40,118) 0%, rgb(12,12,63) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(43,40,118) 0%, rgb(12,12,63) 100%);
    background-size: cover;
    padding: 8% 0 7% 0;
    position: relative;
}



.editor_featuer_box_1 {
    background: #fff;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 5% 5% 0% 5%;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}


.editor_featuer_box_1 img {
    margin-bottom: -6% !important;
    margin-left: 16% !important;
    margin-top: 8% !important;
}

.editor_featuer_box_2 {
    background-color: rgb(17, 16, 44);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 5% 5% 0% 5%;
    overflow: hidden;
}


.editor_featuer_box_2 img {
    margin-top: -8% !important;
}

.editor_featuer_box_3 {
    border-radius: 35px;
    padding: 9% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.editor_featuer_box_3 img {
    margin-bottom: -6% !important;
    margin-left: 1% !important;
}


.editor_featuer_box_4 {

    border-radius: 35px;
    padding: 9% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}


.blocks-slider-container {
    overflow: hidden;
    width: 100%;
}

.blocks-slider {
    display: flex;
    width: 560%;
    animation: blocks-slide 20s infinite linear;
}

.blocks-slider-img {
    width: 12.5%; 
    margin-left: 25px;
    flex-shrink: 0;
    border-radius: 12px;
}

@keyframes blocks-slide {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.editor_featuer_box_5 {

    border-radius: 35px;
    padding: 9% 0% 0% 5%;
    background-image: -moz-linear-gradient( 90deg, rgb(49,42,181) 0%, rgb(25,21,91) 55%, rgb(0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(49,42,181) 0%, rgb(25,21,91) 55%, rgb(0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(49,42,181) 0%, rgb(25,21,91) 55%, rgb(0,0,0) 100%);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.editor_featuer_box_5 img {
    margin-top: -15%;
}

.editor_featuer_box_6 {
    border-radius: 35px;
    padding: 9% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
} 

.editor_featuer_box_6 img {
    margin-bottom: -25% !important;
    margin-left: 1% !important;
}


.editor_featuer_box_7 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.editor_featuer_box_7 img {
    margin-bottom: -4% !important;
}

.editor_featuer_box_8 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.editor_featuer_box_8 img {
    margin-bottom: -6% !important;
    margin-left: -10% !important;
}




.editor_featuer_box_9 {
    background: #fff;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 5% 5% 0% 5%;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}


.editor_featuer_box_9 img {
    margin-bottom: -4% !important;
    margin-left: 11% !important;
    margin-top: 3% !important;
}


.media_features {
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(252,146,191,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(252,146,191,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(252,146,191,0.4902) 0%, rgb(255,255,255) 100%);
    background-size: cover;
    padding: 8% 0 3% 0;
    position: relative;
}


  

.media_featuer_box_1 {
    background-image: -moz-linear-gradient( 90deg, rgb(236,3,97) 0%, rgb(244,38,122) 55%, rgb(251,73,146) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(236,3,97) 0%, rgb(244,38,122) 55%, rgb(251,73,146) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(236,3,97) 0%, rgb(244,38,122) 55%, rgb(251,73,146) 100%);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 5% 5% 0% 5%;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.media_featuer_box_1 img {
    margin-bottom: -10% !important;
    margin-left: 15% !important;
    margin-top: -6% !important;
}



.media_featuer_box_2 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.media_featuer_box_2 img {
    /* margin-bottom: -4% !important; */
}

.media_featuer_box_3 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.media_featuer_box_3 img {
    margin-bottom: -3% !important;
    margin-left: -6% !important;
}



.animation_features {
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(254,224,199,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(254,224,199,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(254,224,199,0.4902) 0%, rgb(255,255,255) 100%);
    background-size: cover;
    padding: 8% 0 8% 0;
    position: relative;
}


.animation_featuer_box_1 {
    background-image: -moz-linear-gradient( 90deg, rgb(251,22,32) 0%, rgb(251,64,23) 55%, rgb(251,105,13) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(251,22,32) 0%, rgb(251,64,23) 55%, rgb(251,105,13) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(251,22,32) 0%, rgb(251,64,23) 55%, rgb(251,105,13) 100%);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 5% 5% 0% 5%;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.animation_featuer_box_1 img {
    margin-bottom: -5% !important;
    margin-left: 12% !important;
    margin-top: -2% !important;
}






.animation_featuer_box_2 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.animation_featuer_box_2 img {
    margin-bottom: -16% !important;
    margin-left: 10% !important;
    margin-top: -6% !important;
}


.animation_featuer_box_3 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.animation_featuer_box_3 img {
    margin-bottom: -16% !important;
    margin-left: -4% !important;
    margin-top: -6% !important;
}



.animation_featuer_box_4 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.animation_featuer_box_4 img {
    margin-bottom: -16% !important;
    margin-left: -17% !important;
    margin-top: -6% !important;
}

.seo_features {
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgba(82,158,156,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(82,158,156,0.4902) 0%, rgb(255,255,255) 100%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgba(82,158,156,0.4902) 0%, rgb(255,255,255) 100%);
    background-size: cover;
    padding: 8% 0 8% 0;
    position: relative;
}
.seo_features_box_1 {
    background-image: -moz-linear-gradient( 90deg, rgb(44,220,213) 0%, rgb(43,216,204) 55%, rgb(42,211,195) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(44,220,213) 0%, rgb(43,216,204) 55%, rgb(42,211,195) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(44,220,213) 0%, rgb(43,216,204) 55%, rgb(42,211,195) 100%);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 3% 3% 0% 3%;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.seo_features_box_1 img {
    margin-bottom: -7% !important;
    margin-left: 16% !important;
    margin-top: -2% !important;
}


.seo_features_box_2 {
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.seo_features_box_2 img {
    margin-bottom: -11% !important;
    margin-left: 5% !important;
    margin-top: 0% !important;
}



.autoresponder_box {
    background-image: -moz-linear-gradient( -72.55deg, rgb(0,0,0) 0%, rgb(11,38,60) 100%);
    background-image: -webkit-linear-gradient( -72.55deg, rgb(0,0,0) 0%, rgb(11,38,60) 100%);
    background-image: -ms-linear-gradient( -72.55deg, rgb(0,0,0) 0%, rgb(11,38,60) 100%);
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    border-radius: 35px;
    padding: 5% 0% 0% 5%;
    box-shadow: 2.163px 6.657px 40px 0px rgba(109, 109, 109, 0.18);
    overflow: hidden;
}

.autoresponder_box img {
    /* margin-bottom: -7% !important; */
    margin-left: 8% !important;
    margin-top: -2% !important;
}



  
.top_features {
    background: #000;
    padding: 3% 0 8% 0;
}


.bf-banner-2023-content {
    position: sticky;
    top: 0;
    background: #000; /* Adjust background as needed */
    color: white;
    padding: 10px;
    z-index: 1000;
}

.glitch-effect {
    position: relative;
    color: white;
    animation: glitch-skew 1s infinite linear alternate-reverse;
}

@keyframes glitch-skew {
    0% {
        transform: skew(0deg);
    }
    10% {
        transform: skew(5deg);
    }
    90% {
        transform: skew(-5deg);
    }
    100% {
        transform: skew(0deg);
    }
}



.top-title{
    border: 2px solid transparent;
    
    border-image: linear-gradient(to right, 
      rgba(255, 255, 255, 0), 
      rgba(0, 255, 255, 0.75), 
      rgba(0, 0, 255, 0.5), 
      rgba(0, 255, 255, 0.75), 
      rgba(255, 255, 255, 0)) 1 stretch;
    
    border-radius: 60px;
    background: #191e3d;
    padding: 10px 50px;
    display: table;
    margin: 1% auto 0% auto;
  
  }
  

  .demo_bg_box 
    {
        background: url(../images/demobg.png) no-repeat center top;
        background-size: cover;
        /* padding: 8% 0 8% 0; */
        position: relative;
        overflow: hidden;
        border-radius: 50px;
    }

    .demo-video {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%);
        background-color: #fff;
        margin: 5%;
        
    }
    

    .demo-video {
        transform: perspective(1200px) translateX(0px) translateY(7.31884px) scale(0.926812) rotate(0deg) rotateX(7.31884deg) rotateY(0deg) translateZ(0px);
        transition: transform 0.3s ease-out;
    }

    
    
    .demo-video::before {
        content: '';
        position: absolute;
        top: -5px; /* Adjust these values as needed */
        left: -5px;
        right: -5px;
        bottom: -5px;
        background: #b785ff;
        z-index: -1;
        filter: blur(8px); /* Adjust blur amount as needed */
        border-radius: 25px; /* Slightly larger than the border-radius of the element */
    }
    .floating-bar {
        bottom: 10px;
        background: rgba(17, 17, 17, .8);
        border: 1px solid rgba(255, 255, 255, .1);
        box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%);
        position: fixed;
        z-index: 999;
        width: 80%;
        backdrop-filter: blur(40px);
        border-radius: 60px;
        left: 50%;
        transform: translateX(-50%);
        padding: 1px 10px 10px 10px;
        
    }
    
    .buynow_sticky {
        background: #0099ff;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    }


    .testimonials_bg {
        background-image: 
            url('../images/testimonial_bg.jpg') ;
            
        background-size: cover;
        background-position: center center, 0 0;
        background-repeat: no-repeat, repeat;
        z-index: 1;
        padding: 7% 0 7% 0;
    }
    .testimonial_box {
        background: #fff;
        border-radius: 35px;
        padding: 30px;
    }

    .testimonial_box video {
        border-radius: 30px;
    }