.elementor-1291 .elementor-element.elementor-element-5815c8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-227d763 *//* ABOULAY MARKETING SERVICES PAGE CSS ONLY */

:root{
  --ab-red:#D62828;
  --ab-red-dark:#B71C1C;
  --ab-green:#0B6E3D;
  --ab-green-dark:#095730;
  --ab-gold:#F4B400;
  --ab-gold-dark:#D89C00;
  --ab-black:#111111;
  --ab-text:#333333;
  --ab-text-soft:#666666;
  --ab-white:#FFFFFF;
  --ab-bg:#F8F9F5;
  --ab-bg-light:#FCFCF8;
  --ab-bg-accent:#FFF8E2;
  --ab-border:#E8E8E8;
  --ab-radius:16px;
  --ab-shadow:0 10px 30px rgba(0,0,0,.08);
}

#aboulay-marketing-services-page{
  background:var(--ab-bg);
  color:var(--ab-text);
  font-family:"Poppins", sans-serif;
}

.aboulay-container{
  width:min(1200px, 92%);
  margin:0 auto;
}

.aboulay-section{
  padding:80px 0;
}

.aboulay-section-light{
  background:var(--ab-bg-light);
}

.aboulay-section-accent{
  background:var(--ab-bg-accent);
}

.aboulay-kicker{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--ab-red);
  margin-bottom:14px;
}

.aboulay-kicker.white{
  color:#fff3cf;
}

.aboulay-section-head{
  text-align:center;
  max-width:860px;
  margin:0 auto 42px;
}

.aboulay-section-head h2{
  font-size:38px;
  line-height:1.2;
  color:var(--ab-black);
  margin:0 0 14px;
}

.aboulay-section-head p{
  color:var(--ab-text-soft);
  font-size:17px;
  line-height:1.75;
  margin:0 0 14px;
}

/* HERO */
.aboulay-ms-hero{
  background:
    linear-gradient(135deg, rgba(11,110,61,.96), rgba(17,17,17,.92)),
    #0b6e3d;
  color:var(--ab-white);
  padding:90px 0 80px;
}

.aboulay-ms-hero-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:34px;
  align-items:center;
}

.aboulay-ms-hero h1{
  font-size:50px;
  line-height:1.08;
  margin:0 0 18px;
  color:var(--ab-white);
}

.aboulay-ms-hero p{
  font-size:18px;
  line-height:1.8;
  color:rgba(255,255,255,.92);
  max-width:780px;
}

.aboulay-ms-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:28px 0 18px;
}

.aboulay-ms-hero-note{
  font-size:14px;
  color:rgba(255,255,255,.82);
}

.aboulay-side-card{
  background:var(--ab-white);
  color:var(--ab-text);
  padding:28px;
  border-radius:var(--ab-radius);
  box-shadow:var(--ab-shadow);
}

.aboulay-side-card h3{
  margin-top:0;
  color:var(--ab-red);
}

.aboulay-side-card ul{
  margin:16px 0 22px;
  padding-left:20px;
}

.aboulay-side-card li{
  margin-bottom:10px;
  line-height:1.7;
}

/* BUTTONS */
.aboulay-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border-radius:12px;
  text-decoration:none;
  font-weight:600;
  transition:all .25s ease;
  border:none;
  cursor:pointer;
}

.aboulay-btn-primary{
  background:var(--ab-red);
  color:var(--ab-white);
}
.aboulay-btn-primary:hover{
  background:var(--ab-red-dark);
  color:var(--ab-white);
}

.aboulay-btn-secondary{
  background:var(--ab-green);
  color:var(--ab-white);
}
.aboulay-btn-secondary:hover{
  background:var(--ab-green-dark);
  color:var(--ab-white);
}

.aboulay-btn-accent{
  background:var(--ab-gold);
  color:var(--ab-black);
}
.aboulay-btn-accent:hover{
  background:var(--ab-gold-dark);
  color:var(--ab-black);
}

