@media (max-width:1399px) {

    .ep-conatct-sefty .ep-sf-tag {

        grid-template-columns: 1.3fr 1fr;

    }

}



@media (max-width:1299px) {

    .ep-c-img-content {

        max-width: 350px;

    }



    .ep-hero-top-bottom .ep-h-left span {

        font-size: 60px;

    }



    h1 {

        font-size: 60px;

    }



    .ep-sw-card span {

        font-size: 54px;

    }



    .ep-cta-wrapper h2 {

        font-size: 54px;

    }



    .ep-service-card-text p {

        font-size: 15px;

    }



    .ep-commit-single-card {

        padding: 30px;

    }



    .ep-tbl tbody td {

        padding: 14px 30px;

    }



    .ep-tbl thead th {

        padding: 28px;

    }

}







@media (max-width: 1100px) and (min-width: 768px) {

    .ep-tbl thead th {

        font-size: 15px;

        padding: 20px 20px;

    }



    .ep-tbl tbody td {

        padding: 14px 20px;

    }



    .ep-tbl tbody td.ep-desc {

        padding-left: 24px;

    }



    .ep-tbl tbody td h4 {

        font-size: 15px;

    }



    .ep-tbl tbody td p {

        font-size: 13px;

    }



    .ep-tbl .ep-val {

        font-size: 18px;

    }



    .ep-tbl .ep-status-done {

        font-size: 16px;

    }



    .ep-tbl-title h2 {

        font-size: 32px;

    }



    .ep-major-tbl thead th:nth-child(2),

    .ep-done-tbl thead th:nth-child(2),

    .ep-current-tbl thead th:nth-child(2) {

        padding-left: 24px;

    }

}



@media (max-width:1199px) {

    .ep-c-img-wrapper {

        row-gap: 30px;

    }



    .ep-c-img-content {

        max-width: 100%;

    }



    .ep-c-img-content p {

        text-align: left;

    }



    .ep-c-img-content p br {

        display: none;

    }



    .ep-c-img {

        max-width: 100%;

    }



    .company-v2 .ep-title-right h2 br {

        display: none;

    }



    .ep-ci-content-wrapper {

        gap: 50px;

    }



    .ep-ci-content-right {

        gap: 30px;

    }



    .ep-ci-title-wrapper {

        grid-template-columns: 1fr;

        gap: 0;

    }



    .ep-why-card-wrapper {

        gap: 30px;

        margin-top: 60px;

    }



    .ep-ci-section {

        padding-top: 0;

    }



    .our-service-cards {

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

    }



    .ep-sf-title h2 br {

        display: none;

    }



    .ep-sf-right img {

        height: 100%;

        object-fit: cover;

    }



    .ep-sf-left {

        padding-bottom: 50px;

    }



    .ep-about-right-sm-img {

        height: 230px;

    }



    .ep-about-sec-wrapper {

        grid-template-columns: 1fr 1.5fr;

    }



    .ep-commit-single-card {

        padding: 24px;

    }



    .ep-commit-card-wrapper {

        gap: 20px;

    }



    .ep-conatct-sefty .ep-sf-tag {

        grid-template-columns: 1fr;

        gap: 12px;

    }



    .ep-conatct-sefty .ep-sf-tag .ep-sf-tag-card:nth-child(3) {

        grid-column: auto;

    }



    .ep-single-card-approch {

        max-width: 32%;

    }

}



@media (max-width:1080px) {

    .ep-single-card-approch {

        max-width: 48%;

        width: 100%;

    }



    .ep-nav-links .ep-links{

        gap: 5px;

    }

}







