@font-face {
    font-family: 'Poppins', sans-serif;
    src: url("../fonts/squadaone-regular-webfont.woff2") format("woff2");
    src: url("../fonts/squadaone-regular-webfont.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "proxima-nova", sans-serif;
    src: url("../fonts/helvetica/helvetica-webfont.woff2") format("woff2");
    src: url("../fonts/helvetica/helvetica-webfont.woff") format("woff");
    font-display: swap;
}

html,
body {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 4.5rem;
}

h2 {
    font-size: 3.8rem;
}

h3 {
    font-size: 2.5rem;
}

h4 {
    font-size: 2rem;
}

h5 {
    font-size: 1.5rem;
}

h6 {
    font-size: 1rem;
}

p,
span,
a,
li,
input,
textarea {
    font-family: "proxima-nova", sans-serif;
}

hr {
    background-color: rgb(116 116 116);
}

    a:hover {
        cursor: pointer;
    }

    input.form-control, textarea.form-control {
        font-size: 15px;
    }

.modal-content, .modal-content .modal-body {
    border-radius: 20px;
}

.zenesys-logo {
    max-width: 185px;
}

.custom-spacing {
    margin-bottom: 50px;
}

.btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    text-decoration: none;
    line-height: 1 !important;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 0px;
}

    .btn .Primary--btn {
        background-color: #D3151F;
        color: #ffffff;
        height: 55px;
        text-align: center;
        border: none;
    }

        .btn .Primary--btn:hover {
            box-shadow: 0px 12px 22px -2px rgba(211, 21, 31, 0.37);
            transition: 1s;
        }

    .btn .Primary--btn--cta {
        border: 1px solid #282828;
        background: #282828;
        background-color: #282828;
        color: #ffffff;
        box-shadow: 0px 12px 22px -2px rgba(0, 0, 0, 0.37);
        position: absolute;
        bottom: 20px;
        font-size: 1.5rem !important;
        margin-left: 20px;
    }

        .btn .Primary--btn--cta:hover {
            background-color: #D3151F;
            color: #ffffff;
            box-shadow: 0px 12px 22px -2px rgba(211, 21, 31, 0.37);
            border: none;
        }

    .btn .Primary--btn--xl {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        width: 285px;
    }

    .btn .Primary--btn--md {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        min-width: 180px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
    }

        .btn .Primary--btn--md:hover {
            background-color: #fd1824;
            box-shadow: 0px 12px 22px -2px rgba(211, 21, 31, 0.37);
        }

    .btn .Primary--btn--xs {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.25rem;
        line-height: 1.6;
        width: 110px;
        height: 54px;
    }

    .btn .Primary--btn--round {
        border-radius: 50%;
        width: 84px;
        height: 84px;
    }

        .btn .Primary--btn--round .btn--icon {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .btn .Primary--btn--round--sm {
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

    .btn .Primary--btn--lg--round {
        min-width: 155px;
        height: 36px;
        border-radius: 27px;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .btn .Secondary--btn {
        background-color: #212121;
        color: #ffffff;
        height: 55px;
        text-align: center;
        border: none;
    }

        .btn .Secondary--btn:hover {
            box-shadow: 0px 12px 22px -2px rgba(0, 0, 0, 0.25);
            transition: 1s;
        }

    .btn .Secondary--btn--xl {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        width: 285px;
    }

    .btn .Secondary--btn--md {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.25rem;
        line-height: 1.6;
        width: 227px;
    }

    .btn .Secondary--btn--xs {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.25rem;
        line-height: 1.6;
        width: 173px;
    }

    .btn .Secondary--btn--round {
        border-radius: 50%;
        width: 84px;
        height: 84px;
    }

        .btn .Secondary--btn--round .btn--icon {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .btn .Secondary--btn--lg--round {
        width: 155px;
        height: 36px;
        border-radius: 27px;
    }

#Card--video--wrapper {
    margin-top: 150px;
}

    #Card--video--wrapper .Card--video--banner--home {
        height: 839px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }

        #Card--video--wrapper .Card--video--banner--home .container {
            position: absolute;
            top: 40%;
            left: 15%;
        }

@media (max-width: 767px) {
    #Card--video--wrapper .Card--video--banner--home .container {
        top: 40%;
        left: 0%;
        right: 0%;
    }
}

#Card--video--wrapper .Card--video--banner--home h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 5rem;
}

#Card--video--wrapper .Card--video--banner--home video {
    object-fit: cover;
    width: 100%;
    height: 839px;
}

@media (max-width: 767px) {
    #Card--video--wrapper .Card--video--banner--home video {
        width: 100%;
        height: 100%;
    }
}

#Card--video--wrapper .Card--video--banner--home .btn {
    position: absolute;
    top: 30px;
    right: 75px;
}

@media (max-width: 767px) {
    #Card--video--wrapper .Card--video--banner--home .btn {
        top: 0;
        right: 0;
        left: 0;
    }
}

#Card--video--wrapper .Card--md--video video {
    border: 1px solid #ebebeb;
}

#Card--video--wrapper .Card--md--video .btn {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}

#Card--video--wrapper .Card--md--video #videoContent .btn--icon img {
    width: 24px;
    height: 28px;
}

@media (max-width: 767px) {
    #Card--video--wrapper .Card--video--banner--home {
        width: 100%;
        height: 100%;
    }

    #Card--video--wrapper #videoContent h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        text-align: center;
    }
}

.Card--lg--awards--w h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
}

@media (max-width: 992px) {
    .Card--lg--awards--w h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
    }
}

.Card--lg--awards--w p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

@media (max-width: 992px) {
    .Card--lg--awards--w p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
    }
}

.Card--lg--awards--w .card-body {
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

@media (max-width: 992px) {
    .Card--lg--awards--w .card-body {
        padding: 2rem 2rem;
    }

        .Card--lg--awards--w .card-body button {
            width: 180px;
        }
}

.Card--lg--awards--w img {
    max-width: 250px;
    padding: 20px;
}
/*.Card--lg--awards--w img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .Card--lg--awards--w img:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: 0.5s;
    }*/
.Card--lg--awards .card-body {
    padding: 2rem 3rem;
}

@media (max-width: 992px) {
    .Card--lg--awards .card-body {
        padding: 2rem 2rem;
    }
}

.Card--lg--awards p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

@media (max-width: 992px) {
    .Card--lg--awards p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
    }
}

.Card--lg--awards img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .Card--lg--awards img:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: 0.5s;
    }

.Card--lg--client {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /*    width: 315px;*/
    height: 132px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}

@media (max-width: 767px) {
    .Card--lg--client {
        width: 100%;
        height: 100%;
    }
}

.Card--lg--client img {
    width: 230px;
}

@media (max-width: 767px) {
    .Card--lg--client img {
        width: 100%;
        padding: 15px;
    }
}

/*.Card--lg--client img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .Card--lg--client img:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: 0.5s;
    }*/

.Card--lg--video--testimonial .card {
    border: none;
}

    .Card--lg--video--testimonial .card .card-body {
        padding: 0px;
    }


/*.Card--lg--video--testimonial .card-body {
    padding: 24px;
    background-color: #212121;
    color: #ffffff;
}
*/
.Card--lg--video--testimonial .card-body h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.Card--lg--video--testimonial .card-body h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.Card--lg--video--testimonial .card-body p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
}

.carousel-control-prev-icon {
    background-image: url(/imgs/chevron-l.svg);
}

.carousel-control-next-icon {
    background-image: url(/imgs/chevron-r.svg);
}

/*    .Card--lg--video--testimonial .card-body img {
        width: 175px;
        background-color: #ffffff;
        border-radius: 10rem;
        margin-top: 30px;
        margin-bottom: 30px;
    }*/

.Card--lg--video--testimonial .card-body .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 180px;
}

.casestudy--indicators .carousel-control-next, .casestudy--indicators .carousel-control-prev {
    top: unset;
    opacity: 1;
    width: 35px;
    height: 35px;
}

.casestudy--indicators .carousel-control-prev-icon {
    background-image: url('/imgs/chevron-left.svg');
    width: 35px;
    height: 35px;
}

.casestudy--indicators .carousel-control-next-icon {
    background-image: url('/imgs/chevron-right.svg');
    width: 35px;
    height: 35px;
}

/* .carousel-control-prev {
    left: -25px;
} */

.casestudy--indicators .carousel-control-next {
    left: 60px;
}

.Card--lg--testimonial .card .card-body .carousel {
    position: unset;
}

    .Card--lg--testimonial .card .card-body .carousel .carousel-indicators {
        display: none;
    }

.Card--lg--testimonial .card {
    border: none;
}

.Card--lg--testimonial .card-body {
    padding: 2rem 5rem;
}

    .Card--lg--testimonial .card-body .carousel-indicators {
        bottom: 30px;
    }

        .Card--lg--testimonial .card-body .carousel-indicators [data-bs-target] {
            background-color: #282828;
        }

            .Card--lg--testimonial .card-body .carousel-indicators [data-bs-target].active {
                background-color: #D3151F;
            }

    .Card--lg--testimonial .card-body .carousel-inner .carousel-item img {
        width: 175px;
    }

    .Card--lg--testimonial .card-body .carousel-inner {
        min-height: 500px;
    }

        .Card--lg--testimonial .card-body .carousel-inner .carousel-item p {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.8rem;
            line-height: 1.6;
            color: #282828;
            width: 85%;
            margin: auto;
        }

        .Card--lg--testimonial .card-body .carousel-inner .carousel-item h4 {
            font-family: 'Poppins', sans-serif;
            font-size: 3rem;
        }

#Video--testimonial--modal .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

    #Video--testimonial--modal .modal-dialog .modal-content {
        background-color: transparent;
    }

#Video--testimonial--modal .modal-body {
    position: relative;
    padding: 0px;
}

    #Video--testimonial--modal .modal-body .btn {
        position: absolute;
        z-index: 1;
        right: -15px;
        top: -15px;
    }

.Card--lg--blog .card {
    border-radius: 2.25rem;
}

.Card--lg--blog img {
    height: 235px;
    border-radius: 2.25rem 2.25rem 0 0;
}

.Card--lg--blog h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    color: #282828;
    line-height: 1.5;
}

.Card--lg--blog p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 2;
    color: #282828;
}

.blog-Description {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Show only 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Card--lg--blog span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #B5B5B5;
}

/*.Card--lg--blog img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.Card--lg--blog:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 0.5s;
}*/

.Card--lg--blog .card:hover {
    box-shadow: 0px 12px 22px -2px rgba(0, 0, 0, 0.25);
    transition: 1s;
}

.Card--lg--portfolio {
    height: 358px;
    padding: 0px;
}

    .Card--lg--portfolio .card {
        padding: 2.5rem;
        border: 1px solid rgba(0, 0, 0, 0.08);
        height: 310px;
    }

        .Card--lg--portfolio .card .overlay--box {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(211, 21, 31, 0.9);
            overflow: hidden;
            width: 100%;
            height: 0;
            transition: 0.5s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .Card--lg--portfolio .card .overlay--box .hover--text {
                padding: 20px;
            }

            .Card--lg--portfolio .card .overlay--box p {
                color: #ffffff;
            }

        .Card--lg--portfolio .card:hover .overlay--box {
            height: 100%;
        }

    .Card--lg--portfolio h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        text-align: center;
    }

    .Card--lg--portfolio p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
        color: #282828;
    }

    .Card--lg--portfolio img {
        width: 155px;
    }

    .Card--lg--portfolio a {
        color: #D3151F;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        text-decoration: none;
    }

        .Card--lg--portfolio a:hover {
            background-color: rgba(211, 21, 31, 0.08);
            border-radius: 10rem;
            transition: 0.5s;
        }

.Card--lg--portfolio--long {
    padding: 0px;
}

    .Card--lg--portfolio--long .card {
        padding: 2.5rem;
        border: 1px solid rgba(0, 0, 0, 0.03);
        height: 310px;
    }

    .Card--lg--portfolio--long h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        text-align: center;
    }

    .Card--lg--portfolio--long p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
        color: #282828;
    }

    .Card--lg--portfolio--long img {
        width: 155px;
    }

    .Card--lg--portfolio--long a {
        color: #D3151F;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        text-decoration: none;
    }

        .Card--lg--portfolio--long a:hover {
            background-color: rgba(211, 21, 31, 0.08);
            border-radius: 10rem;
            transition: 0.5s;
        }

.Card--lg--industries--served {
    padding: 100px 0 0 0;
    position: relative;
    clear: both;
}

    .Card--lg--industries--served:before {
        height: 500px;
    }

    .Card--lg--industries--served:before {
        content: "";
        background: #212121;
        width: 100%;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .Card--lg--industries--served h2 {
        /* font-family: 'Poppins', sans-serif;
        font-size: 4rem; */
        color: #ffffff;
    }

    .Card--lg--industries--served p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 2;
        color: #ffffff;
    }

    .Card--lg--industries--served .Card--lg--industries {
        position: relative;
        margin-bottom: 30px;
        background-color: #ffffff;
        border-radius: 1rem;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
        margin-top: 75px;
    }

    .Card--lg--industries--served .icon--container {
        width: 220px;
        height: 220px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        border: 1px solid #f3f3f3;
        border-radius: 1rem;
        transition: transform 0.2s;
        margin: 0 auto;
    }

        .Card--lg--industries--served .icon--container svg {
            fill: black;
        }

.Card--lg--industries .icon--container--link {
    /*display: inline-block;*/ /* Ensures it wraps around the div */
    text-decoration: none; /* Removes underline */
}

.Card--lg--industries--served .icon--container:hover {
    width: 220px;
    height: 220px;
    background-color: #D3151F;
    /*  -ms-transform: scale(1.5);
            -webkit-transform: scale(1.5);
            transform: scale(1.1);
            transition: ease-in .5s;*/
    border-radius: 0px;
    border-radius: 1rem;
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

/*ICON CONTAINER 1-2-3*/
.Card--lg--industries--served .icon--container-1 .icon--container:hover,
.Card--lg--industries--served .icon--container-2 .icon--container:hover,
.Card--lg--industries--served .icon--container-3 .icon--container:hover {
    transform: translateX(110px) translateY(110px) scale(2);
}

/*ICON CONTAINER 4-5-6*/
.Card--lg--industries--served .icon--container-4 .icon--container:hover,
.Card--lg--industries--served .icon--container-5 .icon--container:hover,
.Card--lg--industries--served .icon--container-6 .icon--container:hover {
    transform: translateX(-110px) translateY(110px) scale(2);
}

/*ICON CONTAINER 7-8-9*/
.Card--lg--industries--served .icon--container-7 .icon--container:hover,
.Card--lg--industries--served .icon--container-8 .icon--container:hover,
.Card--lg--industries--served .icon--container-9 .icon--container:hover {
    transform: translateX(110px) translateY(-110px) scale(2);
}

/*ICON CONTAINER 10-11-12*/
.Card--lg--industries--served .icon--container-10 .icon--container:hover,
.Card--lg--industries--served .icon--container-11 .icon--container:hover,
.Card--lg--industries--served .icon--container-12 .icon--container:hover {
    transform: translateX(-110px) translateY(-110px) scale(2);
}

.Card--lg--industries .icon--container .hover--text {
    display: none;
    opacity: 0;
    padding: 10px;
}

    .Card--lg--industries .icon--container .hover--text h4 {
        font-size: 15px;
        color: #ffffff;
    }

    .Card--lg--industries .icon--container .hover--text p {
        font-size: 8px;
        padding-top: 0px;
    }

    .Card--lg--industries .icon--container .hover--text .industry-services-list {
        font-size: 9px;
        line-height: 2;
        list-style: none;
        padding-left: 0;
    }

        .Card--lg--industries .icon--container .hover--text .industry-services-list li:before {
            content: url(/imgs/check-red.svg);
            margin-right: 10px;
            vertical-align: text-bottom;
            line-height: 0;
        }

    .Card--lg--industries .icon--container .hover--text a {
        color: #ffffff;
        text-decoration: underline;
    }

.Card--lg--industries .icon--container:hover img {
    display: none;
}

.Card--lg--industries .icon--container:hover .industry-title {
    display: none;
}

.Card--lg--industries .icon--container:hover .hover--text {
    display: block;
    opacity: 1;
}

.Card--lg--industries--served .icon--container:hover p {
    color: #ffffff;
}

.Card--lg--industries--served .icon--container:hover svg {
    fill: white;
}

.Card--lg--industries--served .icon--container p {
    color: #282828;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    padding-top: 15px;
}

@media (min-width: 920) .Card--lg--FAQ {
    border: unset;
    margin-bottom: 15px;
}

.Card--lg--FAQ .accordion-button {
    height: 60px;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    background-color: #f4f7fd;
    font-weight: bold;
}

    .Card--lg--FAQ .accordion-button:not(.collapsed) {
        color: #ffffff;
        background-color: #D3151F;
    }

.Card--lg--FAQ .accordion-body {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 30px;
}

.Card--footer {
    background-color: #ffffff;
}

    .Card--footer .Card--listing--md h4 {
        font-family: 'Poppins', sans-serif;
    }

    .Card--footer .Card--listing--md ul {
        list-style: none;
        padding-left: 0px;
    }

    .Card--footer .Card--listing--md li a {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 2.5;
        color: #282828;
        text-decoration: none;
    }

    .Card--footer .Card--listing--md p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #282828;
    }

    .Card--footer .Card--listing--md .Card--recognitions {
        width: 150px;
        height: 80px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .Card--footer .Card--listing--md input {
        height: 55px;
    }

    .Card--footer .Card--listing--md ::placeholder {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.25rem;
        line-height: 1.6;
    }

/*    .Card--footer .Card--listing--md img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

        .Card--footer .Card--listing--md img:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            transition: 0.5s;
        }*/

    .Card--footer .Card--footer--bottom ul li {
        display: inline-block;
    }

        .Card--footer .Card--footer--bottom ul li::after {
            content: '|';
            padding-left: 10px;
            padding-right: 10px;
            font-size: 15px;
        }

        .Card--footer .Card--footer--bottom ul li:last-child::after {
            display: none;
        }

.Card--lg--contact h6, .Card--lg--contact p, .Card--lg--contact span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

.Card--lg--contact h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
}

