/* breadcrumb */
.breadcrumb {padding-block: 15px; background: #F8F8FA;}
.breadcrumb ul {margin: 0; padding: 0;}
.breadcrumb li {list-style-type: none; display: inline;}
.breadcrumb li:not(:first-child):before {content: "/";}
.breadcrumb li :where(a, span) {text-decoration: none; line-height: 1.2; color: #343a40;}
.breadcrumb li a:hover {color: var(--clr-red-dk); transition: var(--transition);}

/* Feedback */
.feedback {padding-block: 30px;}
.feedback .head {margin-bottom: 35px; text-align: center;}
.feedback .head :first-child {font-size: var(--fs-28); font-weight: var(--fw-700); color: var(--clr-red-dk); margin-bottom: 10px;}
.feedback .head p {color: #343a40; font-size: var(--fs-16);}
.feedback form {max-width: 660px; text-align: end;}
.feedback form :where(input:not(input[type="radio"]), textarea) {padding: 5px; border: 1px solid rgb(0 0 0 / .15); margin-bottom: 10px; width: 100%;}
.feedback form textarea {height: 100px;}
.feedback .group {display: flex; align-items: center; text-align: start;}
.feedback .group label {width: 60%;}
.feedback .group ul {margin-bottom: 15px; width:100%; }
.feedback .group li {display: flex; align-items: center; margin-bottom: 10px;}
.feedback .group li img {width: 69px; margin-left: 5px;}
.feedback form button[type="submit"] {background-color: #ea7000; width: 150px; border-radius: 3px; color: #fff; padding: 10px;}

/* Media Quries */
@media only screen and (width <= 767px) {
	:root {--fs-28: 22px;}
}
@media only screen and (width <= 575px) {
	.feedback .group label {max-width: 50%;}
	.feedback form :where(input:not(input[type="radio"]), textarea) {width: 50%;}
}
@media only screen and (width <= 475px) {
	:root {--fs-28: 20px; --fs-16: 15px;}
}