@font-face {
  font-family: my-font-heading;
  src: url(../fonts/georgia-regular.ttf);
}
@font-face {
  font-family: my-font-body;
  src: url(../fonts/arial-regular.ttf);
}
body {
  font-family: my-font-body;
  --backgroundProductWidth: 120px;
}

/* =========== NAVIGATION - ALL PAGES =========== */
.navbar {
  background: #998542;
  color: #fff;
  min-height: 90px;
}
.navbar .navbar-brand,
.navbar a:not(.dropdown-item) {
  color: #fff;
}

/* Dropdown Product: teks gelap di atas putih (warisan .navbar a #fff membuat isi tak terlihat saat klik) */
.navbar .dropdown-menu {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}
.navbar .dropdown-menu .dropdown-item {
  color: #212529;
  font-size: 1.25rem;
  font-weight: 400;
}
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
  color: #212529;
  background-color: #f8f9fa;
}
.navbar .navbar-brand {
  padding-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar .navbar-brand .logo {
  width: 220px;
  height: 80px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("../img/logos/howden/corporate-white.svg");
  background-size: 100% auto;
  background-position: 0 0px;
}
/* .logo2 memuat <img>; tanpa width/overflow dan rules img, PNG intrinsik melebar ~ribuan px */
.navbar .navbar-brand .logo2 {
  height: 85px;
  width: 290px;
  max-width: 100%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
}
.navbar .navbar-brand .logo2 > img {
  display: block;
  position: absolute;
  max-height: 100%;
  max-width: 100%;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
/* BS3 pakai html 10px sehingga 2rem ≈ 20px; BS5 html 16px membuat 2rem = 32px — turunkan agar selaras produksi */
.navbar .navbar-nav {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .navbar .navbar-nav {
    margin-top: 0.75rem;
    padding-bottom: 0.5rem;
  }
}
.navbar .nav > li {
  font-size: 1.25rem;
}
.navbar .navbar-nav .nav-item {
  font-size: 1.25rem;
}
.navbar .navbar-nav .nav-link {
  color: #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar:not(.navbar-custom) .navbar-nav .dropdown-toggle::after {
  border-top-color: #fff;
  vertical-align: 0.12em;
}
.navbar.navbar-custom .navbar-nav .dropdown-toggle::after {
  border-top-color: currentColor;
  vertical-align: 0.12em;
}
.navbar .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
  text-decoration: none;
  background-color: transparent;
}
.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.navbar .nav > li.login {
  top: -2px;
  border-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-radius: 6px;
}
.navbar .nav > li.login:hover, .navbar .nav > li.login :focus {
  background-color: #fff;
  border-color: #fff;
}
.navbar .nav > li.login:hover a, .navbar .nav > li.login :focus a {
  color: #998540;
}

/* =========== end NAVIGATION - ALL PAGES =========== */
/* =========== FOOTER - ALL PAGES =========== */
.footer {
  background-image: url("../img/bodybg/landing/footer.jpg");
  background-size: cover;
  padding: 0 0 50px;
  color: #000;
}
.footer .col-payment-methods .title {
  width: 170px;
  background-color: transparent;
  background-image: url("../img/logos/part-of-howden.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.footer .col-payment-methods .payment {
  font-family: my-font-heading;
  font-size: 24px;
  margin-top: 16px;
}
.footer .col-payment-methods .card {
  font-size: 16px;
  margin: 16px 0 4px;
}
.footer .col-payment-methods .transfer {
  font-size: 16px;
  margin: 20px 0 0;
}
.footer .banks-cc,
.footer .banks-1,
.footer .banks-2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
}
.footer .banks-cc .bank {
  height: 55px;
  width: 120px;
}
.footer .banks-1 .bank {
  height: 55px;
  width: 120px;
}
.footer .banks-2 .bank {
  height: 75px;
  width: 120px;
}
.footer .visa {
  background-color: transparent;
  background-image: url("../img/bodybg/landing/bank/visa.png");
  background-size: cover;
  background-position: 0 -33px;
  background-repeat: no-repeat;
}
.footer .mastercard {
  background-color: transparent;
  background-image: url("../img/bodybg/landing/bank/master-card.png");
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.footer .mandiri {
  background-color: transparent;
  background-image: url("../img/bodybg/landing/bank/mandiri.png");
  background-size: auto 30px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
}
.footer .permata {
  background-color: transparent;
  background-image: url("../img/bodybg/landing/bank/permata.png");
  background-size: contain;
  background-position: 0 3px;
  background-repeat: no-repeat;
}
.footer .bni {
  background-color: transparent;
  background-image: url("../img/bodybg/landing/bank/bni.png");
  background-size: auto 20px;
  background-position: 5px 3px;
  background-repeat: no-repeat;
}
.footer .bri {
  background-color: transparent;
  background-image: url("../img/bodybg/landing/bank/bri.png");
  background-size: auto 25px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.footer .title {
  font-family: my-font-heading;
  font-size: 1.5em;
  line-height: 1.7;
  margin: 50px 0 8px;
}
.footer .text {
  column-gap: 10px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.footer .text-download-app {
  margin-top: 50px;
}
.footer a {
  text-decoration: none;
  color: black;
}
.footer .btn-store {
  display: block;
  width: 120px;
  height: 35px;
  border-width: 0;
  margin-bottom: 5px;
}
.footer .btn-store {
  cursor: pointer;
}
.footer .btn-google-play {
  background-color: transparent;
  background-image: url(../img/bodybg/landing/store/google-play.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.footer .btn-app-store {
  background-color: transparent;
  background-image: url(../img/bodybg/landing/store/app-store.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.footer .copyright {
  margin-top: 50px;
  font-size: 0.9em;
}
.footer .copyright p {
  font-weight: 500;
}

.linkedin {
  padding-left: 24px;
  display: inline-block;
  background-color: transparent;
  background-image: url(../img/bodybg/landing/social-media/linkedin.png);
  background-size: auto 20px;
  background-repeat: no-repeat;
}

.instagram {
  padding-left: 24px;
  display: inline-block;
  background-color: transparent;
  background-image: url(../img/bodybg/landing/social-media/instagram.png);
  background-size: auto 20px;
  background-repeat: no-repeat;
}

.facebook {
  padding-left: 24px;
  display: inline-block;
  background-color: transparent;
  background-image: url(../img/bodybg/landing/social-media/facebook.png);
  background-size: auto 20px;
  background-repeat: no-repeat;
}

.twitter {
  padding-left: 24px;
  display: inline-block;
  background-color: transparent;
  background-image: url(../img/bodybg/landing/social-media/twitter.png);
  background-size: auto 20px;
  background-repeat: no-repeat;
}

/* =========== end FOOTER - ALL PAGES =========== */
@media screen and (max-device-width: 767px) {
  .footer .copyright p {
    text-align: left;
  }
}
/* =========== PROGRESS STEPS =========== */
.progressbar li.active {
  color: #998542;
}

.progressbar li.active:before {
  border-color: #998542;
  background-color: #998542;
  color: #fff;
}

.progressbar li.active + li:after {
  background-color: #998542;
}

/* =========== end PROGRESS STEPS =========== */
.paymentSection label {
  font-weight: normal;
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}

.bg-black {
  color: #fff;
  background-color: #000;
}

.panel {
  background-color: #998542;
}

.panel.panel-default {
  background-color: inherit;
}

.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #ffffff;
  background-color: #998540;
  border-color: #998540;
}

.btn-skin-inverse {
  color: #998540;
  background-color: #fff;
  border-color: #fff;
}

.top-min-8 {
  top: -8px;
}

.pos-relative {
  position: relative;
}

.pl-30 {
  padding-left: 30px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-60 {
  padding-left: 60px;
}

.full-width {
  width: 100%;
}

.line-divider {
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1042;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* =========== TOP HEADER =========== */
.navbar {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* =========== end TOP HEADER =========== */
/* =========== LANDING PAGE =========== */
.hero-carousel {
  padding: 90px 0 0;
}
.hero-carousel .item,
.hero-carousel .carousel-item {
  height: 500px;
}

.hero-carousel .item-wheels,
.hero-carousel .carousel-item.item-wheels {
  background-image: url("../img/bodybg/landing/carousel/wheels-bg.jpg");
  background-size: cover;
  background-position: 0 -160px;
  background-repeat: no-repeat;
}

.hero-carousel .carousel-item.item-home,
.hero-carousel .item-home {
  background-image: url("../img/bodybg/landing/carousel/home-bg.jpg");
  background-size: cover;
  background-position: 0 -100px;
  background-repeat: no-repeat;
}

.hero-carousel .carousel-item.item-travel,
.hero-carousel .item-travel {
  background-image: url("../img/bodybg/landing/carousel/travel-bg.jpg");
  background-size: cover;
  background-position: 0 -120px;
  background-repeat: no-repeat;
}

.hero-carousel .carousel-item.item-sport,
.hero-carousel .item-sport {
  background-image: url("../img/bodybg/landing/carousel/sport-bg.png");
  background-size: cover;
  background-position: 0 -10px;
  background-repeat: no-repeat;
}

.hero-carousel .carousel-item.item-padiri,
.hero-carousel .carousel-item.item-all,
.hero-carousel .item-padiri,
.hero-carousel .item-all {
  background-image: url("../img/bodybg/landing/carousel/sport-bg.png");
  background-size: cover;
  background-position: 0 -10px;
  background-repeat: no-repeat;
}

.hero-carousel .carousel-control-prev-icon,
.hero-carousel .carousel-control-next-icon {
  filter: invert(1);
}

/* BS5: indikator default memanjang seperti bar; produksi memakai titik putih */
.hero-carousel .carousel-indicators {
  margin-bottom: 1.25rem;
  gap: 0.35rem;
}
.hero-carousel .carousel-indicators [type="button"] {
  box-sizing: border-box;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
  background-color: transparent;
  opacity: 0.85;
  flex: 0 0 auto;
  text-indent: unset;
}
.hero-carousel .carousel-indicators [type="button"].active {
  opacity: 1;
  background-color: #fff;
}
.hero-carousel .carousel-caption {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
  padding-bottom: 2.75rem;
}
.hero-carousel .carousel-control-prev,
.hero-carousel .carousel-control-next {
  width: 8%;
  opacity: 0.85;
}

.hero-benefits,
.hero-protections,
.hero-products,
.hero-promos {
  background-color: #f6f6f6;
  padding: 44px 0 60px 0;
}

.hero-benefits .title,
.hero-protections .title,
.hero-products .title,
.hero-promos .title {
  font-family: my-font-heading, Georgia, serif;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}

.hero-benefits .description,
.hero-protections .description,
.hero-products .description {
  font-family: my-font-body, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 15px;
  text-align: center;
  color: #444;
}

.hero-benefits .benefits,
.hero-protections .protections,
.hero-products .applications {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 10px;
  flex-wrap: wrap;
}

.hero-benefits .benefit span,
.hero-protections .protection span,
.hero-products .application span {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2;
}

.hero-products .application:hover {
  color: #fff;
  background-color: #998542;
}

.hero-benefits .benefit,
.hero-protections .protection,
.hero-products .application {
  box-sizing: border-box;
  height: 200px;
  min-width: 175px;
  text-align: center;
  flex-grow: 1;
  border-radius: 15px;
  text-decoration: none;
  color: black;
  padding-top: 150px;
}

.hero-protections .protection-access {
  background: url("../img/bodybg/protections/access-247.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-protections .protection-buy {
  background: url("../img/bodybg/protections/buy-easily.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-protections .protection-offer {
  background: url("../img/bodybg/protections/competitive-offer.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-protections .protection-payment {
  background: url("../img/bodybg/protections/easy-payment.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-protections .protection-doc {
  background: url("../img/bodybg/protections/digital-documents.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-products .application-wheels {
  background: url("../img/icons/apps/wheels.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-products .application-wheels:hover {
  background: url("../img/icons/apps/wheels-hover.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
  background-color: #998542;
}

.hero-products .application-home {
  background: url("../img/icons/apps/home.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-products .application-home:hover {
  background: url("../img/icons/apps/home-hover.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
  background-color: #998542;
}

.hero-products .application-travel {
  background: url("../img/icons/apps/travel.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-products .application-travel:hover {
  background: url("../img/icons/apps/travel-hover.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
  background-color: #998542;
}

.hero-products .application-sport {
  background: url("../img/icons/apps/sport.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-products .application-sport:hover {
  background: url("../img/icons/apps/sport-hover.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
  background-color: #998542;
}

.hero-products .application-transport {
  background: url("../img/icons/apps/transport.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-products .application-transport:hover {
  background: url("../img/icons/apps/transport-hover.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
  background-color: #998542;
}

.hero-promos {
  background-color: #f6f6f6;
}

.hero-benefits .title,
.hero-protections .title,
.hero-products .title,
.hero-promos .title {
  font-family: my-font-heading;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}

.hero-benefits .description,
.hero-protections .description,
.hero-products .description {
  font-family: my-font-body;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 15px;
  text-align: center;
}

.hero-promos .promos {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  text-align: center;
  flex-wrap: warp;
  column-gap: 40px;
}

.hero-promos .promo {
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 20px;
  width: 350px;
}

.hero-promos .promo .promo-image {
  width: 100%;
  height: 240px;
  background-image: url("../img/flash-sale.jpg");
  border-radius: 20px;
}

.hero-promos .promo-content {
  padding: 17px 25px 25px;
  box-sizing: border-box;
}

.hero-promos .promo span {
  display: block;
}

.hero-promos .promo .title {
  text-align: left;
  font-family: my-font-heading;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 15px;
}

.hero-promos .promo .period {
  text-align: left;
  color: #9d9d9d;
  font-size: 0.9rem;
  margin-bottom: 15px;
}

.hero-promos .promo .text {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 8px;
}

.hero-promos .promo .code {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 11px;
}

.hero-promos .btn-copy,
.hero-promos .btn-detail {
  display: block;
  color: #fff;
  background-color: #998542;
  width: 100%;
  font-size: 1.3rem;
  padding: 13px 20px 13px 30px;
  border-radius: 15px;
  border-width: 0;
  text-align: left;
}

.hero-promos .btn-copy {
  margin: 0 0 15px;
  background-image: url(../img/icons/buttons/copy.png);
  background-position: calc(100% - 30px) 12px;
  background-repeat: no-repeat;
  background-size: 25px auto;
}

.hero-promos .btn-detail {
  margin: 0 0 15px;
  background-image: url(../img/icons/buttons/detail.png);
  background-position: calc(100% - 30px) 12px;
  background-repeat: no-repeat;
  background-size: 25px auto;
}

.hero-promos .btn-copy:hover,
.hero-promos .btn-detail:hover {
  cursor: pointer;
}

/* =========== end LANDING PAGE =========== */
/* =========== ABOUT PAGE =========== */
.about.top {
  margin-top: 150px;
}
.about.top .description {
  padding: 40px;
}
.about.top .description span {
  display: inline-block;
  font-family: my-font-heading;
  font-size: 4rem;
}

.about {
  margin-top: 60px;
}
.about .title-preambule {
  font-family: my-font-heading;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
}
.about .title-main {
  font-family: my-font-heading;
  font-size: 3.2rem;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}
.about .description {
  font-size: 2rem;
  line-height: 1.2;
  text-align: justify;
}
.about .image-show-case {
  height: 600px;
  width: 100%;
  display: inline-block;
  background-color: transparent;
  background-image: url(../img/bodybg/profesional-meeting.jpeg);
  background-size: cover;
  background-position: 0 -200px;
  background-repeat: no-repeat;
}
.about .img-about-howden {
  height: 850px;
  background-color: transparent;
  background-image: url(../img/bodybg/london.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
}

.about .description {
  color: #fff;
  background-color: #998542;
  padding: 60px 0 60px 0;
}
.about.bottom {
  margin-top: 120px;
}

/* =========== end ABOUT PAGE =========== */
.hero-product-desc {
  background-color: #f6f6f6;
  padding: 50px 0 60px 0;
}
.hero-product-desc .title-preambule {
  font-family: my-font-heading;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
}
.hero-product-desc .title-main {
  font-family: my-font-heading;
  font-size: 3.2rem;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}
.hero-product-desc .description {
  font-size: 2rem;
  line-height: 1.2;
}

.hero-benefits-mv,
.hero-benefits-home,
.hero-benefits-travel,
.hero-benefits-sport {
  color: #fff;
  background-color: #998542;
  padding: 60px 0 80px 0;
}

.hero-benefits-mv .benefits,
.hero-benefits-home .benefits,
.hero-benefits-travel .benefits,
.hero-benefits-sport .benefits {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 10px;
  flex-wrap: wrap;
}

.hero-benefits-mv .benefit,
.hero-benefits-home .benefit,
.hero-benefits-travel .benefit,
.hero-benefits-sport .benefit {
  box-sizing: border-box;
  height: 200px;
  min-width: 175px;
  text-align: center;
  flex-grow: 1;
  border-radius: 15px;
  text-decoration: none;
  color: #fff;
  padding-top: 150px;
  background-color: #fff;
}

.hero-benefits-mv .benefit span,
.hero-benefits-home .benefit span,
.hero-benefits-travel .benefit span,
.hero-benefits-sport .benefit span {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2;
}

.hero-benefits-mv .title,
.hero-benefits-home .title,
.hero-benefits-travel .title,
.hero-benefits-sport .title {
  font-family: my-font-heading;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 1px;
  text-align: center;
}

.hero-benefits-mv .benefit-tpl {
  background: url("../img/bodybg/benefits/legal-document.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-mv .benefit-flood-earthquake {
  background: url("../img/bodybg/benefits/flood.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-mv .benefit-damage-terrorism {
  background: url("../img/bodybg/benefits/terrorism.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-home .benefit-fire {
  background: url("../img/bodybg/benefits/fire.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-home .benefit-earthquake {
  background: url("../img/bodybg/benefits/earthquake.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-home .benefit-tpl {
  background: url("../img/bodybg/benefits/legal-document.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-travel .benefit-flight-cancel {
  background: url("../img/bodybg/benefits/cancelled-flight.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-travel .benefit-medex {
  background: url("../img/bodybg/benefits/bill.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-travel .benefit-lost-baggage {
  background: url("../img/bodybg/benefits/lost-and-found.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-travel .benefit-covid19 {
  background: url("../img/bodybg/benefits/prevention.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-sport .benefit-adda {
  background: url("../img/bodybg/benefits/cancelled-flight-v1.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-benefits-sport .benefit-medex {
  background: url("../img/bodybg/benefits/bill.png") 50% 30px no-repeat;
  background-size: var(--backgroundProductWidth) auto;
}

.hero-inputs {
  padding: 60px 0;
}
.hero-inputs .title {
  font-family: my-font-heading;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
}
.hero-inputs .title-left {
  font-family: my-font-heading;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: left;
}
.hero-inputs .form {
  color: #fff;
  background-color: #998542;
  padding: 50px 50px;
  margin: 30px 0 0;
  border-radius: 15px;
  box-sizing: border-box;
  font-family: my-font-body;
  font-size: 1.4rem;
  line-height: 1.2;
}
.hero-inputs .form-group select,
.hero-inputs .form-group input {
  width: 100%;
  border-color: #fff;
  border-radius: 5px;
}
.hero-inputs .form-group select option:hover,
.hero-inputs .form-group select option:checked {
  box-shadow: 0 0 10px 100px #998542 inset;
}
.hero-inputs .form-control {
  height: inherit;
}
.hero-inputs .btn-search {
  margin-top: 12px;
  text-align: left;
  color: #998542;
  position: relative;
}
.hero-inputs .btn-search svg {
  position: absolute;
  top: 9px;
  right: 20px;
}
.hero-inputs .lead-footer {
  display: inline-block;
  margin-top: 20px;
}

.faq,
.privacy,
.eula {
  margin-bottom: 50px;
  font-size: 1.4rem;
}
.faq .panel-default,
.privacy .panel-default,
.eula .panel-default {
  border-color: #fff;
}
.faq .panel-default > .panel-heading,
.privacy .panel-default > .panel-heading,
.eula .panel-default > .panel-heading {
  background-color: #fff;
  border-bottom: #000;
  border-width: 1px;
  text-decoration: none;
  color: #000;
}
.faq .panel-group .panel-heading,
.privacy .panel-group .panel-heading,
.eula .panel-group .panel-heading {
  border-bottom: 1px solid #ddd;
}
.faq .panel-heading a,
.privacy .panel-heading a,
.eula .panel-heading a {
  text-decoration: none;
  outline: 0;
  color: #000;
}
.faq .panel-heading a h6,
.privacy .panel-heading a h6,
.eula .panel-heading a h6 {
  display: block;
  position: relative;
  font-size: 1.4rem;
}
.faq .panel-heading a .glyphicon,
.privacy .panel-heading a .glyphicon,
.eula .panel-heading a .glyphicon {
  position: absolute;
  right: 1px;
}
.faq .line-title td,
.privacy .line-title td,
.eula .line-title td {
  height: 30px;
  vertical-align: bottom;
}

.faq .claim-flow-image {
  margin-bottom: 16px;
}
.faq .claim-officers {
  padding-left: 15px;
}

.eula .row {
  padding-bottom: 18px;
}

/* =========== FAQ & CONTACT PAGE =========== */
.section-faq-header,
.section-privacy-header,
.section-eula-header,
.section-contact-header {
  background-color: #fff;
  padding: 150px 0 40px 0;
}
.section-faq-header .title-preambule,
.section-privacy-header .title-preambule,
.section-eula-header .title-preambule,
.section-contact-header .title-preambule {
  font-family: my-font-heading;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
}
.section-faq-header .title-main,
.section-privacy-header .title-main,
.section-eula-header .title-main,
.section-contact-header .title-main {
  font-family: my-font-heading;
  font-size: 3.2rem;
  line-height: 2;
  text-align: center;
}

.section-faq-content,
.section-contact-content {
  background-color: #f6f6f6;
  padding-top: 40px;
  padding-bottom: 80px;
}
.section-faq-content .faq,
.section-contact-content .faq {
  margin-bottom: 0;
  padding: 20px 0;
}
.section-faq-content .faq .panel-default,
.section-contact-content .faq .panel-default {
  border-color: #f6f6f6;
}
.section-faq-content .faq .panel-default > .panel-heading,
.section-contact-content .faq .panel-default > .panel-heading {
  background-color: inherit;
}
.section-faq-content .faq .panel-group .panel-heading,
.section-contact-content .faq .panel-group .panel-heading {
  border-bottom: 1px solid #ddd;
}
.section-faq-content .faq .faq-selection,
.section-contact-content .faq .faq-selection {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.section-faq-content .faq .faq-selection select,
.section-contact-content .faq .faq-selection select {
  color: #000;
  background-color: #f6f6f6;
  border-color: #000;
  border-radius: 5px;
  font-size: 1.4rem;
  padding: 10px;
  border-width: 1px;
}
.section-faq-content .contact,
.section-contact-content .contact {
  padding-top: 20px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: left;
}
.section-faq-content .contact .row,
.section-contact-content .contact .row {
  margin-bottom: 16px;
}
.section-faq-content .contact input,
.section-faq-content .contact textarea,
.section-contact-content .contact input,
.section-contact-content .contact textarea {
  width: 100%;
  border-radius: 10px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.section-faq-content .contact input#contact-phone, .section-faq-content .contact input#validateCaptcha,
.section-faq-content .contact textarea#contact-phone,
.section-faq-content .contact textarea#validateCaptcha,
.section-contact-content .contact input#contact-phone,
.section-contact-content .contact input#validateCaptcha,
.section-contact-content .contact textarea#contact-phone,
.section-contact-content .contact textarea#validateCaptcha {
  border-radius: 0 5px 5px 0;
}
.section-faq-content .contact input:focus,
.section-faq-content .contact textarea:focus,
.section-contact-content .contact input:focus,
.section-contact-content .contact textarea:focus {
  outline: 0;
}
.section-faq-content .contact textarea,
.section-contact-content .contact textarea {
  height: 400px;
  padding-top: 20px;
}
.section-faq-content .contact .container-btn-submit,
.section-contact-content .contact .container-btn-submit {
  position: relative;
}
.section-faq-content .contact .row-captcha,
.section-contact-content .contact .row-captcha {
  margin-bottom: 0;
}
.section-faq-content .contact .input-group-captcha,
.section-contact-content .contact .input-group-captcha {
  top: 24px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-faq-content .contact .btn-submit,
.section-contact-content .contact .btn-submit {
  position: relative;
  display: block;
  top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background-color: #998542;
  font-size: 1.5rem;
  padding: 13px 20px 13px 30px;
  border-radius: 3px;
  border-width: 0;
  text-align: left;
  background-image: url(../img/icons/buttons/right-arrows-white.png);
  background-position: calc(100% - 30px) 6px;
  background-size: auto 30px;
  background-repeat: no-repeat;
}

/* =========== end FAQ PAGE =========== */
#formLogin .btn-submit {
  color: #fff;
  background-color: #998542;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #998542;
}

/* =========== MEDIA QUERIES =========== */
@media screen and (min-device-width: 1200px) {
  body {
    font-size: 16px;
  }
  .hero-inputs .row {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) {
  .hero-inputs .row {
    display: flex;
    flex-wrap: wrap;
  }
  .hero-carousel .item-wheels {
    background-position: 0 0;
  }
  .hero-carousel .item-home {
    background-position: 0 0;
  }
  .hero-carousel .item-travel {
    background-position: 0 0;
  }
  .hero-carousel .item-sport {
    background-position: 0 0;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
  .hero-carousel .item-wheels {
    background-position: 0 0;
  }
  .hero-carousel .item-home {
    background-position: 0 0;
  }
  .hero-carousel .item-travel {
    background-position: 0 0;
  }
  .hero-carousel .item-sport {
    background-position: 0 0;
  }
  .section-contact-content .contact textarea {
    height: 300px;
  }
}
@media screen and (max-device-width: 767px) {
  .hero-carousel .item-wheels {
    background-position: 0 0;
  }
  .hero-carousel .item-home {
    background-position: -120px 0;
  }
  .hero-carousel .item-travel {
    background-position: 0 0;
  }
  .hero-carousel .item-sport {
    background-position: -130px 0;
  }
  .section-contact-content .contact textarea {
    height: 200px;
  }
}
/* =========== end MEDIA QUERIES =========== */

/*# sourceMappingURL=style.css.map */