@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
body,
html {
    font-family: "Roboto";
}

#header {
    padding: 15px 0;
}
.gsc-search-button-v2 svg{
    width: 20px;
    height: 20px;
}
#header .menu-link a {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.8) !important;
    text-decoration: unset;
    padding: 10px 35px;
}

#header .menu-link a:last-child {
    padding-right: 0;
}

#header .menu-link a:first-child {
    padding-left: 0;
}

.container {
    max-width: 1440px;
    width: 100%;
}

.margin-left-auto {
    margin-left: auto;
}

#search-filter {
    /* background-image: url(../images/bg-banner-filter.png);
  min-height: 199px;
  padding: 40px 0;
  display: flex; */
    justify-content: center;
    align-items: center;
    text-align: center;
    background-size: cover;
    /*display: none;*/
}

#search-filter #filter {
    background: #ffffff;
    border-radius: 10px;
    height: 50px;
    max-width: 200px;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #17257e;
    padding: 10px;
    margin-right: 30px;
}

#search-filter #filter option {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #17257e;
}

#search-filter #code {
    background: #ffffff;
    border-radius: 10px;
    height: 50px;
    margin-right: 15px;
}

#search-filter #code,
#search-filter #code::placeholder {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.8);
    border: 0;
}

.a-content p {
    font-family: Roboto;
    color: #000000;
    line-height: 20px !important;
}

@-moz-document url-prefix() {
    #search-filter #code,
    #search-filter #code::placeholder {
        padding: 16px;
    }
}

#search-filter #code {
    width: 48%;
    padding-left: 16px!important;
    outline: 0;
}

#search-filter #code:focus {
    /* padding: 10px; */
    border: 1px solid #17257E;
}

#search-filter #country {
    background: #ffffff;
    border-radius: 10px;
    height: 50px;
    /* max-width: 230px; */
    width: 23% !important;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    margin-right: 0;
    /* opacity: 0; */
    overflow: hidden;
    background-image: url('../themes/ripple/images/Shape.jpg');
    background-position: calc(100% - 25px) calc(1em + 3px), calc(100% - 25px) calc(1em + 8px);
    background-repeat: no-repeat;
}

#search-filter #country option {
    opacity: 0;
}

.select2-container {
    width: 25% !important;
}

.sector-section .select2-container {
    width: 60%!important;
    margin-left: 30px;
    height: 40px
}

.sector-section .select2-container--default .select2-selection--single {
    background-image: url('../themes/ripple/images/Shape.jpg');
    background-position: calc(100% - 25px) calc(1em + 3px), calc(100% - 25px) calc(1em + 8px);
    background-repeat: no-repeat;
    height: 44px
}

.select2-container .select2-selection--single #select2-sectorDropdown-container.select2-selection__rendered {
    padding: 8px 42px 10px 15px;
}

.sector-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.sector-section .select2-container .select2-selection--single .select2-selection__rendered:focus-visible {
    border: 1px solid #aaa;
}

#search-filter ul#select2-country-container {
    position: absolute;
    top: 50px;
    left: -574px;
}

#search-filter #select2-country-container li {
    height: 40px;
    background: #ffffff;
    opacity: 0.9;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 7px;
}

#search-filter #select2-country-container li .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 8px;
    left: unset;
}

#search-filter .select2-selection--multiple {
    border-radius: 10px !important;
    height: 50px !important;
    padding: 10px;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    /* background-image: url('images/Shape.jpg'); */
    background-position: calc(100% - 30px) calc(1em + 8px), calc(100% - 25px) calc(1em + 8px);
    background-repeat: no-repeat;
}

.select2-search textarea {
    font-family: 'Roboto' !important;
}

#search-filter .wrap-country {
    position: relative;
    margin-left: 13px;
    margin-right: 22px;
    max-width: 230px;
    width: 100%;
}


/* #search-filter .select2-container {
  width: 100%!important;
} */

#search-filter .wrap-country .country-placeholder {
    display: block;
    position: absolute;
    right: 120px;
    top: 15px;
}

#search-filter .wrap-country .btn-drop {
    position: absolute;
    top: 15px;
    right: 25px;
}

#search-filter #country option {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.8);
}

#search-filter button[type="submit"],
#search-filter button[type="button"] {
    font-family: 'Roboto', sans-serif;
    background: #17257E;
    border-radius: 10px;
    max-width: unset;
    height: 50px;
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.2);
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}

#search-filter button[type="submit"]:hover {
    box-shadow: 0px 0px 8px 0px #00000040;
}

#search-filter .form-search-in-goods {
    display: flex;
    width: 110%;
    justify-content: flex-start;
    align-items: center;
}

#search-filter .form-search-in-goods .input-field {
    width: 900px;
    text-align: -webkit-left;
    display: flex;
    flex-wrap: wrap;
    margin-left: 30px;
}

#search-filter .form-search-in-goods .input-submit {
    width: 150px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #17257E;
}

#search-result {
    padding: 40px 0 20px;
}

#search-result .content {
    position: relative;
}

#search-result .content .feather-icon {
    position: absolute;
    right: 43px;
    top: -49px;
    border-radius: 100%;
    background-color: #ffffff;
    max-width: 60px;
    width: 100%;
    max-height: 60px;
    height: 100%;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
}

#search-result .content .feather-icon img {
    margin: 18px;
}

#search-result .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    margin: 0;
    margin-right: 20px;
}

#search-result .wrap-main-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

#search-result .wrap-main-title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
    text-decoration: none;
    border: 1px solid;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
}

#search-result .list .box {
    display: flex;
    border: 1px solid #c4c4c4;
    align-items: center;
    padding: 10px 20px;
    position: relative;
}

#search-result .list .box .folder .folder-w,
#search-result .list .box .folder .folder-b {
    display: none;
    max-width: 20px;
    width: 100%;
    max-height: 18px;
    height: 100%;
}

#search-result .list li {
    margin: 0;
}

#search-result .box.expanded {
    background-color: #E2EAFF;
}

#trade_service.list .box.expanded+ul .box.expanded {
    background: rgba(226, 234, 255, 0.6)!important;
}

#search-result .box.expanded+ul .box.expanded {
    background: rgba(226, 234, 255, 0.6)!important;
}

#search-result .box.expanded+ul .box.expanded+ul .box.expanded {
    background: rgba(226, 234, 255, 0.3)!important;
}

#search-result .list .box.collapsed .folder .folder-w {
    display: block !important;
}

#search-result .list .box.expanded .folder .folder-b {
    display: block !important;
}

#search-result .list .box .button-drop .plus-square,
#search-result .list .box .button-drop .minus-square {
    display: none;
}

#search-result .list .box.collapsed .button-drop .plus-square {
    display: block !important;
}

#search-result .list .box.expanded .button-drop .minus-square {
    display: block !important;
}

#trade-service .box .button-drop {
    position: absolute;
    right: 15px;
}

#trade-service .box .button-drop {
    background-image: url(../images/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

#trade-service .box.expanded .button-drop {
    background-image: url(../images/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    transform: rotate(180deg);
}

#trade-service .box .button-drop p {
    opacity: 0;
    margin: 0;
}

#search-result .list .box .folder {
    width: inherit;
    margin-right: 15px;
}

#search-result .list .box .no {
    width: inherit;
    margin-right: 15px;
    display: block !important;
}

#search-result .list .box .title {
    width: 80%;
    margin-right: 20px;
}

#search-result .list .box .button-drop {
    position: absolute;
    right: 15px;
}

#search-result .list .box .title p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    color: #000000;
}

#search-result .list .box .no p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    color: #000000;
}

#se-support {
    margin-top: 42px;
    margin-bottom: 62px;
}

#se-support .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #17257e;
    border-bottom: 4px solid;
    width: 75px;
    margin: 0;
    padding-bottom: 9px;
    margin-left: 20px;
}

#se-support .content {
    border-top: 1px solid #c4c4c4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align-last: center;
    padding-top: 45px;
}

#se-support .content .item {
    width: 12%;
}

#se-support .content .item .description {
    text-align: -webkit-center;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #171717;
}

#se-support .content .item .image {
    margin-bottom: 15px;
    height: 60px;
}

#se-roo-tab {}

#se-roo-tab .main-content .button-direct {
    margin-bottom: 30px;
}

#se-roo-tab .button-direct ul {
    list-style-type: none;
    display: flex;
    height: 40px;
}

#se-roo-tab .button-direct ul .title {
    width: inherit;
    margin-right: 120px;
}

#se-roo-tab .button-direct ul .title.active {
    border-bottom: 5px solid #17257E;
}

#se-roo-tab .button-direct ul .title a {
    text-decoration: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.8);
}

#se-roo-tab .main-content .item {
    display: none;
}

#se-roo-tab .main-content .item.active {
    display: block;
}

#se-roo-tab .button-direct ul .title.active a {
    font-weight: bold;
    color: #000000;
}

#se-roo-tab p.description {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

#se-roo-tab ul.listree-submenu-items {
    padding-left: 0!important;
}

#se-roo-tab .box .button-find-out {
    border: 1px solid #17257E;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
}

#se-roo-tab .box .button-find-out a {
    text-align: center !important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
    text-decoration: none;
    font-family: roboto;
}

#se-roo-tab .box {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    width: 330px;
    padding: 25px;
    border-top: 19.93px solid #4D7EFF;
    margin-right: 20px;
}

#se-roo-tab .box .boxs {
    margin-bottom: 21.5px;
}

#se-roo-tab .box .content {
    padding: 12px;
}

#se-roo-tab .box .content h5 {
    display: flex;
    justify-content: space-between;
    /* padding-right: 20px; */
}

#se-roo-tab .box .content .img-info {
    width: 10%;
}

#se-roo-tab .box .content h5 img {
    width: 21px;
    margin-left: auto;
    /* position: absolute;
    right: 0; */
}

#se-roo-tab .line-text {
    display: flex;
    margin-bottom: 15px;
}

#se-roo-tab .line-text .image {
    margin-right: 5px;
}

#se-roo-tab .box .title-top {
    padding-bottom: 30px;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 21px;
}

#se-roo-tab .box .title-top .static {
    display: flex;
    justify-content: start;
}

#se-roo-tab .box .title-top .static .mfn,
#se-roo-tab .box .title-top .static .preferential {
    width: 35%;
}

#se-roo-tab .box .title-top .static .mfn {
    margin-right: 50px;
}

#se-roo-tab .box .title-top .static .percent {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 35px;
    color: #17257E;
}

#se-roo-tab .box .title-top .static .w3-border {
    background-color: #C6D3F7;
    height: 6px;
    margin-bottom: 7px;
}

#se-roo-tab .box .title-top .static .w3-blue {
    background-color: #17257E;
    height: 6px;
}

#se-roo-tab .box .title-top .static .percent-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #696969;
}

#se-roo-tab .box .title-top .region {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    margin-top: 10px;
}

#se-roo-tab .box .origin .btn-show-more {
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #17257E;
    border-radius: 10px;
}

#se-roo-tab .box .origin .btn-show-more a {
    text-align: center!important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
    text-decoration: none;
}

#se-roo-tab .box .origin div.des {
    position: relative;
}

