/*
 Theme Name:  akoca Child Theme
 Theme URL:    https://akoca-seo.co.uk/
 Description:  Child Theme for Divi
 Author:       Akoca SEO
 Author URI:   https://akoca-seo.co.uk/
 Template:     Divi
 Version:      1.0.0
*/

/* 
========================================
INSTRUCTIONS FOR DEVELOPERS
========================================
This section of code contains responsive heading styles, body text styles, and @font-face declarations for custom fonts. 
These styles are commented out by default to prevent them from affecting the site until they are needed. Follow the steps below 
to activate and customise them as per your project requirements.

1. ACTIVATING STYLES:
   - Remove the `/*` at the beginning and the end of any section you want to enable. This will make the styles active on the website.

2. CUSTOMISING PLACEHOLDERS:
   - Replace all instances of `PLACEHOLDER_MIN`, `PLACEHOLDER_CALC`, and `PLACEHOLDER_MAX` with the actual `clamp()` values for each heading or body text.
   - Replace `PLACEHOLDER_FONT` with your actual font family name in the `@font-face` declarations, and update the URLs to point to the correct font files.

3. ADDING/REMOVING STYLES:
   - If additional font weights or styles are required, copy the existing `@font-face` structure and adjust the weight/style accordingly.
   - Delete any unnecessary `@font-face` rules if the project doesn't require them.

5. DEACTIVATING STYLES:
   - To deactivate any section, re-wrap it in `/*`  comment tags.

By following these instructions, you ensure the template remains flexible and doesn't impact the project until customised.
=======================================
*/


/* Responsive Headings 
h1 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h2 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h3 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h4 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h5 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h6 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
*/

/* Responsive Body Text
body, p, .et_pb_text_inner, .et_pb_text_inner p, .dsm_icon_list_text, .dsm_business_hours, .dsm-content, .et_pb_blurb_description {
	font-size: clamp(PLACEHOLDER_MIN_BODY, PLACEHOLDER_CALC_BODY, PLACEHOLDER_MAX_BODY);
}
a {
	color: PLACEHOLDER_COLOR;
}

/* Custom Font Regular 
@font-face {
    font-display: swap;
    font-family: 'PLACEHOLDER_FONT';
    src: url('fonts/PLACEHOLDER_FONT-regular.woff2') format('woff2'),
         url('fonts/PLACEHOLDER_FONT-regular.woff') format('woff'); 
    font-weight: normal;
    font-style: normal;
}
*/

/* Custom Font Italic 
@font-face {
    font-display: swap;
    font-family: 'PLACEHOLDER_FONT';
    src: url('fonts/PLACEHOLDER_FONT-italic.woff2') format('woff2'),
         url('fonts/PLACEHOLDER_FONT-italic.woff') format('woff'); 
    font-weight: normal;
    font-style: italic;
}
*/

/* Custom Font Bold 
@font-face {
    font-display: swap;
    font-family: 'PLACEHOLDER_FONT';
    src: url('fonts/PLACEHOLDER_FONT-bold.woff2') format('woff2'),
         url('fonts/PLACEHOLDER_FONT-bold.woff') format('woff'); 
    font-weight: bold;
    font-style: normal;
}

/* Poppins - Regular 
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-regular.woff2') format('woff2'),
         url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* Poppins - Bold 
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-700.woff2') format('woff2'),
         url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

*/
/* Site Credit Styling */
.site-credit {
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.site-credit img {
    max-width: 20px;
    height: auto;
}

.site-credit a {
  font-family: 'Poppins', sans-serif;
  color: #152a43;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.site-credit a:hover {
    color: #c93939;
	text-decoration: none !important;
}
/*****Add any custom CSS below this line*****/

/*==============================================
   FONT-FACE DECLARATIONS
===============================================*/
/* Responsive Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter Display';
}

h1 {
  font-size: clamp(1.5rem, 1rem + 2.5vw, 4rem);
  line-height: 1.1;
  font-weight: 600;
}

h2 {
  font-size: clamp(1.25rem, 1.071rem + 0.893vw, 2rem);
  line-height: 1.25;
}

h3 {
  /* H3: 24px (desktop), 20px (tablet), 18px (mobile) */
  font-size: clamp(1.125rem, 1.036rem + 0.446vw, 1.5rem);
  line-height: 1.3;
}

