.footer {
  position: relative;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  background:#062B3D;
}

.footer h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.footer p, 
.footer a {
  font-size: 14px;
  color: #FFFFFF;
}

.footer a:hover {
  color: #00BCD4; /* Gold color highlight */
  text-decoration: none;
}

/* LISTS */
.footer ul {
  padding-left: 0;
  list-style: none;
}

.footer ul li {
  margin-bottom: 0.5rem;
}

.footer ul li i {
  color: #00BCD4; /* Icon color */
}

/* TOP BAR */
.footer-four__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 1.5rem;
}

.footer-four__top-left {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.footer-four__top-icon i {
  font-size: 18px;
  color: #00BCD4;
}

.footer-four__top-text {
  margin: 0;
  font-size: 14px;
}

/* MAP */
.footer-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 8px;
}

/* FOOTER BOTTOM */
.footer .border-top {
  border-color: rgba(255, 255, 255, 0.2) !important;
  margin-top: 2rem;
  padding-top: 1rem;
  font-size: 14px;
}

.footer .text-light {
  color: #FFFFFF !important;
}

.footer .text-light:hover {
  color: #00BCD4 !important;
}

/* SOCIAL ICONS */
.footer .fa-brands {
  font-size: 16px;
  transition: 0.3s;
}

.footer .fa-brands:hover {
  color: #00BCD4;
}

/* RESPONSIVE STYLES */
@media (max-width: 992px) {
  .footer .footer-four__main {
    flex-direction: column;
    gap: 2rem;
  }
  
  .footer-four__main-left {
    flex-wrap: wrap;
    gap: 2rem;
  }

  .footer-four__main-right {
    margin-left: 0 !important;
  }
}

@media (max-width: 768px) {
  .footer-four__top-left,
  .footer-four__top-right {
    flex-direction: column;
    text-align: center;
  }

  .footer-four__top-left {
    gap: 0.5rem;
    margin-bottom: 1rem;
  }

  .footer .footer-bottom {
    text-align: center;
  }
}

/* Updated brand logo sizing */
.shams-site-logo{max-height:72px;width:auto;object-fit:contain;}
@media (max-width: 767.98px){.shams-site-logo{max-height:58px;}}

/* === REFERENCE NAVBAR - ALL PAGES === */

/* === REFERENCE NAVBAR - ALL PAGES === */
:root{
  --tm-nav-navy:#062B3D;
  --tm-nav-blue:#1E6F9F;
  --tm-nav-cyan:#00BCD4;
  --tm-nav-text:#333333;
}