#se-roo-tab .box .origin div.des img {
    position: absolute;
    right: 0;
    top: 0;
}

#se-roo-tab .box .origin .green p {
    color: #0CC634;
}

#se-roo-tab .box .origin .red p {
    color: #CE1124;
}

#se-roo-tab .box .origin .tool-tip .tooltiptext,
#se-roo-tab .box .guidelines .tool-tip .tooltiptext {
    left: -235px;
}

#se-roo-tab .box .button-find-out {
    border: 1px solid #17257E;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
}

#se-roo-tab .box .button-find-out a {
    text-align: center!important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
    text-decoration: none;
}

#se-roo-tab .box .title-top .des {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #17257e;
}

#se-roo-tab .box .title-top img {
    max-width: 34px;
    width: 100%;
    max-height: 20px;
    height: 100%;
}

#se-roo-tab .box .title {
    padding: 12px;
    padding-bottom: 0 !important;
}

#se-roo-tab .box div.title {
    position: relative;
}

#se-roo-tab .box div.title .button-drop {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: -1;
}

#se-roo-tab .box div.title .button-drop .minus-square {
    display: none;
}

#se-roo-tab .box div.title .button-drop .plus-square {
    display: none;
}

#se-roo-tab .box div.title.collapsed .button-drop .plus-square {
    display: block !important;
}

#se-roo-tab .box div.title.expanded .button-drop .minus-square {
    display: block !important;
}

#se-roo-tab .box .title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.8);
    width: fit-content;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 3px solid #17257e;
}

#se-roo-tab .box h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(23, 23, 23, 0.5);
}

#se-roo-tab .box .bold {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #000000;
}

#se-roo-tab .box p.des {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    white-space: pre-line;
}

#se-roo-tab .box p.des-ita {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.6);
}

#tar .wrap-tar {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#tar .wrap-tar .main-content {
    width: 73%;
}

#tar .wrap-tar .main-content .infor,
#tar .wrap-tar .main-content .schedule {
    margin-top: 45px;
}

#tar .main-content .schedule .data-no {
    border: 1px solid #C4C4C4;
    margin-bottom: 30px;
}

#tar .main-content .schedule .data-no .rows {
    position: relative;
    padding: 10px;
}

#tar .main-content .schedule .data-no .rows .name {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #545454;
}

#tar .main-content .schedule .data-no .rows .no {
    position: absolute;
    top: 0;
    right: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#tar .wrap-tar .main-content h4.title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #17257E;
}

#tar .wrap-tar .main-content .text-blue {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #17257E;
    display: inline-block;
}

#tar .wrap-tar .main-content p.detail {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

#tar .wrap-tar .main-content th {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #545454;
    padding-left: 10px;
}

#tar .wrap-tar .main-content td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    padding-left: 10px;
}

#tar .wrap-tar .main-content .row-title {
    height: 50px;
    border-bottom: 1px solid #C4C4C4;
}

#tar .wrap-tar .main-content .row-content {
    background: #F6F6F6;
    height: 50px;
}

#tar .wrap-tar .side-bar {
    width: 24.5%;
}

#tar .wrap-tar .side-bar .title {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 17px;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 10px;
}

#tar .wrap-tar .side-bar .title img {
    max-width: 20px;
    max-height: 20px;
    width: 100%;
    height: 100%;
    margin-right: 10px;
}

#tar .wrap-tar .side-bar .title h3 {
    margin: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    color: #17257E;
}

#tar .side-bar .title .fa-search {
    position: absolute;
    right: 0px;
    color: #17257E;
}

#tar .row-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#tar .row-box .image {
    max-width: 40px;
    max-height: 40px;
    margin-right: 10px;
}

#tar .row-box p.pdf-title {
    margin: 0;
}

#tar .main-content .th {
    position: relative;
    padding: 10px;
    border: 1px solid #C4C4C4;
}

#tar .mobile {
    display: none;
}

#tar .main-content .th.expanded {
    background-color: #E2EAFF;
}

#tar .main-content .th .title {
    width: max-content;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#tar .main-content .th p {
    margin: 0;
}

#tar .main-content .th .button-drop {
    position: absolute;
    right: 12px;
    top: 6px;
}

#tar .main-content .row-data {
    position: relative;
    padding: 10px;
}

#tar .main-content .row-data .no {
    position: absolute;
    right: 20px;
    top: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#tar .main-content .data {
    border: 1px solid #C4C4C4;
    border-top: 0;
}

#tar .main-content .minus-square,
#tar .main-content .plus-square {
    display: none;
}

#tar .main-content .th.expanded .minus-square {
    display: block!important;
}

#tar .main-content .th.collapsed .plus-square {
    display: block!important;
}

#tar {}

#tar {}

#footer {
    padding: 40px 0;
    background-color: #f3f3f3;
}

#footer .infor-contact {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#footer .infor-contact .left {
    display: flex;
    justify-content: space-around;
    width: 50%;
}

#footer .infor-contact .right {
    display: flex;
    justify-content: space-around;
    width: 50%;
}

#footer .infor-contact .moit {
    text-align: center;
}

#footer .infor-contact .moit img {
    margin: 15px 0;
}

#footer .infor-contact .moit p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #000000;
}

#footer .infor-contact .text p {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 25px;
}

#footer .infor-contact .follow h2,
#footer .infor-contact .connect h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #17257e;
}

#footer .infor-contact .connect .text-bold {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

#footer .infor-contact .connect .divide-content {
    display: flex;
    justify-content: space-between;
}

#footer .infor-contact .connect .divide-content p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#footer .disclamer {
    margin-top: 34px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c4c4c4;
}

#footer .disclamer .text-des p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#footer .disclamer .text-des span {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#footer .disclamer .sign {
    /* position: absolute;
    right: 0; */
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: #000000;
}

#footer .sign-footer p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    padding-top: 22px;
}

#footer .icon-social {
    display: flex;
    justify-content: space-between;
}

.contact-2 a {
    font-family: 'Roboto', sans-serif;
}

@media only screen and (max-width: 1500px) {
    .container {
        max-width: 1380px;
    }
}

@media only screen and (max-width: 1260px) {
    #search-filter #filter {
        margin-bottom: 10px;
        max-width: 230px;
    }
    #search-filter #code {
        margin-bottom: 10px;
        /* width: 45%; */
    }
    #search-filter.service-code {
        width: 47%;
    }
    /* #search-filter ul#select2-country-container {
    position: absolute;
    top: 0px;
    left: 257px;
    width: 600px;
  } */
}

@media only screen and (max-width:1199px) {
    #tar .wrap-tar .main-content {
        width: 100%;
    }
    #tar .wrap-tar .side-bar {
        width: 100%;
        margin-top: 25px;
    }
    #search-filter ul#select2-country-container {
        left: -437px;
    }
}

@media only screen and (max-width: 1050px) {
    #search-filter .form-search-in-goods .input-field {
        /* width: 84%; */
        margin-right: 15px;
    }
    /* #search-filter .form-search-in-goods .input-submit {
        width: 14%;
    } */
    #search-filter .form-search-in-goods {
        width: 100%;
    }
    /* #search-filter ul#select2-country-container {
    position: absolute;
    top: 0px;
    left: 245px;
  } */
    #search-filter #code {
        padding-left: 7px;
        width: calc(100% - 350px)!important;
    }
}

@media only screen and (max-width:1024px) {
    #search-filter ul#select2-country-container {
        left: -546px;
    }
}

@media only screen and (max-width: 991px) {
    #footer .infor-contact .left,
    #footer .infor-contact .right {
        width: 100%;
    }
    #footer .infor-contact .left .text {
        margin-right: 128px;
    }
    #search-filter ul#select2-country-container {
        left: -368px;
    }
}

@media only screen and (max-width:768px) {
    #search-filter .wrap-country {
        position: relative;
        margin: 0;
        margin-top: 14px;
        max-width: unset;
        width: 100%;
        margin-bottom: 50px;
    }
    #search-filter .wrap-country .country-placeholder {
        right: unset;
        left: 15px;
        top: 15px;
        font-size: 15px;
    }
    #search-filter ul#select2-country-container {
        position: absolute;
        top: 0px;
        left: 245px;
        display: flex;
    }
}

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

    .gsc-search-box .gsc-search-button{
        padding: 0;
    }
    #se-support .content .item {
        width: 50%;
    }
    #search-result .list .box .no {
        width: inherit;
        margin-right: 5px;
    }
    #search-result .list .box .folder {
        width: 30px;
        margin-right: 5px;
    }
    #search-result .list .box {
        padding: 5px 10px;
    }
    #search-filter .form-search-in-goods {
        flex-wrap: wrap;
    }
    #search-filter .form-search-in-goods .input-field {
        width: 100%;
        margin-bottom: 10px;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0;
    }
    .js-example-tags-container {
        margin: 0!important;
    }
    .js-example-tags-container ul {
        padding-bottom: 5px;
    }
    #search-filter .form-search-in-goods .input-submit {
        width: 100%;
        text-align: left;
    }
    #search-filter ul#select2-country-container {
        position: absolute;
        top: 55px;
        left: -4px;
    }
    #se-roo-tab .button-direct ul .title {
        width: inherit;
        margin-right: 35px;
    }
    #se-roo-tab .button-direct ul {
        padding-left: 0;
    }
    #se-roo-tab .box {
        margin-right: 0;
    }
    #tar .mobile {
        display: block;
    }
    #tar table {
        display: none;
    }
    #search-filter #code {
        padding-left: 16px;
        max-width: unset;
        margin-right: 0;
        width: 100%!important;
        margin-bottom: 15px;
    }
    .elementor-form-container-1 .form-control-1 {
        width: 100%;
        margin-bottom: 15px!important;
        margin-right: 0!important;
    }
    #search-filter button[type="submit"] {
        max-width: unset;
    }
}

@media only screen and (max-width:768px) {
    #search-filter {
        /* padding-top: 34px; */
        padding-bottom: 0px;
    }
    #search-result .main-title {
        width: 100%;
    }
    #search-filter .feather-icon {
        right: 15px!important;
    }
}