@media (max-width:991px) {

    .ep-nav-links {

        display: none;

    }



    .ep-hero-top-bottom .ep-h-right h1 br {

        display: none;

    }



    .ep-title-wrapper {

        grid-template-columns: 1fr;

        align-items: start;

    }



    .ep-title-right {

        align-items: start;

    }



    .ep-title-right h2 {

        text-align: start;

        margin-bottom: 0;

    }



    .ep-title-left {

        order: 2;

    }



    .ep-c-img-wrapper {

        margin-top: 30px;

    }



    .ep-tag {

        margin-bottom: 16px;

    }



    .company {

        padding: 70px 0;

    }



    .ep-privacy-policy-section {

        padding: 70px 0;

    }



    .company-v2 .ep-title-left {

        text-align: start;

    }



    .ep-ci-content-wrapper {

        grid-template-columns: 1fr;

    }



    .ep-ci-content-right {

        gap: 18px;

    }



    .ep-ci-section {

        padding-bottom: 70px;

    }



    .ep-vm-wrapper .ep-vm-card {

        gap: 30px;

    }



    .ep-vm-wrapper .ep-vm-card {

        padding-top: 70px;

        padding-bottom: 70px;

    }



    .ep-why-card {

        width: 283px;

        padding: 23px;

    }



    .ep-why-wrapper {

        padding: 60px 40px;

    }



    .ep-sw-card span {

        font-size: 42px;

    }



    .ep-sw-card {

        padding: 14px;

    }



    .ep-sw-section {

        padding-bottom: 70px;

    }



    .custom-padding {

        padding: 70px 0;

    }



    .ep-cta-wrapper h2 {

        font-size: 42px;

    }



    .ep-sf-wrapper {

        grid-template-columns: 1fr;

    }



    .ep-sf-tag {

        margin-top: 20px;

        justify-content: space-between;

        gap: 30px;

    }



    .ep-sf-left {

        padding-bottom: 0;

    }



    .ep-footer-wrapper {

        grid-template-columns: 1fr 1fr;

        row-gap: 50px;

    }



    .ep-approch-sec-wrapper {

        margin-top: 50px;

    }



    .what-we-do .ep-title-wrapper .ep-title-left p {

        text-align: start;

    }



    .what-we-do .ep-title-wrapper .ep-title-left p br {

        display: none;

    }



    .ep-about-sec-wrapper {

        grid-template-columns: 1fr;

    }



    .ep-about-section {

        padding: 70px 0;

    }



    .ep-carrer-section .ep-about-sec-wrapper {

        grid-template-columns: 1fr;

    }



    .ep-ser .ep-about-right-sm-img {

        max-width: 100%;

        height: 200px;

    }



    .ep-bus {

        padding-top: 70px;

    }



    .ep-commit-card-wrapper {

        grid-template-columns: 1fr 1fr;

    }



    .ep-g-wrapper .ep-g-card {

        height: 220px;

    }



    .ep-g-wrapper {

        gap: 16px;

    }



    .ep-loc-tbl tbody td:nth-child(3),

    .ep-loc-tbl tbody td:nth-child(4),

    .ep-loc-tbl tbody td:nth-child(5) {

        font-size: 16px;

    }



    .ep-current-tbl tbody td:nth-child(4) {

        padding-left: 30px;

        padding-right: 20px;

    }



    .ep-table-section {

        padding: 70px 0 0;

    }



    .ep-policy-content-wrapper {

        gap: 50px;

    }





    .ep-tc-title h1 {

        font-size: 36px;

        margin-bottom: 40px;

    }



    .ep-tc-main-content h2{

        font-size: 30px;

    }



    .tc-main-top-padding {

        padding-top: 150px;

        padding-bottom: 70px;

    }



    .ep-career-commit-sec {

    padding-bottom: 70px;

}



}