.aboulay-btn-outline{
  border:2px solid rgba(255,255,255,.65);
  color:var(--ab-white);
  background:transparent;
}
.aboulay-btn-outline:hover{
  background:rgba(255,255,255,.12);
  color:var(--ab-white);
}

.aboulay-btn-light{
  background:var(--ab-white);
  color:var(--ab-black);
}
.aboulay-btn-light:hover{
  background:#f1f1f1;
  color:var(--ab-black);
}

/* CARDS */
.aboulay-card-grid{
  display:grid;
  gap:22px;
}

.aboulay-card-grid.four{
  grid-template-columns:repeat(4, 1fr);
}

.aboulay-card-grid.three{
  grid-template-columns:repeat(3, 1fr);
}

.aboulay-card{
  background:var(--ab-white);
  border:1px solid var(--ab-border);
  border-radius:var(--ab-radius);
  padding:28px 24px;
  box-shadow:var(--ab-shadow);
  transition:transform .2s ease, border-color .2s ease;
}

.aboulay-card:hover{
  transform:translateY(-4px);
  border-color:var(--ab-gold);
}

.aboulay-card h3{
  margin-top:0;
  margin-bottom:12px;
  color:var(--ab-red);
}

.aboulay-card p{
  color:var(--ab-text-soft);
  line-height:1.75;
  margin:0;
}

/* SPLIT */
.aboulay-split-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:start;
}

.aboulay-content-box,
.aboulay-highlight-box,
.aboulay-feature-panel,
.aboulay-mission-box{
  background:var(--ab-white);
  border:1px solid var(--ab-border);
  border-radius:var(--ab-radius);
  box-shadow:var(--ab-shadow);
  padding:30px 28px;
}

.aboulay-content-box h2,
.aboulay-mission-box h2{
  margin-top:0;
  color:var(--ab-green);
}

.aboulay-content-box p{
  color:var(--ab-text);
  line-height:1.8;
}

.aboulay-list,
.aboulay-highlight-box ul,
.aboulay-feature-panel ul{
  margin:16px 0 0;
  padding-left:20px;
}

.aboulay-list li,
.aboulay-highlight-box li,
.aboulay-feature-panel li{
  margin-bottom:12px;
  line-height:1.7;
}

.aboulay-highlight-box h3,
.aboulay-feature-panel h3{
  margin-top:0;
  color:var(--ab-red);
}

.aboulay-mission-box{
  max-width:980px;
  margin:0 auto;
  text-align:center;
}

.aboulay-mission-box p{
  color:var(--ab-text-soft);
  line-height:1.8;
  margin:0;
}

/* STEPS */
.aboulay-steps-grid{
  display:grid;
  gap:22px;
}

.aboulay-steps-grid.four{
  grid-template-columns:repeat(4, 1fr);
}

.aboulay-step-box{
  background:var(--ab-white);
  border:1px solid var(--ab-border);
  border-radius:var(--ab-radius);
  padding:28px 22px;
  box-shadow:var(--ab-shadow);
  text-align:center;
}

.aboulay-step-number{
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--ab-red);
  color:var(--ab-white);
  font-size:22px;
  font-weight:700;
  margin-bottom:14px;
}

.aboulay-step-box h3{
  margin:0 0 10px;
  color:var(--ab-green);
}

.aboulay-step-box p{
  margin:0;
  color:var(--ab-text-soft);
  line-height:1.7;
}

/* CTA BAND */
.aboulay-cta-band{
  background:linear-gradient(135deg, var(--ab-red), #7f1717);
  color:var(--ab-white);
  padding:72px 0;
}

.aboulay-cta-band-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  align-items:center;
}

.aboulay-cta-band h2{
  color:var(--ab-white);
  margin:0 0 14px;
  font-size:40px;
  line-height:1.15;
}

.aboulay-cta-band p{
  color:rgba(255,255,255,.92);
  font-size:17px;
  line-height:1.75;
  margin:0;
}

.aboulay-cta-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:14px;
}

