.cookieconsent {
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: rgba(220, 220, 220, 0.6);
      backdrop-filter: blur(30px);
      z-index: 1000;
      padding: 30px 0;
    }
    
    .cookieconsent .title {
        font-size: var(--typo-default);
        font-weight: var(--fw-bold);
        line-height: 1em;
    }
    
    .cookieconsent .desc {
        margin-top: 4px;
        font-size: var(--typo-xs);
        line-height: 1em;
    }
    
    .top-graphic .showvdo {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
    }
    
    .about_nav .icon {
        margin: 0 auto;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
    }
    /*.people-page .Executives-slide .box .mark {
        overflow: hidden;
        position: relative;
        padding: 0;
        background-color: transparent;
        height: 50%;
    }
    
    .people-page .Executives-slide .box .mark img {
        top: -40px
    }
    
    .people-page .Executives-slide .box .circle img {
        top: -120px
    }
    
    .people-page .Executives-slide .owl-item.center .wrapper::after {
        top: 20px;
        right: -10px;
    }*/
    
    .default-page .content-box .stat-box .view,
    .default-page .content-box .stat-box .date {
        font-size: 20px;
    }
    
    .icon.date,
    .icon.view {
        background-size: 20px;
        margin-right: 10px;
        /* filter: brightness(0.5) sepia(1) hue-rotate(140deg) saturate(6); */
    }
    
    .icon.twitter {
        background-size: 100%;
    }
    
    .orther-list .link {
        font-size: var(--typo-xs);
        color: var(--color-default);
        margin-bottom: 10px;
        display: block;
    }
    
    .orther-list .link:hover {
        color: var(--color-primary);
    }
    
    .default-page .content-box .attachments ul li a .inner .content .date {
        font-size: 25px;
    }
    
    .default-page .content-box .attachments ul li a .inner {
        display: flex;
    }
    
    .default-page .content-box .attachments ul li a .inner .content {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    
    .default-page .attachments .icon {
        background-color: #e8e8e8;
    }
    
    .boxstream {
        margin-bottom: 30px;
    }
    
    .relate_content {
        margin-top: 30px;
        position: relative;
        width: 100%;
    }
    
    .wg-com-lives {
        display: flex;
    }
    
    .wg-com-lives .owl-carousel .owl-stage {
        margin: 0;
        padding: 0;
    }
    
    .wg-com-lives .link:hover .icon {
        background-color: var(--color-secondary);
        color: var(--color-white);
    }
    
    .wg-com-lives .cover {
        overflow: hidden;
        border-radius: var(--rounded);
        padding-top: 62%;
        position: relative;
    }
    
    .wg-com-lives .cover:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 60%;
        opacity: 0.8;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(21, 30, 45, 0) 0%, rgba(21, 30, 45, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(21, 30, 45, 0) 0%, rgba(21, 30, 45, 1) 100%);
        background: linear-gradient(to bottom, rgba(21, 30, 45, 0) 0%, rgba(21, 30, 45, 1) 100%);
    }
    
    .wg-com-lives .inner {
        padding: 0 120px 40px 40px;
        position: absolute;
        /* bottom: 50px; */
        bottom: 70px;
        left: 50px;
        width: 100%;
    }
    
    .wg-com-lives .inner .title {
        color: var(--color-white);
        font-weight: var(--fw-bold);
        font-size: var(--typo-lg);
        line-height: 1em;
        height: 1em;
        -webkit-line-clamp: 1;
    }
    
    .wg-com-lives .inner .desc {
        color: var(--color-white);
        font-size: var(--typo-sm);
        line-height: 1em;
        height: 1em;
        -webkit-line-clamp: 1;
    }
    
    .wg-com-lives .despction {
        padding: 2px 0;
        margin-top: 10px;
    }
    
    .wg-com-lives .despction .title {
        font-size: var(--typo-default);
        line-height: 1em;
        -webkit-line-clamp: 2;
        color: var(--color-default);
        height: 1em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    
    .wg-com-lives .despction .desc {
        color: var(--color-gray);
        font-size: var(--typo-xs);
    }
    
    .wg-com-lives .inner .icon {
        position: absolute;
        bottom: 35px;
        left: -25px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: var(--color-white);
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 5px;
        font-size: 28px;
        color: var(--color-secondary);
        transition: all 200ms ease;
    }
    
    .wg-com-lives .owl-theme .owl-nav.disabled+.owl-dots {
        left: 40px;
        position: absolute;
        bottom: 30px;
        width: auto;
        display: flex;
        justify-content: start;
    }
    
    .wg-com-lives .owl-theme .owl-dots .owl-dot {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .wg-com-lives .owl-theme .owl-dots .owl-dot span {
        margin: 0;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--color-white);
    }
    
    .wg-com-lives .owl-theme .owl-dots .owl-dot.active {
        border-color: var(--color-white);
    }
    
    .wg-com-lives .owl-theme .owl-dots .owl-dot.active span,
    .wg-com-lives .owl-theme .owl-dots .owl-dot:hover span {
        background: none;
        background-color: var(--color-white);
        box-shadow: none;
    }
    
    .boxpodcast .wg-com-lives {
        display: flex;
    }
    
    .boxpodcast .wg-com-lives .owl-carousel .owl-stage {
        margin: 0;
        padding: 0;
    }
    
    .boxpodcast .wg-com-lives .link:hover .icon {
        background-color: var(--color-secondary);
        color: var(--color-white);
    }
    
    .boxpodcast {
        margin-bottom: 20px;
    }
    
    .boxpodcast h1 {
        margin-bottom: 10px;
    }
    
    .boxpodcast .wg-com-lives .cover {
        overflow: hidden;
        border-radius: var(--rounded);
        padding-top: 62%;
        position: relative;
    }
    
    .boxpodcast .wg-com-lives .cover:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 60%;
        opacity: 0.8;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(21, 30, 45, 0) 0%, rgba(21, 30, 45, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(21, 30, 45, 0) 0%, rgba(21, 30, 45, 1) 100%);
        background: linear-gradient(to bottom, rgba(21, 30, 45, 0) 0%, rgba(21, 30, 45, 1) 100%);
    }
    
    .boxpodcast .wg-com-lives .inner {
        padding: 0;
        position: absolute;
        /* bottom: 50px; */
        bottom: 7px;
        left: 42px;
        width: 100%;
        padding-left: 15px;
    }
    
    .boxpodcast .wg-com-lives .item {
        -webkit-box-shadow: 10px 10px 21px -8px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 10px 10px 21px -8px rgba(0, 0, 0, 0.20);
        box-shadow: 10px 10px 21px -8px rgba(0, 0, 0, 0.20);
        transition: 0.5s;
    }
    
    .boxpodcast .wg-com-lives .item:hover {
        -webkit-box-shadow: 10px 10px 21px -8px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 10px 10px 21px -8px rgba(0, 0, 0, 0.35);
        box-shadow: 10px 10px 21px -8px rgba(0, 0, 0, 0.35);
        transition: 0.5s;
    }
    
    .boxpodcast .wg-com-lives .item a {
        padding: 20px;
        display: block;
    }
    
    .boxpodcast .wg-com-lives .inner .title {
        color: var(--color-white);
        font-weight: var(--fw-bold);
        font-size: var(--typo-lg);
        line-height: 1em;
        height: 1em;
        -webkit-line-clamp: 1;
    }
    
    .boxpodcast .wg-com-lives .inner .desc {
        color: var(--color-primary);
        font-size: var(--typo-sm);
        line-height: 1em;
        height: 1em;
        -webkit-line-clamp: 1;
    }
    
    .boxpodcast .wg-com-lives .despction {
        padding: 2px 0;
        margin-top: 10px;
    }
    
    .boxpodcast .wg-com-lives .despction .title {
        font-size: var(--typo-default);
        line-height: 1em;
        -webkit-line-clamp: 2;
        color: var(--color-default);
        height: 1em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    
    .boxpodcast .wg-com-lives .despction .desc {
        color: var(--color-gray);
        font-size: var(--typo-xs);
    }
    
    .boxpodcast .wg-com-lives .inner .icon {
        position: absolute;
        bottom: 0px;
        left: -25px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: #e8e8e8 1px solid;
        background-color: var(--color-white);
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 5px;
        font-size: 14px;
        color: var(--color-secondary);
        transition: all 200ms ease;
    }
    
    .boxpodcast .wg-com-lives .owl-theme .owl-nav.disabled+.owl-dots {
        left: 40px;
        position: absolute;
        bottom: 30px;
        width: auto;
        display: flex;
        justify-content: start;
    }
    
    .boxpodcast .wg-com-lives .owl-theme .owl-dots .owl-dot {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .boxpodcast .wg-com-lives .owl-theme .owl-dots .owl-dot span {
        margin: 0;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--color-white);
    }
    
    .boxpodcast .wg-com-lives .owl-theme .owl-dots .owl-dot.active {
        border-color: var(--color-white);
    }
    
    .boxpodcast .wg-com-lives .owl-theme .owl-dots .owl-dot.active span,
    .boxpodcast .wg-com-lives .owl-theme .owl-dots .owl-dot:hover span {
        background: none;
        background-color: var(--color-white);
        box-shadow: none;
    }
    
    .intro-page {
        min-height: 100vh;
        position: relative;
        overflow: hidden;
    }
    /*.intro-page .container{width: 1400px;}*/
    
    .intro-img {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 120px;
        overflow: hidden;
    }
    
    .intro-img figure {
        position: relative;
        width: 100%;
        height: calc(100vh - 140px);
        top: 0;
        left: 0;
        background-color: #eee;
        background-position: center;
        background-size: cover;
    }
    
    .intro-img .slick-dots {
        bottom: 20px;
    }
    
    .intro-img .slick-dots li {
        width: 18px;
        height: 18px;
        background-color: transparent;
        border: 1px solid transparent;
        position: relative;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    
    .intro-img .slick-dots li:after {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
    }
    
    .intro-img .slick-dots li button {
        padding: 0;
        display: none;
    }
    
    .intro-img .slick-dots li.slick-active {
        border-color: #fff;
        -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
    }
    
    .intro-img .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    
    .intro-inner {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        padding: 0;
        -webkit-box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);
    }
    
    .intro-inner .line {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30px;
        background-color: var(--color-secondary);
    }
    
    .intro-inner:before {
        content: '';
        position: absolute;
        top: 0;
        right: 58%;
        margin-right: 460px;
        width: 520px;
        height: 30px;
        background-color: var(--color-primary);
        ;
        -webkit-transform: skew(-75deg);
        -moz-transform: skew(-75deg);
        -o-transform: skew(-75deg);
    }
    
    .intro-inner:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: -70px;
        margin-right: 0;
        width: 1476px;
        height: 30px;
        background-color: var(--color-primary);
        -webkit-transform: skew(-75deg);
        -moz-transform: skew(-75deg);
        -o-transform: skew(-75deg);
    }
    
    .intro-inner .brand {
        margin: 0 auto;
        position: relative;
        z-index: 100;
    }
    
    .intro-inner .brand:before {
        content: '';
        position: absolute;
        margin-right: -470px;
        right: 75%;
        top: 15px;
        width: 900px;
        height: 110px;
        background-color: #fff;
        -webkit-transform: skew(-75deg);
        -moz-transform: skew(-75deg);
        -o-transform: skew(-75deg);
        /* -webkit-box-shadow: 5px 30px 30px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 5px 30px 30px rgba(0, 0, 0, 0.2);
        box-shadow: 5px 30px 30px rgba(0, 0, 0, 0.2); */
    }
    
    .intro-inner .brand .wrapper {
        position: relative;
        display: table;
        width: 440px;
        height: 140px;
    }
    
    .intro-inner .brand .wrapper>div {
        display: table-cell;
        vertical-align: middle;
    }
    
    .intro-inner .brand .thumb {
        width: 123px;
    }
    
    .intro-inner .brand .inner {
        padding-left: 25px;
    }
    
    .intro-inner .brand .title {
        color: #333;
        font-size: 22px;
        line-height: 1em;
        margin-top: 0;
    }
    
    .intro-inner .brand .desc {
        color: #666;
        font-size: 18px;
        line-height: 1em;
        margin-top: 5px;
    }
    
    .intro-inner .action {
        text-align: right;
    }
    
    .intro-inner .action .btn {
        margin-top: 30px;
        padding: 0 30px;
        height: 50px;
        line-height: 48px;
        font-size: 22px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }
    
    .intro-inner .action .btn+.btn {
        margin-left: 6px;
    }
    
    .intro-inner .action .nav-lang {
        display: inline-block;
        position: relative;
        top: 40px;
        margin-right: 30px;
    }
    
    .intro-inner .action .nav-lang:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 5px;
        margin-left: 15px;
        width: 1px;
        height: 20px;
        background-color: #e1e1e1;
    }
    
    .intro-inner .action .nav-lang ul {
        float: left;
    }
    
    .intro-inner .action .nav-lang li {
        float: left;
        list-style: none;
    }
    
    .intro-inner .action .nav-lang li+li {
        margin-left: 5px;
    }
    
    .intro-inner .action .nav-lang .link {
        font-weight: 500;
        color: var(--color-primary);
        ;
        font-size: 16px;
        display: block;
        border: 1px solid var(--color-primary);
        ;
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;
    }
    
    .intro-inner .action .nav-lang .link:hover {
        background-color: var(--color-primary);
        color: #fff;
    }
    
    @media (max-width:1440px) {
        .default-page .content-box .attachments ul li a .inner .thumb .icon {
            width: 60px;
            height: 60px;
        }
        .default-page .content-box .attachments ul li a .inner .content .date {
            font-size: 22px;
        }
    }
    
    @media (max-width:1366px) {
        .intro-page .container {
            width: 1200px;
        }
        .intro-img {
            bottom: 100px;
        }
        .intro-img figure {
            height: calc(100vh - 100px);
        }
        .intro-inner .brand .wrapper {
            height: 100px;
        }
        .intro-inner .brand .thumb {
            width: 110px;
        }
        .intro-inner .brand .title {
            font-size: 20px;
            margin-top: 6px;
        }
        .intro-inner .action .btn {
            margin-top: 25px;
        }
        .intro-inner:before {
            height: 20px;
        }
        .intro-inner .line {
            height: 20px;
        }
        .intro-inner .brand:before {
            top: 10px;
            height: 80px;
        }
        .intro-inner .brand .wrapper {
            width: 640px;
        }
        .intro-inner .brand:before {
            width: 1000px;
            margin-right: -610px;
        }
        .intro-inner .action .btn {
            margin-top: 16px;
        }
        .intro-inner .action .nav-lang {
            top: 19px;
        }
    }
    
    @media (max-width:1199px) {
        /* .container {
            width: 980px;
        } */
        .intro-page .container {
            width: 960px;
        }
    }
    
    @media (max-width:991px) {
        .intro-page .container {
            width: 100%;
        }
        .intro-img {
            position: relative;
        }
        .intro-img figure {
            height: auto;
            padding-top: 60%;
        }
        .intro-img .slick-dots {
            bottom: 5px;
        }
        .intro-inner {
            position: relative;
            padding: 20px 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        .intro-inner .brand .wrapper {
            display: block;
            width: auto;
            text-align: center;
            height: auto;
        }
        .intro-inner .brand .wrapper>div {
            display: block;
            width: auto;
        }
        .intro-inner .brand .inner {
            padding-left: 0;
        }
        .intro-inner .brand .thumb img {
            width: 110px;
        }
        .intro-inner .brand .title {
            font-size: 20px;
            margin-top: 20px;
        }
        .intro-inner .action {
            text-align: center;
        }
        .intro-inner .brand:before {
            display: none;
        }
        .intro-inner:before {
            display: none;
        }
        .intro-inner .line {
            display: none;
        }
        .intro-inner::after {
            display: none;
        }
        .intro-inner .action .nav-lang ul {
            float: unset;
            margin-left: unset;
            padding-left: 0px;
        }
        .default-page .content-box .attachments ul li a .inner .content .date {
            font-size: 18px;
        }
    }
    
    @media (max-width:575px) {
        .intro-inner .action {
            margin-top: 20px;
        }
        .intro-inner .action .nav-lang {
            width: 100%;
            margin-right: 0;
            text-align: center;
            top: 0;
        }
        .intro-inner .action .nav-lang li {
            float: none;
            display: inline-block;
        }
        .intro-inner .action .nav-lang li+li {
            margin-left: 3px;
        }
        .intro-inner .action .nav-lang:after {
            display: none;
        }
        .intro-inner .action .btn {
            padding: 0 15px;
            width: 140px;
            font-size: 20px;
        }
        /* .people-page .Executives-slide .box .circle img {
            top: -70px;
        }
        .people-page .Executives-slide .box .mark img {
            top: -30px;
        }
        .people-page .Executives-slide .owl-item.center .wrapper::after {
            top: 10px;
            right: 60px;
        } */
    }
    
    .detail-other-list ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    
    .detail-other-list ul li a {
        font-size: var(--typo-xs);
        font-weight: normal;
        line-height: 1.2em;
        color: var(--color-default);
        margin-bottom: 10px;
        padding-bottom: 10px;
        display: block;
        border-bottom: 1px solid #e1e1e1;
    }
    
    .detail-other-list ul li a:hover {
        color: var(--color-primary);
    }
    
    #Contact-Form .select2-selection__rendered,
    #complaint .select2-selection__rendered {
        margin-left: 140px;
    }
    
    .contact-page .tab-nav {
        padding: 0 10px;
    }
    
    .contact-page .tab-nav .mcscroll_contact {
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .contact-page .tab-nav .mcscroll_contact a {
        display: inline-block;
    }
    
    .contact-page .tab-nav .mcscroll_contact a:hover {
        color: var(--color-primary);
    }
    
    .contact-page .tab-nav .mcscroll_contact a {
        height: 55px;
        line-height: 55px;
        /* display: block; */
        text-align: center;
        padding: 0 30px;
        font-weight: var(--fw-medium);
        font-size: var(--typo-sm);
        color: var(--color-default);
        background-color: #fff;
        border-radius: var(--rounded-xs);
    }
    
    .contact-page .tab-nav .mcscroll_contact a.active {
        background: linear-gradient(92.24deg, #F7C52A 0.57%, #05AFAE 181.39%);
        color: #fff;
    }
    
    #modalformalert .modal-close {
        position: absolute;
        right: 0;
        top: 0;
        margin-right: 10px;
        margin-top: 10px;
        font-size: 20px;
        color: var(--color-default);
        font-weight: var(--fw-medium);
        font-size: var(--typo-sm);
        line-height: 20px;
    }
    
    #modalformalert .modal-inner {
        text-align: center;
        padding: 20px;
        background-color: rgba(220, 220, 220, 0.6);
        backdrop-filter: blur(30px);
    }
    
    .intro-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .intro-img .showvdo {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
    }
    
    .top-graphic .showvdo {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
    }
    
    .listpurchase .item-list>li {
        width: 100%;
    }
    
    .modal-content .modal-body {
        text-align: center;
    }
    
    .modal-content .modal-body .modal-inner {
        padding: 20px 0px;
    }
    /* /////////////////////////////////////////////////////////////////////////////////////////// */


    .input-search {
        position: relative;
    }
    
    .input-search input {
        width: 100%;
        position: relative;
    height: 50px;
    /* font-size: var(--typo-xxs); */
    color: var(--color-default);
    border: 1px solid #D4D9DF;
    border-radius: var(--rounded-xs);
    }
    
    .input-search button {
        position: absolute;
        text-align: center;
        font-size: 25px;
        line-height: 50px;
        right: 5px;
        background: none;
        border: none;
        color:  var(--color-default);
    }
    
    .peopleShow {
        margin-bottom: 20px;
    }
    
    .peopleShow a:hover {
        text-decoration: none;
        color: var(--color-default)
    }
    .peopleShow .cover {
        padding-top: 62%;
        border-radius: var(--rounded);
        position: relative;
        overflow: hidden;
      }
    
      .peopleShow .title {
        text-align: center;
        padding-top: 20px;
        font-size: var(--typo-md);
        color: var(--color-primary);
        margin-bottom: 0px;
      }
      .peopleShow .desc {
        text-align: center;
        font-size: var(--typo-xs);
        color: var(--color-default);
        padding-bottom: 20px;
      }
    
      .peopleShow .cover img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      .detail-gallery-list .cover {
        padding-top: 100%;
        background: url('../image/background/bg-footer.png') center bottom no-repeat;
      }
      .detail-gallery-list .cover img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    
        height: 100%;
        object-fit: contain;
      }

      .announce-news li {
        padding: 30px 0 10px 0;
        margin-right: 30px;
        margin-top: -10px;
        border-bottom: 1px solid #f7f8fa79;
    }

    .sitenav .nav-list {
        max-height: 150px;
    }

   .sitenav .mCSB_scrollTools {
        width: 2px;
    }

    .projects-page .select-search {
        max-width: 100%;
    }
