/* FONTS  */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
                                                                                                                         /* GENERAL */
body{margin:0%;padding:0%;box-sizing:border-box;font-family:'Inter', sans-serif;}
h1,h2,h3,h4,h5,h6,a,button{font-family:'Nunito', sans-serif;}
/*.container-fluid{width:80%;}*/


/* NAVBAR */
.fixed-top.scrolled{background-color:#fff !important;transition:background-color 200ms linear;box-shadow:0px 0px 8px #c3c3c3;}
.navbar-logo{height:50px;}
.btn-nav{color:#F15F24;border:1px solid #F15F24;background:transparent;border-radius:20px;font-size:16px;font-weight:700;padding:5px 20px;}
.navbar-style{background:transparent;padding:0;}
.login-link{font-size:16px;font-weight:700;color:#11193B;margin-right:30px;}
.topAD img{border-radius:6px;}

/* HERO-SECTION */
.hero-section{background:linear-gradient(180deg, #FFEEE9 0%, #F8F8F8 42.59%, rgba(235, 236, 243, 0) 87.38%);padding:70px 0px 30px;background-position:top;background-repeat:no-repeat;background-size:cover;align-items:center;}
.hero-section .hero-img{/*height:600px;*/}
.hero-section .heading{font-weight:800;font-size:48px;color:#11193B;margin-bottom:20px;}
.hero-section .content{font-weight:400;font-size:18px;line-height:27px;color:#515978;margin-bottom:30px;}
.btn-filled{color:white;background-color:#F15F24;border-radius:35px;border:none;padding:8px 20px;font-size:16px;font-weight:800;letter-spacing:1px;box-shadow:0px 2.92308px 36.5385px rgba(241, 95, 36, 0.32);}
.vertically-middle{margin:auto 0px;}
.rightAD{position:fixed;right:0;top:50%;z-index:99;transform:translate(0, -50%);}
.rightAD img{width:180px;border-radius:6px;}


/* TUBE SECTION */
.tube-section{margin:0 0 60px;justify-content:center;}


/* GET POINTS SECTION */
.get-points{margin:80px 0px;}
.get-points .heading{font-weight:800;font-size:48px;}
.arrow-placement{position:relative;padding:20px 0px 40px;}
.arrow-left{transform:rotate(20deg);}
.arrow-right{transform:rotate(-20deg);margin-left:120px;}
.paytm-logo{/*width:140px;*/
 margin:0 auto 20px;}
.card-paytm{border:none;background:#EAFAFF;border-radius:22px;padding:60px 40px;}
.card-paytm .text , .card-voucher .text{font-weight:800;font-size:30px;}
.card-voucher{border:none;background:#FFEEE9;border-radius:22px;padding:60px 40px;}
.blank{width:140px;margin:0 auto 20px;visibility:hidden;}
.get-points .vertically-middle .text{font-weight:800;}


/* CLIENT SLIDER */
.client-list .slick-slide{/* width:100%;*/
 margin:0px;}
.client-list .logo-carousel{overflow:inherit;padding:30px 0 50px;}
.client-list .slick-slide .client-logo{margin:0 auto;}
.client-list .slick-track::before , .client-list .slick-track::after{display:table;content:'';}
.client-list .slick-track::after{clear:both;}
.client-list .slick-track{padding:1rem 0;}
.client-list .slick-loading .slick-track{visibility:hidden;}
.client-list .slick-slide.slick-loading img{display:none;}
.client-list .slick-slide.dragging img{pointer-events:none;}
.client-list .slick-loading .slick-slide{visibility:hidden;}
.client-list .slick-arrow{position:absolute;top:50%;background:url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;color:#fff;filter:invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);border:none;width:2rem;height:1.5rem;text-indent:-10000px;margin-top:-16px;z-index:99;}
.client-list .slick-arrow.slick-next{right:-40px;transform:rotate(180deg);}
.client-list .slick-arrow.slick-prev{left:-40px;}


/* Media Queries */
@media (max-width:768px){
 .client-list .slick-arrow{width:1rem;height:1rem;}
}
.client-list .row{overflow:hidden;}

 /* PROCESS SECTION */
.process{margin:40px 0px;}
.process .align-row-center{margin:0 auto;}
.custom-width{padding:0px;}
.process .card-img-pointer{margin-bottom:10px;}
.process .head{font-weight:700;font-size:18px;}
.process .content{font-weight:400;font-size:18px;padding-right: 40px;}
.process-arrow{position:absolute;top:30%;right:20px;}
/* SIGNUP SECTION */
.signup-section{margin:50px 0px;}
.signup-section .heading{color:#11193B;font-weight:800;font-size:48px;}
 /*.signup-img{height:400px;} */
.signup-section .content{color:#515978;font-size:18px;font-weight:400;margin-bottom:20px;}
.signup-section .btn-filled{padding:10px 25px;font-size:18px;font-weight:800;letter-spacing:1px;box-shadow:none;font-size:14px;}
.signup-section .btn-filled .apple-btn{margin-top:-3px;}
.signup-section .btn-filled .android-btn{margin-top:-2px;}
/* WHAT MAKE US DIFFERENT */
.what-makes-us-different{background:url('/frontend/image/background1.png');padding:80px 0;}
.what-makes-us-different .heading{font-weight:800;font-size:48px;color:#11193B;}
.what-makes-us-different .content{color:#515978;font-size:18px;font-weight:400;margin-bottom:120px;}
.grid-row{width:65%;margin:0 auto;}
.info-card{padding:18px 20px;background:#FFFFFF;box-shadow:0.693694px 6.93694px 6.93694px rgba(181, 181, 181, 0.02), 6.93694px 13.8739px 13.8739px rgba(188, 188, 188, 0.04), 13.8739px 20.8108px 20.8108px rgba(182, 182, 182, 0.06), 38.1532px 45.0901px 30.5225px rgba(174, 174, 174, 0.13);border-radius:40px;border:none;margin-bottom:30px;}
.info-card .info-img{width:80px;margin:0 auto 20px;}
.info-card .heading{font-size:16px;text-transform:uppercase;margin-bottom:10px;}
.info-card .content{margin-bottom:0px;font-size:16px;}
.info-card.margin-top-100{margin-top:100px;}
/* TESTIMONIALS */
.testimonials{margin:50px 0;}
.testimonials .heading{font-weight:800;font-size:48px;color:#11193B;}
.color-orange{color:#F15F24;}
.test-card{background:#FFFFFF;border-radius:25px;filter:drop-shadow(0.693694px 6.93694px 6.93694px rgba(181, 181, 181, 0.02)) drop-shadow(6.93694px 13.8739px 13.8739px rgba(188, 188, 188, 0.04)) drop-shadow(13.8739px 20.8108px 20.8108px rgba(182, 182, 182, 0.06)) drop-shadow(38.1532px 45.0901px 30.5225px rgba(174, 174, 174, 0.13));border:none;width:80%;margin:0 auto;position:relative;}
.padding-car{padding:60px;}
.test-card .test-img{width:100%;}
.test-card .testimonial-content{padding:30px;}
.test-card .heading{font-weight:800;font-size:24px;line-height:120%;color:#11193B;}
.test-card .content{font-weight:normal;font-size:18px;line-height:150%;color:#515978;}
.test-card .author{margin-top:30px;margin-right:30px;font-weight:600;font-size:18px;line-height:120%;text-align:right;color:#11193B;}
.testimonials .carousel-control-prev-icon{width:40px;height:40px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F15F24' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}
 .testimonials .carousel-control-next-icon{width:40px;height:40px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F15F24' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");}
.testimonials .carousel .carousel-indicators li{background-color:#C4C4C4;}
.testimonials .carousel .carousel-indicators li.active{background-color:#F15F24;}
/* START EARLY SECTION */
.start-earning-today{margin:50px 0;}
.start-earning-today .heading{font-weight:800;font-size:48px;color:#11193B;margin-bottom:15px;}
.start-earning-today .content{font-weight:normal;font-size:18px;color:#515978;margin-bottom:40px;}
.start-earning-today .block-area{border:none;width:80%;margin:0 auto;background-color:#FFEEE9;border-radius:25px;padding:30px 40px;}
/* FAQ */
.faq{padding:50px 0px;background-color:#FFEEE9;}
.faq .heading{font-weight:800;font-size:48px;color:#11193B;margin-bottom:20px;}
.faq .content{color:#515978;font-weight:normal;font-size:18px;line-height:22px;}
.faq-links{width:40%;margin:30px auto;}
.faq-button{background-color:white;border-radius:50%;padding:15px;margin-bottom:20px;}
/* FOOTER */
.footer{margin:70px 0 30px;}
.footer-logo{margin-bottom:20px;}
.footer-link{font-weight:300;font-size:16px;color:#515978;margin-right:15px;}
.footer .site-links{margin-bottom:15px;}
.footer .social-media-links{margin-bottom:15px;}
.footer .social-media-links .social-media{margin-right:15px;}
.footer .social-media-links .social-media .social-media-icons{height:25px;}
.footer .copyright-footer{font-weight:normal;font-size:14px;line-height:24px;color:#b3b3b3;}
.footer .content{font-weight:300;font-size:18px;line-height:28px;color:#515978;}


/*//////////////// MOBILE VERSION CHANGES//////////////////*/
@media (max-width:400px){
 .container-fluid{width:100%;}
 .hero-section .heading{font-size:35px;}
 .hero-section .hero-img{width:100%;height:auto;}
 .hero-section .btn-filled{width:100%;}
 .tube-section .tube-img{width:100%;}
 .tube-section{margin:20px 0 0;}
 .get-points{margin:50px 0px;}
 .arrow-placement{display:none;}
 .process .arrow{display:none;}
 .process-arrow{display:none;}
 .get-points .heading{font-size:45px;}
 .card-paytm .text , .card-voucher .text{font-size:25px;}
 .signup-section .heading{font-size:45px;}
 .signup-img{width:100%;}
 .signup-section .btn-filled{width:100%;}
 .what-makes-us-different{background-size:auto;padding:50px 0;}
 .what-makes-us-different .heading{font-size:45px;}
 .what-makes-us-different .content{margin-bottom:50px;}
 .grid-row{width:100%;}
 .info-card .heading{font-size:18px;text-transform:uppercase;margin-bottom:20px;}
 .info-card .content{margin-bottom:0px;}
 .info-card.margin-top-100{margin-top:0px;}
 .testimonials .heading{font-size:40px;}
 .padding-car{padding:0px;}
 .testimonials .carousel-control-prev-icon{display:none;}
 .testimonials .carousel-control-next-icon{display:none;}
 .test-card{margin:40px 0;width:100%;}
 .test-card .heading{font-size:24px;}
 .test-card .author{margin-right:0px;}
 .test-card .test-img{display:none;}
 .start-earning-today .heading{font-size:40px;}
 .start-earning-today .block-area{width:100%;padding:20px;}
 .start-earning-today .btn-filled{padding:10px 22px;}
 .faq .heading{font-size:36px;margin-bottom:20px;}
 .faq-links{width:80%;margin:30px auto;}
 .footer .content{margin-top:20px;}
}


/*/////////// TABLET VERSION ///////////// */
@media (min-width:500px) and (max-width:1100px){
 .hero-section .heading , .get-points .heading , .signup-section .heading , .what-makes-us-different .heading , .testimonials .heading , .start-earning-today .heading , .faq .heading{font-size:40px;}
 .hero-img{width:100%;height:auto !important;}
 .hero-section{padding:100px 0;}
 .signup-section .signup-img{width:100%;height:auto !important;}
 .process-arrow{top:20%;}
 .what-makes-us-different .content{margin-bottom:50px;}
 .grid-row{width:80%;}
 .info-card{margin-bottom:30px;}
 .info-card .heading{font-size:18px;text-transform:uppercase;margin-bottom:20px;}
 .info-card .content{margin-bottom:0px;}
 .test-card{width:100%;}
 .padding-car{padding:50px 0px;}
 .test-card .heading{font-weight:800;font-size:24px;line-height:120%;color:#11193B;}
 .testimonials .carousel-control-prev-icon{display:none;}
 .testimonials .carousel-control-next-icon{display:none;}
}


/* //////////////////////// SIGNUP PAGE CODE ///////////////////////// */
.body-container{height:100vh;width:100vw;overflow:hidden;}
.page-left{padding:40px 200px;}
.page-left .signup-logo{margin-bottom:20px;}
.page-left .heading{font-weight:800;font-size:30px;line-height:120%;color:#11193B;margin-bottom:15px;}
.page-left .form-label{font-family:'Nunito';font-weight:bold;font-size:14px;line-height:19px;color:#676767;margin-bottom:2px;}
.page-left .content{font-family:'Nunito';font-weight:bold;font-size:14px;line-height:19px;color:#676767;}
.page-left::-webkit-input-placeholder{font-family:'Nunito';font-style:normal;font-weight:bold;font-size:14px;line-height:19px;color:#D0D0D0;}
 .page-left .custom-input{border:1px solid #E6E6E6;box-sizing:border-box;border-radius:7px;height:35px;font-size:14px;}
.page-right{background:url('../image/background.png');background-size:cover;background-position:top;width:100%;overflow:hidden;padding:40px 120px;height:100vh;}
.page-right .heading{font-weight:800;font-size:36px;line-height:120%;color:#FFFFFF;margin-bottom:25px;}
.page-right .content{font-family:'Nunito';font-weight:400;font-size:25px;line-height:120%;color:#FFFFFF;margin-bottom:35px;}
.page-right .card-row{width:80%;margin:0 auto;}
.page-right .motivation-card{background:none;border:0.789941px solid #FFFFFF;box-sizing:border-box;border-radius:9px;padding:17px 17px 0px;margin-bottom:30px;}
.page-right .motivation-card .moti-card-img{width:28px;margin-bottom:20px;}
.page-right .motivation-card .content{font-family:'Nunito';font-weight:800;font-size:12px;line-height:17px;text-transform:uppercase;color:#FFFFFF;}
.page-left .for-pass a{font-family:'Nunito';font-weight:600;font-size:14px;line-height:19px;text-align:right;color:#F15F24;/*margin:15px 0px;*/}
.page-left a{color:#F15F24;}
.page-left a:hover{color:#F15F24;}
.page-right .phone-img{display:block;height:350px;margin:0 auto 40px;}
.page-right .btn-filled{background-color:#fff;color:#F15F24;font-family:'Nunito';font-weight:bold;font-size:13.1538px;line-height:10px;text-align:center;margin-right:20px;padding:11px 18px 8px;}
.page-right .btn-img-icon{padding-right:5px;height:18px;margin-top:-3px;}

/* ////////////// TnC///////////// */
.terms-condition{padding:100px 0px;background:linear-gradient(180deg, #FFEEE9 0%, #F8F8F8 42.59%, rgba(235, 236, 243, 0) 87.38%);}
.terms-condition .heading{font-weight:800;font-size:48px;line-height:120%;margin-bottom:20px;}
.terms-condition .section-head{font-size:22px;font-weight:600;color:#515978;margin-top:30px;}
.terms-condition .content{color:#515978;font-size:18px;line-height:30px;}
.terms-condition li{margin-bottom:20px;}


@media (max-width:450px){
 .page-left{padding:40px 40px;}
 .page-left .signup-logo{width:150px;margin:10px auto 30px;}
 .page-left .form-label{font-size:15px;}
 .page-left .custom-input{margin-bottom:20px;}
 .page-right{padding:40px 40px;}
 .page-right .content{font-size:18px;margin-bottom:0px;}
 .page-right .heading{margin-bottom:20px;}
 .page-right .content{margin-bottom:0px;}
 .page-left .for-pass{font-family:'Nunito';font-weight:600;font-size:14px;line-height:19px;text-align:right;color:#F15F24;margin:15px 0px;}
 .page-right .phone-img{display:block;height:350px;margin:0 auto 40px;}
 .page-right .btn-filled{background-color:#fff;color:#F15F24;font-family:'Nunito';font-weight:bold;font-size:13.1538px;line-height:10px;text-align:center;margin-right:20px;}
}
.pf-form__message{font-size:12px;font-weight:400;line-height:1.67;position:absolute;}


@media (min-width:320px) and (max-width:767px){
 .login-link{margin-right:0;}
 .navbar-logo{height:40px;}
 .navbar-style .navbar-nav{background-color:#fff;padding:1px;text-align:center;}
 .navbar-style .navbar-nav li{padding-bottom:5px;border-bottom:1px solid #ccc;}
 .hero-section .heading,.get-points .heading, .signup-section .heading, .what-makes-us-different .heading,.testimonials .heading, .start-earning-today .heading, .faq .heading{font-size:35px;}
 .hero-section .hero-img{height:auto;}
 .test-card .heading{font-size:24px;}
 .test-card{margin:20px 0;width:100%;}
 .test-card .testimonial-content{padding:15px 30px;}
 .testimonial-content img{height:25px;}
 .btn-nav{margin-top:8px;}
 .what-makes-us-different .content{margin-bottom:40px;}
 .info-card.margin-top-100{margin-top:40px;}
 .grid-row{width:100%;}
 .hero-section,.process, .signup-section{text-align:center;}
 .footer{text-align:center;}
 .body-container{overflow:auto;padding:0 15px;}
 .page-left .signup-logo{width:auto;margin:0;margin-bottom:10px;}
 .page-left .for-pass{margin-top:0;}
 .page-right .btn-img-icon{margin-top:-5px;}
 .page-left{padding:30px 30px 5px;}
 .page-right{padding:30px 10px;height:auto;}
 .page-right .heading{font-size:28px;}
 .page-right .phone-img{margin:0 auto 15px;}
 .page-right .btn-filled{margin:0;margin-bottom:15px;}
 .page-right .motivation-card{min-height:170px;}
 .page-right .card-row{width:100%;margin-top:30px;padding-bottom:10px !important;}
 .page-right .motivation-card .content{font-weight:600;font-size:14px;margin-bottom:10px;}
 .footer .copyright-footer{text-align:center !important;margin-top:15px;}
 .faq-links{width:100%;}
.topAD, .rightAD {display:none;}
.process .content {padding-right: 0;}
}
