@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* body {font-family: 'Roboto', sans-serif;} */
/* body, * {font-family: 'Open Sans', sans-serif !important;} */
/*body { font-family: 'Roboto', sans-serif; color: #000; }*/
body {
    font-family: 'Poppins', sans-serif;
    color: #000;
    background-color: #F0F0F0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*.barlowFont {font-family: 'Barlow', sans-serif;}*/


/* common css */
.myBTN {background-color: #5b86bd;border: none;color: #fff !important;padding: 9px 40px;min-width: 100px; border-radius: 10px;font-size: 14px;font-weight:500; margin:0 2px; text-transform: uppercase; }

.myBTNB {background-color: #5b86bd;border: none;color: #fff !important;padding: 9px 40px;min-width: 100px; border-radius: 10px;font-size: 14px;font-weight:500;margin:0 2px; text-transform: uppercase; }
.myBTNN {background-color: #5b86bd;border: none;color: #fff !important;padding: 9px 40px;min-width: 100px; border-radius: 10px;font-size: 14px;font-weight:500;margin:0 2px; text-transform: uppercase; }

.myBTN:hover, .myBTN:focus, .myBTN:active, 
.myBTNB:hover, .myBTNB:focus, .myBTNB:active, 
.myBTNN:hover, .myBTNN:focus, .myBTNN:active  {background-color: #cda12c;border-color: #cda12c;color: #fff !important;box-shadow: 0px 0px 8px #cda12c;}

.blueBtn {background-color: #39b54a;border: none;color: #fff;padding: 9px 20px;min-width: 100px; border-radius: 25px;font-size: 13px;margin:0 2px;}
.blueBtn:hover, .blueBtn:focus, .blueBtn:active  {background-color:  #5b86bd;border-color: #1b75bb;color: #fff;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.no-border {border: none;}
.width100 {width: 100%;}
.bggray {background-color:#F5F5F5;}
.overflw{overflow:hidden;}
/* Top Header */
.logo_main {height:65px;}
.mainHeader {background-color: #fff;padding: 1px 0;box-shadow: 0 0 5px #ccc; position: sticky; top: 0;z-index: 9999;}
.mainHeader.shadow {background-color: #fff;padding: 1px 0;box-shadow: 0px 2px 5px #ccc;margin-bottom: 5px;}
.mainHeader .navbar {padding-top:1px;padding-bottom:1px;}
.mainHeader .navbar.bg-light {background-color: transparent;}
.mainHeader .navbar-light .navbar-nav .nav-link {color: #000;font-size: 16px; margin: 0 14px;font-weight: 500; padding: 8px 8px;}
.mainHeader .navbar-light .navbar-nav .nav-link.active {color: #5b86bd;}
.mainHeader .navbar-light .navbar-nav .nav-link:hover {color: #5b86bd;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {color: #fff;padding: 8px 40px;}
.profileImg {margin-top:-10px;height: 38px;width: 38px;border-radius: 25px;box-shadow: 0px 0px 5px #c1c1c1;}

/* Banner */
.bannerHome {position: relative;background-color: #f0f0f0;padding-top: 140px;padding-bottom: 185px;background-image: url(../image/home/hero.jpg);background-repeat: no-repeat;}
.bannerHome .heading{color:#fff; font-size:50px;font-weight:700;position:relative;z-index:99;}
.bannerHome .heading .colr{color:#CDA12C;}
.bannerHome .heading .colr1{ color:#5E88BE;}
 .bannerHome::before {content: "";display: block;width: 100px;height: 50px;background: #5E88BE;left: 0;top: 15%;position: absolute;border-top-right-radius: 25px; border-bottom-right-radius: 25px;z-index: 9;}
.bannerHome .banerimage {position: absolute;top: -105px;z-index: 9;}
.bannerHome:after {content: "";display: block;width: 110px;height: 50px;background: #5E88BE;right: 0;bottom: 25%;
position: absolute;z-index:1;border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.bannerHome .paraTxt{color:#D4E7FF;font-size:20px; font-weight:500; margin-bottom:40px;}
.wlcmhansamain .myBTN{font-size:18px;text-transform: capitalize;text-decoration: none;}
/* Welcome to HANSA CHEETAH */
/*.wlcmhansamain {background-image: url(../image/home/wlcmhansa-bg.svg);background-repeat: no-repeat; background-size: auto;background-position: bottom left;padding-top:50px;padding-bottom:85px;background-size: 100px;}*/
.wlcmhansamain {background-color: #F0F0F0; padding-top:50px;position:relative;}
.wlcmhansamain .header{ font-size:37px; font-weight:600; color:#000;margin-bottom:0;}
.wlcmhansamain .header1{ font-size:45px; font-weight:600; color:#CDA12C;}
.wlcmhansamain .header1 .colr{ color:#CDA12C;}
.wlcmhansamain .cheetahimg {position: absolute;right: 185px;top: 30px;height: 35px;}
.aboutus.paraTxt {font-size: 18px;font-weight: 600;color: #2c2c2c;}
/*.ppMN strong {color: #000;}*/


/* CLIENTS */
.clientmain {background-color:#000;padding-top:50px;padding-bottom:100px;}
.clientmain .heading{color:#fff; text-align:center;font-size: 40px;font-weight: 600;margin-bottom: 30px;}
.clientmain .owlSlider .owl-dots {display:none;}
.clientmain .owlSlider .owl-nav {position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);}
.clientmain .owlSlider .owl-nav button {font-size: 35px !important;line-height: 20px !important;margin: 0 !important;}
.clientmain .owlSlider .owl-nav button:hover {background-color:transparent !important; color: #000 !important;}
.clientmain .owlSlider .owl-nav .owl-prev {left:-20px;}
.clientmain .owlSlider .owl-nav .owl-next {right:-20px;}
.clientmain .owlSlider .owl-item {min-width:220px;}
/*.clientmain .owlSlider .owl-carousel .owl-item img {height: 140px;width: 220px;}*/
/* Rewards */
.rewardsmain {padding-top:50px; padding-bottom:30px; background-color:#F0F0F0;}
.rewardsmain .heading{color:#000;font-size:40px;text-transform:uppercase;font-weight:700; margin-bottom:30px;}

.cardsmain {padding-bottom: 70px;background-color: #F0F0F0;}

.cardsmain .cardbox {background-color: #CDA12C;padding: 40px 30px;border-radius: 20px; transform: scale(1);transition : all linear .3s;}
.cardsmain .cardbox:hover{transform: scale(1.05); transition: all linear .3s;}
.cardsmain .cardbox .cardhead{font-size:20px; color:#fff;margin-top: 30px;}
.cardsmain .cardimage {position: absolute;top: 0px;left: 50%;background-color: #fff;padding: 8px;border-radius: 10px;transform: translate(-50%, -50%);}
.cardsmain .cardimage .cardimg {background-color:#CDA12C;border-radius: 6px;padding: 5px;height: 50px;}
.cardsmain .cardbox.blueCard {background-color: #5E88BE;}
.cardsmain .cardbox.blueCard .cardimage .cardimg {background-color: #5e88be;}
.cardsmain .heading{text-align:center;margin-bottom: 90px;font-size: 40px;font-weight: 600;}
.cardsmain .our-cardhead::after {content: "";display: block;width: 35%;border-bottom: 4px solid #000;margin: -5px auto 0;}
   
/*About Hansa*/
.aboutmain{padding-top:150px; padding-bottom:80px; background-color:#000; position:relative;}
.aboutmain .aboutheading {color: #cda12c;text-align: center;font-size: 20px;font-weight: 600;margin-bottom:0;}
.aboutmain .abouthead::after {content: "";display: block;width: 23%;border-bottom: 4px solid #f0f0f0; transform: rotate(90deg);position: absolute;top: -15px;
left: 60px;}
.aboutmain .aboutimg {background-color: #F0F0F0;width: 150px;height: 150px;padding: 25px;border-radius: 50%;position: absolute;top: -120px;left: 50px;z-index:990;}
.aboutmain::before {content: "";display: block;width: 215px;height: 65px;background: #5e88be;left: 0;top: 45px;position: absolute;z-index: 9;border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.aboutmain .aboutimg .hansaimg{height:70px;}
.aboutmain .aboutpara {background-color: #E4E4E4; padding:45px; border-radius:30px;position:relative;z-index:99}
.aboutmain .paraTxt{margin-bottom:0;}
 .aboutmain::after {content: "";display: block;width: 170px;height: 55px;background: #5E88BE;right: 0;bottom: 12%;position: absolute;border-top-left-radius: 25px;border-bottom-left-radius: 25px;z-index: 9;}
.contactWrap{padding-top:50px; padding-bottom:50px;}
.contactWrap .headings {color: #CDA12C; font-size:40px; font-weight:600;}
.contactWrap .paraTxt{margin-bottom:0}
.contactWrap a{color:#000;text-decoration:none;}
 .contactWrap .frmbg {height: 45px;border-radius: 10px;}
 .contactWrap .form-control {border-radius: 10px;}
    /* Footer */
.footerWrap {background-color: #000;padding-top: 30px;padding-bottom: 15px;color: #fff;font-weight: 500;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.footerWrap ul {padding:0;margin-top: 10px;}
.footerWrap ul li {list-style:none;margin-bottom: 15px;line-height: 20px;}
.footerWrap h3 {font-size:18px;font-weight: 600;color:#fff;}
.footerWrap ul li a {color: #fff;font-size:14px; text-decoration:none;font-weight: 400;}
.footerWrap ul li a:hover {color: #5b86bd;font-weight: 500;}
.footerWrap ul li a img {height:35px; margin-top: -5px;margin-right: 5px;}
.footerLogo {height:70px;background-color: #fff;padding: 5px 10px;}
.footerWrap ul.socialIc li {display:inline-block;margin-right:10px;}
.footerWrap ul.socialIc li a {border:1px solid #fff;padding: 5px 9px; border-radius: 15px;}
.footerWrap ul.socialIc li a:hover {background-color:#5b86bd;color:#fff;border:1px solid #5b86bd;}
.footerWrap ul.socialIc li a.fb {padding: 6px 11px;}
.copyRgt{background-color:#000;}
.copyRgt p {color:#fff;padding:5px; font-weight: 500;}


.toTop {position: fixed;bottom: 2%;right: 2%; font-size: 24px;background-color: #fff;padding: 5px 15px 5px 16px;border-radius: 25px;box-shadow: 0px 0px 5px #000000;color: #000000;cursor: pointer;z-index:99;}

/* 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;}

/*//////////////// 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 ///////////////////////// */
.signinBGs {background-color: #fff;background: url(../image/Login/signinbg.jpg);background-size: cover;background-repeat: no-repeat;height: 100vh;}
.body-container{height:100vh;width:100vw;overflow:hidden;}
.body-container .my-ftr {display:none;}
.page-left{padding:40px 150px;}
.page-left .signup-logo{margin-bottom:10px;height:60px; display:none;}
.page-left .heading{font-size:22px;color:#5B86BD;margin-bottom:4px; margin-top: 10px;}
.page-left .heading .hdText{position: absolute;left: 0;background-color: #000;padding: 10px 20px 10px 15px;font-size:18px; border-top-right-radius: 35px;border-bottom-right-radius: 35px;color: #CDA12C;}
.page-left .form-label{font-size:14px;line-height:19px;color:#fff;margin-bottom:2px;}
.page-left .content{font-size:18px;line-height:19px;color:#fff; margin-bottom: 20px;}
.page-left ::-webkit-input-placeholder{font-style:normal;font-size:14px;line-height:19px;color:#bbb;}
.page-left ::placeholder{color:#bbb;}
.page-left .custom-input{border:none;border-bottom: 1px solid #fff; box-sizing:border-box;border-radius:0px;height:36px;font-size:14px;background: transparent;padding:0;color: #fff;}
.page-left .custom-input:focus {box-shadow:none;border-bottom:1px solid #CDA12C;}
.page-right{/*background:url('../image/Signup/background.png');background-size:cover;background-position:top;*/width:100%;overflow:hidden;/*padding:50px 30px;*/height:100vh;/*background-color:#f1f1f1;*/}
.page-right .heading{font-weight:800;font-size:36px;line-height:120%;color:#FFFFFF;margin-bottom:25px;}
.page-right .content{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-weight:800;font-size:12px;line-height:17px;text-transform:uppercase;color:#FFFFFF;}
.page-left .for-pass a{font-size:13px;line-height:19px;text-align:right;color:#fff;margin:15px 0px;}
.page-left a{color:#86bbff;}
.page-left a:hover{color:#5b86bd;}
.page-right .phone-img{display:block;/*height:420px;margin:0 auto 10px;*/position:absolute;top:8%;height:85vh;}
.page-right .phone-img.cheetahLft{position:absolute;top:50%;left:50%; transform: translate(-30%, -50%);height:auto;}
.page-right .btn-filled{background-color:#fff;color:#39b54a;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;}
.signingText {color:#000;font-size:17px;padding:0 40px;}
.loginFormBg {/*background-image: url(../image/Login/cheetahImg.png);background-repeat: no-repeat;background-position: center;*/ background-image: none;position: relative; background-color: #333;border-top-left-radius: 30px;border-bottom-left-radius:30px;color: #fff;}
.loginForm.signUpFormBox {top:51%;}
.loginFormBg .cheetahblrBg {filter: blur(8px);-webkit-filter: blur(25px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.loginFormBg .form-group {margin-bottom:20px;}
.loginForm {position: absolute;width:55%; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.loginSocial {margin-top:2px;text-align: center;font-size: 14px;font-weight: 500;}
.loginSocial ul {padding:0;}
.loginSocial ul li {display:inline-block;list-style:none; margin:0 2px;width:100%;}
.loginSocial ul li img {height:25px;}
.loginSocial ul li:hover {box-shadow: 0px 0px 5px #8d8c8c;border-radius: 8px;}
.loginSocial ul li a, .loginSocial ul li a:hover {text-decoration:none;}
.loginSocial ul li a.fb {color:#1877f2;}
.loginSocial ul li a.ggl {color:#ea4335;background-color: #fff;border-radius: 8px;box-shadow: 0px 0px 8px #404040;padding:6px 10px;width:100%;display:inline-block;}
.pf-form__textfield {position:relative;}
.toggle-password.fa-eye, .toggle-password.fa-eye-slash {position: absolute;right: 10px;top:32px;cursor:pointer;color: #fff;}
.pf-form__message{font-size:12px;font-weight:400;line-height:1.67;position:absolute;}
/* ////////////// 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;}*/

/*shared footer*/
/*.my-ftr {padding: 0px 20px;background: #f1f1f1;background-image: none;z-index: 999;position: relative;bottom: 0px;max-width: 100%;color: #fff !important;position: fixed;width: 100%;}
.my-ftr .social li {margin: 0px 10px;display: inline-block;}
.my-ftr .social li a {text-align: center;color: #231f20;display: inline-block;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;vertical-align: middle;font-size: 18px;}
.my-ftr .social li a:hover, .my-ftr .social li a:focus {color: #5b86bd}
.my-ftr .social {*//*width: 30%;*//*margin-bottom: 0px;float: right;margin-left: 0px;padding-left: 0px;}
.linksbotm {text-align: right;}
.linksbotm a {color: #000 !important; margin-left: 5px;margin-right: 25px; font-size:12px; }
.my-ftr p { color: #000; margin-bottom: 0px !important;font-size:12px;}
.my-ftr .row {padding: 8px 0px 2px 0;}*/


@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-weight:600;font-size:14px;line-height:19px;text-align:right;color:#39b54a;margin:15px 0px;}
 .page-right .phone-img{display:block;height:350px;margin:0 auto 40px;}
 .page-right .btn-filled{background-color:#fff;color:#39b54a;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 ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px) {
    .wlcmhansamain .rmss {
        clip-path: polygon(81% 0, 100% 26%, 0 26%);
        background-color: #f0f0f0;
        min-height: 620px;
        width: 100%;
        top: -285px;
        position: absolute;
    }
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px) {
    .wlcmhansamain .rmss {
        clip-path: polygon(81% 0, 100% 26%, 0 26%);
        background-color: #f0f0f0;
        min-height: 620px;
        width: 100%;
        top: -285px;
        position: absolute;
    }
}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) {
    .ttlContact {margin-top: 0;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;background-image:none;}
    .mediaBox {margin-top:30px;}
    .bannerWrap img {margin-top:30px;}
    .page-right {display: none;}
    .loginFormBg { background-image: url(../image/Login/cheetahImg.png); margin-top: 50px; }
    .loginForm { position: static; width: 100%;  transform: none; }
    .linksbotm {display:none !important;}
    .bannerHome .dot {left: 115px;}
    .howworkbg .dot {left: 220px;}
}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .page-left .signup-logo {display:block;}
    .page-right {display: none;}
    .linksbotm {display:none !important;}
    .bannerHome .dot {left: 115px;}
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px) {
    .page-left .signup-logo {display:block;}
    .ttlContact {margin-top: 0;}
    .howImageA {display:none;}
    .howImageB {display:block;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;background-image:none;}
    .mediaBox {margin-top:30px;}
    .bannerWrap img {margin-top:30px;}
    .loginFormBg { background-image: none;background-color: #000000ed; margin-top: 50px;}
    .page-right, .linksbotm {display:none;}
    .linksbotm {display:none !important;}
    .loginForm { position: static;  width: 100%; transform: none;}
    .ttlMN { font-size: 35px; font-weight: 600; color: #000; margin-top: 15px;}
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px) {
    .page-left .signup-logo {display:block;}
    .logo_main { height: 45px;}
    .bannerHome .heading {font-size: 30px;margin-top: 55px;}
    .bannerHome .banerimage {position: static;margin-top: 30px;margin-bottom: 30px;}
    .wlcmhansamain .wlcmheading{margin-top:30px;}
    .wlcmhansamain .cheetahimg {position: absolute;right: 40px;top: 60px;height: 35px;}
    .cardsmain .cardbox, .cardsmain .cardbox1 { margin-bottom: 70px;padding: 40px 0;padding-bottom: 10px;}
    .cardsmain .cardbox .cardhead, .cardsmain .cardbox1 .cardhead1  { font-size: 16px; color: #fff; margin-top: 5px;line-height: 24px;}
    .aboutmain::before {content: "";display: block;width: 150px;height: 65px;background: #5e88be;left: 0;top: 45px;position: absolute; z-index: 9;}
    .cardsmain .heading {margin-bottom: 70px;font-size: 30px;}
    .cardsmain {padding-bottom: 10px;}
    .cardsmain .our-cardhead::after {content: "";display: block;width: 75%;border-bottom: 4px solid #000;margin: 0px auto 0;}
    .wlcmhansamain {padding-top: 10px;}
    .bannerHome::after, .bannerHome::before, .bannerHome .banerimage:before {display: none;}
    .owl-carousel .owl-item img{padding:0 20px;}
    .myBTN {font-size: 14px;min-width: 100px !important;padding: 10px 12px;margin-bottom: 24px;}
    .mainHeader .navbar-toggler {background-color: #ffffff;border: 1px solid #017478;}
    .mainHeader .navbar-toggler:focus {outline: none;}
    .bannerWrap .bannerTtl {font-weight: 600;font-size: 24px;}
    .bannerWrap .jumbotron {padding: 40px 0; margin-bottom: 0;background-color: transparent;}
    .bannerWrap .jumbotron .myBTN {width:150px !important;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;background-image:none;}
    .contactBg {padding-bottom: 40px;padding-top: 30px; background-repeat: initial;}
    .ttlContact {margin-top: 0;}
    .ttlWhy, .ttlOfr,.ttlHow, .ttlContact, .contactForm h3 {font-size:30px;}
    .howImageA {display:none;}
    .howImageB {display:block;}
    .footerWrap{text-align:center;}
    .footerWrap .socialIc {display:inline-flex;}
    .footerWrap .socialIc li {margin:0 4px;}
    .footerWrap .socialIc li span {display:none;}

    .loginFormBg {/*background-image: url(../image/Login/Cheetah1.png);*/background-color: #000000ed; margin-top: 5px;padding: 10px 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .page-right{display:none;}
    .linksbotm {display:none !important;}
    .loginForm { position: static;  width: 100%; transform: none;}
    .ttlMN { font-size: 35px; font-weight: 600; color: #000; margin-top: 15px;}
    .linksbotm {display:none !important;}
    .bannerHome {padding-top:0px;padding-bottom: 0px;margin-top: 0px;}
    .bannerHome .dot {height:25px; top: 78px;left: -2px;}
    .bannerHome .opinionimg { height:auto; }
    .footerWrap{text-align:center;}
    .footerWrap .support{margin-top:20px;}
    .aboutus{background-size: 50px;}
    .whybg{background-size: 50px;}
    .giftreward{background-size: 50px;}
    .howworkbg .dot{left:46px;}
    .giftreward .giftbg{right:-15px;}
    .cardboxmain .cardboxbg, .cardboxmain .cardboxbg1 {padding:20px 5px;}
    .cardboxmain .cardtxt {font-size:20px;}
    .mbOrdr4 {order:4;}
    .mbOrdr2 {order:2;}
    .cardboxmain .card-icon {height: 25px; margin-bottom: 10px; margin-top: 8px;}
    .whybg .dot {top: -4px;height: 25px;left: -4px;}
    .imgwhywe{margin-bottom:20px;}
    .imgaboutus{margin-bottom:20px;}
    .aboutus .dot{top:-4px;}
    .giftreward .dot {top:-8px;}
    .cardSlides{margin-top:20px;}
    .bannerHome .bannerimg{width:100%}
    .page-left .heading .hdText {
        position: static;
        display: block;
        text-align: center;
        font-size: 24px;
        background-color: #121212;
        border-radius: 0;
        margin-bottom:25px;
    }
    .userdetils-cntr .page-left {
        padding: 5px 20px;
        border-radius: 0;
        height: auto;
        width: 100%;
        position: static;
        transform: inherit;
    }
    .userdetils-cntr .loginForm.userDTLForm {
        width: 100%;
    }
    .signinBGs {

    }
    .wlcmimg{margin-top:30px;}

    }