* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

html {
    scroll-behavior: smooth !important;
}

body {
    overflow-x: hidden;
}

html body p, html body label, html body span, html body li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

html body ul, html body li {
    padding: 0;
    margin: 0;
    list-style: none;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body h3 span, span.small-title-heading {
    padding: 0;
    margin: 0;
    font-family: "Anton", sans-serif;
    text-transform: uppercase;
}

html body h1 {
    font-size: 150px;
    color: #CCFF00;
    line-height: 132px;
}

html body h2 {
    font-size: 85px;
    color: #ffffff;
    line-height: 95px;
}

html body h3, html body h3 span {
    font-size: 55px;
    color: #fff;
    line-height: 70px;
}

    html body h3 span.clr-changed-yellow {
        color: #CCFF00;
    }

    html body h3 span.clr-changed-blue {
        color: #1423C8;
    }

html body h4 {
    font-size: 40px;
    color: #fff;
    line-height: 50px;
}

html body h5 {
    font-size: 35px;
    color: #CCFF00;
    line-height: 40px;
}

html body span.small-title-heading {
    font-size: 35px;
    color: #CCFF00;
    line-height: 40px;
}

html body h6 {
    font-size: 22px;
    color: #000;
    line-height: 32px;
}

.bg-dark-clr {
    background-color: #1E1E1E;
}

a {
    text-decoration: none;
    font-family: "Anton", sans-serif;
    text-transform: uppercase;
}

    a.animated-button {
        position: relative;
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 12px 36px;
        border: 4px solid;
        border-color: transparent;
        font-size: 16px;
        background-color: inherit;
        font-weight: 600;
        color: #CCFF00;
        box-shadow: 0 0 0 2px #CCFF00;
        overflow: hidden;
        transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        width: max-content;
    }

        a.animated-button svg {
            position: absolute;
            width: 24px;
            fill: #CCFF00;
            z-index: 9;
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        }

        a.animated-button .arr-1 {
            right: 16px;
        }

        a.animated-button .arr-2 {
            left: -25%;
        }

        a.animated-button .circle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 20px;
            height: 20px;
            background-color: #CCFF00;
            border-radius: 50%;
            opacity: 0;
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        }

        a.animated-button .text {
            position: relative;
            z-index: 1;
            transform: translateX(-12px);
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
            font-family: 'Anton';
            text-transform: uppercase;
        }

        a.animated-button:hover {
            box-shadow: 0 0 0 2px #CCFF00;
            color: #212121;
        }

            a.animated-button:hover .arr-1 {
                right: -25%;
            }

            a.animated-button:hover .arr-2 {
                left: 16px;
            }

            a.animated-button:hover .text {
                transform: translateX(12px);
                color: #0D1CC1;
            }

            a.animated-button:hover svg {
                fill: #0D1CC1;
            }

        a.animated-button:active {
            scale: 0.95;
            box-shadow: 0 0 0 4px #CCFF00;
        }

        a.animated-button:hover .circle {
            width: 220px;
            height: 220px;
            opacity: 1;
        }

.main-header-section {
    display: inline-block;
    width: 100%;
    padding: 0px 0 0px 0;
    position: absolute;
    top: 0;
    z-index: 1;
    transition: 0.5s ease-in-out;
}

header.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    transition: 0.5s ease-in-out;
}

.main-header-section.fixed {
    background: rgba(19 33 199);
    /*    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);*/
}
/*
.main-header-section {
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}*/
.main-header-section ul.navbar-nav li a {
    color: #fff;
    padding: 8px 16px !important;
    font-size: 20px;
}

    .main-header-section ul.navbar-nav li a:hover, .main-header-section ul.navbar-nav li a.active {
        color: #CCFF00;
        transition: 0.5s ease;
    }

.section {
    padding: 100px 0 100px 0;
    display: inline-block;
    width: 100%;
}

.banner-section {
    background: url(../images/hero-banner-background-image.webp) center / cover no-repeat;
    padding: 180px 0 0;
}

.counter-box {
    margin-bottom: 60px;
    padding-bottom: 10px;
    border-bottom: 2px solid #CCFF00;
}

    .counter-box p {
        font-family: 'Anton';
        color: #fff;
        text-transform: uppercase;
        font-size: 23px;
        line-height: 30px;
    }

    .counter-box h2 span {
        font-size: 85px;
        font-family: 'Anton';
        color: #CCFF00 !important;
    }

a.navbar-brand {
    color: #CCFF00;
    font-size: 25px;
}

.animated-images-box {
    position: relative;
}

    .animated-images-box img {
        position: absolute;
        inset: 0;
    }

        .animated-images-box img:first-child {
            z-index: 1;
        }

    .animated-images-box svg {
        z-index: 2;
        position: relative;
    }

    .animated-images-box img:last-child {
        z-index: 3;
    }

.animated-images-box {
    perspective: 1000px;
}

.moveable-3d {
    display: inline-block;
    transition: transform 0.1s ease;
    will-change: transform;
}

.hero-banner-desc-box p {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.image-rotation {
    animation: rotation 15s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.contineous-slider-section {
    padding: 20px 0 20px 0;
    background-color: #CCFF00;
}

.swiper.marquee-swiper {
    mask-image: linear-gradient( to right, transparent 0%, white 10%, white 90%, transparent 100% );
}

.swiper-wrapper.marquee-swiper {
    transition-timing-function: linear;
    align-items: center;
}

.swiper-slide.marquee-swiper {
    width: auto;
    white-space: nowrap;
}

.loop-slider-inner-section .swiper-slide h3 {
    color: #000;
}

.contineous-slider-section .swiper-slide img.img-fluid {
    max-width: 40px;
}

.title-row {
    display: flex;
    justify-content: space-between;
}

.small-title-box {
    display: flex;
    align-items: center;
    height: 50px;
    gap: 10px;
}

.what-we-do-inner-section .btn-box {
    display: flex;
    align-items: end;
}

.what-we-do-cards-row .swiper-wrapper {
    padding: 60px 0 0px 0;
}

.what-we-do-card {
    background: #313131;
    padding: 25px;
    transition: 0.5s ease;
    display: block;
}

    .what-we-do-card:hover {
        background: #0D1CC1;
        transition: 0.5s ease;
        transform: translateY(-15px);
    }

        .what-we-do-card:hover .card-head img {
            transform: rotate(22deg);
            transition: 0.5s ease;
            filter: brightness(0) invert(1);
        }

.card-head {
    display: flex;
    align-items: end;
}

    .card-head img {
        max-width: 65px;
        transition: 0.5s ease;
    }

.up-img-card .card-body {
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border-top: 2px solid #494949;
    overflow-x: hidden;
}

    .up-img-card .card-body p {
        margin-bottom: 20px;
    }

.down-img-card .card-body img {
    margin-bottom: 20px;
}

.down-img-card .card-body {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #494949;
    overflow-x: hidden;
}

.what-we-do-card.up-img-card:hover .card-body {
    border-top: 2px solid #ffffff7c !important;
    transition: 0.5s ease;
}

.what-we-do-card.down-img-card:hover .card-body {
    border-bottom: 2px solid #ffffff7c !important;
    transition: 0.5s ease;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
}

.who-we-are-section, .portfolio-section {
    background: url(../images/who-we-are-bg-image.webp) center center / cover no-repeat fixed;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

    .who-we-are-section .small-title-box span.small-title-heading {
        color: #1423C8;
    }

    .who-we-are-section h3 {
        color: #000;
    }

        .who-we-are-section h3 span {
            color: #1423C8;
        }

.icon-list-box ul li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

    .icon-list-box ul li:first-child {
        padding-bottom: 20px;
        border-bottom: 2px solid #93939380;
        margin-bottom: 20px;
    }

    .icon-list-box ul li img {
        max-width: 55px;
    }

.who-we-are-cards-row .small-title-box, .who-we-are-cards-row .section-title-box {
    margin-bottom: 25px;
}

.progress {
    background-color: #939393 !important;
    border-radius: 10px;
}

.progress-bar {
    background-color: #1423C8;
}

.content {
    display: flex;
    justify-content: space-between;
}

    .content span {
        font-family: 'Anton';
        color: #1423C8;
        text-transform: uppercase;
    }

.who-we-are-cards-row {
    align-items: center;
}

.percentage-content-box {
    margin-bottom: 30px;
}

.who-we-are-inner-section p {
    color: #252525;
}

.logos-row {
    padding: 25px;
    background: #1423C8;
    border-radius: 20px;
    text-align: center;
    position: relative;
}

.centered-image img {
    margin: 0px 0 -65px 0;
}

.progress-bar.yellowbar {
    background-color: #CCFF00;
}

.progress-bar-striped.yellowbar {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .07) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .07) 50%, rgba(0, 0, 0, .07) 75%, transparent 75%, transparent);
}

