html {
scroll-behavior: smooth;
}
/*Fonts*/
/*Common*/
body {font-family: 'Poppins', sans-serif;font-size: 14px;line-height: 1.42857143;color: #000;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.sora{
font-family: 'Sora', sans-serif;
}
.caveat{
font-family: 'Caveat', cursive;
}
p{
margin-bottom:0px;
}
ul{
padding:0px;
list-style:none;
margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls6{letter-spacing:6px;}
.ls10{letter-spacing:10px;}
.ls20{letter-spacing:20px;}
.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: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;}.sm22 {font-size: 22px;}.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;}.sm38 {font-size: 38px;}.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%;}
.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;}.md74 {font-size: 74px;}.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;}.lg27 {font-size: 27px;}.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;}..lg43 {font-size: 43px;}.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;}.lg63{font-size: 63px;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg70 {font-size: 70px;}.lg71 {font-size: 71px;}.lg72 {font-size: 72px;}.lg76 {font-size: 76px;}.lg80 {font-size: 80px;}.lg91 {font-size: 91px;}.lg94 {font-size: 94px;}.lg85 {font-size: 85px;}.lg100 {font-size: 100px;}.lg113 {font-size: 113px;}.lg115 {font-size: 115px;}.lg180 {font-size: 180px;}.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);
background-color: black;
}
.video-section-reel .responsive-video {padding-bottom: 178%;}
.video-box-main-out {
padding: 0%;
}
.video-box-main-inn {
margin: auto;
}
.video-box-main{padding: 0;border-width: 2px;border-color: rgb(254, 253, 255);border-style: solid;border-radius: 20px;background-color: rgb(0, 0, 0);box-shadow: 0px 15px 65px 0px rgba(49, 20, 86, 0.58);}
.video-box-inner{border-radius: 20px;overflow: hidden;}
.videoBg {
position: absolute;
top: -2.5%;
max-width: 123%;
left: -9.5%;
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.25%!important;
border-radius: 0;
}
.demo-video-box{
padding: 0 2%;
position:relative;
}
.demo-video {
border-style: solid;
border-width: 8px;
border-color: #a31d6c;
border-radius: 40px;
background-color: rgb(0 0 0);
margin-top: 4%;
box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 20%);
overflow: hidden;
position: relative;
z-index: 1;
}
.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}
.video-autoplay-progress-line{background-color: rgb(255 255 255) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress-line:after{display:none !important;}
.video-autoplay-overlay-play-lines{background: url(../images/playVid.png) 50% 50% no-repeat rgb(63, 114, 175) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress {
width: 100% !important;
}
/*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%;}.lh220 {line-height: 220%;}.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;}
.videoframe {
position: relative;
}
.gradient-text1 {
padding: 0;
background-image: linear-gradient(to right, #144ff7 0%, #04bfdd 86%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
/*--------Gradients*/
a{
display: block;
text-align:center;
margin: 0 auto;
color: #aaa;
}
/*.........................................................*/
a.navbar-brand {
}
/*Header*/
.header {
margin: auto;
width: 100%;
position: relative;
z-index: 1;
}
.menu {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
a.navbar-brand {
}
.navbar-light .navbar-nav .nav-link {
position: relative;
padding-left: 24px;
padding-right: 24px;
padding-top: 3px;
padding-bottom: 5px;
color: #000;
}
.navbar-light .navbar-nav .nav-link:hover {
color: #7c38dd;
}
/* Effect 17: move up fade out, push border */
.cl-effect-17 a::before {
color: #e145a2;
text-shadow: 0 0 1px rgb(0 0 0 / 30%);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 72%;
height: 2px;
background: #7c38dd;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
margin: auto;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/*section-1*/
.banner {
background: url(../images/banner.png) no-repeat center top;
background-size: cover;
padding: 0% 0% 0% 0%;
margin-top: 0;
}
.section2 {
background-size: cover;
padding: 4% 0 5% 0;
}
.section2-last{padding-bottom: 9%;}
.section3 {
background-size: cover;
background-color: #f3ebff;
padding: 5% 0 9% 0;
}
.section4 {
background-size: cover;
z-index: 1;
padding: 0% 0 5% 0;
position: relative;
}
.titleBg1 {
background-size: cover;
padding: 1.4% 0;
margin-top: 1%0;
margin-bottom: -3%;
}
.section4-top {
margin-top: -2.5%;
margin-bottom: 1%;
}
/**/
.title-box{margin-top:3%;margin-bottom:-2%;}
.title {
display: inline-block;
background-color: rgb(255, 228, 0);
box-shadow: 0px 5px 20px 0px rgb(68 68 68 / 25%);
border-radius: 10px;
padding: .8% 3.7%;
position: relative;
}
.box {
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 15px 54px 0px rgb(184 202 216 / 54%);
padding: 4% 4%;
}
.gradient-text {
background-image: linear-gradient(to right, #14d1e6, #6b54f8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradient-text2 {
background-image: linear-gradient(to right, #ff8644, #e8374d, #2449cf);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.box {
border-radius: 10px;
background-color: #fff;
box-shadow: 0px 15px 54px 0px rgb(184 202 216 / 54%);
padding: 4% 4%;
}
.box2 {
border-radius: 10px;
background-color: #fff;
box-shadow: 0px 15px 54px 0px rgb(184 202 216 / 54%);
padding: 5% 5%;
}
.title2 {
display: inline-block;
background-color: rgb(255, 228, 0);
box-shadow: 0px 5px 20px 0px rgb(68 68 68 / 25%);
border-radius: 10px;
padding: .8% 3.7%;
position: relative;
}
.box3 {
border-radius: 10px;
background-color: #faf6ff;
padding: 4% 4%;
}
.box4 {
border-radius: 10px;
background-color: #faf6ff;
padding: 12% 18% 16% 18%;
}
.box5 {
border-radius: 10px;
background-color: #faf6ff;
padding: 7% 9% 9% 9%;
}
.box6 {
border-radius: 10px;
background-color: #faf6ff;
padding: 7% 10% 11.5% 10%;
}
.boxshot .image-section {
padding: 0 10px 0;
background-color: #faf7ff;
}
.image-section{padding:0;}
.copy_txt{
margin-top: 3%;
text-align: left;
border-width: 1px;
border-color: rgb(191, 192, 196);
border-style: solid;
border-radius: 2px;
background-color: rgb(247 247 247);
font-weight: 600;
padding: 1.8% 15px;
line-height: 160%;
font-style: italic;
color: #bc3730;
width: 100%;
word-break: break-all;
}
.copy-btn{
cursor: pointer;
border: none;
border-radius: 6px;
background-color: rgb(255, 199, 0);
color: #000;
padding: 4% 15px;
transition: .2s;
outline: none;
margin: auto;
margin-top: 2%;
text-transform: uppercase;
transition-duration: 0.3s;
display: inline-block;
width: 100%;
font-weight: 600;
}
.copy-btn:hover{
background-color: rgb(235 183 0);
color: #000;
}
.box2 .copy_txt{margin-top: 4%;}
.box2 .copy-btn{margin-top: 3%;}
.video-section{padding:0;}
.video-section .copy-btn{margin-top: 4%;}
.all-download-box{
background: url(../images/bg.png) no-repeat center top;
background-size: cover;
background-color: #8547e6;
padding: 4% 0% 4% 4%;
border-radius: 10px;
box-shadow: 0px 15px 54px 0px rgb(184 202 216 / 54%);
color:#fff;
}
.mybutton1 a {
background-image: linear-gradient(to bottom right, #fcc500, #ffc107);
background-color: #ffe613;
box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
color: #000;
display: table;
padding: 4% 12%;
transition: all .5s;
position: relative;
margin: auto;
border-radius: 10px;
}
.mybutton1 a:hover {
background-image: linear-gradient(to bottom right, #ffc107, #fcc500);
box-shadow: none;
-webkit-transition: all .3s linear;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
z-index: 1;
color: #000!important;
text-decoration: none!important;
}
.tweets-section{
padding:4% 0;
}
.swipe-tabs{border:0;}
.swipe-tabs a {
color: black;
font-weight: 700;
border: 1px solid #1DA1F2 !important;
border-radius: 8px !important;
background-color: rgb(255, 255, 255);
box-shadow: 0px 12px 18px 0px rgb(93 0 165 / 16%);
text-align: center;
padding: 15px 40px;
margin: 11px 10px;
transition: transform .2s;
width: auto !important;
}
.swipe-tabs .nav-item.show .nav-link, .swipe-tabs .nav-link.active {
color: #ffffff;
background-color: #1DA1F2;
box-shadow: 0px 12px 24px 0px rgb(29 161 242 / 32%);
}
.tweets-box{
box-shadow: 0px 15px 54px 0px rgb(184 202 216 / 54%);
padding: 4% 6%;
border-width: 3px;
border-color: #1DA1F2;
border-style: solid;
border-radius: 15px;
background-color: rgb(255, 255, 255);
}
.swipe-tabs a:hover {
transform: scale(1.1);
}
/*section-21*/
.section21 {
background: url(../images/section21.png) no-repeat center top;
background-size: cover;
padding: 7% 0% 4% 0%;
margin-top: -2%;
}
.section21Box {
padding: 0 14%;
}
.section21Box a {
display: inline;
margin: 0 3px;
color: #aba5b4;
}
.section21Box a:hover {
color: #fff;
}
/*-------------------------------------------------------------------------------------------------Media--*/
@media (min-width: 240px){
.header {padding: 1.5% 10px;}
.box-title{font-size: 16px;}
.copy_txt{font-size: 14px;}
.copy-btn{font-size: 18px;}
}
@media only screen and (max-width: 1400px) {
}
/*----------------------------------------------991.98px*/
@media only screen and (max-width: 993px){
.section21Box {padding: 0 3%;}
a.navbar-brand {
margin-left: 0;
}
.swipe-tabs a {
padding: 8px 22px;
margin: 3px 3px;
transition: transform .2s;
width: auto !important;
font-size: 12px;
border-radius: 4px !important;
}
}
/*----------------------------------------------991.98px*/
@media only screen and (max-width: 767px){
.banner {padding: 3% 0% 0% 0%;}
.section2 {padding: 9% 0 8% 0;}
.section3 {padding: 12% 0 8% 0;}
.section21 {
background-image: none;
background-color: #06010e;
padding: 10% 0% 8% 0%;
margin-top: 0%;
}
.section-main-box{padding:0;}
.title, .title2 {padding: 3% 15px;width: 100%;}
.title-box {margin-top: 7%;margin-bottom: -5%;}
.titleBg1 {margin-bottom: -8%;}
.copy_txt {margin-top: 4%;}
.copy-btn {margin-top: 3%;}
.all-download-box {
text-align: center;
padding: 4%;
}
.mybutton1 a{margin-top:4%;}
.tweets-box {
border-width: 2px;
border-radius: 15px;
}
}
/*----------------------------------------------575.98px*/
@media (max-width: 575.98px){
a.navbar-brand {
margin-left: 0;
}
}
/*----------------------------------------------575.98px*/
@media only screen and (max-width: 600px) {
}
@media (min-width: 480px){
}
@media only screen and (min-width: 768px) {
.box-title{font-size: 16px;}
}
@media only screen and (min-width: 800px) {
.box-title{font-size: 16px;}
.copy_txt{font-size: 12px;}
.copy-btn{font-size: 16px;}
}
@media only screen and (min-width: 860px) {
}
@media only screen and (min-width: 892px) {
}
@media only screen and (min-width: 992px) {
.box-title{font-size: 16px;}
.copy_txt{font-size: 12px;}
.copy-btn{font-size: 16px;}
}
@media only screen and (min-width: 1000px) {
}
@media only screen and (min-width: 1100px) {
.mycontainer {width: 940px;}
.mycontainer2 {width: 1010px;}
.box-title{font-size: 16px;}
.copy_txt{font-size: 14px;}
.copy-btn{font-size: 18px;}
.header {padding: 1.5% 4% 1.5% 4%;}
}
@media only screen and (min-width: 1200px) {
.mycontainer {width: 1020px;}
.mycontainer2 {width: 1080px;}
.box-title{font-size: 16px;}
.copy_txt{font-size: 14px;}
.copy-btn{font-size: 18px;}
}
@media (min-width:1300px) {
.mycontainer{width: 1120px;}
.mycontainer2{width:1180px;}
.box-title{font-size: 16px;}
.copy_txt{font-size: 14px;}
.copy-btn{font-size: 18px;}
}
@media (min-width:1400px) {
.mycontainer{width: 1160px;}
.mycontainer2{width:1219px;;}
.box-title{font-size: 18px;}
.copy_txt{font-size: 14px;}
.copy-btn{font-size: 18px;}
}
@media (min-width:1500px) {
.mycontainer{width: 1310px;}
.mycontainer2{width:1219px;}
.box-title{font-size: 20px;}
.copy_txt{font-size: 14px;}
.copy-btn{font-size: 18px;}
}
@media (min-width:1600px){
.mycontainer{width: 1310px;}
.box-title{font-size: 20px;}
.copy_txt{font-size: 15px;}
.copy-btn{font-size: 18px;}
}
@media (min-width:1700px){
.mycontainer{width: 1380px;}
.box-title{font-size:22px;}
.copy_txt{font-size: 16px;}
.copy-btn{font-size: 18px;}
}
@media (min-width:1800px){
.mycontainer{width: 1470px;}
.box-title{font-size:24px;}
.copy_txt{font-size: 16px;}
.copy-btn{font-size: 18px;}
}
@media (min-width:1900px){
.mycontainer{width: 1187px;}
.mycontainer2{width: 1370px;}
.box-title{font-size:24px;}
.copy_txt{font-size: 16px;}
.copy-btn{font-size: 18px;}
}
@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;}
/* **** custom CSS **** */
.section-text-wrapper {
max-width: 900px;
margin: auto;
}
.product-ecovers-section {
background-image: url(../images/section17.png);
padding-top: 1px;
background-size: cover;
padding-bottom: 50px;
}
.section21.footer-section {
margin-top: -50px;
}
.section-desc {
font-size: 1.25rem;
font-style: italic;
text-shadow: 2px 3px rgb(245 235 254 / 20%);
color: #f5ebfe;
}
.p-image-box .product-img {
max-width: 90%;
max-height: 485px;
object-fit: contain;
object-position: center center;
width: 100%;
}
/* **** Top main Video **** */
.video-section-out {
max-width: 100%;
}
.video-section-out .video-section {
padding: 0;
}
.video-section-out .video-box {
padding: 32px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 30px;
background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 27%) 0%, rgb(225 175 204 / 27%) 100%);
}
.video-section-out .bnr-vid {
overflow: hidden;
border-width: 2px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 38px 62px 0px rgba(0, 0, 0, 0.28);
width: 100%;
position: relative;
text-align: left;
padding-bottom: 55.5%;
z-index: 1;
}
.video-autoplay-overlay-image {
padding: 12% 0;
width: 100% !important;
left: 0 !important;
margin-left: 0 !important;
text-align: center !important;
height: 100% !important;
top: 0 !important;
margin-top: 0 !important;
margin: 0 auto !important;
background-image: linear-gradient(rgb(90 41 135) 10%, transparent 10%, transparent 90%, rgb(90 41 135) 90%) !important;
}
.video-autoplay-overlay-lottie {
/* background: url(../images/mute.png) 50% 50% no-repeat transparent !important;*/
margin-top: 0 !important;
margin-left: 0 !important;
margin: 0 auto !important;
}
@media(max-width: 767px) {
.video-autoplay-overlay-image {
font-size: 20px !important;
}
.video-autoplay-overlay-lottie {
/* background: url(../images/muteMob.png) 50% 50% no-repeat transparent !important;*/
height: 50px !important;
}
}
@media only screen and (min-width: 768px){
.video-section-out {
max-width: 80%;
}
.video-autoplay-overlay-image {
padding: 7% 0;
}
}
@media only screen and (min-width: 992px){
.video-section-out {
max-width: 77.8%;
}
.video-autoplay-overlay-image {
padding: 11% 0;
}
}
@media (min-width: 1200px){
.video-autoplay-overlay-image {
padding: 13% 0;
}
}
@media(min-width: 1400px) {
.video-section-out {
max-width: 57.8%;
}
.video-section-out .bnr-vid {
width: 100%;
padding-bottom: 55.5%;
}
.video-autoplay-overlay-image {
padding: 15% 0;
}
}
.responsive-video .video-autoplay-paused .video-autoplay-overlay-lines, .bnr-vid .video-autoplay-overlay {
background-color: rgba(0,0,0,0.0) !important;
}
/* **** Locked Menu **** */
.nav-item .nav-link.locked {
cursor: not-allowed;
/* pointer-events: none;*/
}
.nav-item .nav-link.locked:hover .tooltip {
opacity: 1;
visibility: visible;
}
.nav-item .nav-link .tooltip {
font-size: 16px;
font-weight: 700;
min-width: 205px;
bottom: -60px;
background: #c7b9ff;
top: auto;
border-radius: 8px;
border: 4px solid #b83b7b;
visibility: hidden;
text-align: center;
transition: all 0.5s ease-in-out;
right: 10px;
color: #b83b7b;
}
.nav-item .nav-link .tooltip-direction {
position: relative;
padding: 8px 15px;
display: block;
}
.nav-item .nav-link .tooltip-direction:after {
content: '';
position: absolute;
left: unset;
transform: rotate(45deg);
top: -10px;
margin-left: 0px;
border-width: 7px;
border-style: solid;
border-color: #b83b7b transparent transparent #b83b7b !important;
}
@media (max-width: 1035px){
.navbar-light .navbar-nav .nav-link {
padding-left: 15px;
padding-right: 15px;
}
}
@media(max-width: 991px) {
.nav-item .nav-link .tooltip {
left: 0px;
right: 90px;
max-width: fit-content;
margin: auto;
}
}