.desktop-not{
    display:none;
}
.desktop-not h1{
    font-weight: bold;
    font-family: 'poppins-medium';
}
@media (max-width: 991px) {
    .sina-nav .sina-menu li .dropdown-menu li a:focus, .sina-nav .sina-menu li .dropdown-menu li a:hover, .sina-nav .sina-menu li .dropdown-menu li.active > a, .sina-nav .sina-menu li .mega-menu .mega-menu-col ul li a:focus, .sina-nav .sina-menu li .mega-menu .mega-menu-col ul li a:hover, .sina-nav .sina-menu li .mega-menu-col-title:hover, .sina-nav .sina-menu li .mega-menu.dropdown-menu .mega-menu-col .active > a, .sina-nav .sina-menu li a:focus, .sina-nav .sina-menu li a:hover, .sina-nav .sina-menu li.active > a {
        color: #333;
        background-color: transparent !important;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu {
       margin-top: 10px !important; 
    }
    .whyslider .slick-next {
        right: 0px !important; 
    }
    .desktop-not{
        display:block;
    }
    .social-icons {
        position: fixed;
        top: 0;
        right: 1% !important;
        z-index: 10000;
    }
    .solutionimg2 {
        position: absolute;
        width: 33% !important;
        bottom: 0;
        left: 240px !important;
        box-shadow: 1px 1px 10px 0px #bdbdbd;
        border-radius: 15px;
    }
    .module-box {
        background-color: white;
        border: 1px solid #d1d1d1;
        border-radius: 22px;
        padding: 20px;
        position: relative;
        margin: 10px !important;
    }
    .mobile-sidebar {
        display: block !important;
    }

    .desktop-bar {
        display: none;
    }
    .mobile-not{
        display:none;
    }
    .innner-m {
        padding-bottom: 20px;
        position: relative !important;
        top: 0;
        border-radius: 20px;
        width: 100%;
        background: linear-gradient(transparent, #0f0f1091);
    }
    .banner-s {
        background-color: #f1f1f1;
        margin: 10px;
        border-radius: 25px;
        position: relative;
        height: auto !important;
    }
}

.innner-m {
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    border-radius: 20px;
    width: 100%;
    background: linear-gradient(transparent, #0f0f1091);
}
@media (max-width: 1200px) {

    .sina-nav .dropdown-menu {
        position: absolute;
        display: none;
        top: 16%;
        left: 11% !important;
        z-index: 1000;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu{
        margin-top:114px ;
    }
}


.innner-m {
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    border-radius: 20px;
    width: 100%;
    background: linear-gradient(transparent, #0f0f1091);
}

    .tablinks2 a, .tablinks1 a, .tablinks a {
        color: white !important;
    }

    .info1 a {
        color: #005bab !important;
        font-style: italic;
        font-weight: 500;
        text-decoration: underline;
    }

  
    .mobile-sidebar {
        display: none;
    }

    #videomodal .modal-dialog {
        max-width: 70% !important;
    }

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

            #videomodal .modal-dialog .modal-content .modal-header {
                border-bottom: unset;
            }

    .banner-1 h1 {
        font-weight: 500;
        font-size: 45px;
    }

.module-box {
    background-color: #ffffffd4;
    border: 1px solid #d1d1d1;
    border-radius: 22px;
    padding: 20px;
    position: relative;
    margin: 10px 40px 0px 30px;
}

        .module-box ul li img {
            width: 45px;
            height: 45px;
         
            margin-right:5px;
        }

        .module-box ul li {
            margin-top: 10px;
            padding: 3px;
        }

            .module-box ul li a{
                display:flex;
            }

            .module-box ul li:hover {
                background-color: #efefef;
                box-shadow: 1px 2px 3px 4px #dfe0e1;
                border-radius: 10px;
                transition: 0.5s;
            }

            .module-box ul li small {
                color: grey;
            }

            .module-box ul li label {
                font-size: 18px;
                font-family: 'poppins-regular';
                font-weight: 500;
                color: black;
                margin-bottom: 0;
            }


    .full-width {
        width: 100%;
    }

    body {
        font-family: 'poppins-regular';
        font-weight: 400 !important;
    }
    /*new css*/
    .h2-heading {
        font-size: 23px !important;
        text-align: left !important;
    }

    .h5-heading {
        color: #007bff;
        font-weight: bold;
        font-size: 18px;
    }

    .h3-heading {
        color: #005bab;
        font-size: 20px;
        font-weight: bold;
    }

    .contact-info3 {
        right: -78px;
        background-color: #d1a316;
        padding: 10px;
        z-index: 1;
        position: fixed;
        top: 38%;
        transform: rotate(-90deg);
        background-color: initial;
        background-image: linear-gradient(-180deg, #c59375, #d1a316);
        border-radius: 6px;
        box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: 'poppins-regular';
        line-height: 40px;
        outline: 0;
        padding: 0 20px;
        pointer-events: auto;
        touch-action: manipulation;
        user-select: none;
        -webkit-user-select: none;
        vertical-align: top;
        white-space: nowrap;
        z-index: 9;
        border: 0;
        transition: box-shadow .2s;
    }

        .contact-info3 a {
            font-size: 16px;
            color: white;
            font-weight: bold;
            height: 13px;
            animation: blinkers 1s linear infinite;
        }

    @keyframes blinkers {
        30% {
            opacity: 0;
        }
    }

    .contact-info3 a:hover {
        font-size: 16px;
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

    .contact-info2 {
        margin-left: -100px;
        background-color: #d1a316;
        padding: 10px;
        z-index: 1;
        position: fixed;
        transition: 0.5s;
        top: 50%;
    }

    .contact-info1 {
        margin-left: -213px;
        background-color: #00c851;
        padding: 10px;
        z-index: 1;
        position: fixed;
        transition: 0.5s;
        top: 41.8%;
    }

    .contact-info {
        margin-left: -180px;
        background-color: #dc3545;
        padding: 10px;
        z-index: 1;
        position: fixed;
        transition: 0.5s;
        top: 33.5%;
    }

        .contact-info a:hover, .contact-info1 a:hover, .contact-info2 a:hover {
            text-decoration: none !important;
            color: white !important;
        }

        .contact-info a, .contact-info1 a, .contact-info2 a {
            text-decoration: none !important;
            color: white !important;
        }

        .contact-info:hover, .contact-info1:hover, .contact-info2:hover {
            margin-left: 0;
        }

    .solution-box h5 {
        color: #005bab;
    }

    .banner {
        background-image: url("../images/benefit-bb.jpg");
        height: 300px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .btn-sol {
        background-color: #005bab !important;
        color: white !important;
        font-size: 12px !important;
    }

        .btn-sol:hover {
            background-color: white;
            color: #005bab;
            font-size: 12px;
            font-weight: bold;
        }

    .aaward {
        background-color: #dee2e6ab;
    }

    .close1 {
        color: #005bab;
        font-weight: bold;
        text-align: center;
        margin-top: 20px;
    }

    .details {
        padding: 10px;
        background-color: #fff9;
        color: #212529;
        border-radius: 50px 0px 50px 0px;
        margin-top: -30px;
        padding: 20px;
    }

    .form {
        background-color: #5d61629c;
        padding: 29px;
        padding-bottom: 0px;
        border-radius: 10px;
    }

    .contact-section1 {
        background: linear-gradient(0deg, #232527eb, #212529e0), url(../images/erp-for-k12-school.png);
        background-attachment: fixed;
    }

    .form form .form-control {
        border-radius: 10px !important;
        border: 1px solid black;
    }

    ::placeholder {
        color: #2f2b2b !important;
        font-size: 13px !important;
    }

    .form .form-group {
        margin-bottom: 5px !important;
    }

    .contact-d-list li {
        list-style: none;
    }

    .stellar h5 {
        font-size: 18px;
        color: #005bab;
        font-weight: bold;
    }

    .contact-d-list li i {
        background-color: #17a2b8;
        padding: 5px;
        color: white;
    }

    .contact-d-list li {
        list-style: none;
        font-weight: bold;
        padding: 10px;
    }

    .contact-d-list {
        margin-bottom: 0px;
        padding-left: 0;
    }

    .box-flex {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sub1 {
        margin-left: 0px !important;
        margin-right: 50px;
    }

    .monitor-sub {
        background-color: #e8ebee;
        margin-left: 50px;
        padding: 20px;
    }

        .monitor-sub h5 {
            color: #b82201;
        }

        .monitor-sub h3 {
            color: #005bab;
            font-weight: bold;
        }

    .monitor {
        background-color: #005bab;
        margin-top: 50px;
    }

    .why-choose-1 h5 {
        color: #dc3545;
        text-decoration: underline;
    }

    .why-choose-1 h3 {
        font-size: 25px;
        color: #005bab;
        font-weight: bold;
    }

    .erp-soft-list li::before {
        content: "\f04e";
        color: #e56975;
        font-weight: bold;
        font-family: FontAwesome;
        display: inline-block;
        width: 1.2em;
        margin-left: -1em;
    }

    .high-span1 {
        background-color: #dc3545;
        padding: 5px;
        text-align: center;
        color: white;
        font-weight: bold;
        margin-top: 2px;
        min-height: 58px;
    }

    .high-span2 {
        background-color: #005bab;
        padding: 5px;
        text-align: center;
        color: white;
        font-weight: bold;
        min-height: 58px;
    }

    .high-span3 {
        background-color: #15a6a3;
        padding: 5px;
        text-align: center;
        color: white;
        font-weight: bold;
        margin-top: 2px;
        min-height: 58px;
    }

    .erp-soft-list li {
        list-style: none;
        line-height: 2;
        text-align: justify;
    }

        .erp-soft-list li span {
            color: #005bab;
            font-weight: bold;
        }

    .h5-1 {
        color: red;
    }

    .h5-2 {
        color: #005bab;
    }

    .h5-3 {
        color: #15a6a3;
    }

    .highlights {
        border: 1px solid #cacaca;
        padding: 20px;
        text-align: justify;
        min-height: 200px;
    }

    .multi-a ul {
        list-style: none;
    }

    .ben-fits-img img {
        margin-top: 25px;
        width: 80%;
    }

    .ben-fitss-list li {
        margin-bottom: 5px;
    }

    .ben-fitss-list {
        padding-left: 10px;
    }

    .monitor-list li {
        line-height: 2;
    }

        .monitor-list li::before, .multi-a ul li::before, .ben-fitss-list li::before {
            content: "\f138";
            color: #e56975;
            font-weight: bold;
            font-family: FontAwesome;
            display: inline-block;
            width: 1.2em;
            margin-left: -1em;
        }

    .ben-fitss {
        color: #005bab;
        font-size: 20px;
        font-weight: bold;
    }

    .needs-1 img {
        height: 45px;
        margin-top: -25px;
        margin-right: 10px;
    }

    .needs-1 h5 {
        color: #005bab;
        font-weight: bold;
            font-size: 15px;
    }

    .card-content {
        padding-left: 20px;
    }

    .card-body {
        padding: 20px !important;
    }

    .key-box {
        // border:1px solid black;
        padding: 20px;
        height: 270px;
    }

    .a1 {
    }

    .type-3 {
        background-color: #beeaf152;
    }

    .type-2 {
        background-color: #89aae117;
    }

    .type-1 {
        background-color: #db9aa117;
    }

    .radis {
        color: #e1e1e1;
        font-weight: bold;
    }

    .type h4 {
        color: #005bab;
        font-size: 20px;
        text-align: center;
    }

    .a2 {
        background-color: black;
        color: white;
    }

    /*.mlms-list li::before {
        content: "\f14a";
        color: red;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }*/
    .type {
        padding: 30px;
        text-align: justify;
        min-height: 288px;
    }

    .blink {
        animation: zoom-in-zoom-out 2s ease infinite;
    }

    @keyframes zoom-in-zoom-out {
        0% {
            transform: scale(1, 1);
        }

        50% {
            transform: scale(1.1, 1.1);
        }

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

    .advantages {
        background-color: #005bab;
    }

    .advantages-list {
        list-style: none;
        padding-left: 0;
    }

    .btn-info {
        background-color: #33b5e5 !important;
        color: #fff;
        font-weight: bold !important;
    }

    .klms {
        border: 1px solid white;
        padding: 20px;
        border-radius: 10px;
    }

    .mlms-img img {
        height: 100px;
        float: right;
        position: absolute;
        top: 109px;
        right: 35px;
    }

    .mlms-list li {
        line-height: 2;
    }

    .mlms {
        background-image: url(../images/u1.png);
        background-size: 100% 100%;
        width: 227px;
        padding: 17px;
    }

        .mlms h4 {
            font-size: 13px;
            margin: 10px;
            width: 150px;
            color: #005bab;
        }

    .lms-work {
        background-color: white;
        padding: 30px;
        border-radius: 20px;
        margin-top: -170px;
    }

    .copy-lms {
        height: 205px;
        background-color: #f7f7f7;
    }

    .lms {
        background-color: #f1f1f18a;
    }

    .flex {
        display: flex;
        align-items: center;
    }

    .banner-head {
        width: 90%;
    }

    .banner-image {
        background: linear-gradient(#dee2e670, #005bab59);
    }

    .why-jj {
        color: #005bab;
        font-weight: bold;
    }

    .jup-why-list li {
        line-height: 2;
    }

    .key-heading {
        cursor: pointer
    }

        .key-heading h3 {
            font-size: 15px !important;
            font-weight: bold;
            color: white;
            background-color: #005bab;
            text-align: center;
            padding: 10px;
            cursor: pointer
        }

    .key-content {
        background-color: #dee2e687;
        padding: 10px;
        margin-top: -8px;
        font-size: 15px;
    }

    .hh {
        background-color: #8080802e;
    }

    .why-head {
        background-color: #005bab;
        padding: 10px 39px;
        color: white;
        font-size: 30px;
        margin-left: -58px;
    }

    .why-content {
        padding: 30px;
    }

    .why-head h1 {
        font-family: poppins-bold;
        font-size: 30px;
        letter-spacing: 2px;
        font-weight: bold;
    }

    .design1 {
        background-color: #005bab;
        border-radius: 10px;
    }

    .design2 {
        background-color: white;
        transform: rotate(4deg);
        border: 1px solid blue;
        border-radius: 10px;
    }

        .design2 ul {
            transform: rotate(-4deg);
        }

    .tab-pane .card {
        padding: 20px 50px;
    }

    .boxes h3 {
        font-size: 18px;
        color: #005bab;
        font-weight: bold;
        margin-top: 20px;
    }

    .boxes ul {
        padding-left: 10px;
        --icon-space: 1.5em;
    }

        .boxes ul li {
            list-style: none;
        }

        .boxes ul li, .boxes p {
            font-size: 15px;
            line-height: 2;
        }

    .feature-box1 {
        background: linear-gradient(0deg, #e1e3e5e8, #ebecedf5), url(../images/Differentiators.png);
        padding-bottom: 50px;
        background-attachment: fixed;
    }

    .features {
        text-align: center;
        padding: 5px;
        background-color: #005bab14;
        border-radius: 10px;
        margin: 10px;
    }

        .features p {
            margin-bottom: 0px;
            font-weight: bold;
            color: #005bab;
        }

    .card {
        padding: 20px 20px 20px;
        border-radius: 15px;
        margin: 26px 0 6px;
        //border-top: 4px solid #247cff !important;
        min-height: 265px;
    }

    .school-erp1 {
        list-style: none;
        --icon-space: 1.5em;
    }

    .side-div {
        margin: 20px;
        padding: 20px;
        background-color: #115591a1;
        color: white;
        font-weight: bold;
        border-radius: 50px 0px 50px 0px;
        border: 9px double;
    }

        .side-div h6 {
            font-size: 18px;
            color: white;
            font-weight: bold;
            font-style: italic
        }

    .school-erp1 li {
        line-height: 2;
        padding: 5px 10px;
    }

    .boxes ul li:before {
        content: "\f058"; /* FontAwesome Unicode */
        font-weight: bold;
        color: #02a75b;
        font-family: FontAwesome;
        display: inline-block;
        margin-left: calc( var(--icon-space) * -1 );
        width: var(--icon-space);
    }

    .milestone h2 {
        font-family: poppins-bold;
        font-size: 30px;
        letter-spacing: 2px;
        font-weight: bold;
        text-align: center;
        color: #064b89;
    }

    .soft-h {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }

    .soft-h6 {
        font-size: 16px;
        color: #9e9e9f;
        text-align: center;
    }
    /*end*/

    .technical {
        font-size: 22px;
        color: #ffffff;
        padding: 15px;
    }

    .containeree {
        display: flex;
        flex-wrap: inherit;
    }


    .technical-footer {
        font-size: 22px;
        color: #000000;
        padding: 15px;
    }

    .technical-fotter3 {
        font-size: 16px;
        color: #000000;
        margin-left: 48px;
    }

    .technical-fotter2 {
        font-size: 18px;
        color: #000000;
        margin-left: 48px;
    }

    .technical-fotter1 {
        font-size: 14px;
        color: #000000;
        margin-left: 48px;
    }


    .technical3 {
        font-size: 16px;
        color: #ffffff;
        margin-left: 48px;
    }

    .technical2 {
        font-size: 19px;
        color: #ffffff;
        margin-left: 48px;
    }

    .technical1 {
        font-size: 14px;
        color: #ffffff;
        margin-left: 48px;
    }

    .
    .box-shape {
        border-radius: 10px;
        margin-left: 10px;
    }

    .mobile-slide {
        display: block !important;
    }

    .destop-slide {
        display: none !important;
    }

    .mail-box p {
        border-bottom: 1px solid #000000;
        font-size: 14px;
    }

    .email-box p {
        padding-left: 40px;
        padding-right: 20px;
    }

    @media (min-width:1024px) {


        .company-name {
            font-size: 14px !important;
        }

        element.style {
            visibility: visible;
            animation-name: fadeInUp;
        }

        .carousel-caption {
            bottom: 17%;
            width: 69%;
        }
    }

    @media (min-width:768px) {
        .carousel-caption h1, .carousel-caption h6 {
            font-size: 1.5rem !important;
        }

        .presentation {
            background: #064b88;
            float: right;
            height: auto;
            padding: 8px;
            position: relative;
            width: 100%;
            margin-top: 15px;
        }

        .mobile-slide {
            display: none !important;
        }

        .mobile-slide- {
            display: none !important;
        }

        .destop-slide {
            display: block !important;
        }




        .product-offer p {
            font-size: 12px;
        }

        .carousel-caption {
            bottom: 15%;
        }

            .carousel-caption p {
                font-size: 14px !important;
            }

        footer.page-footer .btn {
            width: 100%;
        }

        .btn[class*=btn-outline-] {
            padding: 11px 11px;
        }

        .carousel-caption a {
            width: 30%;
        }

        .at-glance img {
            width: 100% !important;
        }

        .streak .card img {
            max-width: 100% !important;
        }

        #events {
            background-size: cover !important;
            height: 100% !important;
        }
    }

    @media (max-width:468px) {
        .carousel-caption h1, .carousel-caption h6 {
            font-size: 20px !important;
            line-height: 22px !important;
        }

        .form-spaceing {
            margin-top: 0 !important;
        }

        .heading {
            top: -5rem !important;
            font-size: 25px !important;
            width: 60% !important;
        }

        .latest-img {
            display: none;
        }

        .share {
            top: 5%;
            left: 80%;
        }

        .lighten-1.w-50 {
            width: 100% !important;
        }

        .carousel-caption p {
            display: none;
        }

        .communication-strategy {
            margin: 2rem 0 !important;
        }

        .request-quotes-buton {
            display: none;
        }

        .bannrer-captions p {
            font-size: 20px !important;
            margin-top: 0 !important;
            font-size: 15px !important;
        }

        .bannrer-captions h1 {
            font-size: 28px !important;
        }

        .bannrer-captions {
            top: 9rem !important;
        }

        #events {
            background-size: cover !important;
            height: 100% !important;
        }

        .carousel-caption {
            bottom: 20% !important;
        }

            .carousel-caption a {
                width: 50% !important;
            }

        .social-icons {
            text-align: center;
        }

        section.our-clients ul li a {
            color: #ccc;
            font-size: 18px;
        }
    }

    @media (min-width:800px) and (max-width:850px) {
        .navbar:not(.top-nav-collapse) {
            background: #5991fb !important;
        }

        .carousel-caption {
            bottom: 15% !important;
        }

        .navbar {
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
        }
    }

    .view .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-attachment: fixed;
        background-color: rgba(0,0,0,.17);
    }

    .streak .card {
        background-color: #fff !important;
    }

    .icon-area p {
        margin: 0 !important;
        padding: 0 !important;
    }

    .streak .card img {
        max-width: 12rem;
        top: 2rem;
        text-align: center;
        margin: 0 auto;
    }

    .at-glance img {
        width: 80%;
    }

    .unique-color-dark {
        background-color: #0e4a7a !important;
    }

    .services-mainten h6 {
        font-size: 15px;
        font-weight: 400;
    }

    .services-mainten p {
        margin: 0 !important;
        line-height: 27px;
        font-size: 14px !important;
        font-weight: 100;
    }

    .icon-area img {
        padding: 25px;
        border-radius: 15%;
        text-align: center;
        margin: 0 auto;
        transition: .6s;
    }

        .icon-area img:hover {
            background: rgba(31,134,234,.2);
        }

    #features h5 {
        font-size: 16px;
    }

    .product-logo img {
        width: 80%;
    }

    #features img {
        max-width: 8rem;
    }

    #Accounting-div, #Business-div, #Contractual-div, #Digital-div, #Payroll-div, #Recruitment-div, #Software-div {
        display: none;
    }

    .mega-li li {
        line-height: 1 !important;
    }

    .navbar .mega-dropdown {
        position: static !important;
    }

    .special-color {
        background: #005bab !important;
    }

    h1.heading {
        position: absolute !important;
        right: 0;
        left: 0;
        top: -9rem;
        font-size: 3rem;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.5);
        font-weight: 700 !important;
        background-color: rgba(0,91,171,.5) !important;
        padding: 1rem 0;
        width: 26%;
        text-align: center;
        margin: 0 auto;
    }

    .app-development-bg img {
        width: 50%;
        text-align: center;
        margin: 0 auto;
    }

    .p-5 {
        padding: 3rem 3rem 0 3rem !important;
    }

    .footer-copyright p {
        font-size: 12px !important;
        color: #ccc;
    }

    .footer-list1 li i {
        border: 2px solid white;
        padding: 10px;
        font-size: 20px;
        border-radius: 50%;
        color: white;
    }

        .footer-list1 li i:hover {
            background-color: white;
            color: #005bab;
        }

    .footer-list1 li {
        display: inline-block;
    }

    .footer-copyright a:hover {
        color: #005bab;
    }

    .roadmap.roadmap--orientation-auto .roadmap__navigation > * a i {
        font-size: 36px !important;
        color: #045caa !important;
    }

    .milestone strong {
        font-size: 50px;
    }

    .Devied-line1 {
        background: #005bab;
        height: 2px;
        width: 4%;
        text-align: center;
        margin: 0 auto;
    }

    .Devied-line2 {
        background: #005bab;
        width: 13%;
        height: 1px;
        text-align: center;
        margin: 0 auto;
    }

    .Devied-line-white {
        background: #fff;
    }

    .product-logo-icon img {
        width: 200px;
        position: absolute;
        left: 40%;
        top: -100px;
        padding: 20px 10px;
        background-color: #fff;
        border-radius: 50px 50px 0 0;
    }

    section.why-catapult {
        background: #064b88;
        padding: 3rem;
        color: #fff;
    }

    .flex-1 {
        flex: 1;
    }

    .post img {
        transition: .5s;
    }

    .post:hover img {
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }

    .payment-methdod b {
        font-size: 20px;
    }

    .payment-methdod p {
        width: 80%;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .payment-methdod {
        padding: 3rem;
    }

    .bank-details li {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .bank-details {
        background: #005bab;
        padding: 3rem;
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: .75rem 1.25rem;
        margin-bottom: -1px;
        background-color: transparent !important;
        border: 1px solid rgba(255,255,255,.125) !important;
    }

    .bank-details .main-head {
        font-size: 20px;
        font-weight: 500;
    }

    .address-cheqk .md-tabs {
        background: #005bab !important;
    }

    .address-cheqk a {
        border-radius: 0 !important;
        padding: 1rem;
        font-size: 20px;
        font-weight: 700;
    }

    .application {
        background: #005bab;
    }

    .development {
        background: #075395;
    }

    .application-development {
        margin: 0 0 3rem 0;
    }

        .application-development p {
            font-weight: 100;
        }

    .img-style img {
        height: 100%;
        width: 100%;
    }

    .darkenblue {
        background: #0c77cd;
    }

    .darkenpink {
        background: #bb184f;
    }

    .bg {
        background: rgba(31,134,234,.2);
    }

    .bg2 {
        background: rgba(0,0,0,.12);
    }

    .max-box {
        min-height: 93%;
    }

    .darkenblack {
        background: #565656;
    }

    .lightenblack {
        background: #373737;
    }

    .app-development-bg {
        background: url(../images/bg-app.png) no-repeat;
        background-size: 100%;
        padding: 3rem;
    }

    .starting-subject-say {
        background: #ededed;
        padding: 3rem 0;
        text-align: center;
    }

    p.company-name {
        font-size: 18px !important;
        font-weight: 700;
    }

    .values {
        padding: 0;
        background: #eaf3ff;
        border-left: 5px solid #5883c1;
    }

        .values li {
            list-style: none;
            padding: 8px;
            color: #000;
        }

    .chart img {
        max-width: 70px;
    }

    .chart .fa-times {
        border: solid 2px;
        padding: 5px 7px;
        border-radius: 50%;
        height: 30px;
        width: 30px;
    }

    .times_clr {
        color: #ea1a14;
    }

    .chart .fa-check {
        border: solid 2px;
        padding: 5px;
        border-radius: 50%;
        height: 30px;
        width: 30px;
    }

    .check_clr {
        color: #13ba4b;
    }

    .partnershipSignup {
        background: #005bab !important;
        height: 100%;
        padding: 1rem 1rem 0 1rem !important;
    }

        .partnershipSignup input {
            background: #fff !important;
            border: transparent !important;
            border-radius: 0 !important;
            width: 100%;
        }

        .partnershipSignup .btn {
            background: #fff !important;
            color: #000 !important;
            border: 1px solid #fff !important;
        }

    .partnership-opportunities {
        background: #005bab;
        color: #fff;
        padding: 3rem;
    }

    .slideanim {
        margin: 3rem;
    }

    #back-to-top {
        position: fixed;
        bottom: 0;
        right: 145px;
        z-index: 9999;
        width: 48px;
        height: 50px;
        text-align: center;
        line-height: 48px;
        background: #f5f5f5;
        color: #444;
        cursor: pointer;
        border: 0;
        border-radius: 50%;
        text-decoration: none;
        transition: opacity .2s ease-out;
        opacity: 0;
        font-size: 3vw;
        transition: .5s;
    }

        #back-to-top.show {
            opacity: 1;
        }

        #back-to-top:hover {
            background: #005bab;
            color: #fff;
        }

    .gray-common {
        background: #f2f2f2;
        text-align: center;
        margin: 0 auto;
    }

    .icic {
        background: #972928;
        color: #fff;
        padding: 1rem 2rem;
    }

    .indusland {
        background: #199bcc;
        color: #fff;
        padding: 1rem 2rem;
    }

    .canara {
        color: black;
        padding: 1rem 2rem;
    }

    .important-note h2 {
        text-align: center;
        margin: 0 auto;
    }

    .paytm {
        background: #052e6e;
        color: #fff;
        padding: 40px 25px;
    }

    .send-Cheque {
        background: #cdcece;
        color: #000;
        padding: 36px 25px;
    }

    .paytm-online-Cheque {
        background: #042e6f;
        color: #fff;
        padding: 36px 25px;
        min-height: 240px;
    }

    .family-gallery {
        background: #f1f3f4;
        padding: 3rem 0;
    }

    .we-are-hiring {
        background: #005bab;
        text-align: center;
        color: #fff;
        padding: 3rem 0;
    }

        .we-are-hiring p {
            font-size: 20px;
            margin-top: 1rem;
            font-weight: 100;
        }

    .grayscale-zig-zag {
        background: #f1f3f4;
        padding: 3rem 0;
    }

    .financial {
        padding: 3rem 0;
    }

    .most-imp {
        background: #005bab;
        color: #fff;
        padding: 5px 10px;
    }

    .abouse-policy p {
        margin-bottom: 2rem;
        line-height: 30px;
    }

    .padding-common {
        margin: 3rem 0;
    }

    .business-opportunity li {
        margin-bottom: 1rem;
        font-weight: 300;
    }

    .careers {
        background: #f7f6f6;
        padding: 3rem 0;
    }

        .careers select, input {
            border-radius: 0 !important;
        }

    #accordion-style-1 a, #accordion-style-1 h1 {
        color: #007b5e;
    }

    #accordion-style-1 .btn-link {
        font-weight: 400;
        color: #fff !important;
        background-color: #083978;
        text-decoration: none !important;
        font-size: 20px;
        font-weight: 700;
        padding-left: 25px;
    }

    #accordion-style-1 .card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: #083978 !important;
        border-bottom: 0 solid rgba(0,0,0,.125);
    }

        #accordion-style-1 .card-header .btn.collapsed .fa.main {
            display: none;
        }

    .Programs {
        background: #efeff0 !important;
    }

    #accordion-style-1 .card-header .btn .fa.main {
        background: #007b5e;
        padding: 13px 11px;
        color: #fff;
        width: 35px;
        height: 41px;
        position: absolute;
        left: -1px;
        top: 10px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
        display: block;
    }

    .grayscale-zig-zag p, .term-services {
        line-height: 26px;
    }

        .term-services h5 {
            margin-top: 2rem;
        }

    .warranties {
        background: #f2f2f2;
        padding: 2rem;
        margin: 2rem 0;
    }

    .agreement {
        display: block;
        text-align: right;
        margin-bottom: 1rem;
    }

    .cookies-policy tr, td {
        border: 1px solid #c3c3c3;
        padding: 10px;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .product-offer {
        padding: 50px 0;
    }

    .why-choose-details {
        margin: 50px 0;
    }

        .why-choose-details .experiance:after, .why-choose-details .experiance:before, .why-choose-details .gps:after {
            content: '';
            position: absolute;
            background-color: #d9d9d9;
        }

        .why-choose-details .experiance:before {
            bottom: 14px;
            width: 176px;
            height: 1px;
            left: 55px;
        }

    .why-choose.white_bgCol .why-choose-details .experiance:before {
        left: 50%;
        margin-left: -85px;
        width: 170px;
    }

    .why-choose-details .experiance:after {
        top: 15px;
        right: 0;
        width: 1px;
        height: 115px;
    }

    .why-choose-details .experiance .no-line:before, .why-choose-details .experiance.no-line:after, .why-choose-details .gps.no-line:after {
        display: none;
    }

    .why-choose-details img {
        width: 50%;
        margin: 0 auto;
        padding: 20px;
    }

    .experiance {
        margin: 0 12px 53px;
    }

        .experiance h6 {
            font-weight: 500;
            color: #888;
        }

            .experiance h6:hover {
                color: #005bab;
            }

    .why-choose-catapult {
        margin: 5rem 0 0 0;
    }

    @media only screen and (max-width:600px) {
        .carousel-caption a {
            width: 100% !important;
        }

        .feature-box h1 {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            font-size: 32px;
        }

        .share {
            top: 5%;
            left: 80%;
        }

        .top-bar {
            padding: 5px 0 !important;
            display: none;
        }

        .product-offer {
            padding: 1px 0;
        }

        .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event {
            top: 1px !important;
        }

        .roadmap.roadmap--orientation-auto .roadmap__events__event .event {
            width: 60% !important;
        }

        .roadmap.roadmap--orientation-auto .roadmap__events__event {
            min-height: 140px !important;
        }

        .nav-link {
            display: block;
            padding: 0 !important;
        }

        .btn-outline-white {
            padding: 10px !important;
            margin: 20px 0 !important;
        }

        .btn-outline-blue {
            padding: 10px !important;
        }
    }

    .presentation {
        background: #064b88;
        float: right;
        height: auto;
        padding: 8px;
        position: relative;
        width: 35%;
        margin-top: 15px;
    }

        .presentation h4, .presentation-footer h4 {
            color: #cfcfcf;
            font-size: 16px;
            margin: 0;
        }

        .presentation span, .presentation-footer span {
            position: absolute;
            top: 3px;
        }

            .presentation span.fr, .presentation-footer span.fr {
                right: 53px;
            }

            .presentation span.sec, .presentation-footer span.sec {
                right: 3px;
            }

        .presentation span, .presentation-footer {
            position: absolute;
            top: 3px;
        }

    .communication-strategy h4 {
        font-weight: 700;
        margin-top: 1rem;
    }

    .communication-strategy {
        margin: 4rem 0;
    }

    .why-catapult img {
        width: 70%;
        border-left: 1px solid #ccc;
        padding-left: 2rem;
    }

    .border {
        border-top: 1px solid #ccc;
        margin-top: 2rem;
        text-align: center;
    }

    .processing-images {
        margin-top: 5rem;
    }

    .banner-cap {
        position: relative;
    }

    .bannrer-captions p {
        font-size: 20px;
        font-weight: 100;
        margin-top: 2rem;
    }

    .bannrer-captions h1 {
        font-size: 60px;
        font-weight: 500;
    }

    .bannrer-captions {
        position: absolute;
        left: 0;
        right: 0;
        top: 17rem;
        color: #fff;
    }

    .request-quotes-buton a:hover {
        border: 2px solid #fff !important;
        background: 0 0 !important;
    }

    .communication-strategy img {
        width: 100%;
    }

    .communication {
        margin-top: 3rem;
    }

    .presentation-footer {
        background: #064b88;
        float: none;
        height: auto;
        padding: 8px;
        position: relative;
        width: 100%;
        margin-top: 15px;
    }

    .ourProducts {
        margin: 3rem 0;
    }

    .button-products {
        margin-top: 3rem;
    }

    .no-bottom-line:before {
        display: none;
    }

    .iexam-about img {
        width: 40%;
    }

    .Partner-Programs a {
        background: #005bab;
    }

    .culture-activities {
        margin: 4rem 0;
    }

    .Relationships {
        background: #76d2f9;
        color: #fff;
    }

        .Energizing h5, .Events h5, .Recreational h5, .Relationships h5, .Sumptuous h5, .Working h5, p {
            margin: 7rem 0 0 0;
        }

        .Energizing h5, .Events h5, .Recreational h5, .Relationships h5, .Sumptuous h5, .Working h5 {
            margin-bottom: 1rem;
            font-size: 35px;
        }

    .Working {
        background: #f99d1c;
        color: #fff;
    }

    .Energizing {
        background: #e66060;
        color: #fff;
    }

    .Events {
        background: #4a9f9c;
        color: #fff;
    }

    .Sumptuous {
        background: #7f3eb7;
        color: #fff;
    }

    .Recreational {
        background: #a3be63;
        color: #fff;
    }

    .same-color {
        color: #005bab;
    }

    .management-box {
        min-height: 225px;
    }

    .clinic-management {
        margin: 4rem 0;
    }

    .front-desk-color {
        background: #005bab;
        padding: 30px 30px 0 30px;
        position: relative;
    }

    .desk img {
        width: 100%;
    }

    .front-desk-color1 {
        background: #005bab;
        padding: 30px 30px 0 30px;
        position: relative;
    }

        .front-desk-color1:before {
            width: 20px;
            height: 20px;
            content: "";
            position: absolute;
            top: 40%;
            right: -39px;
            border-top: 25px solid transparent;
            border-left: 40px solid #005bab;
            border-bottom: 25px solid transparent;
        }

    .invoice p {
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        color: #fff;
    }

    .invoice {
        padding: 20px 0;
        background: #083978;
        margin-bottom: 4rem;
        border-top: 1px solid #eee;
    }

    .front-desk-color:after {
        width: 20px;
        height: 20px;
        content: "";
        position: absolute;
        top: 40%;
        left: -39px;
        border-top: 25px solid transparent;
        border-right: 40px solid #005bab;
        border-bottom: 25px solid transparent;
    }

    .desk {
        margin: 3rem 0 0 0;
    }

        .desk h5 {
            font-size: 25px;
        }

        .desk p {
            font-size: 14px;
            line-height: 20px;
        }

    .trcaking-software {
        margin: 4rem 0;
    }

    .f-box-single {
        border: 1px solid #0e60a7;
        padding: 20px;
        margin-bottom: 3rem;
        transition: .5s;
    }

        .f-box-single:hover {
            background: rgba(31,134,234,.1);
            border: 1px solid rgba(31,134,234,.1);
        }

    .f-box-image img {
        width: 20%;
    }

    .real-time-map {
        background: #f7f7f7;
        padding: 5rem 0;
    }

    .lbl-services img {
        width: 25%;
    }

    .lbl-services {
        background: #005bab;
        padding: 70px 0 70px 0;
        text-align: center;
    }

    .lbl-service-card {
        text-align: center;
    }

    .card-text {
        padding: 15px;
    }

    .about-us-catapult p {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        font-size: 16px !important;
    }

    .about-us-catapult .heading {
        text-align: center;
        margin: 0 auto;
    }

    .about-us-catapult {
        margin: 3rem 0 4rem 0;
    }

    .about-buttons {
        text-align: center;
        margin: 2rem auto;
    }

    .develop-effects img:hover {
        background: 0 0 !important;
    }

    .referral-program {
        margin: 3rem 0;
    }

    .catapult-white-lebel-program {
        margin: 3rem 0;
    }

    .button-submit {
        background: #005bab !important;
        color: #fff !important;
        width: 100%;
    }

    .referral-contact-details, .white-label-contact {
        background: #f8f7fd;
        padding: 3rem 0;
    }

    .referral-con-img img {
        width: 100%;
    }

    .mobile-app-development {
        margin: 4rem 0 0 0;
    }

    #Modalquote .modal-dialog .modal-content .modal-body .form-control {
        background: 0 0;
        width: 80%;
        margin: 0 auto 20px;
        border: none;
        border-bottom: 1px solid #bfb7b4;
        border-radius: 0;
        box-shadow: none;
        padding: 10px 0;
    }

    #Modalquote .modal-dialog .modal-content .modal-body .subscribe {
        color: #fff;
        background: #1060a7;
        font-size: 18px;
        text-transform: uppercase;
        padding: 6px 20px;
        margin: 0 auto;
        border: none;
        display: block;
        position: relative;
        z-index: 1;
        transition: all .4s ease 0s;
        border-radius: 5px !important;
    }

    .modal-dialog.modal-notify .modal-body {
        padding: 5px 10px 30px 10px !important;
    }

    @media only screen and (max-width:600px) {
        .content-justi p {
            text-align: justify !important;
        }

        .heading {
            top: -5rem !important;
            font-size: 25px;
            width: 60% !important;
        }

        .content-cent h3 {
            text-align: center !important;
        }

        .img-sty img {
            width: 50%;
        }

        .share {
            top: 5%;
            left: 80%;
        }

        section.why-catapult {
            background: #064b88;
            padding: 2rem 1rem;
            color: #fff;
        }

        .Energizing h5, .Events h5, .Recreational h5, .Relationships h5, .Sumptuous h5, .Working h5, p {
            margin: 2rem 0 0 0;
        }

        .payment-methdod {
            padding: 2rem 0;
        }

            .payment-methdod p {
                width: 100%;
                margin: 0 auto;
                margin-top: 1rem;
            }

        .app-development-bg {
            background: url(../images/bg-app.png) no-repeat;
            background-size: 100%;
            padding: 1rem 0;
        }

        .application img {
            width: 100% !important;
        }

        .slideanim {
            margin: 0;
        }

        .partnership-opportunities {
            background: #005bab;
            color: #fff;
            padding: 0;
        }

        .w-25 {
            width: 100% !important;
        }

        .front-desk-color1 {
            background: #005bab;
            padding: 30px 15px;
            position: relative;
            text-align: justify;
        }

        .front-desk-color {
            background: #005bab;
            padding: 30px 15px;
            position: relative;
            text-align: justify;
        }

        .streak-photo h4 {
            margin-top: 70px;
        }
    }

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

        .presentation {
            background: #064b88;
            float: right;
            height: auto;
            padding: 8px;
            position: relative;
            width: 100%;
            margin-top: 15px;
        }

        .heading {
            top: -8rem !important;
            font-size: 25px;
            width: 100% !important;
        }

        .form-spaceing {
            margin-top: 0 !important;
        }

        .carousel-caption {
            position: absolute;
            right: 1rem;
            bottom: 1% !important;
            left: 10%;
            z-index: 10;
            color: #fff;
            text-align: left;
            width: 80% !important;
        }

        .share {
            top: 5%;
            left: 80%;
        }

        .carousel-caption h1, .carousel-caption h6 {
            font-size: 2rem !important;
            font-weight: 700;
            line-height: 36px;
            text-shadow: 0 0 2px #000;
        }

        .streak .card {
            min-height: 145px;
            background-color: #fff !important;
        }

        .bannrer-captions {
            top: 14.5rem;
        }

            .bannrer-captions h1 {
                font-size: 36px;
            }

            .bannrer-captions p {
                margin-top: .2rem;
            }

        .content-justi p {
            text-align: justify !important;
        }

        .content-cent h3 {
            text-align: center !important;
        }

        .Energizing h5, .Events h5, .Recreational h5, .Relationships h5, .Sumptuous h5, .Working h5, p {
            margin: 1rem 0 0 0;
        }

        .dev-pro .view img {
            margin-top: 40px;
        }

        .w-responsive {
            width: 90% !important;
        }

        .processing-images {
            margin-top: 3rem;
        }

        .comn-str .why-choose-details img {
            width: 100%;
        }

        .payment-methdod p {
            width: 100%;
        }

        .kye-area .card {
            min-height: 425px;
        }

        .betr-qlty .card {
            min-height: 515px;
        }

        .clinic-management .card {
            min-height: 300px;
        }
    }

    #events h6, .feature-box h2, .feature-box h6 {
        font-size: 40px;
        margin: 60px 0px 60px 0px;
    }

    .page-footer span {
        font-size: 25px;
        font-weight: 500;
    }

    .new-product {
        margin: 5rem 0;
    }

    .share {
        position: absolute;
        top: 83%;
        left: 89%;
        transform: translate(-50%,-50%) rotate(45deg);
        width: 60px;
        height: 60px;
        bottom: 0;
    }

        .share ul {
            position: relative;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }

            .share ul li {
                position: absolute;
                top: 0;
                left: 0;
                list-style: none;
                width: 100%;
                height: 100%;
                border-radius: 10px;
                background: #fff;
                transition: .5s;
                overflow: hidden;
                border: 1px solid #005bab;
            }

    .fb a {
        color: #3b5998;
    }

        .fb a:hover {
            background: #3b5998;
        }

    .twitter a {
        color: #1da1f2;
    }

        .twitter a:hover {
            background: #1da1f2;
        }

    .mail a {
        color: #757575;
    }

        .mail a:hover {
            background: #757575;
        }

    .likdin a {
        color: #0074b2;
    }

        .likdin a:hover {
            background: #0074b2;
        }

    .instagram a {
        color: #c02865;
    }

        .instagram a:hover {
            background: #c02865;
        }

    .skype a {
        color: #00b3e7;
    }

        .skype a:hover {
            background: #00b3e7;
        }

    .tumblr a {
        color: #395773;
    }

        .tumblr a:hover {
            background: #395773;
        }

    .whatsapp a {
        color: #19be56;
    }

        .whatsapp a:hover {
            background: #19be56;
        }

    .share ul.active li {
        transform: scale(.95);
    }

    .share ul li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 65px;
        text-align: center;
        font-size: 30px;
        transition: .5s;
    }

        .share ul li a .fa {
            transform: rotate(-45deg);
        }

        .share ul li a:hover {
            color: #fff;
        }

    .share ul.active li:nth-child(1) {
        top: -100%;
        left: -100%;
        transition-delay: 0s;
    }

    .share ul.active li:nth-child(2) {
        top: -100%;
        left: 0;
        transition-delay: .2s;
    }

    .share ul.active li:nth-child(3) {
        top: -100%;
        left: 100%;
        transition-delay: .4s;
    }

    .share ul.active li:nth-child(4) {
        top: 0;
        left: 100%;
        transition-delay: .6s;
    }

    .share ul.active li:nth-child(5) {
        top: 100%;
        left: 100%;
        transition-delay: .8s;
    }

    .share ul.active li:nth-child(6) {
        top: 100%;
        left: 0;
        transition-delay: 1s;
    }

    .share ul.active li:nth-child(7) {
        top: 100%;
        left: -100%;
        transition-delay: 1.2s;
    }

    .share ul.active li:nth-child(8) {
        top: 0;
        left: -100%;
        transition-delay: 1.4s;
    }

    .toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #005bab;
        transform: scale(.95);
        overflow: hidden;
        border-radius: 10px;
        z-index: 1;
        cursor: pointer;
    }

        .toggle:before {
            content: '\f1e0';
            font-family: fontAwesome;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 60px;
            color: #fff;
            font-size: 26px;
            transform: rotate(-45deg);
        }

        .toggle.active:before {
            content: '\f00d';
        }

    .innovate {
        background: #a31749;
    }

    .improve {
        background: #4a6c14;
    }

    .explore {
        background: #f19d2d;
    }

    .explore, .improve, .innovate {
        color: #fff;
        padding: 8px 15px;
        text-align: center;
        font-size: 20px;
        border: 1px solid #fff;
        box-shadow: 2px 0 10px 0 #ccc;
    }

    .sec img {
        vertical-align: baseline;
    }

    .reporting h5 {
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    .content-justi h4 {
        font-weight: 500;
    }

    .content-justi h5 {
        margin-bottom: 1rem;
    }

    .location-img img {
        height: 40px;
        width: 40px;
        float: left;
        margin-right: 20px;
    }

    location-img {
        margin-top: 1rem;
        vertical-align: middle;
    }

    .intelligent {
        margin-top: 4rem;
    }

        .intelligent h5 {
            margin-left: 60px;
        }

    .tracking-zigzag {
        margin-top: 6rem;
    }

    .tracking {
        margin-bottom: 5rem;
    }

    .track-software img {
        margin-right: 20px;
    }

    .track-software h3 {
        font-weight: 500;
        margin-bottom: 4rem;
    }

    .track-software h4 {
        font-weight: 400;
    }

    .track-software p {
        font-size: 18px;
    }

    .modal-dialog.modal-notify.modal-warning .badge, .modal-dialog.modal-notify.modal-warning .modal-header {
        background-color: #065aa5 !important;
    }

    .day-trial {
        width: 30%;
        text-align: center;
        margin: 0 auto;
    }

        .day-trial button {
            background-color: #065aa5 !important;
        }

    .best-clas-features {
        margin: 4rem 0;
        text-align: center;
    }

        .best-clas-features table {
            border-collapse: collapse;
            width: 100%;
            text-align: center;
        }

        .best-clas-features th {
            border-bottom: 5px solid #000 !important;
            font-size: 18px;
            font-weight: 700;
        }

        .best-clas-features th, td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
            border-left: transparent;
            border-right: transparent;
        }

        .best-clas-features tr:hover {
            background-color: #f5f5f5;
        }

    .btn-default.active, .btn-default:active, .btn-default:focus {
        background-color: #8ecaff !important;
    }

    .enquiry-fields small {
        font-size: 12px !important;
    }

    .catapult-career-btn {
        background: #005bab;
        color: #fff;
        border: 1px solid #005bab;
        width: 10%;
        padding: 8px 0;
        margin-right: 20px;
        margin-top: 3rem;
    }

    .catapult-career-btn2 {
        background: #2bbbad;
        color: #fff;
        border: 1px solid #2bbbad;
        width: 10%;
        padding: 8px 0;
        margin-right: 20px;
    }

    .hide {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
    }

    .same-heading {
        font-size: 2.5rem;
    }

    .our-clients h2 {
        margin-bottom: 3rem !important;
        text-align: center;
    }

    .clients-buttons {
        text-align: center;
        margin: 0 auto;
    }

    .bg-add {
        background: url(https://catapult.com/images/catapult-bg.jpg) no-repeat;
    }

    .Quicklybg {
        background: url(https://catapult.com/images/Differentiators.png) no-repeat;
    }

    .foot-bg {
        background: url(https://catapult.com/images/catapult-bg.jpg) no-repeat;
        background-size: cover;
    }

    .heading-1 {
        display: none;
    }
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-images img {
    border: 2px dotted red;
    padding: 3px;
    border-radius: 10px;
}

.online-box {
    padding: 10px;
    border: 1px solid lightgrey;
    border-top: 5px solid;
    border-radius: 20px;
    min-height: 384px;
    box-shadow: rgb(119 212 223 / 25%) 0px 30px 60px -12px inset, rgb(73 193 188 / 30%) 0px 18px 36px -18px inset;
}

    .online-box:hover {
        box-shadow: unset;
    }

    .online-box h5 {
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
        color: white;
    }

    .online-box p {
        font-size: 14px;
        text-align: justify;
        color: white;
    }