/*
Theme Name: Pincoder Template Theme
Theme URI: https://pincoder.net
Author: Pincoder Inc.
Author URI: https://pincoder.net
Description: This template is use for all project from pincoder inc. It is a customize base website with client specifications and request.
Version: 1.0
Tags: pincoder.net
*/

:root{
   --qd-navy: #0B2240;
   --qd-gold: #B8862A;
   --qd-slate: #3F4A57;
   --qd-cream: #F4F1EA;
   --qd-white: #FFFFFF;

   --qd-text: #3F4A57;
   --qd-heading: #0B2240;

   --qd-overlay: rgba(11, 34, 64, 0.72);

   color-scheme: light;
}
@font-face {
   font-family: 'Inter Light';
   src: url("assets/fonts/Inter/static/Inter_18pt-Light.ttf") format('truetype');
}
@font-face {
   font-family: 'Inter Regular';
   src: url("assets/fonts/Inter/static/Inter_18pt-Regular.ttf") format('truetype');
}
@font-face {
   font-family: 'Inter SemiBold';
   src: url("assets/fonts/Inter/static/Inter_18pt-SemiBold.ttf") format('truetype');
}
@font-face {
   font-family: 'Inter Bold';
   src: url("assets/fonts/Inter/static/Inter_18pt-Bold.ttf") format('truetype');
}
@font-face {
   font-family: 'Inter ExtraBold';
   src: url("assets/fonts/Inter/static/Inter_18pt-ExtraBold.ttf") format('truetype');
}

@font-face {
   font-family: 'Lora Regular';
   src: url("assets/fonts/Lora/static/Lora-Regular.ttf") format('truetype');
}
@font-face {
   font-family: 'Lora SemiBold';
   src: url("assets/fonts/Lora/static/Lora-SemiBold.ttf") format('truetype');
}
@font-face {
   font-family: 'Lora Bold';
   src: url("assets/fonts/Lora/static/Lora-Bold.ttf") format('truetype');
}

html,
body {
   width: 100%;
   max-width: 100%;
   overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
   font-family: 'Inter ExtraBold';
   color: var(--qd-heading);
   letter-spacing: -0.03em;
   line-height: 1.08;
   margin-top: 0;
}

body{
   font-family: 'Inter Regular';
   width: 100%;
   overflow-x: hidden;
   font-size: 17px;
   line-height: 1.75;
   color: var(--qd-text);
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
}
.serif-accent{
   font-family: 'Lora SemiBold';
   letter-spacing: -0.01em;
}