@media only screen and (max-width: 623px) {
    #footer .infor-contact .left .text {
        margin-right: 0;
    }
    #se-roo-tab .box {
        padding: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .container {
        padding: 0 20px;
    }
    #header .logo {
        max-width: 148px;
    }
    #header .logo img {
        width: 100%;
    }
    #search-result .main-title {
        font-size: 23px;
    }
    #search-result .list .box .title p {
        font-size: 13px;
    }
    #se-roo-tab p.description {
        font-size: 14px;
    }
    #se-roo-tab .box .title-top .region {
        font-size: 30px;
    }
    #se-roo-tab .box h5 {
        font-size: 15px;
    }
    #se-roo-tab .box p.des {
        font-size: 14px;
    }
    #footer .disclamer .sign {
        font-size: 14px;
    }
    #search-filter .wrap-country .select2-container {
        width: 100% !important;
    }
    #search-filter .form-search-in-goods {
        flex-wrap: wrap;
    }
    #search-filter .form-search-in-goods .input-field {
        width: 100%;
        margin-left: 0;
    }
    #search-filter .form-search-in-goods .input-submit {
        width: 100%;
    }
    #search-filter {
        /* padding-top: 34px; */
        padding-bottom: 0;
    }
    #search-filter button[type="submit"] {
        max-width: unset;
        margin-bottom: 15px;
    }
    #search-filter #country {
        max-width: unset;
        margin-bottom: 15px;
    }
    #search-filter #filter {
        max-width: unset;
        margin-bottom: 15px;
        margin-right: 0;
    }
    #search-filter #code,
    #search-filter #code::placeholder {
        margin-bottom: 15px;
        margin-right: 0;
    }
    #search-filter ul#select2-country-container {
        width: 100%;
    }
    #search-result .list .box .title {
        margin-right: 35px;
    }
    #footer .infor-contact .box {
        width: 100%;
        margin-bottom: 15px;
    }
    #footer .infor-contact {
        justify-content: unset;
        flex-wrap: wrap;
    }
    #footer .infor-contact .follow {
        width: inherit;
        margin-bottom: 30px;
    }
    #footer .infor-contact .follow .icon-social {
        justify-content: unset;
    }
    #footer .infor-contact .follow .icon-social .ic:last-child {
        margin-left: 20px;
    }
    #footer .infor-contact .text p {
        font-size: 15px;
        padding-right: 18px;
        border-right: 1px solid #111111;
    }
    #footer .infor-contact .text p:last-child {
        padding-right: 0;
        border-right: 0;
    }
    #footer .infor-contact .left,
    #footer .infor-contact .right {
        flex-wrap: wrap;
    }
    #footer .infor-contact .text {
        display: flex;
        justify-content: space-between;
    }
    #footer .infor-contact .connect .divide-content .left-content {
        margin-right: 50px;
    }
    #footer .infor-contact .connect .divide-content {
        justify-content: unset;
    }
    #footer .disclamer .text-des p {
        text-align: justify;
    }
    #footer .sign-footer p {
        max-width: 280px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
    }
    #search-filter #code,
    #search-filter #code::placeholder {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.8)
    }
    #se-support .main-title {
        font-size: 25px;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 380px) {
    #search-result .content .feather-icon img {
        margin: 11px;
    }
    #search-result .content .feather-icon {
        right: 10px;
        top: -42px;
        max-width: 45px;
        max-height: 45px;
    }
}

ul.listree {
    padding: 0 !important;
}

ul.listree-submenu-items {
    padding-left: 20px !important;
    border-left: 0 !important;
    margin-right: 0 !important;
    white-space: unset !important;
}

div.listree-submenu-heading.collapsed+ul.listree-submenu-items {
    display: none;
}

.listree-submenu-heading.expanded:before {
    display: none;
}

.listree-submenu-heading.collapsed:before {
    display: none;
}


/* ul.listree-submenu-items .box {
    padding-left: 40px!important;

} */

.error-mess {
    font-size: 16px;
    color: #ED1B2F;
    font-family: 'Roboto', sans-serif;
}

#measures h4.title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

#measures .summary {
    margin-bottom: 20px;
}

#measures .summary p.sum {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #545454;
    margin-left: 10px;
}

#measures .box-sum {
    width: 472px;
}

#measures .box-sum .line:first-child {
    border-top: 1px solid #c4c4c4;
}

#measures .box-sum .line {
    /* display: flex; */
    position: relative;
    padding: 15px 10px;
    background-color: #f6f6f6;
}

#measures .box-sum .line .name {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    padding-right: 50px;
}

#measures .box-sum .line .no {
    position: absolute;
    right: 30px;
    top: 10px;
    /* padding: 20px; */
}

#measures table th {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #545454;
    padding: 15px 10px;
}

#measures table td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    padding: 15px 10px;
}

#measures table td a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
}

#measures .detail {
    margin-top: 20px;
}

#measures .detail .main-title {
    display: flex;
    flex-wrap: wrap;
}

#measures .detail .main-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #17257e;
    margin-right: 10px;
}

#measures .detail .main-title p {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #17257e;
}

#measures .detail .box-content .rows {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#measures .detail .box-content .rows .name {
    width: 25%;
    background: #f6f9ff;
    padding: 15px 10px;
    font-size: 15px;
    color: #545454;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

#measures .detail .box-content .rows:first-child .info {
    color: #17257E;
    font-weight: 700;
}

#measures .detail .box-content .rows .info {
    width: 75%;
    background: #f6f6f6;
    padding: 15px 10px;
    font-size: 15px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
}

#measures .th {
    position: relative;
    padding: 15px 10px;
    border: 1px solid #c4c4c4;
}

#measures .th.expanded {
    background-color: #e2eaff;
}

#tar .th.expanded {
    background-color: #e2eaff;
}

#measures .th .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #545454;
    width: max-content;
}

#measures .th .title p {
    margin: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#measures .th .button-drop {
    position: absolute;
    right: 12px;
    top: 15px;
}

#measures .minus-square,
#measures .plus-square {
    display: none;
}

#measures .th.collapsed .plus-square {
    display: block !important;
}

#measures .th.expanded .minus-square {
    display: block !important;
}

#measures .data {
    border: 1px solid #c4c4c4;
    border-top: 0;
}

#measures .data .row-data {
    position: relative;
    padding: 10px;
}

#measures .data .row-data .no {
    position: absolute;
    right: 20px;
    top: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: #000000;
}

#measures .data .row-data .nam {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #545454;
}

#measures .data .row-data .nam a {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #17257E;
    text-decoration: none;
}

#measures .mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    #measures table {
        display: none;
    }
    #measures .mobile {
        display: block;
    }
    #measures .detail .box-content .rows {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    #measures .detail .box-content .rows .name {
        width: 100%;
    }
    #measures .detail .box-content .rows .info {
        width: 100%;
    }
    #measures .detail .main-title h2 {
        font-size: 23px;
    }
}

@media only screen and (max-width:553px) {
    #measures .box-sum {
        width: 100%;
        border: 1px solid #C4C4C4;
    }
    #measures .box-sum .line:first-child {
        border-top: 0;
    }
    #measures .box-sum .line {
        background-color: unset;
    }
}


/* FTA List */

#fta-list {
    padding: 40px 0 20px 0;
}

#fta-list .main-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #17257E;
    margin-left: 15px;
}

#fta-list .main-title .line-title {
    border: 2px solid #17257E;
    width: 75px;
    margin-left: 15px;
}

#fta-list .content {
    border-top: 1px solid #C4C4C4;
    padding-top: 34px;
}

#fta-list .wrap-boxs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#fta-list .wrap-boxs .box {
    width: 31.5%;
    margin-bottom: 30px;
}

#fta-list .wrap-boxs .box:nth-child(n+7) {
    display: none;
}

#fta-list .wrap-boxs .box .image {
    position: relative;
    border: 1px solid #C4C4C4;
    border-bottom: 0;
}

#fta-list .wrap-boxs .box .image .title {
    bottom: 0;
    background: rgba(77, 126, 255, 0.3);
    backdrop-filter: blur(5px);
    width: 100%;
    padding: 15px 24px;
    position: absolute;
}

#fta-list .wrap-boxs .box .image .title h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 29px;
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 0;
}

#fta-list .wrap-boxs .box .des {
    padding: 22px 24px;
    border: 1px solid #C4C4C4;
    height: 300px;
}

#fta-list .wrap-boxs .box .des h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(23, 23, 23, 0.5);
}

#fta-list .wrap-boxs .box .des p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#fta-list .button-show-more {
    text-align-last: center;
    margin-top: 20px;
}

#fta-list .button-show-more #show-more {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
    border: 1px solid #17257E;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 11px 62px;
    text-decoration: none;
}

#fta-list .button-show-more #show-more:hover {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width:1199px) {
    #fta-list .wrap-boxs .box {
        width: 48.5%;
        margin-bottom: 15px;
    }
    #fta-list .wrap-boxs .box .des {
        padding: 15px 20px;
        border: 1px solid #C4C4C4;
    }
}

@media only screen and (max-width:767px) {
    #fta-list .wrap-boxs .box {
        width: 100%;
    }
}

@media only screen and (max-width:480px) {
    #fta-list .wrap-boxs .box .des h4 {
        font-size: 15px;
    }
    #fta-list .wrap-boxs .box .des p {
        font-size: 14px;
    }
    #fta-list .wrap-boxs .box .image .title h4 {
        font-size: 22px;
    }
    #fta-list .wrap-boxs .box .image .title {
        padding: 5px 10px;
    }
    #fta-list .wrap-boxs .box .des {
        padding: 5px 10px;
    }
    #fta-list .main-title h2 {
        font-size: 25px;
    }
    #fta-detail .cate .main-title {
        font-size: 25px!important;
    }
}


/* FTA detail */

#fta-detail {
    padding: 20px 0;
}

#fta-detail .wrap-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#fta-detail .cate {
    width: 23.1%;
}

#fta-detail .cate .main-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #17257E;
    padding-bottom: 10px;
    margin-bottom: 0;
}

#fta-detail .cate ul {
    padding: 0;
    padding-top: 20px;
}

#fta-detail .cate li.title {
    list-style-type: none;
    padding: 10px 20px;
}

#fta-detail .cate li.title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    text-decoration: none;
    color: #000000;
}

#fta-detail .cate li.title.active {
    background: rgba(23, 37, 126, 0.1);
    padding: 10px 20px;
    border-left: 5px solid #17257E;
}

#fta-detail .cate li.title.active a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 120%;
    color: #17257E;
}

#fta-detail .content-detail {
    width: 74.6%;
    margin-top: 15px;
}

#fta-detail .content-detail .boxs {
    margin-bottom: 20px;
}

#fta-detail .content-detail h3.main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 140.8%;
    text-transform: uppercase;
    color: #17257E;
    padding-bottom: 10px;
    border-bottom: 1px solid #C4C4C4;
}

#fta-detail .content-detail .time-social {
    position: relative;
    height: 60px;
}

#fta-detail .content-detail .time-social .time {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140.8%;
    color: #646464;
}

#fta-detail .content-detail .time-social .social {
    position: absolute;
    top: 0;
    right: 0;
}

#fta-detail .content-detail div.title.expanded {
    background-color: #E2EAFF;
}

#fta-detail .content-detail div.title h2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
    width: fit-content;
    margin: 0;
}

#fta-detail .content-detail div.title.expanded h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #17257E;
}

#fta-detail .content-detail div.title {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    padding: 15px 28px;
}

.button-drop {
    display: block!important;
}

#fta-detail .content-detail div.title .button-drop {
    position: absolute;
    top: 13px;
    right: 10px;
}

#fta-detail .content-detail div.title .button-drop .minus-square,
#fta-detail .content-detail div.title .button-drop .plus-square {
    display: none;
}

#fta-detail .content-detail div.title.collapsed .button-drop .plus-square {
    display: block !important;
}

#fta-detail .content-detail div.title.expanded .button-drop .minus-square {
    display: block !important;
}

#fta-detail ul.listree-submenu-items {
    padding-left: 0 !important;
}

#fta-detail ul.listree-submenu-items .content {
    padding: 12px 30px;
    border: 1px solid #C4C4C4;
    border-top: 0;
}