h4 {
  /* H4: 20px (desktop), 18px (tablet), 16px (mobile) */
  font-size: clamp(1rem, 0.911rem + 0.446vw, 1.25rem);
  line-height: 1.35;
}

h5 {
  /* H5: 18px (desktop), 16px (tablet), 14px (mobile) */
  font-size: clamp(0.875rem, 0.786rem + 0.446vw, 1.125rem);
  line-height: 1.4;
  font-weight: 600;
}

h6 {
  /* H6: 16px (desktop), 14px (tablet), 13px (mobile) */
  font-size: clamp(0.8125rem, 0.768rem + 0.223vw, 1rem);
  line-height: 1.45;
}


body, p, .et_pb_text_inner, .et_pb_text_inner p, .dsm_icon_list_text, .dsm_business_hours, .dsm-content, .et_pb_blurb_description {
    font-family: 'IBM Plex Sans';
   font-weight: 400;
	 font-size: clamp(0.9375rem, 0.9rem + 0.25vw, 1rem);
    line-height: 1.65;
}

.hero-p{
  font-family: 'IBM Plex Sans' !important;
  font-weight: 300 !important;
	font-size: clamp(1rem, 0.875rem + 0.5vw, 1.125rem)!important;
  line-height: 1.25 !important;
}

.content-p, .privacy-policy-list li a{
  font-family: 'IBM Plex Sans' !important;
  font-weight: 400 !important;
	 font-size: clamp(0.9375rem, 0.9rem + 0.25vw, 1rem);
  line-height: 1.2 !important;
}

a {
	color: #11B3E4;;
}

/* ======================================
   Inter Display — CUSTOM STYLING
====================================== */

