@media(max-width:991px) {

    section {

        padding: 70px 0;

    }

}

@media (max-width:991.98px) {

    .eg-navbar {
        min-height: 72px;
    }

    .eg-nav {
        gap: 0;
        padding-top: 20px;
    }

    .eg-nav .nav-link {
        padding: 14px 0;
        border-bottom: 1px solid #f1f1f1;
    }

    #egNavbar {
        display: none;
    }

    #egNavbar.eg-open {
        display: block;
    }

}

/*==================================================
    HEADER RESPONSIVE & ZOOM FLUIDITY
==================================================*/

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .eg-header-wrapper {

        gap: 12px;

        padding: 0 20px;

    }

    .eg-menu {

        gap: 12px;

    }

    .eg-menu a {

        font-size: 13.5px;

    }

    .eg-header-actions {

        gap: 8px;

    }

    .eg-social-btn {

        padding: 6px 10px;

        font-size: 12.5px;

    }

    .eg-header-btn {

        padding: 0 14px;

        font-size: 13px;

    }

}

body.eg-menu-open,
html.eg-menu-open {
    overflow: hidden !important;
}

@media (max-width: 1199.98px) {

    .eg-header {
        position: fixed;
        top: 12px;
        left: 0;
        width: 100%;
        z-index: 10000;
    }

    body.eg-menu-open .eg-header {
        position: fixed;
        z-index: 10002;
    }

    body.eg-menu-open .eg-header-wrapper {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .eg-header-wrapper {
        position: relative;
    }

    .eg-logo,
    .eg-header-actions {
        position: relative;
        z-index: 10002;
    }

    .eg-navigation {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        min-height: calc(100vh - 24px);
        min-height: calc(100dvh - 24px);
        max-height: calc(100vh - 24px);
        max-height: calc(100dvh - 24px);
        background: #ffffff;
        border-radius: var(--eg-header-radius, 20px);
        border: var(--eg-header-border, 1px solid rgba(0, 0, 0, 0.08));
        box-shadow: 0 16px 50px rgba(0, 0, 0, 0.15);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 92px 24px 32px 24px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 10001;
        box-sizing: border-box;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(-8px);
        transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.85s ease,
            visibility 0.85s ease;
    }

    .eg-navigation.active {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0);
    }

    .eg-navigation-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .eg-menu {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .eg-menu li {
        width: 100%;
    }

    .eg-menu a {
        position: relative;
        display: inline-block;
        color: var(--eg-text);
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        transition: var(--eg-transition);
        white-space: nowrap;
    }

    .eg-menu a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 100%;
        height: 2px;
        background: #000000;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .3s ease;
    }

    .eg-menu a:hover::after,
    .eg-menu a.active::after {
        transform: scaleX(1);
    }

    .eg-menu a:hover {
        color: #000000;
    }

    .eg-menu a.active {
        color: #000000;
        font-weight: 600;
    }

    .eg-mobile-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .eg-menu-overlay {
        display: none !important;
    }

}

@media (max-width:767px) {

    .eg-header {
        top: 12px;
    }

    .eg-header-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 76px;
        padding: 0 18px;
    }

    .eg-actions {
        margin-left: auto;
    }

    .eg-logo img {
        height: 56px;
    }

}

@media (max-width:991px) {

    .eg-header-btn {

        display: none;
    }

}

/*==================================================
    HERO RESPONSIVE
==================================================*/

@media (max-width:991px) {

    .eg-hero {

        padding: 150px 0 80px;

        text-align: center;

    }

    .eg-hero-content {

        max-width: 100%;

        margin-bottom: 50px;

    }

    .eg-hero-buttons {

        justify-content: center;

    }

    .eg-hero-content h1 {

        font-size: 48px;

    }

}

@media (max-width:767px) {


    .eg-hero {

        padding: 140px 0 70px;

    }

    .eg-hero-content h1 {

        font-size: 36px;

    }

    .eg-hero-content p {

        font-size: 16px;

    }

    .eg-hero-buttons {

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 16px;

    }

    .eg-hero-buttons .eg-btn,

    .eg-hero-buttons .eg-btn-outline {

        width: 100%;

        max-width: 320px;

        text-align: center;

    }

}

/*==================================================
    HOME - STATISTICS RESPONSIVE
==================================================*/

