/*start banner*/
.banner{
    margin-bottom: 150px;
    }
    .banner_content{
      color: #fff;
     background-color: #4D4D4D;
     padding: 27px 15px;
     display: flex;
     justify-content: space-around;
    }
    .banner_content a{
      text-decoration: none;
      color: #fff;
    }
    
    .breadcrumb-item.active{
      
      color: #fff;
    }
    .alert{
      display: none;
    }
    /*end banner*/
    
    /************start join***********/
    .join1{
      background: url(../images/Dental_slider_05.jpeg);
      background-size: cover;
      height: 850px;
      background-position: center;
      background-attachment: fixed;
      padding-top: 100px;
      position: relative;
    }
    /*
    .join .overlay{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(89, 86, 86, 0.733);
    }
    */
    
    .join1 .join-content{
      background-color: #fff;
      padding: 50px 50px 40px;
    }
    
    .join1 .join-content  h3{
     
        text-transform: uppercase;
        font-size: 4vw;
        color: var(--second-color);
        line-height: 1.5;
        font-weight: normal;
        font-family: "Monoton", cursive;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 44px;
    }
    
    .join1 form{
      margin-top: -30px;
    }
    .join1 .join-content label{
      font-size: 16px;
      margin-bottom: 3px;
      color: rgb(88, 87, 87);
      margin-left: 0px;
      font-weight: 500;   
    }
    .join1 .join-content input{
    
      background-color: var(--white-color);
      border-radius: 0px;
      /* height: 40px; */
      padding: 11px 19px;
      border: 1px solid var(--second-color);
      margin-bottom: 18px;
      color: var(--second-color);
      opacity: 1;
      transition: all 1s;
    }
    .join1 .join-content input:focus::placeholder
    {
      transition: all .5s;
      opacity: 0;
    }
    .join1 .join-content input:focus
    {
        box-shadow: none;
    }
    .join1 .join-content input[type="submit"]{
    
      margin-top: 30px;
      margin: auto;
      background-color: var(--second-color);
      color: var(--white-color);
     
    }
    
    
    .join1 .join-content input[type="submit"].join:hover{
      background-color:var(--white-color) ;
      color: var(--second-color);
    }
    
    @media(max-width:1200px){
      .join1 .join-content label
      {
        font-size: 14px;
        margin-bottom: 6px;
      }

    }
    @media(max-width:770px){
      .join1
      {
        font-size: 14px;
        height: 1200px;
      }

    }
    
    /******* end join *****************/