/*.Card--lg--contact img {
    width: 45px;
}*/

.Card--lg--contact .office--address {
    width: 350px;
}

.Card--lg--contact .contact--form {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .Card--lg--contact .contact--form span {
        height: 50px;
        width: 50px;
    }

    .Card--lg--contact .contact--form .input-group-text {
        justify-content: center;
    }

    .Card--lg--contact .contact--form ::placeholder {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
    }

.Card--office--details {
    padding-top: 50px;
}

/* .Card--lg--Service .tab-content {
    border: 1px solid #e7e7e7;
} */

/* .min-H-600 {
    min-height: 615px;
} */

.Card--lg--Service .tab-content .column {
    float: left;
}

.Card--lg--Service .tab-content .left {
    background-color: #f4f5f7;
    width: 100%;
    padding: 5px;
}

.Card--lg--Service .tab-content .dot {
    margin-top: 4px;
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.Card--lg--Service .tab-content .tab-pane {
    padding: 20px;
    /* background: #ffffff; */
    position: relative;
}

    .Card--lg--Service .tab-content .tab-pane h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
    }

    .Card--lg--Service .tab-content .tab-pane p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 2;
        /* line-height: 1.6; */
        color: #282828;
    }

    .Card--lg--Service .tab-content .tab-pane img {
        width: 100%;
        /*        margin-top: 30px;
        margin-bottom: 30px;*/
    }

    .Card--lg--Service .tab-content .tab-pane .Card--lg--client {
        width: 100% !important;
    }

        .Card--lg--Service .tab-content .tab-pane .Card--lg--client img {
            width: 250px;
            padding: 10px;
        }

.Card--lg--Service .nav button {
    position: relative;
    margin-bottom: 15px;
    font-family: "proxima-nova", sans-serif;
    font-size: 2.5rem;
    padding: 20px 20px 20px 20px !important;
    color: #282828;
    text-align: start;
    font-weight: bold;
    border-bottom: 1px solid #b4b4b4;
    border-radius: 0;
}

    .Card--lg--Service .nav button::after {
        content: url(/imgs/chevron-up-solid.svg);
        position: absolute;
        width: 15px;
        right: 0;
    }

    .Card--lg--Service .nav button img {
        width: 20px;
        position: relative;
        top: -2px;
        margin-right: 10px;
    }

    /*.Card--lg--Service .nav button:hover {
        background-color: #f4f5f7;
        color: #000000;
        border-radius: 12px !important;
        border: 1px solid;
        border-color: rgba(242, 243, 245, 0);
    }*/

    .Card--lg--Service .nav button.active {
        background-color: transparent;
        color: #d3151f;
        border-radius: 0px !important;
        /* border: 1px solid; */
        border-color: rgba(242, 243, 245, 0);
        border-bottom: 1px solid #d3151f;
    }

        .Card--lg--Service .nav button.active::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: '\f077';
            position: absolute;
            width: 15px;
            right: 0;    
            transform: rotate(90deg);
            transition: 0.2s ease-in;
        }

.Card--lg--content h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 6rem;
}

.Card--lg--content p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

.Card--lg--content .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 180px;
}

.Card--lg--section--openning--wrapper h2,
.Card--lg--cta--text h2, .Card--lg--industries--served h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3.8rem;
    line-height: 1.5;
}

.Card--lg--section--openning--wrapper p,
.Card--lg--cta--text p, .digital-marketing-packages .table > thead > tr > th,
.digital-marketing-packages .table > tbody > tr > td {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.Card--lg--cta--text .section-content h2,
.Card--lg--cta--text .section-content p {
    text-align: left;
}

.Card--lg--section--openning--wrapper .seprator--secondary {
    height: 7px;
    background-color: #D3151F;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 180px;
}

/*.Card--lg--cta--text spacer--margin--up h2*/

.Card--lg--number--insights {
    background-color: #212121;
}

    .Card--lg--number--insights .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .Card--lg--number--insights .container img {
            width: 160px;
        }

        .Card--lg--number--insights .container h2 {
            font-family: 'Poppins', sans-serif;
            font-size: 4rem;
            color: #ffffff;
            text-align: center;
        }

        .Card--lg--number--insights .container p {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.8rem;
            line-height: 1.6;
            color: #ffffff;
            text-align: center;
        }

            .Card--lg--number--insights .container p span {
                font-size: 3.2rem;
                font-weight: bolder;
            }

.Card--lg--CTA {
    background-image: url("../images/banners/Card-lg-CTA.webp");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .Card--lg--CTA .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 350px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .Card--lg--CTA h2 {
        font-family: 'Poppins', sans-serif;
        color: #ffffff;
        text-align: center;
        line-height: 1.8;
    }

    .Card--lg--CTA p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 2;
        color: #ffffff;
        text-align: center;
    }

.Card--lg--social--sharing h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
}

.Card--lg--social--sharing ul {
    list-style: none;
    padding-left: 0px;
    display: flex;
    justify-content: center;
}

    .Card--lg--social--sharing ul li {
        display: inline-block;
        background-color: #212121;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-right: 12px;
    }

        .Card--lg--social--sharing ul li:hover {
            background-color: #D3151F;
            transition: 0.5s;
        }

        .Card--lg--social--sharing ul li a {
            width: 80px;
            height: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .Card--lg--social--sharing ul li a img {
                width: 35px;
            }

.Card--lg--portfolio--insight .col {
    padding: 0.5px !important;
    margin: 0 !important;
}

.Card--lg--portfolio--insight .card {
    background-color: #212121;
    padding: 20px;
    height: 232px;
}

    .Card--lg--portfolio--insight .card .card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .Card--lg--portfolio--insight .card .card-body a {
            color: #D3151F;
            text-decoration: none;
        }

            .Card--lg--portfolio--insight .card .card-body a:hover {
                background-color: #ffffff;
                border-radius: 10px;
                color: #212121;
                padding: 0px 10px;
                transition: 0.5s;
            }

.Card--lg--portfolio--insight h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
    color: #ffffff;
}

.Card--lg--portfolio--insight p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #ffffff;
}

.Card--lg--portfolio--content p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

.Card--lg--portfolio--content a {
    text-decoration: none;
    color: #D3151F;
}

    .Card--lg--portfolio--content a:hover {
        background-color: rgba(211, 21, 31, 0.08);
        border-radius: 10px;
        transition: 0.5s;
    }

.Card--lg--portfolio--features .carousel-inner {
    border: 1px solid #e7e7e7;
    min-height: 700px;
    padding: 3rem;
}

.Card--lg--portfolio--features .column {
    float: left;
}

.Card--lg--portfolio--features .left {
    background-color: #f4f5f7;
    width: 100%;
    padding: 5px;
}

.Card--lg--portfolio--features .dot {
    margin-top: 4px;
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.Card--lg--portfolio--features .Card--lg--3imgRow img {
    width: 250px;
    border: 1px solid #e7e7e7;
}

.Card--lg--portfolio--features .caption--carousel p {
    width: 30px;
    height: 30px;
    background-color: #D3151F;
    text-align: center;
    border-radius: 10rem;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #ffffff;
    float: left;
    margin-right: 10px;
}

.Card--lg--portfolio--features .caption--carousel span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #212121;
}

.Card--lg--portfolio--features .carousel-indicators [data-bs-target] {
    background-color: #282828;
}

    .Card--lg--portfolio--features .carousel-indicators [data-bs-target].active {
        background-color: #D3151F;
    }

.Card--lg--dark--wrapper {
    background-color: #212121;
    padding: 2rem;
    border-left: 5px solid #D3151F;
}

    .Card--lg--dark--wrapper p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #ffffff;
    }

.Card--lg--objective {
    border: none;
}

    .Card--lg--objective h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        color: #212121;
    }

    .Card--lg--objective img {
        width: 80px;
        height: 80px;
    }

    .Card--lg--objective .card-img-top {
        width: 80px;
        height: 80px;
        background-color: #212121;
        border-radius: 10rem;
    }

        .Card--lg--objective .card-img-top .svg--icon {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 80px;
        }

    .Card--lg--objective .card-body {
        border-bottom: 5px solid #212121;
    }

.Card--lg--horizontal--timeline {
    padding-top: 50px;
}

@media (max-width: 767px) {
    .Card--lg--horizontal--timeline .Card--lg--timeline {
        border-left: 2px solid #212121;
        padding-left: 0 !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }

    .Card--lg--horizontal--timeline ol:before, .Card--lg--horizontal--timeline ol:after {
        display: none;
    }

    .Card--lg--horizontal--timeline .Card--lg--timeline li {
        float: none !important;
        width: inherit !important;
    }

        .Card--lg--horizontal--timeline .Card--lg--timeline li p {
            width: inherit;
        }
}

.Card--lg--horizontal--timeline .container ol:before {
    background: #D3151F;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: -7px;
}

.Card--lg--horizontal--timeline .container ol:after {
    background: #D3151F;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    right: 8px;
    top: -7px;
}

.Card--lg--horizontal--timeline .container .Card--lg--timeline {
    padding: 0;
    border-top: 2px solid #212121;
    list-style: none;
}

    .Card--lg--horizontal--timeline .container .Card--lg--timeline li {
        float: left;
        width: 20%;
        padding-top: 15px;
        position: relative;
    }

        .Card--lg--horizontal--timeline .container .Card--lg--timeline li p {
            width: 50px;
            height: 50px;
            margin-left: -25px;
            text-align: center;
            background: #ffffff;
            border: 4px solid #212121;
            border-radius: 10rem;
            color: #212121;
            font-family: "proxima-nova", sans-serif;
            font-size: 1.5rem;
            line-height: 1.6;
            line-height: 2.5;
            position: absolute;
            top: -25px;
            left: 50%;
        }

@media (max-width: 767px) {
    .Card--lg--horizontal--timeline .container .Card--lg--timeline li p {
        left: 0;
    }
}

@media (max-width: 767px) {
    .Card--lg--horizontal--timeline .container .Card--lg--timeline li .Card--listing--md {
        position: relative;
        top: -45px;
    }
}

.Card--lg--horizontal--timeline .container .Card--lg--timeline li .Card--listing--md ul {
    list-style: none;
    padding-top: 30px;
}

@media (max-width: 767px) {
    .Card--lg--horizontal--timeline .container .Card--lg--timeline li .Card--listing--md ul {
        padding-left: 40px;
        padding-top: 0px;
    }
}

.Card--listing--md ul img {
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 20px;
}

.Card--lg--horizontal--timeline .container .Card--lg--timeline li .Card--listing--md ul li {
    width: 100%;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
}

.Card--lg--timeframe ul,
.Card--lg--list--icon ul {
    list-style: none;
    padding-left: 0px;
}

    .Card--lg--timeframe ul li,
    .Card--lg--list--icon ul li {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #282828;
        padding-bottom: 15px;
    }

        .Card--lg--timeframe ul li span,
        .Card--lg--list--icon ul li span {
            width: 25px;
            height: 25px;
            background: #D3151F;
            display: flex;
            border-radius: 10rem;
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            font-size: 12px;
        }

        .Card--lg--list--icon ul li a {
            color: #282828;
        }

        .Card--lg--list--icon ul li span .fa-link {
            color: #ffffff;
        }

        .Card--lg--timeframe ul li img {
            width: 15px;
            height: 25px;
            vertical-align: middle;
        }

.Card--lg--hiring--modal .card {
    /* background: #f3f3f3; */
    padding: 1.5rem;
    border: none;
}

/* .Card--lg--hiring--modal .card:hover {
        background: #D3151F;
    } */

/* .Card--lg--hiring--modal .card:hover h4,
        .Card--lg--hiring--modal .card:hover p {
            color: #ffffff;
        } */

/* .Card--lg--hiring--modal .card:hover .btn .Primary--btn--lg--round {
            border: 1px solid #ffffff;
            background-color: #ffffff;
            color: #000000;
            transition: 0.5s;
        } */

.Card--lg--hiring--modal .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 180px;
}

.Card--lg--hiring--modal img {
    width: 85px;
    height: 85px;
}

.Card--lg--hiring--modal h3 {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

.Card--lg--hiring--modal p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.Card--lg--hiring--modal .card-footer {
    background-color: transparent;
    border-top: none;
}

    .Card--lg--hiring--modal .card-footer .card-link a {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 2;
        color: #D3151F;
        display: flex;
        align-items: center;
    }

    .Card--lg--hiring--modal .card-footer .card-link img {
        width: 30px;
        height: 30px;
    }

.Blog--description--wrapper p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

.Blog--description--wrapper a {
    color: #D3151F;
}

.Blog--title--lg h1 {
    font-family: 'Poppins', sans-serif;
}

.Blog--sub--title--lg h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.breadcrumb {
    list-style: none;
    margin-bottom: 0px;
}

    .breadcrumb li {
        display: inline;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
    }

        .breadcrumb li + li:before {
            padding: 8px;
            color: black;
            content: "-";
        }

    .breadcrumb a {
        color: #D3151F;
        text-decoration: none;
    }

/*.Blog--details img {
    width: 50px;
    height: 50px;
}*/

.Blog--details span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 2.6;
    color: #282828;
}

    .Blog--details span a {
        color: #D3151F;
    }

    .Blog--details span::after {
        content: "|";
        padding-left: 5px;
        padding-right: 5px;
    }

.Blog--details .Card--lg--social--sharing span {
    float: left;
    line-height: 1.7;
}

.Blog--details .Card--lg--social--sharing ul {
    justify-content: start;
}

.Blog--details .Card--lg--social--sharing li, .Blog--details .Card--lg--social--sharing a {
    width: 25px;
    height: 25px;
}

.Blog--details .Card--lg--social--sharing svg {
    width: 12px;
    height: 12px;
}

.Blog--list ul {
    list-style: none;
    padding-left: 0px;
}

    .Blog--list ul li {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        color: #282828;
        padding-bottom: 10px;
    }

        .Blog--list ul li::before {
            content: url("../icons/dark/check--icon.svg");
            margin-right: 5px;
        }

        .Blog--list ul li a {
            color: #D3151F;
        }

.Card--cloud--tags h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    float: left;
    line-height: 2;
    margin-right: 10px;
}

.Card--cloud--tags .badge {
    background-color: #EAF2F4 !important;
    padding: 8px 13px;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .Card--cloud--tags .badge a {
        color: #282828;
    }

#Card--table--content h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    padding-bottom: 10px;
}

#Card--table--content ul {
    list-style: none;
    padding-left: 0;
}

    #Card--table--content ul .nav-active a {
        color: #D3151F;
        font-weight: 500;
    }

    #Card--table--content ul li {
        padding-bottom: 10px;
    }

        #Card--table--content ul li a {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.25rem;
            line-height: 1.6;
            color: #282828;
        }

.Card--banner--wrapper {
    background-position: right !important;
    background-size: cover !important;
    background-color: #000000 !important;
}

    .Card--banner--wrapper .Card--banner--service {
        background: url("../images/banners/Banner-lg-services.webp");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 750px;
    }

        .Card--banner--wrapper .Card--banner--service .Banner--content {
            height: 700px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding-top: 100px;
        }

            .Card--banner--wrapper .Card--banner--service .Banner--content h1 {
                font-family: 'Poppins', sans-serif;
                font-size: 4.5rem;
                line-height: 1.5;
                padding-top: 20px;
            }

.career-banner-wrapper .career-banner h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 4.5rem;
    line-height: 1.5;
    padding-top: 20px;
}

.Card--banner--wrapper .Card--banner--service .Banner--content .btn {
    justify-content: flex-start;
    margin-top: 20px;
}

.Card--banner--wrapper .Card--banner--service .Banner--content .technology-list ul {
    list-style: none;
    padding-left: 0px;
    font-size: 1.8rem;
    line-height: 2.6;
    color: #282828;
    display: block;
    width: auto;
}

    .Card--banner--wrapper .Card--banner--service .Banner--content .technology-list ul li {
        width: auto;
    }

.Card--banner--wrapper .Card--banner--portfolio {
    background: url("../images/banners/Banner-lg-home (1).webp");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 650px;
}

    .Card--banner--wrapper .Card--banner--portfolio .Banner--content {
        height: 650px;
        display: flex;
        flex-direction: row;
        /*justify-content: center;*/
        align-content: center;
    }

        .Card--banner--wrapper .Card--banner--portfolio .Banner--content h1 {
            font-family: 'Poppins', sans-serif;
            line-height: 1.4;
            font-size: 5rem;
        }

.Card--banner--wrapper .Banner--content ul.Card--with--list {
    list-style: none;
    padding-left: 0;
}

    .Card--banner--wrapper .Banner--content ul.Card--with--list li {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        background-color: #ededed;
        padding: 5px;
        margin-bottom: 10px;
    }

        .Card--banner--wrapper .Banner--content ul.Card--with--list li p {
            font-family: 'Poppins', sans-serif;
            font-size: 2.5rem;
            color: #212121;
        }

        .Card--banner--wrapper .Banner--content ul.Card--with--list li span {
            display: block;
            float: left;
            margin-right: 5px;
        }

            .Card--banner--wrapper .Banner--content ul.Card--with--list li span .fa-check {
                font-size: 15px;
                line-height: 2;
            }


.Card--banner--wrapper .Card--banner--portfolio .Banner--content p, .project-details p,
.Card--banner--wrapper .Banner--content p, .career-banner-wrapper .career-banner p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.Card--banner--wrapper .Card--banner--portfolio .Banner--content a {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #d3151f;
}

.Card--banner--wrapper .Card--banner--portfolio .Banner--content h4, .project-details h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.Card--banner--wrapper .Card--banner--portfolio .Banner--content .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 180px;
}

