html {
	height: 100%;
}

/* .customer-feedback{
margin-top: 30px;
} */

.customer-feedback{
	/* border: 1px solid #003da5 !important; */
    padding: 10px !important;
	border-radius: 8px;
}

.customer-feedback,
.customer-feedback {
	background-color: #eeeeee;
}

.form-container
{
	background-color: transparent;
    /* box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 20px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3); */
    border-radius: 8px;	
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    /* margin: auto; */
    padding: 35px;
}

.customer-feedback .form-container p{
	font-weight: 500;
}

.customer-feedback .form-container .thumbs-up{
	text-align: right;
}

.customer-feedback .form-container .thumbs-down{
	text-align: left;
}

.customer-feedback .form-container a img{
	border: 1px solid #dddddd;
    padding: 8px;
   	border-radius: 8px;
    -webkit-box-shadow: 0px 3px 10px -2px #5a5a5a;
    box-shadow: 0px 3px 4px -2px #9b9a9a;
	background-color: #ffffff;
}

.thumbs-up img:hover,
.thumbs-up img:focus,
.thumbs-down img:hover,
.thumbs-down img:focus{
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  transform: translateY(-0.25em);
}

.customer-feedback .yes.modal-body{
	padding: 1rem 2rem;
	color: #003da5;
}

.customer-feedback .modal h2{
	margin-top: 15px;;
}

.customer-feedback .modal .no.modal-body{
	text-align: left;
}

.modal .no.modal-body .form-check{
	margin-bottom: 5px;
}

.modal .no.modal-body .form-check-label{
	/* border: 2px solid #003da5; */
    color: #003da5;
    /* padding: 6px; */
    border-radius: 20px;
    width: fit-content;
}

.customer-feedback .submit{
	color: #fff;
    background-color:  #003da5;
    border-color:  #003da5;
}

.customer-feedback .message-us a{
	text-decoration: none;
	color: #003da5;
}

.form-container label{
	font-weight: 700;
	margin-bottom: 5px;
}

.form-container .form-group p label{
	font-weight: 400;
	margin-bottom: 0;
	margin-right: 15px;
}

.form-container .form-group p label input{
	margin-right: 5px;
}

.form-container .form-group button{
	width: 15%;
	background-color: #003da5;
	color: #ffffff;
	border: none;
}

@media (max-width: 768px){
	.customer-feedback{
		padding: 25px !important;
	}

	.form-container.text{
		margin-top: 0 !important;
	}
}

/* feedback style  */
/* .customer-feedback {
  background: #f3f3f3;
  border-radius: 10px;
}

.feedback-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feedback-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

@media (max-width: 735px) {
  .customer-feedback .row {
    flex-direction: column;
    gap: 10px;
  }
} */