/* ---- FONTS ---- */
/*@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,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: "Roboto", sans-serif;}
h1, h2, h3, h4, h5, h6, a, button { font-family: "Roboto", sans-serif}
.headings {font-size: 40px;font-weight: 700;letter-spacing: .5px;line-height: 50px;color:#1b1d1d; text-transform:uppercase;}
.colorORtxt {color:#40b5a4;}
.colorBLtxt {color:#1b1d1d;}
.colorGRtxt {color:#6f7176;}
.paraText {color:#333;font-size: 18px;font-weight: 500;}
.myBTN {color: #000;background-color:#4CC0AF;border: 1px solid #000; border-radius: 5px; padding: 8px 25px;}
.myBTN:hover, .myBTN:focus, .myBTN:active, .myBTN:not(:disabled):not(.disabled):active, .myBTN:not(:disabled):not(.disabled):active:focus {color: #000;background-color:#4CC0AF;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;}
.bg-gry {background: #ffffff;}

.toast-error {
    background-color: #BD362F;
}
.heigBH{height:100vh;}

/* ---- 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: #40b5a4;}
.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: #40b5a4;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 ---- */
/*.signinBGs {background: url(/image/internalbg.jpg);background-size: cover;height:100vh;}*/
.signinBGs.signinBG2 {background: url(/image/internalbg.jpg);background-size: cover;height:100vh;}
.rightWraps, .formBG {background-image:none;}
.my-ftr {display:none;}
.page-section {padding: 0;}
.formSignBgs {position:relative;}
.formSignBgs .formSignBox {padding:10px 2px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 100%; border-radius: 35px;}
.formSignBgs .formSignBox.signupBox {padding:1px 0px;}
.formSignBgs .formSignBox.actCode {background-repeat:no-repeat;background-size:contain;}
.formSignBgs .formSignBox.actCode.prflSurvey {left:50%; width: 80%;}
.formSignBgs .formSignUP .formSignBox {padding:10px 50px;}
.signinBGs .formBG .pf-form__textfield__input {background: #ececec !important;border: none;padding-left: 12px;color: #000!important; font-size: 15px;border-radius: 5px;border: 1px solid #ececec;margin-bottom:2px;height:45px;padding: 15px 12px 5px 35px;box-shadow: none;}
.signinBGs.userBH .formBG .pf-form__textfield__input{padding:5px 10px; height:38px;}
.signinBGs .formBG .pf-form label {position: absolute;font-size: 10px;color: #767676;left: 36px;top:5px; font-weight: 600;}
/*.leftsideImg { position: absolute;top: 50%;left: 72%;transform: translate(-50%, -50%);text-align: center;width: 100%;z-index: 99;}*/
.leftsideImg { position: static;transform: none;text-align: center;width: 100%;}
.leftsideImg.leftsideImg1 img{height:100vh;width:100%;}
/*.activationimg{width:80%;}*/
.lgnbtn {min-height: 45px;border-radius: 5px;border: 1px solid #4cc0af;background-color: #4cc0af;color: #fff;font-size: 16px;}
.lgnbtn:hover {box-shadow: none;color: #fff;}
.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}
select option {background:#fff;color: #000;}
.mobileLogo {display:none;}
.socialLogins {}
.socialLogins ul {padding:0;}
.socialLogins ul li {list-style:none;display:block;}
.socialLogins .sBtn {background-color:#fff;color:#333; box-shadow:0px 4px 12px #dbdbdb;display:block;padding: 12px 5px;margin-bottom: 25px;border-radius:5px;font-weight: 500;letter-spacing: 0.5px;cursor:pointer;}
.socialLogins .sBtn:hover {color:#333;text-decoration:none;background-color:#f1fffd;} 
.socialLogins .sBtn.gLogin img, .socialLogins .sBtn.fLogin img {height:20px;margin-right:5px;}
.dividers {font-size:14px;}
.dividers:after, .dividers:before {content: "";flex: 1;height: 1px;background: #ccc;} 
.pageTTls .nameHeading {color:#4cc0af;text-align: left;font-weight: 600;font-size: 35px; font-family: "Rubik", sans-serif;line-height: normal;}


/*Admin login*/
.adminLogin {background-image: url(/image/bgh.png);/*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: 0px 3px 15px #d7d7d7;}
.adminLogin .forms .button {font-weight:500;transition:none; border-radius: 7px;padding: 8px 0;font-size: 16px; letter-spacing: 1px;    background: #4CC0AF; color:#fff;}
.adminLogin .forms .button:hover {box-shadow: 0px 0px 4px #333;}
.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;}


/* ---------- 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){
    .mobileLogo {display:block;}
    .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 #40b5a4;}
    .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;}

    .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:55px !important;}
    .pageTTls .nameHeading {font-size: 24px;}
    .formSignBgs .formSignBox {padding:5px;background: none;width: 90%;left:50%;}
    .formSignBgs .formSignBox.signupBox {padding:0;}
    .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 {top: 45%;right: initial;left: 0;font-size: 30px;width: 100%;}
    .contactWrap {top:-2px;padding-top:5px;}
    .frmlgn .main-panel__title{font-size:20px!important;}
    #tester h2{font-size:18px!important;}
    /*.mobileLogo{display:none;}*/
    }