h1{
   font-size: 1.8rem;
   font-family: 'Inter Bold';
}
.h2title{
   font-size: 1.3rem;
    margin: 20px 0 5px;
}
/* General Style */
.txt-center{text-align: center;  margin-top: 2em; }
.btn-theme{border-radius: 50px !important; color: white !important; padding: 8px 0 !important; font-size: 16px !important; width: 40%;}
.btn.white{background: white !important; color: black !important}
.btn.themeColor{background: #e28d07 !important; }
.btn-theme:hover{background: #714934 !important}
.btm-pg-btn,.cta-primary,.cta-secondary,.work-btn,.qd-submit{
   font-family: 'Inter Bold';
   letter-spacing: .04em;
}

/*In General Style */

ul{list-style: none; margin: 0; padding: 0;}
p{
   margin-bottom: 1rem;
   font-size: 17px;
   line-height: 1.8;
   color: var(--qd-text);
}
p.noMargin{margin: 0 !important; font-family: 'Inter SemiBold';}
a{color: #1e293b; text-decoration: none}
a:hover{color: #4e3d07;}
.email{overflow-wrap: break-word;}
.alert.sm{
   font-family: 'Inter Regular';
   padding: 5px 10px;
   font-size: 17px;
}
.container{max-width: 1320px !important}
.alert.tiny{
   font-family: 'Inter SemiBold';
   padding: 3px 10px;
   font-size: 12px;
}
.company{font-family: 'Inter Bold';}
.hide{display: none;}
.show{display: block;}
strong{font-family: 'Inter Bold';}
.link-text{
   color: #552d01;
   font-weight: 700;
   /* text-decoration: underline; */
}

.qd-pathways-section,
.qd-founder-section,
.qd-results-section,
.qd-what-section,
.qd-final-cta{
   color-scheme: light;
}

.loader{
   position: absolute;
   background: #6b6340;
   opacity: .5;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 999;
   visibility: hidden;
}
.services-content .wrapper, .bottom-content{width: 100%;  margin: 0 auto;max-width: 1360px}
.header-area, .banner{text-align: center;}

.btm-pg-btn{
   text-decoration: none; min-width: fit-content;
      /* Spacing */
   padding:1rem 2rem; /* Equivalent to px-6 py-3 */
   margin-top: 5px;
   /* Colors & Background */
   background: var(--qd-navy);
   border: 1px solid var(--qd-gold);
   color: #ffffff;

   /* Typography */
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.1em; /* Equivalent to tracking-widest */
   font-size: 0.875rem;   /* Equivalent to text-sm */
   border-radius: 10px;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   transition: all 0.3s ease-in-out;
   cursor: pointer;
   text-decoration: none;
   -webkit-font-smoothing: antialiased;
   -webkit-appearance: none;
   display: inline-block;
}
.btm-pg-btn:hover{
   background: var(--qd-gold);
   color: var(--qd-navy);
}
.btm-pg-btn.reverse{
   background: var(--qd-gold);
   color: white;
}

.btm-pg-btn.reverse:hover{
   background: var(--qd-cream);
   border: 1px solid var(--qd-gold);
   color: var(--qd-navy);
}

/* ===== HEADER: stacked right actions + right-aligned menu ===== */
.site-header{
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 50;
  padding: 0 ;
}

.header-shell{
   width: 100%;
  margin: 0 auto;
}

.header-bar{
   background: rgba(11, 34, 64, 0.88);
   backdrop-filter: blur(2px);
   padding: 18px 6.5rem;
}

/* Logo */
.site-logo-container{}
.site-logo img, .site-logo-mobile img{
  height: 87px;
  width: auto;
  display: block;
}

/* Right block */
.header-right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;     /* everything on right */
  gap: 10px;
  min-width: 420px;          /* prevents wrap/shift; adjust if needed */
}

/* Top row */
.header-top{
  gap: 14px;
}

/* Language pill */
.lang-pill{
  background: #fff;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.08);
  text-decoration: none;
}

.lang-pill img{
  width: 28px;
  height: 18px;
  object-fit: cover;
  border-radius: 2px;
  display: block;
}

.lang-pill span{
  color: #222;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .2px;
}

/* Sign in */
.signin-link{
  color:#fff;
  text-decoration:none;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.signin-link:hover{ color:#fff; opacity:.9; }

/* Menu: right aligned */
.header-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap: 22px;
}

.header-menu .menu-item > a{
  color: rgba(255,255,255,.92);
  font-weight: 600;
  padding: 6px 0;          /* cleaner like screenshot */
  text-decoration:none;
  white-space:nowrap;
  display:block;
  font-size: 18px;
}
/* 2. Hide overlay completely when not active */
.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;

    /* THE FIX: Ensure it is non-existent to the browser until active */
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.menu-overlay.active {
    display: block;
    opacity: 1;
}
.header-menu .menu-item > a:hover,
.header-menu .current-menu-item > a,
.header-menu .current_page_item > a{
  color:#f0e980;
}

 /* ====== HERO (Video Banner) ====== */
 .hero-eyebrow,
.trust-label,
/* .about-kicker, */
.contact-kicker,
.subfooter-kicker{
   display: inline-block;
   color: var(--qd-gold);
   text-transform: uppercase;
   letter-spacing: .15em;
   font-size: 12px;
   font-family: 'Inter Bold';
   margin-bottom: 18px;
}
 .hero {
   position: relative;
   min-height: 80vh;
   height: 100vh;
   overflow: hidden;
   background: #111;
 }

 .hero .hero-media {
   position: absolute;
   inset: 0;
   z-index: 1;
 }

 .hero video,
 .hero .hero-fallback {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transform: scale(1.02); /* slight crop like a hero */
 }

 .hero::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background: rgba(11, 34, 64, 0.68);
 }

 .hero-eyebrow{
    display: inline-block;
    color: var(--qd-gold);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 18px;
    font-family: 'Inter Bold';
    margin-bottom: 15px;
 }

 .hero .headline{
    color: var(--qd-white);
    font-family: 'Inter ExtraBold';
    font-size: 65px;
    line-height: 1.02;
    max-width: 900px;
    letter-spacing: .02em;
 }
 .hero .hero-content {
   position: relative;
   z-index: 3;
   height: 100%;
   display: flex;
   align-items: center;
   padding-top: 100px; /* space for header */
 }

 .hero .subtext{
    color: rgba(255,255,255,.88);
    font-size: 19px;
    line-height: 1.85;
    padding-top: 18px;
    max-width: 820px;
    margin-left: auto;
 }
 .hero-actions{
    display: flex;
    gap: 18px;
    margin-top: 30px;
    flex-wrap: wrap;
   justify-content: flex-end;
 }
 .cta-primary{
   background: var(--qd-navy);
   border: 1px solid var(--qd-gold);
   color: white;
   padding: 15px 28px;
   border-radius: 12px;
   font-family: 'Inter Bold';
   text-transform: uppercase;
   letter-spacing: .06em;
   transition: all .3s ease;
}

.cta-primary:hover{
   background: var(--qd-gold);
   color: var(--qd-navy);
}
.cta-secondary{
   border: 1px solid rgba(255,255,255,.25);
   color: white;
   padding: 15px 28px;
   border-radius: 12px;
   font-family: 'Inter Bold';
   text-transform: uppercase;
   letter-spacing: .06em;
   background: transparent;
   transition: all .3s ease;
}

.cta-secondary:hover{
   background: rgba(255,255,255,.08);
   border-color: var(--qd-gold);
   color: var(--qd-cream);
}
 /* .hero .cta {
   background: var(--qd-navy); /* brown button */
   border: 1px solid var(--qd-gold);
   box-shadow: 0 0 0 .15rem rgba(184, 134, 42, .15);
   padding: 14px 26px;
   border-radius: 12px;
   color: #fff;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: .4px;
   box-shadow: 0 8px 18px rgba(0,0,0,.25);
 } */

 .hero .cta:hover {
    opacity: .92;
    background: var(--qd-gold);
    color: var(--qd-navy);
 }

 /* Right-aligned hero text (like screenshot) */
 .hero .hero-box {
   margin-left: auto;
   text-align: right;
   max-width: 860px;
 }

 .trust-strip{
    background: var(--qd-white);
    padding: 38px 0;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid rgba(11,34,64,.06);
 }

 .trust-strip-inner{
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
    position: relative;
 }

 .trust-strip-inner::before{
    content: '';
    width: 80px;
    height: 3px;
    background: var(--qd-gold);
    display: block;
    margin: 0 auto 22px;
    border-radius: 100px;
 }

 .trust-label{
    display: inline-block;
    color: var(--qd-gold);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 22px;
    font-family: 'Inter Bold';
    margin-bottom: 16px;
 }

 .trust-strip-text{
    color: var(--qd-slate);
    text-align: center;
    font-size: 18px;
    line-height: 1.9;
    margin: 0 auto;
    font-family: 'Inter SemiBold';
    max-width: 1100px;
 }
.ban-btn{padding: .5rem 1.5rem}

/* Main Content */
/* ===== ABOUT SECTION ===== */

.about-split{
   background: linear-gradient(
      to bottom,
      var(--qd-cream) 0%,
      #f8f6f1 100%
   );
   position: relative;
   overflow: hidden;
   padding: 30px 0;
}

.about-split::before{
   content:'';
   position:absolute;
   top:-180px;
   right:-120px;
   width:500px;
   height:500px;
   background: radial-gradient(
      circle,
      rgba(184,134,42,.08) 0%,
      transparent 70%
   );
   pointer-events:none;
}

.about-split-inner{
   max-width: 1365px;
}

/* GRID */

.industry-preview-list{
   display:grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 28px;
   margin-top: 50px;
}

/* CARD */

.industry-preview-item{
   position: relative;
   background: white;
   padding: 50px 30px;
   border-radius: 24px;
   border:1px solid rgba(11,34,64,.06);
   box-shadow:
      0 8px 30px rgba(11,34,64,.04);
   transition: all .35s ease;
   overflow: hidden;
   text-decoration:none;
   display:flex;
   flex-direction:column;
   min-height:100%;
}

.industry-preview-item:hover{
   transform: translateY(-6px);
   box-shadow:
      0 20px 50px rgba(11,34,64,.10);
}

/* GOLD TOP ACCENT */

.industry-preview-item::before{
   content:'';
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:4px;
   background: var(--qd-gold);
}

/* ICON WRAPPER */

.industry-icon{
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 20px;
}

/* ICON */

.industry-icon img{
   height: 100px;
}

/* CARD TITLE */

.industry-preview-item h4{
   color: var(--qd-navy);
   font-size: 26px;
   line-height: 1.3;
   font-family: 'Inter SemiBold';
   letter-spacing: -0.02em;
   min-height: 55px;
   display: flex;
   align-items: center;
   text-align: center;
   margin: 0 auto 20px;
}


/* TEXT */

.industry-preview-item p{
   color: var(--qd-slate);
   line-height: 1.85;
   font-size: 17px;
   margin-bottom:0;
   text-align: center;
}

/* MOBILE */

@media(max-width:991px){

   .industry-preview-list{
      grid-template-columns:1fr;
      gap:22px;
   }

   .about-title{
      font-size:38px;
      line-height:1.08;
   }

   .industry-preview-item{
      padding:30px 26px;
   }

   .industry-preview-item h4{
      font-size:24px;
   }

}
/* Seection 4 Main content */
/* ===== Q&D Pathways Section ===== */
.qd-pathways-section{
   position: relative;
   overflow: hidden;
   background:
      linear-gradient(rgba(255,255,255,.5), rgba(244,241,234,.94)),
      url('images/pathways-bg.png') center center/cover no-repeat;
   padding: 95px 0;
}

.qd-pathways-section::before{
   content: '';
   position: absolute;
   right: -180px;
   bottom: -220px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background: rgba(11,34,64,.06);
   pointer-events: none;
}

.qd-pathways-inner{
   position: relative;
   z-index: 2;
   max-width: 1365px;
}

.qd-pathways-header{
   max-width: 1080px;
   margin: 0 auto;
   text-align: center;
}

.qd-pathways-kicker{
   display: inline-block;
   color: var(--qd-gold);
   font-family: 'Inter Bold';
   font-size: 16px;
   line-height: 1.4;
   letter-spacing: .18em;
   text-transform: uppercase;
   margin-bottom: 14px;
}

.qd-pathways-title{
   color: var(--qd-navy);
   font-family: 'Inter ExtraBold';
   font-size: 54px;
   line-height: 1.05;
   margin-bottom: 22px;
}

.qd-pathways-lead{
   color: #172B4D;
   font-family: 'Inter SemiBold';
   font-size: 24px;
   line-height: 1.55;
   max-width: 900px;
   margin: 0 auto 18px;
}

.qd-pathways-intro{
   color: #4A5565;
   font-size: 18px;
   line-height: 1.85;
   max-width: 1040px;
   margin: 0 auto;
}

.qd-pathways-row{
   margin-top: 52px;
}

.qd-pathways-card{
   position: relative;
   height: 100%;
   background: var(--qd-white);
   border: 1px solid rgba(11,34,64,.08);
   border-top: 5px solid var(--qd-gold);
   border-radius: 24px;
   padding: 42px 38px;
   box-shadow: 0 18px 50px rgba(11,34,64,.08);
}

.qd-pathways-card-dark{
   background: var(--qd-navy);
   border-color: rgba(255,255,255,.10);
   color: var(--qd-white);
}

.qd-pathways-card h3{
   color: inherit;
   font-family: 'Inter ExtraBold';
   font-size: 30px;
   line-height: 1.18;
   margin-bottom: 28px;
}

.qd-pathways-card ul{
   list-style: none;
   padding: 0;
   margin: 0;
}

.qd-pathways-card li{
   position: relative;
   padding-left: 30px;
   margin-bottom: 20px;
   color: #4A5565;
   font-size: 17px;
   line-height: 1.75;
}

.qd-pathways-card-dark li{
   color: rgba(255,255,255,.88);
}

.qd-pathways-card li:last-child{
   margin-bottom: 0;
}

.qd-pathways-card li::before{
   content: '';
   position: absolute;
   top: 13px;
   left: 0;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: var(--qd-gold);
}

.qd-pathways-card strong{
   color: inherit;
   font-family: 'Inter Bold';
}

.qd-pathways-action{
   margin-top: 46px;
   text-align: center;
}

@media(max-width: 991px){
   .qd-pathways-section{
      padding: 70px 0;
   }

   .qd-pathways-title{
      font-size: 42px;
   }

   .qd-pathways-lead{
      font-size: 21px;
   }

   .qd-pathways-card{
      padding: 34px 30px;
   }
}

@media(max-width: 575px){
   .qd-pathways-section{
      padding: 58px 0;
   }

   .qd-pathways-kicker{
      font-size: 13px;
      letter-spacing: .14em;
   }

   .qd-pathways-title{
      font-size: 34px;
   }

   .qd-pathways-lead{
      font-size: 19px;
   }

   .qd-pathways-intro,
   .qd-pathways-card li{
      font-size: 16px;
   }

   .qd-pathways-card{
      padding: 30px 24px;
      border-radius: 20px;
   }

   .qd-pathways-card h3{
      font-size: 26px;
   }

   .qd-pathways-action .btm-pg-btn{
      width: 100%;
      text-align: center;
   }
}

/* ===== Meet Quinton Dunn Section ===== */
.qd-founder-section{
   position: relative;
   background: var(--qd-white);
   padding: 95px 0;
}

.qd-founder-section::before{
   content: '';
   position: absolute;
   top: -220px;
   left: -180px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background: rgba(184,134,42,.08);
   pointer-events: none;
   z-index: 0;
}

.qd-founder-inner{
   position: relative;
   z-index: 2;
   max-width: 1365px;
}

.qd-founder-section .row{
   align-items: flex-start;
}

.qd-founder-section .col-lg-5{
   align-self: stretch;
}

.qd-founder-image{
   border-radius: 28px;
   border: 12px solid var(--qd-cream);
   box-shadow: 0 24px 60px rgba(11,34,64,.16);
   background: var(--qd-cream);
   margin-top: 0;
}

.qd-founder-image img{
   display: block;
   width: 100%;
   height: 680px;
   object-fit: cover;
   object-position: center top;
}

.qd-founder-content{
   padding-left: 24px;
}

.qd-founder-kicker{
   display: inline-block;
   color: var(--qd-gold);
   font-family: 'Inter Bold';
   font-size: 16px;
   line-height: 1.4;
   letter-spacing: .18em;
   text-transform: uppercase;
   margin-bottom: 16px;
}

.qd-founder-title{
   color: var(--qd-navy);
   font-family: 'Inter ExtraBold';
   font-size: 48px;
   line-height: 1.08;
   margin-bottom: 28px;
}

.qd-founder-content p{
   color: var(--qd-slate);
   font-size: 17px;
   line-height: 1.85;
   margin-bottom: 18px;
}

.qd-founder-list{
   list-style: none;
   padding: 0;
   margin: 28px 0;
   display: grid;
   gap: 14px;
}

.qd-founder-list li{
   position: relative;
   color: var(--qd-slate);
   font-size: 16px;
   line-height: 1.65;
   padding: 16px 18px 16px 46px;
   border-radius: 16px;
   background: var(--qd-cream);
   border: 1px solid rgba(11,34,64,.06);
}

.qd-founder-list li::before{
   content: '';
   position: absolute;
   top: 24px;
   left: 22px;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: var(--qd-gold);
}

.qd-founder-actions{
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
   margin-top: 34px;
}

@media(max-width: 991px){
   .qd-founder-section{
      padding: 75px 0;
   }

   .qd-founder-image{
     position: relative;
     top: auto;
     transform: none;
     max-width: 620px;
     margin: 0 auto;
  }

  .qd-founder-image img{
     height: 620px;
  }

   .qd-founder-content{
      padding-left: 0;
   }

   .qd-founder-title{
      font-size: 40px;
   }
}

@media(max-width: 575px){
   .qd-founder-section{
      padding: 60px 0;
   }

   .qd-founder-image{
      border-width: 8px;
      border-radius: 22px;
   }

   .qd-founder-image img{
     height: 470px;
  }

   .qd-founder-kicker{
      font-size: 13px;
      letter-spacing: .14em;
   }

   .qd-founder-title{
      font-size: 32px;
   }

   .qd-founder-content p,
   .qd-founder-list li{
      font-size: 15px;
   }

   .qd-founder-list li{
      padding: 15px 16px 15px 40px;
   }

   .qd-founder-list li::before{
      left: 18px;
   }

   .qd-founder-actions .btm-pg-btn{
      width: 100%;
      text-align: center;
   }
}
/* ===== Homepage Condensed Founder Section ===== */

.qd-founder-home-section {
   padding: 90px 0;
   background: var(--qd-white);
}

.qd-founder-home-section .row {
   align-items: center;
}

.qd-founder-image-condensed {
   position: relative;
   top: auto;
   max-width: 460px;
   margin: 0 auto;
}

.qd-founder-image-condensed img {
   height: 540px;
   object-fit: cover;
   object-position: center top;
}

.qd-founder-content-condensed {
   max-width: 820px;
}

.qd-founder-content-condensed .qd-founder-title {
   max-width: 760px;
   margin-bottom: 24px;
}

.qd-founder-content-condensed p {
   font-size: 18px;
   line-height: 1.85;
   margin-bottom: 20px;
}

.qd-founder-content-condensed .qd-founder-actions {
   margin-top: 34px;
}

@media (max-width: 991px) {
   .qd-founder-image-condensed img {
      height: 560px;
   }

   .qd-founder-content-condensed {
      max-width: 100%;
   }
}

@media (max-width: 575px) {
   .qd-founder-image-condensed img {
      height: 430px;
   }

   .qd-founder-content-condensed p {
      font-size: 16px;
   }
}
.qd-founder-note-signature {
   margin-top: 22px;
   font-weight: 700;
   color: #0b2b4c;
   line-height: 1.4;
}

.qd-founder-note-signature span,
.qd-founder-note-signature small {
   display: block;
}

.qd-founder-note-signature small {
   margin-top: 3px;
   font-size: 14px;
   font-weight: 600;
   color: #6f6f6f;
}
/* ===== Section 6: What We Do ===== */
.qd-what-section{
   position: relative;
   overflow: hidden;
   background:
      linear-gradient(rgba(11,34,64,.6), rgba(11,34,64,.92)),
      url('images/professional healthcares.png') center/cover no-repeat;
   padding: 95px 0;
}

.qd-what-section::before{
   content: '';
   position: absolute;
   top: -180px;
   right: -160px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background: rgba(184,134,42,.10);
   pointer-events: none;
}

.qd-what-inner{
   position: relative;
   z-index: 2;
   max-width: 1365px;
}

.qd-what-header{
   max-width: 1080px;
   margin: 0 auto 54px;
}

.qd-what-kicker{
   display: inline-block;
   color: var(--qd-gold);
   font-family: 'Inter Bold';
   font-size: 16px;
   line-height: 1.4;
   letter-spacing: .16em;
   text-transform: uppercase;
   margin-bottom: 16px;
}

.qd-what-title{
   color: var(--qd-white);
   font-family: 'Inter ExtraBold';
   font-size: 46px;
   line-height: 1.12;
   margin: 0;
}

.qd-what-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
}

.qd-what-card{
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 100%;
   background: rgba(255,255,255,.96);
   border-radius: 24px;
   padding: 42px 34px;
   border-top: 5px solid var(--qd-gold);
   box-shadow: 0 24px 60px rgba(0,0,0,.18);
    width: calc(33.333% - 24px);
    min-width: 320px;
}

.qd-what-card-pathways{
   background: var(--qd-cream);
}

.qd-what-number{
   color: var(--qd-gold);
   font-family: 'Inter ExtraBold';
   font-size: 18px;
   letter-spacing: .12em;
   margin-bottom: 22px;
}

.qd-what-card h3{
   color: var(--qd-navy);
   font-family: 'Inter ExtraBold';
   font-size: 30px;
   line-height: 1.16;
   margin-bottom: 22px;
}

.qd-what-card p{
   color: var(--qd-slate);
   font-size: 16px;
   line-height: 1.8;
   margin-bottom: 30px;
}

.qd-what-link{
   margin-top: auto;
   color: var(--qd-navy);
   font-family: 'Inter Bold';
   font-size: 14px;
   letter-spacing: .08em;
   text-transform: uppercase;
   text-decoration: none;
   border-bottom: 2px solid var(--qd-gold);
   width: fit-content;
}

.qd-what-link:hover{
   color: var(--qd-gold);
}

@media(max-width: 991px){
   .qd-what-section{
      padding: 75px 0;
   }

   .qd-what-title{
      font-size: 38px;
   }

   .qd-what-grid{
      grid-template-columns: 1fr;
   }

   .qd-what-card{
      padding: 36px 30px;
   }
}

@media(max-width: 575px){
   .qd-what-section{
      padding: 60px 0;
   }

   .qd-what-kicker{
      font-size: 13px;
      letter-spacing: .14em;
   }

   .qd-what-title{
      font-size: 31px;
   }

   .qd-what-card{
      padding: 30px 24px;
      border-radius: 20px;
   }

   .qd-what-card h3{
      font-size: 25px;
   }

   .qd-what-card p{
      font-size: 15px;
   }
}

/* ===== Section 7: Results That Follow the Method ===== */
.qd-results-section{
   position: relative;
   overflow: hidden;
   background:
      linear-gradient(rgba(244,241,234,.94), rgba(244,241,234,.94)),
      radial-gradient(circle at 85% 15%, rgba(184,134,42,.18) 0%, transparent 32%);
   padding: 95px 0;
}

.qd-results-section::before{
   content: '';
   position: absolute;
   left: -180px;
   bottom: -220px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background: rgba(11,34,64,.06);
   pointer-events: none;
}

.qd-results-inner{
   position: relative;
   z-index: 2;
   max-width: 1365px;
}

.qd-results-header{
   max-width: 1080px;
   margin: 0 auto 54px;
}

.qd-results-kicker{
   display: inline-block;
   color: var(--qd-gold);
   font-family: 'Inter Bold';
   font-size: 16px;
   line-height: 1.4;
   letter-spacing: .16em;
   text-transform: uppercase;
   margin-bottom: 16px;
}

.qd-results-title{
   color: var(--qd-navy);
   font-family: 'Inter ExtraBold';
   font-size: 44px;
   line-height: 1.14;
   margin: 0;
}

.qd-results-grid{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
}

.qd-result-card{
   position: relative;
   min-height: 230px;
   background: var(--qd-white);
   border-radius: 24px;
   padding: 38px 30px;
   border: 1px solid rgba(11,34,64,.08);
   box-shadow: 0 18px 45px rgba(11,34,64,.08);
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
   overflow: hidden;
}

.qd-result-card::before{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 5px;
   background: var(--qd-gold);
}

.qd-result-card strong{
   display: block;
   color: var(--qd-gold);
   font-family: 'Inter ExtraBold';
   font-size: 56px;
   line-height: 1;
   letter-spacing: -0.04em;
   margin-bottom: 18px;
}

.qd-result-card p{
   color: var(--qd-navy);
   font-family: 'Inter SemiBold';
   font-size: 18px;
   line-height: 1.45;
   margin: 0 auto;
   max-width: 320px;
}

.qd-results-statement{
   max-width: 920px;
   margin: 52px auto 0;
   padding: 26px 34px;
   background: var(--qd-navy);
   color: var(--qd-white);
   border-radius: 22px;
   border: 1px solid var(--qd-gold);
   text-align: center;
   font-family: 'Inter ExtraBold';
   font-size: 28px;
   line-height: 1.3;
   box-shadow: 0 22px 55px rgba(11,34,64,.18);
}

@media(max-width: 991px){
   .qd-results-section{
      padding: 75px 0;
   }

   .qd-results-title{
      font-size: 36px;
   }

   .qd-results-grid{
      grid-template-columns: repeat(2, 1fr);
   }

   .qd-result-card strong{
      font-size: 48px;
   }

   .qd-results-statement{
      font-size: 24px;
   }
}

@media(max-width: 575px){
   .qd-results-section{
      padding: 60px 0;
   }

   .qd-results-kicker{
      font-size: 13px;
      letter-spacing: .14em;
   }

   .qd-results-title{
      font-size: 30px;
   }

   .qd-results-grid{
      grid-template-columns: 1fr;
   }

   .qd-result-card{
      min-height: auto;
      padding: 34px 24px;
      border-radius: 20px;
   }

   .qd-result-card strong{
      font-size: 44px;
   }

   .qd-result-card p{
      font-size: 16px;
   }

   .qd-results-statement{
      font-size: 21px;
      padding: 24px 22px;
   }
}

/* Left text styling */
.about-kicker{
   display: block;
   color: var(--qd-navy);
   font-family: 'Inter ExtraBold';
   font-size: 46px;
   line-height: 1.08;
   letter-spacing: .04em;
   text-transform: uppercase;
   text-align: center;
   margin: 0 auto 24px;
}

.about-title{
   max-width: 1180px;
   margin: 0 auto 48px;
   color: var(--qd-navy);
   font-family: 'Inter SemiBold';
   font-size: 24px;
   line-height: 1.35;
   letter-spacing: -0.03em;
   text-align: center;
}

@media(max-width: 991px){
   .about-kicker{
      font-size: 36px;
      letter-spacing: .10em;
   }

   .about-title{
      font-size: 21px;
      margin-bottom: 38px;
   }
}

@media(max-width: 575px){
   .about-kicker{
      font-size: 28px;
      letter-spacing: .06em;
   }

   .about-title{
      font-size: 18px;
      line-height: 1.45;
   }
}


/* Right image */
/* .about-image-wrap{
  background: rgba(255,255,255,0.15);
  padding: 14px;
}

.about-image-wrap img{
  width: 100%;
  height: auto;
  display: block;
} */

/* Styling for the new Slideshow container */
.about-image-wrap {
  position: relative;
  width: 100%;
  /* Maintain aspect ratio similar to your original image */
  padding-top: 75%;
  overflow: hidden;
  border: 8px solid rgba(255, 255, 255, 0.3); /* Matches the border in your image */
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.slideshow-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slideshow-inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 1;
}

/* Active class for the cross-fade */
.slideshow-inner img.active {
  opacity: 1;
  z-index: 2;
}

/* Navigation Arrows */
.slide-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(10, 25, 47, 0.6);
  color: #C5B358;
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
  border-radius: 2px;
}

