/* Commomn styles */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
}

a {
    color: #000000;
    font-size: 14px;
}

    a:hover, a:focus, a:visited {
        text-decoration: none;
        color: inherit;
        outline: none;
    }

img {
    max-width: 100%;
}

p {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    font-size: 17px;
}
h3 {
    font-weight: 800;
    font-size: 40px;
}
@media only screen and (max-width: 1649.98px) {
    h3 {
        font-weight: 800;
        font-size: 30px!important;
    }
    .home-one-right h4 {
        font-size: 18px!important;
    }
    
}
@media only screen and (max-width: 767.98px) {
    h1 {
        font-size: 1.6rem!important;
    }
     h3 {
        font-size: 20px !important;
    }

    .car-main .carousel-caption p {
        margin-right: 0!important;
    }
    .car-main img {
        height: 460px!important;
        object-fit: cover;
    }
    .car-main .carousel-caption p{
        margin:0;
        margin-top:0!important;
    }
    .navik-header{
        background:rgba(255,255,255,0.9)!important;
        position:sticky!important;
    }
    header {
        position: sticky;
        z-index: 100 !important;
        top: 0;
    }
    .navik-menu ul {
        position: fixed;
        right: 0px;
        bottom: 0px;
        height: 100%;
        width: 100%;
        top: 70px;
    }
}
.btn-secondary {
    border: 1px solid #ed1d26;
    border-radius: 50px;
    font-size: 1rem;
    padding: 8px 20px !important;
    background: #ed1d26;
    color: #fff!important;
}
.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.t-a-c {
    text-align: center;
}

.t-a-l {
    text-align: left;
}

.t-a-r {
    text-align: right;
}

.pad-none {
    padding-left: 0px;
    padding-right: 0px;
}

.pad-left-none {
    padding-left: 0;
}

.pad-right-none {
    padding-right: 0;
}

.wht_bg {
    background: #fff;
}

.blk_bg {
    background: #000;
}

.navik-header.home-page {
}

    .navik-header.home-page .navik-menu ul li.current-menu > a, .navik-header.home-page .navik-menu ul li:hover > a {
        color: #fff !important;
    }

    .navik-header.home-page .navik-menu ul li.submenu-left.dropdown_menu ul li.current-menu > a, .navik-header.home-page .navik-menu ul li.submenu-left.dropdown_menu ul li:hover > a {
        color: #0041ff !important;
    }

.car-main .carousel-caption {
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    left: 0;
    right: 0;
    bottom: 0;
}

    .car-main .carousel-caption h1 {
        font-size: 2.6rem;
        font-weight: 700;
        line-height: 1.2;
        max-width:600px;
    }

    .car-main .carousel-caption h2 {
        font-size: 60px;
        font-weight: 800;
    }

    .car-main .carousel-caption p {
        font-size: 1rem;
        font-weight: 400;
        margin-top: 20px;
        margin-right: 36rem;
    }

    .car-main .carousel-caption button a {
        color: #fff;
        padding: 15px 30px;
        float: left;
        font-size: 1rem;
        font-weight: 400;
    }

    .car-main .carousel-caption button {
        border: 1px solid #ed1e27;
        background: none;
        border-radius: 50px;
        margin-top: 20px;
        transition: .3s;
        background: #ed1e27;
    }

        .car-main .carousel-caption button:hover {
            border: 1px solid #ffffff;
            transition: .3s;
        }

.car-main .carousel-indicators {
    right: 0;
    left: auto;
    text-align: right !important;
    margin-right: 10%;
    margin-bottom: 5%;
}

    .car-main .carousel-indicators li.active {
        height: 15px;
        width: 15px;
        border-radius: 64px;
        border-top: 0;
        border-bottom: 0;
        background: #fff;
    }

    .car-main .carousel-indicators li {
        height: 15px;
        width: 15px;
        border-radius: 64px;
        background: transparent;
        border: 1px solid #a8a8a8 !important;
    }



    .home-one-right h4 {
        font-weight: 300;
        font-size: 26px;
        margin-bottom: 0;
    }

    .home-one-right h3 {
        font-weight: 800;
        font-size: 40px;
    }

    .home-one-right p {
        margin-top: 25px;
    }
.inner-banner {
    height: 350px;
    background-size: cover !important;
    background-position: center !important;
    position:relative;
    margin-top:94px;
}
.breadcrumb-wrapper {
    background: #2f3192;
}
    .breadcrumb-wrapper .breadcrumb {
        margin-bottom: 0;
        background: none;
        padding: 1.2rem 0rem;
    }
    .breadcrumb-wrapper .breadcrumb li a{
        color:#fff;
    }
.breadcrumb-item.active {
    color: #a8a9c1;
}
.knowmore a {
    float: left;
    font-weight: 400;
    font-size: 1rem;
    border: 1px solid #ed1d26;
    padding: 8px 20px;
    border-radius: 30px;
    transition: .3s;
    margin-top: 30px;
    background: #ed1d26;
    color: #fff;
}

    .knowmore a:hover {
        transition: .3s;
        border-color: #111;
    }

section.home-one {
    padding:4.75rem 0;
}
.courses-wrap {
    padding: 4.75rem 0;
    background: #fafafa;
}
.students {
    max-width: 450px;
    display: block;
    margin: auto;
}
.home-two-left h3 strong {
    font-weight: 700;
    font-size: 40px;
}

.home-two-left h3 {
    font-weight: 300;
    font-size: 26px;
    line-height: 40px;
}
.heading-area {
    margin-bottom: 3rem;
}
    .heading-area h3 {
        font-weight: 800;
        font-size: 40px;
    }
.course-wrap label {
    font-size: 1.2rem;
    font-weight: 700;
}
.course-wrap img{
    margin-bottom:1rem;
}
.course-wrap p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.common-head .col-md-12.d-flex {
    justify-content: space-between;
    margin-bottom: 3rem;
    align-items: end
}
.latest-post {
    padding: 4.75rem 0;
}
.common-head .left-head {
    max-width: 814px;
}
.blog-single figure {
    position: relative;
}
.blog-single figure img{
    width:100%;
}
.blog-single time {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    font-weight: 600;
    line-height: 1;
    padding: 0.8rem;
}
    .blog-single time span {
        display: block;
        min-width: 100%;
        font-weight: 300;
    }
a.linkurl {
    color: #020202 !important;
    text-decoration: none !important;
}
.blog-single a {
    color: #CE171F;
}
.blog-single b {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.blog-detail .single-post .feature-img img {
    width: 100%;
    margin-bottom: 16px;
}
.our-products {
    background: #F9F8F6;
    padding: 6.25rem 0;
}
.blog_details h2 {
    font-size: 2rem;
}
.blog_details ul {
    padding-left: 0 !important;
    list-style: none;
    display: flex;
}
.blog-info-link li {
    margin-right: 20px;
}
    .blog-info-link li a {
        color: #7f7f7f;
    }
.blog_right_sidebar h3 {
    font-size: 2rem;
    font-weight: 600;
}
.blog_right_sidebar a {
    text-decoration: none;
}
    .blog_right_sidebar a h3 {
        font-size: 1.2rem;
        margin-top: 10px;
    }
.media.post_item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-right: 1rem;
}
.gallery-wrap {
    padding: 5rem 0rem;
}
.gallery-inner{
    padding:5rem 0;
}
/*.home-two-left {
    position: absolute;
    top: 50%;
    left: 11%;
    transform: translate(-10%, -50%);
}*/
#lightbox {
    position: fixed !important;
}
.home-two-left p {
    margin-top: 25px;
}

.album-img img {
    width: 100%;
}
.album-title a {
    text-align: center;
    text-decoration: none;
    color: #000;
    display: block;
    padding: 1rem 0;
    font-weight: 600;
    font-size: 1.2rem;
}
section.home-two {
    border-bottom: 1px solid #d1d1d1;
    padding: 160px 0;
}

.home-three-right-one {
    float: left;
    width: 100%;
    background: #111;
    position: absolute;
    left: 0;
    transform: translate(0%, 0%);
    bottom: 0;
    top: 0;
    color: #fff;
}

.home-three-right-ones {
    float: left;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    transform: translate(0%, 0%);
    bottom: 0;
    top: 0;
    color: #000;
}