.Card--banner--wrapper .Card--banner--portfolio .Banner--content .technology-used h4 {
    float: left;
    margin-right: 10px;
}

.Card--banner--wrapper .Card--banner--portfolio .Banner--content .technology-used ul {
    list-style: none;
}

    .Card--banner--wrapper .Card--banner--portfolio .Banner--content .technology-used ul li {
        display: inline-block;
        font-family: "proxima-nova", sans-serif;
        font-size: 2rem;
        line-height: 1.6;
        color: #282828;
    }

.project-details ul li {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
    margin-bottom: 20px;
}

.Card--banner--wrapper .Card--banner--portfolio .Banner--content .technology-used ul li:after {
    content: '|';
    padding-left: 10px;
    padding-right: 10px;
}

.Card--banner--wrapper .Card--banner--portfolio .Banner--content .technology-used ul li:last-child:after {
    display: none;
}

.Card--banner--wrapper .Card--banner--career {
    background: url("../images/banners/careers.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 650px;
}

    .Card--banner--wrapper .Card--banner--career .Banner--content {
        height: 650px;
        display: flex;
        align-items: center;
    }

        .Card--banner--wrapper .Card--banner--career .Banner--content h1 {
            font-family: 'Poppins', sans-serif;
            font-size: 6rem;
        }

@media (min-width:1300px) and (max-width:1460px) {
    .Card--banner--wrapper, .Card--banner--wrapper .Card--banner--service,
    .Card--banner--wrapper .Card--banner--service .Banner--content {
        height: 500px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .Card--portfolio--wrapper {
        height: 650px;
    }
}

.Card--background {
    background-color: #EAF2F4;
}

.Card--lg--challenges .card {
    border: none;
}

    .Card--lg--challenges .card .card-body {
        padding: 0px;
    }

.Card--lg--challenges h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
}

.Card--lg--challenges p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

.Card--lg--zenesys--solution .Card--lg--background {
    background: url("../images/banners/zenesys-solutions.webp");
    object-fit: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .Card--lg--zenesys--solution .Card--lg--background .card-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: center;
        margin: 0 auto;
        width: 650px;
        text-align: center;
    }

        .Card--lg--zenesys--solution .Card--lg--background .card-body h4 {
            font-family: 'Poppins', sans-serif;
            font-size: 6rem;
            background-color: #212121;
            padding: 10px;
            color: #ffffff;
        }

            .Card--lg--zenesys--solution .Card--lg--background .card-body h4 highlight {
                color: #D3151F;
            }

        .Card--lg--zenesys--solution .Card--lg--background .card-body h6 {
            font-family: 'Poppins', sans-serif;
            font-size: 3rem;
            color: #ffffff;
        }

.Card--lg--zenesys--solution .col:nth-child(2) .card-body {
    background-color: #212121;
}

    .Card--lg--zenesys--solution .col:nth-child(2) .card-body .container {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 650px;
        margin: inherit;
    }

    .Card--lg--zenesys--solution .col:nth-child(2) .card-body h4 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        background-color: #212121;
        padding: 10px;
        color: #ffffff;
        padding: 0;
    }

    .Card--lg--zenesys--solution .col:nth-child(2) .card-body p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #ffffff;
    }

.Card--lg--contact--wrapper h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 6rem;
}

.Card--lg--contact--wrapper p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
}

.Card--lg--contact--wrapper .Card--lg--contact .contact--form {
    padding-top: 0px;
}

.Card--lg--contact--wrapper .Card--lg--contact .Card--address--wrapper .phone--icon {
    display: inline-block;
    background-color: #212121;
    width: 40px;
    height: 40px;
    border-radius: 10rem;
    float: left;
    margin-right: 10px;
}

    .Card--lg--contact--wrapper .Card--lg--contact .Card--address--wrapper .phone--icon span {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.Card--lg--contact--wrapper .Card--lg--contact .Card--address--wrapper p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    line-height: 2;
}

.Card--lg--contact--wrapper .Card--lg--contact .Card--address--wrapper img {
    float: left;
    margin-right: 10px;
}

.Card--lg--contact--wrapper .Card--lg--contact .Card--address--wrapper .email--icon p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 0px;
}

.Card--lg--contact--wrapper .Card--lg--contact .Card--address--wrapper .email--icon a {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #D3151F;
}

.Card--authur--CTA {
    background: #212121;
}

    .Card--authur--CTA .row {
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 350px;
    }

    .Card--authur--CTA h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 6rem;
        color: #ffffff;
    }

    .Card--authur--CTA p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #ffffff;
    }

    .Card--authur--CTA h4 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        color: #ffffff;
    }

    .Card--authur--CTA ul {
        list-style: none;
        padding-left: 0px;
        margin-top: 20px;
    }

        .Card--authur--CTA ul li {
            color: #ffffff;
            font-family: "proxima-nova", sans-serif;
            font-size: 1.8rem;
            line-height: 1.6;
            padding-bottom: 5px;
        }

            .Card--authur--CTA ul li a {
                color: #ffffff;
                text-decoration: underline;
            }

    .Card--authur--CTA .profile--picture {
        width: 150px;
        height: 150px;
        background-color: #ffffff;
        border-radius: 10rem;
    }

.Card--office--details h2 {
    font-family: 'Poppins', sans-serif;
}

.Card--office--details h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    line-height: 1;
}

.Card--office--details p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
}

.Card--office--details img {
    width: 45px;
    float: left;
    margin-right: 10px;
}

.Card--office--details .card-body {
    padding: 3rem 1rem;
}

.Card--lg--results {
    background: #212121;
}

    .Card--lg--results .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .Card--lg--results img {
        width: 70px;
        height: 70px;
    }

    .Card--lg--results h4 {
        font-family: 'Poppins', sans-serif;
        font-size: 4rem;
        color: #ffffff;
        margin-top: 10px;
    }

    .Card--lg--results p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #ffffff;
    }

    .Card--lg--results hr {
        margin-top: 30px;
        margin-bottom: 30px;
        background-color: #ebebeb;
    }

.Card--lg--blog .card .card-footer {
    padding: 0rem 1rem 1.5rem;
    background-color: transparent;
    border-top: none;
}

.Card--lg--blog--listing--header {
    height: 300px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .Card--lg--blog--listing--header h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 6rem;
    }

    .Card--lg--blog--listing--header .seprator--secondary {
        height: 2px;
        background-color: #D3151F;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 180px;
    }

    .Card--lg--blog--listing--header p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #282828;
    }

    .Card--lg--blog--listing--header .search--bar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        height: 180px;
        align-items: center;
    }

        .Card--lg--blog--listing--header .search--bar .btn {
            position: absolute;
            right: 20%;
        }

        .Card--lg--blog--listing--header .search--bar input {
            border: none;
            border-bottom: 1px solid;
            width: 500px;
            height: 40px;
        }

        .Card--lg--blog--listing--header .search--bar :focus {
            border-bottom: 1px solid #D3151F;
            transition: 0.5s;
        }

        .Card--lg--blog--listing--header .search--bar :focus-visible {
            outline: none !important;
        }

        .Card--lg--blog--listing--header .search--bar ::placeholder {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.5rem;
            line-height: 1.6;
            color: #B5B5B5;
        }

.Card--lg--category--selector .nav-pills .nav-link {
    border: 1px solid #B5B5B5;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    width: 100%;
    color: #212121;
    margin-bottom: 15px;
}

    .Card--lg--category--selector .nav-pills .nav-link.active {
        background: #D3151F;
        color: #ffffff;
    }

.Card--lg--pagination nav {
    display: flex;
    justify-content: center;
}

/*.Card--lg--pagination .prev--btn a, .Card--lg--pagination .next--btn a {
    border: none;
}*/

.Card--lg--pagination .page-item a {
    width: 50px;
    height: 46px;
    line-height: 2 !important;
    text-align: center;
    color: #212121;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
}

.Card--lg--pagination .page-item.active .page-link {
    background: #D3151F;
    border: none;
}

.Card--lg--zenesys--journey .nav {
    flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    direction: rtl;
    padding-right: 0px;
    align-content: center;
    align-items: center;
    height: 120px;
    background: #212121;
}

.Card--lg--zenesys--journey .nav-pills .nav-link.active {
    background: #D3151F;
    color: #ffffff;
    border: none;
}

.Card--lg--zenesys--journey .nav-item {
    margin-right: 10px;
}

    .Card--lg--zenesys--journey .nav-item .nav-link {
        border: 1px solid #B5B5B5;
        background: #ffffff;
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        width: auto;
        color: #212121;
    }

.Card--lg--zenesys--journey .tab-pane .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 180px;
}

.Card--lg--zenesys--journey .tab-pane h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
}

.Card--lg--zenesys--journey .tab-pane p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
}

.Card--lg--zenesys--journey .tab-pane a {
    color: #D3151F;
}

.Card--lg--zenesys--values .container {
    display: table;
    justify-content: center;
}

.Card--lg--zenesys--values .card--value--container {
    width: 14%;
    float: left;
    text-align: center;
}

.Card--lg--zenesys--values h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 25rem;
    color: #D3151F;
}

.Card--lg--zenesys--values h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.Card--lg--zenesys--values p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
}

.Card--lg--zenesys--values .bottom--text {
    border-bottom: 1px solid #212121;
}

    .Card--lg--zenesys--values .bottom--text p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
    }

.Card--lg--map--hotspot {
    background: #EAF2F4;
    overflow-y: hidden;
}

    .Card--lg--map--hotspot .world--map--container {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .Card--lg--map--hotspot .lg--hotspot {
        position: absolute;
        margin: 0;
        padding: 0;
        transform: translate(-50%, -50%);
        z-index: 0;
        cursor: pointer;
    }

        .Card--lg--map--hotspot .lg--hotspot:hover .lg--hotspot--button, .Card--lg--map--hotspot .lg--hotspot:active .lg--hotspot--button {
            border-color: #D3151F;
        }

            .Card--lg--map--hotspot .lg--hotspot:hover .lg--hotspot--button:after, .Card--lg--map--hotspot .lg--hotspot:active .lg--hotspot--button:after {
                border-color: #D3151F;
            }

    .Card--lg--map--hotspot .lg--hotspot--selected {
        z-index: 999;
    }

        .Card--lg--map--hotspot .lg--hotspot--selected .lg--hotspot--label {
            opacity: 1;
        }

    .Card--lg--map--hotspot .lg--hotspot--button {
        height: 30px;
        width: 30px;
        padding: 0px;
        border-radius: 100%;
        border: 1px solid #D3151F;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        z-index: 999;
        animation: button-pulse 2s ease-in-out infinite;
    }

        .Card--lg--map--hotspot .lg--hotspot--button:after {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            pointer-events: none;
            content: "";
            display: block;
            height: 12.8px;
            width: 12.8px;
            border-radius: 100%;
            border: 3px solid white;
            background-color: #D3151F;
            transition: border-color 1s linear;
        }

    .Card--lg--map--hotspot .lg--hotspot--label {
        position: absolute;
        padding: 0 0 1.1em 0;
        width: 16em;
        max-width: 50vw;
        background-color: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        font-family: "Open Sans", sans-serif;
        font-size: 14.5px;
        line-height: 1.45em;
        z-index: -1;
        pointer-events: none;
        border-radius: 2px;
        user-select: none;
        opacity: 0;
        transition: all 0.1s linear;
    }

    .Card--lg--map--hotspot h4 {
        margin: 0;
        padding: 0.65em 10px;
        background-color: #555;
        font-size: 1.1em;
        letter-spacing: 0.02em;
        color: white;
        border-radius: 2px 2px 0 0;
    }

    .Card--lg--map--hotspot p {
        margin: 0;
        padding: 1.1em 24px 0 24px;
        color: #333;
    }

@keyframes button-pulse {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    40% {
        transform: scale(1.15, 1.15);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

.Card--lg--map--hotspot .lg--hotspot--india {
    top: 43%;
    right: 30%;
}

.Card--lg--map--hotspot .lg--hotspot--uae {
    top: 45%;
    right: 36%;
}

.Card--lg--map--hotspot .lg--hotspot--saudiarab {
    top: 40%;
    right: 42%;
}

.Card--lg--map--hotspot .lg--hotspot--australia {
    bottom: 21%;
    right: 13%;
}

.Card--lg--map--hotspot .lg--hotspot--southafrica {
    bottom: 21%;
    right: 45%;
}

.Card--lg--map--hotspot .lg--hotspot--newzeland {
    bottom: 13%;
    right: 5%;
}

.Card--lg--map--hotspot .lg--hotspot--canada {
    top: 20%;
    left: 16%;
}

.Card--lg--map--hotspot .lg--hotspot--usa {
    top: 32%;
    left: 16%;
}

.Card--lg--map--hotspot .lg--hotspot--unitedkingdom {
    top: 19%;
    left: 42.5%;
}

.Card--lg--map--hotspot .lg--hotspot--france {
    top: 27%;
    left: 41%;
}

.Card--lg--map--hotspot .lg--hotspot--germany {
    top: 25%;
    left: 46.5%;
}

.Card--lg--map--hotspot .lg--hotspot--singapore {
    bottom: 37%;
    right: 22%;
}

.Card--lg--zenesys--culture .column {
    -ms-flex: 33%;
    /* IE10 */
    flex: 33%;
    max-width: 33%;
    padding: 0 4px;
}

    .Card--lg--zenesys--culture .column img {
        margin-top: 8px;
        vertical-align: middle;
        width: 100%;
    }

.Card--lg--table--content p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

.Card--lg--table--content a {
    color: #D3151F;
}

.Card--lg--table--content h3 {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
}

.Card--lg--table--content h4 {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
}

.Card--lg--table--content img {
    margin-top: 10px;
    margin-bottom: 20px;
}

.Card--lg--table--content ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
}

    .Card--lg--table--content ul li {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #282828;
    }

        /* .Card--lg--table--content ul li::before {
            content: url("../icons/dark/check--icon.svg");
            margin-right: 5px;
        }*/

        .Card--lg--table--content ul li a {
            color: #D3151F;
        }

.Card--lg--experties .card-body {
    padding: 2rem 3rem;
}

    .Card--lg--experties .card-body h3 {
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-size: 2rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        padding-bottom: 5px;
    }

    .Card--lg--experties .card-body p {
        text-align: center;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .Card--lg--experties .card-body img {
        width: 200px;
        margin-bottom: 15PX;
        margin-top: 15PX;
        /*  -webkit-filter: grayscale(100%);
        filter: grayscale(100%);*/
    }

/*   .Card--lg--experties .card-body img:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            transition: 0.5s;
        }*/

.Card--lg--experties .card-footer {
    background-color: transparent;
    border-top: none;
    padding-bottom: 3rem;
}

    .Card--lg--experties .card-footer .btn {
        display: flex;
        justify-content: center;
    }

.Card--lg--single--testimonial .row {
    display: flex;
    justify-content: center;
}

.Card--lg--single--testimonial .card-body .carousel-indicators {
    bottom: -25px;
}

.Card--lg--blog--CTA .card {
    background-color: #D3151F;
    padding: 10px;
}

.Card--lg--blog--CTA h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
    color: #ffffff;
}

.Card--lg--blog--CTA p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #ffffff;
}

.Card--lg--blog--CTA--bottom .Card--lg--contact .contact--form {
    padding-top: 0px;
}

    .Card--lg--blog--CTA--bottom .Card--lg--contact .contact--form h2 {
        color: #ffffff;
        width: 100%;
        margin-bottom: 0px;
    }

    .Card--lg--blog--CTA--bottom .Card--lg--contact .contact--form p {
        color: #ffffff;
    }

    .Card--lg--blog--CTA--bottom .Card--lg--contact .contact--form .btn {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

.Card--lg--blog--CTA--bottom .card {
    background-color: #212121;
    padding: 10px;
}

.Card--lg--popup--form {
    max-width: 500px;
    margin: 0 auto;
}

    .Card--lg--popup--form .Card--lg--contact .contact--form {
        padding-top: 20px;
    }

    .Card--lg--popup--form .card-body {
        padding: 3rem 7rem;
    }

        .Card--lg--popup--form .card-body h2 {
            font-family: 'Poppins', sans-serif;
            font-size: 3rem;
            text-align: center;
        }

        .Card--lg--popup--form .card-body p {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.5rem;
            line-height: 1.6;
            text-align: center;
        }

        .Card--lg--popup--form .card-body .seprator--secondary {
            height: 2px;
            background-color: #D3151F;
            margin-top: 20px;
            margin-bottom: 20px;
            width: 180px;
            margin: 0 auto;
        }

input:focus {
    border: 1px solid rgba(211, 21, 31, 0.08);
    /* Border--shadow */
}

.Card--lg--solutions-industry .bg-pic {
    background: url(../images/solution/industry.png) no-repeat;
    background-size: cover;
    height: 200px;
}

.Card--lg--solutions-industry .icon {
    width: 174px;
    height: 174px;
    margin-top: -89px;
}

.Card--lg--solutions-industry h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.Card--lg--solutions-industry ul {
    padding-top: 20px;
}

    .Card--lg--solutions-industry ul li {
        text-align: center;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        list-style-type: disc;
        display: list-item;
        list-style-position: inside;
    }

.Card--lg--solutions-industry .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin: 0 auto;
    width: 180px;
}

.Card--solution--banner h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
}

.card--lg--case--study--solutions h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.card--lg--case--study--solutions p {
    font-size: 1.5rem;
}

.card--lg--case--study--solutions .carousel-caption {
    left: 3rem;
    text-align: left;
    z-index: 2;
}

.Card--lg--solution--develop img {
    width: 80px;
    height: 80px;
}

.Card--lg--solution--develop h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    text-align: left;
}

.Card--lg--solution--develop a {
    text-decoration: underline;
    color: inherit;
    font-size: 1.3rem;
}

.Card--lg--solution--develop .card-body:hover {
    background: #D3151F;
}

    .Card--lg--solution--develop .card-body:hover h2, .Card--lg--solution--develop .card-body:hover a {
        color: #ffffff;
    }