.slide-nav:hover {
  background: rgba(197, 179, 88, 0.8);
  color: #0A192F;
}

.prev-btn { left: 10px; }
.next-btn { right: 10px; }

/* Pagination Dots */
.slide-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(10, 25, 47, 0.2);
}

.dot.active {
  background: #C5B358;
  transform: scale(1.3);
}



/* ===== Work with Q&D section ===== */
.work-with-qd{
  position: relative;
  padding: 90px 0 70px;
  overflow: hidden;
  background: #111;
}

/* Background image layer */
.work-with-qd .work-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 1;
  transform: scale(1.02);
}

/* Dark overlay */
.work-with-qd::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.58);
  z-index: 2;
}

.work-with-qd .work-inner{
  position: relative;
  z-index: 3;
  max-width: 1365px;
}

/* Title */
.work-title{
  text-align: center;
   color: var(--qd-white);
  font-family: 'Inter ExtraBold';
  font-size: 64px;
  margin: 0 0 20px 0;
  letter-spacing: -0.6px;
}

/* Cards (transparent) */
.work-card{
  padding: 10px 12px;
}

/* Big icon */
.work-icon{
  height: 150px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 14px;
}

.work-icon img{
  width: 170px;
  height: auto;
  display:block;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.35));
}

/* Headings */
.work-heading{
  color: #fff;
  font-family: 'Inter Bold';
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 14px;
  padding: 25px 0;
   height: 85px;
}