/* Header sits above page content just like the supplied reference. */
.tm-reference-header.header-area{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  width:100% !important;
  z-index:1000 !important;
  background:#fff !important;
  font-family:Arial, Helvetica, sans-serif !important;
}
.tm-reference-header .container-xl{
  width:100% !important;
  max-width:1020px !important;
  padding-left:15px !important;
  padding-right:15px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Slim dark top strip */
.tm-reference-header .header-top{
  min-height:36px !important;
  height:36px !important;
  padding:0 !important;
  background:var(--tm-nav-navy) !important;
}
.tm-reference-header .header-top::before{display:none !important;content:none !important;}
.tm-reference-header .header-top__wrap{
  height:36px !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}
.tm-reference-header .header-top__left{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}
.tm-reference-header .header-top__left-info{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
}
.tm-reference-header .header-top__left-info .icon,
.tm-reference-header .header-top__left-info .text,
.tm-reference-header .header-top__left-info .text a,
.tm-reference-header .tm-header-socials a{
  color:rgba(255,255,255,.62) !important;
}
.tm-reference-header .header-top__left-info .icon{
  font-size:11px !important;
  line-height:1 !important;
}
.tm-reference-header .header-top__left-info .text,
.tm-reference-header .header-top__left-info .text a{
  margin:0 !important;
  padding:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.05px !important;
}
.tm-reference-header .tm-header-socials{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}
.tm-reference-header .tm-header-socials a{
  font-size:12px !important;
  line-height:1 !important;
  transition:color .2s ease !important;
}
.tm-reference-header .tm-header-socials a:hover{color:var(--tm-nav-cyan) !important;}

/* White main navigation row */
.tm-reference-header .header-main{
  height:68px !important;
  min-height:68px !important;
  background:#fff !important;
  box-shadow:none !important;
  border:0 !important;
}
.tm-reference-header .header-area__inner{
  position:relative !important;
  z-index:9 !important;
  height:68px !important;
  min-height:68px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:235px 1fr 115px !important;
  align-items:center !important;
  column-gap:26px !important;
}
.tm-reference-header .header-area__inner::before,
.tm-reference-header .header-area__inner::after{display:none !important;content:none !important;}

/* Logo sizing mirrors the reference proportions. */
.tm-reference-header .header__logo{
  width:235px !important;
  max-width:235px !important;
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 !important;
  padding:0 !important;
}
.tm-reference-header .header__logo a{
  display:flex !important;
  align-items:center !important;
  height:100% !important;
}
.tm-reference-header .shams-site-logo{
  width:218px !important;
  max-width:218px !important;
  height:auto !important;
  max-height:46px !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
}

/* Center menu */
.tm-reference-header .header__nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  height:68px !important;
  min-width:0 !important;
}
.tm-reference-header .main-menu,
.tm-reference-header .main-menu > ul{
  height:68px !important;
  margin:0 !important;
  padding:0 !important;
}
.tm-reference-header .main-menu > ul{
  list-style:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:29px !important;
}
.tm-reference-header .main-menu > ul > li{
  position:relative !important;
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
}
.tm-reference-header .main-menu li a{
  display:flex !important;
  align-items:center !important;
  height:68px !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--tm-nav-text) !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.25px !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  transition:color .2s ease !important;
}
.tm-reference-header .main-menu li a::after{display:none !important;content:none !important;}
.tm-reference-header .main-menu li:hover > a,
.tm-reference-header .main-menu li.current > a{
  color:var(--tm-nav-blue) !important;
}
.tm-reference-header .main-menu > ul > li.current::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:18px !important;
  height:1px !important;
  background:var(--tm-nav-blue) !important;
}