.pb-service{
padding-bottom: 200px;
}
@media (max-width:991px) {
.pb-service{
	padding-bottom: 0px !important;
}
}
 @media (max-width:575px) {
   .pb-service{
	padding-bottom: 0px !important;
    }
}
.modal{
   z-index: 1000000;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.modal .top-title{
     color:#ffffff;
}
.modal-title{
    background-color: #0047A1;
    color:#ffffff;
    padding:5px;
}
iframe{
width:100%;
}



#Contact-Form .select2-selection__rendered, 
#complaint .select2-selection__rendered {margin-left: 0;}

.default-page .sc-contact-tab  .H-title::before,
.default-page .sc-contact-tab  .H-title::after {display: none;}
/* .sc-contact-from .tab-nav-contact .nav-list>li:nth-child(2) */

.select2-container--style2 .select2-results__option[aria-selected="true"] { background-color: #D4D9DF; }
.select2-container--style2 .select2-results__option--highlighted[aria-selected] {background-color: #9d4edd;color: #fff;}



.form-group.-file-upload { margin-top: 2rem !important; }
.-file-upload .control-label { font-size: var(--typo-xs); }

.form-group.-file-upload .block-control {padding: 10px;}

.upload-control {width: 100%; padding: 15px; background-color: rgba(255, 255, 255, 0.2); border: 1px dashed rgba(255, 255, 255, 0.2);}
.upload-control .info .icon {
   width: 44px; height: 44px; background-color: #9d4edd; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 24px 
}
.upload-control .info .icon span { color: var(--color-light) !important; }
.upload-control .info .inner { margin-left: 15px }

.upload-control .info .title { margin: 0; font-weight: 500; font-size: var(--typo-xs); color: var(--color-dark); line-height: 1em; text-align: left; padding-bottom: 0.5rem;}

.upload-control .info .title .filename { color: var(--color-dark) !important; }

.upload-control .info .title::before { display: none; }
.upload-control .info .title span { display: inline-block; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px }

.upload-control .info .desc { margin: 0; font-weight: normal; font-size: var(--typo-s); color: #919191; line-height: 1em ; font-size: 13px;}
.upload-control .success { width: 120px; text-align: center; font-size: 22px; font-weight: 500; color: #2CBF4E }

.upload-control .success span { position: relative; top: 2px; margin-left: 5px }

.upload-control .btn {min-width: 120px; color: #fff; height: 40px; font-size: var(--typo-xs); color: var(--color-dark); display: flex; align-items: center; 
  border: 1px solid #9d4edd; justify-content: center; background-color: #9d4edd; cursor: pointer;
}
/* .upload-control .btn:hover {background-color: transparent;} */

.upload-control .btn:hover { color: #9d4edd; background-color: transparent; }
.upload-control .btn-try { background-color: transparent }
.upload-control .btn-try span { margin-left: 10px }
.upload-control .btn-try:hover {
  color: #555;
  background-color: rgba(255, 255, 255, 0.6)
}

.budge-style {bottom: 95px !important;margin: 0 !important;}

.bn_iframe_widget iframe {bottom: 160px !important;}

@media (max-width: 991px) {
  .upload-control .info .inner {padding: 0;margin-left: 13px;}
  .upload-control .info .title {margin-bottom: 0 !important;}
}

@media (max-width: 767px) {
  .upload-control {padding: 15px 12px;}
  .upload-control .info .inner {margin-left: 10px;}

  .bn_iframe_widget iframe  {right: 0; margin: 0; width: 100%; left: 0; padding-left: 10px; }
  .bn_iframe_widget .iframe-style.open {max-height: calc(100% - 200px)!important; min-height: 60vh!important;}
}

@media (max-width: 575px) {
  .upload-control .btn {min-width: 100%;}
}

/* add ck executive */

.sc-executive {max-width: 1050px; margin: auto;margin-top: 20px !important;}
.sc-executive ul {margin: -20px -30px; padding: 0;}
.sc-executive ul::before,
.sc-executive ul::after {content: ' '; display: table;}
.sc-executive ul li {width: calc(100% / 3);padding: 20px 30px;list-style: none;float: left;}
.sc-executive ul li .img-cover {overflow: hidden;padding-top: calc(100% + 80px);}
.sc-executive ul li .title {font-size: var(--typo-s); line-height: 1.4em; color: var(--color-black); text-align: center; margin: 15px 0 0 0;height: 75px;}

@media (max-width: 1600px) {
  .sc-executive {margin-top: 0 !important;}
  .sc-executive ul {margin: -20px;}
  .sc-executive ul li {padding: 20px;}
}

@media (max-width: 991px) {
  .sc-executive ul {margin: -7.5px;}
  .sc-executive ul li {padding: 7.5px;}
  .sc-executive ul li .title {font-size: 16px;margin: 10px 0 0 0;height: 65px;}
  .sc-executive ul li .img-cover {padding-top: calc(100% + 90px);}
}

@media (max-width: 767px) {
  .sc-executive ul li {width: calc(100% / 2);}
}

@media (max-width: 575px) {
  .sc-executive ul {margin: 0;}
  .sc-executive ul li {width: calc(100% / 1);padding: 0;}
  .sc-executive ul li + li {margin-top: 20px;}
  .sc-executive ul li .title {height: auto;}
}



/* edit comments by ohm 19-05-25 */

.sc-top-graphic {position: relative;}

/* clip-path: polygon(0% 3%, 92.8% 0%, 100% 100%, 0% 100%); */
.wg-link {display: block;min-width: 640px;}
.wg-link .owl-carousel .owl-item img {width: unset;}
.wg-link .owl-carousel .owl-stage {padding: 0;}
.wg-link .icon {max-width: 110px;}
.wg-link .link {width: 100%;}
.wg-link .link.type2:after {display: none;}
.wg-link .owl-theme .owl-dots {margin-top: 0 !important; position: absolute; left: 0; right: 0; bottom: 5px; display: flex ; justify-content: center;}
.wg-link .owl-theme .owl-dots .owl-dot {width: 10px; height: 10px; border: 1px solid var(--color-primary); display: flex ; align-items: center; justify-content: center; margin-right: 5px;}
.wg-link .owl-theme .owl-dots .owl-dot.active {border-color: var(--color-secondary);}

.wg-vdo {bottom: -250px; margin-top: -250px;}
.wg-vdo .owl-carousel .owl-stage {padding: 0;}
.wg-vdo .owl-theme .owl-nav>div+div {margin-left: 20px; }
.wg-vdo .owl-theme .owl-prev,
.wg-vdo .owl-theme .owl-next {
  width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; background-color: var(--color-white); color: var(--color-primary); font-size: 30px; cursor: pointer; border-radius: 50%; -webkit-transition: All 400ms ease; -moz-transition: All 400ms ease; -o-transition: All 400ms ease; transition: All 400ms ease; margin: 0;
}
.wg-vdo .owl-theme .owl-nav {display: flex;margin-top: 0 !important;position: absolute; top: 0; left: 0;}
.wg-vdo .owl-theme .owl-prev .feather,
.wg-vdo .owl-theme .owl-next .feather {
  position: relative; -webkit-transition: All 400ms ease; -moz-transition: All 400ms ease; -o-transition: All 400ms ease; transition: All 400ms ease;
}
.wg-vdo .owl-theme .owl-prev .feather {left: 0;}
.wg-vdo .owl-theme .owl-next .feather {right: 0;}
.wg-vdo .owl-theme .owl-prev.disabled,
.wg-vdo .owl-theme .owl-next.disabled {
  opacity: 0.5; pointer-events: none;
}
.wg-vdo .owl-theme .owl-prev:hover,
.wg-vdo .owl-theme .owl-next:hover {
  background-color: var(--color-white);  color: var(--color-secondary);
}
.wg-vdo .owl-theme .owl-prev:hover .feather {left: -5px;}
.wg-vdo .owl-theme .owl-next:hover .feather {right: -5px;}
.wg-vdo .wg-vdo-content {margin-top: 80px;}

.sc-banner > .container {padding-bottom: 40px; margin-bottom: 80px; border-bottom: 1px solid #fff;}
.sc-banner .W-head-box {text-align: center;}
.sc-banner .owl-carousel .owl-stage {padding: 0; margin: 0 -7.5px;}
.sc-banner .owl-carousel .owl-item {padding: 0 7.5px;}
.sc-banner .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 30px;}
.sc-banner .owl-theme .owl-dots .owl-dot {margin-right: 10px;border: 2px solid var(--color-white);width: 16px; height: 16px;}
.sc-banner .owl-dots .owl-dot.active {border-color: var(--color-secondary); background-color: var(--color-secondary);}
.sc-banner .owl-theme .owl-dots .owl-dot span {display: none;}
.sc-banner .link {display: block;position: relative; border-radius: 10px; overflow: hidden; border: 1px solid var(--color-white); 
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-color: var(--color-white);
}
.sc-banner .link:hover img {transform: scale(1.05);}
.sc-banner .link .img-cover {padding-top: 100px;}
.sc-banner .link .img-cover img {
  -webkit-transition: All 400ms ease; -moz-transition: All 400ms ease; -o-transition: All 400ms ease; transition: All 400ms ease;
}


.newsletter-section {background-image: none;margin-top:80px;padding: 60px 0 60px 0;}
/* .newsletter-section .content {background-image: url(../../image/background/bookshelf-1.png);} */
.wg-ebook-slider .item .link img {border-radius: 20px;}
.newsletter-section .shelf {left: 50%; transform: translateX(-50%);margin-top: -20px;}
.newsletter-section .shelf img {width: 100%;}
.newsletter-section .wg-ebook-slider .owl-dots {bottom: -50px;}
.newsletter-section .shelf+.wg-ebook-slider {margin-top: 100px;}
.newsletter-section .shelf+.wg-ebook-slider ~ .shelf {display: none;}
.newsletter-section .content {overflow: visible;}
.newsletter-section .content::before {content: ''; background-color: var(--color-primary); position: absolute; top: -80px; left: -40px; 
  width: calc(100% + 80px); height: calc(100% - 40px); border-radius: 60px;
}

@media (max-width: 1600px) {
  .sc-banner .W-head-box {margin-bottom: 40px;}
  .sc-banner .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 25px;}
}

@media (max-width: 1440px) {
  .sc-banner .link .img-cover {padding-top: 80px;}
  .sc-banner > .container {margin-bottom: 60px;}
  .sc-banner .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 20px;}

  .newsletter-section {margin-top: 30px;}
  .newsletter-section .shelf {width: 125%;}
  .newsletter-section .shelf+.wg-ebook-slider {margin-top: 70px;}
  .newsletter-section .content::before {top: -40px; left: -30px; width: calc(100% + 60px); height: calc(100% - 60px);}
  .newsletter-section .wg-ebook-slider .owl-dots {bottom: -35px;}
}
  
@media (max-width: 1199px) {
  .wg-link {min-width: 100%;padding-right: 150px;}
}

@media (max-width: 991px) {
  .sc-banner .W-head-box {margin-bottom: 30px;}
  .sc-banner > .container {padding-bottom: 30px; margin-bottom: 0;}
  .sc-banner .owl-carousel .owl-stage {margin: 0 -5px;}
  .sc-banner .owl-carousel .owl-item {padding: 0 5px;}
  .sc-banner .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 15px;}
  .sc-banner .owl-theme .owl-dots .owl-dot {width: 12px; height: 12px;margin-right: 6px;}

  .newsletter-section {margin-top: 0;padding: 50px 0 20px 0;}
  .newsletter-section .content::before { top: -20px;border-radius: 40px;}
  .newsletter-section .shelf {margin-top: -10px;}
  .newsletter-section .wg-ebook-slider .owl-dots {bottom: -27px;}
  .newsletter-section .shelf+.wg-ebook-slider {margin-top: 50px}
  .wg-ebook-slider .item .link img {border-radius: 14px;}
}

@media (max-width: 767px) {
  .top-graphic .owl-theme .owl-nav.disabled+.owl-dots {bottom: 80px;}

  .wg-link {padding-right: 0;}
  .wg-link .link {padding-right: 10px;}
  .wg-link .owl-carousel .owl-stage {margin: 0;}

  .wg-vdo .owl-theme .owl-nav {display: none;}
  .wg-vdo .owl-theme .owl-prev,
  .wg-vdo .owl-theme .owl-next {
    width: 46px; height: 46px; font-size: 22px;
  }
  .wg-vdo  .owl-nav>div+div {margin-left: 10px;}
  .wg-vdo .wg-vdo-content {margin-top: 0;}
  .wg-vdo .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 15px;}
  .wg-vdo .owl-theme .owl-dots .owl-dot {margin-right: 10px;border: 2px solid var(--color-white);width: 12px; height: 12px;}
  .wg-vdo .owl-dots .owl-dot.active {border-color: var(--color-secondary); background-color: var(--color-secondary);}
  .wg-vdo .owl-theme .owl-dots .owl-dot span {width: 12px; height: 12px; margin: 0; border-radius: 0; background: transparent;box-shadow: none;}

  .sc-banner .W-head-box {margin-bottom: 25px;}
  .sc-banner .link {border-radius: 8px;}
  .sc-banner .link .img-cover {padding-top: 70px;}


  .newsletter-section .content::before {border-radius: 20px;left: -10px;width: calc(100% + 20px);height: calc(100% - 20px);}
}

@media (max-width: 575px) {
  .top-graphic .owl-theme .owl-nav.disabled+.owl-dots {bottom: 70px;}
}




/* edit cookie */
/* #cc--main #cm.cloud {position: fixed; top: 0;right: 0;bottom: 0;margin-left: auto; margin-right: 0;}
#cc--main .cc_div .cloud #c-inr {display: flex;flex-direction: column; height: 100%;}
#cc--main .cc_div .cloud #c-inr > div {width: 100%;} */

#cc--main #cs {padding: 0;}
#cc--main #s-hdr {background-color: #0047A1;padding: 0 25px;}
#cc--main #s-ttl {font-size: 26px; font-family: 'Kanit', sans-serif; color: #fff;}
#cc--main #s-ttl img {display: none;}
#cc--main #s-c-bn {border-radius: 50%;}
#cc--main #s-bl {padding: 25px;}
#cc--main #s-bl .c-bl:first-child {margin-bottom: 25px;}
#cc--main #s-bl .title:first-child {font-size: 20px;}
#cc--main #s-bl .desc {font-size: 18px;}

#cc--main #s-bns {padding: 15px 25px;height: auto;display: flex ; flex-direction: column-reverse;}
#cc--main #s-bns .custom-wrapper {display: flex ; gap: 15px; margin-bottom: 15px;}
#cc--main #s-bns button {min-height: 60px;border-radius: 30px !important;border: 1px solid #0047A1; float: left;font-size: 20px; padding: 0; font-weight: 400;margin: 0;
  color: #0047A1; background-color: transparent;
}
#cc--main #s-bns > button {width: 100%;background-color: #0047A1;color: #fff;}
#cc--main #s-bns button:nth-child(2),
#cc--main #s-bns button:nth-child(3) {width: 50%;}

#cc--main #c-s-in {height: 100%; max-height: 100%;}
#cc--main  #s-inr {max-width: 670px; right: 0; position: fixed; margin: 0;font-family: 'Kanit', sans-serif;}

@media (max-width: 1440px) {
  #cc--main #s-inr {max-width: 560px;}
  #cc--main #s-hdr {padding: 0 20px; height: 4em;}
  #cc--main #s-ttl {font-size: 22px;}
  #cc--main #s-c-bn {transform: scale(.9);}
  #cc--main #s-bl {padding: 20px;}
  #cc--main #s-bns {padding: 20px;}
  #cc--main #s-bl .c-bl:first-child {margin-bottom: 20px;}
}

@media (max-width: 991px) {
  /* #cc--main #s-inr {max-width: 560px;} */
  #cc--main #s-hdr {padding: 0 15px; height: 3.5em;}
  #cc--main #s-ttl {font-size: 20px;}
  #cc--main #s-c-bn {transform: scale(.8);}
  #cc--main #s-bl {padding: 15px;}
  #cc--main #s-bl .c-bl:first-child {margin-bottom: 15px;}
  #cc--main #s-bl .title:first-child {font-size: 18px;}
  #cc--main #s-bl .desc #desc-box {font-size: 16px !important;}
  #cc--main #s-bns {padding: 15px;}
  #cc--main #s-bns .custom-wrapper {gap: 12px; margin-bottom: 12px;}
  #cc--main #s-bns button {min-height: 50px;font-size: 18px;}
}
@media (max-width: 688px) {
  #cc--main #s-ttl {font-size: 18px;}
  #cc--main #s-bl .title:first-child {font-size: 17px;}
  #cc--main #s-bl .desc #desc-box {font-size: 15px !important; line-height: 1.4em;}
  #cc--main #s-inr {padding-top: 3.5em;}
  #cc--main #s-bns button {min-height: 45px;font-size: 15px !important;}
  #cc--main #s-c-bn {transform: scale(1.3);}
}


/* edit comment */
.site-footer .footbar .policy li + li {margin-left: 13px;}
.site-footer .footbar .policy .link {font-size: var(--typo-s);margin: 0;display: block;}

.owl-dots .owl-dot {border-radius: 50%;}

.wg-news-slider .item {width: auto;}

.row-contanct-info {padding: 15px 0 25px 0;}
.row-contanct-info .flag {border-radius: 50%;}
.contact-info .link {display: flex ; align-items: center; gap: 12px;text-decoration: none;font-size: 14px;color: #000;}
.contact-info .link .icon {min-width: 30px; min-height: 30px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; background-color: #E5ECF5;}

/* .wg-ebook-slider {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;} */

@media (max-width: 1440px) {
  .site-footer .footbar .container > .row {flex-direction: column; gap: 15px; justify-content: center; align-items: center;}
  .site-footer .footbar p {text-align: center;}

  .row-contanct-info {padding: 15px 0 5px 0;}
}

@media (max-width: 991px) {
  .wg-ebook-slider .owl-dots .owl-dot {border-color: #cecece;}

  .site-header .menu .dropdown-menu .mcscroll {height: auto; max-height: 390px;}
  .contact-info {display: none;}
  .row-contanct-info {padding: 0;}
  .site-header .nav-icon {top: 7px !important;}
}

@media (max-width: 767px) {
  .site-footer .footbar .policy li {width: 100%;}
  .site-footer .footbar .policy li + li {margin-left: 0;}
  .site-footer .footbar .policy .link {text-align: center;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;width: 100%;}
}


.flag {width: 30px; height: 30px; display: flex ;}



/* edit comments 21-07-25 */

.wg-ebook-slider .item .img-cover {padding-top: 141.3%;}


/* edit comments 04-08-25 */

.w3c {display: block; max-width: 160px; margin-top: 30px;}

@media (max-width: 991px) {
  .w3c {max-width: 120px; margin-top: 30px;}
}

/* edit for mom 25-10-25 */
html{
	filter: grayscale(30%);
}