/* RESPONSIVE */
@media (max-width: 1100px){
  .aboulay-ms-hero-grid,
  .aboulay-split-grid,
  .aboulay-cta-band-grid{
    grid-template-columns:1fr;
  }

  .aboulay-card-grid.four,
  .aboulay-card-grid.three,
  .aboulay-steps-grid.four{
    grid-template-columns:repeat(2, 1fr);
  }

  .aboulay-cta-actions{
    justify-content:flex-start;
  }
}

@media (max-width: 767px){
  .aboulay-section,
  .aboulay-ms-hero,
  .aboulay-cta-band{
    padding:60px 0;
  }

  .aboulay-ms-hero h1{
    font-size:32px;
  }

  .aboulay-section-head h2,
  .aboulay-cta-band h2{
    font-size:28px;
  }

  .aboulay-card-grid.four,
  .aboulay-card-grid.three,
  .aboulay-steps-grid.four{
    grid-template-columns:1fr;
  }

  .aboulay-ms-hero-actions,
  .aboulay-cta-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .aboulay-btn{
    width:100%;
  }

  .aboulay-content-box,
  .aboulay-highlight-box,
  .aboulay-feature-panel,
  .aboulay-mission-box{
    padding:24px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-227d763 */:root {
  --ams-brown: #221915;
  --ams-brown-soft: #382720;
  --ams-burgundy: #8d2e24;
  --ams-burgundy-dark: #671c17;
  --ams-gold: #d8a536;
  --ams-gold-light: #f4d37b;
  --ams-cream: #f8f2e7;
  --ams-cream-dark: #eee2cf;
  --ams-white: #ffffff;
  --ams-text: #211b18;
  --ams-muted: #675e58;
  --ams-border: #ddcfbd;
  --ams-success: #176d48;
  --ams-error: #a42020;
  --ams-radius: 18px;
  --ams-shadow: 0 17px 44px rgba(34, 25, 21, 0.13);
}

.ams,
.ams * {
  box-sizing: border-box;
}

.ams {
  width: 100%;
  overflow: hidden;
  color: var(--ams-text);
  background: var(--ams-white);
  font-family: inherit;
}

.ams-container {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.ams h1,
.ams h2,
.ams h3,
.ams p {
  margin-top: 0;
}

.ams h1 {
  max-width: 1000px;
  color: #ffffff !important;
  font-size: clamp(2.5rem, 5.6vw, 5rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
  text-shadow: 0 3px 9px rgba(0, 0, 0, 0.88);
}

.ams h2 {
  color: var(--ams-brown);
  font-size: clamp(2rem, 4vw, 3.3rem);
  line-height: 1.12;
  letter-spacing: -0.025em;
}

.ams h3 {
  color: var(--ams-brown);
  line-height: 1.3;
}

.ams p {
  color: var(--ams-muted);
  font-size: 1rem;
  line-height: 1.75;
}

.ams a {
  text-decoration: none;
}

.ams-screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}


/* HERO */

.ams-hero {
  position: relative;
  min-height: 820px;
  display: flex;
  align-items: center;
  isolation: isolate;
  background:
    url("https://aboulay.com/wp-content/uploads/marketing-services-hero.jpg")
    center / cover no-repeat;
}

.ams-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      95deg,
      rgba(22, 14, 11, 0.98) 0%,
      rgba(50, 24, 20, 0.94) 58%,
      rgba(141, 46, 36, 0.84) 100%
    );
}

.ams-hero-inner {
  padding-block: 125px 115px;
}

.ams-kicker,
.ams-section-label {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--ams-burgundy);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ams-hero .ams-kicker,
.ams-final-cta .ams-kicker {
  color: var(--ams-gold-light) !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
}

.ams-hero-intro,
.ams-hero-secondary {
  max-width: 800px;
  color: #ffffff !important;
  font-weight: 500;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);
}

.ams-hero-intro {
  font-size: clamp(1.08rem, 2vw, 1.28rem) !important;
}