.swiper.Logo-Slider .swiper-slide {
    justify-content: center !important;
}

.process-card-title span {
    font-family: 'Poppins';
    color: #CCFF00;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
}

.process-card {
    display: flex;
    align-items: end;
    width: 70%;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #ffffff38;
    justify-content: space-between;
}

.process-horizontal-card-row .btn-box {
    display: flex;
    padding-top: 35px;
}

.process-section::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 900px;
    background-image: url(../images/hand-image.webp);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -100px;
    /*    right: -35px;*/
    right: 0;
    background-position: right;
}

.serving-industries-section {
    background: url(../images/hero-banner-background-image.webp) center / cover no-repeat;
    position: relative;
}

.serv-industry-card-row {
    padding: 50px 0 50px 0;
}

.serv-industry-card-body h4 {
    padding: 20px 0 20px 0;
}

.serv-industry-list-items ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px 25px;
}

    .serv-industry-list-items ul li {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        .serv-industry-list-items ul li span {
        text-transform:uppercase}
        .portfolio-inner-section h3 {
    color: #000;
}

.portfolio-tabs-box ul {
    gap: 20px;
    justify-content: space-between;
    padding: 25px 0 0 0;
}

    .portfolio-tabs-box ul li button {
        background: transparent !important;
        border: 3px solid #1423C8 !important;
        border-radius: 0 !important;
        font-family: 'Anton';
        text-transform: uppercase;
        color: #000 !important;
        padding: 15px 36px;
    }

        .portfolio-tabs-box ul li button.active, .portfolio-tabs-box ul li button:hover {
            background: #1423C8 !important;
            color: #fff !important;
        }

.video-container-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 50px 0 0 0;
}

.portfolio-section .desc-box p {
    color: #252525;
}

.contact-details-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0 0 0;
    gap: 25px;
}

.icon-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .icon-box.right div span {
        text-align: left;
    }

    .icon-box div span {
        display: block;
        text-align: right;
        color: #000;
        text-transform: uppercase;
    }

span.anton-bold-span {
    font-family: 'Anton';
    font-size: 30px;
    line-height: 35px;
}

.contact-details-btn-box a {
    padding: 11.5px 127px;
    background: #1423C8;
    color: #CCFF00;
    font-size: 25px;
}







































































































.client-rating-image-box img {
    padding: 0 30px 0 0;
}

.main-counter-section {
    display: inline-block;
    width: 100%;
}

.main-counter-inner-section {
    display: flex;
    width: 100%;
}

.left-counter-box {
    /* width: 65%; */
    /* display: flex; */
    align-items: center;
    /* padding: 85px 150px; */

    justify-content: space-between;
}

.right-counter-box {
    /* width: 35%; */
    display: flex;
    align-items: center;
    /* padding: 85px 150px; */
    /* background-color: #FEA22A; */
}

.count-box p {
    color: #fff;
    font-size: 20px;
}

.main-about-section {
    display: inline-block;
    width: 100%;
}

.main-about-inner-section {
    display: flex;
    width: 100%;
}

.left-about-box {
    width: 50%;
    display: flex;
    align-items: center;
    background-color: #FEA22A;
    justify-content: space-between;
}

.right-about-box {
    width: 50%;
    display: flex;
    padding: 70px 50px;
    background-color: #F3F3F3;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

    .right-about-box span.tagline {
        background: #FEA22A;
        display: inline-block;
        width: auto;
        max-width: 200px;
        padding: 10px;
        color: #fff;
    }

    .right-about-box span.tagline {
        background: #FEA22A;
        display: inline-block;
        width: auto;
        max-width: 215px;
        padding: 5px 10px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .right-about-box h3 {
        text-transform: uppercase;
    }

.icon-row {
    gap: 60px;
    padding: 25px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: start;
}

    .icon-row div {
        display: flex;
        align-items: center;
    }

    .icon-row p {
        padding: 0 0 0 15px;
        line-height: 20px;
    }

    .icon-row img {
        width: 100%;
        padding: 0px;
        max-width: 70px;
        height: 70px;
    }

.main-featuring-services-section {
    display: inline-block;
    width: 100%;
    padding: 100px 0 100px 0;
}

.featuring-service-cta-row {
    display: flex;
    gap: 50px;
}

    .featuring-service-cta-row .featuring-service-left-box {
        width: 60%;
    }

    .featuring-service-cta-row .featuring-service-right-box {
        width: 40%;
        display: flex;
        align-items: flex-start;
        gap: 20px;
        justify-content: end;
    }

.featuring-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    padding: 80px 0 0 0;
}

.img-card p {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin: 10px 0 0 0;
}

.img-card img {
    background: #000;
}

.main-cta-section {
    display: inline-block;
    padding: 100px 0 100px 0;
    background-image: url(../images/blurry-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.main-cta-inner-section h2 {
    text-transform: uppercase;
    font-size: 130px;
    font-weight: 800;
    line-height: 130px;
}

.main-cta-inner-section p {
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    padding: 15px 0 15px 0;
}

.double-btn-box {
    display: flex;
    padding: 20px 0 20px 0;
    gap: 30px;
}

.main-cta-inner-section .double-btn-box a.web-btn-orange:hover {
    border: 5px solid #fff;
    color: #fff;
}

.main-full-width-cta-inner-section {
    display: flex;
    width: 100%;
}

.full-width-cta-left-box {
    width: 58%;
    display: flex;
    align-items: center;
    padding: 50px 151px;
    background-color: #fff;
    justify-content: space-between;
}

.full-width-cta-right-box {
    width: 42%;
    display: flex;
    align-items: center;
    padding: 50px 50px;
    background-color: #FEA22A;
    justify-content: center;
}

    .full-width-cta-right-box a.web-btn-black:hover {
        border: 5px solid #000;
        background: transparent;
        color: #000;
    }

    .full-width-cta-right-box a.web-btn-white:hover {
        border: 5px solid #fff;
        background: transparent;
        color: #fff;
    }

.main-portfolio-section {
    width: 100%;
    display: inline-block;
    padding: 50px 0 50px 0;
    position: relative;
}

.main-portfolio-inner-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.portfolio-title-box h2 {
    color: #000;
}

ul#myTab {
    border: none;
    gap: 10px;
}

    ul#myTab li.nav-item button {
        border-radius: 0;
        color: #333333;
        border: none !important;
        padding: 8px 10px;
    }

        ul#myTab li.nav-item button.active {
            background: #FEA22A;
            border-radius: 0;
            color: #fff !important;
        }

