/*
Theme Name: Provantage Media 2023 - Edited
Author: Russell Nagel
Author URI: www.lionmarketing.com
Description: Theme Created For Provantage Media Gorup
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: Provantage
*/

  #faq-page {
    font-family: 'Ciutadella', Arial, Helvetica, sans-serif;
  }

  #faq-page .faq-hero {
    background-color: #053750;
    padding: 80px 0 60px;
  }

  #faq-page .faq-hero h1 {
    color: #ffffff;
    font-weight: bold;
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
  }

  #faq-page .faq-hero p.lead {
    color: rgba(255,255,255,0.75);
    font-size: 1.1rem;
    font-weight: 300;
  }

  #faq-page .faq-hero hr {
    background-color: #FF0037;
    height: 3px !important;
    width: 40px;
    opacity: 1 !important;
    margin: 1.2rem 0;
    border: none;
  }

  #faq-page .faq-body {
    background-color: #F5F5F5;
    padding: 60px 0 80px;
  }

  #faq-page .faq-category-title {
    color: #053750;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid #FF0037;
    display: inline-block;
  }

  #faq-page .accordion-item {
    border: none;
    border-radius: 0 !important;
    margin-bottom: 6px;
    box-shadow: 1px 0px 10px -4px rgba(0,0,0,0.18);
  }

  #faq-page .accordion-button {
    font-family: 'Ciutadella', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #191E1E;
    background-color: #ffffff;
    border-radius: 0 !important;
    padding: 1.1rem 1.4rem;
    box-shadow: none !important;
  }

  #faq-page .accordion-button:not(.collapsed) {
    color: #005F8C;
    background-color: #ffffff;
  }

  #faq-page .accordion-button::after {
    filter: none;
  }

  #faq-page .accordion-button:not(.collapsed)::after {
    filter: none;
  }

  #faq-page .accordion-body {
    font-family: 'Ciutadella', Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #5F6969;
    background-color: #ffffff;
    padding: 0.5rem 1.4rem 1.4rem;
    font-size: 0.97rem;
    line-height: 1.7;
  }

  #faq-page .faq-cta {
    background-color: #005F8C;
    padding: 60px 0;
    text-align: center;
  }

  #faq-page .faq-cta h2 {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0.6rem;
  }

  #faq-page .faq-cta p {
    color: rgba(255,255,255,0.8);
    font-weight: 300;
    margin-bottom: 1.5rem;
  }

  #faq-page .faq-cta a.main-button {
    color: white;
    border: 1px solid white;
    padding: 9px 36px;
    text-decoration: none !important;
    display: inline-block;
    font-weight: 500;
    transition: background-color 0.2s, color 0.2s;
  }

  #faq-page .faq-cta a.main-button:hover {
    background-color: white;
    color: #005F8C;
  }

  #faq-page .faq-search-wrap {
    max-width: 500px;
    margin: 0 auto 40px;
  }

  #faq-search {
    border-radius: 0;
    border: 1px solid #d0d0d0;
    font-family: 'Ciutadella', Arial, Helvetica, sans-serif;
    font-size: 0.97rem;
    padding: 10px 16px;
  }

  #faq-search:focus {
    border-color: #005F8C;
    box-shadow: none;
  }

  .faq-item-hidden {
    display: none !important;
  }

#wpv-view-layout-8338, #wpv-view-layout-8338 .map-section, #js-wpv-addon-maps-render-pro-map-loop{height: 100% !important;}
#single-page a{color: #053750 !important;}
.error-page .text-center{min-height: 60vh;}