.home-three-right-one-inner {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-15%, -50%);
}

    .home-three-right-one-inner a {
        color: #326EED;
        font-size: 17px;
        transition: .3s;
        margin-top: 10px;
        float: left;
    }

.home-three-right-ones .home-three-right-one-inner a i {
    font-size: 12px;
    transition: .3s;
    color: #326EED;
}

.home-three-right-one .home-three-right-one-inner a i {
    font-size: 12px;
    transition: .3s;
    color: #326EED;
}

.home-three-right-ones .home-three-right-one-inner a:hover {
    color: #444444;
    transition: .3s;
}

.home-three-right-one .home-three-right-one-inner a:hover {
    color: #ffffff;
    transition: .3s;
}

.home-three-right-one-inner a:hover i {
    padding-left: 5px;
    transition: .3s;
    font-size: 12px;
    color: #111;
}

.home-three-right-one .home-three-right-one-inner a:hover i {
    padding-left: 5px;
    transition: .3s;
    font-size: 12px;
    color: #fff;
}

.home-three-right-ones .home-three-left-one h2 strong {
    font-size: 125px;
    font-weight: 800;
}

.home-three-left-one {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(-15%, -50%);
}

    .home-three-left-one h2 {
        font-size: 90px;
        font-weight: 300;
    }

section.home-four {
    float: left;
    background: #f9f9f9;
    width: 100%;
}

.home-four h3 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}

.tech {
    border: 1px solid #DDD8D8;
    width: 100%;
    float: left;
    text-align: center;
}

.technologies {
    float: left;
    width: 100%;
    padding-top: 80px;
}
/*section.home-five {
    background: url(../img/home8.png);
    background-position: center;
    background-repeat: no-repeat;
}*/
.home-five-inner {
    background: url(https://cdn.citymapia.com/assets/Business/2711/PageContent/2711_637030832025434029.jpg?rendered=true);
    background-position: top;
    background-repeat: no-repeat;
}

.home-five .owl-carousel {
    position: relative;
    /*padding-top: 120px;	*/
}

    .home-five .owl-carousel .owl-nav.disabled {
        display: block !important;
    }

        .home-five .owl-carousel .owl-nav.disabled button.owl-prev img {
            position: absolute;
            left: -65px;
            top: 35%;
            opacity: .6;
            transition: .3s;
        }

        .home-five .owl-carousel .owl-nav.disabled button.owl-next img {
            position: absolute;
            right: -65px;
            top: 35%;
            opacity: .6;
            transition: .3s;
        }

        .home-five .owl-carousel .owl-nav.disabled button.owl-prev img:hover {
            opacity: 1;
            transition: .3s;
        }

        .home-five .owl-carousel .owl-nav.disabled button.owl-next img:hover {
            opacity: 1;
            transition: .3s;
        }

.home-five h3 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}

.car-main img {
    width: 100%;
    height: 720px;
    object-fit: cover;
}

.last {
    /*margin-top: 160px;*/
    text-align: center;
}

.main-last {
    background: #2f3192;
    text-align: center;
    color: #fff;
}

    .main-last h3 {
        font-size: 45px;
        font-weight: 300;
        margin-bottom: 60px;
    }

    .main-last a {
        color: #fff;
        padding: 15px 30px;
        font-size: 23px;
        font-weight: 400;
        border: 1px solid #ed1d26;
        background: none;
        border-radius: 50px;
        transition: .3s;
        background: #ed1d26;
    }

        .main-last a:hover {
            border: 1px solid #ffffff;
            transition: .3s;
        }

.navik-menu.menu-hover-2 > ul > li > a {
    padding: 10px 20px !important;
    line-height: 30px;
    height: auto;
    font-weight: 600;
}


section.overview-one {
    float: left;
    width: 100%;
    padding-top: 160px;
    background: #f6f6f6;
}

.over-one-inner h1 strong {
    font-weight: 800;
    font-size: 43px;
}

.over-one-inner h1 {
    font-weight: 300;
    font-size: 43px;
}

.nav-bars {
    background: #fff !important;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 2px 0 rgba(0, 0, 0, 0.06);
}



.over-one-inner p {
    margin-top: 30px;
}

.over-view-contents1 {
    position: relative;
}

    .over-view-contents1 h3 {
        position: absolute;
        bottom: 15px;
        color: #fff;
        font-weight: 700;
        left: 30px;
        right: 0;
    }

.over-view-contents2 {
    padding: 30px 30px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(144, 144, 144, 0.24);
    float: left;
    width: 100%;
}

    .over-view-contents2 a {
        color: #326EED;
        transition: .3s;
    }

    .over-view-contents2 i {
        font-size: 12px;
        transition: .3s;
    }

    .over-view-contents2 a:hover i {
        padding-left: 5px;
        transition: .3s;
    }

    .over-view-contents2 a:hover {
        color: #111;
        transition: .3s;
    }

    .over-view-contents2 p {
        min-height: 110px;
    }

section.overview-three {
    padding-top: 50px;
    padding-bottom: 120px;
}

.main-lasts h3 {
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 25px;
}

.main-lasts h4 {
    font-weight: 300;
    font-size: 30px;
}

.main-lasts a {
    color: #fff;
    padding: 15px 30px;
    font-size: 23px;
    font-weight: 400;
    border: 1px solid #1A95FF;
    background: none;
    border-radius: 50px;
    transition: .3s;
}

    .main-lasts a:hover {
        border: 1px solid #ffffff;
        transition: .3s;
    }

.main-lasts {
    background: #000;
    text-align: center;
    color: #fff;
}

    .main-lasts p {
        margin-bottom: 60px;
    }

.nav-bars .menu-hover-2 > ul > li.current-menu > a {
    color: #ec1b26 !important;
}

.nav-bars .menu-hover-2 > ul > li > a:hover {
    color: #ec1b26 !important;
}

.nav-bars .menu-hover-2 > ul > li:last-child > a:hover {
    border: 1px solid #ec1b26;
}

.over-view5 {
    float: left;
    width: 100%;
    z-index: 9;
    position: relative;
}

.nav-bars .line-menu {
    background: #111;
}