.Card--lg--career--list {
    background-color: #EAF2F4;
    border-radius: 1rem;
    padding: 1rem;
}

    .Card--lg--career--list h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
    }

    .Card--lg--career--list p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .Card--lg--career--list .card-image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
    }

        .Card--lg--career--list .card-image img {
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
        }

    .Card--lg--career--list .card-footer {
        background-color: transparent;
        border-top: none;
        padding-bottom: 20px;
    }

.Card--lg--solution img {
    width: 178px;
    height: 178px;
}

.Card--lg--solution h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.Card--lg--solution ul {
    padding-top: 20px;
}

    .Card--lg--solution ul li {
        text-align: center;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        list-style-type: disc;
        display: list-item;
        list-style-position: inside;
    }

.Card--lg--solution .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin: 0 auto;
    width: 180px;
}

.Card--lg--why--choose--zenesys .container {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 32px 45px;
}

.Card--lg--why--choose--zenesys .card {
    border: 0;
}

.Card--lg--why--choose--zenesys img {
    width: 178px;
    height: 178px;
}

.Card--lg--why--choose--zenesys h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

.Card--lg--why--choose--zenesys .card-body h2 {
    padding-bottom: 0;
}

.Card--lg--why--choose--zenesys p {
    text-align: left;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
}

.Card--lg--why--choose--zenesys .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin: 0;
    width: 180px;
}

.Card--lg--solutions-industry .bg-pic {
    background: url(../images/solution/industry.png) no-repeat;
    background-size: cover;
    height: 200px;
}

.Card--lg--solutions-industry .icon {
    width: 174px;
    height: 174px;
    margin-top: -89px;
}

.Card--lg--solutions-industry h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.Card--lg--solutions-industry ul {
    padding-top: 20px;
}

    .Card--lg--solutions-industry ul li {
        text-align: center;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.5rem;
        line-height: 1.6;
        list-style-type: disc;
        display: list-item;
        list-style-position: inside;
    }

.Card--lg--solutions-industry .seprator--secondary {
    height: 2px;
    background-color: #D3151F;
    margin: 0 auto;
    width: 180px;
}

.Card--solution--banner h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
}

.card--lg--case--study--solutions h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.card--lg--case--study--solutions p {
    font-size: 1.5rem;
}

.card--lg--case--study--solutions .carousel-caption {
    left: 3rem;
    text-align: left;
    z-index: 2;
}

.Card--lg--solution--develop img {
    width: 80px;
    height: 80px;
}

.Card--lg--solution--develop h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    text-align: left;
}

.Card--lg--solution--develop a {
    text-decoration: underline;
    color: inherit;
    font-size: 1.3rem;
}

.Card--lg--solution--develop .card-body:hover {
    background: #D3151F;
}

    .Card--lg--solution--develop .card-body:hover h2, .Card--lg--solution--develop .card-body:hover a {
        color: #ffffff;
    }

#mini--navigation {
    background-color: #212121;
    color: #ffffff;
    position: fixed;
    width: 1920px;
    height: 22px;
    z-index: 9;
}

    #mini--navigation .zt--contact--details {
        float: right;
    }

        #mini--navigation .zt--contact--details ul {
            list-style: none;
        }

            #mini--navigation .zt--contact--details ul li {
                display: inline-block;
            }

                #mini--navigation .zt--contact--details ul li a {
                    color: #ffffff;
                    text-decoration: none;
                }

                #mini--navigation .zt--contact--details ul li span {
                    font-family: "proxima-nova", sans-serif;
                    font-size: 1.25rem;
                    line-height: 1.6;
                }

#navigation {
    position: fixed;
    top: 22px;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 9;
}

    #navigation .navbar {
        height: 100px;
    }

        #navigation .navbar .navbar-collapse {
            flex-basis: auto;
            flex-direction: row;
            align-content: flex-end;
            justify-content: flex-end;
        }

            #navigation .navbar .navbar-collapse ul.navbar-nav li.nav-item {
                margin-left: 2rem;
                margin-right: 2rem;
            }

                #navigation .navbar .navbar-collapse ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item {
                    font-family: "proxima-nova", sans-serif;
                    font-size: 1.5rem;
                    line-height: 1.6;
                    padding: 10px 0px;
                    border: none;
                    border-bottom: 1px solid #f1f1f1;
                }

                    #navigation .navbar .navbar-collapse ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item:hover {
                        background-color: rgba(211, 21, 31, 0.08);
                        transition: 0.2s ease-in;
                        font-weight: bold;
                        -ms-transform: scale(1.1);
                        -webkit-transform: scale(1.1);
                        transform: scale(1.05);
                        padding: 10px 10px;
                        color: #D3151F;
                    }

                #navigation .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
                    color: #212121;
                    font-family: "proxima-nova", sans-serif;
                    font-size: 1.8rem;
                    line-height: 1.6;
                    line-height: 52px;
                }

                    #navigation .navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover {
                        color: #D3151F;
                    }

            #navigation .navbar .navbar-collapse .mega-content .menu--title {
                font-family: 'Poppins', sans-serif;
                font-size: 2rem;
                border-bottom: 1px solid #e7e7e7;
            }

            #navigation .navbar .navbar-collapse .list-group .list-group-item, #navigation .navbar .navbar-collapse .list-group .dropdown-menu .dropdown-item {
                font-family: "proxima-nova", sans-serif;
                font-size: 1.5rem;
                line-height: 1.6;
                padding: 10px 0px;
                border: none;
            }

                #navigation .navbar .navbar-collapse .list-group .list-group-item:hover, #navigation .navbar .navbar-collapse .list-group .dropdown-menu .dropdown-item:hover {
                    background-color: rgba(211, 21, 31, 0.08);
                    transition: 0.2s ease-in;
                    font-weight: bold;
                    -ms-transform: scale(1.1);
                    -webkit-transform: scale(1.1);
                    transform: scale(1.05);
                    padding: 10px 10px;
                    color: #D3151F;
                }

            #navigation .navbar .navbar-collapse .mobile--menu {
                display: none;
            }

    #navigation .dropdown-menu {
        border-bottom: 5px solid #D3151F;
    }

@media (max-width: 767px) {
    #navigation .container-fluid, #navigation .container {
        padding-right: var(--bs-gutter-x, 0rem);
        padding-left: var(--bs-gutter-x, 0rem);
    }

    #navigation .navbar-collapse {
        background-color: #ffffff;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        border-bottom: 5px solid #D3151F;
    }

        #navigation .navbar-collapse li {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        #navigation .navbar-collapse .mega-content .menu--title {
            border-bottom: none !important;
        }

    #navigation .navbar-brand {
        margin-left: 1rem;
    }

        #navigation .navbar-brand svg {
            width: 200px;
        }

    #navigation .mobile--menu {
        display: block !important;
    }

    #navigation .mega--menu {
        display: none;
    }

    #navigation .dropdown-menu {
        border-bottom: none;
    }
}

@media (max-width: 992px) {
    #navigation .navbar .container-fluid {
        display: block;
    }

        #navigation .navbar .container-fluid .navbar-toggler {
            float: right;
        }

        #navigation .navbar .container-fluid .navbar-collapse {
            background-color: #ffffff;
        }
}

#navigation .mobile--menu .accordion .accordion-item {
    border: none;
}

    #navigation .mobile--menu .accordion .accordion-item .accordion-button {
        font-family: 'Poppins', sans-serif;
        font-size: 2rem;
        padding: 10px 0px;
    }

        #navigation .mobile--menu .accordion .accordion-item .accordion-button:focus {
            background-color: #ffffff;
            border: none;
            box-shadow: none;
        }

        #navigation .mobile--menu .accordion .accordion-item .accordion-button:not(.collapsed) {
            color: #D3151F;
        }

    #navigation .mobile--menu .accordion .accordion-item .accordion-body {
        padding: 10px 0px;
    }

        #navigation .mobile--menu .accordion .accordion-item .accordion-body .list-group .list-group-item {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.25rem;
            line-height: 1.6;
        }

body, html {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    font-size: 10px;
    line-height: 1.4;
    color: #282828;
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

a, a:hover {
    text-decoration: none;
}

img {
    width: 100%;
}

.clear {
    clear: both;
}

.fixed nav {
    top: 15px;
    position: fixed;
}

.space--fixed {
    padding-top: 150px;
    clear: both;
}

.spacer--padding--up {
    padding-top: 100px;
    clear: both;
}

.spacer--margin--up {
    margin-top: 100px;
    clear: both;
}

.spacer--margin--bottom {
    margin-bottom: 100px;
    clear: both;
}

.spacer--padding--bottom {
    padding-bottom: 100px;
    clear: both;
}

.spacer--padding--up--blog {
    padding-top: 150px;
}

.Card--lg--industries .icon--container img {
    width: 50px;
    height: 50px;
}
/*Image BLock- Layout -2*/
.Card--md--CTA .container {
    background-image: url("../images/banners/Card-lg-CTA.webp");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 350px;
    padding: 50px;
}

    .Card--md--CTA .container h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 4rem;
        color: #ffffff;
    }
/**************************/

.insights-icons img {
    width: 160px;
}

.Card--listing--md ul > ul {
    list-style: disc !important;
}

.modal-dialog {
    overflow-y: initial !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1000px !important;
    }
}

.videoWrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.videoClose {
    position: absolute;
    z-index: 2;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    top: -30px;
    right: -30px;
    border-radius: 50%;
    opacity: 1;
}

/*BLOGS AND INFOGRAPHICS*/

.blog-detail .card, .infographic-detail .card {
    padding: 20px;
}

.blog-points h1 {
    font-size: 70px;
}

.blog-points .Blog--description p {
    font-size: 20px;
    line-height: 35px;
    margin-top: 20px;
}

    .blog-points .Blog--description p a {
        color: #d3151f;
    }

.blog-points .Blog--description h2 {
    font-size: 4rem;
    margin-top: 20px;
}

.blog-points .Blog--description h3 {
    font-size: 3rem;
    margin-top: 20px;
}

.blog-points .Blog--description ol {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .blog-points .Blog--description ol li {
        font-size: 16px;
        line-height: 35px
    }

.post-details span, .post-details span a {
    color: #a8b1b4;
    font-size: 18px;
    line-height: 22px;
}

.post-details span {
    display: inline-block;
    margin-right: 12px;
    padding-right: 12px;
    border-right-style: solid;
    border-right-width: 1px;
}

    .post-details span i {
        margin-top: -1px;
        color: #d3151f;
    }

.sidebar .related-blog h3 {
    font-size: 3rem;
}

.related-blog-title {
    clear: both;
    padding-bottom: 20px;
}

    .related-blog-title .fa-link {
        float: left;
        padding-bottom: 25px;
        padding-right: 10px;
        line-height: 2;
        color: #d3151f;
    }

    .related-blog-title a {
        font-size: 15px;
        color: #282828;
    }




/*******************************************Blog Detail Table Of Content****************************************/

#sticky.stick {
    position: fixed;
    top: 50px;
    z-index: 9;
    /* width: 28%;*/
}



#sticky-content.stick {
    position: fixed;
    top: 10%;
    width: 300px;
}



.table-of-content {
    background-color: transparent;
}



    .table-of-content #menuElements {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0 !important;
        display: flex;
        flex-direction: column;
    }

        .table-of-content #menuElements li:first-child {
            padding-top: 5px;
        }


        .table-of-content #menuElements li {
            display: inline-block;
            /*padding-right: 32px;*/
            /*background-color: #eaf2f4;*/
            /*padding-left: 10px;*/
            padding-top: 0px;
        }



            .table-of-content #menuElements li a {
                color: #282828;
                font-size: 1.5rem;
            }



#menuElements li.active a {
    /*    border-bottom: 4px solid #d3151f;*/
    padding-bottom: 10px;
    color: #D3151F;
}
/********************************************************************************************************************************/

.Blog--description--wrapper h3 strong {
    font-weight: normal !important;
}

#sticky {
    width: 400px;
}

.blogContainer {
    position: relative;
}

.toc-left {
    width: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.blog-content-right {
    width: calc(100% - 420px);
    margin-left: 420px;
}

.Blog--sub--title--lg h2 {
    font-size: 3rem;
}

.Blog--description--wrapper {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

@media (min-width:768px) and (max-width:1024px) {
    .Card--lg--table--content .container .blogContainer .toc-left {
        display: none;
    }

    .Card--lg--table--content .container .blogContainer .blog-content-right {
        width: 100%;
        margin-left: inherit;
    }
}

/*CONTACT US PAGE*/

.Card--lg--contact {
    /*background-color: #eaf2f4;*/
    /* min-height: 650px;*/
}

    .Card--lg--contact h6, .Card--lg--contact p, .Card--lg--contact span {
        font-family: "proxima-nova", sans-serif;
        font-size: 20px;
        line-height: 1.6;
        color: #282828;
    }

    .Card--lg--contact .contact--form .input-group-text {
        justify-content: center;
    }

    .Card--lg--contact .contact--form span {
        height: 50px;
        width: 50px;
        z-index: 1;
    }

    .Card--lg--contact .contact--form .text-danger,
    .Card--lg--contact .contact--form .field-validation-valid {
        width: 100%;
        height: auto;
    }

.contact--form .input-group input {
    flex: 1 1 auto;
    height: 50px;
    border: 1px solid #ced4da;
}

.contact--form .seprator--secondary {
    height: 7px;
    background-color: #D3151F;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 180px;
}

.form_submit {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 700px;
    position: absolute;
}

.form_submit {
    display: none;
}

    .form_submit h3 {
        font-weight: 700;
        font-size: 55px;
    }

    .form_submit .main-content i {
        width: 40px;
        height: 40px;
        background-color: #28a745;
        border-radius: 50%;
        line-height: 2;
        color: #ffffff;
        font-size: 20px;
    }

    .form_submit .main-content p {
        font-size: 20px;
    }

.contact--form .input-group span {
    font-size: 15px;
    color: #ff000d;
}

/*input[type="file"] {
    display: none;
}

.custom-file-upload {
    display: inline-block;
    cursor: pointer;
    height: 50px;
    width: 100%;
    background: white;
}

    .custom-file-upload > span.input-group-text{
        background:#ffffff;
        color:#000000;
        width:100%;
    }*/


@media (min-width:320px) and (max-width:767px) {
    .Card--lg--contact h2 {
        width: 100%;
    }
}

/*CONTACT US MODAL*/
.ctaModal .modal-dialog .modal-content .modal-body {
    padding: 0px;
}

    .ctaModal .modal-dialog .modal-content .modal-body .Card--lg--contact {
        padding: 25px;
        border-radius: 10px;
    }

.ctaModal .modal-dialog .modal-content .btn-close {
    position: absolute;
    z-index: 9;
    width: 40px;
    height: 40px;
    right: 5px;
    top: 5px;
    background-color: #d3151f;
    opacity: 1;
    border-radius: 50%;
}


/*PAGE 404*/
.content-404 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 4.5rem;
}

.banner-404 .section-content {
    height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 50px;
}

    .banner-404 .section-content .content-404 {
        height: 520px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

.vetstream-portfolio-bg {
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.jumbotron-container .section-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 700px;
}

.banner-fixed-height {
    height: 769px;
}

.portfolio-container h1 {
    font-size: 50px;
}

@media (min-width:768px) {
    .mini-navbar {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.9);
        height: 25px;
        border-bottom: 1px solid rgba(152,152,152,.25);
        z-index: 9999;
    }
}



.nav_ul > ul {
    display: flex;
    height: 25px;
    align-items: center;
    justify-content: flex-end;
    padding-right: 2rem;
}

    .nav_ul > ul > li {
        list-style: none;
        color: #ffffff;
        font-size: 14px;
    }

        .nav_ul > ul > li::after {
            content: '|';
            padding-left: 10px;
            padding-right: 10px;
        }

        .nav_ul > ul > li a {
            color: #ffffff;
        }


        .nav_ul > ul > li:last-child::after {
            display: none;
        }

@media (min-width:300px) and (max-width:767px) {
    .custom-spacing {
        margin-bottom: 0px;
    }

    .nav_ul > ul {
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
    }

        .nav_ul > ul > li {
            font-size: 13px;
        }

    .Card--lg--casestudy--widget #casestudyCarousel .carousel-indicators {
        right: 0 !important;
        margin-right: 15%;
        margin-left: 15% !important;
        bottom: -15px;
    }

    #casestudyCarousel .carousel-inner {
        min-height: 1050px;
    }

        #casestudyCarousel .carousel-inner .carousel-item .row .col-12:first-child {
            order: 2;
        }

    .Card--lg--Service .tab-content .tab-pane .Card--lg--client img {
        display: none;
    }

    .service--list--component {
        border-left: none !important;
    }

        .service--list--component .service--list {
            padding-left: 0px;
            margin-top: 20px;
            margin-bottom: 40px;
        }

    .btn .Primary--btn--cta {
        margin-left: 0px;
        width: 100% !important;
        position: relative;
    }

    .Card--lg--zenesys--values {
        display: none;
    }

    .Card--lg--zenesys--journey ul {
        overflow-x: scroll !important;
        width: 400px;
        justify-content: left !important;
    }

    .Card--blog--header {
        padding-top: 50px !important;
    }

    .mini-navbar {
        display: none;
    }

    .Card--lg--CTA {
        height: 350px;
        display: flex;
    }

    .Card--lg--FAQ .accordion-button {
        height: 60px;
        font-size: 1.5rem !important;
    }

    .Card--lg--category--selector .nav-pills .nav-link {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .ctaModal .modal-dialog .modal-content .modal-body .Card--lg--contact {
        padding: 10px;
    }

    .Card--lg--contact .contact--form {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .Card--lg--contact h2 {
        font-size: 2.5rem;
    }

    #Message {
        height: 50px;
        margin-bottom: 20px;
    }
}

#potfolioSlider .carousel-indicators [data-bs-target] {
    background-color: #000000;
}