/* Text */
.work-text{
  color: rgba(255,255,255,0.9);
  font-size: 18px;
  line-height: 1.55;
  max-width: 340px;
  margin: 0 auto 24px;
  height: 100px;
}

/* Button */
.work-btn{
  background: var(--qd-navy);
  border: 1px solid var(--qd-gold);
  box-shadow: 0 0 0 .15rem rgba(184, 134, 42, .15);
  color: #fff !important;
  font-family: 'Inter Bold';
  border-radius: 14px;
  padding: 14px 22px;
  min-width: 260px;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 16px;
  /* border: none; */
  box-shadow: 0 10px 20px rgba(0,0,0,.25);
}

.work-btn:hover{
   opacity: .92;
   background: var(--qd-gold);
   color: var(--qd-navy);
}

/* ===== Bottom main content: Contact split ===== */
.contact-split{
  background: #fff;
  padding: 60px 0
}

.contact-inner{
  max-width: 1365px;
}

/* Headings */
.contact-kicker{
  color: var(--qd-navy); /* brown */
  font-size: 22px;
  font-family: 'Inter Light';
  margin-bottom: 6px;
}

.contact-title{
  color: var(--qd-navy);
  font-size: 44px;
  line-height: 1.02;
  font-family: 'Inter ExtraBold';
  margin: 0 0 26px 0;
}