.contct {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .contct h1 {
        font-size: 55px;
        font-weight: 800;
    }

    .contct h3 {
        font-weight: 800;
        font-size: 35px;
        line-height: 45px;
    }

.help h2 {
    float: left;
    width: 100%;
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 15px;
}

.fields {
    float: left;
    width: 100%;
    padding: 30px 35px;
    padding-top: 10px;
}

.send {
    text-align: right;
    margin-top: 25px;
    margin-bottom: 5px;
}

    .send a {
        background: #326eed;
        color: #fff;
        font-size: 17px;
        padding: 8px 45px;
        transition: .3s;
        border-radius: 25px;
    }

        .send a:hover {
            background: #6EE8F8 !important;
            transition: .3s;
        }

.form-group input.form-control {
    height: 44px;
    background: transparent;
    border-radius: 0;
    border: 1px solid #ececec;
    box-shadow: none;
    font-size: 13px;
    color: #111;
}

.section-double textarea.form-control {
    background: transparent;
    border-radius: 0;
    border: 1px solid #ececec;
    box-shadow: none;
}

.form-group input.form-control::placeholder {
    color: #a9a9a9;
    font-size: 13px;
}

.section-double textarea.form-control::placeholder {
    color: #a9a9a9;
    font-size: 13px;
}

section.overview-two {
    position: relative;
    padding-top: 60px;
}

.bg2 {
    float: left;
    width: 100%;
    background: #f6f6f6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 375px;
    z-index: 9;
}

.home-three-right-one-inner h4 {
    font-weight: 700;
    margin-bottom: 15px;
}


/*inner page header start */
.navik-header.inner-page {
    background-color: #fff !important;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.32), 5px 0px 0px 0px rgba(0, 0, 0, 0.24);
}

    .navik-header.inner-page .navik-menu.menu-hover-2 > ul > li > a {
        color: #111;
    }

    .navik-header.inner-page .navik-menu.menu-hover-2 > ul > li:last-child > a {
        border: 1px solid #909090;
    }

/* inner page header end */



/*mobile-app-development page start */
section.mobileapp-one {
    background: #fafafa;
    padding-top: 160px;
    padding-bottom: 80px;
    float: left;
    width: 100%;
}

.mobileapps1 {
    text-align: center;
    margin-bottom: 15%;
}

    .mobileapps1 h1 {
        font-size: 38px;
        font-weight: 300;
        line-height: 50px;
    }

        .mobileapps1 h1 span {
            font-weight: 800;
        }

    .mobileapps1 p {
        margin-top: 40px;
    }

.mobtwo-center {
    position: absolute;
    top: -55%;
}

    .mobtwo-center img {
        width: 90%;
    }

.mobtwo-center {
    text-align: center;
}

section.mobileapp-two {
    background: #111;
    color: #fff;
}

.but-link-blk a {
    color: #fff;
    transition: .3s;
    float: left;
    width: 100%;
}

    .but-link-blk a:hover {
        color: #fff;
        transition: .3s;
    }

        .but-link-blk a:hover i {
            transition: .3s;
            padding-left: 10px;
            color: #fff;
        }

    .but-link-blk a i {
        transition: .3s;
        font-size: 12px;
        color: #387aff;
        padding-left: 5px;
    }

section.mobileapp-two h3 {
    font-weight: 700;
    margin-bottom: 35px;
}

section.mobileapp-two p {
}

section.mobileapp-two .but-link-blk {
    margin-top: 35px;
}

.mob-thr {
    box-shadow: 0px 1px 6px 0px rgba(152, 152, 152, 0.5), 0px 0px 0px 0px rgba(0, 0, 0, 0.31);
    padding: 50px 50px;
}

.mobthree-left-inner {
}

    .mobthree-left-inner h4 {
        font-weight: 700;
        font-size: 32px;
        line-height: 45px;
    }

    .mobthree-left-inner h3 {
        font-weight: 300;
        font-size: 40px;
        padding-top: 15px;
        padding-bottom: 20px;
    }

.buttton a {
    border: 1px solid #1A95FF;
    border-radius: 50px;
    font-size: 17px;
    padding: 10px 30px !important;
    transition: .3s;
}

.buttton {
    margin-top: 30px;
}

    .buttton a:hover {
        border: 1px solid #111;
        transition: .3s;
    }

.mobthree-right-inner {
}

    .mobthree-right-inner h4 {
        font-weight: 300;
        line-height: 45px;
        font-size: 30px;
    }

        .mobthree-right-inner h4 span {
            font-weight: 700;
            font-size: 32px;
        }

.mobfour-head h2 {
    font-weight: 700;
    margin: auto;
    font-size: 40px;
}

.mobfour-head {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}

.mobfour span {
    border: 1px solid #dadada;
    border-radius: 50px;
    padding: 13px 15px;
    transition: .3s;
    background: #fff;
}

.mobfour:hover .numb span {
    border: 1px solid #000000;
    transition: .3s;
}

.mobfour svg {
    padding-bottom: 15px;
    height: 60px;
    width: auto;
}

.numb {
    position: relative;
    padding-bottom: 50px;
}

.mobfour p {
    float: left;
    width: 100%;
}

.mobfour {
    text-align: center;
}

.mobfour {
    position: relative;
    float: left;
    width: 100%;
    box-shadow: 0px 3px 4px 0px rgba(152, 152, 152, 0.5), 0px 0px 0px 0px rgba(0, 0, 0, 0.31);
    min-height: 210px;
}

.mobfive-right h2 {
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    font-size: 38px;
    font-weight: 300;
}

    .mobfive-right h2 span {
        font-size: 100px;
    }

.mobfive-right {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-5%, -50%);
}

.mobsix h4 {
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 35px;
}

.mobsix {
    padding-bottom: 100px;
}

.mobsix-img {
    text-align: center;
    margin-bottom: 30px;
}

    .mobsix-img svg {
        height: 60px;
        width: auto;
    }

.mobseven-right {
}

    .mobseven-right h2 {
        font-size: 38px;
        font-weight: 300;
        margin-top: -10px;
    }

        .mobseven-right h2 span {
            font-size: 100px;
        }

.mob-bg-one {
    position: absolute;
    width: 100%;
}

.mobseven-left img {
    transform: translateY(-10%);
}

.mob-bg-one img {
    width: 47%;
}

.mobseven-right ul {
    padding-top: 55px;
    padding-left: 0;
}

    .mobseven-right ul li {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 300;
        font-size: 17px;
        padding-bottom: 25px;
        list-style: none;
    }

.mobfour:hover {
}

/*mobile-app-development page End */


/* About apge Start */

section.aboutus-one {
    padding-top: 160px;
    background: linear-gradient(0deg, #fefefe, #ffffff, #f7f7f7);
}

    section.aboutus-one h1 {
        font-size: 40px;
        font-weight: 300;
        line-height: 50px;
        text-align: right;
        margin-top: -10px;
    }

        section.aboutus-one h1 strong {
            font-weight: 800;
        }

.abtone-left span {
    float: left;
    width: 100%;
    text-align: right;
    padding: 25px 0;
}

.abtone-para {
    text-align: right;
    margin-top: 70px;
}

.abtthree {
    background: #000;
    text-align: center;
    color: #fff;
}

    .abtthree h3 {
        font-size: 45px;
        font-weight: 300;
        margin-bottom: 30px;
    }

    .abtthree a {
        color: #fff;
        padding: 15px 30px;
        font-size: 23px;
        font-weight: 400;
        border: 1px solid #ffffff;
        background: none;
        border-radius: 50px;
        transition: .3s;
    }

    .abtthree img {
        margin-bottom: 40px;
    }

    .abtthree a:hover {
        border: 1px solid #1A95FF;
        transition: .3s;
    }

.abtthree-button {
    margin-top: 60px;
}

.modal.show .modal-dialog {
    margin-top: 135px;
    width: 100%;
}

.form-group select.selectpicker {
    height: 44px;
    background: transparent;
    border-radius: 0;
    border: 1px solid #ececec;
    box-shadow: none;
    width: 100%;
    font-size: 13px;
    padding: 0 8px;
    color: #000000;
}

    .form-group select.selectpicker option {
        color: #000000;
        font-size: 14px;
    }
        .form-group select.selectpicker option.disabled {
            color: #8a8a8a;
        }

.form-group textarea#Message {
    font-size: 13px;
    min-height: 100px;
    border: 1px solid #e8e8e8;
    color: #000;
}
.emg input::placeholder {
    color: #000 !important;
}
    .form-group textarea#Message::placeholder {
        color: #111;
    }

.form-group select.selectpicker:focus {
    outline: none;
}

.form-group textarea#Message:focus {
    outline: none !important;
    box-shadow: none;
}

.emg .modal-footer button {
    background: #111;
    border: 1px solid #111;
    border-radius: 50px;
    padding: 5px 30px;
    transition: .3s;
}

    .emg .modal-footer button:hover {
        background: #fff;
        color: #111;
        border: 1px solid #111;
        transition: .3s;
    }
div#stattusdiv {
    float: right;
    padding: 25px 25px;
    padding-top: 10px;
}

.modal-header {
    padding: 25px 25px;
}

.modal-body {
    padding: 25px 25px;
}

.modal-footer {
    padding: 25px 25px;
    padding-bottom:0px;
}
.emg .modal-content div#Custom-Contact-Form p {
    display: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 0;
    display: none;
}
.abtthree svg {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}
/* About Page End */

/*mvp development page start */
section.mvpdevelopment-one {
    float: left;
    width: 100%;
    padding-top: 160px;
    background: #f6f6f6;
    padding-bottom: 90px;
}

.mvpone-inner h1 {
    font-size: 43px;
    font-weight: 300;
    line-height: 55px;
    text-align: center;
}

.or-sec {
    position: relative;
}

    .or-sec p {
        position: absolute;
        background: #fff;
        padding: 20px 25px;
        box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(144, 144, 144, 0.38);
        border-radius: 50px;
        font-size: 43px;
        top: -50px;
        left: -55px;
        z-index: 9;
    }

.mvp-inner-first {
    padding: 200px 0;
}

section.mvpdevelopment-two {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), -7px -17px 6px -17px rgba(144, 144, 144, 0.24);
    float: left;
    width: 100%;
}

.mvptwo-left {
    float: right;
    width: 100%;
}

    .mvptwo-left h2 {
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-22%, -50%);
        font-size: 43px;
        font-weight: 300;
        line-height: 55px;
    }

.mvptwo-right {
    float: left;
    background: #111;
    width: 100%;
    color: #fff;
}

    .mvptwo-right h2 {
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%);
        font-size: 43px;
        font-weight: 300;
        line-height: 55px;
    }

