/* Menu CSS */

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.bold > a > .quadmenu-item-content {
	font-weight: 600;
	font-size: 24px;
}


/*
Service page CSS Start
*/

/* Base */
.container {
  max-width: 1140px;
  margin: auto;
  padding: 0 20px;
}

h1, h2, h3 {
  color: var(--global-palette3);
  line-height: 1.2;
}

p {
  line-height: 1.8;
  color: var(--global-palette3);
}

/* HERO */
.design-hero {
  background: linear-gradient(54deg,
    var(--global-palette1) 0%,
    var(--global-palette4) 99%);
  border-radius: 10px;
  margin: 10px 20px 0px 20px;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
  align-items: end;
}

.hero-content {
  padding: 10px;
  padding-top: 0;
  margin-top: 150px;
  padding-bottom: 60px;
}

.hero-content h1 {
      margin-bottom: 22.5px;
}
.hero-content p {
     color: #fff;
     margin: 0;
         max-width: 600px;
}

/* CTA STRIP */
.cta-strip {
  background: var(--global-palette9);
  text-align: center;
  padding: 48px;
}

.eyebrow {
  text-transform: uppercase;
  color: #ed1c24;
  font-weight: 400;
}
.cta-strip h3{
  margin-bottom: 32px;
  line-height: 1.2;
  padding: 0 48px;
  margin-top: 16px;
}
/* IMAGE + TEXT */
.image-text {
  background: var(--global-palette9);
  padding: 64px 24px;
}

.image-text-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.image-text.reverse .image-text-grid {
  direction: rtl;
}

.image-text.reverse .text-box {
  direction: ltr;
}

.image-box {
  min-height: 500px;
  border-radius: 24px;
  background-size: cover;
  background-position: center;
  background-image: url("/wp-content/uploads/2026/01/Example-A-Roll-Image-scaled-1.jpg");
}
.image-text-grid .text-box h2{
  margin-bottom: 40px;
}
.padding-0{
  padding-top: 0;
}
/* FINAL CTA */
.final-cta {
  background: url('https://unitedsigns.rebrandic.com/wp-content/uploads/2026/01/smiling-support-agent-wearing-a-headset-in-a-call-center-environment.-7709303-scaled.jpg');
  padding: 80px 32px;
      background-size: cover;
    background-position: 55.00000000000001% 34%;
    background-attachment: scroll;
    background-repeat: no-repeat;
}
.ctabox{
  background-color: #fff;
  padding: 64px 80px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  align-items: flex-start;
  max-width: 811px;
  border-radius: 20px;
}
.ctabox h2{
  font-size: 32px;
  margin-bottom: 16px;
  font-family: 'Montserrat', sans-serif;
}
.ctabox p{
  margin-bottom: 24px;
  margin-top: 0px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .hero-grid,
  .image-text-grid {
    grid-template-columns: 1fr;
  }

  .hero-content {
    padding: 40px 20px;
   margin-top: 50px;
  }

}
@media (max-width: 768px) {
  .design-hero {
    background: linear-gradient(157deg, var(--global-palette1) 0%, var(--global-palette4) 99%);
  }
.hero-content h1 {
   font-size: 30px;
}
.hero-content p {
    max-width: unset;
}
.cta-strip h3 {
    margin-bottom: 25px;
    padding: 0px;
   font-size: 20px;
}
.cta-strip {
    padding: 24px;
}
.image-text {
    padding: 40px 24px;
}
.image-box {
    min-height: 300px;
}
.hero-grid, .image-text-grid{
  row-gap: 30px;
}
.image-text-grid .text-box h2 {
   font-size: 25px;
   margin-bottom: 20px;
}
.final-cta{
    padding: 40px 24px;
}
.ctabox {
    padding: 20px;
}
.ctabox h2{
   font-size: 25px;
}
.padding-0{
  padding-top: 0 !important;
}
}



/* footer css */
.footer-widget-area-inner p{
  color: #808080;
}
.widget-area .footer-widget-area-inner ul{
  margin-left: 0;
  padding-left: 0;
}
.widget-area .footer-widget-area-inner ul li{
  list-style: none;
}
/*
Service page CSS End
*/