
/* ---- FONTS ---- */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');

.lightMode {
    display: none !important;
}
.darkMode {display:block !important;}
.dark-theme .lightMode {display:inline-block !important;}
.dark-theme .darkMode {display:none !important;}
/* ---- GENERAL ---- */
body {margin: 0%;padding: 0%;box-sizing: border-box; font-family: 'Nunito', sans-serif;}
/*h1, h2, h3, h4, h5, h6, button {}*/
.headings {font-size: 40px;font-weight: 700;letter-spacing: .5px;line-height: 50px;color:#000;font-family: 'Nunito', sans-serif;}
.colorORtxt {color:#7B262F;}
.colorBLtxt {color:#1b1d1d;}
.colorGRtxt {color:#6f7176;}
.paraText {color:#333;font-size: 18px;font-weight: 500;}
.myBTN {background-color:transparent;border: none;color:#000;padding: 10px 40px;min-width: 100px; border-radius: 23px;font-size: 18px;margin:0 2px;font-weight: 600; border: 1px solid #bdbdbd;background:#ffffff00; background-size: 200% 100%;background-position: right bottom; transition: all .1s ease-out;}
.myBTN:hover, .myBTN:focus, .myBTN:active  {background-image: linear-gradient(90deg,#FD632F,#FD632F,#8F0000,#8F0000);background-image: linear-gradient(0deg,#ED7A46,#ED494C); border-color:transparent;color: #fff;box-shadow: 0px 0px 15px #dfdfdf;background-position: left bottom;transition: all .1s ease-out;}
.sectionWrap {padding-top: 60px;padding-bottom: 60px;}
.width100 {width: 100%;}

.toast-success {background-image: none;background-color: #1c94ca !important;color: #ffffff;}
.toast-error {background-color: #BD362F;}

/*----Social Login Button -----*/
.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: #1da1f2;
        color: #fff;
        border: none;
        padding: 8px 5px;
        border-radius: 35px;
        font-size: 14px;
        font-weight: 600;
    }

        .socialLogIn .twLogin:hover {
            background-color: #1da1f2;
            color: #fff;
            border: none;
            padding: 8px 5px;
            border-radius: 35px;
        }

    .socialLogIn .inLogin {
        background-color: #0a66c2;
        color: #fff;
        color: #fff;
        border: none;
        padding: 8px 5px;
        border-radius: 35px;
        font-size: 14px;
        font-weight: 600;
    }

        .socialLogIn .inLogin:hover {
            background-color: #0a66c2;
            color: #fff;
            border-radius: 35px;
            padding: 8px 5px;
            border: none;
        }

    .socialLogIn a i {
        font-size: 16px;
        margin-right: 2px;
    }
/*.socialLogIn span{
        font-size:12px;
    }*/
/*-----Social Login Button End-----*/

/* ---- Navbar ---- */
.logoMain {height:70px;}   
.stickyHead { position: fixed;  left: 0;top: 0;width: 100%;}
.stickyHead + .bannerContent {padding-top: 50px;}
.bannerContent {padding-top:70px;padding-bottom:180px;}
.bannerContent .headings {letter-spacing: 2px;font-size:40px;text-transform:uppercase;line-height: 55px;font-weight:800;    padding-right: 50px;margin-bottom:30px;}
.bannerContent .paraText {letter-spacing: .5px;line-height: 30px;font-size:18px;font-weight:600;}
.bannerContent .bannertxt{margin-top:160px;}
    /*.bannerContent .myBTN {background-color:#fff;color:#1b1d1d;border-radius:25px;font-weight:600;border:none;}
.bannerContent .myBTN:hover {background-color:#fff;color:#000;}*/
.mainNavbar {background-color: transparent;}
.mainNavbar.stickyHead {background-color: #fff;z-index: 999;color:#fff;/*background-image: linear-gradient(90deg,#FD632F,#FD632F,#8F0000,#8F0000);*/}
.mainNavbar .navbar .myBTN{text-align:center;}
.mainNavbar .navbar .myBTN:hover {color: #fff!important;text-align:center}
.mainNavbar {background-color: transparent;}
.mainNavbar .navbar .navbar-nav { padding: 5px 10px;}
.mainNavbar .navbar .nav-item {padding: 1px 15px;}
.mainNavbar .navbar .nav-item .nav-link {color: #1b1d1d;font-size: 17px;font-weight: 600; padding: 5px 8px;}
.mainNavbar .navbar .nav-item .nav-link:hover {color: #ed7a46;}
.mainNavbar .navbar .nav-item .nav-link.signUp {background-color: #333;color: #fff;border-radius: 25px;padding: 5px 18px; font-weight: 400;}
.mainNavbar .navbar .nav-item .nav-link.signUp:hover {background-color: #333;color: #fff;box-shadow: 0px 0px 4px #333;}
.mainNavbar.stickyHead {}
.mainNavbar .navbar {padding:0;}
.mainNavbar .myHeader {background-color:#ffffff40;}
.mobLg {display:none;}

/* ---- Banner ---- */
.bannerWrap.sectionWrap {padding-top:0;padding-bottom:0;}
.bannerWrap .bannerBGImg {position:absolute;width: 100%;z-index: -1;}
/*.bannerWrap {margin-top: 0px;background: url(/image/bannerBG.png);background-size: cover;}*/
.bannerWrap .bannerLeft {margin-left: 4%;margin-top: 18%;}
.bannerWrap .bannnerVdo img {max-height:330px;}


/*---------AboutUs-----------*/
.aboutWrap{position:relative;}
.aboutWrap .headings{text-align:center;margin-bottom:30px;}
.aboutWrap .abouttxt1 {background: url(/image/home/aboutusbg.png);background-size: cover;background-repeat: no-repeat;
    padding-top: 80px;padding-bottom: 100px;}
.aboutWrap .curveimg {height: 300px;position: absolute;top: -100px;left: 0px;}
.aboutWrap .curveimg1 {height: 300px;position: absolute;bottom: -140px;right: 0px;}
.aboutWrap .abouttxt ul{padding:0;}
.aboutWrap .abouttxt ul li{display:inline-block;list-style:none;padding-right:20px;}
.aboutWrap .abouttxt ul li i{color:#FA6917; font-size:12px;transform: translateY(-2px);}
.aboutWrap .heading1{font-size:18px;font-weight:600; margin-bottom: 5px;}
    /* ---- FAQ ---- */
.faqwrap {background: url(/image/home/faqbg.png);background-size: cover;background-repeat: no-repeat;padding-top: 80px;
 padding-bottom: 100px;margin-top: -200px;}
.faqwrap .faqimg{margin-top:200px;}
.faqwrap .faqtxt{margin-top:200px;}
.faqwrap .parahead{color:#ED4B4E;font-weight:700;margin-bottom: 8px;}
.faqwrap .parahead i{font-size:12px;margin-right:5px;transform: translateY(-2px);}
.faqwrap .btnfaq{margin-top:50px;}
.faqwrap .headings{margin-bottom:30px;}

/* ---- Vouchar ---- */
.voucharWarp .heading{font-size:40px;text-align:center; font-weight:700;}
.voucharWarp .heading i{font-size:16px; color:#FA6917;transform: translateY(-6px); }
.voucharWarp .paratxt{font-size:26px;font-weight:600;text-align:center;color:#FA6917;}
.voucharWarp .voucharmain{padding:0;margin-top:30px;text-align:center;}
.voucharWarp .voucharmain li{list-style:none;display: inline-block;width: 24%;padding: 20px 28px;}
.voucharWarp .voucharBox {border-radius: 20px;box-shadow: 2px 2px 10px #cbcaca;background-color: #fff;padding: 20px 30px;
    background: url(/image/voucharbg.png);background-position: 50% 50%;}
.voucharWarp .voucharBox:hover {box-shadow: 1px 1px 10px #e7e7e7;}
.voucharWarp .vouchartxt {margin-top: 20px;font-size: 18px;font-weight: 700;}
.voucharWarp .voucharimg {height:50px;}
/* ---- Motivate ---- */
.counterWrap {background: url(/image/home/countingbg.png);background-size: cover;background-repeat: no-repeat;
    position: relative;padding-top:80px; padding-bottom:60px;}
.counterWrap .counter{font-size: 45px;color: #fff; margin-top: 10px;margin-bottom: 0;line-height: 45px;font-weight:700;}
.counterWrap .countertxt{font-size:20px;line-height:28px; color :#fff;padding:0 34px;margin-top:15px; }
.counterWrap .counttxt{font-size:28px;color:#fff;margin-top:20px;}

/* ---- Contact Us ---- */
.contactWrap  {background: url(/image/home/questionsbg.png);background-size: cover;background-repeat: no-repeat;
    position: relative;padding-top:80px; padding-bottom:60px;}
.contactWrap .form-control {border-radius:25px; border: 1px solid #c5c5c5;border-bottom: 1px solid #aba4a4;margin-bottom:20px;padding-left: 25px;}
.contactWrap input.form-control {height:45px;}
.contactWrap .headings {font-size: 48px;margin-left: 0px;margin-top:100px;}
.contactWrap .paratxt{font-weight:700;margin-left: 0px;margin-bottom:0;}
.contactWrap .emailsuport{font-weight:700;color:#FD632F;margin-left: 0px;}
.contactWrap label{font-weight:600;}
 .contactWrap i {margin-right: 5px;height: 25px;width: 25px;color: #E87926;}
 .contactWrap a {text-decoration: none;}
/*.contactWrap .contact-img{position: absolute;bottom: 50%;right: 20%;}*/
.contactWrap .mybtn1{border-radius:25px;width:35%;}
.contactWrap #contactForm{padding-right:50px;margin-top:30px;}
.contactWrap #contactForm .myBTN {border-color:#333;}
.contactWrap #contactForm .myBTN:hover, .contactWrap #contactForm .myBTN:focus {border-color:transparent;}
/* ---- Footer ---- */
.footerWrap {background-color: #fff;padding-bottom: 10px;padding-top: 15px;}
.footerWrap .logoMain{margin-bottom:30px;}
.footerWrap .footerHeading {font-size: 28px;font-weight: 700;margin-bottom: 42px;}
.footerWrap p {margin-bottom: 10px;}
.footerWrap .footerlinks a {font-size: 16px;color: #000;}
.footerWrap .footerlinks a:hover {color: #ef3b13;text-decoration:none;}
.footerWrap .socialWrap a {background-color: #fff;margin-right: 15px; font-size: 30px; text-align: center;display: inline-block;border-radius: 3px;padding-top:0;}
.footerWrap .socialWrap .fa-facebook {color: #1877f2;padding: 10px 18px;}
.footerWrap .socialWrap .fa-instagram {color: #e1306c;padding: 10px 16px;}
.footerWrap .socialWrap .fa-twitter {color: #1da1f2;padding: 10px 15px;}
.footerWrap .socialWrap .fa-linkedin {color: #0077b5;padding: 10px 16px;}
.footerWrap .socialWrap .fa-youtube-play {color: #ff0000;padding: 10px 14px;}
.footerWrap .socialWrap a:hover i {transform: rotate(360deg);transition: all ease .5s;}
.footerWrap a{color:#000;text-decoration:none;}
.footerWrap .socialicon {color: #E87926;margin-right: 15px;margin-left: 20px;font-size:20px; }
.footerWrap .footerlinks.footerlinks1{margin-left:35px;}
.footerWrap .socialWrap{margin-top:40px;}
.line{border-top:1px solid #dbd6d6;}
.margbtn{margin-top:10px;}
.contactWrap .content.alert.alert-primary {color: #004085; background-color: #adbcc9;border-color: #adbcc9;}



@keyframes scale {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes box {
    0% {
        top: 0;
        left: 0px;
    }

    50% {
        top: 0;
        left: 80px;
    }
}

.bannerWrap {}


/* ---- Signing Pages ---- */
.bg-gry {background: #f9f9f9;}
/*.signinBGs {background: url(/image/signinBG.jpg);background-size: cover;height:100vh;}*/
.signinBGs {background:none;height:100vh;}
/*.signinBGs.bgSignup {background: url(/image/signupBG.jpg);}*/
/*.signinBGs.bgFPW {background: url(/image/forgotPW-BG.jpg);}*/
/*.signinBGs.bgVotp {background: url(/image/activationcodeBG.jpg);}*/
/*.signinBGs.bgUsrDtl {background: url(/image/userdetailsBG.jpg);}*/
.signinBGs.bgPrSrv {background: url(/image/profilingsurveyBG2.jpg);}
/*.signinBGs.bgacSs {background: url(/image/bgPW-SS.jpg);}*/
/*.signinBGs.bgRstPw {background: url(/image/bgRstPw.jpg);}*/
/*.signinBGs.bgUnSub {background: url(/image/bgUnSub.jpg);}*/
.rightWraps {background: url(/image/blurBG.png);background-size: cover;height:100vh;backdrop-filter: blur(12px);
    margin-left: -15px;border-left: 2px solid #c7c3c324;/*border-top-left-radius: 25px;border-bottom-left-radius: 25px;overflow: hidden;*/box-shadow: 0px 0px 8px #b1b1b1;}
.signinBGs.bgPrSrv .main-panel__title {color:#54282d;margin-bottom: 15px;}
.signinBGs.signinBG2 {background: url(/image/sign-in-bg.jpg);background-size: cover;height:100vh;}
.rightWraps, .formBG {background-image:none;}
.my-ftr {display:none;}
.page-section {padding: 0;}
.frmlgn .main-panel__title {color:#000;font-size: 24px;font-weight: 500;}
.formBG .pf-form__textfield label, .formBG .form-check label {color:#ed4b4e;font-size:15px;}
.formBG .pf-copyright {color:#000;}
.frmlgn .frmhr {margin-bottom:20px;}
.frmlgn .navbar-brand {margin-right:0px;}
.formBG a.navbar-brand img {height: 65px !important; margin-bottom: 5px;}
.formBG #Frogot_link, .signupbtn {background-color: #ffffffd9;color:#ed4b4e !important; padding:0 5px;border-radius:10px;font-weight: 500;text-decoration:none !important;}
.formBG #Frogot_link:hover, .signupbtn:hover {color:#fa6917 !important; background-color: #f9f9f9;}
.formSignBgs {position:relative;}
.formSignBgs .formSignBox {/*background: url(/image/signBgwater.png);background-size: cover; background-position: center;*/ background-color:transparent;padding:10px 50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 90%; border-radius: 35px;}
.formSignBgs .formSignBox.signupBox {padding:10px 50px 20px;}
.formSignBgs .formSignBox.actCode {background-repeat:no-repeat;background-size:contain;}
.formSignBgs .formSignUP .formSignBox {padding:10px 50px;}
.signinBGs .formBG .pf-form__textfield__input {background: #ffffff !important;border: none; padding-left: 12px; color: #1b1d1d !important;box-shadow:0px 2px 2px #d5d5d5;font-size:15px;border-radius: 25px;}
.signinBGs.bgSignup .formBG .agreeTxt {color:#000;}
.signinBGs.bgSignup .formBG .agreeTxt a {color:#3f69fa;text-decoration:none;}
.formBG .pf-form__textfield {margin-bottom:15px;}
.pf-form #resendOtp {background: transparent;border: 1px solid #a1a1a1;border-radius: 15px;padding: 1px 12px 2px;font-weight: 500;}

/*.leftsideImg { position: absolute;top: 57%;left: 65%;transform: translate(-50%, -50%);text-align: center;width: 70%;z-index: 99;}*/
.leftsideImg { position: static;transform: none;text-align: left;width: 100%;}
.leftsideImg img { height:100vh;width: 100%;}
/*.activationimg{width:80%;}*/
.lgnbtn {background-color:#fa6917;min-height:40px;border-radius:25px;border:2px solid #fa6917;color:#fff;width:60% !important;margin-top:5px; }
.lgnbtn:hover {background-color:#fa6917; color: #fff;box-shadow: 1px 1px 8px #484848;}
/*.signinBGs .formBG .pf-form__textfield {text-align:center !important;}*/
.socialLogIn a, .socialLogIn a:hover {border-radius:5px;margin:2px 5px;width:60%;font-weight: 500;}
.formBG .pf-form__textfield label, .formBG .form-check label {margin-top: 0;}
#contact{color:#fff; text-align:center}
#contactMSG {display:none}
.topRightFlot {position:absolute;z-index: 99;right: 0;top: 0;}
.btmLeftFlot {position:absolute;z-index: 99;left: 0;bottom: 0;}
.profilePicBox {text-align:center;margin-bottom: 20px;}
.profilePicBox .imgUpl {position:relative;}
.profilePicBox .uploadIc {background-color:#fff;color: #666;box-shadow: 0px 0px 5px #a7a7a7;font-size: 12px;position: absolute;right: 5px;padding: 3px;border-radius: 25px;}
.profilePicBox label {color: #ed4b4e; font-size: 15px;}
.profilePicBox .profilePic{height:60px;width:60px;border-radius:50px;box-shadow: 0px 0px 5px #a7a7a7;}
.formSignUP.signupBoxSC {transform: scale(.9);transform-origin: 50% 50%;}



/*Admin login*/
.adminLogin {
    background-image: url(/image/bgH.jpg);
    /*background-image: url(/image/bgH_Dark.jpg);*/
    background-repeat: no-repeat,no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    height: 100vh;
}
.adminLogin .forms {background-color: #f9f9f900 !important;box-shadow: 1px 1px 10px #ccc; color: #000;margin-top: 15px;padding: 20px 0 20px;}
.adminLogin .forms .button {font-weight:500;transition:none; border-radius: 7px;padding: 8px 0;font-size: 16px; letter-spacing: 1px; background: #0162e8;}
.adminLogin .forms .button:hover {box-shadow: 1px 1px 8px #484848;transition:none; background: #0162e8;}
.adminLogin .forms input, .adminLogin .forms select {padding:8px 20px;font-size:15px;}
.adminLogin #formContent .text-danger.validation-summary-errors ul {padding:0 !important;margin:0;position:relative;}
.adminLogin #formContent .text-danger.validation-summary-errors ul li {list-style:none !important;font-size: 13px; position: absolute; top: -15px;}
.adminLogin span.field-validation-error {position:absolute;}
.adminLogin .logoN {height:75px;}



/* ---------- 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){
    .profile-user {margin-top:8px;}
    .leftsideImg{display:none;}
   }
   /* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
   @media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
   }
   /* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
   @media (min-width:481px) and (max-width:767px){
    .profile-user {margin-top:8px;}
    .leftsideImg{display:none;}
   }
   /* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
   @media (min-width:320px) and (max-width:480px){
    .container {width:90%;}
    .container.sectionWrap.voucharWarp {width:100%;}
    .myBTN {background-color:#ffffffbd;}
    .mainNavbar .navbar {padding: 4px 0px;}
    .paraText {font-size: 16px;}
    .logoMain {height: 50px;}
    .mobLg {display:inline-block;}
    .dskLg {display:none;}
    .mainNavbar .navbar-toggler {padding: 5px 10px;font-size: 16px;line-height: 1;background-color: #fff;border: 1px solid #fa6917;}
    .headings {font-size:30px;line-height: 38px;}
    .voucharWarp .heading {font-size:24px;line-height:30px;}
    .voucharWarp .paratxt {font-size:20px;line-height:24px;}
    .bannerContent .headings {font-size:24px;line-height:30px; text-align:left;color: #fff;text-shadow: 1px 1px 8px #000;padding: 15px 0;margin-bottom: 5px;text-align: center;}
    .aboutWrap .headings {margin-bottom:15px;}
    .bannerWrap .bannerLeft {padding-top:0;margin-bottom: 40px;text-align: left!important;}
    .stickyHead + .bannerContent {padding-top:0;padding-bottom: 0px;}
    .bannerContent {padding-top:40px;padding-bottom: 40px;}
    .bannerWrap {margin-top: 45px;background: url(/image/home1/backgroundbanner.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
    .aboutWrap .abouttxt ul li {display:block;}
    .faqwrap .faqimg {margin-top: 50px;}
    .sectionWrap {padding-top:50px;padding-bottom:30px;}
    .opinionBoxs { margin-bottom: 100px;box-shadow: 0px 0px 18px #c5c5c5;}
    .opinionBoxPara {font-size:14px;}
    .opinionLaptop {margin-top: 0;margin-bottom: 30px;}
    .counterWrap .counter {font-size: 45px;line-height: 30px;}
    .motivateLeft {margin-top: 0;}
    .featuresAll {height: auto;}
    .bannerWrap .bannerBGImg {display:none;}
    .mainNavbar {background: #fff; position: fixed;width: 100%; left: 0; top: 0; z-index: 99;}
    .mainNavbar.stickyHead {background-image:none;}
    .footerWrap {padding-bottom: 5px;text-align: center;padding-top: 0;}
    .footerWrap .logoMain {height:50px;}
    .footerWrap .socialWrap a {background:transparent;box-shadow: none;font-size: 24px; }
    .footerWrap .socialWrap a i {padding: 0 !important;}

    .signinBGs {background:none;background-size: cover; background-repeat: no-repeat; background-position: center;}
    .leftsideImg {display:none;}
    .formBG a.navbar-brand img {height:60px !important;}
    .formSignBgs .formSignBox,.formSignBgs .formSignBox.signupBox {padding:5px;background: none;}
    .socialLogIn a, .socialLogIn a:hover {padding:7px 0;}
    .motive-img {position:static;}
    .our-feaaturebg {top:0;padding-top:50px;padding-bottom: 50px;}
    .contactWrap .contact-img {position:static;}
    .contactWrap .headings {font-size: 30px;margin: 0px;}
    .contactWrap .paratxt, .contactWrap .emailsuport, .footerWrap .footerlinks.footerlinks1 {margin-left:0;}
    .contactWrap #contactForm {padding:0;}
    #discover{margin-top:0px;padding-top:30px;}
    .sectionWrap{overflow:hidden;}
    .bannerContent .bannertxt{margin-top:0;text-align: center !important;}
    .faqwrap .faqtxt {margin-top: 40px;}
    .contactWrap{padding-bottom:0;padding-top: 40px;}
    .aboutWrap .curveimg, .aboutWrap .curveimg1{display:none;}
    .aboutWrap .abouttxt1{padding-top:0;background:none;}
    .counterWrap .countertxt{margin-bottom:40px;padding:0; font-size: 20px;}
    .footerWrap .footerlinks{margin-bottom:15px;}
    .footerWrap .socialWrap{margin-top:0;}
    .voucharWarp .voucharmain li {width: 49%;padding: 15px 15px;}
    .voucharWarp .voucharBox {padding:20px 5px;}
    .voucharWarp .vouchartxt {font-size:16px;line-height:17px;}
    .rightWraps {background:none;backdrop-filter:none;box-shadow:none;}
    .btmLeftFlot{z-index:-1;width:100%;}
    .voucharWarp .voucharmain{text-align:left;}
    }
   






