/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 1200px;
}

.html_topbar_left {
}

    .html_topbar_left ul {
        display: flex;
        gap: 40px;
        list-style: none;
    }

        .html_topbar_left ul li {
            margin: 0;
        }

            .html_topbar_left ul li a {
                color: var(--s2-s1, #0D323F);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                padding-left: 30px;
            }

            .html_topbar_left ul li:nth-child(1) a {
                background: url(images/heademail.png) left center no-repeat;
            }

            .html_topbar_left ul li:nth-child(2) a {
                background: url(images/headphone.png) left center no-repeat;
            }

.stSlide {
    border-top: 6px solid #08817E;
    border-bottom: 6px solid #FCCA1B;
}

.ftInfo h4 {
    color: white;
    text-align: center;
    margin-bottom: 15px;
}

.ftInfo ul {
    list-style: none;
}

    .ftInfo ul li {
        padding: 0;
        margin: 0;
        color: var(--p3, #FFF);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 10px;
        padding-left: 35px;
    }

        .ftInfo ul li a {
            color: white;
        }

        .ftInfo ul li:nth-child(1) {
            background: url(images/ft1.png) left center no-repeat;
        }

        .ftInfo ul li:nth-child(2) {
            background: url(images/ft2.png) left center no-repeat;
        }

        .ftInfo ul li:nth-child(3) {
            background: url(images/ft3.png) left center no-repeat;
        }

.ftListMenu {
}

    .ftListMenu h4 {
        margin: 0;
        padding: 0;
        color: var(--s1-p3, #FFF);
        /* s1/t5 */ font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 15px;
    }

    .ftListMenu ul {
        margin: 0;
        padding: 0;
    }

        .ftListMenu ul li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .ftListMenu ul li a {
                background: url(images/ftarrow.png) left center no-repeat;
                color: #FFF;
                /* s1/t5 */
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                padding-left: 27px;
                display: block;
                margin-bottom: 16px;
            }

.stAbout {
    border-radius: 30px;
    overflow: hidden;
}

.aboutInfo {
}

    .aboutInfo h3 {
        color: #FFF;
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        background: url(images/about-line.png) left bottom no-repeat;
        padding-bottom: 14px;
        margin-bottom: 17px;
    }

    .aboutInfo h4 {
        color: #FEFFFF;
        /* s1/t9 */

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .aboutInfo p {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.about-readmore {
    background: #FCCA1B;
}

    .about-readmore span {
        color: var(--s2-s1, #0D323F);
        /* s1/t5 */ font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.col-stAbout:before {
    position: absolute;
    content: "";
    width: 231px;
    height: 295px;
    border-radius: 20px;
    background: rgba(217, 217, 217, 0.30);
    bottom: -53px;
    left: -55px;
}

.partner-heading {
}

    .partner-heading h2 {
        color: var(--s1, #08817E);
        /* s1/t7 */
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0;
    }

.stPartner {
}

.partnerst {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ftsocial {
    list-style: none;
    display: flex;
    gap: 10px;
}

    .ftsocial li {
    }

    .ftsocial a {
    }

.aisdefix {
    list-style: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}

    .aisdefix li {
    }

        .aisdefix li a {
        }

.header-language-dropdown a {
    color: black !important;
}

.aboutImg {
}

    .aboutImg:before {
        position: absolute;
        content: "";
        width: 202px;
        height: 27px;
        border-radius: 23px;
        background: var(--s3, #FCCA1B);
        left: 0;
        right: 0;
        bottom: -44px;
        margin: auto;
        z-index: 99999;
        visibility: hidden;
    }

.formContact {
    text-align: center;
    padding: 10px 30px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    overflow: hidden;
    background: #f9f9f9;
}

    .formContact h3 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .formContact .wpcf7-text {
        height: 55px;
        border-radius: 0;
        font-size: 15px;
        border: 1px solid #ddd;
        border-top: 2px solid #ddd;
        border-left: 2px solid #ddd;
        margin-bottom: 20px;
    }

    .formContact .wpcf7-submit {
        color: #000;
        margin-top: 10px;
        box-shadow: 0 2px 0 0#bfbfbf;
        margin-bottom: 20px;
        border-radius: 47.5px;
        background: var(--s3, #FCCA1B);
        padding: 2px 50px;
        display: inline-block;
    }

.wpcf7-spinner {
    display: block;
}

.abservice-st {
}

    .abservice-st .abibox {
        padding: 50px;
        background: #000;
    }

        .abservice-st .abibox h3 {
            color: #fff;
            margin-top: 45px;
            text-transform: uppercase;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .abservice-st .row .col:nth-child(1) .abibox:before {
        content: "";
        top: -10px;
        border-bottom: 10px solid #000;
        border-left: 390px solid transparent;
        right: 0;
        display: block;
        position: absolute;
    }

    .abservice-st .row .col:nth-child(1) .abibox:after {
        content: "";
        border-left: 390px solid transparent;
        right: 0;
        display: block;
        position: absolute;
        bottom: -10px;
        border-top: 10px solid #000;
    }

    .abservice-st .row .col:nth-child(2) .abibox:before {
        content: "";
    }



    .abservice-st .row .col:nth-child(3) .abibox:before {
        content: "";
        top: -10px;
        border-bottom: 10px solid #000;
        border-right: 390px solid transparent;
        left: 0;
        display: block;
        position: absolute;
    }

    .abservice-st .row .col:nth-child(3) .abibox:after {
        content: "";
        border-right: 390px solid transparent;
        left: 0;
        display: block;
        position: absolute;
        bottom: -10px;
        border-top: 10px solid #000;
    }

    .abservice-st .row .col:nth-child(2) .abibox {
        border: 10px solid #415161;
        margin-right: 1px;
        margin-left: 1px;
        margin-top: -10px;
        padding: 50px;
        background: #000;
    }

.stOur {
}

.ourHeading {
}

    .ourHeading h1 {
        font-size: 20px;
        color: #4ec8c6;
    }

    .ourHeading h2 {
        color: black;
    }

.tabOur {
    justify-content: center;
}

    .tabOur .nav-line {
        /* margin-left: -10px; */
        /* margin-right: -10px; */
        margin-bottom: 25px;
    }

        .tabOur .nav-line li {
            margin-bottom: 45px;
            display: inline-block;
            float: none;
            /* min-width: 20%; */
            text-align: center;
            position: relative;
            margin: 0;
            padding: 0 1px;
        }

            .tabOur .nav-line li a {
                color: #fff;
                display: block;
                background-color: #4ec8c6;
                padding: 20px 46px;
                border-radius: 0;
                border: 0;
                position: relative;
                font-weight: 400;
            }

                .tabOur .nav-line li a:hover {
                    color: #fff;
                    background-color: #000;
                    border: 0;
                }

            .tabOur .nav-line li:first-child:before, .tabOur .nav-line li:last-child:before {
                position: absolute;
                content: "";
                top: 0;
                z-index: 1;
                border-top: 10px solid #f9f9f9;
            }

            .tabOur .nav-line li:first-child:before {
                left: 0;
                border-right: 280px solid transparent;
            }

            .tabOur .nav-line li:last-child:before {
                right: 0;
                border-left: 226px solid transparent;
            }

        .tabOur .nav-line .active a {
            color: #fff;
            background-color: #000;
            border: 0;
        }

        .tabOur .nav-line a:before {
            content: "";
        }

    .tabOur .tab-panels {
    }

.stOur .service-info {
    font-size: 13px;
    line-height: 30px;
    color: #6f6f6f
}

.service-structure i {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 25px;
    color: #999;
    background-color: #fff;
    border: 2px solid #f1f1f1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.service-structure li {
    margin-left: 40px;
    position: relative;
    display: inline-block;
}

    .service-structure li:first-child {
        margin-left: 0;
    }

    .service-structure li:first-child, .service-structure li:last-child {
        position: relative;
        border-top: 0;
    }

.stOur .service-info h4 {
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.service-structure span {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.service-structure {
}

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

.testimonial {
    color: #fff;
    border: 1px solid #828e9a;
    font-size: 13px;
    line-height: 30px;
    border-bottom: none;
    position: relative;
    margin: 50px 10px;
}

    .testimonial:after, .testimonial:before {
        position: absolute;
        content: "";
        background-color: #828e9a;
    }

    .testimonial:before {
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 1px;
    }

.left-content .testimonial:before {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

.testimonial .testimonial-icon {
    position: absolute;
    top: 32px;
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #4ec8c6;
}

.left-content .testimonial .testimonial-icon {
    left: 15px;
}

.testimonial-info {
    padding: 20px;
}

.left-content .testimonial-info {
    margin-left: 70px;
}

.testimonial h5 {
    color: #4ec8c6;
    font-size: 13px;
    margin-top: 15px;
}

.testimonial:after {
    bottom: -20px;
    right: -1px;
    width: 1px;
    height: 35px;
}

.right-content .testimonial:before {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.right-content .testimonial:after {
    left: -1px;
}

.right-content .testimonial .testimonial-icon {
    right: 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.whyHeading {
}

    .whyHeading h1 {
        font-size: 20px;
        color: #4ec8c6;
    }

    .whyHeading h2 {
    }

.features-section {
    background-color: #f4f4f4
}

.features-tabs .nav-tabs > li {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    position: relative;
}

    .features-tabs .nav-tabs > li a {
        display: block;
        width: 100%;
        padding-top: 33px;
        padding-bottom: 33px;
        padding-left: 155px;
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        background-color: #000;
        border-radius: 0;
        border: 0;
        position: relative;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

.features-tabs .features-before a:after, .features-tabs .features-before a:before {
    position: absolute;
    content: "";
    right: 0;
    border-left: 455px solid transparent;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.features-tabs .features-before a:before {
    top: -19px;
    border-bottom: 20px solid #000;
}

.features-tabs .features-before a:after {
    bottom: -19px;
    border-top: 19px solid #000;
}

.features-image.features:before {
    top: -2px;
    height: 15px;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.features-image:after, .features-image:before {
    position: absolute;
    content: "";
    background-color: #4ec8c6;
    height: 25px;
    width: 100%;
    left: 0;
    z-index: 5;
    bottom: 0;
}

.features-image.features:after {
    bottom: -3px;
    height: 15px;
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}

.features-tabs .nav-tabs > li.active > a:focus, .features-tabs .nav-tabs > li.active > a:hover, .features-tabs .nav-tabs > li > a.active {
    border: 0;
    color: #000;
    background-color: #fff;
}


.features-tabs .before-middle a:after, .features-tabs .before-middle a:before {
    position: absolute;
    content: "";
    left: 2px;
    border-right: 465px solid transparent;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.features-tabs .before-middle a:before {
    top: -19px;
    border-bottom: 19px solid #000;
}

.features-tabs .nav-tabs > li a.active:before, .features-tabs .nav-tabs > li:hover a:before {
    border-bottom: 20px solid #fff;
}

.features-tabs .nav-tabs > li a.active:after, .features-tabs .nav-tabs > li:hover a:after {
    border-top: 20px solid #fff;
}

.features-tabs .before-middle a:after {
    bottom: -19px;
    border-top: 19px solid #000;
}

.features-tabs .nav:hover > li:not(:hover) > a:before, .features-tabs .nav:hover > li:not(:hover) > a:after {
    opacity: 1;
}

.features-tabs .nav-tabs > li a:hover {
    background: white;
    color: #000;
}

.features-image {
    position: absolute;
    background-color: #4ec8c6;
    padding: 15px 25px;
    top: 0;
    bottom: 0;
    left: 0;
    min-width: 115px;
    z-index: 10;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.features-section .right-content {
    padding: 10px 18px;
    background-color: #fff;
    position: relative;
}

.features-image img {
    display: inline;
}

.right-content .features-info {
    font-size: 13px;
    line-height: 30px;
    padding: 25px;
    overflow: hidden;
    color: #6f6f6f;
}

.features-section .feature-image {
    padding-left: 15px;
    position: relative;
}

    .features-section .feature-image img {
        border-left: 1px solid #e5e5e5;
    }

.features-section .right-content:before {
    position: absolute;
    content: "";
    top: -20px;
    left: 0;
    border-right: 675px solid transparent;
    border-bottom: 20px solid #fff;
}

.features-section .right-content:after {
    position: absolute;
    content: "";
    bottom: -23px;
    left: 0;
    border-right: 675px solid transparent;
    border-top: 23px solid #fff;
}

.features-tabs ul .features-before:nth-child(2) a {
    /* background: white; */
    /* color: #000; */
}

    .features-tabs ul .features-before:nth-child(2) a:after, .features-tabs ul .features-before:nth-child(2) a:before {
        position: absolute;
        content: "";
        left: 2px;
        border-right: 465px solid transparent;
        z-index: 1;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-left: 0;
    }

.features-before:hover {
    background: white;
    color: #000;
}

.features-tabs ul .features-before:nth-child(2) a:before {
    top: -17px;
    border-bottom: 19px solid #000;
}

.features-tabs ul .features-before:nth-child(2) a:after {
    bottom: -17px;
    border-top: 19px solid #000;
}

.features-tabs ul .features-before:nth-child(2) .features-image:before {
    top: -17.8px;
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    height: 25px;
}

.features-tabs ul .features-before:nth-child(2) .features-image:after {
    bottom: -17.5px;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    height: 25px;
}

.features-tabs ul .features-before:nth-child(2) a:hover {
    background: white;
    color: #000;
}

    .features-tabs ul .features-before:nth-child(2) a:hover:before {
        border-bottom: 19px solid white;
    }

    .features-tabs ul .features-before:nth-child(2) a:hover:after {
        border-top: 19px solid white;
    }

.features-tabs ul .features-before:nth-child(2) a.active:before {
    border-bottom: 19px solid white;
}

.features-tabs ul .features-before:nth-child(2) a.active:after {
    border-top: 19px solid white;
}

.blog-content li a {
    color: #777;
    font-size: 12px
}

    .blog-content li a:hover, .copyright-text a:hover, .entry-title a:hover {
        color: #4ec8c6
    }

.blog-content .entry-post {
    padding: 25px 50px 35px;
    color: #6f6f6f;
    font-size: 13px;
    line-height: 30px;
    margin: 16px 0;
    background-color: #f2f2f2
}

.blog-content .btn.btn-primary {
    font-size: 12px;
    padding: 0px 0px 0px 10px;
    color: #000;
    margin-top: 7px;
    background: #4ec8d1;
    display: inline-block;
}

    .blog-content .btn.btn-primary:hover i {
        background-color: #4ec8c6
    }

    .blog-content .btn.btn-primary i {
        width: 40px;
        height: 100%;
        line-height: 45px;
        color: #fff;
        background-color: #000
    }

.blog-content .time {
    position: absolute;
    top: 30px;
    padding: 15px;
    max-width: 85px;
    text-align: center;
    color: #fff;
    background-color: #4ec8c6;
}

.blog-content.blog-one .time {
    left: 65px;
}

.blogNnews .blog-content {
    margin-top: 100px;
}

.blog-content.blog-two .time {
    right: 65px;
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.features-info ul {
    padding-inline-start: 17px;
}

.partnerThumb {
}

    .partnerThumb img {
        max-width: 104px;
        height: 55px;
        object-fit: cover;
    }

.quytrinhst {
}

.quytrinhHeading {
}

    .quytrinhHeading h3 {
        color: var(--s2-s1, #0D323F);
        /* s1/t8 */ font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        background: url(images/line-quytrinh.png) left bottom no-repeat;
        padding-bottom: 9px;
        margin-bottom: 7px;
    }

    .quytrinhHeading h2 {
        color: var(--s2-s1, #0D323F);
        /* s1/t1 */ font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0;
    }

.quytrItem {
    display: flex;
    align-items: center;
    margin-bottom: 103px;
}

.quytrThumb {
    min-width: 169px;
    min-height: 169px;
    max-width: 169px;
    max-height: 169px;
    position: relative;
}

    .quytrThumb img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
    }

.quytrOrder {
    border-radius: 11px;
    background: var(--s3, #FCCA1B);
    width: 64px;
    height: 62px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    /* s1/t3 */

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    top: -20px;
    right: -14px;
}

.quytrContent {
    padding-left: 35px;
}

.quytrTitle {
    /* s1/t3 */


    margin-bottom: 14px;
}

    .quytrTitle a {
        color: #000;
        /* s1/t3 */
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-left: 16px;
        position: relative;
        display: flex;
        align-items: center;
        height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

.quytrDescription {
    color: var(--s2-s1, #0D323F);
    /* s1/t10 */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.quytrTitle a:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 26px;
    border-radius: 2px;
    background: var(--s3, #FCCA1B);
    left: 0;
    top: 0;
}

.proj-st {
}

.projHeading {
}

    .projHeading h2 {
        color: var(--s1-p3, #FFF);
        /* s1/t1 */
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0;
    }

.proj-st:before {
    position: absolute;
    content: "";
    margin: 0 auto;
    width: 320px;
    height: 21px;
    border-radius: 32px;
    background: var(--s2, #4EC8C6);
    bottom: -7px;
    left: 0;
    right: 0;
}

.tabOur a.button {
    border-radius: 47.5px;
    background: var(--s3, #FCCA1B);
}

    .tabOur a.button span {
        color: black;
        /* s1/t5 */ font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.projectHome {
}

.projectHeadingHome {
}

    .projectHeadingHome h2 {
        color: var(--s1, #08817E);
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0;
    }

.projectHome:before {
    position: absolute;
    content: "";
    margin: 0 auto;
    width: 320px;
    height: 21px;
    border-radius: 32px;
    background: var(--s2, #4EC8C6);
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 99;
}

.btnSecttion {
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    display: flex;
    color: var(--s2-s1, #0D323F);
    /* s1/t5 */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 145px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 47.5px;
    background: var(--s3, #FCCA1B);
}

.prjItem {
}

.prjThumb {
    width: 100%;
    height: 204px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 13px;
}

    .prjThumb img {
        height: 100%;
        object-fit: cover;
    }

.prjContent {
}

.prjTitle {
    padding-top: 13px;
    position: relative;
}

    .prjTitle a {
        color: var(--s1, #08817E);
        /* s1/t4 */
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        /* line-height: normal; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        display: block;
    }

    .prjTitle:before {
        position: absolute;
        content: "";
        width: 44px;
        height: 4px;
        border-radius: 5px;
        background: var(--s1-p4, #706C6C);
        top: 0;
        left: 0;
    }

.prjReadMore {
}

    .prjReadMore a {
        color: var(--s1-p4, #706C6C);
        /* s1/t10 */ font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.teamHeading {
}

    .teamHeading h2 {
        color: var(--s3, #FCCA1B);
        /* s1/t1 */ font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .teamHeading h3 {
        color: var(--s3, #FCCA1B);
        /* s1/t1 */ font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .teamHeading h2 span {
        position: relative;
        padding-right: 17px;
    }

    .teamHeading h3 span {
        padding-left: 92px;
        position: relative;
    }

    .teamHeading h2 span:before {
        content: "";
        width: 76px;
        height: 3px;
        border-radius: 14px;
        background: #FCCA1B;
        position: absolute;
        bottom: 8px;
        left: 100%;
    }

    .teamHeading h3 span:before {
        content: "";
        width: 76px;
        height: 3px;
        border-radius: 14px;
        background: #08817e;
        position: absolute;
        bottom: 8px;
        left: 0;
    }

.teamItem {
}

.teamThumb {
    position: relative;
    border-radius: 5px;
    height: 293px;
    overflow: hidden;
    width: 100%;
}

    .teamThumb img {
        height: 100%;
        position: absolute;
        object-fit: cover;
    }

.teamItem .teamFix {
    width: 39px;
    height: 150px;
    border-radius: 5px;
    background: var(--s1, #08817E);
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 20px 0;
}

    .teamItem .teamFix .teamFixSocial {
    }

        .teamItem .teamFix .teamFixSocial:nth-child(1) a {
            width: 20px;
            display: block;
            height: 20px;
            background: url(images/team1.png) center center no-repeat;
        }

        .teamItem .teamFix .teamFixSocial:nth-child(2) a {
            width: 20px;
            display: block;
            height: 20px;
            background: url(images/team2.png) center center no-repeat;
        }

        .teamItem .teamFix .teamFixSocial:nth-child(3) a {
            width: 20px;
            display: block;
            height: 20px;
            background: url(images/team3.png) center center no-repeat;
        }

.teamContent {
    text-align: center;
    padding-top: 12px;
}

.teamTitle {
    margin-bottom: 5px;
}

    .teamTitle a {
        color: #000;
        text-align: center;
        /* mAIN TEXT\/t2 */
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.teamDescription {
    color: #000;
    text-align: center;
    /* mAIN TEXT\/t8 */ font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ykkhHeading {
}

    .ykkhHeading h2 {
        color: var(--s1, #08817E);
        /* s1/t1 */ font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-bottom: 23px;
        margin: 0;
    }

        .ykkhHeading h2:before {
            position: absolute;
            content: "";
            border-radius: 50px;
            background: var(--s3, #FCCA1B);
            width: 96px;
            height: 7px;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.ykkhItem {
    display: block;
    position: relative;
    padding-left: 24px;
}

.ykkhGender {
    color: var(--s2, #4EC8C6);
    /* s1/t5 */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 40%;
}

.ykkhTitle {
    color: #000;
    /* s1/t4 */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 40%;
    margin-bottom: 10px;
}

.ykkhContent {
    border-radius: 21px;
    background: url(images/ykkhelip.png) right center no-repeat var(--s1, #08817E);
    color: var(--s2-s2, #FFF);
    /* s1/t10 */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    padding: 27px 40px 27px 40%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

    .ykkhContent:before {
        content: "";
    }

.ykkhThumb {
    width: 147px;
    height: 196px;
    position: absolute;
    top: 0;
    left: 0;
}

    .ykkhThumb:before {
        content: "";
        width: 41px;
        height: 9px;
        position: absolute;
        border-radius: 24px;
        border: 3px solid var(--s3, #FCCA1B);
        background: var(--s3, #FCCA1B);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        left: 0;
        right: 0;
        display: block;
        margin: 0 auto;
        bottom: -10px;
    }

.ykkhContent:before {
    width: 227.453px;
    height: 210px;
    fill: #086A67;
    opacity: 0.5;
    background: url(images/ykkhelip.png) no-repeat;
    background-size: cover;
}

.ykkhBox {
    position: relative;
}

    .ykkhBox:before {
        position: absolute;
        content: "";
        width: 246px;
        height: 246px;
        display: block;
        border-radius: 58px;
        background: rgba(217, 217, 217, 0.20);
        top: -135px;
        left: -73px;
    }

    .ykkhBox:after {
        position: absolute;
        content: "";
        width: 193px;
        height: 193px;
        display: block;
        border-radius: 35px;
        background: rgba(217, 217, 217, 0.20);
        bottom: -135px;
        left: 77px;
        z-index: -1;
    }

.blogHomeHeading {
}

    .blogHomeHeading h2 {
        color: var(--s1-p3, #FFF);
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0;
    }

.blogst:before {
    position: absolute;
    content: "";
    margin: 0 auto;
    width: 320px;
    height: 21px;
    border-radius: 32px;
    background: var(--s2, #4EC8C6);
    bottom: -7px;
    left: 0;
    right: 0;
}

.blogst {
    z-index: 999;
}

.blognew-item {
    overflow: hidden;
    border-radius: 10px;
    background: var(--s1-p3, #FFF);
    /* s1 */
    box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 30px;
}

.blognew-thumb {
}

    .blognew-thumb img {
    }

.blognew-content {
}

.blognew-date {
}

.blognew-title {
    margin-bottom: 21px;
}

    .blognew-title a {
        color: #000;
        /* s1/t10 */
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

.blognew-readmore {
}

    .blognew-readmore a {
        color: var(--s1, #08817E);
        /* s1/t10 */ font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        background: url(images/arrow-readmore.png) left center no-repeat;
        height: 26px;
        display: flex;
        padding-left: 41px;
        align-items: center;
    }

.blognew-content {
    padding: 21px;
}

.ftsocial li {
    margin: 0 !important;
    padding: 0 !important;
}

.time h2 {
    color: white;
}

.blog-content .btn.btn-primary i {
    width: 40px;
    height: 100%;
    line-height: 45px;
    color: #fff;
    background-color: #2c3e50;
    text-align: center;
    margin-left: 10px;
}

.blog-image img {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.widget {
}

.widget-title {
    letter-spacing: 1px;
    padding: 16px;
    font-size: 15px;
    display: block;
    background: #4ec8c6;
    color: #fff;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
}

    .widget-title span {
    }

.widget .is-divider {
    display: none;
}

.widget ul {
    margin: 0;
    background: whitesmoke;
    padding: 10px !important;
    padding-bottom: 0 !important;
}

.entry-header-text-top {
    padding-top: 0;
    padding-bottom: 0;
}

#rpwe_widget-2 .rpwe-block ul {
    padding-left: 10px !important;
}

.prpject-heading {
    margin-bottom: 20px;
}

.mapbox {
    /* background: #f3f3f3; */
    /* border-bottom: #a0a0a0 solid 1px; */
    padding: 10px;
    margin-bottom: 20px;
}

.map-list {
    display: flex;
    gap: 10px;
    margin: 0;
}

    .map-list li {
        list-style: none;
        margin: 0;
    }

        .map-list li a {
            padding-bottom: 10px;
            color: #fff;
            display: block;
            font-size: 15px;
            background-color: #f3cc29;
            padding: 20px 50px;
            text-transform: capitalize;
            border-bottom: 3px solid #f3cc29;
        }

        .map-list li.active {
        }

            .map-list li.active a {
                color: white;
                border-bottom: #08817e solid 3px;
                background: #08817e;
            }

.mape-item {
    margin-bottom: 20px;
    width: 100%;
    display: block;
}

.breadcrumbs {
    width: 100%;
    height: auto;
    border-bottom: #ddd solid 1px;
    border-top: #ddd solid 1px;
    font-weight: 400;
    font-size: 15px;
    padding: 10px 0;
    display: block;
}

.blog-pagee {
    margin-top: 30px;
}

.prjItem {
    margin-bottom: 30px;
}

#breadcrumbs {
    margin-bottom: 0;
}

.breadcrumb-content h1, .timline-panel h4 {
    text-transform: uppercase;
    font-family: "montserratsemi_bold"
}

.timline-section {
    padding-bottom: 0
}

.timline-overlay, .timline-panel {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.timline-panel {
    float: right;
    border: 5px solid #f5f6f7;
    padding: 15px;
    font-size: 13px;
    line-height: 24px;
    color: #6f6f6f;
    position: relative;
    text-align: center;
    max-width: 310px;
    z-index: 2;
    background-image: url(../images/others/timline.jpg)
}

.timline-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e8e8e8;
    z-index: 1
}

.timline-panel:hover, .timline-panel:hover h4 {
    color: #fff
}

    .timline-panel:hover .timline-overlay {
        opacity: 1;
        background-color: rgba(44,62,80,.9)
    }

.timline-panel:after {
    position: absolute;
    content: "";
    bottom: -23px;
    margin-left: -6px;
    left: 50%;
    color: #ccc;
    font-family: fontawesome
}

.timline-bottom .timline-panel:after {
    top: -23px;
    content: ""
}

.timline-panel:hover:after {
    color: #2c3e50
}

.timline-panel h4 {
    text-align: center;
    color: #2c3e50;
    font-size: 18px;
    margin-top: 20px
}

.posted-date, .posted-date li, .timline-panel h4, .timline-panel p {
    position: relative;
    z-index: 2
}

    .posted-date, .posted-date li, .timline-panel h4, .timline-panel p {
        position: relative;
        z-index: 2
    }

.posted-date {
    margin-top: 30px;
    margin-bottom: 30px;
    z-index: 9999
}

    .posted-date .posted {
        margin: 0
    }

    .posted-date:before {
        position: absolute;
        content: "";
        top: 20px;
        left: -3px;
        width: 99%;
        height: 7px;
        background-color: #fcd846;
        z-index: 1
    }

    .posted-date:after {
        position: absolute;
        content: "";
        bottom: 34px;
        right: 12px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 10px solid #fcd846
    }

    .posted-date .posted:after {
        position: absolute;
        content: "";
        width: 40px;
        height: 40px;
        top: 4px;
        right: 0;
        border: 5px solid #fcd846;
        z-index: -1
    }

    .posted-date .posted:before {
        position: absolute;
        content: "";
        width: 20px;
        height: 14px;
        top: 16px;
        right: 20px;
        background-color: #fff
    }

    .posted-date li + li {
        margin-left: 25%
    }

    .posted-date li {
        z-index: 1;
        display: inline-block
    }

    .posted-date .year {
        border: 4px solid #d5d8dc;
        padding: 2px 30px;
        background-color: #fcd846;
        font-size: 24px;
        font-family: "montserratsemi_bold"
    }

    .posted-date li:after, .posted-date li:before {
        position: absolute;
        content: "";
        top: 8px;
        width: 20px;
        height: 20px;
        background: radial-gradient(circle,#f3ad0e,#f3d10d,#f3d10d);
        background: -webkit-radial-gradient(circle,#f3ad0e,#f3d10d,#f3d10d);
        background: -noz-radial-gradient(circle,#f3ad0e,#f3d10d,#f3d10d);
        background: -ms-radial-gradient(circle,#f3ad0e,#f3d10d,#f3d10d);
        background: -o-radial-gradient(circle,#f3ad0e,#f3d10d,#f3d10d);
        border-radius: 50%;
        border: 2px solid #fff
    }

    .posted-date li:before {
        right: -75px
    }

    .posted-date li:first-child:before {
        right: -92px
    }

    .posted-date li:last-child:before {
        right: -55px
    }

    .posted-date li:first-child:after {
        right: -195px
    }

    .posted-date li:after {
        right: -172px
    }

    .posted-date li:last-child:after {
        display: none
    }

.time-line .row {
}

.aboutpage-readmore {
    background-color: #4ec8c6;
}

    .aboutpage-readmore span {
    }

.abotpage-imgz {
}

    .abotpage-imgz img {
        width: auto;
        height: auto;
        text-align: right;
    }

.itemboxe {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #5a6878;
}

    .itemboxe .icon-box-img + .icon-box-text {
        padding-left: 25px;
    }
/*Desktop*/
@media (min-width: 1366px) {
    .container {
        max-width: 1300px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }

    .aboutInfo .col-inner {
        padding-left: 50px;
    }
}

@media only screen and (max-width: 48em) {
.html_topbar_left ul {
    display: flex;
    gap: 5px;
    list-style: none;
    flex-wrap: wrap;
}
    .tabOur .nav-line li a {
        padding: 20px 0px;
    }

    .tabOur .nav-line {
        justify-content: center;
    }

        .tabOur .nav-line li:first-child:before {
            display: none;
        }

        .tabOur .nav-line li:last-child:before {
            display: none;
        }

        .tabOur .nav-line li {
            width: 49%;
            margin-bottom: 2px;
        }

    .service-structure li {
        margin-left: 3px !important;
    }

    .col-stAbout:before {
        display: none;
    }

    .abservice-st .no-padding {
        padding: 0 15px !important;
    }

    .abservice-st .row .col:nth-child(1) .abibox:before {
        content: "";
        top: -10px;
        border-bottom: 10px solid #000;
        border-left: 390px solid transparent;
        right: 0;
        display: block;
        position: absolute;
        visibility: hidden;
    }

    .abservice-st .row .col:nth-child(1) .abibox:after {
        content: "";
        border-left: 390px solid transparent;
        right: 0;
        display: block;
        position: absolute;
        bottom: -10px;
        border-top: 10px solid #000;
        visibility: hidden;
    }

    .abservice-st .row .col:nth-child(2) .abibox:before {
        content: "";
    }



    .abservice-st .row .col:nth-child(3) .abibox:before {
        content: "";
        top: -10px;
        border-bottom: 10px solid #000;
        border-right: 390px solid transparent;
        left: 0;
        display: block;
        position: absolute;
        visibility: hidden;
    }

    .abservice-st .row .col:nth-child(3) .abibox:after {
        content: "";
        border-right: 390px solid transparent;
        left: 0;
        display: block;
        position: absolute;
        bottom: -10px;
        border-top: 10px solid #000;
    }

    .abservice-st .row .col:nth-child(2) .abibox {
        border: 10px solid #415161;
        margin-right: 0;
        margin-left: 0;
        margin-top: -10px;
        padding: 50px;
        background: #000;
        margin: 1px 0;
    }
}