#fta-detail ul.listree-submenu-items .content .rows {
    display: flex;
}

#fta-detail ul.listree-submenu-items .content .rows a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    text-decoration-line: underline;
    color: #000000;
    width: 15%;
}

#fta-detail ul.listree-submenu-items .content .rows p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
}

@media only screen and (max-width:991px) {
    #fta-detail .cate {
        width: 100%;
    }
    #fta-detail .content-detail {
        width: 100%;
    }
}

/* qa */

#qa {
    padding: 20px 0;
}

#qa .wrap-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#qa .cate {
    width: 23.1%;
}

#qa .cate .main-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #17257E;
    padding-bottom: 10px;
    margin-bottom: 0;
}

#qa .cate ul {
    padding: 0;
    padding-top: 20px;
}

#qa .cate li.title {
    list-style-type: none;
    padding: 10px 20px;
}

#qa .cate li.title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    text-decoration: none;
    color: #000000;
}

#qa .cate li.title.active {
    background: rgba(23, 37, 126, 0.1);
    padding: 10px 20px;
    border-left: 5px solid #17257E;
}

#qa .cate li.title.active a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 120%;
    color: #17257E;
}

#qa .content-detail {
    width: 74.6%;
    margin-top: 15px;
}

#qa .content-detail .boxs {
    margin-bottom: 20px;
}

#qa .content-detail h3.main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 140.8%;
    text-transform: uppercase;
    color: #17257E;
    padding-bottom: 10px;
    border-bottom: 1px solid #C4C4C4;
}

#qa .content-detail .time-social {
    position: relative;
    height: 60px;
}

#qa .content-detail .time-social .time {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140.8%;
    color: #646464;
}

#qa .content-detail .time-social .social {
    position: absolute;
    top: 0;
    right: 0;
}

#qa .content-detail div.title.expanded {
    background-color: #E2EAFF;
}

#qa .content-detail div.title h2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
    width: fit-content;
    margin: 0;
}

#qa .content-detail div.title.expanded h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #17257E;
}

#qa .content-detail div.title {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    padding: 15px 28px;
}

.button-drop {
    display: block!important;
}

#qa .content-detail div.title .button-drop {
    position: absolute;
    top: 13px;
    right: 10px;
}

#qa .content-detail div.title .button-drop .minus-square,
#qa .content-detail div.title .button-drop .plus-square {
    display: none;
}

#qa .content-detail div.title.collapsed .button-drop .plus-square {
    display: block !important;
}

#qa .content-detail div.title.expanded .button-drop .minus-square {
    display: block !important;
}

#qa ul.listree-submenu-items {
    padding-left: 0 !important;
}

#qa ul.listree-submenu-items .content {
    padding: 12px 30px;
    border: 1px solid #C4C4C4;
    border-top: 0;
}

#qa ul.listree-submenu-items .content .rows {
    display: flex;
}

#qa ul.listree-submenu-items .content .rows a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    text-decoration-line: underline;
    color: #000000;
    width: 15%;
}

#qa ul.listree-submenu-items .content .rows p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
}

@media only screen and (max-width:991px) {
    #qa .cate {
        width: 100%;
    }
    #qa .content-detail {
        width: 100%;
    }
}

/* glossary category */

#glossary-cate {
    padding: 20px 0;
}

#glossary-cate .wrap-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#glossary-cate .cate {
    width: 23.1%;
}

#glossary-cate .cate .main-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #17257E;
    padding-bottom: 10px;
    margin-bottom: 0;
}

#glossary-cate .cate ul {
    padding: 0;
    padding-top: 20px;
}

#glossary-cate .cate li.title {
    list-style-type: none;
    padding: 10px 20px;
}

#glossary-cate .cate li.title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    text-decoration: none;
    color: #000000;
}

#glossary-cate .cate li.title.active {
    background: rgba(23, 37, 126, 0.1);
    padding: 10px 20px;
    border-left: 5px solid #17257E;
}

#glossary-cate .cate li.title.active a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 120%;
    color: #17257E;
}

#glossary-cate .content-detail {
    width: 74.6%;
    margin-top: 15px;
}

#glossary-cate .content-detail .boxs {
    margin-bottom: 20px;
}

#glossary-cate .content-detail h3.main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 140.8%;
    text-transform: uppercase;
    color: #17257E;
    padding-bottom: 10px;
    border-bottom: 1px solid #C4C4C4;
}

#glossary-cate .content-detail .time-social {
    position: relative;
    height: 60px;
}

#glossary-cate .content-detail .time-social .time {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140.8%;
    color: #646464;
}

#glossary-cate .content-detail .time-social .social {
    position: absolute;
    top: 0;
    right: 0;
}

#glossary-cate .content-detail div.title.expanded {
    background-color: #E2EAFF;
}

#glossary-cate .content-detail div.title h2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
    width: fit-content;
    margin: 0;
}

#glossary-cate .content-detail div.title.expanded h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #17257E;
}

#glossary-cate .content-detail div.title {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    padding: 15px 28px;
}

.button-drop {
    display: block!important;
}

#glossary-cate .content-detail div.title .button-drop {
    position: absolute;
    top: 13px;
    right: 10px;
}

#glossary-cate .content-detail div.title .button-drop .minus-square,
#glossary-cate .content-detail div.title .button-drop .plus-square {
    display: none;
}

#glossary-cate .content-detail div.title.collapsed .button-drop .plus-square {
    display: block !important;
}

#glossary-cate .content-detail div.title.expanded .button-drop .minus-square {
    display: block !important;
}

#glossary-cate ul.listree-submenu-items {
    padding-left: 0 !important;
}

#glossary-cate ul.listree-submenu-items .content {
    padding: 12px 30px;
    border: 1px solid #C4C4C4;
    border-top: 0;
}

#glossary-cate ul.listree-submenu-items .content .rows {
    display: flex;
}

#glossary-cate ul.listree-submenu-items .content .rows a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    text-decoration-line: underline;
    color: #000000;
    width: 15%;
}

#glossary-cate ul.listree-submenu-items .content .rows p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
}

@media only screen and (max-width:991px) {
    #glossary-cate .cate {
        width: 100%;
    }
    #glossary-cate .content-detail {
        width: 100%;
    }
}


/*contact*/

#contact-form {
    padding-top: 50px;
}

#contact-form .des {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 143.7%;
    text-align: center;
    color: #17257E;
    margin-bottom: 40px;
}

#contact-form .des span {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 143.7%;
    text-align: center;
}

#contact-form input {
    width: calc(100% - 3px);
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.8);
}

#contact-form input:focus {
    border-color: #17257E;
}

#contact-form input::placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.8);
}

#contact-form textarea,
#contact-form textarea::placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.8);
    width: calc(100% - 105px);
    height: 150px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden!important;
}

#contact-form textarea {
    padding: 15px 22px;
    border: 1px solid #C4C4C4;
}

#contact-form textarea:focus {
    border-color: #17257E;
}

#contact-form select {
    width: calc(100% - 3px);
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 5px 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none!important;
    background-image: url(../images/chevron-down.svg);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    outline: 0;
}

#contact-form #country:focus {
    border: 1px solid #17257E!important;
    /* border-color: red!important; */
    /* outline-color: unset; */
}

#contact-form .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#contact-form .content .right {
    width: 45%;
}

#contact-form .content .left {
    width: 45%;
    margin-right: 30px;
}

#contact-form .textarea {
    display: flex;
    justify-content: center;
}

#contact-form .submit-btn {
    text-align-last: center;
    text-align: -webkit-center;
    margin-top: 20px;
}

#contact-form .submit-btn input[type='submit'] {
    width: 150px;
    height: 50px;
    left: 885px;
    top: 907.3px;
    background: #17257E;
    border-radius: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

#contact-form .submit-btn input[type='submit']:hover {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}

#contact-form .g-recaptcha {
    margin-left: 52px;
    margin-top: 20px;
}

@media only screen and (max-width:1199px) {
    #contact-form textarea {
        width: calc(100% - 67px);
    }
    #contact-form .g-recaptcha {
        margin-left: 35px;
    }
}

@media only screen and (max-width:991px) {
    #contact-form textarea {
        width: calc(100% - 45px);
    }
    #contact-form .g-recaptcha {
        margin-left: 25px;
    }
}

@media only screen and (max-width:767px) {
    #contact-form .content .left {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    #contact-form .content .right {
        width: 100%;
    }
    #contact-form textarea {
        width: 100%;
    }
    #contact-form .g-recaptcha {
        margin-left: 0;
    }
}

#search-filter .feather-icon {
    display: none;
    border-radius: 100%;
    background-color: #ffffff;
    max-width: 60px;
    width: 100%;
    max-height: 60px;
    height: 100%;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
    position: absolute;
    bottom: -27px;
    right: 30px;
}

#search-filter .feather-icon img {
    margin: 18px;
}

@media only screen and (max-width:480px) {
    #contact-form .submit-btn input[type='submit'] {
        width: 100%;
    }
    .g-recaptcha .rc-anchor-light.rc-anchor-normal {
        width: unset!important;
    }
    #rc-anchor-container {
        width: unset!important;
    }
    .g-recaptcha .rc-anchor-normal .rc-anchor-content {
        width: calc(100% - 100px)!important;
    }
}


/* News */

#news-list {}

#news-list .wrap-main-title {
    position: relative;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #d5d5d5;
    background: #EAEFFF;
    margin-top: 40px;
}

#news-list .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #17257e;
    margin: 0;
    padding-bottom: 9px;
    margin-left: 20px;
    margin-top: 20px;
}

#news-list .wrap-main-title .underline {
    position: absolute;
    width: 75px;
    border: 2px solid #17257E;
    left: 21px;
    bottom: 0;
}

#news-list .content {
    padding-top: 20px;
    border-top: 1px solid #C4C4C4;
}

#news-list .content .hot-news {
    display: flex;
}

#news-list .content .hot-news .description {
    width: 39%;
}

#news-list .content .hot-news .image {
    width: 63.3%;
}

#news-list .content .hot-news .image img {
    max-height: 489.38px;
    width: 100%;
}

#news-list .content .hot-news .description {
    background-color: #ECECEC;
    padding: 39px 30px;
}

#news-list .content .hot-news .description .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 121.8%;
    color: #17257E;
    margin-bottom: 15px;
    bottom: 10px;
}

#news-list .content .hot-news .description .time {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 125.9%;
    color: #646464;
    margin-bottom: 10px;
}

#news-list .content .hot-news .description .des {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 125.9%;
    color: #000000;
}

#news-list .content .list {
    margin-top: 30px;
}

#news-list .content .list .wrap-boxs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#news-list .content .list .box {
    margin-bottom: 20px;
    width: 49%;
}

#news-list .content .list .box .content-box {
    display: flex;
    margin-bottom: 0;
    justify-content: space-between;
    height: 100%;
}

#news-list .content .list .box .image {
    width: 49%;
}

#news-list .content .list .box .image img {
    width: 100%;
    /* height: 100%; */
    height: 247.5px;
}

