@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.dashboardnavbar {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    padding: 0px 40px;
}

.dashboardnavstyle {
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
}

.profileimg img {
    height: 150px;
}

/* ---------------------indexpage-------------- */
.carousel-item {
    height: auto;
}

.carousel-caption {
    bottom: 40%;
    text-align: start;
}

.carousel-caption h3 {
    font-weight: 600;
    font-size: 34px;
}

.carousel-caption p {
    font-size: 17px;
}

.aboutbox h1 {
    color: #F9330A;
    font-weight: 400;
    text-align: center;
}
.aboutbox p{
    font-weight: 300;
  line-height:30px;
}

.aboutsection {
    margin: auto;
}

.abtbox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.abtbox1 {
    height: 120px;
    width: 120px;
    background-color: #F4F4F4;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abtbox1 img {
    height: 110px;
}

.abtbox1btn {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.abtbox1btn button {
    border: none;
    width: 180px;
    padding: 10px;
    background-color: #F4F4F4;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    font-size: 16px;
}
.abtbox1btn button:hover{
background-color:#F9330A;
  color:#fff;
  transition:all 0.3s ease-in;
}

.howitworkcontainer {
    background-color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.howitwork {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.howitwork h1 {
    color: #F9330A;
    font-weight: 400;
}

.cardimg {
    flex-direction: row;
    /* width: 500px; */
    /* margin: 20px; */
    padding: 10px;
}
.cardimg:hover{
background-color:whitesmoke;
  transition:all 0.3s;
  cursor:pointer;
}

.cardimg img {
    height: 100px;
    width: 100px;
    /* margin-top: -15%; */
    margin-bottom: auto;
}

.blogimg {
    flex-direction: row;
    width: 100%;
    /* margin: 20px; */
    padding: 20px;
    font-family: 'Pridi', serif;
}

.blogimg img {
    height: 200px;
    width: 200px;
    /* margin-bottom: auto; */
}
@media  screen and (max-width:767px) {
    .blogimg{
        flex-wrap: wrap;
    }
    .blogimg img{margin-top: 0px;}
}
.plansbox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.plansbox h1 {
    color: #F9330A;
    font-weight: 400;
}

.cardplan {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    margin: 10px;
}

.cardplanbox {
    background: #FFFFFF;
    border: 2px solid #BCBCBC;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width:100%;
   /* height: 580px; */
}

.plantext h4 {
    font-weight: 400;
}

.cardplan img {
    height: 120px;
    border-radius: 50%;
}

.plantext li {
    margin-top: 15px;
    font-size: 14px;
  font-family: 'Poppins';
}


.trialtext h6 {
    font-size: 15px;
}

.trialtext p {
    font-size: 11px;
}

.cardbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

.cardbtn button {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    padding: 5px 20px;
    border-radius: 5px;
    margin-top: 20px;
}
.cardbtn button:hover{
  background-color: #000;
    color: #fff;
  transition:all 0.3s;
}

.trialtext p {
    font-size: 16px;
}

.trialtext h5 {
    font-size: 15px;
    margin-top: 20px;
}

.trialtext li {
    font-size: 14px;
}

.keystatistics {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.keystatistics h1 {
    color: #F9330A;
    font-weight: 400;
}

.keystatisticsbox {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.25);
    padding: 20px;
}

.keystatisticsinner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.regcustomer h1 {
    font-size:50px;
    font-weight: 400;
    text-align: center;
}

.regcustomer h5 {
    font-size: 25px;
    font-weight: 300;
}

.cardradiobtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cardradiobtn span {
    font-size: 12px;
}

.cardradiobtn input {
    padding: 3px;
    margin: 2px;
}

.cardradiopar p {
    margin-bottom: 0;
    font-size: 12px;
}

/* ---------------------aboutpage-------------*/
.aboutpage {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
    margin: 20px;
}

.aboutimgbox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.aboutpageimg1 {
    position: relative;
}

.aboutpageimg1 img {
    height: 400px;
}

.aboutpageimg2 {
    position: absolute;
    top: -20%;
    right: 5%;
}

.aboutpageimg2 img {
    height: 200px
}

.aboutpageimg3 img {
    height: 200px
}

.aboutpageimg3 {
    position: absolute;
    right: 16%;
    bottom: -24%;
}

.aboutpageimg4 {
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #F9330A;
    left: 15%;
    top: -6%;
}

.aboutpagetext h1 {
    font-weight: 400;
    font-size: 40px;
  color:#F9330A;
}

/* ------------------------Loginpage-------------------------- */
.loginpage {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
    border-radius: 5px;
}

.loginformpage {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.loginformtext {
    padding: 20px;
}

.loginformtext img {
    height: 100px;
}

.loginformtext h5 {
    font-weight: 400;
    margin-top: 30px;
}

.loginformtext h4 {
    margin-top: 20px;
    font-weight: 400;
}

.userinstruction1 p {
    font-size: 14px;
}

.userinstruction1 span {
    padding-right: 8px;
}

.userinstruction1 a {
    color: #000;
    text-decoration: none;
}

.userinstruction1 img {
    height: 16px;
    padding-right: 15px;
    margin-left: 6px;
}

.loginformbox {
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.loginform {
    background-color: #fff;
    padding: 20px 40px;
    width: 420px;
    margin: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius:10px;
}

.loginform h3 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.loginform input {
    width: 96%;
    background-color: #F4F4F4;
    border: 1px solid #4e4e4e;
    padding: 7px;
    border-radius: 6px;
    margin: 10px;
    outline: none;
}

.signupforget {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 10px;
}

.signupforget a {
    text-decoration: none;
    color: #07689F;
    font-weight: 400;
}

.loginbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.loginbtn button {
    border: none;
    background-color: #F9330A;
    width: 100px;
    padding: 7px;
    border-radius: 8px;
    margin: 20px;
    font-size: 16px;
  color:#fff;
}
.loginbtn button:hover{
background:#fff;
  border:1px solid #F9330A;
  color:#F9330A;
}

/* ---------------------signupage------------- */
.signupform {
    background-color: #fff;
    width: 450px;
    padding: 0px 10px;
    margin: 20px;
    border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.signupform h3 {
    text-align: center;
    margin: 40px;
}

.signupinput {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.signupinput input {
    width: 75%;
    background-color: #F4F4F4;
    border: 1px solid #4e4e4e;
    padding: 4px 5px;
    border-radius: 5px;
    margin: 5px;
    outline: none;
  font-family: 'Poppins';
  font-size:13px;
}


::placeholder {
    font-size: 12px;
    color: #BCBCBC;
}

.already {
    display: flex;
    justify-content: center;
    align-items: center;
}

.already a {
    color: #07689F;
    text-decoration: none;
    font-size: 12px;
}

.already p {
    font-size: 12px;
}

.terms {
    display: flex;
    justify-content: center;
    margin-top: -18px;
}

.terms input {
    width: auto;
    padding: 4px;
    margin: 3px;
}

.terms p {
    font-size: 12px;
  margin-top:15px;
}

.signupageforget {
    display: flex;
    justify-content: end;
}

.signupageforget a {
    text-decoration: none;
    color: #07689F;
    font-weight: 400;
    font-size: 16px;
    margin: 0px 43px;
}

/* }--------------------passwordpage------------ */
.pwpageforget {
    display: flex;
    justify-content: center;
}

.pwpageforget p {
    color: #BCBCBC;
    font-size: 12px;
}

/* ---------------------Dashboardnav----------------- */
.dashboardnav img {
    height: 40px;
    /* margin-left: 20px; */
    padding: 0px 15px;
}

.dashimg {
    width: 27%;
    padding: 5px 20px;
}

.navfreemember {
    line-height: 5px;
    padding-left: 5px;
    border-right: 1px solid black;
    min-width: 120px;
}

.navfreemember h5 {
    font-size: 16px;
    margin-right: 10px;
}

.navfreemember p {
    font-size: 13px;
    color: #BCBCBC;
}

.navfreemember a {
    color: #BCBCBC;
    text-decoration: none;
    font-size: 13px;
}

.logout img {
    height: 30px;
    width: 60px;
}

.dashboardcontainer {
    background-color: #f4f4f4;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 20px;
  
}

.dashboardpage {
    display: flex;
    justify-content: center;
}

.dashboardprofile {
    background-color: #C4C4C4;
    padding: 12px;
}

.liabilities {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profileimg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
}

.profileimg h5 {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
}

.profileimg p {
    color: #fff;
    font-size: 12px;
    line-height: 1px;
}

.profilebtns .active button {
    background-color: #F9330A;
    color: #fff;
}

.profilebtns {
    margin-top: 10px;
}

.profilebtn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.profilefeedbox p {
    border-bottom: 1px solid black;
    width: 320px;
    font-size: 19px;
}

.profilebtn button {
    background-color: #fff;
    width: 200px;
    padding: 8px;
    border-radius: 7px;
    border: none;
    margin: 10px;
}
.profilebtn button:hover{
background-color:#F9330A;
color:#fff;
border:1px solid #F9330A;
}
.profilefeedinner {
    border-bottom: 1px solid #C4C4C4;
}

.profilefeedinner a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
  line-height:35px;
}

.profilefeedinner img {
    height: 20px;
    padding-right: 10px;
}

.profilefeedbtn {
    display: flex;
    justify-content: end;
    align-items: center;
}

.profilefeedbox {
    background-color: #fff;
    padding: 10px 30px;
    margin: 10px;
}
.profilefeedinner a{
font-family: 'Poppins';
  font-weight:400;
  font-size:12px;
}
.profilefeedbtn button {
    background-color: #F9330A;
  color:#fff;
    padding: 6px 20px;
    border: none;
    border-radius: 5px;
    margin-top: 5px;
    border: 1px solid #BCBCBC;
  font-family: 'Poppins';
}
.profilefeedbtn button:hover{
border:1px solid #F9330A;
  background:#fff;
  color:#F9330A;
  transition:all 0.3s;
}

.profilescroe {
    display: flex;
    justify-content: center;
    align-items: center;
}

.score {
    background-color: #fff;
    text-align: center;
    width: 300px;
    height: 100px;
    margin: 10px;
    padding: 10px 20px;
}
@media(max-width:450px){
  .score{
  height:130px;
  }
 /** Footer{
  text-align:center;
  }  **/
}
.agentscore {
    background-color: #fff;
    text-align: center;
    width: 300px;
    margin: 0px 10px;
    padding: 10px 20px;
}

.score p {
  font-weight:500;
     font-family: 'Raleway';
    font-size: 15px;
    margin-bottom: 0;
}
.score h3 {
   font-family: 'Poppins';
}

.mytodolist {
    background-color: #fff;
    padding: 20px 10px;
    height: 400px;
    margin-top: 10px;
}

.mytodolist h5 {
    text-align: center;
    font-weight: 400;
    font-size: 22px
}

.mylist {
    text-align: center;
    background: #F4F4F4;
    margin: 10px;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: 180px;
}

.mylist p {
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px;
}

.mylist input {
    margin: 5px;
}

.liabilitiesinner h5 {
    font-size: 16px;
    font-weight: 600;
}

.liabilitiesinner p {
    font-size: 13px;
    color: #BCBCBC;
}

.liabilitiestext {
    background-color: #fff;
    padding: 20px 10px;
}

.liabilitiestext a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    margin: 10px;
  line-height:35px;
}

.liabilitiestext img {
    height: 20px;
    padding-right: 10px;
}

.insurence h5 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 20px;
}

.insurencedetails {
    background-color: #fff;
    padding: 20px;
    margin-top: 15px;
}

.insurenceinnerbox {
    display: flex;
}

.insurenceinner img {
    height: 70px;
}

.insurenceinner h5 {
    font-size: 15px;
    margin-top: 4px;
}

.insurenceinner p {
    font-size: 13px;
}

.insurenceinner2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 10%;
}

.insurenceinner2 h4 {
    font-size: 13px;
}

.insurenceinner2 p {
    font-weight: 600;
    font-size: 13px;
}

.insurenceinner3 {
    display: flex;
    justify-content: center;
    align-items: end;
    margin-left: 10%;
}

.insurenceinner3 h4 {
    font-size: 13px;
}

.seedetails {
    display: flex;
    justify-content: end;
}

.seedetails a {
    text-decoration: none;
    color: #BCBCBC;
    font-size: 14px;
}

.insurencereg {
    display: flex;
}

.insurencereg h4 {
    margin: 10px;
}

.insurenceinnereg img {
    height: 37px;
}

.insurenceinnereg h5 {
    font-size: 15px;
    margin-top: 4px;
}

.insurenceinnereg p {
    font-size: 13px;
}

/* -------------------profilepage---------------- */
.profilepagebtn {
    display: flex;
    justify-content: end;
}

.profilepage {
    background-color: #fff;
}

.profileforminner {
    display: flex;
    justify-content: center;
}
  .adharcardupload img{
  margin-left:10px;
  }
.profilepagebox1 {
    width: 25%;
    margin-top: 6px;
}

@media(max-width:450px){
.profileforminner {
    display: block;
}
  .profilepagebox1 {
    width: 100%;
}
}
.profilepagebtn button {
    background-color: #F4F4F4;
    padding: 5px 30px;
    margin: 20px;
    border-radius: 3px;
    border: none;
    border: 0.968127px solid #BCBCBC;
}

.profileboxinputad input {
    margin-top: 6px;
    border-radius: 3px;
    width: 300px;
    outline: none;
    padding: 3px 12px;
    margin: 5px;
    border: 1px solid #BCBCBC;
    background-color: #F4F4F4;
  font-family: 'Poppins';
}

.profileboxinput input {
    margin-top: 6px;
    border-radius: 3px;
    width: 435px;
    outline: none;
    padding: 3px 12px;
    margin: 5px;
    border: 1px solid #BCBCBC;
    background-color: #F4F4F4;
  font-family: 'Poppins';
}

.profileboxinput input::placeholder {
    color: #000;
}

.identifydetailsinner {
    display: flex;
}

.identifydetailsinner p {
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 10px;
}

.identifydetailsinner span {
    margin-left: 50%;
}

.identifydetails {
    padding: 10px;
}

.identifydetails h5 {
    margin-top: 20px;
}

/* ---------------documentpage----------------------- */
.documentpage {
    background-color: #fff;
    padding: 20px;
}

.documentinner label{
    font-weight: 500;
  
}
.documentinner input{
    font-size: 14px;
    padding: 3px 6px;
  font-family: 'Poppins';
}
.documentinner select{
    font-size: 14px;
    padding: 3px 6px;
}

.financialasset {
    display: flex;
}

.financialasset h5 {
    font-size: 17px;
  font-weight:400;
    background: #FAFAFA;
    border: 1px solid #525050;
  border-radius:5px;
    padding: 7px;
    width: 225px;
    /* padding-right: 22%; */
}

.financialasset a {
    color: #000;
}

.financialasset span {
    font-size: 14px;
    margin: 5px;
    padding: 8px;
    border: 2px solid black;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bankdetails {
    display: flex;
}

.bankdetails a {
    color: #000;
}

.bankdetails button {
    padding: 5px 10px;
    background: #EFEFEF;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
}

.bankspan1 {
    font-size: 14px;
    margin-left: 15px;
}

.bankspan {
    font-size: 14px;
    margin: 5px;
    padding: 8px;
    border: 2px solid black;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bankdetails p {
    color: #BCBCBC;
}


.bankdetailsinput{
    position: relative;
}
#loading {
    position:fixed;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 400;
    font-size: 18px;
}
#loading .loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.bankdetailsinput label {
    font-weight: 400;
    font-size: 15px;
    padding: 3px 6px;
}

.bankdetailsinput .img_holder {
    padding:10px;
    border: 1px solid lightgrey;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    width:100%;
}

.bankdetailsinput img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.downloadbtn {
    text-decoration: none;
    background-color: lightgray;
    color: rgb(36, 36, 36);
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    border: none;
    margin: 0px;
    padding: 3px 10px;
}

.bankdetailsinput input[type=submit]{
    opacity: 1;
}

.bankdetailsinput input[type=button] {
    opacity: 1;
}
.bankdetailsinput table{
    border: 1px solid lightgrey;
}
.bankdetailsinput th {
    font-weight: 400;
    font-size: 15px;
    padding: 3px 20px;
    border: none;
    text-align: left;
}
.bankdetailsinput td {
    font-size: 14px;
    padding: 3px 15px;
    border: none;
    text-align: left;
}
.bankdetailsinput input {
    padding: 3px 6px;
    outline: none;
    font-size: 14px;
    background: #FFFFFF;
    border: 1px solid lightgrey;
    border-radius: 5px;
    opacity: 0.8;
  font-family: 'Poppins';
}
.label_input_box{
    padding: 5px 25px;
}
.datebox input.date{
    position: relative;
}
.datebox input[type="date"]::-webkit-calendar-picker-indicator {
      background: transparent;
      bottom: 0;
      color: transparent;
      cursor: pointer;
      height: auto;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: auto;
  }
.bankdetailsinput input.date{
    position: relative;
}
.bankdetailsinput input[type="date"]::-webkit-calendar-picker-indicator {
      background: transparent;
      bottom: 0;
      color: transparent;
      cursor: pointer;
      height: auto;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: auto;
  }
.bankdetailsinput input[readonly] {
    border: none;
}
.bankdetailsinput textarea[readonly] {
    border: none;
}
.bankdetailsinput textarea {
    padding: 3px 6px;
    font-size: 14px;
    outline: none;
    background: #FFFFFF;
    border: 1px solid lightgrey;
    border-radius: 5px;
    opacity: 0.8;
}
.bankdetailsinput select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    color:black;
    border:none;
}

.bankdetailsinput select {
    padding: 3px 6px;
    font-size: 14px;
    outline: none;
    background: #FFFFFF;
    border: 1px solid lightgrey;
    border-radius: 5px;
    opacity: 0.8;
}

.bankdetailsinput input::placeholder {
    color: #000;
    font-size: 13px;
}
.bankdetailsinput textarea::placeholder {
    color: #000;
    font-size: 13px;
}

.bankdetailsinner {
    display: flex;
}
.bankdetailsinner button {
    background: transparent;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    padding: 3px 10px;
    margin-right: 5px;
    text-align: left;
    font-size:15px;
}

.bankdetailsinner .data_update_button{
    border: none;
    background-color: lightgray;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 14px;
}
.bankdetailsinner span {
    font-size:12px;
    color: grey;
}
.educationalforms + .educationalforms{
    /*margin-top: 10px;*/
    border-top: 2px solid lightgrey;
}

.otherpersonalforms + .otherpersonalforms{
    /*margin-top: 50px;*/
    border-top: 2px solid lightgrey;
}

.bankdetailsinner a {
    color: #000;
}

.bankdetailsinner .exclamation {
    font-size: 14px;
    margin: 5px;
    padding: 8px;
    border: 2px solid black;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bankdetailsinner p {
    color: #BCBCBC;
    padding-left: 5px;
}

.saveandconti {
    display: flex;
    justify-content: end;
}

.saveandconti button {
    background: #B2B2B2;
    border-radius: 5px;
    border: 1px solid #000000;
    padding: 5px 20px;
}

/* --------------------------nominee-------------------- */
.nomineetable table {
    width: 100%;
    background: #F4F4F4;
    border: 1px solid #BCBCBC;
    margin-top: 20px;
}

.nomineetable table,
tr,
td,
th {
    background: #F4F4F4;
    border: 1px solid #BCBCBC;
    text-align: center;
    padding: 5px;
}

.nomineetable th,
span {
    margin: 0px 5px;
}

.nomineepage {
    background-color: #fff;
    padding: 30px;
}

.nomineepagebtn button {
    background: #F4F4F4;
    border: 1px solid #BCBCBC;
    padding: 6px 20px;
    border-radius: 5px;
}

.nomineepagebtn span {
    padding-right: 10px;
}

/* --------------------nomineedetails--------------------- */
.nomineedetailsbtn button {
    background-color: #F9330A;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    border: none;
}

.nomineedetailsbtn h4 {
    margin-top: 6%;
    font-weight: 600;
}

.nomineedetailsbtn span {
    color: #fff;
    padding-right: 5px;
}

.nomineedetailstable1 table {
    width: 100%;
}

.nomineeradiobtn {
    display: flex;
}

.nomineeradiobtn input {
    margin: 5px;
}

.nomineeradiobtn span {
    padding: 5px;
    color: #878484;
    border: 1px solid #878484;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    margin-top: 5px;
}

.defineaccess {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.defineaccess p {
    margin-bottom: 0;
}

.defineaccess span {
    padding: 5px;
    color: #878484;
    border: 1px solid #878484;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    margin-top: 5px;
}

.defineaccess a {
    color: #000;
    text-decoration: none;
}

.nomineedetailsubmit {
    margin-top: 7%;
}

.nomineedetailsubmit button {
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #B2B2B2;
}

.nomineedetailstable table {
    width: 100%;
    background: #F4F4F4;
    border: 1px solid #BCBCBC;
    margin-top: 20px;
}

.nomineedetailstable table,
tr,
td,
th {
    background: #F4F4F4;
    border: 1px solid #BCBCBC;
    text-align: center;
    padding: 5px;
}

.nomineedetailstable th,
span {
    margin: 0px 10px;
}

.nomineedetailstable a {
    color: #353535;
}

/* -----------------rewardpage---------------------- */
.rewardpagebtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width:450px){
.rewardpagebtn {
    display: block;
   
}
}
.rewardpagebtn button {
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    background: #F4F4F4;
    border: 2px solid #BCBCBC;
    margin: 10px;
  font-family: 'Poppins';
}

.howtoearn {
    display: flex;
    justify-content: space-between;
}
.howtoearn p{
font-family: 'Poppins';
  font-weight:400;
}
.howtoearn button {
    border: none;
    padding: 5px 20px;
  font-weight:300;
    border-radius: 5px;
  background-color:#fff;
  border:1px solid #F9330A;
  color:#F9330A;
}
.howtoearn button:hover{
border:1px solid #F9330A;
  color:#F9330A;
      background-color: #F9330A;
  color:#fff;
  transition:all 0.3s;
}

.rewardtable table {
    width: 100%;
    background: #F4F4F4;
    border: 1px solid #BCBCBC;
    margin-top: 20px;
}

.rewardtable table,
tr,
td,
th {
    background: #F4F4F4;
    border: 1px solid #BCBCBC;
    text-align: center!important;
   
}

.howtoearn {
    margin: 5px 0px;
    text-align: center;
}

.rewardearn h5 {
    font-weight: 600;
    margin: 10px 0px;
}

.redeemreward h4 {
    font-weight: 600;
}

.redeemcards {
    display: flex;
}

.redeemcard1 {
    margin: 10px;
}

.redeemcard1 img {
    height: 170px;
    margin-top: 10px;
}

.redeemcard1txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
  font-family: 'Poppins';
}
.redeemcard1txt p{
  font-family: 'Poppins';
}
.redeemcard1 button {
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #F9330A;
  color:#fff;
}
.redeemcard1 button:hover{
border:1px solid #F9330A;
  color:#F9330A;
  background:#fff;
}

/* -----------------------subscriptionpage-------------------- */
.subscriptionbtn {
    display: flex;
}
@media(max-width:450px){
.subscriptionbtn {
    display: flex;
  justify-content:center;
}
}
.subscriptionbtn button {
    border: none;
    background-color: #C4C4C4;
    padding: 5px 20px;
    border: none;
    border-radius: 5px;
}

.subscriptionbtn .btn2 button {
    background-color: #f4f4f4;
    border: 0.933333px solid #BCBCBC;
}

.subscriptionbtn .btn2 {
    margin-left: 20px;
}

.subscriptionplan {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subscriptionplan {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subscriptionplan h5 {
    margin: 10px;
    font-weight: 400;
}

.subscriptioncard {
    border: 0.933333px solid #BCBCBC;
    width: 250px;
    margin: 10px;
}

.subscriptioncardbox1 {
    background-color: #C4C4C4;
    padding: 5px 10px;
}

.subscriptioncardbox1 h5 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

.subscriptioncardbox1 p {
    font-size: 10px;
    text-align: center;
    margin-bottom: 0;
}

.subscriptioncardbox2 {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.subscriptioncardbox2 h5 {
    color: #F9330A;
    font-weight: 600;
    margin: 10px;
}

.subscriptioncardbox2 img {
    height: 70px;
    border-radius: 50%;
}

.subscriptioncardbox2txt li {
    font-size: 12px;
    color: #000;
}

.subscriptioncardbox2btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
}

.subscriptioncardbox2btn button {
    border: none;
    background-color: #000;
    color: #fff;
    padding: 5px 20px;
    border: none;
    border-radius: 5px;
    margin: 20px;
}

.subscriptionardbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* -----------------howitworks------------------ */
.howitworkpage {
    display: flex;
    justify-content: center;
    align-items: center;
}

.howitworkpagetext h5 {
    font-weight: 600;
}

/* -------------subscriptionpage------------------ */
.subscardbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

.subscardbtn button {
    border: none;
    background-color: #000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    margin: 2px;
}

/* -------------------blogspage------------------------ */
.blogscontainer {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F3F3F3;
}

.blogdrop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 35%;
}

.blogpage h1 {
    color: #F9330A;
    font-weight: 600;
}

.blogsbox {
    display: flex;
    background-color: #fff;
    padding: 20px;
    margin: 30px;
}

.blogsimg {
    border: 2px solid #BCBCBC;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    height: 280px;
    width: 280px;
    margin-top: -8%;
}

.blogsimg img {
    height: 250px;
    padding: 10px;
    width: 250px;
}

.blogstext {
    margin: 5px 10px;
}

.blogsiconbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.blogsicon {
    margin: 0px 20px;
}

.blogsiconbox p {
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
}

.blogsicon a {
    color: #000;
    text-decoration: none;
}

.blogsicon img {
    height: 20px;
}

.benefits {
    display: flex;
    justify-content: space-between;
}

.benefitspar {
    padding: 20px;
}

.benefitspar p {
    font-size: 13px;
}

.benefits h5 {
    font-size: 20px;
    margin-left: 20px;
}

.badge {
    display: flex;
    margin-left: 5%;
}

.badge button {
    border: none;
    color: #000000;
    background-color: #C4C4C4;
    padding: 6px 20px;
}

.blogscard {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
}

/* --------------------blogprofile----------------------- */
.blogprofile {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blogprofileimg img {
    height: 500px;
    opacity: .5;
}

.blogprofiledetails {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.blogprofiledetailsinner img {
    height: 70px;
    margin-right: 10px;
}

.blogprofiledetailsinner h5 {
    opacity: .5;
    margin-bottom: 0;
    margin-top: 10px;
}

.blogprofiledetailsinner p {
    opacity: .5;
    margin-bottom: 0;
}

.blogprofileinnerdetails2 span {
    opacity: .5;
}

.blogprofileinnerdetails2 a {
    color: #000;
}

.blogprofileinnerdetails2 p {
    opacity: .5;
}

/* ----------------faq---------------------- */
.faqpage {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #7CB4E6;
}

.faqhero {
    padding: 20px;
}

.faqhero p {
    color: #fff;
}

.faqhero h2 {
    color: #fff;
    font-weight: 600;
}

.faqbtn button {
    background-color: #F9330A;
    color: #fff;
    padding: 10px;
    width: 200px;
    border: none;
    margin: 10px 20px;
    border-radius: 5px;
}

.establishedinner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4%;
}

.establishedinner p {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}

.establishedinner span {
    color: #000;
    font-size: 35px;
}

/* -------------------------rewardprogram-------------------- */
.rewardprogram h1 {
    color: #F9330A;
    font-weight: 400;
}

.rewardsgiftimg p {
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
}

.rewardsgifttxt {
    margin: 0px 20px;
}

.rewardsgifttxt p {
    margin-top: 30px;
}

.rewardsgiftform {
    width: 20%;
}

.rewardsgiftinput input {
    width: 800px;
    margin: 10px;
    background-color: #D9D9D9;
    outline: none;
    border: 1px solid #b1b1b1;
    padding: 1px 7px;
    border-radius: 4px;
}

.rewardsgiftinput select {
    width: 800px;
    margin: 10px;
    background-color: #D9D9D9;
    outline: none;
    border: 1px solid #b1b1b1;
    padding: 1px 7px;
}

.rewardsgiftinput option {
    width: 800px;
    margin: 10px;
    background-color: #f0f0f0;
    outline: none;
    border: 1px solid #b1b1b1;
    padding: 1px 7px;
}

.rewardsgiftinner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.rewardsgiftbtn {
    display: flex;
    justify-content: center;
    margin: 5%;
}

.rewardsgiftbtn button {
    background-color: #C4C4C4;
    padding: 6px 30px;
    border-radius: 5px;
    border: none;
}

.rewardshandwash {
    display: flex;
}

/* -----------------------rewardthanks------------------- */
.rewardthanks {
    display: flex;
}

.rewardthanks img {
    height: 250px;
    margin: 10px;
}

.rewardthankstxt {
    margin: 10px;
}

.rewardthankstxt h4 {
    font-weight: 600;
}

.rewardthankstxt h5 {
    margin-top: 10%;
    font-weight: 600;
}

/* ---------------------------blog---------------------- */
.top-rated-employee {
    min-height: 100vh;
    text-align: center;
}

.top-rated-employee p {
    max-width: 680px;
    color: #878484;
    margin-right: auto;
    margin-left: auto;
}

.top-rated-employee .chevron {
    display: flex;
    justify-content: flex-end;
    margin: 40px 0px;
}

.top-rated-employee .chevron button {
    background-color: #000;
    height: 44px;
    width: 44px;
    color: #000000;
    padding: 0px;
    margin-left: 20px;
    display: none;
}

.top-rated-employee .image-box {
    position: relative;
    background: #FFFFFF;
    border: 2px solid #BCBCBC;
  border-bottom:0px;

}

.top-rated-employee .image-box img {
    width: 100%;
    height: 200px;
}

.top-rated-employee .content-box {

    padding: 10px 20px;
    border: 2px solid #BCBCBC;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.top-rated-employee .content-box .name h3 {
    font-size: 20px;
}

.top-rated-employee .content-box .name p {
    color: #000;
}

.top-rated-employee .content-box .name a {
    text-decoration: none;
}

.top-rated-employee .content-box p {
    text-align: left;
}

.owl-carousel.top-employee-owl-carousel {
    position: relative;
}

.owl-carousel.top-employee-owl-carousel .owl-nav {
    display: block !important;
    position: absolute;
    top: -100px;
    right: 0;
}

.owl-carousel.top-employee-owl-carousel .owl-nav button {
    background-color: #F6F9FC;
    height: 44px;
    width: 44px;
    color: #000;
    padding: 0px;
    margin-left: 20px;
}

.owl-carousel.top-employee-owl-carousel .owl-nav button.owl-next span,
.owl-carousel.top-employee-owl-carousel .owl-nav button.owl-prev span {
    color: #22219C;
    font-size: 32px;
}

.owl-carousel.top-employee-owl-carousel .owl-dots {
    display: none;
}

/* ---------------------Footer---------------- */
.footerbox1 {
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #f6f6f6;
    margin-bottom: 0;
    margin: 10px 0px;
    padding-left: 0;
}

.footerbox {
    display: flex;
    justify-content: space-around;
}

.footercol1 {
    background-color: #BCBCBC;
}

.footerbox1 li {
    list-style: none;
    margin: auto;
}

.footerbox1 li h5 {
    font-weight: 400;
  /* margin:5px 0; */
}

.footerlinks {
    display: flex;
    justify-content: start;
}

.footericons {
    display: flex;
    justify-content: end;
}

.socialicon img {
    height: 30px;
}

.footerlinks ul {
    /* margin-left: 20px; */
}

.footerlinks li {
    list-style: none;
    /* margin-top: 15px; */
    display: flex;
}

.footerlinks li img {
    height: 20px;
    margin: 2px 4px;
}

.footerlinks a {
    color: #000;
    font-weight: 300;
    text-decoration: none;
    display: flex;
}

.footerbox2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
    padding: 10px;
}

.footericons {
    margin: 15px 0px;
}

.footerbox2 a {
    color: #000;
    text-decoration: none;
}

.footerboxinner {
    display: flex;
}

/* ---------------------newfooter---------------------- */
.footertable {
    width: 100%;
    border: none;
    background-color: #fff;
    margin-top: 5px;
}

.footertable th {
    border: none;
    background-color: #BCBCBC;
    padding: 8px 0px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.footertable td,
tr {
    border: none;
    text-align: center;
    background-color: #fff;
}

.footertable td {
    padding-left: 5%;
    padding-top: 10px;
}

.footertable a {
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 16.4px;
    font-weight: 600;
    display: flex;
}

.socialicon img {
    height: 27px;
    margin: 0px 5px;
}

.socialicon {
    display: flex;
}

@media only screen and (max-width:450px) {
    .footerbox1 {
        display: block;
    }

    .carousel-caption {
        bottom: 0%;
        right: 13%;
        text-align: start;
    }

    .carousel-caption h3 {
        font-size: 25px;
    }

    .carousel-caption p {
        font-size: 14px;
    }

    .carousel-item {
        height: auto;
    }

    .abtbox1 {
        margin: 14px;
    }

    .loginformpage {
        display: block;
    }

    .profileboxinput input {
        width: 100%;
    }

    .identifydetailsinner span {
        margin-left: 0%;
    }

    .loginformtext {
        margin: 70px;
    }

    .footerlinks {
        display: block;
      text-align:center;
    }

    .dashboardnavbar {
        padding: 5px;
    }

    .redeemcards {
        display: block;
    }

    .blogsbox {
        display: block;
    }

    .blogsimg {
        margin-top: -25%;
    }

    .blogdrop {
        display: flex;
        justify-content: center;
    }

    .benefits {
        margin-top: 10px;
    }

    .rewardsgiftinput input {
        width: auto;
    }

    .rewardsgiftinput select {
        width: 218px;
    }

    .rewardsgiftinput option {
        width: auto;
    }

    .rewardshandwash {
        display: block;
    }

    .nomineedetailstable1 table {
        width: auto;
    }

    .cardimg {
        flex-direction: row;
        width: auto;
        margin: 0;
        padding: 10px;
    }

    .aboutpage {
        height: auto;
    }

    .aboutpageimg1 img {
        height: 200px;
    }

    .aboutpageimg2 img {
        height: 80px;
    }

    .aboutpageimg2 {
        right: 12%;
        top: 6%;
    }

    .aboutpageimg3 img {
        height: 80px;
    }

    .aboutpageimg4 {
        height: 80px;
        width: 80px;
    }

    .aboutimgbox {
        margin-top: 17%;
    }

    .aboutpageimg3 {
        right: 31%;
        bottom: -18%;
    }

    .footertable {
        width: auto;
    }

    .aboutpagetext h1 {
        font-size: 30px;
    }

    .footertable td {
        padding-left: 15px;
    }
}

@media screen and (max-width:850px) {
    .identifydetailsinner span {
        margin-left: 10%;
    }

    .aboutpagetext {
        margin-top: 12%;
    }

    .aboutpageimg4 {
        left: 22%;
        top: 2%;
    }

    .loginformpage {
        display: block;
    }

 
}