/* ==========================================================================
   TAMAM ADVISORY & TRADING — brand overrides for the Consultez theme
   Load AFTER style.css. Change brand colours here, not in style.css.
   ========================================================================== */

:root {
  /* Brand */
  --tamam-navy: #234E85;
  --tamam-sky: #06A4E1;
  --tamam-ink: #0E1C2F;

  /* Theme colour remap (original lime/green -> Tamam navy/sky) */
  --theme-color1: #06A4E1;          /* accent (was lime #c6d936) */
  --theme-color1-rgb: 6, 164, 225;
  --theme-color2: #234E85;          /* primary (was green #1a4137) */
  --theme-color2-rgb: 35, 78, 133;
  --theme-color3: #0E2240;
  --theme-color3-rgb: 14, 34, 64;
  --theme-color4: #17365F;
  --theme-color4-rgb: 23, 54, 95;
  --theme-color5: #0A1A30;
  --theme-color5-rgb: 10, 26, 48;
  --theme-color7: #12305A;
  --theme-color7-rgb: 18, 48, 90;
  --theme-color8: #06A4E1;
  --theme-color10: #102A4C;
  --theme-color-dark: #0E2240;
  --theme-color-light-green: #EEF5FB;
  --theme-color-gray2: #F3F7FB;
  --headings-color: #0E1C2F;
}

/* Hard-coded green in the theme */
.choose-section .content-column .inner-column .choose-tab .nav .nav-item .nav-link.active {
  border-bottom-color: var(--theme-color2);
}