#potfolioSlider .carousel-inner {
    border: 1px solid #ddd;
    padding: 20px;
}

.project-details .icon-container {
    width: 70px;
    height: 70px;
    background-color: #d3151f;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

    .project-details .icon-container i {
        color: #ffffff;
        font-size: 35px;
    }

.project-details h5 {
    font-size: 2.5rem;
}



.project-details .business_object_list {
    background-color: #d3151f;
    padding: 10px;
    color: #fff;
    padding: 15px;
}

    .project-details .business_object_list span {
        display: block;
        float: left;
    }

    .project-details .business_object_list i {
        font-size: 30px;
    }

    .project-details .business_object_list p {
        color: #ffffff;
        margin-left: 40px;
        margin-bottom: 0px;
    }

        .project-details .business_object_list p:before {
            content: '\f140';
            font-family: "Font Awesome 6 Free";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 900;
            position: absolute;
            left: 25px;
        }

/*SITEMAP*/
.Card--lg--sitemap {
    min-height: 1000px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .Card--lg--sitemap .container .row h4 a {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        color: #282828;
    }

    .Card--lg--sitemap .container .row ul {
        list-style: none;
        padding-left: 0px;
    }

        .Card--lg--sitemap .container .row ul li {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .Card--lg--sitemap .container .row ul li a {
                font-family: "proxima-nova", sans-serif;
                font-size: 1.8rem;
                line-height: 1.6;
                color: #282828;
            }

.Card--lg--legal h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
    color: #000000;
}

.Card--lg--legal p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

.Card--lg--legal a {
    color: #d3151f;
}

.breadcrumbs_zn span {
    color: #d3151f;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.3rem;
    line-height: 1.6;
}

    .breadcrumbs_zn span a {
        color: #d3151f;
    }

    .breadcrumbs_zn span.breadcrumbs-current {
        color: #000000 !important;
    }

    .breadcrumbs_zn span.separator {
        padding-left: 5px;
        padding-right: 5px;
        color: #000000 !important;
        font-style: italic;
    }

.Card--lg--quote--form {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
}

    .Card--lg--quote--form .card {
        border-radius: 15px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

        .Card--lg--quote--form .card .card-body {
            padding: 0px;
        }

            .Card--lg--quote--form .card .card-body .header {
                text-align: center;
                height: 90px;
                background-color: #D3151F;
                border-radius: 15px 15px 0px 0px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .Card--lg--quote--form .card .card-body .header h2 {
                    color: #ffffff;
                    display: flex;
                    flex-direction: column;
                    align-content: center;
                    justify-content: center;
                    height: 60px;
                }

                .Card--lg--quote--form .card .card-body .header p {
                    font-size: 1.8rem;
                }

            .Card--lg--quote--form .card .card-body .quote--form {
                padding: 15px;
            }

                .Card--lg--quote--form .card .card-body .quote--form input {
                    background-color: #eeeeee;
                    height: 50px;
                    border: none;
                    border-radius: 5px;
                }

                .Card--lg--quote--form .card .card-body .quote--form textarea {
                    background-color: #eeeeee;
                    border: none;
                    border-radius: 5px;
                }

                .Card--lg--quote--form .card .card-body .quote--form :focus {
                    border-bottom: 1px solid #D3151F;
                    transition: 0.5s;
                }

                .Card--lg--quote--form .card .card-body .quote--form :focus-visible {
                    outline: none !important;
                    border: none;
                }

                .Card--lg--quote--form .card .card-body .quote--form ::placeholder {
                    font-family: "proxima-nova", sans-serif;
                    font-size: 1.5rem;
                    line-height: 1.6;
                    color: #B5B5B5;
                    padding-left: 10px;
                }

/*.Card--lg--casestudy--widget #casestudyCarousel{
    margin-top:50px;
}*/

/*.Card--lg--casestudy--widget #casestudyCarousel .carousel-inner {
    min-height: 750px;
}*/

.Card--lg--casestudy--widget #casestudyCarousel .carousel-indicators {
    right: unset;
    margin-left: 0px;
}

    .Card--lg--casestudy--widget #casestudyCarousel .carousel-indicators .active {
        background-color: #d3151f;
        color: #d3151f;
    }

    .Card--lg--casestudy--widget #casestudyCarousel .carousel-indicators button {
        height: 20px;
        width: 20px;
        background-color: #000;
        border-radius: 50%;
    }

.Card--lg--casestudy--widget .casestudy--carousel h2 {
    color: #D3151F;
    font-family: 'Poppins', sans-serif;
    font-size: 6rem;
    margin-bottom: 50px;
}

.Card--lg--casestudy--widget .casestudy--carousel span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
}

.Card--lg--casestudy--widget .casestudy--carousel h3 {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
}

.Card--lg--casestudy--widget .casestudy--carousel p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
}

.Card--lg--casestudy--widget .casestudy--carousel h4 {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
}

.Card--lg--casestudy--widget .casestudy--carousel .btn {
    /* margin-top: 40px; */
    display: flex;
    justify-content: flex-start;
}

    .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn {
        position: relative;
        display: inline-flex;
        padding: 25px 85px 25px 30px;
        z-index: 2;
    }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn::before {
            width: 58px;
            height: 58px;
            left: 0;
            top: 50%;
            transform: translate(0, -50%);
            background-color: #d3151f;
            border: solid 1px rgba(2, 41, 103, 0.14);
            border-radius: 30px;
            transition: width 0.3s cubic-bezier(0.25, 0.85, 0.57, 1), border-color 0.3s, background-color 0.3s;
            z-index: -1;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn::after {
            width: 51px;
            height: 13px;
            top: 50%;
            left: 24px;
            transform: translate(0, -50%);
            background: url("../imgs/icons.png") no-repeat;
            background-position: -108px -17px;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn::after, .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn::before {
            content: "";
            position: absolute;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn .btn-hover {
            position: absolute;
            top: -10px;
            left: -12px;
            z-index: 2;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn:hover span {
            background: #fff;
            background: linear-gradient(90deg, #fff 0, #fff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn .btn-hover {
            position: absolute;
            top: -10px;
            left: -12px;
            z-index: 2;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn:hover span {
            background: #fff;
            background: linear-gradient(90deg, #fff 0, #fff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn .btn-text {
            position: relative;
            left: 55px;
            color: #000000;
            font-weight: 600;
            transition: transform 2s cubic-bezier(0.02, 1.23, 0.79, 1.08);
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn:hover::before {
            width: 100%;
            background-color: #f90e0e;
            border: solid 0.1rem #f90e0e;
        }

        .Card--lg--casestudy--widget .casestudy--carousel .btn .arrowBtn:hover::after {
            background: url("../imgs/icons.png") no-repeat;
            background-position: -108px -57px;
        }

.Card--lg--casestudy--widget .casestudy--carousel .carousel-img-box {
    /*background: url("../imgs/gradient-bg.png");*/
    background-size: cover;
}

.Card--lg--boxes .card {
    border: none;
    margin-bottom: 15px;
}

    .Card--lg--boxes .card .card-body {
        background-color: #eeeeee;
    }

        .Card--lg--boxes .card .card-body img {
            width: 20px;
            height: 20px;
            float: left;
            margin-right: 10px;
        }

        .Card--lg--boxes .card .card-body h2 {
            border-bottom: 0px;
        }



.Card--lg--career--list {
    background-color: #EAF2F4;
    border-radius: 1rem;
    padding: 1rem;
}

    .Card--lg--career--list h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
    }

    .Card--lg--career--list p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
    }

    .Card--lg--career--list .card-image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        justify-content: center;
    }

        .Card--lg--career--list .card-image img {
            width: 50px;
        }

    .Card--lg--career--list .card-footer {
        background-color: transparent;
        border-top: none;
        padding-bottom: 20px;
    }


.Card--lg--List h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.Card--lg--List ul {
    padding-left: 0px;
}

    .Card--lg--List ul li {
        list-style: none;
    }

        .Card--lg--List ul li span {
            float: left;
        }

            .Card--lg--List ul li span i {
                font-size: 20px;
                line-height: 1.5;
                margin-right: 5px;
                color: #D3151F;
            }

        .Card--lg--List ul li p {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.8rem;
            line-height: 1.6;
        }

.Card--lg--with--icons .card {
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

    .Card--lg--with--icons .card .card-body .card-img-top {
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
        background-color: #D3151F;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    /* .Card--lg--with--icons .card .card-body .card-img-top img {
            width: 50px;
            height: 50px;
        }*/

    .Card--lg--with--icons .card .card-body h4 {
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-size: 2rem;
        margin-top: 60px;
    }

    .Card--lg--with--icons .card .card-body ul li, .Card--lg--with--icons .card .card-body p {
        text-align: center;
        font-family: "proxima-nova", sans-serif;
        font-size: 1.8rem;
        line-height: 1.6;
        line-height: 2;
    }

.Card--lg--industry--dock h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
}

.Card--lg--industry--dock p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
}

.dir-ltr {
    direction: ltr;
}

@media (min-width: 576px) {
    .Card--lg--job--desp--modal .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
}

.Card--lg--job--desp--modal .modal-content {
    padding: 10px;
    border-radius: 15px;
}

.Card--lg--job--desp--modal .modal-header {
    border-bottom: none;
}

.Card--lg--job--desp--modal h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
}

.Card--lg--job--desp--modal p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
}

.Card--lg--job--desp--modal ul li {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.Card--lg--awards--bottom .col .card {
    border: none;
}


/*TESTIMONIAL SLIDER HOMEPAGE*/

.carousel-content-box {
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-content: center; */
    min-height: 580px;
}

/* #casestudyCarousel .carousel-inner button {
    display: none;
} */

.service--list--component {
    border-left: 1px solid #b9b9b9;
}

.service--list li {
    list-style: none;
    margin-bottom: 10px;
}

    .service--list li a {
        color: #d3151f;
        font-family: "proxima-nova", sans-serif;
        font-weight: bold;
        font-size: 1.8rem;
        line-height: 1.6;
    }

        .service--list li a:first-child {
            margin-right: 5px;
        }

.btn-status {
    background-color: #d3151f;
    width: fit-content;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 10px;
}

h2.sitemap_header {
    font-family: 'Poppins', sans-serif;
    font-size: 4.5rem;
}

h4.sitemap_link a {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #282828;
}

#tns1-item0 {
    display: none !important;
}

#lblResponse {
    width: 100%;
    color: #d3151f;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
}

.lg--hotspot--label h4 img {
    width: 40px;
}

.related-blogs ul li {
    padding-bottom: 10px;
}

ul.related-blogs {
    margin-top: 40px;
    background-color: #f8f8f8;
    position: relative;
    border: 1px solid #e7e7e7;
    padding: 15px;
}

    ul.related-blogs h4 {
        padding-bottom: 0px !important;
        margin-top: 0px;
    }

    ul.related-blogs li a {
        text-transform: lowercase;
        font-size: 1.5rem;
        color: #282828;
    }

.main-contents__checkmark {
    background-color: #26d13b;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    line-height: 2;
}

.main-contents p {
    font-size: 1.8rem;
    line-height: 3;
}

#header nav.bootsnav .megamenu-col {
    width: 50rem !important;
}

@media (min-width:1120px) and (max-width:1440px) {
    .Card--banner--wrapper .Card--banner--service .Banner--content h1 {
        font-size: 4rem;
    }

    .career-banner-wrapper .career-banner h1 {
        font-size: 4rem;
    }

    .Card--banner--wrapper-V .Card--banner--service--V .Banner--content h1 {
        /*margin-top: 50px;*/
        margin-top:0px;
    }

    .Card--banner--service--V .partners-logo {
        padding-top: 35px !important;
    }

    .Card--lg--section--openning--wrapper h2, .Card--lg--cta--text h2 {
        font-size: 3.5rem;
    }

    .ctaModal .modal-dialog .modal-content .modal-body .Card--lg--contact {
        padding: 15px;
    }

    #modalContact {
        top: 15px;
    }

    .nav_ul > ul > li a {
        color: #ffffff;
        font-size: 12px;
    }

    .btn .Primary--btn--cta {
        width: 200px;
    }
}

@media (min-width: 576px) {
    #videoTestimonialmodal .modal-dialog {
        max-width: 800px !important;
    }
}

#disqus_thread {
    padding-top: 50px;
}

/*#PhoneNumber, .iti {
    width: 100% !important;
}*/

.iti__country-name, .iti__dial-code {
    color: #282828 !important;
}



/*CSS Version-2.1*/
.Card--lg--Service .nav button:last-child {
    border-bottom: none;
}

.exclusive-text {
    color: #d3151f;
}

.technology-list ul {
    list-style: none;
    padding-left: 0px;
    font-size: 1.8rem;
    line-height: 2.6;
    color: #282828;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 850px;
    justify-content: flex-start;
}

    .technology-list ul li {
        width: 300px;
    }

        .technology-list ul li::before {
            content: url(/imgs/arc-list.svg);
            margin-right: 10px;
            vertical-align: text-bottom;
            line-height: 0;
        }

        .technology-list ul li a {
            color: #282828;
        }

.Card--lg--CTA {
    background: url('../imgs/CTA-BG-1.jpg');
    background-size: cover;
    background-position: center center;
}

.cta-banner-2 {
    background: url('../imgs/CTA-BG-2.png');
    background-size: cover;
    background-position: center center;
}

.round--btn {
    border-radius: 40px;
}

.round--btn--left {
    justify-content: left;
}

.tech-section {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 15px;
}

    .tech-section .tech-row {
        position: relative;
        overflow: hidden;
        height: 75px;
    }

@keyframes slide_to_left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.animate-slide-to-left {
    animation: slide_to_left 30s linear infinite;
}

@keyframes slide_to_right {
    0% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}

.animate-slide-to-right {
    animation: slide_to_right 30s linear infinite
}

.tech-section .tech-row .tech-stack ul {
    display: flex;
    min-width: 200%;
    justify-content: center;
    position: absolute;
    list-style: none;
}

    .tech-section .tech-row .tech-stack ul li a {
        font-size: 60px;
        font-weight: 700;
        line-height: 65px;
        padding-right: 60px;
        color: #C6C6C6;
        opacity: .5;
    }

        .tech-section .tech-row .tech-stack ul li a:hover {
            color: #d3151f;
            opacity: 1;
        }

.hover\:pause:hover {
    animation-play-state: paused
}

img.zenesys-insights {
    width: 75%;
}

.Card--lg--journey p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.Card--lg--journey span {
    font-size: 1.5rem;
    line-height: 2;
    color: #d3151f;
}

.Card--lg--journey .bdr {
    background: url(/imgs/bdr.png) repeat-y center center;
}

    .Card--lg--journey .bdr:last-child {
        background: url()
    }

.Card--lg--casestudy--widget .portfolio-client-logo {
    width: 65px;
}

.Card--lg--FAQ p, .Card--lg--FAQ ul li {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.linner-gradient-bg {
    background: rgb(247,247,247);
    background: linear-gradient(90deg, rgb(247, 247, 247) 0%, rgb(245, 250, 255) 100%);
}

.Card--lg--location {
    background-color: #282828;
    min-height: 156px;
}

    .Card--lg--location .office-address {
        font-size: 1.8rem;
        line-height: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*height: 125px;*/
        margin-bottom: 0;
    }

/*============Video Banner============*/
.Card--banner--wrapper-V {
    position: relative;
    overflow: hidden;
    height: 750px;
    background-color:black;
}

    .Card--banner--wrapper-V:after {
        position: absolute;
        top: 0;
        content: '';
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0 0 0 / 0%), rgba(0, 0, 0, 1));
    }

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.Card--banner--service--V {
    position: relative;
    z-index: 2;
    padding: 20px;
    color: white;
}

    .Card--banner--service--V .partners-logo {
        padding-top: 100px;
        gap: 20px;
    }

        .Card--banner--service--V .partners-logo img {
            width: 108px;
        }

.Card--banner--wrapper-V .Card--banner--service--V .Banner--content {
    height: 550px;
}

@keyframes slides {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.logos {
    overflow: hidden;
    padding: 30px 0px;
    white-space: nowrap;
    position: relative;
}

    .logos:before, .logos:after {
        position: absolute;
        top: 30px;
        content: '';
        width: 150px;
        height: calc(100% - 60px);
        z-index: 2;
    }

    .logos:before {
        left: 0;
        background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
    }

    .logos:after {
        right: 0;
        background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
    }

.logo_items {
    display: inline-block;
    animation: 50s slides infinite linear;
}

.logos:hover .logo_items {
    animation-play-state: paused;
}

.logo_items img {
    height: 80px;
    width: auto;
}
/*============banner end============*/


/*============contact form start============*/
.contact-sales {
    padding: 0;
    background: #f4f7fd;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.contact-sales {
    border: 0;
}

    .contact-sales .social-container {
        padding-top: 1.5rem;
        margin-top: 0rem;
    }

    .contact-sales .title {
        font-family: 'Poppins', sans-serif;
    }

    .contact-sales .social-container p {
        font-size: 1.8rem;
    }

    .contact-sales .social-container .socials img {
        width: 25px;
    }

    .contact-sales .material-form .input-container .form-group label {
        font-size: 1.8rem;
        font-family: "proxima-nova", sans-serif;
    }

    .contact-sales .right-panel {
        padding: 15px 15px 0px 15px;
        margin: 6px;
        border-radius: 10px;
    }

        .contact-sales .right-panel p {
            font-size: 1.8rem;
            font-family: "proxima-nova", sans-serif;
        }

    .contact-sales .socials {
        gap: 15px;
    }

        .contact-sales .socials span {
            width: 50px;
            height: 50px;
            background: #282828;
            border-radius: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
        }

.material-form .form-group input, .material-form .form-group textarea {
    border-bottom: 1px solid #bfbfbf; /* height: 2.6rem; */
    color: #8f8f91;
    width: 100%;
    outline: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: no-repeat;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
}

.material-form .form-group .text-danger span {
    font-size: 1.2rem;
}

.contact-sales .material-form .input-container {
    padding-bottom: 2.9rem;
}

#hireUsWidget input {
    background-color: #eeeeee;
    height: 50px;
    border: none;
    border-radius: 5px;
}