@media only screen and (max-width:480px) {
    #news-list .content .list .box .image {
        width: 43.5%;
    }
    #news-list .content .list .box .image img {
        width: 150px;
        height: 112.5px;
    }
}

#news-list .content .list .box .description {
    width: 49%;
}

#news-list .content .list .box .description .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 21px;
    color: #17257E;
    margin-bottom: 10px;
}

#news-list .content .list .box .description .title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#news-list .content .list .box .description .time {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 125.9%;
    color: #646464;
    margin-bottom: 10px;
}

#news-list .content .list .box .description .des {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 125.9%;
    color: #000000;
}

#news-list .button-show-more {
    display: flex;
    text-align: center;
    margin-top: 20px;
    justify-content: center;
}

#news-list .button-show-more #show-more,
.origin-show-more {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
    border: 1px solid #17257E;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 11px 62px;
    text-decoration: none;
}

#news-list .button-show-more #show-more:hover,
.origin-show-more:hover {
    box-shadow: 0px 0px 8px 0px #00000040;
}

#news-list .wrap-boxs .box:nth-child(n+7) {
    display: none;
}

@media only screen and (max-width:1199px) {
    #news-list .content .list .box .description .title {
        font-size: 18px;
        line-height: 20px;
    }
    #news-list .content .list .box .description .des {
        font-size: 12px;
    }
    #news-list .content .hot-news .description {
        background-color: #ECECEC;
        padding: 20px 20px;
    }
}

@media only screen and (max-width:991px) {
    #news-list .content .hot-news {
        flex-wrap: wrap;
    }
    #news-list .content .hot-news .image {
        width: 100%;
    }
    #news-list .content .hot-news .description {
        width: 100%;
    }
    #news-list .content .list .box {
        width: 100%;
    }
    #news-list .content .hot-news .description .des {
        height: auto;
    }
}

@media only screen and (max-width:480px) {
    #news-list .content .list .box .description .des {
        display: none;
    }
    #news-list .content .hot-news .description .title {
        font-size: 20px;
        font-weight: 700;
    }
    #news-list .content .hot-news .description .des {
        line-height: 125.9%;
        text-align: justify;
        color: #171717;
        font-weight: 400;
    }
    #news-list .content .list .box .description .title {
        font-size: 17px;
        -webkit-line-clamp: inherit;
    }
}

#news-detail {
    padding: 46.01px 0 20px 0;
}

#news-detail .main h2.main-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 140.8%;
    text-transform: uppercase;
    color: #17257E;
    padding-bottom: 10px;
    border-bottom: 1px solid #C4C4C4;
}

#news-detail .main .time-social {
    position: relative;
    height: 60px;
}

#news-detail .main .time-social .time {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140.8%;
    color: #646464;
}

#news-detail .main .image-center {
    text-align-last: center;
    margin-bottom: 40px;
}

#news-detail .main .image-center img {
    width: 100%;
    max-width: 870px;
    height: 489.38px;
}

#news-detail .main .time-social .social {
    position: absolute;
    top: 0;
    right: 0;
}

#news-detail .main .social img {
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

#news-detail .main .time-social .social img {
    margin: 0 0px 0 12px;
}

#news-detail .main .text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 140.8%;
    color: #000000;
    padding-bottom: 20px;
    border-bottom: 1px solid #C4C4C4;
}

#news-detail .main .text p {
    color: #000000;
}

@media only screen and (max-width:768px) {
    #news-detail .main .image-center img {
        height: 248.1px;
        max-width: 345px;
    }
    #news-detail .main .text p {
        line-height: 19.71px;
        font-size: 14px;
    }
}

#news-detail .main .text .bold {
    font-weight: bold;
}

#news-detail .main-title .line-title {
    border: 2px solid #ED1B2F;
    width: 75px;
    margin-left: 15px;
}

#news-detail .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#news-detail .content .main {
    width: 100%;
}

#news-detail .content .side-bar {
    width: 24%;
}

#news-detail .content .side-bar .main-title {
    padding-left: 20px;
}

#news-detail .content .side-bar .main-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #ED1B2F;
}

#news-detail .content .side-bar .other-news {
    padding-top: 25px;
    border-top: 1px solid #C4C4C4;
}

#news-detail .content .side-bar .box {
    margin-bottom: 10px;
}

#news-detail .content .side-bar .box .description {
    margin: 20px 0;
}

@media only screen and (max-width:767px) {
    #news-detail .content .side-bar .box .description {
        margin: 0px;
    }
}

#news-detail .content .side-bar .box .description .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    color: #17257E;
    margin-top: 10px;
}

#news-detail .content .side-bar .box .image img {
    max-width: 330px;
    width: 100%;
    height: 185.63px;
}

@media only screen and (max-width:991px) {
    #news-detail .content .side-bar .box .description .title {
        font-size: 17px;
        line-height: 20px;
    }
    #news-detail .main h2.main-title {
        font-size: 20px;
    }
    #news-detail .content .side-bar .main-title h2 {
        font-size: 25px;
    }
}

@media only screen and (max-width:767px) {
    #news-detail .content .main {
        width: 100% !important;
    }
    #news-detail .content .side-bar {
        width: 100%;
    }
    #news-detail .content .side-bar .box {
        display: flex;
        justify-content: space-between;
    }
    #news-detail .content .side-bar .box .image {
        width: 49%;
    }
    #news-detail .content .side-bar .box .description {
        width: 49%;
    }
}

@media only screen and (max-width:767px) {
    #news-detail .content .side-bar .box .image .img {
        height: 112.5px;
        width: 150px;
    }
}


/*QA*/

#q-a {
    padding: 40px 0;
    padding-bottom: 0;
}

#q-a .content {
    position: relative;
}

#q-a .content .feather-icon {
    position: absolute;
    right: 43px;
    top: -49px;
    border-radius: 100%;
    background-color: #ffffff;
    max-width: 60px;
    width: 100%;
    max-height: 60px;
    height: 100%;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
}

#q-a .content .feather-icon img {
    margin: 18px;
}

#q-a .container .main-content {
    display: flex;
    justify-content: space-between;
}

#q-a .container .content .list-qa {
    width: 100%;
}

#q-a .container .content .side-bar {
    width: 24%;
}

#q-a .side-bar .main-title {
    width: 100%;
    margin-top: 10px;
}

#q-a .side-bar .main-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 35px;
    color: #17257E;
}

#q-a .side-bar .line-title {
    border: 2px solid #17257e;
    width: 75px;
    margin-left: 15px;
}

#q-a .side-bar .other-news {
    border-top: 1px solid #C4C4C4;
    padding-top: 25px;
}

#q-a .side-bar .box .image img {
    max-width: 330px;
    width: 100%;
}

#q-a .side-bar .box .description .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #17257E;
    margin-top: 10px;
}

#q-a .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    margin: 0;
    margin-right: 20px;
    width: 45%;
}

#q-a .description p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    margin-top: 20px;
}

#q-a .wrap-main-title {
    margin-top: 5px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

#q-a ul.listree-submenu-items {
    display: none;
    padding-left: 0 !important;
}

#q-a ul.listree-submenu-items li {
    padding-left: 10px !important;
    padding: 10px;
    border: 1px solid #C4C4C4!important;
    margin: 0;
}

#q-a .wrap-main-title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257e;
    text-decoration: none;
    border: 1px solid;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
}

#q-a .list .box {
    display: flex;
    border: 1px solid #c4c4c4;
    align-items: center;
    padding: 10px 20px;
    position: relative;
}

#q-a .list .box.expanded {
    background-color: #E2EAFF;
}

#q-a .list .box .button-drop .plus-square,
#q-a .list .box .button-drop .minus-square {
    display: none;
}

#q-a .list .box.collapsed .button-drop .plus-square {
    display: block !important;
}

#q-a .list .box.expanded .button-drop .minus-square {
    display: block !important;
}

#q-a .list .box .folder {
    display: none;
}

#q-a .list .box .no {
    width: inherit;
    margin-right: 15px;
    display: block !important;
}

#q-a .list .box .title {
    width: inherit;
    margin-right: 20px;
}

#q-a .list .box .button-drop {
    position: absolute;
    right: 15px;
}

#q-a .list .box .title p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    color: #000000;
}

#q-a .list .box.expanded .title p {
    color: #000000;
    font-weight: bold;
}

#q-a .list .box .no p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    color: #17257E;
}

#q-a .list .box.expanded .no p {
    color: #17257E;
}

#q-a ul.listree-submenu-items .question,
#q-a ul.listree-submenu-items .answer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#q-a ul.listree-submenu-items .question .q,
#q-a ul.listree-submenu-items .answer .a {
    width: 71px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#q-a ul.listree-submenu-items .question .q-content,
#q-a ul.listree-submenu-items .answer .a-content {
    width: 93%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

#q-a ul.listree-submenu-items .question {
    margin-bottom: 15px;
}

#q-a .wrap-main-title form {
    margin: 0;
    width: 60%;
    position: relative;
    text-align: end;
}

#q-a .wrap-main-title form #search-key {
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
    width: 510px;
    height: 50px;
    padding: 0 20px;
}

#q-a .wrap-main-title form #search-key:focus {
    border-color: #17257E;
}

#q-a .wrap-main-title form input[type='submit'] {
    position: absolute;
    top: 12px;
    right: 10px;
    background-image: url(../images/search.svg);
    background-position: center;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    /* background-size: 100%; */
}

@media only screen and (max-width:991px) {
    #q-a .main-title {
        width: 62%;
    }
    #q-a .wrap-main-title form #search-key {
        width: calc(100% - 55px);
    }
}

@media only screen and (max-width:767px) {
    #q-a .main-title {
        width: 100%;
        margin-bottom: 10px;
    }
    #q-a .description p {
        font-size: 18px;
    }
    #q-a .wrap-main-title {
        flex-wrap: wrap;
    }
    #q-a .wrap-main-title form {
        width: 100%;
        text-align: unset;
    }
    #q-a .wrap-main-title form #search-key {
        width: 100%;
    }
}

@media only screen and (max-width:480px) {
    #q-a ul.listree-submenu-items .question .q,
    #q-a ul.listree-submenu-items .answer .a {
        text-indent: -999999px;
        width: 45px!important;
    }
    #q-a ul.listree-submenu-items .question .q::after {
        text-indent: 0;
        content: "Q";
        display: block;
        text-align: center;
    }
    #q-a ul.listree-submenu-items .answer .a::after {
        text-indent: 0;
        display: block;
        text-align: center;
        content: "A";
    }
}


/*Glossary*/

#glossary {
    padding: 40px 0;
    padding-bottom: 0;
}

#glossary .content {
    position: relative;
}

#glossary .content .feather-icon {
    position: absolute;
    right: 43px;
    top: -49px;
    border-radius: 100%;
    background-color: #ffffff;
    max-width: 60px;
    width: 100%;
    max-height: 60px;
    height: 100%;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
}

#glossary .content .feather-icon img {
    margin: 18px;
}

#glossary .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    margin: 0;
    margin-right: 20px;
    width: 45%;
}

#glossary .description p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 26px;
    color: #000000;
    margin-top: 20px;
}

#glossary .wrap-main-title {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

