.hamburger-menu {
    width: 30px;
    cursor: pointer;
    float: right:
    margin-top: 0px;
}

.hamburger-menu span {
    display: block;
    height: 3px;
    background: #000;
    margin: 6px 0;
}

.offcanvas-menu {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background: #fff;
    transition: all 0.3s ease;
    z-index: 9999;
    padding: 40px 20px;
}

.offcanvas-menu.active {
    right: 0;
}

.offcanvas-menu ul {
    list-style: none;
    padding: 0;
}

.offcanvas-menu li {
    margin-bottom: 15px;
}

.offcanvas-menu a {
    text-decoration: none;
    color: #fff; 
    font-size: 18px;
}

.offcanvas-menu {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100%;
    background: #18b0b4;
    transition: right 0.3s ease;
    z-index: 99999;
    padding: 70px 30px 30px;
    overflow-y: auto;
    box-shadow: 0 0 12px #000;
}

.offcanvas-menu.active {
    right: 0;
}

.menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
	border-radius:50%;
    border: none;
    font-size: 32px;
    cursor: pointer;
    line-height: 1;
}

.offcanvas-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.offcanvas-menu li {
    position: relative;
    text-align: left;
	text-transform:uppercase;
}

.offcanvas-menu .sub-menu {
    margin-left: 20px;
    padding-left: 15px;
   
}

.offcanvas-menu .sub-menu li {
    margin: 8px 0;
	text-transform:capitalize;
}

.offcanvas-menu a {
    display: block;
    padding: 10px 30px 10px 0;
    text-decoration: none;
}
span.submenu-toggle {
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.solution-sec .card strong {
    display: block;
    font-weight: 1000;
    font-size: 1.5em;
    line-height: 0.;
    margin-bottom: -20px;
    color: inherit;
}
.solution-sec .card {
    margin: 0 -8px;
}
/* Remove spacing between Feature Box 2 and Feature Box 3 */
#featured-box-2,
#featured-box-2 .widget,
#featured-box-2 .solution-sec {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#featured-box-3,
#featured-box-3 .widget,
#featured-box-3 .logo-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.logo-slider,
.logo-slider * {
    margin-top: 0 !important;
}

.why-subtitle {
    font-size: 1.4em;
    font-weight: 700;
    margin: 20px 0 15px;
    line-height: 1.4;
}

.why-intro,
.why-closing {
    margin-bottom: 20px;
    line-height: 1.7;
}

.why-list {
    list-style: none;
    margin: 0 0 25px;
    padding: 0;
}

.why-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
    line-height: 1.6;
}

.why-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    font-weight: 700;
}

/* Make the closing paragraph white */
.why-sec .why-intro,
.why-sec .why-closing {
    font-size: 1.05rem;
    line-height: 1.8;
}
.why-sec .why-subtitle {
    font-size: 2.25rem;
    font-weight: 800;
}
/* FORCE all text in this section to white */
.why-sec,
.why-sec h3,
.why-sec h3 span,
.why-sec .why-subtitle,
.why-sec .why-intro,
.why-sec .why-closing,
.why-sec p,
.why-sec ul,
.why-sec li {
    color: #ffffff !important;
}

/* Subtitle styling */
.why-sec .why-subtitle {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 20px 0;
}

/* Remove the overlapping tick icons */
.why-sec .why-list {
    list-style: none !important;
    padding-left: 0;
    margin: 2px 0;
}

.why-sec .why-list li {
    color: #ffffff !important;
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 1px;
    padding-left: 0;
    list-style: none !important;
}

/* Remove the custom checkmarks */
.why-sec .why-list li:before {
    content: none !important;
    display: none !important;
}

/* Intro and closing paragraphs */
.why-sec .why-intro,
.why-sec .why-closing {
    color: #ffffff !important;
    font-size: 1.5rem;
    line-height: 1.8;
}
/* Section Label */
.dashboard-sec h4 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

/* Layout */
.dashboard-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 60px;
    margin-bottom: 10px;
}

/* Left column */
.dashboard-copy {
    max-width: 900px;
}

/* Main Heading */
.dashboard-copy h3 {
    font-size: 64px;
    line-height: 1.1;
    font-weight: 900;
    margin: 0 0 24px;
}

/* Subheading */
.dashboard-copy h5 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 14px;
}