#hireUsWidget textarea {
    background-color: #eeeeee;
    border: none;
    border-radius: 5px;
}
/*============contact form end============*/


/*============HIRE PAGE=============*/
.hire-developer-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.client-container {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}

    .client-container img {
        width: 160px;
    }

.top--clients--section {
    background: #282828;
}

    .top--clients--section h3 {
        line-height: 2;
    }

.Card--insight--list p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.Card--insight--list .technology-list ul {
    display: block;
    width: auto
}

    .Card--insight--list .technology-list ul li {
        width: auto
    }

.hire-accordian .Card--lg--FAQ .accordion-button:not(.collapsed) {
    color: #282828;
    background-color: #F3F6FD;
}

.hire-accordian .Card--lg--FAQ .accordion-button {
    background-color: transparent;
}

.hire-accordian .accordion-item {
    border-bottom: 1px solid #d7d7d7;
}

    .hire-accordian .accordion-item:last-child {
        border-bottom: none;
    }

.Card--how--we--hire img {
    max-width: 450px;
}

.Card--tools--technology p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
    text-align: center;
}

.Card--tools--technology .version-container {
    background-color: #d3151f;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .Card--tools--technology .version-container h4 {
        margin-bottom: 0;
        color: #ffffff;
    }

.Card--tools--technology .technology-container {
    background-color: #F3F6FD;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.Card--lg--Engagement--model {
    margin-top: 100px;
}

    .Card--lg--Engagement--model .engagement-model .card {
        border-radius: 1rem;
    }

        .Card--lg--Engagement--model .engagement-model .card img {
            max-width: 120px;
            position: absolute;
            top: -65px;
            right: 0;
            left: 0;
        }

        .Card--lg--Engagement--model .engagement-model .card .card-body {
            margin-top: 75px;
            padding: 0;
        }

    .Card--lg--Engagement--model .engagement-model-red .card .card-body .card-title {
        background-color: #d3151f;
        margin-bottom: 25px;
    }

    .Card--lg--Engagement--model .engagement-model-black .card .card-body .card-title {
        background-color: #282828;
        margin-bottom: 25px;
    }

    .Card--lg--Engagement--model .engagement-model .card .card-body .card-list {
        padding: 1rem 1rem;
    }

        .Card--lg--Engagement--model .engagement-model .card .card-body .card-list ul li {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.5rem;
            line-height: 1.8;
            color: #282828;
            margin-bottom: 15px;
        }


/*=============ECOMMERCE CARDS==============*/
.Card--lg--ecommerce--services .ecommerce--services img {
    width: 75px;
}

.Card--lg--ecommerce--services .ecommerce--services h4 {
    line-height: 1.8;
}

.Card--lg--ecommerce--services .ecommerce--services p {
    line-height: 2;
    font-size: 1.6rem;
    font-family: "proxima-nova", sans-serif;
}

.Card--lg--ecommerce--services .ecommerce--services .linear-border {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(211, 21, 31, 1) 30%, rgba(0, 71, 136, 1) 60%, rgba(211, 21, 31, 1) 100%);
    width: 100%;
    height: 5px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.Card--lg--ecommerce--services .ecommerce--services .card {
    border: none;
}

/* ============FLIPCARD CARDS===============*/
.flip-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 360px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
}

.flip-card-back {
    background-image: linear-gradient(rgba(38, 41, 43, 1), rgba(1, 70, 132, 1));
    color: white;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
}

    .flip-card-back p {
        font-size: 1.6rem;
        padding: 20px;
        line-height: 2;
    }

.flip-card-front > div {
    position: relative;
    height: 360px;
}

.flip-card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.flip-card-front .icon-box {
    background: #d3151f;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 15px;
    top: 15px;
}

.flip-card-front .title {
    padding: 25px 0;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 1));
}

.flip-card-front .icon-box img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

@media screen and (min-width: 768px) {
    .flip-card {
        width: 43%;
    }
}

@media screen and (min-width: 1200px) {
    .flip-card {
        width: 23%;
    }
}

/* =============career hero banner start================ */
.career-banner-wrapper {
    background-size: cover !important;
    background-position: center center !important;
}

    .career-banner-wrapper .career-container,
    .career-banner-wrapper .client-container {
        width: 100%;
        max-width: 1640px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .career-banner-wrapper .content-area {
        height: 610px;
        position: relative;
        z-index: 1
    }

    .career-banner-wrapper .zenesys-logo {
        max-width: 185px;
        margin-top: 28px;
        margin-bottom: 20px;
    }

.career-banner ul.career-banner-list {
    margin-top: 25px;
    list-style-type: none;
    padding: 0;
}

    .career-banner ul.career-banner-list li:first-child {
        margin-top: 0;
    }

    .career-banner ul.career-banner-list li {
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        color: #fff;
        margin-top: 20px;
        padding-left: 30px;
        position: relative;
    }

.career-banner-wrapper .content-area .technology-list ul {
    display: block;
    width: 100%;
}

    .career-banner-wrapper .content-area .technology-list ul li {
        width: 100%;
    }

.career-banner .clintlogo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0 0;
    background: #017DAB;
    border: #fff;
    border-radius: 51px;
    padding: 10px 30px;
    border: 1px solid #fff;
}

    .career-banner .clintlogo img {
        width: 30%;
        max-width: 184px;
    }

.career-banner .person {
    position: absolute;
    left: 45%;
    bottom: 0;
    transform: translateX(-40%);
    height: 100%;
    width: auto;
    z-index: 0;
    opacity: 0.5;
}

.career-banner .person {
    position: absolute;
    left: 45%;
    bottom: 0;
    transform: translateX(-40%);
    height: 100%;
    width: auto;
    z-index: 0;
    opacity: 0.5;
}

.career-banner .free-trial {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
    position: relative;
}

.career-banner .title-box {
    background: #D3151F;
    padding: 20px 5px;
    text-align: center;
}

.career-banner .txt-field {
    font-size: 14px;
    color: #C0C0C0;
    padding: 10px 2px;
    border: 0;
    border-bottom: 1px solid #C0C0C0;
    outline: 0;
    width: 100%;
}

.txt-field::placeholder {
    font-size: 18px;
    color: #C0C0C0;
    opacity: 1;
}

.top-trusted {
    background: #000;
    padding: 30px 0;
}

    .top-trusted img {
        width: 100%;
        max-width: 155px;
    }

.career-banner-wrapper .client-container {
    max-width: 1640px;
}

.career-banner-wrapper .free-trial .spacing {
    margin: 15px 0;
}

.career-banner-wrapper .save-money {
    font-size: 15px;
}

.zenesys-achivements {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .zenesys-achivements .achivements {
        width: 160px;
    }

.banner-logo-img img {
    max-width: 200px;
    position: absolute;
    top: 25px;
    left: 0;
}

@media (min-width: 1200px) {
    .career-banner-wrapper .career-container, .career-banner-wrapper .client-container {
        max-width: 1340px;
    }

    .career-banner-wrapper .content-area { /* height: 582px; */
        height: calc(100vh - 135px);
    }

    .career-banner .clintlogo {
        margin: 40px 0 0;
    }

    .career-banner-wrapper .zenesys-logo {
        max-width: 185px;
        margin-top: 0;
        margin-bottom: 25px;
    }

    .career-banner ul.career-banner-list {
        margin-top: 30px;
    }
}

@media (min-width: 1590px) {
    .career-banner-wrapper .career-container, .career-banner-wrapper .client-container {
        max-width: 1320px;
    }
    /* .career-banner-wrapper .content-area { height: 827px;} */
    .free-trial .spacing {
        margin: 22px 0;
    }

    .career-banner-wrapper .zenesys-logo {
        margin-top: -150px;
    }

    .career-banner ul.career-banner-list {
        margin-top: 40px;
        margin-bottom: 62px;
    }

    .career-banner-wrapper .save-money {
        font-size: 26px;
    }

    .career-banner .txt-field {
        padding: 20px 2px;
    }
}

/* =============career hero banner end================ */
/*Hire Developers Secrion*/
.Card--hire--developers h2 {
    line-height: 1.5;
}

.Card--hire--developers h3 {
    line-height: 1.5;
}

.Card--hire--developers p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.Card--hire--developers .pricing-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .Card--hire--developers .pricing-section .pricing-button {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Card--hire--developers .pricing-section span {
        font-size: 14px;
        color: #b1b1b1;
    }

/*NEW CONTACT US PAGE*/
.Card--lg--contact--page {
    background: url('../imgs/contact/contact-us-form.webp');
    background-size: cover;
    background-position: center center;
}

    .Card--lg--contact--page .Banner--content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 630px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .Card--lg--contact--page .Banner--content .technology-list ul {
            display: block;
            width: 100%;
        }

            .Card--lg--contact--page .Banner--content .technology-list ul li {
                width: 100%;
            }

                .Card--lg--contact--page .Banner--content .technology-list ul li p {
                    font-size: 14px;
                    margin-left: 40px;
                    line-height: 1.5;
                }

        .Card--lg--contact--page .Banner--content h1 {
            font-family: 'Poppins', sans-serif;
            font-size: 4.5rem;
            line-height: 1.5;
        }

        .Card--lg--contact--page .Banner--content .main--contact--form {
            background-color: #ffffff;
            min-height: 700px;
            border-radius: 20px;
            position: absolute;
            width: 100%;
            -webkit-box-shadow: 6px 7px 28px -11px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 6px 7px 28px -11px rgba(0, 0, 0, 0.75);
            box-shadow: 6px 7px 28px -11px rgba(0, 0, 0, 0.75);
            padding: 30px;
        }

.main--contact--form .form--description p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.8rem;
    line-height: 2;
    color: #282828;
}

.logos-contact {
    overflow: hidden;
    padding: 30px 0px;
    white-space: nowrap;
    position: relative;
}

    .logos-contact:before, .logos-contact:after {
        position: absolute;
        top: 30px;
        content: '';
        width: 50px;
        height: calc(100% - 60px);
        z-index: 2;
    }

    .logos-contact:before {
        left: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255 255 255));
    }

    .logos-contact:after {
        right: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255 255 255));
    }

.logo_items_contact {
    display: inline-block;
    animation: 50s slides infinite linear;
}

.logos-contact:hover .logo_items_contact {
    animation-play-state: paused;
}

.logo_items_contact img {
    height: 60px;
    width: auto;
}

.Card--recognition--zenesys .zenesys-recognitions .image-container img {
    width: 250px;
}

.clients-group {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .clients-group img {
        width: 180px;
    }

#testimonialCarousel {
    margin-top: 50px;
}

.testimonal-slider .carousel-inner {
    padding-top: 30px;
}

