body{font-family:'Poppins',sans-serif;font-weight:normal;font-style:normal;color:#0e1133;overflow-x:hidden;font-size:1rem;-webkit-font-smoothing:antialiased;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{max-width:100%;transform:translateZ(0px);height:unset;}
a:focus,input:focus,textarea:focus,button:focus{text-decoration:none;outline:none;}
a:focus,a:hover{text-decoration:none;color:#67309c;}
a,button{transition:.3s;color:#333;text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin:0px;position:relative;color:#0e1133;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
p{font-weight:400;line-height:26px;color:#6b6c85;margin:0px;}
textarea,select,input,button{outline:none;}
iframe{width:100%}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
textarea{resize:none;}
/* tools */
/* site style */
header{padding:15px 30px;position:fixed;width:100%;z-index:10;background:#fff;box-shadow:0 6px 48px rgba(63,15,100,0.05);}
header .topheader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
header .topheader .logo{margin-right:auto;}
header .topheader .login{margin-left:auto;}
header .menu{justify-self:center;}
header .menu ul{display:flex;}
header .menu ul a{padding:0 8px;font-size:13px;font-weight:600;color:#0e1133;}
header .menu ul a:hover{color:#962cfd;}
header .login ul{display:flex;}
header .login ul a{padding:12px;font-size:15px;font-weight:500;background:#67309c;padding:12px;border-radius:4px;color:#fff;margin:0 4px;display:block;text-align:center;}
header .login ul a:hover{box-shadow:0 18px 30px #68309c63;}
header .login img{filter:brightness(0) invert(1);margin-right:4px;}
header .mobile-act{display:none;}
header .mobile-act:hover{box-shadow:0 18px 30px #68309c63;}
.showcase{min-height:93vh;display:flex;flex-wrap:wrap;}
.showcase .content{width:50%;align-self:center;padding:0 0 0 16%;}
.showcase .content h1{font-size:46px;font-weight:800;margin:0 0 30px;color:#401a64;}
.showcase .content p{font-weight:500;margin:0 0 30px;}
.showcase .video{width:50%;position:relative;display:flex;align-items:center;padding:30px;}
/* .showcase .video:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(110deg,#fff 28%,transparent 28.1%);z-index:4;}
*/
.showcase .video .cover{border-radius:60px;overflow:hidden;}
.showcase .video video{position:relative;top:2px;left:-1px;display:block;width:100%;border-radius:60px;/*clip-path:inset(2px 2px)*/
}
.showcase .spec{padding:15px 0 0;margin:0 -4px;}
.showcase .spec span{padding:12px 32px;margin:8px 4px;border-radius:6px;border:2px solid #67309c;color:#67309c;transition:.3s;cursor:pointer;text-transform:uppercase;font-weight:500;position:relative;-webkit-transition:all 0.25s ease-out 0s;-moz-transition:all 0.25s ease-out 0s;-ms-transition:all 0.25s ease-out 0s;-o-transition:all 0.25s ease-out 0s;transition:all 0.25s ease-out 0s;display:inline-block;}
.showcase .spec span:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#67309c;border-radius:4px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border:1px solid transparent;}
.showcase .spec span:hover{background:#67309c;color:#fff;}
.showcase .spec span:hover:before{transform:scale(1);}
.download{background:radial-gradient(at top right,#901eff,#67309c 80%);padding:80px 0 0;display:flex;}
.download h2,.download p{color:#fff;}
.download h2{font-size:52px;}
.download .content{text-align:right;}
.downloadlinks{justify-content:flex-end;}
.downloadlinks a{max-width:30%;margin:3px;}
.sender{position:relative;}
/* .sender:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:}
*/
/* .sender:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:linear-gradient(90deg,#fff 55%,#6a2fa3 55%,#6a2fa3 83%,#fff 83%);}
*/
.sender .content h2,.driver h2{font-size:20px;font-weight:800;margin:0 0 30px;color:#401a64;text-transform:uppercase;}
.sender .content p{font-weight:500;margin:0 0 30px;}
.sender h3,.driver h3{font-size:32px;font-weight:400;margin:0 0 30px;color:#401a64;}
.sender .passway h3,.whydriver .passway h3{font-size:32px;font-weight:400;margin:0 0 30px;color:#fff;text-transform:uppercase;}
.sender .passway,.sender .content{padding:70px 0;}
.sender .content .specs{margin-top:30px;}
.sender .content .specs .box{padding:25px 30px;text-align:center;font-size:14px;background-color:#fff;width:100%;height:100%;max-height:160px;border-radius:15px;position:relative;cursor:pointer;}
.sender .content .specs .box p{color:#0e1133;line-height:normal;margin:8px 0;}
.sender .content .specs .box:before,.sender .content .specs .box:after{content:"";position:absolute;width:20%;height:20%;background:#67309c;z-index:-1;transition:.3s;}
.sender .content .specs .box:before{top:-3px;left:-3px;border-radius:18px 0 0 0;}
.sender .content .specs .box:after{bottom:-3px;right:-3px;border-radius:0 0 18px 0;}
.sender .content .specs .box:hover:before,.sender .content .specs .box:hover:after{width:calc(50%);height:calc(50%);}
.sender .content img{filter:invert(21%) sepia(36%) saturate(3490%) hue-rotate(241deg) brightness(73%) contrast(64%);transition:.3s;}
.sender .content .specs .box:hover img{transform:scale(1.15);}
.sender .content .specs .box:hover p{color:#67309c;}
.sender .passway{background:linear-gradient(90deg,#fff 0%,#6a2fa3 0%,#6a2fa3 83%,#fff 83%);;padding:70px 15px;height:100%;}
.howtovid{border-radius:0px;position:relative;box-shadow:10px 12px #0e113369;border:26px solid #fff;}
/* .howtovid:after{content:"";position:absolute;width:400px;height:100px;border-radius:50%;background:rgba(46,13,77,0.55);filter:blur(30px);left:50%;transform:translateX(-50%);z-index:-1;bottom:-11%;}
*/
.howtovid video{max-width:100%;display:block;border-radius:0px;}
.whyberid{padding:90px 0 0px;background:radial-gradient(at bottom right,#901eff,#67309c 80%);}
.whyberid h2{color:#fff;font-weight:300;margin-bottom:30px;}
.whyberid h3{color:#fff;font-size:21px;margin:0 0 8px;}
.whyberid p{color:#fff;font-size:13px;margin:0 0 8px;}
.whyberid .list{margin:0 0 8px;border:1px solid #fff;padding:15px;border-radius:8px;}
.whyberid .list div{display:inline-block;}
.whyberid .list img{filter:brightness(0) invert(1);}
.whyberid .list .content{width:calc(100% - 95px);vertical-align:middle;padding:0 15px;}
.driver{padding:90px 0;}
.driver .content .specs{margin-top:30px;}
.driver .content .specs .box{padding:25px 30px;text-align:center;font-size:14px;background-color:#fff;width:100%;height:100%;max-height:160px;border-radius:15px;position:relative;cursor:pointer;}
.driver .content .specs .box p{color:#0e1133;line-height:normal;margin:8px 0;}
.driver .content .specs .box:before,.driver .content .specs .box:after{content:"";position:absolute;width:20%;height:20%;background:#67309c;z-index:-1;transition:.3s;}
.driver .content .specs .box:before{top:-3px;left:-3px;border-radius:18px 0 0 0;}
.driver .content .specs .box:after{bottom:-3px;right:-3px;border-radius:0 0 18px 0;}
.driver .content .specs .box:hover:before,.driver .content .specs .box:hover:after{width:calc(50%);height:calc(50%);}
.driver .content img{filter:invert(21%) sepia(36%) saturate(3490%) hue-rotate(241deg) brightness(73%) contrast(64%);transition:.3s;}
.driver .content .specs .box:hover img{transform:scale(1.15);}
.driver .content .specs .box:hover p{color:#67309c;}
/* .driver .passway{background:linear-gradient(90deg,#fff 0%,#6a2fa3 0%,#6a2fa3 83%,#fff 83%);padding:70px 15px;height:100%;background-size:30%;background-position:200px;}
*/
.whydriver{padding:90px 0 60px;background:radial-gradient(at bottom left,#901eff,#67309c 80%);}
.whydriver h2{color:#fff;font-weight:300;margin-bottom:30px;}
.whydriver h3{color:#fff;font-size:21px;margin:0 0 8px;}
.whydriver p{color:#fff;font-size:13px;margin:0 0 8px;}
.whydriver .list{margin:0 0 8px;border:1px solid #fff;padding:15px;border-radius:8px;}
.whydriver .list div{display:inline-block;}
.whydriver .list img{filter:brightness(0) invert(1);}
.whydriver .list .content{width:calc(100% - 95px);vertical-align:middle;padding:0 15px;}
/* .clock path{fill:white;}
.list:hover .rotate{animation:rota 3s ease-in-out infinite;transform-origin:center;}
@keyframes rota{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
*/
.faq{padding:60px 0;}
.faq h2{margin:0 0 45px;text-align:center;}
.faq .accordion-item button{border:0;background:#9768D1;box-shadow:0 8px 28px rgba(0,0,0,.15);border-radius:50px!important;margin:0 0 8px;color:#fff;}
.faq .accordion-item button.collapsed{border:0;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.15);color:#0e1133;border-radius:50px!important;margin:0 0 8px;}
.faq .accordion-item{border:0;}
.faq .accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1);}
footer{padding:60px 0;}
footer .social{display:flex;align-items:center;}
footer .social a{padding:2px;filter:invert(71%) sepia(33%) saturate(567%) hue-rotate(217deg) brightness(95%) contrast(86%);transition:.3s;position:relative;}
footer .social a:hover{filter:invert(23%) sepia(19%) saturate(7283%) hue-rotate(256deg) brightness(86%) contrast(91%);}
footer .social a img{position:relative;transition:.2s;top:0;}
footer .social a:hover img{top:-3px;}
.topfoot{padding:0 0 15px;border-bottom:1px solid #ddd;}
.footermenu{padding:15px 0 0;}
.footermenu ul{margin:0 -12px;}
.footermenu li{display:inline-block;}
.footermenu li:not(:last-child){border-right:1px solid #ddd;}
.footermenu li a{padding:12px;}
/* responsive */
@media(max-width:1499px){.showcase .content{padding:0 0 0 6%;}
.showcase .content h1{font-size:30px;}
.showcase .content p{font-size:13px;line-height: 14px;}
.showcase{min-height:82vh;}
.showcase .spec span {padding: 8px 19px;}
}
@media(max-width:992px){.showcase .spec span {padding: 8px;font-size: 13px;}}
@media(max-width:768px){.showcase{padding-top:130px;}
.showcase .content{width:100%;padding:0 60px;}
.showcase .video:before{display:none;}
.showcase .video{width:100%;padding:35px 60px;}
.showcase .video video{position:relative;border-radius:40px;}
}
@media(max-width:768px){header{padding:15px;}
header .topheader .login{margin:unset;}
header .topheader .login span{display:none;}
header .menu .mobile-act{font-size:15px;font-weight:500;background:#67309c;padding:4px 8px;border-radius:4px;color:#fff;margin:0 4px;display:block;text-align:center;font-size:28px;font-weight:900;line-height:39px;}
header .menu{position:relative;}
header .menu ul{position:absolute;display:none;padding:15px;box-shadow:0 18px 58px #0000002e;border-radius:4px;background:#fff;top:108%;right:5px;width:145px;text-align:right;}
header .menu ul.active{display:block;}
header .login img{margin-right:0px;}
.sender .passway{background:none;}
.sender .passway h3{color:#6a2fa3;}
.howtovid{border:0;}
}
@media(max-width:520px){header{padding:15px;}
.showcase .content h1{font-size:32px;}
.showcase .spec span{font-size:14px;padding:8px 15px;}
.showcase .content{padding:0 15px;}
.showcase .video{padding:15px;}
.showcase{padding-top:90px;}
.sender h3,.driver h3{font-size:23px;font-weight:500;}
.sender .passway,.sender .content,.driver{padding:60px 0;}
.footermenu ul{margin:0 -12px 15px;}
footer{padding:15px 0;}
.showcase .video video{position:relative;border-radius:20px;}
}
@media(max-width:340px){header .login ul a{margin:0 2px;padding:10px;}
header .menu .mobile-act{margin:0 2px;padding:2px 6px;}
.showcase .content h1{font-size:28px;}
.showcase .content p{margin:0 0 10px;font-size:14px;}
footer .social{margin-top:8px;}
}