/* ---------- Logo ---------- */
.header-style-five .main-box .logo img { max-height: 58px; width: auto; }
.sticky-header .logo img { max-height: 42px; }
.mobile-menu .nav-logo img { max-height: 44px; background: #fff; padding: 6px 10px; border-radius: 6px; }
/* Temporary until a white logo is supplied */
.footer-style-one .footer-left .logo { top: 150px; left: -75px; }
.footer-style-one .footer-left .logo img { width: 260px; max-width: none; background: #fff; padding: 8px 14px; border-radius: 6px; }

/* ---------- Font Awesome icons used in place of template SVGs ---------- */
.about-block .inner-box .icon i { font-size: 44px; color: var(--theme-color2); }
.service-block .content-box .icon i { font-size: 64px; color: var(--theme-color1); }

/* Service tag (Advisory / Trading) */
.tm-tag {
  display: inline-block;
  margin: 0 0 8px 10px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 20px;
  vertical-align: middle;
  color: #fff;
  background: rgba(var(--theme-color1-rgb), .25);
  border: 1px solid rgba(var(--theme-color1-rgb), .6);
}

/* About: name meaning instead of founder signature */
.about-section-4 .tm-meaning { display: flex; flex-direction: column; justify-content: center; margin-left: 30px; }
.about-section-4 .tm-meaning .tagline { margin: 0; font-size: 18px; line-height: 1.4; font-weight: 600; font-style: italic; color: var(--theme-color2); }

/* Process: 5 equal steps */
.processing-section .tm-five-steps .processing-block .inner-box .title { font-size: 22px; }

/* Leadership: centre the second row */
.team-five-area .row.tm-team { justify-content: center; }
.team-five__item .content .tm-role { display: block; margin-top: 6px; font-size: 14px; opacity: .8; }

/* Islamic finance note */
.strategy-section .tm-note { margin-top: 24px; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.65); }

/* Contact: third info line */
.contact-section .info .icon i { font-size: 30px; color: var(--theme-color2); }

/* Footer disclaimer */
.footer-style-one .tm-disclaimer { margin: 6px 0 0; font-size: 12px; line-height: 1.6; color: rgba(255,255,255,.55); max-width: 760px; }

/* ---------- Fixes after first preview ---------- */
/* Keep our own capitalisation (theme forces Title Case) */
.banner-section-five .content-box .title,
.banner-section-five .content-box .text,
.sec-title h2, .sec-title .title, .about-content h2 { text-transform: none; }

/* Hard-coded greens in the theme */
.banner-section-five .content-box .btn-wrp .video-btn { background-color: var(--theme-color1); color: #fff; }
.banner-section-five .content-box .btn-wrp .btn-title a { color: #fff; }
.processing-section .sec-text a { color: var(--theme-color2); }
.header-style-five .outer-box .info-box .call-info .title { color: var(--theme-color2); }
.footer-style-one .right-column { background-color: var(--theme-color1); }
.footer-style-one .right-column .title,
.footer-style-one .right-column .time,
.footer-style-one .right-column .date { color: #fff; }

/* Islamic finance: let the image fill the column height */
@media (min-width: 1200px) {
  .strategy-section.style-two .image-column .inner-column,
  .strategy-section.style-two .image-column .image { height: 100%; }
  .strategy-section.style-two .image-column .image img { height: 100%; width: 100%; object-fit: cover; }
}

/* Footer vertical logo position */
.footer-style-one .footer-left .logo { left: -50px; top: 160px; }
/* Theme's split-text animation capitalises the first letter of every word */
.splt-txt.animated .char:first-child { text-transform: none; }
@media (min-width: 1200px) {
  .strategy-section.style-two > .row { align-items: stretch; }
  .strategy-section.style-two .image-column > .inner-column,
  .strategy-section.style-two .image-column .inner-column > .image { height: 100% !important; }
  .strategy-section.style-two .image-column .image img { height: 100% !important; object-fit: cover; }
}
@media (min-width: 1200px) {
  .strategy-section.style-two .image-column { position: relative; }
  .strategy-section.style-two .image-column > .inner-column { position: absolute; inset: 0; max-width: none; }
}

/* Header "Get in Touch" button: dark blue */
.header-style-five .outer-box .btn-one { background-color: var(--theme-color2); color: #fff; }
.header-style-five .outer-box .btn-one:hover { color: #fff; }

/* Services carousel: equal card size, images cropped to fill */
.service-slider .swiper-wrapper { align-items: stretch; }
.service-slider .swiper-slide { height: auto; display: flex; }
.service-slider .service-block { width: 100%; height: auto; min-height: 500px; }
.service-slider .service-block .content-box { flex: 1 1 auto; min-width: 0; }
.service-slider .service-block .image-box { flex: 0 0 240px; width: 240px; height: auto; align-self: stretch; }
.service-slider .service-block .image-box .image { height: 100%; margin: 0; }
.service-slider .service-block .image-box .image img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767.98px) {
  .service-slider .service-block { min-height: 440px; }
  .service-slider .service-block .image-box { flex-basis: 130px; width: 130px; }
}

/* Islamic Finance image: oversized + cropped so the scroll parallax never shows gaps */
.strategy-section .tm-parallax-fill { position: relative; overflow: hidden !important; aspect-ratio: 4 / 3; margin: 0; }
.strategy-section .tm-parallax-fill img { position: absolute; left: 0; top: -20%; width: 100%; height: 140% !important; object-fit: cover; }
@media (min-width: 1200px) { .strategy-section .tm-parallax-fill { aspect-ratio: auto; } }
.strategy-section.style-two .image-column .tm-parallax-fill img { height: 140% !important; top: -20%; }

/* Islamic Finance title on two lines */
@media (min-width: 1200px) {
  .strategy-section .sec-title .tm-if-title { font-size: clamp(30px, 2.5vw, 40px); line-height: 1.25; white-space: nowrap; margin-bottom: 16px; }
}

/* ---------- Services: case-study style carousel ---------- */
.case-section .case-block .inner-box .image { margin: 0; aspect-ratio: 4 / 5; }
.case-section .case-block .inner-box .image img { width: 100%; height: 100%; object-fit: cover; }
.case-section .case-block .inner-box .content-box { height: 136px; padding: 20px 26px; display: flex; flex-direction: column; justify-content: center; }
.case-section .case-block .inner-box .content-box .sub-title { text-transform: uppercase; letter-spacing: .08em; font-size: 13px; color: var(--theme-color2); }
.case-section .case-block .inner-box .content-box .sub-title .tm-num { color: var(--theme-color1); font-weight: 700; margin-right: 6px; }
.case-section .case-block .inner-box .title a { text-transform: none; }
.case-section .case-block .inner-box .hover-content .sub-title { text-transform: uppercase; letter-spacing: .08em; font-size: 13px; color: var(--theme-color1); }
.case-section .case-block .inner-box .hover-content .tm-desc { color: rgba(255,255,255,.85); font-size: 15px; line-height: 1.6; margin: 10px 0 0; }
/* Hard-coded green in the hover overlay and arrow */
.case-section .case-block .inner-box::after { background: linear-gradient(180deg, rgba(14,34,64,0) 0%, rgba(14,34,64,0) 19%, rgba(14,34,64,.92) 65%, #0E2240 100%); }
.case-section .case-block .inner-box .arry-btn { color: var(--theme-color3); }
.case-section .case-block .inner-box .content-box .title,
.case-section .case-block .inner-box .hover-content .title { font-size: 21px; line-height: 1.35; }

/* About image: Home 02 style (photo + offset panel + badge) inside the Home 05 about section */
.about-section-4 .tm-about-two { overflow: visible; padding-bottom: 20px; }
.about-section-4 .tm-about-two .image-column .inner-column .image { margin-left: 50px; max-width: 482px; }
.about-section-4 .tm-about-two .image-column .inner-column .image .info2 .title { color: var(--theme-color3); }
@media (max-width: 991.98px) {
  .about-section-4 .tm-about-two .image-column .inner-column .image { margin-left: 25px; max-width: 100%; }
}
@media (max-width: 575.98px) {
  .about-section-4 .tm-about-two .image-column .inner-column .image .info2 { left: -10px; }
}

/* ---------- Our Approach: Home 02 "Features" style ---------- */
.feature-section.tm-approach { background-color: #F8F5F2; }   /* same warm background as Home 02 */
.tm-approach .feature-block,
.tm-approach .feature-block .inner-box { height: 100%; }
.tm-approach .feature-block .inner-box { padding: 36px 24px 34px; }
.tm-approach .feature-block .inner-box .tm-step { display: block; font-size: 15px; font-weight: 700; letter-spacing: .1em; color: var(--theme-color1); margin-bottom: 8px; transition: color 300ms ease; }
.tm-approach .feature-block .inner-box .title { text-transform: none; }
.tm-approach .feature-block .inner-box .icon-box i { font-size: 52px; color: var(--theme-color2); }
.tm-approach .feature-block .inner-box .tm-step-text { margin: 0; font-size: 15px; line-height: 1.6; color: var(--text-color); transition: color 300ms ease; }
/* Hover: sky-blue fill slides in (theme effect); keep text readable */
.tm-approach .feature-block .inner-box:hover .tm-step { color: #fff; }
.tm-approach .feature-block .inner-box:hover .title,
.tm-approach .feature-block .inner-box:hover .icon-box i { color: var(--theme-color3); }
.tm-approach .feature-block .inner-box:hover .tm-step-text { color: var(--theme-color3); }
.tm-approach .sec-title .flex-text { max-width: 560px; }

/* ---------- About: full Home 02 layout ---------- */
.tm-about .about-block-two .item .icon { list-style: none; }
.tm-about .about-block-two .item .icon i { font-size: 34px; line-height: 79px; color: #fff; transition: transform 900ms ease; }
.tm-about .about-block-two .item:hover .icon i { transform: rotateY(360deg); }
.tm-about .about-block-two .item .con { text-transform: none; }
.tm-about .image-column .inner-column .image .info2 .title { color: var(--theme-color3); }
.tm-about .content-column .info { display: flex; align-items: center; justify-content: flex-start; gap: 36px; flex-wrap: wrap; }
.tm-about .tm-tagline { margin: 0; font-size: 18px; line-height: 1.4; font-weight: 600; font-style: italic; color: var(--theme-color2); }
.tm-about .btn-two-rounded { background-color: var(--theme-color2); color: #fff; }
@media (max-width: 575.98px) {
  .tm-about .image-column .inner-column .image { margin-left: 25px; }
  .tm-about .image-column .inner-column .image .info2 { left: -10px; }
}

/* Section label pills (e.g. "OUR SERVICES"): white text on sky blue */
.sec-title .sub-title,
.sec-title h6.sub-title { color: #fff; }

/* ---------- Who We Are: Home 07 "Why Choose Us" layout ---------- */
.tm-why .content-column .inner-column .choose-tab .nav .nav-item .nav-link.active { border-bottom-color: var(--theme-color2); }
.tm-why .image-column .inner-column .image .outer-box .icon i { font-size: 52px; line-height: inherit; color: var(--theme-color3); }
.tm-why .image-column .inner-column .image .outer-box .icon { display: flex; align-items: center; justify-content: center; }
.tm-why .content-column .inner-column .content-box .list { align-items: flex-start; }

/* Contact: same warm background + wave pattern as Our Approach */
.contact-section.tm-contact { background-color: #F8F5F2; }
.contact-section.tm-contact .shape.tm-wave { top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.contact-section.tm-contact .shape.tm-wave img { width: 100%; }

/* Footer "Contact Us" circle: hover fills white (was sky blue = same as background) */
.footer-style-one .right-column .inner-column .circle-btn { transition: color 300ms ease; }
.footer-style-one .right-column .inner-column .circle-btn::after { background-color: #fff; }
.footer-style-one .right-column .inner-column .circle-btn:hover { color: var(--theme-color2); }
/* White heading + hours on the sky-blue column */
.footer-style-one .right-column .inner-column .title,
.footer-style-one .right-column .inner-column .time,
.footer-style-one .right-column .inner-column .date { color: #fff; }

/* Dropdown menus: same text size as the main menu, one line per item, compact width */
@media (min-width: 992px) {
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul { width: max-content; min-width: 0; }
  .main-menu .navigation > li > ul > li > a,
  .main-menu .navigation > li > ul > li > ul > li > a { font-size: 14px; letter-spacing: 1.3px; line-height: 24px; white-space: nowrap; margin: 0 24px; padding-right: 0; }
  .main-menu .navigation > li > ul > li.dropdown > a { padding-right: 30px; }
  /* Hover: sky-blue text, light tint and a small slide, like the theme intends */
  .main-menu .navigation > li > ul > li,
  .main-menu .navigation > li > ul > li > ul > li { transition: background-color 300ms ease; }
  .main-menu .navigation > li > ul > li:hover,
  .main-menu .navigation > li > ul > li > ul > li:hover { background-color: #EEF5FB; }
  .main-menu .navigation > li > ul > li:hover > a,
  .main-menu .navigation > li > ul > li > ul > li:hover > a,
  .header-style-five .main-menu .navigation > li > ul > li > a:hover,
  .header-style-five .main-menu .navigation > li > ul > li > ul > li > a:hover { color: var(--theme-color1) !important; padding-left: 8px; }
  .main-menu .navigation > li > ul > li > ul > li > a { transition: all 300ms ease; }
}

/* Leadership photos: same crop for every card, whatever the source image size */
.team-five-area .tm-team .team-five__item .image { aspect-ratio: 420 / 522; overflow: hidden; }
.team-five-area .tm-team .team-five__item .image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

/* ---------- Leadership: text cards (no photos) ---------- */
.tm-partner { position: relative; height: 100%; display: flex; flex-direction: column; padding: 38px 32px 32px; background: #fff; border: 1px solid #E3EAF2; border-top: 4px solid var(--theme-color1); border-radius: 12px; box-shadow: 0 6px 24px rgba(14,34,64,.06); transition: transform 300ms ease, box-shadow 300ms ease; }
.tm-partner:hover { transform: translateY(-6px); box-shadow: 0 14px 34px rgba(14,34,64,.12); }
.tm-partner__initials { width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 22px; font-size: 22px; font-weight: 700; letter-spacing: .04em; color: #fff; background: var(--theme-color2); }
.tm-partner__name { font-size: 21px; line-height: 1.35; margin: 0 0 6px; }
.tm-partner__name a { color: var(--headings-color); }
.tm-partner__name a:hover { color: var(--theme-color1); }
.tm-partner__title { display: block; font-size: 15px; font-weight: 600; color: var(--theme-color2); }
.tm-partner__area { display: block; margin-top: 4px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--theme-color1); }
.tm-partner__bio { margin: 16px 0 22px; font-size: 15px; line-height: 1.65; color: var(--text-color); flex: 1 1 auto; }
.tm-partner__link { font-size: 15px; font-weight: 600; color: var(--theme-color2); }
.tm-partner__link i { margin-left: 6px; transition: transform 300ms ease; }
.tm-partner__link:hover { color: var(--theme-color1); }
.tm-partner__link:hover i { transform: translateX(4px); }
/* Founder card: navy */
.tm-partner--founder { background: var(--theme-color2); border-color: var(--theme-color2); border-top-color: var(--theme-color1); }
.tm-partner--founder .tm-partner__initials { background: var(--theme-color1); }
.tm-partner--founder .tm-partner__name a,
.tm-partner--founder .tm-partner__title,
.tm-partner--founder .tm-partner__link { color: #fff; }
.tm-partner--founder .tm-partner__bio { color: rgba(255,255,255,.82); }
.tm-partner--founder .tm-partner__name a:hover,
.tm-partner--founder .tm-partner__link:hover { color: var(--theme-color1); }

/* ---------- CTA banner (Home 06 "consult" style) with parallax photo ---------- */
.consult-section.tm-cta { background: var(--theme-color3); }
.tm-cta .tm-cta__bg { position: absolute; left: 0; top: -15%; width: 100%; height: 130%; background-size: cover; background-position: center; z-index: -2; will-change: transform; }
.consult-section.home6-style.tm-cta:after { background: linear-gradient(180deg, rgba(14,34,64,.82) 0%, rgba(18,48,90,.78) 100%); }
.tm-cta .sec-title { max-width: 820px; }
.tm-cta .sec-title .title { text-transform: none; }
.tm-cta .sec-shape img { opacity: .55; }
.tm-cta .btn-wrp { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.tm-cta .btn-two-rounded { background-color: rgba(255,255,255,.12); color: #fff; }
.tm-cta .btn-three { background-color: var(--theme-color1); color: #fff; }

/* ======================= ABOUT PAGE ======================= */
/* Page banner */
.tm-page-title:before { background: linear-gradient(90deg, rgba(14,34,64,.95) 0%, rgba(18,48,90,.85) 55%, rgba(18,48,90,.55) 100%); }
.tm-page-title:after { display: none; }
.tm-page-title .title-outer { position: relative; z-index: 1; }
.tm-page-title .title { text-transform: none; }
.tm-page-title .text { margin-bottom: 18px; color: rgba(255,255,255,.85); }
.tm-page-title .page-breadcrumb li a { color: var(--theme-color1); }
/* Body text */
.tm-body-text { font-size: 16px; line-height: 1.8; color: var(--text-color); margin: 0 0 14px; }
.tm-sec-intro { max-width: 680px; margin: 16px auto 0; font-size: 16px; line-height: 1.8; color: var(--text-color); }
/* Business structure */
.tm-structure, .tm-why-page { position: relative; overflow: hidden; z-index: 1; background: #F8F5F2; }
.tm-structure .shape.tm-wave, .tm-why-page .shape.tm-wave { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: -1; }
.tm-structure .shape.tm-wave img, .tm-why-page .shape.tm-wave img { width: 100%; }
.tm-area { height: 100%; padding: 44px 44px 36px; background: #fff; border-radius: 14px; box-shadow: 0 6px 24px rgba(14,34,64,.06); border-top: 4px solid var(--theme-color1); }
.tm-area__num { display: block; font-size: 15px; font-weight: 700; letter-spacing: .1em; color: var(--theme-color1); margin-bottom: 6px; }
.tm-area__title { font-size: 28px; margin: 0 0 22px; }
.tm-area__list { margin: 0; padding: 0; list-style: none; }
.tm-area__list li { border-top: 1px solid #E3EAF2; }
.tm-area__list li a { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; font-size: 16px; font-weight: 500; color: var(--headings-color); transition: all 300ms ease; }
.tm-area__list li a i { color: var(--theme-color1); transition: transform 300ms ease; }
.tm-area__list li a:hover { color: var(--theme-color1); padding-left: 6px; }
.tm-area__list li a:hover i { transform: translateX(4px); }
.tm-area--navy { background: var(--theme-color2); }
.tm-area--navy .tm-area__title, .tm-area--navy .tm-area__list li a { color: #fff; }
.tm-area--navy .tm-area__list li { border-top-color: rgba(255,255,255,.15); }
.tm-area--navy .tm-area__list li a:hover { color: var(--theme-color1); }
/* Strategic focus on white */
.feature-section.tm-focus { background-color: #fff; }
/* Vision & Mission */
.tm-vm { background: var(--theme-color3); position: relative; overflow: hidden; }
.tm-vm__card { height: 100%; padding: 46px 44px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); transition: background-color 300ms ease, transform 300ms ease; }
.tm-vm__card:hover { background: rgba(255,255,255,.09); transform: translateY(-4px); }
.tm-vm__icon { width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color1); color: #fff; font-size: 26px; margin-bottom: 22px; }
.tm-vm__label { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--theme-color1); margin: 0 0 12px; }
.tm-vm__text { font-size: 22px; line-height: 1.55; color: #fff; margin: 0; font-weight: 500; }
/* Values */
.tm-values { background: #fff; }
.tm-value { height: 100%; padding: 36px 32px; border-radius: 12px; border: 1px solid #E3EAF2; background: #fff; transition: all 300ms ease; }
.tm-value:hover { border-color: transparent; box-shadow: 0 14px 34px rgba(14,34,64,.10); transform: translateY(-6px); }
.tm-value__icon { width: 58px; height: 58px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: #EEF5FB; color: var(--theme-color2); font-size: 24px; margin-bottom: 20px; transition: all 300ms ease; }
.tm-value:hover .tm-value__icon { background: var(--theme-color1); color: #fff; }
.tm-value__title { font-size: 21px; margin: 0 0 10px; }
.tm-value__text { font-size: 15px; line-height: 1.7; color: var(--text-color); margin: 0; }
/* Why Tamam list */
.tm-why-item { display: flex; gap: 16px; height: 100%; padding: 26px 24px; background: #fff; border-radius: 12px; box-shadow: 0 5px 18px rgba(14,34,64,.05); }
.tm-why-item__icon { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color1); color: #fff; font-size: 15px; }
.tm-why-item__title { font-size: 18px; margin: 4px 0 6px; }
.tm-why-item__text { font-size: 15px; line-height: 1.65; color: var(--text-color); margin: 0; }
/* Who we serve chips */
.tm-serve { background: #fff; }
.tm-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 0 auto; padding: 0; list-style: none; max-width: 1050px; }
.tm-chip { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 40px; border: 1px solid #E3EAF2; background: #fff; font-size: 16px; font-weight: 500; color: var(--headings-color); transition: all 300ms ease; }
.tm-chip i { color: var(--theme-color1); }
.tm-chip:hover { background: var(--theme-color2); border-color: var(--theme-color2); color: #fff; }
.tm-chip:hover i { color: #fff; }
@media (max-width: 767.98px) {
  .tm-area { padding: 32px 26px; }
  .tm-vm__card { padding: 34px 28px; }
  .tm-vm__text { font-size: 19px; }
}

/* ======================= SERVICE DETAIL PAGES ======================= */
.tm-svc__tag { display: inline-block; padding: 6px 16px; border-radius: 30px; background: #EEF5FB; color: var(--theme-color2); font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.tm-svc__title { font-size: 40px; line-height: 1.2; margin: 16px 0 10px; text-transform: none; }
.tm-svc__keywords { font-size: 15px; font-weight: 600; letter-spacing: .04em; color: var(--theme-color1); margin: 0 0 28px; }
.tm-svc__image { margin: 0 0 40px; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 9; }
.tm-svc__image img { width: 100%; height: 100%; object-fit: cover; }
.tm-svc__h3 { font-size: 28px; margin: 44px 0 18px; text-transform: none; }
.tm-svc-group { height: 100%; padding: 30px 26px; border-radius: 14px; background: #fff; border: 1px solid #E3EAF2; border-top: 4px solid var(--theme-color1); transition: all 300ms ease; }
.tm-svc-group:hover { box-shadow: 0 14px 34px rgba(14,34,64,.10); transform: translateY(-4px); }
.tm-svc-group__num { display: block; font-size: 14px; font-weight: 700; letter-spacing: .1em; color: var(--theme-color1); margin-bottom: 6px; }
.tm-svc-group__title { font-size: 20px; line-height: 1.35; margin: 0 0 16px; }
.tm-svc-group__list { margin: 0; padding: 0; list-style: none; }
.tm-svc-group__list li { position: relative; padding: 0 0 10px 26px; font-size: 15px; line-height: 1.55; color: var(--text-color); }
.tm-svc-group__list li i { position: absolute; left: 0; top: 4px; font-size: 13px; color: var(--theme-color1); }
.tm-chips--left { justify-content: flex-start; margin: 0 0 26px; max-width: none; }
.tm-svc-note { display: flex; gap: 16px; margin-top: 30px; padding: 22px 24px; border-radius: 12px; background: #F8F5F2; border-left: 4px solid var(--theme-color2); }
.tm-svc-note i { font-size: 22px; color: var(--theme-color2); margin-top: 2px; }
.tm-svc-note p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--text-color); }
/* Sidebar */
.tm-svc__side { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 30px; }
.tm-side-box { padding: 32px 28px; border-radius: 14px; background: #F8F5F2; }
.tm-side-box__title { font-size: 22px; margin: 0 0 18px; }
.tm-side-list { margin: 0; padding: 0; list-style: none; }
.tm-side-list li + li { margin-top: 10px; }
.tm-side-list li a { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 10px; background: #fff; font-size: 15px; font-weight: 500; color: var(--headings-color); transition: all 300ms ease; }
.tm-side-list li a > i:first-child { width: 18px; text-align: center; color: var(--theme-color1); }
.tm-side-list li a .tm-arrow { margin-left: auto; font-size: 13px; opacity: .5; transition: all 300ms ease; }
.tm-side-list li a:hover, .tm-side-list li.active a { background: var(--theme-color2); color: #fff; }
.tm-side-list li a:hover .tm-arrow, .tm-side-list li.active a .tm-arrow { opacity: 1; transform: translateX(3px); }
.tm-side-cta { padding: 34px 30px; border-radius: 14px; background: var(--theme-color2); color: #fff; }
.tm-side-cta__icon { width: 56px; height: 56px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color1); font-size: 22px; margin-bottom: 18px; }
.tm-side-cta h4 { color: #fff; font-size: 22px; margin: 0 0 10px; }
.tm-side-cta p { color: rgba(255,255,255,.8); font-size: 15px; line-height: 1.65; margin: 0 0 18px; }
.tm-side-cta__line { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 600; font-size: 15px; margin-bottom: 10px; }
.tm-side-cta__line i { color: var(--theme-color1); }
.tm-side-cta__line:hover { color: var(--theme-color1); }
.tm-side-cta .btn-three { display: inline-block; margin-top: 12px; background-color: var(--theme-color1); color: #fff; min-width: 0; padding: 16px 26px; }
@media (max-width: 1199.98px) { .tm-svc__side { position: static; } }
@media (max-width: 767.98px) { .tm-svc__title { font-size: 30px; } .tm-svc__h3 { font-size: 24px; } }
/* Inner page banner heading on small screens */
@media (max-width: 767.98px) { .tm-page-title .title { font-size: 36px; line-height: 1.2; } .tm-page-title { padding: 70px 0 80px; } }

/* ======================= TRADING & COMMERCIAL PAGE ======================= */
.tm-trade-nav { background: var(--theme-color2); padding: 18px 0; position: relative; z-index: 2; }
.tm-trade-nav__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 40px; margin: 0; padding: 0; list-style: none; }
.tm-trade-nav__list a { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-weight: 600; font-size: 16px; padding: 6px 0; border-bottom: 2px solid transparent; transition: all 300ms ease; }
.tm-trade-nav__list a i { color: var(--theme-color1); }
.tm-trade-nav__list a:hover { border-bottom-color: var(--theme-color1); }
.tm-trade { background: #fff; scroll-margin-top: 90px; }
.tm-trade--alt { background: #F8F5F2; }
.tm-trade__image { position: relative; margin: 0; border-radius: 16px; overflow: hidden; aspect-ratio: 4 / 5; }
.tm-trade__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.tm-trade__image:hover img { transform: scale(1.04); }
.tm-trade__badge { position: absolute; left: 24px; bottom: 24px; width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color1); color: #fff; font-size: 26px; box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.tm-trade__subtitle { font-size: 19px; margin: 24px 0 14px; }
.tm-trade__list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 0 0 22px; padding: 0; list-style: none; }
.tm-trade__list li { position: relative; padding-left: 26px; font-size: 15px; font-weight: 500; color: var(--headings-color); line-height: 1.5; }
.tm-trade__list li i { position: absolute; left: 0; top: 4px; font-size: 13px; color: var(--theme-color1); }
.tm-trade__closing { font-style: italic; }
.tm-trade .btn-two-rounded { background-color: var(--theme-color2); color: #fff; }
@media (max-width: 575.98px) { .tm-trade__list { grid-template-columns: 1fr; } }

/* Sticky header: keep dropdowns on screen */
@media (min-width: 992px) {
  .sticky-header .inner-container { padding-right: 60px; }
  .sticky-header .main-menu .navigation > li > ul > li > ul { left: auto; right: 100%; }
  .sticky-header .main-menu .navigation > li:last-child > ul { left: auto; right: 0; }
}

/* ======================= LEADERSHIP PAGE ======================= */
.tm-founder { background: #fff; scroll-margin-top: 90px; }
.tm-founder__card { position: sticky; top: 120px; padding: 40px 34px; border-radius: 16px; background: var(--theme-color2); color: #fff; border-top: 4px solid var(--theme-color1); }
.tm-founder__initials { width: 96px; height: 96px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color1); font-size: 34px; font-weight: 700; margin-bottom: 22px; }
.tm-founder__name { color: #fff; font-size: 26px; line-height: 1.3; margin: 0 0 8px; }
.tm-founder__title { display: block; font-size: 17px; font-weight: 600; }
.tm-founder__area { display: block; margin-top: 4px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--theme-color1); }
.tm-founder__stat { display: flex; align-items: center; gap: 14px; margin: 26px 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
.tm-founder__stat strong { font-size: 40px; line-height: 1; color: var(--theme-color1); }
.tm-founder__stat span { font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.85); }
.tm-founder__mail { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 600; font-size: 15px; word-break: break-all; }
.tm-founder__mail i { color: var(--theme-color1); }
.tm-founder__mail:hover { color: var(--theme-color1); }
.tm-founder__note { margin: 12px 0 0; font-size: 14px; color: rgba(255,255,255,.7); }
.tm-founder__list { margin-bottom: 0; }
.tm-engage { height: 100%; padding: 26px 24px; border-radius: 12px; background: #F8F5F2; border-left: 4px solid var(--theme-color1); }
.tm-engage__years { font-size: 13px; font-weight: 700; letter-spacing: .08em; color: var(--theme-color1); }
.tm-engage h4 { font-size: 19px; margin: 6px 0 8px; }
.tm-engage p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--text-color); }
.tm-partners-page { position: relative; overflow: hidden; z-index: 1; background: #F8F5F2; }
.tm-partners-page .shape.tm-wave { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: -1; }
.tm-partners-page .shape.tm-wave img { width: 100%; }
.tm-person { display: grid; grid-template-columns: 340px 1fr; gap: 0; margin-bottom: 30px; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 6px 24px rgba(14,34,64,.06); scroll-margin-top: 110px; }
.tm-person:last-child { margin-bottom: 0; }
.tm-person__id { padding: 40px 34px; background: #EEF5FB; border-right: 4px solid var(--theme-color1); }
.tm-person--rev { grid-template-columns: 1fr 340px; }
.tm-person--rev .tm-person__id { order: 2; border-right: 0; border-left: 4px solid var(--theme-color1); }
.tm-person__initials { width: 72px; height: 72px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color2); color: #fff; font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.tm-person__name { font-size: 23px; line-height: 1.3; margin: 0 0 6px; }
.tm-person__title { display: block; font-size: 15px; font-weight: 600; color: var(--theme-color2); }
.tm-person__area { display: block; margin-top: 4px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--theme-color1); }
.tm-person__body { padding: 40px 40px 34px; }
.tm-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.tm-tags li { padding: 7px 16px; border-radius: 30px; background: #EEF5FB; color: var(--theme-color2); font-size: 14px; font-weight: 500; }
@media (max-width: 991.98px) {
  .tm-founder__card { position: static; }
  .tm-person, .tm-person--rev { grid-template-columns: 1fr; }
  .tm-person--rev .tm-person__id { order: 0; border-left: 0; }
  .tm-person__id { border-right: 0; border-bottom: 4px solid var(--theme-color1); }
  .tm-person__body { padding: 30px 26px; }
}

/* ======================= CONTACT PAGE ======================= */
.tm-contact-card { height: 100%; padding: 36px 28px; border-radius: 14px; background: #fff; border: 1px solid #E3EAF2; text-align: center; transition: all 300ms ease; }
.tm-contact-card:hover { box-shadow: 0 14px 34px rgba(14,34,64,.10); transform: translateY(-6px); border-color: transparent; }
.tm-contact-card__icon { width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color2); color: #fff; font-size: 24px; margin-bottom: 18px; transition: background-color 300ms ease; }
.tm-contact-card:hover .tm-contact-card__icon { background: var(--theme-color1); }
.tm-contact-card h4 { font-size: 20px; margin: 0 0 10px; }
.tm-contact-card a, .tm-contact-card p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--text-color); word-break: break-word; }
.tm-contact-card a { font-weight: 600; color: var(--theme-color2); }
.tm-contact-card a:hover { color: var(--theme-color1); }
.tm-contact-page .contact-block { margin: 0; height: 100%; }
.tm-map { height: 100%; min-height: 440px; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 24px rgba(14,34,64,.08); }
.tm-map iframe { width: 100%; height: 100%; min-height: 440px; border: 0; display: block; }

/* Page loader: Tamam checkmark */
.preloader:after { width: 80px; height: 80px; margin-left: -40px; margin-top: -60px; background-image: url(../images/tamam/tamam-mark.png); background-size: contain; }
.preloader:before { margin-top: 36px; color: var(--theme-color2); }

/* ======================= SERVICES OVERVIEW + LEGAL ======================= */
.tm-svc-list { background: #fff; scroll-margin-top: 90px; }
.tm-svc-list--alt { background: #F8F5F2; }
.tm-svc-card { display: flex; flex-direction: column; height: 100%; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid #E3EAF2; transition: all 300ms ease; }
.tm-svc-card:hover { transform: translateY(-6px); box-shadow: 0 14px 34px rgba(14,34,64,.12); border-color: transparent; }
.tm-svc-card__img { margin: 0; aspect-ratio: 16 / 10; overflow: hidden; }
.tm-svc-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.tm-svc-card:hover .tm-svc-card__img img { transform: scale(1.05); }
.tm-svc-card__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 26px 26px 24px; }
.tm-svc-card__tag { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--theme-color1); }
.tm-svc-card__title { font-size: 21px; line-height: 1.35; margin: 8px 0 10px; color: var(--headings-color); }
.tm-svc-card__text { font-size: 15px; line-height: 1.65; color: var(--text-color); margin: 0 0 18px; flex: 1 1 auto; }
.tm-svc-card__more { font-size: 15px; font-weight: 600; color: var(--theme-color2); }
.tm-svc-card__more i { margin-left: 6px; transition: transform 300ms ease; }
.tm-svc-card:hover .tm-svc-card__more { color: var(--theme-color1); }
.tm-svc-card:hover .tm-svc-card__more i { transform: translateX(4px); }
.tm-legal { background: #F8F5F2; }
.tm-legal__box { max-width: 760px; margin: 0 auto; padding: 56px 48px; text-align: center; background: #fff; border-radius: 16px; box-shadow: 0 6px 24px rgba(14,34,64,.06); border-top: 4px solid var(--theme-color1); }
.tm-legal__icon { width: 72px; height: 72px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-color2); color: #fff; font-size: 28px; margin-bottom: 22px; }
.tm-legal__box h2 { font-size: 30px; margin: 0 0 14px; }
.tm-legal__box p { font-size: 16px; line-height: 1.8; color: var(--text-color); }
.tm-legal__box p a { color: var(--theme-color2); font-weight: 600; }
.tm-legal .btn-two-rounded { background-color: var(--theme-color2); color: #fff; }

/* WhatsApp floating button */
.tm-whatsapp { position: fixed; right: 24px; bottom: 24px; z-index: 9990; display: inline-flex; align-items: center; height: 60px; padding: 0 0 0 0; border-radius: 30px; background: #25D366; color: #fff; box-shadow: 0 8px 24px rgba(37,211,102,.35); transition: all 300ms ease; }
.tm-whatsapp i { width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; font-size: 32px; flex: 0 0 60px; }
.tm-whatsapp__label { max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap; font-weight: 600; font-size: 15px; transition: all 300ms ease; }
.tm-whatsapp:hover { color: #fff; background: #1EBE5A; box-shadow: 0 10px 28px rgba(37,211,102,.45); }
.tm-whatsapp:hover .tm-whatsapp__label { max-width: 140px; opacity: 1; padding-right: 22px; }
.tm-whatsapp::before { content: ""; position: absolute; left: 0; top: 0; width: 60px; height: 60px; border-radius: 50%; background: #25D366; z-index: -1; animation: tm-wa-pulse 2.2s ease-out infinite; }
@keyframes tm-wa-pulse { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.6); opacity: 0; } }
@media (max-width: 575.98px) { .tm-whatsapp { right: 16px; bottom: 16px; height: 54px; } .tm-whatsapp i { width: 54px; height: 54px; flex-basis: 54px; font-size: 28px; } .tm-whatsapp::before { width: 54px; height: 54px; } }

/* White logo in footer + mobile menu (replaces temporary white box) */
.footer-style-one .footer-left .logo img { background: none; padding: 0; border-radius: 0; }
.mobile-menu .nav-logo img { background: none; padding: 0; border-radius: 0; }

/* Enquiry form status + spam trap */
.tm-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.tm-form-note { margin: 18px 0 0; font-size: 15px; line-height: 1.6; min-height: 1px; }
.tm-form-note.is-ok { color: #11865a; font-weight: 600; }
.tm-form-note.is-error { color: #c0392b; font-weight: 600; }
form.tm-enquiry button[disabled] { opacity: .7; cursor: wait; }

/* Footer design credit */
.footer-style-one .tm-credit { color: rgba(255,255,255,.45); display: inline-block; margin-left: 14px; padding-left: 14px; border-left: 1px solid rgba(255,255,255,.25); }
.footer-style-one .copyright-text .tm-credit a { color: var(--theme-color1); font-weight: 600; }
.footer-style-one .copyright-text .tm-credit a:hover { color: #fff; }
@media (max-width: 767.98px) { .footer-style-one .tm-credit { display: block; margin: 6px 0 0; padding: 0; border: 0; } }