.mvptwo-left h2 strong {
    font-weight: 800;
}

.mvptwo-second-right {
    position: absolute;
    top: 50%;
    left: 44%;
    transform: translate(-50%, -50%);
}

    .mvptwo-second-right h2 span {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 300;
        font-size: 17px;
    }

    .mvptwo-second-right h2 {
        font-size: 33px;
        font-weight: 300;
    }

.mvpthree h2 {
    font-weight: 800;
    margin: auto;
    font-size: 40px;
    padding-bottom: 25px;
}

.mvpthree {
    text-align: center;
}

.mvpthree-second svg {
    float: left;
    margin-right: 25px;
}

.mvpthree-second {
    padding-top: 3%;
}

.mvpthree-third {
    text-align: center;
    padding-top: 5%;
}

section.mvpdevelopment-four {
    background: #000;
    color: #fff;
    text-align: center;
}

.mvpfour-inner h2 {
    font-size: 45px;
    font-weight: 300;
}

    .mvpfour-inner h2 strong {
        font-size: 90px;
        font-weight: 300;
    }

.mvpdevelopment-four svg {
    float: left;
    margin-right: 15px;
    width: 40px;
    height: 40px;
}

.mvpdevelopment-four p {
    text-align: left;
    margin-top: 5px;
}

.mvpfour-second {
    padding-top: 3%;
    padding-bottom: 5%;
}

.mvpfour-inner {
    padding-top: 6%;
}

.mvpfive-second h3 {
    text-align: center;
    font-weight: 700;
    margin: auto;
    font-size: 40px;
    padding-bottom: 20px;
}

.mvpfive-second {
    position: relative;
    z-index: 99;
    background: #fff;
    float: left;
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    box-shadow: 0px 0px 0px 0px rgba(152, 152, 152, 0.5), 0px 7px 9px -5px rgba(0, 0, 0, 0.31);
}

    .mvpfive-second ul li::before {
        position: absolute;
        /*content: '\f054';*/
        content: '';
        background: url("https://cdn.citymapia.com/assets/Business/2711/PageContent/2711_637030833334587937.jpg?rendered=true") no-repeat;
        left: 0;
        /*font-family: FontAwesome;*/
        width: 20px;
        height: 20px;
        margin-top: 10px;
    }

    .mvpfive-second ul li {
        list-style: none;
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 300;
        font-size: 17px;
        line-height: 40px;
    }

    .mvpfive-second ul {
        padding-left: 15px;
    }

    .mvpfive-second h5 {
        font-weight: 300;
        font-size: 40px;
        padding-top: 0;
        padding-bottom: 50px;
        text-align: center;
    }

section.mvpdevelopment-three {
    background: #fafafa;
}

.mvpfive-third {
    padding: 0px 100px;
    float: left;
    width: 100%;
}

section.mvpdevelopment-five {
    position: relative;
    float: left;
    width: 100%;
}

.bg1 {
    float: left;
    width: 100%;
    background: #f6f6f6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 250px;
    z-index: 9;
}

section {
    float: left;
    width: 100%;
}

    section.mvpdevelopment-six {
        background: #f6f6f6;
        text-align: center;
        float: left;
        width: 100%;
        /*background: linear-gradient(0deg,#f7f7f7,#ffffff);*/
    }

.mvpdevelopment-six {
}

.mvpsix-inner h3 {
    font-size: 43px;
    font-weight: 300;
    padding-bottom: 25px;
}

.mvpsix-inner a {
    border: 1px solid #1A95FF;
    padding: 10px 30px;
    font-size: 17px;
    border-radius: 30px;
    transition: .3s;
}

.mvpsix-inner p {
    padding-bottom: 25px;
}

.mvpsix-inner a:hover {
    transition: .3s;
    border-color: #111;
}

/*mvp development page End */



/* ui ux design start */

section.uidesign-one {
    float: left;
    width: 100%;
    padding-top: 160px;
    background: #f6f6f6;
    padding-bottom: 90px;
}

    section.uidesign-one h1 {
        font-weight: 300;
        font-size: 40px;
        text-align: center;
        line-height: 50px;
    }

        section.uidesign-one h1 strong {
            font-weight: 800;
        }