.ams-hero-secondary {
  font-size: 1rem !important;
}


/* AI SEARCH */

.ams-ai-search {
  max-width: 910px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-top: 31px;
  padding: 7px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.35);
}

.ams-ai-search input {
  width: 100%;
  min-height: 58px;
  padding: 13px 17px;
  color: var(--ams-text);
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1rem;
}

.ams-ai-search button {
  min-height: 58px;
  padding: 14px 22px;
  color: #ffffff;
  background: var(--ams-burgundy);
  border: 0;
  border-radius: 11px;
  font-weight: 800;
  cursor: pointer;
}

.ams-ai-search button:hover {
  background: var(--ams-burgundy-dark);
}

.ams-ai-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
}

.ams-ai-examples button {
  padding: 8px 12px;
  color: #ffffff;
  background: rgba(20, 13, 11, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.67);
  border-radius: 999px;
  font-size: 0.8rem;
  cursor: pointer;
}

.ams-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 31px;
}

.ams-built-for {
  margin: 24px 0 0 !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 700;
}


/* BUTTONS */

.ams-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 23px;
  border: 2px solid transparent;
  border-radius: 999px;
  font-weight: 850;
  line-height: 1.25;
  text-align: center;
  transition:
    transform 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.ams-btn:hover {
  transform: translateY(-2px);
}

.ams-btn-white {
  color: var(--ams-brown) !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.ams-btn-gold {
  color: var(--ams-brown) !important;
  background: var(--ams-gold) !important;
  border-color: var(--ams-gold) !important;
}

.ams-btn-outline {
  color: #ffffff !important;
  background: rgba(34, 25, 21, 0.7) !important;
  border-color: #ffffff !important;
}

.ams-btn-dark {
  color: #ffffff !important;
  background: var(--ams-brown) !important;
  border-color: var(--ams-brown) !important;
}


/* STATUS */

.ams-status-section {
  position: relative;
  z-index: 4;
  margin-top: -55px;
}

.ams-status-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: var(--ams-radius);
  box-shadow: var(--ams-shadow);
}

.ams-status-grid article {
  padding: 27px 18px;
  text-align: center;
  border-right: 1px solid var(--ams-border);
}

.ams-status-grid article:last-child {
  border-right: 0;
}

.ams-status-grid strong,
.ams-status-grid span {
  display: block;
}

.ams-status-grid strong {
  color: var(--ams-burgundy);
  font-size: 1.65rem;
}

.ams-status-grid span {
  margin-top: 5px;
  color: var(--ams-muted);
  font-size: 0.84rem;
}


/* AI ANSWER */

.ams-ai-answer-section {
  padding: 70px 0 10px;
}

.ams-ai-answer-card {
  padding: 35px;
  background:
    linear-gradient(145deg, #ffffff, var(--ams-cream));
  border: 1px solid var(--ams-gold);
  border-radius: var(--ams-radius);
  box-shadow: var(--ams-shadow);
}

.ams-ai-heading {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 23px;
}

.ams-ai-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background:
    linear-gradient(
      135deg,
      var(--ams-burgundy),
      var(--ams-brown)
    );
  border-radius: 15px;
  font-weight: 900;
}

.ams-ai-heading span {
  color: var(--ams-burgundy);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.ams-ai-heading h2 {
  margin: 3px 0 0;
  font-size: clamp(1.6rem, 3vw, 2.3rem);
}

.ams-ai-recommended-services {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 20px;
}

.ams-ai-service-chip {
  padding: 9px 13px;
  color: var(--ams-brown);
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
}

.ams-ai-notice {
  margin-top: 25px !important;
  padding-top: 17px;
  border-top: 1px solid var(--ams-border);
  font-size: 0.84rem !important;
}


/* COMMON SECTIONS */

.ams-section {
  padding-block: 100px;
}

.ams-section-heading {
  max-width: 780px;
  margin: 0 auto 48px;
  text-align: center;
}


/* INTRO */

.ams-intro-section {
  background: #ffffff;
}

.ams-intro-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  gap: 65px;
}

