@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@200;300;400;500;600;700;800;900&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: 'Roboto', sans-serif;color: #000;background-color: #fff;letter-spacing: .2px;}*/
body {font-family: 'Poppins', sans-serif;color: #000;background-color: #fff;letter-spacing: .2px;}
/*.barlowFont {font-family: 'Barlow', sans-serif;}*/


/* common css */
.myBTN { background-color: #8ed6de; color: #000; padding: 10px 20px; border-radius: 15px;position:relative;transition:all linear 0.3s;}
.myBTN:after {height: calc(100% + 4px);display: block;width: calc(100% + 1px);background: transparent;border: 1.9px solid #000000;content: '';position: absolute;border-radius: 15px;top: -6px;left: 3px;}

.myBTNB {background-color: #F8D966; color: #0c0c0c;font-weight:600; padding: 8px 20px; border-radius: 15px;transition:all linear 0.3s;border: 1px solid #333;}
.myBTNB:hover, .myBTNB:focus, .myBTNB:active {box-shadow:0px 4px 8px #747474;transition:all linear 0.3s;}

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

.myBTN:hover, .myBTN:focus, .myBTN:active, 
.myBTNN:hover, .myBTNN:focus, .myBTNN:active  {background-color: #6ec5cf;border-color: #8ed6de;color: #000 !important;transition:all linear 0.3s;box-shadow: -3px 5px 1px #242424;}
.myBTN:hover + :after {height:100%; width:100%;top:0;left:0;}

.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:  #0f233a;border-color: #1b75bb;color: #fff;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.colorCyan {color:#00ACBF;}
.no-border {border: none;}
.width100 {width: 100%;}
.bggray {background-color:#fff;}

/* Top Header */
.themeChange i {font-size:24px;cursor:pointer;}
.logo_main {height:50px;} 
.pageTopLogo.mobLogos {display:none;}
.mainHeader .navbar-brand {padding:0;}
.mainHeader {background-color: #fff;padding: 8px 0;box-shadow: 0px 0px 2px #24364B; position: sticky; top: 0;z-index: 99;}
.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: 15px; margin: 0 12px;font-weight: 600; padding: 8px 7px;}
.mainHeader .navbar-light .navbar-nav .nav-link.active {color: #0f233a;}
.mainHeader .navbar-light .navbar-nav .nav-link:hover {color: #0f233a}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {color: #24364B !important;background-color: #F6BB46; padding: 8px 25px; border-radius: 15px; font-size: 16px; font-weight: 600; letter-spacing: .8px;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {color: #fff !important;background-color: #727178;border-color: #727178; padding: 8px 15px; border-radius: 15px; font-size: 16px; font-weight: 600; letter-spacing: .2px;}
.profileImg {margin-top:-10px;height: 38px;width: 38px;border-radius: 25px;box-shadow: 0px 0px 5px #c1c1c1;}
.rgtSepa {margin-right:5px !important;}

/*.gglTrns {padding-top: 10px;}*/
.gglTrns .google-language {margin-right: 0px;}
.gglTrns .goog-te-gadget .goog-te-combo {padding: 6px 5px;  text-decoration: none; background: #fff; border-color: #dbdbdb; color: #333;  border-radius: 15px;margin: 0 !important;margin-top: 0px !important;visibility: visible; width: 150px;}
/*.gglTrns .skiptranslate.goog-te-gadget {visibility: hidden;}
.gglTrns .goog-te-gadget span {display: none;}*/

/* Banner */
.bannerHome {background-image: url(../image/home/mainBanners.jpg);background-repeat: no-repeat;background-size: cover; padding-top: 50px;padding-bottom: 100px;margin-top: 0px;color:#000;}
.bannerHome .bannerHead {color:#000;font-size: 38px; line-height: 60px;font-weight: 600;}
.bannerHome .bannerPara {font-size: 20px; line-height:30px;margin-bottom: 30px;}
.prizeGiftImgs {margin-top:30px;}
.prizeGiftImgs img {height:50px;padding: 8px 10px;border-radius: 2px;}

/* Mobile App */
.appDownload {background-image: url(../image/home/appBg.png);background-repeat: no-repeat;background-size: contain;background-position:center; padding-top: 80px;padding-bottom: 150px;margin-top: 0px;color:#000;}
.appDownload .appText {font-weight:700;line-height:45px;margin-top:5px; margin-bottom: 20px;}
.appDownload .dwnAppsQr img {border-radius:15px;}
.appDownload .dwnAppsQr a img {border: 1px solid #333;border-radius: 10px; padding: 5px;}


/* Join-Share-Reward */
.mediaStepper {background-image: url(../image/home/waves.svg);background-repeat: repeat-x;background-position:center;padding-top:60px;padding-bottom:60px;}
.mediaWrapper {text-align:center;border-radius:15px;border:1px solid #565656;background-color:#fff;}
.joinBrdr {border-bottom: 14px solid #ffc814; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.shareBrdr {border-top: 14px solid #f9855c; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.rewardBrdr {border-bottom: 14px solid #b37094; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.mediaWrapper .titles {font-size: 20px;font-weight:700;color: #1c1c1c;}
.mediaWrapper .jImgs {height:150px;margin-top:15px; margin-bottom:15px;}
.mediaStepper .mediaWrapper .jImgs:nth-child(2n+2) {margin-top:1px;}
.mediaWrapper .paraTxts {font-size: 15px;font-weight: 500;color: #333;max-height:130px;min-height:130px;overflow-y:auto;padding:0 20px;letter-spacing: 0px;line-height:24px;}

/* Why Kanaka */
.whyBgwrap {background-image: url(../image/home/whykanakabg.png);background-repeat: no-repeat;background-size: cover;background-position:center; padding-top: 60px;padding-bottom: 60px;}
.whyBgwrap .whtBgHead {font-size: 20px;font-weight:700;color: #1c1c1c;}
.whyBgwrap p, .whyBgwrap ul li{color:#6f6f6f;}
.whyWrap {background-color:#f5b943; padding-top:60px;padding-bottom:60px;}
.whyWrap .titles {font-size: 45px;font-weight: 700;color: #24364B;margin-top:50px;}
.whyWrap .titles2 {font-size: 18px;font-weight: 800;color: #24364B;}
.whyWrap .whyimgs {height:200px;margin-top:5px; margin-bottom:20px;}
.whyWrap .whyGift {position:absolute;right:0;top:-150px;max-height:190px;}
.whyWrap .paraTxts {font-size: 18px;font-weight: 500;color: #24364B;padding:1px 0px;letter-spacing: .3px;line-height:28px;}

/* Our Rewards */
.rewardWrap {background-image: url(../image/home/rewardsBG.png);background-repeat: no-repeat;background-size: contain;background-position:center; padding-top: 100px;padding-bottom: 100px;}
.rewardWrap .titles {font-size: 45px;font-weight: 700;color: #121212;margin-top:5px;margin-bottom:50px; text-align:center;}
.rewardWrap .rewardbox {position:absolute;left:0;top:-60px;max-height:190px;}
.rewardSlides {padding:0 1px;}
.rewardSlides .carousel-inner {position: relative; width: 100%; overflow: hidden;}
.rewardSlides .voucherdv img {margin-bottom:30px;width:100%; height: 160px; border-radius: 5px;}
.rewardSlides .rewardControls .carousel-control-prev {top: 43%;left: -60px;width: 40px;height: 40px;background-color: #24364B;border-radius: 26px;opacity:1;}
.rewardSlides .rewardControls .carousel-control-next {top: 43%;right: -60px;width: 40px;height: 40px;background-color: #24364B;border-radius: 26px;opacity:1;}

/* Kanaka Rewards */
.rewardWorks {background-image: url(../image/home/rewardWorks.png);background-repeat: no-repeat;background-size: contain;background-position:center; padding-top: 100px;padding-bottom: 100px;color:#fff;}
.rewardWorks .headSet h2 {font-size: 25px;font-weight: 700;}
.rewardWorks p {font-size: 15px;font-weight: 300;}
.rewardWorks .headSet p {font-size: 15px;font-weight: 400;}
.rewardWorks .kdrLink {font-size: 22px;font-weight: 600;letter-spacing: .3px;line-height:28px;color:#fff;display:block;margin-bottom:15px;}
.rewardWorks .pointersHow i {font-size: 25px; margin-top: 10px;margin-bottom: 5px;}
.rewardWorks .pointersHow .paraTxts {font-size: 19px;}
.rewardWorks .pointersHow a.paraTxts {font-size: 30px;font-weight: 600;color:#24364B;margin:15px 0;display:block;margin-bottom:25px;}
.rewardWorks .workSet {margin-top:100px;}

/* FAQ */
.faqWrap {background-color:#fff; padding-top:60px;padding-bottom:60px;}
.faqBox {margin-top:30px;}
.faqBox .card-header .accicon {float: right;font-size: 20px;  width: 1.2em;}
.faqBox .card-header{cursor: pointer;border-bottom: none; box-shadow: none;color:#262626;font-size: 20px; font-weight: 500;background-color: #fff;    padding: 18px 18px;}
.faqBox .card{border: 1px solid #262626; border-radius: 8px !important; margin-bottom: 15px;}
.faqBox .accordion>.card:not(:last-of-type) {border-bottom: 1px solid #262626;}
.faqBox .card-body{border-top: 1px solid #262626;}
.faqBox .card-header .rotate-icon {font-size: 24px;font-weight: 600;}
.faqBox .card-header:not(.collapsed) .rotate-icon {transform: rotate(180deg);}
.faqCollapse .card-body { padding: 15px 20px; background: #fff;border-radius: 0; margin: 0px; color: #6f6f6f; font-size: 15px; letter-spacing: .2px;}

/* Contact Us */
.contactBGs {background-image: url(../image/sign-steps.jpg);background-repeat: no-repeat;background-size: cover;background-position:center; padding-top: 100px;padding-bottom: 100px;color:#000;}
.contactBGs .form-group {margin-bottom:25px;position:relative;}
.contactBGs .form-group .text-danger {position:absolute; font-size: 13px; left: 8px;}
.contactForm .form-control {border: 1px solid #919191; border-radius: 10px; min-height: 45px;font-size:14px;}
.contactBGs .myBTN {width:100%;}
.contactHead {font-size:30px;font-weight:700;color:#000; margin-bottom: 75px;}
.contactHead span {background-image: url(../image/home/contactUsTTLbg.png); background-position: center;background-repeat: no-repeat; background-size: contain; padding: 30px 40px 26px 35px;}
.contPara {font-size:14px;}


/* About Us */
.aboutus {background-image: url(../image/home/aboutus_bg.svg);background-repeat: no-repeat; background-size: auto;background-position: bottom left;padding-top:50px;padding-bottom:85px;background-size: 100px;}
.aboutus .dot{position:absolute;bottom:0px;height:25px;}
.aboutus .ttlMN {font-size: 40px;font-weight: 500;color: #0f233a;}
.aboutus.paraTxt {font-size: 18px;font-weight: 600;color: #2c2c2c;}
/*.ppMN strong {color: #000;}*/


/* Why We */
.whybg {background-image: url(../image/home/aboutus_bg.svg);background-repeat: no-repeat; background-size: auto;background-position: top right;background-color:#fff;padding-top:100px;padding-bottom:100px;background-size: 100px;}
.whybg .dot{position:absolute;bottom:0px;height:25px;}
.whybg .ttlMN {font-size: 40px;font-weight: 500;color: #0f233a;}

/* How It Works! */
.howworkbg {background-image: url(../image/home/howitworkbg.png);background-repeat: no-repeat; background-size: cover;}
.howworkbg .howworkmain{padding-top:100px; padding-bottom:250px;}
.howworkbg .ttlMN1 {font-size: 40px;font-weight: 500;color: #ffffff;text-align:center;    }
.howworkbg .paraTxt1{color:#ffffff;}
.howworkbg .dot{position:absolute;bottom:-5px;height:25px; left: 0px;}
.cardboxmain {position: absolute;top: -15px;left: 50%;transform: translate(-50%, -50%);}
.cardboxmain .cardboxbg{background-color:#f9aa0b; padding: 65px 30px; }
.cardboxmain .cardboxbg1{background-color:#0f233a;  padding: 65px 30px; }
.cardboxmain .card-icon{height:30px; margin-bottom:15px;}
.cardboxmain .cardtxt {font-size: 24px;color: #ffffff;}

/* Gifts & Rewards */
.giftreward{background-image: url(../image/home/aboutus_bg.svg);background-repeat: no-repeat;background-size: auto;background-position: bottom left;padding-top: 180px;padding-bottom: 125px;background-size: 100px; position:relative;}
.giftreward .dot{position:absolute;bottom:-4px;height:25px; left:0px;}
.giftreward .giftbg{position: absolute;bottom: 0px;right: -30px;height: 125px;}
.giftreward .arrowimg{ margin-right: 70px;margin-top: 20px;}
.giftreward .arrowimg1{ margin-left: 20px;margin-top: 20px;}


.Presencemain{padding-top:40px;}
.Presencemain .dot{position:absolute;bottom:-4px;height:25px; right:55%;}

/* Footer */
.footerWrap {background-image: url(../image/home/footerBG.png);background-repeat: no-repeat;background-size: contain;background-position:center; background-color: #fff;padding-top: 50px;padding-bottom: 20px;color:#fff;font-weight: 500; /*border-top: 1px solid #fff;*/border-bottom: 1px solid #333;}
.footerWrap ul {padding:0;margin-top: 10px;}
.footerWrap ul li {list-style:none;margin-bottom: 20px;line-height: 22px;}
.footerWrap h3 {font-size:24px;font-weight: 600;color:#0f233a;margin-bottom: 20px;}
.footerWrap ul li a {color: #fff;font-size:16px;font-weight:400;transition:all linear .5s;}
.footerWrap ul li a:hover {color: #8ed6de;text-decoration:none;margin-left:5px;transition:all linear .5s;}
.footerWrap ul li a img {height:35px; margin-top: -5px;margin-right: 5px;}
.footerLogo {height:50px;}
.footerWrap ul.socialIc li {display:inline-block;margin-right:10px;}
.footerWrap ul.socialIc li a {border:1px solid #fff;padding: 6px 11px; border-radius: 25px;background-color: #23212b;}
.footerWrap ul.socialIc li a:hover {background-color:#fff;color:#000;border:1px solid #fff;margin-left: 0;}
.footerWrap ul.socialIc li a.fb {padding: 6px 12px;}
.copyRgt p {color:#fff;padding:0px; font-weight: 400;font-size:14px;margin: 0;}

.modal-header {background-color: #0f233a;color:#fff; padding:8px 15px;border-radius:0;}
.modal-header .close {color:#fff;}
.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:9999;}

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



/* //////////////////////// SIGNUP PAGE CODE ///////////////////////// */
.homeSignIn .loginForm {width: 100%;top: 55%;left: 60%;}
.homeSignIn {}
.homeSignIn {}
.homeSignIn {}
.homeSignIn {}


.pageTopLogo {
    text-align: center;
}
.pageTopLogo img {height:55px;margin-top:10px;}
.logBGwrap  { background-image: url(../image/signupBG.jpg);  background-repeat: no-repeat; background-position: left top;background-size:cover; position: relative; }
.logBGwrap.signinBG {background-image: url(../image/logBG.jpg);background-position: center center;}
.logBGwrap.signUPbox {background-image: url(../image/signupBG.jpg);background-position: left top;}
.logBGwrap .my-ftr {display:none;}
.body-container{height:100vh;width:100vw;overflow:hidden;}
.page-left{padding:40px 150px;} 
.page-left .signup-logo{ margin: 0 auto; width: 100%;margin-bottom:10px;height:50px;}
.page-left .signup-logo.userdetail-logo{width: auto;}
.page-left .heading{font-size:25px;font-weight:600; color:#000;margin-bottom:15px; margin-top: 0px;text-align:center;}
.page-left .form-label{font-size:14px;line-height:19px;color:#000;margin-bottom:2px;}
.page-left .content{font-size:13px;line-height:19px;color:#000; margin-bottom: 0px;margin-top: 5px; text-align: center;}
.page-left::-webkit-input-placeholder{font-style:normal;font-weight:bold;font-size:14px;line-height:19px;color:#D0D0D0;}
.page-left .custom-input{border:1px solid #000;border-bottom: 1px solid #000; box-sizing:border-box;border-radius:10px;height:38px;font-size:14px;background: #fff;padding:0 12px;padding-left:30px;box-shadow: 0px 5px 1px #60C0BF;}
.page-left .custom-input:focus {box-shadow:none;border:1px solid #60c0bf;box-shadow: 0px 5px 1px #60C0BF;}
.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 {margin-top:5px;}
.page-left .for-pass a{font-size:13px;line-height:19px;text-align:right;color:#0f233a;margin:15px 0px;text-decoration:underline;}
.page-left a{color:#0f233a;text-decoration: underline; font-weight: 500;}
.page-left a:hover{color:#000;text-decoration:none;}
.page-right .phone-img{display:block;/*height:420px;margin:0 auto 10px;*/height: 90vh;margin:0 auto;}
.page-right .phone-img.small {height: 80vh;}
.page-right .phone-img.small1 {height: 70vh;}
.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;}
.loginHeights {height: 75vh;}
.loginBgWrap {background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;margin: 0 auto;border-radius:35px;/*background-image: linear-gradient(180deg,#cdcaca,#c3cad0,#8d959b,#576066);box-shadow:0px 0px 12px #dddddd;*/}
.loginFormBg {/*background-image: url(../image/Login/cheetahImg.png);background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:75%; background-color: #fff; padding: 115px 50px;  border-radius: 20px;*/}
.loginFormBg .form-group {margin-bottom:20px;}
.loginForm {position: absolute;width:35%; top: 50%;left: 50%;transform: translate(-50%, -50%); background-color: #fff;padding: 20px 25px;border-radius: 10px;/*background-image:linear-gradient(1deg,#f1f1f152,#d7d7d7,#d3d3d3,#fffbfb66);box-shadow: 1px 1px 10px #a1a1a1;*/min-height: auto;border: 1px solid #000000;}
.userDetailsK .loginForm {top:54%;}
.loginFormBg .loginForm .pf-form {border: 1px solid #999;padding:20px 20px;border-radius: 10px;margin-bottom:8px;}
.loginForm.userDTLForm{padding: 40px 55px;}
.loginFormBg .loginForm #resendOtpForEmail, .loginFormBg .loginForm #resendOtpForMobile {border: none;background: #60c0bf;color: #202020;position: absolute;right: 8px;top: 8px;font-size: 13px;font-weight: 600;border-radius: 6px;padding: 1px 10px;}
.loginFormBg.signupWraps {}
.loginFormBg.signupWraps .loginForm {padding-top:12px;}
.loginFormBg.signupWraps .loginForm .pf-form {padding:0;border:none;margin-bottom:0;}
.loginFormBg.signupWraps .socialLogIn {text-align:center;}
.loginFormBg.signupWraps .socialLogIn a {width:auto;display:inline-block;text-align:center;margin-bottom:0;}
.loginFormBg.signupWraps .socialLogIn a i {margin:0;}
.loginFormBg.signupWraps {}
.loginFormBg.signupWraps {}
.loginFormBg .x-icon {height:15px;margin-top:-1px;}

.inputIcon {position: absolute;top: 10px;left: 10px;color: #333;}
.signUPbox .loginForm {/*padding:30px 55px;*/top:54%;}
.signUPbox .leftSideU {text-align:center;margin-top:10px;}
.signUPbox .leftSideU .dwnAppsQr {margin-bottom:20px;}
.signUPbox .leftSideU .dwnAppsQr .bQR {box-shadow: 0px 0px 5px #d9d9d9;border-radius: 15px;height:150px;}
.signUPbox .leftSideU .dwnAppsQr a img {height:52px;display:block; margin: 0 auto;}
.signUPbox .howWrap {font-size: 20px;margin-top: 10px;text-align: center;background-color: #0c4586;color: #fff;padding: 3px 0px;cursor: pointer;}
.signUPbox .bg-how {background-color:#054b84;color:#fff;}
.signUPbox .headSet h2 {color:#fff;}
.signUPbox .headSet p {line-height:24px;}
.signUPbox .pointersHow i {font-size:30px;margin-top:5px;}
.signUPbox .pointersHow p {line-height:20px;}
.signUPbox .pointersHow h5 {color:#fff;}
.signUPbox .how_works .modal-header {background-color: #054b84;border: none;color: #fff;padding-bottom: 0;}
.signUPbox .loginForm {width:auto;}
.signUPbox .pageTopLogo img {margin-top:10px;}
.signUPbox .kLineTxt {background-color: #ffffff;color: #000;line-height: 22px;padding: 10px 0;border-radius: 5px;font-size: 18px;font-weight: 600;border: 1px solid #333;}
.signUPbox .dwnTexts {color: #000;font-weight: 700;font-size: 22px;margin-top: 15px; margin-bottom: 10px;}
.signUPbox .voucherdv {margin-top:15px; margin-bottom:15px;}
.signUPbox .voucherdv  .voucher {width:100%;}
.page-left .custom-input.sgnupMob {padding-left:12px;}

.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-right: 10px;background-color: #fff;border-radius: 25px;box-shadow: 0px 0px 8px #c1c1c1;padding:3px 10px;min-width:130px;}
.loginSocial ul li img {height:25px;}
.loginSocial ul li:hover {box-shadow: 0px 0px 15px #8d8c8c;border-radius: 25px;}
.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;}
.circleBG img {z-index: 9; position: absolute;left: -35px; bottom: -60px; height: 38vh;}
.pf-form__textfield {position:relative;}
.toggle-password.fa-eye, .toggle-password.fa-eye-slash {position: absolute;right: 10px;bottom:10px;cursor:pointer;}
.pf-form__message{font-size:11px;font-weight:400;line-height:1.67;position:absolute;margin-top:2px;}

.grpAddon .input-group-addon .cntrySelect {border-top-right-radius: 0;border-bottom-right-radius: 0;border-right: 1px solid #c7c7c7;min-width: 90px;        }
.grpAddon .dd .ddTitle {background: #fff;border: none;height: 36px;padding-left:12px;border-bottom: 1px solid #fff;border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.grpAddon .dd .divider {border:none;}
.grpAddon .dd {border:none;width:100px !important;text-align:left; border-radius: 0;border: 1px solid #000;border-top-left-radius: 6px; border-bottom-left-radius: 6px;box-shadow: 0px 5px 1px #60C0BF;}
.grpAddon .dd .ddChild li img {height:10px;}
.grpAddon .dd .ddChild li {text-align: left;font-size: 12px;}
.grpAddon .dd .ddTitle .ddTitleText img {height:12px;margin-top: -2px;}
.grpAddon .dd .ddTitle .ddTitleText {font-size:13px;padding: 8px 20px 5px 1px; border-right: 1px solid #ede8e8;}
.grpAddon .mobNoinput  {box-shadow: none;background:#f4f4f4 !important;padding-left:12px;}
.userDetailsK .start-date .ui-datepicker-trigger {position:absolute;top:12px;left:25px;}
.userDetailsK .start-date .hasDatepicker{padding-left:35px; font-size:14px;}
.userDetailsK .start-date .ageTextUser { position: absolute;right: 22px;top: 5px;font-size: 14px;font-weight: 500;background-color: #0f233a;padding: 2px 5px;color: #fff;border-radius: 3px;}

.socialLogIn {margin-top:2px;display: block !important;padding:0 25px;}
.socialLogIn a, .socialLogIn a:hover {padding:7px 10px;font-size:14px;background-color:#FFF;color:#333;border-radius:12px;text-decoration: none;margin: 5px 0px;width: 100%;display: inline-block;box-shadow: 1px 1px 5px #b1b1b1;text-align:center;border: 1px solid #404040;}
.socialLogIn a:hover {box-shadow: 1px 1px 5px #333;}
.socialLogIn .twLogin {background-color:#000;color:#fff;}
.socialLogIn .twLogin:hover {background-color:#000;color:#fff;}
.socialLogIn .inLogin {background-color:#0a66c2;color:#fff;}
.socialLogIn .inLogin:hover {background-color:#0a66c2;color:#fff;}
.socialLogIn a i {font-size:18px;margin-right:5px;}


/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px) {
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px) {
}
/* ##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 {margin-top: 50px; }
    .loginForm { width: 100%; }
    .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-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) {
    .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; margin-top: 50px;}
    .page-right, .linksbotm {display:none;}
    .linksbotm {display:none !important;}
    .loginForm { width: 100%; }
    .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) {
    .logo_main { height: 45px;}
    .bannerWrap img {margin-top:30px;}
    .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 { margin-top: 10px;padding: 10px 5px;}
    .page-right{display:none;}
    .small{display:none;}
    .linksbotm {display:none !important;}
    .loginForm {width: 100%; padding: 10px 10px 30px;border-radius: 0; border: none;}
    .homeSignIn .loginForm, .homeSignIn .loginBgWrap {position: static;transform: none;}
    .ttlMN { font-size: 35px; font-weight: 600; color: #000; margin-top: 15px;}
    .linksbotm {display:none !important;}
    .bannerHome {padding-top:30px;padding-bottom: 30px;margin-top: 0px; margin-bottom: 0px;background-size: cover; background-position: right center;
    text-align: center;}
    .prizeGiftImgs {margin-top: 0px;}
    .bannerHome .bannerHead {font-size: 25px;line-height: 35px;font-weight: 700;}
    .bannerHome .bannerPara {font-size: 18px;line-height: 28px;margin-bottom: 20px;}
    .bannerLeft { margin-top: 40px;}
    .bannerLeft .heading, .bannerRgt .heading {font-size: 26px;line-height: 35px;font-weight: normal;text-align: center; margin-bottom: 30px;}
    .bannerRgt .dwnAppsQr .dwnBtn {height: 50px;}
    .bannerRgt .dwnAppsQr .qrCode {margin-bottom:60px;}
    .mediaWrapper .titles { font-size: 34px;}
    .whyWrap .whyGift, .getPaid .winCup {top: -120px;max-height: 120px;}
    .whyWrap .titles, .rewardWrap .titles, .getPaid .titles, .kRewards .titles {font-size: 35px;}
    .rewardWrap .rewardbox {top: -120px;max-height: 140px;}
    .rewardSlides .rewardControls .carousel-control-prev {left:0;}
    .rewardSlides .rewardControls .carousel-control-next {right:0;}
    .rewardSlides .carousel-item {min-height:90vh;}
    .faqBox {margin-top: 0;}
    .loginHeights {height: auto;width: 100%;}
    .circleBG img {display:none;}
    .signUPbox .leftSideU {display:none;}
    .pageTopLogo {display:none;}
    .pageTopLogo img {margin:0;}
    .pageTopLogo.mobLogos {display:block; margin-bottom: 15px;}
    .appDownload {padding:0;}
    .appDownload .appText {line-height: 35px;margin-top: 25px;margin-bottom: 20px;font-size: 25px;}
    .mediaStepper {padding-top:30px;padding-bottom:10px;}
    .rewardWrap {padding-bottom:80px;background-size: cover; background-position: center;}
    .rewardWorks {padding-top:120px;padding-bottom:120px;background-size: cover; background-position: center;}
    .faqWrap {padding-top:20px;padding-bottom:20px;}
    .faqWrap .whyLeft {margin-bottom:30px;}
    .mediaWrapper {margin-bottom:20px;}
    .rewardSlides .voucherdv img {height:auto;}

    .footerWrap {text-align: center;background-size: cover; background-position: left 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%}


    }