

strike {
    text-decoration: line-through;
    text-decoration-color: #7b23e3;
}

p.price-span {
    font-family: 'Milliard';
}

.pricing-card > p {
    color: #7b23e3;
    font-family: 'Milliard';
    font-size: 18px;
    margin-bottom: 15px;
}

.main-hero-banner-section.services-inner-page-2d-v2-hero-banner .container-wrapper {
    max-width: 1320px !important;
}

.service-banner-form > span {
    margin: -45px 0 0 0;
    color: red;
    font-family: 'Milliard';
    text-align: center;
    position: relative;
}

.icon-row.d-flex img {
    width: 45px;
    filter: invert(1);
    padding: 0px;
}

.icon-row div {
    display: flex;
    align-items: center;
}

.icon-row {
    gap: 25px;
    padding: 15px 0 15px 0;
}

    .icon-row p {
        font-weight: 800;
        padding: 0 0 0 15px;
        line-height: 20px;
    }

.service-banner-form {
    height: inherit;
}

.main-hero-banner-section.services-inner-page-2d-v2-hero-banner .service-banner-form h5 {
    margin: 0;
}

.modal-body .service-banner-form h5 {
    font-size: 25px !important;
    line-height: 35px;
    margin: 0 !important;
}

.service-banner-form label {
    font-size: 14px;
}

input.banner-textarea {
    height: 70px;
    margin-bottom: 10px;
}

.main-hero-banner-section.services-inner-page-explainer-v2-hero-banner span.sub-title.bg-subtitle-banner, .main-hero-banner-section.services-inner-page-2d-v2-hero-banner span.sub-title.bg-subtitle-banner, .main-hero-banner-section.services-inner-page-3d-v2-hero-banner span.sub-title.bg-subtitle-banner {
    line-height: 25px;
    font-size: 25px;
}

.main-hero-banner-section.services-inner-page-2d-v2-hero-banner h1 {
    font-size: 55px;
    line-height: 65px;
}

span.hurryup-tagline {
    margin: 5px 0 0 0 !important;
    font-size: 18px;
}

html body .iti__flag {
    background-image: url(../../assets/images/flag.png) !important;
}

div#loadspopup input.form-control::placeholder, div#loadspopup textarea::placeholder {
    color: #7b23e3;
}

input#pnpromo::placeholder {
    opacity: 1 !important;
}

@media screen and (max-width: 1440px) {
    div#loadspopup input.form-control {
        height: 45px;
    }

    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner .right-column {
        margin: 0 100px 0 -50px;
    }

    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner .container-wrapper {
        max-width: 1250px !important;
    }

    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner h1 {
        font-size: 50px;
        line-height: 60px;
    }


    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner .d-flex.double-btn-box.pt-4.pb-3 {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }

    .main-hero-banner-section.services-inner-page-explainer-v2-hero-banner ul.service-banner-list-items li span,
    .main-hero-banner-section.services-inner-page-whiteboard-v2-hero-banner ul.service-banner-list-items li span,
    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner ul.service-banner-list-items li span,
    .main-hero-banner-section.services-inner-page-3d-v2-hero-banner ul.service-banner-list-items li span {
        font-size: 20px;
    }
}

@media screen and (max-width: 1366px) {
    .service-banner-form > span {
        margin: -35px 0 0 0;
    }

    textarea#Textarea {
        height: 80px;
    }
}

@media screen and (max-width: 1024px) {
    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner .right-column,
    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner .satisfied-client-box {
        margin: inherit;
    }

    .mobile-navbar a.navbar-brand {
        color: #fff;
    }
}

@media screen and (max-width: 991px) {
    .service-banner-form {
        margin: 80px 0 0 0;
    }

    .mobile-navbar ul.navbar-nav {
        gap: 20px;
    }

    .main-loop-slider-inner-section .swiper-slide img {
        max-width: 150px;
    }

    .main-header-inner-section ul.navbar-nav li a.nav-link {
        font-size: 12px;
        line-height: 18px;
        background: #7b23e3;
        padding: 5px 25px !important;
        color: #fff !important;
        border: 3px solid #fff;
        font-family: 'Milliard';
    }
}

