.feedback-form-1 {
 max-width: 1000px;
 margin: auto;
}
@media (max-width: 1199px) {
 .feedback-form-1 {
   width: 90%;
 }
}
.feedback-form-1 .section__title {
 margin-bottom: 60px;
 text-align: center;
}
@media (max-width: 575px) {
 .feedback-form-1 .section__title {
   margin-bottom: 30px;
 }
}
.feedback-form-1 .section__title h3 {
 margin-bottom: 0;
 font-size: 32px;
 font-weight: 600;
 color: var(--theme-color);
 position: relative;
 display: inline-block;
}
@media (max-width: 767px) {
 .feedback-form-1 .section__title h3 {
   font-size: 28px;
 }
}
@media (max-width: 575px) {
 .feedback-form-1 .section__title h3 {
   font-size: 24px;
 }
}
.feedback-form-1 .section__title h3::after {
 content: "";
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: -28px;
 clip-path: polygon(65% 0%, 100% 0%, 35% 100%, 0% 100%);
 width: 18px;
 height: 100%;
 background: #D6E7FF;
}
@media (max-width: 767px) {
 .feedback-form-1 .section__title h3::after {
   width: 16px;
   right: -26px;
 }
}
@media (max-width: 575px) {
 .feedback-form-1 .section__title h3::after {
   width: 14px;
   right: -22px;
 }
}
.feedback-form-1 .section__title h3::before {
 content: "";
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: -28px;
 clip-path: polygon(65% 0%, 100% 0%, 35% 100%, 0% 100%);
 width: 18px;
 height: 100%;
 background: #D6E7FF;
}
@media (max-width: 767px) {
 .feedback-form-1 .section__title h3::before {
   width: 16px;
   left: -26px;
 }
}
@media (max-width: 575px) {
 .feedback-form-1 .section__title h3::before {
   width: 14px;
   left: -22px;
 }
}
.feedback-form-1 .section__title .subSection__title {
 margin-bottom: 0;
 margin-top: 15px;
 font-size: 20px;
 font-weight: 500;
 color: #797979;
}
@media (max-width: 767px) {
 .feedback-form-1 .form__box .row {
   gap: 20px;
 }
}
.feedback-form-1 input.form-control {
 height: 50px;
 font-size: 16px;
 font-weight: 500;
 color: #545454;
}
@media (max-width: 767px) {
 .feedback-form-1 input.form-control {
   height: 40px;
 }
}
.feedback-form-1 input.form-control:-webkit-autofill {
 background-color: #fff !important;
}
.feedback-form-1 input.form-control:hover, .feedback-form-1 input.form-control:focus, .feedback-form-1 input.form-control:active {
 box-shadow: none;
 outline: none;
}
.feedback-form-1 input.form-control:focus, .feedback-form-1 input.form-control:active {
 border: 1px solid #dee2e6;
}
.feedback-form-1 .form__row {
 display: flex;
 align-items: center;
 gap: 15px;
}
.feedback-form-1 .form__row div,
.feedback-form-1 .form__row select {
 width: 50%;
}
.feedback-form-1 .form__row select {
 height: 50px;
 font-size: 16px;
 font-weight: 500;
 color: var(--theme-color);
}
@media (max-width: 767px) {
 .feedback-form-1 .form__row select {
   height: 40px;
 }
}
.feedback-form-1 .form__row select:hover, .feedback-form-1 .form__row select:focus, .feedback-form-1 .form__row select:active {
 box-shadow: none;
 outline: none;
}
.feedback-form-1 .form__row select:focus, .feedback-form-1 .form__row select:active {
 border: 1px solid #dee2e6;
}
.feedback-form-1 .form__group {
 position: relative;
}
.feedback-form-1 .form__group label {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 10px;
 font-size: 16px;
 font-weight: 400;
 color: #545454;
 margin-bottom: 0;
 padding: 0px 8px;
 background-color: #fff;
 transition: all 0.2s ease-in-out;
}
.feedback-form-1 .form__group label.active {
 top: 0;
 color: var(--theme-color);
 font-weight: 500;
}
.feedback-form-1 .form__wrapper .form__flex {
 display: flex;
 flex-direction: column;
 height: 100%;
 gap: 30px;
}
@media (max-width: 767px) {
 .feedback-form-1 .form__wrapper .form__flex {
   gap: 20px;
 }
}
.feedback-form-1 .form__wrapper .form__textarea {
 flex: 1;
}
.feedback-form-1 .form__wrapper .form__textarea textarea {
 height: 100%;
 resize: none;
 min-height: 100%;
}
.feedback-form-1 .form__wrapper .form__textarea textarea:hover, .feedback-form-1 .form__wrapper .form__textarea textarea:focus, .feedback-form-1 .form__wrapper .form__textarea textarea:active {
 box-shadow: none;
 outline: none;
}
.feedback-form-1 .form__wrapper .form__textarea textarea:focus, .feedback-form-1 .form__wrapper .form__textarea textarea:active {
 border: 1px solid #dee2e6;
}
.feedback-form-1 .form__wrapper .form__textarea label {
 top: 10px;
 transform: unset;
}
.feedback-form-1 .form__wrapper .form__textarea label.active {
 top: 0;
 transform: translateY(-50%);
 color: var(--theme-color);
 font-weight: 500;
}
.feedback-form-1 .form__btn-wrapper {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-top: 30px;
 justify-content: end;
}
.feedback-form-1 .form__btn-wrapper .form__btn {
 display: inline-block;
 border-radius: 30px;
 padding: 8px 30px 6px;
 min-width: 200px;
 text-align: center;
 transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
 .feedback-form-1 .form__btn-wrapper .form__btn {
   min-width: unset;
   flex: 1;
   padding: 6px 30px 5px;
 }
}
.feedback-form-1 .form__btn-wrapper .form__btn:hover {
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 transform: translateY(-1.5px);
}
.feedback-form-1 .form__btn-wrapper .form__btn:active {
 transform: translateY(-1px);
}
.feedback-form-1 .form__btn-wrapper .form__btn-border {
 border: 1px solid var(--theme-color);
 color: var(--theme-color);
}
.feedback-form-1 .form__btn-wrapper .form__btn-theme {
 background: var(--theme-color);
 color: #fff;
}
.feedback-form-1 .refresh {
 position: relative;
}
.feedback-form-1 .refresh input {
 padding-right: 50px;
}
.feedback-form-1 .refresh .refresh__btn {
 display: inline-block;
 background-color: var(--theme-color);
 color: #fff;
 height: 100%;
 width: 50px;
 position: absolute;
 top: 0;
 right: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 border-top-right-radius: 8px;
 border-bottom-right-radius: 8px;
 font-size: 20px;
}
@media (max-width: 767px) {
 .feedback-form-1 .refresh .refresh__btn {
   width: 40px;
   font-size: 18px;
 }
}
@media (max-width: 575px) {
 .feedback-form-1 .refresh .refresh__btn {
   font-size: 16px;
 }
}

.mb-60 {
 margin-bottom: 60px;
}
@media (max-width: 575px) {
 .mb-60 {
   margin-bottom: 40px;
 }
}

.mt-60 {
 margin-top: 60px;
}
@media (max-width: 575px) {
 .mt-60 {
   margin-top: 40px;
 }
}