section#portfolio-section:after {
    content: "";
    position: absolute;
    width: 58%;
    background: #F3F3F3;
    height: 930px;
    top: 0;
    left: 0;
}

div#myTabContent {
    position: relative;
    z-index: 1;
}

.main-vision-section {
    display: inline-block;
    width: 100%;
    padding: 100px 0 100px 0;
}

.main-vision-inner-section {
    max-width: 1350px;
    margin: auto;
    display: flex;
}

.vision-left-box {
    width: 50%;
    position: relative;
}

.vision-right-box {
    width: 50%;
    padding: 40px 0;
}

.vision-left-box img {
    width: 100%;
}

.vision-right-inner-box {
    padding: 40px;
    background: #000;
    margin: 0 0 0 -60px;
    border-right: 10px solid #FEA22A;
    position: relative;
}

    .vision-right-inner-box p {
        color: #fff;
    }

        .vision-right-inner-box p span {
            font-size: 25px;
            line-height: 20px;
        }

    .vision-right-inner-box p {
        color: #fff;
        padding: 20px 0 50px 0;
    }

p.bold-text {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.vision-title {
    position: absolute;
    background: #FEA22A;
    padding: 20px;
    top: 30px;
}

    .vision-title h3 {
        color: #fff;
    }

.main-multiple-book-section {
    display: inline-block;
    width: 100%;
    padding: 100px 0 100px 0;
    background-image: url(../images/multiple-book-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 1180px;
    position: relative;
}

.main-multiple-book-inner-section {
    text-align: center;
}

    .main-multiple-book-inner-section p {
        color: #fff;
    }

    .main-multiple-book-inner-section a {
        position: absolute;
        bottom: 80px;
        right: 0;
        left: 0;
        max-width: 220px;
        margin: auto;
    }

.main-reviews-section {
    display: inline-block;
    width: 100%;
    padding: 100px 0 100px 0;
}

.main-reviews-inner-section {
    display: flex;
}

.review-left-box {
    width: 40%;
}

.review-right-box {
    width: 60%;
}

.review-left-box h3 {
    color: #FEA22A;
    font-weight: 800;
}

.review-box-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.review-box {
    padding: 20px;
    background: #FEA22A;
}

    .review-box p {
        color: #fff;
        font-size: 14px;
    }

p.rating-text {
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
}

footer.main-footer-section {
    background: #000;
    width: 100%;
    display: block;
    padding: 100px 0 0px 0;
    overflow: hidden;
}

.main-contact-inner-section {
    display: flex;
    gap: 50px;
}

.contact-left-box {
    width: 50%;
}

.contact-right-box {
    width: 50%;
    padding-top: 85px;
}

.company-info-box {
    display: flex;
    padding: 100px 0 0 0;
}

.company-info-left-box {
    width: 50%;
}

.company-info-right-box {
    width: 50%;
}

    .company-info-left-box h4, .company-info-right-box h4 {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
    }

.contact-left-box p {
    color: #fff;
}

.contact-left-box h2 {
    padding-bottom: 20px;
}

.contact-left-box img {
    padding-top: 20px;
}

.contact-right-box h3 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 40px;
}

input.form-control {
    background: transparent;
    border-radius: 0;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
}

textarea.form-control {
    background: transparent;
    border-radius: 0;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.form-box .col-12 {
    margin-bottom: 25px;
}

button.btn.btn-primary {
    background: #CCFF00;
    border: 1px solid #CCFF00;
    border-radius: 50px;
    padding: 12px 60px;
    color: #000;
    font-family: "Anton", sans-serif;
    width: 100%;
    border-radius: 0;
    /* height: 60px; */
    font-size: 24px;
}

.form-control:focus {
    color: #fff !important;
    background-color: transparent;
    border-color: #CCFF00;
    outline: 0;
    box-shadow: none;
}

.form-control::placeholder {
    color: #fff;
}

.main-loop-slider-inner-section {
    padding: 20px 0 20px 0;
    width: 100%;
    display: inline-block;
    background: #000;
    pointer-events: none;
    border-top: 2px solid #FF9900;
    border-bottom: 2px solid #FF9900;
    margin-bottom: 50px;
    margin-top: 100px;
}

    .main-loop-slider-inner-section h4 {
        white-space: nowrap;
        color: #fff;
        font-weight: 500;
    }

    .main-loop-slider-inner-section .swiper-wrapper {
        transition-timing-function: linear !important;
    }

    .main-loop-slider-inner-section .swiper-slide {
        transition: 0.3s all;
    }

.column-rows {
    display: flex;
}

.footer-left-col {
    width: 25%;
}

.footer-right-col {
    width: 35%;
}

.footer-mid-col {
    width: 22%;
}

.column-rows ul li a {
    color: #fff;
    text-transform: uppercase;
}

ul.services-list {
    display: flex;
    flex-wrap: wrap;
}

    ul.services-list li {
        width: 50%;
    }

span.footer-ul-title {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px !important;
    display: block;
}

.footer-left-col p {
    color: #fff;
    margin: 20px 0 0 0;
}

.column-rows ul li {
    margin-bottom: 15px;
}

.copright-row {
    padding: 20px 0 20px 0;
    width: 100%;
    display: inline-block;
    background: #000;
    /*    border-top: 2px solid #FF9900;
    border-bottom: 2px solid #FF9900;*/
    margin-top: 50px;
    text-align: right;
}

    .copright-row p {
        color: #fff;
    }





/* Usama Style Starts */
#pricing-tabs {
    border-bottom: none;
    justify-content: center;
    padding: 50px 0 50px 0;
    gap: 20px;
}

    #pricing-tabs li button {
        background: transparent !important;
        border: 2px solid #CCFF00 !important;
        border-radius: 0 !important;
        font-family: 'Anton';
        text-transform: uppercase;
        color: #fff !important;
        padding: 15px 36px;
    }

        #pricing-tabs li button.active, #pricing-tabs li button:hover {
            background: #CCFF00 !important;
        }

.pricing-card {
    padding: 25px;
    background: #fff;
}

    .pricing-card.pricing-middle-card {
        background: #CCFF00;
    }

.pricing-card-head .btn-box {
    margin-bottom: 20px;
}

    .pricing-card-head .btn-box a {
        width: 100%;
    }

ul.pricing-list-items li {
    padding: 0 0 20px 35px;
    position: relative;
}

    ul.pricing-list-items li:after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        background-image: url(../images/pricing-check-icon.svg);
        background-position: center;
        background-size: contain;
        left: 0px;
        top:2px;
    }

.pricing-card.pricing-middle-card ul.pricing-list-items li:after {
    /* filter: hue-rotate(150deg); */
    background-image: url(../images/blackCheck.svg);
}

.pricing-card-head span, .pricing-card-head h3, .pricing-card-head p, .pricing-card-body h4, .pricing-card-body p, .pricing-card-body li {
    color: #000;
}

.pricing-card.pricing-middle-card .pricing-card-head span,
.pricing-card.pricing-middle-card .pricing-card-head h3,
.pricing-card.pricing-middle-card .pricing-card-head p,
.pricing-card.pricing-middle-card .pricing-card-body h4,
.pricing-card.pricing-middle-card .pricing-card-body p,
.pricing-card.pricing-middle-card .pricing-card-body li {
    color: #000;
}

