/*@import "compass/css3";*/
/*@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");*/
html, body {
    font-family: 'Open Sans' !important;
    /*font-size: 1.1vw;*/
    font-size: 14px !important;
    line-height: 1.8 !important;
}



    body a {
        
        cursor: pointer !important;
    }

/*h4{
        font-size:18px !important;
    }*/

#carouselSliderControls .carousel-caption {
    color: #000;
}


@media only screen and (min-width: 1380px) {
    body {
        font-family: PT Sans,sans-serif;
        font-size: .9vw;
        overflow-x: hidden;
        padding: 0 !important;
    }
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

#testimo .carousel-caption P {
    font-size: 1.5em;
    font-weight: 200;
}

.home-service-slide .carousel-indicators li {
    text-indent: 0;
    width: 100%;
    border-top: unset;
    height: 2.6em;
    margin-right: unset;
    margin-left: unset;
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

    .home-service-slide .carousel-indicators li:hover {
        background: #6DAB3C !important;
        opacity: 1 !important;
    }

    .home-service-slide .carousel-indicators li.active {
        background: #6DAB3C !important;
        opacity: 1 !important;
    }

        .home-service-slide .carousel-indicators li.active::before {
            content: "";
            width: 0px;
            height: 0px;
            border: 0.8em solid transparent;
            position: absolute;
            top: 63px;
            border-top: 13px solid #6DAB3C;
        }

.home-service-slide .carousel-indicators {
    margin-right: unset;
    margin-left: unset;
    width: 100%;
    left: unset !important;
    position: absolute;
    top: -48px;
}

.home-service-slide .carousel-item {
    margin-top: 1.5em;
}

.home-service-slide .container-fluid {
    padding-right: unset;
    padding-left: unset;
}

.home-service-slide .carousel-inner {
    padding: 0 12em;
    z-index: 999;
}

.home-service-slide .carousel-item:last-child .icon-back {
    width: 80px;
    height: 80px;
    background: #23a5d1;
    border-radius: 100%;
    position: absolute;
    left: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #fff;
}

.home-service-slide .carousel-item:last-child .icb-right {
    width: 80px;
    height: 80px;
    background: #23a5d1;
    border-radius: 100%;
    position: absolute;
    right: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #fff;
}

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

.carousel-item {
    min-height: 450px;
}

#life .carousel-item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 450px;
}

.carousel-caption {
    top: 30%;
}

.carousel-control-prev {
    left: 0;
    top: 20%;
}

.carousel-control-next {
    right: 0;
    top: 20%;
}

.carousel-control-next, .carousel-control-prev {
    width: 5% !important;
}


.text-color-black {
    color: black !important;
}

.cap-sub {
    font-size: 25px;
    font-weight: 200;
    line-height: 1.3;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #23a5d1;
    border-color: transparent;
}

.btn.btn-primary.btn-lg.active:hover {
    color: #fff;
    background-color: #40caf8;
    border-color: transparent;
}

.light-blue a, .dark-blue a, .darker-blue a, .darkest-blue a, #iseries a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: block;
}

#iseries {
    background: #1C99BB;
    color: #fff;
}

    .light-blue:hover, .dark-blue:hover, .darker-blue:hover, .darkest-blue:hover, #iseries:hover {
        color: #fff;
        background-color: #6dab3c !important;
    }

.light-blue a:hover, .dark-blue a:hover, .darker-blue a:hover, .darkest-blue a:hover {
    color: #fff;
}

.col-sm.p-3.light-blue.active, .col-sm.p-3.dark-blue.active, .col-sm.p-3.darker-blue.active {
    background: #00A2CE;
}





.light-blue {
    background: #00A2CE !important;
    opacity: 1 !important;
}

.dark-blue {
    background: #44a5bc !important;
    opacity: 1 !important;
}

.darker-blue {
    background: #057b96 !important;
    opacity: 1 !important;
}

.mid-darker-blue {
    background: #1C99BB !important;
    opacity: 1 !important;
}

.darkest-blue {
    background: #066d84 !important;
    opacity: 1 !important;
}

.right-border:nth-last-child(-n+1) {
    border-right: none;
}

.right-border {
    border-right: 1px solid #fff;
}


.horizontal-menu {
    background: #26a9e7;
}

    .horizontal-menu.active {
        background: #f99815 !important;
        -webkit-box-shadow: 3px 2px 3px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 3px 2px 3px 0px rgba(0,0,0,0.4);
        box-shadow: 3px 2px 3px 0px rgba(0,0,0,0.4);
        z-index: 1;
    }

.firm-back {
    background: url("../images/pages/landing/bg-firm-16.jpg");
    height: 70vh;
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}

.box_slanding_multi .box_top::after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: -25px;
    border-top: 25px solid rgba(39,106,142,0.80);
    border-bottom: 0px solid transparent;
    border-right: 500px solid transparent;
    left: 0px;
}

.top-back {
    background: rgba(39,106,142,0.80);
    color: #fff;
    margin: 15px 25px 0 25px;
}

.bottom-back {
    background: #00adee;
    color: #fff;
    margin: 10px 25px;
}

.text-big {
    font-size: 24px;
    color: #000;
}

.text-small {
    font-size: 14px;
}

.emp-icon {
    background: url(../images/pages/landing/users-icons.svg) no-repeat;
    background-size: 40px;
    display: inline-block;
    padding-left: 60px;
    height: 50px;
}

.align-list-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
    justify-content: flex-end;
}

.bottom-back ul {
    margin-bottom: 0px;
}

.testimo-back {
    background: url("../images/pages/landing/bg-firm-16.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0;
}

.testimo-lef-con {
    background: #FFB727;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#testimo {
    border-radius: 5px;
}

.testimo-lef-con h5 {
    color: #000;
    font-size: 17px;
}

.testimo-lef-con p {
    font-size: 15px;
}

.testimo-lef-con .pl-5, .px-5 {
    padding-left: 5rem !important;
}

.icon-dynamic::before {
    background: url("../images/pages/landing/icons-01.png");
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 35px;
    left: 15px;
    background-repeat: no-repeat;
}

.icon-dynamic1::before {
    background: url("../images/pages/landing/icons-01.png");
    content: " ";
    width: 10%;
    height: 100%;
    position: absolute;
    font-size: 35px;
    left: 24%;
    background-repeat: no-repeat;
    background-size: 23px;
    top: 30%;
}

.icon-cloud::before {
    background: url("../images/pages/landing/icons-04.png");
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 35px;
    left: 15px;
    background-repeat: no-repeat;
}

.icon-cloud1::before {
    background: url("../images/pages/landing/icons-04.png");
    content: " ";
    width: 10%;
    height: 100%;
    position: absolute;
    font-size: 35px;
    left: 14%;
    background-repeat: no-repeat;
    background-size: 23px;
    top: 35%;
}

.icon-mobility::before {
    background: url("../images/pages/landing/icons-05.png");
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 35px;
    left: 15px;
    background-repeat: no-repeat;
}

.icon-mobility1::before {
    background: url("../images/pages/landing/icons-05.png");
    content: " ";
    width: 10%;
    height: 100%;
    position: absolute;
    font-size: 35px;
    left: 35%;
    background-repeat: no-repeat;
    background-size: 23px;
    top: 30%;
}

.icon-analytics::before {
    background: url("../images/pages/landing/icons-06.png");
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 35px;
    left: 15px;
    background-repeat: no-repeat;
}

.testimo-cover {
    background: #000;
    background-size: auto;
    height: 100%;
    opacity: 0.8;
    width: 100%;
    padding: 0;
    margin: 0;
    background-size: cover;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.section-1 {
    margin: 45px 0px;
}

/*Testimonials Starts*/

.carousel-indicators {
    bottom: 30%;
}

#life .carousel-indicators {
    position: absolute;
    left: 0 !important;
    width: 100%;
    margin: 0;
}


.carousel-caption P {
    font-size: 1.3em;
    font-weight: 200;
}

.carousel-caption span {
    font-size: 15px;
    color: #FFCE00;
}

/*Testimonials Ends*/

.toggle a {
    color: #999999;
    font-weight: 700;
    text-decoration: none;
}

    .toggle a::selection {
        border-bottom: 2px solid #dd2121;
    }

    .toggle a:hover {
        border-bottom: 2px solid #dd2121;
    }

.tabs {
    border-bottom: 1px solid #e5e5e5;
}

/*Footer Starts*/
.black {
    background: #1C1C1C;
    color: #fff;
}

.dark-black {
    background: #151515;
    color: #5c5c5c;
}

.address span {
    color: #FFB727;
    font-size: 16px;
    font-weight: 700;
}

.page-footer {
    color: #bababa;
}

    .page-footer a {
        color: #ff9800;
        text-decoration: none;
    }

        .page-footer a:hover {
            color: #bababa;
        }

    .page-footer img {
        width: 60%;
    }

.fa {
    /*padding: 7px;*/
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 9px;
}

    .fa:hover {
        opacity: 0.7;
    }

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.page-footer .nav a {
    color: #fff;
}

.page-footer ul {
    list-style: none;
    padding-left: 0;
}

.page-footer .sub-list {
    padding-left: 15px;
}

.footer-col-2, .footer-col-3 {
    line-height: 30px;
    border-right: 1px solid #ada3a34d;
}

.footer-col-1 {
    border-right: 1px solid #ada3a34d;
}

.page-footer h4 {
    color: #FFB727;
}
/*Footer Ends*/


.cta p {
    color: #848484;
}

.fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before {
    content: "\f1cd";
    position: absolute;
    top: 30%;
    left: 30%;
    font-size: 30px;
    color: #fff;
}

.fa-line-chart::before {
    content: "\f201";
    position: absolute;
    top: 28%;
    left: 28%;
    font-size: 30px;
    color: #fff;
}

.fa-retweet::before {
    content: "\f079";
    position: absolute;
    top: 28%;
    left: 28%;
    font-size: 30px;
    color: #fff;
}

.fa-anchor::before {
    content: "\f13d";
    position: absolute;
    top: 28%;
    left: 28%;
    font-size: 30px;
    color: #fff;
}

.fa-code::before {
    content: "\f121";
    position: absolute;
    top: 28%;
    left: 28%;
    font-size: 30px;
    color: #fff;
}

.fa-file-alt::before {
    content: "\f15c";
    position: absolute;
    top: 28%;
    left: 35%;
    font-size: 30px;
    color: #fff;
}

.fa-cloud::before {
    content: "\f0c2";
    position: absolute;
    top: 28%;
    left: 25%;
    font-size: 30px;
    color: #fff;
}

/*.fa-thumbs-up::before {
    content: "\f164";
    position: absolute;
    top: 28%;
    left: 28%;
    font-size: 30px;
    color: #fff;
}*/

.fa-paper-plane::before {
    content: "\f1d8";
    position: absolute;
    top: 28%;
    left: 28%;
    font-size: 30px;
    color: #fff;
}

.fa-gavel::before {
    content: "\f0e3";
    position: absolute;
    top: 28%;
    left: 30%;
    font-size: 30px;
    color: #fff;
}

.fa-user::before {
    content: "\f007";
    position: absolute;
    top: 28%;
    left: 32%;
    font-size: 30px;
    color: #fff;
}

.fa-money-bill-alt::before {
    content: "\f3d1";
    position: absolute;
    top: 30%;
    left: 24%;
    font-size: 30px;
    color: #fff;
}

.icon-back {
    width: 80px;
    height: 80px;
    background: #23a5d1;
    border-radius: 100%;
    position: absolute;
    left: 2%;
}

.icb-right {
    width: 80px;
    height: 80px;
    background: #23a5d1;
    border-radius: 100%;
    position: absolute;
    right: 2%;
}

.del-pad-80 {
    padding-right: 100px;
    text-align: right;
}

.del-p-35 {
    padding-right: 0;
    color: #848484;
}

.icon-back1 {
    width: 70px;
    height: 70px;
    background: #23a5d1;
    border-radius: 100%;
    position: absolute;
    left: 100%;
    top: 15%;
}

.cta-text {
    position: relative;
    left: 10%;
}

.text-dark-blue {
    color: #373759;
}

.about-pl, .service-pl, .social-pl {
    padding-left: 5% !important;
}

.banner-dynamics-365 {
    background-image: url(../images/pages/implement-dynamics-365/implement_dynamics_365_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;
}

.banner-retail-analytics {
    background-image: url(../images/pages/retail-industry/retail-analytics-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;
}

.banner-upgrade-dynamics {
    background-image: url(../images/pages/upgrade-dynamics-365/dynamic-365-upgrade-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;
}

.banner-custom-development {
    background-image: url(../images/pages/custom-development/custom-development-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;
}

.banner-height {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;
    height: 350px;
}

.banner-dynamics-365 {
    background-image: url(../images/pages/implement-dynamics-365/implement_dynamics_365_banner.jpg);
}

.banner-custom-development {
    background-image: url(../images/pages/custom-development/custom-development-banner.jpg);
}

.banner-sales {
    background-image: url(../images/pages/implement-dynamics-365/sale-modules-1.jpg);
}

.banner-marketing {
    background-image: url(../images/pages/implement-dynamics-365/marketing-module-banner.jpg);
}

.banner-finance {
    background-image: url(../images/pages/implement-dynamics-365/finance-operation-module-banner.jpg);
}

.banner-field-service {
    background-image: url(../images/pages/implement-dynamics-365/fieldService-Module_banner.jpg);
}

.banner-business-central {
    background-image: url(../images/pages/implement-dynamics-365/business-center-modules-banner.jpg);
}

.banner-project-service {
    background-image: url(../images/pages/implement-dynamics-365/project-automation-module-banner.jpg);
}

.banner-customer-service {
    background-image: url(../images/pages/implement-dynamics-365/customer-service-modules-banner.jpg);
}

.banner-retail {
    background-image: url(../images/pages/implement-dynamics-365/retail-module-banner.jpg);
}

.banner-talent {
    background-image: url(../images/pages/implement-dynamics-365/talent-module-banner.jpg);
}

.banner-banks {
    background-image: url(../images/pages/implement-dynamics-365/dynamics-365-banking-banner.jpg);
}

.banner-rpa {
    background-image: url(../images/pages/rpa/rap-landing.jpg);
}

.banner-staffing-solutions {
    background-image: url(../images/pages/staffing-solutions/staffing-landing-banner.jpg);
}

.banner-ccs {
    background-image: url(../images/pages/cloud-computing/cloud-camp-banner-1.jpg);
}

.banner-ccc {
    background-image: url(../images/pages/cloud-computing/cloude_comparison-banner.jpg);
}

.banner-life {
    background-image: url(../images/pages/about-us/lifeteamphoto.jpg);
}

.banner-contact {
    background-image: url(../images/pages/about-us/contact-banner.jpg);
}

.banner-about-us {
    background-image: url(../images/pages/about-us/about-us-banner.jpg);
}

.banner-power-bi {
    background-image: url(../images/pages/related-pages/power_bi_banner_5.jpg);
}

.banner-title span {
    /*border-top: 1px solid #000;
    border-bottom: 1px solid #000;*/
    display: inline-block;
    line-height: 1.5;
}

.banner-title .white-box {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    line-height: 50px;
    color: #fff;
}

.banner-desc {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-transform: none;
    line-height: 30px;
}

.head-button {
    padding: 0.8em 2em;
    border: none;
    font-size: 16px;
    border-radius: 5px;
}

.btn-color-red {
    background: #DD0000;
    color: #fff;
}

.btn-color-green {
    background: #83ad00;
    color: #fff;
}


.button-wrapper {
    margin-top: 5%;
}

    .button-wrapper .btn-color-red:hover {
        background: #DD0000;
        color: #fff;
        text-decoration: none;
    }

    .button-wrapper .btn-color-green:hover {
        background: #83ad00;
        color: #fff;
        text-decoration: none;
    }

.bg-gray {
    background-color: #EFEFEF;
}

.bg-dark-gray {
    background-color: #E8E8E8;
}

.bg-dark-blue-1 {
    background: #172B42;
}

.bg-dark-blue-2 {
    background: #002050;
}
.bg-dark-blue-3 {
    background: #2F2B65;
}
.bg-light-green {
    background: #739B04;
}

.dark-gray-title {
    color: #999999;
}

.darker-gray-title-sub {
    /*color: #666666;*/
    color: #333;
}

/*Scroll Content Starts*/
.scroll-area {
    height: 400px;
    background: black;
    color: #fff;
}
/*Scroll Content Ends*/

/*Flip Card Starts*/
.flip-card {
    position: relative;
    height: 300px;
    perspective: 1000px;
    width: 100%;
    margin-bottom: 5%;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.9s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.flip-card1 {
    position: relative;
    height: 250px;
    perspective: 1000px;
    width: 100%;
    margin-bottom: 5%;
}

.no-right-border {
    border-right: none;
}

.no-bottom-border {
    border-bottom: none;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card1:hover .flip-card-inner {
    transform: rotateY(180deg);
}


.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    padding: 10px;
}

.flip-card-front {
    background-color: #dfe6e9 !important;
    z-index: 2;
    justify-content: center;
    padding-top: 20%;
}

.flip-card-inner .flip1-image {
    background: url('../../../../images/pages/landing/pages/robotic-process-automation/insurance/man-with-laptop');
    background-repeat: no-repeat;
    background-size: cover;
}

.flip-card-front h2 {
    color: #333;
}

.flip-card-back p {
    color: #fff;
}

.flip-card-back {
    background-color: #00204f;
    color: #fff !important;
    transform: rotateY(180deg);
    z-index: 1;
    justify-content: center;
}

    .flip-card-back a {
        text-decoration: none;
    }

        .flip-card-back a:hover {
            color: #fff;
        }

    .flip-card-front img, .flip-card-back img {
        position: absolute;
        top: 14%;
        width: 12%;
    }


/*Flip Card Ends*/

/*-------------------------------- Flipping Cards stylings------------------------------------------------*/

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    /*border: 1px solid #ccc;*/
}

    .flip-container:hover .back, .flip-container.hover .back {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .flip-container:hover .front, .flip-container.hover .front {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

/* END: Accommodating for IE */

.flip-container, .front, .back {
    width: 100%;
    height: 350px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: #dfe6e9;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.back {
    background: #00204f;
    color: #fff;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: default;
}

    .back div {
        display: flex;
        justify-content: center;
    }

.front .name {
    font-size: 2em;
    display: inline-block;
    background: rgba(33, 33, 33, 0.9);
    color: #f8f8f8;
    font-family: Courier;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: 60px;
    left: 25%;
    position: absolute;
    text-shadow: 0.1em 0.1em 0.05em #333;
    display: none;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.back-logo {
    position: absolute;
    top: 40px;
    left: 90px;
    width: 160px;
    height: 117px;
    background: url(logo.jpg) 0 0 no-repeat;
}

.back-title {
    font-weight: bold;
    color: #00304a;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: 0.1em 0.1em 0.05em #acd7e5;
    font-family: Courier;
    font-size: 1.4em;
}

.back p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 20px;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    top: 0;
}

.front p {
    font-size: 1.2em;
}

/* vertical */
.vertical.flip-container {
    position: relative;
}

.vertical .back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.vertical.flip-container .flipper {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}

.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.back-flip-content {
    height: 100%;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.front-flip-Heading {
    font-size: 2em;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.front img, .back img {
    width: 15%;
    display: flex;
    position: absolute;
    top: 10%;
}

.btn-flip {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
    padding: 8px 12px;
    border-radius: 5px;
    bottom: 30px;
    position: absolute;
}

    .btn-flip:hover {
        color: #fff;
    }

.flip-card-back .features-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*-------------------------------- Flipping Cards stylings------------------------------------------------*/
.resource-tab-content {
    height: 400px;
}


    .resource-tab-content img, .resource-tab-content .title {
        width: 100%;
    }

    .resource-tab-content .title {
        opacity: 0.7;
    }

    .resource-tab-content a {
        text-decoration: none;
    }

.title {
    background-color: #ff9800;
    padding: 11px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

#blog-main a {
    color: blue;
}

.text-light-blue {
    color: #00A9E5;
}

.bg-blue {
    background-color: rgb(13, 165, 179);
}

.bg-light-blue {
    background: #336392;
}

.form-group .btn-color, .page-tittle-head .btn-color {
    background: #db0000 !important;
    border-radius: 5px;
    padding: 0.5em 1em;
    font-size: 16px;
    cursor: pointer !important;
}

.text-dark-gray {
    color: #333;
}

.form-container {
    padding: 40px;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

.bg-white {
    background-color: #fff !important;
}

input[type="text"], input[type="email"] {
    border-radius: 3px;
}


iframe#twitter-widget-0 {
    border: 1px solid #fff !important;
    border-radius: 15px;
}



.notch_light_blue {
    position: relative;
    background: #00A2CE;
    border: none;
}

    .notch_light_blue:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .notch_light_blue:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #00A2CE;
        border-width: 10px;
        margin-left: -30px;
    }

    .notch_light_blue:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #00A2CE;
        border-width: 16px;
        /*margin-left: -36px;*/
    }

    .notch_light_blue:hover::after {
        border-top-color: #6DAB3C;
    }

.notch_dark_blue {
    position: relative;
    background: #44a5bc;
    border: none;
}

    .notch_dark_blue:after, .notch_dark_blue:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .notch_dark_blue:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #44a5bc;
        border-width: 10px;
        margin-left: -30px;
    }

    .notch_dark_blue:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #44a5bc;
        border-width: 16px;
        margin-left: -36px;
    }

.notch_darker_blue {
    position: relative;
    background: #057b96;
    border: none;
}

    .notch_darker_blue:after, .notch_darker_blue:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .notch_darker_blue:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #057b96;
        border-width: 10px;
        margin-left: -30px;
    }

    .notch_darker_blue:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #057b96;
        border-width: 16px;
        margin-left: -36px;
    }

.nav-strech-full-width {
    width: 100% !important;
}


.flex-box {
    display: flex !important;
}

.features-block-3 {
    position: relative;
    margin-bottom: 50px;
    padding: 0px 15px;
    height: 200px;
}


    .features-block-3 .features-info {
        padding-left: 100px;
        text-align: left;
    }

        .features-block-3 .features-info .features-tittle {
            /*font-family: PT Sans, sans-serif;*/
            letter-spacing: 0.5px;
            margin-bottom: 10px;
            display: inline-block;
        }

#Three-musc .features-info p {
    color: #848484;
    /*font-size: 16px;*/
}

.border-right-1 {
    border-right: 1px solid #ECECEC;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.mrg-horizon-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.section-1 {
    padding: 120px 0px;
}

.section-2 {
    padding: 100px 0px;
}

.section-3 {
    padding: 80px 0px;
}

.section-4 {
    padding: 60px 0px;
}

.button-wrapper a {
    cursor: pointer !important;
}

@media only screen and (max-width: 767px) {
    .section-1,
    .section-2,
    .section-3,
    .section-4 {
        padding: 50px 0px;
    }
    #wp-wrap h1 {
        font-size: 25px !important;
        line-height: 1.5 !important;
        font-weight: bold;
        margin-bottom: 23px;
    }
}

.section-5 {
    padding: 40px 0px;
}

.section-6 {
    padding: 20px 0px;
}

.mrg-top-30 {
    margin-top: 30px !important;
}

.mrg-top-50 {
    margin-top: 50px !important;
}

.mrg-top-80 {
    margin-top: 80px !important;
}

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

.font-size-13 {
    font-size: 13px !important;
}

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

.font-size-18 {
    font-size: 18px !important;
}

.width-30 {
    width: 30% !important;
}
.width-65 {
    width: 65% !important;
}
.width-70 {
    width: 75% !important;
}

.width-85 {
    width: 85% !important;
}

.width-80 {
    width: 80% !important;
}

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

.width-95 {
    width: 95% !important;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    color: #00666E;
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
    margin-right: 10px;
}

/*Owl Carousel Starts*/
#scroll-content {
    background: #002050;
    height: auto;
    padding: 1%;
}

.owl-dot {
    background: inherit !important;
}

.callout-icon {
    position: relative;
    width: 15% !important;
    left: 45%;
    margin-bottom: 20px;
}

.carousel-inner {
    position: relative;
    width: 100% !important;
    overflow: hidden;
    /* background: black; */
}

.carousel-control.right {
    right: 50% !important;
    left: auto;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    filter: none !important;
    background-repeat: repeat-x;
}

.carousel-control.left {
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    filter: none !important;
    background-repeat: repeat-x;
}

.carousel-indicators {
    position: absolute;
    left: 25% !important;
    width: 50%;
    margin: 0;
}
/*Owl Carousel Ends*/

/*Slider bounch arrow starts*/
.arrow {
    text-align: center;
    margin: 18% 0 0 0;
    font-size: 28px;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}
/*Slider bounch arrow Ends*/




#solutions img {
    width: 100%;
}

#solutions .box-title {
    background: #002050;
    padding: 10px 20px;
    color: #fff
}

.owl-carousel .item {
    padding: 5%;
}

.fa-play::before {
    content: "\f04b";
    position: absolute;
    width: 60px;
    height: 60px;
    margin-top: -35px;
    margin-left: 41px;
    font-size: 27px;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    z-index: 1;
    background-color: rgba(0,0,0,0.7);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#sticky-service a:hover, #solutions a:hover {
    text-decoration: none;
    color: white;
}


.blue-icons i {
    font-size: 39px;
    background: #23A5D1;
    color: #fff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 20px;
    /*margin-bottom: 20px;*/
}


/*Custom Development Starts*/
#cd-feature i {
    font-size: 39px;
    background: #23A5D1;
    color: #fff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 20px;
    margin-bottom: 20px;
}

#cd-feature {
    padding: 30px 0;
}

    #cd-feature a {
        text-decoration: none;
        /*font-weight: 700;*/
        color: #4c4c4c;
    }

    #cd-feature .col-md {
        padding: 15px;
    }


#section-1 {
    background: #244566;
}

.dark-blue-wrapper {
    background: #133248;
    padding: 10px;
}

    .dark-blue-wrapper h3 {
        margin: 0;
    }

.tick-bullet li:before {
    content: '✓';
    padding-right: 10px;
    color: #ff9800;
    font-weight: 700;
}


/*Custom Development Ends*/

#blue-overlay {
    position: relative;
    overflow: hidden;
}

    #blue-overlay::before {
        content: "";
        background-color: #2C5D8E;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.85;
        top: 0px;
        z-index: 0;
    }

.header .nav > li > a:focus, .header .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.header .navbar-nav {
    margin: 0px;
}

.header .nav .open > a, .header .nav .open > a:focus, .header .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.header.navbar-fixed-top.sticky {
    -webkit-box-shadow: 2px 10px -7px rgba(0, 0, 0, 0.5) false;
    -moz-box-shadow: 2px 10px -7px rgba(0, 0, 0, 0.5) false;
    box-shadow: 2px 10px -7px rgba(0, 0, 0, 0.5) false;
    border-bottom: 1px solid #dedede;
    background-color: #fff;
}

    .header.navbar-fixed-top.sticky .nav-logo a {
        line-height: 65px;
    }

    .header.navbar-fixed-top.sticky .nav-tools ul.navbar-nav > li > a, .header.navbar-fixed-top.sticky ul.navbar-nav > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 0.9em;
    }

@media only screen and (max-width: 992px) {
    .header .navbar-header {
        float: none;
    }

    .header .navbar-toggle {
        display: block;
    }

    .header .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

        .header .navbar-collapse.collapse {
            display: none !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
        }

            .header .navbar-collapse.collapse.in {
                display: block !important;
            }

    .header .navbar-nav > li {
        float: none;
    }

        .header .navbar-nav > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .header .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .header .collapsing {
        overflow: hidden !important;
    }
}

.header {
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}

    .header .container, .header .container-fluid {
        position: relative;
        /*width: 95%;*/
    }

    .header .navbar {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
    }

.blog-sidebar.sidebar-left {
    display: none;
}

@media only screen and (max-width: 992px) {
    .header .navbar-collapse {
        background-color: #333743;
        padding: 0px;
        overflow-x: hidden;
        max-height: 400px;
    }

        .header .navbar-collapse ul li.open ul.dropdown-menu {
            background-color: #2a2a33;
        }

            .header .navbar-collapse ul li.open ul.dropdown-menu li a:hover, .header .navbar-collapse ul li.open ul.dropdown-menu li a:focus {
                background-color: #2a2a33;
            }

    .heading-1 {
        margin-top: 60px !important;
    }
}

.header .nav-logo {
    float: left;
}

    .header .nav-logo a {
        display: inline-block;
        line-height: 70px;
        transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    }

        .header .nav-logo a img {
            display: inline-block;
            width: 70%;
            height: auto;
            transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
            -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
            -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
            -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
            -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
        }

.header.header-transparent, .header.header-sticky.sticky {
    background-color: transparent;
    top: 0px;
    z-index: 1088;
    width: 100%;
}

.header.header-transparent {
    background-color: transparent;
    position: absolute;
}

    .header.header-transparent .nav-logo img.logo-light {
        display: inline-block;
    }

    .header.header-transparent .nav-logo img.logo-dark {
        display: none;
    }

    .header.header-transparent .nav-tools ul.navbar-nav > li > a {
        color: #fff;
    }

    .header.header-transparent .nav-tools .nav-item .login-btn {
        color: #fff;
        border-color: #fff;
        background-color: transparent;
    }

@media only screen and (min-width: 992px) {
    .header.header-transparent .navbar-collapse ul.navbar-nav > li > a {
        color: #db0000;
    }

    .header.header-transparent .navbar-collapse ul.navbar-nav > li:hover > a, .header.header-transparent .navbar-collapse ul.navbar-nav > li:focus > a, .header.header-transparent .navbar-collapse ul.navbar-nav > li.active > a {
        color: #cecece;
    }

    .tower-container {
        display: flex;
    }

    .tower-quote {
        position: absolute;
        width: 90%;
        bottom: 0;
    }

        .tower-quote > p {
            margin: 1em 0;
        }

    .tower-quote-container {
        height: 100%;
    }

    .radar-image {
        width: 100%;
        position: relative;
        margin-top: 17em;
    }

    .digital-robot-quote {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
    }

        .digital-robot-quote > p {
            margin: 1em 0;
            font-size: 1.2em;
        }

    .blog-sidebar.sidebar-left {
        display: block;
    }
}

.header.header-sticky.sticky {
    background-color: #fff;
    position: fixed;
    -webkit-box-shadow: 2px 10px -7px rgba(0, 0, 0, 0.5) false;
    -moz-box-shadow: 2px 10px -7px rgba(0, 0, 0, 0.5) false;
    box-shadow: 2px 10px -7px rgba(0, 0, 0, 0.5) false;
    border-bottom: 1px solid #cecece;
}

@media only screen and (min-width: 992px) {
    .wrapper section#hero {
        margin-top: 70px;
    }
}

.header.header-sticky.sticky .nav-logo img.logo-dark {
    display: inline-block;
}

.header.header-sticky.sticky .nav-logo img.logo-light {
    display: none;
}

.header.header-sticky.sticky .nav-logo a {
    line-height: 65px;
}

.header.header-sticky.sticky ul.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 0.9em;
}

.header.header-sticky.sticky .side-header-toggle {
    margin: 27px 5px;
}

    .header.header-sticky.sticky .side-header-toggle span.top-bar, .header.header-sticky.sticky .side-header-toggle span.middle-bar, .header.header-sticky.sticky .side-header-toggle span.bottom-bar {
        background-color: #333743;
    }

    .header.header-sticky.sticky .side-header-toggle span.menu-text {
        color: #333743;
    }

@media only screen and (min-width: 992px) {
    .header.header-sticky.sticky .navbar-collapse ul.navbar-nav > li > a {
        color: #00666E;
        font-size: 16px;
    }

    .header.header-sticky.sticky .nav-tools ul.navbar-nav > li > a {
        color: #333743;
    }

    .header.header-sticky.sticky .nav-tools .nav-item .login-btn {
        color: #fff;
        border-color: #333743;
        background-color: #333743;
        margin-top: 17px;
    }
}

@media only screen and (max-width: 992px) {
    .header.header-sticky.sticky .navbar-collapse ul.navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .header.header-sticky.sticky .nav-tools ul.navbar-nav > li > a {
        color: #333743;
    }
}

.header ul.navbar-nav {
    float: right;
    padding-right: 10px;
}

    .header ul.navbar-nav > li > a {
        font-size: 0.9em;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

.header .navbar-collapse ul.navbar-nav > li > a {
    color: #fff;
}

@media only screen and (min-width: 992px) {
    .header .sub-menu .caret {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .header .navbar-collapse ul.navbar-nav {
        float: left;
        width: 100%;
        padding: 0px;
    }

        .header .navbar-collapse ul.navbar-nav > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
            color: #cecece;
        }

            .header .navbar-collapse ul.navbar-nav > li > a:hover, .header .navbar-collapse ul.navbar-nav > li > a:focus {
                color: #fff;
            }

        .header .navbar-collapse ul.navbar-nav .caret {
            border-top: 0px;
            border-top: 0px;
            border-right: 0px;
            border-left: 0px;
            position: absolute;
            right: 0;
            padding: 0;
            width: 32px;
            height: 26px;
            font-size: 0.7em;
            line-height: 24px;
            text-align: center;
            transition: all 0.1s ease-in-out;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
        }

            .header .navbar-collapse ul.navbar-nav .caret:before {
                font-family: "exclusive-icon";
                content: "\e224";
            }

        .header .navbar-collapse ul.navbar-nav .open > a > .caret {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
        }
}

@media only screen and (min-width: 992px) {
    .header ul.navbar-nav li:hover > .dropdown-menu, .header ul.navbar-nav li.sub-menu:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
}

.header .dropdown-menu {
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    box-shadow: none;
    min-width: 200px;
    background-color: #ffffff;
    cursor: pointer;
}

@media only screen and (min-width: 992px) {
    /*.header .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
    }*/
}

@media only screen and (max-width: 992px) {
    .header .dropdown-menu {
        min-width: 100%;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
    }
}

.header .dropdown-menu ul li.menu-tittle {
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
}

.header .dropdown-menu > li > a, .header .dropdown-menu .mega-menu-content ul li a {
    display: block;
    line-height: 2;
    color: #333743;
    background-color: white;
    padding: 2px 15px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 992px) {
    .header .dropdown-menu > li > a, .header .dropdown-menu .mega-menu-content ul li a {
        padding: 5px 15px 5px 25px;
        line-height: 2 !important;
    }

        .header .dropdown-menu > li > a:hover, .header .dropdown-menu > li > a:focus, .header .dropdown-menu .mega-menu-content ul li a:hover, .header .dropdown-menu .mega-menu-content ul li a:focus {
            background-color: transparent;
            color: #fff;
        }
}

@media only screen and (min-width: 992px) {
    .header .dropdown-menu li:hover > a, .header .dropdown-menu li:focus > a {
        color: #000;
    }

    .header .dropdown-menu .sub-menu.open > a {
        background-color: #fff;
        color: #333743;
    }
}


@media only screen and (max-width: 992px) {
    .header .dropdown-menu li:hover > a,
    .header .dropdown-menu li:focus > a,
    .header .dropdown-menu .sub-menu.open > a {
        color: #fff !important;
    }
}

.header .dropdown-menu li.sub-menu > a:after {
    font-family: "exclusive-icon";
    content: "\e224";
    position: absolute;
    font-size: 0.5em;
    top: 13px;
    right: 10px;
}

@media only screen and (max-width: 992px) {
    .header .dropdown-menu li.sub-menu > a:after {
        display: none;
    }
}

.header .dropdown-menu .sub-menu.open > a {
    background-color: #333743;
    color: #fff;
}

.header .sub-menu {
    position: relative;
}

    .header .sub-menu .dropdown-menu {
        top: 0px;
        left: 100%;
    }

    .header .sub-menu.left .dropdown-menu {
        left: -100%;
    }

.header .mega-menu {
    position: static;
}

@media only screen and (max-width: 992px) {
    .header .mega-menu {
        position: relative;
    }
}

.header .mega-menu > ul.dropdown-menu {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .header .mega-menu > ul.dropdown-menu .mega-menu-content {
        padding: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .header .menu-header:after, .header .menu-header:before {
        display: table;
        content: " ";
    }

    .header .menu-header:after {
        clear: both;
    }
}

@media only screen and (max-width: 992px) {
    .header .nav-tools .nav-item {
        float: left;
    }
}

@media only screen and (min-width: 992px) {
    .header .navbar-collapse ul.navbar-nav > li > a {
        color: #333743;
    }
}

.header .nav-tools ul.navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

    .header .nav-tools ul.navbar-nav > li > a i {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
    }

@media only screen and (max-width: 992px) {
    .header .nav-tools ul.navbar-nav > li:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        display: block;
    }
}

.header .nav-tools .cart-menu {
    min-width: 300px;
    padding: 20px;
    right: 0;
    left: auto;
}

@media only screen and (max-width: 992px) {
    .header .nav-tools .cart-menu {
        min-width: 300px !important;
        position: absolute;
        background-color: #2a2a33;
        right: -80px;
        left: auto;
    }
}

.header .nav-tools .cart-menu .cart-menu-item {
    position: relative;
    margin-bottom: 15px;
}

    .header .nav-tools .cart-menu .cart-menu-item:before, .header .nav-tools .cart-menu .cart-menu-item:after {
        content: " ";
        display: table;
    }

    .header .nav-tools .cart-menu .cart-menu-item:after {
        clear: both;
    }

    .header .nav-tools .cart-menu .cart-menu-item .cart-menu-media {
        width: 50px;
        margin-right: 20px;
        float: left;
        padding: 0px;
    }

    .header .nav-tools .cart-menu .cart-menu-item .product-details {
        position: relative;
        display: block;
        overflow: auto;
    }

        .header .nav-tools .cart-menu .cart-menu-item .product-details a.product-name {
            display: block;
            color: #fff;
            font-weight: bold;
            letter-spacing: 0.5px;
        }

        .header .nav-tools .cart-menu .cart-menu-item .product-details .price {
            color: #999;
            font-size: 0.75em;
        }

        .header .nav-tools .cart-menu .cart-menu-item .product-details .remove {
            position: absolute;
            top: 5px;
            right: 12px;
            font-size: 0.45em;
            color: #999;
            border-radius: 50px;
            border: 1px solid #999;
            padding: 6px 6px 4px 6px;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }

            .header .nav-tools .cart-menu .cart-menu-item .product-details .remove:hover {
                color: #fff;
                border-color: #fff;
            }

.header .nav-tools .cart-menu-subtotal {
    color: #fff;
    font-weight: bold;
    border-top: 1px solid #444;
    padding: 15px 0px;
}

    .header .nav-tools .cart-menu-subtotal .amount {
        float: right;
    }

.header .nav-tools .cart-menu-bottom .check-out {
    text-align: center;
    color: #fff;
}

.header .nav-tools .cart-menu-bottom .check-outhover {
    opacity: 0.8;
}

.header .nav-tools .login-btn {
    padding: 5px 15px;
    margin: 0px 15px;
    margin-top: 27px;
    border: 1px solid #333743;
    color: #fff;
    background-color: #333743;
    font-weight: bold;
    font-size: 0.9em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
    .header .nav-tools .login-btn {
        margin: 0px 5px;
    }
}

.header .nav-tools .login-btn:hover {
    border-color: #333743 !important;
    color: #fff;
    background-color: #494f60 !important;
}



.header .navbar-toggle {
    position: relative;
    margin: 34px 5px;
    padding: 8px 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

    .header .navbar-toggle span.top-bar, .header .navbar-toggle span.middle-bar, .header .navbar-toggle span.bottom-bar {
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        width: 20px;
        height: 2px;
        position: absolute;
        left: 0px;
        display: block;
        background-color: #333743;
    }

    .header .navbar-toggle span.top-bar {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }

    .header .navbar-toggle span.middle-bar {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }

    .header .navbar-toggle span.bottom-bar {
        bottom: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }

    .header .navbar-toggle.active span.top-bar {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .header .navbar-toggle.active span.middle-bar {
        opacity: 0;
    }

    .header .navbar-toggle.active span.bottom-bar {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

@media only screen and (min-width: 1200px) {
    .header .navbar-toggle.full-screen {
        display: inline-block;
    }
}

.header.header-transparent .navbar-toggle span.top-bar, .header.header-transparent .navbar-toggle span.middle-bar, .header.header-transparent .navbar-toggle span.bottom-bar {
    background-color: #fff;
}

.header.sticky .navbar-toggle {
    margin: 25px 5px;
    width: auto;
}

    .header.sticky .navbar-toggle span.top-bar, .header.sticky .navbar-toggle span.middle-bar, .header.sticky .navbar-toggle span.bottom-bar {
        background-color: #333743;
    }

.header.header-center .nav-left {
    float: left;
}

.header.header-center .nav-right {
    float: right;
}

.header.header-center .nav-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

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

    .header.header-center .navbar-toggle {
        float: left;
    }
}

.header .header-full-screen {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

    .header .header-full-screen.active {
        opacity: 1;
        visibility: visible;
        z-index: 9999;
    }

    .header .header-full-screen .fs-nav {
        padding: 0px;
    }

        .header .header-full-screen .fs-nav .fs-nav-item {
            height: 100vh;
            display: table;
            position: relative;
        }

@media only screen and (max-width: 992px) {
    .header .header-full-screen .fs-nav .fs-nav-item {
        margin-right: 0px !important;
        width: 100vw !important;
    }
}

.header .header-full-screen .fs-nav .fs-nav-item:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #333743;
    opacity: 0.85;
}

.header .header-full-screen .fs-nav .fs-nav-item a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 0px 80px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

    .header .header-full-screen .fs-nav .fs-nav-item a .fs-nav-title {
        color: #fff;
        font-family: PT Sans, sans-serif;
        font-size: 2em;
        display: block;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
    }

    .header .header-full-screen .fs-nav .fs-nav-item a .fs-nav-content {
        color: #ececec;
        line-height: 1.8;
        visibility: hidden;
        opacity: 0;
        transform: translateY(35px);
        -webkit-transform: translateY(35px);
        -moz-transform: translateY(35px);
        -o-transform: translateY(35px);
        -ms-transform: translateY(35px);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
    }

    .header .header-full-screen .fs-nav .fs-nav-item a .fs-nav-icon {
        color: #fff;
        font-size: 15.6em;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateZ(1px) translateY(-50%);
        -webkit-transform: translateX(-50%) translateZ(1px) translateY(-50%);
        -moz-transform: translateX(-50%) translateZ(1px) translateY(-50%);
        -o-transform: translateX(-50%) translateZ(1px) translateY(-50%);
        -ms-transform: translateX(-50%) translateZ(1px) translateY(-50%);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        opacity: 0;
    }

@media only screen and (min-width: 992px) {
    .header .header-full-screen .fs-nav .fs-nav-item:hover a .fs-nav-title {
        margin-bottom: 15px;
    }

    .header .header-full-screen .fs-nav .fs-nav-item:hover a .fs-nav-content {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
    }

    .header .header-full-screen .fs-nav .fs-nav-item:hover a .fs-nav-icon {
        opacity: 0.1;
    }
}

.header .header-full-screen .fs-nav-next, .header .header-full-screen .fs-nav-prev {
    color: #fff;
    font-size: 2.5em;
    width: auto;
    height: auto;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 992px) {
    .header .header-full-screen .fs-nav-next, .header .header-full-screen .fs-nav-prev {
        font-size: 1.7em;
    }
}

.header .header-full-screen:hover .fs-nav-next, .header .header-full-screen:hover .fs-nav-prev {
    opacity: 1;
    visibility: visible;
}

    .header .header-full-screen:hover .fs-nav-next.swiper-button-disabled, .header .header-full-screen:hover .fs-nav-prev.swiper-button-disabled {
        opacity: 0.35;
    }

.header .header-full-screen .header-fs-close {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%) translateZ(1px) translateY(-95%);
    -webkit-transform: translateX(-50%) translateZ(1px) translateY(-95%);
    -moz-transform: translateX(-50%) translateZ(1px) translateY(-95%);
    -o-transform: translateX(-50%) translateZ(1px) translateY(-95%);
    -ms-transform: translateX(-50%) translateZ(1px) translateY(-95%);
    z-index: 1;
}


.page-tittle {
    position: relative;
    background-color: #f6f7fb;
}

    .page-tittle.page-tittle-xl {
        padding: 100px 0;
        margin-top: 79px;
    }

@media only screen and (max-width: 767px) {
    .page-tittle.page-tittle-xl {
        padding: 150px 0;
    }
}

.page-tittle .page-tittle-head {
    display: inline-block;
}

.page-tittle.page-tittle-xl {
    /* padding: 30px 0px; */
    display: flex;
    align-items: center;
}


.page-tittle .page-tittle-head h1, .page-tittle .page-tittle-head h2, .page-tittle .page-tittle-head h3, .page-tittle .page-tittle-head h4, .page-tittle .page-tittle-head h5, .page-tittle .page-tittle-head h6 {
    fomt-family: PT Sans, sans-serif;
    margin-bottom: 10px;
}

.page-tittle.dark-overlay .page-tittle-head h1, .page-tittle.dark-overlay .page-tittle-head h2, .page-tittle.dark-overlay .page-tittle-head h3, .page-tittle.dark-overlay .page-tittle-head h4, .page-tittle.dark-overlay .page-tittle-head h5, .page-tittle.dark-overlay .page-tittle-head h6 {
    color: #fff;
}

.page-tittle.dark-overlay .page-tittle-head p, .page-tittle.dark-overlay .page-tittle-head span {
    color: #fff;
}

.page-tittle.dark-overlay .breadcrumb li a {
    color: #fff;
}

.page-tittle.dark-overlay .breadcrumb > .active {
    color: #fff;
}

.navbar {
    padding: 0rem 1rem !important;
}


.tab-style-4 {
    border-bottom: 1px solid #ececec;
}

    .tab-style-4.item-2 li {
        width: 49.99%;
    }

    .tab-style-4.item-3 li {
        width: 33.3333333%;
    }

    .tab-style-4.item-4 li {
        width: 24.98%;
    }

    .tab-style-4.item-5 li {
        width: 20%;
    }

@media only screen and (max-width: 992px) {
    .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 100%;
        border-bottom: 1px solid #ececec;
    }
}

.tab-style-4 {
    border-bottom: 1px solid #ececec;
}

    .tab-style-4.item-2 li {
        width: 49.99%;
    }

    .tab-style-4.item-3 li {
        width: 33.3333333%;
    }

    .tab-style-4.item-4 li {
        width: 24.98%;
    }

    .tab-style-4.item-5 li {
        width: 20%;
    }

@media only screen and (max-width: 992px) {
    .tab-style-4.item-2 li,
    .tab-style-4.item-3 li,
    .tab-style-4.item-4 li,
    .tab-style-4.item-5 li {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .tab-style-4.item-2 li,
    .tab-style-4.item-3 li,
    .tab-style-4.item-4 li,
    .tab-style-4.item-5 li {
        width: 100%;
        border-bottom: 1px solid #ececec;
    }
}

.tab-style-4 {
    border-bottom: 1px solid #ececec;
}

    .tab-style-4.item-2 li {
        width: 49.99%;
    }

    .tab-style-4.item-3 li {
        width: 33.3333333%;
    }

    .tab-style-4.item-4 li {
        width: 24.98%;
    }

    .tab-style-4.item-5 li {
        width: 20%;
    }

@media only screen and (max-width: 992px) {
    .tab-style-4.item-2 li,
    .tab-style-4.item-3 li,
    .tab-style-4.item-4 li,
    .tab-style-4.item-5 li {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .tab-style-4.item-2 li,
    .tab-style-4.item-3 li,
    .tab-style-4.item-4 li,
    .tab-style-4.item-5 li {
        width: 100%;
        border-bottom: 1px solid #ececec;
    }
}

.tab-style-4 li {
    position: relative;
    padding: 0 !important;
    height: 46px;
}

    


    .tab-style-4 li a, .tab-style-4 li {
        font-size: 17px;
        text-align: center;
        padding: 10px 0;
        border: 0px;
        text-decoration: none;
        background: #057b96;
        display: flex;
        justify-content: center;
        color: #fff;
    }


        .tab-style-4 li a i {
            display: block;
            font-size: 30px;
            margin-bottom: 10px;
            text-align: center;
            padding-right: 10px;
        }

        .tab-style-4 li a:after {
            content: "";
            position: absolute;
            left: 0px;
            bottom: -2px;
            width: 100%;
            height: 2px;
        }

        

            .tab-style-4 li a:hover::after,
            .tab-style-4 li a:focus::after {
                width: 0;
                height: 0;
                border-top: 23px solid transparent !important;
                border-bottom: 23px solid transparent !important;
               
                width: 0 !important;
                height: 0;
                position: absolute !important;
                top: 0px !important;
                background-color: transparent !important;
                left: 100% !important;
                z-index: 1;
            }

        .tab-style-4 li > a.active {
            background-color: #FF9800;
            color: #000 !important;
            font-weight: bold;
            width: 100%;
        }


            .tab-style-4 li > a.active::after {
                background-color: #db0000;
            }

        .tab-style-4 li > a::after {
            width: 100% !important;
            height: 0;
            border-top: 23px solid transparent !important;
            border-bottom: 23px solid transparent !important;
            border-left: 30px solid #057B96 !important;
            position: absolute !important;
            top: 0px !important;
            background-color: transparent !important;
            left: 100% !important;
            z-index: 1;
            content: '';
        }

        .tab-style-4 li > a::before {
            width: 100% !important;
            height: 0;
            border-top: 23px solid transparent !important;
            border-bottom: 23px solid transparent !important;
            border-left: 30px solid rgb(19, 50, 72) !important;
            position: absolute !important;
            top: 0px !important;
            background-color: transparent !important;
            left: 2px !important;
            z-index: 0;
            content: '';
        }


        .tab-style-4 li:first-child > a::before, .tab-style-4 li:first-child > a.active::before {
            border-left: unset !important;
        }

        .tab-style-4 li:last-child > a::after, .tab-style-4 li:last-child > a.active::after {
            border-left: unset !important;
        }


#sup-arrow {
    background: #133248;
}


    #sup-arrow li {
        color: #fff;
    }

    #sup-arrow .card, #cloud-tab .card, #custom-tab, #data-tab .card, #quality-tab .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: transparent;
        background-clip: 0;
        border: transparent;
        border-radius: 0;
        box-shadow: unset;
        color: #fff;
    }

        #sup-arrow li a, #cloud-tab li a, #custom-tab li a, #data-tab li a, #quality-tab li a {
            color: #fff;
            font-weight: bold;
        }

    #sup-arrow .nav-tabs {
        border-bottom: none;
    }

#data-tab .tab-style-4.item-4 li {
    width: 33.33%;
}


.tab-style-4 li > a.active::after {
    width: 0;
    height: 0;
    border-top: 23px solid transparent !important;
    border-bottom: 23px solid transparent !important;
    border-left: 30px solid #ff9800 !important;
    width: 0 !important;
    height: 0;
    position: absolute !important;
    top: 0px !important;
    background-color: transparent !important;
    left: 100% !important;
    z-index: 1;
}

.tab-style-4 li > a.active::before {
    width: 0 !important;
    height: 0;
    border-top: 23px solid transparent !important;
    border-bottom: 23px solid transparent !important;
    border-left: 30px solid rgb(19, 50, 72) !important;
    position: absolute !important;
    top: 0px !important;
    background-color: transparent !important;
    left: 2px !important;
    z-index: 0;
    content: '';
}



.card, .product-banner, .features-block-5 {
    position: relative;
    background-color: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: 1px 3px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 15px 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

    .card.no-shadow, .no-shadow.product-banner, .no-shadow.features-block-5 {
        box-shadow: none;
        border: 1px solid #ececec;
    }

    .card.no-border, .no-border.product-banner, .no-border.features-block-5 {
        border: 0px;
    }

    .card.block-stacking-top, .block-stacking-top.product-banner, .block-stacking-top.features-block-5, .card.block-stacking-top, .block-stacking-top.product-banner, .block-stacking-top.features-block-5 {
        z-index: 1000;
    }

    .card.block-stacking-top, .block-stacking-top.product-banner, .block-stacking-top.features-block-5 {
        margin-top: -230px;
    }

    .card.trans-95 {
        opacity: 0.95 !important;
    }

    .card .quote-auth {
        color: #333743;
        font-style: italic;
        font-size: 0.9em;
    }

@media only screen and (max-width: 767px) {
    .card.block-stacking-top, .block-stacking-top.product-banner, .block-stacking-top.features-block-5 {
        margin-top: -18%;
    }
}

.card.block-stacking-bottom, .block-stacking-bottom.product-banner, .block-stacking-bottom.features-block-5 {
    margin-bottom: -230px;
}

@media only screen and (max-width: 767px) {
    .card.block-stacking-bottom, .block-stacking-bottom.product-banner, .block-stacking-bottom.features-block-5 {
        margin-bottom: -18%;
    }
}

.pdd-horizon-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.fade.in {
    opacity: 1 !important;
}

.padding-zero {
    padding: 0rem !important;
}

.left-fa i {
    font-size: 35px;
    background: #83ad00;
    color: #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    padding: 13px;
    margin-bottom: 20px;
    position: absolute;
    left: 0;
}


.left-fa-desc {
    padding-left: 20%;
    text-align: left;
}

.left-fa1 i {
    font-size: 30px;
    background: #fff;
    color: #23a5d1;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    padding: 16px 20px;
    margin-bottom: 20px;
    position: absolute;
    left: 0;
    border: 1px solid #23a5d1;
}

.left-fa-desc1 {
    padding-left: 15%;
    text-align: left;
}

.banks-desc-back {
    margin-right: 5px !important;
    margin-left: 5px !important;
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    background-color: rgba(12,12,12,0.8) !important;
    /*background-color: rgb(12,12,12) !important;*/
    color: #fff;
}

#manufact img {
    width: 100%;
}

.fa-play1::before {
    content: "\f04b";
    top: 35%;
    left: 35%;
}

#manufact a {
    text-decoration: none;
}

.manufact-back h5 {
    color: #7ecccd;
}

.text-yellow {
    color: #ffeb3b;
    font-style: italic;
}

.banner-title1 span {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    line-height: 50px;
}

.text-light-gray {
    color: #999;
}

#manu-speci p {
    font-weight: 700;
    font-size: 16px;
    color: #00A9E5;
}

.d-w-s img {
    width: 100%;
}

.round-cover {
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #015176;
}

.orange-text {
    color: #ff6600;
}

.dark-blue-text {
    color: #015176;
}

.yellow-text {
    color: #ffcc00;
}

.red-text {
    color: #dd2121;
}

.green-text {
    color: green !important;
}

.faced-fa i {
    font-size: 35px;
}

.cyan-back {
    background: #0CB4B7 !important;
}

.white-line {
    border-bottom: 1px solid #fff;
}

.head-button.btn-color-white {
    background: #fff;
}

.panel-title > a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}

.panel-title > a.collapsed::before {
    float: left !important;
    content: "\f067";
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

.panel-title {
    background: #EEE;
    border-radius: 2px;
    padding: 15px;
}

#accordion .panel-title a {
    color: #666;
    text-decoration: none;
}

.bg-dark-blue {
    background: #015176;
}

.manufact-back {
    background: url("../images/pages/implement-dynamics-365/bg-manufact-dy360-3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    position: relative;
}

.banner-manufacturing {
    background-image: url(../images/pages/implement-dynamics-365/manufacturing_banner-1.jpg);
}

.banner-as400 {
    background-image: url(../images/pages/custom-development/as400.jpg);
}


.col-md a {
    text-decoration: none !important;
    cursor: default;
}

.mrg-btm-20 {
    margin-bottom: 20px !important;
}

.mrg-btm-50 {
    margin-bottom: 50px !important;
}

.mrg-btm-80 {
    margin-bottom: 80px !important;
}

.mrg-top-70 {
    margin-top: 70px !important;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    color: #666;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 1em;
}

.validation-error {
    border: 1px solid #db0000 !important;
}


/*.sales-cover {
    background: #000;
    background-size: auto;
    height: 100%;
    opacity: 0.6;
    width: 100%;
    padding: 0;
    margin: 0;
    background-size: cover;
}*/

.sales-cover::after {
    content: "";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.7);
}

.blue-cover::after {
    content: "";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,60,119, 0.7);
}

.banks-cover {
    background: #000;
    background-size: auto;
    height: 100%;
    opacity: 0.6;
    width: 100%;
    padding: 0;
    margin: 0;
    background-size: cover;
}

.cloudser-cover::after {
    content: "";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
}

.sales-back {
    background: url("../images/pages/implement-dynamics-365/bg-support-03.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.assist-sec-back {
    background: url("../images/pages/as400/related_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: 50% 45%;
}

.banks-back {
    background: url("../images/pages/implement-dynamics-365/bg-support-02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.cloudser-back {
    background: url("../images/pages/cloud-computing/cloud-camp-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.power-bi-back {
    background: url("../images/pages/related-pages/hero-application.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.sales-back .container, .banks-back .container, .cloudser-back .container {
    position: relative;
    z-index: 2;
}


/*Navigation*/

#navigation img {
    width: 100%;
    height: 54px;
}

#main_nav ul {
    background: white;
    float: right;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

#main_nav li {
    float: left;
    position: relative;
    list-style: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#main_nav a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
    color: #000;
    font-size: 16px;
}


#main_nav ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    background: #f7f7f7;
    width: 170px;
}

    #main_nav ul ul ul {
        left: 100%;
        top: -15px;
        background: #f7f7f7;
    }

#main_nav li:hover, #main_nav li:hover li {
    background: transparent;
}

#main_nav li li:hover, #main_nav li li:hover li {
    background: #999;
    width: 100%;
}


#main_nav li li li:hover {
    background: #666;
}

#main_nav li:hover > ul {
    visibility: visible;
    opacity: 1;
}

/*Navigation Ends*/

.page-sub {
    float: right;
    font-size: 18px;
}

.bg-gray-box {
    background: #efefef !important;
    padding: 15px;
    border-radius: 10px;
    margin: 10px;
}

.bg-darkgray-box {
    background: #ddd9c3 !important;
    padding: 15px;
    border-radius: 10px;
    margin: 10px;
}

.bg-cyan-box {
    background: #dce6f2 !important;
    padding: 15px;
    border-radius: 10px;
    margin: 10px;
}

.bg-lightcyan-box {
    background: #ffdad6 !important;
    padding: 15px;
    border-radius: 10px;
    margin: 10px;
}

.rpa-help .col {
    border-right: 1px solid lightgray;
}

    .rpa-help .col:last-child {
        border-right: none;
    }

#logi-img img, .image-100 {
    width: 100%;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    background: rgba(0, 0, 0, 0.5);
}

#isp .card-title {
    margin-bottom: 0 !important;
}

#isp a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.value-box .col {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.value-box .col-md {
    background: #C2D1DF;
}

    .value-box .col-md h6 {
        line-height: 1.8;
    }

.value-box .col-md {
    padding-right: 5px;
    padding-left: 5px;
}


.cloud-col .col {
    padding-right: 2px;
    padding-left: 2px;
}

    .cloud-col .col .flip-card {
        margin-bottom: 1%;
    }

.bg-light-blue-1 {
    background: #003C77;
}

.cloud-comp .panel-title {
    background: #EEE;
    border-radius: 2px;
    padding: 8px 15px;
}

.bg-light-purple {
    background: #939FBC;
}

.bg-dark-purple {
    background: #5C6B89;
}

.bg-purple {
    background: #3F4259;
}

.cloud-comp .infographics img {
    width: 100%;
}

.cloud-comp .col-md-3 {
    border: 1px solid #666;
}

.banner-life {
    background-image: url(../images/pages/about-us/lifeteamphoto.jpg);
}

.banner-contact {
    background-image: url(../images/pages/about-us/contact-banner.jpg);
}

/*Google Map Starts*/
.map-container-2 {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .map-container-2 iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

#map iframe {
    height: 300px;
    width: 100%;
}

.bg {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: left center;
    position: relative;
    z-index: 1;
}

.thefirm {
    background-image: url('/images/pages/landing/bg-firm-16.jpg');
    min-height: 400px;
    padding: 40px;
}

    .thefirm .box_slanding_multi {
        float: right;
        width: 500px;
    }

.box_slanding_multi .box_top {
    background: rgba(39,106,142,0.80);
    min-height: 200px;
    width: 100%;
    position: relative;
    padding: 20px;
}

    .box_slanding_multi .box_top h2 {
        color: #fff;
        margin-bottom: 20px;
    }

    .box_slanding_multi .box_top p {
        color: #fff;
        margin-bottom: 20px;
    }

    .box_slanding_multi .box_top a {
        display: inline-block;
        color: #87dd00 !important;
        font-size: 60px;
        margin-top: 20px;
    }

    .box_slanding_multi .box_top::after {
        content: '';
        width: 100%;
        position: absolute;
        bottom: -25px;
        border-top: 25px solid rgba(39,106,142,0.80);
        border-bottom: 0px solid transparent;
        border-right: 500px solid transparent;
        left: 0px;
    }

.box_slanding_multi .box_botom {
    background: #00adee;
    margin-top: 30px;
    padding: 0px 20px 20px 20px;
    color: #fff;
    text-align: right;
    position: relative;
}

    .box_slanding_multi .box_botom h4 {
        color: #11506b;
    }

        .box_slanding_multi .box_botom h4::before {
            content: '';
            background: url(images/icons/Icons-11.svg) no-repeat;
            width: 30px;
            height: 30px;
            display: inline-block;
        }

    .box_slanding_multi .box_botom::before {
        content: '';
        width: 100%;
        position: absolute;
        top: -25px;
        border-top: 25px solid #00adee;
        border-bottom: 0px solid transparent;
        border-right: 500px solid transparent;
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari */
        transform: rotate(180deg); /* Standard syntax */
        left: 0px;
    }

#testimo .carousel-indicators {
    position: absolute;
    left: 0 !important;
    width: 100%;
    margin: 0;
    top: 75%;
}

/*casestudy-new*/
.page-tittle.casestudy {
    min-height: 250px;
    height: auto;
}

    /*.page-tittle::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(73,165,191,1);
    background: -moz-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(149,207,116,0.66) 34%, rgba(117,189,209,0.43) 57%, rgba(147,206,222,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,165,191,1)), color-stop(34%, rgba(149,207,116,0.66)), color-stop(57%, rgba(117,189,209,0.43)), color-stop(100%, rgba(147,206,222,0)));
    background: -webkit-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(149,207,116,0.66) 34%, rgba(117,189,209,0.43) 57%, rgba(147,206,222,0) 100%);
    background: -o-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(149,207,116,0.66) 34%, rgba(117,189,209,0.43) 57%, rgba(147,206,222,0) 100%);
    background: -ms-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(149,207,116,0.66) 34%, rgba(117,189,209,0.43) 57%, rgba(147,206,222,0) 100%);
    background: linear-gradient(to right, rgba(73,165,191,1) 0%, rgba(149,207,116,0.66) 34%, rgba(117,189,209,0.43) 57%, rgba(147,206,222,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede', GradientType=1 );
    z-index: 2;
}*/


    .page-tittle.casestudy::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(42,112,144,1);
        background: -moz-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,112,144,0.65)), color-stop(100%, rgba(74,55,100,0.65)));
        background: -webkit-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
        background: -o-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
        background: -ms-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
        background: linear-gradient(to right, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7090', endColorstr='#4a3764', GradientType=1 );
        top: 0px;
        left: 0px;
        z-index: 2;
    }

    .page-tittle.casestudy h1 {
        font-size: 35px;
    }

    .page-tittle.casestudy p {
        color: #fff;
    }

    .page-tittle.casestudy .page-tittle_content {
        padding: 50px 0px;
    }



.c_challenge {
    background: #00a2ce;
    color: #fff;
    position: relative;
    padding: 40px 0px 90px 0px;
}

    .c_challenge::before {
        content: "";
        -webkit-transform: skewY(3deg);
        -moz-transform: skewY(3deg);
        -o-transform: skewY(3deg);
        transform: skewY(3deg);
        height: 62px;
        width: 50%;
        bottom: -32px;
        position: absolute;
        left: 0px;
        z-index: 0;
        background: #fff;
    }

    .c_challenge::after {
        content: "";
        -webkit-transform: skewY(-3deg);
        -moz-transform: skewY(-3deg);
        -o-transform: skewY(-3deg);
        transform: skewY(-3deg);
        height: 62px;
        width: 50%;
        bottom: -32px;
        position: absolute;
        right: 0px;
        z-index: 0;
        background: #fff;
    }

.solution-divitions {
    background: #E8E8E8;
    border-radius: 10px;
    position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    margin: 20px;
    padding: 50px 0px 10px 0px;
}

    .solution-divitions .eut-wrapper-icon {
        top: -15px;
        margin: -15px auto !important;
        left: 0px;
        right: 0px;
        background: rgba(42,112,144,1);
        background: -moz-linear-gradient(left, rgba(42,112,144,1) 0%, rgba(74,55,100,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,112,144,1)), color-stop(100%, rgba(74,55,100,1)));
        background: -webkit-linear-gradient(left, rgba(42,112,144,1) 0%, rgba(74,55,100,1) 100%);
        background: -o-linear-gradient(left, rgba(42,112,144,1) 0%, rgba(74,55,100,1) 100%);
        background: -ms-linear-gradient(left, rgba(42,112,144,1) 0%, rgba(74,55,100,1) 100%);
        background: linear-gradient(to right, rgba(42,112,144,1) 0%, rgba(74,55,100,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7090', endColorstr='#4a3764', GradientType=1 );
        color: #fff;
        border-radius: 50%;
        width: 2.500em;
        height: 2.500em;
        line-height: 2.500em;
        display: inline-block;
        text-align: center;
        position: absolute;
        font-size: 32px;
    }

    .solution-divitions .eut-box-content {
        color: #0A5A7A;
    }

.technology_Stack {
    background-color: rgb(255, 183, 39);
    color: rgb(255, 255, 255);
    padding: 30px 0px;
}

    .technology_Stack ul {
        list-style: none;
        margin-top: 20px;
        line-height: 4;
    }

        .technology_Stack ul li {
            display: inline-block;
            margin: 0px 10px;
        }

            .technology_Stack ul li:before {
                font-family: FontAwesome;
                line-height: inherit;
                width: 2.5em;
                height: 2.5em;
                line-height: 2.5em;
                display: inline-block;
                text-align: center;
                background: #fff;
                border-radius: 50%;
                color: #FFB727;
                content: "\f00c";
                font-size: 0.8em;
                margin-right: 5px;
            }

    .technology_Stack h2 {
        margin: 0px;
        color: #000;
    }

.banner-cover::after {
    content: "";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(42,112,144,1);
    background: -moz-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,112,144,0.65)), color-stop(100%, rgba(74,55,100,0.65)));
    background: -webkit-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
    background: -o-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
    background: -ms-linear-gradient(left, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
    background: linear-gradient(to right, rgba(42,112,144,0.65) 0%, rgba(74,55,100,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7090', endColorstr='#4a3764', GradientType=1 );
}

.text-front {
    position: relative;
    z-index: 2;
}

#power-bi i {
    font-size: 70px;
}

.anchor-orange {
    color: #ff9800 !important;
    text-decoration: underline;
}

.text-cyan {
    color: #00bfa5 !important;
}



.search-container {
    float: right;
    width: 100%;
}

    .search-container button {
        padding: 6px 10px;
        border: none;
        cursor: pointer;
        position: absolute;
        top: -7px;
        right: 5px;
        background-color: transparent !important;
    }

    .search-container input[type=text] {
        width: 100%;
        border-radius: 20px;
        border: 1px solid #98d0f1;
        padding: 5px;
        padding-left: 10px !important;
    }

    .search-container button:hover {
        background: #ccc;
    }

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: solid 2px #d8d8d8;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: solid 2px #d8d8d8;
}

table.dataTable.no-footer {
    border-bottom: solid 2px #d8d8d8;
}

.dataTables_wrapper {
    width: 100% !important;
}

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate {
        color: #333;
        margin-top: 1em;
        margin-bottom: 1em;
    }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fff;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 2px solid #d8d8d8;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #fff;
}

.dataTables_filter {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    .job-details-icons {
        font-size: 3em !important;
        color: #db0000 !important;
        top: 15px !important;
    }

    .search-container button {
        border: none;
        cursor: pointer;
        position: absolute;
        background-color: transparent !important;
        top: -.8em;
        right: 0.1em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.pdd-btm-10 {
    padding-bottom: 10px !important;
}

.flex_box {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

    .flex_box .zig_divide {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    .flex_box .equal_divide {
        -webkit-flex: 1;
        flex: 1;
    }

    .flex_box .vertical-center {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }

.btn {
    font-family: PT Sans, sans-serif;
    text-align: center;
    border-radius: 0px;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

    .btn.btn-sm {
        padding: 5px 15px;
        font-size: 0.9em;
    }

    .btn.btn-md {
        padding: 7px 25px;
        font-size: 1em;
    }

    .btn.btn-lg {
        padding: 8px 40px;
        font-size: 1.2em;
    }


.btn-Green {
    background-color: #6bb444 !important;
    color: #fff !important;
    border-radius: 5px !important;
    text-align: center !important;
}

    .btn-Green .hover .active {
        color: #fff;
    }


.para-white-space-preline {
    white-space: pre-line;
}

.no-mrg-btm {
    margin-bottom: 0 !important;
}



.jobdetail-content-heading {
    font-size: 1em;
    font-weight: 700;
}

.textbox-btm-Line {
    border: none !important;
    border-bottom: 1px solid #cecece !important;
    border-radius: 0 !important;
}

    .textbox-btm-Line:focus {
        outline: none !important;
    }


.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.button {
    border: 1px solid #707070;
    color: #707070;
    background-color: white;
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 1em;
    cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
    font-size: 6.25em;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


.isotope.no-fillter .folio-item, .isotope.no-fillter .blog-item {
    float: left;
}

.isotope.gutter-sm .folio-item, .isotope.gutter-sm .blog-item {
    padding: 20px;
}

@media only screen and (max-width: 992px) {
    .isotope.gutter-sm .folio-item, .isotope.gutter-sm .blog-item {
        padding: 10px;
    }
}

.isotope.gutter .folio-item, .isotope.gutter .blog-item {
    padding: 15px;
}

@media only screen and (max-width: 992px) {
    .isotope.gutter .folio-item, .isotope.gutter .blog-item {
        padding: 15px 10px;
    }
}

.isotope.gutter-lg .folio-item, .isotope.gutter-lg .blog-item {
    padding: 20px;
}

@media only screen and (max-width: 992px) {
    .isotope.gutter-lg .folio-item, .isotope.gutter-lg .blog-item {
        padding: 20px 10px;
    }
}

.isotope.col-1 .folio-item, .isotope.col-1 .blog-item {
    width: 100% !important;
}

.isotope.col-2 .folio-item, .isotope.col-2 .blog-item {
    width: 49.99% !important;
}

@media only screen and (max-width: 992px) {
    .isotope.col-2 .folio-item, .isotope.col-2 .blog-item {
        width: 50% !important;
    }
}

@media only screen and (max-width: 767px) {
    .isotope.col-2 .folio-item, .isotope.col-2 .blog-item {
        width: 100% !important;
    }
}

.isotope.col-3 .folio-item, .isotope.col-3 .blog-item {
    width: 33.3333333% !important;
}

@media only screen and (max-width: 992px) {
    .isotope.col-3 .folio-item, .isotope.col-3 .blog-item {
        width: 50% !important;
    }
}

@media only screen and (max-width: 767px) {
    .isotope.col-3 .folio-item, .isotope.col-3 .blog-item {
        width: 100% !important;
    }
}

.isotope.col-4 .folio-item, .isotope.col-4 .blog-item {
    width: 24.98% !important;
}

@media only screen and (max-width: 992px) {
    .isotope.col-4 .folio-item, .isotope.col-4 .blog-item {
        width: 50% !important;
    }
}

@media only screen and (max-width: 767px) {
    .isotope.col-4 .folio-item, .isotope.col-4 .blog-item {
        width: 100% !important;
    }
}

.isotope.col-5 .folio-item, .isotope.col-5 .blog-item {
    width: 19.99% !important;
}

@media only screen and (max-width: 992px) {
    .isotope.col-5 .folio-item, .isotope.col-5 .blog-item {
        width: 50% !important;
    }
}

@media only screen and (max-width: 767px) {
    .isotope.col-5 .folio-item, .isotope.col-5 .blog-item {
        width: 100% !important;
    }
}

.isotope.col-1 .folio-item, .isotope.col-1 .blog-item, .isotope.col-2 .folio-item, .isotope.col-2 .blog-item, .isotope.col-3 .folio-item, .isotope.col-3 .blog-item, .isotope.col-4 .folio-item, .isotope.col-4 .blog-item, .isotope.col-5 .folio-item, .isotope.col-5 .blog-item {
    float: left;
}

.isotope-filter.filter-1 .filter-item {
    position: relative;
    font-weight: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    background: #f9fbfc none repeat scroll 0 0;
    border: 1px solid #e9eef2;
    border-radius: 3px;
    color: #43484b;
    display: inline-block;
    font-size: 14px;
    line-height: inherit;
    opacity: 1;
    padding: 1px 8px;
    transition: all 0.3s ease 0s;
}


    .isotope-filter.filter-1 .filter-item:after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        background-color: #e6e6e6;
        height: 100%;
        width: 0 !important;
    }

    .isotope-filter.filter-1 .filter-item:last-child:after {
        width: 0px !important;
    }

    .isotope-filter.filter-1 .filter-item.active, .isotope-filter.filter-1 .filter-item:hover, .isotope-filter.filter-1 .filter-item:focus {
        background: #f89c1c none repeat scroll 0 0;
        border: 1px solid #f7941e;
        color: #fff;
        opacity: 1;
    }


.folio-item {
    position: relative;
    display: block;
}

    .folio-item .folio-image {
        overflow: hidden;
        position: relative;
    }

        .folio-item .folio-image img {
            width: 100%;
            display: block;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
        }

    .folio-item .overlay {
        position: absolute;
        opacity: 0;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
    }

    .folio-item .folio-style-1 {
        position: relative;
    }

        .folio-item .folio-style-1 .overlay {
            background-color: rgba(0, 10, 30, 0.7);
            color: #ececec;
            opacity: 0;
            visibility: hidden;
        }

        .folio-item .folio-style-1:hover .overlay {
            opacity: 1;
            visibility: visible;
        }

        .folio-item .folio-style-1 .folio-caption {
            width: 100%;
            height: 100%;
            position: relative;
            display: table;
            z-index: 10;
        }

            .folio-item .folio-style-1 .folio-caption .folio-content {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

            .folio-item .folio-style-1 .folio-caption .folio-tittle {
                color: #fff;
            }

    .folio-item .folio-style-2 {
        position: relative;
    }

        .folio-item .folio-style-2 .folio-image img {
            transform: translate3d(-30px, 0, 0) scale(1.2);
            -webkit-transform: translate3d(-30px, 0, 0) scale(1.2);
            -moz-transform: translate3d(-30px, 0, 0) scale(1.2);
            -o-transform: translate3d(-30px, 0, 0) scale(1.2);
            -ms-transform: translate3d(-30px, 0, 0) scale(1.2);
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }

        .folio-item .folio-style-2 .overlay {
            background-color: rgba(0, 10, 30, 0.7);
            color: #fff;
            overflow: hidden;
            opacity: 0;
            visibility: hidden;
        }

        .folio-item .folio-style-2 .folio-caption {
            position: absolute;
            left: -30px;
            bottom: 30px;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
        }

        .folio-item .folio-style-2 .folio-tittle, .folio-item .folio-style-2 .describe {
            color: #fff;
        }

    .folio-item .folio-style-2 {
        color: #ececec;
        line-height: 1.2;
        font-size: 1em;
    }

.describe {
    color: #ececec;
    line-height: 1.2;
    font-size: 1.5em;
    text-align: center;
    cursor: pointer;
}

.folio-item .folio-style-2:hover .overlay {
    opacity: 1;
    visibility: visible;
}

.folio-item .folio-style-2:hover .folio-image img {
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
}

.folio-item .folio-style-2:hover .folio-caption {
    left: 30px;
}

.folio-item .folio-style-3 {
    position: relative;
    overflow: hidden;
}

    .folio-item .folio-style-3 .folio-image img {
        width: 100%;
        display: block;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    }

    .folio-item .folio-style-3 .overlay {
        background-color: rgba(0, 10, 30, 0.7);
        color: #fff;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
    }

    .folio-item .folio-style-3 .folio-caption {
        position: absolute;
        width: 100%;
        padding: 15px;
        display: block;
        background-color: #fff;
        left: 0px;
        bottom: -90px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    }

    .folio-item .folio-style-3 .folio-tittle {
        display: inline-block;
        margin: 0px;
        color: #333743;
    }

    .folio-item .folio-style-3 .describe {
        color: #999;
        line-height: 1;
        font-size: 0.9em;
    }

    .folio-item .folio-style-3 .folio-action {
        float: right;
        color: #333743;
    }

        .folio-item .folio-style-3 .folio-action a {
            font-size: 1.25em;
            line-height: 2.5;
            margin-right: 15px;
        }

            .folio-item .folio-style-3 .folio-action a:last-child {
                margin-right: 0px;
            }

    .folio-item .folio-style-3:hover {
        -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    }

        .folio-item .folio-style-3:hover .overlay {
            opacity: 1;
            visibility: visible;
        }

        .folio-item .folio-style-3:hover .folio-image img {
            transform: translateY(-50px);
            -webkit-transform: translateY(-50px);
            -moz-transform: translateY(-50px);
            -o-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
        }

        .folio-item .folio-style-3:hover .folio-caption {
            bottom: 0px;
        }

.folio-item .folio-style-4 {
    position: relative;
}

    .folio-item .folio-style-4 .overlay {
        background-color: rgba(0, 10, 30, 0.7);
        color: #ececec;
        opacity: 0;
        visibility: hidden;
    }

    .folio-item .folio-style-4 .folio-caption {
        width: 100%;
        height: 100%;
        position: relative;
        display: table;
        z-index: 10;
    }

        .folio-item .folio-style-4 .folio-caption .folio-content {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .folio-item .folio-style-4 .folio-caption .folio-content .divider {
                border-right: 1px solid #fff;
                height: 45px;
                opacity: 0;
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
            }

            .folio-item .folio-style-4 .folio-caption .folio-content .folio-action, .folio-item .folio-style-4 .folio-caption .folio-content .folio-info {
                display: inline-block;
                padding: 0px 15px;
                opacity: 0px;
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
            }

            .folio-item .folio-style-4 .folio-caption .folio-content .folio-info {
                text-align: right;
                margin-right: 30px;
            }

                .folio-item .folio-style-4 .folio-caption .folio-content .folio-info .folio-tittle {
                    color: #fff;
                    margin-top: 0px;
                    margin-bottom: 5px;
                }

                .folio-item .folio-style-4 .folio-caption .folio-content .folio-info .folio-sub-title {
                    color: #cecece;
                }

            .folio-item .folio-style-4 .folio-caption .folio-content .folio-action {
                vertical-align: super;
                font-size: 1.9em;
                margin-left: 30px;
            }

                .folio-item .folio-style-4 .folio-caption .folio-content .folio-action a {
                    color: #cecece;
                    margin-right: 10px;
                    transition: all 0.3s ease-in-out;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                }

                    .folio-item .folio-style-4 .folio-caption .folio-content .folio-action a:hover, .folio-item .folio-style-4 .folio-caption .folio-content .folio-action a:focus {
                        color: #fff;
                    }

    .folio-item .folio-style-4:hover .overlay {
        opacity: 1;
        visibility: visible;
    }

    .folio-item .folio-style-4:hover .folio-image img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .folio-item .folio-style-4:hover .folio-caption .folio-content .folio-action, .folio-item .folio-style-4:hover .folio-caption .folio-content .folio-info {
        opacity: 1;
    }

    .folio-item .folio-style-4:hover .folio-caption .folio-content .folio-info {
        margin-right: 0px;
    }

    .folio-item .folio-style-4:hover .folio-caption .folio-content .folio-action {
        margin-left: 0px;
    }

    .folio-item .folio-style-4:hover .folio-caption .folio-content .divider {
        opacity: 1;
    }

.folio-item > div.active .overlay {
    opacity: 1;
    visibility: visible;
}

.folio-item > div.active .folio-image img {
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
}

.folio-item > div.active .folio-caption {
    left: 30px;
}


.folio-2-portfolio-style {
    position: absolute;
    top: 0;
    opacity: 0.7;
    background-color: #000000;
    bottom: 0;
    width: 50% !important;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.folio-portfolio-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0px 1em;
}

.folio-item .folio-portfolio-image {
    overflow: hidden;
    position: relative;
}

.folio-item .folio-2-style-portfolio .folio-caption {
    position: absolute;
    left: -30px;
    bottom: 30px;
}

.folio-item .folio-style-portfolio {
    position: relative;
}

/*a:hover > .folio-style-portfolio {
    box-shadow: 5px 5px rgba(219,0,0,0.6);
}*/

/*a:hover > .folio-style-portfolio {
    box-shadow: 0px 0px 8px rgba(219,0,0,1);
}*/


a:hover > .folio-style-portfolio > .folio-2-portfolio-style {
    background-color: #db0000 !important;
    opacity: 0.7;
}


.describe-portfolio {
    color: #fff;
    line-height: 1.4;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    font-weight: normal !important;
}

.portfolio-section-heading {
    font-size: 1.4em;
    color: #395D9E;
    margin-top: 10%;
}

.portfolio-section-subheading {
    font-size: 1.2em !important;
    color: #707070 !important;
    font-weight: bold;
}

.img-portfolio-overlap {
    position: absolute;
    top: -3vw;
    left: 8.5vw;
    z-index: 1;
    width: 6vw;
}

.boxed-div {
    padding: .35em .625em .75em;
    background-color: rgba(234,239,241,0.7);
}

    .boxed-div > legend {
        display: block;
        width: 50%;
        margin-bottom: 20px;
        border-bottom: none !important;
    }

.mrg-section-heading {
    margin-top: 15% !important;
}


.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.margin-top-4 {
    margin-top: 4%;
}

.text-green {
    color: #00bfa5;
}



#mobile-nav {
    display: none;
}



/*Whitepaper Section Starts*/

#wp-list .card img {
    box-shadow: 0px 4px 5px #d9d9d9;
    border: 1px solid #d9d9d9;
}


#custom-tab .nav-tabs {
    border-bottom: none !important;
}

/*Whitepaper Section Ends*/

#carouselSliderControls {
    z-index: 999;
}







/*#Three-musc .border-lef {
    background: url('../images/pages/landing/icons-border.svg') no-repeat left;
    margin-left: -1px;
}

#Three-musc .border-rig {
    background: url('../images/pages/landing/icons-border.svg') no-repeat right;
    margin-left: -1px;
}

.border-rig .icon-back{
    right:0% !important;
}*/


/*Responsive Breakpoints Ends*/

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


.describe-portfolio {
    color: #fff;
    line-height: 1.4;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    font-weight: normal !important;
}

.portfolio-section-heading {
    font-size: 1.4em;
    color: #395D9E;
    margin-top: 10%;
}

.portfolio-section-subheading {
    font-size: 1.2em !important;
    color: #707070 !important;
    font-weight: bold;
}

.img-portfolio-overlap {
    position: absolute;
    top: -3vw;
    left: 8.5vw;
    z-index: 1;
    width: 6vw;
}

.boxed-div {
    padding: .35em .625em .75em;
    background-color: rgba(234,239,241,0.7);
}

    .boxed-div > legend {
        display: block;
        width: 50%;
        margin-bottom: 20px;
        border-bottom: none !important;
    }

.mrg-section-heading {
    margin-top: 15% !important;
}

.text-white {
    color: #fff;
}

.card-trans {
    background: transparent !important;
    border: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
}

.btn-color-red:hover{
    color:unset !important;
}


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

    #rpa-owl-service #slider-rpa {
        height: 23vw !important;
    }

    .describe-portfolio {
        color: #fff;
        font-size: 1.5em;
        text-align: center;
        cursor: pointer;
        font-weight: normal !important;
    }

    .img-portfolio-overlap {
        position: absolute;
        top: -3vw;
        left: 9vw;
        z-index: 1;
        width: 6vw;
    }

    .portfolio-section-subheading {
        font-size: 1.4em !important;
        color: #707070 !important;
        font-weight: bold;
    }
}


.resource_blank ul.resource_box {
    list-style: none;
    text-align: center;
}

    .resource_blank ul.resource_box li {
        border: #8398ab;
        display: inline;
    }

        .resource_blank ul.resource_box li a {
            display: inline-block;
            width: 22%;
            height: 300px;
            border: 1px solid #cecece;
            margin: 10px;
            position: relative;
        }

            .resource_blank ul.resource_box li a .heading_text {
                background: #33999B;
                padding: 10px;
                color: #fff;
                font-size: 1em;
                position: absolute;
                bottom: 0px;
                width: 100%;
                min-height: 70px;
                opacity: 0.9;
                color: #fff;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

.bg {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: left center;
    position: relative;
    z-index: 1;
}

.btn-Green {
    background-color: #6bb444;
    color: #fff !important;
    border-radius: 5px !important;
    text-align: center !important;
}

    .btn-Green .hover .active {
        color: #fff;
    }


.portfolio-section-quote {
    width: 90%;
    color: white;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 1.25em;
}

.banner-title {
    font-size: 30px;
    font-weight: bold;
}

.banner-description {
    font-size: 1.3em;
    color: #fff !important;
}


.dark-overlay::before {
    content: "";
    background-color: rgb(51, 55, 67);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    top: 0px;
    left: 0px;
}

.page-tittle-head {
    margin-bottom: 2em !important;
}

#cloud-flip .flip-card-back img {
    position: absolute;
    top: 7%;
    width: 12%;
}

#cloud-flip .flip-card-back .features-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    #cloud-flip .flip-card-back .features-info p {
        margin-top: 0;
        margin-bottom: 0;
    }


.features-tittle-anchor:hover {
    color: #23A5D1 !important;
}

.height-auto {
    height: auto !important;
}


.eut-single-post-title {
    font-size: 30px;
    color: #666;
    font-weight: bold;
}

#eut-single-post-meta ul {
    list-style: none;
    margin: 0;
    padding-inline-start: 0px;
}

.eut-post-meta {
    margin-bottom: 24px;
    line-height: 1.5;
}

#eut-single-post-meta ul li {
    display: inline-block;
    margin-right: 5px;
}

#eut-single-post-meta {
    margin-bottom: 2.500em;
}


.dropdown-menu {
    margin-top: 0;
}

    .dropdown-menu .dropdown-toggle::after {
        vertical-align: middle;
        border-left: 4px solid;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
    }

    .dropdown-menu .dropdown .dropdown-menu {
        left: 100%;
        top: 0%;
        margin: 0 20px;
        border-width: 0;
    }

    .dropdown-menu > li a:hover,
    .dropdown-menu > li.show {
        background: #007bff;
        color: white;
    }

        .dropdown-menu > li.show > a {
            color: white;
        }

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin: 0;
        border-width: 1px;
    }
}
@media only screen and (max-width: 768px) {
    .text-green {
        margin-top: 32px;
        font-size: 28px;
        line-height: 1.5;
    }
}

.orange-icons i {
    font-size: 39px;
    background: orange;
    color: #fff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 20px;
    margin-bottom: 20px;
}

#log a {
    cursor: pointer;
}

#rpa-landing-flip a {
    cursor: pointer;
}

.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

.modal-body {
    position: relative;
    padding: 0px;
}

.close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

.alignleft, img.alignleft {
    float: left;
    margin-right: 20px;
}

#int-goal {
    padding-left: 0 !important;
}


.panel-anchor-text {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: block;
}

#sdp h5 {
    font-weight: bold;
}

#sdp i {
    color: #23a5d1;
}

#init-help h5, #rel-prod h5 {
    font-weight: bold;
}

#init-help .card {
    height: 380px;
}

#cd-feature .bb i {
    font-size: 30px;
    background: #fff;
    color: #faa500;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    padding: 20px;
}

#rel-prod a {
    text-decoration: none;
    color: inherit;
}

/*#rel-prod h5 {
    position: absolute;
    top: 5%;
    background: #ffc000;
    padding: 15px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}*/

/*#rel-prod .card:hover::after {
    content: "Read More";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.85);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}*/


.modal-header .close {
    padding: 1rem 1rem;
    margin: -.5rem 2rem -1rem auto !important;
}

.modal-header {
    border-bottom: none !important;
}

#myModal2 .modal-dialog, #myModal3 .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 7%;
}

.modal-content {
    width: 1100px;
}



.FormCenter {
    margin: 0 auto;
    border: 1px solid #aaaaaa;
    background-color: #FFFFFF;
    width: 80%;
    padding: 30px;
    border-radius: 5px;
}

    .FormCenter label {
        color: #333;
        line-height: normal !important;
    }

    .FormCenter button {
        margin-top: 20px;
    }

input[type="text"] {
    opacity: 1 !important;
    background-color: #cccccc !important;
    border-radius: 3px;
}

.FormCenter input:focus {
    background: #dddddd !important;
    color: #000000 !important;
    opacity: 1 !important;
}

.FormCenter input {
    color: #000000 !important;
}

.arrow-down {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgb(240, 237, 234);
}

.eut-bg-image.eut-bg-position-center-center {
    background-position: center center;
    background-size: cover;
}

@media (max-width:1000px) {

    .eut-column-1-4 {
        width: 100%;
    }
}

.eut-column-1-2 {
    width: 50.0%;
    float: right !important;
    position: relative;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 25px;
    z-index: 3;
}


#form-section input, #form-section textarea, #form-section select {
    width: 100%;
    background: #ccc;
    padding: 10px;
    border: 0;
}

    #form-section input:focus {
        transition: all 0.4s ease;
        background: #e5e5e5 ;
    }

/*#form-section label {
    display: block;
}*/

.check-fix .col-md {
    width: auto;
    display: flex;
}

.check-fix input {
    width: auto !important;
    margin-right: 5%;
}

.check-fix label {
    margin-bottom: 0 !important;
}


.icon {
    /*background: rgba(255, 255, 255, .6);*/
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 40px;
    line-height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    text-align: center;
}

.owl-next,
.owl-prev {
    height: 100%;
    /*position: absolute;*/
    top: 0;
    /*width: 33.33333333%;*/
}

.owl-next {
    right: 0;
}

.owl-prev {
    left: 0;
}

    .owl-next:hover .icon,
    .owl-prev:hover .icon {
        /*background: rgba(48, 117, 70, .8);*/
        color: rgba(255, 255, 255, .9);
    }

.icon-arrow-left7 {
    left: -85px;
}


.icon-arrow-right7 {
    right: -85px;
}

.icon-arrow-left7:before {
    content: "\f053";
}

.icon-arrow-right7:before {
    content: "\f054";
}

#up-owl .owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.blue-icons-small i {
    font-size: 25px;
    background: #23A5D1;
    color: #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blue-icons-small h5 {
    font-weight: bold;
}

#assist-sec ul {
    list-style: none;
    padding-left: 20px;
}

    #assist-sec ul li:before {
        content: '✓';
        padding-right: 10px;
        color: orange;
        font-weight: bold;
    }

#assist-sec i {
    color: #83ad00;
}

.text-uppercase {
    text-transform: uppercase;
}

.action-link {
    display: block;
    padding: 1rem;
    border: 1px solid #000;
    background: #292e34;
    color: #fff !important;
}

    .action-link.active {
        border: 1px solid #000;
        padding: 1rem;
        background-color: #393F44;
        color: #fff !important;
        border-bottom: none;
        font-weight: bold;
        border-left: 5px solid #39a5dc;
    }

        .action-link.active:after {
            content: "\f054";
            float: right;
            font-family: FontAwesome;
            font-size: 15px;
        }


/*-------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

.board {
    width: 100%;
    /*margin: 60px auto;*/
    /*height: 500px;*/
    background: #fff;
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}

    .board .nav-tabs {
        position: relative;
        /* border-bottom: 0; */
        /* width: 80%; */
        /*margin: 40px auto;*/
        margin-bottom: 0;
        box-sizing: border-box;
    }

    .board > div.board-inner {
        background-size: 30%;
    }

p.narrow {
    width: 60%;
    margin: 10px auto;
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30%;
    z-index: 1;
}

#process-cirlce .nav-tabs > li.active > a, #process-cirlce .nav-tabs > li.active > a:hover, #process-cirlce .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
}

span.round-tabs {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tabs.one {
        color: #999;
        border: 2px solid #999;
    }

#process-cirlce li.active span.round-tabs.one {
    background: #00A2CE !important;
    border: 2px solid #ddd;
    color: #fff;
}

span.round-tabs.two {
    color: #999;
    border: 2px solid #999;
}

#process-cirlce li.active span.round-tabs.two {
    background: #00A2CE !important;
    border: 2px solid #ddd;
    color: #fff;
}

span.round-tabs.three {
    color: #999;
    border: 2px solid #999;
}

#process-cirlce li.active span.round-tabs.three {
    background: #00A2CE !important;
    border: 2px solid #ddd;
    color: #fff;
}

span.round-tabs.four {
    color: #999;
    border: 2px solid #999;
}

#process-cirlce li.active span.round-tabs.four {
    background: #00A2CE !important;
    border: 2px solid #ddd;
    color: #fff;
}

span.round-tabs.five {
    color: #999;
    border: 2px solid #999;
}

#process-cirlce li.active span.round-tabs.five {
    background: #00A2CE !important;
    border: 2px solid #ddd;
    color: #fff;
}

#process-cirlce li.active p.cir-title {
    color: #fff !important;
    background: #00A2CE !important;
    padding: 10px;
    width: 75%;
    margin: 0 auto;
}

    #process-cirlce li.active p.cir-title::after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #00A2CE;
        content: '';
        position: absolute;
        top: 100%;
    }

.title-click a:last-child {
    width: 100% !important;
    border: none !important;
}

#process-cirlce .nav-tabs > li.active > a span.round-tabs {
    background: #fafafa;
}

#process-cirlce .nav-tabs > li {
    width: 20%;
}
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
/*#process-cirlce li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition: 0.1s ease-in-out;
}*/

#process-cirlce li.active::after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0;
    border: 15px solid transparent;
    /*border-bottom-color: #08b1ff;*/
}

#process-cirlce .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    #process-cirlce .nav-tabs > li a:hover {
        background: transparent;
    }

.tab-content {
}

.tab-pane {
    position: relative;
    /*padding-top: 50px;*/
}

.tab-content .head {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.btn-outline-rounded {
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green {
    background-color: #5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}


.cir-title {
    position: relative;
    display: flex;
    justify-content: center;
    top: -7%;
    font-weight: bold;
    font-size: 16px;
}


#home .col-sm-2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/*#home .title-head {
    background: #e4e4e4;
    padding: 0;
}*/


/*#home .col-md h3 {
    background: #015176;
    padding: 8px;
    color: #fff;
}*/

/*#home i {
    color: #00A2CE;
}*/

.title-head i {
    color: #00A2CE;
}

/*#home p {
    font-size: 16px;
}*/

#home h3 i, #profile h3 i, #doner h3 i, #settings h3 i, #messages h3 i {
    padding-right: 15px;
}

#home .card li, #profile .card li, #eight-boxes li, #doner .card li, #settings .card li, #messages .card li {
    line-height: 2em;
}

.obj {
    /*border: 1px solid #fff;
    padding: 8px;
    box-shadow: 2px 2px 2px #fff;*/
    border-bottom: 1px solid #fff;
    line-height: 1.6;
}

.chl {
    /*border: 1px solid #000;
    padding: 8px;
    box-shadow: 2px 2px 2px #000;*/
    border-bottom: 1px solid #000;
    line-height: 1.6;
}

.fab-3x {
    font-size: 3em;
}

.label-normal label {
    font-weight: normal !important;
}

#line p::before {
    content: '_';
    font-size: 60px;
    color: #00A2CE;
    font-weight: bold;
    position: absolute;
    top: -50px;
    left: 45%;
}

.box-container {
    display: flex;
}

.box-main {
}

.box-1 {
    align-items: center;
    justify-content: center;
    display: flex;
    background: #002050;
    height: 400px;
}

    .box-1 div, h2 {
        z-index: 2;
    }

    .box-1 .col-md i, .box-2 .col-md i {
        font-size: 24px;
    }

    .box-1 .col-md i {
        color: #fff;
        padding-bottom: 15px;
    }

.box-2 .col-md i {
    padding-bottom: 15px;
}

.box-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffba12;
    height: 400px;
}

.box-1:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 87%;
    z-index: 0;
    background: #ffba12;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(30deg, 0deg);
}

.box-2::after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 113%;
    z-index: 1;
    background: #002050;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.d365-layer-over {
    background: #00a2ce;
    color: #fff;
    padding: 15px;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto auto;
    position: absolute;
    z-index: 2;
    top: 34%;
    left: 38%;
    border-radius: 30px;
}

.eval-d365-layer-over {
    background: #00a2ce;
    color: #fff;
    padding: 15px;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto auto;
    position: absolute;
    z-index: 2;
    top: 43%;
    left: 38%;
    border-radius: 30px;
}

.pur-d365-layer-over {
    background: #00a2ce;
    color: #fff;
    padding: 15px;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto auto;
    position: absolute;
    z-index: 2;
    top: 48%;
    left: 38%;
    border-radius: 30px;
}

.cs-d365-layer-over {
    background: #00a2ce;
    color: #fff;
    padding: 15px;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto auto;
    position: absolute;
    z-index: 2;
    top: 34%;
    left: 38%;
    border-radius: 30px;
}

.loyal-d365-layer-over {
    background: #00a2ce;
    color: #fff;
    padding: 15px;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto auto;
    position: absolute;
    z-index: 2;
    top: 34%;
    left: 38%;
    border-radius: 30px;
}

.eval-card .card {
    height: 400px;
}

#board-sec .card {
    height: 350px;
    margin-top: 12px;
}

#board-sec .card-header h2 {
    font-size: 22px;
    font-weight: bold;
}

.bg-lighter-blue {
    background: #1EB2FF;
}

.line-height-15 {
    line-height: 1.5;
}

.line-height-20 {
    line-height: 2;
}

.line-height-30 {
    line-height: 3;
}

.width-45 {
    width: 45%;
}

.d365-up-skew {
    /*position: absolute;
    content: " ";
    display: block;
    left: 0;
    bottom: -173px;
    width: 100%;
    border-style: solid;
    border-width: 0 100vw 182px 0;
    border-color: #1EB2FF;
    transform: rotate(-2deg);
    z-index: -1;*/
    width: 100%;
    position: relative;
    clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
    padding: 30px 100px;
    z-index: -1;
    height: 590px;
}

.d365-down-skew {
    /*position: relative;
    content: " ";
    display: block;
    left: 0;
    bottom: -35px;
    width: 100%;
    border-style: solid;
    border-width: 0 100vw 70px 0;
    transform: rotate(2deg);
    border-color: #1EB2FF;*/
    width: 100%;
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    padding: 30px 100px;
    z-index: -1;
    height: 590px;
}

.bg-darker-blue {
    background: #3A395B;
}

.width-60 {
    width: 60%;
}

#ribbon-box .card {
    height: 350px;
    background: #f7f7f7;
}

#ribbon-box i {
    font-size: 46px;
    color: #fff;
}

.ribbon-back-color {
    background: rgba(0,202,189,1);
    background: -moz-linear-gradient(left, rgba(0,202,189,1) 0%, rgba(0,183,233,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,202,189,1)), color-stop(100%, rgba(0,183,233,1)));
    background: -webkit-linear-gradient(left, rgba(0,202,189,1) 0%, rgba(0,183,233,1) 100%);
    background: -o-linear-gradient(left, rgba(0,202,189,1) 0%, rgba(0,183,233,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,202,189,1) 0%, rgba(0,183,233,1) 100%);
    background: linear-gradient(to right, rgba(0,202,189,1) 0%, rgba(0,183,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cabd', endColorstr='#00b7e9', GradientType=1 );
}

#retail-banner {
    margin-top: 0 !important;
}

#rel-prod .card {
    height: 370px;
}

.d365-cover::after {
    content: "";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 40%;
    height: 100%;
    top: 0;
    right: 12px;
    background-color: #000;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%);
    z-index: 1;
}

#shadow {
    content: "";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 40%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #1FADF8;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 23% 100%);
    z-index: 2;
}

#d365-header {
    margin-top: 55px;
}

    #d365-header p {
        font-size: 30px;
    }

    #d365-header span {
        font-weight: bold;
    }

.button-yellow {
    background: rgba(255,221,126,1);
    background: -moz-linear-gradient(top, rgba(255,221,126,1) 0%, rgba(255,162,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,221,126,1)), color-stop(100%, rgba(255,162,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,221,126,1) 0%, rgba(255,162,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,221,126,1) 0%, rgba(255,162,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,221,126,1) 0%, rgba(255,162,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,221,126,1) 0%, rgba(255,162,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd7e', endColorstr='#ffa200', GradientType=0 );
    border-radius: 40px;
    padding: 12px 40px;
    box-shadow: 3px 3px 5px #b5b5b5;
}

#overlay-button-cust {
    position: relative;
    top: -25px;
}

#overlay-button-emp {
    position: relative;
    top: 25px;
}


#overlay-button-part {
    position: relative;
    top: -95px;
}

#overlay-button-commu {
    position: relative;
    top: 45px;
}

#right-side-nose {
    bottom: 190px;
    position: absolute;
    right: 0;
}

    #right-side-nose ul li {
        display: flex;
        align-items: center;
    }

        #right-side-nose ul li:nth-child(1) {
            position: relative;
            right: -300px;
            float: right;
            background: #fff;
            padding: 10px;
            width: 300px;
            border-radius: 40px;
            margin-bottom: 15px;
        }

        #right-side-nose ul li:nth-child(2) {
            position: relative;
            right: -240px;
            float: right;
            background: #fff;
            padding: 10px;
            width: 400px;
            border-radius: 40px;
            margin-bottom: 15px;
        }

        #right-side-nose ul li:last-child {
            position: relative;
            right: -185px;
            float: right;
            background: #fff;
            padding: 10px;
            width: 500px;
            border-radius: 40px;
            margin-bottom: 15px;
        }

#left-side-nose {
    position: absolute;
    left: 0;
}

    #left-side-nose .col-md {
        bottom: 290px;
    }

    #left-side-nose ul li, #right-side-nose ul li {
        box-shadow: 2px 4px 5px #333743;
    }


        #left-side-nose ul li:nth-child(1) {
            position: relative;
            left: -100px;
            float: left;
            background: gray;
            padding: 10px;
            width: 300px;
            border-radius: 40px;
            margin-bottom: 15px;
        }

        #left-side-nose ul li:nth-child(2) {
            position: relative;
            left: -145px;
            float: left;
            background: gray;
            padding: 10px;
            width: 400px;
            border-radius: 40px;
            margin-bottom: 15px;
        }

        #left-side-nose ul li:last-child {
            position: relative;
            left: -190px;
            float: left;
            background: gray;
            padding: 10px;
            width: 500px;
            border-radius: 40px;
            margin-bottom: 15px;
        }

    #right-side-nose i, #left-side-nose i {
        font-size: 30px;
        padding: 0px 10px;
    }

/*#rcm-header {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    height: 600px;
}

.rcm-banner-title {
    font-weight: bold;
    color: #2a88ba;
}

#rcm-flip .flip-container, #rcm-flip .front, #rcm-flip .back {
    width: 100%;
    height: 270px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

#rcm-flip .front {
    background: linear-gradient(135deg, rgba(97,207,211,1) 0%, rgba(0,169,172,1) 100%);
}

#rcm-flip .back p {
    position: unset;
    bottom: auto;
    left: auto;
    right: auto;
    padding: unset;
    font-size: 1.2em;
    top: auto;
}

#rcm-flip .back div {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#rcm-cards-sec .card {
    height: 360px;
}

#rcm-avenues i, #rcm-flip i {
    font-size: 50px;
}

#rcm-flip i {
    color: #fff;
}

#rcm-footer {
    clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
    height: 600px;
}

#rcm-phone-overlay img {
    position: absolute;
    margin-top: -615px;
    left: 25%;
    overflow: hidden;
}

#rcm-footer .col-md-6 {
    margin-top: 17%;
    left: 500px;
}

#rcm-header h1{
    font-size:36px;
}*/

#life .row {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
}

#sales-feature .col-md .card {
    height: 460px;
}

#sales-feature .flipper .front {
    background: linear-gradient(135deg, rgba(97,207,211,1) 0%, rgba(0,169,172,1) 100%);
    height: 270px;
}

#sales-feature .flipper .back {
    height: 270px;
}

#sales-feature i {
    background: #FFF;
    color: #00a3ff;
}

#sales-feature .back p {
    font-size: 18px;
}

.wrap-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.5;
    max-height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wrap-img {
    height: auto;
    overflow: hidden;
}

#blog-card .card, .folio-item .card {
    height: 480px;
}

#callouts .flip-container:hover, #callouts .flip-container.hover {
    cursor: unset;
}

.icon-back-1 {
    width: 70px;
    height: 70px;
    background: #23a5d1;
    border-radius: 100%;
    position: absolute;
    right: 0%;
    top: 10%;
}

.features-block-3-1 .features-info {
    padding-right: 80px;
    text-align: right;
}

.features-block-3-1 {
    position: relative;
    margin-bottom: 50px;
    padding: 0px 10px;
    height: 200px;
}

#myModal2 .modal-dialog, #myModal2 .modal-content, #myModal3 .modal-dialog, #myModal3 .modal-content {
    max-width: 1200px;
}

#contact-banner {
    height: 300px;
}

#case-study-banner h2 {
    font-size: 26px;
}

#contact-us .col-md:first-child {
    padding-right: 5%;
}

/*#board-sec .card {
    background-color: unset !important;
    height: 460px;
}*/

#assist-sec .card {
    background-color: #043A4D !important;
    color: white;
    width: 100%;
    height: 12em;
}

#assist-sec a {
    width: 100%;
}

/*#assist-sec .card-body {
    padding: 1rem 0;
}*/

.as-supp .card h6 {
    line-height: 1.5 !important;
}

.as-supp .card i {
    font-size: 3em;
    margin-bottom: 0.4em;
}

.as-supp .fa-file-alt::before {
    content: "\f15c";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

#as-sup-ben .card h6 {
    font-weight: 700;
}

#as-sup-ben .card {
    height: 12em;
}

    #as-sup-ben .card p {
        margin: unset;
    }

#as-sup-ben .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#as-sup-ben .col-md i {
    margin-bottom: 0.5em;
}

#as-sup-ben .col-md h6 {
    font-weight: 700;
}

#banks .skull {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jbtype {
    background: #90DA36;
    padding: 5px 10px;
    color: #fff;
}

#jobtype i, #nl-logo i, #application i {
    padding-right: 5px;
}

.single_job_listing .company {
    position: relative;
    border: 1px solid #eee;
    padding: 10px 15px;
    margin: 0 0 2em;
    display: block;
    clear: both;
    min-height: 4em;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

    .single_job_listing .company img {
        width: 3em;
        height: 3em;
        position: absolute;
        left: 1em;
        float: left;
        vertical-align: middle;
        box-shadow: none;
    }

    .single_job_listing .company .name {
        margin: 0 0 0 3em;
        padding: 0 0 0 1em;
        line-height: 1.5em;
    }

        .single_job_listing .company .name a {
            float: right;
            margin-left: 1em;
        }
/*.single_job_listing .company .website::before {
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-font-smoothing: antialiased;
	font-family: job-manager !important;
	text-decoration: none;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	font-size: 16px;
	margin: 0 2px 0 0;
	*overflow: auto;
	*zoom: 1;
	*display: inline;
	content: '\e809';
}*/

#nl-logo .col-md {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.application-button {
    padding: 12px 35px;
}

#application .fa-facebook-f::before {
    content: "\f39e" !important;
}

#application .fa-twitter {
    background: no-repeat;
    color: #666;
}

#jobtitle {
    margin-top: 5%;
}

    #jobtitle h1 {
        font-weight: bold;
    }

    #jobtitle .dbtype {
        background: #90DA36;
        color: #fff;
        padding: 5px 10px;
    }

.features-info p {
    padding-right: 35px;
}

.folio-image {
    height: 350px;
}

/*Bounce Arrow on Home Page*/
.arrow {
    text-align: center;
    margin: 8% 0;
    position: absolute;
    left: 50%;
    top: 30%;
    font-size: 40px;
}

    .arrow a {
        cursor: pointer;
    }

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

#tbliNatrixJobsSmall {
    cursor: pointer;
}


/*Whitepaper Area Starts*/

#wp-list .card {
    background-color: transparent;
    box-shadow: unset;
    border: unset;
}

#wp-list .card-body {
    padding: 15px 0;
    text-align: left;
}

#wp-list .card-title {
    margin-bottom: .40rem;
}

#wp-list .container-fluid {
    width: 95%;
}

#wp-list .card-text {
    font-size: 14px;
    line-height: 1.3;
}

#wp-list .list-inline-item:not(:last-child) {
    margin-right: 0;
}


#wp-list li a {
    display: inline-block;
    width: 222px;
    height: 100%;
    margin: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px;
}

/*#wp-list li {
    margin-bottom: 12%;
}*/

.ban-text-top-align {
    position: absolute !important;
    top: 15%;
    left: 4%;
}

.card_1, .card_2, .card_3 {
    /*margin: 1px;*/
    height: auto;
}

.card-head-cust-1 {
    position: absolute;
    top: -8%;
    width: 85%;
    border-top-left-radius: 5px !important;
    background-color: #62a0e1 !important;
    border-top-right-radius: 5px !important;
    color: #fff;
    padding: 20px !important;
}

.card-head-cust-2 {
    position: absolute;
    top: -8%;
    width: 85%;
    border-top-left-radius: 5px !important;
    background-color: #62a0e1 !important;
    border-top-right-radius: 5px !important;
    color: #fff;
    padding: 20px !important;
    right: 0;
    text-align: right;
}

.curve-sticky-1 {
    background-color: #f2f2f2;
    padding: 15px 35px;
    text-decoration: underline;
    left: 0;
    position: absolute;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.curve-sticky-2 {
    background-color: #f2f2f2;
    padding: 15px 35px;
    text-decoration: underline;
    right: 0;
    position: absolute;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}



#field-services-1 .card ul li {
    padding-bottom: 5%;
    margin-bottom: 5%;
    padding-left: 20px;
    align-items: center;
    vertical-align: middle;
    height: 50px;
    padding-top: 3%;
}


#field-services-2 .card ul li {
    padding-bottom: 5%;
    margin-bottom: 5%;
    padding-right: 20px;
    align-items: center;
    vertical-align: middle;
    height: 50px;
    padding-top: 0%;
}

.card-group .img-fluid {
    max-width: 100%;
    height: 100%;
}


#get-in-touch-laptop li i {
    font-size: 40px;
    padding-right: 25px;
    margin-bottom: 25px;
    text-align: left;
    margin-left: 0;
}

#get-in-touch-laptop .fa-life-ring::before {
    position: static;
    color: #212529;
    font-size: 40px;
}

#field-service-banner .banner-title .white-box {
    border-top: unset;
    border-bottom: unset;
    display: inline-block;
    line-height: 50px;
    color: #fff;
}

#field-service-banner .page-sub hr {
    background: #fff;
    height: 5px;
    margin-top: 10px;
    width: 18%;
    display: table-caption;
}

#wp-inner .right-side-links form .terms label {
    font-size: 11px;
}

#wp-inner .col-md-4 p {
    font-size: 15px;
}

/*Whitepaper Area Ends*/

.social-pl .nav-item a {
    display: flex;
    justify-content: center;
    align-items: center;
}

#myCarousel .carousel h1 {
    font-size: 15px;
    text-transform: uppercase;
    color: #777;
}

#caro-blog #myCarousel {
    height: 350px;
}

#myCarousel2 {
    height: 250px;
}

#myCarousel .carousel a {
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #777;
}

#myCarousel .item img, #myCarousel2 .item img {
    /*min-height: 200px !important;
    height: 200px;*/
    width: 100%;
}

#myCarousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 10px;
    margin-right: 5px;
}

#myCarousel .carousel-indicators {
    position: absolute !important;
    /*bottom: 0;*/
    /*margin-top: 50px;*/
    margin-bottom: 2px;
    width: 100%;
    padding-left: 40px;
}

    #myCarousel .carousel-indicators .active {
        width: 10px;
        margin-right: 5px;
        height: 10px;
        margin-top: 1px;
        background-color: #555;
    }

#myCarousel2 .carousel-control.right {
    background-image: inherit !important;
    right: 0 !important;
    height: 200px;
}

#myCarousel2 .carousel-control.left {
    background-image: inherit !important;
    height: 200px;
}

.success h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: #777;
}

.success h2 {
    font-size: 16px;
    text-transform: none;
    color: #777;
    line-height: 1.7;
}

.success a {
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #777;
    border-bottom: 1px solid;
}

.success img {
    height: 100% !important;
    width: 100%;
}

.sucess-img-wrap {
    height: 190px;
    width: 100%;
}

    .sucess-img-wrap img {
        object-fit: cover;
    }

.shadow {
    -webkit-box-shadow: 2px 2px 24px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 24px -7px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 24px -7px rgba(0,0,0,0.75);
    border-radius: 10px;
}

.bradus-top-10 {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.blog p {
    font-weight: 400;
    color: #333;
    font-size: 18px;
    line-height: 1.7;
    font-family: "Work Sans", sans-serif;
}



   

#dvBlogArea a {
    font-size: inherit;
}



#caro-blog #myCarousel2 .sales-cover div p {
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
}


.success p {
    color: #ad2f2f !important;
    line-height: 1.5;
}

#myCarousel2 .centered h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}

.blog_side_button {
    background: #DB0000;
    padding: 12px 25px;
    color: #fff;
    border-radius: 45px;
}

    .blog_side_button:hover {
        color: #fff;
        box-shadow: 3px 3px 3px #FF6767;
    }

#wp-inner h1 {
    font-size: 32px;
    font-weight: bold;
}

.right-side-links {
    background: #f7f7f7;
    border: 1px solid #e0e0e0;
    padding: 8%;
}

    .right-side-links h4 {
        color: #276a8e;
        margin-bottom: 5%;
    }

.multicolor_header h2 span, .multicolor_header h1 span {
    color: #276a8e;
}

#wp-list li .card-body h5 {
}

#wp-inner .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
    background: #fff;
}

#thank-you-download .col-md-4 {
    background: #FFF;
    height: 100vh;
}

.download_style {
    background-color: green;
    background: linear-gradient(to bottom, rgba(255,215,53,1) 0%, rgba(229,149,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd735', endColorstr='#e59514', GradientType=0 );
    padding: 10px;
    margin-bottom: 10px;
    display: block;
    color: #000;
    font-size: 18px;
}

    .download_style:hover {
        color: #000;
    }

.btn-go-home {
    background: #00acc1;
    padding: 10px 15px;
    color: #fff;
    border-radius: 40px;
}

    .btn-go-home:hover {
        color: #fff;
    }



#page-banner a:hover {
    color: #fff !important;
}

#cloud-flip .features-info p {
    padding-right: 0;
}

#cloud-flip .flip-card-back .features-info p {
    margin-top: 2%;
    font-size: 0.8rem;
}


#wp-inner #contact-form input[type="text"] {
    background-color: unset !important;
}

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

    #home .card li, #profile .card li, #eight-boxes li, #doner .card li, #settings .card li, #messages .card li {
        line-height: 2em;
    }

    .obj {
        /*border: 1px solid #fff;
    padding: 8px;
    box-shadow: 2px 2px 2px #fff;*/
        border-bottom: 1px solid #fff;
        line-height: 1.6;
    }

    .chl {
        /*border: 1px solid #000;
    padding: 8px;
    box-shadow: 2px 2px 2px #000;*/
        border-bottom: 1px solid #000;
        line-height: 1.6;
    }

    .fab-3x {
        font-size: 3em;
    }

    .label-normal label {
        font-weight: normal !important;
    }

    #line p::before {
        content: '_';
        font-size: 60px;
        color: #00A2CE;
        font-weight: bold;
        position: absolute;
        top: -50px;
        left: 45%;
    }

    .box-container {
        display: flex;
    }

    .box-main {
    }

    .box-1 {
        align-items: center;
        justify-content: center;
        display: flex;
        background: #002050;
        height: 400px;
    }

        .box-1 div, h2 {
            z-index: 2;
        }

        .box-1 .col-md i, .box-2 .col-md i {
            font-size: 24px;
        }

    .tab-content .head {
        font-size: 20px;
    }

    .box-2 .col-md i {
        padding-bottom: 15px;
    }

    .box-2 {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffba12;
        height: 400px;
    }

    .box-1:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 87%;
        z-index: 0;
        background: #ffba12;
        transform-origin: bottom left;
        -ms-transform: skew(-30deg, 0deg);
        -webkit-transform: skew(-30deg, 0deg);
        transform: skew(30deg, 0deg);
    }

    .box-2::after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        right: 113%;
        z-index: 1;
        background: #002050;
        transform-origin: bottom left;
        -ms-transform: skew(-30deg, 0deg);
        -webkit-transform: skew(-30deg, 0deg);
        transform: skew(-30deg, 0deg);
    }

    .d365-layer-over {
        background: #00a2ce;
        color: #fff;
        padding: 15px;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto auto;
        position: absolute;
        z-index: 2;
        top: 34%;
        left: 38%;
        border-radius: 30px;
    }

    .eval-d365-layer-over {
        background: #00a2ce;
        color: #fff;
        padding: 15px;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto auto;
        position: absolute;
        z-index: 2;
        top: 43%;
        left: 38%;
        border-radius: 30px;
    }

    .pur-d365-layer-over {
        background: #00a2ce;
        color: #fff;
        padding: 15px;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto auto;
        position: absolute;
        z-index: 2;
        top: 48%;
        left: 38%;
        border-radius: 30px;
    }

    .cs-d365-layer-over {
        background: #00a2ce;
        color: #fff;
        padding: 15px;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto auto;
        position: absolute;
        z-index: 2;
        top: 34%;
        left: 38%;
        border-radius: 30px;
    }

    .loyal-d365-layer-over {
        background: #00a2ce;
        color: #fff;
        padding: 15px;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto auto;
        position: absolute;
        z-index: 2;
        top: 34%;
        left: 38%;
        border-radius: 30px;
    }

    .eval-card .card {
        height: 400px;
    }
}

/*.tab-pane .fa-bullseye::before {
    content: url(/images/pages/campaign/target.jpg);
    filter: brightness(0) invert(1);
}

.tab-pane .fa-dolly::before {
    content: url(/images/pages/campaign/hurdle-race.jpg);
}*/


#cloud-rolodex .rolo-logo.azure {
    background-image: url(/images/pages/prodcut-engineering/azure.png);
    width: 100%;
    display: block;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#cloud-rolodex .rolo-logo.aws {
    background-image: url(/images/pages/prodcut-engineering/aws.png);
    width: 100%;
    display: block;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#cloud-rolodex .rolo-logo.google {
    background-image: url(/images/pages/prodcut-engineering/google.png);
    width: 100%;
    display: block;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#app-offer.edi-tab .nav-tabs .nav-link:focus, #app-offer.edi-tab .nav-tabs .nav-link:hover {
    border-color: #fff !important;
    background: #fff;
    color: #444;
}

#app-offer.edi-tab .nav-tabs .nav-item.show .nav-link, #app-offer.edi-tab .nav-tabs .nav-link.active {
    color: #444;
    background: #fff;
    border-color: #fff !important;
}

    #app-offer.edi-tab .nav-tabs .nav-item.show .nav-link, #app-offer.edi-tab .nav-tabs .nav-link.active::before {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 0.8em;
        position: absolute;
        left: 43%;
        bottom: -20px;
        border-top: 10px solid #fff;
    }

#app-offer.edi-tab .tab-content {
    background: #fff;
    padding: 3em;
}


@media only screen and (min-width: 1200px) and (max-width: 1367px) {
    .d365-title {
        font-size: 26px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {

    #caro-blog #myCarousel.width80 {
        width: 65% !important;
    }

    #caro-blog #myCarousel.width80 {
        width: 65% !important;
    }

    #caro-blog #myCarousel, #caro-blog #myCarousel2 {
        height: 450px !important;
    }

    #blog-main .row {
        text-align: center;
    }

    #blog-main .row .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog p {
        overflow: auto;
    }


    #blog-main .row {
        text-align: center;
    }

    #blog-main .row .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog p {
        overflow: auto;
    }

    #blog-main .row .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    #blog-main .row{
        display:flex;
        flex-direction:column;
    }

    .d365-title {
        font-size: 24px;
    }

    #eight-boxes .card {
        height: 590px !important;
    }

    .eval-card .card {
        height: 470px;
    }

    .pur-card .card {
        height: 360px;
    }

    .cs-card .card {
        height: 350px;
    }

    .loyal-card .card {
        height: 330px;
    }

    .loyal-d365-layer-over {
        top: 30%;
    }

    .cs-d365-layer-over {
        top: 31%;
    }

    .eval-d365-layer-over {
        top: 39%;
    }

    #process-cirlce li.active p.cir-title {
        width: 100%;
    }
}

@media (max-width: 768px) {

    .rpa-veri-button {
        font-size: 1.2em !important;
        font-weight: bold;
    }

    .rpa-veri-cre .row:last-child .col-lg:first-child img {
        width: 50% !important;
    }

    .rpa-veri-solu .row:last-child ul li {
        text-align: left;
    }

    .rpa-veri-solu .row:nth-child(2) {
        margin-bottom: unset !important;
    }

        .rpa-veri-solu .row:nth-child(2) .col-md-6:first-child {
            order: 2;
            margin-top: 5em;
        }

    .rpa-veri-solu .row:first-child {
        margin-bottom: unset !important;
    }

    .box-1::after {
        display: none;
    }

    .box-2::after {
        display: none;
    }

    .box-1, .box-2 {
        padding: 3% 0;
        height: 500px;
    }

        .box-1 .row:last-child .col-md, .box-2 .row:last-child .col-md {
            margin: 0 !important;
        }

        .box-1 .row:last-child .col-md {
            padding: 0;
        }

    .box-container {
        display: flex;
        flex-direction: column;
    }

    #home .title-head .row, #profile .title-head .row, #messages .title-head .row, #settings .title-head .row, #doner .title-head .row {
        display: flex;
        flex-direction: column;
    }

    .d365-layer-over {
        top: 24.5%;
        width: 30%;
        left: 35%;
    }

    .eval-d365-layer-over {
        top: 32%;
        width: 30%;
        left: 35%;
    }

    .pur-d365-layer-over {
        top: 35%;
        width: 30%;
        left: 35%;
    }

    .cs-d365-layer-over {
        top: 24.5%;
        width: 30%;
        left: 35%;
    }

    .loyal-d365-layer-over {
        top: 22%;
        width: 30%;
        left: 35%;
    }

    .awe-card .card {
        height: 250px;
    }

    .cs-card .card {
        height: 250px;
    }

    .eval-card .card {
        height: 350px;
    }

    #eight-boxes .card {
        height: 300px !important;
    }

    .d365-title {
        font-size: 26px;
        line-height: 1.5;
    }

    #eight-boxes .row:last-child .row {
        display: flex;
        flex-direction: column;
    }
}

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

    #caro-blog #myCarousel.width80 {
        width: 45% !important;
    }

    #caro-blog #myCarousel.width80 {
        width: 45% !important;
    }

    #caro-blog #myCarousel, #caro-blog #myCarousel2 {
        height: 350px !important;
    }

    #blog-main .row {
        text-align: center;
    }

        #blog-main .row .col-md-3 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .blog p {
        overflow: auto;
    }

    .box-1::after {
        display: none;
    }

    .box-2::after {
        display: none;
    }

    .box-1, .box-2 {
        padding: 3% 0;
        height: 500px;
    }

        .box-1 .row:last-child .col-md, .box-2 .row:last-child .col-md {
            margin: 0 !important;
        }

        .box-1 .row:last-child .col-md {
            padding: 0;
        }

    .box-container {
        display: flex;
        flex-direction: column;
    }

    #home .title-head .row {
        display: flex;
        flex-direction: column;
    }

    .d365-layer-over {
        top: 36%;
        width: 30%;
        left: 35%;
    }

    .eval-d365-layer-over {
        top: 42%;
        width: 30%;
        left: 35%;
    }

    .pur-d365-layer-over {
        top: 48%;
        width: 30%;
        left: 35%;
    }

    .cs-d365-layer-over {
        top: 32.5%;
        width: 30%;
        left: 35%;
    }

    .loyal-d365-layer-over {
        top: 32%;
        width: 30%;
        left: 35%;
    }

    .awe-card .card {
        height: 250px;
    }

    #eight-boxes .card {
        height: 300px !important;
    }

    .d365-title {
        font-size: 26px;
        line-height: 1.5;
    }
}

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

    #dvSocialShareAndTags .row .col-8{
        justify-content:center;
    }

    #dvSocialShareAndTags .row {
        display: flex;
        flex-direction: column;
    }

    #caro-blog #myCarousel.width80 {
        width: 45% !important;
    }

    #caro-blog #myCarousel, #caro-blog #myCarousel2 {
        height: 350px !important;
    }

    #blog-main .row {
        text-align: center;
    }

    #rpa-imp-calc .col-lg-7 h5 {
        font-size: 1.3rem !important;
    }

    .liner {
        display: none;
    }

    #myTab {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
    }

    #process-cirlce .nav-tabs > li {
        width: 100%;
    }

        #process-cirlce .nav-tabs > li a {
            border: none;
            margin: 0 auto;
        }

    #process-cirlce li.active p.cir-title::after {
        left: 44%;
    }

    .d365-layer-over {
        top: 32.5%;
        width: 50%;
        left: 25%;
    }

    .eval-d365-layer-over {
        top: 39.5%;
        width: 50%;
        left: 25%;
    }

    .pur-d365-layer-over {
        top: 48%;
        width: 50%;
        left: 25%;
    }

    .cs-d365-layer-over {
        top: 32.5%;
        width: 50%;
        left: 25%;
    }

    .loyal-d365-layer-over {
        top: 31.5%;
        width: 50%;
        left: 25%;
    }

    .awe-card .card {
        height: 300px;
    }

    .eval-card .card {
        height: 450px;
    }

    .loyal-card .card {
        height: 320px;
    }

    #eight-boxes .card {
        height: 360px !important;
    }
}

@media only screen and (max-width:320px) {
    .box-1::after {
        display: none;
    }

    .box-2::after {
        display: none;
    }

    .box-1, .box-2 {
        padding: 3% 0;
        height: 500px;
    }

        .box-1 .row:last-child .col-md, .box-2 .row:last-child .col-md {
            margin: 0 !important;
        }

        .box-1 .row:last-child .col-md {
            padding: 0;
        }

    .box-container {
        display: flex;
        flex-direction: column;
    }

    .liner {
        display: none;
    }

    #myTab {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
    }

    #process-cirlce .nav-tabs > li {
        width: 100%;
    }

        #process-cirlce .nav-tabs > li a {
            border: none;
            margin: 0 auto;
        }

    #process-cirlce li.active p.cir-title::after {
        left: 40%;
    }

    .d365-layer-over {
        top: 28.5%;
        width: 70%;
        left: 15%;
    }

    .eval-d365-layer-over {
        top: 35%;
        width: 70%;
        left: 15%;
    }

    .pur-d365-layer-over {
        top: 39.5%;
        width: 70%;
        left: 15%;
    }

    .cs-d365-layer-over {
        top: 26.5%;
        width: 70%;
        left: 15%;
    }

    .loyal-d365-layer-over {
        top: 26.5%;
        width: 70%;
        left: 15%;
    }

    .awe-card .card {
        height: 370px;
    }

    .eval-card .card {
        height: 560px;
    }

    .pur-card .card {
        height: 450px;
    }

    .cs-card .card {
        height: 420px;
    }

    .loyal-card .card {
        height: 420px;
    }

    #eight-boxes .card {
        height: 530px !important;
    }

    .mob-pad-remove .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cir-title {
        left: -4%;
    }
}

@media( max-width : 585px ) {

    .board {
        width: 90%;
        height: auto !important;
    }

    span.round-tabs {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .tab-content .head {
        font-size: 20px;
    }

    .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .btn-outline-rounded {
        padding: 12px 20px;
    }
}


.contact-form-close {
    padding: 1px 10px;
    border-radius: 50%;
    background-color: #db0000;
    color: #fff !important;
    position: absolute;
    top: -7px;
    left: -5px;
    border: 4px solid #fff;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.btn-success {
    color: #fff;
    background-color: #28a745 !important;
    border-color: #28a745;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545 !important;
    border-color: #dc3545;
}

.features-block-3:hover .icon-back, .features-block-3:hover .icb-right {
    /*background: #13566d;*/
    background: orange;
}

.features-block-3:hover .features-tittle-anchor {
    color: orange !important;
}

.features-block-3:hover .features-info h4 {
    color: #23A5D1 !important;
}

#Three-musc .features-info:hover > p, #Three-musc .del-pad-80:hover > p {
    color: #000;
}

/* Tooltip container */
.tooltip1 {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .tooltip1 .tooltiptext {
        visibility: hidden;
        width: 280px;
        background-color: #efefef;
        color: #000;
        text-align: center;
        padding: 5px 10px;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        top: -11%;
        left: 50%;
        margin-left: -140px;
        transition: opacity 0.3s;
        font-size: 12px;
        line-height: 18px;
        border: 1px solid #b5b5b5;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip1:hover .tooltiptext {
        visibility: visible;
    }


/*support for dynamics price list*/

.pricelist h2 {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    text-transform: none;
    line-height: 27px;
    color: #999;
}

.pricelist p {
    font-size: 14px;
    color: #666;
    padding-bottom: 20px;
}

.pakage_table .wpb_column {
    border: 1px solid #E6E6E6;
    background-color: #F1F1F1;
}

.flex_box .equal_divide {
    -webkit-flex: 1;
    flex: 1;
}

.flex_box {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 0 100px;
}

.eut-row::before, .eut-row::after {
    display: table;
    content: " ";
}

.eut-row .eut-element:last-child {
    margin-bottom: 0px;
}

.pakage_table .packagetable-heading {
    color: #000 !important;
}

.pakage_table .eut-pricing-table, .eut-pricing-table ul li {
    border: none !important;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #fff !important;
}

.eut-pricing-table ul {
    list-style: none;
    margin: 0;
}

#eut-main-content .eut-price, #eut-main-content .eut-pricing-title {
    color: #ffffff;
}

.pakage_table .packagetable-heading .eut-price.eut-bg-grey, .pakage_table .packagetable-heading .eut-pricing-title {
    background-color: #cccccc;
    color: #000 !important;
    font-weight: bold;
}

.eut-subtitle p, .eut-subtitle {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.eut-pricing-title {
    margin: 0px;
    padding: 0.729em 10px;
    position: relative;
}

    .eut-pricing-title::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        opacity: 0.12;
    }

.pakage_table .packagetable-heading .eut-price.eut-bg-grey, .pakage_table .packagetable-heading .eut-pricing-title {
    background-color: #cccccc;
    color: #000 !important;
    font-weight: bold;
}

.pakage_table .eut-price.eut-bg-grey {
    background-color: #808080;
}

.eut-price {
    padding: 35px 10px;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,0.4);
}

.pakage_table .eut-price.eut-bg-grey span {
    display: block;
}

.pakage_table .eut-pricing-table, .eut-pricing-table ul li {
    border: none !important;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #fff !important;
}

#eut-main-content .eut-price, #eut-main-content .eut-pricing-title {
    color: #ffffff;
}

.pakage_table .packagetable-heading .eut-price.eut-bg-grey, .pakage_table .packagetable-heading .eut-pricing-title {
    color: #000 !important;
    font-weight: bold;
}

.eut-subtitle p, .eut-subtitle {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.pakage_table .packagetable-heading .eut-price.eut-bg-grey, .pakage_table .packagetable-heading .eut-pricing-title {
    background-color: #cccccc;
    color: #000 !important;
    font-weight: bold;
}

.pakage_table .eut-price.eut-bg-grey {
    background-color: #808080;
    font-weight: 500;
    font-size: 20px;
}

.eut-price {
    padding: 35px 10px;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,0.4);
}

.eut-bg-grey, .eut-btn.eut-grey-color, .eut-message.eut-bg-white .eut-close::after, .eut-message.eut-bg-white .eut-close::before {
    color: #ffffff;
    background-color: #cccccc;
}

#eut-main-content .eut-price, #eut-main-content .eut-pricing-title {
    color: #ffffff;
}

.package-violet .eut-pricing-title {
    background-color: rgba(148,0,211,0.60);
}

.eut-subtitle p, .eut-subtitle {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.eut-pricing-title {
    margin: 0px;
    padding: 0.729em 10px;
    position: relative;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.package-indigo .eut-pricing-title {
    background-color: rgba(75,0,130,0.60);
}

.package-blue .eut-pricing-title {
    background-color: rgba(0,0,255,0.60);
}




.padding-50 {
    padding: 50px;
}

.padding-20 {
    padding: 20px;
}

.padding-30 {
    padding: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bluebox {
    background: #c9e6f5;
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #666;
}

.pl-100 {
    padding-left: 100px;
}

.profileimg {
    border-radius: 100%;
    width: 120px;
/*    height: 120px;deleted*/
    border-radius: 15px;
    width: 100px;
}

.width80 {
    width: 80%;
    margin: 20px auto;
}





.package-green .eut-pricing-title {
    background-color: #6dab3c;
}

.package-yellow .eut-pricing-title {
    background-color: rgba(255, 183, 39);
}

.package-orange .eut-pricing-title {
    background-color: rgba(255,127,0,1);
}

.package-red .eut-pricing-title {
    background-color: rgba(255,0,0,1);
}

.eut-pricing-table ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}

    .eut-pricing-table ul li {
        padding: 20px 10px;
        border-bottom: 1px solid;
        color: #666;
        font-weight: 400;
        font-size: 14px;
    }

.pakage_table .eut-pricing-table ul li:nth-child(2n) {
    background: #f1f1f1 !important;
    color: #000;
}

.eut-pricing-table ul li:nth-child(2n) {
    background: #FBFBFB;
}

.pakage_table .eut-pricing-table, .eut-pricing-table ul li {
    border: none !important;
    border-color: #fff !important;
    background: #fff;
}

@media (max-width:767px) {
    .flex_box {
        /*display: inline !important;*/
        padding: 0;
    }

        .flex_box .equal_divide {
            margin-left: 80px;
            margin-right: 80px;
            margin-bottom: 40px;
        }
}




/*image popup and close */


#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #myImg:hover {
        opacity: 0.7;
    }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999 !important; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 900px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 900px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close1 {
    position: absolute;
    top: 10px !important;
    right: 35px !important;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close1:hover,
    .close1:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }




/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }

    .close1 {
        position: initial !important;
        cursor: pointer;
    }
}


.box-divide {
    width: auto !important;
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
}

    .box-divide:hover {
        background-color: #ECECEC !important;
        border: 1px solid rgba(219,219,219,1.00) !important;
    }

@media only screen and (max-width: 768px) {
    .pl-100 {
        padding-left: 30px;
    }

    .profileimg {
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }
}

#field-services-1 .card-body p, #field-services-2 .card-body p {
    color: #DD8046 !important;
}


.profe-contra, .sys-assi-schedu, .opti-invento, .smart-fi-ser, .engaged-cust, .empow-emplo {
    padding: 20px 0px !important;
}


#scroll-modules .card-body i {
    font-size: 30px;
}

#scroll-modules .icon-arrow-left7::before {
    content: "\f053";
    color: #b9b9b9;
}

#scroll-modules .icon-arrow-right7::before {
    content: "\f054";
    color: #b9b9b9;
}

#scroll-modules .owl-theme .owl-nav {
    margin-top: -40px;
}

#scroll-modules .btn-primary {
    background: #00A9E5;
    border: unset;
}

#field-service-banner .head-button {
    background: #00A9E5;
}

#field-service-banner {
    margin-top: 51px;
}


#as400-business h5, #as400-business i {
    color: #2B9F03;
    font-weight: bold;
}

#as400-business i {
    border: 3px solid #2B9F03;
    border-radius: 100%;
    padding: 15px;
    margin-bottom: 7%;
}

#as400-terrain i {
    padding-right: 5%;
    font-size: 40px;
}

#as400-terrain .icon-left {
    display: flex;
    align-items: center;
}

#as400-terrain .fa-life-ring::before {
    position: static;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

#as400-service-banner .head-button {
    padding: 15px 25px;
    border: none;
    font-size: 18px;
    background: #2B9F03;
    color: #fff;
    border-radius: 40px;
    font-weight: bolder;
}

#as400-service-banner {
    margin-top: 0px;
}

#campaign-form {
    background: url('../content/images/related_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.form-cover {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0, 0.9);
}


#black-form-section .sms-btn {
    background: rgba(255,215,53,1);
    background: -moz-linear-gradient(top, rgba(255,215,53,1) 0%, rgba(229,149,20,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,215,53,1)), color-stop(100%, rgba(229,149,20,1)));
    background: -webkit-linear-gradient(top, rgba(255,215,53,1) 0%, rgba(229,149,20,1) 100%);
    background: -o-linear-gradient(top, rgba(255,215,53,1) 0%, rgba(229,149,20,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,215,53,1) 0%, rgba(229,149,20,1) 100%);
    background: linear-gradient(to bottom, rgba(255,215,53,1) 0%, rgba(229,149,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd735', endColorstr='#e59514', GradientType=0 );
    padding: 6px 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
    color: #000;
}

.margin-auto {
    margin: 0 auto;
    display: table;
}

#as400-terrain .row .col-md:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#error .head-button {
    background: #FFD42C;
    color: #000;
}

/*#solu-back {
    background: url('/images/pages/common-uses/quote-background-laptop.jpg');
    background-size: cover;
    background-attachment: fixed;
}*/

.text-heading {
    font-size: 2em;
    text-transform: none;
    line-height: 1.1;
}

    .text-heading span {
        font-size: 0.6em;
    }

.orange-btn {
    background: orange;
    color: #000;
    font-size: 1.3em;
    padding: 10px 40px;
    border-radius: 40px;
    font-weight: bold;
}

    .orange-btn:hover {
        color: black;
    }

#rpa-profile i {
    font-size: 2.5em;
    margin-bottom: 15px;
}



#rpa-challenge .three-grad {
    background: rgb(13,208,238); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(13,208,238,1) 0%, rgba(128,231,184,1) 50%, rgba(216,249,145,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(13,208,238,1) 0%,rgba(128,231,184,1) 50%,rgba(216,249,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(13,208,238,1) 0%,rgba(128,231,184,1) 50%,rgba(216,249,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dd0ee', endColorstr='#d8f991',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#rpa-chatbot i {
    position: absolute;
    right: 40px;
}

#rpa-chatbot .card-header span {
    color: #e83e8c;
    font-weight: 600;
    font-size: 18px;
    padding-right: 10px;
}

#rpa-chatbot .card-header a {
    font-weight: bold;
    width: 100%;
    text-align: left;
}

@keyframes jump {
    0% {
        top: 0;
    }

    50% {
        top: 50px;
    }

    100% {
        top: 0;
    }
}

#arrow-down {
    position: relative;
    margin: 0 auto;
    text-align: center;
    animation: jump 1s infinite;
}

    #arrow-down i {
        transition: 0.2s ease-in-out;
    }

        #arrow-down i:hover {
            transition: 0.2s ease-in-out;
        }

#rpa-tech-stack {
    background: rgb(13,208,238); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(13,208,238,1) 0%, rgba(128,231,184,1) 50%, rgba(216,249,145,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(13,208,238,1) 0%,rgba(128,231,184,1) 50%,rgba(216,249,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(13,208,238,1) 0%,rgba(128,231,184,1) 50%,rgba(216,249,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dd0ee', endColorstr='#d8f991',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

    #rpa-tech-stack ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #rpa-tech-stack ul li {
            display: inline-block;
            text-align: center;
            padding: 10px;
            text-decoration: none;
            font-size: 1em;
            background: #fff;
            border-radius: 5px;
            width: 25%;
            margin: 10px;
        }

            #rpa-tech-stack ul li:hover {
                background: yellow;
            }



#rpa-contact {
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.icon-bc {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#as400-reason .card {
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
    height: auto;
}

#as400-reason .col-md:nth-child(1) .card:hover {
    border: 1px solid #ff689b;
}

#as400-reason .col-md:nth-child(2) .card:hover {
    border: 1px solid #3fcdc7;
}

#as400-reason .col-md:nth-child(3) .card:hover {
    border: 1px solid #41cf2e;
}

#as400-reason .col-md:nth-child(4) .card:hover {
    border: 1px solid #2282ff;
}

#as400-path-wrap .row:last-child {
    background: #fff;
}



#as400-path-wrap .row .col-md button {
    background: #fff;
    padding: 3rem;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    #as400-path-wrap .row .col-md button:last-child {
        margin-right: unset;
    }

#as400-path-wrap .row .col-md ul li a {
    font-weight: bold;
    color: inherit;
}

#as400-path-wrap .row .col-md table th {
    width: 50%;
}




#as400-path-wrap .row .col-md .row .col-md-5:first-child table th {
    border-bottom: 2px solid green;
}

#as400-path-wrap .row .col-md .row .col-md-5:last-child table th {
    border-bottom: 2px solid red;
}

#as400-path-wrap .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.07);
}

#as400-help-card .flipper .front p {
    font-size: 14px;
}

#as400-help-card h4 {
    text-align: center;
}

#as400-help-card ul {
    line-height: 2.5;
    padding-right: 10px;
}

.rpa-cta-card {
    background: #00204f;
    padding: 5%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    height: 350px;
}

.cta-i-back {
    width: 70px;
    height: 70px;
    background: #ffd571;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00204f;
}

    .cta-i-back i {
        font-size: 40px;
    }

.flip-button {
    padding: 20px;
    background: #db0000;
    color: white;
    border-radius: 40px;
    font-weight: bold;
}

.rpa-intro::after {
    content: '\f10e';
    font-family: 'FontAwesome';
    margin-left: 1%;
    font-size: 30px;
    position: absolute;
    top: 48%;
    color: #a8a8a8;
}

.rpa-intro::before {
    content: '\f10d';
    font-family: 'FontAwesome';
    margin-left: -4%;
    font-size: 30px;
    position: absolute;
    top: -25%;
    color: #a8a8a8;
}

#wp-wrap .col-md-8 span {
    font-weight: 700;
}

#wp-wrap {
    background-color: #073E73;
    padding: 3%;
    color: white;
    border-bottom: 20px solid #C0D440;
    display: flex;
    margin-top: 80px;
}

    #wp-wrap .row {
        display: flex;
        justify-content: center;
    }

        #wp-wrap .row .col-md-8 {
            padding: 0 5% 0 0;
        }

        #wp-wrap .row .col-md-4 {
            display: flex;
        }

    #wp-wrap h1 {
        font-size: 32px;
        line-height: 1.3;
    }

.wp-arrow {
    position: absolute;
    top: -70px;
    width: 30%;
    right: -40px;
    z-index: 2;
}

#wp-wrap .right-side-links {
    color: #333;
    font-size: 12px;
}

#wp-wrap .back-box {
    background: #fff;
    padding: 20px;
    color: #333;
}

#wp-wrap #form-submit-download {
    background: #FFBC00;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.banner-right {
    height: 350px;
}


/*Whitepaper Flip Box CSS Starts*/

#wp-list .flip-card {
    background-color: transparent;
    width: 222px;
    height: 328px;
    perspective: 1000px;
}

#wp-list .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

#wp-list .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

    #wp-list .flip-card:hover .flip-card-inner h4 {
        display: none;
    }

#wp-list .flip-card-front, #wp-list .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#wp-list .flip-card-front {
    color: black;
    padding: unset;
}

#wp-list .flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

#wp-list .resource_case-white li a.white_paper p {
    color: #fff;
    font-weight: 300;
    line-height: 1.4;
}

#wp-list .flip-card-front img, #wp-list .flip-card-back img {
    position: absolute;
    top: unset;
    width: unset;
    padding: 0;
    margin: 0;
}

#wp-list .caption p {
    font-size: 18px;
    color: #333;
    text-align: left;
    line-height: 1.2;
}

/*Whitepaper Flip Box CSS End*/

#callouts .features-info p {
    padding-right: unset;
}

.change-busi .icon {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 2px solid #00a3ff;
    border-radius: 50px;
    transition: 0.5s;
    position: absolute;
    top: 30px;
    left: -75px;
    color: #00a3ff;
    font-size: 2vw;
}

    .change-busi .icon:hover {
        background: #00a3ff;
        border-color: #00a3ff;
        color: #fff;
    }

.change-busi .row .col-md:last-child .row .col-md {
    margin-bottom: 3%;
}

    .change-busi .row .col-md:last-child .row .col-md:last-child {
        margin-bottom: unset;
    }

.banner-title1 {
    font-size: 30px;
    font-weight: bold;
}
.banner-sub-title-ca{
    font-size:17px;
    line-height:1.3;
}

.ai-list li {
    background: #e6e6e6;
    padding: 15px;
    width: 25vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.ai-list2 li {
    background: #fff;
    padding: 15px;
    width: 25vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.ai-list1 li {
    background: #fff;
    padding: 20px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 5px 15px #999;
    flex-direction: column;
}

    .ai-list1 li .icon-wrap {
        background: #00A9E5;
        /* padding: 15px; */
        border-radius: 100%;
        margin-bottom: 15px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ai-list1 li i {
        font-size: 1.3rem;
        color: #fff;
    }

.ai-list li i {
    font-size: 1.3rem;
    background: white;
    padding: 10px;
    border-radius: 100%;
    color: #00A9E5;
    margin-right: 15px;
}

.ai-list2 li i {
    font-size: 1.3rem;
    background: #00A9E5;
    padding: 10px;
    border-radius: 100%;
    color: #fff;
    margin-right: 15px;
}

.ai-list li span {
    font-size: 1.1rem;
}


.float-button {
    position: fixed;
    left: 5px;
    top: 37rem;
    z-index: 99999;
    font-size: 14px;
    color: #fff;
    animation: float 3s ease-in-out infinite;
    border-radius: 40px;
}

    .float-button a {
        padding: 10px 20px;
        color: #fff;
        background: #D00;
        border: 2px solid #fff;
        border-radius: 40px;
        font-weight: 600;
        letter-spacing: 1px;
    }

        .float-button a:hover {
            color: #fff;
        }

/*Float animation*/
@-webkit-keyframes float {
    0% {
        box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.6);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.2);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.6);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes float {
    0% {
        box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.6);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.2);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.6);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.textboxhighlight {
    border: solid 2px red !important;
}

.path-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
}

    .path-wrapper .list-inline-item:last-child {
        margin-right: 0.5rem;
    }

.path-box {
    height: 6rem;
    background: #0E2656;
    padding: 1rem;
    text-align: center;
    width: 165px;
    margin-bottom: 1rem;
    /* box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.1); */
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    border-radius: 0px;
    /*border: 1px solid #B5B7B9;*/
    flex-direction: column;
    color: #fff;
    border-radius: 5px;
}

    .path-box:hover {
        /*border: 1px solid #330867;*/
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 200ms ease-in;
        transform: scale(1.1);
        background: #fff;
        font-size: 0.8rem;
    }

    .path-box p {
        line-height: 1.5;
        margin: 0;
    }

    .path-box i {
        font-size: 1.2rem;
        margin-bottom: 5px;
    }

#as400-path-wrap .col-md h4 {
    color: #0E2656;
    font-weight: 600;
    /*background: linear-gradient(to left, #30CFD0 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

#as400-path-wrap .button-wrap button i {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.as400-path-head {
    background: #fff;
    margin-top: 3rem;
    padding: 2rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


#as400-path-wrap img {
    width: auto;
    height: auto;
}

#as400-path-wrap .row .col-md .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: unset;
}

    #as400-path-wrap .row .col-md .card-header h5 {
        font-weight: bold;
    }

#as400-path-wrap .row .col-md .card {
    height: 325px;
}

    #as400-path-wrap .row .col-md .card .card-body {
        margin-top: -2em;
    }

        #as400-path-wrap .row .col-md .card .card-body .path-list ul {
            margin-left: -2em;
        }

.as400-objectives i {
    color: #2B9F03;
}

#as400-consult {
    background: #e3d7cb; /* Old browsers */
    background: -moz-linear-gradient(left, #ECECEC 80%, #fff 0); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ECECEC 80%,#fff 0); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ECECEC 80%,#fff 0); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#ECECEC',GradientType=1 ); /* IE6-9 */
}

    #as400-consult .card {
        padding: 3rem 2rem;
        border-radius: 1rem;
        margin-bottom: 0;
    }

        #as400-consult .card ul li::before {
            content: '\f0da';
            font-family: 'FontAwesome';
            /* float: left; */
            padding-right: 1rem;
            font-size: 20px;
        }

#as400-gen-book .col-md {
    padding: 4rem 8rem;
}

.maroon-button {
    padding: 10px 30px;
    border: none;
    font-size: 20px;
    background: #0869ff;
    color: #fff;
    border-radius: 50px;
    font-weight: bolder;
}

    .maroon-button:hover {
        color: #fff;
    }

#as400-lev i {
    border: 3px solid #0869ff;
    border-radius: 100%;
    padding: 15px;
    margin-bottom: 7%;
    color: #0869ff;
}

#as400-lev h5 {
    font-weight: bold;
    color: #0869ff;
}

#as400-reason .card-body p {
    font-size: 0.9rem;
}


#tab-iseries .col-md i {
    position: absolute;
    top: 28%;
    left: 30%;
    font-size: 30px;
    color: #fff;
}

.rpa-veri-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

    .rpa-veri-modal .modal-header .close {
        /* padding: 1rem 1rem; */
        margin: 0rem 2rem -1rem auto !important;
    }

.rpa-insurance .col-md-4 {
    -ms-flex: 0 0 30.333%;
    flex: 0 0 30.333%;
    max-width: 30.333%;
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.rpa-insurance .fa-gavel::before {
    content: "\f0e3";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

.rpa-insurance .fa-file-alt::before {
    content: "\f15c";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

.rpa-banking .bg-gray-box {
    height: 355px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.rpa-banking .fa-gavel::before {
    content: "\f0e3";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

#rpa-help .row .col-md {
    background: #fff;
    color: #444;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0.5em;
    padding: 0.7em;
}

/* Pulse */
@keyframes pulse {
    25% {
        transform: scale(1.1);
    }

    75% {
        transform: scale(0.9);
    }
}

/* Wobble Horizontal */
@keyframes wobble-horizontal {
    16.65% {
        transform: translateX(8px);
    }

    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0);
    }
}

.wobble-horizontal {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .wobble-horizontal:hover {
        animation-name: wobble-horizontal;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1;
    }



.iseries-icon .icon-back, .iseries-icon .icb-right {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    color: #fff;
}

#as400-obj i {
    font-size: 2em;
    color: #12781A;
    margin-right: 0.5em;
}

#as400-obj .card h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0E2656;
    font-weight: 700;
}


.border-support .card {
    height: 240px !important;
    margin-top: 12px;
}

    .border-support .card .card-body {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

#board-sec .fa-gavel::before {
    content: "\f0e3";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

#as400-reason .row:first-child .col-md:first-child .p-5 {
    padding: 2rem !important;
}

.bg-sky-blue {
    background: #1893FF;
}

#rpa-adven .card {
    width: 430px;
    border-radius: 10px;
}

#rpa-succ .card {
    height: 275px;
    background-size: cover !important;
    border: unset;
    color: #fff;
    margin: unset !important;
}

#rpa-succ .card-footer {
    color: #fff;
    background: #444 !important;
}

#rpa-manu-tab .nav-tabs .nav-item.show .nav-link, #rpa-manu-tab .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #1893FF !important;
    border-color: unset !important;
    border: unset !important;
    border-radius: unset !important;
}

#rpa-manu-tab .nav-tabs {
    border-bottom: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #rpa-manu-tab .nav-tabs .nav-link {
        border: unset !important;
        border-radius: unset !important;
        background: #EFEFEF !important;
        margin: 2px;
    }

#rpa-manu-tab .nav-item a {
    width: 175px;
    height: 67px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2em;
    color: #444;
}

#rpa-manu-tab .tab-pane ul, #rpa-adven .card ul {
    line-height: 2.5em;
}

    #rpa-manu-tab .tab-pane ul li, #rpa-adven .card ul li {
        list-style: none;
        position: relative;
    }

#rpa-adven .row .col-md:last-child p {
    font-size: 1.15em;
    text-align: justify;
}

#rpa-manu-tab .tab-pane ul li:before, #rpa-adven .card ul li:before {
    position: absolute;
    left: -1.5em;
    font-family: "FontAwesome";
    content: "\f17b";
    color: #444;
    font-size: 1.5em;
}

#rpa-manu-tab .tab-pane .col-md-8 {
    padding-left: 5em
}

    #rpa-manu-tab .tab-pane .col-md-8 h3 {
        color: #1893FF;
        font-weight: 700;
        margin-bottom: 0.8em;
    }



#rpa-succ .card {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    #rpa-succ .card:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.rpa-manu-tab-mob .row {
    margin-bottom: 2.5em;
}



/*Leadsquared CSS starts*/
.lsq-form-wrapper .label-placement.top .field-control-group input[type="checkbox"], .lsq-form-wrapper .label-placement.top .field-control-group input[type="radio"] {
    width: 13px;
    height: 17px;
    width: auto !important;
}

#lsq-form-wrapper #form-submit-button {
    min-width: 192px;
    min-height: 48px;
    color: #fff;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    border: unset !important;
    border-bottom-color: unset !important;
    border-bottom-color: unset !important;
    text-shadow: unset !important;
    background-image: none !important;
    background-color: #82AED1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

/*#lsq-form-wrapper label {
    color: #444 !important;
}*/

#lsq-form-wrapper .mandatory {
    color: red !important;
}

#lsq-form-wrapper input {
    color: #444 !important;
    padding: 1em !important;
    background: #ccc;
    border: unset !important;
    box-shadow: unset !important;
    height: 40px;
}
#demo-form {
    display: flex;
    flex-direction: column;
}

.lsq-form-wrapper .field-control-group.inline {
    margin-top: unset !important;
    min-height: 30px;
}

/*#lsq-form-wrapper .rc-anchor-compact {
        height: 100% !important;
        width: 32% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #lsq-form-wrapper iframe{
        width:100% !important;
        height:100% !important;
    }*/

.slider_parent #lsq-form-wrapper input {
    color: #444 !important;
    padding: 1em !important;
    background: #ccc !important;
    border: unset !important;
    box-shadow: unset !important;
}

.slider_parent #header {
    width: 350px;
    height: 82vh;
    position: absolute;
    right: -12px;
    border: 1px solid #d8d8d8;
    margin-left: 40px;
    padding: 2px 20px;
    border-radius: 3px;
    box-shadow: 0 0 8px grey;
    background-color: #fff;
    top: 24px;
    line-height: 1.1em;
}


/*Leadsquared CSS Ends*/




#as400-path-wrap .carousel-indicators {
    position: absolute;
    right: 0;
    top: -93px;
    left: unset !important;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: unset;
    margin-left: unset;
    list-style: none;
    width: 100%;
}


    #as400-path-wrap .carousel-indicators li {
        text-indent: 0;
        width: 100%;
        height: 0;
        margin-right: unset;
        margin-left: unset;
        color: #444;
        font-size: 1.2em;
        font-weight: 700;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        opacity: 1;
        padding: 3em;
        line-height: 1.5;
        background: #EFEFEF;
    }

        #as400-path-wrap .carousel-indicators li:last-child {
            margin-right: 0;
        }

        #as400-path-wrap .carousel-indicators li.active {
            border-bottom: 5px solid #12781A !important;
            opacity: 1 !important;
            height: 5px;
            background: #fff;
            color: #0E2656;
        }

#as400-path-wrap .carousel-inner .row {
    padding: 3em 0;
}

#as400-path-wrap .carousel-inner {
    margin-top: 7em;
    box-shadow: 0 0 22px;
}

    #as400-path-wrap .carousel-inner .carousel-item {
        background: #fff;
        margin-top: 28px;
        border-top: 1px solid #ccc;
        min-height: 340px;
    }

#as400-path-wrap .carousel-indicators i {
    margin-bottom: 8px;
    font-size: 1.5em;
}

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


    .path-button a {
        background: #2B9F03;
        padding: 0.7em 3em;
        color: #fff;
        font-weight: 700;
        border-radius: 5px;
        z-index: 99;
    }

        .path-button a:hover {
            color: #fff;
        }


#as400-path-wrap .fa-file-alt::before {
    content: "\f15c";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

#as400-path-wrap .fa-code::before {
    content: "\f121";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

.banner-desc-small {
    font-size: 18px;
}

.blue-button {
    background: #102A45;
    border-radius: 40px;
    color: #fff;
    padding: 1em 3em;
}

    .blue-button:hover {
        color: #fff;
        background: #2C66A2;
    }

#rpa-wave-box .col-lg .card {
    display: flex;
    flex-direction: row;
    padding: 1em;
    border-left: 6px solid #2EAA91;
    height: 140px;
    justify-content: center;
    align-items: center;
}

#rpa-wave-box .col-md-4 .card .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

#rpa-wave-box .card img {
    width: 50%;
}

#rpa-service-box .card {
    height: 330px;
    height: 330px;
    border-radius: 12px;
    border: 2px solid #2e86ff;
    transition: all .2s ease-in-out;
}
    #rpa-service-box .card:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
        transition: all .2s ease-in-out;
    }

#rpa-service-box .card-text {
    text-align:center;
    font-size: 13px;
}

#rpa-service-box .card h5 {
    font-size: 1.15em;
}

.newsCard {
    position: relative;
    width: 100%;
    height: 319px;
    background-color: #fff;
    color: #fff;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.newsCaption {
    position: absolute;
    top: auto;
    bottom: 35px;
    opacity: .9;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    padding: 20px;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
}

.newsCaption-content {
    margin: 0;
    margin-top: 1.5em;
}

.news-Slide-up:hover .newsCaption {
    opacity: .9;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
    bottom: 0px;
}

/*RPA Service Slider Starts*/

#rpa-owl-service #slider-rpa {
    position: relative;
    width: 25%;
    height: 30vw;
    margin: 0 28em;
    font-family: 'Helvetica Neue', sans-serif;
    perspective: 1400px;
    transform-style: preserve-3d;
    top: unset;
}

#rpa-owl-service input[type=radio] {
    position: relative;
    top: 108%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin: 0 15px 0 0;
    opacity: 0.4;
    transform: translateX(-83px);
    cursor: pointer;
    display: none;
}


    #rpa-owl-service input[type=radio]:nth-child(5) {
        margin-right: 0px;
    }

    #rpa-owl-service input[type=radio]:checked {
        opacity: 1;
    }

#rpa-owl-service .rpa-box-wrapper {
    width: 20em;
    height: 30em;
    box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2);
    background: #fff;
}


#rpa-owl-service #slider-rpa label {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 2em;
    top: 0;
    color: white;
    font-size: 1em;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: transform 400ms ease;
    background: transparent;
}



#rpa-owl-service #slide1, #rpa-owl-service #slide2, #rpa-owl-service #slide3, #rpa-owl-service #slide4, #rpa-owl-service #slide5 {
    background: #fff;
}


/* Slider Functionality */

/* Active Slide */
#s1:checked ~ #slide1, #s2:checked ~ #slide2, #s3:checked ~ #slide3, #s4:checked ~ #slide4, #s5:checked ~ #slide5 {
    /*box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2);*/
    transform: translate3d(0%, 0, 0px);
}

/* Next Slide */
#s1:checked ~ #slide2, #s2:checked ~ #slide3, #s3:checked ~ #slide4, #s4:checked ~ #slide5, #s5:checked ~ #slide1 {
    /*box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);*/
    transform: translate3d(15%, 0, -100px);
    left: 15em;
}


/* Next to Next Slide */
#s1:checked ~ #slide3, #s2:checked ~ #slide4, #s3:checked ~ #slide5, #s4:checked ~ #slide1, #s5:checked ~ #slide2 {
    /*box-shadow: 0 1px 4px rgba(0,0,0, 0.4);*/
    transform: translate3d(30%, 0, -250px);
    left: 30em;
}

/* Previous to Previous Slide */
#s1:checked ~ #slide4, #s2:checked ~ #slide5, #s3:checked ~ #slide1, #s4:checked ~ #slide2, #s5:checked ~ #slide3 {
    /*box-shadow: 0 1px 4px rgba(0,0,0, 0.4);*/
    transform: translate3d(-30%, 0, -250px);
    left: -29em;
}

/* Previous Slide */
#s1:checked ~ #slide5, #s2:checked ~ #slide1, #s3:checked ~ #slide2, #s4:checked ~ #slide3, #s5:checked ~ #slide4 {
    /*box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);*/
    transform: translate3d(-15%, 0, -161px);
    left: -12em;
}

.rpa-owl-heading {
    background: rebeccapurple;
    width: 100%;
    text-align: center;
    padding: 1.2em;
    margin-top: 2em;
}

    .rpa-owl-heading h5 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
    }

    .rpa-owl-heading i {
        font-size: 2em;
        padding-right: 15px;
    }

.rpa-owl-desc {
    margin-top: 1em;
}

    .rpa-owl-desc ul {
        list-style: none;
        padding: 15px 35px;
        color: #212529;
    }

        .rpa-owl-desc ul li {
            font-weight: normal;
            margin-bottom: 12px;
            text-align: center;
        }

/*RPA Service Slider Ends*/



.rpa-scroll .card {
    height: 300px;
}

    .rpa-scroll .card i {
        color: #444;
        margin-bottom: 0.5em;
    }

    .rpa-scroll .card .fa-gavel::before {
        content: "\f0e3";
        position: unset;
        top: unset;
        left: unset;
        font-size: unset;
        color: unset;
    }

#rpa-owl-mobile {
    display: none;
}

#as400-path-wrap .fa-cloud::before {
    content: "\f0c2";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

#as400-path-wrap .path-box:hover {
    background: #0E2656;
}


#cm-intro .black-line {
    background: #000;
    width: 30px;
    height: 100%;
    position: absolute;
    left: 20px;
    top: -45px;
}

#cm-intro .green-line {
    background: green;
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 45px;
}

#cm-prep .card {
    width: 350px;
}

    #cm-prep .card:last-child {
        margin-bottom: unset;
    }

#cm-migra .icon-wrap {
    border: 2px solid #2B9F03;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #cm-migra .icon-wrap i {
        font-size: 2em;
    }



/*CAse Study Table*/
table {
    width: 70%;
    border-collapse: collapse;
    background: #fff;
}

/* Zebra striping */


th {
    background: #3498db;
    color: white;
    font-weight: bold;
}

td, th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: inherit;
}


/*CAse Study Table Ends*/



/*AS400 Cloud timeline*/
.finbyz-timeline {
    background: #EFF0F2 url(http://seofy.wgl-demo.net/wp-content/uploads/2018/11/section_timeline1.png?id=537) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.wgl-row-animation {
    position: relative;
    z-index: 1;
}

.wgl-row-animation {
    position: relative;
    z-index: 1;
}

    .wgl-row-animation .wpb_column {
        position: relative;
        z-index: 2;
    }

    .wgl-row-animation .wgl-row_background {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 70%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.seofy_module_time_line_vertical {
    position: relative;
    z-index: 1;
    padding: 70px 0;
}

    .seofy_module_time_line_vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 2px;
        left: 50%;
        top: 0;
        margin-left: -1px;
        background: -webkit-linear-gradient( top, transparent 0%, rgba(63, 71, 103, 0.15) 100px, rgba(63, 71, 103, 0.15) -webkit-calc(100% - 100px), transparent 100% );
        background: -webkit-linear-gradient( top, transparent 0%, rgba(63, 71, 103, 0.15) 100px, rgba(63, 71, 103, 0.15) -moz-calc(100% - 100px), transparent 100% );
        background: -webkit-linear-gradient( top, transparent 0%, rgba(63, 71, 103, 0.15) 100px, rgba(63, 71, 103, 0.15) calc(100% - 100px), transparent 100% );
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-item .time_line-date {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%);
        opacity: 0;
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-item .seofy_hexagon {
        opacity: 0;
    }

    .seofy_module_time_line_vertical.appear_anim
    .time_line-item
    .time_line-content {
        -webkit-transform: translateX(20%);
        -moz-transform: translateX(20%);
        -ms-transform: translateX(20%);
        -o-transform: translateX(20%);
        transform: translateX(20%);
        opacity: 0;
    }

    .seofy_module_time_line_vertical.appear_anim
    .time_line-item:nth-child(even)
    .time_line-date {
        -webkit-transform: translateX(20%);
        -moz-transform: translateX(20%);
        -ms-transform: translateX(20%);
        -o-transform: translateX(20%);
        transform: translateX(20%);
    }

    .seofy_module_time_line_vertical.appear_anim
    .time_line-item:nth-child(even)
    .time_line-content {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%);
    }

    .seofy_module_time_line_vertical .time_line-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px;
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

        .seofy_module_time_line_vertical .time_line-item:last-child {
            margin-bottom: 0;
        }

        .seofy_module_time_line_vertical .time_line-item:nth-child(even) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: row-reverse;
            -moz-box-orient: horizontal;
            -moz-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .seofy_module_time_line_vertical
            .time_line-item:nth-child(even)
            .time_line-date_wrap {
                margin-right: -webkit-calc(50% - 10px);
                margin-right: -moz-calc(50% - 10px);
                margin-right: calc(50% - 10px);
                margin-left: 50px;
            }

            .seofy_module_time_line_vertical
            .time_line-item:nth-child(even)
            .time_line-date {
                right: auto;
                left: 100%;
                padding-left: 50px;
                padding-right: 0;
            }

            .seofy_module_time_line_vertical
            .time_line-item:nth-child(even)
            .time_line-image {
                left: 0;
                right: auto;
            }

            .seofy_module_time_line_vertical
            .time_line-item:nth-child(even)
            .time_line-content {
                text-align: right;
            }

                .seofy_module_time_line_vertical
                .time_line-item:nth-child(even)
                .time_line-content:before {
                    left: auto;
                    right: 0;
                }

    .seofy_module_time_line_vertical .seofy_hexagon {
        position: absolute;
        top: 0;
        z-index: -1;
    }

    .seofy_module_time_line_vertical
    .time_line-item:nth-child(even)
    .seofy_hexagon {
        left: auto;
        right: 0;
    }

    .seofy_module_time_line_vertical
    .time_line-item.item_active
    .seofy_hexagon:nth-child(2) {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    .seofy_module_time_line_vertical .time_line-item.item_show .time_line-content,
    .seofy_module_time_line_vertical
    .time_line-item.item_show:nth-child(even)
    .time_line-content {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .seofy_module_time_line_vertical .time_line-item.item_show .seofy_hexagon,
    .seofy_module_time_line_vertical
    .time_line-item.item_show:nth-child(even)
    .seofy_hexagon {
        opacity: 1;
    }

    .seofy_module_time_line_vertical .time_line-item.item_show .time_line-date,
    .seofy_module_time_line_vertical
    .time_line-item.item_show:nth-child(even)
    .time_line-date {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .seofy_module_time_line_vertical .time_line-date_wrap {
        position: relative;
        z-index: 1;
        margin-left: -webkit-calc(50% - 10px);
        margin-left: -moz-calc(50% - 10px);
        margin-left: calc(50% - 10px);
        margin-right: 50px;
    }

    .seofy_module_time_line_vertical .seofy_hexagon {
        height: 22px;
        width: 20px;
        -webkit-transition: opacity 0.8s;
        -o-transition: opacity 0.8s;
        -moz-transition: opacity 0.8s;
        transition: opacity 0.8s;
    }

        .seofy_module_time_line_vertical .seofy_hexagon:first-child {
            position: relative;
            z-index: 0;
        }

        .seofy_module_time_line_vertical .seofy_hexagon:nth-child(2) svg {
            fill: #ffffff !important;
        }

    .seofy_module_time_line_vertical .time_line-date {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 100%;
        padding-right: 50px;
        font-size: 24px;
        font-weight: 700;
        line-height: 20px;
        white-space: nowrap;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
    }

    .seofy_module_time_line_vertical .time_line-content {
        position: relative;
        z-index: 1;
        padding: 23px 15px;
        width: 100%;
        max-width: 600px;
        -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
        -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
        box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #ffffff;
        overflow: hidden;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s;
    }

        .seofy_module_time_line_vertical .time_line-content:before {
            content: "";
            position: absolute;
            z-index: 1;
            width: 4px;
            height: 100%;
            left: 0;
            top: 0;
        }

    .seofy_module_time_line_vertical .time_line-image {
        position: absolute;
        z-index: -1;
        right: 0;
        top: 0;
    }

    .seofy_module_time_line_vertical .time_line-title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .seofy_module_time_line_vertical .time_line-descr {
        line-height: 24px;
    }

    .seofy_module_time_line_vertical .time_line-item:hover .time_line-content {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px);
        background: white;
    }

    .seofy_module_time_line_vertical .time_line-item:hover .time_line-date {
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    .seofy_module_time_line_vertical
    .time_line-item:hover:nth-child(even)
    .time_line-content {
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    .seofy_module_time_line_vertical
    .time_line-item:hover:nth-child(even)
    .time_line-date {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px);
    }

    .seofy_module_time_line_vertical
    .time_line-item:hover.item_active
    .seofy_hexagon:nth-child(2) {
        -webkit-animation: pulse_hexagon_active 2s infinite;
        -moz-animation: pulse_hexagon_active 2s infinite;
        -o-animation: pulse_hexagon_active 2s infinite;
        animation: pulse_hexagon_active 2s infinite;
    }

    .seofy_module_time_line_vertical
    .time_line-item:hover
    .seofy_hexagon:nth-child(2) {
        -webkit-animation: pulse_hexagon 2s infinite;
        -moz-animation: pulse_hexagon 2s infinite;
        -o-animation: pulse_hexagon 2s infinite;
        animation: pulse_hexagon 2s infinite;
    }

@-webkit-keyframes pulse_hexagon {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    70% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse_hexagon {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    70% {
        -moz-transform: scale(2);
        transform: scale(2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes pulse_hexagon {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
    }

    70% {
        -o-transform: scale(2);
        transform: scale(2);
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse_hexagon {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    70% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pulse_hexagon_active {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@-moz-keyframes pulse_hexagon_active {
    0% {
        -moz-transform: scale(2);
        transform: scale(2);
    }

    30% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(2);
        transform: scale(2);
    }
}

@-o-keyframes pulse_hexagon_active {
    0% {
        -o-transform: scale(2);
        transform: scale(2);
    }

    30% {
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -o-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes pulse_hexagon_active {
    0% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    30% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}

#time_line_5cf90ca818f641 .time_line-date {
    color: #ffa705;
}

#time_line_5cf90ca818f641 .time_line-content:before {
    background: #ffa705;
}

#time_line_5cf90ca818fa82 .time_line-date {
    color: #ff5600;
}

#time_line_5cf90ca818fa82 .time_line-content:before {
    background: #ff5600;
}

#time_line_5cf90ca818fc83 .time_line-date {
    color: #69e9f2;
}

#time_line_5cf90ca818fc83 .time_line-content:before {
    background: #69e9f2;
}

#time_line_5cf90ca818fe44 .time_line-date {
    color: #12affe;
}

#time_line_5cf90ca818fe44 .time_line-content:before {
    background: #12affe;
}

#time_line_5cf90ca818fe44.green-b .time_line-content:before {
    background: unset;
}

#time_line_5cf90ca818ffe5 .time_line-date {
    color: #3224e9;
}

#time_line_5cf90ca818ffe5 .time_line-content:before {
    background: #3224e9;
}

.extended-parallax {
    position: absolute;
    z-index: -1;
    width: 100%;
}

    .extended-parallax img {
        max-width: 100%;
    }

@media only screen and (max-width: 767px) {
    .seofy_module_time_line_vertical:before {
        left: 45px;
    }

    .seofy_module_time_line_vertical .time_line-date_wrap {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .seofy_module_time_line_vertical .time_line-date {
        padding: 0 !important;
        right: 100% !important;
        left: auto !important;
    }

    .seofy_module_time_line_vertical .time_line-content {
        text-align: left !important;
    }

        .seofy_module_time_line_vertical .time_line-content:before {
            left: 0 !important;
            right: auto !important;
        }

    .seofy_module_time_line_vertical .time_line-item {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .seofy_module_time_line_vertical .time_line-date {
        -webkit-transform: rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: rotate3d(0, 0, 1, -90deg) !important;
        transform: rotate3d(0, 0, 1, -90deg) !important;
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-date {
        -webkit-transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
        transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-content {
        -webkit-transform: translateX(20%) !important;
        -moz-transform: translateX(20%) !important;
        -ms-transform: translateX(20%) !important;
        -o-transform: translateX(20%) !important;
        transform: translateX(20%) !important;
    }

    .seofy_module_time_line_vertical.appear_anim
    .time_line-item.item_show
    .time_line-date {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        width: 100px;
        white-space: normal;
    }

    .seofy_module_time_line_vertical.appear_anim
    .time_line-item.item_show
    .time_line-content {
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }

    .seofy_module_time_line_vertical .time_line-item:hover .time_line-content {
        -webkit-transform: translateX(5px) !important;
        -moz-transform: translateX(5px) !important;
        -ms-transform: translateX(5px) !important;
        -o-transform: translateX(5px) !important;
        transform: translateX(5px) !important;
    }

    .seofy_module_time_line_vertical
    .time_line-item.item_show:hover
    .time_line-content {
        -webkit-transform: translateX(5px) !important;
        -moz-transform: translateX(5px) !important;
        -ms-transform: translateX(5px) !important;
        -o-transform: translateX(5px) !important;
        transform: translateX(5px) !important;
    }
}

/*AS400 Cloud timeline Ends*/


#cm-prep .row .col-md:nth-child(2) .col-md:first-child, #cm-prep .row .col-md:last-child .col-md:first-child {
    margin-bottom: 1em;
}

#cm-prep .newsCaption {
    bottom: 2px;
}

#case-study-banner h1 {
    font-size: 2em;
}

.page-tittle .pull-left {
    padding-left: unset;
}

.rpa-edu-bene .bg-gray-box {
    border-radius: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.icon-back-edu {
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5em;
}

    .icon-back-edu i {
        font-size: 1.5em;
    }


#rpa-edu-case .row:last-child .col-lg .nav-tabs {
    border: unset;
}

    #rpa-edu-case .row:last-child .col-lg .nav-tabs .nav-link {
        border-radius: unset;
        border: 1px solid #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#rpa-edu-case .parent-tab .nav-item {
    margin-bottom: -1px;
    margin-left: 1em;
    width: 12em;
}

    #rpa-edu-case .parent-tab .nav-item a {
        color: #fff;
    }

#rpa-edu-case .parent-tab .nav-link.active {
    color: #444;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

    #rpa-edu-case .parent-tab .nav-link.active::before {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 0.8em;
        position: absolute;
        left: 32%;
        bottom: 0;
        border-top: 10px solid #fff;
        position: relative;
        top: 32px;
    }

#rpa-edu-case .child-tab .nav-item {
    margin-bottom: -1px;
    margin-left: 12px;
    width: 12em;
}

    #rpa-edu-case .child-tab .nav-item a {
        color: #fff;
    }

#rpa-edu-case .child-tab .nav-link.active {
    color: #444;
    background-color: #FFDD00;
    border-color: #FFDD00 !important;
}

#rpa-edu-case .nest-tab .tab-content .tab-pane ul li {
    margin-bottom: 1em;
}

#rpa-edu-case .nest-tab .tab-content .tab-pane ul {
    margin-bottom: unset;
    padding-right: 3em;
    text-align: justify;
}

    #rpa-edu-case .nest-tab .tab-content .tab-pane ul li:last-child {
        margin-bottom: unset;
    }

#rpa-edu-case #tabs-2 .child-tab .nav-item {
    margin-bottom: -1px;
    margin-left: 12px;
    width: 19em;
}

#rpa-edu-indu .icon-wrap {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    border: 2px solid #444;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    margin-bottom: 1em;
}

#rpa-edu-indu .card1:hover .icon-wrap {
    border: 2px solid #fff !important;
}

    #rpa-edu-indu .card1:hover .icon-wrap i {
        color: #fff !important;
    }


.modernize-card-body {
    padding: 5px 0;
    min-height: 420px;
}


.modernize-card {
    background: #fff;
    box-shadow: 0px 5px 20px #00000029;
}

.modernize-card-body h5 {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0 10px 0;
    text-align: center;
}

.modernize-ribbon-1 {
    background: transparent linear-gradient(106deg, #7EB7F0 0%, #5BF0C8 100%) 0% 0% no-repeat padding-box;
}

.modernize-ribbon-2 {
    background: transparent linear-gradient(106deg, #EAB6F4 0%, #8C82E1 100%) 0% 0% no-repeat padding-box;
}

.modernize-ribbon-3 {
    background: transparent linear-gradient(106deg, #E8B090 0%, #F2DE95 100%) 0% 0% no-repeat padding-box;
}

.modernize-ribbon-4 {
    background: transparent linear-gradient(106deg, #AC838E 0%, #F0B7CF 100%) 0% 0% no-repeat padding-box;
}

.ribbon-icon span {
    background: #fff;
    border-radius: 50%;
    display: inline-table;
    text-align: center;
    margin: 7px 0;
    padding: 10px;
    height: 55px;
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
}

    .ribbon-icon span i {
        font-size: 1.5em;
    }


.modernize-card-body p {
    padding: 8px 15px;
    margin: 0;
    line-height: 1.4em;
}

.ribbon-bottom-1 {
    background: transparent linear-gradient(91deg, #036ED9 0%, #0FF0B3 100%) 0% 0% no-repeat padding-box;
    height: 8px;
}

.ribbon-bottom-2 {
    background: transparent linear-gradient(91deg, #C56CD6 0%, #3425AF 100%) 0% 0% no-repeat padding-box;
    height: 8px;
}

.ribbon-bottom-3 {
    background: transparent linear-gradient(91deg, #F76B1C 0%, #FAD961 100%) 0% 0% no-repeat padding-box;
    height: 8px;
}

.ribbon-bottom-4 {
    background: transparent linear-gradient(91deg, #4D0316 0%, #F65599 100%) 0% 0% no-repeat padding-box;
    height: 8px;
}


.what-we-recommend img {
    width: 80%;
    margin-top: 20px;
}



.our-approach i {
    font-size: 1.5em;
}

.our-approach .icon-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-approach .box {
    background: #fff;
    box-shadow: 0px 5px 20px #00000042;
    padding-top: 20px;
    padding-bottom: 30px;
}

    .our-approach .box img {
        width: 35px;
    }

    .our-approach .box h3 {
        letter-spacing: 0px;
        color: #444444;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }

.circle {
    padding: 5px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px auto;
    line-height: 3em;
}

.orange {
    border: 1px solid #FFB100;
}

.purple {
    border: 1px solid #B47AF5;
}

.green {
    border: 1px solid #63CCA2;
}

.blue {
    border: 1px solid #00B8E4;
}

.our-approach .box ul {
    margin: 20px 0 0 0;
    padding: 0;
}

.our-approach .box li {
    list-style: none;
    text-align: left;
    padding-left: 25px;
    font-size: 14px;
    color: #444;
}

.our-approach .box ul li:before {
    content: '✓';
    margin-right: 10px;
}

.b1 {
    border-bottom: 7px solid #FFB100;
}

.b2 {
    border-bottom: 7px solid #B47AF5;
}

.b3 {
    border-bottom: 7px solid #63CCA2;
}

.b4 {
    border-bottom: 7px solid #00B8E4;
}

#rpa-edu-indu .card1 p {
    padding: 0 5px;
}


.modernize-card ul {
    list-style: none;
    padding: 0 1em;
}

    .modernize-card ul li::before {
        content: '✓';
        margin-right: 10px;
        color: green;
    }

.rest-mark li::before {
    content: '❌' !important;
    font-size: 10px;
}

#modernize-technique-back {
    font-size: 13px;
}

.rpa-edu-mobile {
    display: none;
}


/*Product Engineering CSS*/

/*.nalashaa-offerings h2:after {
    content: "";
    display: block;
    width: 14%;
    padding-top: 20px;
    border-bottom: 5px solid #fff;
}*/
/*carosol*/
.offers .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -60px;
}
    /* The colour of the indicators */
    .offers .carousel-indicators li {
        background: #888888;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        border: 0 !important;
    }

    .offers .carousel-indicators .active {
        background: #fff;
    }

.offers .carousel-control-next {
    right: -100px;
}

.offers .carousel-control-prev {
    left: -100px;
}

.offers .carousel-control-next, .carousel-control-prev {
    width: 10% !important;
}
/* carousel ends-------------*/
.strip {
    padding: 10px 18px;
    min-height: 430px;
    position: relative;
}

    .strip h3 {
        font-size: 17px;
        color: #fff;
        padding: 15px 0 5px 0;
        font-weight: 600;
        text-transform: uppercase;
    }

    .strip img {
        width: 60px;
        padding-top: 10px;
    }

    .strip p {
        color: #fff;
        font-size: 14px;
        line-height: 1.5em;
    }

.strip-1 {
    background: transparent linear-gradient(146deg, #0470DC 0%, #0BA29D 100%) 0% 0% no-repeat padding-box;
}

.strip-2 {
    background: transparent linear-gradient(146deg, #C56CD6 0%, #3425AF 100%) 0% 0% no-repeat padding-box;
}

.strip-3 {
    background: transparent linear-gradient(146deg, #65799B 0%, #5E2563 100%) 0% 0% no-repeat padding-box;
}

.strip-4 {
    background: transparent linear-gradient(147deg, #184E68 0%, #57CA85 100%) 0% 0% no-repeat padding-box;
}

.strip-bottom-line {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 5px;
    width: 100%;
    bottom: 7px;
    position: absolute;
    left: 0;
}

.why-partner {
    padding: 10px 0 40px 0;
}

    .why-partner h2, .pe-our-approach h2 {
        font-size: 26px;
        color: #444444;
        font-weight: 600;
    }

    .why-partner img {
        width: 90%;
    }

.partner-with-us {
    background: transparent linear-gradient(100deg, #0F549A 0%, #022023 100%) 0% 0% no-repeat padding-box;
    padding: 30px 0;
}

    .partner-with-us h3 {
        font-size: 35px;
        font-weight: 600;
        color: #fff !important;
        margin: 0;
        padding: 0;
    }

    .partner-with-us h4 {
        font-size: 28px;
        font-weight: 600;
        color: #fff !important;
    }

    .partner-with-us p {
        color: #fff;
        font-size: 15px;
    }

.our-approach {
    background: #eee;
    padding: 50px 0 80px 0;
}

    .our-approach h2 {
        font-size: 26px;
        color: #444444;
        font-weight: 600;
        margin-bottom: 50px;
    }

.strip2 {
    background: #fff;
    position: relative;
    box-shadow: 15px 0px 15px #00000029;
}

    .strip2 .icon {
        width: 60px;
    }

    .strip2 h3 {
        font-size: 20px;
        text-transform: uppercase;
        color: #444444;
        font-weight: 600;
    }

.strip2-bottom {
    padding: 20px 10px;
    color: #fff;
    background: transparent linear-gradient(106deg, #65799B 0%, #5E2563 100%) 0% 0% no-repeat padding-box;
}


.strip2 h5 {
    font-size: 18px;
    font-weight: 600;
}

.padding-30 {
    padding: 30px;
}

.z-indx {
    z-index: 2;
}

#pe-scroll-content .card .card-body i {
    font-size: 3em;
    margin-bottom: 0.6em;
}

#pe-scroll-content .card {
    border-radius: unset;
    height: 300px;
}

    #pe-scroll-content .card .card-body .strip {
        border-bottom: 6px solid #fff;
        position: absolute;
        bottom: 1em;
        width: 100%;
        left: 0;
    }

#pe-scroll-content .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}

#pe-scroll-content .card .card-body h5 {
    font-weight: bold;
}

.pe-our-approach .row:last-child .col-md-6 {
    padding: 0;
}

    .pe-our-approach .row:last-child .col-md-6 i {
        font-size: 3em;
        color: #fff;
        margin: 0.6em 0;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard {
        height: 400px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.36), 0 0 20px rgba(0, 0, 0, 0.23);
    }


        .pe-our-approach .row:last-child .col-md-6 .newsCard ul {
            line-height: 1.5;
            padding: 0 6px;
        }

            .pe-our-approach .row:last-child .col-md-6 .newsCard ul li {
                margin-bottom: 8px;
            }

.pe-our-approach .newsCaption {
    bottom: 0px !important;
    background: #0e4e91; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0e4e91 0%, #042838 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0e4e91 0%,#042838 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0e4e91 0%,#042838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4e91', endColorstr='#042838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    opacity: 1 !important;
    padding: 18px;
}


.pe-our-approach .container-fluid {
    padding: 0 5em;
}

.pe-our-approach .row:last-child .col-md-6 .newsCard img {
    margin: 1em 0;
}

.pe-our-approach .row:last-child .col-md-6 .newsCard ul {
    list-style: none;
}

    .pe-our-approach .row:last-child .col-md-6 .newsCard ul li::before {
        content: "\f005";
        font-family: "Font Awesome 5 Free";
        padding: 0 10px 0 0;
    }

.pe-our-approach .arrow-img {
    position: absolute;
    top: -14em;
    left: 0;
    width: 12%;
}

.pe-our-approach h6 {
    line-height: 1.5;
}

.pe-our-approach .newsCard {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

    .pe-our-approach .newsCard .icon-wrap {
        width: 100px;
        height: 100px;
        background: #0e4e91;
        background: -moz-linear-gradient(-45deg, #0e4e91 0%, #042838 100%);
        background: -webkit-linear-gradient(-45deg, #0e4e91 0%,#042838 100%);
        background: linear-gradient(135deg, #0e4e91 0%,#042838 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4e91', endColorstr='#042838',GradientType=1 );
        border-radius: 100%;
        margin-bottom: 2em;
        margin-top: 4em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

/*Product Engineering CSS End*/

/*Application Development CSS Starts*/

#app-offer .nav-tabs {
    border-bottom: unset;
}

    #app-offer .nav-tabs .nav-item {
        width: 13em;
        margin: 1em;
        position: relative;
    }

        #app-offer .nav-tabs .nav-item.show .nav-link, #app-offer .nav-tabs .nav-link.active {
            color: #fff;
            background: #c68d4d; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #c68d4d 0%, #fb9d23 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(-45deg, #c68d4d 0%,#fb9d23 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(135deg, #c68d4d 0%,#fb9d23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c68d4d', endColorstr='#fb9d23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
            border-color: orange !important;
        }

            #app-offer .nav-tabs .nav-item.show .nav-link, #app-offer .nav-tabs .nav-link.active::before {
                content: "";
                width: 0px;
                height: 0px;
                border: 0.8em solid transparent;
                border-top-color: transparent;
                border-top-style: solid;
                border-top-width: 0.8em;
                position: absolute;
                left: 43%;
                bottom: -20px;
                border-top: 10px solid #E79733;
            }

    #app-offer .nav-tabs .nav-link:focus, #app-offer .nav-tabs .nav-link:hover {
        border-color: orange !important;
    }

    #app-offer .nav-tabs .nav-link {
        border: 1px solid #fff;
        border-top-left-radius: unset !important;
        border-top-right-radius: unset !important;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 5em;
        color: #fff;
    }

#app-offer .tab-content {
    background: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #dbdbdb 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #dbdbdb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #dbdbdb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 3em;
}

    #app-offer .tab-content .tab-pane .offer-desc {
        list-style: none;
    }

        #app-offer .tab-content .tab-pane .offer-desc li::before {
            content: "\f013";
            font-family: FontAwesome;
            display: inline-block;
            margin-left: -1.3em;
            width: 1.3em;
            line-height: 2;
            margin-right: 0.3em;
        }

    #app-offer .tab-content .tab-pane ul li {
        margin-bottom: 1.4em;
    }

    #app-offer .tab-content .tab-pane .off-attr {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#app-offer .off-attr li {
    background: #444;
    padding: 1em 3em;
    color: #fff;
    margin: 0 1.5em;
    margin-bottom: unset !important;
    position: relative;
    width: 20em;
}

    #app-offer .off-attr li::before {
        content: '';
        display: block;
        width: 5%;
        border-bottom: 79px solid #ff8010;
        position: absolute;
        left: 15px;
        top: 0;
    }

    #app-offer .off-attr li::after {
        content: '';
        display: block;
        position: absolute;
        left: 15px;
        bottom: -10px;
        border-left: 7px solid #F47530;
        border-right: 7px solid #F47530;
        border-bottom: 10px solid transparent;
    }

#app-why .card .card-body i {
    font-size: 2em;
    margin-bottom: 12px;
}

#app-why .card .card-body p {
    margin: unset;
}



#app-why .card .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#app-why .card:first-child::before {
    content: '';
    border-top: 2px solid #fff;
    display: block;
    position: absolute;
    top: -2px;
    width: 10%;
    z-index: 2;
}

.app-why .card1 {
    width: 100%;
    margin-bottom: 1.5em;
}


/*
flip card
*/

.app-why .card {
    width: 195px;
    height: 250px;
    background: #242738; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #242738 0%, #3c3755 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #242738 0%,#3c3755 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #242738 0%,#3c3755 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242738', endColorstr='#3c3755',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: unset;
}

    .app-why .card i {
        font-size: 2em;
        margin-bottom: 0.7em;
    }

.app-why .card-flip > div {
    backface-visibility: hidden;
    transition: transform 300ms;
    transition-timing-function: linear;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
}

.app-why .card-front {
    transform: rotateY(0deg);
}

.app-why .card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
}

.app-why .card-flip:hover .card-front {
    transform: rotateY(-180deg);
}

.app-why .card-flip:hover .card-back {
    transform: rotateY(0deg);
}


#app-approach .card {
    border-bottom: 0.3em solid #FF8010;
    height: 200px;
}


    #app-approach .card i {
        position: absolute;
        right: 0.3em;
        opacity: 0.2;
        font-size: 3.5em;
        color: #242738;
    }
/*#app-approach {
    background-color: #242738;
    background-color: -moz-linear-gradient(-45deg, #242738 0%, #3c3755 100%);
    background-color: -webkit-linear-gradient(-45deg, #242738 0%,#3c3755 100%);
    background-color: linear-gradient(135deg, #242738 0%,#3c3755 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242738', endColorstr='#3c3755',GradientType=1 );
}*/

#app-resource .tab-pane a {
    text-decoration: none;
    background: transparent;
    border: unset;
}

#app-resource .card, #prod-resource .card {
    width: 100%;
    margin: unset;
    height: 305px;
    border: unset;
    border-radius: unset;
}

#app-resource .row:last-child .col-md a, #prod-resource .row:last-child .col-md a {
    width: 100%;
}

#app-resource .row:last-child .col-md, #prod-resource .row:last-child .col-md {
    padding: unset;
}

#app-resource .card::after, #prod-resource .card::after {
    background: #23283c; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #23283c 0%, #23283c 46%, #0063af 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #23283c 0%,#23283c 46%,#0063af 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #23283c 0%,#23283c 46%,#0063af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23283c', endColorstr='#0063af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height: 100%;
    display: block;
    content: '';
    position: relative;
    top: 0;
    left: 0;
    opacity: 0.8;
}

#app-resource .card-body, #prod-resource .card-body {
    color: #fff;
    position: absolute;
    top: 0;
    text-align: left;
    z-index: 2;
    padding: 2em;
}

    #app-resource .card-body p, #prod-resource .card-body p {
        font-size: 1.3em;
        text-align: left;
    }

#app-resource .card:hover, #prod-resource .card:hover {
    background: #00b7ea !important;
}

#app-resource .card .button-wrap, #prod-resource .card .button-wrap {
    position: absolute;
    bottom: 2em;
    color: #fff;
    z-index: 2;
    right: 2em;
    border: 1px solid #fff;
    margin: 0;
    padding: 0.5em 1.5em;
}

    #app-resource .card .button-wrap p, #prod-resource .card .button-wrap p {
        margin: unset;
    }

#app-resource .nav-pills .nav-link {
    border-radius: .25rem;
    background: #e6e2e2;
    color: #444;
    border-radius: unset;
}

    #app-resource .nav-pills .nav-link.active, #app-resource .nav-pills .show > .nav-link {
        color: #fff !important;
        background-color: #007bff !important;
    }

#app-resource .tab-pane .col-md {
    margin: 0;
    padding: 0;
}

#app-resource .nav-item {
    width: 15em;
    text-align: center;
}


#app-approach {
    position: relative;
    background: url(/images/pages/prodcut-engineering/sbg.png) no-repeat center bottom;
    padding-bottom: 0;
    background-position: 50% 90%;
}

    #app-approach .commonSection .container {
        position: relative;
        z-index: 2;
    }

    #app-approach .singleService {
        position: relative;
        padding: 0;
        transition: all ease 400ms;
        -webkit-transition: all ease 400ms;
        -moz-transition: all ease 400ms;
    }

        #app-approach .singleService h3 {
            font-size: 22px;
            line-height: 37px;
            margin-bottom: 7px;
            font-weight: bold;
        }

        #app-approach .singleService p {
            margin-bottom: 8em;
        }

    #app-approach .box {
        position: relative;
        text-align: center;
    }

        #app-approach .box::after {
            width: 163px;
            height: 182px;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            visibility: hidden;
            opacity: 0;
            content: '';
            text-align: center;
            background: url(/images/pages/prodcut-engineering/s61.png) no-repeat center center / cover;
            transition: all ease 400ms;
            -webkit-transition: all ease 400ms;
            -moz-transition: all ease 400ms;
        }

        #app-approach .box::before {
            width: unset;
            height: 276px;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            content: '';
            text-align: center;
            background: url(/images/pages/prodcut-engineering/s51.png) no-repeat center center / cover;
            transition: all ease 400ms;
            -webkit-transition: all ease 400ms;
            -moz-transition: all ease 400ms;
        }

        #app-approach .box i {
            color: #4621ff;
            font-size: 3em;
            line-height: 53px;
            z-index: 5;
            top: 0;
            left: 0;
            text-align: center;
            position: relative;
            transition: all ease 400ms;
            -webkit-transition: all ease 400ms;
            -moz-transition: all ease 400ms;
        }

    #app-approach .singleService h2 {
        font-size: 60px;
        line-height: 37px;
        color: #eef3ff;
        top: 35px;
        right: -52px;
        z-index: -1;
        position: relative;
        margin: 0;
        transition: all ease 400ms;
        -webkit-transition: all ease 400ms;
        -moz-transition: all ease 400ms;
    }

    #app-approach .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

    #app-approach .singleService:hover .box::after {
        visibility: visible;
        opacity: 1;
    }

    #app-approach .singleService:hover .box::before {
        visibility: hidden;
        opacity: 0;
    }

    #app-approach .boxTop {
        padding-top: 100px;
    }

        #app-approach .boxTop h2 {
            top: -42px;
            right: -40px;
        }

        #app-approach .boxTop .box {
            margin-bottom: 100px;
        }

        #app-approach .boxTop p {
            margin-bottom: 0;
        }

    #app-approach .second_color .box i {
        color: #e034ff;
    }

    #app-approach .singleService:hover .box i {
        color: #242738;
    }

    #app-approach .third_color .box i {
        color: #ffae00;
    }

    #app-approach .four_color .box i {
        color: #28f200;
    }

footer .fa {
    min-height: 30px;
}


#sitemap_wrap h1 {
    color: #00abff;
}

#sitemap_wrap h4 {
    color: #1E3953;
}

#sitemap_wrap a {
    color: slategray;
}

.tab-style-4 li:hover a {
    background-color: transparent;
}

.cs-box-wrap .row:last-child .col-md .card {
    min-height: 120px;
}

.cs-box-wrap .row:last-child .col-md .card-body {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cs-box-wrap .row:last-child .col-md .card-body p {
        margin: 0;
        padding: 0;
    }

#as400-bene-mob {
    display: none;
}

#prod-resource .row:last-child .col-lg {
    padding: unset;
}

    #prod-resource .row:last-child .col-lg a {
        width: 100%;
    }

#prod-resource .card::after {
    background: #23283c;
    background: -moz-linear-gradient(-45deg, #23283c 0%, #23283c 46%, #0063af 100%);
    background: -webkit-linear-gradient(-45deg, #23283c 0%,#23283c 46%,#0063af 100%);
    background: linear-gradient(135deg, #23283c 0%,#23283c 46%,#0063af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23283c', endColorstr='#0063af',GradientType=1 );
    height: 100%;
    display: block;
    content: '';
    position: relative;
    top: 0;
    left: 0;
    opacity: 0.8;
}

#prod-resource .card-body {
    color: #fff;
    position: absolute;
    top: 0;
    text-align: left;
    z-index: 2;
    padding: 2em;
}

#prod-resource .card .button-wrap {
    position: absolute;
    bottom: 2em;
    color: #fff;
    z-index: 2;
    right: 2em;
    border: 1px solid #fff;
    margin: 0;
    padding: 0.5em 1.5em;
}

#prod-resource .card::after {
    background: #0283c8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #134E5E 0%, #045a24 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #134E5E 0%,#045a24 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #134E5E 0%,#045a24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134E5E', endColorstr='#045a24',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height: 100%;
    display: block;
    content: '';
    position: relative;
    top: 0;
    left: 0;
    opacity: 0.8;
}

#prod-resource .row:last-child .col-lg a {
    width: 100%;
}

#prod-resource .card {
    width: 100%;
    margin: unset;
    height: 305px;
    border: unset;
    border-radius: unset;
}

    #prod-resource .card:hover {
        background: #00b7ea !important;
    }

/*#ma-mobile .row:last-child .col-md ul li::before {
    content: '✓';
    margin-right: 10px;
    color: green;
}

#ma-mobile .row:last-child .col-md ul {
    list-style: none;
    padding: 0;
}

#ma-mobile .row:last-child .col-md-6 .card{
    border-radius:10px;
    min-height:250px;
    overflow:hidden;
}

#ma-mobile .row:last-child .col-md-6 .card .card-body h5 {
    display: flex;
    align-items: center;
    font-weight:600;
}

#ma-mobile .row:last-child .col-md-6 .card .card-body h5 i {
    font-size: 1.5em;
    margin-right: 0.5em;
    color:#FDA70A;
}
*/

#ma-mobile .fa-thumbs-up::before {
    content: "\f164";
    position: unset;
    top: 28%;
    left: 28%;
    font-size: unset;
    color: unset;
}

#ma-mobile .row .card {
    min-height: 400px;
}

#rpa-owl-service .ma-mobile #slider-rpa label {
    color: #444 !important;
    font-size: unset;
    font-weight: unset;
    cursor: pointer;
}

.ma-mobile .row .phone {
    position: relative;
    border: 1.1vh solid #111;
    border-radius: 4.5vh;
    background: #fff;
    min-height: 472px;
    color: #444;
    font-weight: normal;
    padding: 1em;
}

    .ma-mobile .row .phone .notch-container {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100px;
    }

        .ma-mobile .row .phone .notch-container .notch {
            width: 20vh;
            height: 2vh;
            margin: 0 auto;
            background-color: #111;
            border-bottom-left-radius: 2.334vh;
            border-bottom-right-radius: 2.334vh;
        }

#rpa-owl-service.ma-mobile .row .rpa-box-wrapper {
    width: 20em;
    height: 30em;
    box-shadow: 0 10px 40px rgba(0,0,0, 0.3), 0 10px 40px rgba(0,0,0, 0.2);
    background: #fff;
    border-radius: 4.5vh !important;
}


.ma-mobile .row .phone-heading {
    margin-top: 1em;
}

    .ma-mobile .row .phone-heading h5 {
        font-size: 1.2em;
        font-weight: 600;
        margin-bottom: unset;
    }

.ma-mobile .row .phone-desc ul li {
    position: relative;
}

    .ma-mobile .row .phone-desc ul li::before {
        content: '✓';
        left: -18px;
        color: #444;
        position: absolute;
    }

.ma-mobile .row .phone-heading span.line {
    background-color: orange;
    height: 3px;
    width: 50%;
    display: inline-block;
    position: relative;
}

.ma-mobile .row .phone-desc .icon-wrap img {
    width: 55%;
}
/*#ma-mobile .row .phone-heading .icon-wrap{
    width: 30px;
height: 30px;
background: orange;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1.25em;
color: #fff;
margin-right: 1em;
}*/
.ma-mobile .row .phone-list:last-child {
    margin-bottom: unset;
}

.ma-mobile .row .phone-text i {
    font-size: 1.25em;
    margin: 0.5em 0;
}

#ma-mobile .row .phone {
    position: relative;
    border: 1.1vh solid #111;
    border-radius: 4.5vh;
    background: #fff;
    min-height: 472px;
    color: #444;
    font-weight: normal;
    padding: 1em;
    margin-bottom: 1em !important;
}

    #ma-mobile .row .phone:last-child {
        margin-bottom: unset;
    }

    #ma-mobile .row .phone .notch-container {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100px;
    }

        #ma-mobile .row .phone .notch-container .notch {
            width: 20vh;
            height: 2vh;
            margin: 0 auto;
            background-color: #111;
            border-bottom-left-radius: 2.334vh;
            border-bottom-right-radius: 2.334vh;
        }

#ma-mobile .row .phone-heading {
    margin-top: 1em;
}

    #ma-mobile .row .phone-heading h5 {
        font-size: 1.2em;
        font-weight: 600;
        margin-bottom: unset;
    }

#ma-mobile .row .phone-desc ul li {
    position: relative;
}

    #ma-mobile .row .phone-desc ul li::before {
        content: '✓';
        left: -18px;
        color: #444;
        position: absolute;
    }

#ma-mobile .row .phone-heading span.line {
    background-color: orange;
    height: 3px;
    width: 50%;
    display: inline-block;
    position: relative;
}

#ma-mobile .row .phone-desc .icon-wrap img {
    width: 55%;
}
/*#ma-mobile .row .phone-heading .icon-wrap{
    width: 30px;
height: 30px;
background: orange;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1.25em;
color: #fff;
margin-right: 1em;
}*/
.ma-mobile .row .phone-list:last-child {
    margin-bottom: unset;
}

#ma-mobile .row .phone-text i {
    font-size: 1.25em;
    margin: 0.5em 0;
}

#ma-barrier .row:last-child .col-md .card .card-body h5 {
    font-size: 1.1em;
    font-weight: bold;
    color: #d22424;
}

#ma-barrier .row:last-child .col-md .card i {
    font-size: 2.5em;
}

span.line-ubox {
    background-color: #444;
    height: 4px;
    width: 7%;
    font-size: 28px;
    display: inline-block;
    position: relative;
    margin: 10px auto 10px;
}

span.line-ubox-white {
    background-color: #fff;
    height: 4px;
    width: 7%;
    font-size: 28px;
    display: inline-block;
    position: relative;
    margin: 10px auto 10px;
}

.ma-help-text-wrap h5 {
    font-size: 1.1em;
    font-weight: 700;
}

.ma-help-text-1 {
    position: absolute;
    bottom: 14em;
    width: 255px;
    text-align: center;
    left: 6em;
}

.ma-help-text-2 {
    position: absolute;
    top: 2em;
    width: 255px;
    text-align: center;
    left: 44em;
}

.ma-help-text-3 {
    position: absolute;
    bottom: 14em;
    width: 255px;
    text-align: center;
    left: 30.5em;
}

.ma-help-text-4 {
    position: absolute;
    top: 2em;
    width: 255px;
    text-align: center;
    left: 18em;
}

.ma-help-text-5 {
    position: absolute;
    bottom: 14em;
    width: 255px;
    text-align: center;
    left: 55em;
}

#ma-partner .row:last-child .col-md .card {
    min-height: 200px;
}

    #ma-partner .row:last-child .col-md .card .card-body {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        #ma-partner .row:last-child .col-md .card .card-body i {
            font-size: 2.5em;
            color: #FDA70A;
        }

#ma-mobile .row:first-child .col-md-3 img {
    position: absolute;
    top: 21em;
    width: 65%;
    left: -0.5em;
}

#ma-strip .icon-wrap {
    margin-right: 0.5em;
    font-size: 2.5em;
}

#form-section.ma-form #lsq-form-wrapper #form-submit-button {
    background: #FDA70A !important;
    color: #000 !important;
}

#prod-resource.rpa-worth .card::after {
    height: 100%;
    display: block;
    content: '';
    position: relative;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: #45484d;
    background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg, #45484d 0%,#000000 100%);
    background: linear-gradient(135deg, #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );
}

.corner-ribbon {
    content: '';
    width: 150px;
    background: #FDA70A;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #FDA70A;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

    .corner-ribbon.top-right {
        top: 5px;
        right: -80px;
        left: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

#ma-help-mobile .row:last-child .col-md .icon-wrap {
    background: orange;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
}

#ma-help-mobile .row:last-child .ma-help-text-wrap h5 {
    font-size: 1.1em;
}

#ma-help-mobile .row:last-child .col-md i {
    font-size: 2.5em;
    color: #000;
}

#ma-help-mobile .row:last-child .col-md .card {
    min-height: 190px;
}

#ma-help-mobile {
    display: none;
}

.ma-mobile-show {
    display: none;
}

#ma-mobile {
    display: none;
}

#form-section.ma-form .mob-form-text-wrap i {
    font-size: 5vh;
    color: #FDA70A;
}

#form-section.ma-form .ma-form-first-line {
    display: none;
}


.ma-form .mob-form-text-wrap {
    position: absolute;
    color: #fff;
    width: 200px;
    left: -2vh;
    top: 20vh;
}

    .ma-form .mob-form-text-wrap h2 {
        font-size: 1.7em !important;
    }

span.line-ubox-white {
    background-color: #fff;
    height: 4px;
    width: 15vh;
    font-size: 28px;
    display: inline-block;
    position: relative;
    margin: 10px auto 10px;
}


#ma-barrier .row .card .card-body p {
    width: 175px;
}

    #ma-barrier .row .card .card-body p:before {
        margin-top: 0;
        margin-bottom: 1rem;
        content: '\f0eb';
        left: 12px;
        color: #444;
        position: absolute;
        font-family: "FontAwesome";
        color: green;
        font-size: 1.5em;
        margin-right: 8em;
        bottom: 23px;
    }

#app-resource .col-md-6.col-lg.d-flex.justify-content-center {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

span.line {
    background-color: #ddd;
    height: 1px;
    width: 20%;
    font-size: 28px;
    display: inline-block;
    position: relative;
    margin: 21px auto 18px;
}

    span.line::before {
        position: absolute;
        content: "";
        height: 5px;
        width: 50px;
        background-color: #2B9F03;
        top: -1px;
        border-radius: 30px;
        left: 50%;
        margin-left: -28px;
    }

span.line-white {
    background-color: #ddd;
    height: 1px;
    width: 20%;
    font-size: 28px;
    display: inline-block;
    position: relative;
    margin: 21px auto 18px;
}

    span.line-white::before {
        position: absolute;
        content: "";
        height: 5px;
        width: 50px;
        background-color: #fff;
        top: -2px;
        border-radius: 30px;
        left: 50%;
        margin-left: -28px;
    }

#form-section.white-text-box #lsq-form-wrapper input {
    background: #fff !important;
}

#form-section.white-text-box #lsq-form-wrapper label {
    color: #444 !important;
}

#ux-approach-mob {
    display: none;
}

.iltr {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.ictb {
    font-size: 2.5em;
    margin-bottom: 0.5em;
}

.card-noback {
    background: unset;
    box-shadow: unset;
    border: unset !important;
}

.green-color {
    color: #2B9F03;
}

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

#app-main-challenge .card {
    margin-bottom: 1em;
    height: 120px;
}

    #app-main-challenge .card i {
        font-size: 2.5em;
        margin-right: 0.5em;
        color: #E22E33;
    }

#app-main-service .card:hover i {
    color: #fff;
}

#app-main-service .card:hover {
    background: #646d93; /* Old browsers */
    background: -moz-linear-gradient(45deg, #646d93 0%, #5e2966 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #646d93 0%,#5e2966 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #646d93 0%,#5e2966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646d93', endColorstr='#5e2966',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
}

#app-main-service .card i {
    font-size: 2.5em;
    margin-bottom: 0.5em;
    color: #00B3F3;
}

#app-main-service .card .card-body p {
    margin: 0;
}

#app-main-service .card .card-body {
    text-align: center;
}

#app-main-why .card {
    background: unset;
    border: unset;
    box-shadow: unset;
    margin-bottom: unset;
}

#app-main-why .fa-gavel::before {
    content: "\f0e3";
    position: unset;
    top: unset;
    left: unset;
    font-size: unset;
    color: unset;
}

#app-main-why .card p {
    font-weight: 600;
}

#app-main-why .card .icon-wrap i {
    font-size: 2em;
    color: #00B3F3;
}

#app-main-why .card .icon-wrap {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 1px solid #00B3F3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
}

span.line-black::before {
    position: absolute;
    content: "";
    height: 6px;
    width: 50px;
    background-color: #444;
    top: -2px;
    border-radius: 30px;
    left: 50%;
    margin-left: -28px;
}

span.line-black {
    background-color: #444;
    height: 1px;
    width: 20%;
    font-size: 28px;
    display: inline-block;
    position: relative;
    margin: 21px auto 18px;
}

#Three-musc .features-block-3 .fa-thumbs-up::before {
    font-size: 2rem;
    top: 24px;
    right: 25px;
    position: absolute;
    color: #fff;
}

#cs-intro .cs-bullet .col-lg-6, #cs-intro .cs-bullet span {
    display: flex;
    align-items: center;
}

    #cs-intro .cs-bullet span::before {
        font-family: FontAwesome;
        line-height: inherit;
        display: inline-block;
        text-align: center;
        background: #fff;
        color: #2B9F03;
        content: "\f14a";
        font-size: 1.5rem;
        display: flex;
        margin-right: 10px;
        justify-content: center;
        align-items: center;
    }

#cs-portals .card {
    border-color: #2B9F03;
    border-bottom: 5px solid #2B9F03;
}

    #cs-portals .card:hover {
        background-color: #2B9F03;
        color: #fff;
    }

        #cs-portals .card:hover i {
            color: #fff;
        }

    #cs-portals .card i, #cs-outcomes .card i {
        color: #2B9F03;
    }

#cs-techno ul li {
    width: 50%;
    padding-left: 1.3em;
}

#cs-compo ul li {
    width: 25%;
    padding-left: 1.3em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cs-techno ul, #cs-compo ul {
    list-style: none;
    padding: 0;
}


#cs-techno li:before {
    content: "\f25a"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #2B9F03;
    font-size: 1.5rem;
}

#cs-compo ul li:before {
    content: "\f013"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #2B9F03;
    font-size: 1.5rem;
}

#cs-portals.armed .card {
    border-color: #4738B3;
    border-bottom: 5px solid #4738B3;
}

    #cs-portals.armed .card:hover {
        background-color: #4738B3;
        color: #fff;
    }

        #cs-portals.armed .card:hover i {
            color: #fff;
        }

    #cs-portals.armed .card i {
        color: #4738B3;
    }

#cs-techno.modern-leg ul {
    display: inline;
}

    #cs-techno.modern-leg ul li {
        width: unset !important;
        margin: 0 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#cs-techno.modern-leg li::before {
    font-family: FontAwesome;
    line-height: 2.5em;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    content: "\f058";
    font-size: 2rem;
    margin-right: 5px;
    color: #4738B3;
}


/*Responsive Breakpoints Starts*/
@media only screen and (min-width: 1900px) {
    .page-tittle {
        height: 500px !important;
    }

    .banner-height {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100% 35%;
        height: 500px;
    }

    #callouts .back p, #callouts .darker-gray-title-sub {
        font-size: 16px !important;
    }

    .arrow {
        margin: 18% 0;
    }

    #carouselSliderControls .carousel-inner {
        height: 550px;
    }

    #carouselSliderControls .carousel-caption {
        top: 25%;
    }

    .describe-portfolio {
        color: #fff;
        font-size: 1.5em;
        text-align: center;
        cursor: pointer;
        font-weight: normal !important;
    }

    .img-portfolio-overlap {
        position: absolute;
        top: -3vw;
        left: 7.5vw;
        z-index: 1;
        width: 6vw;
    }

    .portfolio-section-subheading {
        font-size: 1.4em !important;
        color: #707070 !important;
        font-weight: bold;
    }
}


@media only screen and (min-width: 1281px) and (max-width: 1367px) {


    .coSecvice {
        background-position: 50% 83%;
    }

    #rpa-landing-flip .features-info p {
        padding-right: unset;
    }

    #wp-wrap .wp-arrow {
        top: -55px;
    }

    #blog-main #myCarousel .item img {
        min-height: 150px !important;
        height: auto;
    }

    #board-sec .card {
        margin-top: 15px;
    }

        #board-sec .card h2 {
            font-size: 26px;
        }

    #error img {
        width: 20%;
    }

    #error h1 {
        font-size: 2.5rem;
    }

    #error h2 {
        font-size: 22px;
    }

    #error .button-wrapper {
        margin-top: 2rem !important;
    }

    #callouts .back p, #callouts .darker-gray-title-sub {
        font-size: 16px !important;
    }

    .page-footer img {
        width: 60%;
    }

    .profe-contra .row .col-md {
        padding-right: 45px !important;
    }

    #field-service-banner {
        background-position: 10% 35% !important;
    }

    #field-services-1 .card-body p, #field-services-2 .card-body p {
        font-size: 16px !important;
        color: #DD8046 !important;
    }

    #field-services-1 h4, #field-services-2 h4 {
        font-size: 22px;
    }

    

    .sucess-img-wrap {
        height: 100px;
    }

    #field-service-banner .page-tittle-head {
        margin-top: -28px;
    }

    .arrow {
        top: 45%;
    }

    .folio-image {
        height: unset;
    }

    #tbliNatrixJobs {
        width: 90%;
    }

    #jobtitle {
        margin-top: 8%;
    }

    .d365-title {
        font-size: 26px;
    }

    #d365-header {
        background-position: 21% 35%;
    }

    #shadow {
        width: 48%;
    }

    .d365-cover::after {
        width: 48%;
    }

    #d365-cust .pull-left {
        left: -50px;
    }

    #d365-emp .push-right, #d365-commu .push-right {
        left: 160px;
    }

    #d365-emp .push-right-1 {
        left: 120px;
    }

    #d365-partner .pull-left {
        left: -50px;
    }

    #d365-partner .pull-left-1 {
        left: -120px;
    }

    #d365-commu .pull-left {
        left: 90px;
    }

    #d365-commu .push-right-1 {
        left: 20px;
    }

    #left-side-nose .col-md {
        bottom: 340px;
    }

    #ribbon-box h4 {
        font-size: 22px;
    }

    #d365-creative img {
        width: 90%;
    }
    /*#rcm-footer .col-md-6 {
        margin-top: 17%;
        left: 550px;
    }*/
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    #cloud-compare .cloud-box {
        left: 31em;
    }

    .float-button {
        top: 34rem;
    }

    .icon-arrow-left7 {
        left: -40px;
    }

    .icon-arrow-right7 {
        right: -40px;
    }

    #init-help .card-text {
        font-size: 0.8rem;
    }

    #cloud-flip .flip-card-back .features-info p {
        margin-top: 8%;
        font-size: 14px;
    }

    #wp-list .col-md-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #rpa-landing-flip .features-info p {
        padding-right: unset;
    }


    .tab-style-4 li a, .tab-style-4 li {
        font-size: 14px;
    }

    .banner-title {
        font-size: 2rem;
    }

    #callouts .back p, #callouts .front p {
        font-size: 1em;
    }

    #callouts .features-info p {
        padding-right: unset;
    }

    #callouts .features-info {
        margin-top: 25px;
    }

    #wp-wrap .wp-arrow {
        top: -50px;
    }


    #case-study-banner {
        background-position: 70% !important;
    }

    #error img {
        width: 20%;
    }

    #error h1 {
        font-size: 2.5rem;
    }

    #error h2 {
        font-size: 22px;
    }

    #error .button-wrapper {
        margin-top: 2rem !important;
    }

    .page-footer img {
        width: 37%;
    }

    .folio-2-portfolio-style {
        height: 65.5%;
    }

    #carouselSliderControls .carousel-item {
        min-height: 438px;
    }

    .icon-cloud1::before {
        left: 17%;
    }

    #callouts .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    #callouts .mt-4, .my-4 {
        margin-top: 0.7rem !important;
    }

    .banner-height {
        background-position: 65% 35%;
    }

    #tbliNatrixJobs {
        width: 864px;
    }

    #myModal2 .modal-dialog {
        margin: 8% 4%;
    }
}

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

    #wp-wrap .wp-arrow {
        top: -40px;
    }

    #power-offer .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #init-help .card-text {
        font-size: 0.8rem;
    }

    #cloud-flip .flip-card-back .features-info p {
        margin-top: 8%;
        font-size: 12px;
    }


    #sales-feature .card-body p {
        font-size: 14px;
    }


    #rpa-landing-flip .features-info p {
        padding-right: unset;
    }


    .banner-title {
        font-size: 2rem;
    }

    .banner-height {
        background-position: 70% 35% !important;
    }

    #callouts .back p, #callouts .front p {
        font-size: 1em;
    }

    #callouts .features-info p {
        padding-right: unset;
    }

    #callouts .features-info {
        margin-top: 25px;
    }

    #wp-wrap {
        margin-top: 60px;
    }

    .rpa-intro::after, .rpa-intro::before {
        display: none;
    }

    .flip-button {
        font-size: 13px;
    }

    #as400-path-wrap .row .col-md button {
        width: 180px;
    }

    #as400-help-card ul {
        line-height: unset;
    }

    .nav-mobile .menu-container .menu-sidebar {
        left: 0;
    }

    #as400-reason .card {
        height: 280px;
    }

    .folio-2-portfolio-style {
        height: 65.5%;
    }

    .page-tittle.page-tittle-xl {
        margin-top: 60px !important;
    }

    #navigation {
        display: none;
    }

    #mobile-nav {
        display: block;
    }

        #mobile-nav .nav-logo {
            width: 22% !important;
        }

    #Three-musc .features-block-3 h2 {
        font-size: 22px;
    }

    #custom-tab .tab-style-4 li a, .tab-style-4 li {
        font-size: 14px;
        padding: 11px 0;
    }

    #carouselSliderControls .carousel-item {
        min-height: 362px;
    }

    #carouselSliderControls .carousel-caption {
        top: 22%;
        left: 10%;
    }

    .icon-dynamic1::before {
        left: 24%;
    }

    .arrow {
        display: none;
    }

    .icon-cloud1::before {
        left: 10%;
    }

    #testimo .col-md-9, #testimo .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimo-back {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-cover {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-lef-con {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        /*text-align:center;*/
    }

    #testimo .carousel-caption {
        top: 20%;
    }

    #testimo .carousel-indicators {
        bottom: 15%;
    }

    /*#testimo .icon-dynamic::before, .icon-cloud::before, .icon-mobility::before, .icon-analytics::before {
        left: 20%;
    }*/

    #support-dynamics-365, #integrate-dynamics-365, #upgrade-dynamics-365, #implement-dynamics-365 {
        padding: 5px !important;
        display: flex;
        align-items: center;
    }

    #custom-tab .tab-style-4.item-2 li:nth-child(2), .tab-style-4.item-3 li:nth-child(2), .tab-style-4.item-4 li:nth-child(2), .tab-style-4.item-5 li:nth-child(2) {
        border-right: none;
    }

    #custom-tab .tab-style-4.item-2 li:nth-child(4), .tab-style-4.item-3 li:nth-child(4), .tab-style-4.item-4 li:nth-child(4), .tab-style-4.item-5 li:nth-child(4) {
        border-right: none;
    }

    #custom-tab .tab-style-4.item-2 li:nth-child(5), .tab-style-4.item-3 li:nth-child(5), .tab-style-4.item-4 li:nth-child(5), .tab-style-4.item-5 li:nth-child(5) {
        border-right: none;
    }

    .banner-height {
        background-position: 70% 35%;
    }

    #callouts .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    #callouts .mt-4, .my-4 {
        margin-top: 0.7rem !important;
    }

    .front p, .back p {
        font-size: 1em;
    }

    .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 25%;
    }

    .head-button {
        padding: 1em 1em;
        font-size: 14px;
    }

    .value-box .col-md .card {
        height: 450px;
    }

    .folio-2-portfolio-style {
        width: 100% !important;
        left: 0;
    }

    #life .card {
        height: 500px;
    }

    #navigation img {
        width: 85%;
        margin-left: 25px;
    }

    #tbliNatrixJobs {
        width: 705px;
    }

    #myModal2 .modal-content {
        width: 930px;
    }

    #myModal2 .modal-dialog {
        margin: 10% 3%;
    }
}

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

    #rpa-challenge .container {
        max-width: 100%;
    }

    #as400-gen-book .col-md {
        padding: 0rem;
    }

    #as400-consult .container, #as400-lev .container, #blue-form-section .container {
        max-width: 100%;
    }

    #as400-path-wrap .row .col-md button {
        padding: 2rem;
    }

    #as400-path-wrap .container {
        max-width: 95%;
    }

    .float-button {
        top: 34rem;
    }

    .ai-list li, .ai-list1 li {
        width: 100%;
    }

    .ai-service .row {
        justify-content: center !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .ai-service .container {
        width: 90%;
        max-width: 90%;
    }

    #power-offer .row, #life .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


    #init-help .container {
        max-width: 100%;
    }

    #init-help .card-text {
        font-size: 0.8rem;
    }

    #cloud-flip .flip-card-back .features-info p {
        margin-top: 8%;
        font-size: 12px;
    }

    #cloud-flip .row {
        display: flex;
        flex-direction: column;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }

    #rel-prod .row .col-md {
        margin-bottom: 20px;
    }

    .border-support .row {
        display: flex;
        flex-direction: column;
    }

        .border-support .row .col-md-3 {
            max-width: 50%;
        }

    .as400-fix .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .as400-fix .col-md-3 {
        max-width: 40%;
    }

    #sales-feature .flip-container, #sales-feature .front, #sales-feature .back {
        width: 300px;
    }


    #sales-feature .card-body p {
        font-size: 14px;
    }

    #sales-feature .col-md .card {
        height: auto;
    }

    #sales-feature .row {
        display: flex;
        flex-direction: column;
    }

    #rpa-landing-flip .features-info p {
        padding-right: unset;
    }

    #rpa-landing-flip .flip-card-front .h3, h3 {
        font-size: 1.5rem !important;
    }

    #rpa-landing-flip .container {
        max-width: 90%;
    }


    #cd-feature .row {
        display: flex;
        flex-direction: column;
    }

    .form-lay {
        flex-direction: column;
    }

    #form-section .row .col-md-3 .col-md:last-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .banner-title {
        font-size: 2rem;
    }

    .banner-height {
        background-position: 70% 35% !important;
    }

    #callouts .back p, #callouts .front p {
        font-size: 0.9em;
    }

    #callouts .features-info p {
        padding-right: unset;
    }

    #callouts .features-info {
        margin-top: 25px;
    }

    #callouts .container {
        max-width: 100%;
    }

    #testimo .col-md-9, #testimo .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimo-cover {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-lef-con {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }



    .wp-arrow {
        top: -42px;
    }

    #wp-wrap {
        margin-top: 60px;
    }

    .rpa-intro::after {
        top: 60%;
    }

    .rpa-intro::before {
        margin-left: -5%;
        top: -13%;
    }

    .flip-button {
        font-size: 14px;
    }



    #as400-help-card .flip-card, #as400-help-card .card {
        height: 350px;
    }

    #as400-help-card ul {
        line-height: unset;
    }

    #as400-path-wrap .button-wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #as400-reason .card {
        height: 350px;
    }

    #rpa-contact .form-group {
        width: 100%;
        max-width: 100% !important;
    }

    #rpa-tech-stack ul li {
        width: 45%;
    }

    #rpa-contact .row {
        display: flex;
        flex-direction: column;
    }

    #rpa-contact .col-md:last-child img {
        display: none;
    }

    #as400-service-banner {
        margin-top: 0 !important;
    }

    #black-form-section .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    #as400-terrain .row {
        flex-direction: column;
    }

    #as400-strip .container {
        max-width: 100%;
    }

    #scroll-modules .card {
        height: 300px;
    }

    .page-footer img {
        width: 50%;
    }

    .folio-2-portfolio-style {
        height: 55%;
    }

    .nav-mobile .menu-container .menu-sidebar {
        left: 0%;
    }

    .describe-portfolio {
        font-size: 16px;
    }

    .profe-contra .row, .sys-assi-schedu .row, .opti-invento .row, .smart-fi-ser .row, .engaged-cust .row, .empow-emplo .row {
        flex-direction: column;
        justify-content: center;
    }

        .sys-assi-schedu .row .col-md:first-child {
            order: 2;
        }

        .sys-assi-schedu .row .col-md:last-child {
            order: 1;
        }

        .smart-fi-ser .row .col-md:first-child {
            order: 2;
        }

        .smart-fi-ser .row .col-md:last-child {
            order: 1;
        }

        .empow-emplo .row .col-md:first-child {
            order: 2;
        }

        .empow-emplo .row .col-md:last-child {
            order: 1;
        }



    #field-service-banner {
        background-position: 5% 35%;
    }


    .page-tittle.page-tittle-xl {
        margin-top: 60px !important;
    }

    #Three-musc .features-block-3 h2 {
        font-size: 22px;
    }

    #navigation {
        display: none;
    }

    #mobile-nav {
        display: block;
    }

        #mobile-nav .nav-logo {
            width: 27% !important;
        }

    #section-1 .container, #cloud-tab .container {
        max-width: 100%;
    }


    #custom-tab .tab-style-4 li > a::after, #custom-tab .tab-style-4 li > a::before {
        display: none;
    }

    #custom-tab .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 50%;
        border-right: 1px solid;
        margin-bottom: 1%;
    }

        #custom-tab .tab-style-4.item-2 li:nth-child(2), .tab-style-4.item-3 li:nth-child(2), .tab-style-4.item-4 li:nth-child(2), .tab-style-4.item-5 li:nth-child(2) {
            border-right: none;
        }

        #custom-tab .tab-style-4.item-2 li:nth-child(4), .tab-style-4.item-3 li:nth-child(4), .tab-style-4.item-4 li:nth-child(4), .tab-style-4.item-5 li:nth-child(4) {
            border-right: none;
        }

        #custom-tab .tab-style-4.item-2 li:nth-child(5), .tab-style-4.item-3 li:nth-child(5), .tab-style-4.item-4 li:nth-child(5), .tab-style-4.item-5 li:nth-child(5) {
            border-right: none;
        }

    #custom-tab .tab-style-4 li a, .tab-style-4 li {
        font-size: 14px;
        padding: 11px 0;
    }

    .arrow {
        display: none;
    }

    #carouselSliderControls .carousel-item {
        min-height: 350px;
    }

    #carouselSliderControls .carousel-caption {
        top: 22%;
    }

    .icon-dynamic1::before {
        left: 23%;
    }

    .icon-cloud1::before {
        left: 14%;
    }

    .icon-back, .icb-right {
        width: 40px;
        height: 40px;
    }

    .fa-life-bouy::before, .fa-user::before, .fa-money-bill-alt::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before, .fa-line-chart::before, .fa-retweet::before, .fa-anchor::before, .fa-code::before, .fa-cloud::before, .fa-file-alt::before, .fa-thumbs-up::before, .fa-send::before, .fa-paper-plane::before,
    .fa-legal::before, .fa-gavel::before {
        font-size: 18px;
    }

    .features-block-3 .features-info {
        padding-left: 60px;
        text-align: left;
    }
}

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

    #rpa-challenge img {
        width: 68%;
    }

    #rpa-challenge .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    #rpa-challenge .container {
        max-width: 100%;
    }

    #as400-consult .card ul {
        display: flex;
        flex-wrap: wrap;
    }

        #as400-consult .card ul li {
            margin-right: 2rem;
        }

    #as400-consult .row {
        flex-direction: column;
    }

        #as400-consult .row .col-md {
            margin-bottom: 2rem;
        }

    #as400-gen-book .col-md {
        padding: 0rem;
    }

    #as400-consult .container, #as400-lev .container, #blue-form-section .container {
        max-width: 90%;
    }

    #as400-path-wrap .w3-container .row {
        flex-direction: column;
    }

    #as400-path-wrap .row .col-md button {
        padding: 0;
    }

    #as400-path-wrap .container {
        max-width: 95%;
    }

    #wp-inner .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #wp-inner .col-md {
        display: flex;
        flex-direction: column;
    }

    #wp-inner iframe {
        height: 40rem;
    }

    .float-button {
        top: 34rem;
    }

    .ai-list1 {
        justify-content: center;
        flex-wrap: wrap;
    }

        .ai-list1 li {
            width: 30vw;
            height: 25vw;
            margin-bottom: 2rem;
        }

    .ai-list li {
        width: 100%;
    }

    .ai-service .row .col-md-7, .ai-service .row .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .ai-service .row .col-md-5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ai-service img {
        width: 70%;
        margin-bottom: 1.5rem;
    }

    .ai-service .row {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .ai-service .container {
        width: 90%;
        max-width: 90%;
    }

    .change-busi .row .col-md:last-child .icon {
        display: none;
    }

    .change-busi .row .col-md-5:first-child img {
        padding-bottom: 10%;
    }

    .change-busi .section-title {
        padding-bottom: 0 !important;
    }

    .change-busi .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #wp-list .col-md-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer.flex_box, footer .flex_box {
        display: block;
    }

    #power-offer .row, #life .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #power-offer .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #init-help .container {
        max-width: 100%;
    }

    #init-help .card-text {
        font-size: 0.8rem;
    }

    .tab-style-4 li > a::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::before {
        border-left: unset !important;
    }

    .tab-style-4 li > a.active::after {
        border-left: unset !important;
    }

    #cloud-flip .flip-card-back .features-info p {
        margin-top: 8%;
        font-size: 12px;
    }

    #cloud-flip .row {
        display: flex;
        flex-direction: column;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }


    .border-support .row {
        display: flex;
        flex-direction: column;
    }



        .border-support .row .col-md-3, .border-support .row .col-md {
            max-width: 50%;
            margin-bottom: 25px;
        }


    .as400-fix .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .as400-fix .col-md-3 {
        max-width: 40%;
    }

    .page-tittle .col-md-6, .page-tittle .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .page-tittle .col-md-6 .banner-desc-small, .page-tittle .col-md-7 .banner-desc-small {
            margin: 0 !important;
        }

    #sales-feature .flip-container, #sales-feature .front, #sales-feature .back {
        width: 300px;
    }


    #sales-feature .card-body p {
        font-size: 14px;
    }

    #sales-feature .col-md .card {
        height: auto;
    }

    #sales-feature .row {
        display: flex;
        flex-direction: column;
    }

    .banner-rpa .col-md-7 {
        max-width: 100%;
    }

    #rpa-landing-flip .flip-card-back .features-info {
        margin-top: 15%;
        font-size: 14px;
    }

    #rpa-landing-flip .features-info p {
        padding-right: unset;
    }

    #cd-feature .row {
        display: flex;
        flex-direction: column;
    }


    .banner-right {
        background-position: 20% 35% !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .form-lay {
        flex-direction: column;
    }

    #form-section .row .col-md-3 .col-md:last-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .banner-title {
        font-size: 2rem;
    }

    .banner-height {
        background-position: 100% 35% !important;
    }

    #callouts .back p, #callouts .front p {
        font-size: 0.9em;
    }

    #callouts .features-info p {
        padding-right: unset;
    }

    #callouts .features-info {
        margin-top: 25px;
    }

    #callouts .container {
        max-width: 100%;
    }

    #wp-wrap {
        margin-top: 60px;
    }

        #wp-wrap .wp-arrow {
            display: none;
        }

        #wp-wrap .row {
            flex-direction: column;
        }

            #wp-wrap .row .col-md-8, #wp-wrap .row .col-md-4 {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0;
            }

            #wp-wrap .row .col-md-4 {
                margin-top: 5%;
            }

    .rpa-intro::before {
        margin-left: -5%;
        top: -13%;
    }

    .rpa-intro::after {
        margin-left: 1%;
        top: 60%;
    }

    .flip-button {
        font-size: 13px;
    }


    #as400-help-card .flip-card, #as400-help-card .card {
        height: 370px;
    }

    #as400-help-card ul {
        line-height: unset;
    }



    #as400-path-wrap .button-wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #as400-reason .card {
        height: 350px;
    }

    #rpa-contact .form-group {
        width: 100%;
        max-width: 100% !important;
    }

    #rpa-contact .row {
        display: flex;
        flex-direction: column;
    }

    #rpa-contact .col-md:last-child img {
        display: none;
    }

    #rpa-tech-stack ul li {
        width: 45%;
    }

    #as400-service-banner {
        margin-top: 0 !important;
    }

    #black-form-section .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    #as400-terrain .row {
        flex-direction: column;
    }

    #as400-strip .container {
        max-width: 100%;
    }

        #as400-strip .container h4 {
            font-size: 20px;
        }

    #scroll-modules .card {
        height: 300px;
    }

    .page-footer img {
        width: 50%;
    }


    .profe-contra .row, .sys-assi-schedu .row, .opti-invento .row, .smart-fi-ser .row, .engaged-cust .row, .empow-emplo .row {
        flex-direction: column;
        justify-content: center;
    }

        .sys-assi-schedu .row .col-md:first-child {
            order: 2;
        }

        .sys-assi-schedu .row .col-md:last-child {
            order: 1;
        }

        .smart-fi-ser .row .col-md:first-child {
            order: 2;
        }

        .smart-fi-ser .row .col-md:last-child {
            order: 1;
        }

        .empow-emplo .row .col-md:first-child {
            order: 2;
        }

        .empow-emplo .row .col-md:last-child {
            order: 1;
        }



    .page-footer {
        font-size: 12px;
    }

    #ribbon-box .card {
        height: 350px;
        background: rgb(247, 247, 247) none repeat scroll 0% 0%;
        width: 265px;
    }

    #d365-commu #left-side-nose .col-md {
        bottom: 240px;
    }

    #d365-commu ul li {
        display: flex;
        justify-content: center;
    }

    #d365-creative .row .col-md:last-child {
        left: 8%;
        margin-top: 8%;
    }

    #d365-commu .button-wrapper {
        margin-top: 10%;
    }

    #d365-creative .row {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #overlay-button-commu {
        position: relative;
        top: 0;
    }

    #d365-commu .push-right {
        left: 10%;
    }

    #d365-commu #left-side-nose {
        position: absolute;
        left: 95px;
    }

    #d365-commu picture .width-45 {
        width: 60%;
    }

    #d365-partner #right-side-nose {
        bottom: 25px;
        position: absolute;
        right: 0;
        margin: 0;
        width: 100%;
    }

    #overlay-button-part {
        position: relative;
        bottom: 30px;
        top: unset;
    }

    #d365-partner h2 {
        margin-top: 5%;
    }

    #d365-partner {
        margin: 0;
        padding: 0;
        height: 775px;
    }

    #d365-emp picture .width-80 {
        width: 90% !important;
    }


    #d365-emp #left-side-nose .col-md {
        bottom: 12px;
    }

    #d365-emp .push-right-1 {
        margin-bottom: 15px;
    }

    #d365-emp {
        height: 640px;
    }

        #d365-cust ul, #d365-emp ul, #d365-partner ul {
            font-size: 16px;
        }

        #d365-emp .row {
            width: 100%;
            display: flex;
            align-items: center;
        }

        #d365-cust #right-side-nose .col-md, #d365-emp #left-side-nose .col-md, #d365-partner #right-side-nose .col-md {
            display: flex;
            justify-content: center;
        }


        #d365-cust ul, #d365-emp ul, #d365-partner ul {
            display: inline-block !important;
        }

            #d365-cust ul li, #d365-emp ul li, #d365-partner ul li {
                display: inline-block;
            }

                #d365-cust ul li:nth-child(2), #d365-emp ul li:nth-child(2), #d365-partner ul li:nth-child(2) {
                    margin-right: 15px;
                    margin-left: 15px;
                }

    #d365-cust .container .row, #d365-partner .container .row {
        display: flex;
        align-items: center;
    }

    #d365-cust {
        height: 695px;
    }

    #left-side-nose ul li:last-child {
        left: unset;
        background: gray;
        padding: 10px;
        width: auto;
        border-radius: 40px;
        margin-bottom: 15px;
    }

    #left-side-nose ul li:nth-child(2) {
        left: unset;
        background: gray;
        padding: 10px;
        width: auto;
        border-radius: 40px;
        margin-bottom: 15px;
    }

    #left-side-nose ul li:nth-child(1) {
        left: unset;
        background: gray;
        padding: 10px;
        width: auto;
        border-radius: 40px;
        margin-bottom: 15px;
    }


    #right-side-nose ul li:last-child {
        right: unset;
        background: #fff;
        padding: 10px;
        width: auto;
        border-radius: 40px;
        margin-bottom: 15px;
    }

    #right-side-nose ul li:nth-child(2) {
        right: unset;
        background: #fff;
        padding: 10px;
        width: auto;
        border-radius: 40px;
        margin-bottom: 15px;
    }

    #right-side-nose ul li:nth-child(1) {
        right: unset;
        background: #fff;
        padding: 10px;
        width: auto;
        border-radius: 40px;
        margin-bottom: 15px;
    }

    #d365-cust h2 {
        margin-top: 0 !important;
    }

    #d365-cust .pull-left {
        left: -5%;
    }

    #d365-partner .pull-left {
        left: 0%;
    }

    #d365-cust .fa-ul {
        padding-left: 0;
        margin-left: 0;
        list-style-type: none;
    }

    #d365-cust .pull-left-1, #d365-partner .pull-left-1 {
        left: -80px;
    }

    #d365-cust picture .width-70 {
        width: 100% !important;
    }

    #d365-cust #right-side-nose {
        bottom: 25px;
        left: 0;
        width: 100%;
        margin: 0;
    }


    .d365-up-skew, .d365-down-skew {
        clip-path: none;
    }

    #board-sec picture {
        overflow: hidden;
    }

    #board-sec .row {
        display: flex;
        flex-direction: column;
    }

    #board-sec .col-md-8 {
        max-width: 100%;
        margin-bottom: 8%;
    }


    #solutions .row .col-md-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }


    #mobile-nav .menu-sidebar {
        left: 0;
    }

    #wp-list .container-fluid {
        width: 83%;
    }

    #wp-list li {
        margin-bottom: 12%;
    }

    .describe-portfolio {
        font-size: 15px;
    }

    .folio-image {
        height: auto;
    }

    #jobtitle {
        margin-top: 12%;
    }

    .box-1::after {
        display: none;
    }

    .box-2::after {
        display: none;
    }

    .box-1, .box-2 {
        padding: 3% 0;
        height: 500px;
    }

        .box-1 .row:last-child .col-md, .box-2 .row:last-child .col-md {
            margin: 0 !important;
        }

        .box-1 .row:last-child .col-md {
            padding: 0;
        }

    .box-container {
        display: flex;
        flex-direction: column;
    }

    #home .title-head .row, #profile .title-head .row, #messages .title-head .row, #settings .title-head .row, #doner .title-head .row {
        display: flex;
        flex-direction: column;
    }

    .d365-layer-over {
        top: 24.5%;
        width: 30%;
        left: 35%;
    }

    .eval-d365-layer-over {
        top: 32%;
        width: 30%;
        left: 35%;
    }

    .pur-d365-layer-over {
        top: 35%;
        width: 30%;
        left: 35%;
    }

    .cs-d365-layer-over {
        top: 24.5%;
        width: 30%;
        left: 35%;
    }

    .loyal-d365-layer-over {
        top: 22%;
        width: 30%;
        left: 35%;
    }

    .awe-card .card {
        height: 250px;
    }

    .cs-card .card {
        height: 250px;
    }

    .eval-card .card {
        height: 350px;
    }

    #eight-boxes .card {
        height: 300px !important;
    }

    .d365-title {
        font-size: 26px;
        line-height: 1.5;
    }

    #eight-boxes .row:last-child .row {
        display: flex;
        flex-direction: column;
    }

    #shadow {
        width: 55%;
    }



        #shadow .col-md-10 {
            top: -35px;
        }



    .page-tittle.page-tittle-xl {
        margin-top: 60px !important;
    }

    #Three-musc .features-block-3 h2 {
        font-size: 22px;
    }

    #navigation {
        display: none;
    }

    #mobile-nav {
        display: block;
    }

        #mobile-nav .nav-logo {
            width: 27% !important;
        }

    #custom-tab .tab-style-4 li a, .tab-style-4 li {
        font-size: 13px;
        padding: 13px 0;
    }

    #custom-tab .tab-style-4 li > a::after, #custom-tab .tab-style-4 li > a::before {
        display: none;
    }

    #custom-tab .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 50%;
        margin-bottom: 1%;
        border-right: 1px solid;
    }

        #custom-tab .tab-style-4.item-2 li:nth-child(2), .tab-style-4.item-3 li:nth-child(2), .tab-style-4.item-4 li:nth-child(2), .tab-style-4.item-5 li:nth-child(2) {
            border-right: none;
        }

        #custom-tab .tab-style-4.item-2 li:nth-child(4), .tab-style-4.item-3 li:nth-child(4), .tab-style-4.item-4 li:nth-child(4), .tab-style-4.item-5 li:nth-child(4) {
            border-right: none;
        }

    .page-footer .col-md-3 {
        padding-left: 5px !important;
    }

    .arrow {
        display: none;
    }

    #carouselSliderControls .carousel-item {
        min-height: 245px;
    }

        #carouselSliderControls .carousel-item h1 {
            font-size: 28px;
        }

    #carouselSliderControls .carousel-caption p {
        font-size: 16px;
    }

    #carouselSliderControls .carousel-caption {
        top: 18%;
    }

    #carouselSliderControls .carousel-inner {
        height: 280px;
    }

    #carouselSliderControls .button-wrapper .head-button {
        font-size: 16px;
    }

    .icb-right {
        width: 40px;
        height: 40px;
    }

    .del-pad-80 {
        padding-right: 50px;
        text-align: right;
    }

    .features-block-3 {
        margin-right: 16px;
    }

    .sep-adj {
        margin-right: 6px !important;
    }

    .fadeInLeft .del-pad-80 {
        padding-right: 39px;
        text-align: right;
    }

    .sep-adj {
        padding-right: 25px;
    }

    .icon-cloud1::before {
        left: 3%;
    }

    .icon-mobility1::before {
        left: 30%;
    }

    #testimo .col-md-9, #testimo .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimo-back {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-cover {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-lef-con {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        /*text-align:center;*/
    }

    #testimo .carousel-caption {
        top: 5%;
    }

    #testimo .carousel-indicators {
        bottom: 15%;
    }

    .carousel-item {
        height: 350px;
    }



    .features-block-3 .features-info {
        padding-left: 0;
        text-align: left;
    }

    .icon-back {
        width: 40px;
        height: 40px;
        left: -18%;
    }

    .features-block-3 .fa-life-bouy::before, .fa-life-buoy::before, .fa-cloud::before, .fa-paper-plane::before, .fa-gavel::before, .fa-money-bill-alt::before, .fa-user::before, .fa-file-alt::before, .fa-life-saver::before, .fa-thumbs-up::before, .fa-support::before, .fa-life-ring::before, .fa-retweet::before, .fa-line-chart::before, .fa-anchor::before, .fa-code::before {
        top: 25%;
        left: 25%;
        font-size: 20px;
    }

    #support-dynamics-365, #integrate-dynamics-365, #upgrade-dynamics-365, #implement-dynamics-365 {
        padding: 5px !important;
        display: flex;
        align-items: center;
    }

    .banner-height {
        background-position: 70% 35%;
        height: 350px;
    }

    #callouts .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    #callouts .mt-4, .my-4 {
        margin-top: 0.7rem !important;
    }

    .front p, .back p {
        font-size: 1em;
    }


    .banner-desc {
        font-size: 20px;
    }

    .page-tittle.page-tittle-xl {
        /* padding: 30px 0px; */
        display: flex;
        align-items: center;
    }

    .back div {
        display: flex;
        justify-content: center;
    }

    #cd-feature h4 {
        font-size: 18px;
    }


    #testi-side .col-md-9, #testi-side .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .flip-card-front .features-info h3 {
        font-size: 22px;
    }

    .folio-2-portfolio-style {
        width: 100% !important;
        left: 0;
    }

    #life .card {
        height: 540px;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }

    #navigation img {
        width: 85%;
        margin-left: 25px;
    }

    .navbar-light .navbar-toggler {
        margin-right: 25px;
    }



    .navbar {
        padding: 0 !important;
    }

    .header .dropdown-menu li:hover > a, .header .dropdown-menu li:focus > a, .header .dropdown-menu .sub-menu.open > a {
        background: #00ADEE !important;
        border: none !important;
    }

    .header.header-sticky.sticky ul.navbar-nav > li > a {
        font-size: 1.1em;
    }

    .dropdown-menu .dropdown .dropdown-menu {
        margin: 0 !important;
    }

    .dropdown, .dropleft, .dropright, .dropup {
        margin-right: 0;
    }

    .header .navbar-collapse ul.navbar-nav > li > a:hover, .header .navbar-collapse ul.navbar-nav > li > a:focus {
        background: #00ADEE !important;
    }

    #myModal2 .modal-body img {
        width: 50%;
    }

    #myModal2 .modal-content {
        width: 740px;
    }

    #myModal2 .modal-dialog {
        margin: 11% 2%;
    }

    #Three-musc .icon-dynamic1::before {
        left: 14%;
    }

    #up-owl .icon-arrow-left7 {
        left: -55px;
    }


    #up-owl .icon-arrow-right7 {
        right: -55px;
    }

    #d365-header {
        background-position: 17% 35%;
        margin-top: 32px !important;
    }
}

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

    #Three-musc {
        display: none !important;
    }

    #Three-musc-Mobile {
        display: block !important;
    }

    #rpa-challenge img {
        width: 68%;
    }

    #as400-gen-book .col-md {
        padding: 0rem;
    }

    #as400-consult .card ul {
        display: flex;
        flex-wrap: wrap;
    }

        #as400-consult .card ul li {
            margin-right: 2rem;
        }

    #as400-consult .row {
        flex-direction: column;
    }

        #as400-consult .row .col-md {
            margin-bottom: 2rem;
        }

    #as400-path-wrap .container {
        max-width: 95%;
    }

    #as400-path-wrap .row .col-md button {
        padding: 5px;
    }


    #wp-inner .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #wp-inner .col-md {
        display: flex;
        flex-direction: column;
    }

    #wp-inner iframe {
        height: 40rem;
    }


    .float-button {
        top: 34rem;
    }

    .ai-list1 {
        justify-content: center;
        flex-wrap: wrap;
    }

        .ai-list1 li {
            width: 30vw;
            height: 25vw;
            margin-bottom: 2rem;
        }

    .ai-list li i, .ai-list2 li i {
        display: none;
    }

    .ai-list li {
        width: 100%;
    }

    .ai-service .row .col-md-7, .ai-service .row .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .ai-service .row .col-md-5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ai-service img {
        width: 70%;
        margin-bottom: 1.5rem;
    }

    .ai-service .row {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .ai-service .container {
        width: 90%;
        max-width: 90%;
    }

    .change-busi .row .col-md:last-child .icon {
        display: none;
    }

    .change-busi .row .col-md-5:first-child img {
        padding-bottom: 5%;
        width: 40% !important;
    }

    .change-busi .section-title {
        padding-bottom: 0 !important;
    }

    .change-busi .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #power-offer .row, #life .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #init-help .card {
        height: auto;
    }

    .nav-tabs > li a {
        width: 50px;
        height: unset;
        line-height: unset;
    }

    .tab-style-4 li a:hover::after, .tab-style-4 li a:focus::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::before {
        border-left: unset !important;
    }

    .tab-style-4 li > a.active::after {
        border-left: unset !important;
    }


    #rel-prod .row .col-md .card {
        height: 450px;
    }

    .blue-icons-small {
        margin-top: 5%;
    }

    .border-support .card {
        max-width: 100% !important;
        height: 300px !important;
    }



    #sales-feature .flip-container, #sales-feature .front, #sales-feature .back {
        height: 200px !important;
        margin-bottom: 10px;
    }

        #sales-feature .flip-container .features-info {
            margin-top: 1%;
        }

    #board-sec .card {
        height: 256px;
        margin-top: 12px;
    }

    #d365-header {
        margin-top: 30px !important;
    }

    #sales-feature .card-body p {
        font-size: 14px;
    }

    #sales-feature .col-md .card {
        height: auto;
    }

    #sales-feature .row {
        display: flex;
        flex-direction: column;
    }


    .banner-desc-small {
        margin: 0 !important;
    }

    .banner-title span {
        border: unset;
        display: inline-block;
        line-height: 1.5;
    }

    #rpa-landing-flip .features-info p {
        padding-right: unset;
    }

    #rpa-landing-flip .flip-card-back .features-info {
        margin-top: 15%;
    }

    #sup-arrow .tab-style-4 li > a.active::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    #sup-arrow .tab-style-4 li > a::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    .pricelist .flex_box .equal_divide {
        margin-left: 0px;
        margin-right: 0px;
    }

    .banner-right {
        background-position: 20% 35% !important;
    }

    .form-lay {
        flex-direction: column;
    }

    #form-section .row .col-md-3 .col-md:last-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .banner-title {
        font-size: 2rem;
    }

    .banner-height {
        background-position: 100% 35% !important;
    }

    #callouts .back p, #callouts .front p {
        font-size: 0.9em;
    }

    #callouts .features-info p {
        padding-right: unset;
    }

    #callouts .features-info {
        margin-top: 50px;
    }


    #wp-wrap {
        margin-top: 60px;
    }

        #wp-wrap .wp-arrow {
            display: none;
        }

        #wp-wrap .row {
            flex-direction: column;
        }

            #wp-wrap .row .col-md-8, #wp-wrap .row .col-md-4 {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0;
            }

            #wp-wrap .row .col-md-4 {
                margin-top: 5%;
            }

    .rpa-cta-card {
        height: 300px;
    }

    .rpa-intro::before {
        margin-left: -8%;
        top: -11%;
    }

    .rpa-intro::after {
        margin-left: 2%;
        top: 69%;
    }

    #as400-help-card .row {
        display: flex;
        flex-direction: column;
    }


    #as400-path-wrap .button-wrap {
        display: flex;
        justify-content: center;
        flex-wrap: unset;
    }

    #as400-reason .col-md {
        margin-bottom: 5%;
    }

    #rpa-overview-banner .text-heading {
        font-size: 2.3em;
    }



    #rpa-contact .row {
        display: flex;
        flex-direction: column;
    }

    #rpa-contact .col-md:last-child img {
        display: none;
    }

    #rpa-tech-stack ul li {
        width: 50%;
    }

    #as400-service-banner {
        margin-top: 0 !important;
    }

    #black-form-section .form_area .row:first-child .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .form_area .row:nth-child(2) .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .sms-btn {
        margin-top: 3% !important;
    }

    #black-form-section .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    #as400-terrain .row {
        flex-direction: column;
    }

    #as400-strip .container {
        max-width: 100%;
    }

    #as400-strip .row .col-sm {
        text-align: center;
    }

    #as400-strip .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #as400-strip .container h4 {
        font-size: 20px;
    }

    #scroll-modules .card {
        height: 250px;
    }

    .nav-mobile .menu-container .menu-sidebar {
        left: 0%;
    }

    .describe-portfolio {
        font-size: 16px !important;
    }

    #caro-blog #myCarousel .carousel-inner {
        display: flex;
        justify-content: center;
    }

    #blog-main {
        width: 100% !important;
        padding: 0 !important
    }

    #dvAuthorBio .row {
        flex-direction: column;
    }

    #dvAuthorBio .profileimg {
        border-radius: 10px !important;
        width: 150px;
        height: 150px;
        margin-bottom: 50%;
    }

    #field-service-banner .col-md-12 {
        text-align: center !important;
    }

    .profe-contra .row, .sys-assi-schedu .row, .opti-invento .row, .smart-fi-ser .row, .engaged-cust .row, .empow-emplo .row {
        flex-direction: column;
        justify-content: center;
    }

        .sys-assi-schedu .row .col-md:first-child {
            order: 2;
        }

        .sys-assi-schedu .row .col-md:last-child {
            order: 1;
        }

        .smart-fi-ser .row .col-md:first-child {
            order: 2;
        }

        .smart-fi-ser .row .col-md:last-child {
            order: 1;
        }

        .empow-emplo .row .col-md:first-child {
            order: 2;
        }

        .empow-emplo .row .col-md:last-child {
            order: 1;
        }

    #blog-card #container .col-4 {
        max-width: 100% !important;
    }

    #blog-card .isotope-pager {
        flex-wrap: wrap !important;
    }


    #mobile-nav .menu-sidebar {
        left: 0;
    }

    #board-sec picture {
        overflow: hidden;
    }

    .page-tittle.page-tittle-xl {
        margin-top: 60px !important;
    }

    .carousel-item img {
        width: 300% !important;
        position: absolute;
        left: -80%;
        opacity: 0.4;
    }

    .carousel-item:last-child img {
        left: -160%;
        opacity: 0.2;
    }

    .carousel-item:first-child img {
        left: -160%;
        opacity: 0.4;
    }

    #carouselSliderControls .carousel-inner .text-white {
        color: unset !important;
    }


    #mobile-nav .nav-logo {
        width: 30% !important;
    }


    .carousel-inner {
        /*background: rgb(41, 41, 41) none repeat scroll 0% 0%;*/
        padding: unset;
        display: flex;
        align-items: center;
        margin: 0;
    }

    #carouselSliderControls .carousel-caption {
        color: #000 !important;
    }

    #carouselSliderControls .carousel-inner .carousel-item:first-child .carousel-caption {
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: left;
    }

    #carouselSliderControls .carousel-inner .carousel-item:nth-child(2) .carousel-caption {
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: right;
    }

    #carouselSliderControls .carousel-inner .carousel-item:last-child .carousel-caption {
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: left;
    }

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

    #Three-musc-Mobile .container-fluid {
        width: 90%;
    }

    #carouselSliderControls .carousel-inner .carousel-caption h1 {
        font-size: 24px;
    }

    #carouselSliderControls .carousel-caption P {
        font-size: 20px;
    }

    .features-block-3 .features-info {
        padding-left: 25px;
        text-align: left;
    }

    .icon-back {
        width: 40px;
        height: 40px;
        left: -5%;
    }

    .icb-right {
        width: 40px;
        height: 40px;
        right: 0;
    }

    #Three-musc-Mobile .container-fluid .row .col-md {
        background: none !important;
    }

    #Three-musc-Mobile .mar-mob {
        margin-right: 12%;
    }

    #Three-musc-Mobile .features-info p {
        padding-right: 0;
    }

    #Three-musc-Mobile .col-md {
        padding-left: 0px !important;
    }

    #Three-musc-Mobile .features-block-3 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #Three-musc-Mobile .del-pad-80 {
        padding-right: 45px !important;
    }

    .features-block-3 .fa-life-bouy::before, .fa-money-bill-alt::before, .fa-code::before, .fa-gavel::before, .fa-user::before, .fa-paper-plane::before, .fa-cloud::before, .fa-thumbs-up::before, .fa-file-alt::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before, .fa-retweet::before, .fa-line-chart::before, .fa-anchor::before {
        top: 25%;
        left: 25%;
        font-size: 20px;
    }

    .features-block-3 {
        height: auto;
    }

    #Three-musc-Mobile .container-fluid div {
        display: block !important;
    }

    #Three-musc-Mobile .container-fluid .flex-box .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    #Three-musc-Mobile .card {
        margin-bottom: 0px;
        border: none;
        border-radius: unset;
    }

        #Three-musc-Mobile .card .card-header {
            background: #373759;
            border-radius: unset;
            cursor: pointer;
            text-decoration: none;
        }



            #Three-musc-Mobile .card .card-header a {
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                #Three-musc-Mobile .card .card-header a:hover {
                    text-decoration: none;
                }

    #Three-musc-Mobile .btn {
        margin-bottom: 0;
    }

    #navigation {
        display: none;
    }

    #mobile-nav {
        display: block;
    }

    #custom-tab .nav-tabs > li a {
        width: 100%;
        line-height: 1.5;
    }

    #cd-feature .row {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


    #custom-tab .tab-style-4 li a, .tab-style-4 li {
        font-size: 13px;
        padding: 13px 0;
    }

    #custom-tab .tab-style-4 li > a::after, #custom-tab .tab-style-4 li > a::before {
        display: none;
    }

    #custom-tab .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 100%;
        margin-bottom: 2%;
        border-right: none;
        border-bottom: 0 !important;
    }

        #custom-tab .tab-style-4.item-2 li:nth-child(2), .tab-style-4.item-3 li:nth-child(2), .tab-style-4.item-4 li:nth-child(2), .tab-style-4.item-5 li:nth-child(2) {
            border-right: none;
        }

        #custom-tab .tab-style-4.item-2 li:nth-child(4), .tab-style-4.item-3 li:nth-child(4), .tab-style-4.item-4 li:nth-child(4), .tab-style-4.item-5 li:nth-child(4) {
            border-right: none;
        }


    .arrow {
        display: none;
    }

    #Three-musc .col-md {
        background: none !important;
    }

    .fa-life-bouy::before, .fa-user::before, .fa-money-bill-alt::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before, .fa-line-chart::before, .fa-retweet::before, .fa-anchor::before, .fa-code::before, .fa-cloud::before, .fa-file-alt::before, .fa-thumbs-up::before, .fa-send::before, .fa-paper-plane::before,
    .fa-legal::before, .fa-gavel::before {
        font-size: 18px;
    }

    .icon-back, .icb-right {
        width: 40px;
        height: 40px;
    }




    #carouselSliderControls .button-wrapper .head-button {
        font-size: 16px;
    }

    .page-footer hr {
        display: none;
    }

    .icon-cloud1::before {
        content: none;
    }

    .icon-mobility1::before {
        content: none;
    }

    .icon-dynamic1::before {
        content: none;
    }

    #testimo .col-md-9, #testimo .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimo-back {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-cover {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-lef-con {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        /*text-align:center;*/
    }

    #testimo .carousel-inner {
        height: 300px;
    }

    #testimo .carousel-caption {
        top: 25%;
    }

        #testimo .carousel-caption p {
            font-size: 18px;
        }

    #testimo .carousel-indicators {
        bottom: 15%;
    }

    .carousel-item {
        height: 350px;
    }

    #Three-musc .row:first-child .col-md:nth-child(2) .features-block-3 {
        margin-left: 13px !important;
    }

    #Three-musc .row:first-child .col-md:nth-child(2) {
        padding-left: 0 !important;
    }

    #Three-musc .del-pad-80 {
        padding-right: 60px;
    }

    #Three-musc .row:nth-child(2) .col-md:nth-child(1) .features-block-3 {
        margin-right: 0 !important;
    }



    #carouselSliderControls .carousel-caption h1 {
        font-size: 28px;
        font-weight: bold;
    }

    #carouselSliderControls .carousel-caption P {
        font-size: 18px;
    }

    .features-block-3 .features-info {
        padding-left: 25px;
        text-align: left;
    }

    .icon-back {
        width: 40px;
        height: 40px;
        left: -5%;
    }

    .features-block-3 .fa-life-bouy::before, .fa-money-bill-alt::before, .fa-code::before, .fa-gavel::before, .fa-user::before, .fa-paper-plane::before, .fa-cloud::before, .fa-thumbs-up::before, .fa-file-alt::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before, .fa-retweet::before, .fa-line-chart::before, .fa-anchor::before {
        top: 25%;
        left: 25%;
        font-size: 20px;
    }


    .features-block-3 {
        height: auto;
    }

    #Three-musc .container-fluid div {
        display: block !important;
    }

    #Three-musc .container-fluid .flex-box .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-footer .nav {
        margin: 0 auto;
        display: inline-flex;
    }

    .page-footer img {
        width: 25%;
    }

    .page-footer .blockquote iframe {
        width: 100% !important;
    }

    .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4 {
        border-right: none;
    }

    .thefirm .box_slanding_multi {
        width: 395px;
    }

    .box_slanding_multi .box_botom::before {
        border-right: 395px solid transparent;
    }

    .box_slanding_multi .box_top::after {
        border-right: 395px solid transparent;
    }

    #support-dynamics-365, #integrate-dynamics-365, #upgrade-dynamics-365, #implement-dynamics-365 {
        border-bottom: 1px solid #fff;
    }

    .banner-height {
        background-position: 70% 35%;
        height: 400px;
    }

    #callouts .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    #callouts .mt-4, .my-4 {
        margin-top: 0.7rem !important;
    }

    .front p, .back p {
        font-size: 1em;
    }



    .banner-desc {
        font-size: 20px;
    }


    .back div {
        display: flex;
        justify-content: center;
    }

    .page-tittle.page-tittle-xl {
        /* padding: 30px 0px; */
        display: flex;
        align-items: center;
    }
    /*.flip-container, .front, .back {
        height: 150px;
    }

    .flip-container .features-tittle{
        font-size:1.5em;
    }
    .flip-container img{
        display:none;
    }*/
    #callouts .flex-row {
        flex-direction: column !important;
    }

    .flip-container, .front, .back {
        height: 250px;
        margin-bottom: 10px;
    }

    .front, .back {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .front img, .back img {
            width: 10%;
        }

    .flip-container .features-info {
        margin-top: 10%;
    }

    .border-right-1 {
        border-right: none;
    }

    .banner-desc-small {
        font-size: 16px;
    }

    .describe-portfolio {
        font-size: 2em;
    }

    #contact-us .col-md, #map .col-md {
        padding-bottom: 15px;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }

    #navigation img {
        width: 85%;
        margin-left: 25px;
    }



    .navbar {
        padding: 0 !important;
    }

    .navbar-light .navbar-toggler {
        margin-right: 25px;
    }

    .header .dropdown-menu li:hover > a, .header .dropdown-menu li:focus > a, .header .dropdown-menu .sub-menu.open > a {
        background: #00ADEE !important;
        border: none !important;
    }

    .header.header-sticky.sticky ul.navbar-nav > li > a {
        font-size: 1.1em;
    }

    .dropdown-menu .dropdown .dropdown-menu {
        margin: 0 !important;
    }

    .dropdown, .dropleft, .dropright, .dropup {
        margin-right: 0;
    }

    .header .navbar-collapse ul.navbar-nav > li > a:hover, .header .navbar-collapse ul.navbar-nav > li > a:focus {
        background: #00ADEE !important;
    }

    #myModal2 .modal-body img {
        width: 50%;
    }

    #myModal2 .modal-content {
        width: 100%;
    }

    #myModal2 .modal-dialog {
        margin: auto;
        margin-top: 18%;
    }

    #up-owl .icon-arrow-left7 {
        left: -45px;
    }


    #up-owl .icon-arrow-right7 {
        right: -45px;
    }
}

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

    #Three-musc {
        display: none !important;
    }

    #Three-musc-Mobile {
        display: block !important;
    }

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

    #as400-gen-book .maroon-button span {
        font-size: 1rem !important;
    }

    #as400-strip .row .col-sm {
        text-align: center;
        margin-bottom: 1rem;
        border: unset !important;
    }

    #as400-gen-book .col-md {
        padding: 2rem;
    }

    #as400-consult .card ul {
        display: block;
        flex-wrap: nowrap;
    }

        #as400-consult .card ul li {
            margin-right: 2rem;
        }

    #as400-consult .row {
        flex-direction: column;
    }

        #as400-consult .row .col-md {
            margin-bottom: 2rem;
        }

    #wp-inner #contact-form .terms {
        margin: 0 !important;
    }

    #wp-inner .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #wp-inner .col-md {
        display: flex;
        flex-direction: column;
    }

    #wp-inner iframe {
        margin-top: 1rem;
        height: 25rem;
    }

    .float-button {
        top: 34rem;
    }

    #section4 {
        padding-top: 3rem !important;
    }

    #arrow-b {
        display: none;
    }



    .ai-list, .ai-list2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .ai-list li, .ai-list1 li, .ai-list2 li {
            margin-bottom: 1.5rem;
        }


            .ai-list li i, .ai-list1 li i, .ai-list1 li .icon-wrap {
                display: none;
            }

        .ai-list li, .ai-list1 li, .ai-list2 li {
            width: 100%;
            margin-right: 0 !important;
        }

    .ai-service .row .col-md-7, .ai-service .row .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .ai-service .row .col-md-5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ai-service img {
        width: 70%;
        margin-bottom: 1.5rem;
    }

    .ai-service .row {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .ai-service .container {
        width: 90%;
        max-width: 90%;
    }

    .change-busi .row .col-md:last-child .col-md {
        text-align: center !important;
    }

    .change-busi .row .col-md:last-child .icon {
        display: none;
    }

    .change-busi .row .col-md-5:first-child img {
        display: none;
    }

    .change-busi .section-title {
        padding-bottom: 5% !important;
    }

    .change-busi .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #power-offer .row, #life .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .nav-tabs > li a {
        width: 50px;
        height: unset;
        line-height: unset;
    }

    .tab-style-4 li a:hover::after, .tab-style-4 li a:focus::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::before {
        border-left: unset !important;
    }

    .tab-style-4 li > a.active::after {
        border-left: unset !important;
    }

    #cloud-flip .flip-card-back .features-info p {
        margin-top: 8%;
        font-size: 14px;
    }

    #cloud-flip .row {
        display: flex;
        flex-direction: column;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }

    #rel-prod .row .col-md .card {
        height: auto;
    }

    #sales-feature .card-body p {
        font-size: 14px;
    }

    #sales-feature .col-md .card {
        height: auto;
    }

    #sales-feature .row {
        display: flex;
        flex-direction: column;
    }

    #sup-arrow .tab-style-4 li > a.active::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    #sup-arrow .tab-style-4 li > a::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    .pakage_table {
        display: flex;
        flex-direction: column;
    }

    #sup-arrow .nav-tabs > li a {
        width: 100%;
        height: unset;
        line-height: unset;
    }

    .banner-right {
        background-position: 20% 35% !important;
    }

    .form-lay {
        flex-direction: column;
    }

    #form-section .row .col-md-3 .col-md:last-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #testimo .carousel-caption {
        top: 15%;
    }

    #testimo .carousel-inner {
        height: 400px;
    }

    .rpa-intro::after, .rpa-intro::before {
        display: none;
    }

    #as400-help-card .row {
        display: flex;
        flex-direction: column;
    }

    #as400-path-wrap .button-wrap button {
        margin-bottom: 15px;
    }

    #as400-path-wrap .button-wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #as400-reason .col-md {
        margin-bottom: 5%;
    }


    #rpa-tech-stack ul li {
        width: 100%;
    }



    #as400-strip .row .col-sm:nth-child(2) {
        border: none !important;
    }

    #as400-service-banner {
        background-position: 45% 35%;
    }

    #as400-service-banner {
        margin-top: 0 !important;
    }

        #as400-service-banner .banner-title, #as400-service-banner .banner-desc {
            text-align: center;
        }

        #as400-service-banner .head-button {
            font-size: 18px;
        }


    #black-form-section .form_area .row:first-child .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .form_area .row:nth-child(2) .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .sms-btn {
        margin-top: 3% !important;
    }

    #black-form-section .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    #as400-terrain .row {
        flex-direction: column;
    }

    #as400-strip .container {
        max-width: 100%;
    }


    #scroll-modules .owl-nav {
        display: none !important;
    }

    #case-study-hero {
        height: 590px;
    }

        #case-study-hero h1 {
            font-size: 36px !important;
        }

    .nav-mobile .menu-container .menu-sidebar {
        left: 0%;
    }

    .describe-portfolio {
        font-size: 16px !important;
    }

    #caro-blog #myCarousel .carousel-inner {
        display: flex;
        justify-content: center;
    }

    #blog-main {
        width: 100% !important;
        padding: 0 !important
    }

    #dvAuthorBio .row {
        flex-direction: column;
    }

    #dvAuthorBio .profileimg {
        border-radius: 10px !important;
        width: 150px;
        height: 150px;
        margin-bottom: 50%;
    }

    .field-intro .width-80, .profe-contra .width-80, .sys-assi-schedu .width-80, .opti-invento .width-80, .smart-fi-ser .width-80, .engaged-cust .width-80, .empow-emplo .width-80 {
        width: 100% !important;
    }

    #field-service-banner .col-md-12 {
        text-align: center !important;
    }

    .profe-contra .row, .sys-assi-schedu .row, .opti-invento .row, .smart-fi-ser .row, .engaged-cust .row, .empow-emplo .row {
        flex-direction: column;
        justify-content: center;
    }

        .sys-assi-schedu .row .col-md:first-child {
            order: 2;
        }

        .sys-assi-schedu .row .col-md:last-child {
            order: 1;
        }

        .smart-fi-ser .row .col-md:first-child {
            order: 2;
        }

        .smart-fi-ser .row .col-md:last-child {
            order: 1;
        }

        .empow-emplo .row .col-md:first-child {
            order: 2;
        }

        .empow-emplo .row .col-md:last-child {
            order: 1;
        }


    #blog-card #container .col-4 {
        max-width: 100% !important;
    }

    #blog-card .isotope-pager {
        flex-wrap: wrap !important;
    }
}

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

    #Three-musc {
        display: none !important;
    }

    #Three-musc-Mobile {
        display: block !important;
    }

    #rpa-challenge .row {
        height: 100% !important;
        background: #fff;
        margin: 5% 0;
    }

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

    #as400-gen-book .maroon-button span {
        font-size: 1rem !important;
    }

    #as400-strip .row .col-sm {
        text-align: center;
        margin-bottom: 1rem;
        border: unset !important;
    }

    #as400-gen-book .col-md {
        padding: 2rem;
    }

    #as400-consult .card ul {
        display: block;
        flex-wrap: nowrap;
    }

        #as400-consult .card ul li {
            margin-right: 2rem;
        }

    #as400-consult .row {
        flex-direction: column;
    }

        #as400-consult .row .col-md {
            margin-bottom: 2rem;
        }

    #wp-inner #contact-form .terms {
        margin: 0 !important;
    }

    #wp-inner {
        width: 100% !important;
    }

        #wp-inner .col-md-4 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #wp-inner .col-md {
            display: flex;
            flex-direction: column;
        }

        #wp-inner iframe {
            margin-top: 2rem;
            height: 20rem;
        }

    #section4 {
        padding-top: 3rem !important;
    }

    .float-button {
        top: 34rem;
    }

    #arrow-b {
        display: none;
    }


    .banner-title1 {
        text-align: center !important;
    }

    .ai-list, .ai-list1, .ai-list2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .ai-list li, .ai-list1 li, .ai-list2 li {
            margin-bottom: 1.5rem;
        }


            .ai-list li i, .ai-list1 li i, .ai-list2 li i, .ai-list1 li .icon-wrap {
                display: none;
            }

        .ai-list li, .ai-list1 li, .ai-list2 li {
            width: 100%;
            margin-right: 0 !important;
        }

    .ai-service .row .col-md-7, .ai-service .row .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .ai-service .row .col-md-5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ai-service img {
        width: 70%;
        margin-bottom: 1.5rem;
    }

    .ai-service .row {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .ai-service .container {
        width: 90%;
        max-width: 90%;
    }

    #form-section .form-gdpr {
        font-size: 12px;
    }

    #form-section input, #form-section textarea, #form-section select {
        padding: 4px;
    }

    #form-section .FormCenter {
        padding: 1rem !important;
    }

    #busi-wrap {
        padding: 2rem 0 !important;
    }


    .change-busi .row .col-md:last-child .col-md {
        text-align: center !important;
    }

    .change-busi .row .col-md:last-child .icon {
        display: none;
    }

    .change-busi .row .col-md-5:first-child img {
        display: none;
    }

    .change-busi .section-title {
        padding-bottom: 5% !important;
    }

    .change-busi .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #wp-wrap {
        margin-top: 60px;
    }

        #wp-wrap .wp-arrow {
            display: none;
        }

        #wp-wrap .row {
            flex-direction: column;
        }

            #wp-wrap .row .col-md-8, #wp-wrap .row .col-md-4 {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0;
            }

            #wp-wrap .row .col-md-4 {
                margin-top: 5%;
            }

    .rpa-intro::after, .rpa-intro::before {
        display: none;
    }

    #as400-path-wrap .row .col-md button {
        margin-right: unset;
    }

    #rpa-overview-banner .text-heading {
        font-size: 2em;
    }


    #as400-help-card .row {
        display: flex;
        flex-direction: column;
    }

    #as400-path-wrap .button-wrap button {
        margin-bottom: 15px;
    }

    #as400-path-wrap .button-wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #as400-reason .col-md {
        margin-bottom: 5%;
    }


    #rpa-contact .row {
        display: flex;
        flex-direction: column;
    }

    #rpa-contact .col-md:last-child img {
        display: none;
    }

    #rpa-tech-stack ul li {
        width: 100%;
    }

    .page-footer .col-lg-12 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #as400-service-banner .head-button {
        text-align: center;
        padding: 5px 50px;
    }

    #as400-terrain .container {
        padding: 0 !important;
    }

    #as400-strip .row .col-sm:nth-child(2) {
        border: none !important;
    }

    #as400-service-banner {
        background-position: 45% 35%;
    }

        #as400-service-banner .banner-title, #as400-service-banner .banner-desc {
            text-align: center;
        }

        #as400-service-banner .head-button {
            font-size: 18px;
            justify-content: center;
            display: flex;
        }


    #black-form-section .form_area .row:first-child .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .form_area .row:nth-child(2) .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .sms-btn {
        margin-top: 5% !important;
    }

    #black-form-section .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    #as400-terrain .row {
        flex-direction: column;
    }

    #as400-strip .container {
        max-width: 100%;
    }
}


@media only screen and (min-width:350px) and (max-width: 479px) {

    #sam-tool .list-box ul li {
        width: 44% !important;
    }

    #sam-pack-btn .row .col-lg {
        flex-direction: column;
    }

    #Three-musc {
        display: none !important;
    }

    #Three-musc-Mobile {
        display: block !important;
    }

    #rpa-challenge .row {
        height: 100% !important;
        background: #fff;
        margin: 5% 0;
    }

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

    #as400-gen-book .maroon-button span {
        font-size: 1rem !important;
    }

    #as400-strip .row .col-sm {
        text-align: center;
        margin-bottom: 1rem;
        border: unset !important;
    }

    #as400-gen-book .col-md {
        padding: 2rem;
    }

    #as400-consult .card ul {
        display: block;
        flex-wrap: nowrap;
    }

        #as400-consult .card ul li {
            margin-right: 2rem;
        }

    #as400-consult .row {
        flex-direction: column;
    }

        #as400-consult .row .col-md {
            margin-bottom: 2rem;
        }

    #wp-inner #contact-form .terms {
        margin: 0 !important;
    }

    #wp-inner {
        width: 100% !important;
    }

        #wp-inner .col-md-4 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #wp-inner .col-md {
            display: flex;
            flex-direction: column;
        }

        #wp-inner iframe {
            margin-top: 2rem;
            height: 20rem;
        }

    #arrow-b {
        display: none;
    }


    .banner-title1 {
        text-align: center !important;
    }

    .ai-list, .ai-list1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .ai-list li, .ai-list1 li {
            margin-bottom: 1.5rem;
        }

            .ai-list li i, .ai-list1 li i, .ai-list1 li .icon-wrap {
                display: none;
            }

        .ai-list li, .ai-list1 li {
            width: 100%;
            margin-right: 0 !important;
        }

    .ai-service .row .col-md-7, .ai-service .row .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .ai-service .row .col-md-5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ai-service img {
        width: 70%;
        margin-bottom: 1.5rem;
    }

    .ai-service .row {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .ai-service .container {
        width: 90%;
        max-width: 90%;
    }

    .banner-right {
        background-position: 20% 35% !important;
    }

    #form-section .form-gdpr {
        font-size: 12px;
    }

    #form-section input, #form-section textarea, #form-section select {
        padding: 4px;
    }

    #form-section .FormCenter {
        padding: 1rem !important;
    }

    #busi-wrap {
        padding: 2rem 0 !important;
    }

    .change-busi .row .col-md:last-child .col-md {
        text-align: center !important;
    }

    .change-busi .row .col-md:last-child .icon {
        display: none;
    }

    .change-busi .row .col-md-5:first-child img {
        display: none;
    }

    .change-busi .section-title {
        padding-bottom: 5% !important;
    }

    .change-busi .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #power-offer .row, #life .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .nav-tabs > li a {
        width: 50px;
        height: unset;
        line-height: unset;
    }

    .tab-style-4 li a:hover::after, .tab-style-4 li a:focus::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::before {
        border-left: unset !important;
    }

    .tab-style-4 li > a.active::after {
        border-left: unset !important;
    }

    .banner-desc {
        text-align: center;
        font-size: 14px;
    }

    .page-tittle .col-md-12 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #sup-arrow .tab-style-4 li > a.active::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    #sup-arrow .tab-style-4 li > a::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    #wp-wrap {
        margin-top: 60px;
    }

        #wp-wrap .wp-arrow {
            display: none;
        }

        #wp-wrap .row {
            flex-direction: column;
        }

            #wp-wrap .row .col-md-8, #wp-wrap .row .col-md-4 {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0;
            }

            #wp-wrap .row .col-md-4 {
                margin-top: 5%;
            }

    .rpa-intro::after, .rpa-intro::before {
        display: none;
    }


    #rpa-contact .row {
        display: flex;
        flex-direction: column;
    }

    #rpa-contact .col-md:last-child img {
        display: none;
    }

    #rpa-contact .orange-btn {
        font-size: 16px;
    }

    #rpa-tech-stack ul li {
        width: 100%;
    }

    #as400-service-banner {
        margin-top: 0 !important;
    }

        #as400-service-banner .head-button {
            text-align: center;
            padding: 5px 50px;
        }

    #as400-terrain .container {
        padding: 0 !important;
    }

    #as400-strip .row .col-sm:nth-child(2) {
        border: none !important;
    }

    #as400-service-banner {
        background-position: 45% 35%;
    }

        #as400-service-banner .banner-title, #as400-service-banner .banner-desc {
            text-align: center;
        }

        #as400-service-banner .head-button {
            font-size: 18px;
            padding: 15px 10px;
        }


    #black-form-section .form_area .row:first-child .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .form_area .row:nth-child(2) .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .sms-btn {
        margin-top: 5% !important;
    }

    #black-form-section .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    #as400-terrain .row {
        flex-direction: column;
    }

    #as400-strip .container {
        max-width: 100%;
    }

    #case-study-banner {
        height: 520px;
    }

    #case-study-hero {
        height: 590px;
    }

        #case-study-hero h1 {
            font-size: 36px !important;
        }

    .nav-mobile .menu-container .menu-sidebar {
        left: 0%;
    }

    .describe-portfolio {
        font-size: 16px !important;
    }

    #caro-blog #myCarousel .carousel-inner {
        display: flex;
        justify-content: center;
    }

    #blog-main {
        width: 100% !important;
        padding: 0 !important
    }

    #dvAuthorBio .row {
        flex-direction: column;
    }

    #dvAuthorBio .profileimg {
        border-radius: 10px !important;
        width: 150px;
        height: 150px;
        margin-bottom: 50%;
    }

    .field-intro .width-80, .profe-contra .width-80, .sys-assi-schedu .width-80, .opti-invento .width-80, .smart-fi-ser .width-80, .engaged-cust .width-80, .empow-emplo .width-80 {
        width: 100% !important;
    }

    #field-service-banner .col-md-12 {
        text-align: center !important;
    }

    .profe-contra .row, .sys-assi-schedu .row, .opti-invento .row, .smart-fi-ser .row, .engaged-cust .row, .empow-emplo .row {
        flex-direction: column;
        justify-content: center;
    }

        .sys-assi-schedu .row .col-md:first-child {
            order: 2;
        }

        .sys-assi-schedu .row .col-md:last-child {
            order: 1;
        }

        .smart-fi-ser .row .col-md:first-child {
            order: 2;
        }

        .smart-fi-ser .row .col-md:last-child {
            order: 1;
        }

        .empow-emplo .row .col-md:first-child {
            order: 2;
        }

        .empow-emplo .row .col-md:last-child {
            order: 1;
        }

    .page-footer .nav {
        list-style: none;
        padding-left: 0;
        display: flex;
        justify-content: center;
    }

    #blog-card #container .col-4 {
        max-width: 100% !important;
    }

    #blog-card .isotope-pager {
        flex-wrap: wrap !important;
    }


    .page-tittle.page-tittle-xl {
        margin-top: 60px !important;
    }

    #custom-tab .nav-tabs > li a {
        width: 100%;
        line-height: 1.5;
    }

    #cd-feature .row {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


    #custom-tab .tab-style-4 li a, .tab-style-4 li {
        font-size: 13px;
        padding: 13px 0;
    }

    #custom-tab .tab-style-4 li > a::after, #custom-tab .tab-style-4 li > a::before {
        display: none;
    }

    #custom-tab .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 100%;
        margin-bottom: 2%;
        border-right: none;
        border-bottom: 0 !important;
    }

        #custom-tab .tab-style-4.item-2 li:nth-child(2), .tab-style-4.item-3 li:nth-child(2), .tab-style-4.item-4 li:nth-child(2), .tab-style-4.item-5 li:nth-child(2) {
            border-right: none;
        }

        #custom-tab .tab-style-4.item-2 li:nth-child(4), .tab-style-4.item-3 li:nth-child(4), .tab-style-4.item-4 li:nth-child(4), .tab-style-4.item-5 li:nth-child(4) {
            border-right: none;
        }



    #d365-commu #left-side-nose .col-md {
        bottom: 860px !important;
    }

    #d365-partner #right-side-nose {
        bottom: 505px !important;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }

    #d365-emp #left-side-nose .col-md {
        bottom: 660px !important;
    }

    #d365-partner {
        height: 1200px !important;
    }

        #d365-partner .cont-center {
            display: flex;
            justify-content: center;
            margin-top: 73% !important;
        }

    #d365-header {
        margin-top: 37px !important;
        height: 300px;
    }

    #d365-cust .cont-center, #d365-emp .cont-center {
        display: flex;
        justify-content: center;
        margin-top: 75% !important;
    }

    #board-sec .card-img {
        height: 310px;
    }

    #board-sec .card {
        height: 310px !important;
    }

    .arrow {
        display: none;
    }

    #navigation {
        display: none;
    }

    #mobile-nav {
        display: block;
    }

    #life .carousel-item img {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 170px !important;
    }

    #life .carousel-item {
        min-height: 170px !important;
        height: 170px !important;
    }


    #up-owl .icon-arrow-left7 {
        left: -45px;
    }


    #up-owl .icon-arrow-right7 {
        right: -45px;
    }

    .page-footer hr {
        display: none;
    }

    .icon-cloud1::before {
        content: none;
    }

    .icon-mobility1::before {
        content: none;
    }

    .icon-dynamic1::before {
        content: none;
    }

    #testimo .col-md-9, #testimo .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimo-back {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-cover {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-lef-con {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        /*text-align:center;*/
    }

    #testimo .carousel-caption {
        top: 10%;
    }

        #testimo .carousel-caption p {
            font-size: 18px;
        }

    #testimo .carousel-indicators {
        bottom: 5%;
    }

    .carousel-item {
        height: 350px;
    }




    #testimo .carousel-indicators {
        top: 92%;
    }

    .carousel-item img {
        width: 385% !important;
        position: absolute;
        left: -80%;
        opacity: 0.4;
    }

    .carousel-item:last-child img {
        left: -160%;
        opacity: 0.2;
    }

    .carousel-item:first-child img {
        left: -160%;
        opacity: 0.4;
    }

    #carouselSliderControls .carousel-inner .text-white {
        color: unset !important;
    }





    .carousel-inner {
        /*background: rgb(41, 41, 41) none repeat scroll 0% 0%;*/
        padding: unset;
        display: flex;
        align-items: center;
        margin: 0;
    }

    #carouselSliderControls .carousel-caption {
        color: #000 !important;
    }

    #carouselSliderControls .carousel-inner .carousel-item:first-child .carousel-caption {
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: left;
    }

    #carouselSliderControls .carousel-inner .carousel-item:nth-child(2) .carousel-caption {
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: right;
    }

    #carouselSliderControls .carousel-inner .carousel-item:last-child .carousel-caption {
        margin-top: -17%;
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: left;
    }

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

    #carouselSliderControls .carousel-inner .carousel-caption h1 {
        font-size: 34px;
    }

    #carouselSliderControls .carousel-caption P {
        font-size: 20px;
    }

    .features-block-3 .features-info {
        padding-left: 25px;
        text-align: left;
    }

    .icon-back {
        width: 40px;
        height: 40px;
        left: -5%;
    }

    .icb-right {
        width: 40px;
        height: 40px;
        background: #23a5d1;
        border-radius: 100%;
        position: absolute;
        right: -20%;
    }

    #Three-musc-Mobile .container-fluid .row .col-md {
        background: none !important;
    }

    #Three-musc-Mobile .mar-mob {
        margin-right: 12%;
    }

    #Three-musc-Mobile .features-info p {
        padding-right: 0;
    }

    #Three-musc-Mobile .col-md {
        padding-left: 0px !important;
    }

    #Three-musc-Mobile .features-block-3 {
        margin-left: 0 !important;
    }

    #Three-musc-Mobile .del-pad-80 {
        padding-right: 0 !important;
    }

    .features-block-3 .fa-life-bouy::before, .fa-money-bill-alt::before, .fa-code::before, .fa-gavel::before, .fa-user::before, .fa-paper-plane::before, .fa-cloud::before, .fa-thumbs-up::before, .fa-file-alt::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before, .fa-retweet::before, .fa-line-chart::before, .fa-anchor::before {
        top: 25%;
        left: 25%;
        font-size: 20px;
    }

    .features-block-3 {
        height: auto;
    }

    #Three-musc-Mobile .container-fluid div {
        display: block !important;
    }

    #Three-musc-Mobile .container-fluid .flex-box .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    #Three-musc-Mobile .card {
        margin-bottom: 0px;
        border: none;
        border-radius: unset;
    }

        #Three-musc-Mobile .card .card-header {
            background: #373759;
            border-radius: unset;
            cursor: pointer;
            text-decoration: none;
        }


            #Three-musc-Mobile .card .card-header a {
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                #Three-musc-Mobile .card .card-header a:hover {
                    text-decoration: none;
                }

    #Three-musc-Mobile .btn {
        margin-bottom: 0;
    }

    #Three-musc-Mobile #headingOne a:before {
        content: "";
        display: block;
        background: url("../images/pages/landing/icons-01.jpg") no-repeat;
        background-size: auto;
        width: 20px;
        height: 20px;
        float: left;
        margin: 0 6px 0 0;
        background-size: 100%;
    }

    #Three-musc-Mobile #headingTwo a:before {
        content: "";
        display: block;
        background: url("../images/pages/landing/icons-04.jpg") no-repeat;
        background-size: auto;
        width: 20px;
        height: 20px;
        float: left;
        margin: 0 6px 0 0;
        background-size: 100%;
    }

    #Three-musc-Mobile #headingThree a:before {
        content: "";
        display: block;
        background: url("../images/pages/landing/icons-05.jpg") no-repeat;
        background-size: auto;
        width: 20px;
        height: 20px;
        float: left;
        margin: 0 6px 0 0;
        background-size: 100%;
    }



    .page-footer img {
        width: 30%;
    }

    .page-footer .blockquote iframe {
        width: 100% !important;
    }

    .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4 {
        border-right: none;
    }

    .thefirm .box_slanding_multi {
        width: 300px;
    }

    .thefirm {
        padding: 10px;
    }

    .box_slanding_multi .box_botom::before {
        border-right: 297px solid transparent;
    }

    .box_slanding_multi .box_top::after {
        border-right: 297px solid transparent;
    }

    #support-dynamics-365, #integrate-dynamics-365, #upgrade-dynamics-365, #implement-dynamics-365 {
        border-bottom: 1px solid #fff;
    }

    .banner-height {
        background-position: 70% 35%;
        height: 400px;
    }

    #callouts .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    #callouts .mt-4, .my-4 {
        margin-top: 0.7rem !important;
    }

    .front p, .back p {
        font-size: 1em;
    }

    .banner-title {
        font-size: 1.2em !important;
        text-align: center;
    }

        .banner-title .white-box {
            border: none;
            line-height: 28px !important;
        }




    .back div {
        display: flex;
        justify-content: center;
    }

    .page-tittle.page-tittle-xl {
        /* padding: 30px 0px; */
        display: flex;
        align-items: center;
    }
    /*.flip-container, .front, .back {
        height: 150px;
    }

    .flip-container .features-tittle{
        font-size:1.5em;
    }
    .flip-container img{
        display:none;
    }*/
    #callouts .flex-row {
        flex-direction: column !important;
    }

    .flip-container, .front, .back {
        height: 290px;
        margin-bottom: 10px;
    }

    .front, .back {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .front img, .back img {
            width: 10%;
        }

    .flip-container .features-info {
        margin-top: 10%;
    }

    .border-right-1 {
        border-right: none;
    }

    .banner-desc-small {
        font-size: 16px;
        text-align: center;
    }

    .describe-portfolio {
        font-size: 2em;
    }

    #contact-us .col-md, #map .col-md {
        padding-bottom: 15px;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }

    #navigation img {
        width: 85%;
        margin-left: 25px;
    }



    .navbar {
        padding: 0 !important;
    }

    .navbar-light .navbar-toggler {
        margin-right: 25px;
    }

    .header .dropdown-menu li:hover > a, .header .dropdown-menu li:focus > a, .header .dropdown-menu .sub-menu.open > a {
        background: #00ADEE !important;
        border: none !important;
    }

    .header.header-sticky.sticky ul.navbar-nav > li > a {
        font-size: 1.1em;
    }

    .dropdown-menu .dropdown .dropdown-menu {
        margin: 0 !important;
    }

    .dropdown, .dropleft, .dropright, .dropup {
        margin-right: 0;
    }

    .header .navbar-collapse ul.navbar-nav > li > a:hover, .header .navbar-collapse ul.navbar-nav > li > a:focus {
        background: #00ADEE !important;
    }

    #myModal2 .modal-body img {
        width: 50%;
    }

    #myModal2 .modal-content {
        width: 100%;
    }

    #myModal2 .modal-dialog {
        margin: auto;
        margin-top: 18%;
    }

    .head-button {
        padding: 15px 12px;
    }

    .mmadjust {
        margin: 0 !important;
    }

    .btn-color-green {
        font-size: 13px;
    }

    .fm {
        margin-top: -8%;
    }

    .sm {
        margin-top: -12%;
    }
}


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

    #Three-musc {
        display: none !important;
    }

    #Three-musc-Mobile {
        display: block !important;
    }

    #rpa-challenge .row {
        height: 100%;
        background: #fff;
        margin: 5% 0;
    }

    .fa-tools::before, .fa-tachometer-alt::before, .fa-laptop-code::before, .fa-exchange-alt::before {
        content: "\f7d9";
        top: 30%;
        position: absolute;
        left: 30%;
        color: #fff;
    }

    .fa-laptop-code::before {
        content: "\f7d9";
        top: 30%;
        position: absolute;
        left: 25%;
        color: #fff;
    }

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

    #as400-gen-book .maroon-button span {
        font-size: 1rem !important;
    }

    #as400-strip .row .col-sm {
        text-align: center;
        margin-bottom: 1rem;
        border: unset !important;
    }

    #as400-gen-book .col-md {
        padding: 2rem;
    }

    #as400-consult .card ul {
        display: block;
        flex-wrap: nowrap;
    }

        #as400-consult .card ul li {
            margin-right: 2rem;
        }

    #as400-consult .row {
        flex-direction: column;
    }

        #as400-consult .row .col-md {
            margin-bottom: 2rem;
        }

    #wp-inner #contact-form .terms {
        margin: 0 !important;
    }

    #wp-inner {
        width: 100% !important;
    }

        #wp-inner .col-md-4 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #wp-inner .col-md {
            display: flex;
            flex-direction: column;
        }

        #wp-inner iframe {
            margin-top: 2rem;
            height: 20rem;
        }

    #d365-creative .width-80 {
        width: 100% !important;
    }

    #arrow-b {
        display: none;
    }



    #section4 {
        padding-top: 3rem !important
    }

    .banner-title1 {
        text-align: center !important;
    }

    .ai-list, .ai-list1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .ai-list li, .ai-list1 li {
            margin-bottom: 1.5rem;
        }


            .ai-list li i, .ai-list1 li i, .ai-list1 li .icon-wrap {
                display: none;
            }

        .ai-list li, .ai-list1 li {
            width: 100%;
            margin-right: 0 !important;
        }

    .ai-service .row .col-md-7, .ai-service .row .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .ai-service .row .col-md-5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ai-service img {
        width: 70%;
        margin-bottom: 1.5rem;
    }

    .ai-service .row {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .ai-service .container {
        width: 90%;
        max-width: 90%;
    }

    #form-section .form-gdpr {
        font-size: 12px;
    }

    #form-section input, #form-section textarea, #form-section select {
        padding: 4px;
    }

    #form-section .FormCenter {
        padding: 1rem !important;
    }

    #busi-wrap {
        padding: 2rem 0 !important;
    }

    .change-busi .row .col-md:last-child .col-md {
        text-align: center !important;
    }

    .change-busi .row .col-md:last-child .icon {
        display: none;
    }

    .change-busi .row .col-md-5:first-child img {
        display: none;
    }

    .change-busi .section-title {
        padding-bottom: 5% !important;
    }

    .change-busi .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .icb-right {
        right: -18% !important;
    }

    .banner-right1 {
        background-position: 65% 35% !important;
    }


    #power-offer .row, #life .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .tab-style-4 li a:hover::after, .tab-style-4 li a:focus::after {
        border-left: unset !important;
    }

    .nav-tabs > li a {
        width: 50px;
        height: unset;
        line-height: unset;
    }

    .tab-style-4 li > a::after {
        border-left: unset !important;
    }

    .tab-style-4 li > a::before {
        border-left: unset !important;
    }

    .tab-style-4 li > a.active::after {
        border-left: unset !important;
    }

    #cloud-flip .flip-card-back .features-info p {
        margin-top: 8%;
        font-size: 14px;
    }

    #cloud-flip .row {
        display: flex;
        flex-direction: column;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }

    .banner-account, .banner-insurance {
        height: 520px !important;
    }

    #field-service-banner {
        margin-top: 30px !important;
    }

    #sales-feature .card-body p {
        font-size: 14px;
    }

    #sales-feature .col-md .card {
        height: auto;
    }

    #sales-feature .row {
        display: flex;
        flex-direction: column;
    }


    .banner-desc-small {
        margin: 0 !important;
    }

    .banner-rpa {
        height: 520px !important;
    }


    #sup-arrow .tab-style-4 li > a.active::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    #sup-arrow .tab-style-4 li > a::after, #sup-arrow .tab-style-4 li > a::before {
        border: unset !important;
    }

    #int-goal .flex_box {
        display: flex;
        flex-direction: column;
    }

    .banner-right {
        background-position: 20% 35% !important;
    }

    .form-lay {
        flex-direction: column;
    }

    #form-section .row .col-md-3 .col-md:last-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    .banner-title {
        font-size: 1.2rem !important;
        text-align: center;
        margin-top: 20px;
    }

        .banner-title span {
            line-height: 1.5;
            border: none;
        }

    .banner-desc {
        text-align: center;
        font-size: 14px;
    }



    #callouts .back p, #callouts .front p {
        font-size: 0.85rem;
    }

    #callouts .features-info p {
        padding-right: unset;
    }

    #callouts .features-info {
        margin-top: 25px;
    }


    #testimo .carousel-caption {
        top: 5%;
    }

    #wp-wrap {
        margin-top: 60px;
    }

        #wp-wrap .wp-arrow {
            display: none;
        }

        #wp-wrap .row {
            flex-direction: column;
        }

            #wp-wrap .row .col-md-8, #wp-wrap .row .col-md-4 {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0;
            }

            #wp-wrap .row .col-md-4 {
                margin-top: 5%;
            }

    .rpa-intro::after, .rpa-intro::before {
        display: none;
    }

    .flip-button {
        font-size: 13px;
    }

    #as400-help-card ul {
        line-height: unset;
    }

    #as400-help-card .flip-card {
        height: 370px;
    }

    #as400-path-wrap .row .col-md button {
        margin-right: unset;
    }

    #as400-help-card .row {
        display: flex;
        flex-direction: column;
    }

    #as400-path-wrap .button-wrap button {
        margin-bottom: 15px;
    }

    #as400-path-wrap .button-wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #rpa-overview-banner .text-heading {
        font-size: 2em;
    }

    #as400-reason .col-md {
        margin-bottom: 5%;
    }

    #case-study-banner .orange-btn {
        font-size: 16px !important;
    }


    #rpa-contact .orange-btn {
        font-size: 14px;
    }



    #rpa-challenge .row .col-md {
        text-align: center !important;
    }

    #rpa-profile .row .col-md {
        margin: 0 !important;
    }

    #case-study-banner .text-heading {
        font-size: 1.5em;
    }

    #as400-service-banner {
        margin-top: 0 !important;
    }

    .page-footer .col-lg-12 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #as400-service-banner .head-button {
        text-align: center;
        padding: 5px 50px;
    }

    #as400-terrain .container {
        padding: 0 !important;
    }

    #as400-strip .row .col-sm:nth-child(2) {
        border: none !important;
    }

    #as400-service-banner {
        background-position: 45% 35%;
    }

        #as400-service-banner .banner-title, #as400-service-banner .banner-desc {
            text-align: center;
        }

        #as400-service-banner .head-button {
            font-size: 18px;
        }


    #black-form-section .form_area .row:first-child .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .form_area .row:nth-child(2) .col-md:first-child {
        margin-bottom: 15px;
    }

    #black-form-section .sms-btn {
        margin-top: 5% !important;
    }

    #black-form-section .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%;
    }

    #as400-terrain .row {
        flex-direction: column;
    }

    #as400-strip .container {
        max-width: 100%;
    }

    #scroll-modules .owl-nav {
        display: none !important;
    }

    #scroll-modules .card {
        height: 320px;
    }

    .mob-fix .section-5 .container h1 {
        padding-top: 10%;
    }

    .page-footer .container {
        display: flex;
        justify-content: center;
    }

    .solution-divitions .eut-wrapper-icon {
        left: 35% !important;
    }

    .mob-respo .row .solution-divitions {
        display: table;
    }

    #case-study-banner {
        height: 520px;
    }

    #case-study-hero {
        height: 590px;
    }

        #case-study-hero h1 {
            font-size: 36px !important;
        }

    .nav-mobile .menu-container .menu-sidebar {
        left: 0%;
    }

    .describe-portfolio {
        font-size: 16px !important;
    }

    #caro-blog #myCarousel .carousel-inner {
        display: flex;
        justify-content: center;
    }

    #blog-main {
        width: 100% !important;
        padding: 0 !important
    }

    #dvAuthorBio .row {
        flex-direction: column;
    }

    #dvAuthorBio .profileimg {
        border-radius: 10px !important;
        width: 150px;
        height: 150px;
        margin-bottom: 50%;
    }

    .field-intro .width-80, .profe-contra .width-80, .sys-assi-schedu .width-80, .opti-invento .width-80, .smart-fi-ser .width-80, .engaged-cust .width-80, .empow-emplo .width-80 {
        width: 100% !important;
    }

    #field-service-banner .col-md-12 {
        text-align: center !important;
    }

    .profe-contra .row, .sys-assi-schedu .row, .opti-invento .row, .smart-fi-ser .row, .engaged-cust .row, .empow-emplo .row {
        flex-direction: column;
        justify-content: center;
    }

        .sys-assi-schedu .row .col-md:first-child {
            order: 2;
        }

        .sys-assi-schedu .row .col-md:last-child {
            order: 1;
        }

        .smart-fi-ser .row .col-md:first-child {
            order: 2;
        }

        .smart-fi-ser .row .col-md:last-child {
            order: 1;
        }

        .empow-emplo .row .col-md:first-child {
            order: 2;
        }

        .empow-emplo .row .col-md:last-child {
            order: 1;
        }

    .page-footer .nav {
        list-style: none;
        padding-left: 0;
        display: flex;
        justify-content: center;
    }

    #blog-card #container .col-4 {
        max-width: 100% !important;
    }

    #blog-card .isotope-pager {
        flex-wrap: wrap !important;
    }


    #data-tab .tab-style-4.item-4 li {
        width: 100%;
    }

    .button-wrapper {
        display: flex;
        justify-content: center;
    }

    .page-tittle.page-tittle-xl {
        margin-top: 60px !important;
    }

    #custom-tab .nav-tabs > li a {
        width: 100%;
        line-height: 1.5;
    }

    #cd-feature .row {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


    #custom-tab .tab-style-4 li a, .tab-style-4 li {
        font-size: 13px;
        padding: 13px 0;
    }

    #custom-tab .tab-style-4 li > a::after, #custom-tab .tab-style-4 li > a::before {
        display: none;
    }

    #custom-tab .tab-style-4.item-2 li, .tab-style-4.item-3 li, .tab-style-4.item-4 li, .tab-style-4.item-5 li {
        width: 100%;
        margin-bottom: 2%;
        border-right: none;
        border-bottom: 0 !important;
    }

        #custom-tab .tab-style-4.item-2 li:nth-child(2), .tab-style-4.item-3 li:nth-child(2), .tab-style-4.item-4 li:nth-child(2), .tab-style-4.item-5 li:nth-child(2) {
            border-right: none;
        }

        #custom-tab .tab-style-4.item-2 li:nth-child(4), .tab-style-4.item-3 li:nth-child(4), .tab-style-4.item-4 li:nth-child(4), .tab-style-4.item-5 li:nth-child(4) {
            border-right: none;
        }


    .arrow {
        display: none;
    }

    #navigation {
        display: none;
    }

    #mobile-nav {
        display: block;
        width: 100%;
    }

    #life .carousel-item img {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 170px !important;
    }

    #life .carousel-item {
        min-height: 170px !important;
        height: 170px !important;
    }


    #up-owl .icon-arrow-left7 {
        left: -45px;
    }


    #up-owl .icon-arrow-right7 {
        right: -45px;
    }

    .page-footer hr {
        display: none;
    }

    .icon-cloud1::before {
        content: none;
    }

    .icon-mobility1::before {
        content: none;
    }

    .icon-dynamic1::before {
        content: none;
    }

    #testimo .col-md-9, #testimo .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimo-back {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-cover {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .testimo-lef-con {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        /*text-align:center;*/
    }



    #testimo .carousel-caption p {
        font-size: 18px;
    }

    #testimo .carousel-indicators {
        bottom: 5%;
    }

    .carousel-item {
        height: 350px;
    }




    #testimo .carousel-indicators {
        top: 92%;
    }

    .carousel-item img {
        width: 385% !important;
        position: absolute;
        left: -80%;
        opacity: 0.4;
    }

    .carousel-item:last-child img {
        left: -160%;
        opacity: 0.2;
    }

    .carousel-item:first-child img {
        left: -160%;
        opacity: 0.4;
    }

    #carouselSliderControls .carousel-inner .text-white {
        color: unset !important;
    }





    .carousel-inner {
        /*background: rgb(41, 41, 41) none repeat scroll 0% 0%;*/
        padding: unset;
        display: flex;
        align-items: center;
        margin: 0;
    }

    #carouselSliderControls .carousel-caption {
        color: #000 !important;
    }

    #carouselSliderControls .carousel-inner .carousel-item:first-child .carousel-caption {
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: left;
    }

    #carouselSliderControls .carousel-inner .carousel-item:nth-child(2) .carousel-caption {
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: right;
    }

    #carouselSliderControls .carousel-inner .carousel-item:last-child .carousel-caption {
        margin-top: -17%;
        width: 100%;
        left: 0px;
        padding: 10px;
        text-align: left;
    }

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

    #carouselSliderControls .carousel-inner .carousel-caption h1 {
        font-size: 34px;
    }

    #carouselSliderControls .carousel-caption P {
        font-size: 20px;
    }

    .features-block-3 .features-info {
        padding-left: 25px;
        text-align: left;
    }

    .icon-back {
        width: 40px;
        height: 40px;
        left: -5%;
    }

    .icb-right {
        width: 40px;
        height: 40px;
        background: #23a5d1;
        border-radius: 100%;
        position: absolute;
        right: -20%;
    }

    #Three-musc-Mobile .container-fluid .row .col-md {
        background: none !important;
    }

    #Three-musc-Mobile .mar-mob {
        margin-right: 12%;
    }

    #Three-musc-Mobile .features-info p {
        padding-right: 0;
    }

    #Three-musc-Mobile .col-md {
        padding-left: 0px !important;
    }

    #Three-musc-Mobile .features-block-3 {
        margin-left: 0 !important;
    }

    #Three-musc-Mobile .del-pad-80 {
        padding-right: 0 !important;
    }

    .features-block-3 .fa-life-bouy::before, .fa-money-bill-alt::before, .fa-code::before, .fa-gavel::before, .fa-user::before, .fa-paper-plane::before, .fa-cloud::before, .fa-thumbs-up::before, .fa-file-alt::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before, .fa-retweet::before, .fa-line-chart::before, .fa-anchor::before {
        top: 25%;
        left: 20%;
        font-size: 20px;
    }

    .fa-file-alt::before {
        top: 25%;
        left: 30%;
        font-size: 20px;
    }

    .fa-thumbs-up::before {
        top: 25%;
        left: 25%;
        font-size: 20px;
    }

    .fa-user::before {
        top: 25%;
        left: 28%;
        font-size: 20px;
    }

    .features-block-3 {
        height: auto;
    }

    #Three-musc-Mobile .container-fluid div {
        display: block !important;
    }

    #Three-musc-Mobile .container-fluid .flex-box .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    #Three-musc-Mobile .card {
        margin-bottom: 0px;
        border: none;
        border-radius: unset;
    }

        #Three-musc-Mobile .card .card-header {
            background: #373759;
            border-radius: unset;
            cursor: pointer;
            text-decoration: none;
        }



            #Three-musc-Mobile .card .card-header a {
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                #Three-musc-Mobile .card .card-header a:hover {
                    text-decoration: none;
                }

    #Three-musc-Mobile .btn {
        margin-bottom: 0;
    }

    #Three-musc-Mobile #headingOne a:before {
        content: "";
        display: block;
        background: url("../images/pages/landing/icons-01.jpg") no-repeat;
        background-size: auto;
        width: 20px;
        height: 20px;
        float: left;
        margin: 0 6px 0 0;
        background-size: 100%;
    }

    #Three-musc-Mobile #headingTwo a:before {
        content: "";
        display: block;
        background: url("../images/pages/landing/icons-04.jpg") no-repeat;
        background-size: auto;
        width: 20px;
        height: 20px;
        float: left;
        margin: 0 6px 0 0;
        background-size: 100%;
    }

    #Three-musc-Mobile #headingThree a:before {
        content: "";
        display: block;
        background: url("../images/pages/landing/icons-05.jpg") no-repeat;
        background-size: auto;
        width: 20px;
        height: 20px;
        float: left;
        margin: 0 6px 0 0;
        background-size: 100%;
    }



    .page-footer img {
        width: 30%;
    }

    .page-footer .blockquote iframe {
        width: 100% !important;
    }

    .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4 {
        border-right: none;
    }

    .thefirm .box_slanding_multi {
        width: 300px;
    }

    .thefirm {
        padding: 10px;
    }

    .box_slanding_multi .box_botom::before {
        border-right: 297px solid transparent;
    }

    .box_slanding_multi .box_top::after {
        border-right: 297px solid transparent;
    }

    #support-dynamics-365, #integrate-dynamics-365, #upgrade-dynamics-365, #implement-dynamics-365 {
        border-bottom: 1px solid #fff;
    }

    .banner-height {
        background-position: 70% 35%;
        height: 400px;
    }

    #callouts .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    #callouts .mt-4, .my-4 {
        margin-top: 0.7rem !important;
    }

    .front p, .back p {
        font-size: 1em;
    }

    .banner-title .white-box {
        border: none;
        line-height: 28px !important;
    }




    .back div {
        display: flex;
        justify-content: center;
    }

    .page-tittle .page-tittle-xl {
        /* padding: 30px 0px; */
        display: flex;
        align-items: center;
    }
    /*.flip-container, .front, .back {
        height: 150px;
    }

    .flip-container .features-tittle{
        font-size:1.5em;
    }
    .flip-container img{
        display:none;
    }*/
    #callouts .flex-row {
        flex-direction: column !important;
    }

    .flip-container, .front, .back {
        height: 290px;
        margin-bottom: 10px;
    }

    .front, .back {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .front img, .back img {
            width: 10%;
        }

    .flip-container .features-info {
        margin-top: 10%;
    }

    .border-right-1 {
        border-right: none;
    }

    .banner-desc-small {
        font-size: 16px;
        text-align: center;
    }

    .describe-portfolio {
        font-size: 2em;
    }

    #contact-us .col-md, #map .col-md {
        padding-bottom: 15px;
    }

    #cloud-flip .flex-row {
        flex-direction: column !important;
    }

    #navigation img {
        width: 85%;
        margin-left: 25px;
    }



    .navbar {
        padding: 0 !important;
    }

    .navbar-light .navbar-toggler {
        margin-right: 25px;
    }

    .header .dropdown-menu li:hover > a, .header .dropdown-menu li:focus > a, .header .dropdown-menu .sub-menu.open > a {
        background: #00ADEE !important;
        border: none !important;
    }

    .header.header-sticky.sticky ul.navbar-nav > li > a {
        font-size: 1.1em;
    }

    .dropdown-menu .dropdown .dropdown-menu {
        margin: 0 !important;
    }

    .dropdown, .dropleft, .dropright, .dropup {
        margin-right: 0;
    }

    .header .navbar-collapse ul.navbar-nav > li > a:hover, .header .navbar-collapse ul.navbar-nav > li > a:focus {
        background: #00ADEE !important;
    }

    #myModal2 .modal-body img {
        width: 50%;
    }

    #myModal2 .modal-content {
        width: 100%;
    }

    #myModal2 .modal-dialog {
        margin: auto;
        margin-top: 18%;
    }

    .head-button {
        padding: 15px 12px;
    }

    .mmadjust {
        margin: 0 !important;
    }

    .btn-color-green {
        font-size: 13px;
    }

    .fm {
        margin-top: -8%;
    }

    .sm {
        margin-top: -12%;
    }
}


.gray-form-color .lsq-form-wrapper .field-control-group.inline .field-control ul li label {
    color: #000 !important;
}

.gray-form-color .lsq-form-wrapper .label-placement.top .field-label {
    color: #000 !important;
}

#blog-main img{
    width:100%;
}

/*Media Query Starts*/
@media (min-width: 768px) {
    .board-wrap .slide {
  width: 100% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) /*@media only screen and (min-width: 769px) and (max-width: 1200px*/ {

    .board-wrap .carousel-control-prev {
        left: 21rem !important;
    }

    .why-card {
        height: 290px;
    }

    .features .feature-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 1rem;
    }

    .normal-view-ul .nav-item {
        margin: 1rem 0;
    }

    .pe-our-approach h6 {
        font-size: 14px;
    }

    #wp-list .container-fluid {
        width: 67%;
    }


    .describe-portfolio {
        font-size: 15px;
    }

    .d365-title {
        font-size: 24px;
    }

    #eight-boxes .card {
        height: 590px !important;
    }

    .eval-card .card {
        height: 470px;
    }

    .pur-card .card {
        height: 360px;
    }

    .cs-card .card {
        height: 350px;
    }

    .loyal-card .card {
        height: 330px;
    }

    .loyal-d365-layer-over {
        top: 30%;
    }

    .cs-d365-layer-over {
        top: 31%;
    }

    .eval-d365-layer-over {
        top: 39%;
    }

    .pur-d365-layer-over {
        top: 44%;
    }

    .loyal-d365-layer-over {
        top: 32%;
    }

    #process-cirlce li.active p.cir-title {
        width: 100%;
    }

    #d365-cust .pull-left-1 {
        left: -80px;
    }

    #d365-cust .pull-left {
        left: -125px;
    }

    #d365-emp .push-right {
        left: 200px;
    }

    #left-side-nose .col-md {
        left: -30px;
    }

    #d365-partner .pull-left {
        left: -90px;
    }

    .d365-down-skew {
        height: 680px;
    }

    #d365-partner img {
        width: 80% !important;
        height: 300px !important;
    }

    #d365-cust ul li, #d365-emp ul li, #d365-partner ul li, #d365-commu ul li {
        font-size: 17px;
    }

    #d365-partner #right-side-nose .col-md {
        right: -40px;
        top: -45px;
    }

    #ribbon-box .width-80 {
        width: auto !important;
    }

    #ribbon-box img {
        width: 100%;
    }
}


@media (max-width: 768px) {
    #wp-list .container-fluid {
        width: 71%;
    }
}


@media (max-width: 1920px) {

    .ma-form {
        background-position: 20% 32% !important;
    }

    .ma-form .mob-form-text-wrap {
        left: -15vh;
    }


    #about-testi .carousel-indicators {
        top: 15em;
    }

    #about-testi #carouselExampleControls{
        height:18rem;
    }

    #testimo .carousel-caption P {
        font-size: 1.1em;
    }

    #testimo .carousel-indicators {
        top: 88%;
    }

    #testimo .carousel-caption {
        top: 23%;
    }

    .folio-image {
        height: unset;
    }

    .range-opt-wrap {
        font-size: 0.8em !important;
    }
    #as-sup-plans.sam-plans .eut-pricing-table ul li {
        height: 85px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 1600px){
    .ma-form .mob-form-text-wrap {
        left: -2vh;
    }
}


@media only screen and (min-width: 481px) and (max-width: 767px) {
    #wp-inner {
        margin-top: 55px !important;
    }

    .terms {
        margin-left: 0 !important;
    }

    #wp-inner .slider_frame {
        margin-bottom: 60px;
        width: 100%;
        height: 500px;
        margin-left: 0;
        margin-right: 0;
    }

    #jobtitle {
        margin-top: 12%;
    }

    .box-1::after {
        display: none;
    }

    .box-2::after {
        display: none;
    }

    .box-1, .box-2 {
        padding: 3% 0;
        height: 500px;
    }

        .box-1 .row:last-child .col-md, .box-2 .row:last-child .col-md {
            margin: 0 !important;
        }

        .box-1 .row:last-child .col-md {
            padding: 0;
        }

    .box-container {
        display: flex;
        flex-direction: column;
    }

    #home .title-head .row {
        display: flex;
        flex-direction: column;
    }

    .d365-layer-over {
        top: 36%;
        width: 30%;
        left: 35%;
    }

    .eval-d365-layer-over {
        top: 45%;
        width: 30%;
        left: 35%;
    }

    .pur-d365-layer-over {
        top: 48%;
        width: 30%;
        left: 35%;
    }

    .cs-d365-layer-over {
        top: 36%;
        width: 30%;
        left: 35%;
    }

    .loyal-d365-layer-over {
        top: 32.5%;
        width: 30%;
        left: 35%;
    }

    .awe-card .card {
        height: 250px;
    }

    #eight-boxes .card {
        height: 300px !important;
    }

    .d365-title {
        font-size: 26px;
        line-height: 1.5;
    }

    .cir-title {
        left: -2%;
    }

    #shadow {
        width: 100%;
        clip-path: none;
    }

    .d365-cover::after {
        width: 100%;
        clip-path: none;
    }


    #d365-header {
        background-image: none;
    }

    #shadow .col-md-10 {
        top: 30px;
    }

    #board-sec .row {
        display: flex;
        flex-direction: column;
    }

    #board-sec .col-md-8 {
        max-width: 100%;
        margin-bottom: 8%;
    }

    .d365-up-skew, .d365-down-skew {
        clip-path: none;
    }

        .d365-up-skew h2 {
            margin-top: 0 !important;
        }

    #d365-cust .row, #d365-emp .row, #d365-partner .row, #d365-commu .row, #d365-creative .row {
        display: flex;
        flex-direction: column;
    }

    #d365-cust, #d365-partner {
        height: 900px;
    }

        #d365-cust .cont-center, #d365-emp .cont-center, #d365-partner .cont-center, #d365-creative .cont-center {
            display: flex;
            justify-content: center;
            margin-top: 7%;
        }

    #d365-commu .cont-center {
        display: flex !important;
        align-items: center !important;
        margin-top: 7%;
    }

        #d365-commu .cont-center p {
            text-align: center;
        }

    #d365-cust .pull-left-1, #d365-partner .pull-left {
        left: -175px;
    }

    #d365-cust #right-side-nose, #d365-partner #right-side-nose {
        bottom: 415px;
        position: absolute;
        right: 0;
    }

    #d365-emp .col-md .width-80 {
        width: 55% !important;
    }

    #d365-emp .push-right, #d365-commu .push-right {
        right: -180px;
    }

    #d365-emp #left-side-nose .col-md, #d365-commu #left-side-nose .col-md {
        bottom: 550px;
    }

    #d365-commu #left-side-nose .col-md {
        bottom: 815px;
    }

    #overlay-button-part {
        position: relative;
        top: -25px;
    }

    #ribbon-box .row {
        margin: 0 auto;
    }

        #ribbon-box .row .card .col-md {
            height: 30%;
            font-size: 20px;
        }

    #d365-header {
        margin-top: 52px;
    }
}

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

    .terms {
        margin-left: 0 !important;
    }

    #wp-inner .slider_frame {
        margin-bottom: 15%;
        width: 100%;
        height: 500px;
        margin-left: 0;
        margin-right: 0;
    }

    #wp-list .container-fluid {
        width: 100%;
    }

    #wp-list {
        margin-top: 10% !important;
    }

        #wp-list ul {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }


    .folio-image {
        height: 308px;
    }

    #jobtitle {
        margin-top: 18%;
    }

    .liner {
        display: none;
    }

    #myTab {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
    }

    #process-cirlce .nav-tabs > li {
        width: 100%;
    }

        #process-cirlce .nav-tabs > li a {
            border: none;
            margin: 0 auto;
        }

    #process-cirlce li.active p.cir-title::after {
        left: 45%;
    }

    .d365-layer-over {
        top: 32.5%;
        width: 50%;
        left: 25%;
    }

    .eval-d365-layer-over {
        top: 39.5%;
        width: 50%;
        left: 25%;
    }

    .pur-d365-layer-over {
        top: 48%;
        width: 50%;
        left: 25%;
    }

    .cs-d365-layer-over {
        top: 32.5%;
        width: 50%;
        left: 25%;
    }

    .loyal-d365-layer-over {
        top: 31.5%;
        width: 50%;
        left: 25%;
    }

    .awe-card .card {
        height: 300px;
    }

    .eval-card .card {
        height: 450px;
    }

    .loyal-card .card {
        height: 320px;
    }

    #eight-boxes .card {
        height: 360px !important;
    }

    #shadow {
        width: 100%;
        clip-path: none;
    }

    .d365-cover::after {
        width: 100%;
        clip-path: none;
    }


    #d365-header {
        background-image: none;
    }

    #shadow .col-md-10 {
        top: 0;
    }

    #board-sec .row {
        display: flex;
        flex-direction: column;
    }

    #board-sec .col-md-8 {
        max-width: 100%;
        margin-bottom: 8%;
    }

    .d365-up-skew, .d365-down-skew {
        clip-path: none;
    }

        .d365-up-skew h2 {
            margin-top: 0 !important;
        }

    #d365-cust .row, #d365-emp .row, #d365-partner .row, #d365-commu .row, #d365-creative .row {
        display: flex;
        flex-direction: column;
    }

    #d365-cust, #d365-partner {
        height: 1025px;
    }

        #d365-cust .cont-center, #d365-emp .cont-center, #d365-partner .cont-center {
            display: flex;
            justify-content: center;
            margin-top: 55%;
        }

    #d365-creative .cont-center {
        display: flex;
        justify-content: center;
        margin-top: 20%;
    }

    #d365-commu .cont-center {
        display: flex !important;
        align-items: center !important;
        margin-top: 50%;
    }

        #d365-commu .cont-center p {
            text-align: center;
        }

    #d365-cust .pull-left-1, #d365-partner .pull-left {
        left: 0;
    }

    #d365-cust #right-side-nose, #d365-partner #right-side-nose {
        bottom: 323px;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }

    #d365-emp .col-md .width-80 {
        width: 80% !important;
    }

    #d365-emp .push-right, #d365-commu .push-right {
        right: 0;
    }

    #d365-emp #left-side-nose .col-md {
        bottom: 468px;
    }

    #d365-commu #left-side-nose .col-md {
        bottom: 613px;
    }

    #right-side-nose, #left-side-nose {
        width: 100%;
        margin: 0 auto;
    }

        #right-side-nose ul, #left-side-nose ul {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            #right-side-nose ul li {
                right: 0 !important;
                width: auto !important;
            }

            #left-side-nose ul li {
                left: 0 !important;
                width: auto !important;
            }

    #overlay-button-part {
        position: relative;
        top: -25px;
    }

    #ribbon-box .row {
        margin: 0 auto;
    }

        #ribbon-box .row .card .col-md {
            height: 30%;
            font-size: 20px;
        }

    #d365-header {
        margin-top: 52px;
    }

    .d365-up-skew, .d365-down-skew {
        padding: 0;
    }

    #d365-partner h2 {
        margin-top: 10%;
    }

    #d365-cust ul, #d365-emp ul, #d365-partner ul, #d365-commu ul {
        font-size: 16px;
    }

    #d365-creative img {
        width: 100% !important;
    }

    #as400-modern-banner .banner-desc {
        text-align: center;
    }

    #as400-modern-banner .col-md-12 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

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

    #mobile-nav .nav-logo {
        width: 45% !important;
    }

    #as-sup-plans .flex_box .equal_divide {
        margin-left: unset;
        margin-right: unset;
        margin-bottom: 40px;
    }


    #sup-arrow .nav-tabs > li a {
        width: 100%;
        height: unset;
        line-height: unset;
    }

    #wp-inner {
        margin-top: 55px !important;
    }

    .terms {
        margin-left: 0 !important;
    }

    #wp-inner .slider_frame {
        margin-bottom: 25%;
        width: 100%;
        height: 400px;
        margin-left: 0;
        margin-right: 0;
    }

    #wp-list .container-fluid {
        width: 100%;
    }

    #wp-list {
        margin-top: 10% !important;
    }

        #wp-list ul {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }


    .page-tittle.page-tittle-xl {
        margin-top: 76px;
    }

    .isotope-filter a {
        margin-bottom: 5%;
    }

    .folio-image {
        height: 202px;
    }

    .folio-2-portfolio-style {
        width: 100% !important;
        left: 0;
    }

    #cloud-flip .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #cloud-flip .flip-card {
        height: 400px;
    }

        #cloud-flip .flip-card .features-info p {
            padding-right: 0;
        }

    #cloud-flip .mob-mar .features-info {
        margin-top: 30%;
    }

    #cloud-flip .flip-card-back img, #cloud-flip .flip-card-front img {
        position: absolute;
        top: 7%;
        width: 18%;
    }

    #page-banner, #lifeat-banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


        #page-banner p {
            text-align: center;
        }

    .ban-wrap {
        text-align: center;
    }

    #jobtitle .dbtype {
        padding: 5px;
    }

    #jobtitle {
        margin-top: 25%;
    }

        #jobtitle h1 {
            font-size: 26px;
        }

    #intro .button-wrapper a {
        font-size: 14px !important;
    }

    .mob-text-black .banner-title span, .mob-text-black p {
        color: #000 !important;
    }

    .mob-text-black .banner-title .white-box {
        line-height: 28px !important;
        border-color: transparent;
    }

    #cd-feature .row {
        display: flex;
        justify-content: center;
    }

    #manufact .fa-play::before {
        left: 25%;
    }

    .banner-customer-service {
        background-image: none !important;
    }

    .mob-ban-hide {
        background-image: none !important;
    }

    .box-1::after {
        display: none;
    }

    .box-2::after {
        display: none;
    }

    .box-1, .box-2 {
        padding: 3% 0;
        height: 500px;
    }

        .box-1 .row:last-child .col-md, .box-2 .row:last-child .col-md {
            margin: 0 !important;
        }

        .box-1 .row:last-child .col-md {
            padding: 0;
        }

    .box-container {
        display: flex;
        flex-direction: column;
    }

    .liner {
        display: none;
    }

    #myTab {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
    }

    #process-cirlce .nav-tabs > li {
        width: 100%;
    }

        #process-cirlce .nav-tabs > li a {
            border: none;
            margin: 0 auto;
        }

    #process-cirlce li.active p.cir-title::after {
        left: 45% !important;
    }

    .d365-layer-over {
        top: 28.5%;
        width: 70%;
        left: 15%;
    }

    .eval-d365-layer-over {
        top: 35%;
        width: 70%;
        left: 15%;
    }

    .pur-d365-layer-over {
        top: 39.5%;
        width: 70%;
        left: 15%;
    }

    .cs-d365-layer-over {
        top: 26.5%;
        width: 70%;
        left: 15%;
    }

    .loyal-d365-layer-over {
        top: 26.5%;
        width: 70%;
        left: 15%;
    }

    .awe-card .card {
        height: 370px;
    }

    .eval-card .card {
        height: 560px;
    }

    .pur-card .card {
        height: 450px;
    }

    .cs-card .card {
        height: 420px;
    }

    .loyal-card .card {
        height: 420px;
    }

    #eight-boxes .card {
        height: 530px !important;
    }

    .mob-pad-remove .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #shadow {
        width: 100%;
        clip-path: none;
    }

    .d365-cover::after {
        width: 100%;
        clip-path: none;
    }


    #d365-header {
        background-image: none;
    }

    #shadow .col-md-10 {
        top: 0;
    }

    #shadow {
        display: flex;
        align-items: center;
    }

    #board-sec .row {
        display: flex;
        flex-direction: column;
    }

    .button-yellow {
        font-size: 12px !important;
    }

    #board-sec .card {
        height: 420px;
        margin-top: 10%;
    }

    #board-sec .blue-icons-small {
        margin-top: 10%;
    }

    #board-sec .col-md-8 {
        max-width: 100%;
        margin-bottom: 8%;
    }

    .d365-up-skew, .d365-down-skew {
        clip-path: none;
    }

        .d365-up-skew h2 {
            margin-top: 0 !important;
        }

    #d365-cust .row, #d365-emp .row, #d365-partner .row, #d365-commu .row, #d365-creative .row {
        display: flex;
        flex-direction: column;
    }

    #d365-partner {
        height: 1170px;
    }

    #d365-cust {
        height: 1022px;
    }

        #d365-cust .cont-center, #d365-emp .cont-center {
            display: flex;
            justify-content: center;
            margin-top: 85%;
        }

    #d365-partner .cont-center {
        display: flex;
        justify-content: center;
        margin-top: 78%;
    }


    #d365-creative .cont-center {
        display: flex;
        justify-content: center;
        margin-top: 20%;
    }

    #d365-commu .cont-center {
        display: flex !important;
        align-items: center !important;
        margin-top: 85%;
    }

        #d365-commu .cont-center p {
            text-align: center;
        }

    #d365-cust .pull-left-1, #d365-partner .pull-left {
        left: 0;
    }

    #d365-cust #right-side-nose {
        bottom: 480px;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }

    #d365-cust #right-side-nose {
        bottom: 345px;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }

    #d365-partner #right-side-nose {
        bottom: 490px;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }

    #d365-emp .col-md .width-80 {
        width: 80% !important;
    }

    #d365-emp .push-right, #d365-commu .push-right {
        right: 0;
    }

    #d365-emp #left-side-nose .col-md {
        bottom: 705px;
    }

    #d365-commu #left-side-nose .col-md {
        bottom: 935px;
    }

    #right-side-nose, #left-side-nose {
        width: 100%;
        margin: 0 auto;
    }

        #right-side-nose ul, #left-side-nose ul {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            #right-side-nose ul li {
                right: 0 !important;
                width: auto !important;
            }

            #left-side-nose ul li {
                left: 0 !important;
                width: auto !important;
            }

    #overlay-button-part {
        position: relative;
        top: -25px;
    }

    #ribbon-box .row {
        margin: 0 auto;
    }

        #ribbon-box .row .card .col-md {
            height: 30%;
            font-size: 20px;
        }

    #ribbon-box {
        margin-top: 20%;
    }

    #d365-header {
        margin-top: 52px;
        height: 300px;
        background-image: none;
    }

        #d365-header .page-tittle-head {
            margin-bottom: 0 !important;
        }

    .d365-up-skew, .d365-down-skew {
        padding: 0;
    }

    #d365-partner h2 {
        margin-top: 10%;
    }

    #d365-cust ul, #d365-emp ul, #d365-partner ul, #d365-commu ul {
        font-size: 16px;
    }

    #d365-creative img {
        width: 100% !important;
    }

    #d365-commu h2 {
        text-align: center;
    }

    #shadow {
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .button-yellow {
        padding: 16px 85px;
    }

    .button-wrapper a {
        font-size: 16px !important;
    }

    #d365-creative .button-yellow, #overlay-button-commu .button-yellow, #overlay-button-part .button-yellow, #overlay-button-emp .button-yellow, #overlay-button-cust .button-yellow {
        padding: 17px 35px;
    }

    #support-boxes .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #testi-side .container-fluid, #testi-side .container, #scroll-content .container-fluid, #scroll-content .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #scroll-content .button-wrapper a {
        font-size: 12px !important;
    }

    #as400-modern-banner .banner-desc {
        text-align: center;
    }

    #as400-modern-banner .col-md-12 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .page-tittle .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .c_challenge .equal_divide {
        margin-left: 40px !important;
        margin-right: 40px !important;
        text-align: left;
    }

    .solution-divitions {
        margin-left: 0px !important;
    }

    .technology_Stack ul {
        width: 100%;
        margin: 0 2em;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    #contact-us .col-md:last-child .pr-5 {
        padding-right: 0 !important;
        margin-top: 15%;
    }

    #life .carousel-item img {
        display: block !important;
    }
}

@media (max-width: 1280px) {

    #mobile-app-needs .card {
        height: 340px;
    }

    #as-sup-plans.sam-plans .eut-pricing-table ul li {
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #sam-blog .card {
        min-height: 280px;
        margin-bottom: unset !important;
    }

    #sam-service .card {
        min-height: 420px;
    }

    #sam-sup .row .col-lg-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 2rem;
    }

    #sam-sup .row {
        flex-direction: column;
    }

    #sam-pro .col-lg a {
        margin-top: 2rem;
    }

    #sam-pro .row .col-lg {
        flex-direction: column;
    }

    #cm-road .image-text-2 {
        left: 34em !important;
        top: 8em !important;
    }

    #rpa-owl-service.ma-mobile .orange-btn {
        margin-top: 2em;
    }

    #ma-barrier .row .card .card-body p {
        width: unset;
    }

    .ma-form .mob-form-text-wrap {
        left: 10vh;
    }

    #ma-barrier .row .card .card-body p::before {
        left: 4px;
    }

    #as400-docu-need .row.box-back .col-md-2:first-child i {
        margin-left: 2.5em !important;
    }

    #as400-bene .row:last-child .col-md:first-child {
        left: 3.5em !important;
    }

    #as400-bene .row:last-child .col-md:nth-child(2) {
        left: 3em !important;
    }

    #as400-bene .row:last-child .col-md:nth-child(3) {
        left: 3em !important;
    }

    #as400-bene .row:last-child .col-md:last-child {
        left: 2.5em !important;
    }

    #as400-bene .row:last-child .col-md i {
        margin-right: 2.2em !important;
    }

    #as400-bene .row:last-child .col-md {
        height: 215px !important;
    }
}

@media (max-width:1199.98px) {

    #data-buyer .card {
        height: 230px;
    }

    .board-wrap .carousel-control-next, .carousel-control-prev {
        display:none !important;
    }

    .why-card {
        height: 290px;
    }

    .features .feature-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 1rem;
    }

    .normal-view-ul .nav-item {
        margin: 1rem 0;
    }

    #success-qa .card{
        height:200px;
    }

    .page-tittle.page-tittle-xl {
        margin-top: -25px !important;
    }

    #fixed-price-challenge {
        display: none;
    }

    #fixed-price-challenge-mob {
        display: block !important;
    }

    #app-main-challenge.fixed-price-challenge .card {
        margin-bottom: 1em;
        height: 90px !important;
    }

    #pe-partner .row .card {
        min-height: 275px !important;
    }

    #policy-vision li::before, #policy-obj li::before {
        content: "\f0a4";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -1.3em !important;
        width: 1.3em;
        color: #F86F22;
        position: unset !important;
    }

    #about-leader .card .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 2rem;
    }

    #cm-road-mob .card {
        height: 220px;
        margin: 1em 0;
    }

    #cm-road-mob {
        display: block !important;
    }

    #cm-road {
        display: none;
    }

    #cm-approach .image-text-4 {
        left: 37em !important;
        top: 19em !important;
    }

    #cm-approach .image-text-2 {
        left: 16em !important;
        top: 19em !important;
    }

    #cm-approach .image-text-5 {
        left: 47em !important;
        bottom: 18em !important;
    }

    #cm-approach .image-text-3 {
        left: 26em !important;
        bottom: 18em !important;
    }

    #cm-approach .image-text-1 {
        left: 4em !important;
        bottom: 18em !important;
    }

    .head-button {
        padding: 1em 3em;
        font-size: 14px;
    }

    #cm-road .image-text-3 {
        left: 53em !important;
        top: 1em !important;
    }

    #cm-road .image-text-2 {
        left: 29em !important;
        top: 8em !important;
    }

    #gui-our-approach .image-text-5 {
        position: absolute;
        right: 10em !important;
        top: 39em !important;
    }

    #gui-our-approach .image-text-4 {
        position: absolute;
        left: 10em !important;
        top: 29em !important;
    }

    #gui-our-approach .image-text-3 {
        position: absolute;
        right: 5em !important;
        top: 20em !important;
    }

    #gui-our-approach .image-text-2 {
        position: absolute;
        left: 10em !important;
        top: 11em !important;
    }

    #gui-our-approach .image-text-1 {
        position: absolute;
        right: 7em !important;
    }

    .gui-solu .tab-pane .row:last-child .col-md-7 .row .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #data-challenge .row .col-lg-7 .card {
        height: 230px !important;
    }

    #app-modern-service .card img {
        top: 9em !important;
    }

    #app-modern-challenges .row:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #app-modern-challenges .row:last-child .col-md {
            display: none;
        }

    #app-modern-challenges .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #app-modern-journey-mob {
        display: block !important;
    }

    #app-modern-journey {
        display: none;
    }

    #app-modern-why .app-why-text-wrap .image-text-4 {
        left: 45em !important;
        top: 14em !important;
    }

    #app-modern-why .app-why-text-wrap .image-text-2 {
        left: 19em !important;
        top: 14em !important;
    }

    #app-modern-why .app-why-text-wrap .image-text-3 {
        left: 31em !important;
        bottom: 13em !important;
    }

    #app-modern-why .app-why-text-wrap .image-text-1 {
        left: 6em !important;
        bottom: 13em !important;
    }

    #app-modern-ser .row .col-lg-6:last-child .card .path-list {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #app-modern-ser .card .col-md-5 {
        display: none;
    }

    .banner-logo {
        width: 35% !important;
        bottom: 17em !important;
        right: 33em !important;
    }

    #legacy-challenge .card {
        height: 160px;
    }

    #legacy-solution .card {
        height: 195px;
    }

    #devops-why .container {
        max-width: 90%;
    }

    #dev-org .card {
        height: 230px !important;
    }

    #app-main-challenge .card, #app-main-solutions .card {
        height: 142px !important;
    }

    #as400-path-wrap.modern-sense .row .col-md .card {
        height: 350px !important;
    }

    #modern-approach .image-text-4 {
        position: absolute;
        left: 42em !important;
        top: 13.5em !important;
    }

    #modern-approach .image-text-2 {
        position: absolute;
        left: 18em !important;
        top: 13.5em !important;
    }

    #modern-approach .image-text-5 {
        position: absolute;
        bottom: 12em !important;
        left: 48em !important;
    }

    #modern-approach .image-text-3 {
        position: absolute;
        bottom: 12em !important;
        left: 28em !important;
    }

    #modern-approach .image-text-1 {
        position: absolute;
        bottom: 12em !important;
        left: 5em !important;
    }

    #as400-path-wrap.modern-sense .container {
        max-width: 95%;
    }

    #modern-compare .comp-arrow {
        left: 13.9em !important;
        top: 7.5em !important;
    }

    #as400-reap .card .card-body .reap-image img {
        width: 65% !important;
    }

    #as400-real-mile .image-text-wrap .image-text-4 {
        left: 35.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-2 {
        left: 15.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-5 {
        left: 43.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-3 {
        left: 24.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-1 {
        left: 5.5em !important;
        width: 230px !important;
    }

    #quality-flow .flow-text-one {
        left: 3.5em;
    }

    #quality-flow .flow-text-three {
        left: 24em;
    }

    #quality-flow .flow-text-five {
        left: 45em;
    }

    #quality-flow .flow-text-two {
        left: 14em;
    }

    #quality-flow .flow-text-four {
        left: 34em;
    }

    #as400-path-wrap .row .col-md .card .card-body .col-md-5 {
        display: none;
    }

    #iseries-dev-plan .row .col-md:last-child .card .card-price p {
        margin-left: 5em;
    }

    #cloud-rolodex .row:last-child {
        margin-top: 20em !important;
    }

    #cloud-rolodex .card {
        height: 200px !important;
    }

    #cloud-rolodex .second-hook img {
        width: 5% !important;
        left: 42em !important;
        top: -28em !important;
    }

    #cloud-rolodex .first-hook img {
        width: 5% !important;
        left: 20em !important;
        top: -28em !important;
    }

    #cloud-compare h3 {
        padding: 0 2em !important;
    }

    #cloud-compare .cloud-box .ccl-1, #cloud-compare .cloud-box .ccl-2, #cloud-compare .cloud-box .ccl-3, #cloud-compare .cloud-box .ccl-4, #cloud-compare .cloud-box .ccl-5 {
        left: 3.2em !important;
    }

    #cloud-compare .cloud-box {
        display: none !important;
    }

    .ma-form .mob-form-text-wrap {
        left: 7vh;
    }

    #ma-barrier .row:last-child .col-md {
        padding: 0 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: revert;
    }

    #ma-barrier .row .card .card-body p::before {
        left: 4px;
        bottom: 50px;
    }

    #ma-barrier .card {
        min-height: 215px;
    }

    .ma-help-text-2 {
        top: 2em;
        left: 35em;
    }

    .ma-help-text-4 {
        top: 2em;
        left: 14em;
    }

    .ma-help-text-5 {
        bottom: 12em;
        left: 45em;
    }

    .ma-help-text-1 {
        bottom: 12em;
        left: 3em;
    }

    .ma-help-text-3 {
        bottom: 12em;
        left: 24.5em;
    }


    #rpa-owl-service.ma-mobile #slider-rpa {
        width: unset;
    }

    #as400-bene .row:last-child .col-md {
        height: 215px !important;
        top: 6em !important;
    }

        #as400-bene .row:last-child .col-md i {
            margin-right: 1.7em !important;
            margin-bottom: 1em;
        }

    #as400-docu-need .row.box-back::after {
        width: 80% !important;
    }

    #as400-bene .row:last-child .col-md .hex-1-text {
        position: absolute;
        left: -2em;
        top: 14em;
    }

    #as400-bene .row:last-child .col-md .hex-3-text {
        position: absolute;
        left: -2em;
        top: 14em;
    }

    #as400-bene .row:last-child .col-md .hex-2-text {
        position: absolute;
        left: -2em;
        top: -8em !important;
        padding: 1em;
    }

    #as400-docu-need .row.box-back .col-md-2 {
        padding: 0 5px !important;
    }

    #as400-docu-need .row.box-back:nth-child(2) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(3) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(4) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(5) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(6) .col-md-2:first-child {
        flex-direction: column;
    }


    #as400-docu-need .row.box-back .col-md-2:first-child i {
        margin-left: 1em !important;
        margin-bottom: 0.2em !important;
    }

    .app-why .row:last-child .col-md-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #app-approach .box::before {
        width: 276px;
        height: 276px;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard ul {
        font-size: 0.9em;
    }

    #app-approach .card {
        height: 230px;
    }


    .pe-our-approach .container-fluid {
        padding: 0 2em;
    }

    .pe-our-approach h6 {
        font-size: 14px;
    }

    .modernize-card-body {
        min-height: 550px;
    }

    #rpa-edu-case .child-tab .nav-item {
        margin-bottom: 10px;
        margin-left: 12px;
        width: 12em;
    }

    #rpa-owl-mobile {
        display: none;
    }

    #rpa-wave-box {
        margin-top: 5em !important;
    }

    #mobile-nav .nav-logo {
        width: 19% !important;
    }

    #rpa-wave-box .col-md .card img {
        width: 40%;
    }

    #rpa-owl-service #slider {
        margin: 0 24.5em;
    }

    #as400-path-wrap .carousel-indicators li {
        padding: 3em 2em;
        font-size: 1em;
    }

    #as400-path-wrap .carousel-indicators {
        top: -76px;
    }
}

@media (max-width: 991.98px) {

    #data-buyer .card {
        height: 300px;
    }

    .row.todo .col-12 {
        top: 0.5rem;
    }

    #nav-tabContent .det-wrap img {
        display: none;
    }

    #nav-tabContent .tab-pane .col-md-6 {
        width: 100%;
    }

    #nav-tabContent .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #profile-tab-pane .nav-tabs .nav-link {
        margin: 1rem;
    }

    #profile-tab-pane .nav-tabs {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .form-arrow-img {
        transform: scaleY(-1);
    }

    #edtech-form .col-md-6 {
        width: 100%;
    }

    #edtech-form .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .why-choose .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #pills-tabContent .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .app-details .col-md-5, .app-details .col-md-7 {
        width: 100%;
    }

    .app-details .row {
        display: flex;
        flex-direction: column;
    }

    #solve-qa .card {
        height: 410px;
    }

    #backdrop .card{
        height:51rem;
    }

    #story-part .row .col-lg-4, #lending-ipaas .row .col-lg-4{
        order: 2;
    }

    #story-part .row, #ipaas .row, #lending-ipaas .row {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    #as-sup-plans .eut-row {
        justify-content: unset;
        overflow-x: auto;
        padding: unset;
    }

    .page-tittle.page-tittle-xl {
        margin-top: -25px !important;
    }

    .sam-form {
        background-position: 35% !important;
    }

    #sam-blog .row .col-lg {
        text-align: center !important;
    }

    #sam-blog .row {
        flex-direction: column;
    }

    #sam-tool .list-box ul li {
        width: 45% !important;
    }

    #sam-sup .row {
        flex-direction: column;
        text-align: center;
    }

    #sam-pro .row .col-lg {
        text-align: center;
    }

    #rpa-imp-calc .row:nth-child(2) .col-lg-6:nth-child(2) {
        padding-top: unset !important;
    }

    .document-wrap .col-lg-6, #calc-wrapper1 .col-lg-6 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #rpa-imp-calc .col-lg-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #cs-intro .col-lg-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #rpa-imp-calc .row:first-child .col-lg-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    #rpa-imp-calc .row:first-child {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #app-main-challenge .card .card-body, #app-main-solutions .card .card-body {
        flex-direction: column !important;
        text-align: center;
        justify-content: center !important;
    }

    #app-main-challenge.fixed-price-challenge .card {
        margin-bottom: 1em;
        height: 150px !important;
    }

    .lsq-form-wrapper .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #pe-help .card img {
        width: 60% !important;
    }

    #policy-obj li {
        width: unset !important;
    }

    #policy-obj ul {
        list-style: none;
        padding: 0;
        flex-direction: column;
    }

    #about-intro img {
        width: 100% !important;
    }

    #about-tenets img {
        width: 100% !important;
    }

    #about-tenets .card {
        margin-bottom: unset;
        width: 100% !important;
    }

    #about-diff .col-lg-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #about-diff .col-lg-5 {
        display: none;
    }

    #dev-expertise img {
        width: 8em !important;
    }

    #dev-comp .card {
        border: unset !important;
    }

    .edi-tab.cm-migra .tab-content .fa-thumbs-up::before {
        font-size: unset;
    }

    .edi-tab.cm-migra .tab-content img {
        display: none;
    }

    .edi-tab.cm-migra .tab-content .col-md {
        display: block !important;
    }

    #cm-approach {
        display: none;
    }

    #cm-approach-mob {
        display: block !important;
    }

    #gui-our-approach .image-text-4 {
        position: absolute;
        left: 5em !important;
        top: 21em !important;
    }

    #gui-our-approach .image-text-2 {
        position: absolute;
        left: 4em !important;
        top: 7em !important;
    }

    #gui-our-approach .image-text-5 {
        position: absolute;
        right: 4em !important;
        top: 28em !important;
    }

    #gui-our-approach .image-text-3 {
        position: absolute;
        right: -1em !important;
        top: 14em !important;
    }

    #gui-our-approach .image-text-1 {
        position: absolute;
        right: 1em !important;
    }

    .gui-ben img {
        display: none;
    }

    .gui-solu .tab-pane .row:first-child .col-md {
        display: block !important;
    }

    .gui-solu .tab-pane .row:last-child .col-md {
        display: block !important;
        margin-top: 2em;
    }

    .gui-solu .tab-content .col-md.tool-trade {
        display: block !important;
        margin: 0 !important
    }

    #gui-key .row:nth-child(2) .col-lg-3:nth-child(3) img {
        margin-top: 0 !important;
    }

    #gui-key img {
        width: 60% !important;
        margin-top: 3em;
    }

    #data-upgrade .card h5 {
        font-size: initial !important;
    }

    #data-upgrade .card {
        margin: 15px;
    }

    #data-challenge img {
        display: none;
    }

    #ux-advantage .fa-thumbs-up::before {
        top: unset !important;
        left: unset !important;
        font-size: unset !important;
    }

    #ux-offer .row:last-child .col-lg-8 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ux-offer .row:nth-child(2) .ux-offer-col .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ux-offer .row:nth-child(2) .ux-offer-col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #ux-offer .row:nth-child(2) .col-lg-4 {
        display: none;
    }

    #ux-intro .row {
        flex-direction: column;
    }

    #app-modern-service .card img {
        display: none;
    }

    #lsq-form-wrapper #mx_GDPR_Check_Box {
        width: auto !important;
        margin-bottom: 0.5em !important;
    }

    .lsq-form-wrapper {
        line-height: 1.5;
        padding: 2em;
        max-width: 400px;
        margin: 0 auto;
        background: #fff;
        width: 100%;
    }

        .lsq-form-wrapper .label-placement.top .field-control {
            margin: 0 auto;
            position: relative !important;
            clear: left;
            display: flex;
            justify-content: center;
        }

    #lsq-form-wrapper input {
        width: 100% !important;
        margin-bottom: 0.5em !important;
    }

    #lsq-form-wrapper .lp-form .lp-form-column {
        flex-direction: column;
    }

    #app-address .col-md {
        flex-direction: column;
    }

    #app-modern-why-mob .card p {
        margin: 0;
    }

    #app-modern-why-mob .card {
        height: 150px;
    }

    #app-modern-why {
        display: none !important;
    }

    #app-modern-why-mob {
        display: block !important;
    }

    #approach-modern .col-md-6:nth-child(4) .card {
        border-bottom: 1px solid #ccc !important;
    }

    #approach-modern .col-md-6:nth-child(3) .card {
        border-right: 1px solid #ccc !important;
    }

    #approach-modern .col-md-6:nth-child(3) .card, #approach-modern .col-md-6:nth-child(5) .card {
        border-left: unset !important;
    }

    #approach-modern .col-md-6:nth-child(2) .card, #approach-modern .col-md-6:nth-child(4) .card {
        border-right: unset !important;
    }

    #app-modern-ser .card {
        height: 190px !important;
    }

    #app-modern-strip i {
        font-size: 1em !important;
    }

    #app-modern-strip {
        display: block !important;
    }

    #app-modern-banner .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #app-modern-banner {
        background-image: unset !important;
        background: #efefef !important;
    }

    .edi-tab .tab-content .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .edi-tab .tab-content .col-md {
        display: none !important;
    }

    .edi-tab .tab-content .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #api-why .fa-thumbs-up::before {
        font-size: unset !important;
    }

    #api-solve .row:last-child .col-lg-3:nth-child(5) .card, #api-solve .row:last-child .col-lg-3:nth-child(6) .card {
        border-bottom: 1px solid #efefef !important;
    }

    #api-solve .row:last-child .col-lg-3:nth-child(2) .card, #api-solve .row:last-child .col-lg-3:nth-child(6) .card {
        border-right: unset;
    }

    #legacy-benefits .row:nth-child(2) .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #legacy-benefits .row:nth-child(2) .col-md.img-wrap {
        display: none;
    }

    #legacy-solution .row:nth-child(2) .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #legacy-solution .row:nth-child(2) .col-md {
        display: none;
    }

    #legacy-challenge .row:nth-child(2) .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #legacy-challenge .row:nth-child(2) .col-md {
        display: none;
    }

    #dev-org .card {
        height: unset !important;
    }

    #app-main-service .card .fa-thumbs-up::before {
        font-size: inherit;
    }

    #app-main-service .card .h5, #app-main-service .card h5 {
        font-size: 1.25rem !important;
    }

    #app-main-service .card {
        height: unset !important;
    }

    #app-main-challenge .row:last-child .col-md-7 .row, #app-main-solutions .row:nth-child(2) .col-md-7 .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #app-main-challenge .card i, #app-main-solutions .card i {
        margin-right: unset;
        margin-bottom: 0.5em;
    }

    #app-main-challenge .row:last-child .col-md-7, #app-main-solutions .row:nth-child(2) .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #app-main-challenge .row:last-child .col-md.img-wrap {
        display: none;
    }

    #app-main-solutions .row:nth-child(2) .col-md.img-wrap {
        display: none;
    }

    #app-main-challenge .card .card-body, #app-main-solutions .card .card-body {
        flex-direction: column !important;
        text-align: center;
    }

    #modern-compare .comp-arrow {
        left: 19.9em !important;
        top: 4.5em !important;
    }

    #modern-approach .image-text-4 {
        position: absolute;
        left: 30em !important;
        top: 10em !important;
    }

    #modern-approach .image-text-2 {
        position: absolute;
        left: 13em !important;
        top: 10em !important;
    }

    #modern-approach .image-text-5 {
        position: absolute;
        bottom: 9em !important;
        left: 35em !important;
    }

    #modern-approach .image-text-3 {
        position: absolute;
        bottom: 9em !important;
        left: 19em !important;
    }

    #modern-approach .image-text-1 {
        position: absolute;
        bottom: 9em !important;
        left: 1em !important;
    }

    #as400-path-wrap.modern-sense .row .col-md .card {
        height: 290px !important;
    }

    #as400-path-wrap.modern-sense .card .col-md-4 {
        display: none;
    }

    #modern-compare .row .col-md:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3em;
    }

        #modern-compare .row .col-md:first-child img {
            width: 60% !important;
        }

    #modern-compare .row {
        flex-direction: column;
    }

    .as400-strip .row .col-md:nth-child(2), .as400-strip .row .col-md:nth-child(3), .as400-strip .row .col-md:nth-child(4), .as400-strip .row .col-md:nth-child(5) {
        width: 50% !important;
    }

    .as400-strip .icon-wrap {
        margin-right: unset !important;
        font-size: 2.5em;
    }

    .as400-strip .col-md {
        flex-direction: column;
        text-align: center;
    }

    #as400-reap .card .card-body .reap-image img {
        width: 45% !important;
    }

    #as400-rpa-boxes .row.mt-3, .my-3 {
        margin-top: 0rem !important;
    }

    #as400-rpa-boxes .col-md-6 {
        margin-bottom: 1em;
    }

    #as400-real-mile .image-text-wrap .image-text-4 {
        left: 26.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-2 {
        left: 7.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-5 {
        left: 35.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-3 {
        left: 17.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .image-text-wrap .image-text-1 {
        left: -1.5em !important;
        width: 230px !important;
    }

    #as400-real-mile .col-md img {
        width: 100% !important;
    }

    #quality-flow .flow-text-one {
        left: -0.5em;
        top: -1.5em;
    }

    #quality-flow .flow-text-three {
        left: 17em;
        top: -1.5em;
    }

    #quality-flow .flow-text-five {
        left: 34em;
        top: -1.5em;
    }

    #quality-flow .flow-text-two {
        left: 8em;
        top: 15.5em;
    }

    #quality-flow .flow-text-four {
        left: 25em;
        top: 15.5em;
    }

    .as400-form .row:first-child .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .as400-objectives .col-md-4 {
        margin: 1em 0;
    }

    #as400-path-wrap .row .col-md .card {
        height: 325px;
        width: 400px;
    }

    #mobile-nav .nav-logo {
        width: 25% !important;
    }

    #build-iseries .col-md-6 {
        margin-bottom: 2em;
    }

    #iseries-dev-plan .row:last-child .col-md .card {
        width: 550px;
    }

    #iseries-dev-plan .row:last-child .col-md {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #iseries-dev-plan .row:last-child .col-md:first-child {
            margin-bottom: 2em;
        }

    #inte-service .container {
        max-width: 90% !important;
    }

    #inte-service .row .col-md .card {
        height: 160px !important;
        width: 100%;
    }

    #cloud-rolodex .row:last-child {
        margin-top: 25em !important;
    }

    #cloud-rolodex .card {
        height: 250px !important;
    }

    #cloud-rolodex .second-hook img {
        display: none !important;
    }

    #cloud-rolodex .first-hook img {
        display: none !important;
    }

    #cloud-rolodex .container {
        max-width: 90%;
    }

    .cloud-tab .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .cloud-tab img {
        display: none;
    }

    #cloud-compare .button-wrapper {
        margin: 0 !important;
    }

    #ma-barrier .card {
        min-height: 240px;
    }

    .ma-form .mob-form-text-wrap {
        left: 0vh;
    }

    #ma-partner .row:last-child .col-md .card {
        min-height: 235px;
    }

    .ma-help-text-5 {
        bottom: 9em;
        left: 31em;
    }

    .ma-help-text-2 {
        top: 2em;
        left: 23em;
    }

    .ma-help-text-4 {
        top: 2em;
        left: 8em;
    }

    .ma-help-text-3 {
        bottom: 9em;
        left: 15.5em;
    }

    .ma-help-text-1 {
        bottom: 9em;
        left: 0em;
    }

    #ma-mobile .row:nth-child(2) {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ma-mobile {
        display: block;
    }

    #as400-bene .row:last-child .col-md {
        top: 9em !important;
    }

    #as400-bene .h5, #as400-bene h5 {
        font-size: 1.5em !important;
    }

    #as400-bene-mob .h5, #as400-bene-mob h5 {
        font-size: 2em !important;
    }

    #as400-bene .row:last-child .col-md .hex-3-text {
        position: absolute;
        left: -2em;
        top: 13em !important;
    }

    #as400-bene .row:last-child .col-md .hex-1-text {
        position: absolute;
        left: -4em;
        top: 13em !important;
    }

    #as400-bene .row:last-child .col-md {
        font-size: 0.85em;
    }

        #as400-bene .row:last-child .col-md .hex-2-text {
            position: absolute;
            left: -2em;
            top: -7em !important;
            padding: unset;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

    #as400-bene .row:last-child .col-md {
        height: 145px !important;
    }

        #as400-bene .row:last-child .col-md i {
            margin-right: 2.5em !important;
            font-size: 2em !important;
        }




    #as400-docu-need .row.box-back::after {
        width: 70% !important;
    }

    #as400-docu-need .row.box-back .col-md-2 .card p {
        font-size: 0.8em;
    }

    #as400-docu-need .row.box-back .col-md-2 .card .card-body {
        padding: 0.8em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #as400-zone .row:last-child .col-md .card.width-80 {
        width: 100% !important;
    }

    .app-why .row:last-child .col-md-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard ul {
        font-size: 1em;
    }

    #app-approach h5 {
        font-size: 1.4em !important;
    }

    #app-offer .tab-pane .row {
        flex-direction: column;
    }

    #app-offer .off-attr {
        flex-direction: column;
    }

        #app-offer .off-attr li {
            margin-bottom: 1em !important;
        }

            #app-offer .off-attr li:last-child {
                margin-bottom: unset !important;
            }

    .pe-our-approach .row:last-child .col-md-6 .newsCard {
        margin-bottom: 2em;
    }

    .pe-our-approach h5 {
        font-size: 1.5em !important;
    }

    .pe-our-approach h6 {
        font-size: 1.3em;
    }

    .pe-our-approach .container-fluid {
        padding: 0 10em;
    }

    .our-approach .col-md-6 {
        margin-bottom: 2em;
    }

    .modernize-card {
        margin-bottom: 2em;
    }

    .modernize-card-body {
        min-height: 400px;
    }

    #rpa-edu-indu .container {
        max-width: 90%;
    }

    #rpa-edu-case .child-tab .nav-item {
        margin-bottom: 10px;
        margin-left: 12px;
        width: 12em;
    }

    .cloud-banner {
        background-position: 12% !important;
    }

    #rpa-wave-box .col-lg .card {
        display: flex;
        flex-direction: column;
        padding: 1em;
        border-left: 6px solid #2EAA91;
        height: 200px;
    }

    #rpa-wave-box .card img {
        width: 60% !important;
        margin-top: 20px;
    }

    #rpa-wave-box .card {
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #rpa-wave-box .card .card-body {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: unset !important;
        }

    #rpa-owl-mobile .row .col-md-6 .rpa-box-wrapper {
        box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2) !important;
    }

    #rpa-owl-mobile .rpa-box-wrapper i {
        color: #fff;
    }

    #rpa-owl-mobile .rpa-box-wrapper h5 {
        color: #fff;
        font-size: 1.5em !important;
    }

    #rpa-owl-service {
        display: none;
    }

    #rpa-owl-mobile {
        display: block;
    }

    #as400-path-wrap .carousel-inner {
        min-height: 400px;
    }

    #rpa-succ .row:last-child .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 3em;
    }

    #rpa-manu .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #rpa-adven .card {
        width: 100%;
    }

    .black-board-text .h5, h5 {
        font-size: 1em !important;
    }

    .home-service-slide .carousel-indicators li.active::before {
        top: 53px;
    }

    .home-service-slide .carousel-indicators li {
        height: 2.6em;
        font-size: 1.2em;
    }

    .home-service-slide .carousel-inner {
        padding: 0 4em;
        z-index: 9999;
    }

    #Three-musc .icon-back, #Three-musc .icb-right {
        display: none;
    }

    #Three-musc .features-block-3 .features-info {
        padding-left: unset;
    }

    .rpa-insurance .col-md-4 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        height: 300px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 959.98px) {

    #testimo .carousel-caption {
        top: 15%;
    }

    #as400-path-wrap img {
        width: 75%;
        height: auto;
    }

    #as400-path-wrap .row .col-md .card .card-body .col-md-5 {
        display: block;
    }

    #as400-path-wrap .row:last-child {
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #as400-path-wrap .row .col-md .card {
        height: auto;
        width: auto;
    }

    .banner-height {
        background-position: 35% 35% !important;
    }

    #pe-scroll-content .icon-arrow-left7 {
        left: -55px;
    }

    #pe-scroll-content .icon-arrow-right7 {
        right: -55px;
    }

    .pe-our-approach h6 {
        font-size: 1em;
    }

    .black-board-text .h5, h5 {
        font-size: 1em !important;
    }

    .home-service-slide .carousel-indicators li.active::before {
        top: 45px;
    }

    .home-service-slide .carousel-indicators li {
        height: 2.6em;
        font-size: 1em;
    }

    #Three-musc .carousel-item {
        min-height: unset !important;
        height: unset !important;
    }
}

@media (max-width: 767.98px) {

    #data-buyer .card {
        height: auto;
    }

    #data-workflow .col-lg-4 {
        padding: 1rem 3rem !important;
    }

    #data-industries .card {
        height: auto !important;
    }

   #mobile-app-advance-mob .carousel-indicators {
        bottom: 18%;
    }

    #mobile-app-advance-mob {
        display: block !important;
    }


    #mobile-app-advance{
        display:none;
    }

    #mobile-app-needs .card {
        height: auto;
    }

    .why-us-wrap {
        padding: 90px 10px 50px 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .feat-card-row-2 {
        margin-top: 0px !important;
    }

    .cta-section .col-12{
        text-align:center;
    }

    #pills-tabContent .col-md-6 {
        margin: 1rem 0;
    }

    .why-us-wrap {
        padding: 2rem !important;
    }

    .app-gif {
        margin-bottom: 2rem;
    }

    .cards-res {
        display: flex;
        flex-wrap: wrap;
    }

    .board-wrap .carousel-item {
        height: auto;
    }

    .journey-wrap{
        display:flex;
        flex-direction:column;
    }

    .why-card {
        height: 220px;
    }

    #about-testi .carousel-indicators {
        top: 20em;
    }

    #about-testi #carouselExampleControls {
        height: 20rem;
    }

    #testimo .carousel-caption {
        top: 0%;
    }

    #testimo .carousel-inner {
        height: 500px;
    }

    #form-section{
        background-position:100% !important;
    }

    #esp-used-crm .row .col-lg-5, #esp-workflow .col-lg-5 {
        order: 2;
    }

    .qa-ass-banner .button-wrapper {
        margin-top: 4rem !important;
    }

    #solve-qa .card {
        height: auto;
    }

    #backdrop .card {
        height: auto;
    }

    .page-tittle.page-tittle-xl {
        margin-top: 60px !important;
    }

    #first-walk{
        height:auto !important;
    }

    #hustle .row:nth-child(3) .col-lg-6, #hustle .row:last-child .col-lg-6 {
        order: 2;
    }

    #hustle .col-lg-2{
        display:flex;
        justify-content:center;
    }

    #hustle img{
        width:30%;
        margin-bottom:1rem;
    }

    #hustle .arrow{
        display:none;
    }

    #hustle {
        text-align: center;
    }

    #chis-outcome h2{
        text-align:center;
    }

    .lebermuth-cs-form{
        background-position:100% !important;
    }

    #green-grass .row:last-child{
        margin-top:2rem !important;
    }

    #green-grass .col-lg-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #green-grass img{
        display:none;
    }

    .mob-fix .col-md-7 {
        text-align: center;
    }

    #sam-tool .row:last-child .col-md-3 {
        display: flex;
        justify-content: center;
    }

    #sam-faq #accordionExample {
        flex-direction: column;
        height: 100%;
    }

        #sam-faq #accordionExample .col-lg-6 {
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

    #as-sup-plans .flex_box .equal_divide {
        margin-left: unset;
        margin-right: unset;
        margin-bottom: 40px;
    }


    #sam-tool .nav > li > a:hover, .nav > li > a:focus {
        border-right: unset !important;
    }


    #sam-tool .nav-tabs .nav-item {
        width: unset !important;
        display: flex;
        margin: 1em 0;
        background: #efefef;
        border: 1px solid;
        padding: 5px 25px;
    }

        #sam-tool .nav-tabs .nav-item.show .nav-link, #sam-tool .nav-tabs .nav-link.active {
            color: #fff;
            background: green;
            align-items: center !important;
            border: unset !important;
            border-right: unset !important;
            border-radius: unset;
            font-weight: bold;
            font-size: 1.3em;
            text-align: right;
            width: 100%;
            padding: 5px 25px;
        }

    #sam-tool .nav-tabs .nav-item {
        width: unset;
        display: flex;
        margin: 1em 0;
    }

    #sam-tool .nav-tabs {
        border-bottom: unset !important;
        border-right: unset !important;
        flex-direction: row !important;
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        height: 100%;
        width: 100%;
    }

    #sam-service .card {
        min-height: 100%;
    }

    .sam-form {
        background-position: 100% !important;
    }

    .rr-intro .col-lg-5, .rr-movie .row:nth-child(3) .col-lg-7, .rr-popcorn .col-lg-5 {
        order: 2;
    }

    .document-wrap .bottom-space {
        margin-top: 1.5rem;
    }

    .document-wrap .col-lg-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .document-wrap.mt-4.row {
        flex-direction: column;
    }

    .document-wrap .source-of-data {
        font-size: inherit !important;
    }

    .range-opt-wrap .col-md-3 {
        width: 25% !important;
    }

    .range-opt-wrap .col-md-4 {
        width: 33.33% !important;
    }

    #cs-solution {
        text-align: center;
    }

    #cs-compo ul li {
        width: 50%;
    }

    #cs-solution .row:nth-child(3) .col-lg-8 {
        order: 2;
    }

    #cs-solution img {
        width: 50% !important;
        margin-bottom: 1rem;
    }

    #as400-zone .row:first-child .col-md {
        flex-direction: column;
    }

    #as400-zone .col-md {
        display: flex;
        justify-content: center;
    }

    #fixed-price-challenge .row:nth-child(2) .col-lg, #fixed-price-challenge-mob .row:nth-child(2) .col-lg {
        padding: 0 15px !important;
    }

    #fixed-price-challenge-mob .card .card-body {
        border: 1px solid #efefef !important;
    }

    #fixed-price-challenge-mob .card {
        border: unset !important;
        margin-bottom: 2em !important;
        width: 70% !important;
    }

        #fixed-price-challenge-mob .card .card-header {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

    #form-section img {
        display: none;
    }

    #pe-help .card img {
        display: none;
    }

    #pe-help .card {
        height: unset !important;
    }

    .pe-isvs-strip .col-md .icon-wrap {
        margin: unset !important;
    }

    .pe-isvs-strip .col-md {
        flex-direction: column;
        text-align: center;
    }

    .page-tittle .col-md {
        text-align: center !important;
    }

    #policy-mission img, #policy-vision img, #policy-obj img {
        display: none;
    }

    #about-testi .carousel {
        position: relative;
        height: 185px;
    }

    .banner-about-us.page-tittle.page-tittle-xl {
        padding: 2em;
    }

    #about-diff {
        background-position: 60% !important;
    }

    #about-leader .col-lg-4 a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #about-leader .card {
        width: 70%;
    }

    #about-intro img, #about-tenets img {
        display: none;
    }

    #rel-prod .card {
        height: unset !important;
    }

    #app-modern-banner .button-wrap {
        display: block !important;
        margin-top: 2em !important;
    }

    #dev-expertise img {
        width: 9em !important;
    }

    #dev-expertise .col-md {
        flex-wrap: wrap;
    }

    .cm-migra .card-body {
        flex-direction: column !important;
    }

    .cm-migra .icon-wrap {
        justify-content: flex-start !important;
        margin-bottom: 0.5em;
    }

    .page-tittle .page-tittle-head {
        text-align: center !important;
    }

    #gui-our-approach-mob .row:last-child .col-md-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #gui-our-approach-mob .card h5 {
        font-weight: bold;
    }

    #gui-our-approach-mob .card {
        width: 350px;
    }

    #gui-our-approach {
        display: none;
    }

    #gui-our-approach-mob {
        display: block !important;
    }

    #gui-key .row:nth-child(2) .col-lg-3 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #gui-key .card {
        height: auto;
        width: 350px;
    }

    .page-tittle .page-tittle-head {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #data-upgrade .row:last-child .col-md-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #data-upgrade .card {
        width: 350px;
        height: auto !important;
    }

        #data-upgrade .card img {
            width: 30% !important;
        }

    #data-challenge .row .col-lg-7 .card {
        height: 180px !important;
    }

    #ux-banner {
        background-position: unset !important;
    }

    #ux-approach {
        display: none;
    }

    #ux-approach-mob {
        display: block;
    }

    .ux-form img {
        display: none;
    }

    #ux-approach .tab-content {
        margin-top: 3em;
    }

    #ux-approach .nav-tabs .nav-item a {
        width: 45%;
    }

    #ux-approach .nav-tabs .nav-item.show .nav-link, #ux-approach .nav-tabs .nav-link.active {
        width: 45%;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    #ux-approach .tab-pane img {
        display: none;
    }

    #app-modern-service .card img {
        display: block !important;
        top: 7em !important;
    }

    #approach-modern .row .col-lg-4:last-child:hover .card a {
        border: 1px solid #444 !important;
    }

    #approach-modern .row .col-lg-4:last-child .card a {
        color: #444 !important;
        font-size: 1rem !important;
        font-weight: bold !important;
    }

    #approach-modern .row .col-lg-4:last-child:hover .card a {
        border: 1px solid #444;
    }

    #approach-modern .row .col-lg-4:last-child:hover .card {
        background: transparent !important;
    }

    #approach-modern .row .col-lg-4:last-child .card {
        height: auto;
        width: 30em;
        border: unset !important;
        height: auto !important;
    }

    #app-modern-ser a {
        background: #2388D9;
        padding: 1em 2.5em !important;
        border-radius: 40px;
        color: #fff;
        font-size: 1rem !important;
        font-weight: bold !important;
    }

    #app-modern-ser .row .col-lg-6:last-child .card {
        border: unset !important;
        height: 250px;
        background: unset !important;
        box-shadow: unset !important;
        height: auto !important;
    }

    #single-line-form {
        display: none;
    }


    #app-modern-banner .banner-title.mt-5, #app-modern-banner .banner-title.my-5 {
        margin-top: 1rem !important;
    }

    #app-modern-banner .button-wrap {
        display: block !important;
        margin-top: 5em !important;
    }

    #approach-modern .row .col-lg-4 {
        padding: 15px !important;
    }

    #approach-modern .row .col-lg-4 {
        padding: unset !important;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px !important;
    }

    #app-modern-strip i {
        margin-right: unset !important;
    }

    #approach-modern .row .col-lg-4 .card {
        height: auto;
        width: 30em;
        border: 1px solid #ccc !important;
    }


    .banner-logo {
        width: 55% !important;
        margin: 0 auto;
    }

    #app-modern-banner .col-md-7, #app-modern-banner .col-md-7 .page-sub {
        text-align: center !important;
    }

    .lsq-form-wrapper {
        padding: unset !important;
    }

    #app-modern-strip .row {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #api-challenge {
        background: #efefef !important;
    }

    #api-solve .row:last-child .col-lg-3:nth-child(7) .card {
        border-bottom: 1px solid #efefef !important;
    }

    #api-solve .row:last-child .col-lg-3 .card {
        border-right: unset !important;
    }

    span.line {
        width: 40% !important;
    }

    #form-section .form-image {
        display: none;
    }

    #legacy-benefits .col-md-3 {
        width: 50% !important;
        display: flex;
        justify-content: flex-end;
    }

    #devops-why .col-lg-4 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #devops-why .img-responsive {
        display: block;
        max-width: 55%;
        height: auto;
    }

    #devops-why .card {
        height: unset;
        width: 450px;
    }


    #modern-compare .comp-arrow {
        left: 14.8em !important;
        top: 7.5em !important;
    }

    #form-section.modernize-form {
        margin-top: unset !important;
    }

    #as400-path-wrap.modern-sense .row .col-md .card {
        height: auto !important;
    }

    #modern-profile h4 {
        width: 100% !important;
    }

    #as400-path-wrap.modern-sense .container {
        max-width: 540px !important;
    }

    #as400-path-wrap img {
        width: 70%;
        height: auto;
    }

    #as400-path-wrap .row .col-md .card .card-body .col-md-5 {
        display: block;
    }

    #as400-path-wrap .row .col-md .card {
        height: 325px;
        width: unset;
    }

    #iseries-tools img {
        width: 50% !important;
    }

    #cloud-rolodex .rolodex img {
        width: 10% !important;
    }

    #cloud-rolodex .row:last-child {
        margin-top: 64em !important;
    }

    #form-section.ma-form {
        background-position: 55% 57% !important;
    }

    #ma-partner .row:last-child .col-md .card {
        min-height: 150px;
    }

    #form-section.ma-form .ma-form-first-line {
        display: block;
    }

    .ma-form .mob-form-text-wrap {
        display: none;
    }

    #ma-barrier .row .card .card-body p::before {
        left: 24px;
        bottom: 5px;
    }

    #ma-barrier .card {
        min-height: 170px;
        min-width: 400px;
    }

        #ma-barrier .card .card-body {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
        }

    #ma-mobile .row .phone-desc .icon-wrap img {
        display: none;
    }

    #ma-mobile .row .phone {
        min-height: unset;
    }

    #ma-mobile {
        display: block;
    }

    #rpa-owl-service.ma-mobile {
        display: none;
    }

    .ma-desktop-show {
        display: none;
    }

    .ma-mobile-show {
        display: block;
    }

    #ma-help {
        display: none;
    }

    #ma-help-mobile {
        display: block;
    }

    #as400-bene {
        display: none;
    }

    #as400-bene-mob .row:last-child .col-md i {
        font-size: 3em;
        color: green;
        margin-bottom: 0.5em;
    }

    #as400-bene-mob .row:last-child .col-md .card {
        width: 100%;
    }

        #as400-bene-mob .row:last-child .col-md .card .card-body {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

    #as400-bene-mob {
        display: block;
    }

    #as400-docu-need .row.box-back .col-md-2:first-child i {
        color: #fff !important;
    }

    #as400-docu-need .row.box-back:nth-child(2) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(3) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(4) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(5) .col-md-2:first-child, #as400-docu-need .row.box-back:nth-child(6) .col-md-2:first-child {
        flex-direction: column;
        margin-bottom: 2em;
        padding: 1em !important;
    }

    #as400-docu-need .row.box-back .col-md-2 .card p {
        font-size: inherit;
    }

    #as400-docu-need .row.box-back .col-md-2 h5 {
        margin-left: 0.5em;
        font-size: 2em !important;
        margin-bottom: unset !important;
        color: #fff !important;
        border-bottom: 2px solid #fff;
    }

    #as400-docu-need .row.box-back::after {
        background: unset !important;
    }

    #as400-zone .row:last-child .col-md {
        display: flex;
        justify-content: center;
    }

        #as400-zone .row:last-child .col-md .card.width-80 {
            width: 70% !important;
        }

    #as400-zone .red-zone, #as400-zone .orange-zone {
        margin-bottom: 3em !important;
    }


    #solu-back .row table {
        overflow: scroll;
    }

    #blog-main h4 {
        font-size: 1.2em;
    }

    #blog-main h3 {
        font-size: 1.4em !important;
    }

    #app-approach .singleService p {
        margin-bottom: unset;
    }

    .app-why .card {
        width: 100%;
    }

    #app-approach .box {
        display: none;
    }

    #app-approach .singleService {
        background: #fff;
        margin: 1em;
        padding: 2em;
        min-height: 210px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard {
        margin-bottom: 2em;
        width: 65%;
    }

    #app-offer .nav-tabs > li a {
        width: unset;
        height: unset;
        line-height: unset;
    }

    #mobile-nav .nav-logo {
        width: 30% !important;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard ul {
        font-size: 1em;
    }

    .pe-our-approach .newsCaption-content {
        margin: 0;
        margin-top: 2em;
    }

    .pe-our-approach .container-fluid {
        padding: 0px 8em;
    }

    #pe-scroll-content .owl-carousel .item {
        display: flex;
        justify-content: center;
    }

        #pe-scroll-content .owl-carousel .item .card {
            width: 350px;
        }

    .partner-with-us .row .col-md-4 {
        justify-content: center !important;
        align-items: center;
        width: 50%;
    }

    .partner-with-us .row .col-md-8 {
        text-align: center;
    }

    .pe-our-approach .arrow-img {
        display: none;
    }

    .pe-our-approach .row:last-child .col-md-6 {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pe-our-approach h6 {
        font-size: 1.4em;
    }


    .our-approach .col-md-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .our-approach .box {
        width: 300px;
    }

    .modernize-card {
        width: 324px;
    }

    #rpa-edu-indu .card1 {
        width: 300px;
        padding: 1em;
        margin-bottom: 1em;
    }

    .rpa-edu-mobile .owl-theme .owl-nav {
        display: none;
    }

    #rpa-edu-case .row:last-child .col-lg .nav-tabs .nav-link {
        width: 100%;
    }

    #rpa-edu-case .owl-carousel .item h5 {
        font-size: 1.5em !important;
        color: yellow;
    }

    .rpa-edu-mobile {
        display: block !important;
    }

    #rpa-edu-case {
        display: none;
    }


    #cm-prep .row .col-md:nth-child(2) .col-md, #cm-prep .row .col-md:last-child .col-md {
        margin-top: 1em;
        margin-bottom: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #cm-prep .newsCard {
        width: 50%;
    }

    #rpa-wave-box .card img {
        width: 25% !important;
    }

    #as400-reason .row:first-child .col-md:first-child .p-5 {
        padding: 0rem !important;
    }

    #as400-path-wrap .carousel-inner .carousel-item {
        background: #fff;
        margin-top: 30em;
        border-top: 1px solid #ccc;
        min-height: 340px;
    }

    #as400-path-wrap .carousel-indicators {
        top: -46em;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        #as400-path-wrap .carousel-indicators li {
            padding: 3em 0em;
        }

    #as400-path-wrap .carousel-inner .carousel-item {
        min-height: 565px;
    }

    #rpa-manu-tab {
        display: none;
    }

    #rpa-succ .row:last-child .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 3em;
    }

    .rpa-manu-tab-mob .row:first-child .col-md img {
        width: 40%;
    }
}


@media (max-width: 575.98px) {

    #mobile-app-advance-mob .card {
        height: 280px !important;
    }

    #myTab .nav-item {
        padding: 5px 45px;
        width: 100%;
    }

    #myTab .nav-item button{
        border-radius:unset !important;
    }

    .main-title .h1-span {
        font-size: 3rem !important;
    }

    .main-title {
        font-size: 3rem !important;
    }

    .form-arrow-img {
        transform: scaleY(-1);
        width: 50%;
    }

    .why-choose .col-12 {
        padding: 2rem 0;
        display: flex;
        flex-wrap: wrap;
    }

    #testimo .carousel-caption {
        top: 0%;
        width: 90%;
        padding: 0 !important;
        margin-left: -2.6em;
        margin-top: -4rem;
    }

    #testimo .carousel-inner {
        height: 600px;
    }

    #sam-tool .list-box ul li {
        width: 100% !important;
    }

    #as400-sam-banner {
        background-position: 10% !important;
    }

    #cs-techno ul, #cs-compo ul {
        flex-direction: column;
        align-items: center;
    }

    .lsq-form-wrapper .lp-form {
        padding: 1em !important
    }

    #form-submit-button {
        min-width: 100% !important;
    }

    #app-main-service .fa-tools::before {
        position: relative;
        color: unset;
    }


    #about-testi .carousel {
        position: relative;
        height: 200px;
    }

    .devops-strip .col-md {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        padding: 1em !important;
    }

    .gui-solu .tab-pane .row:last-child .col-md .row .col-lg .card .card-body::before {
        display: none;
    }

    #app-offer.gui-solu .tool-trade img {
        width: 35% !important;
    }

    #app-offer.gui-solu .col-md .row .col-lg .card {
        height: auto !important;
    }

    #ux-banner .head-button {
        padding: 0.8em 2em !important;
    }

    #ux-offer .head-button {
        padding: 0.8em 2em !important;
    }

    #ux-banner .col-md-7 {
        text-align: center !important;
    }

    #prod-resource .row:last-child .col-lg {
        padding: 15px;
    }

    #app-modern-service .card img {
        display: none !important;
    }

    #app-modern-strip .col-md {
        flex-direction: row;
        text-align: left;
        padding-left: unset !important;
        justify-content: start !important;
        width: 100% !important;
        padding-left: 9rem !important;
    }

        #app-modern-strip .col-md:first-child {
            text-align: center !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            height: 50px;
            padding-left: unset !important;
        }

    #app-modern-strip .icon-wrap {
        margin-right: 1rem !important;
        font-size: 2.5em;
    }


    #approach-modern .row .col-lg-4 {
        padding: 15px !important;
    }

    #form-section .form-image {
        display: none !important;
    }

    #devops-why .img-responsive {
        display: block;
        max-width: 80%;
        height: auto;
    }

    #modern-compare .comp-arrow {
        display: none;
    }

    #as400-reap .card .card-body .reap-image img {
        width: 90% !important;
    }

    #as400-reap .card .card-body .reap-image {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .qa-banner.page-tittle .page-tittle-head {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    #as400-path-wrap .row .col-md .card {
        height: auto;
    }

        #as400-path-wrap .row .col-md .card .card-body .col-md-5 {
            display: none;
        }

    .rpa-intro::after, .rpa-intro::before {
        margin-left: 2%;
        top: 69%;
        display: none;
    }

    #iseries-dev-plan .row .col-md:last-child .card .card-price p span {
        font-size: 2em;
        margin-bottom: -0.5em !important;
        margin-right: 10px;
    }

    #iseries-dev-plan .row .col-md .card .card-price p i {
        display: none;
    }

    #iseries-dev-plan .row .col-md .card .card-price p span {
        font-size: 2em;
        margin-bottom: -33px !important;
        margin-right: 10px;
    }

    #iseries-dev-plan .row .col-md .card .card-price p {
        margin-left: 4em;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: row !important;
        margin-top: 1em;
        margin-bottom: unset !important;
    }

    #iseries-dev-plan .row:last-child .col-md .card {
        width: 550px;
        height: auto;
        padding: 1em 0;
    }

    #iseries-dev-plan .row .col-md .card .card-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #iseries-dev-plan .row .col-md:last-child .card .card-price p {
        margin-left: unset !important;
    }

    #iseries-dev-plan .row .col-md .card .card-price p {
        margin-left: 0em !important;
    }

    #app-resource .container {
        width: 90%;
    }

    #cloud-rolodex .rolodex img {
        width: 20% !important;
    }

    #ma-barrier .row:last-child .col-md {
        padding: 0 15px !important;
    }

    #ma-barrier .card {
        min-height: unset !important;
        min-width: unset !important;
    }

    #ma-barrier .row:last-child .col-md {
        display: unset;
    }

    #ma-barrier .row .card .card-body p::before {
        display: none;
    }

    #ma-barrier .row:last-child .col-md {
        padding: unset;
    }

    #ma-barrier .card {
        min-height: 170px;
        min-width: 350px;
    }

    #form-section.ma-form {
        background-position: 65% 57% !important;
    }

    .ma-form .mob-form-text-wrap {
        position: static;
        color: #fff;
        width: unset;
        left: unset;
        top: unset;
    }

    #ma-help-mobile .fa-tools::before {
        content: "\f7d9";
        top: 30%;
        position: unset;
        left: 30%;
        color: unset;
    }

    #ma-mobile .row .phone-heading h5 {
        font-size: 1.2em !important;
    }

    .ma-banner .orange-btn {
        font-size: 1.6vh;
    }

    #solu-back .row table {
        overflow: scroll;
    }

    #app-resource .row:last-child .col-md, #prod-resource .row:last-child .col-md {
        padding: 15px;
    }

    .button-wrapper a {
        font-size: 14px !important;
    }

    .h2, h2 {
        font-size: 1.5rem !important;
    }

    .h3, h3 {
        font-size: 1.2rem !important;
    }

    #app-offer .tab-content {
        padding: 1em;
    }

    #app-offer .off-attr {
        margin: 0;
        padding: 0;
    }

    .banner-desc-small {
        text-align: center !important;
    }

    #mobile-nav .nav-logo {
        width: 40% !important;
    }

    #pe-scroll-content .card {
        height: 300px;
    }

    #pe-scroll-content .icon-arrow-left7 {
        left: -25px;
    }

    #pe-scroll-content .icon-arrow-right7 {
        right: -25px;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard {
        height: 400px;
    }

    .pe-our-approach .container-fluid {
        width: 80%;
        padding: unset;
    }

    .pe-our-approach h6 {
        font-size: 1.2em;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard ul {
        font-size: 1em;
    }

    .pe-our-approach .row:last-child .col-md-6 .newsCard {
        width: 100%;
    }

    .nalashaa-offerings h2::after {
        width: 33%;
    }



    .banner-title span {
        font-size: 1.2em;
    }

    .page-tittle-head .col-md-6 {
        text-align: center !important;
    }

    .banner-height .button-wrapper {
        display: flex;
        justify-content: center;
    }

    .our-approach .box {
        width: 270px;
    }

    .modernize-card {
        width: 270px;
    }

    .banner-title {
        font-size: 1.5em !important;
        text-align: center;
    }

    #cm-prep .newsCard {
        width: 83%;
    }

    #cm-prep .newsCard {
        height: 260px;
    }

    .orange-btn {
        font-size: 1em;
    }

    #rpa-service-box .card {
        width: 80%;
    }

    #rpa-service-box .col-md-6.col-lg-3.col-sm-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #as400-path-wrap .carousel-inner {
        margin-top: 0;
        box-shadow: 0 0 22px;
    }

    #as400-path-wrap .carousel-indicators {
        top: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
    }

    #as400-path-wrap .carousel-inner .carousel-item {
        height: 100%;
        margin-top: 0;
    }

    #as400-path-wrap .fa-laptop-code::before {
        content: "\f7d9";
        top: unset !important;
        position: unset !important;
        left: unset !important;
        color: unset !important;
    }

    #as400-path-wrap .fa-tools::before, .fa-tachometer-alt::before, .fa-laptop-code::before, .fa-exchange-alt::before {
        content: "\f7d9";
        top: unset !important;
        position: unset !important;
        left: unset !important;
        color: unset !important;
    }
}

@media (max-width:400px) {

    #about-testi .carousel-indicators {
        top: 25em;
    }

    #about-testi #carouselExampleControls {
        height: 25rem;
    }

    #sam-blog .card {
        height: 100% !important;
    }

    #sam-tool .list-box ul li {
        width: 100% !important;
    }

    #sam-cs .card .card-body {
        flex-direction: column;
    }

        #sam-cs .card .card-body .image-wrap {
            margin-right: unset !important;
            margin-bottom: 1.5rem;
        }


    #sam-pack-btn .col-lg {
        flex-direction: column;
    }

    #sam-pack-btn a, #sam-part a, #sam-pro a, #sam-sup a {
        font-size: inherit !important;
    }

    #as400-sam-banner {
        background-position: 10% !important;
    }


    #app-modern-banner .button-wrap {
        margin-top: 7em !important;
    }

    #app-modern-ser a {
        padding: 1em !important;
    }

    #app-modern-strip .col-md:last-child {
        padding-left: 5.8rem !important;
    }

    #app-modern-strip .col-md {
        flex-direction: row;
        text-align: left;
        padding-left: unset !important;
        justify-content: start !important;
        width: 100% !important;
        padding-left: 5rem !important;
    }

    .banner-logo {
        width: 80% !important;
        margin: 0 auto;
    }

    #mobile-nav .nav-logo {
        width: 53% !important;
    }
}

@media (max-width:320px) {

    #sam-tool .list-box ul li {
        width: 100% !important;
    }

    #app-main-service .fa-tools::before {
        content: "\f7d9";
        top: 30%;
        position: relative;
        left: 30%;
        color: unset;
    }

    #mobile-nav .nav-logo {
        width: 53% !important;
        padding-right: 0 !important;
    }
}


/*Media Query Ends*/

.wp-caption.aligncenter {
    width: auto !important;
}

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #d365-header {
        background-position: 17% 35%;
        margin-top: 37px !important;
    }
    #mobile-nav .nav-logo {
        width: 20% !important;
        margin-right:35%;
    }
    #shadow .col-md-10 {
        top: -30px;
        left: -39px;
    }


}*/


.car-ic h5 {
    font-size: 18px;
    font-weight:600;
}

.h-260 {
    min-height: 260px;
}

.w-15 {
    width: 15%;
}

.car-ic img.w-15 {
    position: relative;
    right: 0px;
    top:-10px;
}

.f-stack-slider .card {
    background: #2F2B65;
}