/* KIC motor — match kic-kw.com mobile layout (backgrounds + hero) */

/* Typography: Neo Arabic (override ProductionToolkit Gotham on form controls) */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
input,
textarea,
select,
button,
.banner,
.mainPlan,
footer,
.goldBtn,
.goldArrowBtn,
.primaryBtn {
  font-family: "Neo", sans-serif !important;
}

body {
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.form-intro,
.listingTitle,
.listingDescription,
.listingCategory {
  font-family: "Neo", sans-serif !important;
}

.site-loader.is-hidden {
  display: none !important;
}

.banner .subBanner {
  background-color: #183861;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.banner:not(.home) .subBanner {
  background-blend-mode: multiply;
}

[data-aos],
.aos-init,
.aos-animate {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.mainPlan .productDetails.halfBg {
  background: linear-gradient(to bottom, #fff 45%, rgba(97, 124, 159, 0.05) 45%) !important;
}

.infoBanner.greyBg {
  background-color: rgba(97, 124, 159, 0.05);
}

footer .collapsable .sitemap {
  display: none !important;
}

footer .collapsable .sitemap.is-open {
  display: block !important;
}

footer .collapsable .prodsServs.rotateAfter::after,
footer .collapsable .prodsServs.rotateAfter::before {
  transform: rotate(180deg);
}

.owl-product.kic-product-static .listingImage img {
  width: 100%;
  height: auto;
  display: block;
}

.owl-product.kic-product-static .listingInfos,
.owl-product.kic-product-static .listingTitle,
.owl-product.kic-product-static .listingDescription,
.owl-product.kic-product-static .item {
  height: auto !important;
}

@media (min-width: 769px) {
  .owl-product.kic-product-static {
    display: flex !important;
    flex-wrap: wrap;
    gap: 36px;
    width: 100% !important;
  }

  .owl-product.kic-product-static > .item {
    flex: 1 1 calc(50% - 18px);
    max-width: calc(50% - 18px);
  }

  .interestProds .owl-product .owl-dots,
  .interestProds .owl-product .owl-nav {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .kic-hero-cta-bar {
    display: block;
    background: #fff;
    padding: 14px 20px 18px;
    border-bottom: 1px solid rgba(97, 138, 191, 0.25);
  }

  .kic-hero-cta-bar .goldBtn {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .banner .subBanner .kic-hero-cta-inline,
  .banner .subBanner .kic-hero-desc {
    display: none !important;
  }

  .banner .subBanner {
    min-height: 340px;
    height: auto;
  }

  .banner .subBanner .container {
    display: block;
    height: auto;
    padding: 0 20px 22px;
    margin: 0;
  }

  .banner .subBanner .col-md-6.left,
  .banner .subBanner .left {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    min-height: 280px;
    display: flex;
    align-items: flex-end;
  }

  .banner .subBanner .left .mascotText {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    width: 100%;
    text-align: right;
  }

  .banner .subBanner .left .mascotText h3 {
    font-size: 35px !important;
    line-height: 45px !important;
    font-weight: normal !important;
  }

  .mainPlan .infoBanner .txtCenter h3 {
    font-size: 30px !important;
    line-height: 35px !important;
    font-weight: bold !important;
  }

  .primaryList .listingTitle,
  .primaryList .listingTitle a {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: normal !important;
  }

  .primaryList .listingDescription {
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .owl-product.kic-mobile-carousel .owl-dots {
    display: block !important;
    text-align: center;
    margin-top: 8px;
  }

  .interestProds .kic-product-carousel-shell {
    position: relative;
    padding: 0 36px;
    box-sizing: border-box;
  }

  .interestProds .kic-product-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 6;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(97, 138, 191, 0.45);
    border-radius: 50%;
    background: #fff;
    color: #cba876;
    font-size: 26px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(24, 56, 97, 0.12);
  }

  .interestProds .kic-product-arrow[hidden] {
    display: none !important;
  }

  /* RTL: next product sits visually to the left — arrow on left; prev on right */
  .interestProds .kic-arrow-to-next {
    left: 0;
  }

  .interestProds .kic-arrow-to-prev {
    right: 0;
  }

  .interestProds .kic-arrow-to-next span {
    margin-top: -2px;
  }

  .interestProds .kic-arrow-to-prev span {
    margin-top: -2px;
  }
}

@media (min-width: 769px) {
  .interestProds .kic-product-carousel-shell {
    padding: 0;
  }

  .interestProds .kic-product-arrow {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .kic-hero-cta-bar {
    display: none;
  }
}