@media (max-width:1199px) {

    .eg-stats-wrapper {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width:767px) {

    .eg-stats {

        padding: 60px 0;

    }

    .eg-stats-wrapper {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .eg-stat-item {

        padding: 35px 25px;

    }

    .eg-stat-number {

        font-size: 42px;

    }

}

/*==================================================
    HOME - SERVICES RESPONSIVE
==================================================*/

@media (max-width:1199px) {

    .eg-services-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width:767px) {

    .eg-services {

        padding: 70px 0;

    }

    .eg-section-heading {

        margin-bottom: 45px;

    }

    .eg-section-heading h2 {

        font-size: 34px;

    }

    .eg-services-grid {

        grid-template-columns: 1fr;

    }

    .eg-service-card {

        padding: 30px;

    }

}

/*==================================================
    HOME - WHY US RESPONSIVE
==================================================*/

@media (max-width:991px) {

    .eg-why-us {
        padding: 80px 0;
        align-items: center;
    }

    .eg-why-image {
        text-align: center;
    }

    .eg-why-content {
        margin-top: 20px;
        text-align: center;
    }

    .eg-why-content .eg-section-badge {
        margin-left: auto;
        margin-right: auto;
    }

    .eg-why-content h2 {
        text-align: center;
    }

    .eg-why-content p {
        text-align: center;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (max-width:767px) {

    .eg-why-content {
        text-align: center;
    }

    .eg-why-content .eg-section-badge {
        margin-left: auto;
        margin-right: auto;
    }

    .eg-why-content h2 {
        font-size: 32px;
        text-align: center;
    }

    .eg-why-content p {
        text-align: center;
        font-size: 15.5px;
        margin-left: auto;
        margin-right: auto;
    }

    .eg-why-grid {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .eg-why-item {
        display: flex;
        align-items: center;
        padding: 15px 20px;
    }

}

/*==================================================
    HOME - PORTFOLIO RESPONSIVE
==================================================*/

@media(max-width:1199px) {

    .eg-portfolio-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:767px) {

    .eg-portfolio {

        padding: 80px 0;

    }

    .eg-portfolio-grid {

        grid-template-columns: 1fr;

    }

}

/*==================================================
    HOME - INDUSTRIES RESPONSIVE
==================================================*/

@media(max-width:1199px) {

    .eg-industries-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:767px) {

    .eg-industries {

        padding: 80px 0;

    }

    .eg-industries-grid {

        grid-template-columns: 1fr;

    }

}

/*==================================================
    HOME - PROCESS RESPONSIVE
==================================================*/

@media(max-width:1199px) {

    .eg-process-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:767px) {

    .eg-process {

        padding: 80px 0;

    }

    .eg-process-grid {

        grid-template-columns: 1fr;

    }

}

/*==================================================
    HOME - TESTIMONIALS RESPONSIVE
==================================================*/

@media(max-width:1199px) {

    .eg-testimonials-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:767px) {

    .eg-testimonials {

        padding: 80px 0;

    }

    .eg-testimonials-grid {

        grid-template-columns: 1fr;

    }

}

/*==================================================
    HOME - FINAL CTA RESPONSIVE
==================================================*/

@media(max-width:767px) {

    .eg-cta {

        padding: 80px 0;

    }

    .eg-cta-box {

        padding: 50px 30px;

    }

    .eg-cta-box h2 {

        font-size: 34px;

    }

    .eg-cta-buttons {

        flex-direction: column;
        align-items: center;

    }

}


/*==================================================
    FOOTER RESPONSIVE
==================================================*/

@media(max-width:767px) {

    .eg-footer {

        text-align: center;

    }

    .eg-social-links {

        justify-content: center;

    }

    .eg-footer-bottom {

        flex-direction: column;

    }

    .eg-contact-list li {

        justify-content: center;

    }

}

/*==================================================
    ABOUT HERO RESPONSIVE
==================================================*/

@media(max-width:991px) {

    .eg-about-hero {

        padding: 150px 0 80px;

        text-align: center;

    }

    .eg-about-content {

        max-width: 100%;

        margin-bottom: 50px;

    }

    .eg-about-buttons {

        justify-content: center;

    }

    .eg-about-content h1 {

        font-size: 46px;

    }

    .eg-about-image {

        text-align: center;

    }

}

@media(max-width:767px) {

    .eg-about-content h1 {

        font-size: 34px;

    }

    .eg-about-content p {

        font-size: 16px;

    }

}

/*==================================================
    OUR STORY RESPONSIVE
==================================================*/

@media(max-width:991px) {

    .eg-story {

        padding: 80px 0;

    }

    .eg-story-content {

        padding-left: 0;

        margin-top: 50px;

        text-align: center;

    }

}

@media(max-width:767px) {

    .eg-story-content h2 {

        font-size: 34px;

    }

}

/*==================================================
    MISSION RESPONSIVE
==================================================*/

@media(max-width:767px) {

    .eg-mission {

        padding: 80px 0;

    }

    .eg-mission-card {

        padding: 35px;

    }

    .eg-mission-card h3 {

        font-size: 26px;

    }

}

/*==================================================
    CORE VALUES RESPONSIVE
==================================================*/

@media(max-width:991px) {

    .eg-values {

        padding: 80px 0;

    }

}

@media(max-width:767px) {

    .eg-value-card {

        padding: 35px 30px;

    }

}

/*==================================================
    WHY CHOOSE RESPONSIVE
==================================================*/

@media(max-width:991px) {

    .eg-why-about {

        padding: 80px 0;

    }

    .eg-why-about-content {

        padding-right: 0;

        margin-bottom: 50px;

        text-align: center;

    }

    .eg-why-item {

        text-align: left;

    }

    .eg-why-about-image {

        text-align: center;

    }

}

@media(max-width:767px) {

    .eg-why-about-content h2 {

        font-size: 34px;

    }

}

/*==================================================
    JOURNEY RESPONSIVE
==================================================*/

@media(max-width:767px) {

    .eg-journey {

        padding: 80px 0;

    }

    .eg-timeline {

        margin-top: 50px;

    }

    .eg-timeline-item {

        gap: 20px;

    }

    .eg-timeline-content {

        padding: 25px;

    }

    .eg-timeline-content h4 {

        font-size: 20px;

    }

}

/*==================================================
    LEADERSHIP RESPONSIVE
==================================================*/

@media(max-width:991px) {

    .eg-leadership {

        padding: 60px 0 70px;

    }

    .eg-leadership-viewport {

        width: 100%;

        max-width: 100%;

        overflow: hidden;

    }

    .eg-leadership-slide {

        grid-template-columns: 1fr;

        flex: 0 0 100%;

        width: 100%;

        max-width: 100%;

        min-width: 0;

        box-sizing: border-box;

        overflow: hidden;

        gap: 25px;

        padding: 10px 15px 25px;

    }

    .eg-leader-profile {

        text-align: center;

    }

    .eg-leader-content {

        padding: 0;

        margin-top: 25px;

        text-align: center;

        width: 100%;

        max-width: 100%;

        box-sizing: border-box;

        overflow: hidden;

        word-break: break-word;

        overflow-wrap: anywhere;

    }

    .eg-leader-content h2 {

        max-width: 100%;

        margin-right: auto;

        margin-left: auto;

        word-break: break-word;

        overflow-wrap: anywhere;

    }

    .eg-leader-content p {

        word-break: break-word;

        overflow-wrap: anywhere;

    }

    .eg-leader-quote {

        word-break: break-word;

        overflow-wrap: anywhere;

    }

    .eg-leader-sign h4,

    .eg-leader-sign span {

        word-break: break-word;

        overflow-wrap: anywhere;

    }

}

@media(max-width:767px) {

    .eg-leadership {

        padding: 45px 0 55px;

    }

    .eg-leadership-slide {

        padding: 5px 8px 15px;

    }

    .eg-leader-image img {

        width: clamp(160px, 45vw, 220px);

        height: clamp(160px, 45vw, 220px);

        border-width: 5px;

    }

    .eg-leader-content h2 {

        font-size: clamp(22px, 5.5vw, 30px);

        padding: 0 10px;

    }

    .eg-leader-content h2::before,

    .eg-leader-content h2::after {

        display: none;

    }

}

@media(max-width:767px) {

    .eg-about-btn-primary,
    .eg-about-btn-outline {

        width: 100%;

        max-width: 280px;

    }

}

/*==================================================
    ABOUT CTA BUTTONS RESPONSIVE
==================================================*/

@media(max-width:767px) {

    .eg-about-cta-buttons {

        flex-direction: column;

    }

    .eg-about-btn-primary,
    .eg-about-btn-outline {

        width: 100%;

        max-width: 280px;

    }

}

/*==================================================
    SERVICES HERO
==================================================*/

@media(max-width:991px) {

    .eg-services-hero {

        padding: 150px 0 80px;

    }

    .eg-services-hero-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

}

@media(max-width:767px) {

    .eg-services-hero {

        padding: 140px 0 70px;

    }

    .eg-services-hero-content h1 {

        font-size: 40px;

    }

    .eg-services-hero-content p {

        font-size: 16px;

    }

}

/*==================================================
    SERVICES CATEGORY SLIDESHOW / DOMAIN
==================================================*/

@media(max-width:991px) {

    .eg-category-slideshow-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 24px;
    }

    .eg-category-slideshow-header-left {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .eg-category-slideshow-header-left .eg-section-badge {
        margin: 0 auto 12px auto;
        display: inline-flex;
    }

    .eg-slideshow-title {
        font-size: 30px;
        text-align: center;
    }

    .eg-slideshow-subtitle {
        font-size: 15.5px;
        text-align: center;
        margin: 0 auto;
        max-width: 580px;
    }

    .eg-category-slideshow-controls {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .eg-carousel-arrows-group {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .eg-view-all-catalogue-btn {
        margin-left: auto;
    }

}

@media(max-width:767px) {

    .eg-slideshow-title {
        font-size: 26px;
    }

    .eg-slideshow-subtitle {
        font-size: 14.5px;
    }

    .eg-view-all-catalogue-btn {
        padding: 8px 14px;
        font-size: 13px;
    }

}

/*==================================================
    SERVICES PAGE - ALL SECTION HEADINGS MOBILE CENTER
==================================================*/

@media(max-width:991px) {

    /* 1. Services Overview */
    .eg-services-overview-content {
        text-align: center;
    }
    .eg-services-overview-content .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-services-overview-content .eg-section-title {
        text-align: center;
    }
    .eg-services-overview-content p {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 2. Core Services / Our Expertise */
    .eg-core-services .eg-section-header {
        text-align: center;
    }
    .eg-core-services .eg-section-header .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-core-services .eg-section-header .eg-section-title {
        text-align: center;
    }
    .eg-core-services .eg-section-header .eg-section-description {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 3. Why Choose Us (Services) */
    .eg-why-services-content {
        text-align: center;
    }
    .eg-why-services-content .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-why-services-content .eg-section-title {
        text-align: center;
    }
    .eg-why-services-content p {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 4. Work Process */
    .eg-work-process .eg-section-header {
        text-align: center;
    }
    .eg-work-process .eg-section-header .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-work-process .eg-section-header .eg-section-title {
        text-align: center;
    }
    .eg-work-process .eg-section-header .eg-section-description {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 5. Technology & Platforms */
    .eg-technology .eg-section-header {
        text-align: center;
    }
    .eg-technology .eg-section-header .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-technology .eg-section-header .eg-section-title {
        text-align: center;
    }
    .eg-technology .eg-section-header .eg-section-description {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 6. Industries We Serve */
    .eg-industries .eg-section-header {
        text-align: center;
    }
    .eg-industries .eg-section-header .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-industries .eg-section-header .eg-section-title {
        text-align: center;
    }
    .eg-industries .eg-section-header .eg-section-description {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 7. Services FAQ */
    .eg-faq-content,
    .eg-services-faq .eg-faq-content {
        text-align: center;
    }
    .eg-faq-content .eg-section-tag,
    .eg-services-faq .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-faq-content .eg-section-title,
    .eg-services-faq .eg-section-title {
        text-align: center;
    }
    .eg-faq-content p,
    .eg-services-faq .eg-faq-content p {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 8. Services CTA */
    .eg-services-cta-content {
        text-align: center;
    }
    .eg-services-cta-content .eg-section-tag {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }
    .eg-services-cta-content h2 {
        text-align: center;
    }
    .eg-services-cta-content p {
        text-align: center;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }
    .eg-services-cta-benefits {
        justify-content: center;
    }

}

/*==================================================
    SERVICES OVERVIEW
==================================================*/

@media(max-width:1199px) {

    .eg-services-overview-grid {

        gap: 50px;

    }

    .eg-services-overview-content {

        max-width: 100%;

    }

}

@media(max-width:991px) {

    .eg-services-overview {

        padding: 80px 0;

    }

    .eg-services-overview-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .eg-services-overview-image {

        order: 2;

    }

    .eg-services-overview-content {

        order: 1;

    }

}

@media(max-width:767px) {

    .eg-services-overview {

        padding: 70px 0;

    }

    .eg-services-overview-list {

        grid-template-columns: 1fr;

        gap: 15px;

    }

    .eg-services-overview-content p {

        font-size: 16px;

        margin: 20px 0 30px;

    }

    .eg-services-overview-item {

        padding: 16px 18px;

    }

    .eg-services-overview-item span {

        font-size: 15px;

    }

}

@media(max-width:575px) {

    .eg-services-overview {

        padding: 60px 0;

    }

    .eg-services-overview-grid {

        gap: 40px;

    }

    .eg-services-overview-item {

        padding: 15px 16px;

    }

    .eg-services-overview-item i {

        font-size: 16px;

    }

}

/*==================================================
    CORE SERVICES
==================================================*/

@media(max-width:1199px) {

    .eg-core-services-grid {

        gap: 25px;

    }

    .eg-core-service-card {

        padding: 30px;

    }

    .eg-core-service-card h3 {

        font-size: 22px;

    }

}

@media(max-width:991px) {

    .eg-core-services {

        padding: 80px 0;

    }

    .eg-core-services-grid {

        grid-template-columns: 1fr;

        gap: 25px;

        margin-top: 50px;

    }

}

@media(max-width:767px) {

    .eg-core-services {

        padding: 70px 0;

    }

    .eg-core-services-grid {

        margin-top: 40px;

        gap: 20px;

    }

    .eg-core-service-card {

        padding: 25px;

    }

    .eg-core-service-icon {

        width: 60px;

        height: 60px;

        margin-bottom: 20px;

    }

    .eg-core-service-icon i {

        font-size: 24px;

    }

    .eg-core-service-card h3 {

        font-size: 20px;

        margin-bottom: 15px;

    }

    .eg-core-service-card p {

        font-size: 15px;

        line-height: 1.7;

    }

}

@media(max-width:575px) {

    .eg-core-services {

        padding: 60px 0;

    }

    .eg-core-service-card {

        padding: 22px;

    }

    .eg-core-service-icon {

        width: 55px;

        height: 55px;

    }

    .eg-core-service-icon i {

        font-size: 22px;

    }

    .eg-core-service-card h3 {

        font-size: 18px;

    }

}

/*==================================================
    WHY CHOOSE US
==================================================*/

@media (max-width:1199px) {

    .eg-why-services-grid {

        gap: 50px;

    }

    .eg-why-services-content {

        max-width: 100%;

    }

    .eg-why-service-item {

        padding: 22px;

    }

}

@media (max-width:991px) {

    .eg-why-services {

        padding: 80px 0;

    }

    .eg-why-services-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .eg-why-services-content {

        order: 1;

    }

    .eg-why-services-image {

        order: 2;

    }

}

@media (max-width:767px) {

    .eg-why-services {

        padding: 70px 0;

    }

    .eg-why-services-grid {

        gap: 40px;

    }

    .eg-why-services-content p {

        font-size: 16px;

        margin: 20px 0 30px;

    }

    .eg-why-service-item {

        padding: 20px;

        gap: 16px;

    }

    .eg-why-service-icon {

        width: 55px;

        height: 55px;

    }

    .eg-why-service-icon i {

        font-size: 22px;

    }

    .eg-why-service-item h4 {

        font-size: 18px;

        margin-bottom: 8px;

    }

    .eg-why-service-item p {

        font-size: 14px;

        line-height: 1.6;

    }

}

@media (max-width:575px) {

    .eg-why-services {

        padding: 60px 0;

    }

    .eg-why-services-grid {

        gap: 35px;

    }

    .eg-why-service-item {

        flex-direction: column;

        align-items: flex-start;

        padding: 18px;

    }

    .eg-why-service-icon {

        width: 50px;

        height: 50px;

    }

    .eg-why-service-icon i {

        font-size: 20px;

    }

}

/*==================================================
    WORK PROCESS
==================================================*/

@media (max-width:1199px) {

    .eg-work-process-grid {

        gap: 24px;

    }

    .eg-process-card {

        padding: 30px 24px;

    }

    .eg-process-card h3 {

        font-size: 20px;

    }

    .eg-process-icon {

        width: 72px;

        height: 72px;

    }

}

@media (max-width:991px) {

    .eg-work-process {
        padding: 70px 0;
    }

    .eg-work-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 40px;
    }

    .eg-work-process-grid::before {
        display: none;
    }

    .eg-work-process .eg-process-card {
        padding: 32px 24px;
    }

    .eg-work-process .eg-process-number {
        top: 18px;
        right: 18px;
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 13px;
        left: auto;
        transform: none;
    }

    .eg-work-process .eg-process-icon {
        width: 68px;
        height: 68px;
        margin: 0 auto 18px;
    }

    .eg-work-process .eg-process-card h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .eg-work-process .eg-process-card p {
        font-size: 14.5px;
        line-height: 1.65;
    }

}

@media (max-width:767px) {

    .eg-work-process {
        padding: 60px 0;
    }

    .eg-work-process-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 32px;
    }

    .eg-work-process .eg-process-card {
        padding: 28px 20px;
        width: 100%;
        box-sizing: border-box;
    }

    .eg-work-process .eg-process-number {
        position: absolute;
        top: 16px;
        right: 18px;
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 13px;
        left: auto;
        transform: none;
    }

    .eg-work-process .eg-process-icon {
        width: 62px;
        height: 62px;
        margin: 0 auto 16px;
    }

    .eg-work-process .eg-process-icon i {
        font-size: 22px;
    }

    .eg-work-process .eg-process-card h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .eg-work-process .eg-process-card p {
        font-size: 14px;
        line-height: 1.6;
    }

}

@media (max-width:575px) {

    .eg-work-process {
        padding: 50px 0;
    }

    .eg-work-process-grid {
        gap: 16px;
        margin-top: 28px;
    }

    .eg-work-process .eg-process-card {
        padding: 24px 18px;
    }

}

/*==================================================
    TECHNOLOGIES & PLATFORMS
==================================================*/

@media (max-width:1199px) {

    .eg-technology-grid {

        gap: 25px;

    }

    .eg-technology-card {

        padding: 30px;

    }

    .eg-technology-card h3 {

        font-size: 22px;

    }

}

@media (max-width:991px) {

    .eg-technology {

        padding: 80px 0;

    }

    .eg-technology-grid {

        grid-template-columns: 1fr;

        gap: 25px;

        margin-top: 50px;

    }

}

@media (max-width:767px) {

    .eg-technology {

        padding: 70px 0;

    }

    .eg-technology-grid {

        margin-top: 40px;

        gap: 20px;

    }

    .eg-technology-card {

        padding: 25px;

    }

    .eg-technology-card h3 {

        font-size: 20px;

        margin-bottom: 20px;

    }

    .eg-technology-card ul li {

        font-size: 15px;

        padding: 10px 0;

    }

    .eg-technology-card ul li::before {

        width: 22px;

        height: 22px;

        font-size: 11px;

    }

}

@media (max-width:575px) {

    .eg-technology {

        padding: 60px 0;

    }

    .eg-technology-card {

        padding: 22px;

    }

    .eg-technology-card h3 {

        font-size: 18px;

    }

    .eg-technology-card ul li {

        font-size: 14px;

        gap: 10px;

    }

    .eg-technology-card ul li::before {

        width: 20px;

        height: 20px;

        font-size: 10px;

    }

}

/*==================================================
    INDUSTRIES & BUSINESS FUNCTIONS
==================================================*/

@media (max-width:1199px) {

    .eg-industries-grid {

        gap: 25px;

    }

    .eg-industry-card {

        padding: 30px 20px;

    }

    .eg-functions {

        padding: 40px;

    }

    .eg-functions-header h3 {

        font-size: 28px;

    }

}

@media (max-width:991px) {

    .eg-industries {

        padding: 80px 0;

    }

    .eg-industries-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

        margin-top: 50px;

    }

    .eg-functions {

        margin-top: 70px;

        padding: 35px;

    }

    .eg-functions-header {

        margin-bottom: 35px;

    }

}

@media (max-width:767px) {

    .eg-industries {

        padding: 70px 0;

    }

    .eg-industries-grid {

        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 40px;

    }

    .eg-industry-card {

        padding: 25px 20px;

    }

    .eg-industry-card i {

        width: 65px;

        height: 65px;

        font-size: 26px;

        margin-bottom: 18px;

    }

    .eg-industry-card h3 {

        font-size: 18px;

    }

    .eg-functions {

        margin-top: 50px;

        padding: 30px 20px;

    }

    .eg-functions-header {

        margin-bottom: 30px;

    }

    .eg-functions-header h3 {

        font-size: 24px;

    }

    .eg-functions-header p {

        font-size: 16px;

        line-height: 1.7;

    }

    .eg-functions-grid {

        gap: 12px;

    }

    .eg-functions-grid span {

        padding: 12px 18px;

        font-size: 14px;

    }

}

@media (max-width:575px) {

    .eg-industries {

        padding: 60px 0;

    }

    .eg-industry-card {

        padding: 22px 18px;

    }

    .eg-industry-card i {

        width: 58px;

        height: 58px;

        font-size: 22px;

    }

    .eg-industry-card h3 {

        font-size: 17px;

    }

    .eg-functions {

        padding: 25px 15px;

    }

    .eg-functions-header h3 {

        font-size: 22px;

    }

    .eg-functions-header p {

        font-size: 15px;

    }

    .eg-functions-grid {

        justify-content: flex-start;

    }

    .eg-functions-grid span {

        width: 100%;

        text-align: center;

        padding: 12px 16px;

    }

}

/*==================================================
    FAQ
==================================================*/

@media (max-width:1199px) {

    .eg-faq-grid {

        gap: 50px;

    }

    .eg-faq-contact {

        padding: 30px;

    }

    .eg-faq-question {

        padding: 22px 25px;

    }

}

@media (max-width:991px) {

    .eg-faq {

        padding: 80px 0;

    }

    .eg-faq-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .eg-faq-content {

        position: static;

        top: auto;

    }

}

@media (max-width:767px) {

    .eg-faq {

        padding: 70px 0;

    }

    .eg-faq-grid {

        gap: 40px;

    }

    .eg-faq-content p {

        font-size: 16px;

        margin: 20px 0 30px;

    }

    .eg-faq-contact {

        padding: 25px;

    }

    .eg-faq-contact h3 {

        font-size: 22px;

    }

    .eg-faq-contact p {

        font-size: 15px;

        margin-bottom: 20px;

    }

    .eg-faq-question {

        padding: 20px;

    }

    .eg-faq-question span {

        font-size: 16px;

        padding-right: 15px;

    }

    .eg-faq-question i {

        width: 38px;

        height: 38px;

        font-size: 14px;

    }

    .eg-faq-item.active .eg-faq-answer {

        max-height: 320px;

    }

    .eg-faq-answer p {

        padding: 0 20px 20px;

        font-size: 15px;

        line-height: 1.7;

    }

}

@media (max-width:575px) {

    .eg-faq {

        padding: 60px 0;

    }

    .eg-faq-grid {

        gap: 35px;

    }

    .eg-faq-contact {

        padding: 22px 18px;

    }

    .eg-faq-contact h3 {

        font-size: 20px;

    }

    .eg-faq-question {

        padding: 18px;

    }

    .eg-faq-question span {

        font-size: 15px;

        line-height: 1.5;

    }

    .eg-faq-question i {

        width: 34px;

        height: 34px;

        font-size: 13px;

    }

    .eg-faq-item.active .eg-faq-answer {

        max-height: 380px;

    }

    .eg-faq-answer p {

        padding: 0 18px 18px;

        font-size: 14px;

    }

}

/* ==========================================================
   Industries Hero Responsive
========================================================== */

@media(max-width:991px) {

    .eg-industries-hero {
        padding: 90px 0 70px;
    }

    .eg-industries-title {
        font-size: 46px;
    }

    .eg-industries-actions {
        margin-bottom: 40px;
    }

    .eg-industries-stats {
        flex-wrap: wrap;
    }

    .eg-stat {
        width: calc(50% - 10px);
        flex: none;
    }

    .eg-industries-image {
        margin-top: 60px;
    }

}

@media(max-width:767px) {

    .eg-industries-title {
        font-size: 36px;
    }

    .eg-industries-description {
        font-size: 16px;
    }

    .eg-industries-actions {
        flex-direction: column;
    }

    .eg-stat {
        width: 100%;
    }

}

/*==================================================
Industries Transform
==================================================*/

@media (max-width:991px) {

    .eg-industries-transform {
        padding: 100px 0 70px;
    }

    .eg-industry-card-lg {
        padding: 35px;
    }

    .eg-industry-card-lg h3 {
        font-size: 26px;
    }

    .eg-industry-img {
        max-width: 220px;
        height: 160px;
    }

    .eg-section-badge,
    .eg-section-tag,
    .eg-industry-card-lg .eg-section-badge,
    .eg-industries-transform .eg-section-badge,
    .eg-business-challenges .eg-section-badge,
    .eg-contact-hero-content .eg-section-badge,
    .eg-section-heading span,
    .eg-why-content .eg-section-badge,
    .eg-hero-tag,
    .eg-portfolio-page-badge,
    .eg-catalogue-badge {
        display: inline-block !important;
        width: fit-content !important;
        max-width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-wrap: balance !important;
        text-align: center !important;
        padding: 10px 22px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 1px !important;
        line-height: 1.5 !important;
        height: auto !important;
        min-height: 40px !important;
        background: #ffffff !important;
        border: 1px solid #ececec !important;
        border-radius: 999px !important;
        color: #000000 !important;
        text-transform: uppercase !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
    }

    .eg-section-badge i,
    .eg-section-tag i,
    .eg-hero-tag i,
    .eg-catalogue-badge i {
        margin-right: 6px !important;
        vertical-align: middle !important;
    }

}

@media (max-width:767px) {

    .eg-industry-card-lg {
        padding: 30px;
    }

    .eg-industry-card-lg h3 {
        font-size: 24px;
    }

    .eg-industry-card-lg p {
        font-size: 15px;
    }

    .eg-industry-img {
        max-width: 180px;
        height: 140px;
    }

    .eg-industry-card-icon {
        width: 58px;
        height: 58px;
        border-radius: 16px;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .eg-industry-card-lg .eg-btn-outline {
        width: 100%;
        text-align: center;
    }

    .eg-section-badge,
    .eg-section-tag,
    .eg-industry-card-lg .eg-section-badge,
    .eg-industries-transform .eg-section-badge,
    .eg-business-challenges .eg-section-badge,
    .eg-contact-hero-content .eg-section-badge,
    .eg-section-heading span,
    .eg-why-content .eg-section-badge,
    .eg-hero-tag,
    .eg-portfolio-page-badge,
    .eg-catalogue-badge {
        display: inline-block !important;
        width: fit-content !important;
        max-width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-wrap: balance !important;
        text-align: center !important;
        padding: 10px 22px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 1px !important;
        line-height: 1.5 !important;
        height: auto !important;
        min-height: 40px !important;
        background: #ffffff !important;
        border: 1px solid #ececec !important;
        border-radius: 999px !important;
        color: #000000 !important;
        text-transform: uppercase !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
    }

    .eg-section-badge i,
    .eg-section-tag i,
    .eg-hero-tag i,
    .eg-catalogue-badge i {
        margin-right: 6px !important;
        vertical-align: middle !important;
    }

}

/*==================================================
Business Challenges
==================================================*/

@media (max-width:991px) {

    .eg-business-challenges {
        padding: 100px 0 70px;
    }

    .eg-challenge-card {
        padding: 35px;
    }

    .eg-challenge-number {
        width: 60px;
        height: 60px;
        font-size: 22px;
        margin-bottom: 25px;
    }

    .eg-challenge-card h4 {
        font-size: 22px;
    }

}

@media (max-width:767px) {

    .eg-challenge-card {
        padding: 30px;
    }

    .eg-challenge-number {
        width: 55px;
        height: 55px;
        font-size: 20px;
    }

    .eg-challenge-card h4 {
        font-size: 20px;
    }

    .eg-challenge-card p {
        font-size: 15px;
        line-height: 1.8;
    }

}

/*==================================================
Industry Solutions
==================================================*/

@media (max-width:991px) {

    .eg-industry-solutions {
        padding: 100px 0 70px;
    }

    .eg-solution-card {
        padding: 35px;
    }

    .eg-solution-card h4 {
        font-size: 22px;
    }

}

@media (max-width:767px) {

    .eg-solution-card {
        padding: 30px;
    }

    .eg-solution-card h4 {
        font-size: 20px;
    }

    .eg-solution-card p {
        font-size: 15px;
        line-height: 1.8;
    }

}

/*==================================================
Why Expolio
==================================================*/

@media (max-width:991px) {

    .eg-why-expolio {
        padding: 80px 0 60px;
    }

    .eg-why-expolio .col-lg-5 {
        text-align: center;
        margin-bottom: 40px;
    }

    .eg-why-expolio .eg-section-badge {
        margin: 0 auto 18px auto;
        display: inline-flex;
    }

    .eg-why-expolio .eg-section-title {
        text-align: center;
    }

    .eg-why-expolio .eg-section-description {
        text-align: center;
        max-width: 580px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .eg-why-expolio .eg-btn {
        margin: 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .eg-value-card {
        padding: 30px;
        text-align: left;
    }

}

@media (max-width:767px) {

    .eg-why-expolio .eg-section-title {
        font-size: 32px;
    }

    .eg-value-card {
        padding: 25px;
    }

    .eg-value-card h4 {
        font-size: 20px;
    }

    .eg-value-card p {
        font-size: 15px;
        line-height: 1.8;
    }

}

/*==================================================
Delivery Process
==================================================*/

@media (max-width:991px) {

    .eg-delivery-process {
        padding: 100px 0 70px;
    }

    .eg-process-card {
        padding: 35px;
    }

}

@media (max-width:767px) {

    .eg-process-card {
        padding: 30px;
    }

    .eg-process-step {
        width: 55px;
        height: 55px;
        font-size: 20px;
    }

    .eg-process-card h4 {
        font-size: 20px;
    }

    .eg-process-card p {
        font-size: 15px;
        line-height: 1.8;
    }

}

/*==================================================
Business Impact
==================================================*/

@media (max-width:991px) {

    .eg-business-impact {
        padding: 100px 0 70px;
    }

    .eg-impact-card {
        padding: 35px 25px;
    }

}

@media (max-width:767px) {

    .eg-impact-card {
        padding: 30px 25px;
    }

    .eg-impact-icon {
        width: 70px;
        height: 70px;
    }

    .eg-impact-icon i {
        font-size: 26px;
    }

    .eg-impact-card h4 {
        font-size: 20px;
    }

    .eg-impact-card p {
        font-size: 15px;
        line-height: 1.8;
    }

}

/*==================================================
Industries CTA
==================================================*/

@media (max-width:991px) {

    .eg-industries-cta {
        padding: 100px 0;
    }

    .eg-industries-cta-box {
        padding: 60px 40px;
    }

    .eg-industries-cta-box h2 {
        font-size: 38px;
    }

}

@media (max-width:767px) {

    .eg-industries-cta {
        padding: 80px 0;
    }

    .eg-industries-cta-box {
        padding: 50px 30px;
        border-radius: 14px;
    }

    .eg-industries-cta-box h2 {
        font-size: 30px;
    }

    .eg-industries-cta-box p {
        font-size: 16px;
        line-height: 1.8;
    }

    .eg-industries-cta-buttons {
        flex-direction: column;
        gap: 15px;
    }

    .eg-industries-cta-buttons .eg-btn,
    .eg-industries-cta-buttons .eg-btn-outline {
        width: 100%;
    }

}

/*==================================================
FEATURED PROJECTS
==================================================*/

@media(max-width:991px) {

    .eg-portfolio-featured {

        padding: 90px 0;

    }

}

@media(max-width:767px) {

    .eg-portfolio-featured-content {

        padding: 25px;

    }

    .eg-portfolio-featured-content h3 {

        font-size: 24px;

    }

}

/*==================================================
PORTFOLIO CATEGORIES
==================================================*/

@media (max-width:1199px) {

    .eg-portfolio-categories {

        padding: 100px 0;

    }

    .eg-portfolio-category-card {

        padding: 40px 30px;

    }

}

@media (max-width:991px) {

    .eg-portfolio-categories {

        padding: 90px 0;

    }

    .eg-portfolio-categories .eg-section-heading {

        margin-bottom: 55px;

    }

    .eg-portfolio-category-card {

        padding: 40px 28px;

    }

}

@media (max-width:767px) {

    .eg-portfolio-categories {

        padding: 70px 0;

    }

    .eg-portfolio-categories .eg-section-heading {

        margin-bottom: 45px;

    }

    .eg-portfolio-category-card {

        padding: 35px 25px;

    }

    .eg-portfolio-category-icon {

        width: 70px;

        height: 70px;

        margin-bottom: 25px;

        font-size: 26px;

    }

    .eg-portfolio-category-icon i {

        font-size: 26px;

    }

    .eg-portfolio-category-card h4 {

        font-size: 22px;

    }

    .eg-portfolio-category-card p {

        font-size: 15px;

    }

}

@media (max-width:575px) {

    .eg-portfolio-category-card {

        padding: 30px 22px;

    }

    .eg-portfolio-category-icon {

        width: 65px;

        height: 65px;

        font-size: 24px;

    }

    .eg-portfolio-category-icon i {

        font-size: 24px;

    }

    .eg-portfolio-category-card h4 {

        font-size: 20px;

    }

}


/*==================================================
CASE STUDIES
==================================================*/

@media (max-width:991px) {

    .eg-portfolio-case-studies {

        padding: 90px 0;

    }

    .eg-case-study {

        margin-top: 60px;

    }

    .eg-case-study-content {

        padding: 0;

    }

}

@media (max-width:767px) {

    .eg-case-study-content h3 {

        font-size: 30px;

    }

    .eg-case-study {

        margin-top: 50px;

    }

}

/*==================================================
BUSINESS RESULTS
==================================================*/

@media (max-width:1199px) {

    .eg-portfolio-results {

        padding: 100px 0;

    }

}

@media (max-width:991px) {

    .eg-portfolio-results {

        padding: 90px 0;

    }

    .eg-portfolio-result-card {

        padding: 40px 30px;

    }

}

@media (max-width:767px) {

    .eg-portfolio-results {

        padding: 70px 0;

    }

    .eg-portfolio-result-card {

        padding: 35px 25px;

    }

    .eg-portfolio-result-card h3 {

        font-size: 48px;

    }

    .eg-portfolio-result-card h5 {

        font-size: 20px;

    }

}

/*==================================================
DELIVERY PROCESS
==================================================*/

@media (max-width: 991.98px) {

    .eg-portfolio-process {
        padding: 70px 0;
        overflow: hidden;
    }

    .eg-process-timeline {
        width: 100%;
        max-width: 580px;
        margin: 40px auto 0;
        padding: 0;
        position: relative;
    }

    .eg-process-timeline::before {
        display: none !important;
    }

    .eg-process-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 30px;
        gap: 14px;
        box-sizing: border-box;
    }

    .eg-process-item:last-child {
        margin-bottom: 0;
    }

    .eg-process-number {
        width: 56px;
        height: 56px;
        min-width: 56px;
        max-width: 56px;
        min-height: 56px;
        max-height: 56px;
        aspect-ratio: 1 / 1;
        flex-shrink: 0;
        border-radius: 50%;
        padding: 0;
        box-sizing: border-box;
        background: #000000;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        flex: 0 0 56px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
    }

    .eg-process-card {
        flex: none;
        width: 100%;
        max-width: 100%;
        padding: 26px 20px;
        text-align: center;
        background: #ffffff;
        border: 1px solid var(--eg-border);
        border-radius: var(--eg-card-radius);
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
        margin: 0 auto;
    }

    .eg-process-card h4 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px;
        color: var(--eg-text);
    }

    .eg-process-card p {
        font-size: 14px;
        line-height: 1.6;
        color: var(--eg-text-light);
        margin: 0;
    }

}

@media (max-width: 575.98px) {

    .eg-portfolio-process {
        padding: 55px 0;
    }

    .eg-process-timeline {
        margin-top: 32px;
    }

    .eg-process-item {
        gap: 12px;
        margin-bottom: 24px;
    }

    .eg-process-number {
        width: 48px;
        height: 48px;
        min-width: 48px;
        max-width: 48px;
        min-height: 48px;
        max-height: 48px;
        aspect-ratio: 1 / 1;
        flex-shrink: 0;
        border-radius: 50%;
        padding: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        flex: 0 0 48px;
    }

    .eg-process-card {
        padding: 22px 16px;
        border-radius: 18px;
    }

    .eg-process-card h4 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .eg-process-card p {
        font-size: 13.5px;
        line-height: 1.55;
    }

}

/*==================================================
INDUSTRIES
==================================================*/

@media (max-width:991px) {

    .eg-portfolio-industries {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-portfolio-industries {

        padding: 70px 0;

    }

    .eg-industry-card {

        padding: 30px;

    }

    .eg-industry-number {

        font-size: 38px;

    }

    .eg-industry-card h4 {

        font-size: 24px;

    }

}

/*==================================================
CLIENT TESTIMONIALS
==================================================*/

@media (max-width:991px) {

    .eg-portfolio-testimonials {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-portfolio-testimonials {

        padding: 70px 0;

    }

    .eg-testimonial-card {

        padding: 30px;

    }

    .eg-testimonial-quote {

        font-size: 50px;

    }

    .eg-testimonial-client h5 {

        font-size: 18px;

    }

}


/*==================================================
PORTFOLIO FAQ
==================================================*/

@media (max-width:991px) {

    .eg-portfolio-faq {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-portfolio-faq {

        padding: 70px 0;

    }

    .eg-faq-accordion .accordion-button {

        padding: 20px;

        font-size: 18px;

    }

    .eg-faq-accordion .accordion-body {

        padding: 0 20px 20px;

    }

}


/*==================================================
PORTFOLIO CTA
==================================================*/

@media (max-width:991px) {

    .eg-portfolio-cta {

        padding: 90px 0;

    }

    .eg-portfolio-cta-box {

        padding: 60px 40px;

    }

    .eg-portfolio-cta-box h2 {

        font-size: 44px;

    }

    .eg-portfolio-cta-features {

        grid-template-columns: 1fr;

        gap: 25px;

    }

}

@media (max-width:767px) {

    .eg-portfolio-cta {

        padding: 70px 0;

    }

    .eg-portfolio-cta-box {

        padding: 45px 25px;

    }

    .eg-portfolio-cta-box h2 {

        font-size: 34px;

    }

    .eg-portfolio-cta-buttons {

        flex-direction: column;

    }

    .eg-portfolio-cta-buttons .eg-btn,
    .eg-portfolio-cta-buttons .eg-btn-outline,
    .eg-portfolio-cta-buttons .eg-btn-whatsapp {
        width: 100%;
        text-align: center;
    }

}

/*==================================================
BLOG HERO
==================================================*/

@media (max-width:991px) {

    .eg-blog-hero {

        padding: 140px 0 90px;

        text-align: center;

    }

    .eg-blog-hero-content {

        max-width: 100%;

    }

    .eg-blog-hero-title {

        font-size: 48px;

    }

    .eg-blog-hero-buttons {

        margin-bottom: 45px;

    }

    .eg-blog-hero-stats {

        justify-content: center;

    }

}

@media (max-width:767px) {

    .eg-blog-hero {

        padding: 120px 0 70px;

    }

    .eg-blog-hero-title {

        font-size: 36px;

    }

    .eg-blog-hero-description {

        font-size: 16px;

    }

    .eg-blog-hero-stats {

        flex-direction: column;

    }

    .eg-blog-stat-card {

        width: 100%;

    }

}


/*==================================================
BLOG HERO
==================================================*/

@media (max-width:991px) {

    .eg-blog-hero {

        padding: 140px 0 90px;

        text-align: center;

    }

    .eg-blog-hero-content {

        max-width: 100%;

    }

    .eg-blog-hero-title {

        font-size: 48px;

    }

    .eg-blog-hero-buttons {

        margin-bottom: 45px;

    }

    .eg-blog-hero-stats {

        justify-content: center;

    }

}

@media (max-width:767px) {

    .eg-blog-hero {

        padding: 120px 0 70px;

    }

    .eg-blog-hero-title {

        font-size: 36px;

    }

    .eg-blog-hero-description {

        font-size: 16px;

    }

    .eg-blog-hero-stats {

        flex-direction: column;

    }

    .eg-blog-stat-card {

        width: 100%;

    }

}


/*==================================================
KNOWLEDGE HUB
==================================================*/

@media (max-width:991px) {

    .eg-blog-knowledge {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-blog-knowledge {

        padding: 70px 0;

    }

    .eg-knowledge-card {

        padding: 30px;

    }

    .eg-knowledge-icon {

        width: 70px;

        height: 70px;

    }

    .eg-knowledge-card h3 {

        font-size: 24px;

    }

}

/*==================================================
FEATURED INSIGHT
==================================================*/

@media (max-width:991px) {

    .eg-blog-featured {

        padding: 90px 0;

    }

    .eg-featured-image {

        padding: 28px 28px 0 28px;

    }

    .eg-featured-content {

        padding: 40px;

    }

    .eg-featured-content h3 {

        font-size: 32px;

    }

}

@media (max-width:767px) {

    .eg-blog-featured {

        padding: 70px 0;

    }

    .eg-featured-content {

        padding: 30px;

    }

    .eg-featured-content h3 {

        font-size: 26px;

    }

    .eg-featured-meta {

        flex-direction: column;

        gap: 10px;

    }

}

/*==================================================
BLOG CATEGORIES
==================================================*/

@media (max-width:991px) {

    .eg-blog-categories {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-blog-categories {

        padding: 70px 0;

    }

    .eg-category-card {

        padding: 30px 20px;

    }

    .eg-category-card h4 {

        font-size: 20px;

    }

}

/*==================================================
LATEST INSIGHTS
==================================================*/

@media (max-width:991px) {

    .eg-blog-latest {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-blog-latest {

        padding: 70px 0;

    }

    .eg-insight-content {

        padding: 25px;

    }

    .eg-insight-content h3 {

        font-size: 22px;

    }

    .eg-insight-meta {

        flex-direction: column;

        gap: 8px;

    }

}

/*==================================================
POPULAR TOPICS
==================================================*/

@media (max-width:991px) {

    .eg-blog-topics {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-blog-topics {

        padding: 70px 0;

    }

    .eg-topics-wrapper {

        gap: 12px;

    }

    .eg-topic-pill {

        width: 100%;

        justify-content: center;

        padding: 14px 20px;

    }

}

/*==================================================
NEWSLETTER
==================================================*/

@media (max-width:991px) {

    .eg-blog-newsletter {
        padding: 90px 0;
    }

    .eg-blog-newsletter-box {
        padding: 45px 30px;
    }

    .eg-blog-newsletter .col-lg-7 {
        text-align: center;
    }

    .eg-blog-newsletter .eg-section-badge {
        margin-left: auto !important;
        margin-right: auto !important;
        display: inline-flex !important;
    }

    .eg-blog-newsletter h2 {
        text-align: center;
    }

    .eg-blog-newsletter p {
        text-align: center;
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }

    .eg-newsletter-benefits {
        padding-left: 0;
        display: inline-flex;
        flex-direction: column;
        text-align: left;
        margin: 25px auto 0 auto;
    }

}

@media (max-width:767px) {

    .eg-blog-newsletter {
        padding: 60px 0;
    }

    .eg-blog-newsletter-box {
        padding: 30px 20px;
    }

    .eg-blog-newsletter h2 {
        font-size: 28px;
        margin: 18px 0;
        text-align: center;
    }

    .eg-newsletter-card {
        padding: 25px 20px;
        text-align: center;
    }

    .eg-newsletter-card p {
        text-align: center;
    }

}

/*==================================================
CAREERS HERO
==================================================*/

@media (max-width:991px) {

    .eg-careers-hero {

        padding: 140px 0 90px;

        text-align: center;

    }

    .eg-careers-hero-content {

        max-width: 100%;

    }

    .eg-careers-hero-title {

        font-size: 48px;

    }

    .eg-careers-hero-buttons {

        justify-content: center;

    }

    .eg-careers-hero-stats {

        justify-content: center;

    }

}

@media (max-width:767px) {

    .eg-careers-hero {

        padding: 120px 0 70px;

    }

    .eg-careers-hero-title {

        font-size: 36px;

    }

    .eg-careers-hero-description {

        font-size: 16px;

    }

    .eg-careers-hero-buttons {

        flex-direction: column;

    }

    .eg-careers-stat-card {

        width: 100%;

    }

}

/*==================================================
WHY JOIN EXPOLIO
==================================================*/

@media (max-width:991px) {

    .eg-careers-why {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-careers-why {

        padding: 70px 0;

    }

    .eg-careers-feature-card {

        padding: 35px 25px;

    }

    .eg-careers-feature-card img {

        width: 70px;

        height: 70px;

    }

    .eg-careers-feature-card h3 {

        font-size: 24px;

    }

}

/*==================================================
LIFE AT EXPOLIO
==================================================*/

@media (max-width:991px) {

    .eg-careers-culture {

        padding: 90px 0;

    }

    .eg-careers-culture-content {

        text-align: center;

    }

    .eg-careers-culture-content h2 {

        font-size: 40px;

    }

}

@media (max-width:767px) {

    .eg-careers-culture {

        padding: 70px 0;

    }

    .eg-careers-culture-content h2 {

        font-size: 32px;

    }

    .eg-culture-highlight {

        padding: 20px;

    }

    .eg-culture-highlight h4 {

        font-size: 20px;

    }

}

/*==================================================
CURRENT OPPORTUNITIES
==================================================*/

@media (max-width:991px) {

    .eg-careers-openings {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-careers-openings {

        padding: 70px 0;

    }

    .eg-job-card {

        padding: 30px;

    }

    .eg-job-header {

        flex-direction: column;

        align-items: flex-start;

    }

    .eg-job-header h3 {

        font-size: 24px;

    }

    .eg-job-meta {

        gap: 12px;

        flex-direction: column;

    }

}

/*==================================================
HIRING PROCESS
==================================================*/

@media (max-width:991px) {

    .eg-careers-process {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-careers-process {

        padding: 70px 0;

    }

    .eg-process-card {

        padding: 30px 25px;

    }

    .eg-process-number {

        width: 60px;

        height: 60px;

        font-size: 22px;

    }

    .eg-process-card h3 {

        font-size: 22px;

    }

}

/*==================================================
EMPLOYEE BENEFITS
==================================================*/

@media (max-width:991px) {

    .eg-careers-benefits {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-careers-benefits {

        padding: 70px 0;

    }

    .eg-benefit-card {

        padding: 30px;

    }

    .eg-benefit-icon {

        width: 70px;

        height: 70px;

        margin-bottom: 25px;

    }

    .eg-benefit-icon i {

        font-size: 30px;

    }

    .eg-benefit-card h3 {

        font-size: 24px;

    }

}

/*==================================================
CAREER FAQ
==================================================*/

@media (max-width:991px) {

    .eg-careers-faq {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-careers-faq {

        padding: 70px 0;

    }

    .eg-careers-accordion .accordion-button {

        padding: 20px;

        font-size: 18px;

    }

    .eg-careers-accordion .accordion-body {

        padding: 0 20px 20px;

    }

}

/*==================================================
CAREERS CTA
==================================================*/

@media (max-width:991px) {

    .eg-careers-cta {

        padding: 90px 0;

    }

    .eg-careers-cta-box {

        padding: 60px 40px;

    }

    .eg-careers-cta-box h2 {

        font-size: 42px;

    }

}

@media (max-width:767px) {

    .eg-careers-cta {

        padding: 70px 0;

    }

    .eg-careers-cta-box {

        padding: 45px 25px;

    }

    .eg-careers-cta-box h2 {

        font-size: 32px;

    }

    .eg-careers-cta-box p {

        font-size: 16px;

    }

    .eg-careers-cta-buttons {

        flex-direction: column;

        align-items: center;

    }

    .eg-careers-cta-buttons .eg-btn,

    .eg-careers-cta-buttons .eg-btn-outline {

        width: 100%;

        max-width: 280px;

    }

}

/*==================================================
CONTACT HERO
==================================================*/

@media (max-width:991px) {

    .eg-contact-hero {

        padding: 140px 0 90px;

        text-align: center;

    }

    .eg-contact-hero-content {

        max-width: 100%;

    }

    .eg-contact-hero-title {

        font-size: 48px;

    }

    .eg-contact-hero-buttons {

        justify-content: center;

    }

    .eg-contact-highlights {

        align-items: center;

    }

}

@media (max-width:767px) {

    .eg-contact-hero {

        padding: 120px 0 70px;

    }

    .eg-contact-hero-title {

        font-size: 36px;

    }

    .eg-contact-hero-description {

        font-size: 16px;

    }

    .eg-contact-hero-buttons {

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 16px;

        margin-bottom: 30px;

    }

    .eg-contact-hero-buttons .eg-btn,
    .eg-contact-hero-buttons .eg-btn-outline,
    .eg-contact-hero-buttons .eg-btn-see-live-hero {
        width: 100%;
        max-width: 320px;
    }
}

/*==================================================
CONTACT INFORMATION
==================================================*/

@media (max-width:991px) {

    .eg-contact-info {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-contact-info {

        padding: 70px 0;

    }

    .eg-contact-card {

        padding: 30px 25px;

    }

    .eg-contact-icon {

        width: 70px;

        height: 70px;

    }

    .eg-contact-icon i {

        font-size: 30px;

    }

    .eg-contact-card h3 {

        font-size: 22px;

    }

}

/*==================================================
MICROSOFT CONTACT FORM
==================================================*/

@media (max-width:991px) {

    .eg-contact-form-section {

        padding: 90px 0;

    }

    .eg-contact-form-content {

        max-width: 100%;

        text-align: center;

    }

    .eg-contact-benefits {

        align-items: center;

    }

    .eg-contact-benefit {

        justify-content: center;

    }

}

@media (max-width:767px) {

    .eg-contact-form-section {

        padding: 70px 0;

    }

    .eg-contact-form-content h2 {

        font-size: 34px;

    }

    .eg-microsoft-form iframe {

        height: 780px;

    }

}

/*==================================================
OFFICE LOCATION
==================================================*/

@media (max-width:991px) {

    .eg-office-location {

        padding: 90px 0;

    }

    .eg-office-map {

        min-height: 420px;

    }

    .eg-office-card {

        padding: 35px;

    }

}

@media (max-width:767px) {

    .eg-office-location {

        padding: 70px 0;

    }

    .eg-office-map {

        min-height: 320px;

    }

    .eg-office-card {

        padding: 25px;

    }

    .eg-office-item {

        gap: 15px;

    }

    .eg-office-item i {

        width: 48px;

        height: 48px;

        font-size: 18px;

    }

}

/*==================================================
CONTACT FAQ
==================================================*/

@media (max-width:991px) {

    .eg-contact-faq {

        padding: 90px 0;

    }

}

@media (max-width:767px) {

    .eg-contact-faq {

        padding: 70px 0;

    }

    .eg-contact-faq .accordion-button {

        padding: 20px;

        font-size: 16px;

    }

    .eg-contact-faq .accordion-body {

        padding: 0 20px 20px;

    }

}

/*==================================================
CONTACT CTA
==================================================*/

@media (max-width:991px) {

    .eg-contact-cta {

        padding: 90px 0;

    }

    .eg-contact-cta-box {

        padding: 60px 40px;

    }

    .eg-contact-cta-box h2 {

        font-size: 42px;

    }

}

@media (max-width:767px) {

    .eg-contact-cta {

        padding: 70px 0;

    }

    .eg-contact-cta-box {

        padding: 45px 25px;

        border-radius: 20px;

    }

    .eg-contact-cta-box h2 {

        font-size: 32px;

    }

    .eg-contact-cta-box p {

        font-size: 16px;

    }

    .eg-contact-cta-buttons {

        flex-direction: column;

        align-items: center;

    }

    .eg-contact-cta-buttons .eg-btn,

    .eg-contact-cta-buttons .eg-btn-outline {

        width: 100%;

        max-width: 280px;

    }

}

/*=====================================================
Top Icon CSS
======================================================*/

@media (max-width:991px) {

    .eg-header-actions {

        gap: 8px;

    }

    .eg-social-btn {

        width: 42px;

        height: 42px;

        padding: 0;

        justify-content: center;

        border-radius: 50%;

    }

    .eg-social-btn span {

        display: none;

    }

}

/*=========================================
Booking Modal
=========================================*/

@media(max-width:991px) {

    .eg-booking-modal {

        padding: 15px;

    }

    .eg-booking-container {

        width: 100%;

        height: 95vh;

        border-radius: 18px;

    }

    .eg-booking-header {

        padding: 20px;

    }

    .eg-booking-header h2 {

        font-size: 22px;

    }

    .eg-booking-header p {

        font-size: 14px;

    }

}

/*==================================================
    NEW MODULES COMPREHENSIVE RESPONSIVE STYLES
    (Catalogue, Checkout, Industries, Portfolio, Blog)
===================================================*/

/* Tablets & Laptops (Max 1199px) */
@media (max-width: 1199.98px) {
    .eg-catalogue-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .eg-portfolio-slide-item {
        flex: 0 0 calc(50% - 12px);
        min-width: 0;
    }

    .eg-case-study-hero-img,
    .eg-industry-show-hero-img {
        max-width: 100%;
    }
}

/* Tablets (Max 991px) */
@media (max-width: 991.98px) {

    /* Hero Alignments */
    .eg-contact-hero {
        padding: 120px 0 60px;
    }

    .eg-contact-hero-title {
        font-size: 38px;
        line-height: 1.2;
    }

    .eg-contact-hero-description {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .eg-contact-hero-image {
        margin-top: 20px;
        text-align: center;
    }

    .eg-case-study-hero-img,
    .eg-industry-show-hero-img {
        max-width: 100%;
        max-height: 360px;
        margin: 0 auto;
    }

    /* Checkout 2-Column Collapse */
    .eg-checkout-col-left,
    .eg-checkout-col-right {
        width: 100%;
    }

    /* Blog Featured Card */
    .eg-featured-card .eg-featured-image {
        height: 280px;
        padding: 20px 20px 0 20px;
    }

    .eg-featured-card .eg-featured-content {
        padding: 30px 24px;
    }

    .eg-featured-card .eg-featured-content h3 {
        font-size: 24px;
    }

    /* Slideshow Items - 1 tile / card at a time */
    .eg-portfolio-slide-item {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Detail Page Panels */
    .eg-theme-panel {
        padding: 20px;
    }

    .eg-industry-card-lg {
        padding: 32px 24px;
    }
}

/* Large Mobile & Tablets (Max 767px) */
@media (max-width: 767.98px) {

    /* Hero */
    .eg-contact-hero {
        padding: 110px 0 50px;
    }

    .eg-contact-hero-title {
        font-size: 30px;
        letter-spacing: -0.3px;
    }

    .eg-contact-hero-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-bottom: 30px;
    }

    .eg-contact-hero-buttons .eg-btn,
    .eg-contact-hero-buttons .eg-btn-outline,
    .eg-contact-hero-buttons .eg-btn-see-live-hero {
        width: 100%;
        max-width: 320px;
        text-align: center;
        gap: 10px !important;
    }

    .eg-proj-card-actions {
        flex-wrap: wrap;
        gap: 10px;
    }

    /* Breadcrumbs */
    .eg-detail-breadcrumb {
        flex-wrap: wrap;
        font-size: 12.5px;
        gap: 6px;
        margin-bottom: 16px;
    }

    /* Catalogue Grid & Controls */
    .eg-catalogue-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .eg-catalogue-header-row {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .eg-catalogue-search-wrap {
        width: 100%;
    }

    /* ==================================================
       GLOBAL SEARCH BARS MOBILE OPTIMIZATION
    ================================================== */
    .eg-catalogue-search-box,
    .eg-blog-search-form,
    .eg-search-input-group,
    .eg-prototypes-search {
        position: relative !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .eg-catalogue-search-box input {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        font-size: 14px !important;
        padding: 0 42px 0 46px !important;
        border-radius: 999px !important;
        border: 1.5px solid #e5e7eb !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        line-height: normal !important;
        outline: none !important;
    }

    .eg-catalogue-search-box input:focus {
        border-color: #000000 !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    }

    .eg-search-input {
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        font-size: 13.5px !important;
        padding: 0 42px 0 44px !important;
        border-radius: 999px !important;
        border: 1.5px solid #e2e8f0 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        line-height: normal !important;
        outline: none !important;
    }

    .eg-prototypes-search input {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        font-size: 13px !important;
        padding: 0 16px 0 38px !important;
        border-radius: 999px !important;
        border: 1px solid var(--eg-border) !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        line-height: normal !important;
        outline: none !important;
    }

    .eg-search-icon,
    .eg-catalogue-search-box .eg-search-icon,
    .eg-search-input-group .eg-search-icon,
    .eg-prototypes-search .search-icon {
        position: absolute !important;
        left: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 15px !important;
        color: #9ca3af !important;
        pointer-events: none !important;
        z-index: 5 !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    .eg-search-clear-btn,
    .eg-catalogue-search-box .eg-search-clear-btn,
    .eg-search-input-group .eg-search-clear-btn {
        position: absolute !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        border-radius: 50% !important;
        background: #e5e7eb !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #4b5563 !important;
        font-size: 12px !important;
        cursor: pointer !important;
        z-index: 10 !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .eg-search-clear-btn:hover,
    .eg-catalogue-search-box .eg-search-clear-btn:hover,
    .eg-search-input-group .eg-search-clear-btn:hover {
        background: #d1d5db !important;
        color: #111827 !important;
    }

    /* Prototypes Mobile Filter & Search Controls */
    .eg-prototypes-controls {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        width: 100%;
    }

    .eg-prototypes-right-controls {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        justify-content: space-between !important;
    }

    .eg-prototypes-search {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: auto !important;
    }

    .eg-prototypes-search input {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .eg-prototypes-nav-btns {
        flex-shrink: 0 !important;
        display: flex !important;
        gap: 8px !important;
    }

    /* Floating Cart Bar (Responsive Fix) */
    .eg-floating-cart-bar {
        left: 0;
        right: 0;
        bottom: -160px;
        padding: 14px 0;
        border-radius: 20px 20px 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.35);
        z-index: 1050;
    }

    .eg-floating-cart-bar.visible {
        bottom: 0 !important;
    }

    .eg-cart-bar-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: 100%;
    }

    .eg-cart-bar-left {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 12px;
    }

    .eg-cart-text-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 1;
    }

    .eg-cart-bar-right {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .eg-cart-clear-btn {
        padding: 0 14px;
        height: 46px;
        font-size: 13px;
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }

    .eg-checkout-trigger-btn {
        flex: 1;
        height: 46px;
        padding: 0 18px !important;
        font-size: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-align: center;
        white-space: nowrap;
    }

    .eg-checkout-trigger-btn span {
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
    }

    .eg-checkout-trigger-btn i {
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        margin: 0 !important;
    }

    /* Projects & Portfolio Slideshow - 1 Card at a Time with Centered Mobile Controls */
    .eg-projects-slider-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin-top: 24px;
    }

    .eg-projects-scroll-track {
        order: 1;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 6px 0 12px 0;
        gap: 16px;
        scroll-snap-type: x mandatory;
    }

    .eg-portfolio-slide-item {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .eg-portfolio-featured-card {
        width: 100%;
        margin: 0;
    }

    .eg-portfolio-featured-image {
        height: 220px;
    }

    .eg-portfolio-featured-content {
        padding: 24px 20px;
    }

    .eg-portfolio-featured-content h3 {
        font-size: 20px;
        line-height: 1.35;
    }

    .eg-portfolio-featured-content p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .eg-proj-slide-btn {
        order: 2;
        width: 44px;
        height: 44px;
        font-size: 14px;
        margin: 0 6px !important;
        background: #ffffff;
        border: 1px solid var(--eg-border);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        color: #000000;
    }

    /* Stats Grid */
    .eg-industries-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .eg-industries-stats .eg-stat {
        padding: 16px 12px;
    }

    .eg-industries-stats .eg-stat h3 {
        font-size: 26px;
    }

    /* Features Grid */
    .eg-show-features-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Success Receipt */
    .eg-receipt-card {
        padding: 24px 16px;
        border-radius: 18px;
    }

    .eg-receipt-header h1 {
        font-size: 24px;
    }

    .eg-receipt-table {
        font-size: 13.5px;
    }

    .eg-receipt-actions {
        flex-direction: column;
    }

    .eg-receipt-actions .eg-btn,
    .eg-receipt-actions .eg-btn-outline {
        width: 100%;
    }

    /* Blog / Insights */
    .eg-featured-card .eg-featured-image {
        height: 220px;
        padding: 16px 16px 0 16px;
    }

    .eg-featured-card .eg-featured-content {
        padding: 24px 18px;
    }

    .eg-featured-card .eg-featured-content h3 {
        font-size: 20px;
    }

    .eg-article-author-bar {
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }

    .eg-key-takeaways-card {
        padding: 20px 16px;
    }

    .eg-article-prose {
        font-size: 15.5px;
        line-height: 1.75;
    }

    .eg-author-bio-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
    }
}

/* Small Mobile Phones (Max 480px) */
@media (max-width: 480px) {
    .eg-contact-hero-title {
        font-size: 26px;
    }

    .eg-section-title,
    .eg-section-heading h2 {
        font-size: 24px;
    }

    .eg-industries-stats {
        grid-template-columns: 1fr;
    }

    .eg-theme-panel {
        flex-direction: column;
        gap: 12px;
        padding: 18px 14px;
    }

    .eg-theme-number,
    .eg-theme-icon-box {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .eg-cs-meta-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .eg-cs-meta-pill {
        width: 100%;
    }

    .eg-checkout-card {
        padding: 20px 14px;
    }

    .eg-qty-stepper-btn {
        width: 32px;
        height: 32px;
    }

    .eg-section-badge,
    .eg-section-tag,
    .eg-industry-card-lg .eg-section-badge,
    .eg-industries-transform .eg-section-badge,
    .eg-business-challenges .eg-section-badge,
    .eg-contact-hero-content .eg-section-badge,
    .eg-section-heading span,
    .eg-why-content .eg-section-badge,
    .eg-hero-tag,
    .eg-portfolio-page-badge,
    .eg-catalogue-badge {
        display: inline-block !important;
        width: fit-content !important;
        max-width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-wrap: balance !important;
        text-align: center !important;
        padding: 10px 22px !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        letter-spacing: 0.8px !important;
        line-height: 1.5 !important;
        height: auto !important;
        min-height: 40px !important;
        margin-bottom: 15px !important;
        border-radius: 999px !important;
        box-sizing: border-box !important;
    }

    .eg-section-badge i,
    .eg-section-tag i,
    .eg-hero-tag i,
    .eg-catalogue-badge i {
        margin-right: 6px !important;
        vertical-align: middle !important;
    }

    .eg-catalogue-search-box input {
        height: 46px !important;
        min-height: 46px !important;
        font-size: 13.5px !important;
        padding: 0 40px 0 42px !important;
    }

    .eg-search-icon,
    .eg-catalogue-search-box .eg-search-icon,
    .eg-search-input-group .eg-search-icon {
        left: 14px !important;
        font-size: 14px !important;
    }

    .eg-search-clear-btn,
    .eg-catalogue-search-box .eg-search-clear-btn,
    .eg-search-input-group .eg-search-clear-btn {
        right: 10px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 11px !important;
    }

    .eg-btn-see-live-overlay {
        bottom: 14px !important;
        right: 14px !important;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .eg-btn-see-live-overlay span {
        font-size: 12px !important;
    }

    .eg-btn-see-live-overlay i {
        font-size: 10.5px !important;
    }
}