.q-profile-container{
  
    width: 100%;
}
.q-profile-box{
width: 1300px;
background-color: "transparent";
padding: 0;
padding-top: 64px;
}
.q-profile-list{
    width: 100%;
background-color: transparent;
list-style-type: none;
margin: 0;
padding: 0;
}
.q-profile-list-item{
 list-style-type: none;
margin-bottom: 1px;
}
.q-profile-list-anchor{
    color: var(--gw_text_color);
}
.q-profile-content {
    background-color: white;
    padding: 24px 0 24px 0;
    border-radius: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-profile-content h4{
    font-size: 1rem;
    font-family: main_font_bold;
    margin: 0;
}
.q-profile-content p{
    margin: 0;
    margin-top: 4px;
    font-size: .8rem;
 
}

.q-profile-details-icon-container{
    -webkit-flex-basis: 40%;
        flex-basis: 40%;
        max-width: 100px;

    
}
.q-profile-details-icon-container i{
    font-size: 1.4rem;
}
.q-profile-details-container{
    -webkit-flex-basis: 100%;
        flex-basis: 100%;
}

#q-profile-footer{
    padding-top: 32px;
    padding-bottom: 32px;
}
#q-profile-footer p{
    color: var(--gw_text_color);
}
.q-banner{
    width: 100%;
    background-color:white;
    padding: 16px;
    padding-top: 32px;
    padding-bottom: 32px;
    border-radius: 32px;
    border:1px solid rgba(0, 0,0,.12);
  
}
 .q-banner-icon-container{
    -webkit-flex-basis: 7%;
        flex-basis:7%;
        background-color: transparent;
}
.q-banner-content-container{
-webkit-flex-basis: 100%;
    flex-basis: 100%;
    background-color: transparent;
    margin-left: 16px;
}
.q-banner-icon-container i{
    font-size: 2.5rem;

}
.q-banner-content-container h4{
    font-size: 1.2rem;
    margin: 0;
    font-family: main_font_bold;
    margin-bottom: 12px;
}

.q-banner-content-container p{
    margin: 0;
    font-size: .9rem;
    margin-bottom: 32px;
}

.q-banner-content-container a{
    color: white;
    width: 150px;
    height: 42px;
}
.q-delete-button{
background-color: var(--q_red) !important;
border-color: var(--q_red) !important;
}


@media (min-width: 400px) {}

@media (min-width: 768px) {
.q-profile-content h4 {
        font-size: 1.0rem;
       
    }

}

@media (min-width: 992px) {
.q-profile-content h4 {
        font-size: 1.4rem;

    }
  .q-profile-content p {
     
      font-size: 1rem;

  }
  .q-profile-details-icon-container {
      -webkit-flex-basis: 10%;
      flex-basis: 10%;
      max-width: 72px;
  }
  .q-profile-details-icon-container i {
      font-size: 1.5rem;
  }
  .q-banner-content-container p {
      font-size: 1.1rem;
  }
  .q-banner-content-container h4 {
      font-size: 1.5rem;
     
  }
  .q-banner-icon-container i {
      font-size: 3rem;

  }
}

@media (min-width: 3000px) {}