/* Form controls */
.qd-input,
.qd-textarea{
   border: 2px solid var(--qd-gold);
   border-radius: 16px;
   padding: 12px 15px;
   font-size: 17px;
   height: auto;
   background: #fff;
   box-shadow: none !important;
}

.qd-textarea{
  padding-top: 22px;
  min-height: 170px;
  resize: none;
}

/* Placeholder styling to match Canva */
.qd-input::placeholder,
.qd-textarea::placeholder{
  color: var(--qd-navy);
  font-style: italic;
  opacity: 1;
}

/* Focus */
.qd-input:focus,
.qd-textarea:focus{
  border-color: #cdbf4f;
  outline: none;
  box-shadow: 0 0 0 .15rem rgba(215,207,105,.25) !important;
}

/* Submit button */
.qd-submit{
  background: var(--qd-navy);
  color: #fff !important;
  border: 1px solid var(--qd-gold);
  box-shadow: 0 0 0 .15rem rgba(184, 134, 42, .15);
  border-radius: 14px;
  padding: 14px 44px;
  font-family: 'Inter Bold';
  font-weight: 800;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: 18px;
  width: 200px;
  margin: 0 auto;
}

.qd-submit:hover{
   opacity: .92;
   background: var(--qd-gold);
   color: var(--qd-navy);
}

