html {
scroll-behavior: smooth;
}
body{
font-family: 'Poppins', sans-serif;
color: #000222;
font-size: 14px;
}
@media (min-width: 1200px) {
.container{
max-width: 1270px !important;
}
}
.white-clr{
color: #fff;
}
.orange-clr{
color: #FF5E2E;
}
.blue-clr{
color: #5C64F1;
}
.red-clr{
color: #FF2C2C;
}
.grey-clr{
color: #999;
}
.underline{
border-bottom: 1px solid;
}
/******* CTA Button **********/
a.cta-link-btn {
border-radius: 100px;
text-decoration: none;
text-align: center;
display: block;
padding: 15px 0px;
color: #ffffff;
font-weight: 700;
font-size: 20px;
line-height: normal;
white-space: normal;
align-items: center;
background-image: -moz-linear-gradient(180deg, #FF5E2E 0%, #FB0904 100%);
background-image: -webkit-linear-gradient(180deg, #FF5E2E 0%, #FB0904 100%);
background-image: -ms-linear-gradient(180deg, #FF5E2E 0%, #FB0904 100%);
transition: 0.5s;
border-radius: 15px;
}
a.cta-link-btn:hover {
background: linear-gradient(180deg, #FB0904 0%, #FF5E2E 100%);
}
@media (min-width: 768px) {
a.cta-link-btn {
font-size: 34px;
padding: 24px 25px;
}
}
a.cta-link-btn.btn-sm {
border-radius: 100px;
text-decoration: none;
text-align: center;
display: block;
padding: 15px 0px;
color: #ffffff;
font-weight: 700;
font-size: 20px;
line-height: normal;
white-space: normal;
align-items: center;
background-image: -moz-linear-gradient(180deg, #FF5E2E 0%, #FB0904 100%);
background-image: -webkit-linear-gradient(180deg, #FF5E2E 0%, #FB0904 100%);
background-image: -ms-linear-gradient(180deg, #FF5E2E 0%, #FB0904 100%);
transition: 0.5s;
border-radius: 15px;
}
a.cta-link-btn.btn-sm:hover {
background: linear-gradient(180deg, #FB0904 0%, #FF5E2E 100%);
}
@media (min-width: 768px) {
a.cta-link-btn.btn-sm {
font-size: 26px;
padding: 15px;
}
}
/* Header Section Start */
.header-sec{
padding: 30px 0px;
background: #060021;
}
.logo{
max-height: 60px;
}
.pre-heading {
display: inline-block;
padding: 10px 30px;
background-color: rgba(0, 0, 0, 0.36);
box-shadow: 0px 0px 20px 0px rgba(122, 0, 226, 0.48);
border-radius: 50px;
border: 1px solid rgb(122, 0, 226);
/* box-shadow: 5px 5px 0px 0 rgba(255, 255, 255); */
}
.orange-heading{
background: #FF5E2E;
padding: 10px 20px;
display: inline-block;
border-radius: 20px;
}
.yellow-heading{
background: #ffce2e;
padding: 10px 20px;
display: inline-block;
border-radius: 20px;
}
.yellow-heading{
background: #2ebdff;
padding: 10px 20px;
display: inline-block;
border-radius: 20px;
}
.video-wall{
border-radius: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(217, 217, 217, 0.03) 100%);
backdrop-filter: blur(10px);
padding: 20px;
}
.video-box{
position: relative;
}
.aibizbox-list{
list-style: none;
}
.aibizbox-list.style-1{
color: #fff;
border-radius: 20px;
border: 1px solid #204962;
background: rgba(255, 255, 255, 0.05);
padding: 15px 0;
}
.aibizbox-list li{
background: url(../images/check-mark.png) no-repeat;
background-position: 10px 10px;
text-align: left;
width: 100%;
padding-left: 55px;
padding-bottom: 15px;
}
@media(min-width:768px){
.header-sec{
background: #EAEAEA url(../images/header-bg.jpg) no-repeat center bottom;
padding: 30px 0px 100px;
background-size: cover;
}
.orange-heading{
background: url(../images/orange-heading.webp) no-repeat center center;
background-size: 100% 100%;
padding: 15px 40px;
}
.yellow-heading{
background: url(../images/yellow-heading.webp) no-repeat center center;
background-size: 100% 100%;
padding: 15px 40px;
}
.blue-heading{
background: url(../images/blue-heading.webp) no-repeat center center;
background-size: 100% 100%;
padding: 15px 40px;
}
.post-headline{padding: 20px 30px;}
.main-heading{
background: url(../images/main-headline-bg.webp) no-repeat center center;
background-size: 100% 100%;
padding: 20px;
}
.purpule-heading{
background: url(../images/purpule-heading.png) no-repeat center center;
background-size: 100% 100%;
padding: 15px 40px;
}
.heding-shape {
background: url(../images/heding-shape.png) no-repeat center;
background-size: auto;
background-size: 100% 100%;
padding: 0px 25px;
}
}
.text-success {
color: #87FF5C !important;
}
.second-box{
background-image: linear-gradient(90deg,rgb(228, 60, 87) 0%, rgb(130, 0, 255) 100%);
}
/* Header Section End */
/* List Section Start */
.list-sec{
padding: 30px 0px;
background: #EAEAEA;
}
.list-container{
padding: 15px;
position: relative;
width: 100%;
text-align: center;
border-radius: 20px;
border: 1px solid #FF5E2E;
background: #FFF;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
}
.header-list-container{
padding: 15px;
width: 100%;
text-align: center;
border-radius: 20px;
border: 1px solid #FF5E2E;
background: #FFF;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
}
@media(min-width:768px){
.list-sec{
background: url(../images/list-bg.webp) no-repeat center center;
background-size: cover;
padding: 0px 0px 100px 0px;
}
.list-container{
padding: 25px;
margin-top: -200px;
}
.header-list-container{
padding: 25px;
}
}
/* List Section End */
/* Feature List Section Start */
.feature-list-sec{
padding: 30px 0px;
background: #000421;
}
.feature-head-design{
padding: 20px;
background: #5C64F1;
}
.fe-list-wall{
border-radius: 20px;
border: 1px solid #204962;
background: rgba(255, 255, 255, 0.05);
padding: 20px;
}
@media(min-width:768px){
.feature-list-sec{
padding: 100px 0px;
background: url(../images/feature-list-bg.webp) no-repeat center center;
background-size: cover;
}
.feature-head-design{
padding: 20px 35px;
display: inline-block;
background: url(../images/feature-head.webp) no-repeat center center;
background-size: 100% 100%;
}
.fe-list-wall{
height: 100%;
}
}
/* Feature List Section End */
/* Testimonial Section Start */
.testimonial-sec{
padding: 30px 0px;
background: #EAEAEA;
}
.testimonial-wall {
padding: 20px;
border-radius: 20px;
background: #FFF;
border: 2px solid #DDD;
}
.testimonial-wall ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.testimonial-wall ul li {
list-style-type: none;
display: inline-block;
}
.testimonial-wall ul li i{
color:#FFC635;
}
.cta-sec{
padding: 20px;
background: #000222;
}
@media(min-width:768px){
.testimonial-sec{
padding: 100px 0px;
}
.testimonial-wall {
padding: 29px;
height: 100%;
}
.cta-sec{
background: url(../images/cta-bg.webp) no-repeat center center;
background-size: 100% 100%;
padding: 80px;
}
}
/* Testimonial Section End */
/* Launch AI Section Start */
.launch-ai-sec{
padding: 30px;
background: #051755;
}
@media(min-width:768px){
.launch-ai-sec{
padding: 100px 0px;
background: url(../images/launch-bg.webp) no-repeat center center;
background-size: cover;
}
}
/* Launch AI Section End */
/* First Section Start */
.first-sec{
padding: 30px 0px;
background: #EAEAEA;
}
.first-head-design{
background: #2D3AFF;
padding: 20px;
}
@media(min-width:768px){
.first-sec{
padding: 100px 0px;
background: url(../images/first-bg.webp) no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
.first-head-design{
background: url(../images/first-head.webp) no-repeat center center;
background-size: 100% 100%;
padding: 30px 77px;
display: inline-block;
}
.visitor-demo{
position: relative;
display: inline-block;
}
.visitor-demo::before{
position: absolute;
content: url('../images/left-red-arrow.webp');
top: 25px;
left: -45px;
}
.visitor-demo::after{
position: absolute;
content: url('../images/right-red-arrow.webp');
top: 25px;
right: -45px;
}
}
/* First Section End */
/* Generate Revenue Section Start */
.generate-revenue-sec{
padding: 30px 0px;
background: #2D3AFF;
}
@media(min-width:768px){
.generate-revenue-sec{
padding: 80px 0px 130px 0px;
background: #e8e9ea url(../images/generate-revenue-bg.webp) no-repeat center center;
background-size: cover;
}
}
/* Generate Revenue Section End */
/* Income Stream Section Start */
.income-stream-sec{
padding: 30px 0px;
background: #EAEAEA;
}
.income-stream-wall{
padding: 0px 20px 20px 20px;
border-radius: 30px;
border: 2px solid #DDD;
background: #FFF;
}
.income-head{
padding: 10px 20px;
background: url(../images/income-stream.webp) no-repeat center center;
background-size: 100% 100%;
margin-top: -10px;
}
@media(min-width:768px){
.income-stream-sec{
padding: 50px 0px 100px 0px;
background: url(../images/income-stream-bg.webp) no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
.income-stream-wall{
padding: 0px 50px 50px 50px;
}
.income-head{
display: inline-block;
padding: 9px 98px;
}
}
/* Income Stream Section End */
/* White Section Start */
.white-sec{
padding: 30px 0px;
}
@media(min-width:768px){
.white-sec{
padding: 100px 0px;
}
}
/* White Section End */
/* Reason Section Start */
.reason-sec{
padding: 30px 0px;
background: #000885;
}
.reason-head{
padding: 10px 20px;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.20);
background: rgba(255, 255, 255, 0.10);
}
.reason-wall{
border-radius: 30px;
border: 2px solid #FF2C2C;
background: #FFF;
padding: 0px 20px 20px 20px;
}
.reason-headline {
padding: 10px 20px;
background: url(../images/income-stream.webp) no-repeat center center;
background-size: 100% 100%;
margin-top: -10px;
}
.reason-head-design{
padding: 10px 20px;
background: #FF2C2C;
}
.cta-sec2{
padding: 20px;
background: #000222;
}
@media(min-width:768px){
.reason-sec{
padding: 100px 0px;
background: url(../images/reason-sec-bg.webp) no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
.reason-head{
padding: 18px 15px;
display: inline-block;
}
.reason-wall{
padding: 0px 50px 50px 50px;
}
.reason-headline{
display: inline-block;
padding: 9px 98px;
}
.reason-head-design{
padding: 4px 15px;
background: url(../images/reason-head-design.webp) no-repeat center center;
background-size: 100% 100%;
display: inline-block;
}
.cta-sec2{
background: url(../images/cta-bg2.webp) no-repeat center center;
background-size: 100% 100%;
padding: 80px;
}
}
/* Reason Section End */
/* Software section Start */
.software-sec{
padding: 30px 0px;
background: #2082d3;
}
@media(min-width:768px){
.software-sec{
background: url(../images/software-bg.webp) no-repeat center center;
background-size: cover;
padding: 100px 0px;
}
}
/* Software section End */
/* Achieving Section Start */
.achieving-wall{
background: url(../images/copywriting.webp) no-repeat center center;
background-size: cover;
padding: 20px;
position: relative;
height: 100%;
border-radius: 20px;
}
.achieving-wall::before{
content: "";
border-radius: 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, #000 100%, #000 100%);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.achieving-inner-box{
position: relative;
z-index: 2;
}
.achieving-box{
border-radius: 20px;
background: #5C64F1;
padding: 9px 20px;
display: inline-block;
}
.mtm40{
margin-top: -40px;
}
.achieving-wall2{
background: url(../images/article-writing.webp) no-repeat center center;
background-size: cover;
}
.achieving-wall3{
background:url(../images/blog-posts.webp) no-repeat center center;
background-size: cover;
}
.achieving-wall4{
background:url(../images/hashtags.webp) no-repeat center center;
background-size: cover;
}
.achieving-wall5{
background:url(../images/social-media-posts.webp) no-repeat center center;
background-size: cover;
}
.achieving-wall6{
background:url(../images/operational-costs.webp) no-repeat center center;
background-size: cover;
}
@media(min-width:768px){
.achieving-box{
border-radius: 40px;
padding: 9px 24px;
}
}
/* Achieving Section End */
.disadvantage-sec{
background: #FFE9E9;
padding: 30px 0px;
}
.disadvantage-head{
background: #FF2C2C;
padding: 10px 20px;
display: inline-block;
}
.disadvantage-wall{
background: url(../images/lack-commitment.webp) no-repeat center center;
background-size: cover;
padding: 20px;
position: relative;
height: 100%;
border-radius: 20px;
}
.disadvantage-wall::before{
content: "";
border-radius: 20px;
background: linear-gradient(180deg, rgba(108, 0, 0, 0.00) 0%, rgba(108, 0, 0, 0.90) 36.27%, #2B0000 100%);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.disadvantage-inner-box {
position: relative;
z-index: 2;
}
.disadvantage-wall2{
background: url(../images/communication-challenges.webp) no-repeat center center;
background-size: cover;
}
.disadvantage-wall3{
background: url(../images/quality-consistency.webp) no-repeat center center;
background-size: cover;
}
.disadvantage-wall4{
background: url(../images/reliability-accountability.webp) no-repeat center center;
background-size: cover;
}
.disadvantage-wall5{
background: url(../images/limited-skillset.webp) no-repeat center center;
background-size: cover;
}
.disadvantage-wall6{
background: url(../images/lack-collaboration.webp) no-repeat center center;
background-size: cover;
}
@media(min-width:768px){
.disadvantage-sec{
padding: 100px 0px;
}
.disadvantage-head{
background: url(../images/disadvantage-heading.webp) no-repeat center center;
background-size: 100% 100%;
padding: 20px 35px;
}
}
/* AI Tools Section Start */
.ai-tool-sec{
padding: 30px 0px;
background: #f4f4f4;
}
@media(min-width:768px){
.ai-tool-sec{
background: url(../images/ai-tool-bg.webp) no-repeat center center;
background-size: cover;
padding: 100px 0px;
}
.ai-tool-wall{
height: 100%;
}
}
/* What If Section Start */
.what-if-sec{
background: url(../images/what-if-bg.webp) no-repeat center center;
background-size: cover;
padding: 30px 0px;
}
@media(min-width:768px){
.what-if-sec{
padding: 100px;
}
}
/* What If Section End */
/* Introducing Section Start */
.intro-sec{
padding: 30px 0px;
background: url(../images/intro-bg.webp) no-repeat center center;
background-size: cover;
}
.intro-head{
padding: 10px 20px;
background: #00287E;
display: inline-block;
}
@media(min-width:768px){
.intro-sec{
padding: 100px 0px;
}
.intro-head{
background: url(../images/intro-head.webp) no-repeat center center;
background-size: 100% 100%;
padding: 22px 45px;
}
}
/* Introducing Section End */
/* Steps Section Start */
.step-sec{
background: #EFF5F9;
padding: 30px 0px;
}
.step-head-1 {
padding: 10px 60px;
background-color: #2c2d35!important;
display: inline;
border-radius: 50px;
box-shadow: 5px 5px 0 0 rgb(77, 82, 163);
}
.step-head{
background: url(../images/step-head.webp) no-repeat center center;
background-size: 100% 100%;
padding: 5px 30px 5px 15px;
display: inline-block;
}
@media(min-width:768px){
.step-sec{
padding: 100px 0px 300px 0px;
background: url(../images/step-bg.webp) no-repeat center center;
background-size: cover;
}
}
/* Steps Section End */
/* AIbizbox Section Start */
.aibizbox-sec{
padding: 30px 0px;
}
.cta-top{
position: relative;
width: 100%;
text-align: center;
border-radius: 20px;
}
.ai-pills{display: inline-block;}
.ai-pills li{
display: inline-block;
border-radius: 10px;
background: #5C64F1;
padding: 5px 8px;
margin-right: 5px;
}
.ai-pills li:last-child{
margin-right: 0px;
}
@media(min-width:768px){
.aibizbox-sec{padding: 0px 0px 100px 0px;}
.cta-top{margin-top: -200px;}
.ai-pills li{
padding: 9px 20px;
margin-right: 20px;
}
}
/* AIbizbox Section End */
/* Say No Section Start */
.cross-list{
list-style: none;
}
.cross-list li{
background: url(../images/cross.webp) no-repeat;
padding: 10px 0px 10px 45px;
background-position: 0px 17px;
text-align: left;
width: 100%;
}
/* Say No Section End */
/* AI Automation Section Start */
.ai-automation-sec{
padding:30px 0px;
background: #00082C;
}
.ai-automation-head{
padding: 10px 20px;
background: #FF5E2E;
}
.ai-automation-list{
list-style: none;
}
.ai-automation-list li{
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.30);
background: rgba(92, 100, 241, 0.20);
text-align: left;
width: 100%;
padding: 20px;
margin-bottom: 20px;
}
.ai-automation-list li:last-child{
margin-bottom: 0px;
}
@media(min-width:768px){
.ai-automation-sec{
padding: 100px 0px;
background: url(../images/ai-automation-bg.webp) no-repeat center center;
background-size: cover;
}
.ai-automation-head{
background:url(../images/ai-automation-head.webp) no-repeat center center;
background-size: 100% 100%;
padding: 50px;
}
.ai-automation-list li{
padding: 30px;
}
}
/* AI Automation Section End */
/* Imagine Section Start */
.imagine-sec{
padding: 30px 0px;
background: #2D3AFF;
}
@media(min-width:768px){
.imagine-sec{
padding: 60px 0px 110px 0px;
background: url(../images/generate-revenue-bg.webp) no-repeat center center;
background-size: 100% 100%;
}
}
/* Imagine Section End */
/* Grey Section Start */
.grey-sec{
background: #EAEAEA;
padding: 30px 0px;
}
@media(min-width:768px){
.grey-sec{padding: 100px 0px;}
}
.email-wall{
background: url(../images/email-subject-lines.webp) no-repeat center center;
background-size: cover;
padding: 20px;
position: relative;
height: 100%;
border-radius: 30px;
}
.email-wall::before {
content: "";
border-radius: 30px;
background: rgba(0, 0, 0, 0.80);;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.email-box{
position: relative;
z-index: 2;
}
.email-head{
background: url(../images/orange-brush.webp) no-repeat center center;
background-size: 100% 100%;
padding: 11px 22px;
display: inline-block;
}
.email-wall2{
background: url(../images/cover-letter.webp) no-repeat center center;
background-size: cover;
}
@media(min-width:768px){
.email-wall{padding: 30px;}
.email-head{
padding: 22px 85px;
}
}
.blog-wall{
background: url(../images/blog1.webp) no-repeat center center;
background-size: cover;
padding: 20px;
position: relative;
border-radius: 30px;
}
.blog-wall::before {
content: "";
border-radius: 30px;
background: rgba(0, 0, 0, 0.80);;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.blog-wall2{
background: url(../images/blog2.webp) no-repeat center center;
background-size: cover;
}
@media(min-width:768px){
.blog-wall{padding: 30px;}
}
/* Article Section Start */
.article-sec{
background: url(../images/what-if-bg.webp) no-repeat center center;
background-size: cover;
padding: 30px 0px;
}
@media(min-width:768px){
.article-sec{
padding: 100px 100px 150px 100px;
}
}
/* Article Section End */
.ads-sec{
padding: 30px 0px;
}
.ads-top{
position: relative;
width: 100%;
text-align: center;
}
.ads-wall{
border-radius: 30px;
background: #092249;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ads-wall .ads-img{
border-radius: 10px;
background: #FFF;
width: 150px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
@media(min-width:768px){
.ads-sec{padding: 0px 0px 100px 0px;}
.ads-top{margin-top: -50px;}
.ads-wall{padding: 0px 20px 20px 20px;}
.ads-wall{height: 100%;}
.ads-wall .ads-img{margin-top: -50px;}
}
.youtube-wall{
border-radius: 20px;
background: #290000;
padding: 20px;
}
@media(min-width:768px){
.youtube-wall{padding: 30px; height: 100%;}
}
/* Advanced Image Editor Section Start */
.advanced-image-editor-sec{
padding: 30px 0px;
background: url(../images/advanced-image-editor-bg.webp) no-repeat center center;
background-size: cover;
}
@media(min-width:768px){
.advanced-image-editor-sec{padding: 100px 0px 130px 0px;}
}
/* Advanced Image Editor Section End */
/* Convert Text To Audio Section Start */
.text-audio-sec{
padding:30px 0px;
background: url(../images/text-audio-bg.webp) no-repeat center center;
background-size: cover;
}
@media(min-width:768px){
.text-audio-sec{
padding: 100px 0px 300px 0px;
}
}
/* Convert Text To Audio Section End */
.social-media-wall{
border-radius: 20px;
background: #092249;
padding: 20px;
text-align: center;
}
@media(min-width:768px){
.social-media-wall{padding: 30px;}
}
/* Landing Section Start */
.landing-sec{
padding: 30px 0px;
background: #e4f5f9;
}
@media(min-width:768px){
.landing-sec{
padding: 100px 0px;
/* background: url(../images/landing-bg.webp) no-repeat center center; */
background-size: cover;
background: #e4f5f9;
}
}
/* Landing Section End */
.funeel-sec{
padding: 30px 0px;
background: url(../images/funnel-generator-bg.webp) no-repeat center center;
background-size: cover;
}
@media(min-width:768px){
.funeel-sec{padding: 100px 0px 300px 0px;}
}
/* AI Need Section Start */
.ai-need-sec{
padding: 30px 0px;
background: url(../images/ai-need-bg.webp) no-repeat center center;
background-size: cover;
}
.ai-need-head{
background: #2D3AFF;
padding: 10px 20px;
}
.ai-need-para{
border-radius: 25px;
border: 1px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);
padding: 20px;
}
@media(min-width:768px){
.ai-need-sec{padding: 100px 0px 300px 0px;}
.ai-need-head{
background: url(../images/ai-need-head.webp) no-repeat center center;
background-size: 100% 100%;
padding: 50px;
display: inline-block;
}
.ai-need-para{
padding: 30px;
}
}
/* AI Need Section End */
.unlimited-code-sec{
padding: 30px 0px;
background: url(../images/unlimited-code-bg.webp) no-repeat center center;
background-size: cover;
}
.code-top{
position: relative;
width: 100%;
text-align: center;
border-radius: 20px;
}
@media(min-width:768px){
.unlimited-code-sec{padding: 0px 0px 100px 0px;}
.code-top{margin-top: -200px;}
}
/* Desk Section Start */
.desk-sec{
padding: 30px 0px;
background: #020625;
}
@media(min-width:768px){
.desk-sec{
padding: 100px 0px;
background: url(../images/desk-bg.webp) no-repeat center center;
background-size: cover;
}
}
/* Desk section End */
.right-tick-list{
list-style: none;
}
.right-tick-list li{
background: url(../images/right-tick-replace.webp) no-repeat;
padding: 10px 0px 10px 45px;
background-position: 0px 12px;
text-align: left;
width: 100%;
}
/* MoneyBack Section Start */
.moneyback-sec{
padding: 30px 0px;
background: url(../images/moneyback-bg.webp) no-repeat center center;
background-size: cover;
}
.moneyback-head{
background:#2D3AFF;
padding: 10px 26px;
display: inline-block;
}
@media(min-width:768px){
.moneyback-sec{
padding: 100px 0px;
}
.moneyback-head{
background: url(../images/moneyback-head.webp) no-repeat center center;
background-size: 100% 100%;
}
}
/* MoneyBack Section End */
/* Payment Section Start */
.payment-sec{
padding: 30px 0px;
background: url(../images/payment-bg.webp) no-repeat center center;
background-size: cover;
}
.payment-list{
list-style: none;
}
.payment-list li{
padding: 30px 30px 30px 70px;
text-align: left;
width: 100%;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.50);
background: rgba(0, 2, 34, 0.50);
position: relative;
margin-bottom: 20px;
}
.payment-list li::before{
position: absolute;
top: 30px;
left: 30px;
content: url('../images/payment-check.webp');
}
@media(min-width:768px){
.payment-sec{
padding: 100px 0px 300px 0px;
}
.payment-demo{
position: relative;
display: inline-block;
}
.payment-demo::after{
position: absolute;
bottom: -45px;
right: 210px;
content: url('../images/red-arrow.webp');
}
}
/* Payment Section End */
/* FAQ Section Start */
.faq-sec{
padding: 30px 0px;
background: #EAEAEA;
}
.faq-top{
position: relative;
width: 100%;
text-align: center;
border-radius: 20px;
}
.faq-sec .accordion-item{
margin-bottom: 20px;
}
.faq-sec .accordion-button {
background-color: #fff;
width: 100%;
text-align: start;
padding: 20px;
border-radius: 20px;
font-size: 16px;
font-weight: 600;
border: 0px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.faq-sec .accordion-body{
padding: 20px;
font-size: 20px;
}
@media(min-width:768px){
.faq-sec{padding: 0px 0px 100px 0px;}
.faq-top{margin-top: -200px;}
}
/* FAQ Section End */
/* Footer Section Start */
footer{background: #000222; padding: 30px 0px;}
.footer-ul {
padding: 0px;
margin: 0px;
}
.footer-ul li {
display: inline;
}
@media(min-width:768px){
footer{padding: 50px 0px;}
}
/* Footer Section End */
/*Modal Pop-Up Start*/
.text-xl {
font-size: 100px !important;
line-height: 1.3;
margin-bottom: 25px;
}
.text-lg {
font-size: 75px !important;
line-height: 1.3;
margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 22px;
line-height: 1.3;
margin-bottom: 25px;
}
h2 {
font-size: 22px;
line-height: 1.3;
margin-bottom: 25px;
}
h3 {
font-size: 25px;
}
h6 {
font-size: 18px;
}
.text-xl {
font-size: 40px;
line-height: 1.3;
margin-bottom: 25px;
}
.text-lg {
font-size: 35px;
line-height: 1.3;
margin-bottom: 25px;
}
}
@media screen and (max-width: 567px) {
.text-xl {
font-size: 30px;
line-height: 1.3;
margin-bottom: 25px;
}
.text-lg {
font-size: 25px;
line-height: 1.3;
margin-bottom: 25px;
}
}
.text-sm {
font-size: 14px !important;
line-height: 1.3;
margin-bottom: 15px;
}
#ouibounce-modal .modal-header h5 span {
font-size: 25px;
}
#ouibounce-modal .modal-header h5 {
text-align: center;
width: 100%;
font-size: 72px;
line-height: 65px;
color: #fff;
font-weight: 700;
letter-spacing: -3px;
}
#ouibounce-modal .modal-header h5 {
text-align: center;
width: 100%;
font-size: 72px;
line-height: 65px;
color: #fff;
font-weight: 700;
font-family: 'Fjalla One', sans-serif !important;
}
@media screen and (max-width: 991px) {
#ouibounce-modal .modal-header h5 {
font-size: 30px;
}
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 10px 15px;
border-bottom: 0 solid #dee2e6;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
#ouibounce-modal .modal-header {
padding-top: 40px;
padding-bottom: 40px;
margin: 0px;
background-color: rgb(255, 0, 0);
outline: none;
}
#ouibounce-modal .modal-body {
padding: 1rem 1rem 2rem;
position: relative;
flex: 1 1 auto;
padding: 2rem 0.5rem;
margin-top: -10px;
}
.btn_custom_set1 {
color: #fff;
text-decoration: none;
padding: 30px 50px;
border-radius: 60px;
transition: all 0.5s ease;
display: inline-block;
line-height: 26px;
background-image: -moz-linear-gradient(-45deg, rgb(58, 67, 208) 0%, rgb(108, 116, 247) 100%);
background-image: -webkit-linear-gradient(-45deg, rgb(58, 67, 208) 0%, rgb(108, 116, 247) 100%);
background-image: -ms-linear-gradient(-45deg, rgb(58, 67, 208) 0%, rgb(108, 116, 247) 100%);
}
.btn_custom_set1:hover {
color: #fff;
text-decoration: none;
padding: 30px 50px;
border-radius: 60px;
transition: all 0.5s ease;
display: inline-block;
line-height: 26px;
background-image: -moz-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);
background-image: -webkit-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);
background-image: -ms-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);
}
.btn_custom_set1 span {
font-size: 16px;
font-weight: lighter;
}
#ouibounce-modal .modal-body h2 {
text-align: center;
font-size: 25px;
color: #212529;
margin-bottom: 0.5rem;
font-family: "Fjalla One", Helvetica, sans-serif !important;
font-weight: 700;
line-height: 1.2;
}
#ouibounce-modal .modal-body h3 {
text-align: center;
margin-bottom: 0.5rem;
font-family: montserrat, -apple-system, BlinkMacSystemFont, segoe ui,
Roboto, helvetica neue, Arial, noto sans, sans-serif,
apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
font-weight: 700;
line-height: 1.2;
}
.setcolo {
color: #0c4394;
}
.myfontmain {
font-size: 45px !important;
font-family: 'Poppins', sans-serif !important;
font-weight: bold !important;
}
#ouibounce-modal .modal-header .close {
border-radius: 50%;
padding: 5px 8px;
background-color: #f4eeee;
opacity: 1;
color: #fff;
margin: -29px -23px 0.9rem auto;
border: 2px solid #fff;
}
.banner-popup .close {
position: absolute;
top: -13px;
z-index: 99;
background: #000000;
opacity: 1;
border: 3px solid white;
width: 37px;
height: 37px;
line-height: 22px;
border-radius: 50%;
right: -13px;
color: #fff;
}
button.close {
padding: 0;
border: 0;
}
.close span {
font-size: 30px;
font-weight: 700;
}
a.nothank {
color: #ff5151;
text-decoration: none;
}
a.nothank1 {
color: #000000;
text-decoration: none;
}
.coupon {
background: rgb(23, 189, 255);
padding: 10px 15px;
display: inline-block;
margin: 15px 0px 0 0;
color: #fff;
border-radius: 0px 20px 0px 20px;
}
.banner-popup {
background: rgba(0, 0, 0, 0.8);
top: 0px !important;
padding-top: 60px;
z-index: 999999999;
}
/*Modal Pop-Up End*/
@media (min-width: 576px) {
.modal-dialog {
margin: 0 auto !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.box_btn {
background-color: #00d500;
padding: 10px 0;
color: #fff !important;
}
.box_btn-flex {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
flex-direction: row;
}
.box_btn-flex {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
flex-direction: row;
}
.box_btn1 {
background-color: yellow;
padding: 20px 0;
color: #000000 !important;
}
.text-light-blue {
color: #00d3ff !important;
}
a.action-link {
text-decoration: none;
text-align: center;
display: block;
padding: 15px;
font-weight: 700;
font-size: 27px;
line-height: 30px;
color: #fff;
border-radius: 10px;
transition: all 0.5s;
background-color: rgb(113, 23, 255);
border: 1px solid rgba(255, 255, 255, 0.3);
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.5s;
background-image: -moz-linear-gradient(180deg, rgb(253, 100, 79) 0%, rgb(253, 100, 79) 27%, rgba(255, 163, 78, 0.99608) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(253, 100, 79) 0%, rgb(253, 100, 79) 27%, rgba(255, 163, 78, 0.99608) 100%);
background-image: -ms-linear-gradient(180deg, rgb(253, 100, 79) 0%, rgb(253, 100, 79) 27%, rgba(255, 163, 78, 0.99608) 100%);
}
a.action-link {
padding: 15px 30px;
display: inline-block;
}
a.action-link:hover {
background-image: -moz-linear-gradient(0deg, rgb(253, 100, 79) 0%, rgb(253, 100, 79) 27%, rgba(255, 163, 78, 0.99608) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(253, 100, 79) 0%, rgb(253, 100, 79) 27%, rgba(255, 163, 78, 0.99608) 100%);
}
@media (min-width: 768px){
a.action-link {
padding: 25px 20px;
font-size: 27px;
display: block;
}
}
@media (min-width: 576px) {
.modal-dialog {
margin: 0 auto !important;
}
}
.text-white{
color: #fff!important;
}
.head-box-1{
border: 3px dashed rgb(255, 227, 0);
margin-top: 30px;
padding: 10px 20px;
}
.text-yellow{
color: rgb(255, 227, 0)!important;
}
.border-bottom-2{
border-bottom: 2px solid;
}
.hurry-box{
border: 1px dashed #fff;
margin-top: 30px;
color: #fff;
padding: 10px;
text-align: center;
}
.bg-danger{
background-color: rgb(253, 6, 6)!important;
}
.px-2{
padding-right: 0.5rem!important;
padding-left: 0.5rem!important;
}
.head-title-bx{
margin: 30px auto;
color: #fff;
line-height: 140%;
font-weight: 600;
}
.text-info{
color: rgba(13,202,240)!important;
}
.text-danger{
color: rgb(240, 13, 13)!important;
}
.text-sucess{
color: rgb(0, 107, 45)!important;
}
.text-warning{
color: rgb(255, 238, 0)!important;
}
.text-primary{
color: rgb(77, 82, 163)!important;
}
.text-dark{
color: #000222!important;
}
.bg-info{
background-color: rgba(13,202,240)!important;
}
.bg-danger{
background-color: rgb(240, 13, 13)!important;
}
.bg-sucess{
background-color: rgb(0, 107, 45)!important;
}
.bg-warning{
background-color: rgb(255, 238, 0)!important;
}
.bg-primary{
background-color: rgb(77, 82, 163)!important;
}
.mx-auto{
margin-left: auto!important;
margin-right: auto!important;
}
.step-box-wapper{
padding: 80px 0 50px 0;
background-image: url(../images/step-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
background-attachment: fixed;
}
.step-box-wapper .step-box{
border: 1px dashed rgb(77, 82, 163)!important;
border-radius: 10px;
padding: 30px;
margin-top: 50px;
}
.step-box-wapper .step-box .step-title{
margin: -80px auto 0 auto;
text-align: center;
font-weight: 700;
max-width: 800px;
}
.step-box-wapper .step-box .step-box-inner{
border-bottom: 1px solid rgb(77, 82, 163)!important;
padding: 50px 30px;
}
@media only screen and (max-width: 600px) {
.step-head {
padding: 10px 30px;
background-color: #2c2d35!important;
display: inline;
border-radius: 50px;
box-shadow: 5px 5px 0 0 rgb(77, 82, 163);
}
}
.website_seo {
background: url(../images/aseo_assit_works.png) no-repeat center bottom;
background-size: auto;
background-size: cover;
overflow: hidden;
color: #000;
padding: 50px 0;
}
.website_seo_card {
text-align: center;
padding: 20px;
background-color: #0F1826;
color: #fff;
border-radius: 20px;
}
.website_seo_card {
text-align: center;
color: #fff;
}
.hedingtop3 {
background-color: #FF9A46;
display: inline-block;
padding: 10px 40px 10px;
border-radius: 44px;
}
.timers_section{
padding: 50px 0px;
}
.section_ads {
background: url(../images/ads_bg.jpg) no-repeat center bottom;
background-size: auto;
background-size: cover;
overflow: hidden;
color: #fff;
padding: 100px 0 100px 0;
}
.contant_ads .card-box .media {
text-align: center;
margin: -80px 0 20px 0;
}
.contant_ads .card-box {
color: #000;
background-color: #FFE6A7;
padding: 20px 20px;
border: 2px solid #FFE6A7;
border-radius: 30px;
height: 100%;
}
.contant_ads .card-box .content {
text-align: center;
}
/* @media screen and (min-width: 992px){
.contant_ads .card-box-inner {
margin-top: -130px;
}
} */
.accordion .accordion-item{
background-color: aliceblue;
border-radius: 20px;
}
.pink-clur{
color: rgb(236, 59, 255)
}
.bg-pink{
background-color: rgb(236, 59, 255)!important;
}
.lbox-1 {
padding: 10px 20px;
border: 1px dashed #0769f2;
background-color: rgba(0, 0, 0, 0.3);
display: inline-block;
border-radius: 20px;
color: #fff;
}
.effect-1 {
position: relative;
z-index: 1;
display: inline-block;
}
.effect-1::before {
content: '';
position: absolute;
width: 100%;
height: 20px;
left: 50%;
bottom: 25px;
background-color: #0769f0;
z-index: -1;
transform: translateX(-50%);
}
.effect-2 {
position: relative;
z-index: 1;
display: inline-block;
}
.effect-2::before {
content: '';
position: absolute;
width: 100%;
height: 40px;
left: 50%;
bottom: 5px;
background-color: rgb(249, 6, 255);
z-index: -1;
transform: translateX(-50%);
}
@media (min-width: 1200px) {
.videosectoin{
/* border: 20px solid #fff;
border-radius: 12px; */
background: url(../images/frame-demo.png) no-repeat;
background-size: auto;
background-size: 100% 100%;
padding: 10PX 15px 10px 10px;
}
}
@media (max-width: 1200px) {
.videosectoin{
/* border: 20px solid #fff;
border-radius: 12px; */
background: url(../images/frame-demo.png) no-repeat;
background-size: auto;
background-size: 100% 100%;
padding: 10PX 15px 10px 10px;
}
}
@media (max-width: 991px) {
.videosectoin{
/* border: 20px solid #fff;
border-radius: 12px; */
background: url(../images/frame-demo.png) no-repeat;
background-size: auto;
background-size: 100% 100%;
padding: 10PX 15px 10px 10px;
}
}
@media (max-width: 576px) {
.videosectoin {
/* border: 20px solid #fff;
border-radius: 12px; */
background: url(../images/frame-demo.png) no-repeat;
background-size: auto;
background-size: auto;
background-size: 100% 100%;
padding: 10PX 15px 10px 10px;
}
}
@media (max-width: 400px) {
.videosectoin {
background: url(../images/frame-demo.png) no-repeat;
background-size: auto;
background-size: auto;
background-size: auto;
background-size: 100% 100%;
padding: 10PX 15px 10px 10px;
}
}