/* ---- Ciutadella Fonts (woff2 + ttf only) ---- */
@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-Medium.woff2') format('woff2'),
       url('fonts/Ciutadella-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-Bold.woff2') format('woff2'),
       url('fonts/Ciutadella-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-Light.woff2') format('woff2'),
       url('fonts/Ciutadella-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-LightItalic.woff2') format('woff2'),
       url('fonts/Ciutadella-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-BoldItalic.woff2') format('woff2'),
       url('fonts/Ciutadella-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-RegularItalic.woff2') format('woff2'),
       url('fonts/Ciutadella-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-Semibold.woff2') format('woff2'),
       url('fonts/Ciutadella-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-SemiboldItalic.woff2') format('woff2'),
       url('fonts/Ciutadella-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-Regular.woff2') format('woff2'),
       url('fonts/Ciutadella-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ciutadella';
  src: url('fonts/Ciutadella-MediumItalic.woff2') format('woff2'),
       url('fonts/Ciutadella-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

.map-modal-button {
  border: none;
  background: no-repeat;
  text-align: inherit;
  color: white;
  padding: 0;
  margin-top: auto;
  font-family: 'Ciutadella', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

#filterBtn {
  color: #5F6969 !important;
  border: 1px solid #5F6969 !important;
  display: inline-block !important;
  margin-right: 10px !important;
  text-decoration: none !important;
  background: no-repeat !important;
}

/*-----------------------------------*/
/*------- Global Styles Start -------*/
/*-----------------------------------*/

.bx-shadow-1,.bx-shadow-2,.bx-shadow-3,.bx-shadow-4 {
  box-shadow: 1px 0px 10px -4px rgba(0,0,0,0.5);
  position: relative;
}
.bx-shadow-1{z-index: 1;}
.bx-shadow-2{z-index: 2;}
.bx-shadow-3{z-index: 3;}
.bx-shadow-4{z-index: 4;}

.text-red{color: #FF0037 !important;}
.text-dblue{color: #053750 !important;}
.text-blue{color: #005F8C !important;}
.text-grey{color: #191E1E !important;}
.text-lgrey{color: #5F6969 !important;}
.text-white{color: #FFFFFF !important;}

.bg-grey-img {
  background-position: right;
  background-size: cover;
}
.bg-red-img, .bg-red {
  background-image: url('https://lion-test-sites.co.za/provantage/wp-content/uploads/2025/06/red-graphic.jpg');
  background-position: right;
  background-size: cover;
}
.padded{padding: 10vh;}
.bg-blue-img, .bg-blue {
  background-position: center;
  background-size: cover !important;
}
.bg-dblue{background-color: #053750 !important;}
.bg-blue{background-color: #005F8C !important;}
.bg-grey{background-color: #191E1E !important;}
.bg-lgrey{background-color: #5F6969 !important;}
.bg-slgrey{background-color: #F5F5F5 !important;}
.bg-white{background-color: #FFFFFF !important;}

html, h1, h2, h3, h4, h5, h6, p, a, li {
  font-family: 'Ciutadella', Arial, Helvetica, sans-serif;
}
hr {
  height: 3px !important;
  width: 30px;
  opacity: 1 !important;
}

#frm_form_1_container .frm_button_submit {
  border-radius: 0;
  background: white;
}
#frm_form_1_container .frm_button_submit:hover {
  background: #5F6969 !important;
  color: white;
  font-weight: 600;
}

#frm_form_1_container .frm_button_submit, .main-button {
  color: #5F6969;
  text-decoration: none;
  border: 1px solid #5F6969;
  padding: 7px 30px;
  display: inline-block;
  width: max-content;
  margin-right: 10px;
  text-decoration: none !important;
  margin-top: 5px;
/*   flex-grow: 1; */
  text-align: center;
}
.disabled {
  pointer-events: none;
  opacity: .8;
  display: none;
}
#frm_form_1_container .frm_button_submit:hover, .main-button:hover {
  background-color: #5F6969;
  color: white;
}
.text-white .main-button {
  color: white;
  text-decoration: none;
  border: 1px solid white;
  padding: 7px 30px;
  display: inline-block;
  width: max-content;
  margin-right: 10px;
}
.text-white.main-button:hover {
  background-color: white;
  color: #5F6969;
}

img {
  max-width: 100%;
  height: auto;
}
/*-------- Global Styles end --------*/


/*-----------------------------------*/
/*----- Front Page Styles Start -----*/
/*-----------------------------------*/

/* === Enterprise Section === */
#enterprise-section.padded { padding: 0 !important; }
.enterprise-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
#enterprise-section { position: relative; }
.enterprise-text {
  padding: 10vh 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.enterprise-media {
  padding: 0;
  position: inherit;
  min-height: 400px;
  overflow: hidden;
}
.ent-splide {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 50%;
}
.ent-splide .splide__track,
.ent-splide .splide__list,
.ent-splide .splide__slide {
  height: 100% !important;
}
.ent-splide .splide__slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* === Protrack Button === */
.protrack-button {
  border-radius: 15px;
  font-weight: bold;
  font-size: 27px;
  padding: 5px 20px !important;
}
.protrack-button:hover {
  background-color: #FF0037 !important;
  color: white !important;
}

/* === Front Page General === */
.front-page p{font-size: 22px;}
#front-page .splide__arrows{display: none !important;}
#splide01-track{height: 100%;}
#right-slide h2{font-size: 3rem;}
.section-two .row, .section-one .row{min-height: 100vh;}
#about .section-two-text, #about .section-one-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.section-one-left{min-height: 90vh;}
.front-business-logo img{width: 300px; max-width: 100%;}
.section-one-right {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#right-slide #arrow {
  font-size: 45px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 10px;
  transition: transform 1000ms;
  cursor: pointer;
}
#right-slide {
  background-color: rgba(100,100,100,0.2);
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: initial;
  transition: margin-left 1000ms;
  padding-right: 6% !important;
}
#splide01-list .active-text #right-slide{margin-left: 0 !important;}
#splide01-list .active-text #arrow{transform: rotate(3.142rad) !important;}
.splide__pagination{display: none !important;}

/*------ Capabilities ------*/
.asset-header {
  min-height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.business-block {
  display: flex;
  flex-direction: column;
}
#capabilities {
  padding: 2vh 0;
  /* min-height: 100vh; */
}
.asset-block{height: 100%;}
.cat-logos {
  flex-grow: 1;
  margin-top: 10px;
	transition: all ease-in-out 200ms;
}
.cat-logos a:hover img{transform:scale(1.05)}
.logo-block .logo-cat {
  padding: 0;
  border-bottom: 1px solid;
}
.logo-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
#marketing-block .logo-block img{max-width: 240px;}
.logo-block img {
  max-width: 220px;
  padding: 5px 0;
}
.logo-block a {
  display: contents;
  padding: 10px;
  margin-top: 10px;
}
.business-block .border-block {
  border: 1px solid;
  padding-top: 20px;
  border-top: none;
}
div.col-md-4:nth-child(1) > div:nth-child(1),
div.logo-block:nth-child(2) > div:nth-child(1) > h4:nth-child(1),
div.logo-block:nth-child(2) > div:nth-child(1),
div.col-md-4:nth-child(1) > div:nth-child(1) > h4:nth-child(1) {
  border-right: 1px dashed;
}
/* div.logo-block:nth-child(3) > div:nth-child(1),
div.business-block:nth-child(3) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
  border-right: 1px solid;
} */
#international-block .cat-logos a {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
#international-block .cat-logos{border-bottom: 1px solid #5F6969;}

/* === Hero Split Layout === */
#front-page {
  padding: 0 !important;
  margin: 0 !important;
}
.hero-split-row {
  display: flex;
  flex-direction: row;
  min-height: 90vh;
  width: 100%;
  position: relative;
  max-height: 90vh;
  overflow: hidden;
}
.hero-panel-left {
  width: 38%;
  flex-shrink: 0;
  overflow-x: clip;
}
.hero-panel-right {
  flex: 1 1 0;
  min-width: 0;
  height: 90vh;
  min-height: 90vh;
}
.hero-drag-handle {
  width: 5px;
  cursor: col-resize;
  background: rgba(0,0,0,0.18);
  position: relative;
  z-index: 20;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.hero-drag-handle:hover,
.hero-drag-handle.dragging {
  background: rgba(255,0,55,0.45);
}
.hero-drag-grip {
  border-radius: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 0 4px rgba(0,0,0,0.4);
  cursor: col-resize;
}
.hero-drag-grip svg {
  width: 32px;
  height: 32px;
  fill: #333;
  pointer-events: none;
}

/* === Hero Carousel (vanilla) === */
.hero-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero-carousel-slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0 !important;
  transition: opacity 1s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.hero-carousel-slide.active{opacity: 1 !important;}
.hero-slide-content {
  padding: 2rem 2.5rem;
  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
}
.hero-slide-logo img{max-width: 220px;}
.hero-slide-desc{font-size: 1.6rem; color: #fff; opacity: 0.9; margin: 0;}
.hero-quote{font-size: 0.85rem; opacity: 0.8;}

/* === About Section === */
.section-about{background-color: #053750;}
.about-text-block p{max-width: 800px;}
.letter-spacing-1{letter-spacing: 0.08em;}
.letter-spacing-2{letter-spacing: 0.15em;}

/* === Business Logos Splide === */
.business-logos-splide .splide__slide{display: flex; align-items: center; justify-content: center; padding: 5px 15px;}
.business-logos-splide .biz-logo-link{display: flex; align-items: center;}
.business-logos-splide img {
  max-height: 80px;
  max-width: 100%;
  transition: opacity 0.2s;
}
.business-logos-splide .biz-logo-link:hover img{opacity: 1;}
.business-logos-splide .splide__arrows button{border: none;}
.business-logos-splide .splide__arrow svg{fill: white;}

/* === Enterprising Section === */
.section-enterprising{background: #fff;}
.ent-text-col{justify-content: center;}
.ent-slide, .ent-slide-placeholder {
  height: 100%;
  min-height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* === Audience Measurement === */
.section-audience{background-color: #053750;}
.protrack-logo img{max-width: 280px;}
.border-white{border-color: white !important;}
.text-red{color: #FF0037 !important;}

/* === BEE Section === */
.section-bee{background: #fff;}
.section-bee a{text-decoration: none;}
.bee-statement{font-size: clamp(1.4rem, 3vw, 2.2rem); line-height: 1.3; font-weight: bold;}
.bee-cert-img{max-width: 280px; box-shadow: 0 4px 20px rgba(0,0,0,0.15);}

/* === Our Offering (tabbed archive) === */
.offering-tab-nav { gap: 8px; }
.offering-tab-btn { border: none; }
#offering-panel { transition: opacity 0.25s; min-height: 100px; }
.offering-item{padding: 15px;}
.offering-card{display: block; height: 100%; text-align: center; padding: 30px 20px; border: 1px solid #e0e0e0; background: #fff; transition: box-shadow 0.2s, transform 0.2s;}
.offering-card:hover{box-shadow: 0 6px 24px rgba(0,0,0,0.12); transform: translateY(-3px);}
.offering-icon{min-height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.offering-icon img, .offering-icon svg{max-width: 120px; max-height: 120px;}
.offering-title{color: #053750; font-weight: bold; font-size: 1.4rem;}
.offering-card hr{width: 30px; border-color: #FF0037; opacity: 1; margin: 10px auto 0;}

/* === Brand Scale === */
.brand-scale-section {
  background: #00384c;
  color: #fff;
  overflow: hidden;
}
.brand-scale-inner{width: 100%;}
.brand-logos-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-bottom: 3px solid #ff004f;
}
.brand-item {
  position: relative;
  text-align: center;
  padding: 30px 15px 20px;
}
.brand-item::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  width: 2px;
  height: 60%;
  background: #ff004f;
}
.brand-item:last-child::after{display: none;}
.brand-logo {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: brightness(0) invert(1);
  transition: all ease-in-out 200ms;
}
.brand-logo:hover{scale: 1.05;}
.fake-logo{font-size: 16px; font-weight: 700; letter-spacing: 1px;}
.stat-number{display: block; font-size: 42px; font-weight: 800; line-height: 1;}
.stat-label{display: block; margin-top: 5px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.75;}
.scale-content-row{display: flex; justify-content: center; align-items: center; gap: 100px; padding: 50px 30px;}
.scale-left h2{margin: 0; font-size: 56px; font-weight: 800; text-transform: uppercase;}
.scale-right{text-align: left;}
.scale-line{font-size: 34px; font-weight: 700; line-height: 1.25;}

/*------ Front Page Styles end ------*/


/*-----------------------------------*/
/*------- Footer Styles Start -------*/
/*-----------------------------------*/
.footer-menu{position: relative; margin-bottom: 15px;}
#menu-about-us::after,
#menu-media-services::after,
#menu-marketing::after {
  content: "";
  position: absolute;
  right: 20%;
  top: 40px;
  bottom: 0;
  width: 2px;
}
#menu-about-us::after,
#menu-marketing::after{border-right: 2px solid white;}
#menu-media-services::after{border-right: 2px dashed white;}
.social-icon i {
  background: white;
  color: #053750;
  padding: 8px 10px;
  border-radius: 100%;
}
.op-0{opacity: 0;}
.footer-menu li a{text-decoration: none; color: white !important;}
.footer-menu li:hover a{text-decoration: underline;}
.footer-menu .no-link a{opacity: 0.6; text-decoration: none !important;}
.footer-text p{padding-top: 10px; border-top: 2px solid; margin-top: 15px;}
.footer-text a{color: white;}
.footer-menu .current-menu-item a{color: #FF0037 !important; text-decoration: underline;}
.footer-section{border-top: 1px solid white;}
/*-------- Footer Styles end --------*/


/*-----------------------------------*/
/*------- Header Styles Start -------*/
/*-----------------------------------*/
/* === Third-level fly-right sub-menus (custom, BS 5.0.2 compatible) === */

/* Right-arrow indicator on sub-items that have children */
#main-menu .nav-flyright > .nav-flyright-toggle::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0.32em solid transparent;
  border-bottom: 0.32em solid transparent;
  border-left: 0.32em solid currentColor;
  margin-left: auto;
  float: right;
  margin-top: 7px;
}

/* Third-level panel: hidden by default, positioned to the right */
#main-menu .nav-flyright > .dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 1px;
  min-width: 200px;
  z-index: 1050;
}

/* Show on hover (desktop) */
@media (min-width: 768px) {
  #main-menu .nav-flyright:hover > .dropdown-menu {
    display: block;
  }
}

/* Show when JS toggles .flyright-open (mobile click) */
#main-menu .nav-flyright.flyright-open > .dropdown-menu {
  display: block;
}

/* Mobile: stack below instead of flying right */
@media (max-width: 767.98px) {
  #main-menu .nav-flyright > .dropdown-menu {
    position: static !important;
    left: auto;
    top: auto;
    margin-left: 1rem;
    box-shadow: none;
    border: none;
    border-left: 2px solid #FF0037;
  }
  #main-menu .nav-flyright > .nav-flyright-toggle::after {
    display: none;
  }
}
#front-page nav{position: relative;}
#front-page #front{position: absolute; top: 0; right: 0;}

#main-menu .navbar-nav .nav-link, #main-menu .dropdown-item {
  font-size: 15px;
  font-weight: bold;
}
#main-menu .dropdown-item.active,
#main-menu .dropdown-item .current-menu-item,
#main-menu .dropdown-item:hover,
#main-menu .dropdown-item:active {
  color: white;
  text-decoration: none;
  background-color: #ff0028;
}
#main-menu .dropdown-menu{padding: 0;}
#front-page .navbar-nav .nav-link,
#main-menu .navbar-nav .nav-link,
#front-page .navbar-nav .current-menu-item .nav-link {
  color: white;
  opacity: 0.6 !important;
  font-weight: 600;
}
#main-menu .navbar-nav .current-menu-item .nav-link,
#main-menu .navbar-nav .nav-link:hover,
#front-page .navbar-nav .nav-link:hover,
#main-menu .navbar-nav .current-menu-ancestor .nav-link {opacity: 1 !important;}
#main-menu .navbar-nav .nav-link a{font-size: 14px !important;}

.navbar-brand img{max-width: 250px;}
#myNavbar .menu-item {
  justify-content: end;
  align-items: end;
  display: flex;
}
#myNavbar .menu-item a {
  min-width: 70px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  width: max-content !important;
  display: block;
  padding: 2px 8px;
  color: white;
}
#myNavbar .menu-item:hover a{font-weight: 800;}

.wpv-archive-pagination-nav-links-container .page-link,
.wpv-archive-pagination-nav-links .page-link,
.wpv-pagination-nav-links-container .page-link,
.wpv-pagination-nav-links .page-link,
.wpv-pagination-preview-element .page-link {
  color: #5F6969;
  border: none;
}
.page-item.active .page-link {
  background-color: #5F6969 !important;
  border-color: #5F6969 !important;
}
.wpv-pagination-nav-links-container{justify-content: center;}
/*-------- Header Styles End --------*/


/*-----------------------------------*/
/*------- Business Styles Start -----*/
/*-----------------------------------*/
#single-business .splide__arrows{display: none;}
#single-business .row{min-height: calc(100vh - 110px);}
#single-business .text-spacer{height: 100%;}
#single-business .unit-text {
  padding: 3vw 6vw !important;
  max-height: 90vh !important;
  overflow: scroll !important;
}
.unit-text::after {
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 1px;
  box-shadow: 3px 1px 3px;
  z-index: 1;
}
.unit-level p{margin-bottom: 0; text-align: right;}
#single-business .social-icon i {
  background: #053750;
  color: white;
  padding: 8px 10px;
  border-radius: 100%;
}
#single-business .splide__slide{background-size: cover;}
.business-slides {
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}
.slider-content{width: 80%;}
.bg-orange, .bg-blue, .bg-Opaque, .bg-opaque {
  height: 100%;
  background-color: rgba(100,100,100,0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: initial;
}
.bg-orange{background-image: linear-gradient(to right top, #ff4e00, #ff420f, #ff3419, #ff2321, #ff0028);}
.bg-blue{background-image: linear-gradient(to right top, #265e88, #215479, #1d4a6a, #19405c, #16374e);}
h1.slide-main-heading{font-size: 6rem;}
/*-------- Business Styles End ----------*/


/*-----------------------------------*/
/*------- Leader Styles Start -------*/
/*-----------------------------------*/
#leadership .splide__arrow svg{fill: white;}
#leadership button.splide__arrow {
  background: #053750;
  border: 2px solid white;
}
#leadership .row{min-height: calc(100vh - 130px);}
#leadership .spacer{height: 100%;}
#leadership .mid-section{flex-grow: 1; padding-bottom: 10px;}
#leadership .unit-text{overflow: hidden;}
#leadership .splide01-track{overflow: visible;}
#splide01{max-width: 100%;}
#leadership .top-section{min-height: 50px;}
#leadership p{font-size: 1rem;}
#leadership h2{font-size: 1.8rem;}
#leadership .splide__arrows {
  position: relative;
  height: 40px;
  padding-top: 10px !important;
  display: flex;
  justify-content: end;
  align-items: center;
}
#leadership #splide01{display: flex; flex-direction: column;}
#leadership .bottom-arrows{margin-top: auto; border-top: 1px solid;}
#leadership button.splide__arrow:nth-child(1){margin-right: 10px;}
#leadership button.splide__arrow:nth-child(2){right: 0;}
#leadership button.splide__arrow:nth-child(1),
#leadership button.splide__arrow:nth-child(2){position: relative;}
.leader-right-text .page-content{padding-top: 20px;}
#leadership .splide__arrow--prev{left: 0;}
.hide-button{opacity: 0; pointer-events: none;}
#leadership .bottom-content img{max-width: 30%;}
#leadership .bottom-content > hr:nth-child(1){width: 70%; height: 1px !important; margin-bottom: 45px;}
#leadership .bottom-content{align-items: end;}
#leadership img.attachment-post-thumbnail:nth-child(2){padding-left: 10px;}
.bottom-content .border-bottom{margin-bottom: 40px;}
#leadership #splide01 .single-leader{height: 100%;}
#leadership #splide01 .single-leader .leader-text {
  background-size: 40%;
  background-repeat: no-repeat;
  padding-top: 20px;
  text-shadow: -1px -1px 0 #053750, 1px -1px 0 #053750, -1px 1px 0 #053750, 1px 1px 0 #053750;
}
#leadership #splide01 .single-leader .leader-text i{text-shadow: none !important;}
#leadership #splide01 .order-right{padding-right: 40%; padding-left: 0; background-position: center right;}
#leadership #splide01 .order-left{padding-left: 40%; padding-right: 0; background-position: center left;}
/*-------- Leader Styles End --------*/


/*-----------------------------------*/
/*------ Archive Styles Start -------*/
/*-----------------------------------*/
.single-post .post-image{background-size: cover; background-position: center; padding: 30%;}
.post-meta .categories {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid;
  padding-left: 10px;
  margin-left: 10px;
  padding-top: 2px;
}
.post-meta .categories li{list-style: none; padding-right: 15px !important;}
.post-meta .categories a{text-decoration: none !important; color: #FF0037 !important;}
.single-post .post-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
          line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: lighter;
}
.single-post .post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
          line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 70px;
}
.single-post a{text-decoration: none !important; color: #212529 !important;}
.single-post a.read-more{color: #383947; font-weight: bold; text-decoration: none; margin: 20px 0 25px;}
.single-post a.read-more:hover{color: #FF0037 !important;}
#archives .single-post:nth-child(1),#archives .single-post:nth-child(3n+1){padding: 0 40px 40px 0 !important;}
#archives .single-post:nth-child(2),#archives .single-post:nth-child(3n-1){padding: 0 20px 40px 20px !important;}
#archives .single-post:nth-child(3),#archives .single-post:nth-child(3n){padding: 0 0 40px 40px !important;}
#wpv-view-layout-8321{padding: 0;}
#archives .category-filter a {
  text-decoration: none !important;
  color: #FF0037 !important;
  padding-right: 10px;
  font-size: 13px;
}
.single-image{height: max-content;}
.single-bg{background-position: center; background-size: cover; height: 80vh;}
#archives .category-filter a:first-child{font-weight: bold; padding-bottom: 4px; color: #053750 !important;}
/*------- Archive Styles End --------*/


/*-----------------------------------*/
/*----- Responsive Styles Start -----*/
/*-----------------------------------*/

@media only screen and (max-width: 1350px) {
  .asset-header{height: 75px; justify-content: center; align-items: center; display: flex;}
  .logo-block img{max-width: 180px;}
  #marketing-block .logo-block img{max-width: 180px;}
}

@media only screen and (max-width: 1200px) {
  .single-bg{height: 70vh;}
  #right-slide{padding-left: 20px !important;}
  #leadership .leader-right-text, #leadership .leader-slides, .unit-text{padding: 2vw 2vw !important;}
  .hide-button{display: none;}
}

@media only screen and (max-width: 991px) {
  /* Hero split — stack vertically */
  .hero-split-row{flex-direction: column; max-height: none; overflow: visible;}
  .hero-panel-left{width: 100% !important; min-width: unset; overflow-x: visible;}
  .hero-panel-right{width: 100% !important; height: 50vw !important; min-height: 50vw;}
  .hero-carousel{height: 50vw;}
  .hero-drag-handle{display: none;}

  /* Brand scale grid */
  .brand-logos-row{grid-template-columns: repeat(3, 1fr);}
  .scale-content-row{flex-direction: column; gap: 30px; text-align: center;}
  .scale-right{text-align: center;}

  /* General */
  .section-one-left{padding: 1.5rem !important; min-height: auto;}
  .padded{padding: 5vh;}
  .ohmsa{margin: auto;}
  #archives .category-filter{justify-content: start !important; margin-top: 10px;}
  #archives .single-post:nth-child(1),#archives .single-post:nth-child(2n+1){padding: 0 15px 20px 0 !important;}
  #archives .single-post:nth-child(2n){padding: 0 0 20px 15px !important;}
  #splide01-track{min-height: 50vh; height: inherit;}
  #logos #splide01-track{min-height: fit-content;}
  #right-slide{max-width: 100%; padding-left: 20px !important;}
  #about .section-two-left .section-two-text, .section-one-left .section-one-text{padding-right: 20% !important;}
  .foooter-text{text-align: center;}
  .footer-menu{margin-top: 20px !important;}
  #menu-about-us::after,
  #menu-media-services::after,
  #menu-marketing::after{right: 10%;}
  .asset-header{height: revert;}
  .logo-block img{max-width: 180px;}
  .cat-logos{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
  .business-block{height: max-content; padding: 0 10px !important;}
  div.logo-block:nth-child(3) > div:nth-child(2){border: none;}
  .op-0{display: none;}
  #marketing-block .logo-cat{border: none;}
  #marketing-block .logo-block img{max-width: 220px;}
  .footer-section > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){text-align: center;}
  #leadership .bottom-content img{max-width: 170px; margin-top: 60px;}
  #leadership .top-section .op-0{display: block;}
}

@media only screen and (max-width: 767px) {
  /* Enterprise section — stack */
  #enterprise-section.padded { padding: 3vh 0 !important; }
  .enterprise-row{flex-direction: column;}
  .enterprise-media{order: 2; min-height: 60vw; position: relative;}
  .enterprise-text{order: 1; padding: 30px;}
  .ent-splide{left: 0;}

  /* General */
  .padded{padding: 3vh;}
  #archives .single-post:nth-child(1),#archives .single-post:nth-child(2n+1){padding: 0 0px 15px 0 !important;}
  #archives .single-post:nth-child(2n){padding: 0 0 15px 0px !important;}
  #front-page #front{position: initial;}
  #right-slide .p-5{padding: 1.2rem !important;}
  #right-slide h2{font-size: calc(1.325rem + .9vw);}
  #right-slide{max-width: 100%;}
  #menu-marketing::after{border: none !important;}
  #menu-about-us::after,
  #menu-media-services::after,
  #menu-marketing::after{right: 0;}
  div.col-md-4:nth-child(1) > div:nth-child(2),
  div.logo-block:nth-child(2) > div:nth-child(2){border-bottom: 1px dashed; margin-bottom: 15px; border-right: none;}
  div.logo-block:nth-child(1) > div:nth-child(1) > h4:nth-child(1),
  div.logo-block:nth-child(2) > div:nth-child(1) > h4:nth-child(1){border: none !important;}
  .footer-menu{text-align: center; justify-content: center;}
}

@media only screen and (max-width: 661px) {
  #leadership .splide__arrows{justify-content: revert !important;}
  #leadership #splide01 .order-right{background-position: calc(100% - -80px) calc(100%);}
  #leadership #splide01 .order-left{background-position: calc(0% - 100px) calc(100%);}
  #leadership #splide01 .order-left{padding-left: 45%;}
  #leadership #splide01 .order-right{padding-right: 45%;}
  #leadership #splide01 .single-leader .leader-text{background-size: 70%;}
}

@media only screen and (max-width: 575px) {
  /* Brand scale */
  .brand-logos-row{grid-template-columns: repeat(2, 1fr);}
  .scale-left h2{font-size: 36px;}
  .scale-line{font-size: 22px;}
  .stat-number{font-size: 30px;}

  /* General */
  #about .section-two-left .section-two-text, .section-one-left .section-one-text{padding-right: initial !important;}
  .p-4{padding: 1rem !important;}
  #leadership .mid-section{padding: 0;}
  .leader-slides, .unit-text{padding: 20px !important;}
  .unit-level{align-items: baseline;}
  #menu-about-us::after, #menu-media-services::after, #menu-marketing::after{border: none;}
  div.footer-menu:nth-child(3){margin-top: 0 !important;}
  #leadership h2{font-size: 1.2rem;}
  #leadership hr{margin-top: 10px !important;}
  #leadership p{font-size: 0.9rem !important;}
  #leadership #splide01 .order-right{padding-right: 35% !important;}
  #leadership #splide01 .order-left{padding-left: 35% !important;}
  #leadership #splide01 .order-left{transform: scaleX(-1);}
  #leadership #splide01 .order-left .spacer{transform: scaleX(-1);}
  #leadership #splide01 .order-right{background-position: calc(100% - -50px) calc(100%);}
  #leadership #splide01 .order-left{background-position: calc(0% - 50px) calc(100%);}
  #leadership #splide01 .single-leader .leader-text{background-size: 70%; padding: 0px;}
  .leader-slides, .unit-text{padding: 10px !important;}
  h1.slide-main-heading{font-size: 4rem !important;}
}

/*------ Responsive Styles End ------*/