
/* ---- FONTS ---- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&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: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6, a, button {font-family: 'Open Sans', sans-serif;}
.headings {font-size: 40px;font-weight: 700;letter-spacing: .5px;line-height: 50px;color:#1b1d1d; text-transform:uppercase;}
.colorORtxt {color:#3f64fa;}
.colorBLtxt {color:#1b1d1d;}
.colorGRtxt {color:#6f7176;}
.paraText {color:#333;font-size: 18px;font-weight: 500;}
.myBTN {color: #fff;background-color: #333;border-color: #333;border-radius: 4px; padding: 8px 25px;}
.myBTN:hover, .myBTN:focus, .myBTN:active, .myBTN:not(:disabled):not(.disabled):active, .myBTN:not(:disabled):not(.disabled):active:focus {color: #fff;border-color: #333;background-color: #333;outline:none;box-shadow: 0px 0px 4px #333;}
.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;
}

/* ---- Navbar ---- */
.logoMain {height:25px;}   
.stickyHead { position: fixed;  left: 0;top: 0;width: 100%;}
.stickyHead + .bannerContent {padding-top: 120px;}
.bannerContent {padding-top:70px;padding-bottom:380px;}
.bannerContent .headings { text-shadow: 0px 0px 3px #262626;color: #ffffff; letter-spacing: 2px;font-size:45px;}
.bannerContent .paraText { color: #ffffff; letter-spacing: .5px;line-height: 30px;}
.bannerContent .myBTN {background-color:#fff;color:#1b1d1d;border-radius:25px;font-weight:600;border:none;}
.bannerContent .myBTN:hover {background-color:#1b1d1d;color:#fff;}
.mainNavbar { background-color: transparent;}
.mainNavbar.stickyHead { background-color: #fff;z-index:999;background-image: linear-gradient(90deg,#ffffff,#ffbdaf,#ff947d,#b76d5c);}
.mainNavbar .navbar {padding: 15px 0px;} 
.mainNavbar .navbar .navbar-nav {background-color: #fff; padding: 5px 10px;border-radius: 30px;}
.mainNavbar .navbar .nav-item {padding: 1px 15px;}
.mainNavbar .navbar .nav-item .nav-link {color: #1b1d1d;font-size: 15px;font-weight: 600; padding: 5px 8px;}
.mainNavbar .navbar .nav-item .nav-link:hover {color: #3f64fa;}
.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;}

/* ---- Banner ---- */
.bannerWrap.sectionWrap {padding-top:0;padding-bottom:0;}
.bannerWrap .bannerBGImg {position:absolute;}
/*.bannerWrap {margin-top: 0px;background: url(/image/bannerBG.png);background-size: cover;}*/
.bannerWrap .bannerLeft {padding-top:15%;}
.bannerWrap .bannnerVdo img {max-height:330px;}

/* ---- Discover ---- */
.discoverWrap {background-color: #fff;background: url(/image/dis-watermark.png);background-size: contain;background-repeat: no-repeat;}
.discoverWrap .headings {margin-bottom:30px;}
.discoverWrap.sectionWrap {padding-top:0;padding-bottom:55px;}
.lensWrap {position: absolute; top: -320px; right: 0; z-index: 99;}
.lensWrap .lens {max-height:400px;}
.lensWrap .lensLogo { position: absolute;top: 125px;right: 33%;z-index: 99;height: 20px;animation: scale 3s linear infinite;}

/* ---- Opinion ---- */
.opinionWrapper { background-color: #f2f2f2;}
.opinionBoxs {margin-bottom: 100px;padding: 50px 20px;border-radius: 30px;box-shadow: 2px 2px 10px #cbcaca;position: relative;background-color: #fff;}
.opinionBoxHeading {margin-bottom:5px;font-size: 28px;font-weight: 700;}
.opinionBoxPara {margin-bottom: 5px;font-size: 17px;font-weight: 500;color: #6f7176;max-height: 170px;min-height: 170px;
    overflow-y: auto;}
.opinionLaptop {margin-top:40px;}
.opinionWrapper .opinionCircle {text-align: center;margin-top: 15px;}
.opinionWrapper .opinionCircle .circleBox {position: absolute;left: 50%;top: 100%;transform: translate(-50%, -50%);}
.opinionWrapper .opinionCircle .circleBox i {font-size: 50px;background-color: #6F7176;color: #fff;padding: 30px 30px;border-radius: 50%;height: 110px;width: 110px;}



.opinionWrapper .opinionBoxs:hover {box-shadow: 4px 5px 10px #d3d3d3;transition: all linear .2s;transform: scale(1.03);}
.opinionWrapper .circleBox i {height:70px;transition: all linear .7s;}
.opinionWrapper .circleBox:hover i {transform:rotate(360deg);transition:all linear .5s;}


/* ---- Motivate ---- */
.motivateWrap {background-color: #fff;padding-bottom:150px;}
.motivateWrap .headings{text-align:center;}
 .motivateLeft {margin-top: 70px;}
.motive-img {position: absolute;left: 0;top: 0;animation: box 7s linear infinite;}
/* ---- Features ---- */
.our-feaaturebg {background: url(/image/home1/ourbannerBG.png);background-size: cover;background-repeat: no-repeat;
    position: relative;padding-top: 178px;padding-bottom: 140px;}
.our-feaaturebg .headings{margin-top:40px;}
.our-feaaturebg .paraText {margin-top: 40px;}
   

/* ---- Contact Us ---- */
.contactWrap {background: url(/image/home1/contactbannerBG.png);background-size: cover;background-repeat: no-repeat;position: relative;padding-top: 175px;padding-bottom: 100px;}
.contactWrap .form-control {border-radius:15px; border: 1px solid #c5c5c5;border-bottom: 1px solid #aba4a4;margin-bottom:30px;}
.contactWrap input.form-control {height:60px;}
.contactWrap .headings {position: absolute;top: -10%;right: 38%;Z-INDEX: 99;font-size: 50px;}
.contactWrap .contact-img{position: absolute;bottom: 50%;right: 20%;}
.contactWrap .mybtn1{border-radius:25px;}
/* ---- Footer ---- */
.footerWrap {background-color: #fff;padding-bottom: 10px;}
.footerWrap .footerHeading {font-size: 18px;font-weight: 700;margin-top: 20px;margin-bottom: 20px;text-transform: uppercase;}
.footerWrap p {margin-bottom: 10px;}
.footerWrap .footerlinks a {font-size: 15px;font-weight: 500;color: #6f7176;}
.footerWrap .footerlinks a:hover {color: #3f64fa;text-decoration:none;}
.footerWrap .socialWrap a {background-color: #fff;margin-right: 15px; font-size: 30px; text-align: center;display: inline-block; box-shadow: 1px 1px 5px #d5d5d5;border-radius: 3px;}
.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;}
@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 ---- */
.sensoWrap {background-color:#fff;}
.sensoWrap.thanksPg {background-image: url(/../image/thanks_bg.jpg);height:100vh;}
.sensoWrap.thanksPg .formSignBgs {background:none;}
.signinBGs {background: url(/image/sign-in-bg.jpg);background-size: cover;height:100vh;}
.signinBGs.signinBG2 {background: url(/image/sign-in-bg.jpg);background-size: cover;height:100vh;}
.sensoWrap .signinBGs {background:none;}
.rightWraps, .formBG {background-image:none;}
.my-ftr {display:none;}
.page-section {padding: 0;}
.formSignBgs {position:relative;background: url(/image/bg2r.png);background-size: cover; background-position: top center;}
.formSignBgs .formSignBox {background: url(/image/signBgwater.png);background-size: cover; background-position: center; background-color:#fff;padding:40px 50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 65%; 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;}
.sensoWrap .formSignBgs .formSignBox {background:none;width:80%;}
.sensoWrap .formSignBgs .formSignBox.newQsWrap {background:none;width:100%;position:static;transform:none;}
.signinBGs .formBG .pf-form__textfield__input {background: #ffffff !important;border: none; padding-left: 1px; color: #1b1d1d !important;/*box-shadow: 0px 3px 5px #bfbfbf;*/font-size:15px;border-bottom: 1px solid #a5a5a5;border-radius: 0;}
.signinBGs .formBG .pf-form__textfield__input:focus {border-bottom: 1px solid #3f64fa;}
.sensoWrap .frmlgn .main-panel__title {font-size: 30px; font-weight: 600;color:#333;}
.leftsideImg { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: left;width:100%;z-index: 99;}
.leftsideImg .fullImg {width:100%;height:100vh;}
.leftsideImg .lgnsdtxt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;color:#fff;}
.leftsideImg .lgnsdtxt h2 {color:#fff;}
.leftsideImg .lgnsdtxt .loginLogo {margin-bottom: 20px;background-color: transparent;padding: 2px 0px;
    border-radius: 2px;}
.leftsideImg .lgnsdtxt hr {width: 100px;text-align: left;margin: 0;border: 1px solid #fff;margin-bottom: 15px;}
.sensoWrap .frmhr {width: 100px;text-align: left;margin: 0 auto;border: 1px solid #267dff;margin-top: 15px;margin-bottom: 15px;}
.mobLogoImg {display:none;}

.activationimg{width:80%;}
.lgnbtn {min-height:40px;border-radius:30px;background-color: #3f64fa;}
.lgnbtn:hover { color: #fff;box-shadow: 1px 1px 10px #a9a7a7;}
.socialLogIn a, .socialLogIn a:hover {border-radius:5px;margin:2px 5px;width:45%;font-weight: 500;}
.formBG .pf-form__textfield label, .formBG .form-check label {margin-top: 0;}
#contact{color:#fff; text-align:center}
#contactMSG {display:none}


.spWrap {}
.spWrap {text-align:left;padding-right:10px;}
.spWrap textarea {height:auto;}
.signinBGs .formBG .spWrap .pf-form__textfield__input { border: 1px solid #e7e7e7;border-bottom: 1px solid #a5a5a5;padding:5px 5px;}
.spWrap .qsTtl {font-size: 24px;font-weight: 400;text-align: left;margin-top: 15px;margin-bottom: 10px;}
.spWrap .pncTxt {font-size: 15px;display: block;font-weight: 600;margin-bottom: 15px;color: #ff1d25;}
.spWrap .radio-toolbar{text-align:left;}
.spWrap .radio-toolbar input[type=radio]{opacity:0;position:fixed;width:0}
.spWrap .radio-toolbar label{display:inline-block;background-color:#e7e7e7;padding:5px 8px;font-family:sans-serif,Arial;font-size:18px;border:2px solid #e1e1e1;border-radius:4px; margin-bottom: 15px;
}
.spWrap .radio-toolbar label:hover{background-color:#aebeff;border-color:#aebeff;}
.spWrap .radio-toolbar input[type=radio]:focus+label{border:2px dashed #444}
.spWrap .radio-toolbar input[type=radio]:checked+label{background-color:#1b275c;border-color:#1b275c;color:#fff;}

.spWrap .checkbox{display:inline-flex;cursor:pointer;position:relative;margin-bottom:15px;}
.spWrap .checkbox>span{background-color:#e7e7e7;color:#1c1c1c;padding:5px 8px;border:2px solid #e1e1e1;font-size:18px;}
.spWrap .checkbox>span:hover {background-color:#aebeff;border-color:#aebeff;border-radius:4px;}
.spWrap .checkbox>input{height:25px;width:25px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:1px solid #34495e;border-radius:4px;outline:0;transition-duration:.3s;background-color:#ccc;cursor:pointer;display:none;}
.spWrap .checkbox>input:checked{border:1px solid #1b275c;background-color:#1b275c;}
/*.spWrap .checkbox>input:checked+span::before{content:'\2713';display:block;text-align:center;color:#41b883;position:absolute;left:.7rem;top:.2rem}*/
.spWrap .checkbox>input:checked+span {background:#1b275c;color:#fff;border-color:#1b275c;border-radius:4px;}
/*.spWrap .checkbox>input:active{border:2px solid #34495e}*/




/*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: #000;
    height: 100vh;
}
.adminLogin .forms {background-color:#fff !important;box-shadow: 0 0 10px #afafaf;}
.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 {margin-top:50px;}


/* ---------- 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%;}
    .mainNavbar .navbar {padding: 4px 0px;}
    .paraText {font-size: 16px;}
    .logoMain {height: 25px;}
    .mainNavbar .navbar-toggler {padding: 5px 10px;font-size: 16px;line-height: 1;background-color: #fff;border: 1px solid #3f64fa;}
    .headings {font-size:30px;line-height: 38px;}
    .bannerContent .headings {font-size:28px; text-align:left;}
    .bannerWrap .bannerLeft {padding-top:0;margin-bottom: 40px;}
    .stickyHead + .bannerContent {padding-top:0;padding-bottom: 320px;}
    .bannerContent {padding-top:100px;padding-bottom: 320px;}
    .bannerWrap {margin-top: 0px;background-image: linear-gradient(5deg,#ffffff,#ffbdaf,#ff947d,#b76d5c);}
    .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;}
    .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;}
    .footerWrap .logoMain {height:25px;margin:0 auto;}
    .footerWrap .socialWrap a {background:transparent;box-shadow: none;font-size: 24px; }
    .footerWrap .socialWrap a i {padding: 0 !important;}
    .mobLogoImg {display:block;}

    .signinBGs {background: url(/image/signBgwater.png);background-size: cover; background-repeat: no-repeat; background-position: center;}
    .leftsideImg {display:none;}
    .formBG a.navbar-brand img {height:30px !important;}
    .formSignBgs .formSignBox {padding:5px;background: none;width: 90%;}
    .formSignBgs .formSignBox.signupBox {padding:0;}
    .socialLogIn a, .socialLogIn a:hover {padding:7px 0;}
    .motive-img {position:static;}
    .sensoWrap .frmlgn .main-panel__title {font-size:20px;margin-top: 5px;}
    .sensoWrap .frmhr {width: 50px;margin-top: 8px; margin-bottom: 8px;}
    .our-feaaturebg {top:0;padding-top:50px;padding-bottom: 50px;}
    .contactWrap .contact-img {position:static;}
    .contactWrap .headings {top: 45%;right: initial;left: 0;font-size: 30px;width: 100%;}
    .contactWrap {top:-2px;padding-top:5px;}
    
    }
   