section.uidesign-two {
    background: linear-gradient(0deg, #fefefe, #ffffff, #f5f5f5);
}

    section.uidesign-two h2 {
        font-weight: 300;
        font-size: 40px;
        line-height: 50px;
        padding-bottom: 30px;
    }

    section.uidesign-two h3 {
        font-weight: 300;
        font-size: 40px;
        line-height: 50px;
        padding-bottom: 15px;
    }

        section.uidesign-two h3 strong {
            font-weight: 800;
        }

.uitwo-inner {
    padding-top: 7%;
}

    .uitwo-inner img {
        width: 100%;
    }

section.uidesign-three {
    background: #000;
    color: #fff;
    padding-bottom: 160px;
}

    section.uidesign-three h2 {
        font-size: 45px;
        font-weight: 300;
        margin-bottom: 25px;
    }

        section.uidesign-three h2 strong {
            font-size: 90px;
            font-weight: 300;
        }

.uidesign-link {
    float: left;
    width: 100%;
    padding: 25px 0;
}

    .uidesign-link a {
        border: 1px solid #1A95FF;
        padding: 10px 30px;
        font-size: 17px;
        border-radius: 30px;
        transition: .3s;
        color: #fff;
    }

        .uidesign-link a:hover {
            transition: .3s;
            border-color: #fff;
        }

/* ui ux design end */



/* software development start */

.softone {
    margin-bottom: 0 !important;
}

.softtwo-right h3 {
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 15px;
    margin-top: -10px;
}

    .softtwo-right h3 strong {
        font-weight: 800;
    }

section.softwaredevelopment-three h5 {
    font-size: 35px;
    font-weight: 300;
    padding-bottom: 20px;
    margin-top: -10px;
}

.over-view-contents1 img {
    padding-top: 25px;
    width: 100%;
}

.softfour p {
    min-height: 200px;
}

section.softwaredevelopment-five h3 {
    text-align: center;
    font-weight: 700;
    margin: auto;
    font-size: 40px;
    padding-bottom: 20px;
}

section.softwarefour-one {
    float: left;
    width: 100%;
    padding-top: 80px;
}

section.softwaredevelopment-five {
    float: left;
    width: 100%;
}

    section.softwaredevelopment-five h5 {
        font-weight: 300;
        font-size: 40px;
        padding-top: 0;
        padding-bottom: 30px;
        text-align: center;
    }
.car-main .carousel-caption span {
    font-size: 60px;
    font-weight: 800;
}

section.softwaredevelopment-five ul li {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    font-size: 17px;
    list-style: none;
    display: inline-block;
    padding-right: 0px;
    padding-left: 0;
    position: relative;
    width: 20%;
    float: left;
    text-align: center;
}
    section.softwaredevelopment-five p {
        text-align: center;
    }

        section.softwaredevelopment-five ul li:last-child {
            padding: 0;
        }

section.softwaredevelopment-five ul {
    padding-left: 0px;
    margin-top: 50px;
    float: left;
    width: 100%;
}



section.softwaredevelopment-six h3 {
    text-align: center;
    font-weight: 700;
    margin: auto;
    font-size: 40px;
    padding-bottom: 20px;
}

/* software development end */


/* QA Tesing start */
.qatest-one {
    text-align: center;
}

    .qatest-one h1 {
        font-size: 40px;
        font-weight: 300;
        line-height: 50px;
        text-align: center;
    }

    .qatest-one span {
        font-weight: 800;
    }

    .qatest-one p {
        line-height: 26px;
    }

        .qatest-one p:last-child {
            margin-top: 0px;
        }

    .qatest-one p {
        margin-top: 40px;
    }

.qatwo {
    float: left;
    width: 100%;
}

    .qatwo p strong {
        font-weight: 800;
        font-size: 27px;
    }

section.quality-two {
    /*box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), -7px -17px 6px -17px rgba(144, 144, 144, 0.24);*/
}

    section.quality-two img {
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 11px 0px rgba(152, 152, 152, 0.24);
    }

.qa-left h3 {
    font-weight: 300;
    font-size: 40px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.qa-right h3 {
    font-weight: 300;
    font-size: 40px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.qa-left-inner ul li::before {
    position: absolute;
    /* content: '\f054'; */
    content: '';
    background: url(https://cdn.citymapia.com/assets/Business/2711/PageContent/2711_637030833334587937.jpg?rendered=true) no-repeat;
    left: 55px;
    /* font-family: FontAwesome; */
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.qa-right-inner ul li::before {
    position: absolute;
    /* content: '\f054'; */
    content: '';
    background: url(https://cdn.citymapia.com/assets/Business/2711/PageContent/2711_637030833334587937.jpg?rendered=true) no-repeat;
    left: 55px;
    /* font-family: FontAwesome; */
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.qa-left-inner ul li {
    list-style: none;
    line-height: 40px;
}

.qa-right-inner ul li {
    list-style: none;
    line-height: 40px;
}

.qa-left-inner ul {
    padding-left: 45px;
    margin-bottom: 0;
}

.qa-left-inner {
    box-shadow: 0px 1px 6px 0px rgba(152, 152, 152, 0.5), 0px 0px 0px 0px rgba(0, 0, 0, 0.31);
    padding: 30px 30px;
    min-height: 560px;
}

.qa-right-inner {
    box-shadow: 0px 1px 6px 0px rgba(152, 152, 152, 0.5), 0px 0px 0px 0px rgba(0, 0, 0, 0.31);
    padding: 30px 30px;
    min-height: 560px;
}

    .qa-right-inner ul {
        margin-bottom: 0;
    }

section.quality-three img {
    width: 100%;
}

/* QA Testing End */


/* technology consulting start */

.or-sectwo {
    position: relative;
}

    .or-sectwo p {
        background: #fff;
        padding: 20px 25px;
        box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(144, 144, 144, 0.38);
        border-radius: 50px;
        font-size: 37px;
        margin: auto;
        width: 100px;
        height: 100px;
        margin-top: -50px;
    }

section.technology-center {
    position: relative;
    background: #111;
}

section.technology-one {
    background: #111;
    text-align: center;
    color: #fff;
}

.techone h2 {
    font-size: 43px;
    font-weight: 300;
    line-height: 55px;
}

section.technology-center {
    position: relative;
    background: #111;
    /*box-shadow: 0px 0px 0px 0px rgb(0, 0, 0), -7px -17px 6px -17px rgb(0, 0, 0);*/
    float: left;
    width: 100%;
}

.tech2 {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-25%, -50%);
}

.tech3 p strong {
    font-size: 25px;
    font-weight: 300;
}

.tech3 {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-20%, -50%);
}

section.technology-three {
    /*background-image: url(../img/tech8.jpg);
    background-size: cover;
    background-attachment: fixed;  */
}
section.softwaredevelopment-five ul li img {
    padding-bottom: 20px;
    max-height: 65px;
}
section.technology-two {
    border-bottom: 1px solid #efefef;
}

.tech-three h4 {
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 35px;
}

.techthree img {
    width: 20%;
    margin-bottom: 30px;
}

.techthree {
    text-align: center;
}

section.technology-three h2 {
    font-size: 38px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 5%;
}

    section.technology-three h2 strong {
        font-weight: 700;
    }

.hidden-xs {
    display: block;
}

.visible-xs {
    display: none;
}
/* technology consulting end */

.cont-banner-section img {
    width: 100%;
}
.emg .modal-content div#Custom-Contact-Form .form-group label.error {
    font-size: 12px;
    color: #f00;
}



/* footer section start */
footer {
    float: left;
    width: 100%;
}

.footer {
    position: relative;
    background: #fff;
}

.ft-home h4 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
}

.ft-home h3 {
    font-weight: 300;
    font-size: 50px;
    margin-bottom: 20px;
}

.ft-home p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #757575;
    font-family: 'Lato', sans-serif;
}

.ftr-left ul li {
    display: inline-block;
    padding-right: 20px;
}

.ftr-left ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .ftr-left ul li a p {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0;
        color: #757575;
        font-family: 'Lato', sans-serif;
    }

.footer-last {
    float: left;
    width: 100%;
    border-top: 1px solid #cacaca;
    padding-top: 25px;
    padding-bottom: 25px;
}

.ftr-last {
    padding: 25px 0;
    background: #fff;
}

.ftr-right p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    color: #757575;
    text-align: right;
    font-family: 'Lato', sans-serif;
}

.ft-last.ft-home {
    float: right;
    text-align: right;
    width: 100%;
}

.ft-last a p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    transition: .3s;
}

.ft-home a p {
    transition: .3s;
}

.ft-home a:hover p {
    color: #0041ff;
    transition: .3s;
}

.footer-last ul li a:hover p {
    color: #0041ff;
    transition: .3s;
}

.footer-last ul li a p {
    transition: .3s;
}

.ftr-last-link.ftr-right {
    text-align: right;
    float: left;
    width: 100%;
}
.send button {
    background: #ed1d26!important;
}

@media (min-width: 769px) and (max-width: 1024px) {
    .ft-home h3 {
        margin-bottom: 20px;
        margin-top: 0;
    }
}


@media (min-width: 481px) and (max-width: 768px) {
    .footer-last {
        padding-left: 25px;
        padding-right: 25px;
    }

    .ftr-mian-hed {
        float: left;
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .footer.pt-120 {
        padding-top: 40px;
        border-top: 1px solid #ececec;
    }
}


@media (max-width: 480px) {
    .ft-last.ft-home {
        text-align: left;
    }

    .ftr-right p {
        text-align: center;
    }

    .footer-last {
        text-align: center;
    }
}

/* footer section end */








/* media Query Start*/




@media (min-width: 3840px) {
    section.mvpdevelopment-two .container {
        width: auto !important;
    }

    .mvptwo-second-right {
        left: 8%;
        top: 55%;
        transform: translate(0%, -50%);
        padding: 10px 20px;
    }

        .mvptwo-second-right h2 {
            font-size: 24px;
        }

    .mvptwo-left h2 {
        left: 25%;
    }
    .car-main .carousel-caption {
        left: 32%;
        right: 32%;
    }
}


@media (min-width: 2560px) {
    section.mvpdevelopment-two .container {
        max-width: 1400px !important;
    }
}

@media (max-width: 2560px) {
    section.mvpdevelopment-two .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0;
    }
}




@media (min-width: 1920px) {
    .container {
        max-width: 1400px !important;
    }

    .mobtwo-center {
        top: -75%;
        padding-left: 30px;
    }

    .mob-bg-one img {
        width: 47%;
    }

    .mobileapps1 h1 {
        font-size: 40px;
    }

    .abtone-right {
        max-height: 765px;
        overflow: hidden;
    }

    section.softwaredevelopment-five ul li {
        /*padding-right: 190px;*/
        text-align: center;
        width: 20%;
    }
}


@media (min-width: 1365px) {
    .mvptwo-left h2 br {
        display: none;
    }
    .home-three-left-one h2 strong {
        font-weight: 800;
        font-size: 120px;
    }
}


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

       

        .car-main .carousel-caption h2 {
            font-size: 55px;
        }

    

    .mobseven-left img {
        width: 80%;
    }

    .mobthree-right-inner h4 span {
        font-size: 28px;
    }

    .mobthree-left-inner h4 {
        font-size: 28px;
    }

    .buttton {
        margin-top: 25px;
    }

    .mobseven-right ul li {
        padding-bottom: 20px;
    }

    .mvptwo-second-right {
        position: absolute;
        top: 52%;
        left: 30%;
        transform: translate(-30%, -50%);
    }

        .mvptwo-second-right h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

    .mvptwo-left h2 {
        top: 50%;
        left: 35%;
        transform: translate(-20%, -50%);
    }

    .qa-right-inner {
        min-height: 610px;
    }

    .qa-left-inner {
        min-height: 610px;
    }

    .tech3 {
        left: 15%;
        transform: translate(-10%, -50%);
    }

    .softfour p {
        min-height: 275px;
    }

    section.uidesign-three h2 {
        font-size: 43px;
    }

    .tech1 img {
        /*min-height: 425px;*/
    }

    .tech4 img {
        /*min-height: 425px;*/
    }
    /*section.softwarefour-one {
    padding-top: 60px;
}*/
    .qatwo p strong {
        font-size: 18px;
        font-weight: 700;
    }

    .qa-left h3 {
        font-size: 38px;
    }

    .qa-right h3 {
        font-size: 38px;
    }

    .mobseven-right h2 span {
        font-size: 88px;
    }

    .mvptwo-second-left img {
        /*min-height: 500px;*/
    }

    .mvpthree-second svg {
        margin-right: 15px;
        width: 23%;
        height: 50%;
    }

    .over-view-contents2 p {
        min-height: 150px;
    }

    .softfour p {
        min-height: 275px !important;
    }
}