@media screen and (max-width: 641px) {
    .main-hero-banner-section.services-inner-page-explainer-v2-hero-banner span.sub-title.bg-subtitle-banner, .main-hero-banner-section.services-inner-page-2d-v2-hero-banner span.sub-title.bg-subtitle-banner, .main-hero-banner-section.services-inner-page-3d-v2-hero-banner span.sub-title.bg-subtitle-banner {
        line-height: 20px;
        font-size: 18px;
    }

    .icon-row.d-flex {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    html body .main-hero-banner-section.services-inner-page-whiteboard-v2-hero-banner h1, html body .main-hero-banner-section.services-inner-page-explainer-v2-hero-banner h1, html body .main-hero-banner-section.services-inner-page-2d-v2-hero-banner h1, html body .main-hero-banner-section.services-inner-page-3d-v2-hero-banner h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .main-hero-banner-section.services-inner-page-whiteboard-v2-hero-banner, .main-hero-banner-section.services-inner-page-explainer-v2-hero-banner, .main-hero-banner-section.services-inner-page-2d-v2-hero-banner, .main-hero-banner-section.services-inner-page-3d-v2-hero-banner {
        padding: 130px 0 30px 0;
    }

    .mobile-navbar ul.navbar-nav {
        display: flex;
    }

    section.video-animation-offer .main-hero-banner-inner-section.services-inner-page > .row {
        flex-direction: column-reverse;
    }

    nav.navbar.navbar-expand-lg.p-0.mobile-navbar {
        background: transparent;
    }

    section.video-animation-offer .service-banner-form {
        margin: 20px 0 30px 0;
    }

    .main-header-inner-section ul.navbar-nav li a.nav-link {
        background: #FFDC16;
        color: #7b23e3 !important;
    }

    a.navbar-brand {
        margin-right: 0 !important;
    }

    a.scroll-up-sticky-bar span {
        font-size: 12px;
    }

    .scroll-up-sticky-bar {
        padding: 15px 15px !important;
    }

    header.fixed {
        position: absolute;
    }

    span.hurryup-tagline {
        margin: 5px 0 0 0;
        font-size: 16px !important;
    }

    section.video-animation-offer:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1018px;
        background: #7b23e370;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    section.video-animation-offer .main-hero-banner-inner-section.services-inner-page {
        position: relative;
        z-index: 9;
    }

    .main-header-section {
        z-index: 1;
    }

    div#loadspopup h5 {
        text-align: left;
        font-size: 20px !important;
        margin: 0;
        line-height: 30px;
    }

    div#loadspopup .modal-header h5 {
        margin: 0;
        padding: 0;
        line-height: 20px;
    }

    div#loadspopup .modal-body {
        padding: 0px 5px 20px 5px;
    }

    div#loadspopup button.btn-close {
        width: 25px;
        height: 25px;
    }

    .service-banner-form > span {
        margin: -45px 0 0 0;
        font-size: 18px;
    }

    .mobile-navbar .container-fluid {
        justify-content: space-between;
    }

    nav.navbar.navbar-expand-lg.p-0.mobile-navbar {
        padding: 15px 0px !important;
    }

    div#loadspopup input.form-control::placeholder, div#loadspopup textarea::placeholder {
        font-size: 14px;
    }

    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner.video-animation-offer {
        padding: 110px 0 30px 0;
    }

    .video-animation-offer .main-hero-banner-inner-section.services-inner-page:after {
        content: "";
        position: absolute;
        top: -40px;
        right: -4px;
        width: 55px;
        height: 90px;
        background-image: url(../assets/images/two-d-four-cards-after.webp);
        background-repeat: no-repeat;
        background-size: contain;
        animation: float 2s ease-in-out infinite !important;
    }
}

