.service {
  margin-top: 35px;
  .container {
    padding: 25px;

    .ant-card {
      background: #fff;
      border-radius: 0;
      font-size: 12px;
      position: relative;
      overflow: hidden;
      transition: all .3s;
    }
    .ant-card-head {
      height: 48px;
      line-height: 48px;
      background: #fff;
      border-bottom: 0 solid #e9e9e9;
      padding: 0 24px;
    }
    .ant-card:hover {
      box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
      border-color: transparent;
    }
    .ant-card-body-dashboard {
      padding: 10px;
    }
  }

  .label-form {
    font-size: 14px;
    line-height: 30px;
    color: rgb(153, 153, 153);
    text-shadow: rgb(255, 255, 255) 0 1px 0;
    margin-bottom: -8px;
  }

  .backgroundImage {
    height: 182px;
    background-image: url('/assets/images/material3.jpg');
    background-position: center;
    background-size: cover;
    cursor: pointer;
    min-height: 75px;
    position: relative;
    width: 100%;
  }

  /*blockquote */
  blockquote {
    font-size: 12px;
    width: 100%;
    color: #000;
    padding: 20px 30px 20px 18px;
    border-left: 8px solid #2b3991;
    line-height: 1.6;
    position: relative;
    border-radius: 3px;
    background: #fffcc7;
  }

  blockquote::after {
    content: '';
  }

  .card-booking {
    background: #fffcc7 !important;
  }

  .booking-code {
    justify-content: flex-start;
    align-items: baseline;
  }

  .booking-code-key {
    margin-right: 32px !important;
    font-weight: 300;
    margin-bottom: 6px !important;
    flex: 120px 0 0;
  }

}

.left-panel {
  padding-left: 0 !important;
}

.logo-maskapai {
  width: 80%;
  margin-bottom: 10px;
}

.rotate-right {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

.rotate-vertical {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.hover {
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
}

.hover:hover {
  background-color: #EEE;
}

.detail-flight-top {
  font-size: 1.3em;
}

.detail-flight-fare {
  font-size: 1.6em;
  margin-bottom: 10px;
  font-weight: bold;
}

.button-active {
  color: #2233bf;
}

.detail-flight .flight-code {
  margin-bottom: 5px;
  margin-top: 5px;
}

.passive {
  color: #8f8f8f;
}

.detail-flight .top-text {
  font-size: 1.23em;
  margin-bottom: 5px;
}

.detail-flight .duration {
  position: relative;
  top: -5px;
  left: 5px;
}

.detail-flight .facility {
  margin-bottom: 5px;
}

.header-text-mini {
  font-weight: 500;
  color: #32325d;
}

.right-fixed-panel {
  position: fixed;
  right: 0 !important;
  width: 28% !important;
}

.package-name {
  color: #32325d;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.justify {
  text-align: justify;
  text-justify: inter-word;
  line-height: 1.5;
}

.tile-package:hover {
  cursor: pointer;

}

.sub-hotel {
  text-transform: uppercase;
  color: #696c74;
  text-decoration: underline;
  font-weight: bold;
}

.facility {
  color: #32325d;
  font-weight: 500;
  text-transform: uppercase;
}

.airlines-list-card > div {
  padding-bottom: 0 !important;
}
