body{
    font-family: 'MuseoSansCyrl400',sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
}
@font-face {
    font-family: 'MuseoSansCyrl400',sans-serif;
    src: url('../fonts/MuseoSansCyrl-300.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'MuseoSansCyrl700',sans-serif;
    src: url('../fonts/MuseoSansCyrl-700.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  *, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  .btn{
    display: inline-block;
    padding: 10px 15px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
  }
  a:focus, button:focus{
    outline: none !important;
    box-shadow: none !important;
  }
  input, textarea{
    display: inline-block;
    width: 100%;
    height: 64px;
  padding: 10px;
  border: none !important;
  }
  input:focus, textarea:focus, select:focus{
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    background-color: #F6F6F6 !important;
  }
  select:focus{
    border-color: #dee2e6 !important;
  }
  h1{
    font-family: 'MuseoSansCyrl700',sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  h2{
    font-family: 'MuseoSansCyrl700',sans-serif;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  h3{
    font-family: 'MuseoSansCyrl700',sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .custom-textarea {
      background-color: #F6F6F6 !important;
      font-size: 16px !important;
      margin-bottom: 20px !important; 
      border-radius: 0 !important;
  }
  .custom-input {
      height: 64px;
      background-color: #F6F6F6 !important;
      font-size: 16px !important;
      margin-bottom: 20px !important;
      border-radius: 0 !important;
      padding: 20px;
  }
  .profile-input, .call-input, .email-input,
   .linkedin-input, .insta-input, .pass-input, .fb-input, .youtube-input, .expert-input,.country-input, .desig-input, .org-input,.bio-input {
       position: relative;
   }
  
   .profile-input::after, .call-input::after, .email-input::after,
   .linkedin-input::after, .insta-input::after, .pass-input::after,.bio-input::after, .org-input::after, .fb-input::after, .youtube-input::after, .expert-input::after,.country-input::after, .desig-input::after {
      position: absolute;
      content: "";
      left:15px;
      top: 50%;
      width: 20px;
      height: 20px;
      transform: translateY(-50%);
   }
   .profile-input::after{
      background: url("../images/person.svg") no-repeat center;
      background-size: 15px;
   }
   .call-input::after{
    background: url("../images/call.svg") no-repeat center;
      background-size: 15px;
   }
   .email-input::after{
    background: url("../images/email.svg") no-repeat center;
      background-size: 15px;
   }
   .org-input::after{
    background: url("../images/org-name.svg") no-repeat center;
    background-size: 15px;
   }
   .desig-input::after{
    background: url("../images/designation.svg") no-repeat center;
    background-size: 15px;
   }
   .country-input::after{
    background: url("../images/country.svg") no-repeat center;
    background-size: 15px;
   }
   .fb-input::after{
    background: url("../images/fb.svg") no-repeat center;
    background-size: 10px;
   }
   .youtube-input::after{
    background: url("../images/youtube.svg") no-repeat center;
    background-size: 15px;
   }
   .insta-input::after{
    background: url("../images/insta.svg") no-repeat center;
    background-size: 15px;
   }
   .expert-input::after{
    background: url("../images/expert.svg") no-repeat center;
    background-size: 15px;
   }
   .bio-input::after{
    background: url("../images/bio.svg") no-repeat center;
    background-size: 15px;
    top: 31px;
   }
   .pass-input::after{
    background: url("../images/e-lock.svg") no-repeat center;
    background-size: 15px;
   }
   .linkedin-input::after{
    background: url("../images/linkedin.svg") no-repeat center;
    background-size: 15px;
   }
   .expert-apply-form .custom-input, .expert-apply-form .custom-textarea{
    padding: 20px 20px 20px 45px;
   }
   .coachchangepassword .expert-apply-form .custom-input{
    padding-right: 60px;
   }
   .expert-apply-form .container{
    max-width: 985px;
    padding: 30px 20px;
   }
    .expert-apply-form .btn-wrapper .signup-btn{
        background-color: #055096;
        color: #fff;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 64px;
        border: 2px solid #055096;
    }
    .expert-apply-form .btn-wrapper .signup-btn:hover{
      background-color: #fff;
      color: #055096;
      border: 2px solid #055096;
  }
    .bio-input textarea{
        height: 232px;
    }
    .heading-wrap{
        margin-bottom: 32px;
    }
    .pass-input .eye-icon-view{
        position: absolute;
        content: "";
        right: 36px;
        top: 50%;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
        background-size: 15px;
    }
    .coachchangepassword .pass-input::before{
      right: 32px;
    }
    .expert-apply-form .input-group{
      display: block;
    }
.modal-dialog.coach-opt-pannel{
  max-width: 960px;
  width: auto !important;
}
.modal-dialog.coach-opt-pannel .close {
  background: url(../images/close.svg) no-repeat center;
  width: 16px;
  height: 16px;
  border: none;
  position: absolute;
  right:15px;
  top: 15px;
}
.modal-dialog.coach-opt-pannel .modal-header {
  padding: 0;
}
.expert-apply-form .optInput-box .custom-input{
  margin-bottom: 0 !important;
}
 .optInput-box{
  margin-bottom: 20px;
}
.coachforgotpassword,.coachotppassword,.coachchangepassword{
  display: block !important;
}


    @media screen and (min-width: 768px) {
        h1{
            font-size: 40px;
        }
        .expert-apply-form .custom-input, .expert-apply-form .custom-textarea{
           margin-bottom: 32px !important;
           }
           .expert-apply-form .pass-input .custom-input{
            margin-bottom: 60px !important;
           }
           .input-group .pass-input .custom-input{
            margin-bottom: 32px !important;
           }
           .coachchangepassword .input-group .pass-input .custom-input{
            margin-bottom: 0 !important;
           }
    }
   @media screen and (min-width: 1024px) {
    .expert-apply-form .container{
        padding: 60px 40px;
       }
   }