@media screen and (max-width: 375px) {
    .video-animation-offer .main-hero-banner-inner-section.services-inner-page:after {
        top: -25px;
        right: -5px;
        width: 40px;
        height: 70px;
    }

    .mobile-navbar a.navbar-brand img {
        max-width: 40px;
    }

    .main-hero-banner-section.services-inner-page-explainer-v2-hero-banner span.sub-title.bg-subtitle-banner,
    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner span.sub-title.bg-subtitle-banner,
    .main-hero-banner-section.services-inner-page-3d-v2-hero-banner span.sub-title.bg-subtitle-banner {
        line-height: 20px;
        font-size: 14px;
    }

    html body .main-hero-banner-section.services-inner-page-whiteboard-v2-hero-banner h1,
    html body .main-hero-banner-section.services-inner-page-explainer-v2-hero-banner h1,
    html body .main-hero-banner-section.services-inner-page-2d-v2-hero-banner h1,
    html body .main-hero-banner-section.services-inner-page-3d-v2-hero-banner h1 {
        font-size: 25px !important;
        line-height: 30px !important;
    }
}



/*New Pages*/
ul.service-banner-list-items li {
    margin-bottom: 15px !important;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 15px;
}

.services-inner-page img.award-badges-images {
    max-width: 130px;
    padding-left: 0;
    padding-right: 0px !important;
}

/*.main-hero-banner-section.services-inner-page-2d-v2-hero-banner.game-development {
    background-image: url(/assets/images/game-dev-banner.webp);

}
*/

.main-hero-banner-section.services-inner-page-2d-v2-hero-banner.web-development {
    padding: 200px 0 50px 0;
    background-image: url(/assets/images/web-dev-banner.webp);
}

.main-hero-banner-section.services-inner-page-2d-v2-hero-banner.mobile-app-development {
    padding: 200px 0 50px 0;
    background-image: url(/assets/images/app-dev-banner.webp);
}

.main-hero-banner-section.services-inner-page-2d-v2-hero-banner.augmented-reality {
    padding: 200px 0 50px 0;
    background-image: url(/assets/images/web-dev-banner.webp);
}


.main-hero-banner-section.services-inner-page-2d-v2-hero-banner.game-development {
    padding: 200px 0 50px 0;
    background-image: url(/assets/images/game-dev-banner.webp);
}



.main-hero-banner-section.services-inner-page-explainer-v2-hero-banner span.sub-title.bg-subtitle-banner,
.main-hero-banner-section.services-inner-page-2d-v2-hero-banner span.sub-title.bg-subtitle-banner,
.main-hero-banner-section.services-inner-page-3d-v2-hero-banner span.sub-title.bg-subtitle-banner {
    background: #FFDC16;
    padding: 10px;
    width: fit-content;
    color: #7b23e3;
    line-height: 35px;
}

.main-hero-banner-section.services-inner-page-explainer-v2-hero-banner ul.service-banner-list-items li span,
.main-hero-banner-section.services-inner-page-2d-v2-hero-banner ul.service-banner-list-items li span,
.main-hero-banner-section.services-inner-page-3d-v2-hero-banner ul.service-banner-list-items li span {
    color: #FFDC16;
    font-family: 'Milliard';
    font-size: 18px;
    margin: -5px 0 0 10px;
}

@media screen and (max-width: 991px) {
    .service-banner-form {
        margin: 80px 0 0 0 !important;
    }


    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner.web-development {
        padding: 130px 0 50px 0;
    }

    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner.mobile-app-development {
        padding: 130px 0 50px 0;
    }

    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner.augmented-reality {
        padding: 130px 0 50px 0;
    }


    .main-hero-banner-section.services-inner-page-2d-v2-hero-banner.game-development {
        padding: 130px 0 50px 0;

    }
    .main-about-us-inner-section .right-column {
        text-align: center;
    }
    .main-about-us-inner-section .right-column {
        text-align: center;
    }

}

.main-pricing-section {
    display: none !important;
}