/* Reference-like CTA */
.tm-reference-header .header-right{
  width:115px !important;
  height:68px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
}
.tm-reference-header .tm-quote-btn{
  width:108px !important;
  min-width:108px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 12px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--tm-nav-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
.tm-reference-header .tm-quote-btn .text-one{
  position:static !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#fff !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.15px !important;
  text-transform:uppercase !important;
}
.tm-reference-header .tm-quote-btn .text-two,
.tm-reference-header .tm-quote-btn svg{display:none !important;}
.tm-reference-header .tm-quote-btn:hover{
  background:var(--tm-nav-cyan) !important;
  color:var(--tm-nav-navy) !important;
}
.tm-reference-header .tm-quote-btn:hover .text-one{color:var(--tm-nav-navy) !important;}

/* Hamburger is mobile-only and keeps the same white nav row. */
.tm-reference-header .header__navicon{margin:0 !important;}
.tm-reference-header .header-right .side-toggle{
  width:42px !important;
  height:42px !important;
  background:#f4f8fc !important;
}
.tm-reference-header .bar-icon span{background:var(--tm-nav-blue) !important;}

/* Sticky header should preserve the exact same proportions. */
.tm-reference-header .header-main.sticky,
.tm-reference-header .sticky{
  background:#fff !important;
  box-shadow:0 4px 18px rgba(12,33,66,.08) !important;
}

@media (max-width:1199.98px){
  .tm-reference-header .container-xl{
    max-width:100% !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .tm-reference-header .header-top{display:none !important;}
  .tm-reference-header .header-main,
  .tm-reference-header .header-area__inner{height:72px !important;min-height:72px !important;}
  .tm-reference-header .header-area__inner{
    display:flex !important;
    justify-content:space-between !important;
    gap:15px !important;
  }
  .tm-reference-header .header__logo{width:auto !important;max-width:70% !important;height:72px !important;}
  .tm-reference-header .shams-site-logo{width:230px !important;max-width:100% !important;max-height:48px !important;}
  .tm-reference-header .header__nav{display:none !important;}
  .tm-reference-header .header-right{width:auto !important;height:72px !important;}
  .tm-reference-header .header-right .header__navicon{display:block !important;}
}
@media (max-width:575.98px){
  .tm-reference-header .container-xl{padding-left:14px !important;padding-right:14px !important;}
  .tm-reference-header .shams-site-logo{width:205px !important;max-height:44px !important;}
}


/* =========================================================
   FINAL SAMPLE MATCH OVERRIDE - MOBILE + DESKTOP
   ========================================================= */
:root{
  --tm-ref-navy:#062B3D;
  --tm-ref-blue:#1E6F9F;
  --tm-ref-cyan:#22C1EE;
  --tm-ref-text:#2a2f36;
}

/* desktop/topbar/navbar like sample */
.tm-reference-header.header-area{background:#fff !important;}
.tm-reference-header .header-main,
.tm-reference-header .sticky,
.tm-reference-header .header-main.sticky{background:#fff !important;}

@media (min-width:1200px){
  .tm-reference-header .header-top{
    display:block !important;
    height:36px !important;
    min-height:36px !important;
    background:var(--tm-ref-navy) !important;
  }
  .tm-reference-header .header-top .container-xl,
  .tm-reference-header .header-main .container-xl{
    max-width:1060px !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .tm-reference-header .header-area__inner{
    grid-template-columns:240px 1fr 132px !important;
    min-height:66px !important;
    height:66px !important;
  }
  .tm-reference-header .header-main{height:66px !important; min-height:66px !important;}
  .tm-reference-header .header__logo,
  .tm-reference-header .header__logo a{height:66px !important; min-height:66px !important;}
  .tm-reference-header .shams-site-logo{
    width:208px !important;
    max-width:208px !important;
    max-height:44px !important;
  }
  .tm-reference-header .header__nav{padding-right:28px !important;}
  .tm-reference-header .main-menu > ul{gap:32px !important;}
  .tm-reference-header .main-menu > ul > li > a{
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.3px !important;
    color:var(--tm-ref-text) !important;
  }
  .tm-reference-header .main-menu > ul > li.current > a,
  .tm-reference-header .main-menu > ul > li:hover > a{color:var(--tm-ref-blue) !important;}
  .tm-reference-header .main-menu > ul > li > a::before{
    bottom:16px !important;
    height:2px !important;
    background:var(--tm-ref-blue) !important;
  }
  .tm-reference-header .header-right{width:132px !important; height:66px !important;}
  .tm-reference-header .tm-quote-btn,
  .tm-reference-header .header-right .custom-btn{
    width:108px !important;
    min-width:108px !important;
    height:36px !important;
    min-height:36px !important;
    background:var(--tm-ref-blue) !important;
  }
  .tm-reference-header .tm-quote-btn .text-one,
  .tm-reference-header .header-right .custom-btn .text-one{
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.2px !important;
  }
}

/* mobile header like sample */
@media (max-width:1199.98px){
  .tm-reference-header .header-top{display:none !important;}
  .tm-reference-header .header-main{
    background:#fff !important;
    border-bottom:1px solid rgba(8,27,54,.06) !important;
  }
  .tm-reference-header .header-area__inner{
    height:88px !important;
    min-height:88px !important;
    padding:0 24px !important;
    align-items:center !important;
  }
  .tm-reference-header .header__logo,
  .tm-reference-header .header__logo a{
    height:88px !important;
    min-height:88px !important;
    max-width:none !important;
  }
  .tm-reference-header .shams-site-logo{
    width:188px !important;
    max-width:188px !important;
    max-height:40px !important;
    object-position:left center !important;
  }
  .tm-reference-header .header__nav{display:none !important;}
  .tm-reference-header .header-right .custom-btn{display:none !important;}
  .tm-reference-header .header__navicon{display:flex !important; align-items:center !important;}
  .tm-reference-header .header__navicon .bar-icon{
    width:30px !important;
    height:24px !important;
    gap:4px !important;
  }
  .tm-reference-header .header__navicon .bar-icon span{
    width:28px !important;
    height:3px !important;
    border-radius:20px !important;
    background:#2a2a2a !important;
  }
}

@media (max-width:767.98px){
  .tm-reference-header .header-area__inner{
    height:90px !important;
    min-height:90px !important;
    padding:0 22px !important;
  }
  .tm-reference-header .header__logo,
  .tm-reference-header .header__logo a{height:90px !important; min-height:90px !important;}
  .tm-reference-header .shams-site-logo{
    width:176px !important;
    max-width:176px !important;
    max-height:38px !important;
  }
}

/* homepage hero desktop sample */
.tm-hero{
  min-height:690px !important;
  height:690px !important;
  align-items:center !important;
  padding-top:0 !important;
}
.tm-hero__content{
  width:min(100% - 40px, 820px) !important;
  margin-top:-8px !important;
}
.tm-title{
  font-size:clamp(68px, 5.8vw, 82px) !important;
  font-weight:800 !important;
  letter-spacing:-2.4px !important;
  line-height:1 !important;
  margin:0 !important;
}
.tm-subtitle{
  margin:20px 0 12px !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:300 !important;
  letter-spacing:.2px !important;
}
.tm-description{
  max-width:660px !important;
  margin:0 auto 38px !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
.tm-hero__buttons{gap:14px !important;}
.tm-btn{
  min-width:170px !important;
  height:44px !important;
  padding:0 24px !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.45px !important;
}
.tm-stats{
  width:min(100% - 80px, 650px) !important;
  bottom:66px !important;
}
.tm-stat strong{font-size:31px !important;}
.tm-stat span{font-size:10px !important;line-height:1.35 !important;}

/* tablet/mobile hero sample - compact responsive height */
@media (max-width:991.98px){
  .tm-hero{
    min-height:820px !important;
    height:820px !important;
    align-items:flex-start !important;
    padding-top:110px !important;
  }
  .tm-hero__content{
    width:min(100% - 42px, 540px) !important;
    margin-top:0 !important;
  }
  .tm-title{
    font-size:clamp(48px, 11vw, 68px) !important;
    letter-spacing:-1.4px !important;
  }
  .tm-subtitle{
    font-size:18px !important;
    line-height:1.22 !important;
    margin:16px 0 14px !important;
  }
  .tm-description{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.55 !important;
    margin:0 auto 24px !important;
  }
  .tm-hero__buttons{
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
  }
  .tm-btn{
    width:100% !important;
    max-width:270px !important;
    min-width:270px !important;
    height:52px !important;
    font-size:12px !important;
    letter-spacing:.45px !important;
  }
  .tm-stats{
    width:min(100% - 40px, 520px) !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:18px 8px !important;
    bottom:28px !important;
  }
  .tm-stat::after{display:none !important;}
  .tm-stat strong{font-size:30px !important; margin-bottom:6px !important;}
  .tm-stat span{font-size:10px !important; letter-spacing:.2px !important;}
}

@media (max-width:575.98px){
  .tm-hero{
    min-height:760px !important;
    height:760px !important;
    padding-top:78px !important;
  }
  .tm-hero__content{width:calc(100% - 34px) !important;}
  .tm-title{font-size:40px !important; letter-spacing:-.8px !important;}
  .tm-subtitle{font-size:15px !important; margin:14px 0 12px !important;}
  .tm-description{
    font-size:14px !important;
    line-height:1.5 !important;
    margin:0 auto 22px !important;
  }
  .tm-description br{display:none !important;}
  .tm-btn{
    min-width:100% !important;
    max-width:260px !important;
    width:100% !important;
    height:50px !important;
    font-size:11px !important;
  }
  .tm-stats{
    width:calc(100% - 24px) !important;
    gap:16px 6px !important;
    bottom:20px !important;
  }
  .tm-stat{padding:6px 4px !important;}
  .tm-stat strong{font-size:27px !important; margin-bottom:5px !important;}
  .tm-stat span{font-size:9px !important; line-height:1.25 !important;}
}


/* === FINAL MOBILE HEADER + HERO REFINEMENTS === */
@media (max-width:1199.98px){
  .tm-reference-header .header-area__inner{
    height:72px !important;
    min-height:72px !important;
    padding:0 18px !important;
  }
  .tm-reference-header .header__logo,
  .tm-reference-header .header__logo a{
    height:72px !important;
    min-height:72px !important;
  }
  .tm-reference-header .shams-site-logo{
    width:172px !important;
    max-width:172px !important;
    max-height:36px !important;
  }
  .tm-reference-header .header-right{height:72px !important;}
  .tm-reference-header .header__navicon .bar-icon{width:27px !important;height:20px !important;gap:3px !important;}
  .tm-reference-header .header__navicon .bar-icon span{width:27px !important;height:2.5px !important;}
}

@media (max-width:767.98px){
  .tm-reference-header .header-main{min-height:68px !important;height:68px !important;}
  .tm-reference-header .header-area__inner{
    height:68px !important;
    min-height:68px !important;
    padding:0 16px !important;
    column-gap:10px !important;
  }
  .tm-reference-header .header__logo,
  .tm-reference-header .header__logo a{height:68px !important; min-height:68px !important;}
  .tm-reference-header .shams-site-logo{
    width:165px !important;
    max-width:165px !important;
    max-height:34px !important;
  }
  .tm-reference-header .header-right{height:68px !important;}
  .tm-reference-header .header__navicon .bar-icon{width:26px !important;height:18px !important;gap:3px !important;}
  .tm-reference-header .header__navicon .bar-icon span{width:26px !important;height:2.5px !important;}

  .mobile-menu.mean-container .mean-nav ul li a,
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a{
    font-size:15px !important;
    line-height:1.25 !important;
    padding:12px 0 !important;
  }
  .mobile-menu.mean-container .mean-nav ul li li a,
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{
    font-size:14px !important;
    padding:10px 0 10px 14px !important;
  }
  .mobile-menu.mean-container .mean-nav ul li a.mean-expand,
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{
    width:34px !important;
    height:34px !important;
    line-height:34px !important;
  }

  .tm-hero{
    min-height:690px !important;
    height:690px !important;
    align-items:flex-start !important;
    padding-top:76px !important;
  }
  .tm-hero__content{
    width:calc(100% - 30px) !important;
    max-width:360px !important;
    margin-top:0 !important;
  }
  .tm-title{font-size:36px !important;letter-spacing:-0.8px !important;line-height:1.02 !important;}
  .tm-subtitle{font-size:14px !important;line-height:1.22 !important;margin:13px 0 10px !important;}
  .tm-description{font-size:13px !important;line-height:1.45 !important;margin:0 auto 18px !important;max-width:100% !important;}
  .tm-description br{display:none !important;}
  .tm-hero__buttons{flex-direction:column !important;align-items:center !important;gap:10px !important;}
  .tm-btn{width:100% !important;max-width:286px !important;min-width:286px !important;height:48px !important;font-size:11px !important;padding:0 18px !important;}
  .tm-stats{
    width:calc(100% - 26px) !important;
    max-width:350px !important;
    bottom:18px !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px 10px !important;
  }
  .tm-stat{padding:2px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;}
  .tm-stat strong{font-size:24px !important;line-height:1 !important;margin:0 0 2px !important;}
  .tm-stat span{font-size:9px !important;line-height:1.12 !important;letter-spacing:0 !important;max-width:140px !important;margin:0 !important;}
}

@media (max-width:420px){
  .tm-reference-header .shams-site-logo{width:156px !important;max-width:156px !important;max-height:32px !important;}
  .tm-hero{min-height:670px !important;height:670px !important;padding-top:74px !important;}
  .tm-title{font-size:34px !important;}
  .tm-description{font-size:12.5px !important;line-height:1.42 !important;}
  .tm-btn{max-width:272px !important;min-width:272px !important;height:46px !important;}
  .tm-stats{width:calc(100% - 18px) !important;max-width:336px !important;gap:12px 4px !important;bottom:16px !important;}
  .tm-stat strong{font-size:23px !important;}
  .tm-stat span{font-size:8.5px !important;line-height:1.08 !important;}
}


/* ===== MOBILE NAVBAR FINAL POLISH ===== */
@media (max-width: 767.98px) {
  .tm-reference-header.header-area {
    margin: 0 !important;
    padding: 0 !important;
  }
  .tm-reference-header .header-main,
  .tm-reference-header .header-area__inner {
    height: 60px !important;
    min-height: 60px !important;
  }
  .tm-reference-header .header-area__inner {
    padding: 0 14px !important;
  }
  .tm-reference-header .header__logo,
  .tm-reference-header .header__logo a,
  .tm-reference-header .header-right {
    height: 60px !important;
    min-height: 60px !important;
  }
  .tm-reference-header .shams-site-logo {
    width: 154px !important;
    max-width: 154px !important;
    max-height: 31px !important;
  }
  .tm-reference-header .header-right .side-toggle {
    width: 34px !important;
    height: 34px !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .tm-reference-header .header__navicon .bar-icon {
    width: 23px !important;
    height: 17px !important;
    gap: 3px !important;
  }
  .tm-reference-header .header__navicon .bar-icon span {
    width: 23px !important;
    height: 2.2px !important;
    background: #333 !important;
  }
  .mobile-menu.mean-container .mean-nav ul li a,
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 11px 0 !important;
  }
  .mobile-menu.mean-container .mean-nav ul li li a,
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
    font-size: 13px !important;
    padding: 9px 0 9px 12px !important;
  }
}


/* === HOME FOOTER ON ALL PAGES + CLEAR LOGO SLOGAN === */
.shams-footer{
  background:#000000 !important;
}
.shams-footer::before{
  background:transparent !important;
}

/* Keep the logo large enough for its slogan to remain readable. */
@media (min-width:1200px){
  .tm-reference-header .shams-site-logo{
    width:238px !important;
    max-width:238px !important;
    max-height:48px !important;
  }
}
@media (min-width:768px) and (max-width:1199.98px){
  .tm-reference-header .shams-site-logo{
    width:220px !important;
    max-width:220px !important;
    max-height:43px !important;
  }
}
@media (max-width:767.98px){
  .tm-reference-header .header__logo{
    max-width:78% !important;
  }
  .tm-reference-header .shams-site-logo{
    width:202px !important;
    max-width:202px !important;
    max-height:40px !important;
  }
}
@media (max-width:420px){
  .tm-reference-header .shams-site-logo{
    width:190px !important;
    max-width:190px !important;
    max-height:37px !important;
  }
}

/* === FINAL LARGE, CLEAR NAVBAR LOGO === */
/* The source PNG includes transparent space below the artwork.  A fixed
   display box crops only that empty area so the complete visible logo and
   its text render substantially larger without changing the logo itself. */
@media (min-width:1200px){
  .tm-reference-header .header-area__inner{
    grid-template-columns:310px 1fr 132px !important;
  }
  .tm-reference-header .header__logo{
    width:310px !important;
    max-width:310px !important;
  }
  .tm-reference-header .shams-site-logo{
    width:300px !important;
    max-width:300px !important;
    height:auto !important;
    max-height:64px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
}
@media (min-width:768px) and (max-width:1199.98px){
  .tm-reference-header .shams-site-logo{
    width:250px !important;
    max-width:250px !important;
    height:auto !important;
    max-height:54px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
}
@media (max-width:767.98px){
  .tm-reference-header .header__logo{
    max-width:78% !important;
  }
  .tm-reference-header .shams-site-logo{
    width:220px !important;
    max-width:220px !important;
    height:auto !important;
    max-height:48px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
}
@media (max-width:420px){
  .tm-reference-header .shams-site-logo{
    width:210px !important;
    max-width:210px !important;
    height:auto !important;
    max-height:45px !important;
  }
}

.offset-logo{
  overflow:hidden;
}
.offset-logo .shams-site-logo{
  width:290px !important;
  max-width:290px !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
  object-position:left center !important;
}