.testimonial-author {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

    .testimonial-author img {
        width: 50px;
    }

    .testimonial-author .author-details {
        margin-left: 10px;
    }

        .testimonial-author .author-details p:first-child {
            font-size: 18px;
        }

        .testimonial-author .author-details p {
            font-size: 14px;
        }

.testimonail--container {
    min-height: 375px;
    margin: 10px;
    -webkit-box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 11px -6px rgb(0 0 0 / 39%);
    padding: 10px;
    border: none
}

    .testimonail--container .card-body .card-img-top {
        width: 55px;
        height: 55px;
        background-color: #d3151f;
        border-radius: 50%;
        position: absolute;
        top: -35px;
    }

    .testimonail--container .card-body p {
        font-size: 16px;
        line-height: 1.6;
        color: #282828;
    }

.rating {
    color: #ffb81d;
    font-size: 15px;
    margin-top: 5px;
}

.testimonail--container .card-footer {
    background-color: transparent;
    border-top: none;
}

@media (max-width: 767px) {
    .testimonal-slider .carousel-inner .carousel-item > div {
        display: none;
    }

        .testimonal-slider .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

.testimonal-slider .carousel-inner .carousel-item.active,
.testimonal-slider .carousel-inner .carousel-item-start,
.testimonal-slider .carousel-inner .carousel-item-next,
.testimonal-slider .carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 767px) {
    .testimonal-slider .carousel-inner .carousel-item-right.active,
    .testimonal-slider .carousel-inner .carousel-item-next,
    .testimonal-slider .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    .testimonal-slider .carousel-inner .carousel-item-left.active,
    .testimonal-slider .carousel-item-prev:not(.carousel-item-end),
    .testimonal-slider .active.carousel-item-start,
    .testimonal-slider .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    .testimonal-slider .carousel-item-next.carousel-item-start,
    .testimonal-slider .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .testimonal-slider .carousel-inner .carousel-item-prev,
    .testimonal-slider .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
}

/*LANDING PAGE FOOTER*/
.landing-footer-container {
    background-color: #004788;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .landing-footer-container .btn {
        justify-content: center;
        padding-top: 20px;
    }

.landing-page-footer .footer-container {
    height: 70px;
    background-color: #202020;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.achivements--zenesys .achivements {
    width: 250px;
    margin-right: 20px;
}

.clutch--rating::before {
    content: "";
    position: absolute;
    transform: translateY(50%);
    bottom: 50%;
    left: 0px;
    width: 1px;
    height: 36px;
    background-color: rgb(115, 115, 115);
}

.clutch--rating .fa-star, .fa-star-half-stroke {
    font-size: 22px;
    color: #fcbb01;
}

.clutch--rating img {
    width: 130px;
    margin-left: 10px;
}

.clutch--rating p {
    margin-left: 20px;
}

.experties h4 {
    background-color: #000000;
    padding: 4px;
    display: flex;
    color: #fff;
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
    width: 170px;
}

.small-headlines span {
    font-size: 1.5rem;
    background-color: #fff3e9;
}

.developer-highlight p {
    line-height: 1.5;
}

.digital-marketing-packages .table > :not(caption) > * > * {
    padding: 2rem 2rem;
}

.card-slider .card {
    min-height: 830px;
}

.slick-next, .slick-prev {
    width: 40px;
    height: 40px;
}

    .slick-next:before, .slick-prev:before {
        color: #000000;
        font-size: 40px;
    }

.slick-prev {
    left: -50px;
}

.slick-next {
    right: -50px;
}

.w-80 {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

.dev-container img {
    width: 180px;
}

.Contact--lg--video--testimonial img {
    width: 100%;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/*.popup-form {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 400px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}*/

.close-popup {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
}

.contact-popup-form label {
    font-size: 14px;
    margin-bottom: 5px;
}


/*AI BANNER*/
.gradient-text {
    background: linear-gradient(90deg, #805ad5, #d53f8c, #e53e3e); /* Purple to Red gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ai--banner--wrapper {
    background-image: url('../imgs/ai/ai-banner.webp');
    background-size: cover !important;
}

    .ai--banner--wrapper .Card--banner--service {
        background-image: url('../imgs/ai/ai-banner.webp');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 750px;
    }

        .ai--banner--wrapper .Card--banner--service .Banner--content {
            height: 700px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding-top: 100px;
        }

            .ai--banner--wrapper .Card--banner--service .Banner--content h1 {
                font-family: 'Poppins', sans-serif;
                font-size: 4.5rem;
                line-height: 1.5;
                padding-top: 20px;
            }

            .ai--banner--wrapper .Card--banner--service .Banner--content p {
                font-family: "proxima-nova", sans-serif;
                font-size: 1.8rem;
                line-height: 2;
            }

            .ai--banner--wrapper .Card--banner--service .Banner--content .gradient-border {
                padding: 10px 25px;
                border-radius: 50px;
                background: #F3E4FF;
                display: inline-block;
            }

                .ai--banner--wrapper .Card--banner--service .Banner--content .gradient-border span {
                    display: inline-block;
                    padding: 8px 20px;
                    background-color: #f4e8f9; /* inner light background */
                    border-radius: 40px;
                    font-size: 14px;
                    font-weight: 600;
                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                    background: linear-gradient(90deg, #805ad5, #d53f8c, #f56565); /* text gradient */
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }

.ai-btn {
    border: 1px solid rgba(253, 105, 248, 0.498);
    font-size: 14px;
    color: rgb(255, 255, 255);
    padding: 10px 30px;
    transition: 1000ms;
    width: 335px;
    box-shadow: rgb(23, 142, 239) 0px 0px 25px -4px;
    border-radius: 50px;
    background: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    height: 55px;
}

    .ai-btn:hover, .ai-btn-white:hover {
        border: 1px solid rgb(23, 142, 239) 0px 0px 25px -4px;
        box-shadow: rgb(236 23 239) 0px 0px 25px -4px;
    }

    .ai-btn svg, .ai-btn-white svg {
        margin-right: 15px;
        width: 20px;
    }

.ai-btn-white {
    border: 1px solid rgba(253, 105, 248, 0.498);
    font-size: 14px;
    color: rgb(0 0 0);
    padding: 10px 30px;
    transition: 1000ms;
    width: 290px;
    box-shadow: rgb(23, 142, 239) 0px 0px 25px -4px;
    border-radius: 50px;
    background: rgb(255 255 255);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    height: 55px;
}

.AI-button {
    width: 55px;
    height: 55px;
    border-radius: 50px;
    background-color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    box-shadow: rgb(26 115 232) 0px 0px 25px -4px;
}

    .AI-button:hover {
        box-shadow: rgb(168 26 232) 0px 0px 25px 3px;
        transition: ease-in .5s;
    }

    .AI-button a {
        position: relative;
        width: 45px;
        height: 45px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border: 2px solid #9868FC;
        border-radius: 50px;
        color: #ffffff;
    }

        /* Pseudo-element for rotating border */
        .AI-button a::before {
            content: '';
            position: absolute;
            width: 57px;
            height: 57px;
            border: -30px solid transparent;
            border-top: 2px solid #0d6efd;
            border-radius: 50%;
            z-index: -1;
            animation: rotateBorder 5s linear infinite;
        }

@keyframes rotateBorder {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (min-width:768px) and (max-width:840px){
    .Card--banner--service--V .partners-logo {
        padding-top: 0px;
    }
}

/******* UI / UX Service Page *******/
.fortunate-clients-box {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.fortunate-clients-box {
    width: 150px;
    height: 100px;
}

.Card--Case--Study--Cards .card .card-img-top {
    width: 160px;
    height: auto;
    margin-top: 20px;
}

.Card--Case--Study--Cards .card .card-body {
    text-align: center;
    color: #ffffff;
}

.Card--Case--Study--Cards .card .card-body h4 {
    font-size: 4rem;
}

.Card--Case--Study--Cards .card .card-body p {
    font-size: 1.8rem;
}

.Card--Case--Study--Cards .card .card-body ul {
    display: flex;
    justify-content: space-evenly;
    font-size: 1.8rem;
}

.technology--stack .technologies_item {
    display: flex;
    margin-bottom: 50px;
}

    .technology--stack .technologies_item h4 {
        margin-right: 35px;
        padding: 15px;
    }

    .technology--stack .technologies_item ul {
        margin-bottom: 0;
        list-style: none;
        padding-left: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .technology--stack .technologies_item ul li {
            font-size: 20px;
            font-weight: bold;
            margin-right: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f4f4ff;
            line-height: normal;
            padding: 15px;
        }

            .technology--stack .technologies_item ul li img {
                max-width: 30px;
                vertical-align: text-bottom;
            }

.ui-ux-process img{
    max-width:400px;
}

.ui-ux-accordian .accordion-item {
    background-color: #282828;
    border: none;
    margin-bottom:10px;
}

.ui-ux-accordian .Card--lg--FAQ .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #282828;
}

.ui-ux-accordian .Card--lg--FAQ .accordion-button {
    height: 60px;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem; 
    background-color: #282828;
    font-weight: bold;
    color: #ffffff;
}

.accordion-item {
    margin-bottom: 20px;
}

.hire-accordian .accordion-item {
    border: none;
    margin-bottom: 10px;
}

@media (max-width:768px) and (min-width:300px){
    .Client--stack p {
        font-size: 20px;
    }

    .Client--stack .client--stack {
        justify-content: center;
    }

        .Client--stack .client--stack .col img {
            max-width: 100px;
        }

    .Card--Case--Study--Cards .card card-body h4{
        font-size:2rem;
    }

    .Card--Case--Study--Cards .card .card-body p{
        font-size: 1.5rem;
    }

    .Card--Case--Study--Cards .card .card-body ul {
        font-size: 1rem;
        justify-content: space-around;
    }

    .technology--stack .technologies_item {
        margin-bottom: 0px;
        flex-direction: column;
    }

        .technology--stack .technologies_item ul li {
            margin-right: 5px;
            margin-bottom: 5px;
        }

    .ui-ux-process img {
        max-width: 215px;
        margin-bottom: 20px;
    }
}

@media (min-width:768px) and (max-width:850px) {
    .Client--stack p {
        font-size: 20px;
    }

    .Card--Case--Study--Cards .card .card-body ul {
        justify-content: space-around;
        font-size: 1.2rem;
    }

    .Card--Case--Study--Cards .card .card-img-top {
        width: 120px;
    }

    .Card--Case--Study--Cards .card .card-body h4 {
        font-size: 2rem;
    }

    .technology--stack .technologies_item {
        flex-direction: column;
        margin-bottom:0px;
    }

        .technology--stack .technologies_item h4 {
            padding: 0px;
            margin-bottom: 10px;
        }

        .technology--stack .technologies_item ul li {
            font-size: 15px;
            margin-bottom: 10px;
            margin-right: 10px;
        }

            .technology--stack .technologies_item ul li img {
                max-width: 25px;
                vertical-align: text-bottom;
            }
}

@media (min-width:920px) and (max-width:1200px){
    .Client--stack{
        margin-top:100px;
    }

        .Client--stack p{
            font-size:25px;
        }

        .Client--stack img {
            max-width: 150px;
        }

    .Card--Case--Study--Cards .card .card-body h4 {
        font-size: 3rem;
    }

    .technology--stack .technologies_item h4 {
        margin-right: 20px;
    }

    .technology--stack .technologies_item ul li {
        font-size: 15px;
        margin-right: 5px;
    }

    .technology--stack .technologies_item ul li img {
        max-width: 25px;
    }
}

/*AI DEVELOPMENT SERVICE*/

.AI-agents-we-deliver .nav-pills .nav-link.active {
    color: #009688;
    background-color: transparent;
    border-bottom: 4px solid;
    font-size: 20px;
    border-radius: 0px;
}

.AI-agents-we-deliver .nav-pills .nav-link {
    color: #bfbfbf;
    font-size: 20px;
}

.AI-agents-we-deliver .nav-link:hover {
    color: #009688;
}

/*AI CHATBOT DEVELOPMENT SERVICES*/

.ai-chatbot-development .row{
    max-width:1000px;
    margin:auto;
}

    .ai-chatbot-development .row .card .card-body {
        padding-left: 40px;
        padding-right: 40px;
    }

@media (min-width:300px) and (max-width:768px){
    .ai-chatbot-development .row .card .card-body {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .chatbot-solutions .card .card-body img{
        max-width:25px !important;
    }

    .chatbot-solutions .card .card-body p{
        font-size:15px !important;
    }
}

.card-cta {
    background: url('../imgs/cta-bg.jpg');
    padding: 15px 15px !important;
    background-color: #282828;
}

    .card-cta h4 {
        font-size: 2.5rem;
        color: #000000;
        line-height: 1.5;
    }

    .card-cta p {
        font-family: "proxima-nova", sans-serif;
        font-size: 1.6rem;
        line-height: 2;
        color: #282828;
    }


section.one {
    position: relative;
}

.left div {
    width: 100%;
    height: 200px;
    background: #ccd9f1;
    margin-bottom: 25px;
    border-radius: 4px;
}



.right-child {
    display: block;
}



    .right-child.posFix {
        position: fixed;
        top: 115px;
        transition: ease-in 1s;
    }

    .right-child.posAbs {
        position: relative;
        bottom: 25px;
        width: 100%;
        transition: ease-out .1s;
    }

.bottom {
    width: 100%;
    height: 900px;
    background: #8698b9;
}

/*TEXT CHANGER*/
.rotating-text {
    /*color: #00f0ff;*/
    background: linear-gradient(90deg, rgba(63, 156, 249, 1), rgba(2, 161, 116, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-right: 2px solid #00f0ff;
    white-space: nowrap;
    overflow: hidden;
    /*display: inline-block;*/
    animation: blinkCursor 0.75s step-end infinite;
    font-family: 'Poppins', sans-serif;
    font-size: 4.5rem;
    line-height: 1.5;
}

@keyframes blinkCursor {
    from, to {
        border-color: transparent;
    }

    50% {
        border-color: #00f0ff;
    }
}

/*AI SERVICES HOMEPAGE*/
.Card--ai--services .AI--services .card {
    border:none;
    border-bottom: 1px solid;
    border-radius: 0px;
}

    .Card--ai--services .AI--services .card:hover {
        border-bottom: 2px solid #228DF8;
        transition: ease-in .5s;
    }

    .Card--ai--services .AI--services .card .card-body p.card-title {
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 1.8;
    }

.Card--ai--services .AI--services .card .card-body p.card-text {
    font-size: 1.8rem;
    line-height: 1.8;
}

#right-content .sticky-item-scroll .sticky-item-scroll-header {
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    background-color: #282828;
    border-radius: 5px;
    color: #fff;
}

#right-content .sticky-item-scroll .sticky-item-scroll-content {
    margin-bottom: 50px;
}

.Card--lg--section--openning--wrapper-small p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 2;
    color: #282828;
}

.Card--lg--section--openning--wrapper-small a {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
}

.ai-card-components .card .card-body {
    padding: 32px 32px 0px 32px;
}

.ai-card-components .card .card-footer {
    padding: 0px 32px 32px 32px;
}

    .ai-card-components .card .card-footer a {
        color: #d3151f;
    }

        .ai-card-components .card .card-footer a:hover {
            text-decoration: underline;
        }

        .ai-card-components .card .card-footer a::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: '\f061';
            position: absolute;
            width: 15px;
            transform: rotate(315deg);
            transition: 0.2s ease-in;
            font-size: 15px;
            color: #d3151f;
        }

        .ai-card-components .card .card-footer a:hover::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: '\f061';
            position: absolute;
            width: 15px;
            transform: rotate(360deg);
            transition: 0.2s ease-in;
            font-size: 15px;
            color: #d3151f;
        }

.fixed-left {
    position: fixed;
    top: 120px;
    width: 30%;
    transition: all 0.2s ease;
}

.stop-fixed {
    position: absolute;
    bottom: 0;
    transition: all 0.2s ease;
}

/*EVENT BANNER*/
.event-banner-top {
    position: fixed;
    top: 0;
    height: 40px;
    z-index: 99999999;
    width: 100%;
    color: #fff;
}

    .event-banner-top .content-container {
        height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .event-banner-top .content-container p {
            font-size: 14px;
        }

        .event-banner-top .event-banner-btn a{
            padding: 8px 35px;
            border: 1px solid;
            color: #ffffff;
        }

        @media (min-width:320px) and (max-width:768px){
            .event-banner-top .content-container h4 {
                font-size: 1.1rem;
            }
        }

/*About US*/
/* Grid Container */
.grid-container {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 120px 120px 150px;gap: 20px;margin: auto;}

/* Individual Card Colors & Layout */
.grid-card-one  { background: #5EB8AF; grid-column: 1/2; grid-row: 1/2; color:#ffffff; }
.grid-card-one::before{ content: ""; position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: url(../imgs/grid-images/elite-development.svg) no-repeat center/contain;}
.grid-card-one .card-title{z-index: 9;min-height: 120px;display: flex;flex-direction: column;justify-content: flex-end;}
.grid-card-one .card-title h4{font-size: 2.4rem;}

.grid-card-two  { background: #F3C11B; background-image: linear-gradient(to right top, #f3c11b, #f7b60f, #faac04, #fda100, #ff9500); grid-column: 2/3; grid-row: 1/3; }
.grid-card-two::before{content: ""; position: absolute; bottom: 0; right: 0; width: 150px; height: 150px; background: url(../imgs/grid-images/projects.svg) no-repeat center/contain;}
.grid-card-two .card-title{color: #ffffff;}
.grid-card-two .card-title h2{font-size: 6rem; font-weight: bolder; margin-bottom: 0;}
.grid-card-two .card-title p{font-size: 2rem;}

.grid-card-three{ background: #D3151F; grid-column: 3/4; grid-row: 1/2; }
.grid-card-three::before{content: ""; position: absolute; top: 0; right: 0; width: 85px; height: 85px; background: url(../imgs/grid-images/certified-developers.svg) no-repeat center/contain;}

.grid-card-three .card-title,.grid-card-four .card-title{color: #ffffff;}
.grid-card-three .card-title h2, .grid-card-four .card-title h2{font-size: 6rem; font-weight: bolder; margin-bottom: 0;}
.grid-card-three .card-title p,  .grid-card-four .card-title p{font-size: 2rem;}

.grid-card-six  {background: url(../imgs/grid-images/team.webp); background-size: cover;}
.grid-card-seven{background: url(../imgs/grid-images/ms-gold-partner.jpg); background-size: contain;background-repeat: no-repeat;background-position: center;}

.grid-card-four { background: #2A2A2A; grid-column: 4/5; grid-row: 1/2; }
.grid-card-four::before{content: "";position: absolute;top: 0;right: 0;width: 85px;height: 85px;background: url(../imgs/grid-images/iso.svg) no-repeat center / contain;}

.grid-card-five { background: #F05A22; grid-column: 1/2; grid-row: 2/3; }
.grid-card-six  { background-color: #000000; grid-column: 2/3; grid-row: 3/4; }
.grid-card-seven{ background-color: #ffffff; grid-column: 1/2; grid-row: 3/4; }

.grid-card-eight{ background: #7B61FF; grid-column: 3/5; grid-row: 2/4; }
.grid-card-eight .card-title {display: flex;flex-direction: column;justify-content: center;min-height: 290px; }
.grid-card-eight .card-title h2{font-size: 6rem; color:#ffffff;}
.grid-card-eight .card-title p{font-size: 3rem; color:#ffffff;}
.grid-card-eight::before{content: "";position: absolute;top: 0;right: 0;width: 254px;height: 290px;background: url(../imgs/grid-images/experience.webp) no-repeat center / contain;mix-blend-mode: lighten;}

/* Responsive */
@media (max-width: 900px) {.grid-container {display: none;}}

@media(min-width: 1024px) and (max-width:1400px){
    .grid-card-one .card-title h4 {font-size: 1.8rem;}
    .grid-card-three .card-title p, .grid-card-four .card-title p {font-size: 1.4rem;}
    .grid-card-eight .card-title h2 {font-size: 4rem;}
    .grid-card-eight .card-title p {font-size: 2rem;}
}

/*INDUSTRY SLIDER*/
.card-slider-wrap {position: relative;}
.card-slider-container {display: flex;gap: 1rem;overflow-x: auto;scroll-behavior: smooth;scroll-snap-type: x mandatory;padding: .25rem 2.75rem;}
.card-slider-container .card-body {position: absolute;bottom: 0;color: #ffffff;}
.card-slider-container .card-body p {font-size: 14px;color: #ffffff;}
.card-slider-container::-webkit-scrollbar {display: none;}
.card-slider-container {scrollbar-width: none;}
.card-slider-container .card {flex: 0 0 280px; /* fixed basis so widths are consistent */scroll-snap-align: start; /* snap target */}
.card-slider-container .card img {width: 100%;height: auto;display: block;}
.slider-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;font-size: 30px;width: 40px;height: 40px; border: none;border-radius: 50%;background: rgb(211 21 31);color: #fff;display: grid;place-items: center;}
.card-slider-wrap .prev-btn {left: -20px;}
.card-slider-wrap .next-btn {right: .5rem;}
.industy-card-slider .industy-content {padding: 40px;}

.section-button a {background: linear-gradient(90deg, rgba(63, 156, 249, 1), rgba(2, 161, 116, 1));color: #ffffff;padding: 20px 50px;font-size: 1.8rem;border-radius: 5px;}


.Card--banner--CMS {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}

    .Card--banner--CMS .Banner--content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-top: 100px;
    }

        .Card--banner--CMS .Banner--content h1 {
            font-family: 'Poppins', sans-serif;
            font-size: 4.5rem;
            line-height: 1.5;
            /*padding-top: 20px;*/
        }

        .Card--banner--CMS .Banner--content p {
            font-family: "proxima-nova", sans-serif;
            font-size: 1.8rem;
            line-height: 2;
        }

        .Card--banner--CMS .Banner--content span {
            font-size: 14px;
            font-weight: bolder;
        }

        .Card--banner--CMS .Banner--content .technology-list ul {
            list-style: none;
            padding-left: 0px;
            font-size: 1.8rem;
            line-height: 2.6;
            color: #282828;
            display: block;
            width: auto;
        }

            .Card--banner--CMS .Banner--content .technology-list ul li {
                width: auto;
            }

        .Card--banner--CMS .Banner--content img.achivement-banners{;
            display:block;
        }

        .technology-list ul li::before {
            content: url(/imgs/arc-list.svg);
            margin-right: 10px;
            vertical-align: text-bottom;
            line-height: 0;
        }

.cms--multi--services--list .technology-list ul {
    list-style: none;
    padding-left: 0px;
    font-size: 1.8rem;
    line-height: 2.6;
    color: #282828;
    display: block;
    width: auto;
}

.cms--multi--services--list .technology-list ul li{
    width:100%;
}

.hire--cms--exclusive--section {
    background: url('https://intranet.zenesys.com/getmedia/b4dbe5dd-4451-4b83-b7a9-a969fccbcebf/zenesys-circle-bg.webp');
    background-size:cover;
    background-position:center;
    height:700px;
}

    .hire--cms--exclusive--section .banner-content {
        height: 700px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .hire--cms--exclusive--section .banner-content h2{
            font-size:7rem;
        }

        .hire--cms--exclusive--section .banner-content h4 {
            font-size: 45px;
            font-weight: 100;
        }

        .hire--cms--exclusive--section .banner-content h4 .font-bold{
            font-weight:bold;
        }

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

    .hire--cms--exclusive--section .banner-content h4 {
        font-size: 20px;
        font-weight: 100;
    }

    .hire--cms--exclusive--section .banner-content h2 {
        font-size: 4rem;
    }

    .hire--cms--exclusive--section {
        height: 300px;
    }

        .hire--cms--exclusive--section .banner-content {
            height: 300px;
        }
}

@media (min-width:800px) and (max-width:1200px){
    .hire--cms--exclusive--section .banner-content h4 {
        font-size: 34px;
        font-weight: 100;
    }

    .hire--cms--exclusive--section .banner-content h2 {
        font-size: 6rem;
    }
}

.Card--banner--wrapper {
    position: relative;
    min-height: 800px;
    overflow: hidden;
}

.banner-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.Card--banner--service {
    z-index: 2;
}

.Card--banner--wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.Card-contact-banner {
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

    .Card-contact-banner::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
    }

.Card-Banner-CMS {
    z-index: 2;
}

.cta--backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.Card-contact-banner .Card-Banner-CMS .banner-content {
    justify-content: center;
    padding-top: 50px;
}

.banner-hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: -1;
}


/*NEW CSS 05 MAY 2026*/

.hero-section {
    /*min-height: 100vh;*/
    background: radial-gradient(circle at center, rgba(17, 84, 140, 0.45), transparent 32%), linear-gradient(90deg, #02182b 0%, #03192b 100%);
    padding: 140px 0 40px;
    overflow: hidden;
    position: relative;
}

.badge-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #1d1d1d;
    border: 1px solid #ff2a2a;
    border-radius: 50px;
    padding: 14px 26px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
}

.hero-title {
    font-family: 'Poppins', sans-serif;
    font-size: 4.5rem;
    line-height: 1.5;
    padding-top: 20px;
    margin-bottom: 15px;
}

    .hero-title span {
        color: #ff1212;
    }

.hero-subtitle {
    font-size: 24px;
    line-height: 1.45;
    font-weight: 600;
    margin-bottom: 20px;
}

.hero-description {
    font-size: 1.8rem;
    line-height: 2;
    margin-bottom: 38px;
}

.ratings {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
    font-size: 1.8rem;
    color: #fff;
}

    .ratings .stars {
        color: #ffbf00;
        letter-spacing: 1px;
    }

.divider {
    opacity: 0.6;
}

.cta-wrap {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    margin-bottom: 90px;
}

.btn-red {
    background: #ff1414;
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 24px 38px;
    font-size: 18px;
    font-weight: 600;
    /*min-width: 420px;*/
    transition: 0.3s ease;
}

    .btn-red:hover {
        background: #e90f0f;
        color: #fff;
    }

.btn-outline-custom {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 14px;
    padding: 24px 38px;
    font-size: 18px;
    font-weight: 500;
    /*min-width: 260px;*/
    transition: 0.3s ease;
}

    .btn-outline-custom:hover {
        background: #fff;
        color: #02182b;
    }

.logos-row {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    align-items: center;
    justify-content:space-between;
}

.logo-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.logo-box {
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.logo-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.logo-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
}

/* FORM CARD */
.form-card {
    background: #f5f5f5;
    border-radius: 24px;
    padding: 42px 34px;
    max-width: 520px;
    margin-left: auto;
}

.form-title {
    color: #1f1f1f;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
}

.form-text {
    color: #333;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* ONLY SPACE FOR FORM */
.form-placeholder .form-control,
.form-placeholder .form-select {
    height: 62px;
    border-radius: 8px;
    margin-bottom: 18px;
    border: 1px solid #d5d5d5;
    background: transparent;
    box-shadow: none;
}

.fake-btn {
    width: 100%;
    height: 64px;
    border-radius: 14px;
    background: #1f1f1f;
    color: #fff;
    border: none;
    font-size: 20px;
    font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 1399px) {
    .hero-title {
        font-size: 62px;
    }

    .hero-subtitle {
        font-size: 28px;
    }

    .hero-description {
        font-size: 21px;
    }

    .btn-red,
    .btn-outline-custom {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .hero-section {
        padding: 85px 0;
    }

    .hero-title {
        font-size: 52px;
    }

    .hero-subtitle {
        font-size: 24px;
    }

    .hero-description {
        font-size: 18px;
    }

    .ratings {
        font-size: 18px;
    }

    .btn-red,
    .btn-outline-custom {
        min-width: auto;
        width: 100%;
        font-size: 20px;
        padding: 18px 24px;
    }

    .form-card {
        margin-top: 50px;
    }

    .logos-row {
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .badge-custom {
        font-size: 14px;
        padding: 10px 18px;
    }

    .hero-title {
        font-size: 42px;
    }

    .hero-subtitle {
        font-size: 20px;
    }

    .hero-description {
        font-size: 16px;
    }

    .ratings {
        gap: 12px;
        font-size: 15px;
    }

    .cta-wrap {
        margin-bottom: 50px;
    }

    .logo-item {
        width: 100%;
    }

    .form-card {
        padding: 30px 22px;
    }
}














.cms-section {
    padding: 60px 0 80px;
}

/* TOP BADGE */
.top-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ff1e1e;
    border-radius: 50px;
    padding: 12px 48px;
    color: #ff1e1e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
    background: #fff;
}

    .top-badge span {
        margin-right: 12px;
        font-size: 14px;
    }

/* TITLE */
.main-title {
    font-size: 64px;
    line-height: 1.2;
    font-weight: 700;
    color: #202124;
/*    margin-bottom: 70px;*/
    letter-spacing: -1px;
}

/* NAV PILLS */
.nav-pills-custom {
    gap: 15px;
    margin-bottom: 75px;
    flex-wrap: wrap;
}

    .nav-pills-custom .nav-link {
        border: 1.5px solid #b9c1d6;
        border-radius: 50px;
        background: transparent;
        color: #8a97b6;
        font-size: 20px;
        font-weight: 500;
        padding: 16px 16px;
        /*min-width: 210px;*/
        text-align: center;
        transition: all 0.3s ease;
    }

        .nav-pills-custom .nav-link.active {
            background: #fff;
            border-color: #ff1f1f;
            color: #ff1f1f;
            font-weight: 600;
        }

/* LEFT CONTENT */
.content-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #222;
}

.content-text {
    font-size: 1.8rem;
    line-height: 2;
    color: #2d2d2d;
    margin-bottom: 20px;
    max-width: 820px;
}

.feature-list {
    margin: 0;
}

    .feature-list li {
        font-size: 1.8rem;
        line-height: 2.2;
        color: #2d2d2d;
        margin-bottom: 8px;
    }

.feature-list li::before {
    content: '→';
    color: var(--teal);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

/* RIGHT CARD */
.stats-card {
    background: #f1f3f8;
    border-radius: 28px;
    padding: 40px 36px;
    height: 100%;
}

.stat-item {
    margin-bottom: 42px;
}

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

.stat-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.stat-label {
    font-size: 1.8rem;
    font-weight: 600;
    color: #8795b3;
}

.stat-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: #8795b3;
}

@keyframes barGrow {
    from {
        width: 0;
    }
}

/*.progress {
    height: 20px;
    border-radius: 50px;
    background: #f7f5f4;
    overflow: hidden;
}

.progress-bar {
    border-radius: 50px;
    background: linear-gradient( 90deg, #7a4de8 0%, #e1122d 100% );
}*/

/* RESPONSIVE */
@media (max-width: 1399px) {
    .main-title {
        font-size: 52px;
    }

    .content-title {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .cms-section {
        padding: 50px 0;
    }

    .main-title {
        font-size: 42px;
        margin-bottom: 50px;
    }

    .nav-pills-custom {
        gap: 15px;
        margin-bottom: 55px;
    }

        .nav-pills-custom .nav-link {
            min-width: auto;
            width: 100%;
        }

    .content-title {
        font-size: 38px;
    }

    .content-text {
        font-size: 18px;
        line-height: 1.9;
    }

    .feature-list li {
        font-size: 18px;
        line-height: 2;
    }

    .stats-card {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .top-badge {
        font-size: 16px;
        padding: 10px 28px;
    }

    .main-title {
        font-size: 34px;
        line-height: 1.35;
    }

    .nav-pills-custom .nav-link {
        font-size: 16px;
        padding: 14px 24px;
    }

    .content-title {
        font-size: 30px;
    }

    .content-text {
        font-size: 16px;
    }

    .feature-list li {
        font-size: 16px;
    }

    .stat-value {
        font-size: 26px;
    }
}


/* PROGRESS BAR */
.progress {
    height: 15px;
    border-radius: 50px;
    background: #ffffff;
    overflow: hidden;
}

.progress-bar {
    border-radius: 50px;
    background: linear-gradient( 90deg, #7a4de8 0%, #e1122d 100% );
    animation: barGrow 1.5s ease forwards;
}





.services-section {
    padding: 40px 0;
}

.service-card {
    background: #F3F6FD;
    border-radius: 18px;
    padding: 28px 26px;
    height: 100%;
    transition: 0.3s ease;
    display: flex;
    flex-direction: column;
}

    .service-card:hover {
        transform: translateY(-4px);
    }

.service-logo {
    max-width: 150px;
    object-fit: contain;
    margin-bottom: 28px;
}

.service-desc {
    flex-grow: 1;
}

.service-link {
    color: #16b38a;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease;
}

    .service-link:hover {
        color: #0e9f78;
    }

.arrow {
    font-size: 18px;
    line-height: 1;
}

@media (max-width: 991px) {
    .service-card {
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .services-section {
        padding: 20px 0;
    }

    .service-title {
        font-size: 17px;
    }

    .service-desc {
        font-size: 14px;
    }
}







.case-study-section {
    padding: 20px 0;
}

.case-card {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    transition: 0.3s ease;
}

    .case-card:hover {
        transform: translateY(-4px);
    }

.card-image {
    position: relative;
    height: 210px;
    overflow: hidden;
}

    .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.industry-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #20c997;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: 50px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.card-content {
    padding: 22px 22px 18px;
}

.case-card .card-title {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #111;
}

.card-description {
    font-size: 12.8px;
    line-height: 2;
    color: #333;
    margin-bottom: 22px;
}

.stats-row {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.stat-item h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 6px;
}

.stat-item span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    display: block;
}

.case-link {
    text-decoration: none;
    color: #18b68f;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease;
}

    .case-link:hover {
        color: #0f9f7b;
    }

.arrow {
    font-size: 16px;
    line-height: 1;
}

@media (max-width:991px) {

    .card-image {
        height: 220px;
    }

    .stats-row {
        gap: 20px;
    }
}

@media (max-width:767px) {

    .case-study-section {
        padding: 15px 0;
    }

    .card-image {
        height: 230px;
    }

    .card-content {
        padding: 20px;
    }

    .stats-row {
        justify-content: space-between;
    }
}








.why-section {
    padding: 18px 0;
}

/* LEFT CONTENT */

.tag-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 22px;
    border: 1.5px solid #ff3b30;
    border-radius: 50px;
    color: #ff3b30;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-bottom: 22px;
    background: #fff;
}

    .tag-label span {
        font-size: 18px;
        line-height: 1;
    }

.main-heading {
    margin-bottom: 26px;
    max-width: 520px;
}

.main-description {

    /*max-width: 530px;*/
    margin-bottom: 32px;
}

/* STATS */

.stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.stat-box {
    background: #f1f2f5;
    border-radius: 12px;
    padding: 24px 22px;
    min-height: 105px;
}

    .stat-box h3 {
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 10px;
        color: #111;
    }

    .stat-box p {
        margin: 0;
        font-size: 15px;
        color: #222;
        line-height: 1.6;
    }

/* RIGHT SIDE */

.feature-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.feature-card {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 14px;
    padding: 18px 18px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    transition: 0.3s ease;
}

    .feature-card:hover {
        transform: translateY(-3px);
    }

.feature-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 8px;
    background: #24b58b;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .feature-icon svg {
        width: 20px;
        height: 20px;
        stroke: #fff;
    }

.feature-content h4 {
    font-size: 18px;
    font-weight: 800;
    color: #111;
    margin-bottom: 6px;
}

.feature-content p {
    margin: 0;
    font-size: 13px;
    line-height: 1.9;
    color: #333;
}

/* RESPONSIVE */

@media (max-width:991px) {

    .main-heading {
        max-width: 100%;
    }

    .main-description {
        max-width: 100%;
    }

    .right-column {
        margin-top: 30px;
    }
}

@media (max-width:767px) {

    .why-section {
        padding: 25px 0;
    }

    .main-heading {
        font-size: 28px;
    }

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

    .feature-card {
        padding: 16px;
    }
}








.workflow-section {
    padding: 12px 0 20px;
}

/* TOP BADGE */

.section-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 28px;
    border: 1.5px solid #ff2a2a;
    border-radius: 50px;
    background: #fff;
    color: #ff2a2a;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
}

    .section-badge span {
        font-size: 18px;
        line-height: 1;
    }

/* TIMELINE */

.timeline {
    position: relative;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

    .timeline::before {
        content: "";
        position: absolute;
        left: 27px;
        top: 20px;
        width: 1px;
        height: calc(100% - 40px);
        background: #bdbdbd;
    }

.timeline-item {
    position: relative;
    padding-left: 76px;
    padding-right: 210px;
    margin-bottom: 52px;
    min-height: 92px;
}

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

/* NUMBER CIRCLE */

.timeline-number {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #27b18f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 800;
    z-index: 2;
}

    .timeline-number span {
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 0.5px;
    }

/* CONTENT */

.timeline-content h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #111;
}

.timeline-content p {
    margin: 0;
    font-size: 15px;
    line-height: 2;
    color: #222;
    max-width: 780px;
}

/* RIGHT INFO */

.timeline-side {
    position: absolute;
    right: 0;
    top: 4px;
    text-align: right;
}

.week-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    padding: 9px 20px;
    border: 1.5px solid #ff2a2a;
    border-radius: 50px;
    background: #fff;
    color: #ff2a2a;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.deliverable {
    font-size: 15px;
    font-weight: 700;
    color: #111;
}

/* RESPONSIVE */

@media (max-width:991px) {

    .timeline-item {
        padding-right: 0;
    }

    .timeline-side {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 20px;
        text-align: left;
    }
}

@media (max-width:767px) {

    .workflow-section {
        padding: 25px 0;
    }

    .section-title {
        font-size: 28px;
        line-height: 1.4;
    }

    .section-description {
        font-size: 14px;
        line-height: 1.9;
        margin-bottom: 40px;
    }

    .timeline::before {
        left: 28px;
    }

    .timeline-item {
        padding-left: 68px;
        margin-bottom: 45px;
    }

    .timeline-number {
        width: 46px;
        height: 46px;
    }

        .timeline-number span {
            font-size: 15px;
        }

    .timeline-content h3 {
        font-size: 19px;
    }

    .timeline-content p {
        font-size: 14px;
    }

    .week-badge {
        min-width: 110px;
        font-size: 14px;
    }
}





.pricing-section {
    padding: 18px 0 30px;
}

/* TOP BADGE */

.section-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 28px;
    border: 1.5px solid #ff2d2d;
    border-radius: 50px;
    background: #fff;
    color: #ff2d2d;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 24px;
}

    .section-badge span {
        font-size: 18px;
        line-height: 1;
    }

/* SECTION TITLE */

.section-title {
    font-size: 32px;
    font-weight: 800;
    color: #2a2a2a;
    margin-bottom: 18px;
}

.section-description {
    font-size: 15px;
    color: #444;
    margin-bottom: 48px;
}

/* PRICING CARD */

.pricing-card {
    position: relative;
    background: #041f33;
    border-radius: 16px;
    padding: 42px 22px 28px;
    color: #fff;
    height: 100%;
    overflow: hidden;
    transition: 0.3s ease;
}

    .pricing-card:hover {
        transform: translateY(-4px);
    }

/* CENTER CARD GLOW */

.featured-card {
    background: radial-gradient(circle at top center, rgba(23, 120, 190, 0.45), rgba(4, 31, 51, 1) 55%);
}

/* MOST POPULAR */

.popular-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #28b38f;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 18px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    min-width: 98px;
    text-align: center;
}

/* CARD CONTENT */

.pricing-title {
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 6px;
    color: #fff;
}

.starting-text {
    font-size: 11px;
    color: #c0c7d0;
    margin-bottom: 14px;
}

.price {
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    color: #1ec79b;
    margin-bottom: 6px;
}

.price-subtext {
    font-size: 11px;
    color: #9fa8b4;
    margin-bottom: 26px;
}

/* FEATURES */

.card-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 26px;
}

    .card-feature-list li {
        position: relative;
        padding-left: 18px;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 1.6;
        color: #ffffff;
    }

        .card-feature-list li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: #ffffff;
            font-weight: 700;
            font-size: 12px;
        }

/* BUTTON */

.quote-btn {
    width: 100%;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #00c79b;
    background: transparent;
    color: #00c79b;
    font-size: 11px;
    font-weight: 700;
    transition: 0.3s ease;
}

    .quote-btn:hover {
        background: #00c79b;
        color: #fff;
    }

.featured-card .quote-btn {
    background: #2ab08d;
    border-color: #2ab08d;
    color: #fff;
}

    .featured-card .quote-btn:hover {
        opacity: 0.9;
    }

/* RESPONSIVE */

@media (max-width:991px) {

    .pricing-card {
        margin-bottom: 24px;
    }
}

@media (max-width:767px) {

    .pricing-section {
        padding: 25px 0;
    }

    .section-title {
        font-size: 28px;
        line-height: 1.4;
    }

    .section-description {
        font-size: 14px;
        margin-bottom: 35px;
    }

    .pricing-card {
        padding: 40px 20px 24px;
    }
}



.cta-section {
    padding: 20px 0 28px;
    background: #f5f5f5;
}

/* TITLE */

.cta-title {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.35;
    color: #2a2a2a;
    margin-bottom: 18px;
}

.cta-description {
    font-size: 15px;
    color: #444;
    margin-bottom: 30px;
}

/* BUTTONS */

.cta-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 38px;
}

.primary-btn {
    min-width: 178px;
    height: 36px;
    padding: 0 22px;
    border: none;
    border-radius: 8px;
    background: #ff160a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    transition: 0.3s ease;
}

    .primary-btn:hover {
        background: #e80d03;
        color: #fff;
    }

.secondary-btn {
    min-width: 132px;
    height: 36px;
    padding: 0 18px;
    border: 1px solid #a7b3d1;
    border-radius: 8px;
    background: transparent;
    color: #9aa7c7;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s ease;
}

    .secondary-btn:hover {
        background: #eef2ff;
        color: #7c8fb9;
    }

/* BOTTOM INFO */

.cta-info-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 42px;
    flex-wrap: wrap;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #222;
    font-size: 14px;
    font-weight: 500;
}

    .info-item i {
        font-size: 16px;
        color: #000;
    }

.highlight {
    color: #25b48e;
    font-weight: 700;
}

.email-link {
    color: #25b48e;
    text-decoration: none;
    font-weight: 700;
}

    .email-link:hover {
        text-decoration: underline;
        color: #25b48e;
    }

/* RESPONSIVE */

@media (max-width:767px) {

    .cta-section {
        padding: 35px 0;
    }

    .cta-title {
        font-size: 28px;
    }

    .cta-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .cta-buttons {
        margin-bottom: 32px;
    }

    .primary-btn,
    .secondary-btn {
        width: 100%;
        max-width: 280px;
    }

    .cta-info-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }
}


#leadGenHeroForm .form-select {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 400;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}