/* Paragraphs */
.dashboard-copy p {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 10px;
}

/* Bullet list */
.dashboard-copy ul {
    margin: 0 0 24px 25px;
    padding: 0;
}

.dashboard-copy li {
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 10px;
}

/* CTA button */
.dashboard-row .btn.dark {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 600;
    padding: 20px 36px;
    white-space: nowrap;
    align-self: center;
}
.testimonials-sec {
  text-align: center;
}

.testimonial-overview {
  max-width: 760px;
  margin: 0 auto 40px;
}

.testimonial-overview h4 {
  font-size: 25px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.testimonial-overview p {
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
}
.testimonials-sec * {
    color: #ffffff;
}
/* Section Heading */
.testimonials-sec h3 {
    color: #F1A81C;
}

/* Main testimonial copy */
.testimonials-sec h4,
.testimonials-sec p,
.testimonials-sec .testimonial-overview p,
.testimonials-sec .testimonial-content,
.testimonials-sec .testimonial-text,
.testimonials-sec .testimonial-message {
    color: #ffffff;
}

/* Testimonial author */
.testimonials-sec .testimonial-author,
.testimonials-sec .testimonial-name,
.testimonials-sec .testimonial-client,
.testimonials-sec .testimonial-title {
    color: #18B0B4 !important;
}
/* Testimonial text */
.testimonials-sec blockquote {
    font-size: 16px !important;
    line-height: 1.6;
}

/* Author name */
.testimonials-sec .list-title {
    font-size: 18px !important;
    font-weight: 600;
    color: #18B0B4;
}

/* Optional: quote icons */
.testimonials-sec .open-quote,
.testimonials-sec .close-quote {
    font-size: 16px;
}
/* ==========================================
   FEATURE BOX SPACING
========================================== */

/* Reduce space below Feature Box 2 */
#feature_box_2 {
    margin-bottom: 30px !important;
    padding-bottom: 20px !important;
}

/* Reduce space above Feature Box 3 */
#feature_box_3 {
    margin-top: 0 !important;
    padding-top: 20px !important;
}


/* ==========================================
   LOGO SECTION LAYOUT
========================================== */

.gs_logo_area {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

/* Individual logo containers */
.gs_logo_single--inner {
    flex: 1 1 14%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 140px;
    padding: 10px 20px !important;
    box-sizing: border-box;
}

/* Logo images */
.gs_logo_single--inner img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
}


/* ==========================================
   TABLET
========================================== */

@media only screen and (max-width: 1024px) {

    .gs_logo_area {
        justify-content: center;
        gap: 25px;
    }

    .gs_logo_single--inner {
        flex: 0 0 calc(33.333% - 25px);
        min-width: unset;
    }

    .gs_logo_single--inner img {
        max-height: 60px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media only screen and (max-width: 768px) {

    /* Tighten section spacing */
    #feature_box_2 {
        margin-bottom: 20px !important;
        padding-bottom: 0 !important;
    }

    #feature_box_3 {
        margin-top: 0 !important;
        padding-top: 20px !important;
    }

    /* Two logos per row */
    .gs_logo_area {
        justify-content: center;
        gap: 20px;
    }

    .gs_logo_single--inner {
        flex: 0 0 calc(50% - 20px);
        padding: 10px !important;
    }

    .gs_logo_single--inner img {
        max-height: 50px;
    }
}


/* ==========================================
   SMALL PHONES
========================================== */

@media only screen and (max-width: 480px) {

    .gs_logo_single--inner {
        flex: 0 0 100%;
    }

    .gs_logo_single--inner img {
        max-height: 45px;
    }
} 

.why-sec {
    align-items: stretch;
}

.why-sec .why-content:first-child {
    flex: 0 0 58%;
    max-width: 58%;
}

.why-sec .why-content:last-child {
    flex: 0 0 36%;
    max-width: 36%;
}

.why-sec h5 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin: 20px 0 10px !important;
    color: #fff !important;
}

.why-sec .why-intro {
    max-width: 100% !important;
}

.why-sec .why-content a:not(.btn) {
    color: #fff !important;
    text-decoration: underline !important;
    font-weight: 700;
}

.why-sec .btn.white {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: fit-content !important;
    padding: 14px 24px !important;
    white-space: nowrap;
}

