.company-settings {
    .dashboard-content {
        padding: 20px 40px 20px 20px;
        @media (max-width: 991px) {
          padding: 20px 30px;
        }
        @media (max-width: 575px) {
          padding: 15px 25px;
        }
        .form-wrapper{
            .account-details {
                border-radius: 13px;
                padding: 35px 22px 30px;
                margin-bottom: 20px;
          
                .edit-profile {
                    @media (max-width: 992px) {    
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
                    @media (max-width: 475px) {
                        flex-direction: column;
                    }
                    .profile-picture-upload {
                        display: inline;
                        position: relative;
                        .mode-upload{
                          color: #FCFCFC;
                          font-size: 14px;
                          font-weight: bold;
                          line-height: normal;
                          border-radius: 11.321px;
                          border-color: transparent;
                          background: transparent;
                          position: absolute;
                          right: 0;
                          bottom: -80px;
                          @media (max-width: 992px) {
                            bottom: 0;
                            }
                        }
                        .mode-remove {
                            background-color: red;
                            color: white;
                            border: none;
                            padding: 10px 20px;
                            cursor: pointer;
                        }
                        .hidden {
                            position: absolute;
                            width: 0;
                            height: 0;
                            left: -999999px;
                        }
                    }
          
                  a {
                    text-decoration: none;
                    background: #00C5B4;
                    border-radius: 50px;
                    color: #fff;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 19px;
                    padding: 15px 47px;
                    float: right;
                    @media (max-width: 575px) {
                      margin: 30px 0 20px;
                      float: auto;
                    }
                  }
                }
        
                .imagePreview {
                    vertical-align: middle;
                    width: 174px;
                    height: 174px;
                    border-radius: 50%;
                    margin-right: 8px;
                  }
            }
            .form-sub-headings {
                font-size: 20px;
                font-weight: 600;
                line-height: 23.86px;
                text-align: left;
                color: #000000;
                margin-block: 0px;
            }

            .input-grpup {
                input {
                    padding: 16px 20px;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 16.24px;
                    border-radius: 45px;
                    margin-top: 20px;
                    background-color: #fff;
                    color: #757575;
                    border: none;
                    outline: none;
                    @media (max-width: 767px) {
                        margin-top: 15px;
                    }
                    text-align: left;
                    &::placeholder {
                        color: #3737378a;
                    }
                    &:focus {
                        box-shadow: none;
                    }
                }
            }

            textarea.about-company {
                min-height: 168px ;
                background-color: #FFFFFF;
                padding: 18px 20px;
                border: none;
                outline: none;
                font-size: 12px;
                font-weight: 400;
                line-height: 13.92px;
                text-align: left;
                color: #757575;
                margin-top: 20px;
                border-radius: 12px;
                resize: none;
                &::placeholder {
                    color: #3737378a;
                }
                &:focus {
                    box-shadow: none;
                }
                @media (max-width: 767px) {
                    margin-top: 15px;
                }
            }
            
            .upload-company-logo {
                min-height: 210px ;
                background-color: #FFFFFF;
                padding: 50px 0px;
                border: none;
                outline: none;
                margin-top: 20px;
                border-radius: 12px;
                @media (max-width: 767px) {
                    margin-top: 15px;
                }
                .upload-png {
                    max-width: 270px;
                    margin: 0 auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    position: relative;
                    p {
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 21px;
                        text-align: center;
                        color: #878787;
                        margin-top: 20px;
                        margin-bottom: 0;
                        span {
                            font-weight: 600;
                        }
                    }
                    .upload-user-image {
                        position: absolute;
                        opacity: 0;
                        width: 100%;
                        height: 100%;
                    }
                }
            }

            hr.horizontal-divider {
                margin-block: 30px;
                background-color: #515151;
                @media (max-width: 767px) {
                    margin-block: 20px;
                }
            }
        }
    }
}

  