@charset "UTF-8";
/**
 * _base.scss
 * 
 * 1/ biến màu săc
 * 2/ biến kích thước font chữ
 * 3/ Cấu hình border
 * 4/ Mixin
 * 5/ Responsive
*/
.form-section {
  background: rgb(82, 148, 184);
  background: radial-gradient(circle, rgb(82, 148, 184) 0%, rgb(9, 37, 68) 57%, rgb(9, 37, 68) 100%);
}
.form-section .submit-button {
  width: 180px;
  height: 45px;
  font-size: 0;
  background-image: url(../img/button-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
}

.service-list {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 420px) {
  .service-list {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.service-box {
  height: 100%;
  background: linear-gradient(45deg, rgb(82, 148, 184) 0%, rgba(0, 0, 0, 0) 50%, rgb(82, 148, 184) 100%);
  border: 1px solid rgb(82, 148, 184);
}
.service-box .text {
  min-height: 38px;
}
.service-box p {
  font-size: 16px;
}
.service-box .button {
  margin-top: 10px !important;
  margin-bottom: 0;
  font-size: 18px;
  min-height: unset;
  height: 35px;
  line-height: 35px;
  border: none;
  color: #082442 !important;
  max-width: 90% !important;
}

.feedback-slider .flickity-page-dots .dot {
  opacity: 1;
  margin: 0 10px;
}
.feedback-slider .flickity-page-dots .dot.is-selected {
  background-color: var(--fs-color-secondary) !important;
  border-color: var(--fs-color-secondary) !important;
}