@media (max-width:767px) {
    .leader-slider-nav{
        justify-content: center;
    }
    .ep-h-right .ep-hero-top-content{
        justify-content: start;
    }



        .ep-career-commit-sec {

    padding-bottom: 60px;

}



    .tc-main-top-padding {

        padding-top: 140px;

        padding-bottom: 60px;

    }



    .ep-policy-content-wrapper {

        gap: 32px;

    }



    .ep-privacy-policy-section {

        padding: 60px 0;

    }



    .ep-error-page .error-text h1 {

        font-size: 100px;

    }



    .ep-hero-wrapper {

        min-height: 550px;

    }



    .ep-hero-top-bottom {

        flex-direction: column;

        align-items: start;

        justify-content: start;

        gap: 20px;

    }



    .ep-hero-top-bottom .ep-h-right h1 br {

        display: none;

    }



    .ep-hero-top-bottom .ep-h-right h1 {

        text-align: start;

        margin-bottom: 0;

    }



    .ep-hero-wrapper {

        padding: 50px 30px;

    }



    h1 {

        font-size: 42px;

    }



    .ep-hero-top-bottom .ep-h-left span {

        font-size: 42px;

    }



    .ep-hero-top-bottom .ep-h-left .ep-thumb img {

        width: 40px;

    }



    .ep-c-img {

        grid-template-columns: 1fr;

    }



    .ep-title-wrapper {

        gap: 14px;

    }



    h2 {

        font-size: 36px;

    }



    .ep-c-img-wrapper {

        margin-top: 24px;

    }



    .company {

        padding: 60px 0;

    }



    .ep-ci-content-wrapper {

        margin-top: 24px;

        gap: 30px;

    }



    .ep-ci-section {

        padding-bottom: 60px;

    }



    .ep-vm-wrapper {

        grid-template-columns: 1fr;

    }



    .ep-vm-wrapper .ep-vm-card {

        padding-bottom: 60px;

        padding-top: 60px;

    }



    .ep-why-card {

        max-width: 100%;

        width: 100%;

    }



    .ep-sw-number-wrapper {

        grid-template-columns: 1fr 1fr;

    }



    .ep-sw-card {

        border: 0;

    }



    .ep-sw-number-wrapper {

        margin-top: 0;

    }



    .ep-sw-section {

        padding-bottom: 60px;

    }



    .ep-our-services-section {

        padding: 60px 0;

    }



    .our-service-cards {

        grid-template-columns: 1fr 1fr;

    }



    .ep-cta-wrapper h2 br {

        display: none;

    }



    .ep-cta-wrapper {

        padding: 60px;

    }



    .ep-sf-wrapper {

        gap: 40px;

    }



    .custom-padding {

        padding: 60px 0;

    }



    .our-service-cards {

        margin-top: 30px;

    }



    .ep-leader-slider {

        margin-top: 30px;

    }



    .ep-approch-sec-wrapper {

        margin-top: 30px;

    }



    .ep-about-top-title-content h2 br {

        display: none;

    }



    .ep-about-left-content {

        gap: 30px;

    }



    .ep-i-hero-card .ep-hero-card-bottom p {

        max-width: 100%;

        text-align: start;

    }



    .ep-i-hero-card .ep-hero-card-bottom {

        gap: 14px;

    }



    .ep-i-hero-card .ep-hero-card-bottom .ep-hero-i-img {

        max-width: 100%;

        height: 180px;

    }



    .ep-i-hero-card h1 {

        margin-bottom: 30px;

    }



    .ep-i-hero-card {

        padding: 30px 20px;

    }



    .ep-tag {

        margin-bottom: 12px;

    }



    .ep-about-section {

        padding: 60px 0;

    }



    .ep-our-services-section h2 {

        margin-bottom: 0;

    }



    .section-top-text-title {

        gap: 12px;

    }



    .ep-l-title br {

        display: none;

    }



    .ep-ser .ep-about-sec-content {

        gap: 24px;

    }



    .ep-bus {

        padding-top: 60px;

    }



    .ep-bus .ep-vm-wrapper {

        margin-top: 0;

    }



    .ep-commit-card-wrapper {

        grid-template-columns: 1fr;

        gap: 14px;

    }



    .policy {

        padding-bottom: 20px !important;

    }



    .ep-i-career .ep-hero-right-content {

        justify-content: center;

        align-items: start;

        gap: 10px;

    }



    .ep-i-hero-card h1 br {

        display: none;

    }



    .ep-commit-sec-title {

        gap: 12px;

    }



    .ep-commit-card-wrapper {

        margin-top: 30px;

    }



    .ep-g-wrapper .ep-g-card {

        height: 200px;

    }



    .ep-g-wrapper {

        gap: 10px;

    }











    .container {

        padding: 0 16px;

    }



    .ep-tbl-title h2 {

        font-size: 26px;

    }



    .ep-table-section {

        padding: 60px 0 0;

    }



    .ep-location-section {

        padding-bottom: 50px;

    }



    /* Hide desktop table, show cards */

    .ep-tbl-wrap {

        display: none;

    }



    .ep-mobile-cards {

        display: flex !important;

        flex-direction: column;

        gap: 10px;

    }



    /* ── shared mobile card ── */

    .ep-m-card {

        border: 1px solid transparent;

        background:

            linear-gradient(#fff, #fff) padding-box,

            var(--gradient) border-box;

        /* border-radius: 10px; */

        padding: 14px 16px;

    }



    /* ── Table 1 mobile ── */

    .ep-m-major .ep-m-header {

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        margin-bottom: 6px;

    }



    .ep-m-major .ep-m-num {

        font-size: 11px;

        font-weight: 700;

        color: var(--text-muted);

        white-space: nowrap;

    }



    .ep-m-major .ep-m-val {

        font-size: 16px;

        font-weight: 700;

        background: var(--gradient);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-clip: text;

    }



    .ep-m-major .ep-m-title {

        font-size: 16px;

        font-weight: 700;

        color: var(--text-dark);

        margin-bottom: 3px;

        line-height: 1.35;

    }



    .ep-m-major .ep-m-desc {

        font-size: 12px;

        color: var(--text-muted);

        line-height: 1.4;

    }



    /* ── Table 2 mobile ── */

    .ep-m-current .ep-m-top {

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        gap: 10px;

        margin-bottom: 10px;

    }



    .ep-m-current .ep-m-left {

        flex: 1;

    }



    .ep-m-current .ep-m-project-title {

        font-size: 16px;

        font-weight: 700;

        color: var(--text-dark);

        margin-bottom: 3px;

        line-height: 1.35;

    }



    .ep-m-current .ep-m-client {

        font-size: 12px;

        color: var(--text-muted);

    }



    .ep-m-current .ep-m-right {

        text-align: right;

        flex-shrink: 0;

    }



    .ep-m-current .ep-m-contract {

        font-size: 16px;

        font-weight: 700;

        background: var(--gradient);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-clip: text;

        white-space: nowrap;

    }



    .ep-m-current .ep-m-num-badge {

        font-size: 11px;

        color: var(--text-muted);

        display: inline-block;

        margin-bottom: 4px;

    }



    .ep-m-prog-row {

        display: flex;

        align-items: center;

        gap: 10px;

    }



    .ep-m-prog-track {

        flex: 1;

        height: 8px;

        border-radius: 50px;

        background: var(--bg-light);

        overflow: hidden;

    }



    .ep-m-prog-fill {

        height: 100%;

        border-radius: 50px;

        background: var(--gradient);

    }



    .ep-m-prog-pct {

        font-size: 11px;

        font-weight: 700;

        color: var(--text-muted);

        white-space: nowrap;

        min-width: 32px;

        text-align: right;

    }



    /* ── Table 3 mobile ── */

    .ep-m-done {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

    }



    .ep-m-done .ep-m-done-left {

        flex: 1;

    }



    .ep-m-done .ep-m-done-title {

        font-size: 16px;

        font-weight: 700;

        color: var(--text-dark);

        margin-bottom: 2px;

        line-height: 1.35;

    }



    .ep-m-done .ep-m-done-desc {

        font-size: 12px;

        color: var(--text-muted);

    }



    .ep-m-done .ep-m-done-right {

        text-align: right;

        flex-shrink: 0;

    }



    .ep-m-done .ep-m-done-val {

        font-size: 16px;

        font-weight: 700;

        background: var(--gradient);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-clip: text;

        white-space: nowrap;

        margin-bottom: 5px;

    }



    .ep-m-done-pill {

        display: inline-block;

        font-size: 16px;

        font-weight: 600;

        white-space: nowrap;

        background: linear-gradient(96deg, #2f6bffd6 10%, #6a5bff 43%, #9C4DFF 32%);

        background-clip: text;

        -webkit-background-clip: text;

        color: transparent;

        -webkit-text-fill-color: transparent;

    }



    /* ── Table 4 mobile ── */

    .ep-m-loc .ep-m-loc-head {

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        margin-bottom: 10px;

    }



    .ep-m-loc .ep-m-loc-name {

        font-size: 16px;

        font-weight: 700;

        color: var(--text-dark);

        margin-bottom: 2px;

    }



    .ep-m-loc .ep-m-loc-state {

        font-size: 12px;

        color: var(--text-muted);

    }



    .ep-m-loc .ep-m-loc-validity {

        font-size: 14px;

        font-weight: 600;

        white-space: nowrap;

    }



    .ep-m-loc-divider {

        height: 1px;

        background: linear-gradient(90deg, #2F6BFF22, #E14D9A22);

        margin-bottom: 10px;

    }



    .ep-m-loc-grid {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr;

        gap: 6px 8px;

    }



    .ep-m-loc-item-label {

        font-size: 11px;

        color: var(--text-muted);

        text-transform: uppercase;

        letter-spacing: 0.04em;

        margin-bottom: 2px;

    }



    .ep-m-loc-item-val {

        font-size: 14px;

        font-weight: 700;

        color: var(--text-dark);

    }



    /* serial num on done rows */

    .ep-m-done .ep-m-done-num {

        font-size: 11px;

        color: var(--text-muted);

        font-weight: 500;

        margin-bottom: 4px;

    }

}



@media (min-width: 768px) {

    .ep-mobile-cards {

        display: none;

    }

}



@media (max-width:575px) {



            .ep-career-commit-sec {

    padding-bottom: 50px;

}



    .tc-main-top-padding {

        padding-top: 120px;

        padding-bottom: 50px;

    }



    .ep-tc-border {

        margin: 20px 0;

    }



    .ep-tc-main-content ul {

        gap: 4px;

        margin: 16px 0;

    }





    .ep-tc-main-content h2{

        font-size: 28px;

    }

    .ep-tc-main-content h3{

        font-size: 24px;

    }

    .ep-tc-title h1 {

        font-size: 32px;

        margin-bottom: 30px;

    }



    .ep-policy-content-wrapper {

        gap: 24px;

    }



    .ep-privacy-policy-section {

        padding: 50px 0;

    }



    .ep-i-hero .container {

        padding: 0;

    }



    .main-top-padding {

        padding-top: 0;

    }



    .ep-table-section {

        padding: 50px 0 0;

    }



    .ep-tbl-title {

        margin-bottom: 30px;

    }



    .ep-commit-card-wrapper {

        margin-top: 24px;

    }



    .ep-why-card-wrapper {

        margin-top: 20px;

    }



    .ep-why-card-wrapper {

        gap: 14px;

    }



    .ep-why-title-wrapper h2 br {

        display: none;

    }



    .ep-why-wrapper {

        padding: 40px 20px;

    }



    .custom-padding {

        padding: 50px 0;

    }



    .ep-sw-section {

        padding-bottom: 50px;

    }



    .section-title {

        gap: 10px;

    }



    .ep-our-services-section {

        padding: 50px 0;

    }



    .our-service-cards {

        gap: 12px;

    }



    .our-service-cards {

        margin-top: 24px;

    }



    .ep-vm-wrapper .ep-vm-card {

        gap: 20px;

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .ep-ci-section {

        padding-bottom: 50px;

    }



    .ep-ci-content-right {

        gap: 12px;

    }



    .company {

        padding: 50px 0;

    }



    .ep-c-img {

        gap: 14px;

    }



    .ep-title-right h2 br {

        display: none;

    }



    .ep-hero-wrapper {

        padding: 40px 20px;

    }



    .ep-c-img-content p br {

        display: none;

    }



    .company-v2 .ep-title-left p br {

        display: none;

    }



    .ep-title-left p br {

        display: none;

    }



    .ep-footer-wrapper {

        grid-template-columns: 1fr;

        gap: 40px;

    }



    h1 {

        font-size: 34px;

    }



    h2 {

        font-size: 30px;

    }



    .ep-ci-t-right h2 br {

        display: none;

    }



    .ep-sw-card span {

        font-size: 34px;

    }



    .ep-sw-card p {

        font-size: 16px;

        margin-bottom: 0;

    }



    .ep-cta-wrapper h2 {

        font-size: 34px;

    }



    .ep-cta-wrapper p {

        font-size: 16px;

    }



    .ep-cta-wrapper {

        padding: 50px 20px;

    }



    .ep-sf-left .ep-sf-title p br {

        display: none;

    }



    .ep-title-right h2 br {

        display: none;

    }



    .ep-c-img-content p:last-child {

        margin-bottom: 0;

    }



    .ep-l-card {

        height: 450px;

    }



    h2 br {

        display: none;

    }



    .ep-single-card-approch {

        max-width: 100%;

        gap: 24px;

    }



    .ep-approch-sec-wrapper {

        gap: 14px;

    }



    .what-we-do .ep-c-img .ep-img-card {

        height: 380px;

    }



    .ep-about-sec-content-detail {

        grid-template-columns: 1fr;

    }



    .ep-about-left-content {

        order: 2;

    }



    .ep-about-left-content p {

        max-width: 100%;

    }



    .ep-i-hero-wrapper {

        padding-bottom: 12px;

        padding-left: 12px;

        padding-right: 12px;

    }



    .ep-i-hero-card {

        padding: 30px 12px;

    }



    .ep-about-sec-wrapper {

        gap: 30px;

    }



    .ep-about-section {

        padding: 50px 0;

    }



    .ep-sf-tag .ep-sf-tag-card span {

        font-size: 16px;

        line-height: normal;

    }



    .ep-c-img .ep-img-card span p {

        font-size: 14px;

    }



    .ep-c-img .ep-img-card span {

        padding: 6px 14px;

    }



    .ep-hero-top-bottom .ep-h-left .ep-thumb img:nth-child(2) {

        transform: translateX(-16px);

    }



    .ep-hero-top-bottom .ep-h-left .ep-thumb img:nth-child(3) {

        transform: translateX(-36px);

    }



    .ep-bus {

        padding-top: 50px;

        padding-bottom: 20px;

    }



    .ep-bus .ep-vm-wrapper .ep-vm-card p {

        margin-bottom: 10px !important;

    }



    .ep-i-career .ep-tag {

        flex-direction: column;

        align-items: start;

        justify-content: start;

    }



    .ep-i-career .ep-tag .ep-send-r {

        text-align: start;

    }



    .ep-g-wrapper {

        grid-template-columns: 1fr 1fr;

    }



    .ep-btn-white a {

        padding: 12px 14px;

    }



    .ep-mob-drawer {

        width: 100%;

        border-radius: 0;

    }

}







@media (max-width:475px) {



    .ep-error-page .error-text h1 {

        font-size: 80px;

    }



    .ep-conatct-sefty .ep-sf-tag .ep-sf-tag-card .ep-sf-meta p br {

        display: none;

    }



    .our-service-cards {

        grid-template-columns: 1fr;

    }



    .ep-single-card {

        height: 300px;

    }



    .ep-service-card-text {

        width: -webkit-fill-available;

    }



    .ep-cta-wrapper {

        padding: 50px 0;

    }



    .ep-sf-tag .ep-sf-tag-card span {

        text-align: center;

    }



    .ep-sf-tag {

        gap: 20px;

    }



    .ep-btn a {

        padding: 12px 14px;

    }



    .logo a {

        font-size: 24px;

    }



    .ep-header-wrapper {

        margin: 14px 0;

    }



    .ep-c-img-wrapper {

        row-gap: 24px;

    }



    .ep-title-left p:last-child {

        margin-bottom: 0;

    }



    .ep-ci-content-right .ep-ci-c-card {

        gap: 15px;

    }



    .ep-ci-content-right .ep-ci-c-card .ep-card-c-title h4 {

        font-size: 18px;

    }

}



@media (max-width:375px) {

    .ep-conatct-sefty .ep-sf-tag .ep-sf-tag-card {

        flex-direction: column;

    }

}