@charset "utf-8";
@font-face {font-family: "Futura Bk BT Book";
  src: url("../futura-font/cc84650569fd07dac022c55b20c66e46.eot"); /* IE9*/
  src: url("../futura-font/cc84650569fd07dac022c55b20c66e46.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../futura-font/cc84650569fd07dac022c55b20c66e46.woff2") format("woff2"), /* chrome firefox */
  url("../futura-font/cc84650569fd07dac022c55b20c66e46.woff") format("woff"), /* chrome firefox */
  url("../futura-font/cc84650569fd07dac022c55b20c66e46.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
  url("../futura-font/cc84650569fd07dac022c55b20c66e46.svg#Futura Bk BT Book") format("svg"); /* iOS 4.1- */
}

html {overflow-x:hidden;scroll-behavior: smooth;}
body{background:#fff;font-family:'Futura Bk BT Book', sans-serif;margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, span, p, a, li{font-family:'Futura Bk BT Book', sans-serif}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px}
body a{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both;}
.header{background:#f4f5ff; padding: 0 100px}
.head-mobile img{width:580px; float:right}
.topnav{padding:10px 0px;animation-duration: 0.7s;animation-name: fadeInUp;animation-timing-function: ease-out;}
.navbar{padding:10px 0}
.navbar-brand img{width:200px}
.navbar-dark .navbar-nav .nav-link{color:#9728f0;font-size:0.9em;font-weight: 300; text-transform:uppercase;padding:0 25px}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#34205f;}
.social li{display:inline-block;padding:0 8px}
.social li a{color:#9728f0;text-decoration:none}
.social li a:hover{color:#34205f;}
.sticky{position: fixed;top: 0;width: 100%;background: #fff;box-shadow: 1px 0px 25px #dad7d7;animation-duration: 0.7s;animation-name: fadeInDown;animation-timing-function: ease-out;left:0;right:0;z-index:999;padding: 0 100px}

@keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
@keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
.more2 {background: #9728f0;padding: 10px 20px !important;border-radius: 50px;margin-top: -11px;color: #fff !important;border: 1px solid #9728f0;font-size:0.9em !important;font-weight: 300;text-transform:uppercase;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.more2:hover{background:transparent;border: 1px solid #9728f0;color: #9728f0 !important;}

.header-text{padding:150px 0px}
.header-text h1{font-size:6.5em; color:#1c1b17; font-weight:600;line-height: 1;}
.header-text p{font-size:2em;color:#1c1b17; font-weight:600;line-height:1.5; margin-top:25px}
.download{text-align:center;padding:20px 150px;font-weight:600;background:#9727f0;color:#fff;border:2px solid#9727f0;font-size:1.6em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:0px;}
.download:hover{background:transparent;border:2px solid#9727f0;color:#9727f0;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}

.number{background:#4a1276;padding:50px 150px}
.numscroller{width:200px;height:200px;border:2px solid #fff;border-radius:50%;font-size:5em;text-align:center;line-height:2.5;margin:auto; font-weight:100; color:#fff}
.number p{font-size:1.5em;color:#fff;font-weight:600;line-height:1.5;text-align:center; margin-bottom:0}

.flow{margin-top:50px; padding:0 100px}
.flow h2{font-size:4em; color:#1c1b17; font-weight:600; line-height: 1; text-align:center; margin-bottom:15px}
.flow h3{font-size:3em; color:#1c1b17; font-weight:600; line-height: 1; text-align:center; margin-bottom:15px}
.flow h4{font-size:2em; color:#1c1b17; font-weight:600; line-height: 1; margin-bottom:15px}
.flow p{font-size:1.4em; color:#1c1b17; margin-bottom:50px; text-align:center;font-weight:400;line-height: 1.4;}
.flow-text p{font-size:1.4em; color:#1c1b17; margin-bottom:15px; text-align:left;font-weight:400;line-height: 1.4;}
.flow-text strong{font-weight:900}
.flow-text li{font-size:1.4em; color:#1c1b17;line-height:1.4}

.howitwork{margin-top:50px;padding:0 100px}
.howitwork h2{font-size:5em; color:#1c1b17; font-weight:600; line-height: 1; text-align:center; margin-bottom:35px;}
.howitwork p{font-size:1.4em; color:#1c1b17; text-align:center;font-weight:400;line-height: 1;margin-bottom:50px}

.sticy-img1{background:url(../images/1.jpg); background-attachment:fixed;}
.sticy-img2{background:url(../images/2.jpg); background-attachment:fixed;}
.sticy-img3{background:url(../images/3.jpg); background-attachment:fixed;}
.sticy-img4{background:url(../images/4.jpg); background-attachment:fixed;}
.sticy-img5{background:url(../images/5.jpg); background-attachment:fixed;}
.sticy-img6{background:url(../images/6.jpg); background-attachment:fixed;}
.sticy-img7{background:url(../images/7.jpg); background-attachment:fixed;}

.sticy-img{position: relative;padding:200px 100px;background-repeat: no-repeat;background-size: cover;background-position: top center;}
.sticy-img h3{font-size:4em; color:#fff; font-weight:600; line-height: 1; margin-bottom:15px;}
.sticy-img p{font-size:1.4em; color:#fff;font-weight:400;line-height: 1.4}
.sticy-img li{font-size:1.4em; color:#fff;font-weight:400;line-height: 1.4}

.verify{margin-top:100px}
.verify h3{font-size:3em; color:#1c1b17; font-weight:600; margin-bottom:15px; text-align:center}
.verify p{font-size:1.4em; color:#1c1b17;text-align:center; margin-bottom:20px;font-weight:400;line-height: 1.7}

.find{text-align:center;padding:15px 100px;font-weight:600;background:#9727f0;color:#fff;border:2px solid#9727f0;font-size:1.6em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:0px;}
.find:hover{background:transparent;border:2px solid#9727f0;color:#9727f0;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}

.testimonials{background:#f4f5ff; margin-top:100px; padding:50px 0 100px 100px}
.testimonials h3{font-size:3em; color:#1c1b17; font-weight:600; margin-bottom:15px}
.testimonials p{font-size:1.4em; color:#1c1b17;font-weight:400;line-height: 1.4}
.wrapper-ping{background:#fff;padding: 30px;text-align: center;border-radius: 5px;position:relative;min-height:380px;}
.wrapper-ping p{font-size: 1.1em;text-align: left;font-weight:400;line-height: 1.5}
.wrapper-ping img {border-radius: 0%;text-align: center;margin: 0;width: 40px !important;height: 40px;opacity:0.1;left:0px; top:0px;}

.owl-carousel{margin-top:50px}
.owl-dots{display:none}
.owl-nav i{font-size:2em}
.owl-prev{float:left}
.owl-next{float:right}
.owl-prev:hover, .owl-next:hover {background:transparent !important;opacity:0.8}
.owl-nav{margin-top:20px}

.footer{background:#171718; padding:50px 100px;}
.footer img{width:250px;filter: brightness(0) invert(1);}
.footer h4{font-size:1.5em;color: #fff; font-weight:600;}
.footer p{font-size: 1em;color: #fff;font-weight:400;line-height: 1.7; margin-bottom:0; margin-top:10px}
.footer ul{margin: 0px; padding: 0px;list-style:none}
.footer li{padding:3px 0px;}
.footer li a{color:#fff;font-size:1em}
.footer li a:hover{color:#c479ff;text-decoration:none}
.footer address p i{padding: 5px 10px 5px 0px;color:#fff}

.sociallink{}
.sociallink ul{margin-top:10px;display: inline-block;}
.sociallink li{width: auto;display: inline-block;padding: 0px;}
.sociallink li a{color:#9728f0;padding: 0px;background: #fff; width: 40px;float: left; height: 40px; text-align: center; font-size:1em; line-height: 40px; border-radius: 4px;}

.copyright{width:100%;background:#000;padding:15px 0;margin:0px;}
.copyright p{font-size:1em; text-align:center; color:#fff;font-weight:400;line-height: 1.7; margin-bottom:0;}

.whatsapp{position:fixed;right:30px; bottom:50px;z-index:99999}
.whatsapp img{width:50px}

.about{padding:50px 0px 80px;}
.about-text h1{font-size:4em; color:#1c1b17; font-weight:600;line-height: 1;}
.about-text p{font-size:1.5em;color:#1c1b17; font-weight:600;line-height:1.5; margin-top:25px}
.head-laptop img{width:600px;}

.about-wrap{margin-top:50px;padding:0 100px}
.about-wrap h2, .about-wrap h3, .about-wrap h4{font-size:3em; color:#1c1b17; font-weight:600; line-height: 1; margin-bottom:15px}
.about-wrap p{font-size:1.4em; color:#1c1b17; margin-bottom:50px; font-weight:400;line-height: 1.4;}
.about-wrap ul{margin-bottom:50px;}
.about-wrap li{font-size:1.4em; color:#1c1b17; margin-bottom:20px; font-weight:400;line-height: 1.4;}

.build-wrap{margin:50px auto;padding:0px 100px}
.build{background-image: url(../images/bg.png), linear-gradient(#430f6d, #9527ed);background-size:cover;border-radius:20px;padding:40px 50px;}
.build img{width:450px}
.build h4{color:#fff; font-size:2.5em; font-weight:600; margin-top:50px; margin-bottom:20px}
.build p{font-size:1.5em; font-weight:500; color:#fff;margin-top:10px;}

.form{background:transparent;padding:0px; margin-top:50px}
.form .container{padding:0px}
.form h3{font-size:1.8em;font-weight:300;color:#000;line-height:1}
.form h4{font-size:1.2em;font-weight:500;color:#000;line-height:2}
.form h5{font-size:1.2em;font-weight:300;color:#000;line-height:2}
.form h6{font-size:3em;font-weight:800;color:#2f4d5a;text-align:center;text-transform:uppercase}
.form p{font-size:1em;font-weight:400;color:#000;line-height:1}
.g1{background:rgba(0,0,0,0.1);padding:0px; border-radius:10px; overflow:hidden}

.form-in{background:rgba(0,0,0,0.1);padding:35px;border-radius:10px}
.form-in .form-control{height:45px}
.form-in #textarea{width:100%; height:130px; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.contact{margin-top:0px; margin-bottom:50px}
.contact-list ul{list-style:none; margin-left:-40px; margin-top:25px}
.contact-list li{font-size:1em}
.list-item {line-height: 2;color: #fff !important;}
.contact-text {color: #fff;}
.place {margin-left: 15px; color:#fff !important; line-height:1.2}
.phone {margin-left: 11px;}
.gmail {margin-left: 8px;}
.contact-text a {color: #fff;text-decoration: none;transition-duration: 0.2s;}
.contact-text a:hover {color: #fff;text-decoration: none;}
.my-contact{width:900px; margin:auto; box-shadow:1px 1px 25px #ccc; border-radius:10px; overflow:hidden; height:550px; margin-top:-200px; background: #fff;position: relative;left: 0;right: 0;}
.left-contact{background-image:linear-gradient(#430f6d, #9527ed); height:100vh; padding:35px 0 0 40px}
.left-contact h3{color:#fff; text-align:left;font-size: 2em !important;}
.form2{padding:35px}
.form2 h3{text-align:left;font-size: 2em !important;}
#textarea{display: block;width: 100%;height:100px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;border: 1px solid #ccc;border-radius:4px}
.connect img{width:300px; margin-top:25px}

.submit{background: #9728f0;padding: 15px 50px !important;border-radius: 50px;color: #fff !important;border: 1px solid #9728f0;font-size:0.9em !important;font-weight: 300;text-transform:uppercase;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.submit:hover{background:transparent;border: 1px solid #9728f0;color: #9728f0 !important;}

.stky-img{display:none}

@media screen and (max-width: 600px){
.header{padding: 0 15px 25px;}
.sticky{padding: 0 15px;position:relative}
.navbar-dark .navbar-toggler{color:#8624d4;border-color:#8624d4;padding: 2px 8px;}
.navbar-dark .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(124, 36, 212)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
.navbar-nav{margin-left:-10px !important;margin-top: 15px}
.navbar-dark .navbar-nav .nav-link{font-weight: 400;padding: 5px 25px;}
.more2{display:none}
.social{text-align: left;margin-left: -35px !important;}
.header-text{padding: 0px 15px;}
.header-text h1{font-size: 3.2em;}
.header-text p{font-size: 1.5em;}
.download{width:100%;padding: 10px;font-size: 1.3em;}
.head-mobile img{width:100%}
.number{padding: 50px 15px;}
.numscroller{width: 130px;height: 130px;font-size: 2.5em;line-height: 3;}
.number p{font-size: 1.3em; margin-bottom:25px}
.flow{padding: 0 15px;}
.flow h2{font-size: 2.4em;}
.flow h3{font-size: 1.8em;}
.flow p{font-size: 1.2em;margin-bottom: 30px;}
.flow img{margin-bottom:30px}
.flow h4{font-size: 1.5em;}
.flow-text p, .flow-text li{font-size: 1.2em;}
.howitwork{padding: 0 15px;}
.howitwork h2{font-size: 2.4em;margin-bottom: 15px;}
.howitwork p{font-size: 1.2em;line-height: 1.2;margin-bottom: 30px;}
.sticy-img1{background:#34205f;}
.sticy-img2{background:#aa2bec;}
.sticy-img3{background:#34205f;}
.sticy-img4{background:#aa2bec;}
.sticy-img5{background:#34205f;}
.sticy-img6{background:#aa2bec;}
.sticy-img7{background:#34205f;}
.sticy-img {padding: 50px 15px;}
.sticy-img h3 {font-size: 2em;}
.stky-img{display:block;margin-bottom:15px}
.stky-img img{width:100%}
.sticy-img p, .sticy-img li{font-size: 1.2em;}
.verify{margin-top: 50px; padding:0 15px}
.verify h3{font-size: 2.4em;}
.verify p{font-size: 1.2em;line-height: 1.4;}
.find{padding: 10px 70px;font-size: 1.3em;}
.testimonials{margin-top: 50px;padding: 50px 15px}
.testimonials h3{font-size: 2.4em;}
.testimonials p{font-size: 1.2em;}
.owl-carousel{margin-top: 20px;}
.footer{padding: 50px 15px;}
.footer h4{margin-top:15px}
.about{padding: 0px}
.head-laptop img{width: 100%; margin-bottom:30px}
.about-text h1{font-size: 2.4em;}
.about-text p{font-size: 1.3em;}
.about-wrap{padding: 0 15px;}
.about-wrap h2, .about-wrap h3, .about-wrap h4{font-size: 2.4em;}
.about-wrap p, .about-wrap li{font-size: 1.2em;}
.build-wrap {padding: 0px 15px;}
.build{padding: 25px;}
.build img{width: 100%;}
.build h4{font-size: 2.2em;margin-top: 10px;margin-bottom: 10px;}
.build p{font-size: 1.2em;}
.my-contact{width: 100%;height: auto;margin-top: 0;}
.left-contact{height: auto;padding: 35px 0 25px 40px;}
.connect img{width: 80%;margin-top: 0;}
.whatsapp{right: 15px;bottom: 40px;}
.whatsapp img{width: 35px;}
}