/**
 * EITSEC overrides: site logo (logo.png), fonts, and any site-specific tweaks.
 */

/* Theme font variables (style.css references --title-font/--text-font but does not define them) */
:root {
    --title-font: "Sora", sans-serif;
    --text-font: "Sora", sans-serif;
    --theme-color1: #0c5adb; /* Vibrant Blue from eitsectechnologies.com */
    --theme-color2: #00247E; /* Navy Blue from eitsectechnologies.com */
    --theme-color3: #0C5ADB;
}

/* Subtle shadow/outline on headings (matches reference image) */
.section-title .title,
.page-title .title,
h1.title, h2.title {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.06);
}

/* Services and service detail: ensure headings and body use theme font */
.page-title .title,
.page-title .page-breadcrumb,
.page-title .page-breadcrumb a,
.service-wrapper,
.service-wrapper .section-title .title,
.service-wrapper .section-title .sub-title,
.services-details,
.services-details .service-sidebar,
.services-details .services-details__content,
.services-details .services-details__content h3,
.services-details .services-details__content h4,
.services-details .services-details__content p,
.services-details .service-sidebar-single-services ul li a,
.services-details .service-details-help .help-title,
.services-details .service-details-help .help-contact p,
.services-details .service-details-help .help-contact a,
.services-details .accordion-box .acc-btn,
.services-details .accordion-box .acc-content .content .text,
.faq-two .faq-two__faq-content .acc-btn,
.faq-two .faq-two__faq-content .acc-content .content .text {
    font-family: var(--body-font-family, "Sora", sans-serif);
}

/* Breadcrumb separator: theme uses Font Awesome 6 Pro (not loaded); we use Font Awesome 6 Free */
.page-breadcrumb li:after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}
.page-title.style-two .page-breadcrumb li:after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}