/* Thin (100) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-ThinItalic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
}

/* ExtraLight (200) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
}

/* Light (300) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

/* Regular (400) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

/* Medium (500) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

/* SemiBold (600) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
}

/* Bold (700) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}

/* ExtraBold (800) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
}

/* Black (900) */
@font-face {
  font-display: swap;
  font-family: 'Inter Display';
  src: url('fonts/InterDisplay-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

/* ======================================
   IBM Plex Sans — CUSTOM STYLING
====================================== */

/* Thin (100) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-Thin.woff2') format('woff2'),
       url('fonts/IBMPlexSans-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-ThinItalic.woff2') format('woff2'),
       url('fonts/IBMPlexSans-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* ExtraLight (200) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-ExtraLight.woff2') format('woff2'),
       url('fonts/IBMPlexSans-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-ExtraLightItalic.woff2') format('woff2'),
       url('fonts/IBMPlexSans-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light (300) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-Light.woff2') format('woff2'),
       url('fonts/IBMPlexSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
       url('fonts/IBMPlexSans-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular / Text (400) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-Regular.woff2') format('woff2'),
       url('fonts/IBMPlexSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-Italic.woff2') format('woff2'),
       url('fonts/IBMPlexSans-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-Medium.woff2') format('woff2'),
       url('fonts/IBMPlexSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-MediumItalic.woff2') format('woff2'),
       url('fonts/IBMPlexSans-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* SemiBold (600) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
       url('fonts/IBMPlexSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
       url('fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-Bold.woff2') format('woff2'),
       url('fonts/IBMPlexSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-BoldItalic.woff2') format('woff2'),
       url('fonts/IBMPlexSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}



/* =========== BUTTON Styles =============== */
/* Hero Buttons */

.hero-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
    font-family: 'Inter Display';
}

/* Hero Buttons Cenetered */
.hero-cta-buttons-centered {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
  font-family: 'Inter Display';
  justify-content: center;
  text-align: center;
}

@media (max-width: 980px) {
  .hero-cta-buttons {
    justify-content: center;
    text-align: center;
  }
}

/* Primary Button: View Our Stock */
.button-primary {
  position: relative;
  background-color: #11B3E4;;
  color: #fff;
  padding: 0.75rem 1.75rem;
  font-weight: 400;
  border-radius: 10px;
  text-decoration: none;
  font-size: clamp(0.875rem, 0.85rem + 0.25vw, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  transition: all 0.3s ease;
  overflow: hidden;
  border:none !important;
}


.button-primary:hover, .button-primary-centered:hover{
    background-color: #3A7EA1;
}

.button-primary-centered {
  position: relative;
  background-color: #11B3E4;;
  color: #fff;
  padding: 0.75rem 1.75rem;
  font-weight: 400;
  border-radius: 10px;
  text-decoration: none;
  font-size: clamp(0.875rem, 0.85rem + 0.25vw, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  transition: all 0.3s ease;
  overflow: hidden;
  border:none !important;
  margin:0 auto;
}

.button-secondary {
  color: #11B3E4;
  padding: 0.75rem 1.75rem;
  font-weight: 400;
  text-decoration: none;
  font-size: clamp(0.875rem, 0.85rem + 0.25vw, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  transition: all 0.3s ease;
  overflow: hidden;
}

.button-secondary-white {
  color: #ffffff;
  padding: 0.75rem 1.75rem;
  font-weight: 400;
  text-decoration: none;
  font-size: clamp(0.875rem, 0.85rem + 0.25vw, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  transition: all 0.3s ease;
  overflow: hidden;
}

.button-secondary-nopadding {
  color: #4888A3;
  padding: 0.75rem 0 0.75rem 0;
  font-weight: 400;
  text-decoration: underline;
  font-size: 1.125rem;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  transition: all 0.3s ease;
  overflow: hidden;
}

.solo{
  padding: 0px !important; 
}

.privacy-policy-page .content-p{
  padding-left:2vw;
  padding-right: 2vw;
}

/* ======================================
   akoca-menu — DIVI MENU MODULE DROPDOWN (FINAL)
   Parent-aligned submenu (left edge)
====================================== */

.akoca-menu {
  /* Card styling */
  --submenu-bg: #3E7F9B;
  --submenu-shadow: 0 12px 28px -14px rgba(0,0,0,.35);

  /* Card padding */
  --submenu-pad-y: 4px;
  --submenu-pad-x: 4px;

  /* Link spacing */
  --link-pad-y: 6px;
  --link-pad-x: 18px;

  /* Typography */
  --link-size: 14px;
  --link-weight: 300;
  --link-color: #ffffff;
  --link-hover-color: #3A7EA1;

  /* Hover */
  --hover-bg: #B8F0FF;

  /* Safety */
  --submenu-max-width: min(520px, calc(100vw - 32px));
}

/* Make parent <li> the anchor */
.akoca-menu ul.nav > li {
  position: relative;
}

/* Dropdown card */
.akoca-menu .et-menu-nav ul.sub-menu {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: max-content;
  max-width: var(--submenu-max-width);
  padding: var(--submenu-pad-y) var(--submenu-pad-x);
  border-top: 0;
  border-radius: 12px 12px 12px 32px;
  background: var(--submenu-bg);
  box-shadow: var(--submenu-shadow);
  overflow: hidden;
}

/* Align submenu with parent (Option A) */
.akoca-menu ul.nav > li > ul.sub-menu {
  left: 0 !important;
  transform: none !important;
}

/* Remove arrow */
.akoca-menu ul.nav > li > ul.sub-menu::before {
  content: none !important;
}

/* Reset list items */
.akoca-menu ul.sub-menu li {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Links — uniform base */
.akoca-menu .nav li li a {
  display: block;
  width: 100%;
  padding: var(--link-pad-y) var(--link-pad-x);
  text-align: left;
  font-size: var(--link-size);
  font-weight: var(--link-weight);
  line-height: 1.35;
  color: var(--link-color) !important;
  background: transparent;
  white-space: normal;
  border-radius: 0;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Middle dropdown links (not first or last) */
.akoca-menu .nav li li:not(:first-child):not(:last-child) > a {
  border-radius: 4px;
}

/* First dropdown link */
.akoca-menu .nav li li:first-child > a {
  border-radius: 8px 8px 4px 4px;
}

/* Last dropdown link */
.akoca-menu .nav li li:last-child > a {
  border-radius: 4px 4px 8px 30px;
}

/* Hover state */
.akoca-menu .nav li li a:hover {
  background: var(--hover-bg);
  color: var(--link-hover-color) !important;
}

/* Second-level submenu positioning */
.akoca-menu .nav li li ul {
  left: 100%;
}
.akoca-menu .nav li.et-reverse-direction-nav li ul {
  left: auto;
  right: 100%;
}

/* Vertical spacing when menu has no logo */
.akoca-menu.et_pb_menu--without-logo
.et_pb_menu__menu > nav > ul > li > a {
  padding-bottom: 15px;
}

/* Parent dropdown arrow: show "2" on hover */
.akoca-menu .menu-item-has-children:hover > a:first-child::after {
  content: "2";
}


/* ======================================
   Section Kicker — CUSTOM STYLING
====================================== */

.section-kicker .kicker{
  position: relative;
  display: inline-block;
  padding-left: 18px;           /* space for the dot */
  font-size: 12px;
  font-family:'Inter Display';
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
}

/* Dot */
.section-kicker .kicker::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #fff;
  transform: translateY(-50%);
}

/* ======================================
   Section Kicker Blue — CUSTOM STYLING
====================================== */

.section-kicker-blue .kicker{
  position: relative;
  display: inline-block;
  padding-left: 18px;           /* space for the dot */
  font-size: 12px;
  font-family:'Inter Display';
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #3A7EA1;;
  line-height: 1;
}

/* Dot */
.section-kicker-blue .kicker::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #3A7EA1;;
  transform: translateY(-50%);
}


/* ======================================
   Blog Cards — DIVI SAFE SLIDER
   Mockup Match + Functional Arrows + Peek Next
   + Category Pill + Pagination Bars (PER CARD)
====================================== */

/* ==============================
   SLIDER VIEWPORT
============================== */
.akoca-blog-cards{
  --akoca-slide-h: 340px;          /* card height */
  --akoca-peek-h: 140px;           /* ~30% peek */
  --akoca-gap: 22px;               /* space between slides */

  /* pagination sizing */
  --akoca-dot-inactive: 26px;      /* shorter inactive bars */
  --akoca-dot-active: 50px;        /* longer active bar */

  position: relative;
  height: calc(var(--akoca-slide-h) + var(--akoca-peek-h));
  overflow: hidden;
}

.akoca-blog-cards .et_pb_blog_grid{ height: 100%; }
.akoca-blog-cards .et_pb_salvattore_content{ height: 100%; }

/* Track wrapper */
.akoca-blog-cards .et_pb_salvattore_content > .column.size-1of1{
  display: flex;
  flex-direction: column;
  gap: var(--akoca-gap);
  transform: translateY(0);
  transition: transform 0.6s ease;
  will-change: transform;
}

/* ==============================
   EACH BLOG POST = ONE SLIDE
============================== */
.akoca-blog-cards article.et_pb_post{
  position: relative;
  height: var(--akoca-slide-h);
  min-height: var(--akoca-slide-h);
  flex: 0 0 var(--akoca-slide-h);

  margin: 0 !important;
  overflow: hidden;
  border-radius: 20px;

  background: #0b3b49;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 28px 0;
}

/* ==============================
   FEATURED IMAGE AS BACKGROUND
   FIX: Divi wraps img in a link (.entry-featured-image-url)
   The link needs full height so img {height:100%} can work
============================== */
.akoca-blog-cards .et_pb_image_container{
  position: absolute !important;
  inset: 0;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* NEW: force the featured image link wrapper to fill the card */
.akoca-blog-cards .et_pb_image_container a.entry-featured-image-url{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.akoca-blog-cards .et_pb_image_container img{
  width: 100% !important;
  height: 100% !important;
  object-fit: fill;
  display: block;
}

/* Gradient overlay */
.akoca-blog-cards article.et_pb_post::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.78) 0%,
    rgba(0,0,0,0.40) 55%,
    rgba(0,0,0,0.10) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Content */
.akoca-blog-cards .entry-title,
.akoca-blog-cards .post-content{
  position: relative;
  z-index: 4;
  padding-left: 26px;
  padding-right: 110px; /* space for arrows */
  max-width: 100%;
  color: #fff;
}
.akoca-blog-cards .entry-title{
  margin: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}
.akoca-blog-cards .entry-title a{
  color: #B8F0FF !important;
  text-decoration: none;
  font-size: clamp(1rem, 0.911rem + 0.446vw, 1.25rem);
  line-height: 1.25em !important;
  display: block;
}
.akoca-blog-cards .post-content p{
  margin: 0;
  color: #ffffff;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
}

/* ==============================
   CATEGORY PILL (Injected by JS)
============================== */
.akoca-blog-cards .akoca-pill{
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.65);
  background: rgba(0,0,0,0.20);
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.95);
  white-space: nowrap;
}
.akoca-blog-cards .akoca-pill::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #fff;
  flex: 0 0 auto;
}

/* ==============================
   PAGINATION BARS (PER CARD)
============================== */
.akoca-blog-cards .akoca-pagination{
  position: absolute;
  left: 26px;
  bottom: 18px;
  z-index: 8;
  display: flex;
  gap: 10px;
  align-items: center;
}
.akoca-blog-cards .akoca-dot{
  width: var(--akoca-dot-inactive);
  height: 4px;
  border-radius: 999px;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: rgba(255,255,255,0.28);
  transition: width 0.3s ease, background 0.3s ease;
}
.akoca-blog-cards .akoca-dot.is-active{
  width: var(--akoca-dot-active);
  background: rgba(255,255,255,0.95);
}
.akoca-blog-cards .akoca-dot:focus{ outline: none; }
.akoca-blog-cards .akoca-dot:focus-visible{
  box-shadow: 0 0 0 2px rgba(255,255,255,0.35);
}

/* ==============================
   ARROW RAIL
============================== */
.akoca-blog-cards .akoca-rail{
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 54px;
  height: 122px;
  border-radius: 999px;
  border: none;
  z-index: 7;
  display: grid;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-items: center;
  padding: 10px 0;
}
.akoca-blog-cards .akoca-rail button{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid #B8F0FF;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
}
.akoca-blog-cards .akoca-rail button:focus{ outline: none; }
.akoca-blog-cards .akoca-rail button:focus-visible{
  box-shadow: 0 0 0 2px rgba(255,255,255,0.35);
}
.akoca-blog-cards .akoca-rail button:disabled{
  opacity: 0.35;
  cursor: default;
}

/* Up / Down icons */
.akoca-blog-cards .akoca-up::before{
  content:"";
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 11l5-5 5 5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat;
}
.akoca-blog-cards .akoca-down::before{
  content:"";
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v12' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 13l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat;
}

/* Hovers */
@media (hover:hover){
  .akoca-blog-cards .akoca-rail button:hover{ background: rgba(255,255,255,0.08); }
  .akoca-blog-cards .akoca-dot:hover{ background: rgba(255,255,255,0.55); }
}

/* ==============================
   RESPONSIVE (MOBILE)
   Force Salvattore columns to behave like a single track
============================== */
@media (max-width: 980px){
  .akoca-blog-cards{
    --akoca-slide-h: 400px;
    --akoca-peek-h: 120px;
    --akoca-gap: 18px;

    /* slightly smaller pagination on mobile */
    --akoca-dot-inactive: 16px;
    --akoca-dot-active: 64px;

    overflow: hidden !important;
  }

  /* Make sure columns are NOT floating side-by-side on mobile */
  .akoca-blog-cards .et_pb_salvattore_content .column{
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Keep the track stacking vertically */
  .akoca-blog-cards .et_pb_salvattore_content > .column.size-1of1{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: var(--akoca-gap) !important;
  }

  /* Ensure slide sizing remains consistent */
  .akoca-blog-cards article.et_pb_post{
    flex: 0 0 var(--akoca-slide-h) !important;
    height: var(--akoca-slide-h) !important;
  }

  .akoca-blog-cards .entry-title,
  .akoca-blog-cards .post-content{
    padding-right: 104px;
  }
}

/* ======================================
   Contact Us Page Form — FINAL CONSOLIDATED STYLING
   Base selector: .contact-us-page-form
====================================== */

/* Outer frosted container */
.contact-us-page-form{
  max-width: 760px;
  margin: 0 auto;
}

.contact-us-page-form .et_pb_code_inner{
  padding: 40px 44px 46px;
  border-radius: 18px;

  background: rgba(255,255,255,.48);
  box-shadow: 0 18px 55px rgba(0,0,0,.12);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Heading */
.contact-us-page-form h1{
  margin: 0 0 22px;
  text-align: center;

  font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  line-height: 1.2;
  color: #2aa8c6;
}

/* Hide labels (placeholders used instead) */
.contact-us-page-form .ff-el-form-hide_label .ff-el-input--label{
  display: none !important;
}

/* Field spacing */
.contact-us-page-form .ff-el-group{
  margin: 0 0 12px !important;
}

/* Inputs + textarea — flat etched look (matches mockup) */
.contact-us-page-form .ff-el-form-control{
  width: 100%;
  height: auto !important;

  background: rgba(0, 0, 0, 0.02) !important; /* exact mockup value */
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 6px !important;

  padding: 14px 16px !important;

  font-size: 14px !important;
  line-height: 1.35 !important;
  color: rgba(30,55,65,.9) !important;

  box-shadow: none !important;
  outline: none !important;

  transition: border-color .2s ease, box-shadow .2s ease;
}

/* Placeholder text */
.contact-us-page-form .ff-el-form-control::placeholder{
  color: rgba(42,168,198,.85) !important;
  opacity: 1;
}

/* Focus state — subtle aqua outline */
.contact-us-page-form .ff-el-form-control:focus{
  background: rgba(0, 0, 0, 0.02) !important;
  border-color: rgba(42,168,198,.45) !important;
  box-shadow: 0 0 0 3px rgba(184,240,255,.55) !important;
}

/* Textarea sizing */
.contact-us-page-form textarea.ff-el-form-control{
  min-height: 140px !important;
  resize: none;
}

/* Date/time picker icon */
.contact-us-page-form .ff-el-datepicker{
  cursor: pointer;
  padding-right: 44px !important;

  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 18px 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232aa8c6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

/* Submit button */
.contact-us-page-form .ff_submit_btn_wrapper{
  margin-top: 18px !important;
  text-align: center !important;
}

.contact-us-page-form .ff-btn-submit{
  background: #2aa8c6 !important;
  color: #ffffff !important;
  border: 0 !important;

  border-radius: 8px !important;
  padding: 12px 30px !important;

  font-size: 14px !important;
  font-weight: 600 !important;

  box-shadow: 0 14px 30px rgba(0,0,0,.16);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.contact-us-page-form .ff-btn-submit:hover{
  filter: brightness(.97);
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(0,0,0,.18);
}

.contact-us-page-form .ff-btn-submit:active{
  transform: translateY(0);
}

/* Error state */
.contact-us-page-form .ff-el-is-error .ff-el-form-control{
  border-color: rgba(220,70,70,.55) !important;
  box-shadow: 0 0 0 3px rgba(220,70,70,.14) !important;
}

.contact-us-page-form .ff-error{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(120,40,40,.95) !important;
}

/* Mobile */
@media (max-width: 480px){
  .contact-us-page-form .et_pb_code_inner{
    padding: 28px 18px 32px;
  }

  .contact-us-page-form .ff-el-form-control{
    padding: 13px 14px !important;
  }

  .contact-us-page-form textarea.ff-el-form-control{
    min-height: 120px !important;
  }
}

/* ======================================
   Footer Contact Form — CUSTOM STYLING
   (placeholder-only version)
====================================== */

/* Base wrapper */
.footer-form{
  background: transparent;
}

/* Form width + centring */
.footer-form .fluentform_wrapper{
  max-width: 520px;
  margin: 0 auto;
}

/* Spacing between fields */
.footer-form .ff-el-group{
  margin: 0 0 18px;
}

/* Since labels are hidden, make each field full width */
.footer-form .ff-el-group:not(.ff_submit_btn_wrapper){
  display: block;
}

/* Hard-hide labels (belt + braces) */
.footer-form .ff-el-form-hide_label .ff-el-input--label{
  display: none !important;
}
.footer-form .ff-el-form-hide_label .ff-el-input--content{
  width: 100%;
}

/* Inputs & textarea = transparent + underline */
.footer-form .ff-el-form-control{
  width: 100%;
  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 0 !important;

  padding: 12px 0 14px !important;
  height: auto !important;

  color: rgba(255,255,255,.92) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;

  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder styling (this is now your “label”) */
.footer-form .ff-el-form-control::placeholder{
  color: rgba(255,255,255,.70) !important;
  opacity: 1;
}

/* Focus state (brighter underline) */
.footer-form .ff-el-form-control:focus{
  border-bottom-color: rgba(184,240,255,.95) !important; /* #b8f0ff */
}

/* Message field: compact + no resize */
.footer-form textarea.ff-el-form-control{
  resize: none;
  min-height: 54px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Date/time picker: subtle clock icon on the right */
.footer-form .ff-el-datepicker{
  cursor: pointer;
  padding-right: 34px !important;
  background-repeat: no-repeat !important;
  background-position: right 6px center !important;
  background-size: 16px 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.65)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") !important;
}

/* Validation/errors */
.footer-form .ff-el-is-error .ff-el-form-control{
  border-bottom-color: rgba(255,120,120,.9) !important;
}
.footer-form .ff-error{
  margin-top: 6px;
  color: rgba(255,255,255,.85) !important;
  font-size: 12px;
}

/* Submit button centred */
.footer-form .ff_submit_btn_wrapper{
  margin-top: 26px;
  text-align: center;
}

.footer-form .ff-btn-submit{
  background:#11B3E4 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 8px !important;
  padding: 10px 26px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .2px;
  transition: all .2s ease;
}

.footer-form .ff-btn-submit:hover{
  background: rgba(184,240,255,.22) !important; /* #b8f0ff tint */
  border-color: rgba(184,240,255,.6) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0,0,0,.22);
}

/* Optional: tighten up the whole block on very small screens */
@media (max-width: 480px){
  .footer-form .fluentform_wrapper{
    max-width: 100%;
  }
}


/* ======================================
   Blurb Info Class — Custom Radius
====================================== */

.blurb-info .et_pb_main_blurb_image img{
  border-radius: 16px 16px 16px 60px;
}

.blurb-info .et_pb_blurb_description{
  padding: 0 14px 20px 14px;
  color:#3A7EA1;
}

.blurb-info .et_pb_blurb_container h4{
   padding: 0 14px 0px 14px;
   line-height: 1.4em;
}

.blurb-info .et_pb_blurb_content{
  max-width: 100%;
}

/* ======================================
   Blurb Info Row — Equal Height Cards
====================================== */

/* Desktop/tablet (Divi’s main breakpoint is 981px) */
@media (min-width: 981px){

  /* Force the row to behave like a flex row and stretch children */
  .blurb-info-row{
    display: flex !important;
    align-items: stretch !important;
  }

  /* Divi columns often use floats/inline styles — override them */
  .blurb-info-row > .et_pb_column{
    float: none !important;
    display: flex !important;
    align-items: stretch !important;

    /* keep 5-col layout consistent */
    flex: 1 1 0 !important;
  }

  /* Make the blurb module fill the full height of the column */
  .blurb-info-row .blurb-info{
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
  }

  /* Make the blurb content behave like a full-height card */
  .blurb-info-row .blurb-info .et_pb_blurb_content{
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Ensure the text container can stretch too */
  .blurb-info-row .blurb-info .et_pb_blurb_container{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
  }
}



/* ======================================
   Expertise List — Exact Figma Check Icon
====================================== */

.expertise-list{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Each list row */
.expertise-list li{
  position: relative;
  padding-left: 50px;          /* space for icon */
  margin-bottom: 24px;

  font-size: 1rem;
  line-height: 1.55;
  color: rgba(255,255,255,.9);
}

/* SVG check icon (from Figma) */
.expertise-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;                 /* vertical alignment with text */

  width: 28px;
  height: 28px;

  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.6668 12.9267V14C25.6654 16.5158 24.8507 18.9638 23.3444 20.9788C21.838 22.9938 19.7207 24.4679 17.3081 25.1812C14.8955 25.8945 12.317 25.8089 9.95705 24.937C7.59712 24.0651 5.58226 22.4538 4.21295 20.3432C2.84364 18.2327 2.19325 15.7361 2.35879 13.2257C2.52432 10.7153 3.4969 8.32572 5.13149 6.41326C6.76607 4.50079 8.97508 3.16795 11.4291 2.61351C13.883 2.05907 16.4505 2.31273 18.7485 3.33667M25.6668 4.66667L14.0002 16.345L10.5002 12.845' stroke='%23B8F0FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Remove last-item gap */
.expertise-list li:last-child{
  margin-bottom: 0;
}

/* Mobile refinement */
@media (max-width: 480px){
  .expertise-list li{
    padding-left: 56px;
    margin-bottom: 18px;
  }
  .expertise-list li::before{
    width: 24px;
    height: 24px;
  }
}


/* ======================================
   Process Arrow Flow — COMPACT VERSION
====================================== */

.akoca-process-flow{
  --step-h: 54px;       /* smaller height */
  --step-w: 140px;      /* smaller width */
  --overlap: 22px;      /* tighter overlap */
  --num-size: 26px;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;    /* FORCE single row */
  overflow-x: auto;     /* prevents breaking layout */
  padding: 10px 0;
}

.akoca-process-step{
  position: relative;
  width: var(--step-w);
  height: var(--step-h);
  flex: 0 0 auto;
  margin-right: 10px;
}

/* Overlap arrows */
.akoca-process-step + .akoca-process-step{
  margin-left: calc(var(--overlap) * -1);
}

/* Layering */
.akoca-process-step{ z-index: 1; }
.akoca-process-step[data-step="2"]{ z-index: 2; }
.akoca-process-step[data-step="3"]{ z-index: 3; }
.akoca-process-step[data-step="4"]{ z-index: 4; }
.akoca-process-step[data-step="5"]{ z-index: 5; }

.akoca-process-step__svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.akoca-process-step__label{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  color: #fff;
  font-weight: 600;
  letter-spacing: .05em;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 18px;
  z-index: 2;
}

.akoca-process-step__num{
  position: absolute;
  top: -10px;
  left: 82%;
  transform: translateX(-50%);
  width: var(--num-size);
  height: var(--num-size);
  border-radius: 50%;

  background: #0b2f3f;
  color: #fff;
  font-weight: 700;
  font-size: 13px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 2px solid #5dcfff;
  box-shadow: 0 3px 8px rgba(0,0,0,.25);
  z-index: 3;
}


/* ======================================
PDCA Diagram — CUSTOM STYLING
====================================== */

.pdca-diagram{
  position: relative;
  width: 260px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

.pdca-svg{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
}

/* ======================================
PDCA Diagram — CUSTOM STYLING
====================================== */

.pdca-diagram{
  position: relative;
  width: 100%;
  max-width: 320px;  /* change this if you want a larger/smaller max size */
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

.pdca-svg{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
}

/* ======================================
PDCA Diagram — RESPONSIVE FINAL VERSION
====================================== */

.pdca-diagram{
  position: relative;
  width: 100%;
  max-width: 320px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

.pdca-svg{
  width: auto;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}

/* ======================================
PDCA Labels
====================================== */

.pdca-label{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;

  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  font-size: clamp(14px, 2.2vw, 12px);
  line-height: 1;

  pointer-events: none;
  user-select: none;
  text-shadow: 0 2px 4px rgba(0,0,0,0.35);

  transform-origin: center center;
}

/* Position using container-relative percentages */
.pdca-plan{
  transform: translate(-50%, -50%) translateY(calc(-50% - 25%));
  top: 11%;
  left:32%;
}

.pdca-do{
  transform: translate(-50%, -50%) translateX(calc(50% + 25%)) rotate(90deg);
  left: 49%;
  top: 33%;
}

.pdca-check{
  transform: translate(-50%, -50%) translateY(calc(50% + 25%)) rotate(180deg);
  top: 50%;
  left: 28%;
}

.pdca-act{
  transform: translate(-50%, -50%) translateX(calc(-50% - 25%)) rotate(-90deg);
  left: 15%;
  top: 28%;
}


/* ======================================
   Divi Row "tablet-row" — Force 3 Columns on Tablet
====================================== */

@media (max-width: 980px) and (min-width: 768px){

  /* Make the row behave like a flex row */
  .tablet-row{
    display: flex;
    flex-wrap: wrap;
  }

  /* Force each column to 1/3 width */
  .tablet-row > .et_pb_column{
    width: 33.333% !important;
    margin-right: 0 !important;
    float: none !important; /* prevents Divi float behaviour fighting flex */
  }

}


/* ======================================
   Privacy Policy List — CUSTOM STYLING
   ====================================== */
.privacy-policy-list{
  padding-left: 5vw;
}


/* ======================================
   Footer Privacy Links — CUSTOM STYLING
   ====================================== */

.footer-privacy-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.75rem;              /* spacing around divider */
  justify-content: flex-end; /* right-aligned on desktop */
  align-items: center;
  flex-wrap: wrap;           /* wrap safely on small screens */
}

.footer-privacy-links li {
  margin: 0;
  position: relative;
}

/* Divider between links */
.footer-privacy-links li:not(:last-child)::after {
  content: "|";
  margin-left: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}

/* Link styling */
.footer-privacy-links li a {
  text-decoration: none;
  color: #fff;
  font-size: clamp(0.88rem, 0.85rem + 0.13vw, 1rem);;
  white-space: nowrap;
}

.footer-privacy-links li a:hover {
  text-decoration: underline;
}

/** Footer Copyright **/
.footer-copyright .et_pb_text_inner{
  font-size: clamp(0.88rem, 0.85rem + 0.13vw, 1rem) !important;
}

/* Mobile alignment */
@media (max-width: 767px) {
  .footer-privacy-links {
    justify-content: center;
  }
}