#glossary ul.listree-submenu-items {
    padding-left: 0 !important;
}

#glossary ul.listree-submenu-items li {
    padding-left: 10px !important;
    padding: 10px;
    border: 1px solid #C4C4C4!important;
    margin-bottom: 0;
}

#glossary .wrap-main-title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #17257e;
    text-decoration: none;
    border: 1px solid;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
}

#trade_service.list .box {
    display: flex;
    border: 1px solid #c4c4c4;
    align-items: center;
    padding: 13px 20px;
    position: relative;
}

#trade_service.list .box.expanded {
    background-color: #E2EAFF;
}

#trade_service.list .box p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
    color: #000000;
}

#trade_service.list .box .no {
    width: inherit;
    margin-right: 15px;
    display: block !important;
}

#trade_service.list .box .title {
    width: 75%;
    margin-right: 20px;
}
#trade_service.list .box .code {
    position: unset;
    width: 25%;
    text-align: right;
}

#glossary .list .box {
    display: flex;
    border: 1px solid #c4c4c4;
    align-items: center;
    padding: 10px 20px;
    position: relative;
}

#glossary .list .box.expanded {
    background-color: #E2EAFF;
}

#glossary .list .box .button-drop .plus-square,
#glossary .list .box .button-drop .minus-square {
    display: none;
}

#glossary .list .box.collapsed .button-drop .plus-square {
    display: block !important;
}

#glossary .list .box.expanded .button-drop .minus-square {
    display: block !important;
}

#glossary .list .box .folder {
    display: none;
}

#glossary .list .box .no {
    display: none;
}

#glossary .list .box .no {
    width: inherit;
    margin-right: 15px;
    display: none !important;
}

#glossary .list .box .title {
    width: inherit;
    margin-right: 20px;
}

#glossary .list .box .button-drop {
    position: absolute;
    right: 15px;
}

#glossary .list .box .title p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
    color: #000000;
}

#glossary .list .box.expanded .title p {
    color: #000000;
    font-weight: bold;
}

#glossary .list .box .no p {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    color: #000000;
}

#glossary .list .box.expanded .no p {
    color: #17257E;
}

#glossary ul.listree-submenu-items .question,
#q-a ul.listree-submenu-items .answer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#glossary ul.listree-submenu-items .question .q,
#q-a ul.listree-submenu-items .answer .a {
    width: 71px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#glossary ul.listree-submenu-items .question .q-content,
#q-a ul.listree-submenu-items .answer .a-content {
    width: 93%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

#glossary ul.listree-submenu-items .question {
    margin-bottom: 15px;
}

#glossary .wrap-main-title form {
    margin: 0;
    width: 60%;
    position: relative;
    text-align: end;
}

#glossary .wrap-main-title form #search-key {
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
    width: 510px;
    height: 50px;
    padding: 0 20px;
}

#glossary .wrap-main-title form #search-key:focus {
    border-color: #17257E;
}

#glossary .wrap-main-title form input[type='submit'] {
    position: absolute;
    top: 15px;
    right: 10px;
    background-image: url(../images/search.svg);
    background-position: center;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    width: 7%;
}

#glossary .button-show-more {
    text-align: -webkit-center;
    text-align: -moz-center;
    margin-top: 20px;
}

#glossary .button-show-more .glo-show-more {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #17257E;
    border: 1px solid #17257E;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 11px 62px;
    text-decoration: none;
}

#glossary .button-show-more .glo-show-more:hover {
    box-shadow: 0px 0px 8px 0px #00000040;
}

#glossary .drop-box .text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

#glossary .btn-secondary {
    position: absolute;
    height: 24px;
    width: 20px;
    right: 10px;
    top: 10px;
    border-radius: 2px;
    background-color: transparent;
    background-image: url('../images/x.svg')!important;
}

#glossary .btn-secondary:hover {
    border: 0!important;
}

#glossary .btn-secondary:focus {
    border: 0!important;
    background-color: unset!important;
}

#glossary .btn-secondary:active {
    border: 0!important;
    background-color: unset!important;
}

#glossary .modal-footer {
    border: 0!important;
}

#glossary .modal-content {
    border-radius: 20px;
}

@media only screen and (max-width:991px) {
    #glossary .main-title {
        width: 62%;
    }
    #glossary .wrap-main-title form #search-key {
        width: calc(100% - 55px);
    }
}

@media only screen and (max-width:767px) {
    #glossary .main-title {
        width: 100%;
        margin-bottom: 10px;
    }
    #glossary .wrap-main-title {
        flex-wrap: wrap;
    }
    #glossary .wrap-main-title form {
        width: 100%;
        text-align: unset;
    }
    #glossary .wrap-main-title form #search-key {
        width: 100%;
    }
}

.folder .folder-w,
.folder .folder-b {
    display: none!important;
}

.button-drop .plus-square,
.button-drop .minus-square {
    display: none!important;
}

.listree-submenu-heading.collapsed .folder {
    background-image: url(../images/folder.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.listree-submenu-heading.expanded .folder {
    background-image: url(../images/folder1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.listree-submenu-heading .folder p {
    margin: 0;
    opacity: 0;
    width: 30px;
}

.listree-submenu-heading .button-drop {
    background-image: url(../images/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.listree-submenu-heading.expanded .button-drop {
    background-image: url(../images/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.listree-submenu-heading .button-drop p {
    opacity: 0;
    margin: 0;
}

.button-show-more .show-more {
    display: none;
    cursor: pointer;
}

#search-filter #country:focus {
    border-color: #17257E;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #17257E!important;
    border-radius: 10px!important;
}

.select2-container--default.select2-container--focus.has-error .select2-selection--multiple,
.select2-container--default.has-error .select2-selection--multiple {
    border: 2.5px solid #ED1B2F!important;
}

select.form-control-1:focus {
    border: 1px solid #17257E!important;
    border-radius: 10px!important;
}


/*Procedeures*/

#procedures {
    padding: 40px 0;
}

#procedures .content {
    position: relative;
}

#procedures .wrap-main-title {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

#procedures .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    margin: 0;
    margin-right: 20px;
    width: 45%;
}

#procedures .wrap-main-title form {
    margin: 0;
    width: 60%;
    position: relative;
    text-align: end;
}

#procedures .wrap-main-title form #search-key {
    background: #ffffff;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    border-radius: 10px;
    width: 510px;
    height: 50px;
    padding: 0 20px;
}

#procedures .wrap-main-title form #search-key:focus {
    border: 1px solid #17257E;
}

#procedures .wrap-main-title form input[type="submit"] {
    position: absolute;
    top: 14px;
    right: 10px;
    background-image: url(../images/search.svg);
    background-position: center;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#procedures .description p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #17257e;
}

#procedures .list .row-title,
#procedures .list .row-content {
    display: flex;
}

#procedures .list .row-title {
    height: 60px;
}

#procedures .list .row-title .no {
    width: 5%;
    background: #f6f9ff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 25px 20px;
}

#procedures .list .row-title .group {
    width: 30%;
    background: #f6f9ff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 25px 20px;
}

#procedures .list .row-title .description {
    width: 65%;
    background: #f6f9ff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 25px 20px;
}

#procedures .list .row-content .no {
    width: 5%;
    background: #f9f9f9;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 25px 20px;
}

#procedures .list .row-content .group {
    width: 30%;
    background: #f9f9f9;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 25px 20px;
}

#procedures .list .row-content .description {
    width: 65%;
    background: #f9f9f9;
    border: 1px solid #ffffff;
    box-sizing: border-box;
}

#procedures .list .row-content .description .content-des {
    border-bottom: 2px solid #FFFFFF;
    padding: 25px 20px;
}

#procedures .list .row-content .description .content-des p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

#procedures .list .row-content .description .content-des:last-child {
    border-bottom: 0;
}

#procedures .list .row-title div {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

#procedures .list .row-content div a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #17257E;
    text-decoration: underline;
}

@media only screen and (max-width: 991px) {
    #procedures .main-title {
        width: 62%;
    }
    #procedures .wrap-main-title form #search-key {
        width: calc(100% - 55px);
    }
}

@media only screen and (max-width: 767px) {
    #procedures .main-title {
        width: 100%;
        margin-bottom: 10px;
    }
    #procedures .wrap-main-title {
        flex-wrap: wrap;
    }
    #procedures .wrap-main-title form {
        width: 100%;
        text-align: unset;
    }
    #procedures .wrap-main-title form #search-key {
        width: 100%;
    }
}

@media only screen and (max-width:480px) {
    #procedures .list .row-content .description .content-des {
        border-bottom: 2px solid #FFFFFF;
        padding: 10px
    }
    #procedures .list .row-title .no {
        border-bottom: 2px solid #FFFFFF;
        padding: 10px;
    }
    #procedures .list .row-content .group {
        padding: 10px;
    }
    #procedures .list .row-title .group {
        padding: 10px;
    }
    #procedures .list .row-title .description {
        padding: 10px;
    }
}


/*Procedures detail*/

#pro-detail {
    padding: 40px 0;
}

#pro-detail .wrap-main-title {
    margin-bottom: 20px;
}

#pro-detail .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    display: contents;
}

#pro-detail .btn-back {
    vertical-align: super;
    margin-right: 15px;
}

#pro-detail .content .small-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #17257E;
}

#pro-detail .content .table {}

#pro-detail .content .table .row-content {
    display: flex;
}

#pro-detail .content .table .row-content:first-child div {
    font-weight: bold;
}

#pro-detail .content .table .row-content .title {
    background-color: #F6F9FF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    padding: 20px 25px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    width: 34%;
}

#pro-detail .content .table .row-content .des {
    width: 66%;
    background-color: #F9F9F9;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    padding: 20px 25px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

#pro-detail .content .detail {
    text-align: left;
}

#pro-detail .content .detail .image-detail {
    text-align: center;
    width: 100%;
}

#pro-detail .content .detail .image-detail img {
    width: inherit;
}

#pro-detail .content .detail p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

@media only screen and (max-width:480px) {
    #pro-detail .content .table .row-content .des {
        padding: 10px 15px;
    }
    #pro-detail .content .table .row-content .title {
        padding: 10px 15px;
    }
}

#banner_show {
    display: none;
}


/*Hscode*/

#hscode {
    padding: 40px 0;
}

#hscode a:hover {
    text-decoration-line: underline;
}

#hscode a {
    color: #17257E;
}

#hscode .wrap-content {
    justify-content: space-between;
}

#hscode .wrap-content .main-content {
    width: 100%;
    display: inline-block;
    float: left;
    padding-right: 20px;
}
#hscode .wrap-content .side-bar {
    width: 26%;
    display: inline-block;
}

#hscode .side-bar .main-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 35px;
    color: #17257E;
}

#hscode .side-bar .line-title {
    border: 2px solid #17257e;
    width: 75px;
    margin-left: 15px;
}

#hscode .side-bar .other-news {
    border-top: 1px solid #C4C4C4;
    padding-top: 25px;
}

#hscode .side-bar .box .image img {
    height: 220px;
    max-width: 330px;
    width: 100%;
}

#hscode .side-bar .box .description .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #17257E;
    margin-top: 10px;
}

