/* ==========================================================================
   A's Insurance Brokerage — brand layer on top of the Insuz template.
   Palette & type follow the reference: navy #0B1F35, gold #C5A253, cream #F7F2E8,
   Newsreader (display serif), Hanken Grotesk (text), IBM Plex Sans Arabic (Arabic).
   ========================================================================== */
:root {
  --aic-navy: #0B1F35;
  --aic-navy-2: #12304F;
  --aic-navy-deep: #07182A;
  --aic-gold: #C5A253;
  --aic-gold-2: #D6B96E;
  --aic-gold-soft: rgba(197, 162, 83, .14);
  --aic-cream: #F7F2E8;
  --aic-ink: #1B2A3A;
  --aic-muted: #5B6B7C;
  --aic-line: #E6DFD1;
}

body { color: var(--aic-ink); font-size: 17px; line-height: 30px; background: #fff; }
.lang-ar body, body.lang-ar { font-family: 'IBM Plex Sans Arabic', 'Hanken Grotesk', sans-serif; }

/* Display type */
.section-title__title, .main-slider__title, .page-header__inner h1, .page-header__inner h2, .contact-one__title,
.testimonial-one__sec-title h2, .insurance-history__title-box h2, .subscribe-one__title, .video-one__title,
.error-page__tagline, .insurance-details__life-insurance-title, .do-i-need__title, .blog-details__title {
  font-family: 'Newsreader', 'IBM Plex Sans Arabic', serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
}
body.lang-ar .section-title__title, body.lang-ar .main-slider__title, body.lang-ar .page-header__inner h1,
body.lang-ar .contact-one__title, body.lang-ar .testimonial-one__sec-title h2, body.lang-ar .insurance-history__title-box h2,
body.lang-ar .subscribe-one__title, body.lang-ar .video-one__title, body.lang-ar .insurance-details__life-insurance-title,
body.lang-ar .do-i-need__title, body.lang-ar .blog-details__title { font-family: 'IBM Plex Sans Arabic', serif !important; font-weight: 600 !important; letter-spacing: 0; }
.section-title__title { font-size: 48px; line-height: 1.15; }
.section-title__tagline { color: var(--aic-gold) !important; letter-spacing: .14em; font-weight: 700; font-size: 13px; text-transform: uppercase; }
body.lang-ar .section-title__tagline { letter-spacing: 0; font-size: 15px; }
.section-title__intro { max-width: 640px; margin: 14px auto 0; color: var(--aic-muted); }

a { color: var(--aic-gold); }
a:hover { color: var(--aic-navy); }

/* Preloader uses the brand mark */
.preloader { background-color: var(--aic-navy); }
.preloader__image { background-size: 180px auto !important; animation-name: aicLogoPulse !important; animation-duration: 1.6s !important; animation-timing-function: ease-in-out !important; }
@keyframes aicLogoPulse { 0%, 100% { opacity: .45; transform: scale(.94); } 50% { opacity: 1; transform: scale(1); } }

/* Buttons */
.thm-btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: var(--aic-gold); color: var(--aic-navy) !important; font-weight: 700; font-size: 15px; line-height: 1;
  padding: 18px 30px; border-radius: 2px; border: 1px solid var(--aic-gold); transition: all .3s ease; white-space: nowrap;
}
.thm-btn:hover { background: var(--aic-navy); border-color: var(--aic-navy); color: #fff !important; }
.thm-btn--light { background: #fff; border-color: #fff; }
.thm-btn--light:hover { background: var(--aic-gold); border-color: var(--aic-gold); color: var(--aic-navy) !important; }
.thm-btn--outline { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .45); }
.thm-btn--outline:hover { background: #fff; color: var(--aic-navy) !important; border-color: #fff; }
.thm-btn--navy { background: var(--aic-navy); border-color: var(--aic-navy); color: #fff !important; }
.thm-btn--navy:hover { background: var(--aic-gold); border-color: var(--aic-gold); color: var(--aic-navy) !important; }
.thm-btn[disabled] { opacity: .6; pointer-events: none; }

/* ---------------------------------------------------------------- header */
.announce-bar { background: var(--aic-gold); text-align: center; font-size: 14px; line-height: 20px; padding: 9px 0; }
.announce-bar a { color: var(--aic-navy); font-weight: 600; }
.main-header { background: var(--aic-navy); }
.main-header__top { background-color: var(--aic-navy-deep); border-bottom: 1px solid rgba(255, 255, 255, .06); }
.main-header__top-review-box span { color: var(--aic-gold); }
.main-header__top-review, .main-header__address-list .content p, .main-header__address-list .content p a { color: rgba(255, 255, 255, .78); font-size: 14px; }
.main-header__address-list .icon span { color: var(--aic-gold); }
.main-header__top-social a:hover { color: var(--aic-gold); }
.lang-switch a { color: var(--aic-gold) !important; font-weight: 600; font-size: 14px; display: inline-flex; gap: 6px; align-items: center; }
.main-menu, .stricky-header.main-menu { background: var(--aic-navy); }
.site-logo { max-height: 62px; width: auto; }
.stricky-header .site-logo { max-height: 50px; }
.main-menu__main-menu-box-left, .main-menu__main-menu-box-left:before { background-color: rgba(255, 255, 255, .06); }
.main-menu__main-menu-box-left { padding-right: 290px; }
.main-menu .main-menu__list > li > a, .stricky-header .main-menu__list > li > a { color: rgba(255, 255, 255, .86); font-weight: 600; }
.main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a,
.stricky-header .main-menu__list > li.current > a, .stricky-header .main-menu__list > li:hover > a { color: var(--aic-gold); }
.main-menu .main-menu__list > li > ul, .stricky-header .main-menu__list > li > ul { border-top: 2px solid var(--aic-gold); }
.main-menu .main-menu__list li ul li > a { font-size: 15px; }
.main-menu__call-icon { background-color: var(--aic-gold); color: var(--aic-navy); }
.main-menu__call-icon:before { border-color: rgba(197, 162, 83, .45); }
.main-menu__call-sub-title { color: #fff; font-size: 15px; }
.main-menu__call-number a { color: rgba(255, 255, 255, .8) !important; opacity: 1; }
.main-menu__call-number a:hover { color: var(--aic-gold) !important; }
.mobile-nav__toggler { color: #fff; }
.mobile-nav__toggler:hover { color: var(--aic-gold); }
.header-cta { padding: 16px 24px; }
.mobile-nav__content { background-color: var(--aic-navy); }
.mobile-nav__content .main-menu__list li a.expanded { color: var(--aic-gold); }

/* ---------------------------------------------------------------- hero slider */
.main-slider .image-layer { transform: scale(1); }
.main-slider__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11, 31, 53, .92) 0%, rgba(11, 31, 53, .7) 45%, rgba(11, 31, 53, .25) 100%); z-index: 1; }
body.lang-ar .main-slider__overlay { background: linear-gradient(270deg, rgba(11, 31, 53, .92) 0%, rgba(11, 31, 53, .7) 45%, rgba(11, 31, 53, .25) 100%); }
.main-slider .container { position: relative; z-index: 3; }
.main-slider__content { max-width: 760px; }
.main-slider__title { font-size: 72px; line-height: 1.06; margin-bottom: 26px; }
.main-slider__text { color: rgba(255, 255, 255, .86); font-size: 20px; line-height: 1.55; max-width: 580px; }
.main-slider__badge {
  display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  border: 1px solid rgba(197, 162, 83, .5); border-radius: 30px; padding: 7px 16px; margin-bottom: 26px;
  opacity: 0; transform: translateY(-40px); transition: all 1s ease 800ms;
}
.main-slider__badge span { width: 7px; height: 7px; border-radius: 50%; background: var(--aic-gold); }
.swiper-slide-active .main-slider__badge { opacity: 1; transform: none; }
body.lang-ar .main-slider__badge { letter-spacing: 0; font-size: 14px; }
.main-slider__btn-box { display: flex; flex-wrap: wrap; gap: 14px; }
.main-slider__btn { background-color: var(--aic-gold); color: var(--aic-navy); }
.main-slider__btn:hover { color: var(--aic-navy); }
.main-slider__btn--ghost { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .5); }
.main-slider__btn--ghost:hover { color: var(--aic-navy); }
#main-slider-pagination .swiper-pagination-bullet { background: #fff; }
#main-slider-pagination .swiper-pagination-bullet-active { background: var(--aic-gold); }

/* Icon fonts used where the template had PNG icons */
.intro-loan__icon--font, .icon-box--font, .about-one__icon--font { display: flex; align-items: center; justify-content: center; }
.intro-loan__icon--font span { font-size: 54px; color: var(--aic-gold); line-height: 1; }
.icon-box--font span { font-size: 30px; color: var(--aic-gold); }
.about-one__icon--font span { font-size: 40px; color: var(--aic-gold); }
.intro-loan__title a { color: var(--aic-navy); }
.intro-loan__title a:hover { color: var(--aic-gold); }

/* About */
.about-one__investments { background: var(--aic-navy); }
.about-one__investments-text { color: #fff; }
.about-one__user-name { font-family: 'Newsreader', serif; font-size: 24px; }

/* Services cards */
.services-one__single { height: 100%; }
.services-one__icon span { color: var(--aic-gold); }
.services-one__single:hover .services-one__icon span { color: var(--aic-navy); }

/* Category carousel (image cards) */
.home-categories { padding: 110px 0 120px; background: var(--aic-cream); }
.home-categories .intro-loan-three__single { margin-bottom: 0; }
.home-categories .intro-loan-three__img img { height: 300px; object-fit: cover; }
.intro-loan-three__content .icon span { color: var(--aic-gold); }
.intro-loan-three__text { color: var(--aic-muted); font-size: 15px; line-height: 24px; margin: 12px 0 0; flex: 0 0 100%; }
.home-categories .intro-loan-three__content { flex-wrap: wrap; }
.home-categories .intro-loan-three__title { flex: 1; font-size: 24px; }
.intro-loan-three__title a { color: var(--aic-navy); }
.category-carousel.owl-carousel .owl-nav { display: flex; justify-content: center; gap: 12px; margin-top: 34px; }
.category-carousel.owl-carousel .owl-nav button { width: 52px; height: 52px; border-radius: 50%; background: #fff !important; border: 1px solid var(--aic-line) !important; color: var(--aic-navy) !important; font-size: 18px !important; }
.category-carousel.owl-carousel .owl-nav button:hover { background: var(--aic-gold) !important; border-color: var(--aic-gold) !important; }

/* Video band */
.video-one__bg:before { background-color: rgba(11, 31, 53, .7) !important; }
.video-one__inner { text-align: center; }
.video-one__title { color: #fff; font-size: 44px; line-height: 1.2; margin-top: 34px; max-width: 900px; margin-left: auto; margin-right: auto; }

/* Why choose */
.why-choose-one { background-color: var(--aic-cream); }
.why-choose-one__shape-1 { opacity: .35; }
.why-choose-one__img img { width: 100%; height: 560px; object-fit: cover; }
.why-choose-one__shape-2, .why-choose-one__shape-3, .why-choose-one__shape-4, .why-choose-one__shape-5, .why-choose-one__shape-6, .why-choose-one__shape-7 { opacity: .18; }
.contact-one [class*="contact-one__shape"] { display: none; }
.testimonial-one__single { background-color: #fff !important; }
.insurance-history__content-box, .insurance-history__inner { background-color: transparent; }
.faq-one-accrodion .accrodion-title .icon-box.icon-box--font { display: flex; width: 58px; height: 58px; flex: 0 0 58px; border-radius: 50%; background: var(--aic-gold-soft); }
.faq-one-accrodion .accrodion-title h4 { font-size: 22px; line-height: 30px; padding-right: 50px; }
.faq-one-accrodion .accrodion-content { padding-left: 83px; }

/* Decorative template shapes: tint the template's cyan artwork to brand gold */
[class*="__shape"] img, .why-choose-one__shape-8 img, .site-footer [class*="shape"] img { filter: grayscale(1) sepia(1) saturate(1.8) hue-rotate(-8deg) brightness(1.02); }
[class*="__shape-"]:not([style]):not(:has(img)) { filter: grayscale(1) sepia(1) saturate(1.6); }

/* About: secondary image is a landscape photo — keep it compact */
.about-one__img-one img { height: 600px; object-fit: cover; }
.about-one__img-two img { width: 300px; height: 230px; object-fit: cover; border: 8px solid #fff; }
.about-one__img-two { bottom: -110px; }

/* Numbers section image (template placeholder replaced) */
.insurance-history__img img { width: 555px; height: 576px; object-fit: cover; border-radius: 4px; }

/* Numbers */
.insurance-history__title-box h2 { color: var(--aic-navy); }
.insurance-history__rate-box span { color: var(--aic-gold); font-size: 26px; }
.insurance-history__count-box h3, .insurance-history__plus { color: var(--aic-gold) !important; font-family: 'Newsreader', serif; }

/* How it works */
.how-it-work { background: var(--aic-cream); }
.how-it-work__icon span { color: var(--aic-gold); }
.how-it-work__count p { color: var(--aic-navy); font-weight: 700; }

/* Testimonials */
.testimonial-one { background-color: var(--aic-cream); }
.testimonial-one__sec-title { text-align: center; }
.testimonial-one__sec-title .section-title__tagline { display: block; margin-bottom: 8px; }
.testimonial-one__client-img { background: var(--aic-navy); }
.avatar-initial { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 90px; min-height: 90px; border-radius: 50%; background: var(--aic-navy); color: var(--aic-gold); font-family: 'Newsreader', serif; font-size: 40px; }
.testimonial-one__carousel.owl-theme .owl-dots .owl-dot.active span { background: var(--aic-gold); }
.icon-star { color: var(--aic-gold); }

/* Partners */
.partners-strip { padding: 54px 0; border-top: 1px solid var(--aic-line); border-bottom: 1px solid var(--aic-line); background: #fff; }
.partners-strip__title { text-align: center; color: var(--aic-muted); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; margin-bottom: 22px; }
body.lang-ar .partners-strip__title { letter-spacing: 0; font-size: 15px; }
.partners-strip__item { height: 74px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--aic-line); border-radius: 4px; padding: 10px 14px; text-align: center; }
.partners-strip__item span { font-family: 'Newsreader', serif; font-size: 19px; line-height: 1.2; color: var(--aic-navy); }
.partners-strip__item img { max-height: 48px; width: auto !important; margin: 0 auto; filter: grayscale(1); opacity: .8; }

/* Contact / quote block */
.contact-one__inner { background-color: var(--aic-navy); }
.contact-one__title { color: #fff; }
.contact-one__text, .contact-one__sign-up-text { color: rgba(255, 255, 255, .78); }
.contact-one__call-icon { background-color: var(--aic-gold); color: var(--aic-navy); }
.contact-one__call-sub-title { color: var(--aic-gold); }
.contact-one__call-number a { color: #fff; }
.contact-form__btn { background-color: var(--aic-gold); color: var(--aic-navy); }
.contact-form__btn:hover { background-color: var(--aic-navy); color: #fff; }
.contact-form__input-box .nice-select { width: 100%; height: 60px; line-height: 60px; border-radius: 0; background: #f5f3ee; border: none; font-size: 16px; }

/* FAQ */
.faq-page--home { padding-top: 110px; }
.accrodion-grp .accrodion.active .accrodion-title h4, .accrodion-title h4:hover { color: var(--aic-gold); }

/* Blog */
.blog-one__date { background-color: var(--aic-gold); }
.blog-one__date span, .blog-one__date p { color: var(--aic-navy); }
.blog-one__img img { height: 250px; object-fit: cover; width: 100%; }
.blog-one__single { height: calc(100% - 30px); display: flex; flex-direction: column; }
.blog-one__content-box { flex: 1; display: flex; flex-direction: column; }
.blog-one__content { flex: 1; }
.blog-one__meta-box { margin-top: 18px; }

/* CTA band */
.cta-band { padding: 0 0 110px; }
.cta-band .subscribe-one__inner { background: var(--aic-navy); }
.cta-band .subscribe-one__title { color: #fff; font-size: 40px; line-height: 1.15; }
.cta-band__text { color: rgba(255, 255, 255, .78); margin-top: 12px; }
.cta-band__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }

/* Page header */
.page-header { background-color: var(--aic-navy); padding: 200px 0 110px; }
.page-header-bg:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11, 31, 53, .94), rgba(11, 31, 53, .6)); }
.page-header-bg { background-size: cover; background-position: center; }
.page-header__inner h1 { color: #fff; font-size: 60px; line-height: 1.1; margin-bottom: 14px; }
.thm-breadcrumb li, .thm-breadcrumb li a, .thm-breadcrumb li span { color: rgba(255, 255, 255, .8); }
.thm-breadcrumb li a:hover { color: var(--aic-gold); }
.page-header-shape-1, .page-header-shape-2, .page-header-shape-3 { opacity: .25; filter: grayscale(1) brightness(1.6); }

/* Footer */
.site-footer { background-color: var(--aic-navy-deep); }
.site-footer [class*="site-footer-shape"] { opacity: .15; filter: grayscale(1); }
.footer-widget__about { color: rgba(255, 255, 255, .7); font-size: 15px; line-height: 26px; margin: 18px 0 8px; }
.footer-widget__title { color: #fff; }
.footer-widget__contact .text p, .footer-widget__contact .text p a, .footer-widget__services-list li a, .footer-widget__text,
.footer-widget__help-text p, .footer-widget__help-text p a { color: rgba(255, 255, 255, .72); }
.footer-widget__contact .text p a { display: block; }
.footer-widget__services-list li a:hover, .footer-widget__contact .text p a:hover, .footer-widget__help-text p a:hover { color: var(--aic-gold); }
.footer-widget__contact .icon i, .footer-widget__help .icon span { color: var(--aic-gold); }
.footer-two-col { columns: 2; column-gap: 20px; }
.footer-two-col li { break-inside: avoid; }
.footer-widget__subscribe-btn { background-color: var(--aic-gold); color: var(--aic-navy); }
.footer-widget__help { margin-top: 12px; }
.site-footer__bottom-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.site-footer__bottom-text { color: rgba(255, 255, 255, .6); font-size: 14px; line-height: 22px; }
.site-footer__bottom-links { display: flex; flex-wrap: wrap; gap: 20px; margin: 0; }
.site-footer__bottom-links a { color: rgba(255, 255, 255, .7); font-size: 14px; }
.site-footer__bottom-links a:hover { color: var(--aic-gold); }
.form-note { font-size: 14px; color: var(--aic-gold); margin-top: 8px; min-height: 1em; }

/* Floating actions */
.whatsapp-float { position: fixed; bottom: 100px; right: 26px; width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; z-index: 99; box-shadow: 0 10px 30px rgba(0, 0, 0, .2); transition: transform .3s; }
.whatsapp-float:hover { color: #fff; transform: scale(1.08); }
body.lang-ar .whatsapp-float { right: auto; left: 26px; }
.scroll-to-top { background-color: var(--aic-gold); }
.scroll-to-top i { color: var(--aic-navy); }

/* Forms (shared) */
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.field-err { display: block; color: #C0392B; font-size: 13px; line-height: 18px; margin-top: 6px; min-height: 0; }
.is-invalid { box-shadow: inset 0 0 0 1px #C0392B !important; }
.form-result { margin-top: 18px; }
.form-success { background: var(--aic-cream); border-left: 4px solid var(--aic-gold); padding: 22px 24px; color: var(--aic-navy); border-radius: 2px; }
body.lang-ar .form-success { border-left: 0; border-right: 4px solid var(--aic-gold); }
.form-success h4 { font-family: 'Newsreader', serif; font-size: 26px; margin-bottom: 6px; }
.form-success strong { color: var(--aic-gold); font-size: 20px; letter-spacing: .04em; }
.form-error { background: #FDECEA; color: #8E2A1F; padding: 12px 16px; border-radius: 2px; font-size: 15px; }

/* Responsive */
@media (max-width: 1399px) { .main-menu__main-menu-box-left { padding-right: 60px; } .main-menu__main-menu-box-right { display: none; } }
@media (max-width: 1199px) {
  .main-slider__title { font-size: 54px; }
  .header-cta { display: none; }
  .section-title__title { font-size: 40px; }
}
@media (max-width: 767px) {
  .main-slider__title { font-size: 40px; }
  .main-slider__text { font-size: 17px; }
  .section-title__title { font-size: 32px; }
  .page-header { padding: 150px 0 80px; }
  .page-header__inner h1 { font-size: 38px; }
  .video-one__title { font-size: 28px; }
  .cta-band .subscribe-one__title { font-size: 30px; }
  .cta-band__actions { justify-content: flex-start; margin-top: 20px; }
  .main-header__top { display: none; }
  .site-logo { max-height: 48px; }
}

/* Template animates "all" on accordion titles, which can show a collapsed state on load */
.accrodion-title, .accrodion-title h4 { transition: color .3s ease, background-color .3s ease !important; }
.faq-page--home .faq-page__inner { box-shadow: none; }

/* Inputs the template didn't style (tel, date, number, file, select) */
.contact-form__input-box input[type="tel"], .contact-form__input-box input[type="date"], .contact-form__input-box input[type="number"],
.contact-page__input-box input[type="tel"], .contact-page__input-box input[type="date"] {
  height: 60px; width: 100%; border: none; background-color: #f5f3ee; padding-left: 30px; padding-right: 30px; outline: none;
  font-size: 16px; color: var(--aic-ink); display: block; font-weight: 500; border-radius: 0;
}
.contact-one__form .contact-form__input-box input, .contact-one__form .contact-form__input-box textarea { background-color: #f5f3ee; }
.contact-form__input-box select { width: 100%; height: 60px; border: none; background: #f5f3ee; padding: 0 30px; font-size: 16px; color: var(--aic-muted); }
.nice-select { float: none; }
.nice-select .list { width: 100%; max-height: 280px; overflow-y: auto; }
.nice-select .option.selected, .nice-select .option:hover { color: var(--aic-navy); background: var(--aic-cream); }
.testimonial-one .container { overflow: hidden; }