.ams-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.ams-benefit-grid article {
  min-height: 145px;
  padding: 24px 21px;
  background: var(--ams-cream);
  border: 1px solid var(--ams-border);
  border-radius: 15px;
}

.ams-benefit-grid span {
  display: block;
  margin-bottom: 13px;
  color: var(--ams-burgundy);
  font-weight: 900;
}

.ams-benefit-grid p {
  margin-bottom: 0;
  color: var(--ams-brown);
  font-weight: 750;
}


/* WHY */

.ams-why-section {
  background:
    linear-gradient(
      135deg,
      var(--ams-brown),
      var(--ams-burgundy-dark)
    );
}

.ams-why-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 65px;
}

.ams-why-panel h2,
.ams-why-panel p {
  color: #ffffff !important;
}

.ams-label-gold {
  color: var(--ams-gold-light) !important;
}

.ams-value-list {
  display: grid;
  gap: 13px;
}

.ams-value-list article {
  padding: 21px;
  background: #ffffff;
  border-radius: 13px;
}

.ams-value-list strong {
  display: block;
  margin-bottom: 7px;
  color: var(--ams-brown);
}

.ams-value-list p {
  margin-bottom: 0;
  font-size: 0.91rem;
}


/* FILTERS */

.ams-matcher-section {
  background: var(--ams-cream);
}

.ams-filter-panel {
  display: grid;
  grid-template-columns: 1.2fr repeat(4, 1fr) auto auto;
  gap: 11px;
  padding: 21px;
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: var(--ams-radius);
  box-shadow: var(--ams-shadow);
}

.ams-filter-field label {
  display: block;
  margin-bottom: 7px;
  color: var(--ams-brown);
  font-size: 0.76rem;
  font-weight: 850;
}

.ams-filter-field input,
.ams-filter-field select,
.ams-results-toolbar select {
  width: 100%;
  min-height: 50px;
  padding: 11px 12px;
  color: var(--ams-text);
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: 9px;
}

#ams-apply-filters,
#ams-clear-filters {
  min-height: 50px;
  align-self: end;
  padding: 11px 17px;
  border-radius: 9px;
  font-weight: 850;
  cursor: pointer;
}

#ams-apply-filters {
  color: #ffffff;
  background: var(--ams-burgundy);
  border: 1px solid var(--ams-burgundy);
}

#ams-clear-filters {
  color: var(--ams-brown);
  background: var(--ams-cream);
  border: 1px solid var(--ams-border);
}

.ams-results-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin: 30px 0 22px;
}

.ams-results-toolbar p {
  margin: 0;
}

.ams-results-toolbar select {
  width: auto;
}


/* SERVICE CARDS */

.ams-services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px;
}

.ams-service-card {
  position: relative;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  padding: 29px 25px 25px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: var(--ams-radius);
  box-shadow: 0 10px 28px rgba(34, 25, 21, 0.08);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.ams-service-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background:
    linear-gradient(
      90deg,
      var(--ams-burgundy),
      var(--ams-gold)
    );
}

.ams-service-card:hover {
  transform: translateY(-6px);
  border-color: var(--ams-gold);
  box-shadow: var(--ams-shadow);
}

.ams-service-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin-bottom: 21px;
  background: var(--ams-cream);
  border: 1px solid var(--ams-border);
  border-radius: 16px;
  font-size: 1.65rem;
}

.ams-service-card h3 {
  margin-bottom: 13px;
  font-size: 1.28rem;
}

.ams-service-card p {
  font-size: 0.94rem;
}

.ams-service-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 17px 0 23px;
}

.ams-service-tags span {
  padding: 6px 9px;
  color: var(--ams-brown);
  background: var(--ams-cream);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 750;
}

.ams-service-actions {
  display: grid;
  gap: 9px;
  margin-top: auto;
}