a.pricing-button {
    padding: 20px;
    display: block;
    margin-bottom: 20px;
}

    a.pricing-button.first {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        transition: 0.5s ease;
    }

        a.pricing-button.first:hover {
            background: transparent;
            border: 1px solid #000;
            color: #000;
            transition: 0.5s ease;
        }

    a.pricing-button.last {
        background: #003467;
        border: 1px solid #003467;
        color: #fff;
        transition: 0.5s ease;
    }

        a.pricing-button.last:hover {
            background: transparent;
            border: 1px solid #000;
            color: #000;
            transition: 0.5s ease;
        }

.packages-grid-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(2, 1fr); */
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    position: relative;
}

.cta-content-box {
    background: #000;
    padding: 45px 25px;
    position: relative;
    overflow: hidden;
}

img.cta-animated-circle {
    position: absolute;
    bottom: -250px;
    right: -100px;
    animation: rotation 15s infinite linear;
}

.testimonials-row {
    padding: 50px 0 0 0;
    position: relative;
    z-index: 1;
}

.testim-card {
    width: 100%;
    height: 498px;
    background: #00C2CB;
    transition: all 0.4s;
    overflow: hidden;
}

    .testim-card:hover {
        cursor: pointer;
        background: #1423C8;
    }

.first-content {
    height: 100%;
    width: 100%;
    transition: all 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

    .first-content img {
        height: 100%;
        object-fit: cover;
    }

    .first-content span img {
        height: 100%;
        width: 100%;
    }

.testim-card:hover .first-content {
    height: 0px;
    opacity: 0;
}

.second-content {
    height: 0%;
    width: 100%;
    opacity: 0;
    display: flex;
    flex-direction: column;
    transition: all 0.4s;
    transform: rotate(0deg) scale(0);
    gap: 25px;
    padding: 20px;
    justify-content: space-between;
}

.testim-card:hover .second-content {
    opacity: 1;
    height: 100%;
    font-size: 1.8rem;
    transform: rotate(0deg);
}

.user-name-box {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 15px;
}

    .user-name-box img {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .user-name-box h5 {
        color: #fff;
    }

.trusted-brands-bar {
    display: flex;
    align-items: center;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
/* .trusted-left-column {
    padding: 25px;
    background: #252525;
    width: 24%;
    min-height: 105px;
} */

.trusted-left-column {
    padding: 21px;
    background: #252525;
    width: 22%;
    /* min-height: 105px; */
}

.trusted-right-column {
    padding: 25px;
    background: #1423C8;
    width: 78%;
    /* min-height: 105px; */
    align-items: center;
}
/* .trusted-right-column {
    padding: 25px;
    background: #1423C8;
    width: 76%;
    min-height: 105px;
} */
.trusted-logo-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

img.comma-image {
    position: absolute;
    bottom: 50px;
    right: 0;
}

.white {
    color: #FFF !important;
}

.copyright {
    font-size: 13px;
    text-align: center;
    color: #FFF;
    letter-spacing: 1.1;
}

.footer-section {
    background-color: #000;
    padding: 16px;
}


a.animated-button:hover .circle {
    width: 400px;
    height: 400px;
    opacity: 1;
}








.pricing-card a.animated-button {
    background: #0D1CC1 !important;
    color: #CCFF00;
}



    .pricing-card a.animated-button.btntwos {
        background: #ffffff !important;
        color: #CCFF00;
        margin-top: 15px;
    }



        .pricing-card a.animated-button.btntwos:hover {
            background: #ffffff !important;
        }


.btn-box.bluebtns a.animated-button:first-child span {
    color: #CCFF00 !important;
    font-size: 20px !important;
}



.btn-box.bluebtns a.animated-button:first-child:hover {
    background: #ffffff !important;
    color: #CCFF00;
    box-shadow: 0 0 0 2px #000;
}




    .btn-box.bluebtns a.animated-button:first-child:hover span {
        color: #000 !important;
    }

    .btn-box.bluebtns a.animated-button:first-child:hover svg {
        fill: #000 !important;
    }


.pricing-card a.animated-button .text {
    font-size: 20px;
}

.pricing-card a.animated-button {
    box-shadow: 0 0 0 2px #0d1cc1;
}

    .pricing-card a.animated-button.btntwos svg {
        fill: #000 !important;
    }


.pricing-middle-card
.btn-box.bluebtns a.animated-button.btntwos:hover .text {
    color: #0d1cc1 !important;
}


.pricing-card a.animated-button.btntwos:hover svg {
    fill: #0D1CC1 !important;
}


.headingcard h3 {
    padding: 10px 0;
    color: #0D1CC1;
}

.headingcard span {
    text-transform: uppercase;
    font-size: 24px;
    font-family: "Anton", sans-serif;
}

.headingcard p {
    color: #4D525C;
    font-size: 12px;
    margin-bottom: 20px;
}

.pricing-card-body h4 {
    margin: 20px 0 10px 0 !important;
    display: block;
}

.pricing-card-body p {
    margin-bottom: 20px;
    margin-top: 15px;
}

.section.pricing-section {
    border-top: 10px solid #B2FE15;
    border-bottom: 10px solid #B2FE15;
    padding: 150px 0 150px 0;
    overflow: clip;
    position: relative;
}

    .section.pricing-section::after {
        content: "";
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 90%;
        height: 70px;
        background: #CCFF00;
        border-radius: 50%;
        filter: blur(30px);
        opacity: 0.9;
        animation: ovalMove 4s infinite alternate ease-in-out;
    }

@keyframes ovalMove {
    0% {
        left: -40%;
    }

    100% {
        left: 80%;
    }
}


.section.pricing-section::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 90%;
    height: 70px;
    background: #CCFF00;
    border-radius: 50%;
    filter: blur(30px);
    opacity: 0.9;
    animation: ovalMove1 4s infinite alternate ease-in-out;
}

@keyframes ovalMove1 {
    0% {
        left: 80%;
    }

    100% {
        left: -40%;
    }
}



.packages-section {
    background: url(../images/blue-packages.webp);
}

.backgroundglow {
    background: url(../images/glow-pricing.webp);
    /* animation: blinker 1.1s infinite alternate ease-in-out; */
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    background-size: 100% 100%;
    /* Blink animation */
    animation: blinker 4s infinite alternate ease-in-out;
}

@keyframes blinker {
    0% {
        opacity: 0; /* invisible */
    }

    100% {
        opacity: 0.8; /* visible */
    }
}

.pricing-section .container {
    position: relative;
    z-index: 1;
}


.shape {
    position: absolute;
    user-select: none;
    pointer-events: none;
}

@media (max-width: 991px) {
    .shape {
        display: none;
    }
    .lp-form-box {
        margin-top: 20px;
    }    
}

.pos-1 {
    bottom: 100%;
}

    .pos-1 i {
        color: #CCFF00; /* $iSecondary */
        font-size: 60px; /* approximation */
        opacity: 0.2;
    }

.pos-2 {
    left: calc(100% + 30px);
    bottom: -37px;
}

    .pos-2 i {
        color: #CCFF00; /* $iSecondary */
        font-size: 100px; /* approximation */
    }

.combo-package {
    /* padding: 60px; */
}

@media (max-width: 991.98px) {
    .combo-package {
        padding: 60px 0;
    }
}

.combo-package span {
    font-size: 24px; /* approximation */
    font-weight: 600;
}

    .combo-package span i {
        color: #CCFF00; /* $iSecondary */
        font-size: 35px; /* approximation */
    }

.combo-area {
    padding: 20px 0;
}

    .combo-area .h3 {
        font-size: 24px; /* approximation */
        color: #fff; /* $black */

        text-transform: uppercase;
    }

    .combo-area .h2 {
        font-size: 52px; /* approximation */
        color: #CCFF00; /* $iSecondary */

        margin-bottom: 0;
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .combo-area .h2 span {
            font-size: 30px; /* approximation */
            color: #fff; /* $black */
            text-decoration: line-through;
            font-weight: bold;
        }

    .combo-area li {
        font-size: 14px; /* approximation */
        color: #fff; /* $black */
        font-weight: 300;
        margin: 5px 0;
        padding-left: 20px;
        position: relative;
    }

        .combo-area li:before {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            background-color: #000000; /* $black */
            border-radius: 50%;
            left: 0;
            top: 8px;
        }

.combo-icon {
    position: relative;
}

    .combo-icon i {
        position: absolute;
        left: -70px;
        top: -91px;
    }

@media (max-width: 991.98px) {
    .combo-icon i {
        left: 0;
    }
}


.pkg-inv-box h6 {
    padding: 30px 0;
    color: #fff;
    font-size: 30px;
}


.counter-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
}

.count-box {
    background: #00C2CB;
    padding: 50px 25px;
    text-align: center;
    border-radius: 30px;
}

    .count-box.dark-bg {
        background: #0A2540;
    }

    .count-box p {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
    }

.counter-row img.shape-centered-img {
    position: absolute;
    inset: 0;
    margin: auto;
}

.colorblackdefault {
    color: #000 !important;
}

.colorbluedefault {
    color: #1423C8 !important;
}

.colorgreendefault {
    color: #CCFF00 !important;
    font-weight: inherit;
}

.colorwhitedefault {
    color: #fff !important;
    font-weight: inherit;
}

.bgblackdefault {
    background: #000 !important;
}

.bgbluedefault {
    background: #1423C8 !important;
}

.bggreendefault {
    background: #CCFF00 !important;
}


.bgdarkgray {
    background: #1E1E1E !important;
}

.colordarkgray {
    color: #1E1E1E !important;
}

.scroll-btn.sticky {
    width: 140px;
    z-index: 999;
}

.customleft-right-size .right-counter-box {
    width: 50%;
}

.customleft-right-size .left-counter-box {
    width: 50%;
}



.btnbluedarks a.animated-button {
    color: #1120c5;
    box-shadow: 0 0 0 2px #1120c5;
}

    .btnbluedarks a.animated-button .text {
        color: #1120c5;
    }

    .btnbluedarks a.animated-button svg {
        fill: #1120c5;
    }

    .btnbluedarks a.animated-button .circle {
        background: #1120c5;
    }

    .btnbluedarks a.animated-button:hover .text {
        color: #fff;
    }

    .btnbluedarks a.animated-button:hover svg {
        fill: #fff;
    }


.btnbluedarksblack a.animated-button {
    color: #000;
    box-shadow: 0 0 0 2px #000;
}

    .btnbluedarksblack a.animated-button .text {
        color: #000;
    }

    .btnbluedarksblack a.animated-button svg {
        fill: #000;
    }

    .btnbluedarksblack a.animated-button .circle {
        background: #000;
    }

    .btnbluedarksblack a.animated-button:hover .text {
        color: #fff;
    }

    .btnbluedarksblack a.animated-button:hover svg {
        fill: #fff;
    }

.cta-content-box a.animated-button:hover .text {
    color: #000;
}

.cta-content-box a.animated-button:hover svg {
    fill: #000;
}

.main-footer-inner-section .contact-right-box {
    width: 100%;
    padding-top: 0 !important;
}


.main-footer-inner-section .footer-ul-title {
    margin-bottom: 40px;
}

.main-footer-inner-section a {
    font-family: "Poppins", sans-serif;
}

.footer-left-colo span.colorgreendefault {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    margin-bottom: 0;
    margin-bottom: 10px;
}

.footer-left-colo p {
    font-size: 20px;
    margin-bottom: 10px;
}

.footer-left-colo a {
    color: #fff;
    font-family: "Poppins", sans-serif;
}

    .footer-left-colo a:hover {
        color: #CCFF00;
    }

.main-footer-inner-section .column-rows {
    display: flex;
    justify-content: space-between;
}

.customslider .swiper-slide {
    color: #fff;
}




.customslider {
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #ccc;
    padding: 20px;
    position: relative;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 20px 0;
}

.marquee-track {
    display: flex;
    position: relative;
    left: 0;
    white-space: nowrap;
}

.marquee-item {
    display: inline-block;
    margin-right: 50px;
    height: 50px;
}


.swiper.Logo-Sliderr {
    mask-image: linear-gradient( to right, transparent 0%, white 10%, white 90%, transparent 100% );
}

.swiper-wrapper.Logo-Sliderr {
    transition-timing-function: linear;
    align-items: center;
}

.swiper-slide.Logo-Sliderr {
    width: auto;
    white-space: nowrap;
}

.loop-container {
    overflow: hidden;
    /*    border: 2px solid #333;*/

    padding: 200px 0 0 0px;
    position: relative;
    width: 100%;
    transform: rotate(8deg);
    position: relative;
}

.loop-track {
    display: inline-block;
    white-space: nowrap;
    animation: scroll-loop 50s linear infinite;
}

.loop-item {
    display: inline-block;
    margin: 0 50px;
    font-size: 24px;
    font-weight: bold;
    color: #222;
}

/* seamless scrolling animation */
@keyframes scroll-loop {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/*.loop-container span.loop-item {
    font-size: 300px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ccff00;
    font-family: "Anton", sans-serif;
    color: transparent;
}*/
.loop-container span.loop-item {
    font-size: 400px;
    text-transform: uppercase;
    -webkit-text-stroke-color: #ccff00;
    font-family: "Anton", sans-serif;
    color: #000000;
    letter-spacing: 20px;
    text-shadow: 0 0 5px #ccff00, 0 0 5px #ccff00, 0 0 5px #ccff00;
}


.process-card:hover {
    border-bottom: 1px solid #ccff00;
    transition: all 1s;
}

.innerpages h1 {
    font-size: 80px;
    line-height: 100px;
    margin-bottom: 18px;
}

    .innerpages h1 span {
        font-family: "Anton", sans-serif;
        text-transform: uppercase;
        font-size: 80px;
    }

.innerpages p {
    text-transform: uppercase;
}

.btn-groups {
    display: flex;
    gap: 30px;
}





.btnwhiteborder a.animated-button {
    color: #fff !important;
    box-shadow: 0 0 0 2px #fff !important;
    margin-top: 0 !important;
}

    .btnwhiteborder a.animated-button .text {
        color: #fff !important;
    }

    .btnwhiteborder a.animated-button svg {
        fill: #fff;
    }

    .btnwhiteborder a.animated-button .circle {
        background: #fff !important;
    }

    .btnwhiteborder a.animated-button:hover .text {
        color: #1120c5 !important;
    }

    .btnwhiteborder a.animated-button:hover svg {
        fill: #1120c5;
    }

.innerpages {
    padding-bottom: 80px;
    position: relative;
}

.background-image-update-banner {
    position: absolute;
    right: 0;
    bottom: 0;
}

.background-image-update-banner {
    position: absolute;
    right: 0;
    bottom: 0;
    justify-content: right;
    display: flex;
}

.logo-design img {
    width: 88%;
}

.innerpage-relative {
    position: relative;
}

.background-image-default-two {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: right;
}

    .background-image-default-two img {
        width: 88%;
    }

.afternone:after {
    display: none
}

.afternone:before {
    background: url(../images/before-bg.webp);
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    content: "";
    display: block;
    right: 0;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.afternone .background-image-default-two {
    top: inherit;
    bottom: 0;
    transform: inherit;
}


.branding-design img {
    width: 80%;
}

.processnew {
    padding-bottom: 0;
}

.afternone .container {
    z-index: 2;
    position: relative;
}

.processnew .process-card {
    width: 100%;
}

.mobileappdevelopmentprocess h4 {
    font-size: 32px;
}

.mobileappdevelopmentprocess .process-card {
    width: 100%;
}


.mobileappdevelopmentprocess {
    position: relative;
}
/*
    .mobileappdevelopmentprocess:after {
        background: url("../images/mobile-process-image-center.webp");
        content:"";
        display:block;
        background-position:center center;
        content:"";
        width:100%;
        height:100%;
        background-repeat:no-repeat;
    }*/



.row.positionmobileappimage {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.positionmobileappimage {
    display: flex;
    justify-content: center;
}

.mobileappdevelopmentprocess .process-inner-section {
    position: relative;
    z-index: 3;
}


.aboutbanner {
    padding-top: 270px !important;
    padding-bottom: 170px !important;
}

.aboutend {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
}


.font-change h3 {
    font-family: "Poppins", sans-serif !important;
    font-weight: bold;
}

    .font-change h3 span {
        font-family: "Poppins", sans-serif !important;
        font-weight: bold;
    }

.aboutend.endtwo {
    text-align: right;
}

.aboutpageprocess .process-card-title {
    display: flex;
    gap: 20px;
    margin-bottom: 0 !important;
    padding-bottom: 0px !important;
}

    .aboutpageprocess .process-card-title span {
        margin-bottom: 0 !important;
        padding-bottom: 0px !important;
    }


.aboutpageprocess:before {
    display: none !important;
}

.aboutpageprocess .process-card {
    width: 100%;
}



.contactpagesdesign .background-image-update-banner {
    justify-content: left; /* width: 100%; */
    display: flex;
    right: inherit;
}

.innerpages.contactpagesdesign span {
    font-size: inherit !important;
}

.form-styling input {
    background: #061293;
    padding: 17px 20px;
    border: 1px solid #fff;
    margin-bottom: 25px;
}

.form-styling textarea {
    background: #061293;
    padding: 17px 20px;
    border: 1px solid #fff;
    margin-bottom: 25px;
    width: 100%;
    color: #fff;
    box-shadow: none;
    outline: 0;
}


.form-styling .submit {
    width: 100%;
}

    .form-styling .submit button {
        text-transform: uppercase;
    }

/*.contactpagesdesign img {
    width: 100%;
}*/

.form-styling textarea::placeholder {
    color: #fff;
}

.main-header-section {
    color: #fff;
    z-index: 1000;
}

.navbar-nav .nav-link {
    color: #fff;
    padding: 12px 18px;
    text-transform: uppercase;
    font-weight: 500;
}

    .navbar-nav .nav-link:hover {
        color: #ccff00;
    }

/* Mega Menu */
/*.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    padding: 40px 0;
    color: #fff;
    transition: all 0.3s ease;
    z-index: 20;
}
*/


.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    padding: 40px;
    color: #fff;
    transition: all 0.3s ease;
    border-bottom: 15px solid #ccff00;
    padding: 40px;
    background: var(--bg-color, rgba(0,3,36,0.90));
    backdrop-filter: blur(12px); /* alag se blur */
    -webkit-backdrop-filter: blur(3px);
    transform: translateY(10px);
}


    /*.main-header-section.fixed .mega-menu {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
*/
    .mega-menu.show {
        display: block;
        transform: translateY(0px);
    }

.mega-menu-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

/* Columns */
.mega-menu-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*.mega-menu-col li {
    padding: 8px 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}*/




.mega-menu-col li {
    padding: 14px 0 8px 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #ffffff52;
}

    .mega-menu-col li:hover {
        border-bottom: 1px solid #ccff00;
        transition: all 0.3s ease;
    }

        .mega-menu-col li:hover a {
            color: #ccff00 !important;
            transition: all 0.3s ease;
        }


    .mega-menu-col li:hover {
        color: #ccff00;
        transition: all 0.3s ease;
    }

/* Image */
.mega-menu-image {
    position: relative;
    /*    min-height: 200px;*/
    min-height: 100%;
    right: -40px;
    bottom: -40px;
}

    .mega-menu-image img {
        /*        max-width: 280px;*/
        max-width: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        display: none;
        border-radius: 12px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    }

        .mega-menu-image img.active {
            display: block;
        }



/*.mega-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--bg-color, rgba(0,3,36,0.90));
    height: 100%;
    opacity: 0.9;
    transition: background 0.3s ease;
    z-index: -1;
    width: 100%;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    will-change: backdrop-filter;
  
}*/

/*    background: var(--bg-color, rgba(0, 0, 0, 1));*/
/*    margin-left: calc(-50vw + 50%); */


/* Responsive */

.main-header-section ul.navbar-nav li a {
    padding: 30px 30px 30px 30px !important;
}

.main-header-section ul.navbar-nav .mega-menu-inner li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.main-header-section ul.navbar-nav .mega-menu-inner {
    padding: 0 !important;
}


    .main-header-section ul.navbar-nav .mega-menu-inner li a {
        position: relative;
        padding-left: 20px !important
    }

        .main-header-section ul.navbar-nav .mega-menu-inner li a:after {
            position: relative;
            content: "";
            display: block;
            position: absolute;
            height: 8px;
            width: 8px;
            background: #ccff00;
            top: 50%;
            transform: translateY(-50%);
            left: 0px;
            border-radius: 100px;
        }

@media (max-width: 1440px) {
    .innerpages h1, .innerpages h1 span {
        font-size: 65px;
        line-height: 85px;
    }
    .lp-form-box h5, .lp-form-box h5 span.discount-badge {
        font-size: 20px;
        line-height: 30px;
    }
    .branding-design img,
    .logo-design img {
        width: 65%;
    }
}


@media (max-width: 1400px) {

    html body h2 {
        font-size: 60px;
    }
    .innerpages h1 br{
        display: none;
    }

    html body h1 {
        font-size: 100px;
    }
    .banner-section {
        padding: 120px 0 0 !important;
    }

    .counter-box {
        margin-bottom: 20px;
    }
    .hero-banner-desc-box p {
        font-size: 14px;
        padding-left: 14px;
    }
    .banner-inner-section .counter-box h2 {
        font-size: 50px;
    }

    }

@media (max-width: 1366px) {
    .scroll-btn.sticky {
        width: 80px;
        z-index: 999;
    }
}


    @media (max-width: 1200px) {
        .container {
            max-width: 100%;
            padding: 0 35px;
        }
    }

    @media (max-width: 991px) {
        .mega-menu {
            position: static;
            display: none;
            padding: 20px 0;
        }

            .mega-menu.show {
                display: block;
            }

        .mega-menu-inner {
            grid-template-columns: 1fr;
        }

        .mega-menu-image img {
            position: static;
            max-width: 100%;
            display: block !important;
            margin-top: 15px;
        }


        .banner-inner-section .col-lg-2 {
            /* width: 20%; */
            display: flex;
            justify-content: space-around;
        }


            .banner-inner-section .col-lg-2 .counter-box.mb-0 {
                margin-bottom:20px !important;
            }

            .mobileorder1{
                order:1;
            }
        .mobileorder2 {
            order: 2;
        }
        .mobileorder3 {
            order: 3;
        }
        .mobileorder4 {
            order: 4;
        }


        .custompaddings {
            margin: 50px 0 0 0;
            /* padding-top: 60px; */
            position: relative;
  
       
            width: 50%;
        }
        .banner-inner-section .col-lg-7 {
            width: 100%;
            text-align: center;
            margin: 0px auto;
            display: block;
            justify-content: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .d-nonemobile {
            display:none !important
        }
        .main-header-section {
            padding: 15px 0;
        }
        .nav-box button {
            position: absolute;
            top: 0;
            right: 0;
        }

        .navbar > .container-fluid{
            display:block;
        }


        .main-header-section .navbar-collapse {
            background: #000;
            transition: all 0.3s ease;
            padding: 20px 0;
        }
        .main-header-section ul.navbar-nav li a {
            padding: 8px 30px 8px 30px !important;
        }

        .mega-menu-col li {
            padding: 6px 50px 2px 50px;
            /*   padding: 14px 50px 8px 50px;*/
        }

        .mega-menu-inner {
            gap:0 !important;
        }

        .navbar-collapse li.nav-item .mega-menu {
            padding-top: 0;
            padding-bottom: 0;
        }
        .title-row{
            display:block;
        }
        .title-row .btn-box {
            margin-top: 20px;
        }

        .what-we-do-card {
            text-align: center;
        }

            .what-we-do-card .card-head {
                justify-content: center;
            }



                .what-we-do-card .card-head img {
                    padding: 0 0 0 20px;
                }


        .serv-industry-list-items li span {
            display: none;
        }


        .serv-industry-list-items li {
            text-align: center;
            margin: 0px auto;
        }

        .who-we-are-cards-row .centered-image img {
            width: 30% !important;
            text-align: center;
            margin: 0px auto;
        }

        .who-we-are-cards-row .centered-image {
            text-align: center;
        }
        .who-we-are-cards-row .mobileorder2 {
            margin-top: 20px;
        }

        .process-section::after {
            opacity: 0.2;
            z-index: 0;
        }

        .process-section .container {
            z-index: 9;
            position: relative;
        }

        .process-card {
        
            width: 100%;
        }

        h1 br, h2 br, h3 br, h4 br, h5 br, h6 br  {
            display: none
        }

        .contact-details-box {
            display: block;
            text-align: center;
        }
        .portfolio-inner-section .contact-details-btn-box {
            margin: 30px 0;
        }

        .portfolio-inner-section .icon-box {
            display: flex;
            align-items: center;
            gap: 20px;
            justify-content: center;
        }
            .portfolio-inner-section .icon-box div span {
                text-align:left;
            }

        .pricing-inner-section .pricing-card {
            margin: 15px 0 15px 0;
        }

        .packages-section .packages-grid-row {
            grid-template-columns: repeat(1, 1fr) !important;
            grid-template-rows: repeat(1, 1fr) !important;
        }

        .packages-section .packages-grid-row {
            display: block !important;
        }
            .customleft-right-size .right-counter-box {
            width: 100%;
        }

        .customleft-right-size .left-counter-box {
            width: 100%;
        }

        .main-counter-inner-section {
            display: block;
            width: 100%;
            text-align: center;
            margin: 0px auto;

        }

        h3 {
            text-align: left;
        }
        .serving-industries-section h3.text-center {
            text-align: left !important;
        }
        .main-counter-inner-section h3.colorblackdefault {
            margin-bottom: 20px;
        }

        .main-counter-inner-section .counter-row {
            grid-template-columns: repeat(1, 1fr);
            grid-template-rows: repeat(1, 1fr);
            width: 100%;
        }

            .main-counter-inner-section .counter-row img.img-fluid.shape-centered-img {
                display:none
            }


        .testimonials-row .first-content img {
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

        .testimonials-row .testim-card {
            margin: 18px 0;
        }

        .second-content img {
            width: 200px;
        }
        .user-name-box img {
            width: 80px;
        }

        .trusted-brands-bar {
            display: block;
            width: 100%;
        }

            .trusted-brands-bar .trusted-left-column {
                width: 100%;
            }

            .trusted-brands-bar .trusted-right-column {
                width: 100%;
            }

        .main-footer-inner-section .column-rows {
            display: block;

        }

        .footer-mid-col {
            width: 100%;
        }
        .footer-right-col {
            width: 100%;
        }
        .copright-row p {text-align:center}
        }

@media (max-width: 768px) {

    html body h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-inner-section .counter-box h2 {
        font-size: 35px;
        line-height: 60px;
    }

    .counter-box h2 span {
        font-size: 45px;
    }

    .counter-box p {
        font-size: 13px;
        line-height: 6px;
    }

    img#scrollBtn {
        display: none;
    }

    .container {
        max-width: 100%;
        padding: 0 18px;
    }

    .custompaddings {
        width: 70%;
    }

    html body h3, html body h3 span {
        font-size: 25px;
        line-height: 30px;
    }

    .contineous-slider-section .swiper-slide img.img-fluid {
        max-width: 20px;
    }

    .small-title-box img {
        width: 25px;
    }

    html body h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-details-btn-box a {
        padding: 11.5px 45px;
    }

    .contact-details-box .icon-box img {
        width: 60px;
    }

    .loop-container span.loop-item {
        font-size: 150px;
    }

    .what-we-do-inner-section .small-title-box, .what-we-do-inner-section .section-title-box {
        margin-bottom: 25px !important;
    }

    .section {
        padding: 50px 0 50px 0;
    }

    .portfolio-inner-section .section-title-box h3 {
        margin-bottom: 25px;
    }

    .pricing-inner-section .section-title-box h3 {
        margin-bottom: 25px;
    }

    .portfolio-section .small-title-box {
        margin-bottom: 25px !important;
    }

    img.cta-animated-circle {
        bottom: -100px;
        right: -50px;
        width: 50%;
    }

    .serv-industry-card {
        margin: 10px 0;
    }

    .copright-row p {
        color: #fff;
        text-align: center;
    }


    .process-card-title span {
        line-height: 10px;
        font-size: 26px;
    }

    .Logo-Slider img {
        width: 40%;
    }

    .pricing-inner-section .nav li {
        display: block;
        width: 100% !important;
    }

    #pricing-tabs li button {
        width: 100%;
    }

    .main-header-section .mega-menu-col li a {
        font-size: 14px !important;
        color: #000 !important;
    }

    .main-header-section ul.navbar-nav .mega-menu-inner {
        min-height: 300px !important;
        overflow-y: scroll;
        height: 385px;
        overflow-x: hidden;
    }

    .mega-menu {
        border-bottom: 0px solid #ccff00;
    }


    .main-header-section .navbar-collapse {
        border-bottom: 15px solid #ccff00;
    }

    .mega-menu {
        background: rgb(255 255 255 / 90%);
    }

    .mega-menu-image {
        display: none;
    }

    .mega-menu-col li {
        border-bottom: 1px solid #000000;
    }

    .main-header-section ul.navbar-nav .mega-menu-inner li a {
        position: relative;
    }

        .main-header-section ul.navbar-nav .mega-menu-inner li a:after {
            content: "";
            display: block;
            position: absolute;
            height: 8px;
            width: 8px;
            background: #1220c8;
            top: 50%;
            transform: translateY(-50%);
            left: -20px;
            border-radius: 100px;
        }

    .main-header-section ul.navbar-nav li a {
        position: relative;
    }

        .main-header-section ul.navbar-nav li a:after {
            position: relative;
            content: "";
            display: block;
            position: absolute;
            height: 8px;
            width: 8px;
            background: #ccff00;
            top: 50%;
            transform: translateY(-50%);
            left: 10px;
            border-radius: 100px;
        }

    .main-header-section .navbar-collapse {
        padding: 7px 0;
    }


    .main-header-section ul.navbar-nav .mega-menu-inner li a {
        position: relative;
        padding-left: 0px !important
    }

    .navbar-toggler-icon {
        filter: brightness(0) invert(1);
    }


    .nav-box button {
        position: absolute;
        top: 0;
        right: 0;
        border: 1px solid #fff;
    }


    .innerpages h1 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 18px;
    }


    .innerpages h1 span{
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 18px;
    }
    .background-image-update-banner {

        opacity: 0.3;
    }
    .afternone .background-image-default-two {

        opacity: 0.2;
    }
    .who-we-are-section .background-image-default-two {
        position: inherit;
        right: 0;
        top: inherit;
        transform: inherit;
        display: flex;
        justify-content: inherit;
        margin-bottom: 40px;
    }

    .portfolio-section h3.text-white {
        margin-bottom: 30px;
    }
    }


.user-name-box .customdetails h5 {
    font-size: 25px;
}


.user-name-box div:first-child img {
    width: 55px;
    border-radius: 50px !important;
    height: 55px;
    object-fit: cover;
    object-position: top;
}

















.modal-dialog {
    max-width: 1000px;
}

.modal-content {
    border-radius: 0px;
    max-width: 1000px;
}

.modal-body {
    display: flex;
    align-items: center;
    padding: 0px;
}

    .modal-body input.form-control, .modal-body textarea.form-control {
        background: #fff;
        border: 3px solid #061293;
        padding: 10px 15px;
        color: #000 !important;
        font-size: 14px;
    }

        .modal-body input.form-control::placeholder, .modal-body textarea.form-control::placeholder {
            color: #000;
            text-transform: uppercase;
        }

.body-left-content {
    width: 45%;
}

    .body-left-content img {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 590px;
    }

.body-right-content {
    width: 55%;
    padding: 40px;
    position: relative;
}

h3 .blue-clrd-title {
    line-height: 35px;
    font-weight: 700;
}

button.btn-close {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 15px;
}

@media (max-width: 1024px) {
    .body-left-content img {
        display: none;
    }

    .body-left-content {
        width: 0%;
    }

    .body-right-content {
        width: 100%;
        padding: 20px;
    }
}

.main-footer-section input.form-control {
    color:#fff !important;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    position: relative !important;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    position: relative;
}


/* Autofill fix */
.main-footer-section input:-webkit-autofill,
.main-footer-section input:-webkit-autofill:hover,
.main-footer-section input:-webkit-autofill:focus,
.main-footer-section textarea:-webkit-autofill,
.main-footer-section select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
  color:#fff !important;
}




/* Autofill fix */
.bannersectioninner input:-webkit-autofill,
.bannersectioninner input:-webkit-autofill:hover,
.bannersectioninner input:-webkit-autofill:focus,
.bannersectioninner textarea:-webkit-autofill,
.bannersectioninner select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #061293 inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
  color:#fff !important;
}


.form-box .iti .iti__selected-dial-code {

    color: #000 !important;
}

.form-box .iti__arrow {
    margin-left: var(--iti-arrow-padding);
    width: 0;
    height: 0;
    border-left: var(--iti-triangle-border) solid transparent;
    border-right: var(--iti-triangle-border) solid transparent;
    border-top: var(--iti-arrow-height) solid #000000;
}
form span {
    color: #000 !important;
}

.bannersectioninner .form-box .iti .iti__selected-dial-code {
    color: #fff !important;
}

.bannersectioninner .form-box .iti__arrow {
    margin-left: var(--iti-arrow-padding);
    width: 0;
    height: 0;
    border-left: var(--iti-triangle-border) solid transparent;
    border-right: var(--iti-triangle-border) solid transparent;
    border-top: var(--iti-arrow-height) solid #fff;
}

.defaultstyles p {
    color: #000;
}

.defaultstyles ul li {
    color: #000;
}

.defaultstyles h5 {
    margin: 30px 0 20px 0;
}

.defaultstyles ul {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.defaultstyles li {
    list-style: disc;
}

html body .defaultstyles h2 {
   color:#CCFF00 !important;
    margin:30px 0 30px 0;
}


#pricing-tabs li button.active, #pricing-tabs li button:hover {
    background: #CCFF00 !important;
    color: #000 !important;
}

.pricing-section {display:none}

.section.packages-section.bg-dark-blue-clr {
    display: none;
}

section#main-testimonials-section {
    padding-top: 0;
}

