.rep-custom-form input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.rep-custom-form input[type=submit] {
  width: 10%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.rep-custom-form input[type=submit]:hover {
  background-color: #45a049;
}

div.rep-custom-form {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.rep-custom-form textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}

.rep-custom-form label {
    xfont-weight: bold;
}

.rep-custom-form .error-message{
    color: red;
}

.rep-custom-form .btn{
    width: 110px;
}

.distributor .fa-comment-dots{
color: #DF7F42;
font-size: 70px !important;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
}

.distributor .fa-envelope-open-text, .distributor .fa-phone-volume{
color: #0082BF;
font-size: 70px !important;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
}
    
.distributor .live-chat-text{
padding: 10px 35px;
background-color: #DF7F42; 
color: white; 
display: inline-block; 
vertical-align: middle;
width: 250px;
font-size: 16px;
font-weight: bold;
}

.distributor .live-chat-content{
padding: 10px 35px;
background-color: #0082BF; 
color: white; 
display: inline-block; 
vertical-align: middle;
width: 400px;
font-size: 16px;
font-weight: bold;
}

.distributor .bottom{
margin-top: 30px;
}

.distributor{
    margin-top: 50px;
}

.distributor .live-chat-content a{
    color: #FFFFFF;
}

.distributor img{
    height: 81px !important;
    margin-right: 15px;
}

.image-container img{
    max-width: 100%;
}

.representative-container  h3{
    color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;

}

.representative-container h4{
   color: #0C82BF;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: bold;
}

.representative-container .row{
    margin-top: 10px;
}

.representative-container ul li .text-blue{
   color: #0C82BF;  
}

.popup-rep{
    margin-top: 20px;
    margin-bottom: 20px;
}

.rounded-circle{
    height: 140px;
    width: 140px;
}

.representative-container .row span{
    word-break: break-all;
}