.ams-service-button,
.ams-service-ai-button {
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  border-radius: 9px;
  font-weight: 850;
  text-align: center;
  cursor: pointer;
}

.ams-service-button {
  color: #ffffff !important;
  background: var(--ams-brown);
}

.ams-service-ai-button {
  color: var(--ams-burgundy);
  background: var(--ams-cream);
  border: 1px solid var(--ams-border);
}

.ams-loading-card,
.ams-no-results {
  grid-column: 1 / -1;
  padding: 35px;
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: var(--ams-radius);
  text-align: center;
}

.ams-no-results button {
  min-height: 46px;
  padding: 10px 17px;
  color: #ffffff;
  background: var(--ams-burgundy);
  border: 0;
  border-radius: 9px;
  font-weight: 800;
}


/* CONNECTED DATA */

.ams-data-section {
  background: #ffffff;
}

.ams-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 37px;
}

.ams-heading-row > div {
  max-width: 780px;
}

.ams-heading-link {
  color: var(--ams-burgundy) !important;
  font-weight: 850;
}

.ams-data-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 27px;
}

.ams-data-tabs button {
  padding: 9px 14px;
  color: var(--ams-brown);
  background: var(--ams-cream);
  border: 1px solid var(--ams-border);
  border-radius: 999px;
  font-weight: 780;
  cursor: pointer;
}

.ams-data-tabs button.active {
  color: #ffffff;
  background: var(--ams-burgundy);
  border-color: var(--ams-burgundy);
}

.ams-opportunity-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 21px;
}

.ams-opportunity-card {
  padding: 25px;
  background: var(--ams-cream);
  border: 1px solid var(--ams-border);
  border-radius: var(--ams-radius);
}

.ams-opportunity-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 15px;
}

.ams-opportunity-meta span {
  padding: 6px 9px;
  color: var(--ams-brown);
  background: #ffffff;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 750;
}

.ams-opportunity-card h3 {
  font-size: 1.16rem;
}

.ams-opportunity-card p {
  font-size: 0.91rem;
}

.ams-opportunity-link {
  color: var(--ams-burgundy) !important;
  font-weight: 850;
}

.ams-center-button {
  margin-top: 35px;
  text-align: center;
}


/* AUDIENCE */

.ams-audience-section {
  background: var(--ams-cream);
}

.ams-audience-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
}

.ams-audience-grid article {
  min-height: 190px;
  padding: 25px;
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: 15px;
}

.ams-audience-grid article > span {
  display: block;
  margin-bottom: 17px;
  font-size: 1.65rem;
}

.ams-audience-grid p {
  margin-bottom: 0;
  font-size: 0.91rem;
}


/* MARKETS */

.ams-markets-section {
  background:
    linear-gradient(
      135deg,
      var(--ams-brown),
      var(--ams-burgundy-dark)
    );
}

.ams-light-heading h2 {
  color: #ffffff !important;
}

.ams-market-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ams-market-grid article {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  padding: 27px 23px;
  background: #ffffff;
  border-radius: var(--ams-radius);
  box-shadow: 0 11px 27px rgba(0, 0, 0, 0.22);
}

.ams-market-grid article > span {
  color: var(--ams-burgundy);
  font-weight: 900;
}

.ams-market-grid h3 {
  margin-top: 24px;
}

.ams-market-grid button {
  min-height: 46px;
  margin-top: auto;
  padding: 10px 13px;
  color: #ffffff;
  background: var(--ams-brown);
  border: 0;
  border-radius: 9px;
  font-weight: 800;
  cursor: pointer;
}


/* PROCESS */

.ams-process-section {
  background: #ffffff;
}

.ams-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 19px;
}

.ams-process-grid article {
  padding: 28px 23px;
  background: var(--ams-cream);
  border: 1px solid var(--ams-border);
  border-radius: 15px;
}

.ams-process-grid article > span {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  color: #ffffff;
  background: var(--ams-burgundy);
  border-radius: 50%;
  font-weight: 900;
}


/* FORM */