/* Lp Style */

.lp-form-box{
    width: 100%;
    background: #fff;
    padding: 30px 20px;
    border-radius: 6px;
    position: relative;
    z-index: 1;
}
.main-banner-form-box{
    position: relative;
}
.main-banner-form-box:before {
    content: "";
    position: absolute;
    width: 370px;
    /* height: 520px; */
    background: #CCFF00;
    border-radius: 6px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.lp-form-box .contact-right-box {
    width: 100%;
    padding: 15px 0 0 0;
}
.lp-form-box .form-group input, .lp-form-box .form-group textarea {
    background: #F3F3F3;
    padding: 10px 20px;
    border-bottom: 2px solid #A6CF00;
    font-size: 14px;
    color: #686868 !important;
}
.lp-form-box .form-group input::placeholder,
.lp-form-box .form-group textarea::placeholder,
.lp-form-box .iti .iti__selected-dial-code  {
    color: #686868;
    font-size: 14px;
}
.lp-form-box button.contact-submit-btn {
    background: #1120C5;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #1120C5;
}
.lp-form-box h5 {
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 2px;
}
.lp-form-box h5 span.discount-badge {
    font-family: 'Anton';
    font-size: 30px;
    color: #000;
    background: #CCFF00;
    padding: 0px 5px;
}
.iti.iti--allow-dropdown {
    position: relative;
}
.contact-icon-box {
    display: none;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #000000;
}
::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
	background-color: #CCFF00;
}