@media (min-width: 1200px) {
    .navik-header.home-page .navik-menu.submenu-top-border li > ul {
        border-top: 3px solid #0041ff;
    }

    .mobfour:hover p {
        /*color: #007fff;
    font-weight: 400;*/
        /* transition: .3s; */
    }
}

@media (max-width: 1199.98px ) {
    .navik-header .logo{
        max-width:160px;
    }
}

@media (max-width: 1024px ) {
    p {
        font-size: 16px;
    }

    .navik-menu > ul {
        background: #fff;
    }

    .navik-menu ul li > a {
        color: #000 !important;
    }

    .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a {
        /*color: #fff !important;*/
    }

    .mob-bg-one img {
        width: 100%;
        visibility: hidden;
    }

    .mobseven-left img {
        transform: translateY(0%);
    }

    .mobseven-right h2 {
        margin-top: 0px;
    }

    section.mobileapp-seven.pt-120 {
        padding-top: 0;
    }

    .navik-header.inner-page .burger-menu .line-menu {
        background-color: #111;
    }

    .over-view-contents2 p {
        min-height: 145px;
    }
}





@media (min-width: 769px) and (max-width: 1024px) {
    .softfour p {
        min-height: 265px;
    }

    

       

        .car-main .carousel-caption h2 {
            font-size: 45px;
        }

       

        .car-main .carousel-caption button a {
            padding: 10px 15px;
            font-size: 15px;
        }

        .car-main .carousel-caption button {
            margin-top: 20px;
        }

    .home-one-right h3 {
        font-size: 25px;
    }

    .home-one-right h4 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .home-one-right p {
        margin-top: 10px;
    }

    .knowmore a {
        font-size: 15px;
        padding: 7px 17px;
        margin-top: 10px;
    }

    .home-two-left h3 strong {
        font-size: 27px;
    }

    .home-two-left h3 {
        font-size: 22px;
        line-height: 33px;
    }

    .home-three-left-one h2 strong {
        font-size: 95px;
    }

    .home-three-left-one h2 {
        font-size: 70px;
    }

    .home-five .owl-carousel .owl-nav {
        display: none;
    }

    .home-five .owl-carousel .owl-dots {
        display: none;
    }

  
        .contct h1 {
            font-size: 40px;
        }

        .contct h3 {
            font-size: 24px;
            line-height: 0px;
        }

    .cont-banner-section img {
        padding-top: 65px;
    }

    .home-three-right-one-inner h4 {
        margin-bottom: auto;
    }

    .home-three-right-one-inner a {
        margin-top: auto;
    }

    .mobseven-right h2 span {
        font-size: 70px;
    }

    .mobseven-right h2 {
        font-size: 30px;
    }

    .mobfive-right h2 {
        font-size: 30px;
    }

        .mobfive-right h2 span {
            font-size: 70px;
        }

    .mvptwo-second-right {
        top: 0%;
        left: 0;
        right: 0;
        transform: translate(0%, -125%);
        background: linear-gradient(90deg, #f5f5f5c9, #f5f5f5c9, #f5f5f5);
        padding: 60px 30px;
    }

    .mvptwo-second-left img {
        min-height: 480px;
    }

    .mvptwo-second-right h2 {
        font-size: 25px;
    }

    .mvpthree-second svg {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .mvpfour-inner h2 {
        font-size: 30px;
    }

        .mvpfour-inner h2 strong {
            font-size: 60px;
        }

    .mvpdevelopment-four svg {
        width: 100%;
        margin-bottom: 15px;
    }

    .mvpdevelopment-four p {
        text-align: center;
    }

    .mvpfive-second ul li {
        line-height: 33px;
    }

    .mvpsix-inner h3 {
        font-size: 34px;
    }

    .mvpone-inner h1 {
        font-size: 35px;
    }

    .mvptwo-left h2 {
        left: 35%;
        font-size: 25px;
        font-weight: 300;
        line-height: 36px;
    }

    .mvptwo-right h2 {
        font-size: 25px;
        line-height: 36px;
    }

    section.softwaredevelopment-five ul li {
        /*padding-right: 110px;*/
    }

    .bg2 {
        height: 300px;
    }
}


@media (max-width: 768px) {
    .mobfour {
        margin-bottom: 40px;
    }
    .inner-banner {
        height: 180px;
    }
        .inner-banner{
        margin-top:0;
    }
    section.home-one {
        padding: 2rem 0;
    }
    .heading-area {
        margin-bottom: 1rem;
    }
    .latest-post {
        padding: 2rem 0;
    }
    .main-last {
        background: #2f3192;
        text-align: center;
        color: #fff;
        padding: 2rem 0;
    }
        .main-last h3 {
            margin-bottom: 30px;
        }
    .courses-wrap {
        padding: 2rem 0;
    }
    .students {
        max-width: 280px;
        display: block;
        margin: auto;
        margin-bottom: 1rem;
    }
    section.aboutus-one h1 {
        text-align: center;
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 40px;
    }

    .abtone-left span {
        text-align: center;
    }

    .abtone-para {
        text-align: left;
        margin-top: 30px;
    }

    .abtthree {
        padding-left: 30px;
        padding-right: 30px;
    }

    .navik-header.home-page .navik-menu ul li.current-menu > a, .navik-header.home-page .navik-menu ul li:hover > a {
        color: #0041ff !important;
    }

    .dropdown-plus {
        float: left;
        width: 100% !important;
    }
    header{
        position:sticky;
        z-index:1;
        top:0;
    }
    .navik-header .logo {
        max-width: 110px!important;
    }
    .navik-header{
        height:74px!important;
    }
   
}




@media (min-width: 481px) and (max-width: 768px) {
    .softfour p {
        min-height: 430px;
    }

    .cont-banner-section img {
        padding-top: 65px;
    }

   
    .car-main .carousel-caption h2 {
        font-size: 35px;
    }

    .car-main .carousel-caption p {
        font-size: 15px;
    }

    .car-main .carousel-caption button {
        margin-top: 5px;
    }

        .car-main .carousel-caption button a {
            padding: 8px 15px;
            font-size: 14px;
        }

   

    .home-one-right h3 {
        font-size: 25px;
    }

    .home-one-right h4 {
        font-size: 17px;
    }

    .home-one-right p {
        margin-top: 5px;
    }

    .knowmore a {
        font-size: 14px;
        padding: 7px 20px;
        margin-top: 0px;
    }

    .home-two-left h3 strong {
        font-size: 25px;
    }

    .home-two-left h3 {
        font-size: 21px;
        line-height: 30px;
    }

    .home-two-left p {
        margin-top: 5px;
    }

    .home-three-left-one h2 strong {
        font-size: 75px;
    }

    .home-three-left-one h2 {
        font-size: 55px;
    }

    .home-three-left-one {
        position: relative;
        /*top: 50%;
    left: 15%;
    transform: translate(-15%, -50%);*/
    }

    .home-five .owl-carousel .owl-nav {
        display: none;
    }

    .home-five .owl-carousel .owl-dots {
        display: none;
    }

    .contct h1 {
        font-size: 30px;
    }

    .contct h3 {
        font-size: 22px;
        line-height: 22px;
    }

 
    .mobtwo-center {
        top: -20%;
    }

    section.mobileapp-two.pt-120.pb-120 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mobthree-left-inner h4 {
        font-size: 25px;
        line-height: 35px;
    }

    .mobthree-left-inner h3 {
        font-size: 29px;
    }

    .mobthree-right-inner h4 {
        line-height: 35px;
        font-size: 25px;
    }

        .mobthree-right-inner h4 span {
            font-size: 25px;
        }

    .mobfive-right h2 span {
        font-size: 50px;
    }

    .mobfive-right h2 {
        font-size: 20px;
    }

    .mobseven-right h2 {
        font-size: 20px;
    }

        .mobseven-right h2 span {
            font-size: 50px;
        }

    .mobseven-right ul {
        padding-top: 15px;
    }

    .mobfive-right {
        position: relative;
        top: 50%;
        text-align: center;
        left: 0;
        transform: translate(0%, 0%);
    }

    .mvpthree-second svg {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .mvpone-inner h1 {
        font-size: 26px;
        line-height: 40px;
    }

    .mvptwo-left h2 {
        left: 20%;
        transform: translate(-15%, -50%);
        font-size: 25px;
        line-height: 36px;
    }

    .mvptwo-right h2 {
        left: 40%;
        transform: translate(-50%, -50%);
        font-size: 25px;
        line-height: 36px;
    }

    .mvptwo-second-right {
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translate(-10%, -110%);
    }

    .mvptwo-second-right {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: translate(0%, -104%);
        background: linear-gradient(90deg, #f5f5f5c9, #f5f5f5c9, #f5f5f5);
        padding: 10px 30px;
    }

    section.mvpdevelopment-two.pb-120 {
        padding-bottom: 0;
    }

    .mvpfour-inner h2 {
        font-size: 35px;
    }

        .mvpfour-inner h2 strong {
            font-size: 65px;
        }

    .mvpdevelopment-four svg {
        width: 100%;
    }

    .mvpdevelopment-four p {
        text-align: center;
        margin-bottom: 15px;
    }

    .mvpfour-second {
        padding-top: 5%;
    }

    section.mvpdevelopment-five.pt-120 {
        padding-top: 40px;
    }

    .mvpfive-second ul li {
        line-height: 35px;
    }

    .mvpfive-second h5 {
        padding-bottom: 25px;
    }

    .mvpsix-inner h3 {
        font-size: 35px;
    }

    section.uidesign-two.pt-80.pb-120 {
        padding-top: 0;
    }

    section.softwaredevelopment-five ul li {
        /*padding-right: 50px;*/
    }

    .tech3 {
        top: 0;
        left: 0;
        right: 0;
        transform: translate(0%, 25%);
        background: linear-gradient(90deg, #f5f5f5c9, #f5f5f5c9, #f5f5f5);
        padding: 30px 30px;
        z-index: 9;
    }

    .tech2 {
        top: 0;
        left: 0;
        right: 0;
        transform: translate(0%, -140%);
        background: linear-gradient(90deg, #f5f5f5c9, #f5f5f5c9, #f5f5f5);
        padding: 30px 30px;
    }

    section.technology-three.pt-120.pb-60 {
        padding-top: 60px;
    }

    .section-double.pt-120 {
        padding-top: 40px;
    }

    section.mvpdevelopment-three.pt-120.pb-120 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .bg2 {
        height: 200px;
    }

    .over-view-contents1 h3 {
        font-size: 18px;
    }
}








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









@media (max-width: 480px) {
    .car-main .carousel-caption p {
        display: none;
    }

    .car-main .carousel-caption h2 {
        font-size: 18px;
        font-weight: 800;
    }

    .car-main .carousel-caption h1 {
        font-size: 22px;
        font-weight: 800;
        line-height: normal;
    }


        .car-main .carousel-caption button {
            margin-top: 0;
        }

            .car-main .carousel-caption button a {
                padding: 7px 10px;
                font-size: 14px;
            }

    .home-one-right {
        position: relative;
        top: 5%;
        left: 0;
        transform: translate(0%, 0%);
    }

        .home-one-right h3 {
            font-size: 27px;
        }

    .home-two-left {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
    }

    section.home-two {
        padding: 30px 0;
    }

    .home-two-left h3 strong {
        font-size: 29px;
    }

    .home-two-left p {
        margin-top: 15px;
    }

    .knowmore a {
        margin-top: 0px;
        margin-bottom: 40px;
        font-size: 15px;
        padding: 8px 26px;
    }

    .home-three-left-one {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
    }

    section.home-three.pt-120.pb-120 {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .home-three-left-one h2 {
        font-size: 45px;
        text-align: center;
    }

    .technologies {
        padding-top: 25px;
    }

    .navik-header.home-page .navik-menu ul li.current-menu > a, .navik-header.home-page .navik-menu ul li:hover > a {
        color: #0041ff !important;
    }

    .home-three-left-one h2 strong {
        font-size: 60px;
    }

    section.home-three img {
        width: 100%;
    }

    .home-three-right-one .home-three-right-one-inner {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-15%, -135%);
        background: rgb(0, 0, 0);
        padding: 20px 20px;
    }

    .home-three-right-ones .home-three-right-one-inner {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-15%, -150%);
        background: rgb(255, 255, 255);
        padding: 20px 20px;
    }

    .home-five .owl-carousel .owl-nav {
        display: none;
    }

    .home-five .owl-carousel .owl-dots {
        display: none;
    }

    section.home-four.pt-120.pb-120 {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    section.home-five.pt-120 {
        padding-top: 60px;
    }

    .home-five-inner.pt-120.pb-120 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main-last h3 {
        font-size: 28px;
    }

    .main-last a {
        padding: 10px 20px;
        font-size: 16px;
    }

    .footer.pt-110.pb-40 {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .home-one-left {
        padding-top: 15px;
    }

    .over-view5 {
        margin-bottom: 0px;
    }

   

    .navik-menu.menu-hover-2 > ul > li:last-child > a {
        border: none;
        font-size: 16px;
        padding: 10px 20px !important;
    }

    .nav-bars .menu-hover-2 > ul > li:last-child > a:hover {
        border: none !important;
    }

    section.overview-one {
        padding-top: 90px;
    }

    section.aboutus-one h1 {
        font-size: 25px;
        line-height: 35px;
    }

    .over-one-inner h1 strong {
        font-size: 25px;
        line-height: 35px;
    }

    .over-one-inner h1 {
        font-size: 25px;
        line-height: 35px;
    }

    section.overview-three {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .over-view-contents2 p {
        min-height: auto;
    }

    .main-lasts h4 {
        font-size: 23px;
    }

    .main-lasts h3 {
        font-size: 30px;
    }

    .main-lasts a {
        padding: 10px 25px;
        font-size: 16px;
    }

    .contct h1 {
        font-size: 28px;
        margin-bottom: 0;
        margin-top: 35px;
    }

    .cont-banner-section img {
        padding-top: 55px;
    }

    .contct h3 {
        display: none;
    }

   

    .section-double.pt-120.pb-120 {
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .fields {
        padding: 30px 0px;
    }

    .help h2 {
        font-size: 23px;
    }

    .mobtwo-center img {
        visibility: hidden;
    }

    .mobileapps1 h1 {
        padding-top: 0px;
        font-size: 25px;
        line-height: 35px;
    }

    section.mobileapp-one.pt-120.pb-120 {
        padding-bottom: 40px;
    }

    section.mobileapp-two {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    section.mobileapp-three.pt-120.pb-120 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .uidesign-link {
        text-align: center;
    }

    .mobfive-right {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        margin-top: 20px;
    }

        .mobfive-right h2 span {
            font-size: 50px;
        }

    .mobseven-right h2 span {
        font-size: 50px;
    }

    .mobtwo-center {
        display: none;
    }

    .mobfour-head h2 {
        font-size: 35px;
    }

    section.mobileapp-four.pb-120 {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .mobfour-head {
        margin-bottom: 40px;
    }

    .mobfive-right h2 {
        text-align: center;
        font-size: 24px;
    }

    .mobsix-img {
        text-align: center;
        margin-bottom: 15px;
    }

    .mobsix h4 {
        text-align: center;
    }

    .mobsix p {
        text-align: center;
    }

    .mob-thr {
        padding: 35px 25px;
    }

    .mob2-right {
        margin-top: 60px;
    }

    .mobthree-left {
        margin-bottom: 30px;
    }

    .mobsix {
        padding-bottom: 25px;
    }

    section.mobileapp-six {
        padding-bottom: 40px;
    }

    .mobseven-right h2 {
        margin-top: 40px;
        font-size: 25px;
        text-align: center;
        margin-bottom: 0;
    }

    .mobseven-right ul {
        padding-top: 20px;
    }

    section.overview-two {
        padding-top: 0px;
    }

    .over-one-inner p {
        margin-top: 15px;
    }

    .mobthree-left-inner h4 {
        font-size: 25px;
        line-height: 36px;
    }

    .mobthree-left-inner h3 {
        font-size: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    section.mobileapp-two h3 {
        margin-bottom: 15px;
        font-size: 25px;
    }

    section.mobileapp-one {
        padding-top: 90px;
        padding-bottom: 30px;
    }

    .mobileapps1 {
        margin-bottom: 0%;
    }

    .mobthree-right-inner h4 {
        line-height: 36px;
        font-size: 25px;
    }

        .mobthree-right-inner h4 span {
            font-size: 25px;
        }

    .mvp-inner-first {
        padding: 175px 0;
    }

    .buttton a {
        font-size: 15px;
        padding: 6px 18px !important;
    }

    section.mobileapp-two .but-link-blk {
        margin-top: 20px;
    }

    section.aboutus-one {
        padding-top: 90px;
        padding-bottom: 15px;
    }

    .abtthree {
        padding: 60px 15px;
    }

    section.mobileapp-five.pb-120 {
        padding-bottom: 40px;
    }

    .mvpthree-second svg {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    section.mvpdevelopment-one {
        padding-top: 90px;
        padding-bottom: 30px;
    }

    .mvpone-inner h1 {
        font-size: 25px;
        line-height: 35px;
    }

    .mvptwo-left h2 {
        top: 45%;
        left: 10%;
        transform: translate(-5%, -50%);
        font-size: 30px;
        line-height: 36px;
        text-align: center;
    }

    .or-sec p {
        top: auto;
        left: auto;
        bottom: -60px;
        right: 125px;
    }

    .mvptwo-right h2 {
        left: 48%;
        font-size: 30px;
        line-height: 36px;
        text-align: center;
    }

    .mvptwo-second-right {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        padding: 25px 25px;
    }

    section.mvpdevelopment-two.pb-120 {
        padding-bottom: 0px;
    }

    section.mvpdevelopment-three.pt-120.pb-120 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .mvpdevelopment-four svg {
        float: left;
        margin-right: 15px;
        width: 28px;
        height: 40px;
        margin-bottom: 35px;
        margin-left: 25px;
    }

    .mvpfour-inner {
        padding-top: 15%;
    }

    section.mvpdevelopment-five.pt-120 {
        padding-top: 30px;
    }

    .mvpfive-third {
        padding: 0px 40px;
    }

    .mvpsix-inner h3 {
        font-size: 30px;
    }

    .mvpfour-inner h2 {
        font-size: 21px;
        line-height: 40px;
    }

        .mvpfour-inner h2 strong {
            font-size: 30px;
        }

    .mvptwo-second-right h2 {
        font-size: 28px;
        font-weight: 300;
    }

    .mvpthree-second p {
        text-align: center;
        margin-bottom: 40px;
    }

    .mvpfive-second h3 {
        font-size: 25px;
    }

    .mvpfive-second h5 {
        font-size: 24px;
        padding-bottom: 20px;
    }

    section.uidesign-three h2 {
        font-size: 21px;
        line-height: 30px;
        text-align: center;
    }

    section.uidesign-three p {
        text-align: center;
    }

    section.uidesign-three h2 strong {
        font-size: 30px;
    }

    section.uidesign-three.pt-120 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    section.uidesign-one {
        padding-top: 90px;
        padding-bottom: 40px;
    }

    section.uidesign-two.pt-80.pb-120 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    section.uidesign-two h3 br {
        display: none;
    }

    section.uidesign-one h1 {
        font-size: 25px;
        text-align: center;
        line-height: 35px;
    }

    section.uidesign-two h3 {
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 15px;
        text-align: center;
    }

    section.uidesign-two h2 {
        font-weight: 300;
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 10px;
        text-align: center;
    }

    section.uidesign-two p {
        text-align: center;
    }

    .uidesign-link {
        text-align: center;
    }

    section.softwaredevelopment-five ul li {
        padding-right: 0px;
        padding-left: 0;
        float: left;
        width: 100%;
    }

    .qa-left h3 {
        font-size: 25px;
        padding-top: 0;
    }

    .qa-right h3 {
        font-size: 25px;
        padding-top: 0;
    }

    .tech2 {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        padding: 20px 20px;
    }

    .tech3 {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        padding: 20px 20px;
    }

    .hidden-xs {
        display: none;
    }

    .visible-xs {
        display: block;
    }

    .qatest-one h1 {
        font-size: 25px;
        line-height: 35px;
    }

    section.quality-two.pt-80.pb-80 {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    section.quality-two img {
        padding-bottom: 15px;
        box-shadow: none;
    }

    .qatwo p strong {
        font-weight: 600;
        font-size: 25px;
        line-height: 36px;
    }

    .qa-left-inner {
        margin-bottom: 40px;
        min-height: auto;
    }

    .qa-right-inner {
        min-height: auto;
    }

    section.quality-three.pt-40.pb-80 {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .softtwo-right h3 {
        font-size: 25px;
        line-height: 36px;
        padding-bottom: 5px;
    }

    section.softwaredevelopment-three h5 {
        font-size: 26px;
        padding-bottom: 5px;
    }

    section.softwaredevelopment-two.pt-80.pb-80 {
        padding-bottom: 15px;
        padding-top: 40px;
    }

    section.softwaredevelopment-five {
        padding-bottom: 40px;
        padding-top: 20px;
    }

    section.softwaredevelopment-four.pt-0.pb-80 {
        padding-bottom: 0px;
    }

    section.mvpdevelopment-six.pt-80.pb-80 {
        padding: 30px 0 !important;
    }

    section.softwaredevelopment-five h3 {
        font-size: 30px;
        padding-bottom: 15px;
    }

    section.softwaredevelopment-five h5 {
        font-size: 30px;
        padding-bottom: 25px;
    }

    .mvpsix-inner a {
        font-size: 12px;
    }

    .technoone {
        padding-bottom: 90px !important;
        padding-top: 130px !important;
    }

    .techone h2 {
        font-size: 25px;
        line-height: 36px;
    }

    .tech-three {
        margin-top: 25px;
        text-align: center;
    }

    .techthree img {
        margin-bottom: 15px;
    }

    section.technology-three h2 {
        font-size: 28px;
        padding-bottom: 0%;
    }

    section.technology-three.pt-120.pb-60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .home-one-right h3 br {
        display: none;
    }

    .dropdown-plus {
        float: left;
        width: 100% !important;
    }

    .qa-right-inner ul li {
        line-height: 36px;
    }

    .qa-left-inner ul li {
        line-height: 36px;
    }

    .section-double.pt-120 {
        padding-top: 30px;
    }

    .abtthree h3 {
        font-size: 25px;
    }

    .abtthree a {
        padding: 10px 20px;
        font-size: 16px;
    }

    .mvpsix-inner p {
        padding-bottom: 10px;
    }

    section.softwaredevelopment-three {
        padding-top: 25px;
        padding-bottom: 25px;
        text-align: center;
    }

    section.softwarefour-one {
        padding-top: 20px;
    }

    .bg2 {
        height: 250px;
    }

    .softtwo-right {
        text-align: center;
    }
    section.softwaredevelopment-five ul {
        margin-top: 0px;
        float: left;
    }
        section.softwaredevelopment-five ul li img {
            padding-bottom: 5px;
            margin-top: 35px;
        }
}




@media (max-width: 320px) {
    .buttton a {
        font-size: 15px;
    }

    .mob-thr {
        padding: 25px 25px;
    }

    .mobseven-right h2 {
        font-size: 24px;
        margin-top: 50px;
    }

        .mobseven-right h2 span {
            font-size: 30px;
        }

    .mvpsix-inner a {
        font-size: 10px;
    }
}


/* Define mobile styles End*/

/* media Query End*/


.whtsap {
    position: fixed;
    background: #fff;
    right: 2rem;
    bottom: 2rem;
    border-radius: 50%;
    height: 64px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 10;
}

    .whtsap a {
        text-decoration: none;
    }

    .whtsap img {
        display: block;
        margin: auto;
        filter: brightness(1);
        width: auto;
    }

    .whtsap span {
        font-size: 12px;
        color: #3AD3B4;
        font-weight: 700;
        text-transform: uppercase;
        width: 100%;
        min-width: 100%;
        letter-spacing: 2.4px;
    }

    .whtsap p {
        margin-bottom: 0px;
        color: #012764;
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1;
    }