.ams-enquiry-section {
  background: var(--ams-cream);
}

.ams-enquiry-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: start;
  gap: 60px;
}

.ams-enquiry-copy ul {
  padding-left: 21px;
  color: var(--ams-muted);
  line-height: 1.9;
}

.ams-support-form {
  display: grid;
  gap: 15px;
  padding: 29px;
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: var(--ams-radius);
  box-shadow: var(--ams-shadow);
}

.ams-form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
}

.ams-support-form label {
  display: grid;
  gap: 7px;
  color: var(--ams-brown);
  font-size: 0.85rem;
  font-weight: 780;
}

.ams-support-form input,
.ams-support-form select,
.ams-support-form textarea {
  width: 100%;
  padding: 12px 13px;
  color: var(--ams-text);
  background: #ffffff;
  border: 1px solid var(--ams-border);
  border-radius: 9px;
  font: inherit;
}

.ams-support-form input,
.ams-support-form select {
  min-height: 50px;
}

.ams-support-form button {
  min-height: 53px;
  color: #ffffff;
  background: var(--ams-burgundy);
  border: 0;
  border-radius: 10px;
  font-weight: 850;
  cursor: pointer;
}

.ams-form-message {
  font-weight: 750;
}

.ams-form-message.success {
  color: var(--ams-success);
}

.ams-form-message.error {
  color: var(--ams-error);
}


/* FINAL CTA */

.ams-final-cta {
  padding-block: 85px;
  background:
    linear-gradient(
      135deg,
      var(--ams-burgundy-dark),
      var(--ams-burgundy),
      var(--ams-brown)
    );
}

.ams-final-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
  gap: 50px;
}

.ams-final-inner h2,
.ams-final-inner p {
  color: #ffffff !important;
}

.ams-final-actions {
  display: grid;
  gap: 12px;
}


/* FOCUS */

.ams button:focus-visible,
.ams a:focus-visible,
.ams input:focus-visible,
.ams select:focus-visible,
.ams textarea:focus-visible {
  outline: 4px solid #78c3ff;
  outline-offset: 3px;
}


/* TABLET */

@media (max-width: 1100px) {
  .ams-filter-panel {
    grid-template-columns: repeat(3, 1fr);
  }

  #ams-apply-filters,
  #ams-clear-filters {
    align-self: stretch;
  }

  .ams-services-grid,
  .ams-opportunity-grid,
  .ams-audience-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ams-market-grid,
  .ams-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* MOBILE */

@media (max-width: 780px) {
  .ams-hero {
    min-height: 880px;
  }

  .ams-ai-search {
    grid-template-columns: 1fr;
  }

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

  .ams-status-grid article:nth-child(2) {
    border-right: 0;
  }

  .ams-status-grid article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--ams-border);
  }

  .ams-intro-grid,
  .ams-why-grid,
  .ams-enquiry-grid,
  .ams-final-inner {
    grid-template-columns: 1fr;
  }

  .ams-filter-panel {
    grid-template-columns: repeat(2, 1fr);
  }

  .ams-heading-row {
    display: grid;
  }
}

@media (max-width: 600px) {
  .ams-container {
    width: min(100% - 28px, 1180px);
  }

  .ams-section {
    padding-block: 72px;
  }

  .ams-hero-inner {
    padding-block: 100px 95px;
  }

  .ams-hero-actions {
    display: grid;
  }

  .ams-btn {
    width: 100%;
  }

  .ams-status-section {
    margin-top: -35px;
  }

  .ams-benefit-grid,
  .ams-filter-panel,
  .ams-services-grid,
  .ams-opportunity-grid,
  .ams-audience-grid,
  .ams-market-grid,
  .ams-process-grid,
  .ams-form-row {
    grid-template-columns: 1fr;
  }

  .ams-results-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .ams-results-toolbar select {
    width: 100%;
  }

  .ams-ai-answer-card,
  .ams-support-form {
    padding: 23px;
  }
}/* End custom CSS */