@media (max-width: 1200px) {
   .main-banner-form-box:before {
        display: none;
   } 
}
@media (max-width: 991px) {
.lp-header .contact-icon-box {
    display: block !important;
}
.contact-icon-box ul{
    display: flex;
    gap: 15px;
}
.contact-icon-box ul li a {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #1120C5;
}
.contact-icon-box ul li a:hover {
    background: #CCFF00;
    color: #1120C5;
    transition: all 0.3s ease;
}
.lp-header .lp-header-btn-wrap .head-btn-box,
.lp-header .lp-header-btn-wrap .btnwhiteborder {
    display: none !important;
}
.lp-header .container-fluid {
    display: flex;
}
}
@media (max-width: 641px) {
.btn-groups {
    gap: 20px;
    flex-direction: column;
    align-items: center;
}
.count-box h4 {
    font-size: 40px;
    line-height: 55px;
}
}


span.error-message {
    color: red !important;
}

.contact-message {
    display:none !important;
}
.contact-submit-btn {
    margin-top: 10px;
}

.lp-header + main .innerpages .banner-inner-section.innerpages .row.justify-content-between {
    align-items: center !important;
}
@media (max-width: 1350px) {

    .counter-box p {

    font-size: 19px;}
html body .counter-box h2 {
    line-height: initial !important;
}
}

@media (max-width: 1140px) {
.contact-details-btn-box a {
    padding: 11.5px 107px;}

  html body section#main-testimonials-section h3 {
    font-size: 40px;
}

 html body section#main-testimonials-section span.small-title-heading {
    font-size: 25px;}

    .counter-box p {
        font-size: 16px;
    }

html body h3, html body h3 span {
    font-size: 48px;
    color: #fff;
    line-height: 60px;

}


.process-section::after {
  
    width: 380px;
    height: 690px;

}

    
}



.gif-box a {
    pointer-events: none !important;
}