/* Footer */
.logo-footer {
    display: block;
    width: 100%;
}

.logo-footer img {
    width: 100%;
}

.in-box-icon-footer {
    margin: 20px 0;
}

.bot-f .menu-btn-contact {
    height: fit-content;
}

.contact-info .info-f-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-info img {
    width: 36px;
}

.contact-info .info-f-text {
    color: #0c7073;
    font-size: 14px;
    font-style: bold;
}

.menu-btn-contact {
    font-family: PublicSans-ExtraBold !important;
    font-size: 14px;
    color: #006666 !important;
    background-color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 50px;
}

@media (max-width: 1200px) {
    .header-top {
        display: none;
    }

    .header-menu .menu {
        display: flex;
        flex-wrap: wrap;
    }

    .header-menu .menu .logo-left,
    .header-menu .menu .logo-right {
        float: none;
    }

    .header-menu .menu .logo-right {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;

    }

    .nav-desktop {
        display: none;
    }

    .nav-mobile {
        position: absolute;
        top: 100px;
        right: 0;
        width: 100%;
        transition: top 0.3s ease-in-out;
        z-index: 9999;
    }

    nav.mobile-menu {
        --size-item: 28px;
        display: flex;
        padding: 20px;
        padding-right: 0;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    nav.mobile-menu div {
        height: var(--size-item);
    }

    nav.mobile-menu div.ham-menu {
        height: calc(var(--size-item) - 4px);
    }

    .search-icon-mobile,
    .icon-flag {
        display: flex;
        align-items: center;
    }

    .search-icon-mobile img,
    .icon-flag img {
        height: 100%;
        width: auto;
    }

    .ham-menu {
        width: calc(var(--size-item) - 4px);
        position: relative;
    }

    .ham-menu span {
        height: 2px;
        width: 100%;
        background-color: #fff;
        border-radius: 25px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out;
    }

    .ham-menu span:nth-child(1) {
        top: 30%;
    }

    .ham-menu span:nth-child(3) {
        top: 70%;
    }

    .ham-menu.active span {
        background-color: black;
    }

    .ham-menu.active span:nth-child(1) {
        top: 50%;
        width: 70%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ham-menu.active span:nth-child(2) {
        opacity: 0;
    }

    .ham-menu.active span:nth-child(3) {
        top: 50%;
        width: 70%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .img-logo-header {
        width: 90px;
    }

    /* Nav mobile menu */
    .nav-tnpm-mobile {
        width: 100%;
        height: 60vh;
        padding: 18px 12px;
        background-image: linear-gradient(rgba(245, 244, 245, 0.8), rgba(245, 244, 245, 0.8)), url("../img/bg/shutterstock_196756750.jpg");
        background-position: center;
        background-size: cover;

        overflow-y: auto;
    }

    .nav-tnpm-mobile ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .nav-menu-mobile>li>a,
    .menu-toggle {
        width: 100%;
        border: none;
        background: transparent;
        text-align: left;
        font-size: 18px;
        color: #006666;
        font-family: PublicSans-ExtraBold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-toggle {
        padding: 0;
        transition: all 0.4s ease-in-out;
    }

    .nav-tnpm-mobile a {
        text-decoration: none;
    }

    .nav-submenu-mobile {
        max-height: 0;
        overflow: hidden;
        transition: all 0.4s ease-in-out;
        background: transparent;
    }

    .nav-submenu-mobile a {
        display: block;
        padding: 12px 32px;
        font-size: 14px;
    }

    .icon {
        width: 25px;
        height: 25px;
    }

    .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all 1s ease-in-out;
    }

    .icon img.is-sub {
        opacity: 0;
        display: none;
    }

    .has-sub.open {
        background-color: transparent;
        border: 1px solid #ccc;
        border-radius: 20px;
        box-shadow: inset 0 0 10px 10px rgb(195, 192, 192);
    }

    .has-sub.open .menu-toggle {
        color: #383837;
        padding: 10px 14px;
        background-color: #fff;
        border-radius: 20px;
    }

    .has-sub.open .icon img:not(.is-sub) {
        display: none;
    }

    .has-sub.open .icon img.is-sub {
        display: block;
        animation: rotateIcon 1s forwards;
    }


    .nav-item-mobile {
        transition: all 0.4s ease-in-out, box-shadow 0.4s ease-out;
        box-shadow: inset 0 0 0 0 transparent;
    }

    .nav-menu-mobile>li {
        margin-bottom: 10px;
    }

    .nav-submenu-item a {
        color: #383837;
        font-family: PublicSans-Regular;
        font-weight: 600;
    }

    @keyframes rotateIcon {
        to {
            opacity: 1;
        }
    }
}

@media (max-width: 992px) {
    .box-news{
        background: transparent;
        background-color: rgba(243, 241, 241, 0.9);
        border-radius: 25px;
        padding: 40px 10px 15px 10px;
    }
    .section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    /* Footer */
    .footer {
        margin-top: 20px;
    }

    /* Slider */
    .box-content-slider {
        display: none;
    }

    /* Summary section */
    .summary-section {
        margin-top: 28px;
    }

    .summary-title {
        font-family: PublicSans-SemiBold;
    }

    .summary-content {
        font-family: PublicSans-Light;
        font-style: italic;
        font-size: 18px;
    }

    .btn-base {
        font-family: PublicSans-ExtraBold;
        color: #fff;
        padding: 8px 24px;
        background-color: #006666;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border-radius: 50px;
        text-transform: uppercase;
    }

    .btn-watch-more {
        margin-top: 16px;
    }

    .info-carousel-section {
        display: flex;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }

    .info-carousel {
        margin-top: 32px;
        padding: 0;
        flex: 1;
        min-width: 0;
    }

    .custom-prev {
        width: 12px;
        height: 50px;
        margin-right: 8px;
    }

    .custom-prev i {
        font-size: 14px;
    }

    .info-card {
        width: fit-content;
        padding: 12px;
        margin: 8px 0;
        background: #f2f5fc;
        border-radius: 12px;
        box-shadow: 0 4px 4px #dce5f6,
            0 4px 12px #dce5f6;
    }

    .info-card-img {
        width: 200px;
        height: 200px;
        border-radius: 12px;
        position: relative;
    }

    .save-icon {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        right: 8px;
        background-color: rgba(255, 255, 255, 0.6);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .save-icon i {
        font-size: 14px;
        color: gray;
        line-height: 20px;
    }

    .info-card .card-title h4 {
        font-family: PublicSans-SemiBold;
        font-size: 16px;
        margin-bottom: 0;
        color: #000;
    }

    .info-card .card-text {
        font-family: PublicSans-Regular;
        font-size: 12px;
        color: #959ebe;
    }

    .box-btn .title-tnpm {
        padding: 8px 28px;
        font-size: 18px;
        text-align: left;
    }

    .icon-service {
        display: none;
    }

    .mobile-box-project {
        margin-top: 80px;
    }

    .mobile-cus,
    .mobile-projects {
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .mobile-cus-carousel,
    .m-project-carousel {
        flex: 1;
        min-width: 0;
    }

    .m-project-desc {
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        margin-bottom: 16px;
    }

    .cus-card {
        padding: 8px;
        border-radius: 20px;
        border: 2px solid black;
    }

    .cus-card-img {
        width: 100%;
        height: 195px;
        border-radius: 20px;
    }

    .cus-card-img img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: contain;
    }

    .cus-card-title {
        font-family: PublicSans;
        font-size: 16px;
        font-weight: bold;
        color: #777;
    }

    .cus-card-text {
        margin-top: 12px;
        font-family: PublicSans-Regular;
        font-size: 14px;
        font-weight: bold;
    }

    .cus-info {
        margin-top: 8px;
        color: #898989;
    }

    .cus-info .info-person {
        font-weight: bold;
        font-size: 14px;
    }

    .cus-info .info-department {
        font-size: 14px;
        margin-top: 2px;
    }

    .cus-info .card-highlight {
        color: #076064;
    }

    .bom-box-2 {
        padding-bottom: 40px;
    }

    .box-service {
        width: 100%;
        margin: 0 0;
        padding-top: 10px;
    }

    .view-img {
        position: relative;
        border-radius: 10px;
    }

    .mobile-service-title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(5, 108, 107, 0.8);
        padding: 4px 12px;
    }

    .mobile-service-title h3 {
        margin: 0;
        font-size: 16px;
    }

    .mobile-service-title a {
        color: #fff;
        text-decoration: none;
    }

    .mobile-service-title .title-left {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .mobile-service-title .title-icon {
        width: 48px;
        height: 48px
    }

    .title-right {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .title-right span {
        font-size: 12px;
        color: #fff;
    }

    .mobile-service-title .explore-icon {
        width: 12px;
        height: 12px;
    }

    ._sv-title {
        display: none;
    }

    .news-top-left {
        position: relative;
        width: 100%;
    }

    .item-img img {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-radius: 12px;
    }

    .item-img-bot {
        display: none;
    }

    .mobile-item-img-bot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        bottom: 12px;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 4px 8px;
    }

    .mobile-item-img-bot img {
        width: auto;
        height: 32px;
        position: absolute;
        top: -5px;
    }

    .img-bot-title {
        flex-shrink: 1;
        flex-grow: 0;
        font-size: 10px;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .img-bot-title a {
        color: black;
        text-decoration: none;
        border-right: 1px solid #6e6e6e;
        padding-right: 4px;
        font-weight: bold;
    }

    .img-bot-title span {
        padding-left: 4px;
    }

    .news-top {
        flex-direction: column;
        row-gap: 20px;
    }

    .mobile-news-info {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }

    .news-more-btn {
        text-decoration: none;
        color: black;
        font-family: PublicSans-Regular;
        font-weight: bol;
    }

    .news-title h5 {
        margin-bottom: 0;
        font-weight: bold;
    }

    .mobile-lst-news {
        margin-top: 48px;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .mobile-item-news {
        border-radius: 20px;
    }

    .mobile-news-img {
        width: 100%;
        height: 200px;
        border-radius: 20px;
    }

    /* Về chúng tôi */
    .box-breadcrumb {
        border-bottom: 1px solid #ccc;
    }

    .box-breadcrumb .breadcrumb {
        width: 100%;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .box-breadcrumb .breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .bread-title,
    .bread-link {
        flex-shrink: 0;
        white-space: nowrap;
        padding: 4px 12px;
        background-color: #ededed;
        border-radius: 20px;
    }

    .full-banner {
        height: 350px;       
    }
    .section-bg-info {
        padding: 0 16px;
        padding-top: 10px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px !important;
        height: 10px !important;
        background: #fff !important;
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        width: 15px !important;
        height: 15px !important;
    }

    .ab-info {
        display: flex;
        flex-direction: column;
        padding-top: 10px;
    }

    .ab-info .info-img-left {
        position: static;
        width: 100%;
        height: 200px;
        background-position: center;
        background-size: cover;
        margin-top: 10px;
    }

    .slogan-title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 8px;
    }

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

    .ab-index {
        margin-top: 8px;
    }

    .index-number {
        display: flex;
        justify-content: flex-end;
    }

    .index-number ._counter {
        position: static;
        font-size: 45px;
    }

    .index-number .counter {
        font-size: 60px;
        line-height: 75px;
        padding-right: 0;
    }

    .index-text {
        height: 75px;
    }

    .index-text span {
        font-size: 14px;
        padding-left: 0;
    }

    .member .box-title,
    .certify .box-title,
    .awards .box-title {
        text-align: left;
    }

    .member .img-member {
        height: 319px;
    }

    .member-item:not(:first-child) {
        margin-top: 32px;
    }

    .card-member .card-body {
        display: flex;
        padding-right: 0;
        align-items: center;
    }

    .card-body .body-content {
        flex: 0 1 70%;
    }

    .card-body .body-content h3 {
        font-size: 18px;
        font-weight: bold;
    }

    .card-body .body-content p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .card-body .body-logo {
        width: 30%;
    }

    .body-logo img {
        width: 100%;
        object-fit: contain;
    }

    .cert-box p {
        display: none;
    }

    .cert-title {
        font-size: 18px;
        font-weight: bold;
    }

    .cert-year {
        font-size: 14px;
    }

    .box-certify .read-more,
    .box-awards .read-more {
        display: none;
    }

    .box-mobile-awards {
        width: 100%;
        height: fit-content;
        border: 2px solid #076064;
        border-radius: 20px;
        padding: 6px 0 12px;
    }

    .year-filter {
        padding: 0 8px;
    }

    .year-prev,
    .year-next {
        width: 26px;
        height: 26px;
    }

    .box-year {
        background-color: #eaeaea;
        flex-grow: 1;
    }

    .year-item {
        padding: 6px 18px;
        transition: all 0.3s ease-in-out;
    }

    .year-item.active {
        color: #fff;
        background-color: #076064;
        border-radius: 20px;
    }

    .awards-carousel {
        margin-top: 20px;
        padding: 0 20px;
    }

    .awards-year {
        display: flex;
        flex-direction: column;
        row-gap: 32px;
    }

    .awards-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 8px;
    }

    .awards-year .awards-item:last-child {
        margin-bottom: 32px;
    }

    .awards-item .awards-img {
        width: 100%;
        height: 200px;
        border-radius: 20px;
    }

    .awards-item .awards-title {
        font-size: 16px;
        font-weight: bold;
    }

    .awards-item .awards-desc {
        font-style: italic;
        font-size: 14px;
    }

    /* Tin tuc */
    .mobile-intro-news,
    .m-item-news {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .item-news-top {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    .m-intro-img {
        width: 100%;
        border-radius: 12px;
    }

    .m-intro-img img {
        width: 100%;
        object-fit: contain;
        border-radius: 12px;
    }

    .m-intro-title h3 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .m-intro-date {
        font-size: 14px;
        display: flex;
        align-items: center;
        column-gap: 8px;
        color: #959ebe;
    }

    .m-intro-summary {
        font-size: 14px;
        font-family: PublicSans-Light;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .btn-intro-more {
        font-size: 12px;
        background-color: #aaaaaa;
        padding: 4px 32px;
    }

    .cate-tin-tuc.cate-1 .box-lst-news .box-padding {
        background: transparent;
        background-color: rgba(243, 241, 241, 0.9);
    }

    .cate-tin-tuc .box-title {
        padding: 0;
    }

    .m-box-items {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        padding: 0 10px;
    }

    .cate-2 .m-box-items {
        padding: 0;
        row-gap: 60px;
    }

    .m-item-news-2 .m-intro-title {
        display: flex;
    }

    .item-news-top-title {
        display: flex;
    }

    .news-tag {
        height: 28px;
        display: flex;
        align-items: center;
        background-color: #006666;
        text-align: center;
        color: #fff;
        font-size: 16px;
        padding: 2px 20px;
        border-radius: 20px;
        font-family: PublicSans-SemiBold;
        text-transform: uppercase;
        flex: 0 0 25%;
        max-width: 25%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .title-and-date,
    .item-normal-info {
        flex: 1;
        padding-left: 8px;
    }

    .item-news-normal {
        display: flex;
        margin-top: 30px;
    }

    .item-news-thumb {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .item-normal-info {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .box-title-cus-news {
        margin-bottom: 20px;
    }

    .news-cus .cus-card {
        border: 0;
    }

    .mobile-projects {
        width: 100%;
    }

    .m-project-item {
        border: 1px solid black;
        border-radius: 20px;
    }

    .m-project-img {
        width: 100%;
        height: 300px;
        border-radius: 20px;
    }

    .m-project-name {
        padding: 0 10px;
        font-weight: bold;
        font-size: 14px;
        margin-top: 10px;
    }

    /* Pagination */
    .c-pagination {
        text-align: center;
        user-select: none;
    }

    .c-pagination li {
        display: inline-block;
    }

    .c-pagination li a {
        font-size: 14px;
        text-decoration: none;
        color: black
    }

    .prev-page,
    .next-page {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        background-color: #076066;
        transition: all 0.3s ease-in-out;
    }

    .prev-page i,
    .next-page i {
        color: #fff;
    }

    .c-page-item {
        width: 32px;
        height: 32px;
        line-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in-out;
    }

    .c-page-item.active {
        background-color: #076066;
        border-radius: 8px;
    }

    .c-page-item.active a {
        color: #fff;
    }

    .disable {
        opacity: 0;
    }

    /* Tin tuc chi tiet */
    .bg-news-detail {
        padding-top: 0;
    }

    .main-detail {
        border: 0;
    }

    .main-detail .news-right {
        padding-left: 12px;
    }

    /* Dich vu */
    .m-intro-service .mobile-slogan {
        margin-bottom: 20px;
    }

    .m-intro-service .intro-content {
        padding: 0 20px;
    }

    .m-intro-service .intro-content h1 {
        font-style: italic;
        font-size: 16px;
        background: linear-gradient(to right, #066065 40%, #00DBCC 100%);
        background-clip: text;
        color: transparent;
        background: linear-gradient(to right, #066065 40%, #00DBCC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .m-intro-service .text-content {
        min-height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 12px;
        position: relative;
    }

    .m-intro-service .btn-more {
        font-size: 14px;
        padding: 5px 30px;
    }

    .m-intro-service .text-content-background {
        width: 100%;
        object-fit: contain;
        position: absolute;
        z-index: -1;
    }

    .m-service {
        margin-top: 8px;
    }

    .m-lst-service {
        margin: 0;
    }

    .m-service-item-first,
    .m-service-item {
        border-radius: 10px;
        padding: 0;
    }

    .m-service-item {
        position: relative;
    }

    .m-service-item-first:nth-child(odd),
    .m-service-item:nth-child(odd) {
        padding-right: 4px;
    }

    .m-service-item-first:nth-child(even),
    .m-service-item:nth-child(even) {
        padding-left: 4px;
    }

    .gradient-border-box {
        background: linear-gradient(90deg, #16d5d0, #003438);
        padding: 1px;
        border-radius: 10px;
        display: inline-block;
    }

    .m-service-item-first img,
    .m-service-item img {
        display: block;
        max-width: 100%;
        border-radius: 10px;
        object-fit: contain;
    }

    .m-service-item-title {
        display: inline-block;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        text-align: right;
        position: absolute;
        bottom: 0;
        width: calc(100% - 4px);
        padding: 4px 12px;
        text-transform: uppercase;
        background: linear-gradient(to right, #02bab0, #076066);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .m-service-item:nth-child(odd) .m-service-item-title {
        right: 4px;
    }

    .m-service-item:nth-child(even) .m-service-item-title {
        left: 4px;
    }

    .dominance-item:last-child {
        padding-bottom: 0;
    }

    .dominance-item .dominance-content h3 {
        font-size: 16px;
    }

    .dominance-item .dominance-content p {
        font-size: 12px;
    }

    .m-img-dominance {
        min-height: 300px;
        position: relative;
        margin-bottom: 16px;
    }

    .m-img-dominance div {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .img-dominance-1 img,
    .img-dominance-2 img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .logos-cus {
        padding: 40px;
    }

    .lst-logo .logo-item {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .lst-logo .logo-item img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Dich vu chi tiet */

    .info-service-detail .sr-detail-content .content {
        max-width: 100%;
    }

    .info-service-detail .img-service-detail {
        position: static;
    }

    .info-service-detail .img-service-detail img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .items-services .item {
        margin-top: 12px;
    }

    .items-service .items h3 {
        font-size: 16px;
    }

    .items-service .items h4 {
        font-size: 12px;
    }

    .items-services h5 {
        font-size: 14px;
    }

    .service-contact {
        max-width: 1440px;
        width: 100%;
        padding: 50px 60px;
    }

    .service-contact span {
        display: block;
        font-family: PublicSans-ExtraBold;
        color: #046c6f;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bolder;
    }

    .service-contact span:nth-child(1) {
        font-size: 20px;
    }

    .btn-service-contact {
        margin-top: 10px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
    }

    .section-m-sr-detail {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .m-sr-detail {
        padding: 50px 20px;
    }

    .m-sr-title h1,
    .m-sr-title h2 {
        font-family: PublicSans-ExtraBold;
        font-size: 20px;
        text-transform: uppercase;
        background: linear-gradient(to right, #066065, #00DBCC);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }

    .m-sr-desc p {
        font-family: PublicSans;
        font-style: italic;
        font-weight: bold;
        text-align: justify;
    }

    .m-items {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        align-items: end;
    }

    .m-items .m-item {
        width: 90%;
    }

    .m-btn-service {
        background: linear-gradient(to right, rgb(4 181 169), rgba(6, 96, 101, 1));
        padding: 10px 20px 8px 20px;
        border: none;
        color: #fff;
        border: 1px solid transparent;
        border-radius: 30px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.3s ease-in-out;
    }

    .m-btn-service.active {
        background: transparent;
        border: 1px solid black;
        color: #066065;
    }

    .m-btn-service-icon {
        min-width: 10px;
        width: 10px;
    }

    .m-btn-service-icon img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .m-btn-service span {
        font-size: 12px;
        text-transform: uppercase;
        text-align: right;
    }

}


@media (min-width: 576px) {
    .box-content-slider {
        display: block;
    }

    .btn-watch-more {
        display: none;
    }

    .mobile-item-img-bot {
        display: none;
    }
}

@media (min-width: 768px) {
    
    .mobile-service-title {
        display: none;
    }

    .icon-service {
        display: block;
    }

    .box-service>div {
        row-gap: 20px;
    }

    ._sv-title {
        display: block;
    }
}

@media (min-width: 1201px) {

    .header-top,
    .nav-desktop {
        display: block;
    }

    nav.mobile-menu {
        display: none;
    }

    .nav-mobile {
        display: none;
    }

    .in-box-icon-footer {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .box-btn .title-tnpm {
        padding: 15px 60px;
        font-size: 40px;
        text-transform: uppercase;
    }

    .dominance .box-btn .title-tnpm {
        font-size: 21px;
    }

    .box-service {
        padding-top: 40px;
    }
}
@media (max-width: 600px) {
    .box-breadcrumb {
        height: 70px;
    }
    .breadcrumb img {
        height: 15px;
    }
    .bread-title, .bread-link {
        font-size: 12px;
    }
    .breadcrumb{
        gap: 5px;
    }
    .info-f-icon{
        padding: 4px 6px;
        border: 2px solid #0c7073;
        border-radius: 12px;
        margin-right: 0px;
    }
    .info-f-icon i{
        color: #0c7073;
    }
    .title-service {       
        padding: 10px 5px;
    }
    .slider-service .container{
        padding: 0px;
    }
    .title-service h2 {       
        font-size: 14px;        
        text-align: center;
    }
    .slider-service .box-slider{
        padding: 0px 10px;
    }
    #main-content{
        width: 100%;
    }
    .section-banner .full-banner .box-slider{
        height: 350px;
    }
    .box-awards .box-slider{
        height: 315px;
    }
    .box-awards .box-slider>img{
        height: auto !important;
    }
    .slider .owl-dots{
        top: 350px;
    }
    .awards-content-overlay{
        max-width:97% !important;
    }
}