:root {
    --spacing: 2.5rem
}

@media only screen and (max-width: 480px) {
    .vnth {
        color: #31658d;
    }

    .frame {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }

    .title_main {
        position: absolute;
        top: 0;
        width: 100%;
        margin: 0 auto;
    }

    .title_section {
        font-size: 1.8rem;
        padding: 0;
        margin: 0 0 0 0;
        /* margin: 2.5rem 0 .5rem 0; */
    }

    .subtitle_section {
        font-size: 130% !important;
    }

    .header_banner_friendly {
        padding-top: 120%;
    }

    .hide {
        display: none !important;
    }

    #banner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: inherit;
        margin-top: 2.9rem;
    }

    .banner_index .img_banner {
        background-size: auto 100%;
        background-position: left center !important;
    }

    .banner_index .content_banner {}

    .content_banner .tag_line {
        width: 100%;
        margin-top: 5%;
    }

    .content_banner .tag_line p {
        width: 100%;
        font-family: 'Muli';
        text-align: center;
        font-size: 200%;
    }

    .content_banner .sub_title {
        width: 100%;
        top: 47%;
        left: 0;
    }

    .content_banner .sub_title p {
        width: 100%;
        font-family: 'Muli';
        text-align: center;
        font-size: 250%;
    }


    /* OURCORE */
    #our_core_frame * {
        float: none;
        position: relative;
    }

    #our_core_frame .title_section {
        margin-top: 0;
    }

    #our_core_frame .swiper-button-next,
    #our_core_frame .swiper-button-prev,
    #our_core_frame .triangular {
        position: absolute;
    }

    #our_core_frame .arrow {
        top: 35%;
        background-size: 100% auto;
    }

    #our_core_frame .swiper-button-prev {
        left: 0;
    }

    #our_core_frame .swiper-button-next {
        right: 0;
    }

    .bg_item_our_core {
        padding-top: 70%;
        background-size: 100% auto;
    }

    #our_core_frame .triangular {
        top: -5%;
    }

    .full_item {
        float: none;
        width: 100% !important;
    }

    #our_core_frame .item {
        background: white;
    }

    #our_core_frame .item:hover {
        opacity: 1;
    }

    .bg_item_our_core:hover {
        opacity: 1;
    }

    .overlay,
    .text_overlay {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: justify;
    }

    .overlay {
        width: 77.8%;
        margin: 0 auto;
        position: relative;
        display: block;
    }

    .text_overlay {
        width: 96%;
        margin: 0 auto;
        font-size: 100%;
        position: relative;
        left: 0;
        right: 0;
        color: #000;
        margin-top: 5%;
    }

    #text-solution {
        margin-bottom: -5%;
    }

    .frame_bg_item_our_core {
        width: 100%;
        position: relative;
        display: block;
    }

    .text_item h4 {
        font-size: 190%;
    }

    .text_item p {
        width: 72.2%;
        margin: 0 auto;
        font-size: 125%;
        font-weight: 600;
        margin-top: 3%;
    }


    /* OUR EXPERTISE */
    #our_expertise_frame {
        width: 100%;
        position: relative;
        padding-top: 32%;
    }

    .container_our_expertise {
        width: 100%;
        height: auto;
    }

    .tab_expertise button {
        font-size: 135%;
        outline: none;
        border: none;
        padding: 3% 0;
        font-weight: 600;
        border-left: 0.05pt solid white;

    }

    .table_expertise {
        border: none;
    }

    #technology_tab {
        width: 100%;
        display: inline-block;
    }

    .row_expertise {
        width: 100%;
        display: block;
    }

    .col_expertise {
        width: 100%;
        padding: 0;
        max-width: none;
        display: inline-block;
        position: inherit;
        border: none;
        /*        background-color: #f5f5f5;*/

    }

    .title_tab {
        width: 100%;
        display: inline-block;
        padding: 2.3% 0;
        background-color: #3bb7ea;
        text-transform: uppercase;
        font-size: 144%;
        color: #fff;
        font-weight: 700;

    }

    .col_expertise p {
        margin: 0;
        position: relative;
        padding-top: 5%;
        width: 100%;
        padding-left: 29.5%;
        padding-bottom: 5%;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        font-weight: bold;
        font-size: 143%;
        font-weight: 600;
        text-align: left;
    }

    #angular-item {
        background-size: 15% auto;
        background-position: 8% center;

    }

    #cakephp-item {
        background-size: 15% auto;
        background-position: 7.7% center;
    }

    #codeigniter-item {
        background-size: 15.5% auto;
        background-position: 7.7% center;
    }

    #eclipse-item {
        background-size: 14% auto;
        background-position: 8% center;
    }

    #grails-item {
        background-size: 14.5% auto;
        background-position: 8.5% center;
    }

    #laravel-item {
        background-size: 13% auto;
        background-position: 9.5% center;
    }

    #android-item {
        background-size: 13% auto;
        background-position: 8% center;
    }

    #ionic-item {
        background-size: 12% auto;
        background-position: 8% center;
    }

    #ios-item {
        background-size: 23% auto;
        background-position: 4% center;
    }

    #phonegap-item {
        background-size: 15% auto;
        background-position: 8% center;
    }

    #react-native-item {
        background-size: 14% auto;
        background-position: 8% center;
    }

    #titanium-item {
        background-size: 11.5% auto;
        background-position: 9.5% center;
    }

    #alibaba-item {
        background-size: 18% auto;
        background-position: 6% center;
    }

    #amazon-item {
        background-size: 18% auto;
        background-position: 6.5% center;
    }

    #digital-ocean-item {
        background-size: 22% auto;
        background-position: 4% center;
    }

    #azure-item {
        background-size: 14.5% auto;
        background-position: 8% center;
    }

    .bg_grey {
        background-color: #fff;
    }

    .button-learnmore {
        font-size: 125%;
        width: 69.5%;
        position: relative;
        left: 0;
        padding: 3.9% 0;
        margin-top: 5%;
        bottom: 0;
    }

    .button-learnmore:hover {
        padding: 3.8% 0;
    }

    /* OUR APPROACH */
    #our_approach_frame {
        width: 100%;
        position: relative;
        padding: 0;
    }

    #our_approach_frame .title_main {
        position: relative;
    }

    .content-our-app {
        width: 100%;
        position: relative !important;
        top: 15%;
        left: 0;
        right: 0;
        margin-top: 1.5rem !important;
    }

    .fixed_content {
        position: absolute;
        top: 0;
        width: 100%;
        bottom: 0;
    }

    #our_approach_frame .content-our-app .box-content-our-app {
        width: 100% !important;
        display: inline-block;
        position: relative;
        padding-top: 125%;
        opacity: 1 !important;
    }

    .box-content-our-app::before {
        width: 12%;
        height: 6.6%;
        content: '';
        background-image: url(../images/arrow-navigate-close.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: -2%;
        left: 44%;
    }

    .box-content-our-app .arrow {
        display: none;
    }

    .box-content-our-app h4 {
        position: absolute;
        top: 9.5% !important;
        right: 0;
        left: 0;
        color: #fff;
        margin: 0;
        font-size: 180%;
    }

    .box-content-our-app:hover {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        z-index: 34;
        opacity: 1 !important;
    }

    .box-content-our-app:hover .fixed_content {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }

    .box-content-our-app:hover .hover_icon {
        visibility: visible;
    }

    .box-content-our-app .icon {
        margin: 0 auto;
        width: 37.8%;
        position: absolute;
        top: 23%;
        left: 0;
        right: 0;

    }

    .box-content-our-app p {
        margin: 0 auto !important;
        color: #fff !important;
        position: absolute;
        top: 57%;
        left: 0;
        right: 0;
        height: auto;
        font-size: 126% !important;
        width: 71.9%;
        padding: 0;
    }

    .default_icon {
        display: none;
    }

    .img-content-our-app {
        width: 100%;
    }

    .hover_icon {
        width: 100%;
        position: absolute;
        top: 23%;
    }


    /* #our_approach_frame .title_main {
        top: 3rem;
    } */

    #our_approach_frame {
        padding-top: var(--spacing);
    }

    #our_approach_frame .frame-inner {
        padding: 0
    }

    #our_approach_frame .box-content-our-app:nth-child(1) .hover_icon {
        top: 24%;
    }

    #our_approach_frame .box-content-our-app:nth-child(5) .hover_icon {
        top: 20%;
    }

    #our_approach_frame .box-content-our-app:nth-child(6) .hover_icon {
        top: 16.5%;
    }

    #our_approach_frame .box-content-our-app:nth-child(7) .hover_icon {
        top: 18%;
    }


    .content-our-app .swiper-pagination-bullet {
        opacity: 1;
        width: 6pt;
        height: 6pt;
    }

    .content-our-app .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
    }

    .panigation-oa {
        position: absolute;
        top: 88%;
    }

    .arrow,
    .arrowSlide {
        outline: none;
    }

    .content-our-app .swiper-button-next {
        /* width: 8%;
        height: 9%; */
        width: 22px;
        height: 44px;
        background-size: 100% auto;
        background-image: url(../images/right-arrow-white.png);
    }

    .content-our-app .swiper-button-prev {
        /* width: 8%;
        height: 9%; */
        width: 22px;
        height: 44px;
        background-size: 100% auto;
        background-image: url(../images/right-arrow-white.png);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }


    /* SERVICES*/

    .services_mobile_frame {
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 165% 0 0 0;
        font-size: 3.8vw;


    }

    .micro_services_frame.mobile {
        margin-top: var(--spacing);
    }

    .services_mobile_frame .title_main {
        font-size: 3.8vw;
        width: 100%;
        text-align: center;
    }

    .services_mobile_frame .title_main p:last-child {
        width: 91%;
        margin: 12% auto 0 auto;
        font-size: 114%;
    }

    .content_text {
        width: 91.7%;
        font-size: 115%;
        margin: 12% auto 0 auto;
        padding: 0;

    }

    .ux_ui_design_section {
        display: none;
    }


    .ux_ui_mobile_design_section {
        display: inline-block;
        width: 100%;
        position: absolute !important;
        top: 25%;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url('../images/bg-services-conceptualization.jpg');
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center;
    }


    .item_ds {
        width: 100%;
        position: relative;
        padding-top: 137%;
    }

    .item_ds::before {
        width: 12%;
        height: 5.6%;
        content: '';
        background-image: url(../images/arrow-navigate-close.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: -2%;
        left: 44%;
    }

    .icon_ds {
        width: 28.6%;
        height: 21.6%;
        /* display: inline-block; */
        position: absolute;
        top: 10%;
        left: 35%;
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
    }

    .title_ds {
        width: 100%;
        position: absolute;
        top: 36%;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* left: 22.6%; */
        color: #fff;
        font-size: 200%;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
    }

    #title_project {
        width: 83% !important;
    }

    .top-40 {
        top: 40.5%;
    }

    .desc_ds {
        width: 100%;
        position: absolute;
        top: 47%;
        /* left: 12.6%; */
    }

    .desc_ds p {
        width: 75%;
        margin: 11% auto 0 auto;
        color: #fff;
        font-size: 100%;
        text-align: center;
    }


    .ux_ui_mobile_design_section .swiper-pagination-bullet-active,
    .micro_services_frame .swiper-pagination-bullet-active {
        opacity: 1;
        background-color: #39b7e0 !important;
    }


    .panigation-sv {
        position: absolute;
        top: 90.5%;
    }

    .ux_ui_mobile_design_section .swiper-button-next {
        width: 8%;
        height: 9%;
        background-size: 100% auto;
        background-image: url(../images/right-arrow-white.png);
    }

    .ux_ui_mobile_design_section .swiper-button-prev {
        width: 8%;
        height: 9%;
        background-size: 100% auto;
        background-image: url(../images/right-arrow-white.png);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .ux_ui_mobile_design_section .swiper-pagination-bullet {
        opacity: 1;
        width: 6pt;
        height: 6pt;
        background-color: #fff;
    }

    .service_frame {
        display: none;
    }




    /* MICRO SERVICES */
    .micro_services_frame.mobile {
        width: 100%;
        position: relative;
        padding-top: 100%;
    }

    .micro_services_frame.mobile .swiper-container {
        height: 100%;
    }

    .micro_services_frame.mobile .title_main {
        z-index: 10;
    }

    .micro_services_frame.mobile .container {
        /* width: calc(100% + 30px); */
        /* margin-left: -15px; */
        width: 100%;
        display: inline-block;
        overflow: auto;
        position: absolute !important;
        top: 5%;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: none;
    }

    .container .row {
        width: 100% !important;
        display: inline-block;
        margin: 0;
        font-weight: bold;
    }

    .container .col {
        text-align: left;
        width: 85%;
        display: inline-block;
        margin: 3% 0;
        margin-left: 15%;
        float: left;
        padding-bottom: 0;
    }

    .container .col img,
    .micro_services_frame .swiper-slide .col:nth-child(3) img {
        width: 13%;
        float: left;
    }


    .micro_services_frame.mobile {
        display: block;
    }

    .micro_services_frame.mobile .col {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .micro_services_frame.mobile .col img {
        width: 38%;
    }

    .micro_services_frame.mobile .col p {
        margin-left: 0;
        text-align: center;
        margin-top: 1rem;
    }

    .micro_services_frame:not(.mobile) {
        display: none;
    }


    .micro_services_frame .swiper-slide .col {
        display: flex;
        align-items: center;
    }


    .micro_services_frame.mobile .container .col p {
        display: inline;
        font-size: 1.2rem !important;
        width: 76%;
        font-weight: bold;
        float: left;
    }

    .micro_services_frame.mobile .swiper-container {
        margin-top: 0;
    }

    .micro_services_frame.mobile .next-ms,
    .micro_services_frame.mobile .prev-ms {
        position: absolute;
        z-index: 20;
        width: 27px;
        height: 44px;
        top: calc(50% - 22px);
    }

    .micro_services_frame.mobile .next-ms {
        background-image: url("../images/right-arrow.png");
        right: 10px;
    }

    .micro_services_frame.mobile .prev-ms {
        background-image: url("../images/right-arrow.png");
        transform: rotate(180deg);
        left: 10px;
    }

    .panigation-ms {
        padding: 1%;
        bottom: 8% !important;
    }

    .panigation-ms::after {
        content: 'Swipe';
        display: block;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 85%;
        margin-right: 2%;
    }

    .panigation-ms {
        display: inherit;
    }

    .micro_services_frame .next-ms {
        right: 38.5%;
    }

    .micro_services_frame .prev-ms {
        right: 36.5%;
    }

    .container .swiper-pagination-bullet {
        opacity: 1;
        width: 6pt;
        height: 6pt;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background-color: #39b7e0;
    }


    .micro_services_frame .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .micro_services_frame .arrow {
        width: 6%;
        height: 5%;
        background-size: 100% auto;
        bottom: 7.4%;
        top: auto;
    }



    /* FOCUS */

    #focus_frame_mobile {
        width: 100%;
        display: inline-block;
        position: relative;
        padding-top: 165%;
        padding-top: 140%;
        text-align: center;
    }

    #focus_frame_mobile .title_section {
        margin-top: 0;
    }


    #focus_frame_mobile .btn-linking {
        margin-top: -.5rem;
        font-size: .9rem;
    }

    .container_main_focusm {
        position: absolute !important;
        top: 15%;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .tab_focusm {
        /* display: inline-block; */
        width: 100%;
        background-color: #e7e5e6;
        overflow: auto;
        border-bottom: .4em solid #3ab6e9;
    }

    .tab_focusm div {
        text-transform: uppercase;
        width: 33.33%;
        float: left;
        font-size: 120%;
        font-weight: 600;
        padding: 2% 0;

    }

    .tab_focusm div:nth-child(2) {
        border-right: .025pt solid #fff;
        border-left: .025pt solid #fff;
    }

    .content_focusm {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .item_content_focusm {
        /* display: inline- ; */
        width: 100% !important;
        position: relative;
        /*        padding-top: 100%;*/
    }

    .img_item_focusm {
        display: inline-block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .img_item_focusm::before {
        content: '';
        width: 8%;
        height: 6%;
        background-image: url(../images/arrow-navigate-close-gray.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        position: absolute;
        left: 47.6%;
        right: 0;
        bottom: 58.4%;
        opacity: 0.9;
    }

    .text_item_focusm {
        width: 100%;
        position: absolute;
        top: 40%;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #e7e5e6;
        background-color: rgb(231, 229, 230, 0.9);
        background-color: rgba(231, 229, 230, 0.9);
        background-repeat: no-repeat;
        background-position: center 24%;
        background-size: 100% auto;
    }

    .text_item_focusm p {
        width: 86.95%;
        margin: 4% auto;
        font-size: 154%;
        text-align: center;
        color: #3992cf;
    }

    #focus_frame_mobile .swiper-pagination {
        bottom: 4%;
    }

    #focus_frame {
        display: none;
    }

    #focus_frame_mobile .swiper-pagination-bullet-active {
        background-color: #3992cf;
    }

    #focus_frame_mobile .swiper-pagination-bullet,
    .micro_services_frame .swiper-pagination-bullet {
        opacity: 1;
        outline: none;
    }

    #focus_frame_mobile .arrow {
        width: 6%;
        height: 5%;
        background-size: 100% auto;
        bottom: 3.3%;
        top: auto;
        /* display: none; */
    }

    #focus_frame_mobile .swiper-button-next,
    .container .swiper-button-next {
        background-image: url('../images/arrow-pagination.png');
        right: 36%;
    }

    #focus_frame_mobile .swiper-button-prev,
    .container .swiper-button-prev {
        background-image: url('../images/arrow-pagination.png');
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        left: 36%;

    }

    #focus_frame_mobile .swiper-button-disabled,
    .micro_services_frame .swiper-button-disabled {
        opacity: 0;
    }

    #tabfm1:hover,
    #tabfm2:hover,
    #tabfm3:hover {
        cursor: pointer;
    }



    /* CLIENTS */

    /* CLIENTS B */
    #clients_frame {
        display: none;
    }

    /* 
    .content_clients_b_desktop {
        display: none;
    } */

    #clients_frame_b {
        display: inline-block;
        width: 100%;
        /* padding-top: 56%; */
        position: relative;
    }

    #clients_frame_b .title_section {
        margin: 0 0 3% 0;
    }

    .content_clients_b_mobile .swiper-container {
        width: 100%;
    }

    #clients_frame_b .swiper-wrapper {
        width: 100%;
        margin: 0 auto;
    }

    .content_clients_b_desktop,
    #partner_discuss_frame .swiper-container-partner {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .item-client .img-item-client {
        background-size: 90% auto;
    }

    .item-client, .item-partner {
        width: 50%;
        padding-bottom: 48.5%;
        float: left;
        /* border: .5px solid #f9f9f9; */
    }

    .hover-item-client p.text-item, .hover-item-partner p.text-item {
        font-size: 3.5vw;
    }

    .content_clients_b_mobile {
        width: 70%;
        position: absolute !important;
        top: 45%;
        bottom: 0;
        right: 0;
        left: 0;
        display: inline-block;
    }


    .content_clients_b_mobile .item-clients_b {
        width: 40%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center 25%;
    }

    /* cartoon */
    #cartoon-mobile-item {
        background-size: 145% auto;
        background-position: center 35%;
    }

    /* FarEast */
    #fareast-mobile-item {
        background-size: 100% auto;
        background-position: center 32%;
    }

    /* JLL */
    #jll-mobile-item {
        background-size: 130% auto;
        background-position: center 30%;
    }

    /* mediacorp */
    #meadiacorp-mobile-item {
        background-size: 170% auto;
    }

    /* fairprice */
    #fairprice-mobile-item {
        background-size: 95% auto;
        background-position: center 35%;
    }

    /* select group */
    #selectgroup-mobile-item {
        background-size: 170% auto;
    }

    /* sentosa */
    #sentosa-mobile-item {
        background-size: 105% auto;
        background-position: center 32%;
    }

    /* simmon */
    #simmon-mobile-item {
        background-size: 170% auto;
        background-position: center 20%;
    }

    /* singtel */
    #singtel-mobile-item {
        background-size: 125% auto;
    }

    /* toggle */
    #toggle-mobile-item {
        background-size: 130% auto;
        background-position: center 35%;
    }

    /* uob */
    #uob-mobile-item {
        background-size: 110% auto;
        background-position: center 36%;
    }

    #clients_frame_b .arrow {
        width: 7%;
        height: 12%;
        background-size: 80% auto;
        top: 68%;
        padding: 5%;
    }

    #clients_frame_b .next-clientsmb {
        right: 1%;
    }

    #clients_frame_b .prev-clientsmb {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        left: 1%;
    }

    #clients_frame_b .subtitle_section {
        width: 80%;
        margin: 0 auto;
        font-size: 5.3vw !important;
    }

    .content_clients_b_mobile .swiper-button-next {
        right: 0;
    }

    /* PARTNER */
    #partner_discuss_frame {
        width: 100%;
        position: relative;
        /* padding-top: 56%; */
        overflow: hidden;
    }

    #partner_discuss_frame .swiper-container {
        width: 70%;
        height: 52%;
        position: absolute !important;
        top: 39%;
        bottom: 0;
        right: 0;
        left: 0;
        display: inline-block;
        margin: 0 auto;
    }

    #partner_discuss_frame .swiper-wrapper {
        width: 100%;
        margin: 0 auto;
    }

    #partner_discuss_frame .swiper-slide {
        padding-top: 0;
        width: 40%;
        background-repeat: no-repeat;
    }


    .img-partner {
        background-size: 100% auto;
    }

    #partner-1 {
        background-size: 100% auto !important;
    }

    #partner-2 {
        background-size: 100% auto !important;
        background-position: center 45% !important;
    }

    #partner-3 {
        background-size: 140% auto !important;
        background-position: center 45% !important;
    }

    #partner-4 {
        background-size: 110% auto !important;
        background-position: center 45% !important;
    }

    #partner-5 {
        background-size: 80% auto !important;
        background-position: center 45% !important;
    }



    .partner_frame h3 {
        font-size: 6.7vw !important;
        z-index: 999;
    }


    #partner_discuss_frame .swiper-container .swiper-wrapper {
        width: 100%;
    }

    #partner_discuss_frame .swiper-button-prev {
        display: block;
        top: 63.3%;
        left: 1%;
        padding: 5%;
        outline: none;
    }

    #partner_discuss_frame .swiper-button-next {
        display: block;
        top: 63.3%;
        right: 1%;
        padding: 5%;
        outline: none;
    }

    /* PARTNER DISSCUSS */

    .discuss_frame {
        position: relative;
        padding-top: 2rem;
        padding-bottom: 2rem;
        /* padding-top: 75%; */
    }

    .title_discuss {
        position: absolute;
        top: 11.5%;
        width: 100%;

    }

    .title_discuss span {
        font-family: 'Muli';
        font-weight: 700;
        font-size: 330%;

    }

    .content_discuss {
        width: 90.2%;
        line-height: 1.2;
        font-size: 5vw;
        /* position: absolute; */
        top: 32.5%;
        left: 6.1%;
    }

    .btn_discuss {
        padding: 3% 0%;
        color: #3992cf;
        border: none;
        /* -webkit-box-shadow: 2px 5px 14px -5px #1e2021;
        box-shadow: 2px 5px 14px -5px #1e2021; */
        margin-top: 4%;
        font-size: 115%;
        /* position: absolute; */
        top: 65.5%;
        width: 71.5%;
        /* left: 13.8%; */
    }

    .btn_discuss:hover {
        padding: 3% 0%;
        width: 70.5%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: block;
    }

    .panigation-oa {
        display: inline;
    }


    .hover_icon_visible {
        visibility: visible !important;
    }


    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        50% {
            opacity: 1;
        }
    }

    @keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
        }

        50% {
            opacity: 1;
        }
    }

    #our_core_frame .container_our_core .swiper-slide {
        padding: 0;
        /* width: 100%; */

    }

    #our_core_frame .container_our_core .swiper-wrapper {
        margin-left: 0;
        width: 100%;
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .frame_bg_item_our_core {
        margin-top: 1.5em;
    }

    .micro_services_frame .swiper-container-horizontal>.swiper-pagination-bullets {
        display: none;
    }
}


@media only screen and (max-width: 320px) {
    #partner_discuss_frame .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%;
        background-size: 100% auto;
    }
}