/* Header: Transparent background, absolute positioning to overlap hero/page-title */
.main-header.header-style-one.header-1 {
    background-color: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.main-header .main-menu .navigation > li > a:hover {
    color: #fff !important;
}
.main-header .main-menu .navigation > li.current > a {
    color: #5596F3 !important; /* light blue for selected menu */
}
.main-header .main-menu .navigation > li:hover:before {
    background-color: #fff !important;
    bottom: 35px !important;
}
.main-header .main-menu .navigation > li.current:before {
    background-color: #5596F3 !important; /* light blue to match selected text */
    bottom: 35px !important;
}
.sticky-header {
    background: var(--theme-color2, #00247E) !important;
}
.sticky-header .main-menu .navigation > li.current > a {
    color: #5596F3 !important; /* light blue for selected menu */
}
.sticky-header .main-menu .navigation > li:hover > a {
    color: #000 !important;
}

/* Let's Talk button: white background */
.main-header .nav-right .header-btn,
.sticky-header .nav-right .header-btn {
    background-color: var(--theme-color-white, #fff) !important;
    color: var(--theme-color2, #00247E) !important;
}
.main-header .nav-right .header-btn:hover,
.sticky-header .nav-right .header-btn:hover {
    background-color: var(--theme-color1, #2d1ee2) !important;
    color: var(--theme-color-white, #fff) !important;
}

.main-header .logo a,
.sticky-header .logo a,
.mobile-menu .nav-logo a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Website logo: show logo image (logo.png), hide text fallback */
.main-header .logo .logo-img,
.sticky-header .logo .logo-img,
.mobile-menu .nav-logo .logo-img {
    display: inline-block !important;
    max-height: 65px;
    height: auto;
    width: auto;
}
.main-header .logo .logo-text,
.sticky-header .logo .logo-text,
.mobile-menu .nav-logo .logo-text {
    display: none !important;
}

.sticky-header .logo .logo-img {
    max-height: 50px;
}

.footer-one__logo .logo .logo-img {
    display: inline-block !important;
    max-height: 80px;
    height: auto;
    width: auto;
}
.footer-one__logo .logo .logo-text {
    display: none !important;
}

/* Page Title Overlay (Inner Pages): Black overlay with opacity */
.page-title:before {
    background: #000000 !important;
    opacity: 0.8 !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}

/* About Section Image Refinement */
.about-1 .row {
    align-items: stretch !important; /* Ensure columns match height */
}

.about-1 .about-image {
    height: 100% !important; /* Remove fixed 445px height */
    margin-top: 50px;
    display: flex;
}

.about-1 .about-image img {
    height: 100% !important;
    object-fit: cover !important;
}

/* Service Card Aesthetics - Light Theme Refinement */
.service-one .card-style {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding: 40px !important;
    transition: all 0.3s ease-in-out !important;
}

.service-one .card-style .title {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

.service-one .card-style .num {
    -webkit-text-stroke-color: #e0e0e0 !important; /* Muted light gray outline */
    -webkit-text-stroke-width: 1.5px !important;
    color: transparent !important;
    font-weight: 400 !important;
    opacity: 0.8;
}

.service-one .card-style .list {
    padding-top: 40px !important; /* Reduced from 95px to match reference */
}

.service-one .card-style .list li {
    color: #333333 !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
}

.service-one .card-style .list li i {
    color: #8c98a4 !important; /* Muted blue-gray arrows */
    margin-right: 12px !important;
    rotate: 0deg !important; /* Reset rotation to match reference arrow style */
    font-size: 14px;
}

.service-one .card-style .icon-box .icon {
    background-color: #8c98a4 !important; /* Matching blue-gray for the circle */
    width: 45px !important;
    height: 45px !important;
}

.service-one .card-style .icon-box .icon i {
    rotate: -45deg !important;
}

/* Hover State - Minimalist and Premium */
.service-one .card-style:hover {
    background-color: #fcfcfc !important;
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.service-one .card-style:hover .title {
    color: var(--theme-color1) !important; /* Subtle brand color hint on hover */
}

.service-one .card-style:hover .num {
    -webkit-text-stroke-color: var(--theme-color1) !important;
    opacity: 0.2;
}

/* Ensure secondary action button is visible on hover but styled correctly */
.service-one .card-style:hover .icon-box .theme-btn-main {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure Inner Page Titles are White */
.page-title .title,
.page-title .page-breadcrumb li,
.page-title .page-breadcrumb li a {
    color: #ffffff !important;
}

/* Make all text at the footer white */
.footer-wrapper p,
.footer-wrapper a,
.footer-wrapper li,
.footer-wrapper i,
.footer-wrapper h5.title,
.footer-wrapper .content,
.footer-wrapper .footer-bottom p {
    color: #ffffff !important;
}

.footer-wrapper .footer-social-icon a:hover i {
    color: var(--theme-color1) !important; /* Keep a hover state color */
}

/* Hero Overlay (Homepage): Restore photo and apply 80% blue tint */
.hero-1 .bg-image {
    background-color: #000 !important; /* Dark base to prevent "pale" look */
    opacity: 1 !important;
    filter: none !important;
}

.hero-1 .bg-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #122f61 !important;
    opacity: 0.7 !important; /* User requested 80% */
    z-index: 1;
}

/* Why Clients Choose Us / Awards – clean grid, no stagger (match reference layout) */
/* .award-wrappper.award-one .row {
    row-gap: 0;
    align-items: flex-start;
}
.award-wrappper.award-one .row > [class*="col-"] {
    margin-bottom: 24px;
} */
/* Remove theme’s negative margins and positional offsets so cards align in a regular grid */
/* .award-wrappper.award-one .award-one__single-card,
.award-wrappper.award-one .award-one__single-card.style-2,
.award-wrappper.award-one .award-one__single-card.style-3,
.award-wrappper.award-one .award-one__single-card.style-4 {
    margin-top: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none;
} */

/* Why Clients Choose – reduced sizes to fit */
.award-wrappper.award-one .row {
    row-gap: 0;
    align-items: flex-start;
}
/* .award-wrappper.award-one .row > [class*="col-"] {
    margin-bottom: 24px;
} */
/* .award-wrappper.award-one .award-one__single-card,
.award-wrappper.award-one .award-one__single-card.style-2,
.award-wrappper.award-one .award-one__single-card.style-3,
.award-wrappper.award-one .award-one__single-card.style-4 {
    margin-top: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none;
    padding: 24px 28px;
} */
.award-wrappper.award-one .award-one__single-card .content-left .icon i {
    font-size: 36px;
}
.award-wrappper.award-one .award-one__single-card .content-left {
    gap: 8px;
}
.award-wrappper.award-one .award-one__single-card .content-left .title-info .tag {
    font-size: 12px;
}
.award-wrappper.award-one .award-one__single-card .content-left .title-info .title {
    font-size: 1.1rem;
}
.award-wrappper.award-one .award-one__single-card .date {
    font-size: 0.9rem;
}

/* Our Services case cards: more space below title text (above the circular icon) */
.case-one__single-card .content .title-info {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
}

/* Who We Work With: testimonial-three – client info at top, icon instead of avatar */
.testimonial-three__single-card .clints-info.clints-info--top {
    order: -1;
    padding-top: 0;
    padding-bottom: 0.75rem;
    margin-bottom: 0.5rem;
    border-top: none;
    border-bottom: 1.5px solid var(--theme-color1-border-rgba, rgba(255, 255, 255, 0.1));
}
.testimonial-three__single-card .clints-info .image.image--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--border-color1-rgba, rgba(255, 255, 255, 0.1));
}
.testimonial-three__single-card .clints-info .image.image--icon img {
    display: none;
}
.testimonial-three__single-card .clints-info .image.image--icon i {
    font-size: 1.5rem;
    color: var(--theme-color-white, #fff);
}
.testimonial-three__single-card .clints-info .image.image--icon::after {
    display: none;
}

/* Who We Work With: ensure card content is not cut off – more bottom space, no clipping */
.testimonial-wrapper.testimonial-three {
    overflow: visible;
    min-height: 0; 
}
/* Commenting out overrides to allow Flexbox equal heights to work */
/* 
.testimonial-three .row {
    align-items: flex-start;
    align-content: flex-start;
    height: auto;
    min-height: 0;
}
.testimonial-three .row > [class*="col-"] {
    align-self: flex-start;
    height: auto;
    flex-shrink: 0;
}
.testimonial-three__single-card {
    display: block;
    min-height: auto;
    height: auto;
    overflow: visible;
    padding-bottom: 2rem;
}
*/
.testimonial-three__single-card .text {
    padding-bottom: 1.5rem;
    overflow: visible;
    max-height: none;
    color: #fff !important;
}
.testimonial-three__single-card .text em {
    color: #fff !important;
    font-style: normal;
}

/* Service section: entire section uses white background (match circled area) */
.service-wrapper {
    background-color: #ffffff !important;
}

/* Services page: white cards with blue content by default; blue with white on hover */
.service-wrapper .service-one .card-style {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease !important;
}
/* .service-wrapper .service-one .card-style .title,
.service-wrapper .service-one .card-style .icon-2,
.service-wrapper .service-one .card-style .list li {
    color: var(--theme-color1, #0C5ADB) !important;
} */
.service-wrapper .service-one .card-style .num {
    -webkit-text-stroke-color: var(--theme-color1, #0C5ADB) !important;
    color: transparent !important;
}
.service-wrapper .service-one .card-style .list li i {
    color: var(--theme-color1, #0C5ADB) !important;
}
.service-wrapper .service-one .card-style .icon-box .icon {
    background-color: var(--theme-color1, #0C5ADB) !important;
    color: #fff !important;
}
.service-wrapper .service-one .card-style .icon-box .icon i {
    color: #fff !important;
}
/* View Details button visible by default; white btn, blue text */
.service-wrapper .service-one .card-style .icon-box .theme-btn-main {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.service-wrapper .service-one .card-style .icon-box .theme-btn-main .theme-btn-white {
    color: var(--theme-color1, #0C5ADB) !important;
}
/* Hover: blue card with white content */
.service-wrapper .service-one .card-style:hover {
    background-color: var(--theme-color1, #0C5ADB) !important;
}
.service-wrapper .service-one .card-style:hover .title,
.service-wrapper .service-one .card-style:hover .icon-2,
.service-wrapper .service-one .card-style:hover .list li {
    color: #fff !important;
}
.service-wrapper .service-one .card-style:hover .num {
    -webkit-text-stroke-color: #fff !important;
    color: transparent !important;
}
.service-wrapper .service-one .card-style:hover .list li i {
    color: rgba(255, 255, 255, 0.9) !important;
}
.service-wrapper .service-one .card-style:hover .icon-box .icon {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: var(--theme-color1, #0C5ADB) !important;
    opacity: 1;
    scale: 1;
}
.service-wrapper .service-one .card-style:hover .icon-box .icon i {
    color: var(--theme-color1, #0C5ADB) !important;
}
.service-wrapper .service-one .card-style:hover .icon-box .theme-btn-main {
    transform: translateX(-40px) !important;
}
.service-wrapper .service-one .card-style .shape-1 {
    opacity: 0.15;
}
.service-wrapper .service-one .card-style:hover .shape-1 {
    opacity: 0.25;
    filter: opacity(1);
}
.marquee-one__inner.style-2 { background: var(--theme-color-black) !important; }
.marquee-one__single-item.style-1 { color: var(--theme-color-white) !important; }
.marquee-one__single-item img { filter: brightness(0) saturate(100%) invert(26%) sepia(97%) saturate(3048%) hue-rotate(210deg) brightness(91%) contrast(92%); }
.marquee-one__inner.style-2 .marquee-one__single-item img { filter: brightness(0) saturate(100%) invert(26%) sepia(97%) saturate(3048%) hue-rotate(210deg) brightness(91%) contrast(92%) !important; }
.marquee-one__inner:not(.style-2) .marquee-one__single-item img { filter: brightness(0) saturate(100%) !important; }
.brand-one__sec-title .ball-2 { background-color: #000 !important; }
 

.pricing-one__single-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.pricing-one__single-card p {
    flex-grow: 1 !important;
}

 

/* About page: add black borders to the circular counter sections */
.funfact-one__single-item {
    border: 1.5px solid #000000 !important;
}

/* Hero circle: white text on black half, blue text on white half */
.hero-1 .inner-box .circle-box .circle-text {
    position: relative;
}
/* Static clip wrappers — these do NOT rotate, so the clip stays aligned with the background */
.hero-1 .inner-box .circle-box .circle-text .circle-text-clip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Right half (black background) → show white text */
.hero-1 .inner-box .circle-box .circle-text .circle-text-clip--right {
    clip-path: inset(0 0 0 50%);
}
/* Left half (white background) → show blue text */
.hero-1 .inner-box .circle-box .circle-text .circle-text-clip--left {
    clip-path: inset(0 50% 0 0);
}
/* The SVGs inside the clips rotate normally */
.hero-1 .inner-box .circle-box .circle-text .circle-text-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 4px;
}

/* Remove vertical pagination dots from CTA section */
.cta-wrapper .dot.swiper-pagination-horizontal {
    display: none !important;
}

/* Remove em spaces / indentation from CTA paragraph (Ready to Start Your Project) */
.cta-wrapper p.body-text {
    text-indent: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.cta-wrapper p.body-text em {
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide mobile menu toggle on laptop/desktop screens (min-width: 1200px) */
@media (min-width: 1200px) {
    .mobile-nav-toggler {
        display: none !important;
    }
}


/* Team Card Overrides: Blue background and white text */
.team-one__single-card::before {
    background: linear-gradient(180deg, rgba(12, 90, 219, 0) 29.66%, #0C5ADB 75.68%) !important;
    opacity: 0 !important; /* Hidden by default */
    transition: all 0.4s ease !important;
}

.team-one__single-card:hover::before {
    opacity: 1 !important; /* Visible on hover */
}

/* Specific adjustment for style-2 if needed, but keeping hover behavior consistent */
.team-one__single-card.style-2::before {
    height: 370px !important;
}

.team-one__single-card .content .name,
.team-one__single-card .content .tag {
    color: #ffffff !important;
}

/* Ensure social links also look good on blue background if they appear */
.team-one__single-card .content .social-link a {
    background-color: #ffffff !important;
    color: #0C5ADB !important;
}

/* AI Section Repositioning: Change vertical titles to horizontal */
.about-three__content .features-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0;
}

.about-three__content .features-item .title {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    margin-bottom: 5px;
}

.about-three__content .features-item .text {
    padding-top: 0;
    border-top: none;
    opacity: 0.8 !important;
}

.about-three__content .features-item:nth-child(2) {
    padding-top: 40px;
}

/* Adjust content padding if needed */
.about-three__content {
    padding-left: 30px;
}

/* AI Section Logo Update: Make logo white and adjust sizing */
.about-three .experience .about-logo {
    padding: 30px;
}

.about-three .experience .about-logo img {
    max-width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

/* Testimonial Section Updates */
.testimonial-one__slider-box .array-button .array-prev,
.testimonial-one__slider-box .array-button .array-next {
    background: var(--theme-color1) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.testimonial-one__slider-box .array-button .array-prev:hover,
.testimonial-one__slider-box .array-button .array-next:hover {
    opacity: 0.8 !important;
}

/* AI Section Layout Refinement */
.about-wrapper.about-three .about-two__inner.section-padding {
    padding-bottom: 40px !important;
}

.about-three .sub-title.white-sub-title {
    margin-bottom: 25px !important;
}

.testimonial-one__clints-box .rating .num,
.testimonial-one__clints-box .rating .star,
.testimonial-one__clints-box .rating p {
    color: #ffffff !important;
}

.testimonial-one__clints-box .image img:not(.shape-1) {
    border-radius: 10px;
    object-fit: contain;
    background: #fff;
    padding: 20px;
}

/* Service detail: hide shapes only (hero uses intentional diamond in .dot) */
.service-detail-section .shape,
.service-detail-section .shape-1,
.service-detail-section img.shape-1,
.service-detail-section img.shape-2 {
    display: none !important;
}

/* FAQ section (Techix faq-two): reduce image-wrap top padding for service detail */
.service-detail-section.faq-two .image-wrap {
    padding-top: 0;
}
.service-detail-section.faq-two .image-wrap .image {
    height: auto;
    min-height: 300px;
}

/* Service detail: side-by-side image row (no overlapping) */
.service-detail-image-row {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.service-detail-image-row .service-detail-image-rounded {
    flex: 1;
    min-width: 0;
    max-width: calc(33.333% - 8px);
}
@media (max-width: 767.98px) {
    .service-detail-image-row {
        flex-direction: column;
    }
    .service-detail-image-row .service-detail-image-rounded {
        max-width: 100%;
    }
}

/* Service detail zigzag: rounded images (border-radius: 50px) */
.service-detail-section .service-detail-image-rounded,
.solution-wrapper.security-one .service-detail-image-rounded,
.security-wrapper.security-one .service-detail-image-rounded {
    border-radius: 50px;
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}
.service-detail-section .service-detail-image-rounded img,
.solution-wrapper.security-one .service-detail-image-rounded img,
.security-wrapper.security-one .service-detail-image-rounded img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Premium Section Styling for Service Detail */
.solution-wrapper.solution-section {
    overflow: hidden;
}

.ma-section-title .sub-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.ma-section-title .sub-title span {
    background-color: #f0f4ff;
    color: var(--theme-color1);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
}

.ma-section-title .sub-title .dot {
    display: none; /* Hide the SVG dot if we use the pill background as per image */
}

/* If we want to keep the dot inside or beside the pill, we can adjust */
.ma-section-title .sub-title span i,
.ma-section-title .sub-title span svg {
    margin-right: 8px;
    width: 14px;
    height: 14px;
}

.ma-section-title .title {
    font-size: 2.75rem !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    color: #000 !important;
    text-shadow: none !important;
}

.ma-section-title .text {
    font-size: 1.1rem !important;
    color: #555 !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

.ma-section-title .list-wrap {
    margin-bottom: 40px;
}

.ma-section-title .list-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.ma-section-title .list-wrap ul li {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.ma-section-title .list-wrap ul li i {
    font-size: 1.1rem;
}

/* Service detail zigzag: override security-one padding */
.security-wrapper.security-one.service-detail-zigzag {
    padding: 40px 0; /* Reduced vertical padding since cards have their own padding */
    background-color: #f8faff !important; /* Light background to make white cards pop */
}
.security-wrapper.security-one.service-detail-zigzag.section-bg {
    background-color: #f0f4f8 !important; /* Slightly different bg for alternating sections */
}

/* Service detail hero and zigzag: reference-format list-wrap and list styling */
.service-detail-content-card .list-wrap {
    padding-top: 20px;
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.service-detail-content-card .list-wrap ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    flex: 1;
    min-width: 200px;
}
.service-detail-content-card .list-wrap ul li {
    padding: 10px 0;
    color: var(--theme-color2, #00247E);
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase; /* Bold blue capitalized text */
    display: flex;
    align-items: center;
}
.service-detail-content-card .list-wrap ul li i {
    margin-right: 15px;
    font-size: 1.2rem;
}

/* Colorful icons for the first 4 items across both columns */
.service-detail-content-card .list-wrap ul:nth-child(1) li:nth-child(1) i { color: #0C5ADB; } /* Blue */
.service-detail-content-card .list-wrap ul:nth-child(1) li:nth-child(2) i { color: #ff9548; } /* Orange */
.service-detail-content-card .list-wrap ul:nth-child(2) li:nth-child(1) i { color: #21d37e; } /* Green */
.service-detail-content-card .list-wrap ul:nth-child(2) li:nth-child(2) i { color: #a0daeb; } /* Light Blue */

/* Shorter buttons - applied globally to our custom theme buttons */
.ma-theme-btn {
    align-self: flex-start !important;
    width: fit-content !important;
    padding: 15px 35px !important;
}

/* Service Detail: New Layout (Matching Image) */
.service-detail-new-layout {
    padding: 80px 0;
    background-color: #fff;
}

.service-detail-new-layout .title {
    font-size: 2.75rem !important; /* Matched other sections */
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    color: #000 !important;
    text-shadow: none !important;
    letter-spacing: normal;
}

.service-detail-new-layout .text {
    font-size: 1.1rem !important; /* Matched other sections */
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
    color: #555 !important;
    max-width: 100%;
}

.service-detail-new-layout .list-wrap {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 12px; /* Matched other sections */
}

.service-detail-new-layout .list-item {
    display: flex;
    align-items: center;
    font-size: 1.1rem; /* Matched other sections */
    font-weight: 600; /* Matched other sections */
    color: #333; /* Matched other sections */
    text-transform: none;
}

.service-detail-new-layout .list-item i {
    margin-right: 12px; /* Matched other sections */
    font-size: 1.1rem; /* Matched other sections */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Specific icon style: solid circle with white check */
.service-detail-new-layout .list-item i.fa-circle-check {
    background-color: transparent;
}

/* Color classes for checkmarks - matching the reference image precisely */
.check-blue { color: #0C5ADB !important; }
.check-orange { color: #ff9548 !important; }
.check-green { color: #21d37e !important; }
.check-cyan { color: #a0daeb !important; }

.service-detail-new-layout .btn-explore {
    display: inline-flex;
    align-items: center;
    padding: 20px 50px; /* Larger padding for the button */
    background-color: #0C5ADB;
    color: #fff !important;
    border-radius: 100px; /* Full pill shape */
    font-weight: 700;
    font-size: 1.2rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(12, 90, 219, 0.25);
    border: none;
}

.service-detail-new-layout .btn-explore:hover {
    background-color: #00247E;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(12, 90, 219, 0.35);
}

.service-detail-new-layout .image-container {
    position: relative;
    padding-left: 40px;
}

.service-detail-new-layout .image-container img {
    border-radius: 60px; /* Even more rounded corners as per image */
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);
}

/* Responsive adjustments for the new service detail layout */
@media (max-width: 991.98px) {
    .service-detail-new-layout .title {
        font-size: 2.25rem !important;
        margin-bottom: 1.5rem !important;
    }
    .service-detail-new-layout .text {
        font-size: 1rem !important;
        margin-bottom: 2rem !important;
    }
    .service-detail-new-layout .image-container {
        padding-left: 0;
        margin-top: 50px;
    }
    .service-detail-new-layout .image-container img {
        border-radius: 40px;
    }
}

@media (max-width: 767.98px) {
    .service-detail-new-layout .title {
        font-size: 2rem !important;
    }
    .service-detail-new-layout .list-item {
        font-size: 1rem;
    }
    .service-detail-new-layout .btn-explore {
        width: 100%;
        justify-content: center;
        padding: 18px 30px;
    }
}

/* How We Work steps refinement */
.service-detail-steps li span {
    font-size: 1.15rem;
    text-transform: uppercase;
}
.service-detail-steps li p {
    font-size: 1rem !important; /* Smaller descriptive text */
    color: #666 !important;
}