html {
  scroll-behavior: smooth;
}


/*Fonts*/
@font-face {font-family: AvertaStd-Light; src: url('../font/AvertaStd-Light.ttf'); } 
@font-face {font-family: AvertaStd-Thin; src: url('../font/AvertaStd-Thin.ttf'); } 
@font-face {font-family: AvertaStd-Regular; src: url('../font/AvertaStd-Regular.ttf'); } 
@font-face {font-family: AvertaStd-SemiBold; src: url('../font/AvertaStd-SemiBold.ttf'); } 
@font-face {font-family: AvertaStd-Black; src: url('../font/HKGrotesk-Black.ttf'); } 
@font-face {font-family: AvertaStd-Bold; src: url('../font/AvertaStd-Bold.ttf'); } 
@font-face {font-family: AvertaStd-ExtraBold; src: url('../font/AvertaStd-ExtraBold.ttf'); } 
@font-face {font-family: AvertaStd-Heavy; src: url('../font/AvertaStd-Heavy.ttf'); } 

.AvertaStd-Light{
    font-family: 'AvertaStd-Light';
}
.AvertaStd-Thin{
    font-family: 'AvertaStd-Thin';
}
.AvertaStd-Regular{
    font-family: 'AvertaStd-Regular';
}
.AvertaStd-SemiBold{
    font-family: 'AvertaStd-SemiBold';
}
.AvertaStd-Black{
    font-family: 'AvertaStd-Black';
}
.AvertaStd-Bold{
    font-family: 'AvertaStd-Bold';
}
.AvertaStd-ExtraBold{
    font-family: 'AvertaStd-ExtraBold';
}
.AvertaStd-Heavy{
    font-family: 'AvertaStd-Heavy';
}

.poppins{font-family: 'Poppins', sans-serif;}

.playfair{font-family: 'Playfair Display', serif;}

.allura{font-family: 'Allura', cursive;}
.caveat{font-family: 'Caveat', cursive;}
.yallow {color: #fede00;}


 
/*Common*/
body {font-family: 'Poppins', sans-serif;font-size: 14px;line-height: 1.42857143;color: #151515;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


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

.padding0 {padding: 0;}


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


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

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

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

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

 



}


@media (min-width:768px) {  
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.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%;}

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

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


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



}

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


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

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

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

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

}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}..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;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg82 {font-size: 82px;}.lg86 {font-size: 86px;}.lg100 {font-size: 100px;}.lg106 {font-size: 106px;}.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);   
}

.video-box-main-out {
    padding: 0%;
}
.video-box-main-inn {
    width: 103.4%;
    padding: 0%;
    max-width: 103.4%;
    margin: auto;
    position: relative;
    background-color: #000;
    margin-right: -12%;
    border-radius: 20px;
    box-shadow: 9.508px 8.866px 24px 0px rgb(38 38 117 / 35%);
}
.autoplayer-subarea, .autoplayer-subarea iframe {
    border-radius: 20px!important ;
}
.video-box-main{padding: 0;}
.video-box {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-radius: 22px;
}
.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;   
}
.video-box iframe{
    border-radius: 15px;    
}

.demo{padding-bottom: 55.21%;
    overflow: hidden;
    position: relative;
    border: 0px solid #ffffff42;}
.demo-video-out{
    padding: 0 2.4%;
}
.demo-video {
    overflow: hidden;
    margin-top: 5%;
    padding: 0;
    border-width: 5px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 24px;
    background-color: black;
    box-shadow: 0px 42px 55.08px 12.92px rgba(0, 0, 0, 0.46);
}    

sec

.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;}
.black2{color:#1f2024;}

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

#more {display: none;}
#text{display:none;}


.reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: all 2s ease;
}

.reveal.active {
  transform: translateY(0px);
  opacity: 1;
}

@media (max-width: 500px) {
  section {
    font-size: 80%
  }
}

button.scrollToTopBtn.showBtn {
    background: #a854a5ab;
    border: none;
    font-size: 40px;
    border-radius: 59px;
    height: 60px;
    width: 60px;
    float: right;
    cursor: pointer;
    margin: -100px 20px 0px 0;
    outline: none;
    color: #fff;
}
button.scrollToTopBtn.showBtn:hover {
    background: #a854a5;
}

/*Bonus-Arrow*/

