img,
svg {
    vertical-align: middle
}

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

.scrollToTop,
.scrollToTop:hover {
    -webkit-transition: .35s;
    transition: .35s
}

@media screen and (min-width:991px) {
    .hvr-shutter-out-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal:hover {
        color: #fff
    }

    .hvr-shutter-out-horizontal:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .hvr-shutter-out-horizontal-orange {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal-orange:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 10px;
        background: #f16122;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal-orange:hover {
        color: #fff
    }

    .hvr-shutter-out-horizontal-orange:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .hvr-shutter-out-horizontal-black {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal-black:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 10px;
        background: #000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal-black:hover {
        color: #fff !important
    }

    .hvr-shutter-out-horizontal-black:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.btn:hover,
.primary-btn {
    background: #f16122;
    color: #fff
}

.orange-btn {
    background: #f16122
}

.cmr-outline-btn {
    border: 2px solid #001033;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    color: #001033
}

@media screen and (max-width:990px) {
    .cmr-outline-btn:hover {
        background: #000 !important;
        color: #fff
    }
}

.cmr-solid-btn,
.hirecta-primary-btn,
.hirecta-primary-btn .btnloader {
    background: #f16122
}

.hirecta-primary-btn .btnloader:before {
    background: url(../images/loader-img.png) no-repeat
}

.left-cq,
.right-cq {
    width: 341px;
    height: 332px;
    background: #fff;
    opacity: .24;
    filter: drop-shadow(0 3px 36px rgba(0, 0, 0, .16));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.sec-description p {
    text-align: left;
    color: #001033
}

.animated-cuts-left:after,
.animated-cuts-right:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 120%;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    -webkit-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0)
}

.navigationouter .navigationlist .menu-company .navigationSub-list .certified-by .creat-logo {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/home/menu-certification.webp)
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box span,
.navigationouter .navigationlist .menu-industries .menu-content .menu-text-box span,
.navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link:hover,
.navigationouter .navigationlist .navigationSub .navsub-box-link:hover {
    color: #f16122
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link:after {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/social-icons.svg)
}

@media screen and (min-width:992px) {

    .mob-menulinks,
    .mobile-contact-info {
        display: none
    }
}

@media screen and (max-width:991px) {
    .mob-menu-links {
        padding: 5px 15px 10px !important
    }

    .mob-menulinks {
        margin-top: 10px;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 15px
    }

    .mob-menulinks,
    .mob-menulinks .menu-link {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .mob-menulinks .menu-link {
        width: calc(33.33% - 8px);
        text-align: center;
        border-radius: 16px;
        padding: 23px;
        height: 155px;
        justify-content: center;
        align-content: center;
        gap: 15px
    }

    .mob-menulinks .menu-link:first-child {
        background: #e4eaf8
    }

    .mob-menulinks .menu-link:first-child .icon {
        background-color: #c3cde8
    }

    .mob-menulinks .menu-link:first-child .icon i {
        font-size: 30px;
        color: #1d1e31
    }

    .mob-menulinks .menu-link:nth-child(2) {
        background: #e4f5e2
    }

    .mob-menulinks .menu-link:nth-child(2) .icon {
        background-color: #c1e1be
    }

    .mob-menulinks .menu-link:nth-child(2) .icon i {
        font-size: 30px;
        color: #1d1e31
    }

    .mob-menulinks .menu-link:nth-child(3) {
        background: #f0e7f4
    }

    .mob-menulinks .menu-link:nth-child(3) .icon {
        background-color: #e0c6e6
    }

    .mob-menulinks .menu-link:nth-child(3) .icon i {
        font-size: 30px;
        color: #1d1e31
    }

    .mob-menulinks .menu-link .icon {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0
    }

    .mob-menulinks .menu-link .icon:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px dashed rgba(0, 0, 0, .3);
        left: 3px;
        top: 3px;
        border-radius: 50%;
        transition: .3s ease-in-out
    }

    .mob-menulinks .menu-link:hover .icon:before {
        left: -3px;
        top: -3px;
        transition: .3s ease-in-out
    }

    .mob-menulinks .menu-link:hover .icon i {
        color: #1d1e31
    }

    .mob-menulinks .menu-link .link-label {
        font-size: 18px;
        line-height: 1.2;
        font-weight: 700;
        color: #000;
        width: 100%;
        margin: 0
    }

    .mob-menulinks .menu-link:last-child .link-label {
        display: inline-block
    }
}

.inner-top-header {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/elements/grain.webp)
}

@media(max-width:600px) {

    .inner-top-header .inner-left .inner-head-title,
    .inner-top-header .inner-left .inner-head-title h1 {
        text-align: left;
        text-align: center
    }
}

.light-green {
    background-color: #dbf5d1
}

.light-purple {
    background-color: #d7e1f9
}

.platinum {
    background-color: #e2e2e2
}

.green-sky {
    background-color: #d2f5ee
}

.Purply-blue {
    background-color: #e7e2ff
}

.bg-misty-rose {
    background-color: #ffe1dd
}

.bg-mint-green {
    background-color: #dbf5d1
}

.bg-pale-orange {
    background-color: #ffefc6
}

.reddish-orange {
    background-color: #fae3d8
}

.bluish-purple {
    background-color: #decfff
}

.jeans-blue {
    background-color: #99d1e6
}

.tealish-blue {
    background-color: #c9ddff
}

.dawn-pink {
    background-color: #ffe6e6
}

.bluish-cyan {
    background-color: #c5e2ec
}



.banner-main .banner-inner .inner-left {
    padding-right: 0;
    text-align: left;
    color: #001033
}

.banner-main .banner-inner .inner-left .cmr-outline-btn,
.banner-main .banner-inner .inner-left>p a {
    display: inline-flex;
    width: fit-content;
    width: -webkit-fit-content
}

.banner-main .banner-title {
    color: #001033
}

.technology-stack-sec .technology-boxs .tech-box {
    background: #f8f9ff 0 0 no-repeat padding-box;
    border-radius: 16px
}

.project-start-wrap .project-start-inner .start-left.protfolio-left p,
.project-start-wrap .project-start-inner .start-left p+p {
    font-size: calc(19.2px + .7vw);
    font-family: GilroySemiBold, sans-serif
}

.project-start-wrap .project-start-inner .start-right .start-link .icon {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/social-icons.svg)
}

.left-brush:before {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/elements/pointer-re.svg)
}

.inquiryBtn .inquiryBtnOuter .primary-btn .btnloader:before {
    background: url(../images/loader-img.png) no-repeat
}

.footer-container>.container {
    background: url(https://www.bharatdigitalseva.com/assets/images/footer/footer-map.webp) right 49px no-repeat
}

.award-wrap .created-by .creat-logo span {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/home/menu-certification.webp)
}

.footer-sm-list a,
.footer-sm-list span {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/footer-certification-logos.webp)
}

@media screen and (max-width:767px) {

    .footer-sm-list a,
    .footer-sm-list span {
        background-size: auto 80px;
        height: 80px;
        width: 80px;
        margin-left: 14px;
        margin-right: 14px
    }

    .footer-sm-list a.footer-logo-good-firms,
    .footer-sm-list span.footer-logo-good-firms {
        margin-right: 14px
    }

    .footer-sm-list a.footer-logo-app-futura,
    .footer-sm-list a.footer-logo-clutch,
    .footer-sm-list span.footer-logo-app-futura,
    .footer-sm-list span.footer-logo-clutch {
        height: 80px;
        width: 80px
    }

    .footer-sm-list a.footer-logo-app-development,
    .footer-sm-list span.footer-logo-app-development {
        height: 80px
    }
}

.footer-contact-inner:before {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/social-icons.svg)
}

.footer-contact-inner:after,
.footer-contact-inner:before {
    content: "";
    position: absolute;
    background-position: 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.bharat-locations .footer-loaction-title:before {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/map-icons.svg)
}

.footer-3>.container {
    background: url(https://www.bharatdigitalseva.com/assets/images/footer/footer-map.webp) right 49px no-repeat
}

.banner-main.cmr-infra-banner {
    background-color: transparent !important;
    background-image: radial-gradient(at 36% 63%, #e6f7ff 0, transparent 50%), radial-gradient(at 15% 77%, #e6f7ff 0, transparent 50%), radial-gradient(at 12% 25%, #ffe8db 0, transparent 50%), radial-gradient(at 43% 12%, #f5feff 0, transparent 50%), radial-gradient(at 64% 64%, #ffe9e0 0, transparent 50%), radial-gradient(at 100% 0, #e6f7ff 0, transparent 50%);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 375px;
    align-items: flex-start;
    padding-top: 135px
}

@media screen and (max-width:1440px) {
    .banner-main.cmr-infra-banner {
        min-height: 355px
    }
}

@media screen and (max-width:1280px) {
    .banner-main.cmr-infra-banner {
        min-height: 340px
    }
}

@media screen and (max-width:1024px) {
    .banner-main.cmr-infra-banner {
        min-height: 320px
    }
}

@media screen and (max-width:991px) {
    .banner-main.cmr-infra-banner {
        min-height: 260px
    }
}

@media screen and (max-width:767px) {
    .banner-main.cmr-infra-banner {
        min-height: 220px
    }
}

@media screen and (max-width:480px) {
    .banner-main.cmr-infra-banner {
        min-height: 200px
    }
}

.banner-main.cmr-infra-banner .inner-left {
    padding-right: 0 !important
}

.banner-main.cmr-infra-banner .banner-title {
    text-align: center
}

.our-clients .upper_left .blog_section_title {
    font-family: GilroyBold, sans-serif;
    letter-spacing: 0;
    line-height: 1.35;
    color: #000;
    padding-bottom: 50px;
    margin-bottom: 0
}

@media(min-width:992px) {
    .our-clients .upper_left .blog_section_title {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .our-clients .upper_left .blog_section_title {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .our-clients .upper_left .blog_section_title {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .our-clients .upper_left .blog_section_title {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .our-clients .upper_left .blog_section_title {
        font-size: 26px
    }
}

@media screen and (max-width:1280px) {
    .our-clients .upper_left .blog_section_title {
        padding-bottom: 40px
    }
}

@media screen and (max-width:1024px) {
    .our-clients .upper_left .blog_section_title {
        padding-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    .our-clients .upper_left .blog_section_title {
        padding-bottom: 20px
    }
}

@media screen and (max-width:575px) {
    .our-clients .upper_left .blog_section_title {
        padding-bottom: 10px
    }
}

.our-clients .upper_left .blog_section_title h3 {
    line-height: 1.35;
    margin: 0
}

@media(min-width:992px) {
    .our-clients .upper_left .blog_section_title h3 {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .our-clients .upper_left .blog_section_title h3 {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .our-clients .upper_left .blog_section_title h3 {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .our-clients .upper_left .blog_section_title h3 {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .our-clients .upper_left .blog_section_title h3 {
        font-size: 26px
    }
}

@media screen and (max-width:600px) {
    .our-clients .upper_left .blog_section_title h3 {
        font-size: 24px;
        line-height: 40px
    }
}

.our-clients .upper_left .blog_section_title h3 span {
    font-weight: 400;
    position: relative
}

.our-clients .upper_left .blog_section_title h3 span:after {
    content: "";
    height: 12px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .06);
    z-index: -1
}

 .com-padding {
    padding: 80px 0
}

@media screen and (max-width:1280px) {
     .com-padding {
        padding: 60px 0
    }
}

@media screen and (max-width:1024px) {
     .com-padding {
        padding: 50px 0
    }
}

@media screen and (max-width:991px) {
     .com-padding {
        padding: 40px 0
    }
}

 .sec-title h3 {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400
}

 .cmr-infra-images {
    margin-top: -155px;
    padding-bottom: 80px;
    position: relative
}

@media screen and (max-width:1440px) {
     .cmr-infra-images {
        margin-top: -130px;
        padding-bottom: 60px
    }
}

@media screen and (max-width:1200px) {
     .cmr-infra-images {
        margin-top: -150px
    }
}

@media screen and (max-width:1024px) {
     .cmr-infra-images {
        margin-top: -135px;
        padding-bottom: 50px
    }
}

@media screen and (max-width:991px) {
     .cmr-infra-images {
        margin-top: -90px;
        padding-bottom: 40px
    }
}

@media screen and (max-width:767px) {
     .cmr-infra-images {
        margin-top: -40px
    }
}

@media screen and (max-width:320px) {
     .cmr-infra-images {
        margin-top: -20px
    }
}

 .cmr-infra-images .cmr-infra-img {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 90px
}

@media screen and (max-width:1280px) {
     .cmr-infra-images .cmr-infra-img {
        margin-bottom: 70px
    }
}

@media screen and (max-width:1024px) {
     .cmr-infra-images .cmr-infra-img {
        margin-bottom: 60px
    }
}

@media screen and (max-width:991px) {
     .cmr-infra-images .cmr-infra-img {
        margin-bottom: 50px
    }
}

 .cmr-infra-images .cmr-infra-img li {
    flex: 0 0 calc(25% - 5px);
    max-width: calc(25% - 5px);
    box-shadow: 20px 20px 50px rgba(0, 0, 0, .1490196078);
    border-radius: 50px
}

@media screen and (max-width:991px) {
     .cmr-infra-images .cmr-infra-img li {
        border-radius: 30px
    }
}

@media screen and (max-width:576px) {
     .cmr-infra-images .cmr-infra-img li {
        border-radius: 15px;
        flex: 0 0 calc(50% - 3px);
        max-width: calc(50% - 3px)
    }
}

 .cmr-infra-images .cmr-infra-img li picture {
    display: block
}

 .cmr-infra-images .cmr-infra-img li picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50px
}

@media screen and (max-width:991px) {
     .cmr-infra-images .cmr-infra-img li picture img {
        border-radius: 30px
    }
}

@media screen and (max-width:576px) {
     .cmr-infra-images .cmr-infra-img li picture img {
        border-radius: 15px
    }
}

 .cmr-infra-images .cmr-infra-img li .swiper-container {
    overflow: hidden
}

 .cmr-infra-images .cmr-infra-img li:first-child,
 .cmr-infra-images .cmr-infra-img li:nth-child(2) {
    flex: 0 0 calc(50% - 3px);
    max-width: calc(50% - 3px)
}

@media screen and (max-width:576px) {

     .cmr-infra-images .cmr-infra-img li:first-child,
     .cmr-infra-images .cmr-infra-img li:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:576px) {
     .cmr-infra-images .cmr-infra-img li:nth-child(2) {
        order: 6
    }
}

 .cmr-infra-images .cmr-infra-content {
    max-width: 980px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
    color: #1e1e1e
}

@media screen and (min-width:768px) {
     .cmr-infra-images .cmr-infra-content {
        text-align: center
    }
}

 .cmr-infra-images .cmr-infra-content .sec-title {
    margin-bottom: 20px
}

 .cmr-infra-images .cmr-infra-content p:last-child {
    margin-bottom: 0
}

 .our-facilities {
    background-color: #f3f6ff
}

 .our-facilities .sec-title {
    margin-bottom: 50px
}

@media screen and (max-width:1280px) {
     .our-facilities .sec-title {
        margin-bottom: 40px
    }
}

@media screen and (max-width:991px) {
     .our-facilities .sec-title {
        margin-bottom: 30px
    }
}

@media screen and (max-width:576px) {
     .our-facilities .sec-title {
        margin-bottom: 20px
    }
}

.our-facilities {
    background-color: #e7aa8d17;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/visa-banner.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.our-facilities .our-facilities-list li img {
    width: 42px;
    display: inline-block;
    margin: 0 auto 15px;
}
 .our-facilities .our-facilities-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    column-gap: 16px
}

@media screen and (max-width:991px) {
     .our-facilities .our-facilities-list {
        row-gap: 16px
    }
}

 .our-facilities .our-facilities-list li {
    background-color: #fff;
    padding: 37px 35px 28px;
    border-radius: 10px;
    flex: 0 0 calc(25% - 12px);
    max-width: calc(25% - 12px);
    border-top: 10px solid #0d508e;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, .0509803922);
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    color: #000
}

@media screen and (max-width:1280px) {
     .our-facilities .our-facilities-list li {
        padding: 30px 30px 28px
    }
}

@media screen and (max-width:991px) {
     .our-facilities .our-facilities-list li {
        flex: 0 0 calc(33% - 9px);
        max-width: calc(33% - 9px);
        padding: 20px 20px 25px;
        border-radius: 20px;
        border-top: 6px solid #439bc2
    }
}

@media screen and (max-width:680px) {
     .our-facilities .our-facilities-list li {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px)
    }
}

@media screen and (max-width:480px) {
     .our-facilities .our-facilities-list li {
        flex: 0 0 100%;
        max-width: 100%
    }
}

 .our-facilities .our-facilities-list li .facilities-list {
    font-size: 16px;
    line-height: 21px;
    color: #000
}

 .our-facilities .our-facilities-list li i {
    font-size: 30px;
    display: inline-block;
    margin: 0 auto 15px
}

 .our-facilities .our-facilities-list li p {
    margin-bottom: 10px
}

 .our-facilities .our-facilities-list li p strong {
    line-height: 20px;
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400
}

 .our-facilities .our-facilities-list li p:last-child {
    margin-bottom: 0
}

 .our-office-section .our-office-bg {
    padding: 60px 0 80px;
    background-color: #02021e
}

@media screen and (max-width:1280px) {
     .our-office-section .our-office-bg {
        padding: 50px 0 70px
    }
}

@media screen and (max-width:1024px) {
     .our-office-section .our-office-bg {
        padding: 40px 0 60px
    }
}

@media screen and (max-width:991px) {
     .our-office-section .our-office-bg {
        padding: 40px 0 50px
    }
}

 .our-office-section .our-office-bg .sec-title {
    text-align: center
}

 .our-office-section .our-office-bg .sec-title h3,
 .our-office-section .our-office-bg .sec-title p,
 .our-office-section .our-office-bg .sec-title p span {
    color: #fff
}

 .our-office-section .our-office-bg .sec-title p span:before {
    background-color: #fff
}

 .our-office-section .our-area-strenght {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 980px;
    margin: -50px auto 0
}

@media screen and (max-width:1024px) {
     .our-office-section .our-area-strenght {
        margin: -40px auto 0
    }
}

@media screen and (max-width:991px) {
     .our-office-section .our-area-strenght {
        margin: -30px auto 0
    }
}

 .our-office-section .our-area-strenght li {
    flex: 0 0 calc(33.33% - 11px);
    max-width: calc(33.33% - 11px);
    position: relative;
    padding: 35px;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    color: #1e1e1e
}

@media screen and (max-width:1024px) {
     .our-office-section .our-area-strenght li {
        padding: 30px
    }
}

@media screen and (max-width:767px) {
     .our-office-section .our-area-strenght li {
        padding: 20px
    }
}

@media screen and (max-width:680px) {
     .our-office-section .our-area-strenght li {
        flex: 0 0 60%;
        max-width: 60%;
        margin: 0 auto
    }
}

@media screen and (max-width:480px) {
     .our-office-section .our-area-strenght li {
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media screen and (max-width:360px) {
     .our-office-section .our-area-strenght li {
        flex: 0 0 100%;
        max-width: 100%
    }
}

 .our-office-section .our-area-strenght li p {
    margin-bottom: 8px;
    position: relative
}

 .our-office-section .our-area-strenght li h3 {
    font-size: 24px;
    line-height: 30px;
    color: #1e1e1e;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    position: relative
}

@media screen and (max-width:1024px) {
     .our-office-section .our-area-strenght li h3 {
        font-size: 22px;
        line-height: 28px
    }
}

@media screen and (max-width:767px) {
     .our-office-section .our-area-strenght li h3 {
        font-size: 20px;
        line-height: 26px
    }
}

 .our-office-section .our-area-strenght li:before {
    content: "";
    position: absolute;
    background-color: hsla(0, 0%, 100%, .3);
    height: 100%;
    width: 100%;
    border-radius: 65px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

 .our-office-section .our-area-strenght li:first-child {
    background-color: #ffe1e4
}

 .our-office-section .our-area-strenght li:nth-child(2) {
    background-color: #ffeebe
}

 .our-office-section .our-area-strenght li:nth-child(3) {
    background-color: #f4d9f5
}

 .our-office-section .infra-listing-both {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 980px;
    margin: 0 auto
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both {
        flex-wrap: wrap;
        gap: 30px
    }
}

 .our-office-section .infra-listing-both .infra-listing {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px)
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both .infra-listing {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
        order: 1
    }
}

 .our-office-section .infra-listing-both .infra-listing .sec-title {
    margin-bottom: 10px
}

 .our-office-section .infra-listing-both .infra-listing li {
    position: relative;
    font-size: 16px;
    line-height: 33px;
    font-weight: 600;
    padding-left: 26px
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both .infra-listing li {
        line-height: 28px
    }
}

 .our-office-section .infra-listing-both .infra-listing li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/infrastructure/check-mark-icon.webp);
    background-repeat: no-repeat;
    background-size: 14px;
    height: 14px;
    width: 14px
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both .infra-listing li:before {
        top: 7px
    }
}

 .our-office-section .infra-listing-both .infra-image {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    display: flex;
    height: fit-content
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both .infra-image {
        flex: 0 0 80%;
        max-width: 80%;
        margin: 0 auto
    }
}

@media screen and (max-width:480px) {
     .our-office-section .infra-listing-both .infra-image {
        flex: 0 0 100%;
        max-width: 100%
    }
}

 .our-office-section .infra-listing-both .infra-image .box-bg {
    flex: 0 0 calc(30% + 5px);
    max-width: calc(30% + 5px);
    background-color: #f16122;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, .0509803922);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:1280px) {
     .our-office-section .infra-listing-both .infra-image .box-bg {
        flex: 0 0 calc(30% - 15px);
        max-width: calc(30% - 15px)
    }
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both .infra-image .box-bg {
        flex: 0 0 calc(30% - 10px);
        max-width: calc(30% - 10px)
    }
}

@media screen and (max-width:575px) {
     .our-office-section .infra-listing-both .infra-image .box-bg {
        display: none
    }
}

 .our-office-section .infra-listing-both .infra-image .box-bg h4 {
    font-size: 24px;
    line-height: 29px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: center
}

@media screen and (max-width:1280px) {
     .our-office-section .infra-listing-both .infra-image .box-bg h4 {
        font-size: 22px;
        line-height: 27px
    }
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both .infra-image .box-bg h4 {
        font-size: 20px;
        line-height: 25px
    }
}

 .our-office-section .infra-listing-both .infra-image .box-bg h4 span {
    font-size: 40px;
    line-height: 44px;
    display: block
}

@media screen and (max-width:1280px) {
     .our-office-section .infra-listing-both .infra-image .box-bg h4 span {
        font-size: 38px;
        line-height: 42px
    }
}

@media screen and (max-width:1024px) {
     .our-office-section .infra-listing-both .infra-image .box-bg h4 span {
        font-size: 36px;
        line-height: 40px
    }
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both .infra-image .box-bg h4 span {
        font-size: 34px;
        line-height: 38px
    }
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both .infra-image .box-bg h4 span {
        font-size: 30px;
        line-height: 36px
    }
}

 .our-office-section .infra-listing-both .infra-image .box-img {
    flex: 1;
    box-shadow: -20px 20px 50px rgba(0, 0, 0, .1019607843);
    border-radius: 50px;
    height: fit-content
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both .infra-image .box-img {
        border-radius: 30px
    }
}

@media screen and (max-width:576px) {
     .our-office-section .infra-listing-both .infra-image .box-img {
        border-radius: 20px
    }
}

 .our-office-section .infra-listing-both .infra-image .box-img picture {
    display: block
}

 .our-office-section .infra-listing-both .infra-image .box-img picture img {
    border-radius: 50px;
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both .infra-image .box-img picture img {
        border-radius: 30px
    }
}

@media screen and (max-width:576px) {
     .our-office-section .infra-listing-both .infra-image .box-img picture img {
        border-radius: 20px
    }
}

 .our-office-section .infra-listing-both.blue-list {
    padding-bottom: 80px
}

@media screen and (max-width:1280px) {
     .our-office-section .infra-listing-both.blue-list {
        padding-bottom: 60px
    }
}

@media screen and (max-width:1024px) {
     .our-office-section .infra-listing-both.blue-list {
        padding-bottom: 50px
    }
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both.blue-list {
        padding-bottom: 40px
    }
}

 .our-office-section .infra-listing-both.blue-list .infra-listing {
    padding-left: 60px
}

@media screen and (max-width:1280px) {
     .our-office-section .infra-listing-both.blue-list .infra-listing {
        padding-left: 50px
    }
}

@media screen and (max-width:1024px) {
     .our-office-section .infra-listing-both.blue-list .infra-listing {
        padding-left: 40px
    }
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both.blue-list .infra-listing {
        padding-left: 20px
    }
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both.blue-list .infra-listing {
        padding-left: 0
    }
}

 .our-office-section .infra-listing-both.blue-list .infra-image .box-bg {
    background-color: #439bc2
}

 .our-office-section .infra-listing-both.light-blue-list .infra-image .box-bg {
    background-color: #001033
}

@media screen and (max-width:576px) {
     .our-office-section .infra-listing-both.light-blue-list .infra-image .box-bg {
        display: flex
    }
}

 .our-office-section .infra-listing-both.light-purple-box .infra-listing {
    padding-left: 60px
}

@media screen and (max-width:1280px) {
     .our-office-section .infra-listing-both.light-purple-box .infra-listing {
        padding-left: 50px
    }
}

@media screen and (max-width:1024px) {
     .our-office-section .infra-listing-both.light-purple-box .infra-listing {
        padding-left: 40px
    }
}

@media screen and (max-width:991px) {
     .our-office-section .infra-listing-both.light-purple-box .infra-listing {
        padding-left: 20px
    }
}

@media screen and (max-width:767px) {
     .our-office-section .infra-listing-both.light-purple-box .infra-listing {
        padding-left: 0
    }
}

 .our-office-section .infra-listing-both.light-purple-box .infra-image .box-bg {
    background-color: #c6bafc
}

 .our-office-section .infra-light-bg {
    background-color: #f3f6ff
}

 .swiper-slide {
    background-position: 50%;
    background-size: cover;
    border-radius: 50px
}

@media screen and (max-width:991px) {
     .swiper-slide {
        border-radius: 30px
    }
}

@media screen and (max-width:576px) {
     .swiper-slide {
        border-radius: 15px
    }
}

 .swiper-slide img {
    display: block
}

.our-clients {
    padding-bottom: 40px
}

@media screen and (max-width:991px) {
    .our-clients {
        padding-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .our-clients {
        padding-bottom: 25px
    }
}

.our-clients .blog_section_title {
    text-align: center
}

a:hover {
    color: #f16122
}

.scrollToTop {
    background: #f16122
}

@media screen and (min-width:991px) {
    .hvr-shutter-out-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, #f93 33.3%, #fff 0 66.6%, #138808 66.6%);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal:hover {
        color: #fff
    }

    .hvr-shutter-out-horizontal:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .hvr-shutter-out-horizontal-orange {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal-orange:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 10px;
        background: #f16122;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal-orange:hover {
        color: #fff
    }

    .hvr-shutter-out-horizontal-orange:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .hvr-shutter-out-horizontal-black {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal-black:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 10px;
        background: #000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal-black:hover {
        color: #fff !important
    }

    .hvr-shutter-out-horizontal-black:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.btn:hover,
.cmr-solid-btn,
.hirecta-primary-btn,
.hirecta-primary-btn .btnloader,
.orange-btn,
.primary-btn {
    background: #f16122
}

.sec-description p a {
    color: #f16122
}

.sec-description .secDesList li:before {
    background: #f16122
}

.sec-description .secDesList a {
    color: #f16122
}

.sec-description-button .primary-btn {
    background: #f16122
}

.navigationouter .navigationlist .navmain-list .navmain-list-link:after {
    background-color: #f16122
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box span,
.navigationouter .navigationlist .menu-industries .menu-content .menu-text-box span,
.navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link:hover,
.navigationouter .navigationlist .navigationSub .navsub-box-link:hover {
    color: #f16122
}

.mobile-action-buttons .contact-info-mobile {
    background: #f16122
}

@media screen and (min-width:992px) {
    .technology-stack-sec .sec-title {
        text-align: center
    }
}

.technology-stack-sec .technology-boxs .tech-box {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #e2e6fe;
    box-shadow: 0 3px 26px rgb(13 80 142/50%)
}

.technology-stack-sec .technology-boxs .tech-box ul li a:hover {
    color: #f16122
}

.technology-stack-sec .technology-boxs .tech-box.backend-list {
    flex: 0 0 calc(75% - 8px);
    max-width: calc(75% - 8px)
}

.our-portfolio-section .portfolio-view .view_all_blog:hover {
    color: #f16122
}

.project-start-wrap .project-start-inner {
    background: transparent linear-gradient(110deg, #f16122, #f98c43) 0 0 no-repeat padding-box;
    border-radius: 24px
}

.hire-lightContentSection .secDesList li .why-title:before {
    background: #f16122
}

.hire-lightContentSection .secDesList a {
    color: #f16122
}

.hire-lightContentSection .deslist-bullet li:before {
    background: #f16122
}

.hire-lightContentSection .deslist-bullet a {
    color: #f16122
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li:before {
    border: 2px solid #f16122
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li ul li:before,
.faq-sections li.faq_item .faq_body .faq_body_inner ul li ul li:before {
    background: #f16122
}

.faq-sections li.faq_item .faq_body .faq_body_inner a {
    color: #f16122
}

.faq-sections li.faq_item .faq_header .card-link .faqIcon:after,
.faq-sections li.faq_item .faq_header .card-link .faqIcon:before {
    background-color: #f16122
}

.faq-sections li.faq_item .faq_header.active .faqIcon {
    background: #f16122;
    border: 1px solid #f16122
}

.cookieSectionBG .cookieSection .cookieDesc a,
.faq-sections .faq-right-section p,
.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details .blog_category,
.our-blogs-section .blogs-listing .blog_item .blog-info-wrap:hover .post-title a,
.view_all_blog:hover {
    color: #f16122
}

.cookieSectionBG .cookieSection .cookiebtn .acceptcookie {
    background-color: #f16122
}

@media screen and (max-width:990px) {
    .cookieSectionBG .cookieSection .cookiebtn .acceptcookie:hover {
        background: #f16122;
        color: #fff
    }
}

.cookieSectionBG .cookieSection .cookiebtn .cookieseting:hover {
    color: #f16122 !important
}

.inquiryBtn .inquiryBtnOuter .primary-btn .btnloader {
    background: #f16122
}

.sec-title .sec-title-desc {
    margin: 20px 0 30px;
    padding-left: 0;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    color: #222;
    font-size: 20px;
    line-height: 1.5;
    font-style: normal
}

@media(max-width:991px) {
    .sec-title .sec-title-desc {
        margin: 15px 0;
        font-size: 18px
    }
}

.sec-title .sec-title-desc a {
    color: #f16122;
    font-weight: 700
}

.sec-title .sec-title-desc a:hover {
    color: #222
}

.industryBanner {
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    color: #222;
    font-size: 16px;
    line-height: 1.8;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 100vh;
    max-height: 657px;
    padding: 80px 0;
    z-index: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
    box-shadow: 1px 3px 30px rgba(0, 0, 0, .1607843137)
}

@media(max-width:1280px) {
    .industryBanner {
        min-height: 450px;
        background-image: none !important;
        max-height: max-content;
        align-content: center
    }
}

@media(max-width:991px) {
    .industryBanner {
        min-height: 375px;
        height: 100%;
        padding: 90px 0 40px;
        background-size: cover
    }
}

.industryBanner:before {
    content: "";
    background: linear-gradient(45deg, #cdf1f6, #eae5ff 101.45%);
    opacity: .95;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1
}

.industryBanner h1 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 1.5;
    margin: 0 auto 20px
}

@media(max-width:1450px) {
    .industryBanner h1 {
        font-size: 40px
    }
}

@media(max-width:1280px) {
    .industryBanner h1 {
        font-size: 36px
    }
}

@media(max-width:991px) {
    .industryBanner h1 {
        font-size: 30px;
        line-height: 1.4
    }
}

.industryBanner p {
    max-width: 985px;
    margin: 0 auto 40px
}

@media(max-width:991px) {
    .industryBanner p {
        margin: 0 auto 20px
    }
}

.software-solutions {
    padding: 40px 0
}

@media(max-width:991px) {
    .software-solutions {
        padding: 60px 0
    }
}

@media(max-width:767px) {
    .software-solutions {
        padding: 50px 0
    }
}

.software-solutions .sec-title .sec-title-desc {
    margin-bottom: 10px
}

.software-solutions .softsol-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

@media(max-width:991px) {
    .software-solutions .softsol-inner {
        row-gap: 0
    }
}

.software-solutions .softsol-inner .softsol-inner-left,
.software-solutions .softsol-inner .softsol-inner-right {
    width: calc(50% - 15px)
}

@media(max-width:991px) {

    .software-solutions .softsol-inner .softsol-inner-left,
    .software-solutions .softsol-inner .softsol-inner-right {
        width: 100%
    }
}

.software-solutions .softsol-inner .softsol {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.software-solutions .softsol-inner .softsol.active .softsol-que .softsol-arrow {
    color: #0d508e;
    transform: translateY(-50%) rotate(0deg);
    transition: all .5s
}
.software-solutions.visa-doc-list .softsol-inner .softsol .softsol-que {
    padding: 25px 35px 25px 0px;
}

.software-solutions .softsol-inner .softsol .softsol-que {
    padding: 25px 35px 25px 60px;
    color: #000;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer
}

@media(max-width:991px) {
    .software-solutions .softsol-inner .softsol .softsol-que {
        font-size: 18px;
        padding: 20px 30px 20px 40px
    }
}

.software-solutions .softsol-inner .softsol .softsol-que .softsol-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px
}

@media(max-width:991px) {
    .software-solutions .softsol-inner .softsol .softsol-que .softsol-icon {
        font-size: 30px
    }
}

.software-solutions .softsol-inner .softsol .softsol-que picture {
    display: inline-block;
    line-height: 0
}

.software-solutions .softsol-inner .softsol .softsol-que picture img {
    width: 40px
}

@media(max-width:991px) {
    .software-solutions .softsol-inner .softsol .softsol-que picture img {
        width: 30px
    }
}

.software-solutions .softsol-inner .softsol .softsol-que .softsol-arrow {
    position: absolute;
    right: 0;
    font-size: 30px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transition: all .5s
}

@media(max-width:991px) {
    .software-solutions .softsol-inner .softsol .softsol-que .softsol-arrow {
        font-size: 26px
    }
}

.software-solutions .softsol-inner .softsol .softsol-ans {
    font-size: 16px;
    line-height: 1.6
}

.software-solutions .softsol-inner .softsol .softsol-ans p a {
    font-weight: 700
}

.software-solutions .softsol-inner .softsol .softsol-ans ul {
    margin-bottom: 20px
}

.software-solutions .softsol-inner .softsol .softsol-ans ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.software-solutions .softsol-inner .softsol .softsol-ans ul li:before {
    content: "";
    width: 10px;
    height: 20px;
    background-color: #0d508e;
    border-radius: 10px 0 0 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px
}

.industry-casestudy {
    position: relative;
    padding: 40px 0 0
}

@media(max-width:991px) {
    .industry-casestudy {
        padding: 20px 0 0
    }
}

@media(max-width:767px) {
    .industry-casestudy {
        padding: 10px 0 0
    }
}

.industry-casestudy:after {
    content: "";
    background: #f9f9f9;
    z-index: -3;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.industry-casestudy .our-portfolio-section .portfolio-list .portfolio-box {
    position: relative;
    border: 1px solid #eee
}

.industry-casestudy .our-portfolio-section .portfolio-list .portfolio-box:after {
    content: "";
    border-radius: 24px;
    background: #fff;
    z-index: -2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.helthcare-software {
    padding: 40px 0 80px
}

@media(max-width:991px) {
    .helthcare-software {
        padding: 10px 0 50px
    }
}

.helthcare-software .helthcare-software-box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 30px
}

@media screen and (max-width:767px) {
    .helthcare-software .helthcare-software-box {
        gap: 15px
    }
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist {
    width: calc(50% - 15px);
    border-radius: 10px;
    background-color: rgba(18, 196, 98, .1);
    padding: 30px 30px 68px;
    position: relative;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #1e1e1e
}

@media screen and (max-width:991px) {
    .helthcare-software .helthcare-software-box .helthcare-software-boxlist {
        padding: 24px 24px 58px
    }
}

@media screen and (max-width:767px) {
    .helthcare-software .helthcare-software-box .helthcare-software-boxlist {
        width: 100%;
        padding: 20px
    }
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist .helthcareicon {
    font-size: 60px;
    color: #679c80
}

@media screen and (max-width:991px) {
    .helthcare-software .helthcare-software-box .helthcare-software-boxlist .helthcareicon {
        font-size: 50px
    }
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist h3 {
    font-size: 24px;
    line-height: 1.4;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #000;
    margin: 30px 0 15px
}

@media screen and (max-width:991px) {
    .helthcare-software .helthcare-software-box .helthcare-software-boxlist h3 {
        font-size: 20px;
        margin: 15px 0 10px
    }
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist p {
    margin-bottom: 16px
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist p:last-child {
    margin-bottom: 0
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist p a {
    font-weight: 700
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist .industry-link {
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #1e1e1e;
    position: absolute;
    bottom: 30px;
    left: 30px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    gap: 10px
}

@media screen and (max-width:767px) {
    .helthcare-software .helthcare-software-box .helthcare-software-boxlist .industry-link {
        position: relative;
        left: auto;
        bottom: auto
    }
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist .industry-link i {
    transition: transform .5s;
    font-size: 22px;
    line-height: 18px
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist .industry-link:hover {
    color: #f16122
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist .industry-link:hover i {
    transform: translateX(5px)
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+2) {
    background-color: rgba(255, 59, 65, .1)
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+2) .helthcareicon {
    color: #cb8b8b
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+3) {
    background-color: rgba(113, 117, 170, .1)
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+3) .helthcareicon {
    color: #959bb7
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+4) {
    background-color: rgba(157, 67, 194, .1)
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+4) .helthcareicon {
    color: #bd96cf
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+5) {
    background-color: rgba(174, 194, 67, .1)
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+5) .helthcareicon {
    color: #a9b17e
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+6) {
    background-color: rgba(254, 149, 13, .1)
}

.helthcare-software .helthcare-software-box .helthcare-software-boxlist:nth-child(6n+6) .helthcareicon {
    color: #c4a175
}

.service-software {
    background: #fff4f1;
    padding: 80px 0;
    margin-bottom: 40px
}

@media(max-width:991px) {
    .service-software {
        padding: 60px 0;
        margin-bottom: 20px
    }
}

@media(max-width:767px) {
    .service-software {
        padding: 50px 0;
        margin-bottom: 10px
    }
}

.service-software .service-software-box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px
}

.service-software .service-software-box .service-software-boxlist {
    width: calc(33.33% - 14px);
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #1e1e1e;
    display: flex;
    flex-direction: column;
    position: relative
}

@media screen and (max-width:991px) {
    .service-software .service-software-box .service-software-boxlist {
        width: calc(50% - 10px);
        padding: 24px
    }
}

@media screen and (max-width:767px) {
    .service-software .service-software-box .service-software-boxlist {
        width: 100%;
        padding: 25px 20px
    }
}

.service-software .service-software-box .service-software-boxlist h3 {
    font-size: 24px;
    line-height: 1.3;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #000;
    margin: 0 0 15px
}

@media screen and (max-width:991px) {
    .service-software .service-software-box .service-software-boxlist h3 {
        font-size: 20px
    }
}

.service-software .service-software-box .service-software-boxlist p a {
    font-weight: 700
}

.service-software .service-software-box .service-software-boxlist p:last-child {
    margin-bottom: 0
}

.service-software .service-software-box .service-software-boxlist p.exploremore {
    margin-top: auto
}

.service-software .service-software-box .service-software-boxlist p.exploremore a {
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px
}

.service-software .service-software-box .service-software-boxlist p.exploremore a i {
    transition: transform .5s;
    font-size: 22px;
    line-height: 18px
}

.service-software .service-software-box .service-software-boxlist p.exploremore a:hover {
    color: #f16122
}

.service-software .service-software-box .service-software-boxlist p.exploremore a:hover i {
    transform: translateX(5px)
}

.service-software .service-software-box .service-software-boxlist ul li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 5px
}

.service-software .service-software-box .service-software-boxlist ul li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #f16122;
    border-radius: 50px;
    left: 0;
    top: 9px;
    bottom: 0
}

.partner-withus {    
    padding: 80px 0;
    margin-bottom: 40px;
    
    background-image: url(https://www.bharatdigitalseva.com/assets/images/inner-banner.svg);
    background-repeat: repeat;
}

@media(max-width:991px) {
    .partner-withus {
        padding: 60px 0;
        margin-bottom: 30px
    }
}

@media(max-width:767px) {
    .partner-withus {
        padding: 40px 0;
        margin-bottom: 25px
    }
}

.partner-withus .partnerwithusOuter {
    display: flex;
    flex-wrap: wrap
}

.partner-withus .partnerwithusOuter .partnerwithus-left {
    width: 549px;
    padding-right: 15px
}

@media screen and (max-width:991px) {
    .partner-withus .partnerwithusOuter .partnerwithus-left {
        width: 100%;
        padding-right: 0
    }
}

@media screen and (min-width:991px) {
    .partner-withus .partnerwithusOuter .partnerwithus-left .sec-title {
        position: sticky;
        top: 80px
    }
}

.partner-withus .partnerwithusOuter .partnerwithus-right {
    width: calc(100% - 549px);
    padding-left: 46px;
    margin-top: 25px
}

@media screen and (max-width:1280px) {
    .partner-withus .partnerwithusOuter .partnerwithus-right {
        padding-left: 20px
    }
}

@media screen and (max-width:991px) {
    .partner-withus .partnerwithusOuter .partnerwithus-right {
        width: 100%;
        padding-left: 0;
        margin-top: 0
    }
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter.active h3:after {
    transform: rotate(-135deg);
    transition: all .35s
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter h3 {
    padding: 15px 15px 15px 45px;
    color: #222;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
    font-family: GilroyBold, sans-serif;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter h3 {
        padding: 15px 15px 15px 30px
    }
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter h3:after {
    content: "";
    border: solid #0d508e;
    border-width: 0 2px 2px 0;
    padding: 4px;
    position: absolute;
    display: inline-block;
    right: 0;
    top: 22px;
    transform: rotate(45deg);
    transition: all .35s;
    z-index: 1
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter h3 span {
    position: absolute;
    left: 0;
    top: 15px;
    color: #0d508e
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter .partnerwithus-ans {
    padding-left: 45px
}

@media screen and (max-width:991px) {
    .partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter .partnerwithus-ans {
        padding-left: 30px
    }
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter .partnerwithus-ans p {
    color: #000
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter .partnerwithus-ans ul {
    margin-bottom: 15px
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter .partnerwithus-ans ul li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 5px;
    color: #000
}

.partner-withus .partnerwithusOuter .partnerwithus-right .partnerOuter .partnerwithus-ans ul li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #0d508e;
    border-radius: 50px;
    left: 0;
    top: 9px;
    bottom: 0
}

.why-choose {
    overflow-x: hidden;
    padding: 0 0 40px 0;
}

@media(max-width:991px) {
    .why-choose {
        padding: 60px 0
    }
}

@media(max-width:767px) {
    .why-choose {
        padding: 50px 0
    }
}

ul.whychooselistOuter li picture img {
    height: 240px
}

.why-choose .whychooselistOuter {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative
}

.why-choose .whychooselistOuter li {
    width: 25%;
    border: 1px solid #b1c3e7;
    border-right-width: 0;
    cursor: pointer
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li {
        width: 100%;
        border-width: 0 0 1px !important;
        border-color: rgba(80, 111, 171, .5)
    }
}

@media screen and (min-width:992px) {
    .why-choose .whychooselistOuter li:hover .whychooselist-que {
        background-color: #fafbff
    }
}

.why-choose .whychooselistOuter li:first-child {
    width: 50%;
    text-align: center;
    border: 0 solid #b1c3e7;
    cursor: default;
    padding-bottom: 5px;
    min-height: 245px
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li:first-child {
        display: none
    }
}

.why-choose .whychooselistOuter li:first-child .whychooselist-head:after,
.why-choose .whychooselistOuter li:first-child .whychooselist-head:before {
    display: none
}

.why-choose .whychooselistOuter li:nth-child(2),
.why-choose .whychooselistOuter li:nth-child(3) {
    border-bottom-width: 0
}

@media screen and (max-width:991px) {

    .why-choose .whychooselistOuter li:nth-child(2),
    .why-choose .whychooselistOuter li:nth-child(3) {
        border-bottom-width: 1px
    }
}

.why-choose .whychooselistOuter li:nth-child(3),
.why-choose .whychooselistOuter li:nth-child(7) {
    border-right-width: 1px
}

@media screen and (max-width:991px) {

    .why-choose .whychooselistOuter li:nth-child(3),
    .why-choose .whychooselistOuter li:nth-child(7) {
        border-right-width: 0
    }
}

@media screen and (max-width:991px) {

    .why-choose .whychooselistOuter li:nth-child(2n) .whychooselist-head:after,
    .why-choose .whychooselistOuter li:nth-child(2n) .whychooselist-head:before {
        opacity: .5
    }
}

.why-choose .whychooselistOuter li:nth-child(2n) .whychooselist-head:before {
    left: 10px;
    top: -10px
}

.why-choose .whychooselistOuter li:nth-child(2n) .whychooselist-head:after {
    right: -5px;
    bottom: -15px;
    transform: rotate(135deg)
}

.why-choose .whychooselistOuter li:nth-child(odd) .whychooselist-head:before {
    left: -5px;
    top: -10px;
    transform: rotate(-45deg)
}

.why-choose .whychooselistOuter li:nth-child(odd) .whychooselist-head:after {
    right: -5px;
    bottom: -10px;
    transform: rotate(-45deg)
}

.why-choose .whychooselistOuter li .whychooselist-arrow {
    background: url(https://www.bharatdigitalseva.com/assets/images/plus-icon.svg);
    height: 39px;
    width: 39px;
    display: block;
    margin: 15px auto 0;
    background-size: 100%
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-arrow {
        height: 24px;
        width: 24px;
        margin: 0 auto;
        position: absolute;
        right: 5px
    }
}

.why-choose .whychooselistOuter li .whychooselist-que {
    padding: 30px;
    position: relative;
    text-align: center;
    height: 100%
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-que {
        display: flex;
        align-items: center;
        padding: 20px 40px;
        height: auto
    }
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    pointer-events: none;
    z-index: 1
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus:after,
.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus:before {
    content: " ";
    position: absolute;
    top: 16px;
    right: 25px;
    height: 18px;
    width: 1px;
    background-color: #b1c3e7
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus:after {
    transform: rotate(-90deg)
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus.top {
    left: -25px;
    top: -25px
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus.bottom {
    left: -25px;
    bottom: -25px
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus.bottomright {
    right: -25px;
    bottom: -25px
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus.topright {
    right: -25px;
    top: -25px
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychooselist-plus {
        display: none
    }
}

.why-choose .whychooselistOuter li .whychooselist-que .whychoose-icon {
    font-size: 50px;
    margin-bottom: 15px;
    display: block
}

@media screen and (max-width:1280px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychoose-icon {
        font-size: 40px
    }
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychoose-icon {
        font-size: 30px;
        margin-bottom: 0;
        position: absolute;
        left: 0
    }
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-head {
    display: inline-block;
    max-width: 210px;
    font-size: 22px;
    line-height: 1.3;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 1
}

@media screen and (max-width:1280px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychooselist-head {
        font-size: 20px;
        max-width: 175px
    }
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychooselist-head {
        max-width: 100%;
        text-align: left;
        line-height: 1.4
    }
}

@media screen and (max-width:767px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychooselist-head {
        font-size: 18px
    }
}

.why-choose .whychooselistOuter li .whychooselist-que .whychooselist-head span {
    display: block
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychooselist-head span {
        display: inline-block
    }
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-que .whychooselist-head br {
        display: none
    }
}

.why-choose .whychooselistOuter li .whychooselist-ans {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - 15px);
    height: calc(50% - 15px);
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .1019607843);
    border-radius: 10px;
    padding: 20px;
    z-index: 1;
    background: #fff;
    cursor: default;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #1e1e1e;
    z-index: 2
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-ans {
        position: relative;
        width: 100%;
        height: auto;
        box-shadow: none;
        border-radius: 0;
        padding: 0 0 15px
    }
}

.why-choose .whychooselistOuter li .whychooselist-ans h3 {
    font-family: GilroyMedium, sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    color: #000
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-ans h3 {
        display: none
    }
}

.why-choose .whychooselistOuter li .whychooselist-ans p {
    margin-bottom: 16px
}

.why-choose .whychooselistOuter li .whychooselist-ans p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1280px) {
    .why-choose .whychooselistOuter li .whychooselist-ans p {
        font-size: 15px
    }
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li .whychooselist-ans p {
        margin-bottom: 0
    }
}

.why-choose .whychooselistOuter li.active .whychooselist-arrow {
    background: url(https://www.bharatdigitalseva.com/assets/images/close-icon.svg)
}

@media screen and (max-width:991px) {
    .why-choose .whychooselistOuter li.active .whychooselist-arrow {
        background-size: contain !important
    }
}

.hire-process-section {
    padding: 40px 0
}

@media screen and (max-width:991px) {
    .hire-process-section {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .hire-process-section {
        padding: 25px 0 102px;
        position: relative
    }
}

.hire-process-section .common-title-btn {
    margin-bottom: 40px;
    flex-wrap: nowrap
}

@media screen and (max-width:991px) {
    .hire-process-section .common-title-btn {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .hire-process-section .common-title-btn {
        gap: 10px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:576px) {
    .hire-process-section .common-title-btn {
        gap: 10px;
        margin-bottom: 10px
    }
}

.hire-process-section .common-title-btn .cmr-solid-btn {
    min-width: 245px
}

@media screen and (max-width:767px) {
    .hire-process-section .common-title-btn .cmr-solid-btn {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 !important
    }
}

.hire-process-section .hire-process-steps {
    padding-top: 50px;
    display: flex;
    overflow: auto;
    gap: 20px;
    padding-bottom: 10px
}

@media screen and (max-width:991px) {
    .hire-process-section .hire-process-steps {
        margin: 0 -15px;
        padding: 50px 15px 10px;
        gap: 10px
    }
}

.hire-process-section .hire-process-steps .hire-step {
    font-size: 16px;
    line-height: 26px;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #4e4d4e;
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    border: 2px dotted #0d508e;
    padding: 0 30px 24px;
    border-radius: 10px;
    position: relative
}

@media screen and (max-width:1280px) {
    .hire-process-section .hire-process-steps .hire-step {
        padding: 0 24px 24px
    }
}

@media screen and (max-width:991px) {
    .hire-process-section .hire-process-steps .hire-step {
        font-size: 14px;
        line-height: 24px;
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0 20px 20px
    }
}

@media screen and (max-width:767px) {
    .hire-process-section .hire-process-steps .hire-step {
        flex: 0 0 60%;
        max-width: 60%;
        padding: 0 10px 20px
    }
}

@media screen and (max-width:576px) {
    .hire-process-section .hire-process-steps .hire-step {
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media screen and (max-width:767px) {
    .hire-process-section .hire-process-steps .hire-step:before {
        height: 85px;
        width: 85px
    }
}

.hire-process-section .hire-process-steps .hire-step .hire-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    margin: -40px auto 24px;
    background-color: #0d508e;
    padding: 8px;
    border-radius: 10%;
    font-size: 40px;
    color: #fff
}

@media screen and (max-width:767px) {
    .hire-process-section .hire-process-steps .hire-step .hire-icon {
        margin: -40px auto 18px;
        font-size: 30px;
        height: 70px;
        width: 70px
    }
}

.hire-process-section .hire-process-steps .hire-step .process-title {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #0d508e;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (max-width:1280px) {
    .hire-process-section .hire-process-steps .hire-step .process-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .hire-process-section .hire-process-steps .hire-step .process-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

.hire-process-section .hire-process-steps .hire-step p:last-child {
    margin-bottom: 0
}

.sec-description .bigger_fontsize {
    font-family: GilroySemiBold, sans-serif;
    font-size: calc(18px + (1580vw - 5056px)/1600);
    line-height: 1.4;
    text-align: left;
    color: #001033;
    margin-bottom: 0;
    position: relative
}

.sec-description .bigger_fontsize strong {
    font-family: GilroyBold, sans-serif;
    position: relative;
    font-weight: 400
}

@media screen and (min-width:1921px) {
    .sec-description .bigger_fontsize {
        font-size: 35px
    }
}

@media screen and (max-width:576px) {
    .sec-description .bigger_fontsize {
        font-size: 24px
    }
}

.sec-description .label_with_half_circle:before {
    width: 32px !important;
    height: 32px !important;
    background-color: #fe7d7d
}

.sec-description .label_with_half_circle .full_width,
.sec-description .label_with_half_circle h2,
.sec-description .label_with_half_circle h3 {
    padding-left: 15px;
    padding-right: 20px;
    font-family: GilroySemiBold, sans-serif;
    line-height: 1.6;
    width: 100%;
    margin-left: 15px;
    margin-bottom: 0
}

.stat-plates-box {
    align-items: flex-start
}

@media screen and (max-width:767px) {
    .hire-developers .inner-left {
        padding-bottom: 25px
    }
}

.hire-common .feature-box img {
    width: 42px;
    padding-right: 10px;
}
.hire-common {
    display: flex;
    flex-wrap: wrap
}

.hire-common .feature-box {
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid rgba(0, 16, 51, .2);
    border-radius: 10px;    
    min-height: 63px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    margin: 0 5px
}

@media screen and (max-width:1199px) {
    .hire-common .feature-box {
        width: 50%;
        margin-bottom: 5px
    }
}

@media screen and (max-width:991px) {
    .hire-common .feature-box {
        width: 33.33%
    }
}

@media screen and (max-width:600px) {
    .hire-common .feature-box {
        width: 100%;
        min-height: 54px
    }

    .hire-common .feature-box br {
        display: none
    }
}

.hire-common .feature-box i {
    padding-right: 11px;
    font-size: 24px
}

.hire-common .feature-box p {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #001033
}

.aspdotnet-web-application-development-services .ser-plate img,
.design-prototyping-services .ser-plate img,
.mobile-testing-solution .ser-plate img,
.mvc-dotnet-web-application-development-services .ser-plate img,
.payment-integration-solution .ser-plate img,
.psd-to-html-services .ser-plate img,
.responsive-website-design-services .ser-plate img,
.shipping-integration-solution .ser-plate img,
.social-networking-solution .ser-plate img,
.software-testing-solution .ser-plate img,
.support-maintenance-solution .ser-plate img {
    width: 70px;
    margin-top: 0;
    pointer-events: none;
    height: auto
}

.sec-description p.font-14 {
    font-size: 16px
}

.time_block {
    border-radius: 10px
}

.time_block h3 {
    font-size: 24px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0
}

@media screen and (max-width:1100px) {
    .time_block h3 {
        font-size: 20px
    }
}

@media screen and (max-width:990px) {
    .hours_per_day {
        width: 50% !important
    }
}

.hours_per_day,
.minimun_day {
    background: #fff;
    padding: 25px 16px 12px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center
}

.hours_per_day span,
.minimun_day span {
    font-family: GilroyBold, sans-serif
}

.hiring_types {
    position: relative;
    padding-bottom: 20px
}

@media screen and (max-width:600px) {
    .hiring_types {
        padding-bottom: 0
    }
}

@media screen and (max-width:1366px) {
    .hiring_types:after {
        width: 98%
    }
}

@media screen and (max-width:1200px) {
    .hiring_types:after {
        width: 100%
    }
}

@media screen and (max-width:1024px) {
    .hiring_types:after {
        display: none
    }
}

.hiring_types .modal-times-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.hiring_types .modal-times-wrap .time_block {
    width: calc(33.33% - 20px)
}

@media screen and (max-width:991px) {
    .hiring_types .modal-times-wrap .time_block {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:767px) {
    .hiring_types .modal-times-wrap .time_block {
        width: 100%
    }
}

.hiring_types .modal-times-wrap .time_block h3 {
    padding: 14px 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px 10px 0 0
}

.hiring_types .modal-times-wrap .time_block .timing_details .hours_per_day span {
    font-family: GilroyBold, sans-serif;
    font-size: 36px;
    line-height: 26px
}

.hiring_types .modal-times-wrap .time_block .timing_details .hours_per_day h4 {
    font-family: GilroySemiBold, sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 0
}

.hiring_types .modal-times-wrap .time_block .timing_details .hours_flexible {
    padding: 20px 16px 12px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hiring_types .modal-times-wrap .time_block .timing_details .hours_flexible span {
    font-size: 24px
}

.hiring_types .modal-times-wrap .time_block .timing_details .minimun_day span {
    font-family: GilroyBold, sans-serif;
    font-size: 36px;
    line-height: 26px
}

.hiring_types .modal-times-wrap .time_block .timing_details .minimun_day h4 {
    font-family: GilroySemiBold, sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
    margin-bottom: 0
}

.hiring_types .modal-times-wrap .time_block .timing_details .hours_minimum span {
    font-size: 24px
}

.hiring_types .modal-times-wrap .time_block.fulltime h3 {
    background: #84bc8d  0 0 no-repeat padding-box
}

.hiring_types .modal-times-wrap .time_block.fulltime .hours_per_day {
    border: 1px solid #84bc8d 
}

.hiring_types .modal-times-wrap .time_block.fulltime .hours_per_day span {
    color: #84bc8d 
}

.hiring_types .modal-times-wrap .time_block.fulltime .hours_per_day h4 {
    padding-top: 8px
}

.hiring_types .modal-times-wrap .time_block.fulltime .minimun_day {
    border: 1px solid #84bc8d 
}

.hiring_types .modal-times-wrap .time_block.fulltime .minimun_day span {
    color: #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.fulltime .minimun_day h4 {
    padding-top: 8px
}

.hiring_types .modal-times-wrap .time_block.parttime h3 {
    background-color: #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.parttime .hours_per_day {
    border: 1px solid #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.parttime .hours_per_day span {
    color: #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.parttime .hours_per_day h4 {
    padding-top: 8px
}

.hiring_types .modal-times-wrap .time_block.parttime .minimun_day {
    border: 1px solid #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.parttime .minimun_day span {
    color: #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.parttime .minimun_day h4 {
    padding-top: 8px
}

@media screen and (max-width:991px) {
    .hiring_types .modal-times-wrap .time_block.hourly {
        width: 100%
    }
}

.hiring_types .modal-times-wrap .time_block.hourly h3 {
    background-color: #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.hourly .hours_per_day {
    border: 1px solid #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.hourly .hours_per_day span {
    color: #84bc8d  ;
    display: inline
}

.hiring_types .modal-times-wrap .time_block.hourly .hours_per_day span .visible-mob {
    visibility: hidden;
    height: 0;
    display: block
}

@media(min-width:481px)and (max-width:991px) {
    .hiring_types .modal-times-wrap .time_block.hourly .hours_per_day span .visible-mob {
        visibility: visible;
        height: auto;
        display: inline
    }
}

.hiring_types .modal-times-wrap .time_block.hourly .hours_per_day h4 {
    padding-top: 8px
}

.hiring_types .modal-times-wrap .time_block.hourly .minimun_day {
    border: 1px solid #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.hourly .minimun_day span {
    color: #84bc8d  
}

.hiring_types .modal-times-wrap .time_block.hourly .minimun_day h4 {
    padding-top: 8px
}

.hiring_types .modal-times-wrap .hiring_benifits {
    width: 100%;
    margin-top: 0
}

.hire-first-sec {
    background-color: #fbf4f2;
    padding: 60px 0 0
}

@media screen and (max-width:991px) {
    .hire-first-sec {
        padding: 50px 0 0
    }
}

@media screen and (max-width:767px) {
    .hire-first-sec {
        padding: 40px 0 0
    }
}

.hire-first-sec .container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px
}

@media screen and (max-width:1200px) {
    .hire-first-sec .container {
        gap: 30px
    }
}

@media screen and (max-width:991px) {
    .hire-first-sec .container {
        gap: 20px
    }
}

.hire-first-sec .container .hire-first-text {
    font-family: GilroySemiBold, sans-serif;
    font-size: calc(18px + (1400vw - 4480px)/1600);
    line-height: 1.4;
    text-align: left;
    color: #001033;
    margin-bottom: 0;
    position: relative;
    width: calc(68% - 25px);
    padding-bottom: 60px
}

@media screen and (max-width:1200px) {
    .hire-first-sec .container .hire-first-text {
        width: calc(68% - 25px);
        padding-bottom: 40px
    }
}

@media screen and (max-width:991px) {
    .hire-first-sec .container .hire-first-text {
        width: calc(68% - 20px)
    }
}

@media screen and (max-width:767px) {
    .hire-first-sec .container .hire-first-text {
        width: 100%;
        padding-bottom: 20px
    }
}

.hire-first-sec .container .hire-first-text .sec-tag-lines {
    margin-bottom: 20px
}

@media screen and (max-width:1280px) {
    .hire-first-sec .container .hire-first-text .sec-tag-lines {
        margin-bottom: 6px
    }
}

.hire-first-sec .container .hire-first-text p {
    margin-bottom: 0
}

.hire-first-sec .container .hire-first-text a {
    color: #0d508e
}

.hire-first-sec .container .hire-first-img {
    width: calc(32% - 15px)
}

@media screen and (max-width:1200px) {
    .hire-first-sec .container .hire-first-img {
        width: calc(32% - 5px)
    }
}

@media screen and (max-width:991px) {
    .hire-first-sec .container .hire-first-img {
        width: 32%
    }
}

@media screen and (max-width:767px) {
    .hire-first-sec .container .hire-first-img {
        width: 100%;
        text-align: center
    }
}

.hire-developers {
    padding-bottom: 40px
}

.hire-developers .inner-left .inner-head-title h1 {
    line-height: 1.3
}

@media(min-width:992px) {
    .hire-developers .inner-left .inner-head-title h1 {
        font-size: 36px
    }
}

@media(min-width:1280px) {
    .hire-developers .inner-left .inner-head-title h1 {
        font-size: 40px
    }
}

@media(min-width:1450px) {
    .hire-developers .inner-left .inner-head-title h1 {
        font-size: 42px
    }
}

@media(max-width:991px) {
    .hire-developers .inner-left .inner-head-title h1 {
        font-size: 30px
    }
}

@media(max-width:767px) {
    .hire-developers .inner-left .inner-head-title h1 {
        font-size: 28px
    }
}

@media(max-width:600px) {
    .hire-developers .inner-left .inner-head-title h1 {
        text-align: left
    }
}

@media screen and (max-width:600px) {
    .hire-developers .inner-left .inner-head-title h1 {
        text-align: center
    }
}

.cta-bg-trasnparent {
    outline: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #1e1e1e;
    border-radius: 0;
    padding: 0
}

.cta-bg-trasnparent:focus {
    border-bottom: 1px solid #1e1e1e;
    background-color: transparent;
    box-shadow: none;
    outline: 0
}

.cta-bg-trasnparent::placeholder {
    padding: 0
}
.hire-cta-header.footer-cta-header {
    background: transparent;
    border: 0;
    box-shadow: none;
    max-width: 100%;
    padding: 0 40px;
}

.hire-cta-header {
    background-color: #fff;
    padding: 24px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    max-width: 505px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

@media(max-width:1400px) {
    .hire-cta-header {
        padding: 24px
    }
}

@media(max-width:991px) {
    .hire-cta-header {
        max-width: 100%;
        margin: 15px 0 0
    }
}

.hire-cta-header .formHead,
.hire-cta-header h2 {
    font-family: GilroyBold, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 24px;
    color: #000
}

@media screen and (max-width:1366px) {

    .hire-cta-header .formHead,
    .hire-cta-header h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {

    .hire-cta-header .formHead,
    .hire-cta-header h2 {
        font-size: 20px;
        line-height: 26px
    }
}

.hire-cta-header #allhireForm {
    margin: 0 -15px
}

@media screen and (max-width:576px) {
    .hire-cta-header #allhireForm {
        margin: 10px -15px
    }
}

@media screen and (max-width:400px) {
    .hire-cta-header #allhireForm .servicesList {
        gap: 12px 5px
    }
}



@media screen and (max-width:400px) {
    .hire-cta-header #allhireForm .servicesList .formServiceItem {
        width: calc(33.33% - 4px)
    }
}

@media screen and (max-width:380px) {
    .hire-cta-header #allhireForm .servicesList .formServiceItem {
        width: calc(50% - 3px)
    }
}

@media screen and (max-width:380px) {
    .hire-cta-header #allhireForm .servicesList .formServiceItem:last-child {
        width: 100%
    }
}

.hire-cta-header #allhireForm .servicesList .formServiceItem label {
    width: 100%;
    padding: 9px 10px
}

.hire-cta-header #allhireForm .cmr-contact .form-inline .has-float-label input {
    font-size: 14px;
    padding: 10px 0
}

.hire-cta-header #allhireForm .cmr-contact .form-inline .cmr-label {
    line-height: 20px;
    margin-bottom: 16px
}

.hire-cta-header #allhireForm .cmr-contact .error-message {
    min-height: 15px
}

.hire-cta-header #allhireForm .cmr-contact .hirecta-primary-btn {
    height: 58px;
    margin-top: 7px
}

@media screen and (max-width:1200px) {
    .hire-cta-header #allhireForm .cmr-contact .hirecta-primary-btn {
        height: 50px
    }
}

@media screen and (max-width:767px) {
    .hire-cta-header #allhireForm .cmr-contact .hirecta-primary-btn {
        height: 42px
    }
}

.hire-cta-header #allhireForm .cmr-contact .pr-2 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-right: 10px !important
}

@media screen and (max-width:576px) {
    .hire-cta-header #allhireForm .cmr-contact .pr-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.hire-cta-header #allhireForm .cmr-contact .pl-2 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

@media screen and (max-width:576px) {
    .hire-cta-header #allhireForm .cmr-contact .pl-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.hire-common {
    margin-top: 30px
}

@media screen and (max-width:900px) {
    .hire-common {
        margin-top: 0
    }
}

.hire-from {
    gap: 20px
}

@media screen and (max-width:1024px) {
    .hire-from {
        gap: 10px
    }
}

@media screen and (max-width:767px) {
    .hire-from {
        flex-direction: column;
        gap: 5px
    }
}

.hire-developers.hire-main-page {
    position: relative
}

.hours_per_day,
.minimun_day {
    width: 50%;
    float: left
}

.hours_per_day h4,
.minimun_day h4 {
    font-size: 14px;
    font-family: GilroyBold, sans-serif
}

.hours_per_day span,
.minimun_day span {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 400
}

@media screen and (max-width:480px) {

    .hours_per_day span,
    .minimun_day span {
        padding-right: 20px;
        display: block;
        font-size: 20px
    }
}

@media screen and (max-width:320px) {

    .hours_per_day span,
    .minimun_day span {
        padding-right: 0
    }
}

.hours_per_day span strong,
.minimun_day span strong {
    color: #f8b649;
    font-size: 22px;
    margin-right: 2px;
    font-family: GilroyBold, sans-serif
}

@media screen and (max-width:480px) {

    .hours_per_day span strong,
    .minimun_day span strong {
        font-size: 24px
    }
}

@media screen and (max-width:991px) {
    .timing-col {
        margin-bottom: 20px
    }

    .timing-col:last-child {
        margin-bottom: 0
    }
}

.hiring_model {
    position: relative
}

@media screen and (max-width:600px) {
    .hiring_model {
        overflow: hidden
    }
}

.hiring_model .container {
    position: relative
}

@media screen and (max-width:600px) {
    .hiring_model .mt-4 {
        padding: 0 15px
    }
}

.hiring_model h2 {
    position: relative
}

.hiring_model h2 .hiremodel-arrow {
    padding: 0;
    line-height: inherit;
    font-size: inherit
}

@media screen and (max-width:767px) {
    .hiring_model h2 .hiremodel-arrow {
        display: none
    }
}

.hiring_model h2 .hiremodel-arrow:before {
    content: "";
    background: url(https://www.bharatdigitalseva.com/assets/images/hire-arrow.svg);
    display: inline-block;
    height: 62px;
    width: 58px;
    position: absolute;
    top: -3px;
    left: inherit;
    right: -70px;
    background-size: 100%
}

@media screen and (max-width:991px) {
    .hiring_model h2 .hiremodel-arrow:before {
        height: 38px;
        width: 40px;
        top: 0;
        right: -55px
    }
}

.hire_services {
    padding: 0 0 40px
}

@media screen and (max-width:991px) {
    .hire_services {
        padding: 0 0 30px
    }
}

@media screen and (max-width:767px) {
    .hire_services {
        padding: 0 0 25px
    }
}

.hire_services .sec-title {
    margin-bottom: 50px
}

@media screen and (max-width:991px) {
    .hire_services .sec-title {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .hire_services .sec-title {
        margin-bottom: 20px
    }
}

.hire_services .hire_services-list .hire_services-wrap {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1e1e1e;
    margin-bottom: 40px
}

@media screen and (max-width:991px) {
    .hire_services .hire_services-list .hire_services-wrap {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .hire_services .hire_services-list .hire_services-wrap {
        margin-bottom: 20px
    }
}

.hire_services .hire_services-list .hire_services-wrap:last-child {
    margin-bottom: 0
}

.hire_services .hire_services-list .hire_services-wrap .services-list-title {
    font-size: 22px;
    line-height: 28px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px
}

@media screen and (max-width:1280px) {
    .hire_services .hire_services-list .hire_services-wrap .services-list-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 14px
    }
}

@media screen and (max-width:991px) {
    .hire_services .hire_services-list .hire_services-wrap .services-list-title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px
    }
}

.hire_services .hire_services-list .hire_services-wrap p {
    margin-bottom: 0
}

.hire_services .dedicated_services_list {
    padding: 40px 0 0;
    display: flex;
    justify-content: flex-start;
    gap: 80px;
    overflow: auto
}

@media screen and (max-width:1280px) {
    .hire_services .dedicated_services_list {
        gap: 60px
    }
}

@media screen and (max-width:1199px) {
    .hire_services .dedicated_services_list {
        gap: 20px
    }
}

@media screen and (max-width:991px) {
    .hire_services .dedicated_services_list {
        gap: 30px;
        flex-wrap: nowrap;
        overflow: auto;
        padding: 20px 15px 5px;
        margin: 0 -15px
    }
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main {
    width: calc(20% - 64px);
    text-align: center;
    color: #000;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .35s ease 0s;
    transition: all .35s ease 0s;
    font-family: GilroySemiBold, sans-serif
}

@media screen and (max-width:1280px) {
    .hire_services .dedicated_services_list .dedicated_serv_icon_main {
        width: calc(20% - 48px)
    }
}

@media screen and (max-width:1199px) {
    .hire_services .dedicated_services_list .dedicated_serv_icon_main {
        width: calc(20% - 16px)
    }
}

@media screen and (max-width:991px) {
    .hire_services .dedicated_services_list .dedicated_serv_icon_main {
        width: calc(33.33% - 20px);
        max-width: 180px;
        min-width: 180px
    }
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main:hover .dedicated-servi-bg:after {
    top: -5px;
    left: -5px
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedicated-servi-bg {
    width: 120px;
    height: 120px;
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all .5s;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto 12px
}

@media screen and (max-width:576px) {
    .hire_services .dedicated_services_list .dedicated_serv_icon_main .dedicated-servi-bg {
        width: 100px;
        height: 100px;
        font-size: 40px
    }
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedicated-servi-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px dashed rgba(0, 0, 0, .3);
    left: 5px;
    top: 5px;
    border-radius: 50%;
    transition: .3s ease-in-out
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-2 {
    background-color: #f5ecf9
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-3 {
    background-color: #e8f0f5
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-4 {
    background-color: #feefe8
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-5 {
    background-color: #ffebec
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-6 {
    background-color: #e8f0f5
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-7 {
    background-color: #fdedec
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-8 {
    background-color: #f5ecf9
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-9 {
    background-color: #e5e5e5
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-10 {
    background-color: #e7f9ef
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-11 {
    background-color: #e8f0f5
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-12 {
    background-color: #ecf5f9
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-13 {
    background-color: #e5f0f4
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-14 {
    background-color: #feefe8
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-21 {
    background-color: #eaeaf2
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-24 {
    background-color: #f5ecf9
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main .dedc-serv-icob-bg-25 {
    background-color: #fef4e5
}

.hire_services .dedicated_services_list .dedicated_serv_icon_main h3 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px
}

@media(max-width:991px) {
    .hire-process-section+.project-start-wrap {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .hire-process-section+.project-start-wrap {
        padding: 25px 0
    }
}

.with-white-bg .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px
}

.with-white-bg .discuss-lef {
    width: 65%
}

@media(max-width:991px) {
    .with-white-bg .discuss-lef {
        width: 100%
    }
}

.who-we-are {
    padding: 40px 0
}

@media screen and (max-width:991px) {
    .who-we-are {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .who-we-are {
        padding: 25px 0
    }
}

.who-we-are .sec-title {
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .who-we-are .sec-title {
        margin-bottom: 0
    }
}

.who-we-are .main {
    margin-bottom: 45px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    text-align: left;
    color: #1d1e31
}

.who-we-are .main:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .who-we-are .main:last-child {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .who-we-are .main {
        margin-bottom: 20px;
        margin-top: 0;
        max-width: 100%
    }
}

.who-we-are .main .title-main {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 48px;
    text-align: left;
    color: #202133;
    padding-left: 40px;
    position: relative;
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .who-we-are .main .title-main {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .who-we-are .main .title-main {
        margin-bottom: 10px;
        padding-left: 50px
    }
}

@media screen and (max-width:600px) {
    .who-we-are .main .title-main {
        font-size: 20px
    }
}

.who-we-are .main .title-main.title-one:before {
    background-color: #a0e4d5
}

.who-we-are .main .title-main.title-two:before {
    background-color: #9985ff
}

.who-we-are .main .title-main.title-three:before {
    background-color: #ffd45e
}

.who-we-are .main .title-main.title-four:before {
    background-color: #ffb4bc
}

.who-we-are .main .title-main:before {
    content: "";
    background-color: #a0e4d5;
    width: 30px;
    height: 50px;
    border-radius: 150px 0 0 150px;
    position: absolute;
    left: -10px;
    top: 0
}

@media screen and (max-width:767px) {
    .who-we-are .main .title-main:before {
        left: 0
    }
}

.who-we-are .main .description {
    margin-top: 5px;
    margin-bottom: 0
}

.who-we-are .inner-left {
    padding: 70px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (max-width:1200px) {
    .who-we-are .inner-left {
        padding: 40px 0
    }
}

@media screen and (max-width:767px) {
    .who-we-are .inner-left {
        padding: 0
    }
}

.who-we-are .inner-left .aligncenter {
    align-items: center
}

.who-we-are .inner-left .right-slant .anmtn-element {
    height: 100%;
    width: 25vw;
    position: absolute;
    right: 0;
    top: 0
}

.who-we-are .inner-left .right-slant .anmtn-element .animated-cuts-right {
    height: 100%;
    width: 100%
}

.who-we-are .inner-left .right-slant .anmtn-element .right-bg {
    background-color: #f4f7ff;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .who-we-are .inner-left .right-slant .anmtn-element .right-bg {
        display: none
    }
}

.who-we-are .inner-left .right-slant:after {
    content: "";
    right: 0;
    top: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    pointer-events: none;
    background-size: 150px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    background-image: url(https://www.bharatdigitalseva.com/assets/images/doted.svg)
}

@media screen and (max-width:767px) {
    .who-we-are .inner-left .right-slant:after {
        display: none
    }
}

@media screen and (max-width:767px) {
    .who-we-are .inner-left .row .col-lg-6.approach-box {
        margin-bottom: 20px
    }
}

.who-we-are .inner-left picture img {
    width: 100%;
    max-width: 450px;
    border-radius: 40px;
    float: none;
    margin: 0 auto
}

@media screen and (max-width:1200px) {
    .who-we-are .inner-left picture img {
        max-width: 420px;
        border-radius: 30px
    }
}

@media screen and (max-width:991px) {
    .who-we-are .inner-left picture img {
        max-width: 380px;
        border-radius: 30px
    }
}

@media screen and (max-width:767px) {
    .who-we-are .inner-left picture img {
        max-width: 100%;
        border-radius: 20px
    }
}

@media screen and (max-width:575px) {
    .who-we-are .inner-left picture img {
        border-radius: 10px
    }
}

.who-we-are .inner-right {
    padding: 70px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 80px 0
}

@media screen and (max-width:1440px) {
    .who-we-are .inner-right {
        margin: 50px 0
    }
}

@media screen and (max-width:1200px) {
    .who-we-are .inner-right {
        margin: 40px 0
    }
}

@media screen and (max-width:991px) {
    .who-we-are .inner-right {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .who-we-are .inner-right {
        padding: 0 !important;
        margin: 0
    }
}

@media screen and (max-width:575px) {
    .who-we-are .inner-right {
        margin: 10px 0
    }
}

@media screen and (max-width:767px) {
    .who-we-are .inner-right .row {
        flex-direction: column-reverse
    }
}

.who-we-are .inner-right .left-slant {
    position: absolute;
    left: 0;
    height: 100%;
    width: 25vw
}

.who-we-are .inner-right .left-slant .anmtn-element,
.who-we-are .inner-right .left-slant .anmtn-element .animated-cuts-left {
    height: 100%;
    width: 100%
}

.who-we-are .inner-right .left-slant .anmtn-element .left-bg {
    background-color: #f4f7ff;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .who-we-are .inner-right .left-slant .anmtn-element .left-bg {
        display: none
    }
}

.who-we-are .inner-right .left-slant:after {
    content: "";
    left: 0;
    top: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    pointer-events: none;
    background-size: 150px;
    background-repeat: no-repeat;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/doted.svg);
    transform: translateY(-50%)
}

@media screen and (max-width:767px) {
    .who-we-are .inner-right .left-slant:after {
        display: none
    }
}

.who-we-are .inner-right img {
    width: 100%;
    max-width: 450px;
    border-radius: 40px;
    float: none;
    margin: 0 auto
}

@media screen and (max-width:1200px) {
    .who-we-are .inner-right img {
        max-width: 350px
    }
}

@media screen and (max-width:991px) {
    .who-we-are .inner-right img {
        max-width: 280px;
        border-radius: 30px
    }
}

@media screen and (max-width:767px) {
    .who-we-are .inner-right img {
        max-width: 100%;
        border-radius: 20px
    }
}

@media screen and (max-width:575px) {
    .who-we-are .inner-right img {
        border-radius: 10px
    }
}

.who-we-are .row {
    align-items: center;
    position: relative;
    z-index: 99
}

.banner-main.text-banner .cmr-reflectors {
    font-size: 20vh
}

.let-discuss .gry-cta-row {
    display: flex;
    align-items: center;
    gap: 15px 30px;
    margin-bottom: 48px;
    flex-wrap: wrap
}

.let-discuss .gry-cta-row:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .let-discuss .gry-cta-row:nth-child(2n) {
        flex-direction: column-reverse
    }
}

.let-discuss .width-cut {
    width: calc(85% - 30px)
}

@media screen and (max-width:991px) {
    .let-discuss .width-cut {
        width: 100%;
        margin-bottom: 15px
    }
}

.let-discuss .discuss-left {
    width: calc(66.66% - 15px);
    font-size: 17px;
    line-height: 25px
}

@media screen and (max-width:991px) {
    .let-discuss .discuss-left {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:767px) {
    .let-discuss .discuss-left {
        width: 100%;
        text-align: center
    }
}

.let-discuss .discuss-left .discuss-title {
    font-family: GilroyRegular, sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    margin: 0 0 16px
}

@media screen and (max-width:600px) {
    .let-discuss .discuss-left .discuss-title {
        font-size: 22px;
        line-height: 32px
    }
}

.let-discuss .discuss-left .discuss-title strong {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    position: relative
}

.let-discuss .discuss-left .discuss-title strong.small-font {
    font-size: 30px
}

@media screen and (max-width:600px) {
    .let-discuss .discuss-left .discuss-title strong.small-font {
        font-size: 20px;
        line-height: 1
    }
}

.let-discuss .discuss-left p {
    margin-bottom: 16px
}

.let-discuss .discuss-left p:last-child {
    margin-bottom: 0
}

.let-discuss .right-wrap {
    width: calc(33.33% - 15px)
}

@media screen and (max-width:991px) {
    .let-discuss .right-wrap {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:767px) {
    .let-discuss .right-wrap {
        width: 100%
    }
}

.discuss-right h3,
.discuss-right h4 {
    font-family: GilroyLight, sans-serif;
    font-weight: 400
}

.banner-main .inner-left {
    margin: auto 0
}

.banner-main .inner-right {
    right: 10px;
    overflow: hidden
}

@media screen and (max-width:1150px) {
    .banner-main .inner-right {
        right: 10px
    }
}

.banner-main .inner-right img {
   
}

.we-solve-section {
    position: relative
}

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

.we-solve-section:before {
    content: "";
    background: #0d508e;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 70%;
    transform: translateY(-50%)
}

.we-solve-section .we-solve-card {
    background: #fff;
    padding: 50px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 3px 99px rgba(0, 0, 0, .06);
    overflow: hidden;
    position: relative
}

@media screen and (max-width:668px) {
    .we-solve-section .we-solve-card {
        padding: 30px 20px;
        display: inline-block;
        width: 100%;
        text-align: center
    }
}

.we-solve-section .we-solve-card h3 {
    font-size: 250px;
    font-weight: 700;
    color: #0b4f8e;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 20px
}

@media screen and (max-width:991px) {
    .we-solve-section .we-solve-card h3 {
        font-size: 210px
    }
}

@media screen and (max-width:600px) {
    .we-solve-section .we-solve-card h3 {
        font-size: 100px;
        margin-bottom: 10px
    }
}

.we-solve-section .we-solve-content {
    padding-left: 35px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:600px) {
    .we-solve-section .we-solve-content {
        padding-left: 15px
    }
}

.we-solve-section .we-solve-content h4 {
    font-weight: 600;
    font-size: 55px;
    margin: -2px 0
}

@media screen and (max-width:991px) {
    .we-solve-section .we-solve-content h4 {
        font-size: 40px;
        margin: 10px 0
    }
}

@media screen and (max-width:767px) {
    .we-solve-section .we-solve-content h4 {
        font-size: 36px;
        margin: 10px 0
    }
}

@media screen and (max-width:600px) {
    .we-solve-section .we-solve-content h4 {
        font-size: 20px
    }
}

.aboutthings .makes-difference {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

@media screen and (max-width:1199px) {
    .aboutthings .makes-difference {
        gap: 20px
    }
}

@media screen and (max-width:767px) {
    .aboutthings .makes-difference {
        gap: 0
    }
}

.aboutthings .makes-difference .difference-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: calc(50% - 20px);
    height: 100%
}

@media screen and (max-width:1199px) {
    .aboutthings .makes-difference .difference-box {
        width: calc(33.33% - 14px)
    }
}

@media screen and (max-width:767px) {
    .aboutthings .makes-difference .difference-box {
        width: 100%
    }
}

.aboutthings .makes-difference .difference-box .difference-box-images {
    width: 100%;
    height: 100%;
    max-width: 394px;
    overflow: hidden;
    margin: 60px 30px -50px auto;
    z-index: 1;
    position: relative;
    padding-bottom: 69.02%;
    display: block
}

@media screen and (max-width:1100px) {
    .aboutthings .makes-difference .difference-box .difference-box-images {
        max-width: 220px
    }
}

@media screen and (max-width:991px) {
    .aboutthings .makes-difference .difference-box .difference-box-images {
        max-width: 200px
    }
}

@media screen and (max-width:767px) {
    .aboutthings .makes-difference .difference-box .difference-box-images {
        padding-bottom: 24%;
        margin-top: 30px
    }
}

@media screen and (max-width:576px) {
    .aboutthings .makes-difference .difference-box .difference-box-images {
        padding-bottom: 37%
    }
}

@media screen and (max-width:390px) {
    .aboutthings .makes-difference .difference-box .difference-box-images {
        padding-bottom: 50.31%
    }
}

.aboutthings .makes-difference .difference-box .difference-box-images img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain
}

.aboutthings .makes-difference .difference-box .difference-box-content {
    width: 100%;
    height: 100%;
    padding: 60px 20px 30px;
    border-radius: 23px;
    min-height: 380px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1080px) {
    .aboutthings .makes-difference .difference-box .difference-box-content {
        border-radius: 15px;
        min-height: 370px
    }
}

@media screen and (max-width:991px) {
    .aboutthings .makes-difference .difference-box .difference-box-content {
        min-height: 430px
    }
}

@media screen and (max-width:767px) {
    .aboutthings .makes-difference .difference-box .difference-box-content {
        min-height: auto
    }
}

.aboutthings .makes-difference .difference-box .difference-box-content h3 {
    color: #000;
    font-size: 28px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .aboutthings .makes-difference .difference-box .difference-box-content h3 {
        font-size: 20px;
        line-height: 30px
    }
}

.aboutthings .makes-difference .difference-box .difference-box-content ul li {
    color: #1e1e1e;
    font-size: 16px;
    font-family: Segoe UI, sans-serif;
    line-height: 20px;
    position: relative;
    padding-left: 27px;
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .aboutthings .makes-difference .difference-box .difference-box-content ul li {
        padding-left: 17px
    }
}

.aboutthings .makes-difference .difference-box .difference-box-content ul li:before {
    content: "";
    min-width: 17px;
    min-height: 17px;
    border: 1px solid #777;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 2px
}

@media screen and (max-width:1024px) {
    .aboutthings .makes-difference .difference-box .difference-box-content ul li:before {
        min-width: 10px;
        min-height: 10px;
        top: 4px
    }
}

@media screen and (max-width:767px) {
    .aboutthings .makes-difference .difference-box .difference-box-content ul li:before {
        top: 6px
    }
}

.aboutthings .makes-difference .difference-box .difference-box-content .read-more-link {
    position: relative;
    margin-right: 20px;
    width: fit-content;
    display: inline-block;
    transition: all .2s ease-out;
    margin-top: auto
}

@media screen and (max-width:767px) {
    .aboutthings .makes-difference .difference-box .difference-box-content .read-more-link {
        margin-top: 25px
    }
}

.aboutthings .makes-difference .difference-box .difference-box-content .read-more-link i {
    font-size: 22px;
    position: relative;
    z-index: 1;
    transition: all .2s ease-out
}

.aboutthings .makes-difference .difference-box .difference-box-content .read-more-link:after {
    content: "";
    position: absolute;
    right: -19px;
    top: -14px;
    width: 33px;
    height: 51px;
    background: #fff;
    z-index: 0;
    transition: all .2s ease-out
}

.aboutthings .makes-difference .difference-box .difference-box-content .read-more-link:hover:after {
    width: 38px
}

.aboutthings .makes-difference .difference-box-bg-1 {
    background-color: #fdece9
}

.aboutthings .makes-difference .difference-box-bg-2 {
    background-color: #eeeafe
}

.aboutthings .makes-difference .difference-box-bg-3 {
    background-color: #ffeec0
}

.mis-vis {
    background-color: #f4f7ff;
    position: relative
}

.mis-vis .cmr-certificates {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebf0ff;
    padding: 30px 0;
    gap: 20px;
    font-weight: 500
}

.mis-vis .cmr-certificates p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500
}

.mis-vis .cmr-certificates .certificate-award-list {
    background-image: url(https://www.bharatdigitalseva.com/assets/images/iso-certified-icons.webp);
    background-repeat: no-repeat;
    max-width: 310px;
    width: 100%;
    height: 90px;
    background-size: 308px;
    background-position: 50%
}

@media screen and (max-width:767px) {
    .mis-vis .cmr-certificates .certificate-award-list {
        height: 80px;
        background-size: 268px;
        max-width: 270px
    }
}

@media screen and (max-width:600px) {
    .mis-vis .cmr-certificates {
        flex-wrap: wrap;
        padding: 20px 15px
    }

    .mis-vis .cmr-certificates p {
        width: 100%;
        text-align: center
    }
}

.mis-vis .cmr-certificates img {
    width: 100px;
    margin: 20px
}

@media screen and (max-width:600px) {
    .mis-vis .cmr-certificates img {
        width: calc(33.33% - 50px);
        margin: 10px
    }
}

.mis-vis .cmr-certificates .certificate-award-list {
    display: flex
}

.mis-vis .mis-vis-outer {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px
}

@media screen and (max-width:767px) {
    .mis-vis .mis-vis-outer {
        flex-wrap: wrap
    }
}

.mis-vis .mis-vis-outer .circle-list-box {
    width: 50%
}

@media screen and (max-width:767px) {
    .mis-vis .mis-vis-outer .circle-list-box {
        width: 100%
    }
}

.tw-eight,
.tw-saven {
    background-color: #0d508e
}

.tw-nine {
    background-color: #c0b4fe
}

.tw-ten {
    background-color: #fabecd
}

.circle-list-box {
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .0509803922)
}

.circle-list-box .crbox-heade {
    color: #fff;
    font-size: 24px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 30px;
    text-transform: none;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 20px;
    min-width: 300px
}

@media screen and (max-width:767px) {
    .circle-list-box .crbox-heade {
        font-size: 22px;
        line-height: 28px;
        padding: 15px
    }
}

.circle-list-box .crbox-heade i {
    font-size: 30px;
    margin-right: 20px
}

@media screen and (max-width:767px) {
    .circle-list-box .crbox-heade i {
        margin-right: 10px
    }
}

.circle-list-box .circle-listing {
    padding: 20px
}

@media only screen and (max-width:767px) {
    .circle-list-box .circle-listing {
        padding: 15px
    }
}

.circle-list-box .circle-listing li {
    padding-left: 27px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    position: relative;
    margin-bottom: 10px
}

.circle-list-box .circle-listing li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .circle-list-box .circle-listing li {
        padding-left: 17px
    }
}

.circle-list-box .circle-listing li:before {
    content: "";
    min-width: 17px;
    min-height: 17px;
    border: 1px solid #777;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 5px
}

@media screen and (max-width:991px) {
    .circle-list-box .circle-listing li:before {
        min-width: 15px;
        min-height: 15px;
        top: 8px
    }
}

@media screen and (max-width:767px) {
    .circle-list-box .circle-listing li:before {
        min-width: 10px;
        min-height: 10px
    }
}

.fs-24 {
    font-size: 24px !important
}

@media screen and (max-width:767px) {
    .cmr-tw-adv {
        margin-top: 0
    }
}

.cmr-tw-adv .row {
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .row {
        row-gap: 20px
    }
}

.cmr-tw-adv .row .approch-img {
    max-width: 430px;
    max-height: 430px;
    border-radius: 40px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .cmr-tw-adv .row .approch-img {
        border-radius: 20px
    }
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .row .approch-img {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width:575px) {
    .cmr-tw-adv .row .approch-img {
        border-radius: 10px
    }
}

.cmr-tw-adv .row .approch-img picture img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center
}

.cmr-tw-adv .tw-lefter {
    padding: 70px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (max-width:1200px) {
    .cmr-tw-adv .tw-lefter {
        padding: 40px 0
    }
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-lefter {
        padding: 30px 0
    }
}

.cmr-tw-adv .tw-lefter .right-slant .anmtn-element {
    height: 100%;
    width: 25vw;
    position: absolute;
    right: 0;
    top: 0
}

.cmr-tw-adv .tw-lefter .right-slant .anmtn-element .animated-cuts-right {
    height: 100%;
    width: 100%
}

.cmr-tw-adv .tw-lefter .right-slant .anmtn-element .right-bg {
    background-color: #f4f7ff;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-lefter .right-slant .anmtn-element .right-bg {
        display: none
    }
}

.cmr-tw-adv .tw-lefter .right-slant:after {
    content: "";
    right: 0;
    top: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    pointer-events: none;
    background-size: 150px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/doted.svg)
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-lefter .right-slant:after {
        display: none
    }
}

.cmr-tw-adv .tw-lefter .row .approach-box {
    order: 2
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-lefter .row .approach-box {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) {
    .cmr-tw-adv .tw-lefter .row .approach-box {
        order: 1
    }
}

.cmr-tw-adv .tw-lefter .row .approach-box .circle-list-box {
    width: 100%
}

.cmr-tw-adv .tw-lefter .row .approach-box .circle-list-box i {
    font-size: 36px
}

.cmr-tw-adv .tw-lefter .row .approach-box .circle-list-box .circle-listing li {
    font-size: 18px
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-lefter .row .approach-box .circle-list-box .circle-listing li {
        font-size: 16px;
        padding-left: 17px
    }
}

.cmr-tw-adv .tw-lefter .row .approach-img {
    order: 1
}

@media screen and (min-width:768px) {
    .cmr-tw-adv .tw-lefter .row .approach-img {
        order: 2
    }
}

.cmr-tw-adv .tw-righter {
    padding: 70px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 80px 0
}

@media screen and (max-width:1440px) {
    .cmr-tw-adv .tw-righter {
        margin: 50px 0
    }
}

@media screen and (max-width:1200px) {
    .cmr-tw-adv .tw-righter {
        margin: 40px 0
    }
}

@media screen and (max-width:991px) {
    .cmr-tw-adv .tw-righter {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-righter {
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:575px) {
    .cmr-tw-adv .tw-righter {
        margin: 10px 0
    }
}

@media screen and (max-width:600px) {
    .cmr-tw-adv .tw-righter .row {
        flex-direction: column-reverse;
        display: flex
    }
}

.cmr-tw-adv .tw-righter .left-slant {
    position: absolute;
    left: 0;
    height: 100%;
    width: 25vw
}

.cmr-tw-adv .tw-righter .left-slant .anmtn-element,
.cmr-tw-adv .tw-righter .left-slant .anmtn-element .animated-cuts-left {
    height: 100%;
    width: 100%
}

.cmr-tw-adv .tw-righter .left-slant .anmtn-element .left-bg {
    background-color: #f4f7ff;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-righter .left-slant .anmtn-element .left-bg {
        display: none
    }
}

.cmr-tw-adv .tw-righter .left-slant:after {
    content: "";
    left: 0;
    top: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    pointer-events: none;
    background-size: 150px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    background-image: url(https://www.bharatdigitalseva.com/assets/images/doted.svg)
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-righter .left-slant:after {
        display: none
    }
}

.cmr-tw-adv .tw-lefter picture img {
    width: 100%;
    max-width: 450px;
    border-radius: 40px;
    float: none;
    margin: 0 auto
}

@media screen and (max-width:1200px) {
    .cmr-tw-adv .tw-lefter picture img {
        max-width: 100%;
        border-radius: 30px
    }
}

@media screen and (max-width:991px) {
    .cmr-tw-adv .tw-lefter picture img {
        max-width: 380px;
        border-radius: 30px
    }
}

@media screen and (max-width:767px) {
    .cmr-tw-adv .tw-lefter picture img {
        max-width: 100%;
        border-radius: 20px
    }
}

@media screen and (max-width:575px) {
    .cmr-tw-adv .tw-lefter picture img {
        border-radius: 10px
    }
}

.cmr-tw-adv .row {
    align-items: center;
    position: relative;
    z-index: 99
}

@media screen and (max-width:767px) {
    .meet-team-sec {
        padding-top: 40px
    }
}

@media screen and (max-width:600px) {
    .meet-team-sec {
        padding-top: 1.5rem !important;
        margin-top: 1.5rem !important
    }
}

.confidentail .cmr-relate-new .sec-title {
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .confidentail .cmr-relate-new .sec-title {
        margin-bottom: 20px
    }
}

.confidentail .cmr-relate-new .sec-description p:last-child {
    margin-bottom: 0
}

.confidentail .confidentiality-section {
    padding: 40px 0
}

@media only screen and (max-width:991px) {
    .confidentail .confidentiality-section {
        padding: 30px 0
    }
}

@media only screen and (max-width:575px) {
    .confidentail .confidentiality-section {
        padding: 20px 0 10px
    }
}

.confidentail .confidentiality-section .confidentiality-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px
}

.confidentail .confidentiality-section .confidentiality-box {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .0509803922);
    border-radius: 15px;
    width: calc(50% - 15px)
}

@media only screen and (max-width:767px) {
    .confidentail .confidentiality-section .confidentiality-box {
        width: 100%
    }
}

.confidentail .confidentiality-section .confidentiality-box h3 {
    padding: 20px;
    font-size: 24px;
    font-weight: 700;
    color: #001033;
    margin-bottom: 0;
    line-height: 30px;
    text-transform: uppercase;
    border-radius: 15px 15px 0 0;
    font-family: GilroyBold, sans-serif
}

@media only screen and (max-width:767px) {
    .confidentail .confidentiality-section .confidentiality-box h3 {
        font-size: 18px;
        line-height: 24px;
        padding: 15px 20px
    }
}

.confidentail .confidentiality-section .confidentiality-box:first-child {
    width: 100%
}

.confidentail .confidentiality-section .confidentiality-box h3 {
    background: #0d508e;
    color: #fff
}

.confidentail .confidentiality-section .confidentiality-box ul {
    padding: 20px;
    list-style: none
}

@media only screen and (max-width:767px) {
    .confidentail .confidentiality-section .confidentiality-box ul {
        padding: 15px 20px
    }
}

.confidentail .confidentiality-section .confidentiality-box ul li {
    font-size: 16px;
    font-weight: 400;
    color: #373f54;
    padding-left: 27px;
    position: relative;
    margin-bottom: 10px
}

.confidentail .confidentiality-section .confidentiality-box ul li:last-child {
    margin-bottom: 0
}

.confidentail .confidentiality-section .confidentiality-box ul li:before {
    content: "";
    min-width: 17px;
    min-height: 17px;
    background-color: #fff;
    border: 1px solid #777;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 4px
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .mainheader {
        padding: 15px !important
    }
}

@media screen and (min-width:1025px) and (max-width:1190px) {
    .mainheader .mainheader-logo {
        width: 150px
    }
}

@media screen and (min-width:1025px) and (max-width:1300px) {
    .mainheader .mainheader-quotelink {
        width: auto;
        padding: 10px 25px;
        height: auto;
        min-width: auto;
        font-size: 12px;
        line-height: 1.2
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .mainheader .mainheader-quotelink {
        width: auto;
        height: auto;
        padding: 10px 15px !important;
        min-width: 130px;
        font-size: 14px;
        white-space: nowrap
    }
}

@media screen and (min-width:575px) and (max-width:767px) {
    .mainheader .footer_contact_list .footer-contact-inner {
        width: 50%
    }
}

@media screen and (min-width:1025px) and (max-width:1200px) {
    .navigationouter .navigationlist .navmain-list .navmain-list-link {
        padding: 8px 12px 8px 0;
        font-size: 14px
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .navigationouter .navigationlist .navmain-list .navmain-list-link {
        padding: 8px 12px 8px 0;
        font-size: 14px;
        white-space: nowrap
    }
}

@media screen and (max-width:991px) and (max-width:576px) {
    .mob-menulinks .menu-link:last-child .link-label {
        width: auto
    }
}

@media only screen and (min-width:577px) and (max-width:767px) {
    .cmr-contact .inquiryBtn .inquiryBtnOuter .primary-btn {
        height: 60px
    }
}

@media screen and (min-width:576px) and (max-width:991px) {
    .jump-forms #contactForm {
        margin: 0 -15px
    }
}

.footer-social-section-part .footer-icon-twitter {
    margin-left: 10px
}

.engagement_model_list {
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .engagement_model_list {
        margin-bottom: 0;
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

.engagement_model_list .model_row .model-row-end {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.engagement_model_list .model_row .model-row-end .engagementmodel_image {
    width: 58.33%
}

@media screen and (max-width:1199px) {
    .engagement_model_list .model_row .model-row-end .engagementmodel_image {
        width: 50%
    }
}

@media screen and (max-width:991px) {
    .engagement_model_list .model_row .model-row-end .engagementmodel_image {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:991px) {
    .engagement_model_list .model_row .model-row-end .engagementmodel_image img {
        width: 80%
    }
}

.engagement_model_list .model_row .model-row-end .engagement-content {
    width: 41.66%
}

@media screen and (max-width:1199px) {
    .engagement_model_list .model_row .model-row-end .engagement-content {
        width: 50%
    }
}

@media screen and (max-width:991px) {
    .engagement_model_list .model_row .model-row-end .engagement-content {
        width: 100%
    }
}

.engagement_model_list .model_row:nth-child(2n) .engagement-content .cmr-tw-adv {
    margin-right: auto
}

@media screen and (max-width:991px) {
    .engagement_model_list .model_row:nth-child(odd) .model-row-end {
        flex-direction: column-reverse
    }
}

.engagement_model_list .model_row:nth-child(odd) .engagement-content .cmr-tw-adv {
    margin-left: auto
}

.engagement_model_list .cmr-tw-adv {
    width: 100%;
    margin: -20% 0 -15%;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .0509803922)
}

@media screen and (max-width:991px) {
    .engagement_model_list .cmr-tw-adv {
        max-width: 100%;
        margin: 30px 0 20px
    }
}

@media screen and (max-width:767px) {
    .engagement_model_list .cmr-tw-adv {
        margin-bottom: 20px
    }
}

.engagement_model_list .cmr-tip-des {
    position: relative;
    padding: 20px;
    color: #001033;
    font-size: 24px;
    text-transform: none;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    width: 100%;
    display: inline-block
}

@media only screen and (max-width:767px) {
    .engagement_model_list .cmr-tip-des {
        padding: 15px 20px
    }
}

.engagement_model_list .cmr-tip-des i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    font-size: 46px
}

.engagement_model_list .cmr-tip-des.blue-sky {
    background-color: #e7e2ff
}

.engagement_model_list .cmr-tip-des.pink-dark {
    background-color: #fedfe6
}

.engagement_model_list .cmr-tip-des.green-dark {
    background-color: #a9f3c0
}

.engagement_model_list .cmr-tip-des.brown-dark {
    background-color: #ffdec4
}

.engagement_model_list .slide-detail {
    padding: 20px
}

@media screen and (max-width:767px) {
    .engagement_model_list .slide-detail {
        padding: 15px 20px
    }
}

.engagement_model_list .slide-detail h3 {
    font-size: 24px;
    font-weight: 400;
    font-family: GilroyBold, sans-serif;
    margin: 0 0 15px
}

.engagement_model_list .slide-detail p {
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #001033;
    font-weight: 400;
    margin-bottom: 0
}

@media screen and (max-width:600px) {
    .engagement_model_list .slide-detail p {
        font-size: 16px;
        line-height: 25px
    }
}

.engagement_model_list .slide-detail .model_characteristics {
    margin-top: 20px
}

.engagement_model_list .slide-detail .model_characteristics li {
    font-size: 16px;
    font-weight: 400;
    color: #373f54;
    padding-left: 27px;
    position: relative;
    margin-bottom: 10px
}

.engagement_model_list .slide-detail .model_characteristics li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .engagement_model_list .slide-detail .model_characteristics li {
        padding-left: 17px
    }
}

.engagement_model_list .slide-detail .model_characteristics li:before {
    content: "";
    min-width: 17px;
    min-height: 17px;
    background-color: #fff;
    border: 1px solid #777;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 5px
}

@media screen and (max-width:767px) {
    .engagement_model_list .slide-detail .model_characteristics li:before {
        min-width: 10px;
        min-height: 10px
    }
}

.model_row {
    background: #f4f7ff;
    margin: 0
}

@media screen and (max-width:991px) {
    .model_row {
        margin: 30px 0
    }
}

.model_row+.model_row {
    margin-top: 170px
}

@media screen and (max-width:991px) {
    .model_row+.model_row {
        margin-top: 30px
    }
}

@media screen and (max-width:991px) {
    .model_row:last-child {
        margin-bottom: 0
    }
}

.scrollToTop {
    right: 38px
}

.btn:hover {
    background: #0d508e
}

@media screen and (max-width:990px) {
    .btn:hover {
        background: #000;
        color: #fff
    }
}

.primary-btn {
    background: #0d508e
}

.industires-new-sec {
    position: relative
}

.industires-new-sec:after,
.industires-new-sec:before {
    content: inherit
}

@media screen and (max-width:767px) {
    .industires-new-sec .upper_right {
        position: absolute;
        bottom: -70px;
        left: 15px;
        right: 15px;
        margin: 0 auto;
        text-align: center
    }
}

.industires-new-sec .industires-infocus-boxes {
    margin-top: 30px
}

.industires-new-sec .industires-infocus-boxes ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 40px;
    justify-content: space-between
}

@media screen and (max-width:850px) {
    .industires-new-sec .industires-infocus-boxes ul {
        row-gap: 20px
    }
}

@media screen and (max-width:567px) {
    .industires-new-sec .industires-infocus-boxes ul {
        gap: 15px
    }
}

.industires-new-sec .industires-infocus-boxes ul li {
    position: relative;
    background: #f4f4f6;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(16% - 10px);
    overflow: hidden
}

@media screen and (max-width:1200px) {
    .industires-new-sec .industires-infocus-boxes ul li {
        width: calc(15% - 1px)
    }
}

@media screen and (max-width:991px) {
    .industires-new-sec .industires-infocus-boxes ul li {
        width: calc(25% - 15px)
    }
}

@media screen and (max-width:567px) {
    .industires-new-sec .industires-infocus-boxes ul li {
        width: calc(50% - 8px)
    }
}

.industires-new-sec .industires-infocus-boxes ul li:hover a {
    color: #1d1e31
}

@media screen and (min-width:991px) {

    .industires-new-sec .industires-infocus-boxes ul li:hover a,
    .industires-new-sec .industires-infocus-boxes ul li:hover i {
        transition: all .2s ease-in-out;
        color: #fff
    }

    .industires-new-sec .industires-infocus-boxes ul li:hover:after {
        height: 100%
    }

    .industires-new-sec .industires-infocus-boxes ul li:hover img {
        filter: invert(1)
    }

    .industires-new-sec .industires-infocus-boxes ul li:hover p {
        transition: all .2s ease-in-out;
        color: #fff
    }
}

.industires-new-sec .industires-infocus-boxes ul li:after {
    content: "";
    position: absolute;
    background: #439bc2;
    bottom: 0;
    height: 4px;
    width: 100%;
    transition: all .4s ease
}

.industires-new-sec .industires-infocus-boxes ul li a {
    transition: all .2s ease-in-out;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: relative;
    z-index: 2
}

.industires-new-sec .industires-infocus-boxes ul li a i {
    font-size: 32px
}

.industires-new-sec .industires-infocus-boxes ul li p {
    transition: all .2s ease-in-out;
    font-family: GilroySemiBold, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    margin: 5px 0 0
}

.has-float-label label:after {
    background: #fff
}

.card {
    word-wrap: break-all;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
}

.modal-dialog {
    margin: .5rem;
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    content: "";
    display: block;
    height: calc(100vh - 1rem);
    height: min-content
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    align-items: flex-start;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem
}

.modal-title {
    line-height: 1.5;
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

.modal-footer {
    align-items: center;
    border-bottom-left-radius: calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px);
    border-top: 1px solid #dee2e6;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: .75rem
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media(min-width:576px) {
    .modal-dialog {
        margin: 1.75rem auto;
        max-width: 500px
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal {
    z-index: 9999
}

.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    z-index: 99999
}

.video-modal .close-modal {
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent;
    border: none;
    outline: none
}

.video-modal .close-modal img {
    filter: invert(1);
    transform: rotate(45deg);
    width: 30px
}

.video-modal iframe {
    vertical-align: middle;
    border: none;
    max-width: 100%
}

.video-modal .modal-body {
    padding: 0
}

.video-modal .modal-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    padding: 50px
}

@media screen and (max-width:767px) {
    .video-modal .modal-inner {
        padding: 20px
    }
}

@media screen and (max-width:600px) {
    .video-modal .modal-inner {
        padding: 10px
    }

    .video-modal .modal-inner .client-video,
    .video-modal .modal-inner .client-video iframe {
        max-width: 100%
    }
}

.modal-open .modal {
    z-index: 99999
}

.navigationouter .navigationlist .menu-content {
    padding-top: 38px !important;
    padding-bottom: 20px
}

@media only screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-content {
        display: none
    }
}

.navigationouter .navigationlist .menu-content .menu-text-box {
    background: transparent;
    border: 3px dotted rgb(13 80 142/20%);
    padding: 20px;
    border-radius: 20px;
    color: #1d1e31;
    text-align: center;
    font-weight: 500
}

@media only screen and (max-width:1280px) {
    .navigationouter .navigationlist .menu-content .menu-text-box {
        padding: 10px
    }
}

.navigationouter .navigationlist .menu-content .menu-text-box span {
    display: inline-flex;
    color: #0d508e;
    font-weight: 600
}

.navigationouter .navigationlist .menu-content .cta-button {
    width: fit-content;
    margin: 0 auto -40px
}

@media only screen and (max-width:1280px) {
    .navigationouter .navigationlist .menu-content .cta-button {
        margin: 0 auto -30px
    }
}

.navigationouter .navigationlist .menu-content .cta-button .primary-btn {
    min-width: auto;
    height: 42px;
    font-size: 16px;
    font-weight: 500;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    padding: 0 20px;
    text-transform: uppercase
}

.navigationouter .navigationlist .menu-content .cta-button .primary-btn:hover {
    color: #fff
}

.navigationouter .navigationlist .navigationSub {
    left: 5%;
    right: 5%
}

.navigationouter .navigationlist .navigationSub .navsub-box-link img {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navigationSub-head {
    border-bottom: 1px dotted #0d508e;
    padding-bottom: 15px
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link img {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.homepage-hero-banner .banner-left .hire-services-item a:hover {
    color: #1d1e31
}

@media screen and (max-width:767px) {
    .homepage-hero-banner .hire-services-list .hire-services-item .services-icon {
        font-size: 0;
        line-height: 0
    }
}

.hire-services-list .hire-services-item a:hover {
    color: #1d1e31
}

.hire-services {
    background-color: rgba(67, 155, 194, .1);
    margin-top: 105px
}

@media screen and (max-width:1280px) {
    .hire-services {
        margin-top: 85px
    }
}

@media screen and (max-width:991px) {
    .hire-services {
        margin-top: 70px
    }
}

@media screen and (max-width:767px) {
    .hire-services {
        margin-top: 50px
    }
}

.hire-services .container {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px
}

@media screen and (max-width:991px) {
    .hire-services .container {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (max-width:767px) {
    .hire-services .container {
        padding-top: 40px;
        padding-bottom: 40px;
        max-width: 100%
    }
}

@media screen and (max-width:575px) {
    .hire-services .container {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.hire-services .dot-overlay {
    position: absolute;
    left: 15px;
    top: 0;
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    z-index: -1
}

@media screen and (max-width:767px) {
    .hire-services .dot-overlay {
        display: none
    }
}

.hire-services .dot-overlay>span {
    flex: 1;
    border-left: 1px dashed rgba(67, 155, 194, .2)
}

.hire-services .dot-overlay>span:last-child {
    border-right: 1px dashed rgba(67, 155, 194, .2)
}

.hire-services-list {
    margin-top: 75px;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    transition: none
}

@media screen and (max-width:991px) {
    .hire-services-list {
        margin-top: 35px
    }
}

.hire-services-list:after,
.hire-services-list:before {
    content: "";
    position: absolute;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    border-top: 1px dashed rgba(67, 155, 194, .2)
}

@media screen and (max-width:767px) {

    .hire-services-list:after,
    .hire-services-list:before {
        display: none
    }
}

.hire-services-list:after {
    top: auto;
    bottom: 0
}

.hire-services-item {
    text-align: center;
    margin: 0 auto;
    flex: 1;
    padding: 40px 0;
    position: relative
}

@media screen and (max-width:991px) {
    .hire-services-item {
        padding: 15px 5px
    }
}

@media screen and (max-width:767px) {
    .hire-services-item {
        padding: 25px 0
    }
}

@media screen and (max-width:600px) {
    .hire-services-item {
        flex: 50% 1;
        border: 1px dashed rgba(67, 155, 194, .2);
        margin-left: -1px;
        margin-bottom: -1px
    }
}

.hire-services-item:before {
    position: absolute;
    content: "+";
    color: #439bc2;
    font-size: 25px;
    line-height: 0;
    left: 0
}

@media screen and (max-width:767px) {
    .hire-services-item:before {
        display: none
    }
}

.hire-services-item:nth-child(odd):before {
    left: -8px;
    top: -2px
}

.hire-services-item:nth-child(2n):before {
    top: auto;
    bottom: 2px;
    left: -8px
}

.hire-services-item .services-icon {
    position: relative;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-transition: all .35s ease 0s;
    transition: all .35s ease 0s;
    white-space: nowrap;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif !important;
    letter-spacing: .7px
}

.hire-services-item .services-icon:before {
    left: 0;
    right: 0;
    top: 50px;
    position: absolute;
    font-size: 52px;
    line-height: 1;
    z-index: 1;
    font-family: website-icons !important
}

@media screen and (max-width:992px) {
    .hire-services-item .services-icon:before {
        top: 30px;
        font-size: 46px
    }
}

@media screen and (max-width:767px) {
    .hire-services-item .services-icon:before {
        top: 40px
    }
}

@media screen and (max-width:991px) {
    .hire-services-item .services-icon {
        white-space: normal
    }
}

.hire-services-item .icon {
    width: 150px;
    height: 150px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 56px;
    padding: 7px 0 0 7px;
    letter-spacing: .5px
}

@media screen and (max-width:992px) {
    .hire-services-item .icon {
        width: 100px;
        height: 100px;
        font-size: 50px
    }
}

@media screen and (max-width:767px) {
    .hire-services-item .icon {
        width: 120px;
        height: 120px;
        margin-bottom: 20px
    }
}

.hire-services-item .icon.fullstack {
    background-color: #ccd0fb;
    background-position: 17.7% 83%
}

.hire-services-item .icon.mobile {
    background-color: rgba(176, 167, 253, .5);
    background-position: 9.6% 31.4%
}

.hire-services-item .icon.react {
    background-color: rgba(172, 179, 230, .5);
    background-position: 43.4% 59.4%
}

.hire-services-item .icon.angular {
    background-color: #f9d4d4;
    background-position: 5.2% 58.5%
}

.hire-services-item .icon.php {
    background-color: rgba(189, 179, 238, .5);
    background-position: 13.7% 83%
}

.hire-services-item .icon.wordpress {
    background-color: #e9caf3;
    background-position: 51.6% 58.5%
}

.hire-services-item .icon.laravel {
    background-color: #ffd4d2;
    background-position: 34.8% 59%
}

.hire-services-item .icon.flutter {
    background-color: #c8e2ee;
    background-position: 68.5% 59.5%
}

.hire-services-item .icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px dashed rgba(0, 0, 0, .2);
    left: 5px;
    top: 5px;
    border-radius: 50%;
    transition: .3s ease-in-out
}

.hire-services-item .tech-icon,
.hire-services-item a {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.hire-services-item .tech-icon:hover i,
.hire-services-item a:hover i {
    color: initial
}

.hire-services-item .tech-icon:hover .icon:after,
.hire-services-item a:hover .icon:after {
    left: -5px;
    top: -5px;
    transition: .3s ease-in-out
}

.hire-services-item h4 {
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400
}

.hire-services-item h2,
.hire-services-item h3 {
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-size: calc(8.3px + .4vw);
    font-weight: 400;
    line-height: 1.5;
    -webkit-transition: all .35s ease 0s;
    transition: all .35s ease 0s;
    white-space: nowrap;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif
}

@media screen and (max-width:1024px) {

    .hire-services-item h2,
    .hire-services-item h3 {
        font-size: 15px;
        white-space: normal
    }
}

@media screen and (max-width:992px) {

    .hire-services-item h2,
    .hire-services-item h3 {
        font-size: 14px;
        text-align: center
    }
}

@media screen and (max-width:767px) {

    .hire-services-item h2,
    .hire-services-item h3 {
        white-space: nowrap
    }
}

.hire-services .hire-services-list {
    margin-top: 50px
}

@media screen and (max-width:991px) {
    .hire-services .hire-services-list {
        margin-top: 40px
    }
}

@media screen and (max-width:767px) {
    .hire-services .hire-services-list {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .hire-services .hire-services-list .hire-services-item {
        border: none;
        padding: 10px 15px
    }
}

.hire-title {
    width: fit-content;
    margin: 0 auto;
    letter-spacing: 0;
    color: #1d1e31;
    text-align: center
}

.hire-title .section-title {
    line-height: 1.35;
    font-family: GilroyBold, sans-serif;
    margin-bottom: 0
}

@media(min-width:992px) {
    .hire-title .section-title {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .hire-title .section-title {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .hire-title .section-title {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .hire-title .section-title {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .hire-title .section-title {
        font-size: 26px
    }
}

.hire-title p {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0;
    margin-bottom: 0;
    font-family: GilroyRegular, sans-serif
}

@media screen and (max-width:1280px) {
    .hire-title p {
        font-size: 24px;
        line-height: 30px
    }
}

@media screen and (max-width:991px) {
    .hire-title p {
        font-size: 20px;
        line-height: 26px;
        font-size: 18px;
        line-height: 24px
    }
}

.hire-services+.industires.domain-indus {
    padding-top: 80px
}

@media only screen and (max-width:1280px) {
    .hire-services+.industires.domain-indus {
        padding-top: 40px
    }
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.d-none {
    display: none !important
}

.w-100 {
    width: 100% !important
}

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }
}

@media(min-width:768px) {
    .d-md-flex {
        display: flex !important
    }
}

.cmr-services {
    overflow: hidden;
    position: relative;
    margin-top: 70px
}

@media screen and (max-width:475px) {
    .cmr-services {
        margin-top: 40px
    }
}

.cmr-services .overlay-text {
    text-align: center;
    font-size: 24vw;
    position: absolute;
    left: -5vw;
    top: 0;
    z-index: -1;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #fcfcfc;
    line-height: 1
}

.cmr-services .top-content {
    margin-bottom: 0
}

.cmr-services .top-content .section-title {
    line-height: 1.35;
    text-align: center
}

@media(min-width:992px) {
    .cmr-services .top-content .section-title {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .cmr-services .top-content .section-title {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .cmr-services .top-content .section-title {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .cmr-services .top-content .section-title {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .cmr-services .top-content .section-title {
        font-size: 26px
    }
}

@media screen and (max-width:767px) {
    .cmr-services .container {
        max-width: 100%
    }
}

.section-title {
    font-family: GilroyBold, sans-serif;
    line-height: 1.35;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 30px
}

@media(min-width:992px) {
    .section-title {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .section-title {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .section-title {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .section-title {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .section-title {
        font-size: 26px
    }
}

@media screen and (max-width:992px) {
    .section-title {
        margin-bottom: 15px
    }
}

@media screen and (max-width:600px) {
    .section-title {
        margin-bottom: 5px
    }
}

.service-item {
    position: relative;
    margin-bottom: 100px
}

@media screen and (max-width:1024px) {
    .service-item.right .left {
        padding-left: 0
    }
}

@media screen and (max-width:991px) {
    .service-item {
        margin-bottom: 60px
    }
}

@media screen and (max-width:600px) {
    .service-item {
        margin-bottom: 20px
    }
}

.service-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 80%;
    background: #489bc2;
    z-index: -1
}

@media screen and (max-width:767px) {
    .service-item:before {
        height: 100%
    }
}

@media screen and (max-width:600px) {
    .service-item:before {
        height: 100px !important;
        width: 100%;
        bottom: 0 !important;
        top: auto !important;
        transform: translateY(0) !important
    }
}

.service-item.center .container:before,
.service-item.center:before {
    height: 100%
}

.service-item.right:before {
    left: auto;
    right: 0
}

.service-item.bottom:before {
    top: auto;
    bottom: 0
}

.service-item.center:before {
    top: 50%;
    transform: translateY(-50%)
}

.service-item .container {
    position: relative
}

@media screen and (max-width:600px) {
    .service-item .container {
        flex-wrap: wrap
    }
}

.service-item .container:before {
    content: "";
    position: absolute;
    right: 0;
    top: auto;
    width: 40%;
    height: 80%;
    bottom: 0;
    z-index: -1;
    background-color: #489bc2
}

@media screen and (max-width:991px) {
    .service-item .container:before {
        height: 86%
    }
}

@media screen and (max-width:767px) {
    .service-item .container:before {
        display: none
    }
}

.service-item .container:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/planes.svg);
    background-repeat: no-repeat;
    z-index: -1
}

@media screen and (max-width:991px) {
    .service-item .container:after {
        display: none !important
    }
}

@media screen and (max-width:600px) {
    .service-item .container:after {
        height: 120px !important;
        width: 100% !important;
        top: auto !important;
        bottom: -120px !important
    }
}

.service-item:nth-child(2n) .container:before {
    left: 0;
    right: auto
}

.service-item:first-child .container:after {
    width: 60%;
    height: calc(100% + 250px);
    background-position: -40% -13%
}

@media screen and (max-width:1560px) {
    .service-item:first-child .container:after {
        height: calc(100% + 265px)
    }
}

@media screen and (max-width:767px) {
    .service-item:first-child .container:after {
        height: calc(100% + 100px);
        background-position: 400% 3% !important;
        background-size: 90%
    }
}

.service-item:nth-child(2) .container:after,
.service-item:nth-child(3) .container:after,
.service-item:nth-child(4) .container:after {
    width: 80%;
    height: 230px;
    top: auto;
    bottom: -230px;
    transform: translateX(-50%);
    left: 50%;
    background-size: 100%
}

@media screen and (max-width:1560px) {

    .service-item:nth-child(2) .container:after,
    .service-item:nth-child(3) .container:after,
    .service-item:nth-child(4) .container:after {
        height: 235px;
        bottom: -235px
    }
}

@media screen and (max-width:1024px) {

    .service-item:nth-child(2) .container:after,
    .service-item:nth-child(3) .container:after,
    .service-item:nth-child(4) .container:after {
        height: 265px;
        bottom: -265px
    }
}

@media screen and (max-width:991px) {

    .service-item:nth-child(2) .container:after,
    .service-item:nth-child(3) .container:after,
    .service-item:nth-child(4) .container:after {
        height: 280px;
        bottom: -280px
    }
}

@media screen and (max-width:767px) {

    .service-item:nth-child(2) .container:after,
    .service-item:nth-child(3) .container:after,
    .service-item:nth-child(4) .container:after {
        height: 120px;
        bottom: -120px
    }
}

.service-item:nth-child(2) .container:after {
    background-position-y: calc(39% - 15px)
}

@media screen and (max-width:767px) {
    .service-item:nth-child(2) .container:after {
        background-position-y: calc(66% - 15px);
        background-size: 100% !important
    }
}

.service-item:nth-child(3) .container:after {
    background-position-y: calc(65% - 15px)
}

.service-item:nth-child(4) {
    margin-bottom: 180px
}

@media screen and (max-width:991px) {
    .service-item:nth-child(4) {
        margin-bottom: 100px
    }
}

@media screen and (max-width:767px) {
    .service-item:nth-child(4) {
        margin-bottom: 50px
    }
}

.service-item:nth-child(4) .container:after {
    background-position-y: calc(95% + 15px);
    height: 180px;
    top: auto;
    bottom: -180px
}

@media screen and (max-width:767px) {
    .service-item:nth-child(4) .container:after {
        height: 150px;
        bottom: -150px
    }
}

.service-item .left {
    padding: 35px 35px 0
}

@media screen and (max-width:1025px) {
    .service-item .left {
        padding: 20px 10px 0
    }
}

@media screen and (max-width:600px) {
    .service-item .left {
        margin-bottom: 30px;
        padding: 0
    }
}

.service-item .left:first-child {
    margin-top: 20px
}

@media screen and (max-width:1025px) {
    .service-item .left:first-child {
        margin-top: 0
    }
}

.service-item .left .cta-button a {
    max-width: max-content;
    margin: 23px auto 0
}

.service-item .left,
.service-item .right {
    width: 50%
}

@media screen and (max-width:600px) {

    .service-item .left,
    .service-item .right {
        width: 100%
    }
}

.service-item .service-image img {
    width: 100%
}

.service-item .title {
    font: normal normal normal 28px/39px GilroySemiBold, sans-serif;
    letter-spacing: 0;
    color: #439bc2;
    margin: 0
}

@media screen and (max-width:767px) {
    .service-item .title {
        font: normal normal normal 23px/1.5 GilroySemiBold, sans-serif
    }
}

.service-item .short-description {
    margin: 20px 0 0;
    font: normal normal 400 17px/1.6 Segoe UI, Helvetica, SF Pro Display;
    letter-spacing: 0;
    color: #222
}

@media screen and (max-width:767px) {
    .service-item .short-description {
        margin: 10px 0 0
    }
}

.service-item .service-links {
    margin: 35px 0 0
}

@media screen and (max-width:992px) {
    .service-item .service-links {
        margin: 15px 0 0
    }
}

.service-item .service-links ul {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:991px) {
    .service-item .service-links ul {
        margin-bottom: 20px
    }
}

.service-item .service-links ul li {
    width: 50%;
    margin-bottom: 15px
}

@media screen and (max-width:992px) {
    .service-item .service-links ul li {
        width: 100%;
        margin-bottom: 5px
    }
}

@media screen and (max-width:767px) {
    .service-item .service-links ul li {
        font-size: 14px
    }
}

.service-item .service-links a {
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding-left: 35px;
    min-height: 25px;
    line-height: 25px;
    border-bottom: 1px solid rgba(210, 77, 39, .47);
    padding-bottom: 5px
}

@media screen and (max-width:1025px) {
    .service-item .service-links a {
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 5px
    }
}

@media screen and (max-width:992px) {
    .service-item .service-links a {
        width: 100%
    }
}

.service-item .service-links a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    margin-top: -4px;
    font-family: website-icons !important;
    font-size: 23px
}

.service-item .service-links a.iphone:before {
    content: "\e92d"
}

.service-item .service-links a.flutter:before {
    content: "\e921"
}

.service-item .service-links a.android:before {
    content: "\e904"
}

.service-item .service-links a.ionic:before {
    content: "\e92c"
}

.service-item .service-links a.software-development:before {
    content: "\e91c"
}

.service-item .service-links a.on-demand:before {
    content: "\e939"
}

.service-item .service-links a.aspnet:before {
    content: "\e916"
}

.service-item .service-links a.dedicated-developers:before {
    content: "\e90c"
}

.service-item .service-links a.php:before {
    content: "\e94a"
}

.service-item .service-links a.reactjs:before {
    content: "\e951"
}

.service-item .service-links a.python:before {
    content: "\e992"
}

.service-item .service-links a.angular:before {
    content: "\e905"
}

.service-item .service-links a.fullstack:before {
    content: "\e925"
}

.service-item .service-links a.magento:before {
    content: "\e936"
}

.service-item .service-links a.woocommerce:before {
    content: "\e969"
}

.service-item .service-links a.wordpress:before {
    content: "\e96a"
}

.service-item .service-links a.shopify:before {
    content: "\e956"
}

.implemented-to-grow-section {
    padding: 80px 0
}

@media screen and (max-width:1280px) {
    .implemented-to-grow-section {
        padding: 60px 0
    }
}

@media screen and (max-width:991px) {
    .implemented-to-grow-section {
        padding: 50px 0
    }
}

@media screen and (max-width:767px) {
    .implemented-to-grow-section {
        padding: 40px 0 20px
    }
}

.implemented-to-grow-section .implemented-upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 40px
}

@media screen and (max-width:992px) {
    .implemented-to-grow-section .implemented-upper {
        padding-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .implemented-to-grow-section .implemented-upper {
        margin-top: 10px;
        text-align: center;
        padding-bottom: 25px
    }
}

@media screen and (max-width:992px) {
    .implemented-to-grow-section .implemented-upper .implemented-right {
        padding-bottom: 20px;
        display: inline-flex;
        flex-wrap: wrap;
        flex-grow: 1;
        justify-content: flex-end
    }
}

.implemented-to-grow-section .implemented-upper .implemented-right a {
    font-size: 16px;
    font-weight: 400;
    color: #212026;
    position: relative;
    display: inline-block;
    font-family: GilroyBold, sans-serif;
    margin-right: 15px
}

@media screen and (max-width:991px) {
    .implemented-to-grow-section .implemented-upper .implemented-right a {
        margin-right: 12px
    }
}

.implemented-to-grow-section .implemented-upper .implemented-right a:before {
    content: "";
    position: absolute;
    right: -15px;
    top: -12px;
    width: 33px;
    height: 51px;
    background: #eee;
    z-index: -1;
    transition: all .2s ease-out
}

@media screen and (max-width:991px) {
    .implemented-to-grow-section .implemented-upper .implemented-right a:before {
        right: -12px
    }
}

.implemented-to-grow-section .implemented-upper .implemented-right a i {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 15px
}

.implemented-to-grow-section .implemented-upper .implemented-right a:hover {
    text-decoration: none;
    color: #0d508e
}

.implemented-to-grow-section .implemented-upper .implemented-right a:hover:before {
    width: 100%;
    transition: all .2s ease-out
}

.implemented-to-grow-section .implemented-upper .implemented-left h2 {
    line-height: 1.35;
    font-weight: 400;
    font-family: GilroyBold, sans-serif;
    text-align: left;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 10px
}

@media(min-width:992px) {
    .implemented-to-grow-section .implemented-upper .implemented-left h2 {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .implemented-to-grow-section .implemented-upper .implemented-left h2 {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .implemented-to-grow-section .implemented-upper .implemented-left h2 {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .implemented-to-grow-section .implemented-upper .implemented-left h2 {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .implemented-to-grow-section .implemented-upper .implemented-left h2 {
        font-size: 26px
    }
}

@media screen and (max-width:767px) {
    .implemented-to-grow-section .implemented-upper .implemented-left h2 {
        line-height: 1.4;
        font-size: 28px
    }
}

.implemented-to-grow-section .implemented-upper .implemented-left p {
    color: #1d1e31;
    font-size: 20px;
    line-height: 30px;
    font-family: GilroyRegular, sans-serif;
    font-weight: 400;
    text-align: left
}

.implemented-to-grow-section .implemented-upper .implemented-left p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .implemented-to-grow-section .implemented-upper .implemented-left p {
        font-size: 16px;
        line-height: 24px
    }
}

.implemented-to-grow-section .implemented-boxes {
    display: flex;
    gap: 30px
}

@media screen and (max-width:991px) {
    .implemented-to-grow-section .implemented-boxes {
        gap: 20px
    }
}

@media screen and (max-width:767px) {
    .implemented-to-grow-section .implemented-boxes {
        overflow: auto;
        padding: 0 15px 10px;
        margin: 0 -15px
    }
}

.implemented-to-grow-section .implemented-boxes .grow-img-box {
    flex: 0 0 calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
    position: relative;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .implemented-to-grow-section .implemented-boxes .grow-img-box {
        flex: 0 0 calc(33.33% - 13px);
        max-width: calc(33.33% - 13px)
    }
}

@media screen and (max-width:767px) {
    .implemented-to-grow-section .implemented-boxes .grow-img-box {
        flex: 0 0 45%;
        max-width: 45%
    }
}

@media screen and (max-width:680px) {
    .implemented-to-grow-section .implemented-boxes .grow-img-box {
        flex: 0 0 60%;
        max-width: 60%
    }
}

@media screen and (max-width:575px) {
    .implemented-to-grow-section .implemented-boxes .grow-img-box {
        flex: 0 0 75%;
        max-width: 75%
    }
}

.implemented-to-grow-section .implemented-boxes .grow-img-box picture {
    display: inline-block
}

@media screen and (max-width:575px) {
    .implemented-to-grow-section .implemented-boxes .grow-img-box picture {
        display: block
    }
}

.implemented-to-grow-section .implemented-boxes .grow-img-box .button-round {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #171717;
    border-radius: 40px 0 0 0;
    padding: 12px 6px 6px 14px;
    color: #fff;
    font-size: 18px;
    min-width: 44px;
    text-align: center;
    transition: all .25s ease 0s
}

.implemented-to-grow-section .implemented-boxes .grow-img-box .button-round:hover {
    background: #0d508e
}

@media screen and (max-width:767px) {
    .explore-more-section {
        padding-top: 20px
    }
}

.explore-more-section .container {
    display: flex;
    gap: 50px
}

@media screen and (max-width:1280px) {
    .explore-more-section .container {
        gap: 40px
    }
}

@media screen and (max-width:767px) {
    .explore-more-section .container {
        flex-wrap: wrap;
        gap: 30px
    }
}

.explore-more-section .container .explore-more-box {
    width: 310px;
    background-color: #ffe8db;
    background-image: radial-gradient(at 36% 63%, #e5f7ff 0, transparent 50%), radial-gradient(at 15% 77%, #e5f7ff 0, transparent 50%), radial-gradient(at 12% 25%, #ffe8db 0, transparent 50%), radial-gradient(at 43% 12%, #f5feff 0, transparent 50%), radial-gradient(at 64% 64%, #ffe9e0 0, transparent 50%), radial-gradient(at 100% 0, #e5f7ff 0, transparent 50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 20px 30px;
    border-radius: 18px
}

@media screen and (max-width:1200px) {
    .explore-more-section .container .explore-more-box {
        width: 300px;
        padding: 20px
    }
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-box {
        height: 225px;
        width: 300px
    }
}

@media screen and (max-width:767px) {
    .explore-more-section .container .explore-more-box {
        height: auto;
        width: 100%;
        margin: 0
    }
}

.explore-more-section .container .explore-more-box h3 {
    font-family: GilroyBold, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    color: #000;
    margin-bottom: 15px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-box h3 {
        font-size: 22px;
        line-height: 26px
    }
}

.explore-more-section .container .explore-more-box .dribble-icon {
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 15px 14px 65px;
    width: 250px;
    height: auto;
    margin-bottom: 20px;
    background: #ffebe9;
    border-radius: 12px;
    opacity: 1;
    font-size: 20px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    color: #1d1e31
}

@media screen and (max-width:767px) {
    .explore-more-section .container .explore-more-box .dribble-icon {
        width: 100%
    }
}

.explore-more-section .container .explore-more-box .dribble-icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/Certificate-dribbbble.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 3px;
    width: 50px;
    height: 68px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-box .dribble-icon:before {
        top: 2px;
        width: 40px;
        height: 50px
    }
}

@media screen and (max-width:575px) {
    .explore-more-section .container .explore-more-box .dribble-icon:before {
        left: 0;
        top: 0
    }
}

.explore-more-section .container .explore-more-box .dribble-icon:hover:after {
    left: -1px;
    top: -1px;
    transition: .3s ease-in-out
}

@media screen and (max-width:575px) {
    .explore-more-section .container .explore-more-box .dribble-icon:hover:after {
        left: 0;
        top: 0
    }
}

.explore-more-section .container .explore-more-box .dribble-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px dashed rgba(0, 0, 0, .3);
    left: 5px;
    top: 2px;
    border-radius: 10px;
    transition: .3s ease-in-out
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-box .dribble-icon:after {
        left: 0;
        top: 0
    }
}

.explore-more-section .container .explore-more-box .dribble-icon:last-child {
    background: #eaf0f6;
    margin-bottom: 0
}

.explore-more-section .container .explore-more-box .dribble-icon:last-child:before {
    background-position: -50px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-box .dribble-icon:last-child:before {
        background-position: -35px
    }
}

.explore-more-section .container .explore-more-box .dribble-icon .ext-link {
    padding-left: 0;
    display: inline-flex;
    align-items: center
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-box .dribble-icon {
        font-size: 16px;
        padding-left: 50px
    }
}

.explore-more-section .container .explore-more-box:last-child {
    background: #eaf0f6;
    margin-bottom: 0
}

.explore-more-section .container .explore-more-box:last-child .dribble-icon:before {
    background-position: -50px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-box:last-child .dribble-icon:before {
        background-position: -35px
    }
}

.explore-more-section .container .explore-more-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}

.explore-more-section .container .explore-more-right .portfolio-stats {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 50px
}

@media screen and (max-width:1280px) {
    .explore-more-section .container .explore-more-right .portfolio-stats {
        gap: 40px
    }
}

@media screen and (max-width:1199px) {
    .explore-more-section .container .explore-more-right .portfolio-stats {
        gap: 20px
    }
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .portfolio-stats {
        column-gap: 40px;
        row-gap: 20px
    }
}

@media screen and (max-width:767px) {
    .explore-more-section .container .explore-more-right .portfolio-stats {
        column-gap: 20px
    }
}

.explore-more-section .container .explore-more-right .portfolio-stats .stats {
    width: calc(25% - 38px);
    border-bottom: 1px dotted #000;
    font-size: 16px;
    line-height: 30px;
    font-family: GilroyRegular, sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    color: #1d1e31;
    opacity: 1;
    padding-bottom: 10px
}

@media screen and (max-width:1280px) {
    .explore-more-section .container .explore-more-right .portfolio-stats .stats {
        width: calc(25% - 30px)
    }
}

@media screen and (max-width:1199px) {
    .explore-more-section .container .explore-more-right .portfolio-stats .stats {
        width: calc(25% - 15px)
    }
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .portfolio-stats .stats {
        width: calc(50% - 20px);
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width:767px) {
    .explore-more-section .container .explore-more-right .portfolio-stats .stats {
        width: calc(50% - 10px)
    }
}

.explore-more-section .container .explore-more-right .portfolio-stats .stats strong {
    font-family: GilroyBold, sans-serif;
    display: block;
    font-size: 42px;
    line-height: 58px;
    font-weight: 400;
    letter-spacing: .84px;
    color: #0d508e
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .portfolio-stats .stats strong {
        font-size: 32px;
        line-height: 42px
    }
}

@media screen and (max-width:580px) {
    .explore-more-section .container .explore-more-right .portfolio-stats .stats strong {
        font-size: 26px;
        line-height: 32px
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 50px
}

@media screen and (max-width:1280px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes {
        gap: 40px
    }
}

@media screen and (max-width:1199px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes {
        gap: 20px
    }
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes {
        gap: 30px;
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes {
        gap: 15px
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes li {
    width: calc(25% - 38px);
    background: #eaf0f6;
    border-radius: 16px
}

@media screen and (max-width:1280px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li {
        width: calc(25% - 30px)
    }
}

@media screen and (max-width:1199px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li {
        width: calc(25% - 15px)
    }
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:767px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li {
        width: calc(50% - 8px)
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes li .plate-text {
    cursor: pointer;
    position: relative;
    padding: 15px 15px 15px 55px;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    line-height: 30px;
    font-family: GilroySemiBold, sans-serif;
    letter-spacing: 0;
    color: #000
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li .plate-text {
        font-size: 18px;
        line-height: 22px;
        padding-left: 50px
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes li .plate-text picture {
    line-height: 14px;
    margin-top: 5px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li .plate-text picture {
        margin-top: 3px
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes li .plate-text:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 10px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/Certificate-dribbbble.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -86px;
    width: 40px;
    height: 50px;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li .plate-text:after {
        font-size: 18px;
        line-height: 22px;
        background-position: -68px;
        width: 35px;
        height: 40px
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(2) {
    background: #ffebe9
}

.explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(2) .plate-text:after {
    background-position: -130px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(2) .plate-text:after {
        background-position: -102px
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(3) {
    background: #e8f0ff
}

.explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(3) .plate-text:after {
    background-position: -175px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(3) .plate-text:after {
        background-position: -137px
    }
}

.explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(4) {
    background: #ffebe9
}

.explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(4) .plate-text:after {
    background-position: -220px
}

@media screen and (max-width:991px) {
    .explore-more-section .container .explore-more-right .home-platform-boxes li:nth-child(4) .plate-text:after {
        background-position: -175px
    }
}

.development-platforms {
    position: relative
}

.development-platforms .container {
    position: relative;
    z-index: 1
}

@media screen and (max-width:767px) {
    .development-platforms .container {
        max-width: 100%
    }
}

.development-platforms .grey-overlay {
    position: absolute;
    width: 100%;
    height: 60%;
    background-color: rgba(0, 0, 0, .05);
    top: 50%;
    transform: translateY(-50%)
}

.development-platforms .card {
    padding: 0;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .1215686275);
    border-radius: 0 150px 0 0;
    max-width: 1100px;
    margin: 0 auto;
    border: none
}

@media screen and (max-width:991px) {
    .development-platforms .card {
        box-shadow: 0 5px 35px rgba(0, 0, 0, .1215686275);
        border-radius: 0 100px 0 0
    }
}

@media screen and (max-width:600px) {
    .development-platforms .card {
        border-radius: 0 50px 0 0
    }
}

.development-platforms .card .card-top {
    padding: 80px 75px 40px;
    position: relative;
    background-color: #fff;
    border-radius: 0 150px 0 0
}

@media screen and (max-width:991px) {
    .development-platforms .card .card-top {
        border-radius: 0 100px 0 0;
        padding: 60px 30px 30px
    }
}

@media screen and (max-width:600px) {
    .development-platforms .card .card-top {
        border-radius: 0 50px 0 0;
        padding: 50px 20px 15px
    }
}

.development-platforms .card .card-top h3 {
    position: absolute;
    background: #333;
    font-size: 24px;
    line-height: 45px;
    font-family: GilroySemiBold, sans-serif;
    letter-spacing: 1.2px;
    top: -25px;
    width: 160px;
    height: 45px;
    left: 75px;
    color: #fff;
    text-align: center
}

@media screen and (max-width:991px) {
    .development-platforms .card .card-top h3 {
        font-size: 22px;
        line-height: 43px;
        width: 150px;
        height: 40px
    }
}

@media screen and (max-width:575px) {
    .development-platforms .card .card-top h3 {
        font-size: 22px;
        line-height: 40px;
        width: 140px;
        height: 38px;
        left: 45px
    }
}

@media screen and (max-width:480px) {
    .development-platforms .card .card-top h3 {
        left: 30px
    }
}

.development-platforms .card .card-top h3:after {
    content: "";
    top: 100%;
    left: 30px;
    position: absolute;
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 22px 24px 0 2px;
    pointer-events: none
}

@media screen and (max-width:600px) {
    .development-platforms .card .card-top h3:after {
        border-width: 18px 20px 0 2px
    }
}

.development-platforms .card .card-top picture {
    display: block
}

.development-platforms .card .card-top picture img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.development-platforms .card .card-bottom {
    background-color: #489bc2;
    padding: 50px 15px 80px;
    position: relative;
    text-align: center
}

@media screen and (max-width:991px) {
    .development-platforms .card .card-bottom {
        padding: 40px 15px 60px
    }
}

@media screen and (max-width:575px) {
    .development-platforms .card .card-bottom {
        padding: 30px
    }
}

@media screen and (max-width:480px) {
    .development-platforms .card .card-bottom {
        padding: 24px
    }
}

.development-platforms .card .card-bottom h3 {
    font-size: 36px;
    line-height: 1.2;
    font-family: GilroyRegular, sans-serif;
    letter-spacing: 1.44px;
    color: #fff;
    margin: 0
}

@media screen and (max-width:767px) {
    .development-platforms .card .card-bottom h3 {
        font-size: 36px
    }
}

@media screen and (max-width:575px) {
    .development-platforms .card .card-bottom h3 {
        font-size: 32px;
        margin-bottom: 20px
    }
}

.development-platforms .card .card-bottom .btn-grp {
    position: absolute;
    width: 100%;
    bottom: -25px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 20px
}

@media screen and (max-width:575px) {
    .development-platforms .card .card-bottom .btn-grp {
        flex-wrap: wrap;
        position: relative;
        bottom: 0
    }
}

@media screen and (min-width:991px) {

    .development-platforms .card .card-bottom .btn-grp .explore:focus,
    .development-platforms .card .card-bottom .btn-grp .explore:focus-within {
        color: #000
    }

    .development-platforms .card .card-bottom .btn-grp .explore:hover:focus {
        color: #fff
    }
}

.development-platforms .card .card-bottom .btn-grp a {
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    border-radius: 10px;
    border: none;
    height: 58px;
    padding: 0 25px;
    background-color: hsla(0, 0%, 100%, .902);
    font-size: 18px;
    line-height: 54px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
    overflow: hidden;
    display: inline-flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .development-platforms .card .card-bottom .btn-grp a {
        font: normal normal normal 16px/25px GilroyBold, sans-serif;
        font-size: 16px;
        line-height: 25px
    }
}

@media screen and (max-width:575px) {
    .development-platforms .card .card-bottom .btn-grp a {
        display: inline-flex;
        align-items: center;
        text-align: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 10px 15px
    }
}

.development-platforms .card .card-bottom .btn-grp a:focus,
.development-platforms .card .card-bottom .btn-grp a:hover {
    color: #fff;
    transition: color .3s ease-in-out
}

@media screen and (max-width:990px) {

    .development-platforms .card .card-bottom .btn-grp a:focus,
    .development-platforms .card .card-bottom .btn-grp a:hover {
        color: #fff;
        background: #000;
        transition: all .3s ease 0s
    }
}

.development-platforms .card .card-bottom .btn-grp a i {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 13px
}

@media screen and (max-width:575px) {
    .development-platforms .card .card-bottom .btn-grp a i {
        margin-left: 10px
    }
}

.development-platforms .card .card-bottom .btn-grp a.orange {
    background: #0d508e;
    color: #fff
}

@media screen and (min-width:991px) {

    .development-platforms .card .card-bottom .btn-grp a.orange:focus,
    .development-platforms .card .card-bottom .btn-grp a.orange:focus-within {
        color: #fff
    }

    .development-platforms .card .card-bottom .btn-grp a.orange:hover:focus {
        color: #000
    }
}

.development-platforms .card .card-bottom .btn-grp a.orange:hover {
    color: #000;
    transition: .3s ease-in-out
}

@media screen and (max-width:990px) {
    .development-platforms .card .card-bottom .btn-grp a.orange:hover {
        color: #000;
        background: #fff;
        transition: all .3s ease 0s
    }
}

.development-platforms .card .card-bottom .btn-grp a.orange:before {
    background: #fff
}

.cmarix-testimonials {
    background-color: #fff;
    background-image: radial-gradient(at 36% 63%, #e5f7ff 0, transparent 50%), radial-gradient(at 15% 77%, #e5f7ff 0, transparent 50%), radial-gradient(at 12% 25%, #ffe8db 0, transparent 50%), radial-gradient(at 43% 12%, #f5feff 0, transparent 50%), radial-gradient(at 64% 64%, #ffe9e0 0, transparent 50%), radial-gradient(at 100% 0, #e5f7ff 0, transparent 50%);
    padding: 80px 0;
    margin-top: 80px
}

@media screen and (max-width:1280px) {
    .cmarix-testimonials {
        padding: 60px 0;
        margin-top: 60px
    }
}

@media screen and (max-width:1024px) {
    .cmarix-testimonials {
        padding: 50px 0;
        margin-top: 50px
    }
}

@media screen and (max-width:767px) {
    .cmarix-testimonials {
        padding: 40px 0 0;
        margin-top: 40px
    }
}

@media screen and (max-width:480px) {
    .cmarix-testimonials {
        position: relative
    }
}

.cmarix-testimonials .testimonial-head {
    position: relative;
    z-index: 0;
    margin-bottom: 48px
}

@media screen and (max-width:1280px) {
    .cmarix-testimonials .testimonial-head {
        margin-bottom: 40px
    }
}

@media screen and (max-width:1024px) {
    .cmarix-testimonials .testimonial-head {
        margin-bottom: 30px
    }
}

@media screen and (max-width:480px) {
    .cmarix-testimonials .testimonial-head {
        position: unset
    }
}

.cmarix-testimonials .testimonial-head h2,
.cmarix-testimonials .testimonial-head h3 {
    line-height: 1.35;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0
}

@media(min-width:992px) {

    .cmarix-testimonials .testimonial-head h2,
    .cmarix-testimonials .testimonial-head h3 {
        font-size: 32px
    }
}

@media(min-width:1280px) {

    .cmarix-testimonials .testimonial-head h2,
    .cmarix-testimonials .testimonial-head h3 {
        font-size: 38px
    }
}

@media(min-width:1450px) {

    .cmarix-testimonials .testimonial-head h2,
    .cmarix-testimonials .testimonial-head h3 {
        font-size: 40px
    }
}

@media(max-width:992px) {

    .cmarix-testimonials .testimonial-head h2,
    .cmarix-testimonials .testimonial-head h3 {
        font-size: 28px
    }
}

@media(max-width:767px) {

    .cmarix-testimonials .testimonial-head h2,
    .cmarix-testimonials .testimonial-head h3 {
        font-size: 26px
    }
}

.cmarix-testimonials .testimonial-head .bubble-title {
    position: relative;
    background-color: #000;
    color: #fff;
    font-size: 24px;
    line-height: 51px;
    font-family: GilroyRegular, sans-serif;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 32px;
    padding: 0 20px;
    letter-spacing: .48px
}

@media screen and (max-width:1280px) {
    .cmarix-testimonials .testimonial-head .bubble-title {
        font-size: 22px;
        line-height: 48px;
        margin-bottom: 25px
    }
}

@media screen and (max-width:767px) {
    .cmarix-testimonials .testimonial-head .bubble-title {
        font-size: 20px;
        line-height: 46px;
        margin-bottom: 20px
    }
}

.cmarix-testimonials .testimonial-head .bubble-title:after {
    content: "";
    position: absolute;
    bottom: -21px;
    left: 60px;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 22px 24px 0 2px
}

.cmarix-testimonials .testimonial-head .view_all_blog {
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin-right: 0
}

@media screen and (max-width:991px) {
    .cmarix-testimonials .testimonial-head .view_all_blog {
        bottom: 5px
    }
}

@media screen and (max-width:480px) {
    .cmarix-testimonials .testimonial-head .view_all_blog {
        bottom: 40px;
        left: 0;
        right: 0;
        width: fit-content;
        margin: 0 auto;
        z-index: 1
    }
}

@media screen and (max-width:480px) {
    .cmarix-testimonials .testimonial-head .view_all_blog i {
        position: relative;
        z-index: 1
    }
}

@media screen and (max-width:480px) {
    .cmarix-testimonials .testimonial-head .view_all_blog:after {
        z-index: -1
    }
}

.cmarix-testimonials .testimonial-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

@media(max-width:991px) {
    .cmarix-testimonials .testimonial-list {
        flex-wrap: nowrap;
        overflow: auto;
        padding: 0 15px 40px;
        margin: 0 -15px
    }
}

@media(max-width:480px) {
    .cmarix-testimonials .testimonial-list {
        padding: 0 15px 100px
    }
}

.cmarix-testimonials .testimonial-list .testimonial-box {
    position: relative;
    background: hsla(0, 0%, 100%, .8) 0 0 no-repeat padding-box;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .051);
    border-radius: 20px;
    padding: 30px 30px 60px;
    flex: 0 0 calc(42% - 8px)
}

.cmarix-testimonials .testimonial-list .testimonial-box:first-child,
.cmarix-testimonials .testimonial-list .testimonial-box:last-child {
    flex: 0 0 calc(58% - 8px)
}

@media(max-width:991px) {

    .cmarix-testimonials .testimonial-list .testimonial-box,
    .cmarix-testimonials .testimonial-list .testimonial-box:first-child,
    .cmarix-testimonials .testimonial-list .testimonial-box:last-child {
        flex: 0 0 80%
    }
}

@media(max-width:575px) {
    .cmarix-testimonials .testimonial-list .testimonial-box {
        padding: 20px;
        flex: 0 0 95%
    }

    .cmarix-testimonials .testimonial-list .testimonial-box:first-child,
    .cmarix-testimonials .testimonial-list .testimonial-box:last-child {
        flex: 0 0 95%
    }
}

@media(max-width:480px) {
    .cmarix-testimonials .testimonial-list .testimonial-box .testimonial-body {
        padding-top: 0
    }
}

.cmarix-testimonials .testimonial-list .testimonial-box img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .0509803922);
    border: 2px solid #fff;
    border-radius: 60px;
    min-width: 70px
}

.cmarix-testimonials .testimonial-list .testimonial-box h3 {
    font-size: 17px;
    line-height: 30px;
    font-family: GilroySemiBold, sans-serif;
    letter-spacing: 0;
    color: #1e1e1e;
    margin-bottom: 0
}

.cmarix-testimonials .testimonial-list .testimonial-box h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #4a4b49;
    margin-bottom: 0
}

.cmarix-testimonials .testimonial-list .testimonial-box h4 span {
    color: #295e76;
    margin-right: 10px
}

.cmarix-testimonials .testimonial-list .testimonial-box .align-at-bottom {
    position: absolute;
    bottom: 30px
}

@media(max-width:575px) {
    .cmarix-testimonials .testimonial-list .testimonial-box .align-at-bottom {
        position: relative;
        bottom: 0
    }
}

.cmarix-testimonials .testimonial-list .testimonial-box p {
    position: relative;
    letter-spacing: 0;
    color: #000;
    margin: 30px 0 20px
}

@media(max-width:767px) {
    .cmarix-testimonials .testimonial-list .testimonial-box p {
        margin: 20px 0 10px
    }
}

@media(max-width:576px) {
    .cmarix-testimonials .testimonial-list .testimonial-box p {
        margin: 20px 0
    }
}

.cmarix-testimonials .testimonial-list .testimonial-box .testimonial-profile {
    align-items: center;
    display: flex;
    gap: 20px
}

@media screen and (max-width:767px) {
    .cmarix-testimonials .testimonial-list .testimonial-box .testimonial-profile {
        gap: 15px
    }
}

.our-clients {
    padding: 70px 0;
    position: relative
}

.our-clients .blog_section_title {
    font-family: GilroyBold, sans-serif;
    font-size: 40px;
    line-height: 1.35;
    padding-bottom: 50px;
    margin-bottom: 0;
    font-weight: 400
}

@media screen and (max-width:1280px) {
    .our-clients .blog_section_title {
        font-size: 38px;
        padding-bottom: 40px
    }
}

@media screen and (max-width:1024px) {
    .our-clients .blog_section_title {
        font-size: 36px;
        padding-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    .our-clients .blog_section_title {
        font-size: 32px;
        padding-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .our-clients .blog_section_title {
        font-size: 28px
    }
}

@media screen and (max-width:991px) {
    .our-clients {
        padding: 50px 0
    }
}

@media screen and (max-width:767px) {
    .our-clients {
        padding: 40px 0;
        margin-top: 0
    }

    .our-clients .container {
        max-width: 100%
    }
}

@media screen and (max-width:600px) {
    .our-clients {
        margin-top: 0
    }
}

.clients-image {
    display: block;
    text-align: center
}

.clients-image img {
    width: 100%
}

.industires {
    overflow: hidden;
    position: relative
}

.industires.domain-indus {
    padding: 20px 0 0;
    position: relative
}

@media screen and (max-width:767px) {
    .industires.domain-indus {
        padding: 20px 0 80px
    }
}

@media screen and (max-width:767px) {
    .industires.domain-indus .upper_right {
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0;
        text-align: center
    }
}

.industires-image {
    text-align: right
}

.industires-image img {
    width: 100%
}

@media screen and (min-width:600px) {
    .industires-image {
        margin-right: calc(-50vw + 75% + 90px)
    }
}

@media screen and (min-width:768px) {
    .industires-image {
        margin-right: calc(-50vw + 75% + 60px)
    }
}

@media screen and (min-width:992px) {
    .industires-image {
        margin-right: calc(-50vw + 75% + 70px)
    }
}

@media screen and (min-width:1200px) {
    .industires-image {
        margin-right: calc(-50vw + 75% + 80px)
    }
}

@media screen and (min-width:1600px) {
    .industires-image {
        margin-right: calc(-50vw + 75% + 100px)
    }
}

.top-content {
    margin-bottom: 50px
}

@media screen and (max-width:1024px) {
    .top-content {
        margin-bottom: 30px
    }
}

.top-content p {
    margin-bottom: 0
}

.link-list li+li {
    margin-top: 15px
}

@media screen and (min-width:1600px) {
    .link-list li+li {
        margin-top: 3vh
    }
}

@media screen and (min-width:600px)and (max-width:767px) {
    .link-list li+li {
        margin-top: 10px
    }
}

.link-list li.active a {
    color: #000;
    transition: .3s ease-in-out
}

.link-list li.active a:before,
.link-list li .link-list li.active a:before {
    opacity: 1;
    transition: .3s ease-in-out
}

.link-list li:hover a {
    color: #000;
    transition: .3s ease-in-out
}

.link-list li:hover a:before {
    opacity: 1;
    transition: .3s ease-in-out
}

@media screen and (max-width:767px) {

    .link-list li.active a,
    .link-list li a {
        color: #555;
        transition: .3s ease-in-out;
        padding-left: 30px
    }

    .link-list li.active a:before,
    .link-list li a:before {
        width: 20px;
        height: 3px;
        opacity: .8;
        transition: .3s ease-in-out;
        top: 50%;
        transform: translateY(-50%)
    }
}

.link-list a {
    font: normal normal normal 32px/50px GilroyRegular, sans-serif;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .3);
    padding-left: 50px;
    display: inline-block;
    position: relative;
    transition: .3s ease-in-out
}

@media screen and (max-width:1024px) {
    .link-list a {
        font: normal normal normal 28px/1.5 GilroyRegular, sans-serif
    }
}

@media screen and (max-width:767px) {
    .link-list a {
        font: normal normal normal 24px/1.5 GilroyRegular, sans-serif
    }
}

@media screen and (min-width:600px)and (max-width:767px) {
    .link-list a {
        font: normal normal normal 18px/1.5 GilroyRegular, sans-serif
    }
}

.link-list a:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 7px;
    background-color: #000;
    border-radius: 10px;
    opacity: 0;
    left: 0;
    top: 50%;
    transition: .3s ease-in-out;
    transform: translateY(-50%)
}

@media screen and (max-width:767px) {
    .link-list a:before {
        top: 15px
    }
}

@media screen and (min-width:600px)and (max-width:767px) {
    .link-list a:before {
        height: 5px
    }
}

.blog_upper {
    margin-bottom: 25px
}

.view_all_blog i {
    margin-left: 15px
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details .blog_category,
.our-blogs-section .blogs-listing .blog_item .blog-info-wrap:hover .post-title a,
.view_all_blog:hover {
    color: #0d508e
}

.footer-3>.container,
.footer-container>.container {
    background: url(https://www.bharatdigitalseva.com/assets/images/footer/footer-map.webp) right 49px no-repeat
}

.icon {
    font-family: industry-icons
}

@font-face {
    font-family: industry-icons;
    src: url(https://www.bharatdigitalseva.com/assets/fonts/website-icons/industry-icons.woff?1b3q5o=) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" c-ico-"],
[class^=c-ico-] {
    font-family: industry-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.c-ico-fd-biometric-secure:before {
    content: "\ea0a"
}

.c-ico-blockchain-crypto:before {
    content: "\ea0b"
}

.c-ico-th-api:before {
    content: "\e900"
}

.c-ico-th-apts:before {
    content: "\e901"
}

.c-ico-th-asbt:before {
    content: "\e902"
}

.c-ico-th-big-data:before {
    content: "\e903"
}

.c-ico-th-brs:before {
    content: "\e904"
}

.c-ico-th-cms:before {
    content: "\e905"
}

.c-ico-th-cyber-sec:before {
    content: "\e906"
}

.c-ico-th-dts:before {
    content: "\e907"
}

.c-ico-th-mla:before {
    content: "\e908"
}

.c-ico-th-mtls:before {
    content: "\e909"
}

.c-ico-th-pos:before {
    content: "\e90a"
}

.c-ico-th-tad:before {
    content: "\e90b"
}

.c-ico-th-tbs:before {
    content: "\e90c"
}

.c-ico-th-trms2:before {
    content: "\e90d"
}

.c-ico-th-vrms:before {
    content: "\e90e"
}

.c-ico-sec-arms:before {
    content: "\e90f"
}

.c-ico-sec-ass:before {
    content: "\e910"
}

.c-ico-sec-css:before {
    content: "\e911"
}

.c-ico-sec-cti:before {
    content: "\e912"
}

.c-ico-sec-irfs:before {
    content: "\e913"
}

.c-ico-sec-mss:before {
    content: "\e914"
}

.c-ico-sec-owasp:before {
    content: "\e915"
}

.c-ico-sec-saas:before {
    content: "\e916"
}

.c-ico-sec-sca:before {
    content: "\e917"
}

.c-ico-sec-sdsc:before {
    content: "\e918"
}

.c-ico-sec-slp:before {
    content: "\e919"
}

.c-ico-sec-sp-cms:before {
    content: "\e91a"
}

.c-ico-sec-ssd:before {
    content: "\e91b"
}

.c-ico-sec-sst:before {
    content: "\e91c"
}

.c-ico-sec-vat:before {
    content: "\e91d"
}

.c-ico-sec-ztai:before {
    content: "\e91e"
}

.c-ico-app-dev:before {
    content: "\e91f"
}

.c-ico-cms-dev:before {
    content: "\e920"
}

.c-ico-enter-dev:before {
    content: "\e921"
}

.c-ico-erp-foft-dev:before {
    content: "\e922"
}

.c-ico-hoa-manage:before {
    content: "\e923"
}

.c-ico-invest-soft-dev:before {
    content: "\e924"
}

.c-ico-lease-manage:before {
    content: "\e925"
}

.c-ico-metaverse:before {
    content: "\e926"
}

.c-ico-mls-soft-dev:before {
    content: "\e927"
}

.c-ico-prop-manage:before {
    content: "\e928"
}

.c-ico-tech-cons:before {
    content: "\e929"
}

.c-ico-vendor-manage:before {
    content: "\e92a"
}

.c-ico-od-bsa:before {
    content: "\e92b"
}

.c-ico-od-cwa:before {
    content: "\e92c"
}

.c-ico-od-dad:before {
    content: "\e92d"
}

.c-ico-od-delapp:before {
    content: "\e92e"
}

.c-ico-od-fca:before {
    content: "\e92f"
}

.c-ico-od-fda:before {
    content: "\e930"
}

.c-ico-od-gda:before {
    content: "\e931"
}

.c-ico-od-geoloc:before {
    content: "\e932"
}

.c-ico-od-had:before {
    content: "\e933"
}

.c-ico-od-home-serv:before {
    content: "\e934"
}

.c-ico-od-laundry-app:before {
    content: "\e935"
}

.c-ico-od-rideshare:before {
    content: "\e936"
}

.c-ico-od-tad:before {
    content: "\e937"
}

.c-ico-og-ama:before {
    content: "\e938"
}

.c-ico-og-amsd:before {
    content: "\e939"
}

.c-ico-og-analy:before {
    content: "\e93a"
}

.c-ico-og-bcs:before {
    content: "\e93b"
}

.c-ico-og-big-data:before {
    content: "\e93c"
}

.c-ico-og-cms:before {
    content: "\e93d"
}

.c-ico-og-cyber:before {
    content: "\e93e"
}

.c-ico-og-drill:before {
    content: "\e93f"
}

.c-ico-og-fdca:before {
    content: "\e940"
}

.c-ico-og-geo:before {
    content: "\e941"
}

.c-ico-og-hse:before {
    content: "\e942"
}

.c-ico-og-lims:before {
    content: "\e943"
}

.c-ico-og-pm-oa:before {
    content: "\e944"
}

.c-ico-og-pms:before {
    content: "\e945"
}

.c-ico-og-rm3:before {
    content: "\e946"
}

.c-ico-og-rssd:before {
    content: "\e947"
}

.c-ico-og-smsd:before {
    content: "\e948"
}

.c-ico-man-bi:before {
    content: "\e949"
}

.c-ico-man-crm:before {
    content: "\e94a"
}

.c-ico-man-ems:before {
    content: "\e94b"
}

.c-ico-man-emss:before {
    content: "\e94c"
}

.c-ico-man-erp-mrp:before {
    content: "\e94d"
}

.c-ico-man-es:before {
    content: "\e94e"
}

.c-ico-man-ims:before {
    content: "\e94f"
}

.c-ico-man-mrp:before {
    content: "\e950"
}

.c-ico-man-oms:before {
    content: "\e951"
}

.c-ico-man-pms:before {
    content: "\e952"
}

.c-ico-man-pts:before {
    content: "\e953"
}

.c-ico-man-qms:before {
    content: "\e954"
}

.c-ico-man-scms:before {
    content: "\e955"
}

.c-ico-man-sp:before {
    content: "\e956"
}

.c-ico-man-ss:before {
    content: "\e957"
}

.c-ico-gps-tech:before {
    content: "\e958"
}

.c-ico-log-cia:before {
    content: "\e959"
}

.c-ico-log-ffs:before {
    content: "\e95a"
}

.c-ico-log-fms:before {
    content: "\e95b"
}

.c-ico-log-ios:before {
    content: "\e95c"
}

.c-ico-log-oms:before {
    content: "\e95d"
}

.c-ico-log-ros:before {
    content: "\e95e"
}

.c-ico-log-sa:before {
    content: "\e95f"
}

.c-ico-log-scms:before {
    content: "\e960"
}

.c-ico-log-tms:before {
    content: "\e961"
}

.c-ico-ms-el:before {
    content: "\e962"
}

.c-ico-ware-tms:before {
    content: "\e963"
}

.c-ico-athl-perf-track:before {
    content: "\e964"
}

.c-ico-biometric:before {
    content: "\e965"
}

.c-ico-club-manage:before {
    content: "\e966"
}

.c-ico-club-manage-soft:before {
    content: "\e967"
}

.c-ico-data-manage:before {
    content: "\e968"
}

.c-ico-equip-soft:before {
    content: "\e969"
}

.c-ico-fan-sport-dev:before {
    content: "\e96a"
}

.c-ico-golf-soft-tech:before {
    content: "\e96b"
}

.c-ico-memb-manage:before {
    content: "\e96c"
}

.c-ico-perf-analysis:before {
    content: "\e96d"
}

.c-ico-sport-app-dev:before {
    content: "\e96e"
}

.c-ico-spot-on-demand:before {
    content: "\e96f"
}

.c-ico-tracker-soft:before {
    content: "\e970"
}

.c-ico-broker-manage:before {
    content: "\e971"
}

.c-ico-claims-manage:before {
    content: "\e972"
}

.c-ico-com-ins:before {
    content: "\e973"
}

.c-ico-fraud-analysis:before {
    content: "\e974"
}

.c-ico-inc-doc-manage:before {
    content: "\e975"
}

.c-ico-inc-risk-manage:before {
    content: "\e976"
}

.c-ico-ins-ana-strategic:before {
    content: "\e977"
}

.c-ico-ins-comp-scal:before {
    content: "\e978"
}

.c-ico-ins-quote:before {
    content: "\e979"
}

.c-ico-mob-ins:before {
    content: "\e97a"
}

.c-ico-omni-ins:before {
    content: "\e97b"
}

.c-ico-pay-soft-ins:before {
    content: "\e97c"
}

.c-ico-stream-workflow:before {
    content: "\e97d"
}

.c-ico-big-data:before {
    content: "\e97e"
}

.c-ico-billing-payment:before {
    content: "\e97f"
}

.c-ico-com-sol:before {
    content: "\e980"
}

.c-ico-crm-software:before {
    content: "\e981"
}

.c-ico-crypto-cur:before {
    content: "\e982"
}

.c-ico-cyber-sec:before {
    content: "\e983"
}

.c-ico-digi-pay:before {
    content: "\e984"
}

.c-ico-digi-wallet:before {
    content: "\e985"
}

.c-ico-ele-platforms:before {
    content: "\e986"
}

.c-ico-fin-plan-manage:before {
    content: "\e987"
}

.c-ico-int-crm:before {
    content: "\e988"
}

.c-ico-iot-enabled:before {
    content: "\e989"
}

.c-ico-loan-manage:before {
    content: "\e98a"
}

.c-ico-mobile-banking:before {
    content: "\e98b"
}

.c-ico-pricing-manage:before {
    content: "\e98c"
}

.c-ico-treasury:before {
    content: "\e98d"
}

.c-ico-ai:before {
    content: "\e98e"
}

.c-ico-analytics-consulting:before {
    content: "\e98f"
}

.c-ico-ar-vr-sol:before {
    content: "\e990"
}

.c-ico-bi:before {
    content: "\e991"
}

.c-ico-block-chain:before {
    content: "\e992"
}

.c-ico-cloud-medical:before {
    content: "\e993"
}

.c-ico-comp-pricing:before {
    content: "\e994"
}

.c-ico-exp-team:before {
    content: "\e995"
}

.c-ico-flexible-eng:before {
    content: "\e996"
}

.c-ico-integration:before {
    content: "\e997"
}

.c-ico-iot-solutions:before {
    content: "\e998"
}

.c-ico-link-arrow:before {
    content: "\e999"
}

.c-ico-quick-delivery:before {
    content: "\e99a"
}

.c-ico-sec-compliance:before {
    content: "\e99b"
}

.c-ico-software-dev:before {
    content: "\e99c"
}

.c-ico-sup-quality:before {
    content: "\e99d"
}

.c-ico-trans-pro:before {
    content: "\e99e"
}

.c-ico-web-dev:before {
    content: "\e99f"
}

.c-ico-fd-beverage:before {
    content: "\e9a0"
}

.c-ico-fd-emp:before {
    content: "\e9a1"
}

.c-ico-fd-ims:before {
    content: "\e9a2"
}

.c-ico-fd-km2s:before {
    content: "\e9a3"
}

.c-ico-fd-manag:before {
    content: "\e9a4"
}

.c-ico-fd-o2dp:before {
    content: "\e9a5"
}

.c-ico-fd-pos:before {
    content: "\e9a6"
}

.c-ico-fd-reserve:before {
    content: "\e9a7"
}

.c-ico-fd-safety:before {
    content: "\e9a8"
}

.c-ico-fd-sanitation:before {
    content: "\e9a9"
}

.c-ico-fd-sctt:before {
    content: "\e9aa"
}

.c-ico-fd-va-se:before {
    content: "\e9ab"
}

.c-ico-rest-app:before {
    content: "\e9ac"
}

.c-ico-rest-mms:before {
    content: "\e9ad"
}

.c-ico-chatbots-dev:before {
    content: "\e9ae"
}

.c-ico-digi-adv:before {
    content: "\e9af"
}

.c-ico-ent-cloud-comp:before {
    content: "\e9b0"
}

.c-ico-ent-erp:before {
    content: "\e9b1"
}

.c-ico-ent-med-app:before {
    content: "\e9b2"
}

.c-ico-ent-mob:before {
    content: "\e9b3"
}

.c-ico-live-stream:before {
    content: "\e9b4"
}

.c-ico-music-stream:before {
    content: "\e9b5"
}

.c-ico-ott:before {
    content: "\e9b6"
}

.c-ico-smart-tv:before {
    content: "\e9b7"
}

.c-ico-soc-med-net:before {
    content: "\e9b8"
}

.c-ico-tick-book:before {
    content: "\e9b9"
}

.c-ico-vid-edit:before {
    content: "\e9ba"
}

.c-ico-vid-share:before {
    content: "\e9bb"
}

.c-ico-ear-portals:before {
    content: "\e9bc"
}

.c-ico-ear-soft-mod:before {
    content: "\e9bd"
}

.c-ico-edu-cct:before {
    content: "\e9be"
}

.c-ico-edu-game:before {
    content: "\e9bf"
}

.c-ico-edu-lxp:before {
    content: "\e9c0"
}

.c-ico-edu-tec-cons:before {
    content: "\e9c1"
}

.c-ico-kms:before {
    content: "\e9c2"
}

.c-ico-lms-dev:before {
    content: "\e9c3"
}

.c-ico-mob-learn:before {
    content: "\e9c4"
}

.c-ico-mvp-dev:before {
    content: "\e9c5"
}

.c-ico-sms:before {
    content: "\e9c6"
}

.c-ico-vir-class:before {
    content: "\e9c7"
}

.c-ico-bill-retail:before {
    content: "\e9c8"
}

.c-ico-ecom-app:before {
    content: "\e9c9"
}

.c-ico-ecom-arvr:before {
    content: "\e9ca"
}

.c-ico-ecom-cloud-comp:before {
    content: "\e9cb"
}

.c-ico-ecom-crm:before {
    content: "\e9cc"
}

.c-ico-ecom-micro:before {
    content: "\e9cd"
}

.c-ico-ecom-mig:before {
    content: "\e9ce"
}

.c-ico-ecom-pgi:before {
    content: "\e9cf"
}

.c-ico-ecom-pwa:before {
    content: "\e9d0"
}

.c-ico-ecom-rsd:before {
    content: "\e9d1"
}

.c-ico-erp-crm:before {
    content: "\e9d2"
}

.c-ico-sc-log:before {
    content: "\e9d3"
}

.c-ico-store-market:before {
    content: "\e9d4"
}

.c-ico-vc:before {
    content: "\e9d5"
}

.c-ico-warehouse-inv:before {
    content: "\e9d6"
}

.c-ico-air-taxi:before {
    content: "\e9d7"
}

.c-ico-ships-cruises:before {
    content: "\e9d8"
}

.c-ico-taxi-auto:before {
    content: "\e9d9"
}

.c-ico-taxi-bike:before {
    content: "\e9da"
}

.c-ico-taxi-carpool:before {
    content: "\e9db"
}

.c-ico-taxi-carrental:before {
    content: "\e9dc"
}

.c-ico-taxi-corp:before {
    content: "\e9dd"
}

.c-ico-taxi-dispatch:before {
    content: "\e9de"
}

.c-ico-taxi-fms:before {
    content: "\e9df"
}

.c-ico-taxi-limo:before {
    content: "\e9e0"
}

.c-ico-taxi-ml:before {
    content: "\e9e1"
}

.c-ico-taxi-rsa:before {
    content: "\e9e2"
}

.c-ico-taxi-tsp:before {
    content: "\e9e3"
}

.c-ico-taxi-virtual:before {
    content: "\e9e4"
}

.c-ico-adv-analytics:before {
    content: "\e9e5"
}

.c-ico-ai-aIaas:before {
    content: "\e9e6"
}

.c-ico-ai-chatbots:before {
    content: "\e9e7"
}

.c-ico-ai-cmd:before {
    content: "\e9e8"
}

.c-ico-ai-consult:before {
    content: "\e9e9"
}

.c-ico-ai-enterprise:before {
    content: "\e9ea"
}

.c-ico-ai-face-rec:before {
    content: "\e9eb"
}

.c-ico-ai-gener:before {
    content: "\e9ec"
}

.c-ico-ai-mlf:before {
    content: "\e9ed"
}

.c-ico-ai-mvp:before {
    content: "\e9ee"
}

.c-ico-ai-nlp:before {
    content: "\e9ef"
}

.c-ico-aiot-sol:before {
    content: "\e9f0"
}

.c-ico-ai-product:before {
    content: "\e9f1"
}

.c-ico-ai-rpa:before {
    content: "\e9f2"
}

.c-ico-ai-security:before {
    content: "\e9f3"
}

.c-ico-ai-sol:before {
    content: "\e9f4"
}

.c-ico-auto-sol:before {
    content: "\e9f5"
}

.c-ico-int-reco:before {
    content: "\e9f6"
}

.c-ico-agr-ai-ml:before {
    content: "\e9f7"
}

.c-ico-agr-analy-ins:before {
    content: "\e9f8"
}

.c-ico-agr-auto-int:before {
    content: "\e9f9"
}

.c-ico-agr-bigdata:before {
    content: "\e9fa"
}

.c-ico-agr-blockchain:before {
    content: "\e9fb"
}

.c-ico-agr-data-analytic:before {
    content: "\e9fc"
}

.c-ico-agr-erp:before {
    content: "\e9fd"
}

.c-ico-agr-farm:before {
    content: "\e9fe"
}

.c-ico-agr-fms:before {
    content: "\e9ff"
}

.c-ico-agr-gis:before {
    content: "\ea00"
}

.c-ico-agr-ind-farm:before {
    content: "\ea01"
}

.c-ico-agr-iot:before {
    content: "\ea02"
}

.c-ico-agr-live:before {
    content: "\ea03"
}

.c-ico-agr-robot:before {
    content: "\ea04"
}

.c-ico-agr-smart-farm:before {
    content: "\ea05"
}

.c-ico-agr-smart-green:before {
    content: "\ea06"
}

.c-ico-agr-smart-soft:before {
    content: "\ea07"
}

.c-ico-analy-yield:before {
    content: "\ea08"
}

.c-ico-weat-pred:before {
    content: "\ea09"
}

.technology-stack-sec .technology-boxs .tech-box ul li a img {
    width: 32px
}

.technology-stack-sec .technology-boxs .tech-box.backend-list {
    flex: 0 0 100%;
    max-width: 100%
}

.domains-infocus-boxes li a span i,
.domains-infocus-boxes li a span img {
    width: 62px;
    height: 62px;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    color: #000
}

.our-mission-tech .our-boxes {
    gap: 20px 18px
}

@media screen and (max-width:991px) {
    .our-mission-tech .our-mission-tech-box {
        width: calc(50% - 9px)
    }
}

.our-mission-tech .our-mission-tech-box:first-child,
.our-mission-tech .our-mission-tech-box:last-child {
    width: calc(50% - 9px)
}

@media screen and (max-width:991px) {

    .our-mission-tech .our-mission-tech-box:first-child,
    .our-mission-tech .our-mission-tech-box:last-child {
        width: 100%
    }
}

.aligncenter,
.zigzeg-row {
    align-items: center
}

.zigzeg-row {
    display: flex;
    gap: 0 30px;
    flex-wrap: wrap
}

.zigzeg-row .zig-left {
    width: calc(50% - 15px)
}

@media screen and (max-width:767px) {
    .zigzeg-row .zig-left {
        width: 100%;
        text-align: center
    }
}

.zigzeg-row .zig-right {
    width: calc(50% - 15px)
}

@media screen and (max-width:767px) {
    .zigzeg-row .zig-right {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .contact-section+.domains-expertise-section {
        padding-top: 30px !important
    }
}

@media screen and (max-width:767px) {
    .contact-section+.domains-expertise-section {
        padding-top: 25px !important
    }
}

@media screen and (max-width:991px) {
    .steps_engage_section+.project-start-wrap {
        padding: 30px 0 !important
    }
}

@media screen and (max-width:767px) {
    .steps_engage_section+.project-start-wrap {
        padding: 25px 0 !important
    }
}

@media screen and (max-width:991px) {
    .project-start-wrap+.steps_engage_section {
        padding-top: 20px
    }
}

@media screen and (max-width:767px) {
    .project-start-wrap+.steps_engage_section {
        padding-top: 10px
    }
}

.anmtn-element+.cmr-query {
    margin: 80px 0 40px
}

@media(max-width:991px) {
    .anmtn-element+.cmr-query {
        margin: 60px 0 30px
    }
}

@media(max-width:767px) {
    .anmtn-element+.cmr-query {
        margin: 50px 0 25px
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    background-color: #fff;
    color: #212529;
    font-family: Segoe UI, Roboto, Helvetica Neue, Arial;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

.img-fluid {
    height: auto;
    max-width: 100%
}

.d-flex {
    display: flex !important
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.align-items-stretch {
    align-items: stretch
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem
}

.container,
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.m-auto {
    margin: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.cursor-default {
    cursor: default !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media(min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

.form-inline {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

@media(min-width:576px) {
    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group,
    .form-inline label {
        align-items: center;
        display: flex;
        margin-bottom: 0
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file-input {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 2
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.form-control:focus {
    background-color: #fff;
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    color: #495057;
    outline: 0
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    scroll-behavior: smooth
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Oswald-Bold.woff2) format("woff2"), url(../fonts/Oswald-Bold.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: GilroyLight;
    src: url(../fonts/Gilroy-Light.woff2) format("woff2"), url(../fonts/Gilroy-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GilroyRegular;
    src: url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GilroyMedium;
    src: url(../fonts/medium.woff2) format("woff2"), url(../fonts/medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GilroySemiBold;
    src: url(../fonts/semibold.woff2) format("woff2"), url(../fonts/semibold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GilroyBold;
    src: url(../fonts/bold.woff2) format("woff2"), url(../fonts/bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    color: #1d1e31;
    overflow-x: hidden;
    padding: 0 !important
}

img {
    height: auto;
    width: auto;
    max-width: 100%
}

.pb-20 {
    padding-bottom: 20px !important
}

.pt-80 {
    padding-top: 80px !important
}

@media(max-width:991px) {
    .pt-80 {
        padding-top: 60px !important
    }
}

@media(max-width:767px) {
    .pt-80 {
        padding-top: 50px !important
    }
}

.pb-80 {
    padding-bottom: 80px !important
}

@media(max-width:991px) {
    .pb-80 {
        padding-bottom: 60px !important
    }
}

@media(max-width:767px) {
    .pb-80 {
        padding-bottom: 50px !important
    }
}

.mx-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

@media(max-width:991px) {
    .mx-40 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }
}

@media(max-width:767px) {
    .mx-40 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }
}

.mt-40 {
    margin-top: 40px !important
}

@media(max-width:991px) {
    .mt-40 {
        margin-top: 30px !important
    }
}

@media(max-width:767px) {
    .mt-40 {
        margin-top: 25px !important
    }
}

.mb-40 {
    margin-bottom: 40px !important
}

@media(max-width:991px) {
    .mb-40 {
        margin-bottom: 30px !important
    }
}

@media(max-width:767px) {
    .mb-40 {
        margin-bottom: 25px !important
    }
}

.m-pt-40 {
    padding-top: 0 !important
}

@media(max-width:991px) {
    .m-pt-40 {
        padding-top: 40px !important
    }
}

@media(max-width:767px) {
    .m-pt-40 {
        padding-top: 25px !important
    }
}

.m-pb-40 {
    padding-bottom: 40px !important
}

@media(max-width:991px) {
    .m-pb-40 {
        padding-bottom: 20px !important
    }
}

@media(max-width:767px) {
    .m-pb-40 {
        padding-bottom: 10px !important
    }
}

.px-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

@media(max-width:991px) {
    .px-40 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
}

@media(max-width:767px) {
    .px-40 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
}

.pt-40 {
    padding-top: 40px !important
}

@media(max-width:991px) {
    .pt-40 {
        padding-top: 30px !important
    }
}

@media(max-width:767px) {
    .pt-40 {
        padding-top: 25px !important
    }
}

.pb-40 {
    padding-bottom: 40px !important
}

@media(max-width:991px) {
    .pb-40 {
        padding-bottom: 30px !important
    }
}

@media(max-width:767px) {
    .pb-40 {
        padding-bottom: 25px !important
    }
}

.benefit_row {
    padding-top: 50px
}

.mandetorysign {
    font-family: GilroyRegular;
    font-size: 20px;
    line-height: 10px;
    color: #ff6060
}

.container.rd-container-qua {
    max-width: 1800px
}

@media(min-width:1600px) {
    .container {
        max-width: 1440px
    }
}

.container {
    max-width: 1242px;
    margin: 0 auto
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    color: #1d1e31;
    transition: all .1s ease 0s
}

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

a:hover {
    color: #0d508e
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

p b,
p strong {
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 700
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.text-center {
    text-align: center !important
}

.overflow-hidden {
    overflow: hidden !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.nowrap {
    flex-wrap: nowrap !important
}

.scrollToTop {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    color: #fff;
    padding: 0;
    outline: 0;
    z-index: 99;
    bottom: 125px;
    right: 34px;
    position: fixed;
    font-size: 28px;
    background: #0d508e;
    border: 0;
    cursor: pointer
}

.scrollToTop,
.scrollToTop:hover {
    -webkit-transition: .35s;
    transition: .35s
}

.scrollToTop:hover {
    background: #000
}

@media screen and (max-width:991px) {
    .scrollToTop {
        bottom: 95px;
        background: rgb(13 80 142 / 40%) !important;
    }
}

.scrollToTop svg {
    height: 18px;
    width: 18px
}

.btn.focus,
.btn:focus {
    box-shadow: none;
    outline: 0
}

@media screen and (min-width:991px) {
    .hvr-shutter-out-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, #f93 33.3%, #fff 0 66.6%, #138808 66.6%);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal:hover {
        color: #0d508e
    }

    .hvr-shutter-out-horizontal:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .hvr-shutter-out-horizontal-orange {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal-orange:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 10px;
        background: #0d508e;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal-orange:hover {
        color: #fff
    }

    .hvr-shutter-out-horizontal-orange:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .hvr-shutter-out-horizontal-black {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .hvr-shutter-out-horizontal-black:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 10px;
        background: #000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal-black:hover {
        color: #fff !important
    }

    .hvr-shutter-out-horizontal-black:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.large-btn {
    min-width: 200px;
    height: 50px;
    border-radius: 0;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 99;
    line-height: 1;
    left: 0;
    top: 0;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .5s cubic-bezier(.91, .01, .6, .99) !important;
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none;
    line-height: 1.5
}

@media screen and (max-width:1366px) {
    .large-btn {
        padding: 14px 25px !important;
        min-width: 160px;
        height: 44px;
        line-height: 1.2
    }
}

.btn {
    border-radius: 10px;
    padding: 14px 35px;
    background-color: hsla(0, 0%, 100%, .46);
    transition: all .3s
}

.btn.btn-w-icon {
    padding-right: 22px
}

.btn:hover,
.primary-btn {
    background: #0d508e;
    color: #fff
}

.primary-btn {
    width: fit-content;
    min-width: 200px;
    height: 60px;
    border-radius: 10px;
    border: none;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    overflow: hidden;
    outline: none !important;
    transition: all .3s ease 0s
}

.primary-btn i {
    font-size: 24px;
    margin-left: 10px
}

@media screen and (max-width:990px) {
    .primary-btn:hover {
        background: #000;
        color: #fff
    }
}

@media screen and (max-width:767px) {
    .primary-btn {
        height: 50px
    }
}

.secondary-btn {
    min-width: 200px;
    height: 60px;
    border-radius: 10px;
    background: transparent;
    border: 2px solid #001033;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #001033;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    overflow: hidden;
    outline: none !important;
    transition: all .3s ease 0s
}

.secondary-btn i {
    font-size: 24px;
    margin-left: 5px
}

@media screen and (max-width:990px) {
    .secondary-btn:hover {
        background: #001033;
        color: #001033
    }
}

@media screen and (max-width:767px) {
    .secondary-btn {
        height: 50px
    }
}

.orange-btn {
    background: #0d508e;
    color: #fff;
    min-width: 265px
}

.orange-btn img {
    float: right
}

.cmr-outline-btn {
    min-width: 200px;
    max-width: fit-content;
    max-width: -webkit-fit-content;
    height: 60px;
    border-radius: 10px;
    background: transparent;
    border: 0 dotted #0d508e;
    box-shadow: 0 3px 26px rgb(13 80 142/50%);
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #0d508e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    overflow: hidden;
    outline: none !important;
    transition: all .3s ease 0s
}

.cmr-outline-btn i {
    font-size: 24px;
    margin-left: 15px
}

@media screen and (max-width:990px) {
    .cmr-outline-btn:hover {
        background: linear-gradient(180deg, #f93 33.3%, #fff 0 66.6%, #138808 66.6%) !important;
        color: #fff
    }
}

@media screen and (max-width:767px) {
    .cmr-outline-btn {
        height: 50px
    }

    .cmr-outline-btn i {
        margin-left: 10px
    }
}

@media screen and (max-width:576px) {
    .cmr-outline-btn {
        padding: 10px 20px
    }
}

.cmr-solid-btn {
    width: fit-content;
    width: -moz-fit-content;
    min-width: 200px;
    height: 60px;
    border-radius: 10px;
    background: #0d508e;
    border: none;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    overflow: hidden;
    outline: none !important;
    transition: all .3s ease 0s
}

.cmr-solid-btn i {
    font-size: 24px;
    margin-left: 10px
}

@media screen and (max-width:990px) {
    .cmr-solid-btn:hover {
        background: #000;
        color: #fff
    }
}

@media screen and (max-width:767px) {
    .cmr-solid-btn {
        height: 50px;
        padding: 0 15px
    }
}

.cmr-solid-btn-w {
    min-width: 200px;
    height: 60px;
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    overflow: hidden;
    outline: none !important;
    text-align: center;
    transition: all .3s ease 0s
}

.cmr-solid-btn-w i {
    font-size: 24px
}

@media screen and (max-width:990px) {
    .cmr-solid-btn-w:hover {
        background: #000;
        color: #fff
    }
}

@media screen and (max-width:767px) {
    .cmr-solid-btn-w {
        height: 50px
    }
}

.hirecta-primary-btn {
    width: 100%;
    height: 41px;
    border-radius: 10px;
    background: #0d508e;
    border: none;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    overflow: hidden;
    outline: none !important;
    transition: all .3s ease 0s;
    position: relative
}

.hirecta-primary-btn i {
    font-size: 24px;
    padding-left: 10px
}

@media screen and (max-width:990px) {
    .hirecta-primary-btn:hover {
        background: #000;
        color: #fff
    }
}

.hirecta-primary-btn .btnloader {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0d508e;
    text-align: center;
    z-index: 1;
    border-radius: 10px
}

.hirecta-primary-btn .btnloader:before {
    content: "";
    background: url(https://www.bharatdigitalseva.com/assets/images/loader-img.png) no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-animation: spin 1.1s linear infinite;
    -moz-animation: spin 1.1s linear infinite;
    animation: spin 1.1s linear infinite
}

@media screen and (max-width:767px) {
    .hirecta-primary-btn .btnloader:before {
        height: 28px;
        width: 28px
    }
}

@media screen and (max-width:600px) {
    .left-sq {
        position: relative
    }
}

.left-sq:before {
    content: "";
    position: absolute;
    left: 0;
    background-size: 180px;
    width: 107px;
    height: 270px;
    background-position: 100%
}

@media screen and (max-width:600px) {
    .left-sq:before {
        width: 50px;
        height: 50px;
        top: 0
    }
}

.right-sq {
    position: relative
}

.right-sq:before {
    top: 0;
    content: "";
    position: absolute;
    right: 0;
    background-size: 180px;
    width: 107px;
    height: 270px;
    background-position: 100%;
    transform: rotate(180deg)
}

@media screen and (max-width:600px) {
    .right-sq:before {
        background-size: 90px;
        width: 50px;
        height: 80px
    }
}

.left-cq {
    left: -220px
}

.left-cq,
.right-cq {
    width: 341px;
    height: 332px;
    background: #fff;
    opacity: .24;
    filter: drop-shadow(0 3px 36px rgba(0, 0, 0, .16));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.right-cq {
    right: -220px
}

@media screen and (max-width:1279px) {
    .right-cq {
        display: none
    }
}

.CookieConsent {
    justify-content: center !important
}

.CookieConsent>div {
    flex: inherit !important
}

.has-float-label {
    display: block;
    position: relative
}

.has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px
}

.has-float-label label:after {
    content: " ";
    display: block;
    position: absolute;
    background: transparent;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1
}

.has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px
}

.has-float-label>span:after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1
}

.has-float-label .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 150%;
    opacity: .5;
    top: .3em
}

.input-group .has-float-label {
    display: table-cell
}

.input-group .has-float-label .form-control {
    border-radius: .25rem
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.has-float-label input::placeholder {
    opacity: 0
}

.has-float-label input:focus-visible::placeholder,
.has-float-label input:focus-within::placeholder,
.has-float-label input:focus::placeholder {
    opacity: 1
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    outline: none
}

.topdown {
    animation: mover 2s cubic-bezier(.76, 0, .3, 1) infinite alternate
}

.icon {
    font-family: website-icons
}

i {
    font-style: inherit
}

@font-face {
    font-family: website-icons;
    src: url(../fonts/website-icons/website-icons.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" c-icon-"],
[class^=c-icon-] {
    font-family: website-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.c-icon-about:before {
    content: "\e901"
}

.c-icon-global:before {
    content: "\e926"
}

.c-icon-testimonials:before {
    content: "\e95e"
}

.c-icon-certificates:before {
    content: "\e90d"
}

.c-icon-engagement:before {
    content: "\e91b"
}

.c-icon-infrastructure:before {
    content: "\e92a"
}

.c-icon-career:before {
    content: "\e90c"
}

.c-icon-confidentiality:before {
    content: "\e910"
}

.c-icon-leverage-stability:before {
    content: "\e932"
}

.c-icon-lifeatcmarix:before {
    content: "\e933"
}

.c-icon-starred-message:before {
    content: "\e95a"
}

.c-icon-enterprise-software:before {
    content: "\e91c"
}

.c-icon-mobile-app:before {
    content: "\e93d"
}

.c-icon-web-no-code-development:before {
    content: "\e968"
}

.c-icon-ecommerce:before {
    content: "\e918"
}

.c-icon-business-intelligence:before {
    content: "\e90b"
}

.c-icon-frontend-ipad-responsive:before {
    content: "\e924"
}

.c-icon-backend:before {
    content: "\e908"
}

.c-icon-mvp:before {
    content: "\e941"
}

.c-icon-ux-design:before {
    content: "\e963"
}

.c-icon-machine-learning:before {
    content: "\e935"
}

.c-icon-food-delivery-app:before {
    content: "\e922"
}

.c-icon-travel:before {
    content: "\e960"
}

.c-icon-qa-software-testing:before {
    content: "\e950"
}

.c-icon-mobile-testing:before {
    content: "\e93f"
}

.c-icon-support-maintenance:before {
    content: "\e95c"
}

.c-icon-seo:before {
    content: "\e955"
}

.c-icon-smo:before {
    content: "\e957"
}

.c-icon-content-marketing:before {
    content: "\e912"
}

.c-icon-logistic-shipping:before {
    content: "\e934"
}

.c-icon-payment-integration:before {
    content: "\e949"
}

.c-icon-social-networking:before {
    content: "\e958"
}

.c-icon-it-consulting:before {
    content: "\e92f"
}

.c-icon-odc:before {
    content: "\e944"
}

.c-icon-product-auditing:before {
    content: "\e94c"
}

.c-icon-startup:before {
    content: "\e95b"
}

.c-icon-salesforce-saas:before {
    content: "\e953"
}

.c-icon-saas:before {
    content: "\e96e"
}

.c-icon-ios:before {
    content: "\e92d"
}

.c-icon-android:before {
    content: "\e904"
}

.c-icon-iot:before {
    content: "\e92e"
}

.c-icon-ott:before {
    content: "\e947"
}

.c-icon-flutter:before {
    content: "\e921"
}

.c-icon-ionic:before {
    content: "\e92c"
}

.c-icon-react:before {
    content: "\e951"
}

.c-icon-pwa:before {
    content: "\e94f"
}

.c-icon-xamarian:before {
    content: "\e96b"
}

.c-icon-angular:before {
    content: "\e905"
}

.c-icon-nodejs:before {
    content: "\e943"
}

.c-icon-vuejs:before {
    content: "\e965"
}

.c-icon-kotlin:before {
    content: "\e930"
}

.c-icon-expressjs:before {
    content: "\e91f"
}

.c-icon-drupal:before {
    content: "\e917"
}

.c-icon-webflow:before {
    content: "\e967"
}

.c-icon-laravel:before {
    content: "\e931"
}

.c-icon-yii:before {
    content: "\e96c"
}

.c-icon-symfony:before {
    content: "\e95d"
}

.c-icon-zend:before {
    content: "\e96d"
}

.c-icon-codeigniter:before {
    content: "\e90e"
}

.c-icon-magento:before {
    content: "\e936"
}

.c-icon-shopify:before {
    content: "\e956"
}

.c-icon-woocommerce:before {
    content: "\e969"
}

.c-icon-wordpress:before {
    content: "\e96a"
}

.c-icon-design-prototyping:before {
    content: "\e915"
}

.c-icon-psd-to-html:before {
    content: "\e94e"
}

.c-icon-dotnet:before {
    content: "\e916"
}

.c-icon-mvc:before {
    content: "\e940"
}

.c-icon-ar:before {
    content: "\e906"
}

.c-icon-vr:before {
    content: "\e964"
}

.c-icon-meteorjs:before {
    content: "\e93a"
}

.c-icon-amplify-studio:before {
    content: "\e903"
}

.c-icon-amplify-cli:before {
    content: "\e902"
}

.c-icon-mean-mern-stack:before {
    content: "\e937"
}

.c-icon-full-stack:before {
    content: "\e925"
}

.c-icon-php:before {
    content: "\e94a"
}

.c-icon-aws:before {
    content: "\e907"
}

.c-icon-onsite-developers:before {
    content: "\e946"
}

.c-icon-mobile:before {
    content: "\e93c"
}

.c-icon-industry:before {
    content: "\e929"
}

.c-icon-ecommerce-industry:before {
    content: "\e919"
}

.c-icon-healthcare-industry:before {
    content: "\e927"
}

.c-icon-media:before {
    content: "\e938"
}

.c-icon-finance:before {
    content: "\e920"
}

.c-icon-insurance:before {
    content: "\e92b"
}

.c-icon-security:before {
    content: "\e954"
}

.c-icon-education:before {
    content: "\e91a"
}

.c-icon-real-estate:before {
    content: "\e952"
}

.c-icon-sports:before {
    content: "\e959"
}

.c-icon-agritech:before {
    content: "\e909"
}

.c-icon-food-industry:before {
    content: "\e923"
}

.c-icon-our-approach:before {
    content: "\e948"
}

.c-icon-offshore-development:before {
    content: "\e945"
}

.c-icon-mission-driven-team:before {
    content: "\e93b"
}

.c-icon-competitive-pricing:before {
    content: "\e90f"
}

.c-icon-hybrid-model:before {
    content: "\e928"
}

.c-icon-customer-centric:before {
    content: "\e914"
}

.c-icon-total-ownership:before {
    content: "\e95f"
}

.c-icon-confidentiality-and-security:before {
    content: "\e911"
}

.c-icon-turnkey-services:before {
    content: "\e961"
}

.c-icon-no-charge:before {
    content: "\e942"
}

.c-icon-experts:before {
    content: "\e91e"
}

.c-icon-mobile-app-projects:before {
    content: "\e93e"
}

.c-icon-projects-completed:before {
    content: "\e94d"
}

.c-icon-experience:before {
    content: "\e91d"
}

.c-icon-meet-team:before {
    content: "\e939"
}

.c-icon-blog:before {
    content: "\e90a"
}

.c-icon-uber:before {
    content: "\e962"
}

.c-icon-web-developer:before {
    content: "\e966"
}

.c-icon-cross:before {
    content: "\e913"
}

.c-icon-portfolio:before {
    content: "\e94b"
}

.c-icon-bullet:before {
    content: "\e96f"
}

.c-icon-ambience:before {
    content: "\e970"
}

.c-icon-buddypress:before {
    content: "\e971"
}

.c-icon-figma:before {
    content: "\e972"
}

.c-icon-microsoft:before {
    content: "\e973"
}

.c-icon-migration:before {
    content: "\e974"
}

.c-icon-multi-tenant:before {
    content: "\e975"
}

.c-icon-no-code:before {
    content: "\e976"
}

.c-icon-optimization:before {
    content: "\e977"
}

.c-icon-theme:before {
    content: "\e978"
}

.c-icon-time-left:before {
    content: "\e979"
}

.c-icon-wpf:before {
    content: "\e97a"
}

.c-icon-blockchain:before {
    content: "\e97b"
}

.c-icon-dotnot-core:before {
    content: "\e97c"
}

.c-icon-graphic-designers:before {
    content: "\e97d"
}

.c-icon-shopware:before {
    content: "\e97e"
}

.c-icon-native-app:before {
    content: "\e97f"
}

.c-icon-award:before {
    content: "\e980"
}

.c-icon-cms-development:before {
    content: "\e981"
}

.c-icon-content-promotion:before {
    content: "\e982"
}

.c-icon-crm:before {
    content: "\e983"
}

.c-icon-cross-platform:before {
    content: "\e984"
}

.c-icon-cycle-app:before {
    content: "\e985"
}

.c-icon-laminas-webapp:before {
    content: "\e986"
}

.c-icon-machine-learning-alt:before {
    content: "\e987"
}

.c-icon-swift:before {
    content: "\e988"
}

.c-icon-access-worldwide:before {
    content: "\e989"
}

.c-icon-brand-awareness:before {
    content: "\e98a"
}

.c-icon-custom-2d-and-3d-animation:before {
    content: "\e98b"
}

.c-icon-integration:before {
    content: "\e98c"
}

.c-icon-regular-monitoring:before {
    content: "\e98d"
}

.c-icon-seo-audit:before {
    content: "\e98e"
}

.c-icon-social-media-advertising:before {
    content: "\e98f"
}

.c-icon-engagement-alt:before {
    content: "\e900"
}

.c-icon-network:before {
    content: "\e990"
}

.c-icon-arrow-right:before {
    content: "\e991"
}

.c-icon-python:before {
    content: "\e992"
}

.c-icon-surveillance:before {
    content: "\e993"
}

.c-icon-bulb:before {
    content: "\e994"
}

.c-icon-database:before {
    content: "\e995"
}

.c-icon-developer:before {
    content: "\e996"
}

.c-icon-arrow-down:before {
    content: "\e997"
}

.c-icon-facebook:before {
    content: "\e998"
}

.c-icon-x:before {
    content: "\e999"
}

.c-icon-linkedin:before {
    content: "\e99a"
}

.c-icon-youtube:before {
    content: "\e99b"
}

.c-icon-dribbble:before {
    content: "\e99c"
}

.c-icon-instagram:before {
    content: "\e99d"
}

.c-icon-behance:before {
    content: "\e99e"
}

.c-icon-qa-otd:before {
    content: "\e99f"
}

.c-icon-award-com:before {
    content: "\e9a0"
}

.c-icon-conf-nda:before {
    content: "\e9a1"
}

.c-icon-effec-price:before {
    content: "\e9a2"
}

.c-icon-exc-cust-sup:before {
    content: "\e9a3"
}

.c-icon-prof-it-infra:before {
    content: "\e9a5"
}

.c-icon-pos-env:before {
    content: "\e9a6"
}

.c-icon-ref-prog:before {
    content: "\e9a7"
}

.c-icon-week-5days:before {
    content: "\e9a8"
}

.c-icon-adv-resources:before {
    content: "\e9a9"
}

.c-icon-fun-connect:before {
    content: "\e9aa"
}

.c-icon-onsite-oppor:before {
    content: "\e9ab"
}

.c-icon-oil-gas:before {
    content: "\e9a4"
}

.c-icon-taxi-app:before {
    content: "\e9ac"
}

.c-icon-ai-soft:before {
    content: "\e9ad"
}

.c-icon-hospitality:before {
    content: "\e9ae"
}

.c-icon-manufacturing:before {
    content: "\e9af"
}

.c-icon-firewall:before {
    content: "\e9b0"
}

.c-icon-web-search:before {
    content: "\e9b1"
}

.c-icon-internet:before {
    content: "\e9b2"
}

.c-icon-net-sys:before {
    content: "\e9b3"
}

.c-icon-pantry-area:before {
    content: "\e9b4"
}

.c-icon-regular:before {
    content: "\e9b5"
}

.c-icon-sec-net:before {
    content: "\e9b6"
}

.c-icon-mob-app:before {
    content: "\e9b7"
}

.c-icon-book-call:before {
    content: "\e9b8"
}

.c-icon-quote:before {
    content: "\e9b9"
}

.c-icon-our-work:before {
    content: "\e9ba"
}

.c-icon-like:before {
    content: "\e9bb"
}

.c-icon-heart:before {
    content: "\e9bc"
}

.c-icon-cmarix:before {
    content: "\e9bd"
}

.c-icon-feather:before {
    content: "\e9be"
}

.c-icon-client-approach:before {
    content: "\e9bf"
}

.c-icon-nlp:before {
    content: "\e9c0"
}

.c-icon-skill-prof:before {
    content: "\e9c1"
}

.c-icon-client-satisfaction:before {
    content: "\e9c2"
}

.c-icon-intuitive-flexible:before {
    content: "\e9c3"
}

.c-icon-agile-methodology:before {
    content: "\e9c4"
}

.c-icon-mtls:before {
    content: "\e9c5"
}

.c-icon-sec-compliance:before {
    content: "\e9c6"
}

.c-icon-ai-gener:before {
    content: "\e9c7"
}

.c-icon-identify-candidates:before {
    content: "\e9c8"
}

.c-icon-share-needs:before {
    content: "\e9c9"
}

.c-icon-hourly-hire:before {
    content: "\e9ca"
}

.c-icon-full-hours:before {
    content: "\e9cb"
}

.c-icon-part-time:before {
    content: "\e9cc"
}

.c-icon-risk-management:before {
    content: "\e9cf"
}

.c-icon-api-integration:before {
    content: "\e9cd"
}

.c-icon-payment-processing:before {
    content: "\e9ce"
}

.c-icon-dynamics365-icon:before {
    content: "\e9d6"
}

.c-icon-banking-icon:before {
    content: "\e9d7"
}

* {
    outline: none
}

@media print {
    html {
        display: none
    }
}

.modal-body iframe {
    max-width: 100%
}

.overflow-hide {
    overflow-x: hidden
}

img:not([src]):not([srcset]) {
    visibility: hidden
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5
}

.full_width {
    width: 100%
}

.get-center {
    margin: 0 auto !important
}

.pt-60 {
    padding-top: 60px
}

@media screen and (max-width:991px) {
    .pt-60 {
        padding-top: 30px
    }
}

@media screen and (max-width:767px) {
    .pt-60 {
        padding-top: 30px
    }
}

.pb-60 {
    padding-bottom: 60px
}

@media screen and (max-width:991px) {
    .pb-60 {
        padding-bottom: 40px
    }
}

@media screen and (max-width:767px) {
    .pb-60 {
        padding-bottom: 30px
    }
}

.pt-100 {
    padding-top: 100px
}

@media screen and (max-width:1024px) {
    .pt-100 {
        padding-top: 50px
    }
}

.pb-100 {
    padding-bottom: 100px
}

@media screen and (max-width:1024px) {
    .pb-100 {
        padding-bottom: 50px
    }
}

.font-14 {
    font-size: 16px
}

.mb-100 {
    margin-bottom: 100px
}

@media screen and (max-width:600px) {
    .mb-100 {
        margin-bottom: 50px
    }
}

.custom-gap-20 {
    gap: 80px 0
}

@media screen and (max-width:991px) {
    .custom-gap-20 {
        gap: 50px 0
    }
}

@media screen and (max-width:767px) {
    .custom-gap-20 {
        gap: 30px 0
    }
}

.mini-container {
    max-width: 1000px !important;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.sec-tag-lines span {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
    line-height: 2;
    text-align: left;
    position: relative;
    color: #000;
    padding-left: 60px
}

@media screen and (max-width:600px) {
    .sec-tag-lines span {
        line-height: 1.7;
        margin-left: 0;
        display: block;
        padding-left: 45px
    }
}

@media screen and (max-width:575px) {
    .sec-tag-lines span {
        margin-left: 0
    }
}

.sec-tag-lines span:before {
    content: "";
    height: 2px;
    width: 40px;
    position: absolute;
    left: 0;
    background-color: #001033;
    top: 10px
}

@media screen and (max-width:600px) {
    .sec-tag-lines span:before {
        top: 12px;
        width: 30px
    }
}

.sec-tag-lines h1,
.sec-tag-lines h2,
.sec-tag-lines h3 {
    font-family: GilroyBold, sans-serif;
    line-height: 1.35;
    font-weight: 400;
    text-align: left;
    color: #001033;
    position: relative
}

@media(min-width:992px) {

    .sec-tag-lines h1,
    .sec-tag-lines h2,
    .sec-tag-lines h3 {
        font-size: 32px
    }
}

@media(min-width:1280px) {

    .sec-tag-lines h1,
    .sec-tag-lines h2,
    .sec-tag-lines h3 {
        font-size: 38px
    }
}

@media(min-width:1450px) {

    .sec-tag-lines h1,
    .sec-tag-lines h2,
    .sec-tag-lines h3 {
        font-size: 40px
    }
}

@media(max-width:992px) {

    .sec-tag-lines h1,
    .sec-tag-lines h2,
    .sec-tag-lines h3 {
        font-size: 28px
    }
}

@media(max-width:767px) {

    .sec-tag-lines h1,
    .sec-tag-lines h2,
    .sec-tag-lines h3 {
        font-size: 26px
    }
}

@media screen and (max-width:600px) {

    .sec-tag-lines h1,
    .sec-tag-lines h2,
    .sec-tag-lines h3 {
        padding-left: 0;
        padding-right: 0
    }
}

.sec-tag-lines h3.visitors-to-customers {
    line-height: 1.35;
    font-family: GilroyBold, sans-serif;
    padding-left: 0 !important;
    padding-right: 0
}

@media(min-width:992px) {
    .sec-tag-lines h3.visitors-to-customers {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .sec-tag-lines h3.visitors-to-customers {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .sec-tag-lines h3.visitors-to-customers {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .sec-tag-lines h3.visitors-to-customers {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .sec-tag-lines h3.visitors-to-customers {
        font-size: 26px
    }
}

.sec-tag-lines p {
    color: #1e1e1e;
    font-size: 16px;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 400;
    margin-bottom: 30px
}

b,
strong {
    font-family: GilroyBold, sans-serif;
    font-weight: 400
}

.sec-description b,
.sec-description strong {
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 700
}

.sec-description h3 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.3;
    color: #001033;
    margin: 20px 0 12px
}

.sec-description h3:first-child {
    margin-top: 0
}

.sec-description h3:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1280px) {
    .sec-description h3 {
        font-size: 20px
    }
}

@media screen and (max-width:992px) {
    .sec-description h3 {
        font-size: 18px
    }
}

.sec-description h5 {
    color: #1e1e1e;
    font-size: 18px;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 25px
}

@media screen and (max-width:600px) {
    .sec-description {
        flex-wrap: wrap;
        margin-top: 30px
    }
}

.sec-description .sec-desc-title {
    position: relative;
    margin-bottom: 12px
}

.sec-description .sec-desc-title h4,
.sec-description .sec-desc-title h6 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    width: 200px;
    font-size: 20px;
    line-height: 56px;
    text-align: left;
    color: #001033;
    margin-right: 30px;
    margin-left: 27px;
    background-color: #fff;
    position: relative;
    padding-left: 15px
}

@media screen and (max-width:600px) {

    .sec-description .sec-desc-title h4,
    .sec-description .sec-desc-title h6 {
        width: 100%
    }
}

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

    .sec-description .sec-desc-title h4,
    .sec-description .sec-desc-title h6 {
        margin-left: 20px;
        width: 220px
    }
}

.sec-description .sec-desc-title h3 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    width: auto;
    font-size: 20px;
    line-height: 53px;
    text-align: left;
    color: #001033;
    margin-right: 30px;
    margin-left: 26px;
    background-color: #fff;
    position: relative;
    padding-left: 15px
}

@media screen and (max-width:600px) {
    .sec-description .sec-desc-title h3 {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .sec-description .sec-desc-title h3 {
        margin-left: 20px;
        width: 250px;
        line-height: 37px
    }
}

.sec-description .sec-desc-title:before {
    content: "";
    background-color: #a0e4d5;
    width: 51px;
    height: 51px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width:768px) {
    .sec-description .sec-desc-title:before {
        content: "";
        background-color: #a0e4d5;
        width: 42px;
        height: 36px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0
    }
}

.sec-description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    color: #4e4d4e;
    margin-bottom: 16px
}

@media screen and (max-width:991px) {
    .sec-description p {
        margin-top: 5px
    }
}

@media screen and (max-width:767px) {
    .sec-description p {
        font-size: 16px
    }
}

.sec-description p a {
    color: #0d508e
}

.sec-description p a:hover {
    color: #001033
}

.sec-description .secDesList {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #001033;
    margin-bottom: 18px
}

.sec-description .secDesList:last-child {
    margin-bottom: 0
}

.sec-description .secDesList li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 13px
}

.sec-description .secDesList li:last-child {
    margin-bottom: 0
}

.sec-description .secDesList li:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 2px;
    border-radius: 20px;
    background: #0d508e
}

.sec-description .secDesList a {
    color: #0d508e
}

@media screen and (max-width:767px) {
    .sec-description .secDesList {
        font-size: 16px
    }
}

.sec-description-button {
    width: 100%;
    margin-top: 50px
}

@media screen and (max-width:1440px) {
    .sec-description-button {
        margin: 50px 0
    }
}

@media screen and (max-width:1200px) {
    .sec-description-button {
        margin: 20px 0
    }
}

.sec-description-button .primary-btn {
    max-width: max-content;
    height: 60px;
    margin: 0 auto;
    border-radius: 10px;
    background: #0d508e;
    border: none;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .09);
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    overflow: hidden;
    outline: none !important;
    transition: all .3s ease 0s
}

@media screen and (max-width:990px) {
    .sec-description-button .primary-btn:hover {
        background: #000;
        color: #fff
    }
}

.sec-title {
    position: relative;
    z-index: 1
}

.sec-title p {
    color: #1e1e1e;
    font-size: 16px;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0
}

.sec-title span {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
    line-height: 2;
    text-align: left;
    position: relative;
    color: #000;
    padding-left: 60px
}

@media screen and (max-width:767px) {
    .sec-title span {
        padding-left: 45px
    }
}

@media screen and (max-width:480px) {
    .sec-title span {
        padding-left: 40px
    }
}

.sec-title span:before {
    content: "";
    height: 2px;
    width: 40px;
    position: absolute;
    left: 0;
    background-color: #001033;
    top: 9px
}

@media screen and (max-width:767px) {
    .sec-title span:before {
        width: 35px
    }
}

@media screen and (max-width:480px) {
    .sec-title span:before {
        width: 30px
    }
}

.sec-title h2,
.sec-title h3 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 1.2 !important;
    margin-bottom: 0;
    color: #001033;
    line-height: 1.35
}

@media(min-width:992px) {

    .sec-title h2,
    .sec-title h3 {
        font-size: 32px
    }
}

@media(min-width:1280px) {

    .sec-title h2,
    .sec-title h3 {
        font-size: 38px
    }
}

@media(min-width:1450px) {

    .sec-title h2,
    .sec-title h3 {
        font-size: 40px
    }
}

@media(max-width:992px) {

    .sec-title h2,
    .sec-title h3 {
        font-size: 28px
    }
}

@media(max-width:767px) {

    .sec-title h2,
    .sec-title h3 {
        font-size: 26px
    }
}

@media screen and (max-width:991px) {

    .sec-title h2,
    .sec-title h3 {
        line-height: 1.3 !important
    }
}

.mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.better_outcome .sec-tag-lines h2,
.better_outcome .sec-tag-lines h3 {
    font-family: GilroySemiBold, sans-serif;
    font-size: calc(18px + (1580vw - 5056px)/1600);
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    color: #001033;
    position: relative;
    padding-left: 0
}

@media screen and (max-width:576px) {

    .better_outcome .sec-tag-lines h2,
    .better_outcome .sec-tag-lines h3 {
        font-size: 22px
    }
}

.better_outcome .sec-tag-lines h2:before,
.better_outcome .sec-tag-lines h3:before {
    left: 0;
    top: -20%
}

@media screen and (max-width:1024px) {

    .better_outcome .sec-tag-lines h2:before,
    .better_outcome .sec-tag-lines h3:before {
        top: 0;
        background-size: 100%;
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width:600px) {

    .better_outcome .sec-tag-lines h2:before,
    .better_outcome .sec-tag-lines h3:before {
        top: -30px
    }
}

.cmarix_motto h2,
.cmarix_motto h3 {
    padding-right: 0;
    line-height: 1.35;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
    color: #222
}

@media(min-width:992px) {

    .cmarix_motto h2,
    .cmarix_motto h3 {
        font-size: 32px
    }
}

@media(min-width:1280px) {

    .cmarix_motto h2,
    .cmarix_motto h3 {
        font-size: 38px
    }
}

@media(min-width:1450px) {

    .cmarix_motto h2,
    .cmarix_motto h3 {
        font-size: 40px
    }
}

@media(max-width:992px) {

    .cmarix_motto h2,
    .cmarix_motto h3 {
        font-size: 28px
    }
}

@media(max-width:767px) {

    .cmarix_motto h2,
    .cmarix_motto h3 {
        font-size: 26px
    }
}

@-webkit-keyframes slide {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -400px 0
    }
}

@keyframes slide {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -100% 0
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

@keyframes mover-rotate {
    0% {
        transform: translateY(0) rotate(0deg)
    }

    to {
        transform: translateY(-10%) rotate(1turn)
    }
}

@-webkit-keyframes mover-rotate {
    0% {
        transform: translateY(0) rotate(0deg)
    }

    to {
        transform: translateY(-10%) rotate(1turn)
    }
}

@keyframes cutElemLeft {
    0% {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14)
    }

    50% {
        -webkit-transform: translateY(-50%) translateX(-50%) skewX(20deg);
        transform: translateY(-50%) translateX(-50%) skewX(20deg)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14);
        -webkit-transform: translateY(-50%) translateX(-100%);
        transform: translateY(-50%) translateX(-100%)
    }
}

@-webkit-keyframes cutElemTop {
    0% {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(-50%) skewY(20deg);
        transform: translateX(-50%) translateY(-50%) skewY(20deg)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14);
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%)
    }
}

@keyframes cutElemTop {
    0% {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(-50%) skewY(20deg);
        transform: translateX(-50%) translateY(-50%) skewY(20deg)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14);
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%)
    }
}

@-webkit-keyframes cutElemLeft {
    0% {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14)
    }

    50% {
        -webkit-transform: translateY(-50%) translateX(-50%) skewX(20deg);
        transform: translateY(-50%) translateX(-50%) skewX(20deg)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14);
        -webkit-transform: translateY(-50%) translateX(-100%);
        transform: translateY(-50%) translateX(-100%)
    }
}

@keyframes cutElemRight {
    0% {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14)
    }

    50% {
        -webkit-transform: translateY(-50%) translateX(50%) skewX(20deg);
        transform: translateY(-50%) translateX(50%) skewX(20deg)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14);
        -webkit-transform: translateY(-50%) translateX(100%);
        transform: translateY(-50%) translateX(100%)
    }
}

@-webkit-keyframes cutElemRight {
    0% {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14)
    }

    50% {
        -webkit-transform: translateY(-50%) translateX(50%) skewX(20deg);
        transform: translateY(-50%) translateX(50%) skewX(20deg)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.815, .09, .885, .14);
        -webkit-transform: translateY(-50%) translateX(100%);
        transform: translateY(-50%) translateX(100%)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scaleX(1) skewY(0deg) translateX(-10px) translateY(-10px);
        transform: scaleX(1) skewY(0deg) translateX(-10px) translateY(-15px)
    }

    50% {
        -webkit-transform: scaleX(1.3) skewY(-10deg) translateX(5px) translateY(10px);
        transform: scaleX(1.3) skewY(-10deg) translateX(5px) translateY(10px)
    }

    to {
        -webkit-transform: scaleX(1) skewY(0deg) translateX(-10px) translateY(-10px);
        transform: scaleX(1) skewY(0deg) translateX(-10px) translateY(-15px)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@media screen and (min-width:768px) {
    @keyframes runningArrow {
        0% {
            left: -80%;
            opacity: 1
        }

        25% {
            left: -60%;
            opacity: 1
        }

        50% {
            left: -40%;
            opacity: 1
        }

        75% {
            left: -20%;
            opacity: 1
        }

        to {
            left: 5%;
            opacity: .2
        }
    }
}

@media screen and (max-width:767px) {
    @keyframes runningArrow {
        0% {
            left: -45%;
            opacity: 1
        }

        50% {
            left: 10%;
            opacity: 1
        }

        80% {
            left: 35%;
            opacity: .6
        }

        to {
            left: 45%;
            opacity: .2
        }
    }
}

.ourServicelist .sec-tag-lines h3.visitors-to-customers {
    font-family: GilroySemiBold, sans-serif
}

.common-title-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

@media screen and (max-width:767px) {
    .common-title-btn {
        gap: 10px
    }
}

.mainheader {
    padding: 20px 100px;
    transition: all .5s;
    background: transparent;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1030;
    width: 100%;
}

@media screen and (max-width:1440px) {
    .mainheader {
        padding: 20px 70px
    }
}

@media screen and (max-width:1366px) {
    .mainheader {
        padding: 20px 40px
    }
}

@media screen and (min-width:992px)and (max-width:1200px) {
    .mainheader {
        padding: 15px !important
    }
}

.mainheader .mainheader-wrap {
    max-width: 1700px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mainheader.menufixed {
    background: transparent;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 5px 100px !important
}

@media screen and (max-width:1440px) {
    .mainheader.menufixed {
        padding: 5px 70px !important
    }
}

@media screen and (max-width:1366px) {
    .mainheader.menufixed {
        padding: 5px 40px !important
    }
}

@media screen and (max-width:1200px) {
    .mainheader.menufixed {
        padding: 5px 15px !important
    }
}

@media screen and (min-width:992px) {
    .mainheader.menufixed {
        background-color: hsla(0, 0%, 100%, .92) !important;
        box-shadow: 2px -8px 12px 5px hsla(0, 0%, 86.7%, .5411764706);
        z-index: 9999
    }
}

@media screen and (max-width:991px) {
    .mainheader.menufixed {
        padding: .5rem 1rem !important
    }
}

.mainheader.menufixed .navigationlist .navigationSub {
    top: calc(100% - 12px)
}

.mainheader .mainheader-logo {
    display: inline-block;
    width: 200px
}

@media screen and (min-width:1025px)and (max-width:1190px) {
    .mainheader .mainheader-logo {
        width: 150px
    }
}

.mainheader .mainheader-quotelink {
    background-color: #0d508e;
    color: #fff !important;
    font-family: GilroyBold, sans-serif;
    font-size: 15px;
    line-height: 20px;
    border: none;
    box-shadow: none;
    border-radius: 10px;
    padding: 12px 15px;
    text-transform: capitalize;
    min-width: 120px;
    display: inline-block;
    text-align: center
}

@media screen and (max-width:1366px) {
    .mainheader .mainheader-quotelink {
        padding: 15px 25px;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        min-width: 160px
    }
}

@media screen and (min-width:1025px)and (max-width:1300px) {
    .mainheader .mainheader-quotelink {
        width: auto;
        padding: 10px 25px;
        height: auto;
        min-width: auto;
        font-size: 12px;
        line-height: 1.2
    }
}

.mainheader .footer-contact-inner {
    color: #fff;
    padding-left: 45px
}

.mainheader .footer-contact-inner:before {
    left: 5px
}

.mainheader .footer-contact-inner:after {
    width: 34px;
    height: 34px
}

.mainheader .footer-contact-inner.india-map-icon:before,
.mainheader .footer-contact-inner.usa-map-icon:before {
    left: 6px
}

@media screen and (max-width:991px) {
    .mainheader {
        padding: .5rem 1rem !important
    }
}

@media screen and (max-width:992px) {
    .mainheader.menufixed {
        background: hsla(0, 0%, 100%, .92) !important;
        box-shadow: 2px -8px 12px 5px hsla(0, 0%, 86.7%, .5)
    }
}

.mainheader.menuOpen {
    background: hsla(0, 0%, 100%, .92) !important;
    box-shadow: 2px -8px 12px 5px hsla(0, 0%, 86.7%, .5)
}

@media screen and (max-width:991px) {
    .mainheader.menuOpen:after {
        content: "";
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        z-index: -1;
        background: hsla(0, 0%, 100%, .92);
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px)
    }
}

@media screen and (max-width:991px) {
    .mainheader.menuOpen .navigationouter {
        display: block
    }

    .mainheader.menuOpen .navigationouter .navigationlist {
        display: block;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, .22);
        margin: 4px 1px 2px 2px;
        overflow: hidden
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list {
        position: relative
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list.menu-hiredeveloper .navigationSub .navigationSub-head+.navsub-list-main,
    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list.menu-solutions .navigationSub .navigationSub-head+.navsub-list-main,
    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list.menu-technologies .navigationSub .navigationSub-head+.navsub-list-main {
        display: none
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navmain-list-link {
        padding: 10px 15px 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin: 0 15px;
        display: block
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navmain-list-link:before {
        display: none
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub {
        position: static;
        margin-top: 0 !important;
        box-shadow: none
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head {
        position: relative;
        font-family: Segoe UI, sans-serif;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
        padding-top: 15px;
        padding-right: 30px
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head .navigationSub-head-link {
        display: block;
        width: 100%
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head.active .menuarrowInner .menuarrow:after,
    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head.active .menuarrowInner .menuarrow:before {
        width: 12px
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head .menuarrowInner {
        min-height: 24px;
        padding: 0;
        width: 35px;
        z-index: 9999;
        bottom: 0;
        top: 0;
        right: 0;
        position: absolute;
        background: transparent;
        border: none;
        outline: none !important;
        cursor: pointer
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head .menuarrowInner .menuarrow {
        width: 5px;
        height: 10px;
        display: block;
        margin: 0 auto;
        transform: rotate(90deg);
        position: absolute;
        right: 5px;
        top: 23px
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head .menuarrowInner .menuarrow:after,
    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head .menuarrowInner .menuarrow:before {
        content: "";
        position: absolute;
        left: 0;
        width: 7px;
        height: 2px;
        display: block;
        background: #000;
        -webkit-transition: width .3s ease;
        -moz-transition: width .3s ease;
        -ms-transition: width .3s ease;
        -o-transition: width .3s ease;
        transition: width .3s ease
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head .menuarrowInner .menuarrow:before {
        top: 0;
        transform-origin: top left;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-head .menuarrowInner .menuarrow:after {
        bottom: 0;
        transform-origin: bottom left;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-list {
        box-shadow: none;
        overflow: visible;
        padding: 5px 15px 15px
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navigationSub .navigationSub-list .navsub-list-main {
        margin-bottom: 0;
        margin-top: 10px
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navmain-arrow {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 35px;
        height: 46px;
        z-index: 1;
        cursor: pointer
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navmain-arrow:after,
    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navmain-arrow:before {
        position: absolute;
        top: 18px;
        right: 20px;
        content: " ";
        height: 12px;
        width: 2px;
        background-color: #2a2a2a;
        margin: auto;
        transition: all .35s
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list .navmain-arrow:after {
        transform: rotate(-90deg)
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list:last-child .navmain-list-link {
        border-bottom: 0
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list.active .navmain-arrow:before {
        transform: rotate(45deg)
    }

    .mainheader.menuOpen .navigationouter .navigationlist .navmain-list.active .navmain-arrow:after {
        transform: rotate(-45deg)
    }
}

@media screen and (min-width:992px)and (max-width:1024px) {
    .mainheader .mainheader-quotelink {
        width: auto;
        height: auto;
        padding: 10px 15px !important;
        min-width: 130px;
        font-size: 14px;
        white-space: nowrap
    }
}

@media screen and (max-width:991px) {
    .mainheader .mainheader-quotelink {
        display: none
    }

    .mainheader .mainheader-quotelink:hover {
        background: #001033;
        color: #fff
    }
}

.mainheader .footer_contact_list .footer-contact-inner {
    width: 100%
}

@media screen and (min-width:575px)and (max-width:767px) {
    .mainheader .footer_contact_list .footer-contact-inner {
        width: 50%
    }
}

.mainheader .footer-social-section-part {
    margin-top: 20px
}

@media screen and (max-width:991px) {
    .mainheader .footer-social-section-part {
        padding: 0 0 20px
    }
}

.mainheader .footer-social-section-part .footertitle {
    margin-right: 5px
}

@media screen and (max-width:600px) {
    .mainheader .footer-social-section-part .footertitle {
        padding-bottom: 10px
    }
}

.mainheader .footer-social-section-part .footertitle.whitetext {
    color: #fff
}

.nav-wrap {
    display: flex;
    align-items: center;
    column-gap: 30px
}

@media screen and (max-width:1600px) {
    .nav-wrap {
        column-gap: 20px
    }
}

@media screen and (max-width:1024px) {
    .nav-wrap {
        column-gap: 12px
    }
}

@media screen and (max-width:991px) {
    .navigationouter {
        display: none;
        position: absolute;
        top: 75px;
        left: 15px;
        right: 15px;
        max-height: calc(100vh - 75px);
        min-height: 305px;
        overflow: auto
    }
}

.navigationouter .navigationlist {
    display: flex;
    column-gap: 30px;
    align-items: center
}

@media screen and (max-width:1600px) {
    .navigationouter .navigationlist {
        column-gap: 20px
    }
}

@media screen and (max-width:1199px) {
    .navigationouter .navigationlist {
        column-gap: 24px
    }
}

@media screen and (max-width:1024px) {
    .navigationouter .navigationlist {
        column-gap: 14px
    }
}

.navigationouter .navigationlist .navmain-list.menu-industries .navigationSub .navsub-list-main {
    margin-bottom: 0 !important
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .navmain-list.menu-industries .navigationSub .navsub-list-main .navsub-box-link {
        display: inline-flex;
        align-items: center;
        width: 100%;
        background: transparent;
        position: relative;
        transition: background .2s ease-out;
        font-size: 15px;
        line-height: 1.5;
        border-radius: 5px;
        overflow: hidden;
        text-transform: none;
        font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif !important;
        margin: 6px 0;
        margin-bottom: 8px !important;
        box-shadow: none
    }

    .navigationouter .navigationlist .navmain-list.menu-industries .navigationSub .navsub-list-main:hover {
        background: #fff;
        transition: background .2s ease-out
    }
}

@media(max-width:991px) {
    .navigationouter .navigationlist .navmain-list.menu-industries .navigationSub .navsub-list-main li a {
        margin-bottom: 10px !important
    }
}

@media(max-width:991px) {
    .navigationouter .navigationlist .navmain-list.menu-industries .navigationSub .navsub-list-main li:last-child a {
        margin-bottom: 0 !important
    }
}

.navigationouter .navigationlist .navmain-list .navmain-list-link {
    color: #000;
    padding: 5px 18px 5px 0;
    font-size: 16px;
    letter-spacing: .17px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    position: relative
}

@media screen and (min-width:1025px)and (max-width:1200px) {
    .navigationouter .navigationlist .navmain-list .navmain-list-link {
        padding: 8px 12px 8px 0;
        font-size: 14px
    }
}

@media screen and (min-width:992px)and (max-width:1024px) {
    .navigationouter .navigationlist .navmain-list .navmain-list-link {
        padding: 8px 12px 8px 0;
        font-size: 14px;
        white-space: nowrap
    }
}

.navigationouter .navigationlist .navmain-list .navmain-list-link:before {
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px
}

.navigationouter .navigationlist .navmain-list .navmain-list-link:after {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background-color: #0d508e;
    left: 0;
    bottom: -12px;
    transition: all .5s ease
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .navmain-list .navmain-list-link:after {
        display: none
    }
}

.navigationouter .navigationlist .navmain-list:hover .navmain-list-link:after {
    width: 100%
}

.navigationouter .navigationlist .navmain-list.menu-work .navmain-list-link {
    padding-right: 0
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .navmain-list.menu-work {
        display: none
    }
}

.navigationouter .navigationlist .navmain-list.menu-work .navmain-list-link:before {
    display: none !important
}

.navigationouter .navigationlist .navmain-list.menuactive .navigationSub {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08)
}

@media screen and (min-width:991px) {
    .navigationouter .navigationlist .navmain-list:hover .navigationSub {
        box-shadow: 0 10px 30px rgba(0, 0, 0, .08)
    }
}

.navigationouter .navigationlist .menu-company .navigationSub .navsub-list-main,
.navigationouter .navigationlist .menu-industries .navigationSub .navsub-list-main {
    column-gap: 20px
}

@media screen and (max-width:767px) {

    .navigationouter .navigationlist .menu-company .navigationSub .navigationSub-list .resp-submenu .column-1,
    .navigationouter .navigationlist .menu-company .navigationSub .navigationSub-list .resp-submenu .column-4,
    .navigationouter .navigationlist .menu-industries .navigationSub .navigationSub-list .resp-submenu .column-1,
    .navigationouter .navigationlist .menu-industries .navigationSub .navigationSub-list .resp-submenu .column-4 {
        align-items: flex-start;
        column-gap: 20px
    }
}

/* @media screen and (max-width:767px) {

    .navigationouter .navigationlist .menu-company .navigationSub .navigationSub-list .resp-submenu .column-1 li,
    .navigationouter .navigationlist .menu-company .navigationSub .navigationSub-list .resp-submenu .column-4 li,
    .navigationouter .navigationlist .menu-industries .navigationSub .navigationSub-list .resp-submenu .column-1 li,
    .navigationouter .navigationlist .menu-industries .navigationSub .navigationSub-list .resp-submenu .column-4 li {
        width: calc(50% - 10px)
    }
} */

@media screen and (max-width:360px) {

    .navigationouter .navigationlist .menu-company .navigationSub .navigationSub-list .resp-submenu .column-1 li,
    .navigationouter .navigationlist .menu-company .navigationSub .navigationSub-list .resp-submenu .column-4 li,
    .navigationouter .navigationlist .menu-industries .navigationSub .navigationSub-list .resp-submenu .column-1 li,
    .navigationouter .navigationlist .menu-industries .navigationSub .navigationSub-list .resp-submenu .column-4 li {
        width: 100%
    }
}

.navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu {
    border-bottom: 1px dashed hsla(0, 0%, 73.3%, .5)
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu {
        border-bottom: 0
    }
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu .col-xl-9 .navigationSub-head {
        display: none
    }
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu .resources-nav .column-1 li {
        width: calc(33.33% - 15px)
    }
}

@media screen and (max-width:767px) {
    .navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu .resources-nav .column-1 li {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width:360px) {
    .navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu .resources-nav .column-1 li {
        width: 100%
    }
}

.navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu .resources-nav .navigationSub-head {
    padding-top: 0
}

.navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu .navsub-list-main {
    margin-bottom: 0;
    padding-bottom: 20px
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-company .navigationSub-list .com-res-menu .navsub-list-main {
        padding-bottom: 10px
    }
}

.navigationouter .navigationlist .menu-company .navigationSub-list .getintouch {
    margin: 16px 0
}



.navigationouter .navigationlist .menu-company .navigationSub-list .certified-by .creat-logo {
    width: 100%;
    height: 70px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/menu-certification.svg);
    background-repeat: no-repeat
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-industries .col-lg-9 .navigationSub-head {
        display: none !important
    }
}

.navigationouter .navigationlist .menu-industries .menu-content {
    padding-top: 38px !important;
    padding-bottom: 20px
}

@media only screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-industries .menu-content {
        display: none
    }
}

.navigationouter .navigationlist .menu-industries .menu-content .menu-text-box {
    background: transparent;
    border: 1px solid rgba(241, 97, 34, .4);
    padding: 20px;
    border-radius: 20px;
    color: #1d1e31;
    text-align: center;
    font-weight: 500
}

@media only screen and (max-width:1280px) {
    .navigationouter .navigationlist .menu-industries .menu-content .menu-text-box {
        padding: 10px
    }
}

.navigationouter .navigationlist .menu-industries .menu-content .menu-text-box span {
    display: inline-flex;
    color: #0d508e;
    font-weight: 600
}

.navigationouter .navigationlist .menu-industries .menu-content .cta-button {
    width: fit-content;
    margin: 0 auto -40px
}

@media only screen and (max-width:1280px) {
    .navigationouter .navigationlist .menu-industries .menu-content .cta-button {
        margin: 0 auto -30px
    }
}

.navigationouter .navigationlist .menu-industries .menu-content .cta-button .primary-btn {
    min-width: auto;
    height: 42px;
    font-size: 16px;
    font-weight: 500;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    padding: 0 20px;
    text-transform: uppercase
}

.navigationouter .navigationlist .menu-industries .menu-content .cta-button .primary-btn:hover {
    color: #fff
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta {
    padding-top: 38px !important;
    padding-bottom: 20px
}

@media only screen and (max-width:991px) {
    .navigationouter .navigationlist .menu-hiredeveloper .hire-cta {
        display: none
    }
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box {
    position: relative;
    background: transparent;
    border: 1px solid rgba(241, 97, 34, .4);
    padding: 20px 20px 22px;
    border-radius: 20px;
    color: #1d1e31;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px
}

@media only screen and (max-width:1600px) {
    .navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box {
        font-size: 18px;
        line-height: 28px;
        padding: 15px 15px 22px
    }
}

@media only screen and (max-width:1440px) {
    .navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box {
        padding: 12px 12px 22px;
        border-radius: 16px
    }
}

@media only screen and (max-width:1366px) {
    .navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box {
        font-size: 17px;
        line-height: 27px
    }
}

@media only screen and (max-width:1280px) {
    .navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box {
        font-size: 16px;
        line-height: 24px;
        border-radius: 12px
    }
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box span {
    display: inline-flex;
    color: #0d508e;
    font-weight: 700;
    font-size: 24px
}

@media only screen and (max-width:1600px) {
    .navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box span {
        font-size: 22px
    }
}

@media only screen and (max-width:1280px) {
    .navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-text-box span {
        font-size: 18px
    }
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-button {
    width: fit-content;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-button .primary-btn {
    min-width: auto;
    height: 42px;
    font-size: 16px;
    font-weight: 500;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    padding: 0 20px;
    text-transform: uppercase
}

.navigationouter .navigationlist .menu-hiredeveloper .hire-cta .cta-button .primary-btn:hover {
    color: #fff
}

.navigationouter .navigationlist .menu-company .navigationSub-list .navsub-list-main li,
.navigationouter .navigationlist .menu-hiredeveloper .navigationSub-list .navsub-list-main li,
.navigationouter .navigationlist .menu-industries .navigationSub-list .navsub-list-main li,
.navigationouter .navigationlist .menu-solutions .navigationSub-list .navsub-list-main li,
.navigationouter .navigationlist .menu-technologies .navigationSub-list .navsub-list-main li {
    /* border-left: 1px solid #ccc;
    padding-left: 15px */
}

@media screen and (max-width:991px) {

    .navigationouter .navigationlist .menu-company .navigationSub-list .navsub-list-main li,
    .navigationouter .navigationlist .menu-hiredeveloper .navigationSub-list .navsub-list-main li,
    .navigationouter .navigationlist .menu-industries .navigationSub-list .navsub-list-main li,
    .navigationouter .navigationlist .menu-solutions .navigationSub-list .navsub-list-main li,
    .navigationouter .navigationlist .menu-technologies .navigationSub-list .navsub-list-main li {
        padding-left: 10px;
        border-left: 0
    }
}

.navigationouter .navigationlist .navigationSub {
    display: none;
    margin-top: 12px !important;
    background: transparent;
    position: absolute;
    margin: 0 auto
}

.navigationouter .navigationlist .navigationSub:before {
    content: "";
    height: 15px;
    width: 100%;
    display: inline-block;
    position: absolute;
    top: -15px
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .navigationSub:before {
        display: none
    }
}

.navigationouter .navigationlist .navigationSub .navsub-list-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    column-gap: 30px
}

.navigationouter .navigationlist .navigationSub .navsub-box-link {
    font-size: 15px;
    line-height: 1.3;
    transition: all .2s ease-out;
    display: flex;
    align-items: center;
    margin: 7px 0
}

.navigationouter .navigationlist .navigationSub .navsub-box-link:hover {
    color: #0d508e
}

.navigationouter .navigationlist .navigationSub .navigationSub-list {
    background: #fff;
    padding: 20px 85px;
    max-height: calc(100vh - 90px);
    min-height: auto;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #b1b1b1 transparent
}

@media screen and (max-width:1440px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list {
        padding: 20px 55px
    }
}

@media screen and (max-width:1366px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list {
        padding: 20px 30px
    }
}

@media screen and (max-width:1200px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list {
        padding: 20px 0
    }
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-wrap {
    max-width: 1730px;
    margin: 0 auto
}

@media screen and (max-width:1199px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list [class*=col-] {
        padding: 0 10px
    }
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list [class*=col-] {
        padding: 0
    }
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list {
        padding: 15px;
        min-height: auto;
        max-height: 100%
    }
}

@media screen and (max-width:600px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list {
        padding: 5px 15px
    }
}

@media screen and (max-width:767px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .col-lg-8.resp-submenu {
        display: none
    }
}

@media screen and (max-width:991px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-wrap.contact-nav {
        display: none
    }
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navigationSub-head {
    font-size: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    font-weight: 600
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navigationSub-head.getintouch {
    border-bottom: 0;
    margin-bottom: 0
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link {
    display: inline-flex;
    align-items: center;
    background: transparent;
    position: relative;
    transition: all .3s ease;
    font-size: 15px;
    line-height: 1.3;
    border-radius: 5px;
    overflow: hidden;
    text-transform: none;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif !important;
    margin: 7px 0
}

@media(max-width:1200px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link {
        margin-bottom: 10px
    }
}

@media(max-width:991px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link {
        line-height: 1.5;
        margin: 6px 0 10px
    }
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link:hover {
    color: #0d508e
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .navsub-list-link i {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 23px
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    column-gap: 30px;
    align-content: space-between
}

@media(max-width:1366px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch {
        column-gap: 20px
    }
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link {
    padding: 12px 15px 12px 50px;
    width: calc(25% - 22.5px);
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media(max-width:1366px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link {
        padding: 12px 15px 12px 40px;
        width: calc(25% - 15px)
    }
}

@media(max-width:991px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link {
        width: calc(50% - 10px)
    }
}

@media(max-width:767px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link {
        width: 100%
    }
}

@media(max-width:991px) {
    .navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.email:before {
        content: none !important
    }
}

@media(max-width:767px) {

    .navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.skypee:before,
    .navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.whatsup:before {
        content: none !important
    }
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link:not(.call):before {
    content: "";
    background-color: #ccc;
    width: 1px;
    height: 39px;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link:after {
    content: "";
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/social-icons.svg);
    position: absolute;
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.skypee:after {
    background-position: 0
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.email:after {
    background-position-x: -24px
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.instagram:after {
    left: 0;
    background-position-x: -121px;
    width: 30px;
    height: 30px
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.whatsup:after {
    left: 0;
    background-position-x: -60px;
    width: 30px;
    height: 30px
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link.call:after {
    left: 0;
    background-position-x: -90px;
    width: 30px;
    height: 30px
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link .getin-touch-label {
    font-size: 15px;
    margin-bottom: 0;
    display: block;
    color: #000
}

.navigationouter .navigationlist .navigationSub .navigationSub-list .getin-touch .getouch-link .getin-touch-value {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    width: 100%
}

@media screen and (max-width:991.04px) {
    .mobile-action-buttons {
        display: flex !important;
        align-items: center;
        margin-left: auto
    }
}

@media screen and (min-width:991.05px) {
    .mobile-action-buttons {
        display: none
    }
}

.mobile-action-buttons .contact-info-mobile {
    display: flex;
    align-items: center;
    margin-right: 15px;
    border: none;
    background: #0d508e;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    line-height: 20px;
    outline: none;
    position: relative;
    left: 0;
    padding: 0;
    opacity: 1;
    cursor: pointer;
    transition: left .5s ease-in-out
}

@media screen and (max-width:576px) {
    .mobile-action-buttons .contact-info-mobile {
        margin-right: 10px
    }
}

.mobile-action-buttons .contact-info-mobile.active {
    left: 0;
    opacity: 0;
    transition: left .1s ease-in-out
}

.mobile-action-buttons .contact-info-mobile span {
    background: #fff;
    color: #000;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto
}

.mobile-action-buttons .navbar-toggler {
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    outline: none !important;
    background-color: transparent;
    font-size: 1.25rem;
    line-height: 1;
    width: 30px;
    justify-content: flex-end;
    display: flex;
    cursor: pointer
}

.mobile-action-buttons .navbar-toggler .button_bars {
    display: inline-block;
    width: 30px;
    margin-left: -4px
}

.mobile-action-buttons .navbar-toggler .button_bars span {
    width: 100%;
    display: block;
    height: 3px;
    background: #000;
    border-radius: 35px;
    float: right;
    transition: width .2s ease-out
}

.mobile-action-buttons .navbar-toggler .button_bars span+span {
    margin-top: 4px;
    width: 80%
}

.mobile-action-buttons .navbar-toggler .button_bars span+span+span {
    width: 60%
}

.mobile-action-buttons .navbar-toggler.active .button_bars span {
    width: 60%;
    transition: width .2s ease-out
}

.mobile-action-buttons .navbar-toggler.active .button_bars span+span {
    width: 80%
}

.mobile-action-buttons .navbar-toggler.active .button_bars span+span+span {
    width: 100%
}

.menu_footer {
    background: #fff;
    padding: 16px 50px;
    width: 100%;
    position: relative
}

@media screen and (max-width:991px) {
    .menu_footer {
        display: none
    }
}

.menu_footer span {
    margin: 0;
    font-size: 36px;
    font-weight: 600
}

.menu_footer span a strong {
    font-weight: 700
}

.menu_footer span.arrow-icon a i {
    font-size: 28px;
    margin-left: 12px;
    transition: all .3s
}

.menu_footer span.arrow-icon a:hover i {
    margin-left: 18px;
    font-size: 32px
}

.menu_footer span.engage_steps_title {
    font-size: 30px;
    font-weight: 400;
    font-family: GilroyBold, sans-serif
}

@media screen and (max-width:1600px) {
    .menu_footer span.engage_steps_title {
        font-size: 21px
    }
}

.menu_footer span a {
    color: #000
}

.menu_footer .steps {
    background: transparent !important;
    padding: 10px 10px 0;
    margin-top: 0
}

.menu_footer .number {
    position: relative;
    z-index: 9;
    font-size: 30px;
    font-weight: 400;
    top: 14px;
    font-family: GilroyBold, sans-serif;
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    padding-top: 12px
}

.menu_footer .number:after {
    content: "";
    position: absolute;
    top: 67%;
    left: 50%;
    width: calc(70% - 10px);
    height: calc(70% - 10px);
    background: #fff;
    z-index: 3;
    border-radius: 10px;
    -ms-box-shadow: 5px 0 20px rgba(0, 0, 0, .15);
    box-shadow: 5px 0 20px rgba(0, 0, 0, .15);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    z-index: -1
}

.menu_footer .step_block {
    max-width: 225px;
    margin-top: -90px
}

.menu_footer .step_block .menu-footer-btm {
    font-size: 14px;
    color: #1d1e31;
    margin-top: 25px;
    line-height: 1.5;
    margin-bottom: 0;
    display: block
}

.menu_footer .step_main_parent {
    position: relative
}

.menu_footer .step_main_parent+.step_main_parent:before {
    content: "";
    position: absolute;
    left: -34%;
    top: -50%;
    width: 87%;
    border-bottom: 1px dashed #1d1e31;
    transform: translateX(-50%)
}

@media screen and (max-width:1366px) {
    .menu_footer .step_main_parent+.step_main_parent:before {
        left: -27%
    }
}

.menu_footer .step_main_parent+.step_main_parent:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #1d1e31;
    left: -34%;
    top: -50%;
    z-index: 99;
    position: absolute;
    transform: translate(-50%, -50%);
    animation: none
}

@media screen and (max-width:1366px) {
    .menu_footer .step_main_parent+.step_main_parent:after {
        left: -27%
    }
}

.iso_certificate {
    position: absolute;
    right: 20px;
    top: 0;
    transform: translateY(-50%)
}

.resource-menu-detail {
    margin-bottom: 0;
    font-size: 14px;
    max-height: 70px;
    overflow: hidden;
    line-height: 1.7;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.type-blog {
    margin-top: 10px;
    font-family: GilroySemiBold, sans-serif;
    border-radius: 4px;
    background-color: #eaf8fd;
    color: #1c6c8a;
    font-size: 13px;
    line-height: 1.7;
    text-transform: uppercase;
    padding: 4px 8px;
    margin-bottom: 3px;
    display: inline-block;
    transition: all .2s ease 0s
}

@media screen and (max-width:991px) {
    .type-blog {
        display: table
    }
}

.resource-post-right {
    max-width: 255px;
    padding-left: 0
}

.image-106 {
    width: 100%;
    max-height: 148px;
    max-width: 234px;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 2px solid #489bc2;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)
}

.mobile-contact-info {
    position: fixed;
    top: 0;
    width: 0;
    height: 0%;
    right: 0;
    background: #0d508e;
    padding: 30px;
    visibility: hidden;
    transition: all .3s ease-in-out;
    border-radius: 35px;
    overflow: auto;
    z-index: -9999;
    opacity: 0
}

.mobile-contact-info.active {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    transition: all .3s ease-in-out;
    z-index: 99999
}

.mobile-contact-info.active ul li {
    top: 0;
    opacity: 1
}

.mobile-contact-info.active ul li:first-child {
    transition: all .15s ease-in-out
}

.mobile-contact-info.active ul li:nth-child(2) {
    transition: all .3s ease-in-out
}

.mobile-contact-info.active ul li:nth-child(3) {
    transition: all .45s ease-in-out
}

.mobile-contact-info.active ul li:nth-child(4) {
    transition: all .6s ease-in-out
}

.mobile-contact-info.active ul li:nth-child(5) {
    transition: all .75s ease-in-out
}

.mobile-contact-info.active ul li:nth-child(6) {
    transition: all .9s ease-in-out
}

.mobile-contact-info.active ul li:nth-child(7) {
    transition: all 1.05s ease-in-out
}

.mobile-contact-info.active .info-header span {
    cursor: pointer
}

.mobile-contact-info.active .info-header span span {
    transform: rotate(45deg);
    transition: transform .35s ease-in-out
}

.mobile-contact-info.active .info-header span span:nth-child(2) {
    transform: rotate(135deg);
    transition: transform .35s ease-in-out
}

.mobile-contact-info .footer-contact-col {
    padding: 0
}

.mobile-contact-info .footer-contact-col .icon {
    margin-bottom: 8px;
    margin-right: 10px
}

.mobile-contact-info .footer_contact_list {
    display: flex;
    flex-wrap: wrap
}

.mobile-contact-info .footer_contact_list .footer-contact-col {
    width: 100%
}

@media screen and (max-width:767px) {
    .mobile-contact-info .footer_contact_list .footer-contact-col {
        width: 50%
    }
}

@media screen and (max-width:576px) {
    .mobile-contact-info .footer_contact_list .footer-contact-col {
        width: 100%
    }
}

.mobile-contact-info .footer_contact_list a {
    color: #fff;
    display: block
}

.mobile-contact-info .footer_contact_list a:hover {
    color: #fff
}

.mobile-contact-info ul li {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 30px;
    border-bottom: 1px dotted hsla(0, 0%, 100%, .4);
    color: #fff;
    font-size: 18px;
    top: -15px;
    opacity: 0;
    position: relative
}

.mobile-contact-info ul li a {
    color: #fff
}

.mobile-contact-info .info-header {
    overflow: hidden;
    margin-bottom: 0;
    position: absolute;
    right: 15px;
    top: 11px
}

.mobile-contact-info .info-header>span {
    color: #fff;
    float: right;
    width: 31px;
    height: 30px;
    text-align: center
}

.mobile-contact-info .info-header span span {
    display: inline-block;
    width: 25px;
    height: 3px;
    background: #fff;
    transform: rotate(30deg);
    border-radius: 10px;
    transition: transform .35s ease-in-out
}

.mobile-contact-info .info-header span span:nth-child(2) {
    transform: rotate(120deg);
    margin-left: -25px;
    transition: transform .35s ease-in-out
}

@media screen and (min-width:992px) {

    .mob-menulinks,
    .mobile-contact-info {
        display: none
    }
}

@media screen and (max-width:991px) {
    .mob-menu-links {
        padding: 5px 15px 10px !important
    }

    .mob-menulinks {
        margin-top: 10px;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 15px
    }

    .mob-menulinks,
    .mob-menulinks .menu-link {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .mob-menulinks .menu-link {
        width: calc(33.33% - 8px);
        text-align: center;
        border-radius: 16px;
        padding: 23px;
        height: 155px;
        justify-content: center;
        align-content: center;
        gap: 15px
    }

    .mob-menulinks .menu-link:first-child {
        background: #e4eaf8
    }

    .mob-menulinks .menu-link:first-child .icon {
        background-color: #c3cde8
    }

    .mob-menulinks .menu-link:first-child .icon i {
        font-size: 30px;
        color: #1d1e31
    }

    .mob-menulinks .menu-link:nth-child(2) {
        background: #e4f5e2
    }

    .mob-menulinks .menu-link:nth-child(2) .icon {
        background-color: #c1e1be
    }

    .mob-menulinks .menu-link:nth-child(2) .icon i {
        font-size: 30px;
        color: #1d1e31
    }

    .mob-menulinks .menu-link:nth-child(3) {
        background: #f0e7f4
    }

    .mob-menulinks .menu-link:nth-child(3) .icon {
        background-color: #e0c6e6
    }

    .mob-menulinks .menu-link:nth-child(3) .icon i {
        font-size: 30px;
        color: #1d1e31
    }

    .mob-menulinks .menu-link .icon {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0
    }

    .mob-menulinks .menu-link .icon:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px dashed rgba(0, 0, 0, .3);
        left: 3px;
        top: 3px;
        border-radius: 50%;
        transition: .3s ease-in-out
    }

    .mob-menulinks .menu-link:hover .icon:before {
        left: -3px;
        top: -3px;
        transition: .3s ease-in-out
    }

    .mob-menulinks .menu-link:hover .icon i {
        color: #1d1e31
    }

    .mob-menulinks .menu-link .link-label {
        font-size: 18px;
        line-height: 1.2;
        font-weight: 700;
        color: #000;
        width: 100%;
        margin: 0
    }

    .mob-menulinks .menu-link:last-child .link-label {
        display: inline-block
    }
}

@media screen and (max-width:991px)and (max-width:576px) {
    .mob-menulinks .menu-link:last-child .link-label {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .mob-menulinks .menu-link {
        height: 130px
    }
}

@media screen and (max-width:576px) {
    .mob-menulinks .menu-link {
        padding: 10px;
        width: calc(50% - 8px)
    }

    .mob-menulinks .menu-link:last-child {
        width: 100%
    }
}

.resource-menu-image-link {
    display: block
}

.column-4>li {
    width: calc(25% - 15px)
}

@media(max-width:991px) {
    .column-4>li {
        width: calc(33.33% - 15px);
        display: inline-block
    }
}

@media(max-width:767px) {
    .column-4>li {
        width: calc(50% - 15px)
    }
}

@media(max-width:576px) {
    .column-4>li {
        width: 100%
    }
}

.column-3>li {
    width: calc(33.3% - 10px)
}

@media(max-width:991px) {
    .column-3>li {
        width: calc(33.33% - 15px);
        display: inline-block
    }
}

@media(max-width:767px) {
    .column-3>li {
        width: calc(50% - 15px)
    }
}

@media(max-width:576px) {
    .column-3>li {
        width: 100%
    }
}

.column-2>li {
    width: calc(50% - 15px)
}

@media(max-width:991px) {
    .column-2>li {
        width: calc(33.33% - 15px);
        display: inline-block
    }
}

@media(max-width:767px) {
    .column-2>li {
        width: calc(50% - 15px)
    }
}

@media(max-width:576px) {
    .column-2>li {
        width: 100%
    }
}

.column-1>li {
    width: 100%
}

@media(max-width:991px) {
    .column-1>li {
        width: calc(33.33% - 15px);
        display: inline-block
    }
}

@media(max-width:767px) {
    .column-1>li {
        width: calc(50% - 15px)
    }
}

@media(max-width:576px) {
    .column-1>li {
        width: 100%
    }
}

.mainheader.menufixed .navigationouter .navigationlist .navmain-list .navmain-list-link:after {
    bottom: -9px
}

.mainheader-quotelink {
    animation: wiggle 2.5s linear infinite;
    animation-delay: 10s
}

@keyframes wiggle {

    0%,
    7% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(-5deg)
    }

    20% {
        transform: rotate(5deg)
    }

    25% {
        transform: rotate(-5deg)
    }

    30% {
        transform: rotate(3deg)
    }

    35% {
        transform: rotate(-3deg)
    }

    40%,
    to {
        transform: rotate(0)
    }
}

.inner-top-header {
    background-color: #e7e2ff !important;
    padding-top: 100px;
    background-color: #dbf5d1 !important
}

.hire-magento-developer .inner-top-header {
    background-color: #ffe1dd !important
}

.cmr-company .inner-top-header,
.cmr-life .inner-top-header {
    background-color: #99d1e6 !important
}

.at-right-bottom {
    position: absolute !important;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.at-right-bottom img {
    width: 100%;
    height: 100%
}

@media screen and (max-width:991px) {
    .at-right-bottom {
        position: relative !important
    }
}

.at-right-bottom .inner-right img {
    max-width: 100% !important
}

@media screen and (max-width:991px) {
    .at-right-bottom .inner-right {
        display: none !important
    }
}

.inner-top-header {
    padding-bottom: 30px;
    min-height: 470px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #d2f5ee;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/inner-banner.svg);
    background-repeat: repeat
}

@media screen and (max-width:1200px) {
    .inner-top-header {
        padding-top: 80px !important
    }
}

@media screen and (max-width:767px) {
    .inner-top-header {
        min-height: 400px
    }
}

@media(min-width:992px) {
    .inner-top-header .row {
        align-items: center !important
    }
}

@media(max-width:991px) {
    .inner-top-header .row [class^=col-md-] {
        flex: 100% !important;
        max-width: 100% !important
    }
}

.inner-top-header.banner-without-image {
    min-height: 300px;
    overflow: hidden
}

@media screen and (max-width:992px) {
    .inner-top-header.banner-without-image {
        min-height: 250px;
        padding-top: 30px
    }
}

.inner-top-header.banner-without-image .inner-left {
    padding-top: 85px;
    padding-bottom: 35px;
    padding-right: 15px !important;
    padding-left: 15px !important
}

@media screen and (max-width:767px) {
    .inner-top-header.banner-without-image .inner-left {
        padding-top: 40px;
        padding-bottom: 15px
    }
}

.inner-top-header.banner-without-image .cmr-reflectors {
    top: 50%;
    transform: translateY(-50%);
    font-size: 75vh;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 0
}

@media screen and (max-width:992px) {
    .inner-top-header.banner-without-image .cmr-reflectors {
        font-size: 200px
    }
}

@media screen and (max-width:600px) {
    .inner-top-header.banner-without-image .cmr-reflectors {
        font-size: 100px
    }
}

.inner-top-header .inner-left {
    padding-top: 100px;
    padding-bottom: 35px;
    width: fit-content;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .inner-top-header .inner-left {
        padding-bottom: 50px
    }
}

.inner-top-header .inner-left .inner-head-title h1 {
    margin: 0
}

.inner-top-header .inner-left .inner-head-title,
.inner-top-header .inner-left .inner-head-title h1 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #001033
}

@media(min-width:992px) {

    .inner-top-header .inner-left .inner-head-title,
    .inner-top-header .inner-left .inner-head-title h1 {
        font-size: 36px
    }
}

@media(min-width:1280px) {

    .inner-top-header .inner-left .inner-head-title,
    .inner-top-header .inner-left .inner-head-title h1 {
        font-size: 40px
    }
}

@media(min-width:1450px) {

    .inner-top-header .inner-left .inner-head-title,
    .inner-top-header .inner-left .inner-head-title h1 {
        font-size: 42px
    }
}

@media(max-width:991px) {

    .inner-top-header .inner-left .inner-head-title,
    .inner-top-header .inner-left .inner-head-title h1 {
        font-size: 30px
    }
}

@media(max-width:767px) {

    .inner-top-header .inner-left .inner-head-title,
    .inner-top-header .inner-left .inner-head-title h1 {
        font-size: 28px
    }
}

@media(max-width:600px) {

    .inner-top-header .inner-left .inner-head-title,
    .inner-top-header .inner-left .inner-head-title h1 {
        text-align: left;
        text-align: center
    }
}

.inner-top-header .inner-left .inner-head-title h1 span,
.inner-top-header .inner-left .inner-head-title span {
    position: relative;
    z-index: 9
}

.inner-top-header .inner-left .inner-head-title h1 span:after,
.inner-top-header .inner-left .inner-head-title span:after {
    content: "";
    height: 16px;
    width: calc(100% + 12px);
    position: absolute;
    bottom: 13%;
    left: -4px;
    background-color: rgba(0, 0, 0, .06);
    z-index: -1
}

@media screen and (max-width:600px) {

    .inner-top-header .inner-left .inner-head-title h1 span:after,
    .inner-top-header .inner-left .inner-head-title span:after {
        bottom: 0;
        left: 5px;
        height: 10px;
        width: calc(100% - 4px)
    }
}

.inner-top-header .inner-left .inner-about,
.inner-top-header .inner-left p {
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #001033;
    margin: 10px 0 20px
}

.inner-top-header .inner-left .inner-about b,
.inner-top-header .inner-left .inner-about strong,
.inner-top-header .inner-left p b,
.inner-top-header .inner-left p strong {
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif
}

@media screen and (max-width:600px) {

    .inner-top-header .inner-left .inner-about,
    .inner-top-header .inner-left p {
        font-size: 16px;
        text-align: center
    }
}

.inner-top-header .inner-left h2,
.inner-top-header .inner-left h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.8;
    text-align: left;
    color: #001033;
    margin: 10px 0 20px
}

@media screen and (max-width:600px) {

    .inner-top-header .inner-left h2,
    .inner-top-header .inner-left h4 {
        font-size: 18px;
        text-align: center
    }
}

.inner-top-header .inner-left a {
    display: inline-flex;
    width: fit-content;
    width: -webkit-fit-content
}

@media screen and (max-width:600px) {
    .inner-top-header .inner-left a {
        margin: 0 auto;
        display: flex
    }
}

@media screen and (max-width:600px) {
    .inner-top-header .inner-left .cmr-outline-btn {
        justify-content: space-between;
        margin: 0 auto
    }
}

.inner-top-header .inner-right-img {
    position: relative
}

.inner-top-header .inner-right-img img {
    max-width: 340px !important
}

.inner-top-header .inner-right {
    position: relative;
    text-align: right
}

@media screen and (max-width:991px) {
    .inner-top-header .inner-right {
        display: none
    }
}

.inner-top-header .inner-right.at-bottom img {
    position: absolute;
    bottom: 0
}

.inner-top-header .inner-right .at-bottom-stats {
    position: absolute;
    bottom: -30%;
    right: 0;
    width: 100%;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3356af
}

.inner-top-header .inner-right .at-bottom-stats .at-before-tip {
    font-weight: 700;
    font-style: italic;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    position: relative;
    color: #fff;
    padding-left: 30px;
    margin-right: 10px
}

.inner-top-header .inner-right .at-bottom-stats .at-before-tip:before {
    content: "";
    height: 2px;
    width: 20px;
    position: absolute;
    left: 0;
    background-color: #fff;
    top: 11px
}

.inner-top-header .inner-right .at-bottom-stats .top-banner-stats {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0
}

.inner-top-header .inner-right .at-bottom-stats .top-banner-stats span {
    font-weight: 900;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    margin: 0 5px
}

.inner-top-header .inner-right img {
    width: 100%;
    max-height: 360px
}

@media screen and (max-width:767px) {
    .inner-top-header .inner-right img {
        display: none
    }
}

.inner-top-header .inner-right.inner-parent-header img {
    width: 100%;
    max-width: 292px !important;
    max-height: 350px
}

@media screen and (max-width:767px) {
    .inner-top-header .inner-right.inner-parent-header img {
        display: none
    }
}

.inner-top-header .inner-right .bggimage img {
    max-width: 100% !important;
    margin-bottom: -14% !important
}

.cmr-reflectors {
    font-weight: 900 !important;
    font-size: calc(126px + (39000vw - 124800px)/1600);
    letter-spacing: .1em;
    line-height: 100px;
    text-align: center;
    color: #1d1e31;
    opacity: .02;
    position: absolute;
    top: 20%;
    left: 0;
    pointer-events: none;
    width: 100%
}

@media screen and (min-width:320px) {
    .cmr-reflectors {
        font-size: calc(126px + strip-unit(274px)*(100vw - 320px)/strip-unit(1600px))
    }
}

@media screen and (min-width:1920px) {
    .cmr-reflectors {
        font-size: 400px
    }
}

.inner-top-header .inner-left {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 75px
}

@media screen and (max-width:1440px) {
    .inner-top-header .inner-left {
        padding-right: 0
    }
}

.sec-description .sec-desc-title {
    margin: 30px 0
}

.sec-description .sec-desc-title .title-heading {
    width: auto !important;
    max-width: 100%;
    height: 72px;
    padding-top: 7px
}

@media screen and (max-width:600px) {
    .sec-description .sec-desc-title .title-heading {
        max-width: 100%
    }
}

@media screen and (max-width:500px) {
    .sec-description .sec-desc-title .title-heading {
        height: auto;
        padding-top: 0;
        line-height: 2
    }
}

.banner-main {
    padding-bottom: 30px;
    padding-top: 100px;
    min-height: 470px;
    position: relative;
    display: flex;
    align-items: center;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/inner-banner.svg);
    background-repeat: repeat
}

@media screen and (max-width:1200px) {
    .banner-main {
        padding-top: 80px !important
    }
}

@media screen and (max-width:767px) {
    .banner-main {
        min-height: 400px
    }
}

.banner-main .banner-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

h1.banner-title {
    text-align: left
}

.banner-main .banner-inner .inner-left {
    width: 58.33%;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    color: #4e4d4e
}

@media screen and (max-width:1440px) {
    .banner-main .banner-inner .inner-left {
        padding-right: 15px
    }
}

@media screen and (max-width:1024px) {
    .banner-main .banner-inner .inner-left {
        padding-right: 12px
    }
}

@media screen and (max-width:991px) {
    .banner-main .banner-inner .inner-left {
        width: fit-content;
        margin: 0 auto;
        padding-right: 0
    }
}

@media screen and (max-width:600px) {
    .banner-main .banner-inner .inner-left {
        text-align: center;
        font-size: 16px
    }
}

.banner-main .banner-inner .inner-left>p {
    margin-bottom: 20px
}

.banner-main .banner-inner .inner-left .cmr-outline-btn,
.banner-main .banner-inner .inner-left>p a {
    display: inline-flex;
    width: fit-content;
    width: -webkit-fit-content
}

@media screen and (max-width:600px) {
    .banner-main .banner-inner .inner-left .cmr-outline-btn {
        margin: 0 auto;
        display: flex;
        justify-content: space-between
    }
}

.banner-main .banner-inner .inner-right {
    width: 41.66%;
    padding-left: 15px;
    text-align: right
}

@media screen and (max-width:991px) {
    .banner-main .banner-inner .inner-right {
        display: initial;
        width: 100%;
    }
}
.banner-main.it-service-banner .banner-inner .inner-right img {
    width: 360px;
    
}
.banner-main .banner-inner .inner-right img {
    width: 100%;
    
}

.banner-main .banner-inner .inner-right img.max100per {
    max-width: 340px !important
}

@media screen and (min-width:992px) {
    .banner-main .banner-inner .inner-right.ddinfo-img {
        display: flex;
        align-items: flex-end;
        justify-content: center
    }
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text {
    max-width: 400px;
    width: 100%;
    position: relative;
    margin-bottom: -30px
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text picture {
    display: block
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text picture img {
    max-width: 100% !important;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    max-height: 100%
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text .image-bottom-text-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 14px
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text .image-bottom-text-wrap .img-bottom-title {
    color: #fff;
    font-family: GilroyMedium, sans-serif;
    font-size: 17px;
    line-height: 19px;
    font-style: italic;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 24px;
    position: relative
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text .image-bottom-text-wrap .img-bottom-title:before {
    content: "";
    width: 13px;
    height: 1px;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text .image-bottom-text-wrap .projects-no-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    color: #fff;
    font-family: GilroyMedium, sans-serif;
    font-size: 14px;
    line-height: 18px
}

.banner-main .banner-inner .inner-right.ddinfo-img .img-text .image-bottom-text-wrap .projects-no-text strong {
    font-family: GilroyBold, sans-serif;
    font-size: 25px;
    line-height: 31px
}

.banner-main .banner-inner .hire-form {
    width: 41.66%;
    padding-left: 15px
}

@media screen and (max-width:991px) {
    .banner-main .banner-inner .hire-form {
        width: 100%;
        padding-left: 0
    }
}

.banner-main .banner-title {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #4e4d4e;
    margin-bottom: 10px
}

@media(min-width:992px) {
    .banner-main .banner-title {
        font-size: 36px
    }
}

@media(min-width:1280px) {
    .banner-main .banner-title {
        font-size: 40px
    }
}

@media(min-width:1450px) {
    .banner-main .banner-title {
        font-size: 42px
    }
}

@media(max-width:991px) {
    .banner-main .banner-title {
        font-size: 30px
    }
}

@media(max-width:767px) {
    .banner-main .banner-title {
        font-size: 28px
    }
}

@media(max-width:600px) {
    .banner-main .banner-title {
        text-align: left
    }
}

@media screen and (max-width:600px) {
    .banner-main .banner-title {
        text-align: center
    }
}

.banner-main.text-banner {
    min-height: 300px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .banner-main.text-banner {
        min-height: 250px
    }
}

.banner-main.text-banner .cmr-reflectors {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 75vh;
    letter-spacing: 0
}

@media screen and (max-width:991px) {
    .banner-main.text-banner .cmr-reflectors {
        font-size: 200px
    }
}

@media screen and (max-width:600px) {
    .banner-main.text-banner .cmr-reflectors {
        font-size: 100px
    }
}

.banner-main.text-banner .banner-title {
    text-align: center;
    margin-bottom: 0
}

.banner-main.text-banner .text-pera {
    font-family: GilroyRegular, sans-serif;
    font-size: 20px;
    line-height: 1.5;
    margin: 15px 0 0;
    text-align: center
}

@media screen and (max-width:600px) {
    .banner-main.text-banner .text-pera {
        font-size: 16px
    }
}

.banner-main.hire-main-pages {
    padding-bottom: 40px
}

.mobile-tech {
    counter-reset: my-sec-counter;
    position: relative
}

.mobile-tech .counterhead {
    display: flex;
    align-items: center
}

.mobile-tech .counterhead .cmr-brand-blue {
    font-size: 28px;
    font-weight: 400;
    font-family: GilroySemiBold, sans-serif;
    line-height: 34px;
    color: #439bc2;
    padding-right: 16px;
    display: inline-block
}

@media screen and (max-width:480px) {
    .mobile-tech .counterhead .cmr-brand-blue {
        font-size: 26px;
        line-height: 30px
    }
}

@media screen and (min-width:376px) {
    .mobile-tech .counterhead .cmr-brand-blue br {
        display: none
    }
}

.mobile-tech .counterhead .shape-box {
    border-color: #000 #000 transparent transparent;
    border-style: solid;
    border-width: 1px 1px 0 0;
    position: relative;
    height: 15px;
    width: 35px;
    display: block
}

.mobile-tech .counterhead .shape-box:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #000;
    right: -6.2px;
    bottom: -1px
}

.mobile-tech .counter-row {
    position: relative
}

.mobile-tech .counter-row:after {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    right: 0;
    top: 60px;
    font-family: GilroyBold, sans-serif;
    text-align: right;
    font-weight: 400;
    font-size: 150px;
    line-height: 42px;
    letter-spacing: 6px;
    color: #f5f5f5;
    z-index: -1
}

@media screen and (max-width:991px) {
    .mobile-tech .counter-row:after {
        top: 45px;
        font-size: 130px
    }
}

@media screen and (max-width:767px) {
    .mobile-tech .counter-row:after {
        font-size: 100px
    }
}

@media screen and (max-width:575px) {
    .mobile-tech .counter-row:after {
        font-size: 100px
    }
}

.mobile-tech .ond-common {
    counter-reset: my-sec-counter;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-top: 16px
}

@media screen and (max-width:575px) {
    .mobile-tech .ond-common {
        row-gap: 15px
    }
}

.mobile-tech .ond-common .feature-box {
    position: relative;
    height: 83px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    padding: 16px 40px 16px 16px
}

.mobile-tech .ond-common .feature-box:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    right: 10px;
    top: 4px;
    font-family: GilroyBold, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0;
    opacity: .2
}

.mobile-tech .ond-common .feature-box .fb-title {
    font-family: GilroyMedium, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #1d1e31;
    margin-bottom: 0
}

.mobile-tech .ond-common.ond-counter-orange .feature-box {
    background: #fee 0 0 no-repeat padding-box;
    border: 1px solid #ffd5d5;
    width: 16.66%
}

@media screen and (max-width:991px) {
    .mobile-tech .ond-common.ond-counter-orange .feature-box {
        width: 20%
    }
}

@media screen and (max-width:767px) {
    .mobile-tech .ond-common.ond-counter-orange .feature-box {
        width: 25%
    }
}

@media screen and (max-width:575px) {
    .mobile-tech .ond-common.ond-counter-orange .feature-box {
        width: 33.33%
    }
}

@media screen and (max-width:480px) {
    .mobile-tech .ond-common.ond-counter-orange .feature-box {
        width: 50%
    }
}

.mobile-tech .ond-common.ond-counter-orange .feature-box:before {
    color: #0d508e
}

.mobile-tech .ond-common.ond-counter-green .feature-box {
    background: #d8f2cf 0 0 no-repeat padding-box;
    border: 1px solid #a1df8b;
    width: 25%
}

@media screen and (max-width:991px) {
    .mobile-tech .ond-common.ond-counter-green .feature-box {
        width: 33.33%
    }
}

@media screen and (max-width:640px) {
    .mobile-tech .ond-common.ond-counter-green .feature-box {
        flex-grow: 1;
        width: 50%
    }
}

@media screen and (max-width:375px) {
    .mobile-tech .ond-common.ond-counter-green .feature-box {
        width: 100%
    }
}

.mobile-tech .ond-common.ond-counter-green .feature-box:before {
    color: #047700
}

.anmtn-element {
    overflow: hidden;
    position: relative
}

.in-view .animated-cuts-top:after {
    animation: cutElemTop 1.5s forwards;
    -webkit-animation: cutElemTop 1.5s forwards
}

.in-view .animated-cuts-right:after {
    animation: cutElemLeft 1.5s forwards;
    -webkit-animation: cutElemLeft 1.5s forwards
}

.in-view .animated-cuts-left:after {
    animation: cutElemRight 1s forwards;
    -webkit-animation: cutElemRight 1s forwards
}

@media screen and (max-width:767px) {
    .in-view .animated-cuts-left:after {
        display: none
    }
}

.animated-cuts-top:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 120%;
    height: 100%;
    z-index: 9;
    background-color: #fff;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.animated-cuts-left:after,
.animated-cuts-right:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 120%;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    -webkit-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0)
}

.service-stats {
    background-color: #f4f4f6;
    padding: 50px 0;
    text-align: center;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:600px) {
    .service-stats {
        margin: 0;
        padding: 35px 0
    }
}

.stat-wrap {
    display: flex;
    gap: 0 30px;
    flex-wrap: wrap
}

.stat-details {
    width: calc(25% - 23px);
    text-align: center
}

@media screen and (max-width:991px) {
    .stat-details {
        width: calc(50% - 15px)
    }
}

.stat-details span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin: 0 auto 20px;
    font-size: 40px
}

@media screen and (max-width:600px) {
    .stat-details span {
        margin-bottom: 0
    }
}

.stat-details h1,
.stat-details h3,
.stat-details h4 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 42px;
    line-height: 59.55px;
    text-align: center;
    color: #000
}

@media screen and (max-width:600px) {

    .stat-details h1,
    .stat-details h3,
    .stat-details h4 {
        font-size: 30px;
        margin-bottom: 0;
        line-height: 1.7
    }
}

.stat-details p {
    font-size: 16px
}

@media screen and (max-width:991px) {
    .stat-details p {
        margin-bottom: 50px
    }
}

@media screen and (max-width:600px) {
    .cmr-app-services {
        padding: 10px 0 30px
    }
}

.cmr-app-services .service-alt-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    align-items: flex-start
}

.cmr-app-services .service-alt-wrap.service-nolink .service-alt {
    cursor: default
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt-wrap.service-nolink .service-alt {
        padding: 20px 22px
    }
}

.cmr-app-services .service-alt-wrap.service-nolink .service-alt .icon_box {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt-wrap.service-nolink .service-alt .icon_box {
        margin: 0 auto 12px
    }
}

.cmr-app-services .service-alt {
    width: calc(33.33% - 20px);
    border-radius: 10px;
    padding: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    cursor: pointer;
    min-height: 230px;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .04);
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .cmr-app-services .service-alt {
        padding: 24px
    }
}

@media screen and (max-width:767px) {
    .cmr-app-services .service-alt {
        width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt {
        padding: 20px 22px 56px;
        position: relative;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap
    }
}

.cmr-app-services .service-alt {
    margin-top: 30px
}

@media screen and (max-width:767px) {
    .cmr-app-services .service-alt:nth-child(2n) {
        margin-top: 0
    }
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt .app-plate-info {
        flex: 100% 0 0;
        order: 2
    }
}

.cmr-app-services .service-alt .app-plate-info h3 {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.5;
    color: #1d1e31;
    padding-right: 15px
}

.cmr-app-services .service-alt .app-plate-info p {
    min-height: 96px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    margin: 0;
    overflow: hidden;
    text-align: justify
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt .app-plate-info p {
        margin-bottom: 20px;
        min-height: inherit
    }
}

.cmr-app-services .service-alt .icon_box {
    text-align: center;
    font-size: 60px;
    margin-bottom: 20px
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt .icon_box {
        margin-top: 10px
    }
}

.cmr-app-services .service-alt .icon_box i {
    font-size: 48px;
    position: relative
}

.cmr-app-services .service-alt .icon_box i:before {
    z-index: 1;
    position: relative
}

.cmr-app-services .service-alt .icon_box i:after {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cmr-app-services .service-alt .icon_box.img-icon i {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.cmr-app-services .service-alt .icon_box.img-icon i img {
    transition: all .1s ease;
    position: relative;
    z-index: 1
}

.cmr-app-services .service-alt .icon_box:after {
    content: "";
    width: 150px;
    height: 9px;
    border-radius: 5px 5px 0 0;
    background: #3356af;
    position: absolute;
    bottom: 0;
    left: 30px
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt .icon_box:after {
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.cmr-app-services .service-alt .icon_box picture {
    display: inline-block;
    line-height: 0
}

@media screen and (max-width:600px) {
    .cmr-app-services .service-alt .link-btn {
        justify-content: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 25px
    }
}

.cmr-app-services a.service-alt:hover .icon_box picture img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(69%) saturate(4120%) hue-rotate(351deg) brightness(102%) contrast(89%)
}

.cmr-app-services a.service-alt:hover .link-btn {
    color: #0d508e
}

.cmr-app-services a.service-alt:hover .link-btn i {
    left: 10px;
    transition: all .5s
}

.cmr-app-services .actionButton {
    margin-top: 50px
}

.custom-mobile-app-dev {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap {
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box {
    width: calc(50% - 15px);
    border-radius: 16px;
    border: 1px solid;
    background: #fff;
    padding: 24px 45px;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1)
}

@media screen and (max-width:767px) {
    .custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box {
        width: 100%;
        padding: 20px;
        min-height: inherit
    }
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box .icon {
    padding-bottom: 10px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    gap: 15px
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box .icon i,
.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box .icon span {
    font-size: 50px
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box .icon img {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box .icon-with-title {
    font-family: GilroySemiBold, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box .icon-with-title {
        font-size: 26px
    }
}

@media screen and (max-width:767px) {
    .custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box .icon-with-title {
        font-size: 24px
    }
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    margin-bottom: 0
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box.box-app-yellow {
    border-color: #ffd45e
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box.box-app-lightRed {
    border-color: #f4a196
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box.box-app-purple {
    border-color: #beb4ef
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box.box-app-blue {
    border-color: #478aff
}

.custom-mobile-app-dev.experienceSassApp .technologiesBox-wrap .app-develope-box.box-app-green {
    border-color: #82bc01
}

.main-title.text-center {
    width: 100%;
    margin-bottom: 40px
}

.custom-mobile-app-dev .main-title h2,
.custom-mobile-app-dev .main-title h4 {
    width: 100%;
    font-family: GilroyBold, sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin: 0 auto 20px
}

@media screen and (max-width:767px) {

    .custom-mobile-app-dev .main-title h2,
    .custom-mobile-app-dev .main-title h4 {
        font-size: 32px;
        line-height: 1.4;
        font-size: 30px
    }
}

.custom-mobile-app-dev .main-title h2 span,
.custom-mobile-app-dev .main-title h4 span {
    font-weight: 400;
    font-family: GilroyBold, sans-serif
}

.custom-mobile-app-dev .main-title p {
    font-size: 18px;
    color: #000;
    line-height: 1.8;
    width: 100%;
    margin: 15px auto;
    font-weight: 400;
    padding: 0 40px
}

@media screen and (max-width:767px) {
    .custom-mobile-app-dev .main-title p {
        font-size: 16px;
        line-height: 1.8;
        padding: 0
    }
}

@media screen and (max-width:480px) {
    .custom-mobile-app-dev .main-title p {
        padding: 0
    }
}

.hiring_benifits {
    position: relative;
    margin-top: 30px
}

@media screen and (max-width:767px) {
    .hiring_benifits {
        margin-top: 0
    }
}

.hiring_benifits .label_with_half_circle {
    position: relative
}

.hiring_benifits .sec-desc-title:before {
    content: "";
    background-color: #0d508e;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    position: absolute;
    inset: 0;
    pointer-events: none;
    margin-top: auto;
    margin-bottom: auto
}

.hiring_benifits .sec-desc-title h5 {
    background-color: #fff;
    margin-left: 11px;
    position: relative;
    padding-left: 10px;
    margin-bottom: 20px;
    line-height: 24px;
    width: calc(100% - 11px);
    font-family: GilroySemiBold, sans-serif;
    font-size: 20px
}

@media screen and (max-width:1024px) {
    .hiring_benifits .sec-desc-title h5 {
        background-color: #fff;
        margin-left: 12px;
        padding-left: 14px
    }
}

.hiring_benifits ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media screen and (max-width:991px) {
    .hiring_benifits ul {
        padding: 0 15px
    }
}

.hiring_benifits ul li {
    width: 33.33%;
    padding: 0 15px 11px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #1e1e1e
}

@media screen and (max-width:991px) {
    .hiring_benifits ul li {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .hiring_benifits ul li {
        width: 100%;
        padding: 0 15px 11px 20px
    }

    .hiring_benifits ul li:last-child {
        padding-bottom: 0
    }
}

.hiring_benifits ul li:before {
    content: "";
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    position: absolute;
    pointer-events: none;
    border-radius: 20px;
    background-color: #0d508e;
    border: 2px solid #0d508e
}

.how-hire-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-top: 15px
}

@media only screen and (max-width:991px) {
    .how-hire-wrap {
        padding-top: 10px;
        gap: 20px
    }
}

.howhirebox {
    width: calc(50% - 15px)
}

@media only screen and (max-width:991px) {
    .howhirebox {
        width: 100%
    }
}

.howhirebox.benefites_block {
    padding: 25px;
    border-radius: 16px
}

@media only screen and (max-width:767px) {
    .howhirebox.benefites_block {
        padding: 15px
    }
}

.howhirebox.benefites_block .icon_box_hire {
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    display: flex
}

@media only screen and (max-width:767px) {
    .howhirebox.benefites_block .icon_box_hire {
        margin-bottom: 15px
    }
}

.howhirebox.benefites_block .icon_box_hire i {
    font-size: 26px;
    margin: 0
}

.howhirebox.benefites_block .icon_box_hire h3 {
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 0;
    font-family: GilroySemiBold, sans-serif
}

@media only screen and (max-width:767px) {
    .howhirebox.benefites_block .icon_box_hire h3 {
        font-size: 22px
    }
}

@media only screen and (max-width:375px) {
    .howhirebox.benefites_block .icon_box_hire h3 {
        font-size: 20px
    }
}

.howhirebox.benefites_block p {
    margin-bottom: 10px
}

.howhirebox.benefites_block p:last-child {
    margin-bottom: 0
}

.hire_benefites_og {
    background: hsla(0, 0%, 89.8%, .2)
}

.hire_benefites_pl {
    background: #f3f1ff
}

.hire_benefites_bl {
    background: #e8f0ff
}

.hire_benefites_cy {
    background: #e2fcf6
}

.hire_benefites_dy {
    background: #fff4e1
}

.hire_benefites_ey {
    background: #fbe2fc
}

.cmr-solutions {
    margin: 100px 0;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:600px) {
    .cmr-solutions {
        margin: 20px 0 30px
    }
}

.cmr-solutions .services {
    display: flex;
    gap: 30px;
    align-items: center
}

@media screen and (max-width:767px) {
    .cmr-solutions .services {
        flex-direction: column;
        gap: 0
    }
}

.cmr-solutions .services .sec-title {
    width: calc(41.5% - 15px)
}

@media screen and (max-width:767px) {
    .cmr-solutions .services .sec-title {
        width: 100%
    }
}

.cmr-solutions .services .right-tag-lines {
    width: calc(58.5% - 15px)
}

@media screen and (max-width:767px) {
    .cmr-solutions .services .right-tag-lines {
        width: 100%
    }
}

.cmr-solutions .it-consulting-platforms-box {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    margin-top: 40px
}

@media screen and (max-width:575px) {
    .cmr-solutions .it-consulting-platforms-box {
        gap: 20px 30px
    }
}

.cmr-solutions .it-consulting-platforms-box .consulting-box-detail {
    width: calc(33.33% - 20px);
    background-color: #fff;
    border: 1px solid #cccfdf;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:991px) {
    .cmr-solutions .it-consulting-platforms-box .consulting-box-detail {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:600px) {
    .cmr-solutions .it-consulting-platforms-box .consulting-box-detail {
        width: 100%
    }
}

picture.consulting-icon img {
    height: 55px;
    width: 55px
}

.cmr-solutions .it-consulting-platforms-box .consulting-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 12px;
    padding: 20px
}

.cmr-solutions .it-consulting-platforms-box .consulting-title h4 {
    flex: 1;
    color: #000;
    font-size: 20px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0
}

.cmr-solutions .it-consulting-platforms-box .consulting-text {
    background: #0d508e;
    min-height: 140px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1
}

@media screen and (max-width:600px) {
    .cmr-solutions .it-consulting-platforms-box .consulting-text {
        min-height: inherit
    }
}

.cmr-solutions .it-consulting-platforms-box .consulting-text p {
    color: #fff;
    font-family: Segoe UI, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0
}

.cmr-solutions .it-consulting-platforms-box .consulting-text a {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: 10px;
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 600;
    position: relative;
    transition: all .5s;
    margin-top: auto;
    border: none;
    outline: none;
    box-shadow: inherit;
    background-color: transparent
}

.cmr-solutions .it-consulting-platforms-box .consulting-text a i {
    transition: transform .5s;
    font-size: 22px;
    line-height: 18px;
    border: none;
    outline: none;
    box-shadow: inherit;
    background-color: transparent
}

.cmr-solutions .it-consulting-platforms-box .consulting-text a:hover {
    color: #0d508e
}

.cmr-solutions .it-consulting-platforms-box .consulting-text a:hover i {
    transform: translateX(5px)
}

.our_consultion_services .consulting_service-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px
}

.our_consultion_services .consulting_service-inner {
    width: calc(50% - 15px)
}

@media only screen and (max-width:767px) {
    .our_consultion_services .consulting_service-inner {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .our_consultion_services .consulting_service-inner:not(:first-child) .consulting_service_block:first-child {
        border-top: 1px solid #ddd;
        padding-top: 20px;
        margin-top: 20px
    }
}

@media only screen and (max-width:390px) {
    .our_consultion_services .consulting_service-inner:not(:first-child) .consulting_service_block:first-child {
        padding-top: 16px;
        margin-top: 16px
    }
}

.our_consultion_services .consulting_service_block {
    padding: 10px
}

@media only screen and (max-width:767px) {
    .our_consultion_services .consulting_service_block {
        padding: 0
    }
}

.our_consultion_services .consulting_service_block .service_title {
    position: relative;
    padding-right: 42px;
    display: flex;
    align-items: center;
    gap: 16px
}

.our_consultion_services .consulting_service_block .st-inner {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: GilroyBold, sans-serif;
    margin: 0;
    max-width: 100%
}

@media only screen and (max-width:767px) {
    .our_consultion_services .consulting_service_block .st-inner {
        font-size: 20px;
        line-height: 28px
    }
}

.our_consultion_services .consulting_service_block .c-icon-arrow-right {
    position: absolute;
    right: 5px;
    top: 50%;
    font-size: 25px;
    transform: translateY(-50%)
}

@media only screen and (max-width:390px) {
    .our_consultion_services .consulting_service_block .c-icon-arrow-right {
        font-size: 22px
    }
}

.our_consultion_services .consulting_service_block .title_image {
    width: 81px;
    min-width: 81px;
    height: 81px;
    min-height: 81px;
    text-align: center;
    background: #fafafb;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 34px
}

@media only screen and (max-width:991px) {
    .our_consultion_services .consulting_service_block .title_image {
        width: 72px;
        min-width: 72px;
        height: 72px;
        min-height: 72px;
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    .our_consultion_services .consulting_service_block .title_image {
        width: 62px;
        min-width: 62px;
        height: 62px;
        min-height: 62px;
        font-size: 28px
    }
}

.our_consultion_services .consulting_service_block .service_description {
    margin-top: 10px;
    min-height: 63px;
    font-size: 21px;
    font-weight: 400
}

@media only screen and (max-width:991px) {
    .our_consultion_services .consulting_service_block .service_description {
        font-size: 18px;
        min-height: 55px
    }
}

@media only screen and (max-width:767px) {
    .our_consultion_services .consulting_service_block .service_description {
        min-height: auto
    }
}

.our_consultion_services .consulting_service_block .service_description p {
    margin: 0
}

.our_consultion_services .consulting_service_block+.consulting_service_block {
    border-top: 1px solid #ddd;
    padding-top: 25px;
    margin-top: 15px
}

@media only screen and (max-width:767px) {
    .our_consultion_services .consulting_service_block+.consulting_service_block {
        padding-top: 20px;
        margin-top: 20px
    }
}

@media only screen and (max-width:390px) {
    .our_consultion_services .consulting_service_block+.consulting_service_block {
        padding-top: 16px;
        margin-top: 16px
    }
}

.lightContentSection {
    background: #f4f4f6;
    margin: 80px 0;
    padding: 60px 0
}

@media screen and (max-width:991px) {
    .lightContentSection {
        margin: 60px 0;
        padding: 50px 0
    }
}

.steps_engage_section {
    padding: 40px 0
}

@media screen and (max-width:991px) {
    .steps_engage_section {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .steps_engage_section {
        padding: 25px 0
    }
}

.steps_engage_section .mini-container {
    padding: 0 15px
}

.steps_engage_section .steps-listing .stepsouter {
    margin: 40px -15px 0;
    display: flex;
    justify-content: stretch;
    flex-wrap: nowrap;
    gap: 2px;
    padding: 40px 15px 10px;
    overflow: auto
}

@media screen and (max-width:991px) {
    .steps_engage_section .steps-listing .stepsouter {
        margin: 30px -15px 10px
    }
}

.steps_engage_section .steps-listing .stepsouter li {
    background-color: #0d508e;
    padding: 35px 30px 25px;
    width: calc(25% - 2px);
    border-radius: 10px;
    min-height: 150px;
    position: relative;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    min-width: 238px
}

@media screen and (max-width:991px) {
    .steps_engage_section .steps-listing .stepsouter li {
        padding: 35px 16px 20px
    }
}

.steps_engage_section .steps-listing .stepsouter li:after {
    content: "";
    background: url(https://www.bharatdigitalseva.com/assets/images/step-arrow.svg) no-repeat;
    display: inline-block;
    width: 140px;
    height: 29px;
    position: absolute;
    top: -40px;
    right: 0;
    transform: translateX(50%)
}

.steps_engage_section .steps-listing .stepsouter li:before {
    content: "";
    background: url(https://www.bharatdigitalseva.com/assets/images/step-shape.svg) no-repeat;
    display: inline-block;
    width: 86px;
    height: 32px;
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 50%;
    transform: translateX(-50%)
}

.steps_engage_section .steps-listing .stepsouter li:last-child:after {
    display: none
}

.steps_engage_section .steps-listing .stepsouter li .stepnumber {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background: #fff;
    font-family: GilroyBold, sans-serif;
    color: #000;
    font-size: 22px;
    line-height: 1.2;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 16px 20px rgba(0, 0, 0, .2)
}

.steps_engage_section .steps-listing .stepsouter li .stepttl {
    display: block;
    width: 100%
}

.number {
    position: relative;
    width: 96px;
    height: 96px;
    text-align: center;
    line-height: 96px;
    z-index: 9;
    font-size: 42px;
    font-weight: 400;
    font-family: GilroyBold, sans-serif
}

@media screen and (max-width:992px) {
    .number {
        width: 76px;
        height: 76px;
        line-height: 76px;
        font-size: 25px
    }
}

@media screen and (max-width:767px) {
    .number {
        margin: 0 auto
    }
}

.number:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: #fff;
    z-index: 3;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, .15);
    -ms-box-shadow: 5px 0 20px rgba(0, 0, 0, .15);
    box-shadow: 5px 0 20px rgba(0, 0, 0, .15);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    z-index: -1
}

.step_block {
    max-width: 225px;
    margin-top: -60px
}

@media screen and (max-width:991px) {
    .step_block {
        max-width: 170px
    }
}

@media screen and (max-width:767px) {
    .step_block {
        margin-top: 0;
        text-align: center;
        max-width: 100%
    }
}

.step_block h3,
.step_block h4 {
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    line-height: 30px;
    margin-bottom: 0
}

@media screen and (max-width:992px) {

    .step_block h3,
    .step_block h4 {
        font-size: 15px;
        line-height: 20px;
        margin-top: 15px
    }
}

.step_main_parent {
    position: relative;
    flex: 0 0 25%;
    max-width: 25%
}

@media screen and (max-width:767px) {
    .step_main_parent {
        margin: 15px 0;
        padding: 0 10px;
        max-width: 180px;
        min-width: 180px
    }
}

.step_main_parent+.step_main_parent:before {
    content: "";
    position: absolute;
    left: -32%;
    top: 25px;
    width: 89%;
    border-bottom: 1px dashed #fff;
    transform: translateX(-50%)
}

@media screen and (max-width:992px) {
    .step_main_parent+.step_main_parent:before {
        top: 5px
    }
}

@media screen and (max-width:767px) {
    .step_main_parent+.step_main_parent:before {
        top: 38px;
        left: 0
    }
}

.step_main_parent+.step_main_parent:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    left: -32%;
    top: 17px;
    z-index: 99;
    position: absolute;
    transform: translateX(-50%);
    animation: runningArrow 3.5s linear infinite
}

@media screen and (max-width:992px) {
    .step_main_parent+.step_main_parent:after {
        top: -3px
    }
}

@media screen and (max-width:767px) {
    .step_main_parent+.step_main_parent:after {
        top: 30px;
        left: 0
    }
}

.development-process-section {
    padding: 40px 0
}

@media only screen and (max-width:991px) {
    .development-process-section {
        padding: 30px 0
    }
}

@media only screen and (max-width:767px) {
    .development-process-section {
        padding: 25px 0
    }
}

.development-process-section.development-spacing {
    padding: 0 0 40px
}

@media only screen and (max-width:991px) {
    .development-process-section.development-spacing {
        padding: 0 0 20px
    }
}

@media only screen and (max-width:767px) {
    .development-process-section.development-spacing {
        padding: 0 0 10px
    }
}

.development-process-section .sec-tag-lines {
    padding-bottom: 50px;
    font-size: 16px;
    line-height: 26px;
    font-family: Segoe UI, sans-serif;
    font-weight: 400;
    color: #1e1e1e
}

@media only screen and (max-width:1280px) {
    .development-process-section .sec-tag-lines {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:1024px) {
    .development-process-section .sec-tag-lines {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .development-process-section .sec-tag-lines {
        padding-bottom: 24px
    }
}

.development-process-section .sec-tag-lines h2 {
    margin-bottom: 0
}

.development-process-section .sec-tag-lines p {
    margin: 10px 0 12px
}

.development-process-section .sec-tag-lines p:last-child {
    margin-bottom: 0
}

.development-process-section .process-wrap {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.development-process-section .process-wrap li {
    font-size: 16px;
    line-height: 26px;
    font-family: Segoe UI, sans-serif;
    font-weight: 400;
    color: #1e1e1e;
    background-color: #fcfcfc;
    padding: 30px 24px;
    width: calc(50% - 10px);
    border: 1px solid #dcdcdc;
    border-radius: 20px;
    position: relative
}

@media only screen and (max-width:1024px) {
    .development-process-section .process-wrap li {
        padding: 24px 20px
    }
}

@media only screen and (max-width:991px) {
    .development-process-section .process-wrap li {
        padding: 20px
    }
}

@media only screen and (max-width:767px) {
    .development-process-section .process-wrap li {
        width: 100%;
        line-height: 24px
    }
}

.development-process-section .process-wrap li:before {
    content: "";
    position: absolute;
    background: url(https://www.bharatdigitalseva.com/assets/images/process-arrow.svg) no-repeat;
    z-index: 9;
    width: 36px;
    height: 8px
}

@media only screen and (max-width:767px) {
    .development-process-section .process-wrap li:before {
        top: inherit !important;
        bottom: -18px !important;
        left: 50% !important;
        transform: translateX(-50%) rotate(90deg) !important
    }
}

.development-process-section .process-wrap li:first-child:before {
    top: 40px;
    right: -30px
}

@media only screen and (max-width:1024px) {
    .development-process-section .process-wrap li:first-child:before {
        top: 34px
    }
}

@media only screen and (max-width:991px) {
    .development-process-section .process-wrap li:first-child:before {
        top: 30px
    }
}

.development-process-section .process-wrap li:nth-child(2):before {
    right: 22px;
    bottom: -18px;
    transform: rotate(90deg)
}

.development-process-section .process-wrap li:nth-child(3) {
    order: 4
}

@media only screen and (max-width:767px) {
    .development-process-section .process-wrap li:nth-child(3) {
        order: 3
    }
}

.development-process-section .process-wrap li:nth-child(3):before {
    transform: rotate(180deg);
    left: -30px;
    top: 40px
}

@media only screen and (max-width:1024px) {
    .development-process-section .process-wrap li:nth-child(3):before {
        top: 34px
    }
}

@media only screen and (max-width:991px) {
    .development-process-section .process-wrap li:nth-child(3):before {
        top: 30px
    }
}

@media only screen and (max-width:767px) {
    .development-process-section .process-wrap li:nth-child(4) {
        order: 4
    }
}

.development-process-section .process-wrap li:nth-child(4):before {
    content: inherit;
    display: none;
    opacity: 0
}

.development-process-section .process-wrap li .process-title {
    padding-bottom: 16px;
    font-size: 22px;
    line-height: 28px;
    font-family: GilroyBold;
    font-weight: 400;
    color: #1e1e1e;
    margin-bottom: 0
}

@media only screen and (max-width:1024px) {
    .development-process-section .process-wrap li .process-title {
        padding-bottom: 12px;
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (max-width:767px) {
    .development-process-section .process-wrap li .process-title {
        padding-bottom: 8px;
        font-size: 18px;
        line-height: 20px
    }
}

@media only screen and (max-width:991px) {
    .development-process-section+.project-start-wrap {
        padding: 30px 0
    }
}

@media only screen and (max-width:767px) {
    .development-process-section+.project-start-wrap {
        padding: 25px 0
    }
}

.cmr-what-we {
    position: relative;
    counter-reset: my-sec-counter;
    overflow: hidden
}

.cmr-what-we .container>.row {
    margin-bottom: 1.5rem !important
}

@media screen and (max-width:1024px) {
    .cmr-what-we .container>.row {
        margin-bottom: 25px !important
    }
}

@media screen and (max-width:991px) {
    .cmr-what-we .container>.row {
        margin-bottom: 15px !important
    }
}

.cmr-what-we .aligncenter {
    align-items: center
}

.cmr-what-we .provide-plate {
    margin-top: 40px;
    margin-bottom: 40px
}

.cmr-what-we .provide-plate:last-child {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .cmr-what-we .provide-plate {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:600px) {
    .cmr-what-we .provide-plate {
        margin: 10px -15px
    }
}

.cmr-what-we .provide-plate .left-tags {
    position: relative;
    font-size: 36px;
    color: #202133;
    margin-left: 0;
    margin-right: 0;
    line-height: 46px;
    font-family: GilroyBold, sans-serif
}

@media screen and (max-width:991px) {
    .cmr-what-we .provide-plate .left-tags {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 10px
    }
}

@media screen and (max-width:600px) {
    .cmr-what-we .provide-plate .left-tags {
        font-size: 20px
    }
}

@media screen and (max-width:600px) {
    .cmr-what-we .provide-plate .left-tags span {
        width: auto;
        display: inline-flex;
        max-width: max-content;
        align-items: flex-start
    }
}

.cmr-what-we .provide-plate .left-tags:before {
    left: 15px;
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
    color: #202133;
    position: absolute;
    padding-right: 4px;
    margin: 0 5px 0 0;
    counter-increment: my-sec-counter;
    font-family: GilroyBold, sans-serif;
    content: "0" counter(my-sec-counter) "."
}

@media screen and (max-width:991px) {
    .cmr-what-we .provide-plate .left-tags:before {
        font-size: 24px;
        line-height: 1.35
    }
}

@media screen and (max-width:600px) {
    .cmr-what-we .provide-plate .left-tags:before {
        display: block;
        width: 100%;
        margin-right: 0;
        font-size: 20px
    }
}

.cmr-what-we .provide-plate .step-label-custom {
    display: block;
    font-family: GilroyBold, sans-serif;
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
    color: #202133;
    margin: 0 5px 0 0;
    min-width: auto;
    padding-left: 55px
}

@media screen and (max-width:991px) {
    .cmr-what-we .provide-plate .step-label-custom {
        font-size: 24px;
        line-height: 1.35;
        padding-left: 45px
    }
}

@media screen and (max-width:600px) {
    .cmr-what-we .provide-plate .step-label-custom {
        display: block;
        width: 100%;
        margin-right: 0;
        font-size: 20px;
        padding-left: 35px
    }
}

.cmr-what-we .provide-plate p {
    font-weight: 400;
    font-family: Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    color: #1e1e1e;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .cmr-what-we .provide-plate p {
        font-size: 18px
    }
}

.cmr-what-we .provide-plate:last-child p.why-choose-description {
    margin-bottom: 0
}

.insideedge {
    position: relative;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .insideedge .custom-gap-20 {
        margin-top: 50px
    }
}

.insideedge .serplateOuter {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 30px;
    justify-content: center
}

@media screen and (max-width:991px) {
    .insideedge .serplateOuter {
        gap: 60px 30px
    }
}

@media screen and (max-width:767px) {
    .insideedge .serplateOuter {
        gap: 50px 30px
    }
}

.insideedge .services {
    display: flex;
    gap: 30px;
    align-items: flex-end
}

@media screen and (max-width:767px) {
    .insideedge .services {
        flex-direction: column;
        gap: 0
    }
}

.insideedge .services .sec-title {
    width: calc(41.5% - 15px)
}

@media screen and (max-width:767px) {
    .insideedge .services .sec-title {
        width: 100%
    }
}

.insideedge .services .right-tag-lines {
    width: calc(58.5% - 15px)
}

@media screen and (max-width:767px) {
    .insideedge .services .right-tag-lines {
        width: 100%
    }
}

.ser-plate {
    width: calc(25% - 23px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media screen and (max-width:991px) {
    .ser-plate {
        width: calc(33.33% - 20px)
    }
}

@media screen and (max-width:767px) {
    .ser-plate {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:576px) {
    .ser-plate {
        width: 100%
    }
}

.ser-plate:hover i {
    border: 3px solid #0d508e
}
.ser-plate:hover .ser-title a {
    color: #fff;
}

.ser-plate:hover h3.ser-title,
.ser-plate:hover h4.ser-title {
    background: #0d508e;
    transition: all .4s ease
}

.ser-plate:hover .ser-title {
    color: #fff
}

.ser-plate:hover .ser-title:after {
    height: 100%;
    transition: all .4s ease
}

.ser-plate i {
    position: absolute;
    margin: 0 auto;
    height: 70px;
    width: 70px;
    background-color: rgba(13, 80, 142, .13);
    top: -35px;
    left: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    transition-delay: .2s;
    transition: all .5;
    font-size: 34px
}

@media(max-width:991px) {
    .ser-plate i {
        height: 50px;
        width: 50px;
        font-size: 26px;
        top: -25px
    }
}

.ser-plate h3.ser-title,
.ser-plate h4.ser-title {
    padding: 40px 10px;
    z-index: 9;
    margin-bottom: 0;
    transition: all .5
}

.ser-plate .ser-title,
.ser-plate h3.ser-title,
.ser-plate h4.ser-title {
    border-radius: 10px;
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
    text-align: center;
    color: #001033;
    position: relative
}

.ser-plate .ser-title {
    background: #fff;
    padding: 5px 10px;
    width: calc(100% - 30px);
    background: rgba(13, 80, 142, .13);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    height: 100%;
    min-height: 120px;
    z-index: 1
}

.ser-plate .ser-title:after {
    content: "";
    position: absolute;
    background: #0d508e;
    bottom: 0;
    height: 4px;
    width: 100%;
    transition: all .4s ease;
    z-index: -1
}

.ser-plate img {
    height: 70px;
    margin-top: -10px
}

@media screen and (max-width:600px) {
    .ser-plate img {
        margin-top: -35px
    }
}

.ser-plate:hover h3 {
    color: #fff;
    z-index: 999;
    position: relative
}

.hire-ser-plates {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    counter-reset: my-sec-counter
}

@media(max-width:575px) {
    .hire-ser-plates {
        gap: 20px;
        padding: 10px 0
    }
}

.hire-ser-plates .counter-expertise {
    width: calc(25% - 23px);
    position: relative;
    background: rgba(13, 80, 142, .13) 0 0 no-repeat padding-box;
    border-radius: 24px;
    height: 100%;
    padding-left: 50px
}

@media(max-width:991px) {
    .hire-ser-plates .counter-expertise {
        width: calc(33.33% - 20px)
    }
}

@media(max-width:767px) {
    .hire-ser-plates .counter-expertise {
        width: calc(50% - 15px)
    }
}

@media(max-width:575px) {
    .hire-ser-plates .counter-expertise {
        width: 100%
    }
}

.hire-ser-plates .counter-expertise:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    font-family: GilroyBold, sans-serif;
    color: #0d508e;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    height: fit-content;
    height: -moz-fit-content;
    text-rendering: auto;
    width: 24px;
    text-align: center
}

@media(max-width:768px) {
    .hire-ser-plates .counter-expertise:before {
        top: 0
    }
}

.hire-ser-plates .counter-expertise .ser-title {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    min-height: 96px;
    background: #0d508e 0 0 no-repeat padding-box;
    border-radius: 24px;
    margin-left: auto;
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #fff;
    padding: 16px;
    height: 100%;
    transition: all .3s ease
}

@media(max-width:991px) {
    .hire-ser-plates .counter-expertise .ser-title {
        height: 100%
    }
}

.hire-ser-plates .counter-expertise a:hover {
    background-color: #ffbdbd
}

.technology-stack-sec {
    padding: 40px 0;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/inner-banner.svg)
}

@media screen and (max-width:991px) {
    .technology-stack-sec {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .technology-stack-sec {
        padding: 25px 0
    }
}

.technology-stack-sec .mini-container {
    padding: 0 15px
}

.technology-stack-sec .sec-title {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .technology-stack-sec .sec-title {
        text-align: left
    }
}

.technology-stack-sec .technology-boxs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.technology-stack-sec .technology-boxs .tech-box {
    border-radius: 10px;
    padding: 20px;
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px)
}

@media screen and (max-width:991px) {
    .technology-stack-sec .technology-boxs .tech-box {
        padding: 15px
    }
}

@media screen and (max-width:767px) {
    .technology-stack-sec .technology-boxs .tech-box {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.technology-stack-sec .technology-boxs .tech-box h3 {
    font-family: GilroyBold, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1.2px;
    color: #000;
    margin-bottom: 20px
}

@media screen and (max-width:991px) {
    .technology-stack-sec .technology-boxs .tech-box h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

.technology-stack-sec .technology-boxs .tech-box ul {
    display: flex;
    gap: 15px;
    flex-wrap: wrap
}

@media screen and (max-width:991px) {
    .technology-stack-sec .technology-boxs .tech-box ul {
        gap: 10px
    }
}

.technology-stack-sec .technology-boxs .tech-box ul li {
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
    font-family: GilroyMedium, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

@media screen and (max-width:360px) {
    .technology-stack-sec .technology-boxs .tech-box ul li {
        font-size: 14px;
        line-height: 18px
    }
}

.technology-stack-sec .technology-boxs .tech-box ul li a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    vertical-align: middle;
    color: #000;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

@media screen and (max-width:991px) {
    .technology-stack-sec .technology-boxs .tech-box ul li a {
        gap: 8px
    }
}

@media screen and (max-width:360px) {
    .technology-stack-sec .technology-boxs .tech-box ul li a {
        gap: 6px
    }
}

.technology-stack-sec .technology-boxs .tech-box ul li a i {
    font-size: 20px;
    font-family: website-icons !important
}

@media screen and (max-width:360px) {
    .technology-stack-sec .technology-boxs .tech-box ul li a i {
        font-size: 17px
    }
}

.technology-stack-sec .technology-boxs .tech-box ul li a:hover {
    color: #0d508e
}

@media screen and (max-width:767px) {
    .technology-stack-sec .technology-boxs .tech-box ul li {
        flex: 0 0 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px)
    }
}

@media screen and (max-width:575px) {
    .technology-stack-sec .technology-boxs .tech-box ul li {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px)
    }
}

@media screen and (max-width:767px) {
    .technology-stack-sec .technology-boxs .tech-box.backend-list {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.technology-stack-sec .technology-boxs .tech-box.backend-list ul li {
    flex: 0 0 calc(33.33% - 10px);
    max-width: calc(33.33% - 10px)
}

@media screen and (max-width:575px) {
    .technology-stack-sec .technology-boxs .tech-box.backend-list ul li {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px)
    }
}

.technology-stack-sec .technology-boxs .tech-testing {
    flex: 0 0 calc(25% - 8px);
    max-width: calc(25% - 8px)
}

@media screen and (max-width:767px) {
    .technology-stack-sec .technology-boxs .tech-testing {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.technology-stack-sec .technology-boxs .tech-testing .tech-box {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px
}

@media screen and (max-width:767px) {
    .technology-stack-sec .technology-boxs .tech-testing .tech-box {
        margin-bottom: 24px
    }
}

.technology-stack-sec .technology-boxs .tech-testing .tech-box ul li {
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .technology-stack-sec .technology-boxs .tech-testing .tech-box ul li {
        flex: 0 0 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px)
    }
}

@media screen and (max-width:575px) {
    .technology-stack-sec .technology-boxs .tech-testing .tech-box ul li {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px)
    }
}

@media screen and (max-width:359px) {
    .technology-stack-sec .technology-boxs .tech-testing .tech-box ul li {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.technology-stack-sec .technology-boxs .tech-testing .cmr-outline-btn {
    max-width: 100%;
    min-width: 100% !important;
    padding: 10px 20px
}

@media screen and (max-width:991px) {
    .technology-stack-sec .technology-boxs .tech-testing .cmr-outline-btn {
        height: 50px;
        padding: 10px 15px
    }
}

@media screen and (max-width:767px) {
    .technology-stack-sec .technology-boxs .tech-testing .cmr-outline-btn {
        max-width: 200px;
        min-width: 200px !important;
        margin: 0 auto
    }
}

.our-portfolio-section {
    padding: 40px 0 80px;
    position: relative
}

@media screen and (max-width:991px) {
    .our-portfolio-section {
        padding: 30px 0 60px
    }
}

@media screen and (max-width:767px) {
    .our-portfolio-section {
        padding: 25px 0 110px !important
    }
}

.our-portfolio-section .portfolio-view {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    gap: 30px
}

@media screen and (max-width:991px) {
    .our-portfolio-section .portfolio-view {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .our-portfolio-section .portfolio-view {
        flex-wrap: wrap;
        margin-right: 0
    }
}

@media screen and (max-width:576px) {
    .our-portfolio-section .portfolio-view {
        align-items: flex-end
    }
}

.our-portfolio-section .portfolio-view .sec-title p {
    font-size: 18px;
    line-height: 30px
}

@media screen and (max-width:767px) {
    .our-portfolio-section .portfolio-view .sec-title p {
        font-size: 16px;
        line-height: 24px
    }
}

.our-portfolio-section .portfolio-view .view_all_blog {
    font-size: 16px;
    font-weight: 400;
    color: #212026;
    position: relative;
    display: inline-block;
    font-family: GilroyBold, sans-serif;
    margin-right: 15px;
    margin-top: 40px
}

@media screen and (max-width:1279px) {
    .our-portfolio-section .portfolio-view .view_all_blog {
        margin-top: 34px
    }
}

@media screen and (max-width:991px) {
    .our-portfolio-section .portfolio-view .view_all_blog {
        margin-right: 12px;
        margin-top: 32px
    }
}

@media screen and (max-width:767px) {
    .our-portfolio-section .portfolio-view .view_all_blog {
        position: absolute;
        bottom: 52px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0
    }
}

.our-portfolio-section .portfolio-view .view_all_blog:after {
    content: "";
    position: absolute;
    right: -15px;
    top: -12px;
    width: 33px;
    height: 51px;
    background: #eee;
    z-index: -1;
    transition: all .2s ease-out
}

@media screen and (max-width:991px) {
    .our-portfolio-section .portfolio-view .view_all_blog:after {
        right: -12px
    }
}

.our-portfolio-section .portfolio-view .view_all_blog:hover {
    color: #0d508e
}

.our-portfolio-section .portfolio-view .view_all_blog:hover:after {
    width: 100%;
    transition: all .2s ease-out
}

.our-portfolio-section .portfolio-list {
    display: flex;
    gap: 20px
}

@media screen and (max-width:991px) {
    .our-portfolio-section .portfolio-list {
        gap: 10px;
        overflow-x: auto;
        margin-right: -15px;
        margin-left: -15px;
        padding: 0 15px 10px
    }
}

.our-portfolio-section .portfolio-list .portfolio-box {
    flex: 0 0 calc(33.33% - 13px);
    max-width: calc(33.33% - 13px);
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    transition: all .5s ease 0s;
    padding: 10px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:1200px) {
    .our-portfolio-section .portfolio-list .portfolio-box {
        flex: 0 0 calc(33.33% - 13px);
        max-width: calc(33.33% - 13px)
    }
}

@media screen and (max-width:991px) {
    .our-portfolio-section .portfolio-list .portfolio-box {
        flex: 0 0 48%;
        max-width: 48%
    }
}

@media screen and (max-width:575px) {
    .our-portfolio-section .portfolio-list .portfolio-box {
        flex: 0 0 85%;
        max-width: 85%;
        border-radius: 15px
    }
}

.our-portfolio-section .portfolio-list .portfolio-box:hover .portfolio-details .portfolio-name {
    color: #f16425
}

.our-portfolio-section .portfolio-list .portfolio-box:hover .view_link:after {
    background: #000
}

.our-portfolio-section .portfolio-list .portfolio-box .img-box {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 67.8%;
    border-radius: 20px;
    background-color: #efefef
}

@media screen and (max-width:575px) {
    .our-portfolio-section .portfolio-list .portfolio-box .img-box {
        border-radius: 15px
    }
}

.our-portfolio-section .portfolio-list .portfolio-box .img-box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    transition: .3s ease
}

@media screen and (max-width:575px) {
    .our-portfolio-section .portfolio-list .portfolio-box .img-box img {
        border-radius: 15px
    }
}

.our-portfolio-section .portfolio-list .portfolio-box .portfolio-details {
    padding: 20px 10px 10px
}

@media screen and (max-width:1280px) {
    .our-portfolio-section .portfolio-list .portfolio-box .portfolio-details {
        padding: 15px
    }
}

@media screen and (max-width:767px) {
    .our-portfolio-section .portfolio-list .portfolio-box .portfolio-details {
        padding: 15px 5px 10px
    }
}

.our-portfolio-section .portfolio-list .portfolio-box .portfolio-details .portfolio-name {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 33px;
    color: #1e1e1e;
    letter-spacing: 0;
    transition: all .5s ease 0s
}

@media screen and (max-width:991px) {
    .our-portfolio-section .portfolio-list .portfolio-box .portfolio-details .portfolio-name {
        font-size: 24px;
        line-height: 30px
    }
}

@media screen and (max-width:767px) {
    .our-portfolio-section .portfolio-list .portfolio-box .portfolio-details .portfolio-name {
        font-size: 22px;
        line-height: 28px
    }
}

@media screen and (max-width:576px) {
    .our-portfolio-section .portfolio-list .portfolio-box .portfolio-details .portfolio-name {
        font-size: 20px;
        line-height: 26px
    }
}

.our-portfolio-section .portfolio-list .portfolio-box .portfolio-details .portfolio-categories {
    font-family: GilroyRegular, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: .56px;
    color: #1d1e31;
    margin: 6px 0 0
}

@media screen and (max-width:991px) {
    .our-portfolio-section .portfolio-list .portfolio-box .portfolio-details .portfolio-categories {
        font-size: 16px
    }
}

@media screen and (max-width:767px) {
    .our-portfolio-section .portfolio-list .portfolio-box .portfolio-details .portfolio-categories {
        font-size: 14px
    }
}

.our-portfolio-section .portfolio-list .portfolio-box .view_link {
    position: absolute;
    margin-right: 0;
    bottom: 5px;
    right: 10px;
    color: #fff
}

.our-portfolio-section .portfolio-list .portfolio-box .view_link:after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 55px;
    height: 55px;
    background: #f16425;
    z-index: -1;
    transition: all .2s ease-out;
    border-radius: 55px 0 0
}

.our-portfolio-section .portfolio-list .portfolio-box .view_link i {
    transition: all .5s ease 0s;
    font-size: 22px
}

@media screen and (max-width:767px) {
    .our-portfolio-section+.technology-stack-sec {
        padding-top: 0
    }
}

.hire-lightContentSection {
    background-color: #fff;
    background-image: radial-gradient(at 36% 63%, #e5f7ff 0, transparent 50%), radial-gradient(at 15% 77%, #e5f7ff 0, transparent 50%), radial-gradient(at 12% 25%, #ffe8db 0, transparent 50%), radial-gradient(at 43% 12%, #f5feff 0, transparent 50%), radial-gradient(at 64% 64%, #ffe9e0 0, transparent 50%), radial-gradient(at 100% 0, #e5f7ff 0, transparent 50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (max-width:992px) {
    .hire-lightContentSection .sec-description:has(.secDesList) {
        margin: 0 -15px
    }
}

@media only screen and (max-width:992px) {
    .hire-lightContentSection .secDesList {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        overflow: auto;
        font-size: 16px;
        line-height: 24px;
        padding: 0 15px 8px
    }
}

.hire-lightContentSection .secDesList::-webkit-scrollbar {
    width: 5px
}

.hire-lightContentSection .secDesList::-webkit-scrollbar:horizontal {
    height: 5px
}

.hire-lightContentSection .secDesList::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 10px
}

.hire-lightContentSection .secDesList:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .hire-lightContentSection .secDesList {
        font-size: 16px
    }
}

.hire-lightContentSection .secDesList li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 14px
}

.hire-lightContentSection .secDesList li:before {
    content: inherit
}

@media only screen and (max-width:992px) {
    .hire-lightContentSection .secDesList li {
        min-width: 388px;
        margin: 0 8px;
        padding: 0 12px 0 16px;
        border-right: 1px solid #d3d3d3
    }
}

@media only screen and (max-width:480px) {
    .hire-lightContentSection .secDesList li {
        min-width: 290px;
        padding: 0 10px 0 18px
    }
}

@media only screen and (max-width:359px) {
    .hire-lightContentSection .secDesList li {
        min-width: 240px;
        padding: 0 8px 0 18px
    }
}

@media only screen and (max-width:992px) {
    .hire-lightContentSection .secDesList li:first-child {
        margin-left: 0
    }
}

.hire-lightContentSection .secDesList li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    .hire-lightContentSection .secDesList li:last-child {
        margin-right: 0;
        border-right: none
    }
}

.hire-lightContentSection .secDesList li .why-title {
    position: relative;
    margin-bottom: 4px
}

.hire-lightContentSection .secDesList li .why-title:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 9px;
    left: -18px;
    border-radius: 20px;
    background: #0d508e
}

@media only screen and (max-width:1280px) {
    .hire-lightContentSection .secDesList li .why-title:before {
        top: 8px;
        top: 7px;
        left: -16px
    }
}

@media only screen and (max-width:992px) {
    .hire-lightContentSection .secDesList li .why-title:before {
        top: 6px
    }
}

.hire-lightContentSection .secDesList a {
    color: #0d508e
}

.hire-lightContentSection .deslist-bullet {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #001033
}

@media screen and (max-width:767px) {
    .hire-lightContentSection .deslist-bullet {
        font-size: 16px
    }
}

.hire-lightContentSection .deslist-bullet li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 13px
}

.hire-lightContentSection .deslist-bullet li:last-child {
    margin-bottom: 0
}

.hire-lightContentSection .deslist-bullet li:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 2px;
    border-radius: 20px;
    background: #0d508e
}

.hire-lightContentSection .deslist-bullet a {
    color: #0d508e
}

.actionButton {
    text-align: center;
    margin-top: 40px
}

.actionButton .cmr-solid-btn {
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .actionButton {
        margin-top: 30px
    }
}

.project-start-wrap.inquiry-page {
    padding: 0;
}
.project-start-wrap {
    padding: 40px 0
}

.project-start-wrap.pb-40 {
    padding: 0
}

.project-start-inner.start-contact.inquiry {
    background: transparent;
}
.project-start-wrap .project-start-inner {
    position: relative;
    background: #0d508e;
    padding: 30px 50px;
    border-radius: 10px;
    display: flex;
    gap: 30px;
    min-height: 240px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between
}

@media screen and (max-width:1200px) {
    .project-start-wrap .project-start-inner {
        padding: 30px
    }
}

@media screen and (max-width:767px) {
    .project-start-wrap .project-start-inner {
        padding: 30px 15px;
        min-height: auto;
        gap: 20px
    }
}

.start-left.inquiry p{
    color: #000000;
}

.project-start-wrap .project-start-inner .start-left {
    flex: 1;
    display: block;
    font-size: calc(15px + .7vw);
    width: 100%;
    color: #fff;
    margin: 0;
    font-family: GilroyLight, sans-serif;
    font-weight: 400;
    line-height: 1.5
}

.project-start-wrap .project-start-inner .start-left strong {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400
}

.project-start-wrap .project-start-inner .start-left p {
    margin-bottom: 10px
}

.project-start-wrap .project-start-inner .start-left p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .project-start-wrap .project-start-inner .start-left {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }
}

.project-start-wrap .project-start-inner .start-left p+p {
    font-weight: 400;
    margin: 0
}

.project-start-wrap .project-start-inner .start-left.protfolio-left p,
.project-start-wrap .project-start-inner .start-left p+p {
    font-size: calc(19.2px + .7vw);
    font-family: GilroySemiBold, sans-serif
}

.project-start-wrap .project-start-inner .start-left.protfolio-left p+p {
    font-size: calc(12px + .5vw);
    font-family: GilroyLight, sans-serif
}

.project-start-wrap .project-start-inner .cmr-outline-btn {
    margin: auto 0;
    background-color: #fff;
    border: none;
    height: 50px;
    z-index: 9;
    min-width: 210px;
    flex-wrap: nowrap
}

@media screen and (max-width:767px) {
    .project-start-wrap .project-start-inner .cmr-outline-btn {
        margin: auto
    }
}

.project-start-wrap .project-start-inner .start-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    flex: 0 0 calc(58% - 10px)
}

.project-start-wrap .project-start-inner .start-right .start-link {
    background-color: #fff;
    padding: 12px 15px 12px 60px;
    height: auto;
    gap: 15px;
    box-shadow: 0 3px 26px rgba(0, 0, 0, .06);
    border-radius: 10px;
    width: calc(50% - 15px);
    position: relative
}

@media screen and (max-width:575px) {
    .project-start-wrap .project-start-inner .start-right .start-link {
        width: 100%
    }
}

.project-start-wrap .project-start-inner .start-right .start-link .icon {
    background-position: 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/social-icons.svg);
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto
}

.project-start-wrap .project-start-inner .start-right .start-link .icon.instagram {
    background-position-x: -121px
}
.project-start-wrap .project-start-inner .start-right .start-link .icon.whatapp {
    background-position-x: -60px
}

.project-start-wrap .project-start-inner .start-right .start-link .icon.gmail {
    background-position-x: -30px
}

.project-start-wrap .project-start-inner .start-right .start-link .icon.telephone {
    background-position-x: -90px
}

.project-start-wrap .project-start-inner .start-right .start-link h4 {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    color: #1d1e31
}

.project-start-wrap .project-start-inner .start-right .start-link h3 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 1.17em;
    line-height: 1.2;
    color: #1d1e31;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .project-start-wrap .project-start-inner .start-right .start-link h3 {
        font-size: .97em
    }
}

.project-start-wrap .project-start-inner.start-contact .start-left {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:991px) {
    .project-start-wrap .project-start-inner.start-contact .start-left {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }
}

.project-start-wrap .project-start-inner.start-contact .start-right {
    text-align: left
}

@media screen and (max-width:991px) {
    .project-start-wrap .project-start-inner.start-contact .start-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:575px) {
    .project-start-wrap .project-start-inner.start-contact .start-right {
        gap: 20px;
        margin-top: 10px
    }
}

.contact-section {
    padding: 30px 0;
    background: #071830;
    position: relative
}

.user-talk-row {
    align-items: center;
    background: url(https://www.bharatdigitalseva.com/assets/images/user-back.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: auto
}

.blue-cta-inner {
    display: flex;
    flex-wrap: wrap
}

.blue-cta-inner .user-icon-bg {
    width: 25%;
    padding: 0 15px 0 0
}

@media screen and (max-width:767px) {
    .blue-cta-inner .user-icon-bg {
        width: 100%;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .blue-cta-inner .user-icon-bg img {
        display: block;
        margin: 0 auto
    }
}

.blue-cta-inner .talk-text {
    padding-left: 87px;
    width: 75%;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #fff
}

@media screen and (max-width:767px) {
    .blue-cta-inner .talk-text {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }
}

.blue-cta-inner .talk-text h2 {
    font-family: GilroyRegular, sans-serif;
    font-size: 29px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .blue-cta-inner .talk-text h2 {
        font-size: 26px
    }
}

@media screen and (max-width:575px) {
    .blue-cta-inner .talk-text h2 {
        font-size: 24px
    }
}

.blue-cta-inner .talk-text a.primary-btn {
    display: inline-flex;
    margin-top: 20px;
    align-items: center
}

.cmr-query {
    margin: 80px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 60px;
    height: 304px;
    background: #f4f4f6
}

.cmr-query .cmr-query-inner {
    column-gap: 30px;
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.cmr-query .query-title {
    -webkit-flex: 1 1;
    flex: 1 1
}

@media screen and (max-width:991px) {
    .cmr-query .query-title {
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media screen and (max-width:991px) {
    .cmr-query .query-title .right-tag-lines {
        text-align: center
    }
}

.cmr-query .query-round {
    width: 30vw;
    height: 30vw;
    max-width: 330px;
    max-height: 330px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .46);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-filter: drop-shadow(0 3px 36px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 3px 36px rgba(0, 0, 0, .16))
}

@media screen and (max-width:1059px) {
    .cmr-query .query-round {
        text-align: center
    }
}

@media screen and (max-width:991px) {
    .cmr-query .query-round {
        margin: 20px auto;
        width: 300px;
        height: 300px
    }
}

@media screen and (max-width:359px) {
    .cmr-query .query-round {
        width: 280px;
        height: 280px
    }
}

.cmr-query .query-round h4,
.cmr-query .query-round h5 {
    font-family: GilroyRegular, sans-serif;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
    color: #1d1e31
}

.cmr-query .query-round .brusher {
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width:991px) {
    .cmr-query {
        padding: 30px 0;
        height: auto
    }
}

@media screen and (max-width:600px) {
    .cmr-query {
        margin: 30px 0
    }
}

.right-tag-lines {
    font-family: GilroyRegular, sans-serif;
    font-weight: 400;
    font-size: 34px;
    line-height: 55px;
    text-align: left;
    color: #1d1e31;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .right-tag-lines {
        font-size: 24px;
        line-height: 32px
    }
}

@media screen and (max-width:767px) {
    .right-tag-lines {
        padding-top: 5px;
        text-align: left
    }
}

@media screen and (max-width:600px) {
    .right-tag-lines {
        font-size: 22px;
        line-height: 35px
    }
}

.right-tag-lines strong {
    font-family: GilroyBold, sans-serif;
    position: relative;
    font-weight: 400
}

.let-discuss {
    padding: 50px 0;
    background-color: #f4f4f6;
    margin: 40px 0
}

@media screen and (max-width:600px) {
    .let-discuss {
        margin: 50px 0;
        padding: 25px 0
    }
}

.let-discuss.with-white-bg {
    background: #fff
}

.let-discuss.hire-developer-let-discuss .cmr-outline-btn i {
    margin-left: 10px
}

.discuss-left {
    display: flex
}

.question-mark {
    margin-right: 30px;
    width: 15%
}

@media screen and (max-width:991px) {
    .reverse-direction-mobile .col-lg-4 {
        order: 2
    }
}

.discuss-title {
    width: calc(85% - 30px)
}

@media screen and (max-width:991px) {
    .discuss-title {
        width: 100%;
        margin-bottom: 15px
    }
}

@media screen and (max-width:767px) {
    .discuss-title {
        text-align: center
    }
}

.discuss-title h3 {
    font-family: GilroyRegular, sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    margin: 0
}

@media screen and (max-width:600px) {
    .discuss-title h3 {
        font-size: 22px;
        line-height: 32px
    }
}

.discuss-title h3 strong {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    position: relative
}

.discuss-title h3 strong.small-font {
    font-size: 30px
}

@media screen and (max-width:600px) {
    .discuss-title h3 strong.small-font {
        font-size: 20px;
        line-height: 1
    }
}

.discuss-title h2 {
    font-size: 35px;
    font-weight: 300;
    line-height: 45px;
    margin: 0
}

@media screen and (max-width:600px) {
    .discuss-title h2 {
        font-size: 22px;
        line-height: 32px
    }
}

.discuss-title h2 strong {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    position: relative
}

.discuss-title h2 strong.small-font {
    font-size: 30px
}

@media screen and (max-width:600px) {
    .discuss-title h2 strong.small-font {
        font-size: 20px;
        line-height: 1
    }
}

.discuss-title p {
    font-size: 17px
}

.discuss-right {
    text-align: center;
    box-shadow: 0 3px 36px rgba(0, 0, 0, .16);
    border-radius: 50%;
    width: 260px;
    height: 260px;
    position: relative;
    padding-left: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.discuss-right .cmr-outline-btn {
    background: #000;
    color: #fff;
    border: none;
    margin: 0 auto;
    height: 50px
}

.discuss-right .cmr-outline-btn:before {
    background: #0d508e
}

@media screen and (max-width:990px) {
    .discuss-right .cmr-outline-btn:hover {
        background: #0d508e;
        color: #fff
    }
}

.discuss-right.left-brush:before {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/pointer-de.svg)
}

@media screen and (max-width:767px) {
    .discuss-right.left-brush:before {
        width: 100px;
        height: 100px;
        background-size: 100px
    }
}

.discuss-right h3,
.discuss-right h4 {
    text-align: center;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 15px
}

.faq-sections {
    margin-bottom: 0
}

.faq-sections b,
.faq-sections strong {
    font-family: Segoe UI, Helvetica, SF Pro Display, Ubuntu, sans-serif;
    font-weight: 700
}

@media screen and (max-width:991px) {
    .faq-sections .faq-list {
        flex: 100%;
        max-width: 100%
    }
}

.faq-sections .faq-sticky {
    display: flex;
    align-items: center
}

@media screen and (max-width:991px) {
    .faq-sections .faq-sticky {
        flex: 100%;
        max-width: 100%;
        justify-content: center;
        padding-top: 50px
    }
}

@media screen and (max-width:767px) {
    .faq-sections .faq-sticky {
        position: inherit;
        position: relative;
        top: 0;
        height: auto;
        text-align: center
    }

    .faq-sections .faq-sticky .cmr-outline-btn {
        margin: 0 auto
    }
}

.faq-sections ul#accordion {
    padding: 10px 50px 0 0
}

@media screen and (max-width:991px) {
    .faq-sections ul#accordion {
        padding-right: 0
    }
}

.faq-sections li.faq_item {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #1d1e31;
    padding: 28px 0;
    border-bottom: 1px solid #ddd;
    padding-left: 0 !important
}

.faq-sections li.faq_item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.faq-sections li.faq_item:before {
    display: none
}

@media screen and (max-width:1024px) {
    .faq-sections li.faq_item {
        padding: 20px 0
    }
}

@media screen and (max-width:991px) {
    .faq-sections li.faq_item {
        padding: 15px 0
    }
}

@media screen and (max-width:767px) {
    .faq-sections li.faq_item {
        font-size: 16px;
        padding: 12px 0
    }
}

.faq-sections li.faq_item .faq_body .faq_body_inner {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0 0;
    line-height: 30px;
    margin-top: 10px
}

@media screen and (max-width:991px) {
    .faq-sections li.faq_item .faq_body .faq_body_inner {
        margin-top: 5px
    }
}

.faq-sections li.faq_item .faq_body .faq_body_inner p:last-child {
    margin-bottom: 0
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul {
    position: relative;
    margin-bottom: 1rem;
    padding: 0;
    line-height: 26px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul:last-child {
    margin-bottom: 0
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li {
    position: relative;
    list-style: none;
    border-bottom: 0;
    margin: 0 0 12px;
    padding: 0 0 0 25px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li:last-child {
    margin-bottom: 0
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li:before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 20px;
    background-color: #fff;
    border: 2px solid #0d508e;
    left: 2px;
    top: 8px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li ul {
    margin-top: 12px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li ul li {
    padding-left: 23px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li ul li:before {
    background: #0d508e;
    width: 9px;
    height: 9px;
    top: 9px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li ol {
    margin-top: 12px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ul li ol li:before {
    display: none
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol {
    padding: 0 0 0 22px;
    margin-bottom: 1rem;
    list-style-type: none;
    line-height: 26px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol:last-child {
    margin-bottom: 0
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li {
    list-style-type: decimal;
    position: relative;
    border-bottom: 0;
    margin: 0 0 12px;
    padding: 0 0 0 3px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li:last-child {
    margin-bottom: 0
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li ul {
    margin-top: 12px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li ul li {
    padding-left: 23px;
    list-style-type: none
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li ul li:before {
    background: #0d508e;
    width: 9px;
    height: 9px;
    top: 9px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li ol {
    margin-top: 12px
}

.faq-sections li.faq_item .faq_body .faq_body_inner ol li ol li:before {
    display: none
}

.faq-sections li.faq_item .faq_body .faq_body_inner .alphabetList li {
    list-style-type: upper-alpha
}

.faq-sections li.faq_item .faq_body .faq_body_inner a {
    color: #0d508e
}

.faq-sections li.faq_item .faq_header .card-link {
    display: block;
    width: 100%;
    position: relative;
    padding-right: 35px;
    color: #1d1e31 !important;
    cursor: pointer
}

.faq-sections li.faq_item .faq_header .card-link .faqIcon {
    position: absolute;
    right: 0;
    top: -2px;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    display: inline-block
}

@media screen and (max-width:767px) {
    .faq-sections li.faq_item .faq_header .card-link .faqIcon {
        width: 24px;
        height: 24px;
        top: 2px
    }
}

.faq-sections li.faq_item .faq_header .card-link .faqIcon:after,
.faq-sections li.faq_item .faq_header .card-link .faqIcon:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 12px;
    width: 2px;
    background-color: #0d508e;
    margin: auto;
    transition: all .35s
}

@media screen and (max-width:767px) {

    .faq-sections li.faq_item .faq_header .card-link .faqIcon:after,
    .faq-sections li.faq_item .faq_header .card-link .faqIcon:before {
        height: 10px
    }
}

.faq-sections li.faq_item .faq_header .card-link .faqIcon:after {
    transform: rotate(-90deg)
}

.faq-sections li.faq_item .faq_header.active .faqIcon {
    background: #0d508e;
    border: 1px solid #0d508e
}

.faq-sections li.faq_item .faq_header.active .faqIcon:before {
    transform: rotate(-90deg);
    background-color: #fff
}

.faq-sections li.faq_item .faq_header.active .faqIcon:after {
    background-color: #fff
}

.faq-sections .sec-title p {
    font-style: italic;
    font-size: 16px;
    color: #001033;
    margin-top: 0;
    padding-left: 51px
}

.faq-sections .faq-right-section p,
.faq-sections .sec-title p {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    position: relative
}

.faq-sections .faq-right-section p {
    font-size: 20px;
    color: #0d508e;
    margin-top: 65px
}

@media screen and (max-width:991px) {
    .faq-sections .faq-right-section p {
        margin-top: 0
    }
}

.faq-sections .faq-right-section h3 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #001033;
    line-height: 1.35;
    max-width: 322px;
    margin-bottom: 35px
}

@media(min-width:992px) {
    .faq-sections .faq-right-section h3 {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .faq-sections .faq-right-section h3 {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .faq-sections .faq-right-section h3 {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .faq-sections .faq-right-section h3 {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .faq-sections .faq-right-section h3 {
        font-size: 26px
    }
}

@media screen and (max-width:991px) {
    .faq-sections .faq-right-section h3 {
        max-width: 100%
    }
}

@media screen and (min-width:992px) {
    .faq-sections .faq-right-section {
        position: sticky;
        top: 30px
    }
}

@media screen and (max-width:991px) {
    .faq-sections .faq-right-section {
        text-align: center
    }

    .faq-sections .faq-right-section .cmr-outline-btn {
        margin: auto
    }
}

.our-blogs-section {
    padding: 40px 0
}

@media screen and (max-width:991px) {
    .our-blogs-section {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .our-blogs-section {
        padding: 25px 0
    }
}

.our-blogs-section .blogs-listing {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media screen and (max-width:991px) {
    .our-blogs-section .blogs-listing {
        gap: 20px;
        overflow: auto;
        padding: 30px 15px 10px;
        margin: 0 -15px
    }
}

.our-blogs-section .blogs-listing .blog_item {
    flex: 0 0 calc(33.33% - 13px);
    max-width: calc(33.33% - 13px);
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .our-blogs-section .blogs-listing .blog_item {
        flex: 0 0 45%;
        max-width: 45%
    }
}

@media screen and (max-width:680px) {
    .our-blogs-section .blogs-listing .blog_item {
        flex: 0 0 60%;
        max-width: 60%
    }
}

@media screen and (max-width:575px) {
    .our-blogs-section .blogs-listing .blog_item {
        flex: 0 0 88%;
        max-width: 88%
    }
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap {
    position: relative;
    z-index: 1;
    height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap:hover {
    transition: all .5s;
    -webkit-transition: all .5s
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap:hover:before {
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .08);
    height: calc(100% + 15px);
    transition: all .5s;
    -webkit-transition: all .5s
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap:hover .post-title a {
    color: #0d508e
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    display: block;
    height: calc(100% - 90px);
    width: 100%;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    bottom: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    border-radius: 20px
}

@media screen and (max-width:767px) {
    .our-blogs-section .blogs-listing .blog_item .blog-info-wrap:before {
        border-radius: 10px
    }
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog_image {
    display: block;
    margin: 0 15px;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .051);
    border-radius: 20px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog_image {
        border-radius: 10px
    }
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog_image picture {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 53.2%
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog_image picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details {
    padding: 20px
}

@media screen and (max-width:767px) {
    .our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details {
        padding: 15px
    }
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details .blog_category {
    font-size: 14px;
    line-height: 18px;
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    letter-spacing: 2.66px;
    color: #0d508e;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 16px
}

@media screen and (max-width:767px) {
    .our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details .blog_category {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 2px;
        margin-bottom: 10px
    }
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details .post-title {
    font-size: 18px;
    line-height: 25px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #000;
    min-height: 48px;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details .post-title {
        font-size: 16px;
        line-height: 23px;
        min-height: auto
    }
}

.our-blogs-section .blogs-listing .blog_item .blog-info-wrap .blog-details .post-title a {
    transition: all .35s ease 0s
}

.blog_upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
    gap: 10px
}

@media only screen and (max-width:1024px) {
    .blog_upper {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:991px) {
    .blog_upper {
        margin-bottom: 10px
    }
}

.blog_upper .blog_section_title {
    font-family: GilroyBold, sans-serif;
    letter-spacing: 0;
    line-height: 1.35;
    color: #000;
    margin-bottom: 0
}

@media(min-width:992px) {
    .blog_upper .blog_section_title {
        font-size: 32px
    }
}

@media(min-width:1280px) {
    .blog_upper .blog_section_title {
        font-size: 38px
    }
}

@media(min-width:1450px) {
    .blog_upper .blog_section_title {
        font-size: 40px
    }
}

@media(max-width:992px) {
    .blog_upper .blog_section_title {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .blog_upper .blog_section_title {
        font-size: 26px
    }
}

@media screen and (max-width:767px) {
    .blog_upper .blog_section_title {
        margin-bottom: 0
    }
}

.blog_upper p {
    margin-bottom: 0
}

.view_all_blog {
    font-size: 16px;
    font-weight: 400;
    color: #212026;
    position: relative;
    display: inline-block;
    font-family: GilroyBold, sans-serif;
    margin-right: 15px;
    white-space: nowrap
}

.view_all_blog:hover {
    color: #0d508e
}

.view_all_blog:hover:after {
    width: 100%;
    transition: all .2s ease-out
}

.view_all_blog:after {
    content: "";
    position: absolute;
    right: -15px;
    top: -12px;
    width: 33px;
    height: 51px;
    background: #eee;
    z-index: -1;
    transition: all .2s ease-out
}

@media screen and (max-width:991px) {
    .view_all_blog:after {
        right: -12px
    }
}

.view_all_blog i {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 5px
}

@media screen and (max-width:991px) {
    .view_all_blog {
        margin-right: 12px
    }
}

.cmr-related {
    overflow: hidden;
    position: relative
}

.cmr-related .need-solution-link-wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px
}

.cmr-related .need-solution-link-wrap a {
    width: calc(25% - 22.5px)
}

@media(max-width:991px) {
    .cmr-related .need-solution-link-wrap a {
        width: calc(50% - 22.5px)
    }
}

@media(max-width:575px) {
    .cmr-related .need-solution-link-wrap a {
        width: 100%
    }
}

.cmr-related .need-solution-link-wrap .related-plate {
    height: 219px;
    position: relative;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 56px hsla(0, 0%, 58%, .05);
    display: flex;
    padding: 20px;
    justify-content: center;
    flex-direction: column;
    background-color: #f4f4f6;
    cursor: pointer;
    overflow: hidden
}

@media screen and (max-width:992px) {
    .cmr-related .need-solution-link-wrap .related-plate {
        box-shadow: 0 3px 6px hsla(0, 0%, 58%, .05);
        margin-bottom: 30px
    }
}

@media screen and (max-width:320px) {
    .cmr-related .need-solution-link-wrap .related-plate {
        height: 180px;
        margin-bottom: 15px
    }
}

.cmr-related .need-solution-link-wrap .related-plate:hover:before {
    bottom: 30px;
    transform: rotate(0deg);
    transition: all .5s;
    font-size: 30px
}

.cmr-related .need-solution-link-wrap .related-plate:hover:after {
    top: -100px;
    transition: all .5s
}

.cmr-related .need-solution-link-wrap .related-plate:before {
    content: "";
    font-family: website-icons !important;
    position: absolute;
    right: 20px;
    bottom: -30px;
    transform: rotate(-90deg);
    transition: all .5s
}

@media screen and (max-width:1024px) {
    .cmr-related .need-solution-link-wrap .related-plate:before {
        bottom: 40px;
        transform: rotate(0deg);
        font-size: 30px
    }
}

.cmr-related .need-solution-link-wrap .related-plate:after {
    content: "";
    background-image: url(https://www.bharatdigitalseva.com/assets/images/solution-skew.svg);
    position: absolute;
    right: 0;
    top: 0;
    transition: all .5s;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none
}

@media screen and (max-width:1024px) {
    .cmr-related .need-solution-link-wrap .related-plate:after {
        top: -130px
    }
}

.cmr-related .need-solution-link-wrap .related-plate .related-icon {
    width: 80px;
    height: 80px;
    min-height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    z-index: 9
}

.cmr-related .need-solution-link-wrap .related-plate .related-icon i,
.cmr-related .need-solution-link-wrap .related-plate .related-icon span {
    font-size: 38px
}

.cmr-related .need-solution-link-wrap .related-plate .related-icon img {
    width: 50px
}

.cmr-related .need-solution-link-wrap .related-plate h3,
.cmr-related .need-solution-link-wrap .related-plate h4 {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #373f54;
    padding-right: 35px
}

@media screen and (min-width:1600px) {

    .cmr-related .need-solution-link-wrap .related-plate h3,
    .cmr-related .need-solution-link-wrap .related-plate h4 {
        padding-right: 41px
    }
}

@media screen and (max-width:1024px) {

    .cmr-related .need-solution-link-wrap .related-plate h3,
    .cmr-related .need-solution-link-wrap .related-plate h4 {
        padding-right: 40px
    }
}

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

    .cmr-related .need-solution-link-wrap .related-plate h3,
    .cmr-related .need-solution-link-wrap .related-plate h4 {
        font-size: 16px;
        line-height: 1.5
    }
}

@media screen and (max-width:320px) {

    .cmr-related .need-solution-link-wrap .related-plate h3,
    .cmr-related .need-solution-link-wrap .related-plate h4 {
        line-height: 20px
    }
}

.domains-expertise-section {
    padding: 40px 0;
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(https://www.bharatdigitalseva.com/assets/images/country-map.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.domains-expertise-section:after,
.domains-expertise-section:before {
    content: inherit
}

@media screen and (max-width:991px) {
    .domains-expertise-section {
        padding: 30px 0
    }
}

@media screen and (max-width:767px) {
    .domains-expertise-section {
        padding: 25px 0 100px
    }
}

.domains-expertise-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px
}

.domains-expertise-header .sec-title {
    flex: 1
}

@media screen and (max-width:600px) {
    .domains-expertise-header .sec-title {
        flex: auto;
        width: 100%
    }
}

.domains-expertise-header .sec-title p {
    font-size: 18px;
    line-height: 30px
}

@media screen and (max-width:767px) {
    .domains-expertise-header .sec-title p {
        font-size: 16px;
        line-height: 24px
    }
}

.domains-expertise-header .view_all_blog {
    margin-top: 40px
}

@media screen and (max-width:1279px) {
    .domains-expertise-header .view_all_blog {
        margin-top: 34px
    }
}

@media screen and (max-width:991px) {
    .domains-expertise-header .view_all_blog {
        margin-top: 32px
    }
}

@media screen and (max-width:767px) {
    .domains-expertise-header .view_all_blog {
        position: absolute;
        bottom: 38px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0
    }
}

.domains-infocus-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 20px
}

@media screen and (max-width:576px) {
    .domains-infocus-boxes {
        gap: 15px
    }
}

.domains-infocus-boxes li {
    position: relative;
    text-align: center;
    border-radius: 16px;
    width: calc(16% - 9px);
    z-index: 2
}

@media screen and (max-width:1280px) {
    .domains-infocus-boxes li {
        width: calc(25% - 15px)
    }
}

@media screen and (max-width:767px) {
    .domains-infocus-boxes li {
        width: calc(33.33% - 15px)
    }
}

@media screen and (max-width:576px) {
    .domains-infocus-boxes li {
        width: calc(50% - 8px)
    }
}

.domains-infocus-boxes li:hover:after {
    height: 100%
}

.domains-infocus-boxes li:after {
    content: "";
    position: absolute;
    background: #d6d6f6;
    bottom: 0;
    height: 0;
    width: 100%;
    left: 0;
    right: 0;
    transition: all 1s ease
}

.domains-infocus-boxes li a {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    transition: all .2s ease-in-out;
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

.domains-infocus-boxes li a span {
    width: 100%;
    padding: 10px;    
    text-align: center;
    background-color: #fff;
    transition: all .3s ease;    
    background-color: var(--theme-color-white);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    transition: all 300ms ease;
}

.domains-infocus-boxes li a span i {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eef;
    margin: 0 auto;
    color: #000
}

@media only screen and (max-width:1024px) {
    .domains-infocus-boxes li a span i {
        width: 56px;
        height: 56px;
        font-size: 28px
    }
}

@media only screen and (max-width:991px) {
    .domains-infocus-boxes li a span i {
        width: 50px;
        height: 50px;
        font-size: 26px
    }
}

.domains-infocus-boxes li a strong {
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #0d508e;
    color: #fff
}

@media only screen and (max-width:991px) {
    .domains-infocus-boxes li a strong {
        font-size: 15px
    }
}

@keyframes marqueeloop {
    0% {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0)
    }

    to {
        transform: translate3d(-2080px, 0, 0);
        -webkit-transform: translate3d(-2080px, 0, 0);
        -moz-transform: translate3d(-2080px, 0, 0);
        -ms-transform: translate3d(-2080px, 0, 0);
        -o-transform: translate3d(-2080px, 0, 0);

        @media screen and (max-width:1199px) {
            transform: translate3d(-1840px, 0, 0);
            -webkit-transform: translate3d(-1840px, 0, 0);
            -moz-transform: translate3d(-1840px, 0, 0);
            -ms-transform: translate3d(-1840px, 0, 0);
            -o-transform: translate3d(-1840px, 0, 0)
        }

        @media screen and (max-width:767px) {
            transform: translate3d(-1360px, 0, 0);
            -webkit-transform: translate3d(-1360px, 0, 0);
            -moz-transform: translate3d(-1360px, 0, 0);
            -ms-transform: translate3d(-1360px, 0, 0);
            -o-transform: translate3d(-1360px, 0, 0)
        }
    }
}

.our-client-logo-sec {
    padding: 30px 0 0;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: hidden;
    gap: 110px
}

@media screen and (max-width:1199px) {
    .our-client-logo-sec {
        gap: 80px
    }
}

@media screen and (max-width:767px) {
    .our-client-logo-sec {
        gap: 50px
    }
}

.our-client-logo-sec .client-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 110px;
    animation: marqueeloop 20s linear infinite;
    -webkit-animation: marqueeloop 20s linear infinite;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
}

@media screen and (max-width:1199px) {
    .our-client-logo-sec .client-logos {
        animation: marqueeloop 30s linear infinite;
        -webkit-animation: marqueeloop 30s linear infinite;
        gap: 80px
    }
}

@media screen and (max-width:767px) {
    .our-client-logo-sec .client-logos {
        gap: 50px
    }
}

.our-client-logo-sec .client-logos picture {
    height: 100%;
    width: 100%;
    max-width: 150px;
    min-width: 150px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .our-client-logo-sec .client-logos picture {
        max-width: 120px;
        min-width: 120px
    }
}

.our-client-logo-sec .client-logos picture img {
    height: 100%;
    width: 100%
}

.reviews_on_clutch {
    padding: 70px 0;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .reviews_on_clutch {
        padding: 50px 0
    }
}

@media screen and (max-width:767px) {
    .reviews_on_clutch {
        padding: 40px 0
    }
}

@media screen and (max-width:576px) {
    .reviews_on_clutch {
        padding-bottom: 100px !important;
        position: relative
    }
}

.reviews_on_clutch:before {
    content: "";
    background-color: #fff;
    background-image: radial-gradient(at 36% 63%, #e6f7ff 0, transparent 50%), radial-gradient(at 15% 77%, #e6f7ff 0, transparent 50%), radial-gradient(at 12% 25%, #ffe8db 0, transparent 50%), radial-gradient(at 43% 12%, #f5feff 0, transparent 50%), radial-gradient(at 64% 64%, #ffe9e0 0, transparent 50%), radial-gradient(at 100% 0, #e6f7ff 0, transparent 50%);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.reviews_on_clutch .cmr-reflectors {
    top: 15%
}

.reviews_on_clutch .upperTitle {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.reviews_on_clutch .upperTitle .view_all_blog {
    white-space: nowrap
}

@media screen and (max-width:576px) {
    .reviews_on_clutch .upperTitle .view_all_blog {
        margin-right: 0;
        position: absolute;
        bottom: 40px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center
    }
}

.reviews_on_clutch .customer_review_testimonial {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

@media(max-width:767px) {
    .reviews_on_clutch .customer_review_testimonial {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: flex-start;
        margin: 0 -15px;
        padding: 0 15px 10px
    }
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box {
    background: #fff;
    padding: 20px;
    border-radius: 24px;
    box-shadow: 1px 3px 99px rgba(0, 0, 0, .06);
    position: relative;
    max-width: calc(50% - 10px);
    min-height: 415px
}

@media(max-width:767px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box {
        max-width: 100%;
        min-width: 70vw;
        box-shadow: none
    }
}

@media(max-width:650px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box {
        max-width: 100%;
        border-radius: 10px
    }
}

@media(max-width:576px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box {
        min-width: 80vw
    }
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box:nth-child(2):before {
    background: url(https://www.bharatdigitalseva.com/assets/images/guillaume-bleau.webp) no-repeat
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box:before {
    content: "";
    background: url(https://www.bharatdigitalseva.com/assets/images/terri-villafana.webp) no-repeat;
    background-size: cover !important;
    background-position: 50% !important;
    display: inline-block;
    height: 100%;
    width: 230px;
    position: absolute;
    border-radius: 24px 0 0 24px;
    left: 0;
    top: 0
}

@media(max-width:1100px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box:before {
        height: 400px;
        width: 100%;
        position: relative;
        border-radius: 24px
    }
}

@media(max-width:991px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box:before {
        height: 250px
    }
}

@media(max-width:600px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box:before {
        height: 300px;
        border-radius: 10px
    }
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box:after {
    content: "";
    background: transparent linear-gradient(180deg, transparent, #000) 0 0 no-repeat;
    border-radius: 0 0 0 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 230px;
    height: 150px
}

@media(max-width:1100px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box:after {
        border-radius: 24px;
        left: 20px;
        top: 270px;
        bottom: auto;
        width: auto;
        right: 20px
    }
}

@media(max-width:991px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box:after {
        top: 120px
    }
}

@media(max-width:600px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box:after {
        top: 170px;
        border-radius: 10px
    }
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box .testimonial-img {
    width: 230px;
    position: absolute;
    z-index: 1;
    width: 195px;
    bottom: 15px;
    left: 15px;
    color: #fff
}

@media(max-width:1100px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box .testimonial-img {
        top: 315px;
        left: 35px;
        bottom: auto
    }
}

@media(max-width:991px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box .testimonial-img {
        top: 175px
    }
}

@media(max-width:600px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box .testimonial-img {
        top: 230px
    }
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box .testimonial-img .testimonial-name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box .testimonial-img .testimonial-designation {
    font-size: 14px
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box .review_testimonial_info {
    padding-left: 230px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: space-between
}

@media(max-width:1100px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box .review_testimonial_info {
        padding-left: 0;
        align-content: flex-start;
        height: auto;
        padding-top: 15px
    }
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box .review_testimonial_info .test-devlopment {
    margin-top: 20px;
    display: table;
    width: 100%
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box .review_testimonial_info .test-devlopment .test-devlopment-label {
    font-family: GilroyBold, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    color: #439bc2;
    display: table-cell;
    width: 130px
}

@media(max-width:991px) {
    .reviews_on_clutch .customer_review_testimonial .review_testimonial_box .review_testimonial_info .test-devlopment .test-devlopment-label {
        width: 100%;
        display: block;
        margin-bottom: 0
    }
}

.reviews_on_clutch .customer_review_testimonial .review_testimonial_box .review_testimonial_info .test-devlopment .test-devlopment-info {
    font-size: 14px
}

.footer-container {
    background-image: -webkit-linear-gradient(90deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 57%, #fff 0, #fff);
    background-image: -moz-linear-gradient(0deg, rgba(244, 244, 246, .61) 0, rgba(244, 244, 246, .61) 57%, #fff 57%, #fff 100%);
    background-image: linear-gradient(0deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 57%, #fff 0, #fff);
    background-position: 50% 50%;
    position: relative;
    margin-top: 50px
}

.footer-container.footer-inner {
    background-image: -webkit-linear-gradient(90deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 79%, #fff 0, #fff);
    background-image: -moz-linear-gradient(0deg, rgba(244, 244, 246, .61) 0, rgba(244, 244, 246, .61) 79%, #fff 57%, #fff 100%);
    background-image: linear-gradient(0deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 79%, #fff 0, #fff)
}

@media screen and (max-width:991px) {
    .footer-container {
        background-image: -webkit-linear-gradient(90deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 75%, #fff 0, #fff);
        background-image: -moz-linear-gradient(0deg, rgba(244, 244, 246, .61) 0, rgba(244, 244, 246, .61) 75%, #fff 75%, #fff 100%);
        background-image: linear-gradient(0deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 75%, #fff)
    }
}

@media screen and (max-width:400px) {
    .footer-container {
        background-image: -webkit-linear-gradient(90deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 78%, #fff 0, #fff);
        background-image: -moz-linear-gradient(0deg, rgba(244, 244, 246, .61) 0, #fff 75%, #fff 100%);
        background-image: linear-gradient(0deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 78%, #fff 0, #fff)
    }
}

@media screen and (max-width:767px) {
    .footer-container {
        margin-top: 30px
    }
}

.footer-container .container {
    max-width: 1242px
}

.footer-container>.container {
    background: url(https://www.bharatdigitalseva.com/assets/images/footer/footer-map.webp) right 49px no-repeat;
    background-size: 50%;
    background-position: bottom 0 right;
    padding-top: 0
}

.footer-container>.container.lazyload {
    background: none
}

@media screen and (max-width:576px) {
    .footer-container>.container {
        background-size: 100%;
        padding-top: 20px
    }
}

.overflow-column {
    overflow: hidden
}

@media only screen and (max-width:991px) {
    .overflow-column {
        order: 2
    }
}

@media only screen and (max-width:576px) {
    .overflow-column {
        margin-top: 20px
    }
}

@media only screen and (max-width:991px) {
    .cmarix-form {
        order: 1
    }
}

@media only screen and (max-width:767px) {
    .cmarix-form {
        padding: 0
    }
}

.footer-main-title {
    font-size: 24px;
    font-family: GilroyBold, sans-serif;
    margin-bottom: 20px;
    color: #1d1e31;
    font-weight: 400
}

.award-wrap {
    display: flex;
    align-items: center;
    gap: 20px;    
}

@media only screen and (max-width:767px) {
    .award-wrap {
        flex-direction: column
    }
}

.award-wrap .created-by {   
    width: 100%;
    padding: 24px;
    background-color: #0d508e0a;
    border-radius: 10px
}

@media only screen and (max-width:1280px) {
    .award-wrap .created-by {
        padding: 20px;
        max-width: 284px
    }
}

@media only screen and (max-width:1024px) {
    .award-wrap .created-by {
        padding: 16px;
        max-width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .award-wrap .created-by {
        padding: 16px;
        border-radius: 16px
    }
}

.award-wrap .created-by .creat-title {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #000
}

@media only screen and (max-width:1024px) {
    .award-wrap .created-by .creat-title {
        padding-bottom: 14px
    }
}

@media only screen and (max-width:767px) {
    .award-wrap .created-by .creat-title {
        padding-bottom: 12px
    }
}

.award-wrap .created-by .creat-logo {
    display: flex;
    gap: 10px;
    align-items: center;
    background-repeat: no-repeat
}

.award-wrap .created-by .creat-logo span {
    display: inline-block;
    min-width: 80px;
    min-height: 80px;
    width: 100%;
    height: 80px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/menu-certification.svg);
    background-repeat: no-repeat
}




.award-wrap .created-by .creat-logo span.iso-company {
    background-position: 0
}

.award-wrap .created-by .creat-logo span.only-iso {
    background-position: 50%
}

.award-wrap .created-by .creat-logo span.cimme {
    background-position: 100%
}

.footer-sm-list {
    flex: 1;
    margin: 0;
    font-size: 0;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1220px) {
    .footer-sm-list {
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 12px
    }
}

@media screen and (max-width:767px) {
    .footer-sm-list {
        width: 100%;
        padding: 0;
        flex: 0 0 100%;
        margin: 0
    }
}

.footer-sm-list a,
.footer-sm-list span {
    background-size: auto 118px;
    background-repeat: no-repeat;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/footer-certification-logos.webp);
    display: inline-block;
    height: 90px;
    width: 85px
}

@media screen and (max-width:1220px) {

    .footer-sm-list a,
    .footer-sm-list span {
        width: 100px
    }
}

@media screen and (max-width:991px) {

    .footer-sm-list a,
    .footer-sm-list span {
        width: 90px
    }
}

@media screen and (max-width:820px) {

    .footer-sm-list a,
    .footer-sm-list span {
        width: 80px
    }
}

.footer-sm-list a.lazyload,
.footer-sm-list span.lazyload {
    background-image: none
}

.footer-sm-list a+a,
.footer-sm-list a+span,
.footer-sm-list span+a,
.footer-sm-list span+span {
    margin-left: 28px
}

@media screen and (max-width:1220px) {

    .footer-sm-list a+a,
    .footer-sm-list a+span,
    .footer-sm-list span+a,
    .footer-sm-list span+span {
        margin-left: 14px
    }
}

@media screen and (max-width:359px) {

    .footer-sm-list a+a,
    .footer-sm-list a+span,
    .footer-sm-list span+a,
    .footer-sm-list span+span {
        margin-left: 6px
    }
}

@media screen and (max-width:767px) {

    .footer-sm-list a,
    .footer-sm-list span {
        background-size: auto 80px;
        height: 80px;
        width: 80px;
        margin-left: 14px;
        margin-right: 14px
    }

    .footer-sm-list a.footer-logo-good-firms,
    .footer-sm-list span.footer-logo-good-firms {
        margin-right: 14px
    }

    .footer-sm-list a.footer-logo-app-futura,
    .footer-sm-list a.footer-logo-clutch,
    .footer-sm-list span.footer-logo-app-futura,
    .footer-sm-list span.footer-logo-clutch {
        height: 80px;
        width: 80px
    }

    .footer-sm-list a.footer-logo-app-development,
    .footer-sm-list span.footer-logo-app-development {
        height: 80px
    }
}

@media screen and (max-width:359px) {

    .footer-sm-list a,
    .footer-sm-list span {
        margin-left: 6px;
        margin-right: 6px
    }

    .footer-sm-list a.footer-logo-good-firms,
    .footer-sm-list span.footer-logo-good-firms {
        margin-right: 6px
    }
}

.footer-sm-list .footer-logo-good-firms {
    background-position: 0;
    background-size: 874px
}

@media screen and (max-width:1220px) {
    .footer-sm-list .footer-logo-good-firms {
        background-position: left 10px center;
        background-size: 910px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-good-firms {
        background-size: 874px;
        background-position: left 5px center
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-good-firms {
        background-size: 830px;
        background-position: left 1px center
    }
}

.footer-sm-list .footer-logo-clutch {
    background-size: 894px;
    background-position: -102px
}

@media screen and (max-width:1220px) {
    .footer-sm-list .footer-logo-clutch {
        background-size: 910px;
        background-position: -96px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-clutch {
        background-size: 820px;
        background-position: -85px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-clutch {
        background-size: 790px;
        background-position: -85px
    }
}

.footer-sm-list .footer-logo-td {
    background-position: -190px;
    background-size: 842px
}

@media screen and (max-width:1280px) {
    .footer-sm-list .footer-logo-td {
        background-position: -196px;
        background-size: 890px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-td {
        background-position: -178px;
        background-size: 822px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-td {
        background-position: -186px;
        background-size: 820px
    }
}

.footer-sm-list .footer-logo-it-firms {
    background-position: -277px;
    background-size: 810px
}

@media screen and (max-width:1220px) {
    .footer-sm-list .footer-logo-it-firms {
        background-position: -306px;
        background-size: 910px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-it-firms {
        background-position: -280px;
        background-size: 830px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-it-firms {
        background-size: 818px
    }
}

.footer-sm-list .footer-logo-app-futura {
    background-position: -432px;
    background-size: 942px;
    width: 88px;
    height: 90px
}

@media screen and (max-width:1220px) {
    .footer-sm-list .footer-logo-app-futura {
        width: 100px;
        background-position: -443px;
        background-size: 976px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-app-futura {
        background-position: -432px;
        background-size: 942px;
        width: 90px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-app-futura {
        width: 80px;
        background-position: -394px;
        background-size: 858px
    }
}

.footer-sm-list .footer-logo-app-firms {
    background-position: -465px;
    background-size: 820px
}

@media screen and (max-width:1220px) {
    .footer-sm-list .footer-logo-app-firms {
        background-position: -492px;
        background-size: 880px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-app-firms {
        background-position: -463px;
        background-size: 820px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-app-firms {
        background-position: -455px;
        background-size: 800px
    }
}

.footer-sm-list .footer-logo-bit-map {
    background-position: -602px;
    background-size: 880px
}

@media screen and (max-width:1220px) {
    .footer-sm-list .footer-logo-bit-map {
        background-position: -658px;
        background-size: 970px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-bit-map {
        background-position: -599px;
        background-size: 880px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-bit-map {
        background-position: -590px;
        background-size: 860px
    }
}

.footer-sm-list .footer-logo-web-developer {
    background-position: -663px;
    background-size: 837px
}

@media screen and (max-width:1220px) {
    .footer-sm-list .footer-logo-web-developer {
        background-position: -740px;
        background-size: 938px
    }
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-web-developer {
        background-position: -660px;
        background-size: 837px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-web-developer {
        background-position: -667px;
        background-size: 838px
    }
}

.footer-sm-list .footer-logo-app-development {
    background-size: 910px;
    background-position: center right 0;
    width: 88px;
    height: 90px
}

@media screen and (max-width:992px) {
    .footer-sm-list .footer-logo-app-development {
        background-size: 910px;
        background-position: center right 0;
        width: 90px
    }
}

@media screen and (max-width:820px) {
    .footer-sm-list .footer-logo-app-development {
        width: 80px;
        background-size: 836px
    }
}

@media screen and (max-width:991px) {
    .m-footer-hide {
        display: none
    }
}

.footer-contact-outer {
    padding: 0 0 0 1.8em;
    display: table
}

@media screen and (max-width:991px) {
    .footer-contact-outer {
        display: none
    }
}

.footer-contact-outer .footer_contact_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.footer-contact-outer .footer-social-section-part {
    display: flex;
    align-items: center;
    margin: 22px 0
}

@media screen and (max-width:600px) {
    .footer-contact-outer .footer-social-section-part {
        display: block
    }
}

.footer-contact-outer .footer-social-section-part .footer-title {
    font-size: 15.66667px;
    line-height: 1;
    font-weight: 400;
    font-family: GilroyRegular, sans-serif;
    margin-bottom: 0;
    color: #1d1e31;
    padding-right: 5px
}

.footer-contact-outer .footer-social-section-part .footer-title span {
    display: block
}

@media screen and (max-width:600px) {
    .footer-contact-outer .footer-social-section-part .footer-title {
        padding-bottom: 20px
    }
}

.footer-contact-inner {
    font-size: 15.66667px;
    line-height: 1.2;
    font-family: GilroyRegular, sans-serif;
    font-weight: 400;
    position: relative;
    padding-left: 35px;
    width: 100%;
    margin: 20px 0
}

@media screen and (max-width:576px) {
    .footer-contact-inner {
        margin: 12px 0
    }
}

.footer-contact-inner:before {
    width: 24px;
    height: 24px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/social-icons.svg)
}

.footer-contact-inner:after,
.footer-contact-inner:before {
    content: "";
    position: absolute;
    background-position: 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footer-contact-inner:after {
    background-color: #fff;
    border-radius: 16px;
    width: 30px;
    height: 30px;
    z-index: -1
}

.footer-contact-inner.gmail-icon:before {
    background-position-x: -22px;
    width: 22px;
    height: 22px
}

.footer-contact-inner.india-map-icon:before {
    background-position-x: -44px;
    width: 22px;
    height: 22px
}

.footer-contact-inner.usa-map-icon:before {
    background-position-x: -66px;
    width: 22px;
    height: 22px
}

.footer-contact-inner a {
    font-family: GilroyBold, sans-serif;
    font-size: 17.5px;
    line-height: 1.2;
    font-weight: 400
}

.footer-contact-inner p {
    margin-bottom: 0
}

.footer-social-section-part {
    display: flex;
    align-items: center
}

@media screen and (max-width:600px) {
    .footer-social-section-part {
        display: block
    }
}

.footer-social-section-part .footerttl {
    margin-right: 10px;
    font-size: 15.66667px;
    font-family: GilroyRegular, sans-serif
}

.footer-social-section-part a+a {
    margin-left: 20px
}

@media(max-width:1200px) {
    .footer-social-section-part a+a {
        margin-left: 15px
    }
}

@media(max-width:375px) {
    .footer-social-section-part a+a {
        margin-left: 12px
    }
}

.footer-social-section-part span {
    font-family: GilroyRegular, sans-serif;
    font-size: 16px;
    padding-right: 10px
}

.footer-social-section-part [class*=footer-],
.footer-social-section-part [class^=footer-] {
    font-size: 0
}

.footer-social-section-part [class*=footer-]:before,
.footer-social-section-part [class^=footer-]:before {
    font-size: 25px
}

@media screen and (max-width:991px) {

    .footer-social-section-part [class*=footer-],
    .footer-social-section-part [class^=footer-] {
        color: #fff
    }
}

@media screen and (max-width:600px) {
    .footer-social-section-part {
        justify-content: flex-start;
        padding-bottom: 0
    }
}

.footer-social-section-part .footer-icon-twitter {
    margin-left: 10PX
}

.bharat-locations {
    margin-bottom: 0;
    padding-bottom: 10px
}

.bharat-locations .footer-loaction-title {
    font-size: 22px;
    font-weight: 400;
    padding-left: 42px;
    font-family: GilroySemiBold, sans-serif;
    color: #1d1e31;
    position: relative
}

@media screen and (max-width:1100px) {
    .bharat-locations .footer-loaction-title {
        font-size: 18px
    }
}

.bharat-locations .footer-loaction-title span {
    font-size: 18px
}

.bharat-locations .footer-loaction-title:before {
    content: "";
    position: absolute;
    left: 0;
    margin-top: -2px;
    width: 32px;
    height: 32px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/footer/map-icons.svg);
    background-repeat: no-repeat;
    background-size: auto 32px
}

.bharat-locations .usa-loc .footer-loaction-title:before {
    background-position-x: -32px
}

.bharat-locations .germany-loc .footer-loaction-title:before {
    background-position-x: -64px
}

.bharat-locations .canada-loc .footer-loaction-title:before {
    background-position-x: -226px
}

.bharat-locations .italy-loc .footer-loaction-title:before {
    background-position-x: -96px
}

.bharat-locations .bahrain-loc .map-icon:before {
    background-position-x: -128px
}

.bharat-locations .nigeria-loc .footer-loaction-title:before {
    background-position-x: -160px
}

.bharat-locations .uk-loc .footer-loaction-title:before {
    background-position-x: -193px
}

.bharat-locations a.addresslink {
    color: #212026;
    display: inline-block
}

.bharat-locations a.addresslink:hover {
    color: #212026
}

.bharat-locations p {
    line-height: 28px;
    color: #212026;
    font-size: 15px;
    font-weight: 400
}

@media screen and (max-width:600px) {
    .bharat-locations p {
        padding-right: 0
    }
}

.bharat-locations .footer_location_list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 27px
}

@media screen and (max-width:767px) {
    .bharat-locations .footer_location_list {
        column-gap: 18px
    }
}

.bharat-locations .footer_location_list .footer_location {
    flex-basis: calc(50% - 20px);
    max-width: calc(50% - 20px)
}

@media screen and (max-width:992px) {
    .bharat-locations .footer_location_list .footer_location {
        flex-basis: calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
        margin-bottom: 15px
    }
}

@media screen and (max-width:767px) {
    .bharat-locations .footer_location_list .footer_location {
        flex-basis: calc(50% - 20px);
        max-width: calc(50% - 20px)
    }
}

@media screen and (max-width:600px) {
    .bharat-locations .footer_location_list .footer_location {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 0
    }
}

.copyright-section {    
    padding-top: 22px;
    padding-bottom: 22px;
    margin: 0;
    font-size: calc(14px + (200vw - 640px)/1920);
    border-top: 1px dashed #0d508e;
}

.copyright-section .ft-bottom-outer {
    display: flex;
    align-items: center;
    column-gap: 15px;
    max-width: 1242px;
    margin: 0 auto;
    padding: 0 15px
}

@media screen and (max-width:1100px) {
    .copyright-section .ft-bottom-outer {
        flex-wrap: wrap
    }
}

.copyright-section .ft-bottom-outer .ft-bottom-inner {
    width: calc(33.33% - 10px);
    font-weight: bold;
}

@media screen and (max-width:1100px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:1024px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner.copyright-text {
        text-align: center;
        margin-bottom: 0;
        font-size: 14px
    }
}

@media screen and (max-width:1100px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner.copyright-text {
        margin-bottom: 20px
    }
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.privacy_certificate {
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.privacy_certificate img {
    display: flex;
    margin: 0 2.5px
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links {
    text-align: right
}

@media screen and (max-width:1100px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links {
        text-align: center;
        padding-left: 0;
        justify-content: center !important
    }
}

@media screen and (max-width:992px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links {
        align-self: self-start
    }
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a {
    list-style: none;
    display: inline-block;
    font-size: calc(14px + (200vw - 640px)/1920);
    line-height: 1;
    position: relative;
    margin: 0 15px;
    transition: all .35s ease 0s
}

@media screen and (max-width:1024px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a {
        font-size: 14px
    }
}

@media screen and (max-width:576px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a {
        font-size: calc(13px + (200vw - 640px)/1920)
    }
}

@media screen and (max-width:1100px) {
    .copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a {
        margin-top: 20px
    }
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    right: 0;
    width: 1px;
    height: 17px;
    background: #1d1e31;
    pointer-events: none
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a:first-child {
    margin-left: 0
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a:first-child:after {
    display: none
}

.copyright-section .ft-bottom-outer .ft-bottom-inner.footer-links a:last-child {
    margin-right: 0
}

.footer-inner.footer-container {
    margin-top: 40px;
    background-image: url(https://www.bharatdigitalseva.com/assets/images/country-map.png);
    background-position: top center;
    background-size: contain;
}

@media screen and (max-width:767px) {
    .footer-inner.footer-container {
        margin-top: 20px
    }
}

@media screen and (max-width:576px) {
    .footer-inner.footer-container {
        margin-top: 0
    }
}

.footer-inner .contact-border-section {
    padding: 25px 15px;
    background: #0d508e0a 0 0 no-repeat padding-box;   
    margin-bottom: 65px;
    border-radius: 10px;
    box-shadow: 0 3px 26px rgb(13 80 142 / 50%);
}

@media screen and (max-width:767px) {
    .footer-inner .contact-border-section {
        margin-bottom: 40px
    }
}

@media screen and (max-width:576px) {
    .footer-inner .contact-border-section {
        border: 0;
        margin-bottom: 30px;
        padding: 0
    }
}

.footer-inner .contact-border-section .footer-contact-outer {
    padding: 0 0 0 29px
}

@media screen and (max-width:576px) {
    .footer-inner .contact-border-section .footer-contact-outer {
        padding: 0
    }
}

.footer-inner .contact-border-section .footer-contact-outer .footer_contact_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.footer-inner .contact-border-section .footer-contact-outer .footer_contact_list .footer-contact-inner {
    width: 50%
}

@media screen and (max-width:1260px) {
    .footer-inner .contact-border-section .footer-contact-outer .footer_contact_list .footer-contact-inner a {
        display: block
    }
}

.footer-inner .contact-border-section .footer-contact-outer .sec-title h3 {
    font-size: calc(16.2px + 1.5vw)
}

@media screen and (min-width:1920px) {
    .footer-inner .contact-border-section .footer-contact-outer .sec-title h3 {
        font-size: 36px
    }
}

@media screen and (max-width:600px) {
    .footer-inner .contact-border-section .footer-contact-outer .sec-title h3 {
        font-size: 28px
    }
}

@media screen and (max-width:425px) {
    .footer-inner .contact-border-section .footer-contact-outer .sec-title h3 {
        font-size: 25px;
        line-height: 1.6
    }
}

.footer-inner .contact-border-section .footer-contact-outer .sec-title p {
    font-size: 16px;
    font-family: GilroyRegular, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .32px;
    color: #001033;
    padding-left: 0;
    line-height: 1.9;
    padding-top: 20px;
    padding-right: 20px
}

.footer-inner .contact-border-section .cmarix-form {
    border-left: 1px solid #dedee5
}

@media screen and (max-width:991px) {
    .footer-inner .contact-border-section .cmarix-form {
        border-left: 0 solid #dedee5;
        border-right: 0 solid #dedee5
    }
}

.footer-inner .contact-border-section .cmarix-form .footer-contact-outer {
    display: table !important
}

.footer-inner .contact-border-section .cmarix-form .footer-contact-outer .sec-title {
    margin: 0 15px
}

.star-rating {
    display: flex;
    justify-content: center
}

.star-rating img {
    max-width: 117px
}

.star-rating .count {
    font: normal normal normal 22px/30px GilroySemiBold, sans-serif;
    letter-spacing: 0;
    color: #000;
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .m-hide {
        display: none
    }
}

.footer-3 {
    background-image: -webkit-linear-gradient(90deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 100%, #fff 0, #fff 0);
    background-image: -moz-linear-gradient(0deg, rgba(244, 244, 246, .61) 0, rgba(244, 244, 246, .61) 100%, #fff 100%, #fff 100%);
    background-image: linear-gradient(0deg, rgba(244, 244, 246, .61), rgba(244, 244, 246, .61) 100%, #fff 0, #fff 0);
    background-position: 50% 50%;
    position: relative;
    padding-top: 0;
    margin-top: 40px
}

@media screen and (max-width:767px) {
    .footer-3 {
        margin-top: 30px
    }
}

.footer-3 .container {
    max-width: 1230px
}

.footer-3>.container {
    background: url(https://www.bharatdigitalseva.com/assets/images/footer/footer-map.webp) right 49px no-repeat;
    background-size: 44%;
    background-position: bottom 0 right
}

.footer-3>.container.lazyload {
    background: none
}

@media screen and (max-width:1150px) {
    .footer-3>.container {
        background-size: 50%;
        background-position: top 0 right
    }
}

@media screen and (max-width:600px) {
    .footer-3>.container {
        background-size: 70%
    }
}

.footer-3>.container .award-wrap {
    padding-top: 32px
}

.footer-3.contactus-footer>.container {
    padding-top: 160px;
    background-position: right top 20px;
    background-size: 55%
}

@media screen and (max-width:600px) {
    .footer-3.contactus-footer>.container {
        background-size: 100%;
        padding-top: 30px
    }
}

.critics-platoforms {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 1656px;
    margin: 15px 0;
    gap: 10px
}

@media screen and (max-width:1600px) {
    .critics-platoforms {
        margin-top: 10px
    }
}

@media screen and (max-width:767px) {
    .critics-platoforms {
        margin: 0
    }
}

.critics-platoforms .card {
    margin-top: 20px;
    box-shadow: none;
    border: 2px solid #f8f8f9;
    border-radius: 10px;
    padding: 50px 0;
    text-align: center;
    animation: translateinfinite 25s linear infinite;
    position: relative;
    width: 266px;
    margin-bottom: 18px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1366px) {
    .critics-platoforms .card {
        margin-bottom: 20px
    }
}

@media screen and (max-width:992px) {
    .critics-platoforms .card {
        margin-bottom: 35px
    }
}

@media screen and (max-width:600px) {
    .critics-platoforms .card {
        padding: 30px 0
    }
}

.critics-platoforms .card .image {
    margin-bottom: 30px
}

.critics-platoforms .card .image img {
    max-height: 25px;
    height: 25px;
    width: auto
}

.critics-platoforms .card .grey-btn {
    border-radius: 30px;
    border: none;
    font: normal normal normal 13px/18px GilroySemiBold, sans-serif;
    text-transform: uppercase;
    letter-spacing: .78px;
    width: 160px;
    height: 38px;
    z-index: 1;
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 38px;
    overflow: hidden;
    background: #c4ecff;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .1215686275);
    outline: none;
    transition: all .3s ease 0s
}

@media screen and (max-width:990px) {
    .critics-platoforms .card .grey-btn:hover {
        background: #000;
        color: #fff
    }
}

@media screen and (max-width:767px) {
    .critics-platoforms .container {
        max-width: 100%
    }
}

@keyframes translateinfinite {
    to {
        transform: translateX(-828px)
    }
}

.cookieSectionBG {
    background: #fff;
    padding: 20px 25px;
    width: 100%;
    z-index: 9999;
    position: fixed;
    bottom: 10px;
    right: 130px;
    max-width: 400px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, .0509803922);
    border-radius: 20px
}

@media screen and (max-width:1200px) {
    .cookieSectionBG {
        padding: 15px
    }
}

@media screen and (max-width:767px) {
    .cookieSectionBG {
        left: 50%;
        right: auto;
        max-width: 370px;
        z-index: 20000000001 !important;
        transform: translateX(-50%)
    }
}

@media screen and (max-width:480px) {
    .cookieSectionBG {
        max-width: 300px
    }
}

@media screen and (max-width:380px) {
    .cookieSectionBG {
        max-width: 280px
    }
}

@media screen and (max-width:767px) {
    .cookieSectionBG .cookieSection {
        text-align: center
    }
}

.cookieSectionBG .cookieSection .cookieHead {
    font-family: GilroySemiBold, sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 10px
}

.cookieSectionBG .cookieSection .cookieDesc {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    position: relative
}

@media screen and (max-width:1200px) {
    .cookieSectionBG .cookieSection .cookieDesc {
        margin-bottom: 10px
    }
}

.cookieSectionBG .cookieSection .cookieDesc a {
    color: #0d508e
}

.cookieSectionBG .cookieSection .cookieDesc a:hover {
    color: #000
}

.cookieSectionBG .cookieSection .cookiebtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

@media screen and (max-width:767px) {
    .cookieSectionBG .cookieSection .cookiebtn {
        justify-content: center
    }
}

.cookieSectionBG .cookieSection .cookiebtn .acceptcookie {
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #0d508e;
    color: #fff;
    font-family: GilroyBold, sans-serif;
    font-size: 16px;
    line-height: 20px;
    width: calc(50% - 5px);
    text-align: center;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .cookieSectionBG .cookieSection .cookiebtn .acceptcookie {
        width: auto;
        padding: 5px 15px 6px
    }
}

@media screen and (max-width:990px) {
    .cookieSectionBG .cookieSection .cookiebtn .acceptcookie:hover {
        background: #0d508e;
        color: #fff
    }
}

.cookieSectionBG .cookieSection .cookiebtn .cookieseting {
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #eee;
    color: #1d1e31;
    font-family: GilroyBold, sans-serif;
    font-size: 16px;
    line-height: 20px;
    width: calc(50% - 5px);
    text-align: center;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .cookieSectionBG .cookieSection .cookiebtn .cookieseting {
        width: auto;
        padding: 5px 15px 6px
    }
}

.cookieSectionBG .cookieSection .cookiebtn .cookieseting:hover {
    color: #0d508e !important
}

.formInputfield {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1
}

.desAreaField {
    min-height: 100px !important
}

.mobile-app-right form .row {
    align-items: flex-start !important
}

@media screen and (max-width:991px) {
    .inquiryformouter .left-brush-top>div {
        padding: 0
    }
}

@media screen and (max-width:991px) {

    .inquiryformouter input[type=email],
    .inquiryformouter select[type=email] {
        width: 96% !important
    }
}

@media screen and (max-width:575px) {

    .inquiryformouter input[type=email],
    .inquiryformouter select[type=email] {
        width: 100% !important
    }
}

.left-brush-top .left-brush {
    padding-left: 100px;
    position: relative
}

@media screen and (max-width:991px) {
    .left-brush-top .left-brush {
        padding-left: 0
    }
}

@media screen and (max-width:991px) {
    .left-brush-top .left-brush:before {
        display: none
    }
}

@media screen and (max-width:600px) {
    .left-brush {
        margin-bottom: 15px;
        padding-left: 0
    }
}

.left-brush:before {
    content: "";
    background-image: url(https://www.bharatdigitalseva.com/assets/images/pointer-re.svg);
    width: 100px;
    height: 100px;
    background-size: 100px;
    position: absolute;
    left: -25px;
    animation: mover 2s cubic-bezier(.76, 0, .3, 1) infinite alternate
}

.justfy-content-center-cta {
    justify-content: center !important
}

.custom-file-input:focus~.custom-file-label {
    border-color: rgba(241, 97, 34, .5);
    box-shadow: 0 0 0 .2rem rgba(241, 97, 34, .15)
}

.cmr-title .sec-title {
    padding-left: 10px
}

@media screen and (max-width:767px) {
    .cmr-title .sec-title {
        padding-left: 0
    }
}

.cmr-title .sec-title h3 {
    font-size: calc(19.2px + 1.5vw);
    font-family: GilroyBold, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    color: #001033
}

@media screen and (max-width:600px) {
    .cmr-title .sec-title h3 {
        max-width: max-content;
        margin-right: auto
    }
}

.cmr-title .sec-title p {
    font-size: 16px;
    font-family: GilroyMedium, sans-serif;
    font-weight: 400;
    letter-spacing: .32px;
    color: #1d1e31;
    padding-left: 0;
    line-height: 1.5;
    font-style: normal
}

@media screen and (max-width:991px) {

    .contact_us .col-12,
    .contact_us .col-sm-12 {
        padding: 0 15px
    }
}

@media screen and (max-width:576px) {

    .jump-forms .contact_us .col-12,
    .jump-forms .contact_us .col-sm-12 {
        padding: 0
    }
}

.cmr-contact {
    
    margin: 40px auto
}

@media screen and (max-width:991px) {
    .cmr-contact {
        max-width: 100%;
        margin: 30px auto
    }
}

@media screen and (max-width:767px) {
    .cmr-contact {
        margin: 25px auto
    }
}

.cmr-contact .aligncenter {
    align-items: center
}

.cmr-contact .contact-form-detail {
    padding-top: 55px;
    line-height: 1.9
}

@media screen and (max-width:991px) {
    .cmr-contact .contact-form-detail {
        padding-top: 25px
    }
}

@media screen and (max-width:575px) {
    .cmr-contact .contact-form-detail {
        padding-top: 0
    }
}

.cmr-contact .inqMessageField {
    margin-bottom: 20px
}

@media screen and (max-width:1440px) {
    .cmr-contact .inqMessageField {
        margin-bottom: 15px
    }
}

@media screen and (max-width:991px) {
    .cmr-contact .inqMessageField {
        margin-bottom: 20px
    }
}

@media screen and (max-width:757px) {
    .cmr-contact .row.mb-5 {
        margin-bottom: 1.5rem !important
    }
}

@media screen and (min-width:576px) {
    .cmr-contact .row.m-0 .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        justify-content: flex-start
    }
}

.cmr-contact .form-inline.form-service-row {
    align-items: flex-start
}

.cmr-contact .form-inline {
    display: block
}

.cmr-contact .form-inline .cmr-label {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    min-width: auto;
    font-size: 16px;
    line-height: 44px;
    text-align: left;
    color: #1d1e31;
    justify-content: flex-start;
    margin-right: 15px
}

@media screen and (max-width:600px) {
    .cmr-contact .form-inline .cmr-label {
        line-height: 25px
    }
}

.cmr-contact .form-inline input,
.cmr-contact .form-inline select {
    height: 45px;
    width: 100%;
    border-radius: 0;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.6px;
    padding: 16px 0;
    box-shadow: none !important;
    outline: none;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #bcbcbc;
    color: #1d1e31;
    text-align: left;
    margin-bottom: 0;
    font-family: GilroyRegular, sans-serif;
    font-size: 16px
}

@media screen and (max-width:600px) {

    .cmr-contact .form-inline input,
    .cmr-contact .form-inline select {
        width: 100%;
        margin-bottom: 0
    }
}

.cmr-contact .form-inline input::placeholder,
.cmr-contact .form-inline select::placeholder {
    color: #1d1e31;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1.6px
}

.cmr-contact .form-inline input:focus,
.cmr-contact .form-inline select:focus {
    box-shadow: none;
    border-color: #1d1e31
}

.cmr-contact .form-inline textarea {
    padding: 16px 0;
    height: auto;
    background: #fff;
    border-radius: 0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #bcbcbc;
    color: #1d1e31;
    margin-bottom: 0;
    font-family: GilroyRegular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    min-height: 50px
}

@media screen and (max-width:600px) {
    .cmr-contact .form-inline textarea {
        width: 100%;
        margin-top: 0
    }
}

.cmr-contact .form-inline textarea:focus {
    box-shadow: none;
    border-color: #1d1e31
}

.cmr-contact .form-inline textarea::placeholder {
    color: #1d1e31;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1.6px
}

.cmr-contact p#checkboxerror {
    top: -8px
}

.cmr-contact .error-message {
    line-height: 1.2
}

.cmr-contact p.error-message {
    display: block;
    width: 100%;
    top: -18px;
    margin-bottom: 0
}

@media screen and (max-width:1440px) {
    .cmr-contact p.error-message {
        top: -8px
    }
}

.cmr-contact .error-message {
    font-family: GilroyRegular, sans-serif;
    font-weight: 400;
    color: red;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    display: inline-block
}

.cmr-contact .error-message label {
    padding-left: 0;
    margin: 0;
    justify-content: flex-start
}

@media screen and (max-width:600px) {
    .cmr-contact .error-message {
        margin-left: 0
    }
}

.cmr-contact .sec-title h2,
.cmr-contact .sec-title h3 {
    line-height: 1.35;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    color: #001033
}

@media(min-width:992px) {

    .cmr-contact .sec-title h2,
    .cmr-contact .sec-title h3 {
        font-size: 32px
    }
}

@media(min-width:1280px) {

    .cmr-contact .sec-title h2,
    .cmr-contact .sec-title h3 {
        font-size: 38px
    }
}

@media(min-width:1450px) {

    .cmr-contact .sec-title h2,
    .cmr-contact .sec-title h3 {
        font-size: 40px
    }
}

@media(max-width:992px) {

    .cmr-contact .sec-title h2,
    .cmr-contact .sec-title h3 {
        font-size: 28px
    }
}

@media(max-width:767px) {

    .cmr-contact .sec-title h2,
    .cmr-contact .sec-title h3 {
        font-size: 26px
    }
}

@media screen and (max-width:600px) {

    .cmr-contact .sec-title h2,
    .cmr-contact .sec-title h3 {
        max-width: max-content;
        margin-right: auto
    }
}

.cmr-contact .sec-title p {
    font-size: 16px;
    font-family: GilroySemiBold, sans-serif;
    font-weight: 400;
    font-style: italic;
    letter-spacing: .32px;
    color: #001033;
    padding-left: 51px;
    line-height: 1.9;
    padding-top: 20px
}

@media screen and (max-width:991px) {
    .cmr-contact .sec-title p {
        padding-top: 0
    }
}

@media screen and (max-width:600px) {
    .cmr-contact .sec-title p {
        text-align: left
    }
}

span#uploadedfile,
span#uploadedfile2 {
    font-size: 13px;
    line-height: 18px;
    font-family: GilroyRegular, sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 13px
}

span#uploadedfile2:empty,
span#uploadedfile:empty {
    display: none
}

.checkform {
    display: inline-block;
    flex-wrap: wrap
}

.apply_form .checkform {
    display: inherit;
    flex-wrap: wrap
}

.custom-file,
.custom-file-input {
    position: relative;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    display: inline-block;
    cursor: pointer
}

.file-upload {
    line-height: 0;
    flex: 1
}

.file-upload .custom-file {
    margin-top: 9px;
    margin-bottom: 12px
}

@media screen and (max-width:600px) {
    .file-upload .custom-file {
        margin-bottom: 10px
    }
}

.file-upload .custom-file-input {
    width: 100% !important;
    text-align: left !important;
    height: 40px !important
}

.file-upload .custom-file-label {
    justify-content: flex-start;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.7;
    background-color: #fff;
    border: 1.5px dashed #d3d3d9;
    border-radius: 21px;
    text-align: center;
    color: #1d1e31;
    font-family: GilroyRegular, sans-serif;
    font-size: 16px;
    letter-spacing: 1.6px;
    font-weight: 400;
    height: 41px;
    padding: .375rem .75rem .375rem 18px;
    margin-bottom: 0
}

.file-upload .custom-file-label:after {
    height: 40px;
    padding: 10px
}

.file-upload .custom-file-label:before {
    content: "+";
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    vertical-align: middle;
    margin-right: 5px
}

.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
    display: none
}

.servicesList {
    display: flex;
    margin-bottom: 17px;
    padding: 0;
    gap: 12px 10px
}

@media screen and (max-width:576px) {
    .formServiceItem:first-child {
        order: 1
    }

    .formServiceItem:nth-child(2) {
        order: 2
    }

    .formServiceItem:nth-child(3) {
        order: 3
    }

    .formServiceItem:nth-child(4) {
        order: 4
    }

    .formServiceItem:nth-child(5) {
        order: 5
    }

    .formServiceItem:nth-child(8) {
        order: 6
    }

    .formServiceItem:nth-child(6) {
        order: 7
    }

    .formServiceItem:nth-child(7) {
        order: 8
    }

    .formServiceItem:nth-child(9) {
        order: 9
    }

    .formServiceItem:nth-child(10) {
        order: 10
    }
}

.formServiceItem label,
.formServiceItem span {
    position: relative;
    top: 0;
    left: 0;
    color: #000;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #b3b3bc;
    border-radius: 10px;
    margin: 0;
    cursor: pointer;
    font-family: GilroyMedium, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 10px;
    line-height: 17px;
    letter-spacing: .4px;
    -webkit-transition: background-color .5s, top .1s;
    transition: background-color .5s, top .1s;
    flex-grow: 1;
    text-align: center
}

.formServiceItem>input[type=checkbox],
.formServiceItem>input[type=radio] {
    background-color: #c00;
    height: 0;
    width: 0;
    background: none;
    display: none
}

.formServiceItem>input[type=checkbox]:checked+label,
.formServiceItem>input[type=checkbox]:checked+span,
.formServiceItem>input[type=radio]:checked+label,
.formServiceItem>input[type=radio]:checked+span {
    background-color: #0d508e;
    color: #fff;
    border-color: #0d508e
}

.pure-material-checkbox {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, .87);
    font-size: 16px;
    line-height: 1.5
}

@media screen and (max-width:600px) {
    .pure-material-checkbox {
        flex: 100%
    }
}

.has-float-label .form-control {
    background-color: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #000;
    box-shadow: none;
    border-radius: 0;
    padding: 0
}

.has-float-label .form-control :focus {
    box-shadow: none
}

.has-float-label .form-control ::placeholder {
    padding: 0;
    left: 0
}


@media(max-width:576px) {
    .has-float-label .form-control:placeholder-shown:not(:focus)+* {
        top: 5px
    }
}
label.error {
    color: #ff0000;
}
.has-float-label>span,
.has-float-label label {
    left: 0;
    font-family: GilroyRegular, sans-serif
}

.pure-material-checkbox>input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -3px;
    top: 0;
    display: block;
    padding: 0 !important;
    margin: 0;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    background-color: rgba(0, 0, 0, .6);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity .3s, transform .2s
}

@media screen and (max-width:600px) {
    .pure-material-checkbox>input {
        margin-bottom: 0 !important
    }
}

.pure-material-checkbox>span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 15px
}

@media screen and (max-width:600px) {
    .pure-material-checkbox>span {
        margin-bottom: 0 !important
    }
}

.pure-material-checkbox>span:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 11px 3px 1px;
    border: 2px solid rgba(0, 0, 0, .6);
    border-radius: 2px;
    width: 18px;
    height: 18px;
    vertical-align: top;
    transition: border-color .2s, background-color .2s
}

.pure-material-checkbox>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 10px;
    height: 5px;
    border: 2px solid transparent;
    border-top: none;
    border-right: none;
    transform: translate(3px, 4px) rotate(-45deg)
}

.pure-material-checkbox>input:checked,
.pure-material-checkbox>input:indeterminate {
    background-color: #000
}

.pure-material-checkbox>input:checked+span:before,
.pure-material-checkbox>input:indeterminate+span:before {
    border-color: #000;
    background-color: #000
}

.pure-material-checkbox>input:checked+span:after,
.pure-material-checkbox>input:indeterminate+span:after {
    border-color: #fff
}

.pure-material-checkbox>input:indeterminate+span:after {
    border-left: none;
    transform: translate(4px, 3px)
}

.pure-material-checkbox:hover>input {
    opacity: .04
}

.pure-material-checkbox>input:focus {
    opacity: .12
}

.pure-material-checkbox:hover>input:focus {
    opacity: .16
}

.pure-material-checkbox>input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s
}

.pure-material-checkbox>input:active+span:before {
    border-color: #000
}

.pure-material-checkbox>input:checked:active+span:before {
    border-color: transparent;
    background-color: rgba(0, 0, 0, .6)
}

.pure-material-checkbox>input:disabled {
    opacity: 0
}

.pure-material-checkbox>input:disabled+span {
    color: rgba(0, 0, 0, .38);
    cursor: auto
}

.pure-material-checkbox>input:disabled+span:before {
    border-color: currentColor
}

.pure-material-checkbox>input:checked:disabled+span:before,
.pure-material-checkbox>input:indeterminate:disabled+span:before {
    border-color: transparent;
    background-color: currentColor
}

.inner-top-header.banner-without-image.contactus-page .inner-left {
    padding-top: 50px;
    padding-bottom: 0
}

.formHeader {
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 30px;
    padding-left: 15px;
    font-family: GilroySemiBold, sans-serif
}

@media(max-width:1450px) {
    .formHeader {
        font-size: 24px;
        margin-bottom: 15px
    }
}

@media(max-width:991px) {
    .formHeader {
        font-size: 20px;
        margin-bottom: 0
    }
}

.fileupload-info {
    font-family: GilroyMedium, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: #565656
}

.inquiryBtn {
    padding-right: 158px;
    position: relative
}

@media(max-width:576px) {
    .inquiryBtn {
        padding-right: 0
    }
}

.inquiryBtn .file-upload .custom-file {
    height: auto
}

.inquiryBtn .file-upload .custom-file input {
    padding: 30px 0
}

.inquiryBtn .file-upload .custom-file .custom-file-label {
    border-radius: 10px;
    height: 60px;
    padding: 15px 20px
}

.inquiryBtn .file-upload .custom-file.document-upload .custom-file-label {
    background-color: #fff0ea
}

.inquiryBtn .inquiryBtnOuter {
    position: absolute;
    top: 9px;
    
    z-index: 3
}

@media(max-width:576px) {
    .inquiryBtn .inquiryBtnOuter {
        position: relative
    }
}

.inquiryBtn .inquiryBtnOuter .primary-btn {
    min-width: 145px
}

@media(max-width:576px) {
    .inquiryBtn .inquiryBtnOuter .primary-btn {
        width: 100%
    }
}

.inquiryBtn .inquiryBtnOuter .primary-btn .btnloader {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0d508e;
    text-align: center;
    z-index: 1;
    border-radius: 10px
}

.inquiryBtn .inquiryBtnOuter .primary-btn .btnloader:before {
    content: "";
    background: url(https://www.bharatdigitalseva.com/assets/images/loader-img.png) no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-animation: spin 1.1s linear infinite;
    -moz-animation: spin 1.1s linear infinite;
    animation: spin 1.1s linear infinite
}

@media screen and (max-width:767px) {
    .inquiryBtn .inquiryBtnOuter .primary-btn .btnloader:before {
        height: 28px;
        width: 28px
    }
}

@media only screen and (min-width:577px)and (max-width:767px) {
    .cmr-contact .inquiryBtn .inquiryBtnOuter .primary-btn {
        height: 60px
    }
}

@-moz-keyframes spin {
    to {
        -moz-transform: rotate(1turn)
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#files-area .file-block {
    background-color: #ffe9df;
    border-radius: 5px;
    color: initial;
    display: inline-flex;
    align-items: center;
    margin: 5px;
    font-size: 12px;
    overflow: hidden
}

#files-area .file-block .name {
    padding: 2px 5px;
    display: inline-flex;
    white-space: normal;
    word-break: break-all;
    flex-wrap: wrap
}

#files-area .file-block .file-delete {
    width: 24px;
    background-color: #ffdac9;
    color: initial;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 18px;
    font-size: 18px
}

#files-area .file-block .file-delete span {
    transform: rotate(45deg);
    margin-left: 3px
}

@media screen and (min-width:576px)and (max-width:991px) {
    .jump-forms #contactForm {
        margin: 0 -15px
    }
}

.our-mission-tech .our-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 18px
}

@media screen and (max-width:1024px) {
    .our-mission-tech .our-boxes {
        gap: 30px 18px
    }
}

@media screen and (max-width:991px) {
    .our-mission-tech .our-boxes {
        gap: 20px 18px
    }
}

.our-mission-tech .our-mission-tech-box {
    width: calc(25% - 14px);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .our-mission-tech .our-mission-tech-box {
        width: calc(33.33% - 12px)
    }
}

@media screen and (max-width:767px) {
    .our-mission-tech .our-mission-tech-box {
        width: calc(50% - 9px)
    }
}

@media screen and (max-width:575px) {
    .our-mission-tech .our-mission-tech-box {
        width: 100%
    }
}

.our-mission-tech .our-mission-tech-box h3 {
    color: #000;
    font-size: 20px;
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    padding: 20px 14px
}

.our-mission-tech .our-mission-tech-box h3 a,
.our-mission-tech .our-mission-tech-box h3 a:hover {
    transition: all .3s
}

@media screen and (max-width:1024px) {
    .our-mission-tech .our-mission-tech-box h3 {
        font-size: 20px;
        line-height: 26px
    }
}

@media screen and (max-width:767px) {
    .our-mission-tech .our-mission-tech-box h3 {
        font-size: 18px;
        line-height: 24px
    }
}

.our-mission-tech .our-mission-tech-box ul {
    height: 100%;
    padding: 20px 0;
    border-radius: 16px;
    border: 1px solid transparent
}

@media screen and (max-width:991px) {
    .our-mission-tech .our-mission-tech-box ul {
        row-gap: 15px
    }
}

.our-mission-tech .our-mission-tech-box ul li {
    color: #1d1e31;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    transition: all .5s
}

.our-mission-tech .our-mission-tech-box ul li:hover {
    background: #fff;
    transition: all .5s
}

.our-mission-tech .our-mission-tech-box ul li:hover a {
    color: #0d508e
}

.our-mission-tech .our-mission-tech-box ul li a {
    display: flex;
    align-items: center;
    padding: 10px 15px
}

.our-mission-tech .our-mission-tech-box ul li a i {
    font-size: 32px;
    margin-right: 10px;
    vertical-align: middle
}

.our-mission-tech .enterprise-mobility-box {
    background-color: #fbe1e1
}

.our-mission-tech .enterprise-mobility-box ul {
    background-color: #ffebeb
}

.our-mission-tech .enterprise-mobility-box .dev-desigm-box {
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between
}

@media screen and (max-width:575px) {
    .our-mission-tech .enterprise-mobility-box .dev-desigm-box {
        flex-direction: column;
        row-gap: 1px
    }
}

.our-mission-tech .enterprise-mobility-box .dev-desigm-box ul {
    background-color: #ffebeb;
    width: 49.9%
}

@media screen and (max-width:575px) {
    .our-mission-tech .enterprise-mobility-box .dev-desigm-box ul:first-child {
        padding-bottom: 0;
        border-radius: 0
    }
}

@media screen and (max-width:575px) {
    .our-mission-tech .enterprise-mobility-box .dev-desigm-box ul:last-child {
        padding-top: 0;
        margin-top: -1px;
        border-radius: 0
    }
}

@media screen and (max-width:575px) {
    .our-mission-tech .enterprise-mobility-box .dev-desigm-box ul {
        width: 100%
    }
}

.our-mission-tech .cross-platform-box {
    background-color: #e7e4f5
}

.our-mission-tech .cross-platform-box ul {
    background-color: #f3f1ff
}

.our-mission-tech .frontend-box {
    background-color: #cfece5
}

.our-mission-tech .frontend-box ul {
    background-color: #e2fcf6
}

.our-mission-tech .php-frameworks-box {
    background-color: #dce5f5
}

.our-mission-tech .php-frameworks-box ul {
    background-color: #e8f0ff
}

.our-mission-tech .php-frameworks-box .dev-desigm-box {
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between
}

@media screen and (max-width:575px) {
    .our-mission-tech .php-frameworks-box .dev-desigm-box {
        flex-direction: column
    }
}

.our-mission-tech .php-frameworks-box .dev-desigm-box ul {
    background-color: #e8f0ff;
    width: 49.9%
}

@media screen and (max-width:575px) {
    .our-mission-tech .php-frameworks-box .dev-desigm-box ul:first-child {
        padding-bottom: 0;
        border-radius: 0
    }
}

@media screen and (max-width:575px) {
    .our-mission-tech .php-frameworks-box .dev-desigm-box ul:last-child {
        padding-top: 0;
        margin-top: -1px;
        border-radius: 0
    }
}

@media screen and (max-width:575px) {
    .our-mission-tech .php-frameworks-box .dev-desigm-box ul {
        width: 100%;
        row-gap: 1px
    }
}

.link-btn {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .08em;
    line-height: 30px;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    z-index: 99;
    position: relative
}

.link-btn i {
    margin-left: 5px;
    position: relative;
    left: 0;
    transition: all .5s
}

.link-btn:hover i {
    left: 10px;
    transition: all .5s
}

.sec-description .sec-desc-title:before {
    background-color: #0d508e
}

.stat-plates-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 60px
}

@media screen and (max-width:991px) {
    .stat-plates-box {
        column-gap: 20px
    }
}

@media screen and (max-width:767px) {
    .stat-plates-box {
        column-gap: 30px
    }
}

@media screen and (max-width:575px) {
    .stat-plates-box {
        flex-direction: column;
        justify-content: center
    }
}

.stat-plates-box p {
    font-size: 18px;
    line-height: 1.5
}

.stat-plates-box p:last-child {
    margin-bottom: 0
}

.stat-plates-box .sec-tag-lines {
    width: 100%
}

.stat-plates-box .stat-plates {
    width: 20%;
    max-width: 170px;
    min-height: 120px;
    align-self: normal;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-top: 10px;
    padding-left: 32px;
    background-color: #d8f2cf;
    border-radius: 40px 0 0 40px;
    padding-top: 25px;
    padding-bottom: 25px
}

@media screen and (max-width:991px) {
    .stat-plates-box .stat-plates {
        border-radius: 20px 0 0 20px;
        text-align: left;
        padding-left: 15px;
        margin-top: 15px
    }
}

@media screen and (max-width:575px) {
    .stat-plates-box .stat-plates {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 30px;
        flex-direction: row;
        align-items: center
    }
}

.stat-plates-box .stat-plates i {
    font-size: 46px
}

.stat-plates-box .stat-plates .app-count {
    font-family: GilroyBold, sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #1e1e1e;
    margin: 20px 0 0
}

@media screen and (max-width:575px) {
    .stat-plates-box .stat-plates .app-count {
        font-size: 26px;
        line-height: 34px;
        margin: 0 7px 0 15px
    }
}

.stat-plates-box .stat-plates p {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    font-family: GilroySemiBold, sans-serif;
    color: #1e1e1e
}

.stat-plates-box .mobile-app-bg {
    background: #fee
}

.stat-plates-box .mobile-app-bg .max-plate .app-count {
    color: #1e1e1e;
    font-size: 36px;
    font-weight: 700
}

.stat-plates-box .app-bg {
    background: #e2e2e2
}

.stat-plates-box .web-app-dev-bg {
    background: #d0f2eb
}

.stat-plates-box .web-hire-dedi-dev-bg {
    background: rgba(255, 201, 205, .35) !important
}

.stat-plates-box .custom_eCommerce-bg {
    background: #d4def6
}

.stat-plates-box .saas-apps-bg {
    background-color: #fcdeda
}

.stat-plates-box .mvp-dev-bg {
    background-color: #fcecc4
}

.stat-plates-box .on-demand-app-dev-bg {
    background-color: #d7e1f9
}

.stat-plates-box .sec-description {
    width: 100%
}

@media screen and (max-width:1100px) {
    .stat-plates-box .sec-description {
        width: 70%
    }
}

@media screen and (max-width:767px) {
    .stat-plates-box .sec-description {
        width: 68%
    }
}

@media screen and (max-width:575px) {
    .stat-plates-box .sec-description {
        width: 100%;
        text-align: left
    }
}

@media screen and (max-width:575px) {
    .stat-plates-box .sec-description .sec-tag-lines h2 {
        text-align: left;
        padding: 0
    }
}

@media screen and (max-width:991px) {
    .whyFlutterAppDev .whyFullerAppImg {
        text-align: center;
        margin-top: 30px
    }

    .whyFlutterAppDev .whyFullerAppImg img {
        max-width: 450px
    }
}

@media screen and (max-width:480px) {
    .whyFlutterAppDev .whyFullerAppImg img {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .domains-expertise-section {
        padding-top: 25px !important
    }
}

.reviews_on_clutch+.technology-stack-sec {
    margin-top: 40px
}

@media(max-width:991px) {
    .reviews_on_clutch+.technology-stack-sec {
        margin-top: 30px
    }
}

@media(max-width:767px) {
    .reviews_on_clutch+.technology-stack-sec {
        margin-top: 25px
    }
}

@media(max-width:991px) {
    .steps_engage_section+.project-start-wrap {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .steps_engage_section+.project-start-wrap {
        padding: 25px 0
    }
}

@media(max-width:991px) {
    .development-process-section+.project-start-wrap {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .development-process-section+.project-start-wrap {
        padding: 25px 0
    }
}

.our-portfolio-section+.project-start-wrap {
    padding-top: 0
}

@media screen and (max-width:991px) {
    .project-start-wrap+.technology-stack-sec {
        padding-top: 20px
    }
}

@media screen and (max-width:767px) {
    .project-start-wrap+.technology-stack-sec {
        padding-top: 10px
    }
}

@media screen and (max-width:991px) {
    .need-solution-section .cmr-related.px-40 {
        padding-bottom: 0 !important
    }
}

.domains-expertise-section+.reviews_on_clutch {
    margin-top: 40px
}

@media(max-width:991px) {
    .domains-expertise-section+.reviews_on_clutch {
        margin-top: 30px
    }
}

@media(max-width:767px) {
    .domains-expertise-section+.reviews_on_clutch {
        margin-top: 25px
    }
}

.banner-main.text-banner .banner-title {
    padding: 0 15px
}



.faqMaster {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px;

    @media screen and (max-width:767px) {
        flex-wrap: wrap;
    }

    .faq-sidebar {
        width: 250px;
        background: #ffffff;
        box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.07058823);
        padding: 20px;
        position: sticky;
        top: 85px;

        @media screen and (max-width:767px) {
            position: relative;
            top: auto;
            width: 100%;
        }

        ul {
            li {
                margin-bottom: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid #efefef;

                span {
                    font-family: GilroySemiBold, SansSerif;
                    font-size: 16px;
                    line-height: 1.5;
                    display: block;
                    cursor: pointer;

                    &:hover {
                        color: #0d508e;
                    }
                }

                &:last-child {
                    margin-bottom: 0px;
                    padding-bottom: 0px;
                    border-bottom: 0px solid #efefef;
                }
            }
        }
    }

    .faq-sections {
        width: calc(100% - 250px);

        @media screen and (max-width:767px) {
            width: 100%;
        }

        .faqBox {
            border: 1px solid #efefef;
            margin-bottom: 40px;

            h2 {
                font-family: GilroyBold, SansSerif;
                background-color: #efefef;
                padding: 15px 20px;
                margin-bottom: 0px;
                font-size: 30px;
                line-height: 40px;

                @media screen and (max-width: 992px) {
                    font-size: 24px;
                    padding: 5px 15px;
                }
            }

            ul {
                padding: 0 20px;

                @media screen and (max-width: 992px) {
                    padding: 0 15px;
                }

                li.faq_item {
                    padding: 18px 0;
                    font-size: 16px;
                    line-height: 1.5;
                    border-color: #efefef;

                    .faq_body {
                        .faq_body_inner {
                            margin-top: 0;
                        }
                    }
                }
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

.cmr-careers {
    .sec-description {
        display: block;
        margin: 0px;

        .sec-desc-title {
            &::before {
                background-color: #0d508e;
                width: 72px !important;
                height: 72px !important;

                @media screen and (max-width: 500px) {
                    width: 42px !important;
                    height: 36px !important;
                }
            }
        }
    }
}

.cmr-perks {
    margin: 0px 0 80px;

    @media screen and (max-width: 991px) {
        margin: 0px 0 40px;
    }

    @media screen and (max-width: 767px) {
        margin: 0px 0 30px;
    }

    @media screen and (max-width: 600px) {
        margin-bottom: 0;
    }
    .mb-5{
        @media screen and (max-width: 767px) {
            margin-bottom: 0 !important;
        }
    }

    .career-row{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0 30px;
        position: relative;
        z-index: 99;

        &.mb-reverse{
            @media screen and (max-width: 575px) {
                flex-direction: column-reverse;
            }
        }

        .perk-content{
            width: 100%;
            @media screen and (min-width: 576px) {
                width: calc(50% - 15px);
            }
        }
        .perk-img{
            width: 100%;
            @media screen and (min-width: 576px) {
                text-align: center;
                width: calc(50% - 15px);
            }
        }
    }
    .perk-plate {
        margin-bottom: 45px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;

        @media screen and (max-width: 767px) {
            margin-top: 20px;
        }

        .perk-tit {
            display: flex;
            align-items: center;
            min-height: 46px;
            font-family: GilroyBold, SansSerif;
            font-weight: normal;
            font-size: 24px;
            line-height: 1.23;
            text-align: left;
            color: #202133;
            margin-top: 0px;
            margin-left: 10px;
            padding-left: 40px;
            position: relative;

            @media screen and (max-width: 600px) {
                font-size: 20px;
                padding-left: 34px;
            }

            .perk-num {
                font-family: GilroyBold, SansSerif;
                font-weight: normal;
                font-size: 30px;
                line-height: 1.23;
                text-align: center;
                color: #202133;
                position: relative;
                margin-bottom: 0;
                z-index: 9;
                position: absolute;
                left: -10px;

                @media screen and (max-width: 600px) {
                    font-size: 24px;
                }
                

                &.perk-one {
                    &::before {
                        background-color: color-green-dark;
                    }
                }

                &.perk-two {
                    &::before {
                        background-color: color-blub-dark;
                    }
                }

                &.perk-three {
                    &::before {
                        background-color: color-yellow-dark;
                    }
                }

                &.perk-four {
                    &::before {
                        background-color: color-pink-dark;
                    }
                }

                &::before {
                    content: "";
                    background-color: #a0e4d5;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    position: absolute;
                    left: -10px;
                    top: -6px;
                    z-index: -1;

                    @media screen and (max-width: 600px) {
                        top: -10px;
                    }
                }

                &::after {
                    content: "";
                    background-color: white;
                    width: 25px;
                    height: 50px;
                    position: absolute;
                    left: 20px;
                    top: -6px;
                    z-index: -1;

                    @media screen and (max-width: 600px) {
                        width: 22px;
                        top: -10px;
                    }
                }
            }
        }

        .perk-desc {
            margin-top: 5px;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.8;
            text-align: left;
            color: #1d1e31;
        }
    }
}

.cmr-encorage {

    .look-wrap{
        display: flex;
        flex-wrap: wrap;
        gap: 30px 30px ;
        margin: 30px 0 48px;

        @media screen and (max-width: 991px) {
            margin: 20px 0 40px;
        }
        @media screen and (max-width: 767px) {
            margin: 16px 0 30px;
        }
    }
    .enc-plate {
        width: calc(25% - 23px);

        @media screen and (max-width: 991px) {
            width: calc(50% - 15px);
        }
        @media screen and (max-width: 767px) {
            width: 100%;
        }

        .img-enc {
            display: inline-block;
            height: 120px;

            @media screen and (max-width: 600px) {
                height: auto;
                margin-right: 10px;
            }

            img {
                width: 100px;
                margin-bottom: 15px;

                @media screen and (max-width: 600px) {
                    width: 60px;
                    margin-bottom: 0;
                }
            }
        }

       

        .enc-plate-heading {
            @media screen and (max-width: 600px) {
                display: flex;
                align-items: center;
            }

            h3 {
                font-family: GilroySemiBold, SansSerif;
                font-weight: normal;
                font-size: 24px;
                line-height: 48px;
                text-align: left;
                color: black;
                margin-bottom: 0;

                @media screen and (max-width: 600px) {
                    font-size: 20px;
                }
            }
        }

        p {
            font-weight: 400;
            font-size: 16px;
            line-height: 1.8;
            text-align: left;
            color: #454545;
            margin-top: 5px;

            &:last-child{
                margin-bottom: 0;
            }
        }
    }
}

.cmr-openings {
    padding: 80px 0;
    background-color: #f4f7ff;
    position: relative;

    @media screen and (max-width: 767px) {
        padding: 30px 0;
    }
    .sec-title{
        margin-bottom: 48px;

        @media screen and (max-width: 991px) {
            margin-bottom: 40px;
        }
        @media screen and (max-width: 767px) {
            margin-bottom: 30px;
        }
        @media screen and (max-width: 600px) {
            margin-bottom: 24px;
        }
    }

    .large-btn {
        min-width: 140px;
        text-transform: capitalize;
        height: 50px;
        font-size: 16px !important;
        background-color: #05d286 !important;
        border: none !important;
        box-shadow: none;
        display: flex;
        align-items: center;
    }

    .accordion {
        &>.card {
            padding: 0;
        }
    }

    .card {
        cursor: pointer;
        border: none;
        margin-bottom: 15px;
        border-radius: 15px !important;
        box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);

        .card-header {
            background-color: transparent;
            border: none;
            display: flex;
            align-items: center;
            padding: 0.75rem 1.25rem;
            padding-right: 20px;
            border-radius: 15px !important;
            box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);

            @media screen and (max-width: 767px) {
                flex-wrap: wrap;
                padding-left: 50px;
                padding-top: 20px;
                padding-bottom: 22px;
                position: relative;
            }

            h3 {
                font-size: 18px;
                font-weight: 700;
                text-align: left;

                >.urgent-flag {
                    margin-left: 10px;
                    background: #e64343;
                    color:white;
                    font-size: 0.5rem;
                    padding: 4px 7px 3px 8px;
                    text-transform: uppercase;
                    font-weight: 700;
                    position: relative;
                    top: -3px;
                    border-radius: 15px;
                    letter-spacing: 1px;
                }
            }
        }

        .card-body {
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
            min-height: 1px;
            padding: 1.25rem;
            border-radius: 15px !important;
            padding-left: 35px !important;
        }
    }

    .opng-icon {
        width: 60px;
        height: 60px;
        font-size: 30px;
        color: white;
        margin-right: 10px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;

        @media screen and (max-width: 600px) {
            top: 25px !important;
        }

        @media screen and (max-width: 767px) {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            position: absolute;
            left: 10px;
            top: 15px;
            margin: 0;
        }

        &.one-opng {
            background: mobile-grad;
        }

        &.two-opng {
            background: web-grad;
        }

        &.three-opng {
            background: uiux-grad;
        }
    }

    .opng-details {
        flex: 1;
        padding: 5px;

        @media screen and (max-width: 767px) {
            width: 100%;
            flex: 1 1 100%;
            padding: 0;
            margin-bottom: 10px;
        }

        ul {
            padding-left: 0px;
            list-style-type: none;
            display: flex;
            margin-bottom: 0px;

            @media screen and (max-width: 767px) {
                flex-wrap: wrap;
            }

            li {
                padding: 5px 20px;
                border-right: 1px solid #ddd;
                font-size: 14px;

                @media screen and (max-width: 767px) {
                    width: 100%;
                    padding: 5px 0;
                    border-bottom: 1px solid #ddd;
                    border-right: none;
                    text-align: left;
                }

                &:first-child {
                    padding-left: 0px;
                }

                &:last-child {
                    border-bottom: 0px solid #ddd;
                    border-right: 0px;
                }
            }
        }
    }

    .job-desc {
        list-style-type: none;

        li {
            padding-left: 20px;
            margin-bottom: 10px;
            position: relative;
            text-align: left;

            &::before {
                content: "";
                min-width: 10px;
                min-height: 10px;
                border: 1px solid #777;
                position: absolute;
                left: -6px;
                top: 6px;
                border-radius: 50%;
            }
        }
    }
}

.nm-texts {
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #001033;

    @media screen and (max-width: 767px) {
        font-size: 16px;
    }
}



.modal-header {
    padding: 17px 45px 17px 20px !important;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: brand-color;
    font-size: 17px;
    line-height: 22px;
    color: white;
    font-family: GilroyBold, SansSerif;
    font-weight: normal;
    display: block;

    span {
        font-weight: 400;
    }
}

.sec-description {
    .sec-desc-title {

        .title-heading {
            

            @media screen and (max-width: 500px) {
                height: auto;
                padding-top: 0px;
                line-height: 2;
            }
        }
    }
}

.carrer-modalcustom {
    margin: 1.75rem auto;
    max-width: 600px;

    .loading-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.7);
        z-index: 3;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }

    .careerAction {
        margin: 25px 0 15px;
    }

    .career-success-message {
        color: #379d35;
        margin-top: 25px;
        margin-bottom: 0;
        text-align: center;
    }
}

.file-name {
    font-size: 14px;
    display: inline-block;
    margin-top: 7px;
    background-color: #ffe9df;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: 600;

    &:empty {
        display: none;
    }
}

.tw-lefter {
    picture {
        img {
            width: 100%;
            max-width: 450px;
            border-radius: 40px;
            float: none;
            margin: 0 auto;

            @media screen and (max-width: 1200px) {
                max-width: 100%;
                border-radius: 30px;
            }

            @media screen and (max-width: 991px) {
                max-width: 380px;
                border-radius: 30px;
            }

            @media screen and (max-width: 767px) {
                max-width: 100%;
                border-radius: 20px;
            }

            @media screen and (max-width: 575px) {
                border-radius: 10px;
            }
        }
    }
}

.tw-righter {
    img {
        width: 100%;
        max-width: 450px;
        border-radius: 40px;
        float: none;
        margin: 0 auto;

        @media screen and (max-width: 1200px) {
            max-width: 350px;
        }

        @media screen and (max-width: 991px) {
            max-width: 280px;
            border-radius: 30px;
        }

        @media screen and (max-width: 767px) {
            max-width: 100%;
            border-radius: 20px;
        }

        @media screen and (max-width: 575px) {
            border-radius: 10px;
        }
    }
}

.cmr-tw-adv {
    .tw-lefter {
        padding: 70px 0;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        @media screen and (max-width: 1200px) {
            padding: 40px 0;
        }

        @media screen and (max-width: 767px) {
            padding: 15px 0;
        }

        .right-slant {
            .anmtn-element {
                height: 100%;
                width: 25vw;
                position: absolute;
                right: 0;
                top: 0;

                .animated-cuts-right {
                    height: 100%;
                    width: 100%;
                }

                .right-bg {
                    background-color: #f4f7ff;
                    height: 100%;
                    width: 100%;

                    @media screen and (max-width: 767px) {
                        display: none;
                    }
                }
            }

            &::after {
                content: "";
                width: 150px;
                height: 150px;
                background-image: url(#{$cdn-url}/images/elements/doted.svg);
                background-size: 150px;
                position: absolute;
                right: 0;
                background-repeat: no-repeat;
                top: 50%;
                transform: translateY(-50%);

                @media screen and (max-width: 767px) {
                    display: none;
                }
            }
        }
    }

    .tw-righter {
        padding: 70px 0;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 80px 0;

        @media screen and (max-width: 1440px) {
            margin: 50px 0;
        }

        @media screen and (max-width: 1200px) {
            margin: 40px 0;
        }

        @media screen and (max-width: 991px) {
            padding: 30px 0;
        }

        @media screen and (max-width: 767px) {
            padding: 30px 0;
            margin: 30px 0 0;
        }

        @media screen and (max-width: 575px) {
            margin: 0;
        }

        .row {
            @media screen and (max-width: 575px) {
                flex-direction: column-reverse;
                display: flex;
            }
        }

        .left-slant {
            position: absolute;
            left: 0;
            height: 100%;
            width: 25vw;

            .anmtn-element {
                height: 100%;
                width: 100%;

                .animated-cuts-left {
                    height: 100%;
                    width: 100%;
                }

                .left-bg {
                    background-color: #f4f7ff;
                    height: 100%;
                    width: 100%;

                    @media screen and (max-width: 767px) {
                        display: none;
                    }
                }
            }

            &::after {
                content: "";
                width: 150px;
                height: 150px;
                background-image: url(#{$cdn-url}/images/elements/doted.svg);
                background-size: 150px;
                position: absolute;
                left: 0;
                background-repeat: no-repeat;
                top: 50%;
                transform: translateY(-50%);

                @media screen and (max-width: 767px) {
                    display: none;
                }
            }
        }
    }

    .row {
        align-items: center;
        position: relative;
        z-index: 99;
    }
}

.cmr-outline-btn {
    &.life-at-cmarix {
        margin: 0 auto;
        height: 50px;
        min-width: 200px;
        padding-top: 11px;
        padding-bottom: 11px;
    }
}

.modal-open .modal {
    z-index: 99999;
}

.carrer-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .22);
    z-index: 99999;
    overflow-y: auto;
    padding: 0 15px;

    .close-modal {
        position: absolute;
        color: #fff;
        height: 30px;
        width: 30px;
        top: 12px;
        right: 10px;
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;

        img {
            filter: invert(1);
            transform: rotate(90deg);
            width: 16px;
        }
    }

    .modal-content {
        border-radius: 10px;
        overflow: hidden;
        border: none;
    }

    .modal-body {
        padding: 0;
    }

    .careerFormBody {
        padding: 20px;
    }

    .primary-btn {
        min-width: 180px;
        height: 50px;
    }
}

.cmr-contact {
    .form-inline {
        display: block;

        input,
        select {
            height: 45px;
            border-radius: 0;
            border-bottom: 1px solid #bcbcbc;
            font-weight: normal;
            line-height: 1;
            letter-spacing: 1.6px;
            padding: 16px 0px;
            box-shadow: none !important;
            outline: none;
            background: transparent;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            color: #1d1e31;
            text-align: left;
            margin-bottom: 0px;
            font-family: GilroyRegular, SansSerif;
            font-size: 16px;
            width: 100%;

            @media screen and (max-width: 600px) {
                width: 100%;
                margin-bottom: 0px;
            }

            &::placeholder {
                color: #1d1e31;
                font-weight: 500;
                font-size: 16px;
                letter-spacing: 1.6px;
            }

            &:focus {
                box-shadow: none;
                border-color: #1d1e31;
            }
        }
    }

    .error-message {
        font-family:GilroyRegular, SansSerif;
        font-weight: normal;
        color: red;
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 5px;
        position: relative;
        display: inline-block;

        label {
            padding-left: 0px;
            margin: 0;
            justify-content: flex-start;
        }
    }
}

.has-float-label .form-control {
    background-color: transparent;
    outline: none;
    border-bottom: 1px solid #000000;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;

    :focus {
        box-shadow: none;
    }

    ::placeholder {
        padding: 0;
        left: 0;
    }
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-family: GilroyRegular, SansSerif;
    font-size: 16px;
    letter-spacing: 1.6px;
    opacity: 1;
    left: 0;
    top: 0.85em;
    width: 100%;
   
    justify-content: left;
    height: 30%;
    padding: 10px 0;
}

.has-float-label label,
.has-float-label>span {
    left: 0;
    font-family: GilroyRegular, SansSerif;
}

.file-upload {
    line-height: 0;

    .custom-file {
        margin-top: 9px;
        margin-bottom: 12px;
        position: relative;

        @media screen and (max-width: 600px) {
            margin-bottom: 10px;
        }
    }

    .custom-file-input {
        width: 100% !important;
        text-align: left !important;
        height: 40px !important;
        cursor: pointer;

        &:focus~.custom-file-label {
            border-color: #f16122;
            box-shadow: 0 0 0 0.2rem rgba(241, 97, 34, 0.25);
        }
    }

    .custom-file-label {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        padding: 7px;
        background-color: white;
        border: 1.5px dashed #d3d3d9;
        border-radius: 40px;
        color: #1d1e31;
        font-family: GilroyRegular, SansSerif;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1.6px;
        font-weight: normal;
        height: 40px;
        margin-bottom: 0;
        box-shadow: none;
        align-items: center;
        justify-content: center;
        display: flex;

        &::after {
            display: none;
        }

        &:before {
            content: "+";
            font-size: 24px;
            line-height: 24px;
            font-weight: normal;
            font-family: GilroySemiBold, SansSerif;
            vertical-align: middle;
            margin-right: 5px;
        }
    }

    .fileupload-info {
        display: block;
        width: 100%;
        font-size: 13px;
        line-height: 18px;
    }
}

.contact_us_contacts {
    .hire_left {
        @media screen and (max-width: 992px) {
            padding: 0px 0px 0;
            margin-bottom: 20px;

            &::after {
                display: none;
            }
        }

        @media screen and (max-width: 600px) {
            margin-bottom: 0;
        }
    }

    .hire_right {
        @media screen and (max-width: 767px) {
            margin: 20px 0 0px 0;
        }

        .detail {
            h4 {
                font-family: GilroySemiBold, SansSerif;
                font-weight: normal;
                font-size: 1rem;
                line-height: 1.2;
                color: #1d1e31;
            }

            h3 {
                font-family:GilroyBold,SansSerif;
                font-weight: normal;
                font-size: 1.17em;
                line-height: 1.2;
                color: #1d1e31;

                @media screen and (max-width: 1024px) {
                    font-size: 0.97em;
                }
            }
        }
    }

    .getin_touch_block {
        background: white;
        box-shadow: 0 3px 26px rgba(0, 0, 0, 0.06);
        margin: 10px 0;

        &:hover {
            background: white;
        }

        &.full_wid {
            max-width: 100%;

            h3 {
                margin-bottom: 0;
            }
        }
    }
}

.left-brush {
    @media screen and (max-width: 600px) {
      margin-bottom: 15px;
      padding-left: 0;
      text-align: center;
    }
  
    &::before {
      content: "";
      width: 100px;
      height: 100px;
      background-size: 100px;
      animation: mover 2s cubic-bezier(0.76, 0, 0.3, 1) alternate infinite;
    }
  }
  .cmr-life-culture {
    overflow: hidden;
    .inner-top-header {
        background-color: transparent !important;
        padding-top: 150px;
        align-items: flex-start;
        min-height: 400px;
        padding-bottom: 30px ;

        @media only screen and (max-width: 1280px) {
            padding-top: 110px;
            min-height: 380px;
            
        }

        @media only screen and (max-width: 1199px) {
            min-height: 340px;
            padding-top: 80px ;
        }

        @media only screen and (max-width: 991px) {
            min-height: 310px;
        }

        @media only screen and (max-width: 680px) {
            min-height: 290px;
        }

        .cmr-life-hero {
            max-width: 1040px;
            margin: 0 auto;
            position: relative;

            @media only screen and (max-width: 480px) {
                text-align: center;
            }

            .stars {
                position: absolute;
                height: 60px;
                width: 60px;
                left: 0;
                top: 0;
                bottom: 0;
                pointer-events: none;

                @media only screen and (max-width: 991px) {
                    height: 40px;
                    width: 40px;
                }

                @media only screen and (max-width: 680px) {
                    height: 30px;
                    width: 30px;
                }

                @media only screen and (max-width: 480px) {
                    top: 100px;
                }

                @media only screen and (max-width: 360px) {
                    top: 140px;
                }
            }

            .smiles {
                position: absolute;
                height: 60px;
                width: 60px;
                right: 0;
                top: 0;
                bottom: 0;
                pointer-events: none;

                @media only screen and (max-width: 991px) {
                    height: 40px;
                    width: 40px;
                }

                @media only screen and (max-width: 680px) {
                    height: 30px;
                    width: 30px;
                }

                @media only screen and (max-width: 480px) {
                    top: 100px;
                }

                @media only screen and (max-width: 360px) {
                    top: 140px;
                }
            }

            h1 {
                font-size: 32px;
                line-height: 40px;
                text-align: center;
                font-family: GilroyBold, SansSerif;
                font-weight: normal;
                color: #001033;
                margin-bottom: 15px;

                @media only screen and (min-width: 992px) {
                    font-size: 36px;
                    line-height: 44px;
                    margin-bottom: 30px;
                }

                @media only screen and (min-width: 768px) {
                    font-size: 34px;
                    line-height: 42px;
                    margin-bottom: 20px;
                }

                span {
                    color: #0d508e;
                }
            }

            .cmr-culture {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 12px;
                margin-bottom: 30px;

                @media only screen and (max-width: 1280px) {
                    margin-bottom: 20px;
                }

                @media only screen and (max-width: 767px) {
                    gap: 10px;
                }

                @media only screen and (max-width: 575px) {
                    gap: 5px;
                }

                @media only screen and (max-width: 480px) {
                    display: inline-block;
                }

                li {
                    padding: 9px 26px;
                    background-color: #FFFFFF;
                    border-radius: 25px;
                    font-size: 16px;
                    line-height: 21px;
                    font-weight: 600;
                    color: #0d508e;

                    @media only screen and (max-width: 767px) {
                        padding: 7px 20px;
                        font-size: 15px;
                        line-height: 20px;
                    }

                    @media only screen and (max-width: 575px) {
                        padding: 7px 10px;
                    }

                    @media only screen and (max-width: 480px) {
                        margin-bottom: 8px;
                    }

                    &:nth-child(2) {
                        color: #0d508e;
                    }

                    &:nth-child(3) {
                        color: #0d508e;
                    }
                }
            }
        }
    }

    .cmr-life-banner {
        position: relative;
        margin: -110px 0 60px;

        .container {
            max-width: 1390px;
        }

        @media only screen and (max-width: 1280px) {
            margin: -90px 0 50px;
        }

        @media only screen and (max-width: 1024px) {
            margin: -80px 0 40px;
        }

        @media only screen and (max-width: 991px) {
            margin: -70px 0 40px;
        }

        @media only screen and (max-width: 480px) {
            margin: -30px 0 40px;
        }

        img {
            filter: drop-shadow(0 -2mm 0mm rgba(241, 97, 34, 0.2));
            height: 100%;
            width: 100%;
            object-fit: cover;

            @media only screen and (max-width: 576px) {
                filter: drop-shadow(0 -1mm 0mm rgba(241, 97, 34, 0.2));
            }
        }
    }

    .work-place-happy-hrs {
        .sec-title {
            text-align: center;
            max-width: 1020px;
            margin: 0 auto 40px;
            position: relative;

            .eye-icon {
                position: absolute;
                height: 53px;
                width: 60px;
                left: -40px;
                top: 0;
                bottom: 0;
                padding: 0;
                pointer-events: none;

                @media only screen and (max-width: 1280px) {
                    left: -30px;
                }

                @media only screen and (max-width: 1199px) {
                    left: 10px;
                    top: -10px;
                    height: 45px;
                    width: 50px;
                }

                @media only screen and (max-width: 480px) {
                    height: 40px;
                    left: 0px;
                    top: -35px;
                    width: 40px;
                }

                &::before {
                    display: none;
                }
            }

            .small-stars {
                position: absolute;
                height: 15px;
                width: 15x;
                left: 10px;
                bottom: 0;
                padding: 0;
                pointer-events: none;

                @media only screen and (max-width: 680px) {
                    bottom: -20px;
                }

                &::before {
                    display: none;
                }
            }

            .blue-star {
                position: absolute;
                height: 30px;
                width: 30px;
                right: 0px;
                top: -20px;
                padding: 0;
                pointer-events: none;

                @media only screen and (max-width: 480px) {
                    height: 20px;
                    width: 20px;
                }

                &::before {
                    display: none;
                }
            }

            .small-org-star {
                position: absolute;
                height: 15px;
                width: 15px;
                right: 30px;
                top: 50%;
                padding: 0;
                pointer-events: none;

                @media only screen and (max-width: 992px) {
                    top: 10%;
                }

                &::before {
                    display: none;
                }
            }

            .big-white-star {
                position: absolute;
                height: 30px;
                width: 30px;
                right: -60px;
                bottom: 0;
                padding: 0;
                pointer-events: none;

                @media only screen and (max-width: 1280px) {
                    right: -40px;
                }

                @media only screen and (max-width: 1199px) {
                    right: -10px;
                }

                @media only screen and (max-width: 680px) {
                    bottom: -30px;
                }

                &::before {
                    display: none;
                }
            }
        }

        .gallery-slider {
            overflow: hidden;

            .swiperone {
                margin-bottom: 16px;
                display: none;

                &.swiper-initialized{
                    display: block;
                }

                .swiper-slide {
                    width: auto;
                    will-change: transform;

                    .swiper-slide-container {
                        height: 280px;
                        width: auto;

                        @media only screen and (max-width: 1199px) {
                            height: 250px;
                        }

                        @media only screen and (max-width: 991px) {
                            height: 220px;
                        }

                        &.width-one{
                            width: 420px;
                            max-width: 420px;
                            min-width: 420px;
                            @media only screen and (max-width: 1199px) {
                                width: 372px;
                                max-width: 372px;
                                min-width: 372px;
                            }
                        }
                        &.width-two{
                            width: 280px;
                            max-width: 280px;
                            min-width: 280px;
                            @media only screen and (max-width: 1199px) {
                                width: 250px;
                                max-width: 250px;
                                min-width: 250px;
                            }
                        }
                        &.width-three{
                            width: 153px;
                            max-width: 153px;
                            min-width: 153px;
                            @media only screen and (max-width: 1199px) {
                                width: 136px;
                                max-width: 136px;
                                min-width: 136px;
                            }
                        }

                        img {
                            height: 100%;
                            width: 100%;
                            border-radius: 20px;
                        }
                    }
                }

            }

            .swipertwo {
                margin-bottom: 40px;
                display: none;

                &.swiper-initialized{
                    display: block;
                }

                @media only screen and (max-width: 1199px) {
                    margin-bottom: 30px;
                }

                @media only screen and (max-width: 991px) {
                    margin-bottom: 20px;
                }

                .swiper-slide {
                    width: auto;

                    .swiper-slide-container {
                        height: 280px;
                        width: auto;

                        @media only screen and (max-width: 1199px) {
                            height: 250px;
                        }

                        @media only screen and (max-width: 991px) {
                            height: 220px;
                        }

                        @media only screen and (max-width: 767px) {
                            height: 200px;
                        }

                        img {
                            height: 100%;
                            width: auto;
                            border-radius: 20px;
                        }
                    }
                }

            }
        }

        .swiper-initialized {
            .swiper-wrapper {
                transition-timing-function: linear;
            }
        }

        .sec-content {
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
            position: relative;

            p {
                max-width: 980px;
                margin: 0 auto 50px;

                @media only screen and (max-width: 1280px) {
                    margin: 0 auto 40px;
                }

                @media only screen and (max-width: 991px) {
                    margin: 0 auto 30px;
                }
            }

            .big-white-star {
                position: absolute;
                height: 30px;
                width: 30px;
                left: 0px;
                top: 20px;
                pointer-events: none;

                @media only screen and (max-width: 1280px) {
                    top: auto;
                    left: 10px;
                    bottom: 20px;
                }
            }

            .blue-star {
                position: absolute;
                height: 30px;
                width: 30px;
                left: 10%;
                bottom: 0px;
                pointer-events: none;

                @media only screen and (max-width: 480px) {
                    height: 20px;
                    width: 20px;
                }
            }

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

            .small-stars {
                position: absolute;
                height: 15px;
                width: 15px;
                right: 0px;
                top: 20px;
                pointer-events: none;

                @media only screen and (max-width: 680px) {
                    display: none;
                }
            }

            .big-white-star2 {
                position: absolute;
                height: 30px;
                width: 30px;
                right: 20%;
                bottom: 0px;
                pointer-events: none;

                @media only screen and (max-width: 680px) {
                    display: none;
                }

            }

            .star-org-blue {
                position: absolute;
                height: 70px;
                width: 63px;
                right: 5%;
                bottom: -15px;
                pointer-events: none;

                @media only screen and (max-width: 680px) {
                    height: 50px;
                    width: 40px;
                }
            }
        }
    }

    .driven-purpose-sec {
        padding: 80px 0px;

        @media only screen and (max-width: 1280px) {
            padding: 60px 0;
        }

        @media only screen and (max-width: 1024px) {
            padding: 50px 0;
        }

        @media only screen and (max-width: 991px) {
            padding: 40px 0;
        }

        .driven-purpose {
            position: relative;

            .sec-title {
                margin-bottom: 70px;

                @media only screen and (max-width: 1280px) {
                    margin-bottom: 50px;
                }

                @media only screen and (max-width: 1199px) {
                    margin-bottom: 40px;
                }

                @media only screen and (max-width: 767px) {
                    margin-bottom: 30px;
                }
            }

            .driven-purpose-list {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                flex-wrap: wrap;
                gap: 16px;

                @media only screen and (max-width: 991px) {
                    gap: 10px;
                }

                @media only screen and (max-width: 767px) {
                    gap: 20px;
                }

                li {
                    flex: 0 0 calc(33% - 8px);
                    max-width: calc(33% - 8px);
                    background-color: #FFEEEE;
                    border-radius: 32px;
                    padding: 40px;
                    overflow: hidden;
                    font-size: 16px;
                    line-height: 26px;
                    font-weight: 400;

                    @media only screen and (max-width: 1280px) {
                        padding: 30px;
                    }

                    @media only screen and (max-width: 1199px) {
                        padding: 20px;
                        border-radius: 20px;
                    }

                    @media only screen and (max-width: 991px) {
                        flex: 0 0 calc(33% - 5px);
                        max-width: calc(33% - 5px);
                        border-radius: 20px;
                    }

                    @media only screen and (max-width: 767px) {
                        flex: 0 0 100%;
                        max-width: 100%;
                    }

                   
                   

                    picture {
                        display: block;
                        text-align: center;
                    }

                    span {
                        height: 1px;
                        width: 152%;
                        display: block;
                        background-color: #EF6E35;
                        position: relative;
                        left: -40px;
                        margin: 30px 0px;
                        opacity: 0.2;

                        @media only screen and (max-width: 1199px) {
                            margin: 20px 0px;
                        }

                        @media only screen and (max-width: 991px) {
                            margin: 12px 0px;
                        }
                    }

                    h3 {
                        font-size: 24px;
                        line-height: 30px;
                        color: #000000;
                        font-family: GilroyBold, SansSerif;
                        font-weight: normal;
                        margin-bottom: 15px;

                        @media only screen and (max-width: 1199px) {
                            font-size: 22px;
                            line-height: 28px;
                            margin-bottom: 10px;
                        }

                        @media only screen and (max-width: 991px) {
                            font-size: 20px;
                            line-height: 26px;
                        }
                    }

                    p {
                        margin-bottom: 0px;
                    }
                }
            }

            .smiles {
                position: absolute;
                height: 60px;
                width: 60px;
                left: -60px;
                bottom: 60px;
                pointer-events: none;
            }

            .small-stars {
                position: absolute;
                height: 15px;
                width: 15px;
                right: 40px;
                bottom: 20px;
                pointer-events: none;

                @media only screen and (max-width: 991px) {
                    height: 10px;
                    width: 10px;
                    bottom: -10px;
                }
            }

            .small-org-star {
                position: absolute;
                height: 15px;
                width: 15px;
                right: 20px;
                bottom: 60px;
                pointer-events: none;

                @media only screen and (max-width: 991px) {
                    height: 10px;
                    width: 10px;
                    bottom: -5px;
                }
            }
        }
    }

    .perks-cmarix-sec {
        padding: 0 0px 80px;
        position: relative;

        @media only screen and (max-width: 1280px) {
            padding: 0 0 60px;
        }

        @media only screen and (max-width: 1024px) {
            padding: 0 0 50px;
        }

        @media only screen and (max-width: 991px) {
            padding: 0 0 40px;
        }

        .perks-cmarix {
            max-width: 980px;
            position: relative;
            margin: 0 auto;

            .sec-title {
                margin-bottom: 35px;

                @media only screen and (max-width: 1280px) {
                    margin-bottom: 30px;
                }
            }

            .fire-icon {
                position: absolute;
                left: 50%;
                top: 35px;
                height: 50px;
                width: 35px;

                @media only screen and (max-width: 1280px) {
                    left: 48%;
                }

                @media only screen and (max-width: 1024px) {
                    left: 40%;
                    height: 45px;
                    width: 30px;
                }

                @media only screen and (max-width: 991px) {
                    left: 48%;
                    height: 40px;
                    width: 25px;
                }

                @media only screen and (max-width: 680px) {
                    left: 70%;
                    opacity: 0.5;
                }

                @media only screen and (max-width: 576px) {
                    display: none;
                }

                img {
                    height: 100%;
                    width: 100%;
                }
            }

            .star-white {
                position: absolute;
                left: -115px;
                bottom: 100px;
                height: 70px;
                width: 62px;
            }

            .perks-cmarix-list {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 16px;

                @media only screen and (max-width: 991px) {
                    gap: 10px;
                }

                @media only screen and (max-width: 767px) {
                    justify-content: center;
                }

                li {
                    flex: 0 0 calc(25% - 12px);
                    max-width: calc(25% - 12px);
                    border-radius: 20px;

                    @media only screen and (max-width: 991px) {
                        flex: 0 0 calc(25% - 8px);
                        max-width: calc(25% - 8px);
                    }

                    @media only screen and (max-width: 767px) {
                        flex: 0 0 calc(33% - 8px);
                        max-width: calc(33% - 8px);
                    }

                    @media only screen and (max-width: 575px) {
                        flex: 0 0 calc(50% - 8px);
                        max-width: calc(50% - 8px);
                    }

                    @media only screen and (max-width: 360px) {
                        flex: 0 0 100%;
                        max-width: 100%;
                    }

                    .perks-list {
                        border-radius: 56px;
                        background-color: rgb(250 250 250 / 30%);
                        padding: 24px 37px;
                        text-align: center;
                        font-size: 16px;
                        line-height: 20px;
                        font-family: GilroySemiBold, SansSerif;
                        font-weight: normal;
                        color: #001033;
                        transition: 0.7s;
                        position: relative;

                        @media only screen and (max-width: 991px) {
                            padding: 20px 10px;
                        }

                        @media only screen and (max-width: 767px) {
                            font-size: 15px;
                            line-height: 19px;
                        }

                        @media only screen and (max-width: 480px) {
                            padding: 15px 6px;
                        }

                        i {
                            font-size: 26px;
                        }

                        p {
                            margin: 16px 0px 0px;
                        }

                        .perks-list-icon {
                            position: relative;
                            display: inline-block;
                            z-index: 1;

                            &::before {
                                content: '';
                                left: -6px;
                                top: 0px;
                                height: 10px;
                                width: 10px;
                                border-radius: 50%;
                                position: absolute;
                                z-index: -1;
                            }

                            &::after {
                                content: '';
                                right: -5px;
                                bottom: 0;
                                height: 5px;
                                width: 5px;
                                border-radius: 50%;
                                position: absolute;
                                z-index: -1;
                            }
                        }
                    }

                    &:nth-child(1) {
                        .perks-list-icon {
                            &::before {
                                background-color: #f8c7cb;
                            }

                            &::after {
                                background-color: #f8c7cb;
                            }
                        }
                    }

                    &:nth-child(2) {
                        .perks-list-icon {
                            &::before {
                                background-color: #c9bffc;
                            }

                            &::after {
                                background-color: #c9bffc;
                            }
                        }
                    }

                    &:nth-child(3) {
                        .perks-list-icon {
                            &::before {
                                background-color: #b4e5db;
                            }

                            &::after {
                                background-color: #b4e5db;
                            }
                        }
                    }

                    &:nth-child(4) {
                        .perks-list-icon {
                            &::before {
                                background-color: #c2deeb;
                            }

                            &::after {
                                background-color: #c2deeb;
                            }
                        }
                    }

                    &:nth-child(5) {
                        .perks-list-icon {
                            &::before {
                                background-color: #9ad3d9;
                            }

                            &::after {
                                background-color: #9ad3d9;
                            }
                        }
                    }

                    &:nth-child(6) {
                        .perks-list-icon {
                            &::before {
                                background-color: #efd89a;
                            }

                            &::after {
                                background-color: #efd89a;
                            }
                        }
                    }

                    &:nth-child(7) {
                        .perks-list-icon {
                            &::before {
                                left: -6px;
                                top: 0px;
                                background-color: #e9b4e9;
                            }

                            &::after {
                                background-color: #e9b4e9;
                            }
                        }
                    }

                    &:nth-child(8) {
                        .perks-list-icon {
                            &::before {
                                background-color: #b8dcab;
                            }

                            &::after {
                                background-color: #b8dcab;
                            }
                        }
                    }

                    &:hover {
                        .perks-list {
                            border-radius: 0px;
                        }
                    }

                    &:nth-child(1) {
                        background-color: #ffe1e4;
                    }

                    &:nth-child(2) {
                        background-color: #e0daff;
                    }

                    &:nth-child(3) {
                        background-color: #cff1ea;
                    }

                    &:nth-child(4) {
                        background-color: #d0e6f0;
                    }

                    &:nth-child(5) {
                        background-color: #bbecf2;
                    }

                    &:nth-child(6) {
                        background-color: #ffeebe;
                    }

                    &:nth-child(7) {
                        background-color: #f4d9f5;
                    }

                    &:nth-child(8) {
                        background-color: #d6ecd0;
                    }
                }
            }

            .big-white-star2 {
                position: absolute;
                height: 30px;
                width: 30px;
                right: 10%;
                top: 0px;
                pointer-events: none;

                @media only screen and (max-width: 480px) {
                    height: 20px;
                    width: 20px;
                }
            }

            .white-fire {
                position: absolute;
                width: 35px;
                height: 50px;
                right: -115px;
                top: 0px;

                @media only screen and (max-width: 1280px) {
                    right: -90px;
                }

                @media only screen and (max-width: 1024px) {
                    right: 0px;
                    height: 45px;
                    width: 30px;
                }

                @media only screen and (max-width: 991px) {
                    height: 40px;
                    width: 25px;
                }
            }

            .small-stars {
                position: absolute;
                height: 15px;
                width: 15px;
                right: -130px;
                bottom: 110px;
                pointer-events: none;

                @media only screen and (max-width: 1280px) {
                    right: -100px;
                }

                @media only screen and (max-width: 1199px) {
                    display: none;
                }
            }

            .small-stars2 {
                position: absolute;
                height: 15px;
                width: 15x;
                right: -100px;
                bottom: 10px;
                pointer-events: none;

                @media only screen and (max-width: 1199px) {
                    display: none;
                }
            }
        }

    }

    .imagination-work-sec {
        margin-bottom: 80px;

        @media only screen and (max-width: 1280px) {
            margin-bottom: 60px;
        }

        @media only screen and (max-width: 1024px) {
            margin-bottom: 50px;
        }

        @media only screen and (max-width: 991px) {
            margin-bottom: 40px;
        }

        .imagination-work {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;

            @media only screen and (max-width: 1199px) {
                gap: 20px;
            }

            .ima-work-left {
                flex: 0 0 calc(50% - 15px);
                max-width: calc(50% - 15px);
                position: sticky;
                height: fit-content;
                top: 60px;

                @media only screen and (max-width: 1199px) {
                    flex: 0 0 calc(50% - 10px);
                    max-width: calc(50% - 10px);
                }

                @media only screen and (max-width: 767px) {
                    flex: 0 0 100%;
                    max-width: 100%;
                    position: unset;
                }

                .sec-title {
                    margin-bottom: 30px;

                    @media only screen and (max-width: 1199px) {
                        margin-bottom: 20px;
                    }
                }

                .ima-work-img {
                    height: auto;
                    width: 100%;

                    img {
                        height: 100%;
                        width: 100%;
                        border-radius: 20px;
                    }
                }
            }

            .ima-work-right {
                flex: 0 0 calc(50% - 15px);
                max-width: calc(50% - 15px);
                padding-top: 40px;

                @media only screen and (max-width: 1280px) {
                    padding-top: 30px;
                }

                @media only screen and (max-width: 1199px) {
                    flex: 0 0 calc(50% - 10px);
                    max-width: calc(50% - 10px);
                    padding-top: 20px;
                }

                @media only screen and (max-width: 767px) {
                    flex: 0 0 100%;
                    max-width: 100%;
                    padding-top: 0px;
                }

                .ima-title {
                    font-size: 30px;
                    line-height: 38px;
                    font-family: GilroyBold, SansSerif;
                    font-weight: normal;
                    color: #000000;
                    margin-bottom: 20px;

                    @media only screen and (max-width: 1280px) {
                        font-size: 28px;
                        line-height: 36px;
                    }

                    @media only screen and (max-width: 1199px) {
                        font-size: 26px;
                        line-height: 34px;
                        margin-bottom: 15px;
                    }

                    span {
                        color: #F16122;
                        margin-bottom: 20px;
                    }
                }

                .ima-work-list {
                    li {
                        background-color: #F8E4FF;
                        padding: 20px;
                        border-radius: 20px;
                        margin-bottom: 20px;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;

                        @media only screen and (max-width: 575px) {
                            padding: 10px;
                            border-radius: 15px;
                            margin-bottom: 10px;
                        }

                        h4 {
                            font-size: 20px;
                            line-height: 27px;
                            font-weight: 600;
                            margin-bottom: 12px;

                            @media only screen and (max-width: 991px) {
                                font-size: 18px;
                                line-height: 25px;
                                margin-bottom: 8px;
                            }
                        }

                        p {
                            margin-bottom: 0;
                        }

                        &:nth-child(2) {
                            background-color: #C9FFE3;
                        }

                        &:nth-child(3) {
                            background-color: #C7FBFF;
                        }

                        &:nth-child(4) {
                            background-color: #FFE6E6;
                        }

                        &:nth-child(5) {
                            background-color: #F5F5B9;
                        }

                        &:last-child {
                            background-color: #C7FBFF;
                            margin-bottom: 0;
                        }

                    }
                }
            }
        }
    }

    .insta-life {
        padding: 80px 0;
        width: 100%;
        
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

        @media only screen and (max-width: 1280px) {
            padding: 60px 0;
        }

        @media only screen and (max-width: 1024px) {
            padding: 50px 0;
        }

        @media only screen and (max-width: 991px) {
            padding: 40px 0;
        }

        .sec-title {
            position: relative;
            margin-bottom: 50px;
            text-align: center;

            @media only screen and (max-width: 1280px) {
                margin-bottom: 40px;
            }

            @media only screen and (max-width: 1024px) {
                margin-bottom: 30px;
            }

            h3 {
                .orange-text-bold {
                    color: #0d508e;
                }
            }
        }

        .main {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 16px;
            position: relative;

            @media only screen and (max-width: 991px) {
                gap: 15px;
            }

            @media only screen and (max-width: 480px) {
                gap: 10px;
            }

            .video {
                flex: 0 0 calc(25% - 12px);
                max-width: calc(25% - 12px);
                border-radius: 16px;
                color: #000000;
                position: relative;
                padding-bottom: 35.15%;

                @media only screen and (max-width: 991px) {
                    max-width: calc(33% - 8px);
                    flex: calc(33% - 8px);
                    padding-bottom: 48%;
                }

                @media only screen and (max-width: 680px) {
                    flex: 0 0 calc(50% - 8px);
                    max-width: calc(50% - 8px);
                    padding-bottom: 70%;
                }

                @media only screen and (max-width: 480px) {
                    flex: 0 0 calc(50% - 5px);
                    max-width: calc(50% - 5px);
                    padding-bottom: 65%;
                }

                >picture {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    top: 0;
                }

                picture {
                    height: 100%;
                    width: 100%;
                    display: inline-block;

                    img {
                        object-fit: cover;
                        border-radius: 10px;
                        height: 100%;
                        width: 100%;
                    }
                }

                .play-button {
                    .play {
                        position: absolute;
                        bottom: 16px;
                        left: 0;
                        right: 0;
                        width: 101px;
                        height: 51px;
                        margin: 0 auto;
                        background: #FFFFFF;
                        border-radius: 25px;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: normal;
                        border: 1px solid transparent;
                        font-family: GilroyBold, SansSerif;
                        color: #000000;
                        transition: all 0.5s ease;

                        @media only screen and (max-width: 1199px) {
                            height: 40px;
                            width: 105px;
                            border-radius: 20px;
                        }

                        &.hvr-shutter-out-horizontal:before {
                            @media screen and (min-width: 991px) {
                                border-radius: 25px;
                            }
                        }

                        &:hover {
                            background-color: #000000;
                            color: #fff;
                        }

                        picture {
                            height: 35px;
                            width: 35px;
                            display: inline-block;
                            margin-right: 10px;

                            @media only screen and (max-width: 1199px) {
                                height: 25px;
                                width: 25px;
                            }

                            img {
                                height: 100%;
                                width: 100%;
                                position: unset;
                            }
                        }
                    }
                }
            }

        }
    }

    .awards-certificate {
        padding: 120px 0 80px;

        @media only screen and (max-width: 1280px) {
            padding: 100px 0 60px;
        }

        @media only screen and (max-width: 1024px) {
            padding: 90px 0 50px;
        }

        @media only screen and (max-width: 991px) {
            padding: 70px 0 40px;
        }

        @media only screen and (max-width: 767px) {
            padding: 60px 0 40px;
        }

        .awards-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
            position: relative;
            column-gap: 15px;

            @media only screen and (max-width: 1280px) {
                margin-bottom: 30px;
            }

            @media only screen and (max-width: 767px) {
                flex-wrap: wrap;
                text-align: center;
            }

            .big-white-star2 {
                position: absolute;
                height: 30px;
                width: 30px;
                left: -100px;
                top: -30px;
                pointer-events: none;

                @media only screen and (max-width: 480px) {
                    height: 20px;
                    width: 20px;
                }
            }

            .blue-star {
                position: absolute;
                height: 30px;
                width: 30px;
                right: 0px;
                top: -30px;
                pointer-events: none;

                @media only screen and (max-width: 480px) {
                    height: 20px;
                    width: 20px;
                }
            }

            .small-org-star {
                position: absolute;
                height: 15px;
                width: 15px;
                right: -30px;
                top: 0;
                pointer-events: none;

                @media only screen and (max-width: 1280px) {
                    right: -10px;
                }
            }

            .sec-title {
                @media only screen and (max-width: 767px) {
                    margin-bottom: 15px;
                }
            }

            .cmr-solid-btn {
                @media only screen and (max-width: 767px) {
                    margin: 0 auto;
                }
            }
        }

        .awards-both-side {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 16px;

            .awards-left-side {
                flex: 0 0 calc(50% - 8px);
                max-width: calc(50% - 8px);
                border-radius: 40px;

                @media only screen and (max-width: 991px) {
                    flex: 0 0 100%;
                    max-width: 100%;
                }
            }

            .awards-right-side {
                flex: 0 0 calc(50% - 8px);
                max-width: calc(50% - 8px);
                border-radius: 40px;
                background-color: #EFF6E8;
                padding: 28px 60px;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                @media only screen and (max-width: 1199px) {
                    padding: 25px 40px;
                }

                @media only screen and (max-width: 1024px) {
                    padding: 20px 30px;
                }

                @media only screen and (max-width: 991px) {
                    flex: 0 0 100%;
                    max-width: 100%;
                    justify-content: center;
                }

                @media only screen and (max-width: 680px) {
                    justify-content: space-between;
                    gap: 10px;
                }

                @media only screen and (max-width: 480px) {
                    justify-content: space-around;
                    border-radius: 20px;
                }
            }

            .awards-list {
                flex: 0 0 26%;
                max-width: 26%;
                height: 110px;

                @media only screen and (max-width: 1199px) {
                    height: 100px;
                }

                @media only screen and (max-width: 1024px) {
                    height: 90px;
                }

                @media only screen and (max-width: 991px) {
                    flex: 0 0 20%;
                    max-width: 20%;
                    height: 110px;
                }

                @media only screen and (max-width: 680px) {
                    flex: 0 0 28%;
                    max-width: 28%;
                    display: flex;
                    justify-content: center;
                }

                @media only screen and (max-width: 480px) {
                    flex: 0 0 48%;
                    max-width: 48%;
                    height: 85px;
                }

                a,
                span {
                    background-repeat: no-repeat;
                    background-size: auto 118px;
                    display: block;
                    height: 100px;
                    width: 110px;
                    background-image: url(#{$cdn-url}/images/footer/footer-certification-logos.webp);
                    background-size: cover;

                    &.lazyload {
                        background-image: none;
                    }

                    @media only screen and (max-width: 1199px) {
                        height: 90px;
                        width: 100px;
                    }

                    &.awards-01 {
                        background-position: center;
                        background-size: 1080px;

                        @media only screen and (max-width: 1199px) {
                            background-size: 950px;
                        }
                    }

                    &.awards-02 {
                        background-position: -735px;
                        background-size: 1080px;

                        @media only screen and (max-width: 1199px) {
                            background-position: -712px;
                            background-size: 1040px;
                        }
                    }

                    &.awards-03 {
                        background-position: -613px;
                        background-size: 1080px;

                        @media only screen and (max-width: 1199px) {
                            background-position: -613px;
                            background-size: 1080px;
                        }
                    }

                    &.awards-04 {
                        background-position: -852px;
                        background-size: 1080px;

                        @media only screen and (max-width: 1199px) {
                            background-position: -838px;
                            background-size: 1056px;
                        }
                    }

                    &.awards-05 {
                        background-position: -365px;
                        background-size: 1080px;

                        @media only screen and (max-width: 1199px) {
                            background-position: -365px;
                            background-size: 1060px;
                        }
                    }

                    &.awards-06 {
                        background-position: 100%;
                        background-size: 1037px;

                        @media only screen and (max-width: 1199px) {
                            background-position: 100%;
                            background-size: 906px;
                        }
                    }

                    &.awards-07 {
                        background-position: 10px;
                        background-size: 1080px;

                        @media only screen and (max-width: 1199px) {
                            background-position: 10px;
                            background-size: 950px;
                        }
                    }

                    &.awards-08 {
                        background-position: -100px;
                        background-size: 988px;

                        @media only screen and (max-width: 1199px) {
                            background-position: -90px;
                            background-size: 900px;
                        }
                    }

                    &.awards-09 {
                        background-position: -215px;
                        background-size: 1000px;

                        @media only screen and (max-width: 1199px) {
                            background-position: -179px;
                            background-size: 860px;
                        }
                    }
                }
            }

        }
    }


    .modal {
        top: 0px;
        z-index: 99991;
        padding: 0 !important;

        &.fade {
            background-color: rgba(0, 0, 0, .9);
            overflow: hidden;
        }

        .modal-dialog {
            margin: 0rem auto;
            max-width: 100%;
            width: 100%;
            height: 98vh;

            .modal-content {
                background-clip: padding-box;
                background-color: transparent;
                border: none;
                width: 100%;
                height: 100%;

                .modal-body {
                    padding: 0;
                }

                .modal-header {
                    border-bottom: 0px solid #dee2e6;
                    padding: 0;
                    height: 0;

                    .modalclose {
                        background: #000;
                        color: white;
                        height: 40px;
                        width: 40px;
                        min-width: 40px;
                        border: 0;
                        opacity: 1;
                        position: absolute;
                        right: 40px;
                        top: 40px;
                        padding: 5px;
                        border-radius: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        z-index: 99992;

                        &:before,
                        &:after {
                            content: " ";
                            position: absolute;
                            top: 0;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            height: 18px;
                            width: 3px;
                            background-color: white;
                            margin: auto;
                            transform: rotate(45deg);
                        }

                        &:before {
                            transform: rotate(135deg);
                        }

                        @media only screen and (max-width: 600px) {
                            right: 5px;
                            top: 5px;
                            height: 30px;
                            width: 30px;
                            min-width: 30px;
                        }
                    }
                }
            }
        }
    }

    .modal-content {
        .container {
            max-width: 1256px;
        }

        .swiper-video-container {
            position: relative;
            width: 100%;

            .swiper-slide__content {
                position: absolute;
                top: 0;
                height: 300px;
            }

            .slick-track {
                display: flex;
                align-items: center;
                height: 100vh;
            }

            .swiper-slide {
                height: auto;

                .swiperInside {
                    padding: 0 10px;
                    position: relative;
                }

                .sliderkeyword {
                    color: white;
                    padding: 10px 10px 0;
                    font-size: 14px;
                    line-height: 24px;
                    display: none;
                }

                iframe,
                video {
                    display: none;
                    border-radius: 10px;
                    pointer-events: none;
                }

                picture {
                    display: block;
                    width: 100%;
                    height: 100%;
                    cursor: pointer;

                    @media screen and (min-width:1025px) {
                        margin-top: -28px;
                    }

                    img {
                        width: 100%;
                        border-radius: 11px;
                        object-fit: cover;

                        @media screen and (max-width:1280px) {
                            max-height: 75vh;
                        }
                    }
                }

                &.slick-current {
                    .sliderkeyword {
                        display: block;

                        @media screen and (max-width:1025px) {
                            display: none;
                        }
                    }

                    iframe,
                    video {
                        display: block;
                        height: 100%;
                        object-fit: cover;

                        @media screen and (min-width:1280px) {
                            height: 517px;
                        }

                        @media screen and (max-width:1280px) {
                            max-height: 90vh;
                        }
                    }

                    picture {
                        display: none;
                        width: 100%;
                        height: 100%;

                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }

                    .titlefooter {
                        font-size: 20px;
                        line-height: 24px;
                        height: 140px;

                        a {
                            font-size: 20px;
                            line-height: 24px;
                            color: white;

                            &:hover {
                                color: white;
                            }
                        }
                    }
                }
            }

            .titlefooter {
                background: transparent linear-gradient(180deg, transparent, #000) 0 0 no-repeat padding-box;
                bottom: 0;
                color: #fff;
                font-size: 14px;
                font-weight: 600;
                left: 10px;
                line-height: 18px;
                position: absolute;
                width: calc(100% - 20px);
                height: 120px;
                display: flex;
                padding: 16px;
                border-radius: 10px;
                align-items: flex-end;

                a {
                    font-size: 14px;
                    font-weight: 600;
                    color: white;

                    &:hover {
                        color: white;
                    }
                }
            }
        }
    }
}

.modal-backdrop.show {
    opacity: 0;
}


@keyframes marqueeloopleft {
    0% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
    }

    100% {
        transform: translate3d(-3829px, 0px, 0px);
        -webkit-transform: translate3d(-3829px, 0px, 0px);
        -moz-transform: translate3d(-3829px, 0px, 0px);
        -ms-transform: translate3d(-3829px, 0px, 0px);
        -o-transform: translate3d(-3829px, 0px, 0px);
    }
}

@keyframes marqueeloopright {
    0% {
        transform: translate3d(-3829px, 0px, 0px);
        -webkit-transform: translate3d(-3829px, 0px, 0px);
        -moz-transform: translate3d(-3829px, 0px, 0px);
        -ms-transform: translate3d(-3829px, 0px, 0px);
        -o-transform: translate3d(-3829px, 0px, 0px);
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        
    }
}

.gallery-animation {
    padding: 0px 0 40px;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    display: flex;
    overflow: hidden;
    gap: 16px;
    width: 100%;
    @media screen and (min-width:1199px) {
        padding: 0px 0 30px;
    }
    @media screen and (min-width:991px) {
        padding: 0px 0 20px;
    }

    .animation-row{
        justify-content: flex-start;
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        gap: 16px;
        width: 100%;
    }

    .cmarix-image {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        max-height: 280px;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);

        picture {
            width: 100%;
            display: inline-block;
            min-width: 3813px;
           

            img {
                height: 100%;
                width: 100%;
            }
        }
    }
    .left-animation{
        .cmarix-image {
            animation: marqueeloopleft 50s linear infinite;
            -webkit-animation: marqueeloopleft 50s linear infinite;
        }
    }

    .right-animation{
        .cmarix-image {
            animation: marqueeloopright 50s linear infinite;
            -webkit-animation: marqueeloopright 50s linear infinite;
        }
    }
}

/**Team **/
.teamIntroWrap {
    position: relative;

    .sec-description {
        p {
            @media screen and (max-width: 600px) {
                margin-bottom: 0;
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}


.our_pillar {
    @media screen and (max-width: 767px) {
        padding-bottom: 0px !important;
    }
}


.member_name {
    text-transform: capitalize;
    text-align: center;
    color: #0d508e;
    font-family: GilroyBold, SansSerif;
    font-weight: normal;
    font-size: 20px;
    margin: 0;

    @media screen and (max-width: 767px) {
        font-size: 18px;
    }
}
.member_photo {
    transition: transform 0.5s;
    margin-bottom: 10px;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    img {
        width: 100%;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        height: 200px;
    }

    .flip-card-front {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .flip-card-back {
        position: absolute;
        
        -webkit-backface-visibility: hidden;
        /*Safari*/
        backface-visibility: hidden;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        display: flex;
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
        transform: rotateY(180deg);
        align-items: center;
        justify-content: center;
        z-index: 9999;
        -webkit-transform: -webkit-rotateY(180deg);
        -moz-transform: -webkit-rotateY(180deg);
        -ms-transform: -webkit-rotateY(180deg);
        -o-transform: -webkit-rotateY(180deg);
        background-image: url('https://www.bharatdigitalseva.com/assets/images/header/logo.svg');
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
}

.technocrats_list {
    
    margin: 0 -2px;
    margin-top: 40px;
    margin-bottom: -40px;
    display: flex;
    flex-wrap: wrap;

    @media screen and (max-width: 767px) {
        margin-top: 30px;
    }

    @media screen and (max-width: 600px) {
        justify-content: center;
    }

    .member_block {
        width: 22%;
        background-color: #0d508e0f;
        padding: 20px;
        margin: 0 0 0 30px;
        

        &:hover {
            .member_photo {
                transform: rotateY(180deg);
                -webkit-transform: rotateY(180deg);
                -moz-transform: rotateY(180deg);
                -ms-transform: rotateY(180deg);
                -o-transform: rotateY(180deg);

                @media screen and (max-width: 1024px) {
                    transform: none;
                    -webkit-transform: none;
                    -moz-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                }
            }
        }

        &.more_member_block {
            width: 22.36%;

            .member_photo {
                margin: 0;
                padding-bottom: 48.97%;
                -webkit-transform: none;
                transform: none;
                cursor: default;
            }
        }

        @media screen and (max-width: 1280px) {
            width: 14.28%;

            &.more_member_block {
                width: 28.53%;
            }
        }

        @media screen and (max-width: 1024px) {
            width: 16.63%;

            &.more_member_block {
                width: 50%;

                .member_photo {
                    padding-bottom: 32.7%;
                }
            }
        }

        @media screen and (max-width:991px) {
            width: 25%;

            &.more_member_block {
                .member_photo {
                    padding-bottom: 49.5%;
                }
            }
        }

        @media screen and (max-width:600px) {
            &.more_member_block {
                max-width: 400px;
                margin: 0 auto;
                display: block;
                width: 100%;

                .member_photo {
                    padding-bottom: 60px;

                    .other_member_list {
                        border-radius: 10px;

                        h3 {
                            font-size: 24px;
                        }
                    }
                }
            }
        }

        @media screen and (max-width: 600px) {
            width: 33%;
        }

        @media screen and (max-width: 425px) {
            width: 50%;
        }
    }
}

.other_member_list {
    background: #f08550;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    h3 {
        color: white;
        font-size: 26px;
        font-family: GilroyBold;
        margin: 0;
        line-height: 35px;
    }
}

.more_member {
    .member_photo {
        transform: none !important;
    }
}
.our_leader {
    margin-top: 70px;
    margin-bottom: 70px;

    @media screen and (max-width: 767px) {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.leaders_list {
    margin: 0 -15px;
    margin-top: 45px;
}

.leader_block {
    display: flex;
    align-items: flex-end;
    margin-bottom: 45px;
}

.leader_details {
    padding-left: 15px;

    .member_name {
        text-align: left;

        @media screen and (max-width: 600px) {
            font-size: 22px;
        }
    }

    .designation {
        text-align: left;
    }
}

.leaders_list {
    ul {
        display: flex;
        flex-wrap: wrap;

        li {
            width: calc(33.33% - 30px);
            margin: 0 15px;

            @media screen and (max-width: 992px) {
                width: calc(50% - 30px);
            }

            @media screen and (max-width: 600px) {
                width: calc(100% - 30px);
            }
        }
    }
}

.leader_image {
    img {
        width: 100%;
    }
}
.pillar-card-main {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    
    .pillar-card {
        border-radius: 10px;
        width: calc(33.33% - 20px);

        @media screen and (max-width: 991px) {
            display: flex;
            align-items: center;
            width: 100%;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 500px) {
            display: inline-block;
        }

        &.bg_org {
            background: #0d508e 0% 0% no-repeat padding-box;
        }

        &.bg_blu {
            background: #ecf5f9 0% 0% no-repeat padding-box;
        }

        &.bg_grn {
            background: #eff6e8 0% 0% no-repeat padding-box;
        }

        .pillar-image {
            position: relative;

            @media screen and (max-width: 991px) {
                width: 100%;
                flex: 0 0 50%;
                max-width: 50%;
            }

            @media screen and (max-width: 500px) {
                width: 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }

            img {
                border-radius: 10px;
                width: 100%;
            }

            h2 {
                position: absolute;
                left: 20px;
                bottom: 15px;
                font-family: GilroySemiBold, SansSerif;
                font-size: 36px;
                font-weight: normal;
                line-height: 40px;
                letter-spacing: 0px;
                color: #ffffff;
                text-transform: capitalize;

                @media screen and (max-width: 991px) {
                    bottom: 5px;
                    font-size: 30px;
                }

                @media screen and (max-width:767px) {
                    font-size: 26px;
                }
            }

            &::before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                height: 100%;
                width: 100%;
                
                background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 0%) 75%, rgb(0 0 0 / 100%) 100%) 0% 0% no-repeat padding-box;
            }
        }
    }
    
}

.pillar_details {
    padding: 24px 20px;

    .details_with_quote {
        font-size: 20px;
        line-height: 32px;
        position: relative;
        font-weight: normal;
        font-family: GilroySemiBold, SansSerif;
        letter-spacing: 0px;
        color: #ffffff;
        margin: 0;

        b,
        strong {
            font-family: GilroyBold, SansSerif;
        }

        @media screen and (max-width: 767px) {
            font-size: 22px;
            line-height: 32px;
        }

        @media screen and (max-width: 576px) {
            font-size: 16px;
            line-height: 28px;
        }

        &::before {
            content: "";
            background-image: url(#{$cdn-url}/images/elements/quotation.svg);
            background-size: 80px;
            width: 80px;
            height: 80px;
            position: absolute;
            top: 5px;
            left: -15px;

            @media screen and (max-width: 767px) {
                background-size: 100%;
                width: 50px;
                height: 50px;
            }
        }
    }
}
.pillar_designation {
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: GilroySemiBold, SansSerif;
    font-size: 20px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;

    @media screen and (max-width: 992px) {
        margin-bottom: 12px;
    }

    a {
        margin-left: 16px;
        position: relative;
        display: inline-flex;
        align-items: center;

        picture {
            display: inline-flex;

            img {
                width: 24px;
                vertical-align: middle;
            }
        }
    }
}