html {
scroll-behavior: smooth;
}
/*Fonts*/
.fjallaOne{font-family: 'Fjalla One', sans-serif;}
/*Common*/
body {font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 1.42857143;color: #12152f;background-color: #eeeee7;}
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;}
.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: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.mycontainer2{
width: 90%;
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;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm26 {font-size: 26px;}.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;}.sm36 {font-size: 36px;}.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:690px;}
}
@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;}.lg54 {font-size: 54px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg69{font-size: 69px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg96 {font-size: 96px;}.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%;}
}
@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-section{}
.video-box {
position: relative;
overflow: hidden;
border-style: solid;
border-width: 5px;
border-color: rgb(255 255 255);
border-radius: 20px;
background-color: rgb(0, 0, 0);
box-shadow: 0px 20px 43px 0px rgba(22, 48, 82, 0.39);
width: 100%;
margin: auto;
/* margin-bottom: -8%; */
z-index: 1;
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.25%!important;
border-radius: 0;
}
.video-box iframe{
}
.demo{padding-bottom: 55.21%;
overflow: hidden;
position: relative;
border: 0px solid #ffffff42;}
.demo-video {
overflow: hidden;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 40px 0px rgba(0, 0, 0, 0.2);
background-color: #fff;
margin-top: 0%;
}
.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;}
.black{color:#000;}
.black3{color:#4c4e58;}
.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%;}.lh127 {line-height: 127%;}
.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;
}
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;
}
.option1-box .mybutton {
margin-top: 7%;
}
.option2-box .mybutton {
margin-top: 7%;
}
.option1-box .mybutton a{
padding: 6% 2%;
}
.option2-box .mybutton a{
padding: 6% 2%;
}
.mybutton a {
border-radius: 13px;
background-image: -webkit-linear-gradient( 0deg, rgb(3,166,81) 0%, rgb(120,193,66) 100%);
box-shadow: 0px 14px 27px 0px rgba(24, 82, 48, 0.4);
background-color: #0030c5;
color: #fff;
padding: 4.4% 2%;
display: table;
transition: 0.5s;
margin:auto;
position:relative;
width: 100%;
}
.mybutton a:hover {
background-image: -webkit-linear-gradient( 0deg, rgb(120,193,66) 0%, rgb(3,166,81) 100%);
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;
transform: scale(1.05);
}
.arrow2{
position: relative;
left: 1%;
}
.timer-fixed .mybutton a {
padding: 3.5% 7%;
width: 100%;
border-radius: 7px;
margin: inherit;
}
.footer{background-color:#04050a;padding: 4% 0 3% 0;}
.footLogo{
padding: 20px;
background-color: #FFFFFF;
border-radius: 20px;
}
.copyright-link{text-align:center;color: #42434b;}
.footer a {
color: #E9E9E9;
margin: 0 1.5%;
}
.footer a:hover {
text-decoration: underline;
color: #ffffff;
}
.footer hr{border-top: 1px solid rgb(255 255 255 / 9%);margin-top: 3%;margin-bottom: 2%;}
/*main*/
.logo{
max-width: 22%;
}
/*banner*/
.banner{
background: url(../images/banner.png) no-repeat;
background-size: cover;
padding: 3% 0 0 0;
position: relative;
background-color: #ffffff;
}
.banner-title {
color: #FFFFFF;
border-radius: 6px;
/* background-color: rgb(255, 215, 28); */
background-color: rgb(245 43 28);
display: inline-block;
padding: 0.2% 3.3%;
}
.logos-box-inn {
text-align: center;
padding: 4.18% 4%;
position: relative;
z-index: 2;
border-width: 1px;
border-color: rgb(9, 41, 46);
border-style: solid;
border-radius: 40px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 12px 54px 0px rgba(0, 0, 0, 0.15);
/* margin-top: 10%;
margin-bottom: -8%; */
}
.image1{
margin-bottom: -9%;
}
.testimonial-box{
padding: 0 9px;
}
.testimonial-box-inn {
border-radius: 15px;
box-shadow: 0px 8px 18px 0px rgb(47 68 132 / 19%);
margin-bottom: 18px;
padding: 6% 8%;
}
.testimonial-box1 .testimonial-box-inn{
padding: 6% 8% 12% 8%;
}
.testimonial-box3-inn{}
.testimonial-box3-inn-bottom, .bonus-box-sm{display:none}
.image1{
position: relative;
z-index: 1;
}
.profile-img {
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.26);
}
.profile-detail {
padding: 0;
}
.text1 {
background: url(../images/textbg.png) no-repeat center center;
background-size: contain;
padding: 1% 2% 1.3% 2%;
font-style: italic;
}
.text2 {
background: url(../images/textbg2.png) no-repeat center center;
background-size: contain;
padding: 0px 15px 2px 15px;
font-style: italic;
}
.text3 {
background: url(../images/textbg3.png) no-repeat center center;
background-size: contain;
padding: 5px 15px 1px 12px;
font-style:italic;
}
.text4 {
background: url(../images/textbg4.png) no-repeat center center;
background-size: contain;
padding: 10px 24px;
font-style:italic;
}
.bonus-box .text1 {
background: url(../images/textbg.png) no-repeat center center;
background-size: contain;
padding: 0px 16px 0px 12px;
font-style: italic;
display: inline-block;
}
.software-box{}
.software-box-inn{}
.sofware {
position: relative;
}
.professional-box-main{padding-left:0;}
.professional-box {
border-radius: 20px;
background-color: rgb(233, 240, 255);
position: relative;
display: inline-block;
padding: 6% 4% 6% 5%;
}
.professional-box-list{}
.clicksocials{max-width: 104%;}
.clickpackaging{}
.clickapparels{max-width: 103%;}
/*testimonial-section*/
.testimonial-section{
padding: 3% 0 1% 0;
position: relative;
background-color: #fff;
}
[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none;}
.discover-testimonial-btn {
color: #134cff;
display: table;
border-radius: 50px;
transition: 0.5s;
margin: auto;
position: relative;
cursor:pointer;
font-size: 17px;
margin-top:-2%;
}
.discover-testimonial-btn: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;
}
.discover-testimonial-btn .fa{position: relative;margin-left: 2px;top: 1px;}
#discover-testimonial{}
/*bonus-section*/
.bonus-title {
border-width: 1px;
border-color: #ff0000;
border-style: solid;
background-color: rgb(255, 255, 255);
display: inline-block;
border-radius: 18px;
position: relative;
padding: 1.6% 5% 1.3% 5%;
margin-bottom: 3%;
}
.bonus-title:before {
border-color: rgba(57, 54, 225, 0) !important;
border-top-color: rgb(255, 90, 0) !important;
border-width: 17px !important;
margin-left: -21px;
}
.bonus-title:after {
border-color: rgba(255, 255, 255, 0) !important;
border-top-color: #ffffff !important;
border-width: 16px !important;
margin-left: -19px;
}
.bonus-title:after, .bonus-title:before {
top: 99.98%;
left: 0;
right: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin: auto;
}
.bonus-box-out {
margin-top: 1%;
margin-bottom: 1%;
}
.bonus-box{
padding: 0;
margin: 0;
}
.bonus1-box{}
.bonus2-box{
}
.bonus3-box{}
.bonus4-box{}
.bonus5-box{
}
.bonus6-box{}
.bonus7-box{}
.bonus8-box{}
.bonus9-box{
}
.bonus-text{color:#ff0000}
.bonus-box-title{
background-color:#ff9829;
writing-mode: vertical-lr;
transform: rotate(180deg);
text-align:center;
margin: 0;
width: 7.5%;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
letter-spacing: 2px;
}
.bonuses-price1{
background: url(../images/pricebg.png) no-repeat center top;
background-size: contain;
padding: 9px 21px;
font-style: italic;
}
.bonus-title2 {
border-width: 1px;
border-color: rgb(255, 90, 0);
border-style: solid;
background-color: rgb(255, 255, 255);
display: inline-block;
border-radius: 18px;
position: relative;
padding: 1% 4.7% 0.7% 4.7%;
}
.bonus-box h2 {
font-weight: 700;
}
.bonus-box p{
margin-top: 0.5%;
}
.bonus-line hr {
border-top: 1px solid rgb(221 221 221);
width: 80%;
margin-top: 1%;
margin-bottom: 1%;
}
.checklist1 {
margin-top: 6%;
position: relative;
left: -3px;
}
.checklist1 li {
background-color: #FFF0C4;
margin: 3% 0;
padding: 5% 7%;
border-radius: 10px;
}
.checklist1 li span{
background: url(../images/checklist1.png) no-repeat 0px center;
padding-left: 31px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
text-align: left;
color:#212121;
line-height: 130%;
display: block;
}
.checklist2 {
text-align: left;
margin-top: 3%;
}
.checklist2-list-inn{
padding: 0.5% 0% 0.5% 2.5% !important;
}
.checklist2 .checklist2-list {
border-radius: 10px;
background-color: #FFF0C4;
padding: 1.5% 0% 1.5% 2.5%;
margin: 7px 7px;
height: 100%;
}
.checklist2 .checklist2-list span {
background: url(../images/checklist1.png) no-repeat 0px center;
padding-left: 33px;
padding-right: 0%;
list-style: none;
margin-left: -8px;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 0;
color: #212121;
display: inline-block;
line-height: 110%;
position: relative;
text-align: left;
}
.checklist3{
}
.checklist3 li {
background: url(../images/checklist3.png) no-repeat 0px 11px;
padding-left: 25px;
padding-right: 0;
list-style: none;
margin-left: 0;
padding-top: 2px;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: left;
color:#212121;
font-weight: 400;
line-height: 160%;
}
.checklist4 {
padding: 0 10% 0 0;
}
.checklist4 li {
background: url(../images/checklist4.png) no-repeat 0px 9px;
padding-left: 27px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 2px;
padding-bottom: 5px;
margin-bottom: 5px;
text-align: left;
color:#212121;
font-weight: 400;
line-height: 130%;
}
.checklist5-box {
padding: 0 10px;
width: 75%;
}
.checklist5 {
background-color: #FFF0C4;
padding: 5% 5% 3% 5%;
border-radius: 15px;
height: 100%;
}
.checklist5 li {
background: url(../images/checklist4.png) no-repeat 0px 11px;
padding-left: 27px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 2px;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: left;
color: #212121;
font-weight: 400;
line-height: 150%;
position: relative;
z-index: 1;
}
.professional-box-list {
background: url(../images/professionallist.png) no-repeat 0px 10.5px;
padding-left: 20px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
text-align: left;
color:#212121;
display: inline-block;
}
/* .tool {max-width: 107%;position: relative;left: -7%;} */
/**/
.section3 {
margin-top: 6%;
padding: 0;
}
.testi-box{padding: 10px;}
.testi-img{
border-radius: 6px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 6px 51px 0px rgba(0, 0, 0, 0.13);
}
.moneyBack {
position: relative;
max-width: 106%;
}
.section4 {
margin-top: 8%;
padding: 0;
}
.section4-box {
border-width: 2px;
border-color: rgb(18, 21, 47);
border-style: dashed;
background-color: rgb(255, 255, 211);
padding: 3% 5% 4% 5%;
}
.section4-box2{padding:0;text-align: left;}
.checklist6 {
}
.checklist6 li {
background: url(../images/checklist6.png) no-repeat 0 8px;
padding-left: 28px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 2px;
padding-bottom: 6px;
margin-bottom: 6px;
text-align: left;
}
.fast-action-title {
background-color: #3fa02e;
color: #fff;
margin-top: 4%;
padding: 1% 0;
border-radius: 8px;
}
.coupon {
border-width: 2px;
border-color: rgb(255, 0, 0);
border-style: dashed;
border-radius: 5px;
background-color: rgb(255, 255, 255);
display: inline-block;
padding: 0.8% 3%;
position:relative;
}
.ele{
position: absolute;
right: 1%;
top: -28%;
}
.ele1 {
position: absolute;
right: 1%;
top: -28%;
max-width: 8%;
}
.section18-box-out2 {
margin-top: 7%;
}
.section18-box {
padding: 1% 2%;
border-radius: 12px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 73px 0px rgb(49 74 153 / 14%);
}
.section18-details {
padding: 0 15px 0 28px;
position: relative;
}
.option-box {
padding: 0 12px;
margin-top: 2%;
}
.option-box-inn{
text-align:center;
border-radius: 8px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 54px 0px rgba(0, 0, 0, 0.15);
padding: 0 0 7% 0;
height: 100%;
overflow: hidden;
}
.option-box-inn2 {
text-align: center;
padding: 6% 6% 0 6%;
}
.option-title{
background-color: #171717;
color: #fff;
display: inline-block;
padding: 3% 7.5% 2.3% 7.5%;
position: relative;
z-index: 1;
width: 100%;
letter-spacing: 1px;
}
.option1-box{
position: relative;
}
.option2-box{
position: relative;
}
.option1-price{ margin-top: 10%;}
.option2-price{margin-top:0;}
.pay{
max-width: 50%;
margin-top: 3%;
}
.timer-fixed{
position: sticky;
bottom: -1px;
left: 0;
width: 100%;
z-index: 11;
margin-bottom: 0;
text-align: left;
background-color: #04050a;
padding: 0.5% 0;
}
.timer-fixed iframe{
margin-bottom: 0;
}
/**/
.main-section{background-color: #fff;padding: 2.2% 0 0 0;}
.section-inn {
background-color: #fff;
padding: 6% 6% 5% 6%;
margin-top: 0;
margin-bottom: 6%;
border-radius: 21px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.1);
}
/**/
.top-bar {
/* background: url(../images/topbg.png) no-repeat center top; */
background-size: cover;
background-color: #f52b1c;
/* position: fixed; */
width: 100%;
z-index: 4;
position: sticky;
top: 0;
height: 65px;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.top-bar p {
width: 100%;
display: flex
;
align-items: center;
justify-content: center;
margin-bottom: 0;
color: #ffd61b;
}
.top-bar p span{margin: 0 10px 0 5px;}
.top-bar p s{
display: inline-block;
}
.elementbg1, .elementbg2{position:absolute;top:0;}
.elementbg1{left:0;}
.elementbg2{right:0;}
.off-tag {
display: inline-block;
padding: 5px 12px;
border: 1px dashed #fff;
border-radius: 6px;
}
.fridaytag {
position: absolute;
top: -1.2%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, 0%);
z-index: 1;
}.text-red {
color: red;
}
.canvas_box {
background: #ededed;
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
display: block;
border-radius: 10px;
overflow: hidden;
}
.bonus-box-move-canvas iframe {
border: none;
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
border-radius: 10px;
}
.bonus-box-move-canvas-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-top: 25px;
}
.bonus-box-move-canvas {
flex: 1;
}
.bonus-box-move-canvas-inner .bonus-box-move-canvas{
margin-bottom: 20px;
}
.bonus-box-move-canvas-inner {
position: relative;
}
.bonus-box-move-canvas-inner:not(:last-child)::after {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(to bottom, transparent, rgb(219 219 219), transparent);
height: 100%;
width: 2px;
content: "";
right: -20px;
}
@media only screen and (max-width: 767px){
.fridaytag {width: 210px;top: -15px;}
.top-bar p {
display: grid;
align-items: center;
justify-content: center;
justify-items: center;
}
.bonus-box-move-canvas-inner {
gap: 10px;
}
}
@media only screen and (max-width: 991px){
.bonus-box-move-canvas-wrap {
grid-template-columns: repeat(1, 1fr);
}
.bonus-box-move-canvas-inner {
position: relative;
display: flex;
gap: 20px;
}
.bonus-box-move-canvas-inner .bonus-box-move-canvas:first-child {
margin-bottom: 0;
}
.bonus-box-move-canvas-inner:not(:last-child)::after {
right: 0;
top: auto;
background: linear-gradient(to right, transparent, rgb(219 219 219), transparent);
height: 2px;
width: 100%;
bottom: -20px;
}
}
@media only screen and (max-width: 993px){
.logo {
max-width: 35%;
}
.mybutton a{width: 84%;border-radius: 15px;}
.pay {
max-width: 36%;
}
.option1-box{
position: relative;
margin-left: 0%;
right: 0%;
}
.option2-box{
position: relative;
right: 0%;
}
.checklist4 {
padding: 0 0% 0 0;
}
.option-box {
padding: 0 0;
}
.ele {
max-width: 8%;
}
.testimonial-box3-inn, .bonus-box2-out{display:none}
.testimonial-box3-inn-bottom, .bonus-box-sm{display:block}
.checklist5-box {
width: 100%;
}
.bonus-box-title {
width: 11.5%;
}
.option1-box .mybutton, .option2-box .mybutton{
margin-top: 6%;
}
.option1-box .mybutton a, .option2-box .mybutton a {
border-radius:10px;
}
}
@media only screen and (max-width: 767px){
.top-bar {
height: 100px;
}
.logo {max-width: 60%;}
.section-inn {padding: 6% 0;}
.banner{padding: 6% 0 0 0;}
.testimonial-box1 .testimonial-box-inn{padding: 6% 8%;}
.testimonial-box { padding: 0;}
.testimonial-box-inn { margin-bottom: 12px; }
.checklist2 .checklist2-list{text-align:left;margin: 5px 3px;}
.checklist2 .checklist2-list span {background: url(../images/checklist1mob.png) no-repeat 0px center;margin-left: 0;padding-left: 22px;}
.checklist5-box {width: 100%;}
.checklist5-box2{margin-top:-8%}
.checklist1 { left: 0;}
.testi-box {padding: 6px 10px;}
.section18-details{padding:0 15px;text-align:center;}
.section18-box {padding: 1% 2% 10% 2%; }
.option-box-inn {height: auto;}
.footer {}
.foot1{text-align:center;}
.timer-fixed {padding: 1.5% 0 14% 0;}
.checklist6 li {padding-bottom: 5px;margin-bottom: 5px;}
/* .tool {max-width: 100%;position: relative;left: 0%;} */
.beginner{ margin-top: 3%; }
.priceless{margin-bottom: 9%;margin-top: 6%; }
.bonus-box-title { width: 13.5%; }
.option1-box .mybutton a, .option2-box .mybutton a {width: 100%;}
.bonus-title {margin-bottom: 9%;}
.testimonial-section {padding: 60px 0 1% 0;}
.testimonial-box-inn {box-shadow: 0px 0px 18px 0px rgb(47 68 132 / 19%);}
.sofware{margin-top:15px;}
.checklist1 li span { padding-top: 3px;padding-bottom: 3px; }
.checklist5 li {background: url(../images/checklist4.png) no-repeat 0px 6px; }
.checklist4 {margin-top: 10px !important;}
.bonus-line hr {margin-top: 15px;margin-bottom: 22px;}
.bonus-box-out {text-align: center;}
.top-bar p {
display: grid;
align-items: center;
justify-content: center;
justify-items: center;
}
}
@media only screen and (max-width: 480px){
.bonus-box-move-canvas-inner {
flex-direction: column;
}
}
@media (min-width: 240px){
.checklist2 .checklist2-list {width: 44.5%;}
.foot1{
width: 100%;
}
.foot2{
width: 100%;
}
.foot3{
width: 78%;
}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (min-width: 600px) {
}
@media only screen and (max-width: 600px) {
}
@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%;
}
.bonus-box-title{
padding: 0 0 0 7px;
}
}
@media only screen and (min-width: 768px) {
.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%;
}
.checklist2 .checklist2-list {width: 30%;}
.bonus-box-title{
padding: 0 0 0 7px;
}
.foot1{
width: 23%;
}
.foot2{
width: 35%;
}
.foot3{
width: 35%;
}
}
@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) {
.mainvideo {
position: absolute;
width: 543px;
height: 292px;
top: 18px;
left: 33px;
}
.video {
width: 429px;
height: 162px;
top: 21px;
left: 11px;
margin-bottom: 10%;
}
.checklist2 .checklist2-list {width: 23%;}
.bonus-box-title{
padding: 0 0 0 5px;
}
.foot1{
width: 23%;
}
.foot2{
width: 28%;
}
.foot3{
width: 31%;
}
.sofware {
max-width: 112%;
left: -8%;
}
}
@media only screen and (min-width: 1000px) {
}
@media only screen and (min-width: 1100px) {
.mycontainer{width: 1050px;}
.mycontainer2{width: 1030px;}
.bonus-box-title{
padding: 0 0 0 7px;
}
.foot1{
width: 19%;
}
.foot2{
width: 27%;
}
.foot3{
width: 28%;
}
}
@media only screen and (min-width: 1200px) {
.mycontainer2{width: 1120px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 80px;
}
.video {
width: 403px;
height: 196px;
top: 1px;
left: 0px;
margin-bottom: 0px;
}
.checklist2 .checklist2-list { width: 18.7%;}
.foot1{
width: 22%;
}
.foot2{
width: 24%;
}
.foot3{
width: 28%;
}
}
@media (min-width:1300px) {
.mycontainer{width: 1120px;}
.mycontainer2{width:1260px;}
.checklist2 .checklist2-list { width: 18.7%;}
.foot1{
width: 20%;
}
.foot2{
width: 23%;
}
.foot3{
width: 26%;
}
}
@media (min-width:1400px) {
.mycontainer{width: 1160px;}
.mycontainer2{width: 1200px;}
.arrow2{
margin-top: -0.5%;
max-width:100%;
}
.foot1{
width: 19%;
}
.foot2{
width: 21%;
}
.foot3{
width: 25%;
}
}
@media (min-width:1500px) {
.mycontainer{width: 1310px;}
.mycontainer2{width: 1210px;}
}
@media (min-width:1600px){
.mycontainer{width: 1310px;}
.mycontainer2{width:1260px;}
.foot1{
width: 17%;
}
.foot2{
width: 19%;
}
.foot3{
width: 21%;
}
}
@media (min-width:1700px){
.mycontainer{width: 1380px;}
.mycontainer2{width:1260px;}
.foot1{
width: 16%;
}
.foot2{
width: 17%;
}
.foot3{
width: 21%;
}
}
@media (min-width:1800px){
.mycontainer{width: 1470px;}
.mycontainer2{width:1260px;}
.foot1{
width: 15%;
}
.foot2{
width: 16%;
}
.foot3{
width: 19%;
}
}
@media (min-width:1900px){
.mycontainer{width: 1508px;}
.mycontainer2{width:1260px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 104px;
}
.foot1{
width: 14%;
}
.foot2{
width: 15%;
}
.foot3{
width: 19%;
}
}
@media (min-width:2000px){
}
.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;}
.checklist4.bcheck li{font-weight:400; line-height:150%;}
/**/
.video-container {
margin: auto;
margin-top: 20px;
position: relative;
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
border-radius: 20px;
overflow: hidden;
}
.demo-download-vid-box .video-container {
box-shadow: 0px 9px 51px 0px rgba(0, 0, 0, 0.19);
border-radius: 15px;
position: relative;
}
.demoBox {
border-radius: 20px;
background-color: #fff;
box-shadow: 0 13px 32px 0 rgb(27 21 92 / 9%);
padding: 6%;
height: 100%;
text-align: left;
border: 1px solid #e0e4eb;
}
a.demo-download-vid-link {
background-color: rgb(5, 0, 3);
color: #ffffff;
padding: 11px 20px 14px 22px;
border-radius: 50px;
transition: all 0.5s;
position: relative;
transition: transform .2s;
border: 1px solid rgb(0, 0, 0);
letter-spacing: -0.342px;
display: inline-block;
font-size: 18px;
margin-top: 20px;
color: #fff !important;
}
a.demo-download-vid-link:hover {
transform: scale(1.05);
transition: all 0.5s;
box-shadow: 0px 7px 12px #5050508c;
}
a.demo-download-vid-link:hover .arrow-img {
-moz-animation: bounce 0.6s ease;
-webkit-animation: bounce 0.6s ease;
animation: bounce 0.6s ease;
}
.demoBox-title {
font-weight: 800;
line-height: 110%;
font-family: 'Fjalla One', sans-serif;
font-display: swap;
color: #000;
font-style: inherit;
letter-spacing: 1px;
margin-top: 3%;
}
.demo-download-vid-box .demoBox-title {
margin-top: 0;
}
.demo-download-vid-box {
padding: 0;
margin-bottom: 30px;
}
.demo-download-vid-box .video-container {
box-shadow: 0px 9px 51px 0px rgba(0, 0, 0, 0.19);
border-radius: 15px;
position: relative;
}
.demoBoxi-Main-new .video-thumbnail,
.demoBoxi-Main-new .video-iframe,
.demo-download-vid-box .video-thumbnail,
.demo-download-vid-box .video-iframe,
.training-section-div-inn .video-thumbnail,
.training-section-div-inn .video-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.demo-download-vid-box .video-thumbnail {
border: 6px solid #fff;
}
.demo-download-vid-box .video-thumbnail img.demothumb,
.demoBoxi-Main-new .video-thumbnail img.demothumb,
.training-section-div-inn .video-thumbnail img.demothumb {
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
display: block;
border-radius: 15px;
}
/**/
.demo-download-vid-box .video-thumbnail span {
position: absolute;
z-index: 3;
width: 0;
height: 0;
transform: scale(0.8);
transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 84px;
height: 84px;
border-radius: 50%;
}
.demo-download-vid-box .video-thumbnail span {
cursor: pointer;
}
.demo-download-vid-box .video-thumbnail span:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 84px;
height: 84px;
background: transparent;
border-radius: 50%;
}
.demo-download-vid-box .demoBox:hover .video-thumbnail span:before {
animation: pulse-border 1500ms ease-out infinite;
background: rgb(148 255 1 / 41%);
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.demo-download-vid-box .video-thumbnail span:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 84px;
height: 84px;
background: rgb(148 255 1 / 41%);
border-radius: 50%;
transition: all 200ms;
transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.demo-download-vid-box .video-thumbnail .playicon2 {
position: relative;
z-index: 2;
top: 53%;
left: 23%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.training-video-div .video-thumbnail .overlay,
.swiperTraining .video-thumbnail .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 1;
transition: .5s ease;
background-color: #00000099;
}
.swiperTraining-video-title {
margin-top: 10px;
}
.heading-bg-label {
padding: 6px 10px 2px;
border-radius: 8px;
background-color: rgb(255, 215, 28);
vertical-align: text-bottom;
white-space: nowrap;
}