.bounce {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(20px);}
    60% {-webkit-transform: translateY(15px);}
}
 
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(20px);}
    60% {-moz-transform: translateY(15px);}
}
 
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(20px);}
    60% {-o-transform: translateY(15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(20px);}
    60% {transform: translateY(15px);}
}

/*------------------------------------------------*/

/*Gradients*/

.gradient-text1 {
    padding: 0;
    background-image: linear-gradient(to right, #04d3dd 0%, #9f14f7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

/*hover effect 73*/

.SMN_effect-73 a {
    position: relative;
    overflow: hidden;
    padding: 0;
    padding-bottom: 5px;
}
.SMN_effect-73 a:after {
    background: #191919;
    content: '';
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(-100%, 0, 0);
    width: 100%;
}
.SMN_effect-73 a:hover::after {
    animation: link-hoverstate .5s linear forwards;
        animation-timing-function: linear;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes link-hoverstate {
 0% {
  opacity:1;
  transform:translate3d(-100%, 0, 0)
 }
 55% {
  transform:translate3d(100%, 0, 0)
 }
 56% {
  transform:translate3d(100%, calc(0.5rem + 4px), 0)
 }
 100% {
  opacity:1;
  transform:translate3d(0, calc(0.5rem + 4px), 0)
 }
}


/*Header*/

.header {
    z-index: 1;
    position: relative;
    margin: auto;
    padding: 40px 0% 20px 0%;
    background-color: #210e3d;
}
.menu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 0% 0px 0;
}
a.navbar-brand {
    width: 14%;
}
.btnn {
    margin: 0 20px 0px 4%;
}
.Arrowtext {
    position: absolute;
    top: -29%;
    left: 2%;
    z-index: 5;
    overflow: hidden;
    padding: 5px 0px;
}
.revoicertext {
    width: 100%;
    height: 100px;
    -ms-transform: skewY(20deg);
    transform: skewY(351deg);
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
}
.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    position: relative;
    padding: 5px 10px 5px 10px;
    transition-duration: 0.3s;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #f1e9ff;
    transition-duration: 0.3s;
}
a.nav-link {
    margin: 0 0px 0 20px;
}
.getlink {
    background-image: -webkit-linear-gradient(242deg, #2d52e8 4%, #740bfe 95%);
    border-radius: 30px;
    padding: 16px 45px !important;
    color: #fff !important;
    box-shadow: 0px 11px 18px 0px rgb(88 88 88 / 16%);
    transition-duration: 0.5s;
    text-align: center;
    display: inline-block;
    font-weight: 700;
}
.getlink:hover {
    background-color: #fff;
    color: #000!important;
    box-shadow: 0px 11px 18px 0px rgb(31 182 255 / 5%);
    transition-duration: 0.5s;
}

/*Bannar*/

.banner {
    padding: 6% 0% 6% 0%;
    background-image: -webkit-linear-gradient(271deg, #210e3d 4%, #7608fcf5 95%);
}
.bannar-box {
    padding: 0%;
}
.line {
    background: url(../images/line1.png) no-repeat center center;
    background-size: auto;
    padding: 0% 0% 3% 0%;
}

.bannerbtn a {
    border-radius: 50px;
    background-image: -webkit-linear-gradient(242deg, #2d52e8 4%, #740bfe 95%);
    color: #ffffff;
    padding: 2.5% 8%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    text-transform: uppercase;
    margin-top: 5%;
    border: 3px solid #ffffff;
}
.bannerbtn a:hover {
    background-color: #fff;
    transform: scale(1.05);
}

.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
  padding-top: 56%;
  border-radius: 15px;
}

.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  border-radius: 15px;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}
.videoIframe {
    position: absolute;
    top: 0;
    border-radius: 15px;
}




/*Btn*/

.mybutton1 a {
    border-radius: 50px;
    background-color: #1fb6ff;
    box-shadow: 0px 20px 35px 0px rgb(31 182 255 / 29%);
    color: #fff;
    padding: 2.5% 6.7%;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.mybutton1 a:hover {
    background-color: #26a5e2;
    box-shadow: 0px 11px 18px 0px rgb(31 182 255 / 5%);
    transform: scale(1.05);
}


/*-----------------------Section-2*/

.section2 {
    /*background: url(../images/section2Bg.png) no-repeat center center;
    background-size: cover;*/
    padding: 2.5% 0;
    background-color: #1e0446;
}


/*.loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    font-size: 0;
    color: #00c9d0;
    display: inline-block;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.lead{
  font-size:13px;
}
.loader div {
    background-color: #ffde00;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: .5;
    border-radius: 50%;
    -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
    animation: ballPulseDouble 2s ease-in-out infinite;
}

.loader div:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
  
@keyframes ballPulseDouble {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}*/

/*---------------section-3*/

.section3 {
    padding: 5% 0 7% 0;
    background-color: #f1e9ff;
}
.process-Box1 {
    background: url(../images/processBg2.png) no-repeat center top;
    background-size: cover;
    padding: 2% 5%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 30px;
}
.process-Box2 {
    background: url(../images/processBg1.png) no-repeat center top;
    background-size: cover;
    padding: 2% 5%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 30px;
}
.proc-arrow {
    max-width: 4%;
}
.processArrow-Box {
    margin: 2% 0;
}

.arrow1  {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}


/*===================================================section-4*/

.section4 {
    background: url(../images/tableBg.png) no-repeat center center;
    background-size: cover;
    padding: 6% 0 8% 0;
    background-color: #2b1a46;
}


.section30-box-out1 {
    padding: 0 2.5%;
}
.section30-box1 {
    padding: 0;
    margin-top: 9%;
    border-width: 1px;
    border-color: #c7c7c7;
    border-style: solid;
    border-radius: 0px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 22px 51px 0px #00000052;
}
.list-text11 {
    padding: 0;
    border-radius: 22px 0 0 22px;
    background-color: #fff0;
    padding-bottom: 0;
    overflow: hidden;
}
.list-text1 {
    width: 33.33%;
    background: #000;
}
.list-text1-top, .leadz-top, .comply-top {
    height: 100px;
    width: 100%;
    text-align: center;
    color: #040408;
}
.list-text1-top .card {
    text-align: left;
    padding-left: 10%;
}
.features-box1 {
    padding: 0;
    background-color: #fff;
    border-radius: 22px 0 0 22px;
}
.list:nth-child(odd), .leadz-box .check-list:nth-child(odd), .comply-box .check-list:nth-child(odd) {
    background-color: #f8f7ff;
}
.list {
    height: 60px;
    width: 100%;
}
.list .card {
    border: 0;
    padding: 0 9%;
    background-color: transparent;
    color: #040408;
}

.list-text-top, .leadz-top, .comply-top {
    height: 100px;
    width: 100%;
    color: #040408;
}
.mm {
    border: none;
}

.tablewhiteimg {
    margin-bottom: 13%;
}

.firelist-list1 {
    border-radius: 36px;
    background-color: #fff;
    padding: 0;
    overflow: hidden;
    margin-top: -65px;
/*    margin-bottom: -50px;*/
    box-shadow: 0px 22px 51px 0px rgb(78 78 78 / 20%);
    position: relative;
    z-index: 1;
    color: #fff;
}
.firelist-list1 {
    width: 33.33%;
}
.firelist-list-top1 {
    height: 165px;
    padding: 0;
}
.firelist-list-check {
    padding: 0;
}
.firelist-list .check-list:nth-child(odd) {
    background-color: rgb(16, 10, 38);
}
.firelist-list .check-list {
    border-bottom: 0;
}

.check-list {
    text-align: center;
}
.check-list {
    height: 60px;
    width: 100%;
}
.firelist-list .check-list .card {
    border-radius: 0;
}
.adaLogo {
    max-width: 65%;
}

/*lkndsafsdlkfsfkds*/

.card.cardgrey {
    background: #fff!important;
}

.leadz, .comply {
    padding: 0;
    background-color: #fff0;
    overflow: hidden;
}
.leadz {
    width: 33.33%;
    border-right: 1px solid #dce5fc;
}
.list-text1-top, .leadz-top, .comply-top {
    height: 100px;
    width: 100%;
    text-align: center;
    color: #040408;
}
.list-text1-top .card, .firelist-list-top1 .card, .leadz-top .card, .comply-top .card {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    text-align: center;
    padding: 0;
}
.leadz-box {
    background-color: #fff;
}

.leadz-box, .comply-box {
    padding: 0;
    background-color: #fff;
}
.list:nth-child(odd), .leadz-box .check-list:nth-child(odd), .comply-box .check-list:nth-child(odd) {
    background-color: #f8f7ff;
}
.check-list {
    text-align: center;
}
.check-list {
    height: 60px;
    width: 100%;
}

.check-list {
    text-align: center;
}

.list2, .check-list2 {
    height: 94px;
}


.bannerbtn3 a {
    border-radius: 50px;
    background-image: -webkit-linear-gradient(242deg, #2d52e8 4%, #740bfe 95%);
    box-shadow: 6px 6px 0px 2px rgb(12 12 12 / 100%);
    color: #fff;
    padding: 1.3% 4.5%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    text-transform: uppercase;
    margin-top: 3%;
    border: 3px solid #191919;
}
.bannerbtn3 a:hover {
    background-color: #fff;
    transform: scale(1.05);
}


/*sad kjsafhkjcdsb kjvkjdsbvhbdfsjv bdfkjvbjdfbvjkdf vdf bvkjbdfkj vdfkj*/



.section30-box-out {
    padding: 0 2.5%;
}
.section30-box {
    border-radius: initial;
    padding: 0;
    margin-top: 9%;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 22px 51px 0px rgba(118, 63, 162, 0.26);
}
.list-text {
    padding: 0;
    border-radius: 0px 0 0 0px;
    background-color: #fff0;
    padding-bottom: 0;
    overflow: hidden;
}
.list-text {
    width: 33.33%;
}
.list-text-top, .leadz-top, .comply-top {
    height: 100px;
    width: 100%;
    color: #040408;
}
.list-text-top .card {
    text-align: left;
    padding-left: 10%;
}
.list-text-top .card, .firelist-list-top .card, .leadz-top .card, .comply-top .card {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.features-box {
    padding: 0;
    background-color: #fff;
    border-radius: 22px 0 0 22px;
}
.list:nth-child(odd), .leadz-box .check-list:nth-child(odd), .comply-box .check-list:nth-child(odd) {
    background-color: #f8f7ff;
}
.list {
    height: 60px;
    width: 100%;
}
.list .card {
    border: 0;
    padding: 0 9%;
    background-color: #000;
    color: #fff;
    border-radius: 0;
}
.list .card2 {
    border: 0;
    padding: 0 9%;
    background-color: #383838;
    color: #fff;
    border-radius: 0;
}

/*nfkjsnflkndslkfdslfmlkds*/


.firelist-list {
    border-radius: 0px;
    background-color: rgb(11, 5, 34);
    padding: 0;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    box-shadow: 0px 22px 51px 0px rgb(118 63 162 / 26%);
    position: relative;
    z-index: 1;
    color: #fff;
}
.firelist-list {
    width: 33.33%;
}
.firelist-list-top {
    height: 100px;
    padding: 0;
}
.leadz .leadz-top22 {
    height: 100px;
    padding: 0;
}
.list-text-top .card, .firelist-list-top .card, .leadz-top .card, .comply-top .card {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.firelist-list-check {
    padding: 0;
}
.firelist-list .check-list:nth-child(odd) {
    background-color: rgb(16, 10, 38);
}
.firelist-list .check-list {
    border-bottom: 0;
}

.check-list {
    text-align: center;
}
.check-list {
    height: 60px;
    width: 100%;
}
.firelist-list .check-list .card {
    border-radius: 0;
}

/*lkndsafsdlkfsfkds*/


.leadz, .comply {
    padding: 0;
    background-color: #fff0;
    overflow: hidden;
}
.leadz222 {
    width: 33.33%;
    border-radius: 36px;
    background-color: rgb(255 255 255);
    padding: 0;
    overflow: hidden;
    margin-top: -36px;
    margin-bottom: -40px;
    box-shadow: 0px 22px 51px 0px rgb(118 63 162 / 26%);
    position: relative;
    z-index: 1;
    color: #fff;
}
.list-text-top, .leadz-top, .comply-top {
    height: 100px;
    width: 100%;
    color: #040408;
    background: #383838;
    border-radius: 20px 0 0 0;
}
.list-text-top .card, .firelist-list-top .card, .leadz-top .card, .comply-top .card {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0 6%;
}
.leadz-box {
    background-color: #fff;
}

.leadz-box, .comply-box {
    padding: 0;
    background-color: #fff;
}
.list:nth-child(odd), .leadz-box .check-list:nth-child(odd), .comply-box .check-list:nth-child(odd) {
    background-color: #f8f7ff;
}
.check-list {
    text-align: center;
}
.check-list {
    height: 100px;
    width: 100%;
}
.check-list .card {
    border: 0;
    padding: 0 4%;
    background-color: #f6f6f6;
    border-radius: 0;
    color: #191919;
}
.check-list {
    text-align: center;
}

.list2, .check-list2 {
    height: 100px;
}
.d-table-cell {
    display: table-cell!important;
}
.align-middle {
    vertical-align: middle!important;
}

.leadz.ledzzzzz .leadz-top {
    height: 135px;
}
.ledzzzzz {
    border-radius: 36px;
    background-color: rgb(255 255 255);
    padding: 0;
    overflow: hidden;
    margin-top: -36px;
    margin-bottom: -40px;
    box-shadow: 0px 22px 51px 0px rgb(118 63 162 / 26%);
    position: relative;
    z-index: 1;
    color: #fff;
}

.leadz-xyz {
    padding: 0;
    background-color: #fff0;
    overflow: hidden;
    border-radius: 22px;
}

/*section5*/

.section5 {
    background-image: -webkit-linear-gradient(271deg, #210e3d 4%, #7608fcf5 95%);
    padding: 6% 0 6% 0;
}

.line3 {
    background: url(../images/line2.png) no-repeat center center;
    background-size: auto;
    padding: 0% 0% 3% 0%;
}
.arrow2 {
    max-width: 12%;
    margin: -7px 0 -7px 0;
    z-index: 1;
    position: relative;
}

/*section6*/

.section6 {
    background: url(../images/section6Bg.png) no-repeat center center;
    background-size: cover;
    padding: 4% 0 4% 0;
    background-color: #1e0446;
}
.bannerbtn2 a {
    border-radius: 50px;
    background-image: -webkit-linear-gradient(242deg, #2d52e8 4%, #740bfe 95%);
    box-shadow: 6px 6px 0px 2px rgb(12 12 12 / 100%);
    color: #fff;
    padding: 1.3% 4.5%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    text-transform: uppercase;
    margin-top: 3%;
    border: 3px solid #191919;
}
.bannerbtn2 a:hover {
    background-color: #fff;
    transform: scale(1.05);
}

/*section7*/

.section7 {
    padding: 5% 0 5% 0;
    background-color: #f6f6f6;
}
.line4 {
    background: url(../images/line2.png) no-repeat center center;
    background-size: auto;
    padding: 0% 0% 3% 0%;
}

/*section8*/

.section8 {
    background: url(../images/section8Bg.png) no-repeat center center;
    background-size: auto;
    padding: 5% 0 5% 0;
    background-color: #fbfbfb;
}

/*section9*/

.section9 {
    background: url(../images/section9Bg.png) no-repeat center top;
    background-size: cover;
    padding: 5% 0 5% 0;
    background-color: #2b1a46;
}
.section9-box {
    padding: 30px;
    border: 2px dashed #191919;
    border-radius: 15px;
    background: #fff;
    height: 100%;
}

/*section10*/

.section10 {
    padding: 6% 0 6% 0;
    background-color: #f2f2f2;
}
.section10-box {
    padding: 12% 9%;
    background: #fff;
    border-radius: 15px;
}
.starBox i {
    color: #FFCA40;
    font-size: 16px;
    margin: 0 2px 0 0px;
}
.testiname {
    margin-top: 3%;
}

/*section13*/

.section13 {
/*    background-color: #1e0446;*/
    padding: 6% 0 6% 0;
    background-image: -webkit-linear-gradient(242deg, #210748 4%, #740bfe 95%);
}
.line13 {
    background: url(../images/line5.png) no-repeat center center;
    background-size: contain;
    padding: 0% 0% 4% 0%;
}
.section13-shap {
    border: 1px dashed #f1e9ff;
    border-radius: 30px;
    padding: 5px 30px;
}
.teambox {
    background: #fff;
    padding: 10% 3%;
    border-radius: 15px;
}
.team-text{
    margin-top: 6%;
}
.sinceBg {
    background: #191919;
    padding: 4px 12px;
    border-radius: 5px;
    color: #fff;
}

/*section14*/

.section14 {
    padding: 5% 0 8% 0;
    background-color: #fbfbfb;
    position: relative;
}

.planimg {
    position: absolute;
    top: 28%;
    right: 23%;
    transition: 0.5s;
}
.section14:hover .planimg {
    top: 9%;
    right: 9.1%;
    transition: 0.5s;
}

.img-holder  {
  width: 160px;
}

.shake svg {
 animation-name: spaceboots;
 animation-duration: 0.8s;
 transform-origin: 50% 50%;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
}
@keyframes spaceboots {
 0% {
 transform: translate(2px, 1px) rotate(0deg);
}
 10% {
 transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
 transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
 transform: translate(0px, 2px) rotate(0deg);
}
 40% {
 transform: translate(1px, -1px) rotate(1deg);
}
 50% {
 transform: translate(-1px, 2px) rotate(-1deg);
}
 60% {
 transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
 transform: translate(2px, 1px) rotate(-1deg);
}
 80% {
 transform: translate(-1px, -1px) rotate(1deg);
}
 90% {
 transform: translate(2px, 2px) rotate(0deg);
}
 100% {
 transform: translate(1px, -2px) rotate(-1deg);
}
}

.growthBg {
    background: url(../images/growthBg.png) no-repeat center top;
    background-size: contain;
    padding: 4% 0 2% 0;
}
.offerBg {
    background: url(../images/offerBg.png) no-repeat center center;
    background-size: contain;
    padding: 3% 5% 3% 5%;
}
/*.popularBg {
    background: url(../images/popularBg.png) no-repeat center top;
    background-size: contain;
}*/
.popular {
    position: absolute;
    right: 0;
    top: 0;
}


/*section-form*/


.section-form {
    padding: 5% 0%;
}
.form-box {
    background: url(../images/formBck.png) no-repeat center center;
    background-size: cover;
    padding: 5% 5% 6% 5%;
    border-radius: 15px;
    box-shadow: 0px 29px 70px 0px rgb(179 179 179 / 20%);
}
input#fname {
    width: 85%;
    padding: 1% 2%;
    margin-bottom: 3%;
    border-radius: 5px;
    border: 1px solid #cbcbcb4f;
}
input#email {
    width: 85%;
    padding: 1% 2%;
    border-radius: 5px;
    border: 1px solid #cbcbcb4f;
}
input[type="submit"] {
    border-radius: 50px;
    background-image: -webkit-linear-gradient(242deg, #2d52e8 4%, #740bfe 95%);
    color: #ffffff;
    padding: 1.3% 6%;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    text-transform: uppercase;
    margin-top: 2%;
    border: 3px solid #191919;
}
input[type="submit"]:hover {
    background-color: #fff;
    transform: scale(1.05);
}

.footerLogo {
    max-width: 85%;
}


/*footer*/

.footer {
    background-color: #1e0446;
    padding: 5% 0;
}
.staticon ul li {
    display: inline-block;
    padding: 0 6px 0 0;
}
.staticon ul li a {
    color: #fff;
}
.staticon ul li a:hover {
    color: #fede00;
}

.quicklink ul li {
    display: table;
    padding: 5px 0;
}
.quicklink ul li a {
    color: #fff;
}
.quicklink ul li a:hover {
    color: #fede00;
}

.heart {
    animation: beat .50s infinite alternate;
    transform-origin: center;
    font-weight: 700;
}

/* Heart beat animation */
@keyframes beat{
    to { transform: scale(1.1); }
}




.image-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.zoom-effect:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}










/*-------------------------------------------------------------------------------------------------Media--*/

.strip_footer{background-color:#1e1f21;padding: 4% 0 2% 0;}


/*----------------------------------------------991.98px*/

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

    .banner {
    padding: 3% 0% 9% 0%;
    margin-top: 0;
    }

    .results li {
    height: 180px;
    }

    .video-box-main-inn {
    padding: 0%;
    width: 100%;
    max-width: 100%;
    margin-right: -3%;
    padding: 3%;
    }

    a.navbar-brand {
    width: 25%;
    }

    .price-tag {
    max-width: 22%;
    }

    .growthBg-Main {
    padding: 0 5%;
    }

    .section14:hover .planimg {
    top: 13%;
    right: 0%;
    }

    .rokit {
    width: 51%;
    }

    .section30-box1 {
    margin-top: 14%;
    }

    .line13 {
    padding: 0% 0% 4.8% 0%;
    }

    .teamimg {
    max-width: 72%;
    }

    .bannerbtn a {
    box-shadow: 3px 3px 0px 2px rgb(12 12 12 / 100%);
    border: 1px solid #191919;
    }

    .btnn {
    margin: 10px 0px 0px 0px;
    text-align: center;
    }

}



/*----------------------------------------------991.98px*/

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

    a.navbar-brand {
    max-width: 45%;
    }

    .text-box {
    width: 65%;
    }

    .text-box div {
    display: block;
    }

    .bannar-box {
    text-align: center;
    margin-bottom: 8%;
    }

    .section2-box {
    width: 23%;
    }

    .v1-out {
    padding: 0 3%;
    }

    .results li {
    height: 490px;
    }

    button.scrollToTopBtn.showBtn {
    font-size: 30px;
    height: 45px;
    width: 45px;
    }

    .Arrowtext2 {
    display: none!important;
    }

    .banner {
    padding: 3% 0 8% 0;
    }

    .ele1 {
    display: none;
    }

    .ele2 {
    display: none;
    }

    .video-box-main-inn {
    width: 95%;
    max-width: 95%;
    margin: auto;
    margin-top: 8%;
    }

    .mybutton1 a {
    margin-bottom: 10%;
    padding: 3% 8%;
    }

    .testiBox {
    margin-bottom: 5%;
    }

    .speechimg {
    max-width: 30%;
    }

    .process-Box1 {
    padding: 8% 5%;
    border-radius: 15px;
    text-align: center;
    }

    .process-Box2 {
    padding: 8% 5%;
    border-radius: 15px;
    text-align: center;
    }

    .favvv {
    max-width: 40%;
    }

    .section30-box1 {
    margin-top: 22%;
    }

    .section5 {
    padding: 10% 0 6% 0;
    }

    .b1 {
    max-width: 40%;
    margin-bottom: 5%;
    }

    .aboutBox {
    text-align: center;
    margin-top: 5%;
    }

    .flybox {
    margin-bottom: 3%;
    }

    .flyimg {
    margin: auto;
    }

    .section9-box {
    border-radius: 10px;
    text-align: center;
    }

    .aniket {
    margin-bottom: 3%;
    }

    .ifioknkem {
    margin-bottom: 3%;
    }

    .testiname {
    margin-top: 1%;
    }

    .stepimg {
    max-width: 30%;
    margin-bottom: 5%;
    }

    .teambox-main {
    margin-bottom: 3%;
    }

    .price-tag {
    max-width: 35%;
    }

    .tablewhiteimg {
    margin-bottom: 32%;
    }

    .popular {
    max-width: 55%;
    }

    .firelist-list1 {
    margin-bottom: -20px;
    }

    .footerLogo {
    max-width: 70%;
    }

    .bannerbtn2 a {
    box-shadow: 3px 3px 0px 2px rgb(12 12 12 / 100%);
    border: 1px solid #191919;
    }

    .section6 {
    padding: 6% 0 6% 0;
    }

    .arrow2 {
    max-width: 27%;
    margin: -4px 0 -4px 0;
    }

    .section13-shap {
    display: inline-block;
    }

    .navbar-light .navbar-toggler {
    border-color: #ffffff8f;
    }

}




/*====================================================================================== Min-width*/


/*..............................................................*/


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

@media only screen and (min-width: 768px) {
    
    .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%;
    }   
    
}



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

}

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



@media only screen and (min-width: 1000px) {
       
    .section14:hover .planimg {
    top: 9%;
    right: 0%;
    transition: 0.5s;
    }

    .rokit {width: 52%;}
    .growthBg-Main {padding: 0 6%;}

}

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


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

}


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

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

    .section14:hover .planimg {
    top: 9%;
    right: 1.1%;
    transition: 0.5s;
    }

    .rokit {width: 52%;}
    .growthBg-Main {padding: 0 6%;}

}

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

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



}

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

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

    .section14:hover .planimg {
    top: 9%;
    right: 4.1%;
    transition: 0.5s;
    }

    .rokit {width: 100%;}

}   


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


}

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

    .section14:hover .planimg {
    top: 9%;
    right: 9.1%;
    transition: 0.5s;
    }

    .rokit {width: 100%;}

}   

@media (min-width:1800px){
    .mycontainer{width: 1470px;}

    .section14:hover .planimg {
    top: 9%;
    right: 9.1%;
    transition: 0.5s;
    max-width: 100%;
    }


}
@media (min-width:1900px){
    .mycontainer-left, .mycontainer-right{max-width:1363px;}
    .mycontainer{width: 1400px;}
    .mycontainer2{width:1384px;}
    .mainvideo {
        position: absolute;
        width: 441px; 
        top: 20px;
        left: 104px;
    }

    .section14:hover .planimg {
    top: 9%;
    right: 9.1%;
    transition: 0.5s;
    }

    .rokit {width: 100%;}
    .growthBg-Main {padding: 0 0%;}

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