.why-sec img {
    width: 100% !important;
    max-width: 380px !important;
    height: 600px !important;
    object-fit: cover !important;
    display: block;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .why-sec .why-content:first-child,
    .why-sec .why-content:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .why-sec img {
        max-width: 100% !important;
        height: auto !important;
    }
}
.why-sec .why-content {
    overflow: visible !important;
    padding-bottom: 100px;
}
.testimonials-sec,
.testimonials-sec .testimonials_slider,
.testimonials-sec .testimonials-slider,
.testimonials-sec .testimonial_slider,
.testimonials-sec .testimonial_slideri,
.testimonials-sec .testimonial,
.testimonials-sec blockquote {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.testimonials-sec blockquote {
  display: block !important;
  line-height: 1.7 !important;
  padding-bottom: 20px !important;
}

.testimonials-sec .slick-list,
.testimonials-sec .slick-track,
.testimonials-sec .slick-slide,
.testimonials-sec .owl-stage-outer,
.testimonials-sec .owl-stage,
.testimonials-sec .owl-item {
  height: auto !important;
  overflow: visible !important;
}
 
.testimonials-sec .btn {
  margin-top: 60px !important;
}
/* Top Bar */
.top-bar,
.top-bar a,
.top-bar p,
.top-bar span {
    font-size: 14px !important;
}

/* HOME PAGE - White menu */
.home .nav-primary .menu > li > a {
    color: #fff !important;
}

/* INNER PAGES - Black menu */
body:not(.home) .nav-primary .menu > li > a {
    color: #000 !important;
}

/* HOME PAGE - White hamburger */
.home .hamburger span,
.home .hamburger-menu span,
.home .mobile-menu-toggle span,
.home .nav-toggle span {
    background-color: #fff !important;
}

/* INNER PAGES - Black hamburger */
body:not(.home) .hamburger span,
body:not(.home) .hamburger-menu span,
body:not(.home) .mobile-menu-toggle span,
body:not(.home) .nav-toggle span {
    background-color: #000 !important;
}
/* Homepage logo */
.home .site-logo {
    content: url("https://esqgo.spotlightdev.us/wp-content/uploads/2026/06/esaqgo-logo.png");
}

/* Inner pages logo */
body:not(.home) .site-logo {
    content: url("https://esqgo.spotlightdev.us/wp-content/uploads/2026/06/logo-esqgo2.png");
}
.testimonials-widget-testimonials.listing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 30px;
}

.testimonials-widget-testimonials.listing .testimonial,
.testimonials-widget-testimonials.listing .testimonials-widget-testimonial {
  background: #ffffff;
  border: 1px solid #dbe3ea;
  border-top: 5px solid #18B0B4;
  padding: 28px;
  box-sizing: border-box;
}

.testimonials-widget-testimonials.listing .testimonial:nth-child(even),
.testimonials-widget-testimonials.listing .testimonials-widget-testimonial:nth-child(even) {
  border-top-color: #F1A81C;
}

.testimonials-widget-testimonials.listing .testimonial cite,
.testimonials-widget-testimonials.listing .testimonials-widget-testimonial cite,
.testimonials-widget-testimonials.listing .author,
.testimonials-widget-testimonials.listing .testimonial-author {
  color: #18263C;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
}

.testimonials-widget-testimonials.listing p {
  color: #4b5563;
  font-size: 18px;
  line-height: 1.7;
}

.testimonials-widget-testimonials.listing .stars,
.testimonials-widget-testimonials.listing .rating {
  color: #F1A81C;
  font-size: 20px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .testimonials-widget-testimonials.listing {
    grid-template-columns: 1fr;
  }
}
/* Match dropdown with other fields */
.gform_wrapper select,
.gform_wrapper .gfield_select {
  width: 100%;
  height: 46px;
  border: 2px solid #222 !important;
  background: #fff;
  padding: 8px 12px;
  font-size: 16px;
  color: #222;
  box-sizing: border-box;
  border-radius: 0;
}

/* Fix checkbox alignment */
.gform_wrapper .gfield_checkbox {
  margin-top: 12px;
}

.gform_wrapper .gfield_checkbox .gchoice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 3px 0 0 0 !important;
  flex: 0 0 16px;
  position: static !important;
}

.gform_wrapper .gfield_checkbox label {
  margin: 0 !important;
  line-height: 1.4;
  display: inline-block;
}