.contact-image{
  height: 520px;              /* controls visible height */
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

/* Video behavior */
.contact-image video{
  width: 100%;
  height: 100%;
  object-fit: cover;          /* IMPORTANT: crops video */
  display: block;
}
/* ===== Sub-footer contact (map + details) ===== */

/* ===== Section 8: Final CTA ===== */
.qd-final-cta{
   position: relative;
   overflow: hidden;
   padding: 120px 0 130px;
   background:
      linear-gradient(rgba(11,34,64,.85), rgba(11,34,64,.92)),
      url('images/contact-image.png') center/cover no-repeat;
}

.qd-final-cta::before{
   content: '';
   position: absolute;
   top: -220px;
   right: -180px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background: rgba(184,134,42,.12);
   pointer-events: none;
}

.qd-final-inner{
   position: relative;
   z-index: 2;
   max-width: 1180px;
}

.qd-final-card{
   max-width: 1180px;
   margin: 0 auto;
   text-align: center;
   padding: 0;
}

.qd-final-kicker{
   display: inline-block;
   color: var(--qd-gold);
   font-family: 'Inter Bold';
   font-size: 16px;
   letter-spacing: .16em;
   text-transform: uppercase;
   margin-bottom: 18px;
}

.qd-final-title{
   color: var(--qd-white);
   font-family: 'Inter ExtraBold';
   font-size: 52px;
   line-height: 1.08;
   max-width: 980px;
   margin: 0 auto 28px;
}

.qd-final-text{
   color: rgba(255,255,255,.82);
   font-size: 18px;
   line-height: 1.85;
   max-width: 850px;
   margin: 0 auto 42px;
}

.qd-final-actions{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 18px;
   margin-top: 40px;
}

.qd-final-contact{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 60px;
   margin-top: 42px;
   display: none !important;
}

.qd-final-contact-item{
   text-align: center;
}

.qd-final-contact-item span{
   display: block;
   color: var(--qd-gold);
   font-family: 'Inter Bold';
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: .14em;
   margin-bottom: 10px;
}

.qd-final-contact-item a{
   color: var(--qd-white);
   font-size: 22px;
   font-family: 'Inter SemiBold';
   text-decoration: none;
}

.qd-final-contact-item a:hover{
   color: var(--qd-gold);
}

.qd-final-social{
   display: flex;
   justify-content: center;
   gap: 20px;
   margin-top: 42px;
}

.qd-final-social a{
   width: 52px;
   height: 52px;
   border-radius: 50%;
   background: rgba(255,255,255,.08);
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all .3s ease;
}

.qd-final-social a:hover{
   background: var(--qd-gold);
   transform: translateY(-4px);
}

.qd-final-social img{
   height: 24px;
   width: auto;
}

.qd-final-grid{
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 34px;
   margin-top: 48px;
   text-align: left;
}

.qd-final-path{
   background: rgba(255,255,255,.04);
   border: 1px solid rgba(255,255,255,.08);
   border-radius: 24px;
   padding: 34px;
}

.qd-final-path h3{
   color: var(--qd-white);
   font-family: 'Inter ExtraBold';
   font-size: 30px;
   line-height: 1.15;
   margin-bottom: 20px;
}

.qd-final-path p{
   color: rgba(255,255,255,.82);
   font-size: 17px;
   line-height: 1.8;
   margin-bottom: 28px;
}

@media(max-width: 991px){

   .qd-final-grid{
      grid-template-columns: 1fr;
   }
}

@media(max-width: 575px){

   .qd-final-path{
      padding: 28px 22px;
   }

   .qd-final-path h3{
      font-size: 25px;
   }

   .qd-final-path p{
      font-size: 15px;
   }
}
@media(max-width: 991px){

   .qd-final-cta{
      padding: 80px 0;
   }

   .qd-final-card{
      padding: 55px 40px;
   }

   .qd-final-title{
      font-size: 40px;
   }
}

@media(max-width: 575px){

   .qd-final-cta{
      padding: 60px 0;
   }

   .qd-final-card{
      padding: 40px 24px;
      border-radius: 24px;
   }

   .qd-final-kicker{
      font-size: 13px;
   }

   .qd-final-title{
      font-size: 30px;
   }

   .qd-final-text{
      font-size: 16px;
   }

   .qd-final-contact{
      gap: 30px;
   }

   .qd-final-contact-item a{
      font-size: 18px;
   }

   .qd-final-actions .btm-pg-btn{
      width: 100%;
   }
}
.subfooter-contact{
  background: var(--qd-navy); /* yellow */
  padding: 70px 0;
}

.subfooter-inner{
  max-width: 1365px;
}

/* Map box */
.subfooter-map{
  background: rgba(255,255,255,0.2);
  padding: 14px;
  height: 520px;
}

.subfooter-map iframe{
  width: 100%;
  height: 100%;
  display: block;
}

/* Right side */
.subfooter-details{
  color: #fff;
  padding-top: 20px;
}

.subfooter-kicker{
  font-family: 'Inter Light';
  font-size: 26px;
  color: rgba(255,255,255,0.95);
  margin-bottom: 6px;
}

.subfooter-title{
  font-family: 'Inter ExtraBold';
  font-size: 42px;
  line-height: 1.05;
  margin: 0 0 26px;
  color: #fff;
}

/* Info rows */
.subfooter-info{
  margin-top: 10px;
}

.info-row{
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.info-icon{
  width: 44px;
  flex: 0 0 44px;
  margin-top: 2px;
}

.info-text{
  color: var(--qd-cream);
  font-size: 18px;
  line-height: 1.55;
}

.info-strong{
  font-family: 'Inter Bold';
}

/* Social */
.subfooter-social{
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 22px;
  margin-bottom: 26px;
}

/* Simple icon pills */
.social-ic{
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* Counter */
.visitor-counter{
  font-family: 'Inter Light';
  font-size: 22px;
  color: rgba(255,255,255,0.95);
}
.visitor-counter strong{
  font-family: 'Inter ExtraBold';
  color: #fff;
}


/* Footer */
.footer-newsletter-section{
   background: var(--qd-white);
   padding: 80px 0;
}

.footer-newsletter-inner{
   max-width: 1365px;
}

.footer-newsletter-content{
   max-width: 620px;
}

.footer-newsletter-kicker{
   color: var(--qd-gold);
   font-family: 'Inter Bold';
   font-size: 14px;
   letter-spacing: .16em;
   text-transform: uppercase;
   margin-bottom: 14px;
}

.footer-newsletter-title{
   color: var(--qd-navy);
   font-family: 'Inter ExtraBold';
   font-size: 46px;
   line-height: 1.08;
   margin-bottom: 18px;
}

.footer-newsletter-desc{
   color: var(--qd-slate);
   font-size: 17px;
   line-height: 1.75;
   margin-bottom: 26px;
}

.footer-newsletter-media{
   height: 520px;
   max-height: 520px;
   overflow: hidden;
   border-radius: 28px;
   border: 10px solid var(--qd-cream);
   box-shadow: 0 24px 60px rgba(11,34,64,.14);
}

.footer-newsletter-media img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   display: block;
}

@media(max-width: 991px){
   .footer-newsletter-section{
      padding: 65px 0;
   }

   .footer-newsletter-content{
      max-width: 100%;
      text-align: center;
      margin-bottom: 36px;
   }

   .footer-newsletter-title{
      font-size: 38px;
   }

   .footer-newsletter-media{
      height: 360px;
   }
}

@media(max-width: 575px){
   .footer-newsletter-section{
      padding: 55px 0;
   }

   .footer-newsletter-title{
      font-size: 30px;
   }

   .footer-newsletter-media{
      height: 280px;
      border-radius: 22px;
   }
}

/* ===== Quiet Newsletter Band ===== */

.footer-newsletter-quiet {
   background: var(--qd-white);
   border-top: 1px solid rgba(11,34,64,.06);
   border-bottom: 1px solid rgba(11,34,64,.06);
}

.footer-newsletter-quiet .footer-newsletter-content {
   max-width: 760px;
}

.footer-newsletter-quiet .footer-newsletter-kicker {
   font-size: 12px;
   margin-bottom: 10px;
}

.footer-newsletter-quiet .footer-newsletter-title {
   font-size: clamp(28px, 3vw, 38px);
   line-height: 1.12;
   margin-bottom: 12px;
}

.footer-newsletter-quiet .footer-newsletter-desc {
   max-width: 640px;
   font-size: 15.5px;
   line-height: 1.7;
   margin-bottom: 20px;
}

.footer-newsletter-quiet .footer-newsletter-media {
   height: 300px;
   max-height: 300px;
   border-radius: 22px;
   border: 7px solid var(--qd-cream);
   box-shadow: 0 14px 34px rgba(11,34,64,.08);
}

.footer-newsletter-quiet .footer-newsletter-media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.footer-newsletter-quiet .qd-input {
   min-height: 48px;
   padding: 10px 14px;
   font-size: 15px;
   border-radius: 12px !important;
}

.footer-newsletter-quiet .qd-submit {
   width: auto;
   min-width: 150px;
   padding: 12px 28px;
   font-size: 14px;
}

.footer-newsletter-quiet .privacy-policy + label,
.footer-newsletter-quiet label {
   font-size: 13px;
   line-height: 1.5;
}

.footer-newsletter-quiet .row.g-4 {
   --bs-gutter-y: 1rem;
}

@media (max-width: 991px) {
   .footer-newsletter-quiet {
      padding: 30px 0;
      text-align: center;
   }

   .footer-newsletter-quiet .footer-newsletter-content {
      max-width: 100%;
   }

   .footer-newsletter-quiet .footer-newsletter-desc {
      margin-left: auto;
      margin-right: auto;
   }

   .footer-newsletter-quiet .footer-newsletter-media {
      height: 260px;
      max-height: 260px;
   }
}

@media (max-width: 575px) {
   .footer-newsletter-quiet {
      padding: 30px 0;
   }

   .footer-newsletter-quiet .footer-newsletter-media {
      height: 220px;
      max-height: 220px;
   }

   .footer-newsletter-quiet .footer-newsletter-title {
      font-size: 28px;
   }

   .footer-newsletter-quiet .qd-submit {
      width: 100%;
   }
   .footer-logo-link{
      margin: 0 auto;
      width: 200px;
      display: block;
   }
}
.footer-newsletter-quiet {
   padding: 42px 0 32px;
}

.footer-newsletter-quiet .footer-newsletter-title {
   font-size: clamp(26px, 2.6vw, 34px);
}

.footer-newsletter-quiet .footer-newsletter-media {
   height: 260px;
   max-height: 260px;
}

.footer-newsletter-quiet form .row.g-4 {
   --bs-gutter-x: 18px;
   --bs-gutter-y: 12px;
}

.footer-newsletter-quiet .g-recaptcha {
   transform: scale(.88);
   transform-origin: left top;
}

.footer-newsletter-quiet .row.mb-4 {
   margin-bottom: 12px !important;
}

/* ===== Footer clean layout ===== */
.site-footer-clean{
   background: #ffffff;
   padding: 26px 0;
   border-top: 1px solid rgba(11,34,64,.08);
}

.footer-inner{
   max-width: 1365px;
}

.footer-logo{
   max-width: 220px;
   width: 100%;
   height: auto;
}

.site-footer-clean .footer-nav{
   width: 100%;
}

.site-footer-clean .pin-footnav-menu{
   display: flex !important;
   justify-content: flex-end;
   align-items: center;
   flex-wrap: wrap;
   gap: 18px 26px;
   list-style: none !important;
   margin: 0 !important;
   padding: 0 !important;
}

.site-footer-clean .pin-footnav-menu li{
   margin: 0 !important;
   padding: 0 !important;
}

.site-footer-clean .pin-footnav-menu li a{
   display: inline-block;
   font-family: 'Inter SemiBold';
   font-size: 15px;
   line-height: 1.2;
   color: var(--qd-navy);
   text-decoration: none;
   transition: color .25s ease;
}

.site-footer-clean .pin-footnav-menu li a:hover,
.site-footer-clean .pin-footnav-menu li.current-menu-item a{
   color: var(--qd-gold);
}

.footer-location{
   color: var(--qd-slate);
   font-family: 'Inter SemiBold';
   font-size: 14px;
   line-height: 1.5;
   margin-bottom: 6px;
}

.footer-copy{
   color: var(--qd-slate);
   font-family: 'Inter Regular';
   font-size: 13px;
   line-height: 1.6;
}

.footer-copy a{
   color: var(--qd-navy);
   font-family: 'Inter SemiBold';
   text-decoration: none;
}

.footer-copy a:hover{
   color: var(--qd-gold);
}

.footer-separator{
   display: inline-block;
   margin: 0 8px;
   color: rgba(63,74,87,.45);
}

@media(max-width: 991px){
   .site-footer-clean .pin-footnav-menu{
      justify-content: center;
   }

   .footer-logo{
      max-width: 190px;
   }

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

@media(max-width: 575px){
   .site-footer-clean{
      padding: 30px 0;
   }

   .site-footer-clean .pin-footnav-menu{
      gap: 14px 18px;
   }

   .footer-separator{
      display: none;
   }

   .footer-copy a{
      display: block;
      margin-top: 4px;
   }
}
/* ===== Rebuilt 3-Column Footer ===== */

.qd-footer-rebuild {
   background: var(--qd-white);
   padding: 58px 0 26px;
   border-top: 1px solid rgba(11,34,64,.08);
}

.qd-footer-grid {
   display: grid;
   grid-template-columns: 1.15fr .85fr 1fr;
   gap: 56px;
   align-items: flex-start;
}

.qd-footer-brand .footer-logo {
   max-width: 210px;
   margin-bottom: 22px;
}

.qd-footer-brand p {
   max-width: 390px;
   margin: 0;
   color: var(--qd-slate);
   font-size: 16px;
   line-height: 1.75;
}

.qd-footer-links h3,
.qd-footer-contact h3 {
   font-family: 'Inter ExtraBold';
   font-size: 18px;
   color: var(--qd-navy);
   margin-bottom: 18px;
}

.qd-footer-links .pin-footnav-menu {
   display: grid !important;
   grid-template-columns: 1fr;
   gap: 10px;
   justify-content: flex-start !important;
   align-items: flex-start !important;
   margin: 0 !important;
   padding: 0 !important;
   list-style: none !important;
}

.qd-footer-links .pin-footnav-menu li {
   margin: 0 !important;
   padding: 0 !important;
}

.qd-footer-links .pin-footnav-menu li a,
.qd-footer-contact a {
   color: var(--qd-slate);
   font-family: 'Inter SemiBold';
   font-size: 15px;
   line-height: 1.4;
   text-decoration: none;
}

.qd-footer-links .pin-footnav-menu li a:hover,
.qd-footer-links .pin-footnav-menu li.current-menu-item a,
.qd-footer-contact a:hover {
   color: var(--qd-gold);
}

.qd-footer-contact p {
   margin-bottom: 16px;
   font-size: 15px;
   line-height: 1.6;
   color: var(--qd-slate);
}

.qd-footer-contact strong {
   display: block;
   color: var(--qd-navy);
   font-family: 'Inter ExtraBold';
   font-size: 13px;
   letter-spacing: .1em;
   text-transform: uppercase;
   margin-bottom: 4px;
}

.qd-footer-social {
   margin-top: 18px;
}

.qd-footer-social a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 42px;
   padding: 0 20px;
   border: 1px solid var(--qd-gold);
   background: var(--qd-navy);
   color: var(--qd-white) !important;
   font-family: 'Inter Bold';
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: .08em;
}

.qd-footer-social a:hover {
   background: var(--qd-gold);
   color: var(--qd-navy) !important;
}

.qd-footer-bottom {
   margin-top: 42px;
   padding-top: 22px;
   border-top: 1px solid rgba(11,34,64,.08);
   text-align: center;
}

.qd-footer-bottom p {
   margin: 0;
   color: var(--qd-slate);
   font-size: 13px;
}

.qd-footer-bottom a {
   color: var(--qd-navy);
   font-family: 'Inter SemiBold';
   text-decoration: none;
}

.qd-footer-bottom a:hover {
   color: var(--qd-gold);
}

.qd-footer-bottom span {
   display: inline-block;
   margin: 0 10px;
   color: rgba(63,74,87,.45);
}

@media (max-width: 991px) {
   .qd-footer-grid {
      grid-template-columns: 1fr;
      gap: 36px;
      text-align: center;
   }

   .qd-footer-brand p {
      margin: 0 auto;
   }

   .qd-footer-links .pin-footnav-menu {
      justify-items: center;
   }
}

@media (max-width: 575px) {
   .qd-final-cta {
      padding: 80px 0 90px;
   }

   .qd-footer-rebuild {
      padding: 44px 0 24px;
   }

   .qd-footer-bottom span {
      display: none;
   }

   .qd-footer-bottom a {
      display: block;
      margin-top: 6px;
   }
}

/* Form Container */
.of-container{width: 100%; max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 1em 2em; border-radius: 10px; margin-top: 1em; border: 1px solid #c6c6c6;}
.pin-col-2{width: 49% !important; display: inline-block; vertical-align: middle; }
.wpforms-field span.required{color:red;}
.wpforms-field label{
   font-family: 'Inter SemiBold';
   font-size: 16px;
   margin-bottom: 3px;
   display: block;
}
.wpforms-field input, .wpforms-field textarea, .wpforms-field select{border-radius: .7em !important; border-color: #b1b1b1 !important; padding: 10px 1em !important; font-size: 16px !important; width: 97% !important; height: 45px !important; border: 1px solid}
 .wpforms-field textarea{height: AUTO !important;}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error{
   position: absolute !important;
   bottom: -5px !important;
   right: 2em !important;
}

input.privacy-policy, input[type="radio"], input[type="checkbox"]{display: inline-block; width: 25px !important; padding: 0 !important; height: 21px !important; vertical-align: middle;}
input[type="radio"]{width: 22px !important; vertical-align: top;}
.input-option{ display: inline-block; vertical-align: middle; padding: 0 20px;}
.input-option label{display: inline-block; vertical-align: bottom;}
/* Page Style */

   .page-content.services .wp-block-columns .wp-block-column-is-layout-flow h5{font-family: 'Inter Bold'; color: white; font-size: 25px;}
   .page-content.services .wp-block-columns .wp-block-column-is-layout-flow p{font-family: 'Inter Regular'; color: white; font-size: 18px;}


   /* =========================================
   GTranslate (FREE) — lock pill + overlay menu
   Works with .gt_float_switcher markup
   ========================================= */

/* Make sure the pill itself never changes size */
.gtranslate-pill {
  position: relative !important;
  flex: 0 0 auto !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important; /* let inner handle padding */
  background: transparent !important; /* GTranslate has its own */
  z-index: 9999 !important;
}



/* ✅ KEY FIX: dropdown must NOT take space */
.gtranslate-pill .gt_float_switcher .gt_options {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;

  width: 300px !important;
  max-height: 340px !important;
  overflow: auto !important;

  background: #fff !important;
  border-radius: 12px 0 0 12px!important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
  z-index: 99999 !important;
  font-size: 16px !important;
  padding: 10px 0;
}

.gt_float_switcher .gt_options a{
    padding: 5px 15px !important;
    text-align: left;
}

/* Keep UserWay from covering your header area */
.cky-revisit-bottom-left {
    right: 4px  !important;
    left: unset !important;
    z-index: 9999 !important;
    background-color: #0b2240 !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit{
      border-radius: 100%;
}
#userwayAccessibilityIcon .uiiw{background: #0b2240; border-radius: 90%; display: block;}

.wp-dark-mode-switcher {
  transform: scale(.9);
  margin-left: 8px;
}
.wp-dark-mode-switch-1 ._track, .wp-dark-mode-switch-13 ._track{
   height: calc(45px * var(--wpdm-switch-scale, 1)) !important;
   width: calc(45px * var(--wpdm-switch-scale, 1)) !important;
   border-radius: 100% !important;
}
.wp-dark-mode-floating-switch{
   bottom: 5rem !important;
   right: 5px !important;
}

#tawkchat-minified-wrapper,
.tawk-min-container {
  left: 18px !important;
  right: auto !important;
  bottom: 18px !important;
  z-index: 99998 !important;
}


/* ===== WP Dark Mode Fix: Keep Q&D Custom Sections Controlled ===== */
html.wp-dark-mode-active .qd-pathways-section,
body.wp-dark-mode-active .qd-pathways-section,
.wp-dark-mode-active .qd-pathways-section{
   background:
      radial-gradient(circle at 10% 10%, rgba(184,134,42,.10) 0%, transparent 34%),
      linear-gradient(to bottom, #ffffff 0%, var(--qd-cream) 100%) !important;
   color: var(--qd-slate) !important;
   filter: none !important;
   opacity: 1 !important;
}

.wp-dark-mode-active .qd-pathways-kicker{
   color: var(--qd-gold) !important;
   opacity: 1 !important;
}

.wp-dark-mode-active .qd-pathways-title,
.wp-dark-mode-active .qd-pathways-lead{
   color: var(--qd-navy) !important;
   opacity: 1 !important;
}

.wp-dark-mode-active .qd-pathways-intro{
   color: #4A5565 !important;
   opacity: 1 !important;
}

.wp-dark-mode-active .qd-pathways-card{
   background: #ffffff !important;
   color: #4A5565 !important;
   border-color: rgba(11,34,64,.08) !important;
   filter: none !important;
   opacity: 1 !important;
}

.wp-dark-mode-active .qd-pathways-card h3{
   color: var(--qd-navy) !important;
}

.wp-dark-mode-active .qd-pathways-card li{
   color: #4A5565 !important;
}

.wp-dark-mode-active .qd-pathways-card-dark{
   background: var(--qd-navy) !important;
   color: #ffffff !important;
}

.wp-dark-mode-active .qd-pathways-card-dark h3,
.wp-dark-mode-active .qd-pathways-card-dark li,
.wp-dark-mode-active .qd-pathways-card-dark strong{
   color: #ffffff !important;
}

.wp-dark-mode-active .qd-pathways-section *,
.wp-dark-mode-active .qd-pathways-section{
   mix-blend-mode: normal !important;
   filter: none !important;
}


/* Force Section 4 to remain light even when WP Dark Mode is active */
.wp-dark-mode-active .wp-dark-mode-ignore,
.wp-dark-mode-active .wp-dark-mode-ignore *,
.wp-dark-mode-ignore,
.wp-dark-mode-ignore *{
   filter: none !important;
   opacity: 1 !important;
   mix-blend-mode: normal !important;
}

.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore{
   background:
      radial-gradient(circle at 10% 10%, rgba(184,134,42,.10) 0%, transparent 34%),
      linear-gradient(to bottom, #ffffff 0%, #F4F1EA 100%) !important;
}

.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-title,
.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-lead{
   color: #0B2240 !important;
}

.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-intro,
.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-card li{
   color: #4A5565 !important;
}

.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-card{
   background: #ffffff !important;
}

.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-card-dark{
   background: #0B2240 !important;
}

.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-card-dark,
.wp-dark-mode-active .qd-pathways-section.wp-dark-mode-ignore .qd-pathways-card-dark *{
   color: #ffffff !important;
}