#hscode .wrap-main-title {
    margin-bottom: 20px;
}

#hscode .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    display: contents;
}

#hscode .content .small-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #17257E;
}

#hscode .content .des {
    margin-bottom: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140.8%;
    color: #000000;
}

#hscode .content .des .word {
    margin-left: 30px;
    margin-top: 10px;
}

#hscode .content .des .word li {
    list-style-type: disc;
}

#hscode .content .des .word li a {
    text-decoration: underline;
    color: blue;
}

#hscode .list .box {
    display: flex;
    border: 1px solid #c4c4c4;
    align-items: center;
    padding: 10px 20px;
    position: relative;
}

#hscode .list .box .folder {
    width: inherit;
    margin-right: 15px;
}

#hscode .list .box .no {
    width: inherit;
    margin-right: 15px;
    display: block !important;
}

#hscode .list .box .no p {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    color: #000000;
}

#hscode .list .box .title {
    width: inherit;
    margin-right: 20px;
}

#hscode .list .box .title p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    color: #000000;
}

#hscode .list .box.expanded .title p {
    color: #17257e;
    font-weight: bold;
}

#hscode .box.expanded {
    background-color: #e2eaff;
}

#hscode .list .box .button-drop {
    position: absolute;
    right: 15px;
}

#hscode .code {
    margin-bottom: 25px;
    text-align: center;
}

#hscode .code img {
    margin-left: 30px;
}

#hscode .code .text {
    display: inline-grid;
    font-size: 18px;
}

#hscode .code .no {
    padding: 46px 24px 13px;
    background-image: url(../images/hs-no.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 50px;
    position: relative;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

#hscode .code .no:first-child {
    margin-left: 107px!important;
}

#hscode .code .no .text-red {
    position: absolute;
    top: -20px;
    left: 45px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #FF0000;
}

#hscode .code .no .ar {
    position: absolute;
    top: 80px;
}

#hscode .code .no .line {
    position: absolute;
}

#hscode .code .no .line hr {
    border: 1.5px solid #FF0000;
    background-color: #FF0000!important;
    opacity: 1!important;
}

#hscode .code .no .line-1 {
    right: 119px;
    top: 180px;
    width: 228px;
}

#hscode .code .no .line-2 {
    right: 81px;
    top: 225px;
    width: 265px;
}

#hscode .code .no .line-3 {
    right: 41px;
    top: 263px;
    width: 435px;
}

#hscode .code .no .line-4 {
    right: 75px;
    top: 297px;
    width: 563px;
}

#hscode .code .no .ar-1 {
    left: -5px;
}

#hscode .code .no .ar-2 {
    left: 34px;
}

#hscode .code .no .ar-3 {
    left: 73px;
}

#hscode .code .no .ar-4 {
    left: 5px;
}

#hscode .code .no .ar-5 {
    left: 34px;
}

#hscode .code .no .ar-6 {
    left: 41px;
}

#hscode .code .text .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

#hscode .code .text .des {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

#hscode .des .hs {
    font-family: Roboto;
}

#hscode .row-code:nth-child(2) {
    margin-bottom: 35px;
}

#hscode .row-code:nth-child(3) {
    line-height: 15px;
}

#hscode .row-code {
    margin-bottom: 13px;
    font-size: 16px;
}

#hscode .row-code .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}

#hscode .row-code .des {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

#hscode .side-bar .other-news .box .description {
    margin: 10px 0 20px 0;
}

#hscode .side-bar .other-news {
    width: 100%;
    max-width: 330px;
}

@media only screen and (max-width:1300px) and (min-width:1200px) {
    #hscode .code .no {
        margin-left: 42px!important;
    }
    #hscode .code .no .line-1 {
        width: 217px;
    }
    #hscode .code .no .line-2 {
        width: 220px;
    }
    #hscode .code .no .line-3 {
        width: 421px;
    }
    #hscode .code .no .line-4 {
        width: 555px;
    }
}

@media only screen and (max-width:1199px) {
    .wrap-content {
        flex-wrap: wrap;
    }
    #hscode .wrap-content .main-content {
        width: 100%;
    }
    #hscode .wrap-content .side-bar {
        width: 100% !important;
    }
    #hscode .side-bar .other-news {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
    }
    #hscode .side-bar .box {
        width: 32%;
    }
    #hscode .side-bar .box .image img {
        max-width: unset;
    }
}

@media only screen and (max-width:991px) {
    #hscode .code img {
        margin-left: 0;
    }
    #hscode .code .no {
        margin-left: 16px!important;
    }
    #hscode .code .no .ar-1 {
        left: 27px;
    }
    #hscode .code .no .ar-2 {
        left: 63px;
    }
    #hscode .code .no .ar-3 {
        left: 102px;
    }
    #hscode .code .no .line-1 {
        right: 116px;
        top: 181px;
        width: 101px;
    }
    #hscode .code .no .line-2 {
        right: 80px;
        top: 225px;
        width: 104px;
    }
    #hscode .code .no .line-3 {
        right: 41px;
        top: 263px;
        width: 285px;
    }
    #hscode .code .no .ar-4 {
        left: 35px;
    }
    #hscode .code .no .ar-5 {
        left: 65px;
    }
    #hscode .code .no .ar-6 {
        left: 73px;
    }
    #hscode .code .no .line-4 {
        right: 75px;
        top: 301px;
        width: 376px;
    }
    #hscode .code .image-apple {
        width: 18%;
    }
}

@media only screen and (max-width:767px) {
    #hscode .code .no .line,
    #hscode .code .no .ar {
        display: none;
    }
    #hscode .code .ar-red {
        width: 10%;
    }
    #hscode .code .no .text-red {
        left: 33px;
    }
    #hscode .code .no {
        padding: 35px 10px 13px;
    }
    #hscode .code .text {
        display: block;
        margin-bottom: 42px;
    }
    #hscode .side-bar .box {
        width: 49%;
    }
    #hscode .side-bar .box .description .title {
        font-size: 17px;
    }
}

@media only screen and (max-width:480px) {
    #hscode {
        padding: 40px 0 0 0;
    }
    #hscode .wrap-content .main-content {
        margin-bottom: 20px;
        width: 100% !important;
    }
    #hscode .side-bar .main-title h2 {
        font-size: 25px;
    }
    #hscode .side-bar .other-news,
    #hscode .wrap-content .side-bar {
        max-width: 100%;
    }
    #hscode .side-bar .box .description .title {
        font-weight: normal;
    }
    #hscode .side-bar .box .image img {
        width: 150px;
        height: 112.5px;
    }
    #hscode .side-bar .other-news .box .description {
        margin: 0;
    }
    #hscode .code .no .number-f,
    #hscode .code .no .number-l {
        text-indent: -999999999999px;
        display: inline-flex;
        align-items: center;
        align-self: center;
        padding: 10px;
        padding-right: 0;
        padding-top: 5px;
    }
    #hscode .code .no .number-f::after {
        display: block;
        text-indent: 0;
        content: "08 08 10";
    }
    #hscode .code .no .number-l::after {
        display: block;
        text-indent: 0;
        content: "00 00 00";
    }
    #hscode .code .no .text-red {
        top: -7px;
        left: 21px;
    }
    #hscode .code .no {
        padding: 31px 7px 13px;
        margin-left: 5px!important;
    }
    #hscode .side-bar .box {
        width: 100%;
        display: flex;
        /* justify-content: space-between; */
        margin-bottom: 10px;
    }
    #hscode .side-bar .box .image {
        width: 49%;
    }
    #hscode .side-bar .box .description {
        width: 49%;
    }
}


/*Measures*/

#measures {
    padding: 40px 0;
}

#measures .wrap-main-title {
    margin-bottom: 20px;
}

#measures .main-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    color: #17257e;
    display: contents;
}

#measures .content {
    display: flex;
}

#measures .content .row {
    margin-right: 0!important;
    margin-left: 0!important;
    height: 100%;
}

#measures .content .row>* {
    padding-right: 0!important;
    padding-left: 0!important;
}

#measures .content .left {
    width: 50%;
}

#measures .content .right {
    width: 50%;
}

#measures .content .red {
    height: 370px;
    background-color: #EF5350;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    position: relative;
}

#measures .content .types .d-flex {
    display: flex!important;
    flex-wrap: wrap;
    height: 100%;
}

#measures .content .purple {
    width: 100%;
    background: #AB47BC;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    /* width: 345px; */
    height: 50%;
    position: relative;
}

#measures .content .types .bottom {
    width: 100%;
}

#measures .content .blue {
    background-color: #42A5F5;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    /* width: 100%; */
    height: 185px;
    position: relative;
}

#measures .content .green {
    width: 100%;
    background-color: #26A69A;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    position: relative;
}

#measures .content .yellow {
    background-color: #D4E157;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    position: relative;
}

#measures .content .orange {
    background-color: #FFA726;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}

#measures .content .grey {
    width: 100%;
    background: #757575;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}

#measures .content .blueviolet {
    width: 100%;
    background: #78909C;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}

#measures .content .types .col-md-6 {
    width: 50%!important;
}

#measures .content .types .text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

#measures .content .note {
    margin-top: 20px;
}

#measures .content .note .es {
    padding: 5px 15px;
}

#measures .content .note .es img {
    margin-right: 10px;
}

#measures .small-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    text-align: center;
}

#measures .agencies {
    margin-top: 20px;
}

#measures .agencies .d-flex {
    justify-content: space-between;
    margin-bottom: 5px;
}

#measures .agencies .left .des {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    text-align: right;
    color: #000000;
    margin-bottom: 0px;
}

#measures .agencies .left {
    width: 39%;
}

#measures .agencies .right {
    width: 59%;
    align-self: center;
}

#measures .agencies .data {
    background-color: transparent;
    width: inherit;
    border: 0;
    width: 100%;
}

#measures .agencies .data .w3-blue {
    background-color: #5C6BC0;
    height: 40px;
    margin: 0 auto;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
}

#measures .bil {
    margin-top: 20px;
}

#measures .bil .image {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

#measures .bil .image img {
    width: 100%;
    max-width: 524px;
}

#measures .bil .es img {
    margin-right: 10px;
}

#measures .bil .left .es {
    text-align: center;
    margin-left: 142px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
}

#measures .bil .right .es {
    text-align: center;
    margin-right: 100px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
}

@media only screen and (max-width:767px) {
    #measures .content {
        display: flex;
        flex-wrap: wrap;
    }
    #measures .content .left {
        width: 100%;
    }
    #measures .content .right {
        width: 100%;
    }
    #measures .agencies .left {
        width: 39%!important;
    }
    #measures .agencies .right {
        width: 59%!important;
    }
}

@media only screen and (max-width:480px) {
    #measures .bil .right .es {
        margin-right: 0;
        margin-left: 82px;
    }
    #measures .bil .left .es {
        margin-left: 15px;
    }
}


/* search-filter */

@media only screen and (max-width:1199px) {
    .popup.active .content {
        width: calc(100% - 200px);
    }
}

@media only screen and (max-width: 767px) {
    .popup.active .content {
        width: calc(100% - 100px);
    }
}

