/** $string - svg */
/** add unique id image url */
/** https://webdesign.tutsplus.com/tutorials/an-introduction-to-error-handling-in-sass--cms-19996 */
/** get breakpoint */
/** font size */
/** keyframe */
.home-slider .item-wrap picture {
  display: block;
  width: 100%;
}
.home-slider .item-wrap picture img {
  width: 100%;
}
.home-slider .swiper-controls .swiper-button {
  width: 2.625rem;
  height: 2.625rem;
}
@media only screen and (max-width: 47.99875rem) {
  .home-slider .swiper-controls .swiper-button {
    width: 2rem;
    height: 2rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-slider .swiper-controls .swiper-button {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.home-slider .swiper-controls .swiper-button:hover::before {
  background-color: #00A651;
}
.home-slider .swiper-controls .swiper-button::before {
  opacity: 1;
  content: "\f105";
  border: none;
  background-color: rgba(0, 0, 0, 0.5019607843);
  font-weight: 700;
  color: #ffffff;
  border-radius: 0;
}
.home-slider .swiper-controls .swiper-button::before {
  font-size: 0.875rem;
}
@media only screen and (min-width: 48rem) {
  .home-slider .swiper-controls .swiper-button::before {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-slider .swiper-controls .swiper-button::before {
    font-size: 1.25rem;
  }
}
.home-slider .swiper-controls .swiper-button.swiper-button-prev::before {
  content: "\f104";
}
.home-slider .swiper-controls .swiper-button:focus-visible {
  outline: none;
}
@media only screen and (max-width: 47.99875rem) {
  .home-slider .swiper-controls .swiper-pagination {
    bottom: 0;
  }
}
.home-slider .swiper-controls .swiper-pagination .swiper-pagination-bullet {
  background-color: #D6D6D6;
  opacity: 1;
  transform: scale(1.2) !important;
  margin: 0 5px !important;
}
@media only screen and (max-width: 47.99875rem) {
  .home-slider .swiper-controls .swiper-pagination .swiper-pagination-bullet {
    transform: scale(1) !important;
  }
}
.home-slider .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
  background-color: #ffffff;
  transform: scale(1.7) !important;
}
@media only screen and (max-width: 47.99875rem) {
  .home-slider .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
    transform: scale(1.2) !important;
  }
}

.home-usp {
  z-index: 1;
}
.home-usp {
  margin-top: -1.25rem;
}
@media only screen and (min-width: 48rem) {
  .home-usp {
    margin-top: -5rem;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-usp {
    padding: 0 10px;
  }
}
.home-usp .container {
  padding-left: 0;
  padding-right: 0;
}
.home-usp .container .box {
  background-color: #ffffff;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 47.99875rem) {
  .home-usp .container .box {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-usp .container .box {
    padding-top: 20px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}
.home-usp .container .box .wrapper {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 47.99875rem) {
  .home-usp .container .box .wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-usp .container .box .wrapper {
    gap: 12px;
  }
}
.home-usp .container .box .wrapper .item {
  border: 1px solid rgba(250, 84, 28, 0.1019607843);
  border-radius: 16px;
  padding: 15px 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media only screen and (max-width: 47.99875rem) {
  .home-usp .container .box .wrapper .item {
    padding: 12px;
    justify-content: center;
    gap: 6px;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-usp .container .box .wrapper .item {
    padding: 10px 6px;
    justify-content: flex-start;
    gap: 10px;
  }
}
.home-usp .container .box .wrapper .item img {
  border-radius: 50%;
  object-fit: cover;
}
.home-usp .container .box .wrapper .item img {
  width: 4.375rem;
  height: 4.375rem;
}
@media only screen and (max-width: 47.99875rem) {
  .home-usp .container .box .wrapper .item img {
    width: 3.75rem;
    height: 3.75rem;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-usp .container .box .wrapper .item img {
    width: 3.4375rem;
    height: 3.4375rem;
  }
}
.home-usp .container .box .wrapper .item .title {
  margin-bottom: 0;
  text-align: center;
  color: #FA541C;
  font-weight: 700;
  line-height: 1.5;
}
.home-usp .container .box .wrapper .item .title {
  font-size: 0.875rem;
}
@media only screen and (min-width: 48rem) {
  .home-usp .container .box .wrapper .item .title {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-usp .container .box .wrapper .item .title {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-usp .container .box .wrapper .item .title {
    text-align: left;
  }
}

@media only screen and (max-width: 47.99875rem) {
  .home-popular .heading-title {
    margin-bottom: 10px;
  }
}
.home-popular .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  list-style-type: none;
  padding: 0;
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.home-popular .wrapper .item .box {
  padding: 15px 15px 25px;
  background-color: #ffffff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .box {
    padding: 8px 8px 10px;
  }
}
.home-popular .wrapper .item .box:hover .cover .img img {
  transform: scale(1.04);
  transition: 0.4s;
}
.home-popular .wrapper .item .cover {
  border-radius: 8px;
}
.home-popular .wrapper .item .cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(1, 40, 6, 0) 45.11%, #012806 83.25%);
  border-radius: 8px;
}
.home-popular .wrapper .item .cover .img {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  object-fit: cover;
  aspect-ratio: auto;
}
.home-popular .wrapper .item .cover .img::before {
  content: "";
  display: block;
  padding-bottom: 60%;
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .cover .img::before {
    padding-bottom: 70%;
  }
}
.home-popular .wrapper .item .cover .img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transform: scale(1);
  transition: 0.4s;
}
.home-popular .wrapper .item .cover .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
  padding: 20px 15px;
  font-size: 16px;
  color: #ffffff;
  z-index: 1;
  line-height: 1.5;
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .cover .title {
    padding: 10px 3px;
    font-size: 13px;
  }
}
@media (max-width: 400px) {
  .home-popular .wrapper .item .cover .title {
    font-size: 12px;
  }
}
.home-popular .wrapper .item .cover .title span {
  display: block;
  line-height: 1.4;
}
.home-popular .wrapper .item .cover .title span {
  font-size: 1rem;
}
@media only screen and (min-width: 48rem) {
  .home-popular .wrapper .item .cover .title span {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .cover .title span {
    font-size: 1.5rem;
  }
}
@media (max-width: 400px) {
  .home-popular .wrapper .item .cover .title span {
    font-size: 15px;
  }
}
.home-popular .wrapper .item .content {
  display: flex;
  flex-direction: column;
  flex: auto;
}
.home-popular .wrapper .item .content {
  padding-top: 0.625rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content {
    padding-top: 1.25rem;
  }
}
.home-popular .wrapper .item .content .rating {
  line-height: 1.4;
}
.home-popular .wrapper .item .content .rating .score {
  padding-right: 0.25rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .rating .score {
    padding-right: 0.75rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .rating .score {
    line-height: 20px;
  }
}
.home-popular .wrapper .item .content .rating .score .tag {
  font-weight: 600;
  background-color: #00A651;
  color: #ffffff;
  padding: 4px 5px;
  border-radius: 4px;
}
.home-popular .wrapper .item .content .rating .score .tag {
  font-size: 0.625rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .rating .score .tag {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .rating .score .tag {
    padding: 3px;
  }
}
.home-popular .wrapper .item .content .rating .score .text {
  color: #00A651;
  font-weight: 600;
}
.home-popular .wrapper .item .content .rating .score .text {
  padding-left: 0;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .rating .score .text {
    padding-left: 0.4375rem;
  }
}
.home-popular .wrapper .item .content .rating .score .text {
  font-size: 0.625rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .rating .score .text {
    font-size: 1rem;
  }
}
.home-popular .wrapper .item .content .rating .number {
  color: #888888;
  font-weight: 400;
  position: relative;
}
.home-popular .wrapper .item .content .rating .number {
  padding-left: 0.25rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .rating .number {
    padding-left: 0.75rem;
  }
}
.home-popular .wrapper .item .content .rating .number {
  font-size: 0.5625rem;
}
@media only screen and (min-width: 48rem) {
  .home-popular .wrapper .item .content .rating .number {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .rating .number {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .rating .number {
    line-height: 22px;
  }
}
.home-popular .wrapper .item .content .rating .number::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 60%;
  background-color: #888888;
  transform: translateY(-50%);
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .rating .number::before {
    height: 40%;
  }
}
.home-popular .wrapper .item .content .utilities-lists {
  columns: 2;
  justify-content: space-between;
  gap: 15px;
}
.home-popular .wrapper .item .content .utilities-lists {
  margin-top: 0.3125rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .utilities-lists {
    margin-top: 0.9375rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .utilities-lists {
    columns: 1;
    gap: 0;
  }
}
.home-popular .wrapper .item .content .utilities-lists .text {
  margin-bottom: 0;
  position: relative;
  color: #00A651;
}
.home-popular .wrapper .item .content .utilities-lists .text {
  padding-left: 0.625rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .utilities-lists .text {
    padding-left: 0.9375rem;
  }
}
.home-popular .wrapper .item .content .utilities-lists .text {
  font-size: 0.75rem;
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .utilities-lists .text {
    font-size: 1rem;
  }
}
.home-popular .wrapper .item .content .utilities-lists .text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  background-color: #00A651;
  border-radius: 50%;
}
.home-popular .wrapper .item .content .utilities-lists .text::before {
  width: 0.25rem;
  height: 0.25rem;
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .utilities-lists .text::before {
    left: 0;
  }
}
.home-popular .wrapper .item .content .bottom {
  justify-content: space-between;
  flex: auto;
  align-items: flex-end;
}
.home-popular .wrapper .item .content .bottom {
  margin-top: 0.3125rem;
}
@media only screen and (min-width: 48rem) {
  .home-popular .wrapper .item .content .bottom {
    margin-top: 0.625rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .bottom {
    margin-top: 1.25rem;
  }
}
.home-popular .wrapper .item .content .bottom .main-price {
  color: #FA541C;
  font-weight: 700;
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .bottom .main-price {
    width: 100%;
    text-align: center;
    line-height: normal;
  }
}
.home-popular .wrapper .item .content .bottom .main-price .sub {
  font-size: 0.625rem;
}
@media only screen and (min-width: 48rem) {
  .home-popular .wrapper .item .content .bottom .main-price .sub {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .bottom .main-price .sub {
    font-size: 0.875rem;
  }
}
.home-popular .wrapper .item .content .bottom .main-price .price {
  display: block;
  line-height: normal;
  text-transform: uppercase;
}
.home-popular .wrapper .item .content .bottom .main-price .price {
  font-size: 1.125rem;
}
@media only screen and (min-width: 48rem) {
  .home-popular .wrapper .item .content .bottom .main-price .price {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-popular .wrapper .item .content .bottom .main-price .price {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .content .bottom .btn-main {
    width: 100%;
  }
}
.home-popular .wrapper .item .tag-popular {
  top: 30px;
  left: 5px;
  background-color: #FA541C;
  color: #ffffff;
  font-weight: 600;
  line-height: 26px;
  padding: 4px 15px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.home-popular .wrapper .item .tag-popular::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 1px;
  border-left: 6px solid transparent;
  border-right: 6px solid #AD2102;
  border-bottom: 6px solid transparent;
  border-top: 6px solid #AD2102;
}
@media only screen and (max-width: 47.99875rem) {
  .home-popular .wrapper .item .tag-popular {
    display: none;
  }
}
.home-popular .wrapper .slick-arrow.slick-prev {
  left: -8px;
}
@media only screen and (max-width: 33.99875rem) {
  .home-popular .wrapper .slick-arrow.slick-prev {
    left: -5px;
  }
}
.home-popular .wrapper .slick-arrow.slick-next {
  right: -8px;
}
@media only screen and (max-width: 33.99875rem) {
  .home-popular .wrapper .slick-arrow.slick-next {
    right: -5px;
  }
}

@media only screen and (max-width: 47.99875rem) {
  .home-img-banner {
    padding-top: 0;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-img-banner .container {
    padding: 0;
  }
}
.home-img-banner img {
  width: 100%;
}

.home-promotion {
  background-color: rgba(0, 166, 81, 0.8);
}
@media only screen and (max-width: 47.99875rem) {
  .home-promotion {
    overflow: hidden;
  }
}
.home-promotion .wrapper .cell.cell-content {
  flex: 0 0 45%;
  flex-direction: column;
  padding: 60px 30px 60px 0;
}
@media only screen and (max-width: 47.99875rem) {
  .home-promotion .wrapper .cell.cell-content {
    padding-right: 0;
    flex: 0 0 100%;
  }
}
.home-promotion .wrapper .cell.cell-content .heading-title {
  color: #ffffff;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2509803922);
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 10px;
}
.home-promotion .wrapper .cell.cell-content .heading-title {
  font-size: 1.625rem;
}
@media only screen and (min-width: 48rem) {
  .home-promotion .wrapper .cell.cell-content .heading-title {
    font-size: 2.625rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-promotion .wrapper .cell.cell-content .heading-title {
    font-size: 3.125rem;
  }
}
.home-promotion .wrapper .cell.cell-content .btn-main {
  height: 40px;
}
.home-promotion .wrapper .cell.cell-content .note {
  font-style: italic;
  font-weight: 400;
  color: #ffffff;
}
.home-promotion .wrapper .cell.cell-content .note {
  font-size: 0.9375rem;
}
@media only screen and (min-width: 64rem) {
  .home-promotion .wrapper .cell.cell-content .note {
    font-size: 1rem;
  }
}
.home-promotion .wrapper .cell.cell-content .note {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 64rem) {
  .home-promotion .wrapper .cell.cell-content .note {
    margin-top: 1.875rem;
  }
}
.home-promotion .wrapper .cell.cell-img {
  flex: 0 0 55%;
  position: relative;
}
@media only screen and (max-width: 47.99875rem) {
  .home-promotion .wrapper .cell.cell-img {
    flex: 0 0 100%;
    display: none;
  }
}
.home-promotion .wrapper .cell.cell-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 204px;
  background: url("data:image/png;base64,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") no-repeat;
}
@media only screen and (max-width: 47.99875rem) {
  .home-promotion .wrapper .cell.cell-img::before {
    left: -2px;
  }
}
.home-promotion .wrapper .cell.cell-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-combo {
  padding-top: 0;
}
@media only screen and (min-width: 64rem) {
  .home-combo {
    padding-top: 5rem;
  }
}
.home-combo {
  padding-bottom: 1.875rem;
}
@media only screen and (min-width: 64rem) {
  .home-combo {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-combo .wrapper {
    flex-direction: column-reverse;
    padding: 0;
  }
}
.home-combo .wrapper .cell.cell-img {
  flex: 0 0 55%;
}
@media only screen and (max-width: 47.99875rem) {
  .home-combo .wrapper .cell.cell-img {
    flex: 0 0 100%;
    padding-top: 30px;
  }
}
.home-combo .wrapper .cell.cell-img img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-combo .wrapper .cell.cell-content {
  flex: 0 0 45%;
}
.home-combo .wrapper .cell.cell-content {
  padding-left: 0;
}
@media only screen and (min-width: 64rem) {
  .home-combo .wrapper .cell.cell-content {
    padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-combo .wrapper .cell.cell-content {
    flex: 0 0 100%;
  }
}
.home-combo .wrapper .cell.cell-content .heading-title {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 48rem) {
  .home-combo .wrapper .cell.cell-content .heading-title {
    margin-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-combo .wrapper .cell.cell-content .heading-title {
    margin-bottom: 2.1875rem;
  }
}
.home-combo .wrapper .cell.cell-content .heading-title {
  font-size: 1.5rem;
}
@media only screen and (min-width: 64rem) {
  .home-combo .wrapper .cell.cell-content .heading-title {
    font-size: 2.5rem;
  }
}
.home-combo .wrapper .cell.cell-content .content {
  line-height: 1.5;
}
.home-combo .wrapper .cell.cell-content .content {
  font-size: 0.875rem;
}
@media only screen and (min-width: 64rem) {
  .home-combo .wrapper .cell.cell-content .content {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-combo .wrapper .cell.cell-content .content {
    line-height: 1.8;
  }
}
.home-combo .wrapper .cell.cell-content .content p {
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 64rem) {
  .home-combo .wrapper .cell.cell-content .content p {
    margin-bottom: 1.875rem;
  }
}
.home-combo .wrapper .cell.cell-content .content p:last-child {
  margin-bottom: 0;
}
.home-combo .wrapper .cell.cell-content .btn-main {
  width: 100%;
  height: 58px;
  border-radius: 8px;
}
.home-combo .wrapper .cell.cell-content .btn-main {
  font-size: 1rem;
}
@media only screen and (min-width: 48rem) {
  .home-combo .wrapper .cell.cell-content .btn-main {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-combo .wrapper .cell.cell-content .btn-main {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-combo .wrapper .cell.cell-content .btn-main {
    height: 45px;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-combo .wrapper .cell.cell-content .btn-main {
    height: 40px;
  }
}

.home-car_rental {
  background-color: #F3FFF9;
}
.home-car_rental {
  padding-top: 1.875rem;
}
@media only screen and (min-width: 48rem) {
  .home-car_rental {
    padding-top: 3.125rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-car_rental {
    padding-top: 5rem;
  }
}
.home-car_rental {
  padding-bottom: 1.875rem;
}
@media only screen and (min-width: 48rem) {
  .home-car_rental {
    padding-bottom: 3.125rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-car_rental {
    padding-bottom: 5rem;
  }
}
.home-car_rental .group-title {
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .group-title {
    margin-bottom: 3.125rem;
  }
}
.home-car_rental .group-title .heading-title {
  margin-bottom: 5px;
}
.home-car_rental .group-title .desc {
  max-width: 620px;
  margin: 0 auto;
}
.home-car_rental .wrapper {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper {
    margin-bottom: 6.25rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-car_rental .wrapper {
    flex-direction: column-reverse;
  }
}
.home-car_rental .wrapper:last-child {
  margin-bottom: 0;
}
.home-car_rental .wrapper:nth-child(odd) {
  flex-direction: row-reverse;
}
.home-car_rental .wrapper:nth-child(odd) .cell-img {
  padding-right: 0;
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper:nth-child(odd) .cell-img {
    padding-right: 2.5rem;
  }
}
.home-car_rental .wrapper:nth-child(odd) .cell-content {
  padding-right: 0;
}
@media only screen and (max-width: 47.99875rem) {
  .home-car_rental .wrapper:nth-child(odd) .cell-content {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
.home-car_rental .wrapper .cell {
  flex: 0 0 50%;
}
@media only screen and (max-width: 47.99875rem) {
  .home-car_rental .wrapper .cell {
    flex: 0 0 100%;
  }
}
.home-car_rental .wrapper .cell.cell-img img {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-car_rental .wrapper .cell.cell-content {
  padding-right: 0;
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper .cell.cell-content {
    padding-right: 2.5rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-car_rental .wrapper .cell.cell-content {
    padding-top: 30px;
  }
}
.home-car_rental .wrapper .cell.cell-content .group .heading-title {
  margin-bottom: 10px;
}
.home-car_rental .wrapper .cell.cell-content .group .heading-title {
  font-size: 1.25rem;
}
@media only screen and (min-width: 48rem) {
  .home-car_rental .wrapper .cell.cell-content .group .heading-title {
    font-size: 1.625rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper .cell.cell-content .group .heading-title {
    font-size: 2rem;
  }
}
.home-car_rental .wrapper .cell.cell-content .group .desc {
  color: #FA541C;
  font-weight: 600;
  line-height: 1.4;
}
.home-car_rental .wrapper .cell.cell-content .group .desc {
  font-size: 1.125rem;
}
@media only screen and (min-width: 48rem) {
  .home-car_rental .wrapper .cell.cell-content .group .desc {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper .cell.cell-content .group .desc {
    font-size: 1.5rem;
  }
}
.home-car_rental .wrapper .cell.cell-content .group .desc ul {
  margin-top: 0;
}
.home-car_rental .wrapper .cell.cell-content .group .desc ul {
  padding-left: 1.5625rem;
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper .cell.cell-content .group .desc ul {
    padding-left: 2.1875rem;
  }
}
.home-car_rental .wrapper .cell.cell-content .content {
  line-height: 1.6;
}
.home-car_rental .wrapper .cell.cell-content .content {
  font-size: 1rem;
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper .cell.cell-content .content {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-car_rental .wrapper .cell.cell-content .content {
    line-height: 1.8;
  }
}
.home-car_rental .wrapper .cell.cell-content .content p {
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper .cell.cell-content .content p {
    margin-bottom: 1.875rem;
  }
}
.home-car_rental .wrapper .cell.cell-content .btn-main {
  width: 100%;
  height: 58px;
  border-radius: 8px;
}
.home-car_rental .wrapper .cell.cell-content .btn-main {
  font-size: 1.125rem;
}
@media only screen and (min-width: 48rem) {
  .home-car_rental .wrapper .cell.cell-content .btn-main {
    font-size: 1.3125rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-car_rental .wrapper .cell.cell-content .btn-main {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-car_rental .wrapper .cell.cell-content .btn-main {
    height: 45px;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-car_rental .wrapper .cell.cell-content .btn-main {
    height: 42px;
  }
}

.home-deal .heading-title {
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 64rem) {
  .home-deal .heading-title {
    margin-bottom: 2.5rem;
  }
}
.home-deal .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style-type: none;
  padding: 0;
  margin: 20px;
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .wrapper {
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    gap: 20px;
  }
}
.home-deal .wrapper .item:hover .cover img {
  transform: scale(1.04);
  transition: 0.4s;
}
.home-deal .wrapper .item .cover {
  border-radius: 10px;
}
.home-deal .wrapper .item .cover::before {
  content: "";
  display: block;
  padding-bottom: 70%;
}
.home-deal .wrapper .item .cover img {
  border-radius: 10px;
  transform: scale(1);
  transition: 0.4s;
}
.home-deal .wrapper .item .cover img {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.home-deal .wrapper .item .cover .bage {
  position: absolute;
  display: block;
  text-align: center;
  background: #F5222D;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  top: 20px;
  right: -36px;
  width: 140px;
  transform: rotateZ(45deg);
  z-index: 1;
}
.home-deal .wrapper .item .content {
  max-width: 95%;
  width: 100%;
  margin: 0 auto;
  padding: 15px 15px 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1490196078);
  transform: translateY(-30px);
  flex: auto;
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .wrapper .item .content {
    max-width: 100%;
    padding: 15px 8px;
    transform: translateY(-10px);
  }
}
.home-deal .wrapper .item .content .title {
  margin-bottom: 10px;
  line-height: 1.4;
}
.home-deal .wrapper .item .content .title {
  font-size: 1rem;
}
@media only screen and (min-width: 64rem) {
  .home-deal .wrapper .item .content .title {
    font-size: 1.25rem;
  }
}
.home-deal .wrapper .item .content .title a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
}
@supports (-webkit-line-clamp: 2) {
  .home-deal .wrapper .item .content .title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .wrapper .item .content .title a {
    color: #000000;
  }
}
.home-deal .wrapper .item .content .title a:hover {
  color: #00A651;
}
.home-deal .wrapper .item .content .rating .text {
  color: #00A651;
  font-weight: 400;
}
.home-deal .wrapper .item .content .rating .text {
  font-size: 0.75rem;
}
@media only screen and (min-width: 64rem) {
  .home-deal .wrapper .item .content .rating .text {
    font-size: 0.875rem;
  }
}
.home-deal .wrapper .item .content .rating .star i {
  color: #FDD835;
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .wrapper .item .content .rating .star i {
    font-size: 9px;
  }
}
.home-deal .wrapper .item .content .combo-text {
  font-weight: 400;
}
.home-deal .wrapper .item .content .combo-text {
  font-size: 0.75rem;
}
@media only screen and (min-width: 64rem) {
  .home-deal .wrapper .item .content .combo-text {
    font-size: 0.875rem;
  }
}
.home-deal .wrapper .item .content .address {
  font-size: 14px;
  margin-top: 10px;
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .wrapper .item .content .address {
    display: none;
  }
}
.home-deal .wrapper .item .content .group-price {
  margin-top: 10px;
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .wrapper .item .content .group-price {
    align-items: flex-end;
  }
}
.home-deal .wrapper .item .content .group-price .price-sale {
  color: #8C8C8C;
  text-decoration: line-through;
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .wrapper .item .content .group-price .price-sale {
    font-size: 10px;
  }
}
.home-deal .wrapper .item .content .group-price .price-main {
  color: #FF0000;
  font-weight: 700;
  line-height: 1.4;
}
.home-deal .wrapper .item .content .group-price .price-main {
  font-size: 1.25rem;
}
@media only screen and (min-width: 48rem) {
  .home-deal .wrapper .item .content .group-price .price-main {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-deal .wrapper .item .content .group-price .price-main {
    font-size: 1.75rem;
  }
}
.home-deal .btn-main {
  height: 48px;
}
.home-deal .btn-main {
  font-size: 1.125rem;
}
@media only screen and (min-width: 48rem) {
  .home-deal .btn-main {
    font-size: 1.3125rem;
  }
}
@media only screen and (min-width: 64rem) {
  .home-deal .btn-main {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .home-deal .btn-main {
    height: 45px;
  }
}
@media only screen and (max-width: 33.99875rem) {
  .home-deal .btn-main {
    height: 40px;
  }
}

.home-partner {
  background-color: #F3FFF9;
}
.home-partner .gallery .row:last-child {
  margin-bottom: 0;
}

.home-booking .item-section.vertical-divider-section.swap-section {
  justify-content: center !important;
}
.home-booking .item-section img.swap-area {
  right: 0 !important;
  top: 0 !important;
  transform: translate(0px, 0px) !important;
}