.tab_one {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-around;
    overflow-y: scroll;
    overflow: hidden;
    /* overflow-x: auto; */
    overflow-x: hidden;
    padding: 3% 10% 0;
}



.tab_one button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    margin-bottom: 0px;
}


.tab_one button.active {
    border-bottom: 3px solid #f30e0e;
    color: #f30e0e;
}


.tabcontent {
    display: inline;
    margin: 15px 30px;
}

.tabcontent ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100%;
}

.tabcontent ul li {
    padding: 0px 12px;
    text-align: center;
}

.technology_list figure {
  
    border-radius: 100%;
    border: 1px solid rgb(224, 222, 222);
    width: 101px;
    margin: 0;
    height: 101px;
    position: relative;
    display: inline-block;
}
.technology_list figure img {
    max-width:62px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.impact-service .main-btn_one {
    border: 1px solid red;
    padding: 7px 20px;
    color: red;
    display: inline-block;
}

@media (max-width: 991px) {
    .tab_one {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.technology_list {
    margin: 15px 16px;
}

.technology_list p {
    margin: 0px;
    font-size: 20px;
    margin-top: 7px;
    line-height: 38px;
}




/* App modernization css */

.paragraph__top {
    padding         : 50px 0;
    background-color: #f9fbfd;
}

.paragraph__start {
    font-size  : 18px;
    line-height: 31px;
    color      : #000;
    max-width  : 1000px;
    margin     : 22px auto 0;
    text-align : start;
}

/* .wrapper {
    display            : -ms-flexbox;
    display            : -webkit-flex;
    display            : flex;
    -webkit-align-items: center;
    -ms-flex-align     : center;
    align-items        : center;
    padding: 20px 0;
} */

.business {
    background: #284d6f;
    background: linear-gradient(314.7deg, #284d6f 30.03%, #3f618a 101.04%);
}

.business .main-heading {
    color      : #fff;
    text-align : center;
    padding-top: 55px;
}

.spaceone {
    padding: 40px 0;
}

.business__right,
.business__left {
    width         : 48%;
    padding-bottom: 55px;
}

.business__left p a,
.business__left p {
    color: #ffff;
}

.business__left p a {
    border-bottom: 1px solid;
}

.business__left p a:hover {
    color : #ff3434;
    border: 0;
}

.application__modernization {
    padding: 50px 0;
}

.application__modernization .main-heading {
    text-align: center;
}

.application__modernization .application__box {
    display       : inline-block;
    vertical-align: top;
    width         : 32.33333333333333333333333%;
    padding       : 10px 10px;
    box-sizing    : border-box;
    text-align    : center;
    min-height    : 319px;
}

.application__box h3 {
    color     : #2e5376;
    font      : 700 22px/1.28 "Open Sans", sans-serif;
    padding   : 12px 0 17px;
    min-height: 80px;
}

.application__box p {
    font-size: 16px;
    margin   : 0;
}


.medical-portal {
    background: url(../img/video-bg.png) center center/1920px no-repeat;
}

.medical__portal {
    background-color: rgba(243, 248, 252, .75);
    padding         : 60px 0;
}

.medical__portal .main-heading {
    text-align: center;
}

.medical-portal .iframe-vedio {
    max-width: 670px;
    margin   : 0 auto;
}

.iframe-vedio-inne {
    position  : relative;
    box-shadow: 0 11px 30px rgb(0 0 0 / 15%);
}

.iframe-vedio-inne:before {
    content    : "";
    display    : block;
    padding-top: 0px;
}

.vedio-btn {
    text-align: center;
}

.vedio-btn p {
    display     : initial;
    font-size   : 18px;
    margin-right: 10px;
}

.comman-button {
    display       : inline-block;
    color         : #2e5376;
    font          : 20px/1.2 "Open Sans", sans-serif;
    text-transform: uppercase;
    padding       : 9px 34px;
    border        : 2px solid #2e5376;
    border-radius : 5px;
    transition    : background .2s cubic-bezier(.35, 0, .25, 1), color .2s cubic-bezier(.35, 0, .25, 1);
}

.comman-button:hover {
    background-color: #2e5376;
    color           : #ffff;
}

.ams-services-section {
    background-image : url(../img/services-bg1.jpg);
    background-repeat: no-repeat;
    background-size  : cover;
}

.ams-services-section-inner {
    background-color: rgba(46, 83, 118, .8);
}

.ams-services-section-inner {
    padding: 50px 0;
}

.ams-services-section .main-heading {
    text-align: center;
    color     : #ffff;
}

.ams-services-section .paragraph__start {
    color: #fff;
}

.services__card {
    max-width: 939px;
    margin   : 0 auto;
}

.modernization__box {
    width : 40%;
    margin: 19px 0;
}

.modernization__box h3 {
    font : 500 22px "Roboto", Arial, sans-serif;
    color: #ffff;
}

.modernization__box p {
    color: rgb(235, 230, 230);
}

.rightsymb {
    display: flex;
}

.rightsymb h3 {
    position: relative;
}

.rightsymb svg {
    width   : 20px;
    fill    : red;
    position: absolute;
    margin  : 3px -29px;
}

.successes_project {
    padding: 50px 0;
}
.successes_project-left {
    width: 45%;
}
.ams-app__carousel {
    width: 54%;
}

.ams-app-carousel {
    position: relative;
    width   : 622px;
}

.ams-app-carousel__body.loaded {
    background: url(/wp-content/uploads/2021/09/mac-bg.png) center center/100% no-repeat;
}

.ams-app-carousel__body {
    position: relative;
    width   : 100%;
}

.ams-app-carousel__body:before {
    content    : "";
    display    : block;
    padding-top: 19%;
}

.ams-app-carousel__body-inside {
    /* position: absolute; */
    left: 1px;
    top: -76px;
    width: 77.492%;
    height: 80.6452%;
    margin: auto;
    padding: 0px;
}

.lazy-load {
    opacity   : 0;
    transition: opacity .15s ease-in-out;
}

.loaded .lazy-load {
    opacity: 1;
}

.slick-prev {
    left: 29% !important;
}

.successes_project .slick-next {
    left: 25% !important;
}

.successes_project .slick-prev,
.successes_project .slick-next {
    top    : 100% !important;
    width  : 46px !important;
    height : 26px !important;
    z-index: 99;
    margin : 85px auto 0 auto;
}

.successes_project .slick-next:before {
    content         : '';
    background-image: url(../img/arrow-next.svg);
    background-size : 100% 100%;
    width           : 46px;
    height          : 26px;
    left            : 0;
    top             : 0;
    position        : absolute;
}

.successes_project .slick-prev:before {
    content         : '';
    background-image: url(../img/arrow-prev.svg);
    background-size : 100% 100%;
    width           : 46px;
    height          : 26px;
    left            : 0;
    top             : 0;
    position        : absolute;
}

.slick-dots li button:before {
    font-size: 11px !important;
    margin   : 0px -65px;
}

.successes_project .slick-dots {
    bottom: -94px;
    left  : 60px;
}
.successes_project .slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.successes_project .slick-prev {
    left: -25px;
}
.successes_project .slick-prev,
.successes_project .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.successes_project .slick-next {
    right: -25px;
}
.successes_project .slick-prev:before,
.successes_project  .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.successes_project .slick-dots {
    position: absolute;
    /* bottom: -25px; */
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.successes_project .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.successes_project .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.successes_project .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}
.successes_project .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.successes_project-left {
    text-align: left;
}

.successes_project-left a {
    margin-top      : 18px;
    display         : inline-block;
    font            : 19px/1.2 "Open Sans", sans-serif;
    text-transform  : uppercase;
    padding         : 9px 40px;
    border          : 2px solid #2e5376;
    color           : #fff;
    background-color: #2e5376;
    border-radius   : 5px;
    transition      : background .2s cubic-bezier(.35, 0, .25, 1), color .2s cubic-bezier(.35, 0, .25, 1);
}

.successes_project-left a:hover {
    background-color: #ffff;
    color           : #2e5376;
}

.successes_project-left h3 {
    font: 700 20px "Open Sans", sans-serif;
}

.successes-platform {
    text-align: start;
}

.team_partners_inner {
    background-color: rgba(46, 83, 118, .8);
}

.ams-app-carousel {
    width    : 100%;
    max-width: 622px;
    margin   : 0 auto;
}

.rightsymbal h3 {
    position: relative;
    font    : 500 22px "Open Sans", sans-serif;
    color   : #ffff;
}

.team_partners__box p {
    color: rgb(230, 227, 227);
}

.rightsymbal svg {
    position   : absolute;
    margin-left: -38px;
    width      : 25px;
    height     : 25px;
    fill       : red;
    color      : #fff;

}

.page-btn {
    display         : block;
    font            : 19px/1.2 "Open Sans", sans-serif;
    text-transform  : uppercase;
    padding         : 9px 40px;
    border          : 2px solid #ffff;
    border-radius   : 5px;
    transition      : background .2s cubic-bezier(.35, 0, .25, 1), color .2s cubic-bezier(.35, 0, .25, 1);
    color           : #fff;
    background-color: transparent;
    margin          : 0 auto;
    max-width: 340px;
    text-align: center;
}

.team_partners {
    background-image: url(../img/2.jpg);
    background-repeat: no-repeat;
}

.page-btn:hover {
    background-color: #ffff;
    color           : #2e5376;
}

.team_partners .main-heading {
    text-align: center;
    color     : #fff;
}

.contact_box {
    position        : relative;
    top             : -8rem;
    padding         : 6.5rem 10rem;
    box-shadow      : 0 3px 30px 0 rgb(0 0 0 / 15%);
    border-radius   : 10px;
    background-color: #fff;
}

iframe {
    width: 100%;
}

.contact_heading {
    text-align: center;
}

.team_partners__box {
    margin: 40px auto;
}

.successes_project .main-heading {
    text-align: center;
}

.team_partners_space {
    padding: 60px 0 180px;
}
.successes_project .wrapper:nth-child(even) {
    flex-direction: row-reverse;
}

.successes_project .wrapper:nth-child(even) .successes_project-left{
    text-align: right;
}

@media screen and (max-width: 1199px) {
    .ams-app-carousel__body-inside {
        position: absolute;
        left    : 1px;
        top     : -71px;
        width   : 77.491961414790996784565916398714%;
        height  : 80.645161290322580645161290322581%;
    }
}

@media screen and (min-width: 1025px) {
    .business__inner {
        background: url(../img/description-bg-1.png) center left/415px no-repeat, url(../img/description-bg-2.png) center right/508px no-repeat;
    }

    .ams-services-section {
        background-image: url(../img/services-bg2.jpg);
    }

    .team_partners {
        background-image : url(../img/benefits-bg.jpg);
    }

    .side__bg {
        background: url(../img/benefits-circles-1.png) left center/498px no-repeat, url(../img/benefits-circles-2.png) right center/547px no-repeat;
    }
}

@media screen and (max-width: 1024px) {
    .paragraph__start {
        max-width: 95%;
        font-size: 16px;
    }

    .ams-app-carousel {
        width    : 100%;
        max-width: 622px;
        margin   : 0 auto;
    }

    .ams-app__carousel {
        width: 100%;
    }

    .ams-app-carousel__body-inside {
        top: -75px;
    }

    .business .wrapper {
        flex-direction: column-reverse;
    }

    .team_partners .main-heading,
    .successes_project .main-heading,
    .ams-services-section .main-heading,
    .medical__portal .main-heading,
    .application__modernization .main-heading,
    .business .main-heading {
        font-size: 30px;
    }

    .modernization__box p {
        font-size: 15px;
    }

    .business__right {
        width    : 100%;
        max-width: 516px;
    }

    .business__left {
        width         : 95%;
        padding-bottom: 28px;
    }

    .application__modernization .application__box {
        width     : 46.333333%;
        min-height: 300px;
    }

    .services__card {
        max-width: 90%;
        margin   : 26px auto;
    }

    .modernization__box {
        width: 46%;
    }

    .successes_project .wrapper:nth-child(even) {
        flex-direction: column;
    }
    .successes_project .wrapper:nth-child(even) .successes_project-left,
    .successes_project-left {
        text-align: center;
        margin    : 35px 0;
        width     : 100%;
    }

    .contact_box {
        position: relative;
        top     : -8rem;
        padding : 3.5rem 3rem;
        margin  : 0px 20px;
    }

    .team_partners_space {
        padding: 60px 0 180px;
    }

    .successes_project-left h3 {
        font-size: 18px;
    }

    .team_partners__box p {
        font-size: 15px;
    }
}

@media screen and (max-width: 840px) {
    .ams-app-carousel__body-inside {
        top: -78px;
    }
}

@media screen and (max-width: 768px) {
    .paragraph__start {
        max-width: 100%;
        margin   : 27px 0;
    }

    .ams-app-carousel__body-inside {
        top: -71px;
    }

    .team_partners .main-heading,
    .successes_project .main-heading,
    .ams-services-section .main-heading,
    .medical__portal .main-heading,
    .application__modernization .main-heading,
    .business .main-heading {
        font-size: 25px;
    }

    .business__right,
    .business__left {
        padding-bottom: 0px;
    }

    .modernization__box {
        width: 100%;
    }

    .vedio-btn {
        display        : flex;
        justify-content: space-between;
    }

    .vedio-btn p {
        font-size: 15px;
        margin   : auto;
    }

    .wrapper.spaceone.services__card {
        padding: 0;
    }

    .services__card {
        max-width: 96%;
        margin   : 19px auto;
    }

    .contact_box {
        margin: 0;
    }
}

@media screen and (min-width: 661px) {
    .ams-services-section {
        background-image: url(/wp-content/uploads/2021/09/services-bg2.jpg);
    }

    .team_partners {
        background-image: url(../img/benefits-bg.jpg);
    }
}

@media screen and (max-width: 650px) {
    .application__modernization .application__box {
        width     : 100%;
        min-height: 100%;
        margin    : 20px 0;
    }

    .ams-app-carousel__body-inside {
        top: -53px;
    }
    .ams-app-carousel__body:before {
        content: "";
        display: block;
        padding-top: 14%;
    }
    .wrapper.spaceone {
        padding: 0;
    }

    .business__left {
        width         : 100%;
        padding-bottom: 35px;
    }

    .vedio-btn {
        flex-direction: column;
    }

    .vedio-btn p {
        font-size  : 15px;
        margin     : auto;
        line-height: 1.9;
        padding    : 14px 0;
    }

    .services__card {
        max-width: 80%;
        margin   : 19px auto;
    }

    .contact_box {
        position: relative;
        top     : -8rem;
        padding : 1.5rem 1rem;
        margin  : 0;
    }
}

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

    .ams-app-carousel__body-inside {
        top: -38px;
    }
}

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

    .ams-app-carousel__body-inside {
        top: -25px;
    }
    .successes_project .slick-prev,
.successes_project .slick-next {
    margin : 45px auto;
}
}
/* End App modernization css */
.landing-service{
    background-color: #F8F8F8;
}