input#email-89a7063e-4642-46c0-9bc8-21ec37ae4ce4::placeholder {
  
    color: #828282;
    }
  
  #join_community_form .modal-main-home .modal-footer {
    border-top: 0px;
  }
  
  
  
  #join_community_form .modal .btn:active {
    background-color: #A120D1;
    border-color: #A120D1;
  }
  
  
  
  #join_community_form .modal .btn:hover {
    border: 1px solid #76129b;
    background: #76129b;
  }
  
  
  
  #join_community_form .modal .btn:focus {
    outline: none;
    box-shadow: none;
  }
  
  
  
  #join_community_form .modal .btn {
    font-size: 14px;
    line-height: 16px;
    outline: none;
    margin: 0px;
    border-radius: 8px;
    width: 99px;
    height: 40px;
  }
  
  
  
  
  
  #contact_us_submited_popup .modal-main-home .modal-header {
    border-bottom: 0px;
    
  }
  
  #contact_us_submited_popup .modal-main-home .modal-footer {
    border-top: 0px;
   
  }
  
  
  
  #contact_us_submited_popup .modal .btn:active {
    background-color: #A120D1;
    border-color: #A120D1;
  }
  
  
  
  #contact_us_submited_popup .modal .btn:hover {
    background-color: #A120D1;
    border-color: #A120D1;
  }
  
  
  
  #contact_us_submited_popup .modal .btn:focus {
    outline: none;
    box-shadow: none;
  }
  
  
  
  #contact_us_submited_popup .modal .btn {
    padding: 10px 38px;
    font-size: 14px;
    line-height: 16px;
    outline: none;
    margin: 0px;
    min-width: 99px;
    min-height: 40px;
  }
  
  .btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(0 0 0);
    opacity: 1;
  }
  
  /* desktop css */
  
   
  
    .desktop-version {
      display: block;
    } 
  
    .desktop-version.rwd-pages {
      display: block;
    } 
    
    .submitted-message p {
      font-size: 13px;
      line-height: 20px;
    }
  
    /*Header and footer css Start*/
  
    .btn-primary {
      background-color: var(--bs-primary);
      border-color: var(--bs-primary);
  
    }
  
    .color-chello {
      color: #a120d1;
    }
  
    .mobile-version {
      display: none;
    } 
  
    .tablet-version {
      display: none;
    }
  
    .desktop-version {
      display: block;
    } 
  
     .mobile-version.rwd-pages {
      display: none;
    } 
  
    .tablet-version.rwd-pages {
      display: none;
    }
  
    .desktop-version.rwd-pages {
      display: block;
    } 
  
    .nav-main .container {
      width: 1440px;
      padding: 0px;
    }
  
    .nav-main .navbar-brand {
      margin-right: 2rem;
    }
  
    .nav-main.navbar-light .navbar-toggler-icon {
      background-image: none;
    }
  
    .nav-main.navbar-light .navbar-toggler {
      color: transparent;
      border-color: transparent;
    }
  
    .login-signup button {
      font-size: 15px;
      line-height: 17px;
      font-family: "Gellix Chello Bold", sans-serif;
      padding: 8px 8px;
      min-width: 88px;
      outline: none;
    }
  
    .navbar-top .navbar-nav .nav-link {
      color: #000000;
      line-height: 24px;
      font-family: "Gellix Chello SemiBold", sans-serif;
      font-size: 16px;
    }
  
    .navbar-light .navbar-nav .nav-link:hover,
 
  
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .show>.nav-link {
      color: var(--bs-primary);
    }
  
    .navbar-expand-xl .navbar-nav .nav-link {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .btn-outline-dark-chello {
      border: 1px solid #AEAEAE;
    }
  
    .log-in-color {
      color: #3C3C3C;
    }
  
    .btn-signup:hover, .btn-signup:active, .btn-signup:focus {
      color: #fff;
      background-color: #A120D1;
      border-color: #A120D1;
    }
  
    .nav-pt-pb-24 {
      padding: 13px 0px;
    }
  
    .nav-main .login-signup .btn-primary {
      background-color: var(--bs-primary);
      border-color: var(--bs-primary);
      border-radius: 8px;
     
    }
  
  
  
    .nav-main.navbar-light .navbar-toggler-icon {
      background-image: none;
    }
  
    .nav-main .navbar-toggler-icon {
      height: 1.1em;
    }
  
    .navbar-light .navbar-nav .nav-link:hover,

  
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .show>.nav-link {
      color: var(--bs-primary);
    }
  
    .navbar-expand-xl .navbar-nav .nav-link {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .btn-outline-dark-chello {
      border: 1px solid #aeaeae;
    }
  
    .log-in-color {
      color: #3c3c3c;
    }
  
    .login-signup .log-in-color {
      margin-right: 24px !important;
      min-width: 74px !important;
    }
  
    .page-sign-up .login-signup .log-in-color {
        margin-right:36px;
      }
  
    .btn-signup:hover,
    .btn-signup:active,
    .btn-signup:focus {
      color: #fff;
      background-color: #a120d1;
      border-color: #a120d1;
    }
  
    p.semi-bold {
      font-family: "Gellix Chello SemiBold", sans-serif;
      
    }
  
    .login-sign-btn .btn {
      font-family: "Gellix Chello Bold", sans-serif;
      
      width: 88px;
    }
  
    .btn-whitebg {
      background-color: var(--bs-white);
      border-color: var(--bs-white);
    }
  
    .btn-whitebg:hover {
      color: var(--bs-primary);
    }
  
    .font-bold {
      font-size: 22px;
      line-height: 24.53px;
      font-family: "Gellix Chello Bold", sans-serif;
      
    }
  
    .font-normal {
      font-family: "Gellix Chello Regular", sans-serif;
    }
  
    .font-size-15 {
      font-size: 15px;
    }
  
    .heading-text {
      font-size: 45px;
    }
  
    .chello-bg {
      background-color: var(--bs-primary);
      color: #fff;
    }
  
    .chello-border {
      border-color: var(--bs-primary) !important;
    }
  
    .right-border {
      border-right: 1px solid var(--bs-primary);
    }
  
    .left-border {
      border-left: 1px solid var(--bs-primary);
    }
  
    .top-border {
      border-top: 1px solid var(--bs-primary);
    }
  
    .nav-pt-pb-24 {
      padding: 20px 0px;
    }
  
    .nav-main .navbar-brand {
      margin-right: 2rem;
    }
  
    .nav-main.navbar-light .navbar-toggler {
      color: transparent;
      border-color: transparent;
  
    }
  
    .sticky-top-shadow {
      box-shadow: 0 0.3rem 0.4rem rgba(0, 0, 0, 0.15) !important;
    }
  
 
  /* .mail-img {
      width: 230px;
      height: 137px;
  } */
  
    .footer-chello-txt {
      
      font-size: 30px !important;
      line-height: 33.45px !important;
      text-align: center;
      color: #a120d1;
      margin-top: 78px;
      margin-bottom: 34px;
    }
  
    .font-semi-bold {
      font-family: "Gellix Chello SemiBold", sans-serif !important;
     
    }
  
  
    .line-height-14 {
      line-height: 14px;
    }
  
    .line-height-16 {
      line-height: 16px;
    }
  
    .padding-left-60 {
      padding-left: 60px;
    }
  
    .padding-top-32 {
      padding-top: 32px;
    }
  
    .line-height-18 {
      line-height: 18px;
    }
  
    .line-height-33 {
      line-height: 33px;
    }
  
    .join-the-chello input {
      border: 1px solid #828282;
      font-size: 15px;
      line-height: 20px;
      padding-top: 9px;
      padding-bottom: 9px;
      color: #000;
  
    }
  
    .join-the-chello input:focus {
      border: 1px solid #828282;
    }
  
    .join-the-chello .modal .btn {
      padding: 11px 40px;
      font-size: 14px;
      line-height: 16px;
      outline: none;
      margin: 0px;
    }
  
    .join-the-chello .modal .btn:focus {
      outline: none;
      box-shadow: none;
    }
  
    .join-the-chello .modal .btn:hover {
      background-color: #a120d1;
      border-color: #a120d1;
    }
  
    .join-the-chello .modal .btn:active {
      background-color: #a120d1;
      border-color: #a120d1;
    }
  
  
    .join-the-chello .hbspt-form {
      margin: 0px;
    }
  
    .join-the-chello .hbspt-form .hs-form-field {
      width: 100%;
      padding: 0px;
    }
  
    .join-the-chello .hbspt-form .hs_submit {
      text-align: left;
      padding: 0px;
    }
  
    .join-the-chello .hs-form-field .hs-error-msg {
      margin: 0px 0px 5px 0px;
    }
  
    .join-the-chello .hbspt-form .hs_submit input[type="submit"] {
      padding: 12px 43px;
      font-size: 14px;
      line-height: 16px;
      background-color: #a120d1;
      color: #fff;
      border-radius: 4px;
      border: none;
      outline: none;
      font-family: "Gellix Chello Bold", sans-serif;
      min-width: 130px;
    }
  
    .join-the-chello .hs-form-field .hs-input {
      width: 100%;
      padding: 9px 12px;
      border-radius: 10px;
      outline: none;
      border: 1px solid #828282;
      margin: 0px 0px 20px 0px;
    }
  
    .join-the-chello .hs-form-field .hs-error-msg {
      color: #e54c6f;
      font-size: 13px;
      line-height: 18px;
    }
  
    .join-the-chello .hs-form-field .no-list {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
    }
  
    .join-the-chello h4 {
      margin-bottom: 0px;
      font-size: 17px;
    }
  
    .margin-top-bt-48 {
      margin: 60px 0px 0px 0px;
    }
  
    .footer-copyright-sec {
      margin-bottom: 0px;
    }
  
    .footer-copyright-sec p {
      font-size: 13px !important;
      line-height: 18px !important;
      width: 100%;
      text-align: center;
      position: relative;
      bottom: 80px;
      left: 0px;
      margin: 0px 0px -23px -105px;
      align-items: center;
    }
  
    .social-icons li {
      display: inline-block;
    }
  
  
  
    .log-in-color {
      min-width: 74px !important;
      background: #EBEBEB;
      border-radius: 8px;}
  
  .btn-signup {
    margin: 0px 0px 0px 0px;
  }

  a.contact_us_popup {
    cursor: pointer;
}
.modal-header button.close {
  background: none;
  border: none;
  font-size: 1.5rem;
}

  
    /*Header and footer css Close*/
  
  
  @media only screen and (min-width: 1400px) {
    .footer-copyright-sec p {
      font-size: 13px !important;
      line-height: 18px !important;
      width: 100%;
      text-align: center;
      position: relative;
      bottom: 80px;
      left: 0px;
      margin: 0px 0px -23px -119px;
      align-items: center;
  }
  }
  
  @media only screen and (max-width: 767px)
  {
    
  ul#menu-main-menu li {
      display: initial;
      min-width: 280px;
      padding: 19px 0px 0px 0px;
      text-align: center;
      align-items: center;
      min-height: 64px;
      border-bottom: 1px solid #EBEBEB;
  }
    ul#menu-main-menu {
      padding: 20px 8px 0px 8px;
  }
  
  .d-flex.login-signup {
      margin-top: 20px;
      flex-direction: column;
  }
  
  header button.btn.btn-primary.btn-focus.btn-signup {
      background: #A120D1 !important;
      padding: 8px 69.5px 8px 69.5px !important;
      font-size: 12px !important;
      font-size: 14px;
      line-height: 16px;
      font-family: "Gellix Chello Bold", sans-serif;
      padding: 8px 13px;
      outline: none;
      display: block;
      margin: auto;
      min-width: 180px;
      background: #EBEBEB;
      border-radius: 8px;
      border: none;
      margin-bottom: 10px;
  }
  
  header button.btn.btn-outline-dark-chello.btn-focus.log-in-color {
      background: #EBEBEB !important;
      margin-bottom: 10px !important;
      margin-right: 0px !important;
      color: #3C3C3C;
      padding: 8px 69.5px 8px 71.5px !important;
      font-size: 14px;
      
      line-height: 16px;
      font-family: "Gellix Chello Bold", sans-serif;
      padding: 8px 13px;
      outline: none;
      display: block;
      margin: auto;
      min-width: 180px;
      background: #EBEBEB;
      border-radius: 8px;
      border: none;
      margin-bottom: 10px;
  }
  .navbar-top .navbar-nav .nav-link {
    color: #000000;
    line-height: 24px !important;
    font-family: "Gellix Chello Bold";
    font-size: 16px !important;
    min-width: 280px;
    /* padding: 19px 0px 0px 0px; */
    text-align: center;
    align-items: center;
    min-height: 64px;
  }
  #submit-button button.btn.btn-primary.btn-focus {
    font-size: 12px;
    line-height: 16.2px;
    font-family: "Gellix Chello Bold", sans-serif;
    padding: 8px 14px;
    min-width: 69px !important;
    height: 32px;
    min-height: 32px;
    outline: none;
    font-family: "Gellix Chello Bold", sans-serif;
}
div#submit-button {
    margin-left: auto;
}
  }