@media only screen and (max-width:600px) {
    #data-search {
        height: 265px!important;
        padding: 10px 0!important;
    }
    .popup .content h1 {
        margin-bottom: 0!important;
    }
}

@media only screen and (max-width: 480px) {
    .popup.active .content {
        width: calc(100% - 50px);
    }
    #data-search {
        height: 230px!important;
    }
    #data-search li {
        font-size: 16px!important;
    }
    .popup .content h1 {
        font-size: 25px!important;
    }
    .popup .content {
        padding: 10px!important;
    }
}

#search-filter ul#select2-country-container {
    display: none;
}

.tag-selected {
    height: 40px;
    background: #ffffff;
    opacity: 0.9;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 10px;
    position: relative;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #17257E;
    margin-right: 10px;
    margin-top: 10px;
}

.destroy-tag-selected {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 12px;
    left: unset;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #17257E;
    text-decoration: unset;
}

#search-filter .form-search-in-goods {
    align-items: unset;
    display: flex;
}

.js-example-tags-container {
    margin: 0;
    width: 100%;
}

.js-example-tags-container ul {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:767px) {
    .select2-container {
        width: 100%!important;
    }
    #search-filter #country {
        width: 100%!important;
    }
}

@media only screen and (max-width:1056px) and (min-width:992px) {
    .elementor-container-1 {
        width: 85%;
    }
    #search-filter #code {
        width: 46.5%!important;
    }
    .select2-container {
        width: 25%!important;
    }
}

@media only screen and (max-width: 767px) {
    #search-filter .form-search-in-goods {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
}


/*Chart*/

.highcharts-figure,
.highcharts-data-table table {
    min-width: unset;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-credits {
    display: none!important;
}

.highcharts-label,
.highcharts-title,
.highcharts-axis-title,
.highcharts-button-symbol {
    display: none;
}

@media only screen and (max-width: 768px) {
    .elementor-container-1 {
        padding-bottom: 50px;
    }
    #tar .main-content .row-data .no,
    #tar .main-content .schedule .data-no .rows .no,
    #tar .main-content .schedule .data-no .rows .name {
        position: static;
        line-height: 35px;
    }
}

select option:first-child {
    display: none;
}


/*Terms and Conditions*/

.terms-conditions-social-icon {
    text-align: -webkit-right;
    text-align: -moz-right;
}

.terms-conditions-social-icon a:hover {
    box-shadow: 0px 0px 8px 0px #00000040;
}

.terms-conditions-social-icon a.facebook {
    background-color: #1877f2;
    border: 1px solid #1877f2;
    border-radius: 5px;
    color: #fff !important;
    padding: 5px 10px 5px 10px;
    margin: 5px;
}

.terms-conditions-social-icon a.twitter {
    background-color: #1b95e0;
    border: 1px solid #1b95e0;
    border-radius: 5px;
    color: #fff !important;
    padding: 5px 10px 5px 10px;
    margin: 5px;
}

.terms-conditions-social-icon i {
    margin-right: 5px;
}

.page-new-bg {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #d5d5d5;
    background: #EAEFFF;
    padding: 0px 0px 0px 25px;
}

.page-new-event-bg {
    padding: 0px 0px 0px 25px;
    background: #FFF4F5;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #d5d5d5;
}

@media (max-width: 767px) {
    .page-new-bg {
        height: 46px;
    }
    .page-new-event-bg {
        height: 46px;
    }
}


/*Policy*/

.policy-description {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    font-family: 'roboto';
    text-transform: none;
    margin-top: 20px;
}

.policy-detail {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    font-family: 'roboto';
}

.policy-text-bold {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
}


/* multi slider */

#ftasSlider,
#eventsSlider {
    position: relative;
    white-space: nowrap;
}

@media (max-width: 767px) {
    #ftasSlider {
        border-color: transparent;
    }
}

#ftasSlider .MS-content {
    overflow: hidden;
    margin: 15px 5%;
}

#eventsSlider .MS-content {
    overflow: hidden;
    padding: 25px 0px 0px 0px;
}

@media (max-width: 767px) {
    #ftasSlider .MS-content {
        margin: 0 !important;
    }
}

#ftasSlider .MS-content .item {
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border-right: none;
    width: 33.3333%;
    white-space: normal;
    padding: 0 10px;
}

#eventsSlider .MS-content .item {
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border-right: none;
    width: 100%;
    height: 489px;
    white-space: normal;
}

@media (max-width: 1200px) {
    #ftasSlider .MS-content .item {
        width: 33.3333%;
    }
    #ftasSlider .MS-content {
        margin: 15px 7%;
    }
    #ftasSlider .MS-content .item img {
        height: 170px;
    }
    #ftasSlider .MS-controls button {
        top: 60px;
    }
    #eventsSlider .MS-controls button {
        top: 30% !important;
    }
}

@media (max-width: 992px) {
    #ftasSlider .MS-content .item img {
        width: 301px !important;
        height: 225.75px !important;
    }
    #ftasSlider .MS-content .item .thumbnail-item-title {
        width: 301px !important;
    }
    #ftasSlider .MS-content .item {
        width: 33.3333%;
    }
    #ftasSlider .MS-controls button {
        top: 90px !important;
    }
    /* #eventsSlider .MS-controls button {
        top: 34% !important;
    } */
}

@media (max-width: 767px) {
    #ftasSlider .MS-content .item {
        width: 100%;
        padding-top: 20px;
    }
    #eventsSlider .MS-controls button {
        top: 30% !important;
    }
    .page-new-warp-right .btn-register {
        bottom: auto !important;
        margin-top: 15px !important;
    }
}

#ftasSlider .MS-content .item p {
    line-height: 1;
    vertical-align: middle;
    margin: 0;
    padding: 10px 0;
}

#ftasSlider .MS-content .item img {
    display: block;
    width: 330px;
    height: 247.5px;
    margin: 0 auto;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#ftasSlider .MS-content .item .thumbnail-item-title {
    width: 330px;
    margin: 0 auto;
}

#eventsSlider .MS-content .item img {
    width: 100%;
    height: 185.62px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#ftasSlider .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 100px;
    background: rgba(255, 255, 255, 0.8);
    color: #17257E;
}

#eventsSlider .MS-controls button {
    position: absolute;
    border: none;
    font-size: 20px;
    outline: 0;
    top: 27%;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 6px;
    color: #17257E;
}

@media (max-width: 767px) {
    #ftasSlider .MS-controls button {
        display: none;
    }
}

#ftasSlider .MS-controls button:hover {
    cursor: pointer;
}

#eventsSlider .MS-controls button:hover {
    cursor: pointer;
}

#ftasSlider .MS-controls .MS-left {
    left: 10px;
}

#eventsSlider .MS-controls .MS-left {
    left: 10px;
}

@media (max-width: 992px) {
    #ftasSlider .MS-controls .MS-left {
        left: -2px;
    }
}

#ftasSlider .MS-controls .MS-right {
    right: 10px;
}

#eventsSlider .MS-controls .MS-right {
    right: 10px;
}

@media (max-width: 992px) {
    #ftasSlider .MS-controls .MS-right {
        right: -2px;
    }
}


/* roo */

.rule.boxs .listree-submenu-items .content .des {
    height: auto;
}

#link {
    color: #17258E;
}

.origin .content:nth-child(n+5) {
    display: none;
}

.origin .popup .content,
.guidelines .popup .content {
    position: absolute !important;
    top: auto !important;
    left: 435px !important;
    height: auto !important;
    width: 330px !important;
    padding: 10px !important;
    margin-top: -50px;
}

.origin .des .popup .content.changeLeft {
    left: -200px !important;
}

.guidelines .des .popup .content.changeLeft {
    left: -200px !important;
}

.origin .des .popup .content,
.guidelines .des .popup .content {
    position: absolute !important;
    top: auto !important;
    left: 450px !important;
    height: 390px !important;
    width: 320px !important;
    padding: 20px !important;
    margin-top: -50px;
}

.origin .des .popup .content .title,
.guidelines .des .popup .content .title {
    height: 305px;
    overflow-y: auto;
    scrollbar-color: #17257E #C6D3F7;
    scrollbar-width: thin;
}

@media (max-width: 480px) {
    .origin .popup .content,
    .guidelines .popup .content {
        left: 150px !important;
    }
    .origin .des .popup .content,
    .guidelines .des .popup .content {
        left: 150px !important;
        width: 325px !important;
    }
}


/* chrome */

.origin .des .popup .content .title::-webkit-scrollbar-track,
.guidelines .des .popup .content .title::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #C6D3F7;
    /* border-radius: 10px; */
}

.origin .des .popup .content .title::-webkit-scrollbar,
.guidelines .des .popup .content .title::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.origin .des .popup .content .title::-webkit-scrollbar-thumb,
.guidelines .des .popup .content .title::-webkit-scrollbar-thumb {
    /* border-radius: 10px; */
    background-color: #17257E;
}

.origin .des .popup .close-btn-popup,
.guidelines .des .popup .close-btn-popup {
    position: relative !important;
}

.popup-header {
    padding-bottom: 30px;
    border-bottom: 1px solid #C4C4C4;
}


/* mobile qa */

@media only screen and (max-width: 767px) {
    #q-a .container .content .side-bar {
        width: 100%;
    }
    #q-a .container .content .list-qa {
        width: 100%;
    }
    #q-a .container .main-content {
        display: flex;
        flex-direction: column;
    }
}


/* hight light */
/* .highlight {
    font-weight: inherit;
    background-color: #fff34d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 70%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 70%);
} */

.tool-tip {
	position: relative;
}

.tool-tip .tooltiptext {
	display: none;
    font-weight: initial;
	width: 270px;
	background-color: #fff;
	color: #000;
	border-radius: 6px;
	padding: 20px;
	border: 1px solid #f9f9f9;
	position: absolute;
	z-index: 9999;
	top: 25px;
    left: -156px;
    margin-left: auto; 
    margin-right: auto;
	opacity: 0;
	transition: opacity 3s;
	box-shadow: 0px 0px 25px rgb(0 0 0 / 25%)
}

.tool-tip .tooltiptext .heading {
	font-size: 18px;
	font-weight: 500;
	border-bottom: 1px solid #032b55;
	text-align: left;
	margin: .5em;
	text-transform: capitalize
}

.content span.tooltiptext {
    left: 0;
}

.tool-tip .tooltiptext .desc {
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	text-transform: none;
	margin: .5em;
	justify-content: flex-end;
	display: block
}

.tool-tip .tooltiptext p {
	font-size: 14px;
	color: #060607;
	font-weight: normal
}

.tool-tip .tooltiptext .read-button {
	color: #fff;
	font-size: 16px
}

.tooltiptext img.close-btn-tooltip {
    position: absolute;
    top: 7px;
    right: 7px;
}

.tooltiptext.active {
    display: block;
    opacity: 1;
}

@media only screen and (min-width:768px){
    .tooltiptext .close-btn-tooltip {
        display: none!important;
    }
    .tool-tip:hover .tooltiptext {
        display: block;
        opacity: 1
    }
    .tool-tip .tooltiptext:hover {
        display: block;
        opacity: 1
    }
}