@font-face {
    font-family: 'SVN-Gotham';
    src: url('/wp-content/themes/mediasoft/fonts/SVN-Gotham-Bold.ttf');
    src: url('/wp-content/themes/mediasoft/fonts/SVN-Gotham-Bold.ttf') format('truetype'), url('/wp-content/themes/mediasoft/fonts/SVN-Gotham-Bold.ttf') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: #1D193E;
}
:root {
    --font-size-16: 16px;
    --color-main : #1D193E;
    --bg-btn: #F9F9F9;
    --linehight-title: 120px;
    --lineheight-content: 24px;
}
ul{
    list-style: none;
}
a,a:hover{
    text-decoration: unset;
}
a:not(.detailed-btn):hover{
    color: #3F7FFB !important;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next,.swiper-button-prev {
    background: #fff;
    margin: 0 56px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
}
.partner-banner {
    padding: 0 95px;
    position: relative;
    z-index: 1;
}
.partner-banner i {
    font-weight: 600;
    font-size: 16px;
}
.partner-banner .swiper-button-next,.partner-banner .swiper-button-prev {
    margin: 0;
    top: 25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.partner-banner .swiper-wrapper {
    position: initial;
}
.partner-banner .swiper {
    position: initial;
}
.item-banner {
    position: relative;
}

.content-banner {
    position: absolute;
    color: #fff;
    z-index: 1;
    top: 31%;
    max-width: 565px;
    left: 10%;
}

.content-banner h3 {
    margin: 0;
    font-size: 56px;
    line-height: 120%;
    font-weight: bolder;
}

.content-description p {
    margin-top: 8px;
    font-size: 16px;
    line-height: var(--lineheight-content);
    font-weight: 500;
}
.header-wrapper .logo img {
    max-width: 200px;
    height: 60px;
}

.header-wrapper {
    display: flex;
    align-items: center;
}

.language-translate>ul {
    display: none;
}

.menu-menu-container .menu {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 32px;
    font-size: 18px;
    margin-bottom: 0;
}

.menu-header {
    text-align: center;
}

#menu-main {
    position: absolute;
    z-index: 2;
    width: -webkit-fill-available;
    width: 100%;
}
#mobile-menu {
    display: none;
}
.list-menu li a {
    color: #fff;
}
.language-translate {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.language-translate div{
    width: 61px;
    height: 32px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 32px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.language-translate div i{
   font-size: 14px;
    padding-left: 5px;
}
.language-translate .active img {
    width: 24px;
    height: 24px;
    border-radius: 8px;
}
.panel-layout .menu-menu-container .menu a{
    color: #fff;
    width: 100%;
    display: block;
}
#main-banner-home .banner-main-home .swiper-wrapper .swiper-slide:before {
    background: -webkit-linear-gradient(bottom, #fff 0%, #00000000);
    content: "";
    -webkit-mask-image: -webkit-linear-gradient(bottom, #fff 83%, #00000000);
    position: absolute;
    bottom: 0;
    z-index: 999;
    display: block;
    width: 100%;
    height: 152px;
}
#pg-150-2 .panel-row-style .wrap-block{
    margin: 75px;
    padding: 40px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 18px;
}
#pg-150-2 .panel-row-style .wrap-block{
    margin: 56px;
    padding: 40px;

    margin-top: 0;
    margin-bottom: 0;
    border-radius: 18px;
    position: relative;
    top: -23px;
    z-index: 9999999;
    background: #fff;
    column-gap: 24px;
}

.banner-main-home .swiper-pagination {
    bottom: 40px;
}

#pg-150-1 {
    margin-bottom: 0;
}

.banner-main-home .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.banner-main-home .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #3F7FFB;
}
.panel-grid-cell .widget-title {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 16px;
    color: var(--color-main);
    line-height: 120%;
}
.banner-main-home .textwidget p{
    color: #fff;
}
.textwidget p {
    color: var(--color-main);
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 24px;
}

#pl-150 .so-panel {
    margin-bottom: 0;
}

.detailed-btn {
    background: var(--bg-btn);
    color: var(--color-main);
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    width: 138px;
    height: 40px;
    display: block;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
}
.detailed-btn i {
    padding-left: 4px;
}
#content-services-home .panel-grid-cell .widget-title{
    line-height: 32px;
}
#content-services-home .panel-grid-cell {
    position: relative;
    cursor: pointer;
    display: block;
}

#content-services-home .panel-grid-cell:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    backdrop-filter: blur(0px); /* Không có blur ban đầu */
    transition: backdrop-filter 0.5s ease-in-out; /* Chuyển đổi mượt mà */
    pointer-events: none; /* Sự kiện chuột tác động đến phần tử dưới */
    opacity: 1; /* Đảm bảo opacity ban đầu là 1 */
    transform: translateY(0); /* Không có dịch chuyển ban đầu */
}

#content-services-home .panel-grid-cell.active:before {
    backdrop-filter: blur(10px); /* Blur khi active */
    background: rgba(0, 0, 0, 0.5); /* Nền mờ */
}

.panel-layout .panel-grid {
    margin: 0 !important;
}

#pg-150-2 {
    margin-bottom: 40px;
}

#title-services-home .panel-grid-cell .widget-title {
    margin-bottom: 24px;
    margin-top: 40px;
}
#content-services-home{
    padding-bottom: 40px !important;
}
#content-services-home .widget-title {
    display: block;
    z-index: 1;
    color: #fff;
    font-size: 26px;
    text-align: center;
}

#content-services-home .panel-grid-cell {
    position: relative;
}

#content-services-home .product-wrapper-content {
    position: absolute;
    top: 0;
    padding: 24px;
}
#content-services-home  .link-detail {
    position: absolute;
    bottom: 24px;
    width: 100%;
    display: flex;
    justify-content: center;
}
#content-services-home .product-subtitle{
    transition: backdrop-filter 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
#content-services-home .panel-grid-cell.active .product-subtitle{
    opacity: 1;
    visibility: visible;
}
#content-services-home .product-subtitle ul li a img {
    width: 75px;
}

#content-services-home .product-subtitle ul {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
}

#content-services-home .subtitle-content p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 16px 0;
}
.time-post {
    color: #807F8F;
    font-size: 14px;
    line-height: 20px;
}
.name-post a {
    color: var(--color-main);
    font-size: 20px;
    line-height: var(--lineheight-content);
    font-weight: 600;
}
#news-title-home{
    margin-top: 40px !important;
}
#news-content-home .panel-grid-cell:first-child .item-post {
    margin-top: 16px;
}
#news-title-home .panel-grid-cell .widget-title {
    margin-bottom: 0;
}

.left-side-post .name-post a,#culture-us .name-post a{
    font-size:16px;
    line-height: 24px;
}
#partner-us {
    margin-top: 40px;
}
.partner-banner .swiper-slide {
    border-radius: 10px;
}
.partner-banner .swiper-slide {
     border-radius: 10px;
 }
.part-mediasoft h3 {
    text-align: center;
    margin-bottom: 24px;
    font-size: 34px;
    color: #fff;
    font-weight: bold;
}
.partner-banner .swiper-button-next {
    right: 35px;
}
.partner-banner .swiper-button-prev {
    left: 35px;
}
#culture-company {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
}
.culture-company .panel-grid-cell:last-child {
    display: flex;
    justify-content: flex-end;
}
.culture-company .panel-grid-cell .widget-title{
    margin-bottom: 0;
}
.chance-job {
    text-align: center;
    width: 100%;
    color: #fff;
}

.chance-job .detailed-btn {
    display: inline-block;
    width: auto;
    padding: 0 30px;
    background: #3F7FFB;
    color: #fff;
}

.chance-job p {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
}

.chance-job h3 {
    font-size: 34px;
    font-weight: bold;
}
#social-home {
    display: block;
    justify-content: space-between;
    align-items: center;
}

#social-home .panel-grid-cell:first-child img {
    max-width: 201px;
    width: 201px;
}

#social-home .panel-grid-cell:last-child {
    display: flex;
    justify-content: flex-end;
    column-gap: 16px;
}

#social-home {
    border-top: 1px solid #E7E7ED;
    border-bottom: 1px solid #E7E7ED;
    margin-top: 40px;
}
#social-home.panel-row-style {
    padding: 10px 0 10px 0 !important;
}
#main-footer{
    padding: 24px 0 24px 0 !important;
    column-gap: 24px;
    align-items: flex-start !important;
    display: block;
}
#title-news {
    margin-bottom: 16px !important;
    margin-top: 40px !important;
}
#main-footer .widget-title {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
}

#main-footer .textwidget p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
}
#copyright .widget-title {
    text-align: center;
    color: #807F8F;
    font-size: 12px;
    margin: 10px 0;
    line-height: 20px;
}
body:not(.home) #menu-main {
    position: relative;
    border-bottom: 1px solid #E7E7ED;
}

body:not(.home) #menu-main .menu>.menu-item a {
    color: #1D193E;
    font-size: 18px;
}
body:not(.home) #menu-main .menu>.menu-item .sub-menu a{
    font-size: 16px;
}
body:not(.home) #menu-main .menu>.menu-item>a {
    font-weight: 600;
}
body:not(.home) .language-translate div {
    background: #F9F9F9;
}
body:not(.home) .panel-layout>div {
    max-width: 100% !important;
    margin: initial !important;
}
body:not(.home) .panel-layout>div #banner-page img{
    width: 100%;
    object-fit: cover;
}
#main-content  .panel-grid-cell #about-us-block .widget-title {
    font-size: 26px;
}

#main-content #about-us-block .textwidget ul {
    padding-left: 0;
}

#main-content #about-us-block .textwidget ul li {
    padding: 16px 0;
}

#main-content #about-us-block .textwidget ul li.active a {
    color: #3F7FFB;
    font-weight: 600;
}

#main-content #about-us-block .textwidget ul li a {
    color: #C7C8D1;
    font-size: 18px;
    cursor: pointer;
}
#main-content #about-us-block .textwidget ul li a:hover {
    color: #3F7FFB;
}

#main-content #about-us-block {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0;
    padding: 24px;
    border-radius: 20px;
    position: relative;
    margin-top: -75px;
    z-index: 1;
    background: #fff;
}

#main-content #banner-page {
    position: relative;
    z-index: 1;
}
#main-content #about-us-content h1 {
    font-size: 44px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 0;
}

#main-content #about-us-content h1 span {
    color: #3F7FFB;
}
#main-content #about-us-content .sub-content-title {
    margin: 32px 0;
}
#main-content #about-us-content .sub-content-title p{
    margin-bottom: 5px;
}
#main-content.main-content-introduce {
    display: flex;
}

#main-content.main-content-introduce>div:first-child {
    position: sticky;
    top: 60px;
}
.location-us {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 5px;
    margin-bottom: 32px;
}

.location-us .location-item {
    border-radius: 14px;
    border: 1px solid #E7E7ED;
    text-align: center;
    padding: 16px 0;
}

.location-us .location-item h4 {
    color: #807F8F;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

.location-us .location-item h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
.setup-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    color: #fff;
    padding: 32px;
    position: relative;
    margin-top: 56px;
    align-items: center;
    margin-bottom: 32px;
}

.content-setup p {
    color: #fff;
}

.time-setup {
    color: #3F7FFB;
    position: absolute;
    bottom: 135px;
    font-weight: 600;
}

.time-setup span:first-child {
    font-size: 120px;
    font-family: 'SVN-Gotham';
}

.subtitle-setup {
    margin-top: 40px;
    font-size: 32px;
    width: 50%;
    font-weight: bold;
    line-height: 120%;
}

.time-setup span:last-child {
    font-size: 32px;
    font-weight: bold;
}
.member-wrapper-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
}

.member-wrapper-title h2 {
    font-size: 18px;
    margin-bottom: 0;
}

.member-department {
    margin-left: 10px;
    border: 1px solid #E7E7ED;
    padding: 10px 16px;
    border-radius: 10px;
    cursor: pointer;
}

.member-wrapper {
    display: flex;
    column-gap: 24px;
}

.member-content .swiper-slide img {
    max-width: 300px;
}

.member-wrapper .swiper {
    width: initial;
    height: initial;
}

.member-info .member-info-item {
    display: flex;
    column-gap: 24px;
    margin-bottom: 16px;
    cursor: pointer;
    align-items: center;
}
.member-info .member-info-item img {
    padding: 3px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    object-position: right;
}

.member-info .member-info-item.active img {
    border: 1px solid #3F7FFB;
    border-radius: 50%;
}
.member-info {
    width: 30%;
}

.member-content {
    width: 70%;
}

.member-position p {
    margin-bottom: 0;
}

.member-content .member-info-item {
    display: flex;
}

.member-info .member-info-item .position-member {
    color: #807F8F;
    font-size: 14px;
    line-height: 24px;
}

.member-info .member-info-item .name-member {
    color: #807F8F;
    font-size: 15px;
}
.member-content-item {
    display: flex;
    column-gap: 16px;
}

.member-content-wrap .member-position .position-member {
    font-size: 16px;
    font-weight: 600;
}

.member-content-wrap .member-position .name-member {
    font-size: 14px;
    color: #807F8F;
}

.member-content-wrap .member-position {
    margin-bottom: 16px;
}

.member-content-detail p {
    font-size: 14px;
    margin-bottom: 5px;
    font-family: 'Plus Jakarta Sans';
    line-height: 20px;
}
.member-info-item.active img {
    position: relative;
    border: 1px solid #3F7FFB;
    border-radius: 50%;
    padding: 2px;
}

.member-info-item img {
    padding: 2px;
}
.member-info .member-info-item.active p {
    color: #3F7FFB;
}
.member-group {
    padding-bottom: 40px;
    border-bottom: 1px solid #E7E7ED;
}

.history-group {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E7E7ED;
}

.history-group h3 {
    margin-bottom: 32px;
}

.history-group h3 a {
    color: #1D193E;
    font-weight: 600;
    font-size: 34px;
}

.history-content {
    font-size: 16px;
    line-height: 24px;
    color: #1D193E;
    margin-bottom: 32px;
}

.timeline-history {
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    column-gap: 24px;
}

.timeline-history .timeline-item {
    flex-grow: 3;
    background: #fff;
    height: 100%;
    padding: 16px 16px 45px;
    border-radius: 18px;
    opacity: .6;
    border: 1px solid #E7E7ED;
}
.timeline-history .swiper-button-next,.timeline-history .swiper-button-prev {
    bottom: 16px;
    top: auto;
    padding: 0;
    margin: 0;
}

.timeline-history .swiper-button-next {
    left: 190px;
}
.timeline-history .timeline-item .time-his {
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #C7C8D1;
}

.timeline-history .timeline-item.swiper-slide-active .swiper-slide {
    background: #3F7FFB;
}
.timeline-history .timeline-item.swiper-slide-active {
    background: #3F7FFB;
    opacity: 1;
}
.timeline-history .timeline-item p {
    font-size: 14px;
    color: #C7C8D1;
}
.timeline-history .timeline-item.swiper-slide-active p,
.timeline-history .timeline-item.swiper-slide-active .time-his{
    color: #fff;
}
#main-value ul {
    list-style: inside;
    padding-left: 0;
}

.panel-grid-cell #main-value .widget-title {
    margin-bottom: 32px;
}

#main-value {
    padding-top: 40px;
    border-top: 1px solid #E7E7ED;
}
body:not(.home) #menu-main span {
    color: #000;
}
#menu-menu .menu-item-has-children{
    position: relative;
}
#menu-menu .menu-item-has-children .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: -2;
    opacity: 0;
    visibility: hidden;
    min-width: 300px;
    padding: 24px 0;
    border-radius: 18px;
    box-shadow: 0 4px 10px rgba(37, 47, 63, 0.1);
    transition: all .3s ease-in-out;
    list-style: none;
    pointer-events: none;
}

#menu-menu .menu-item-has-children:hover .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 999;
    pointer-events: all;
    left: -10px;
}
#menu-menu .menu-item-has-children .sub-menu a {
    color: #1D193E;
    font-size: 15px;
}

#menu-menu .menu-item-has-children .sub-menu li {
    padding: 10px 24px;
}

#menu-menu .menu-item-has-children .sub-menu li:hover {
    background: #EBF2FF;
}
#menu-menu .menu-item-has-children .sub-menu li:hover a {
    color: #3F7FFB;
}
.title-page {
    text-align: center;
}
.title-page h1 {
    font-size: 34px;
    line-height: 120%;
    font-weight: 600;
}
.title-page h1 span {
    color: #3F7FFB;
}
.textwidget .title-page p {
    color: #807F8F;
}
#title-page {
    margin-bottom: 40px !important;
    margin-top: 10px !important;
}

#trending-tech img {
    width: 100%;
}

.title-content-page h2 {
    font-size: 26px;
    line-height: 32px;
    color: #1D193E;
    width: 40%;
}

.title-content-page h2 span {
    color: #3F7FFB;
}
#trending-tech {
    margin-bottom: 24px !important;
}
#trending-tech.solve-tech {
    margin-bottom: 40px !important;
}
#service-wrapper img {width: 100%;}

#service-wrapper>div {
    padding: 16px;
    border: 1px solid #E7E7ED;
    border-radius: 18px;
}

.item-title-page h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    height: 40px;
}

.item-title-page p {
    font-size: 14px;
    height: 85px;
}
.content-us-btn {
    text-align: -webkit-right;
}
.content-us-btn a,.price-list a{
    max-width: 128px;
    height: 40px;
    background: #3F7FFB;
    line-height: 40px;
    text-align: center;
    border-radius: 10px;
    display: block;
    font-size: 15px;
    color: #fff;
}
.delivery-country .title-content-page h2 {
    font-size: 26px;
    font-weight: bold;
    color: #1D193E;
    line-height: 32px;
}
.delivery-country .title-content-page p {
    font-size: 14px;
    color: #1D193E;
    line-height: 20px;
}
#service-wrapper .panel-grid-cell .so-panel {
    margin-bottom: 16px;
}
.panel-layout .panel-grid #contact-sale {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    text-align: center;
}

#contact-sale .panel-grid-cell {
    background: #EBF2FF;
    padding: 40px 0 50px !important;
    border-radius: 18px;
}

#contact-sale .textwidget p {
    color: #807F8F;
    font-size: 16px;
    margin-bottom: 0;
}

.contact-sale-btn a {
    background: #3F7FFB;
    max-width: 201px;
    color: #fff;
    padding: 12px 24px;
    border-radius: 100px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
}
#social-home .so-panel {
    margin-bottom: 0 !important;
}
#service-products img {
    width: 100%;
}

#service-products .so-panel {
    margin-bottom: 16px !important;
}
#service-products.service-import-products .so-panel.widget_text {
    margin-bottom: 40px !important;
}
.item-title-page.import-products h3 {
    font-size: 26px;
    margin-bottom: 8px;
    line-height: 32px;
    font-weight: bold;
    height: 64px;
}
#service-products.import-page .item-title-page.import-products h3 {
    height: auto;
}
.item-title-page.import-products h3 span {
    color: #3872E1;
}
.item-title-page.import-products p {
    line-height: 20px;
}
.header-custom>div {
    max-width: 100% !important;
    margin: initial !important;
}

.header-custom>div #menu-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 65px;
}
#service-wrapper.shipping-service {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}

#service-wrapper.shipping-service>div {
    width: inherit;
}

#title-news .panel-grid-cell .widget-title {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 0;
}

#title-news {
    margin-top: 40px;
    margin-bottom: 13px;
}
.list-news-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 40px;
}

.list-news-wrapper .date {
    font-size: 14px;
    margin-top: 8px;
    color: #807F8F;
    font-weight: 600;
}

.list-news-wrapper .news-content a {
    font-size: 16px;
    color: #1D193E;
    font-weight: 600;
}

.list-news-wrapper img {
    width: 100%;
}

#list-news .panel-grid-cell .widget-title {
    font-size: 20px;
    color: #807F8F;
    text-transform: uppercase;
    margin-bottom: 8px;
}
#news-content-home .panel-grid-cell:first-child .so-panel {
    margin-bottom: 10px !important;
}
#news-content-home .left-side-post .panel-grid-cell .so-panel {
    margin-bottom: 24px !important;
}
.left-side-post .panel-layout .panel-grid {
    column-gap: 16px;
}
.pagination-style-one {
    text-align: center;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    column-gap: 8px;
}
.pagination-style-one a {
    padding: 7px;
    background: #ffffff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: block;
    color: #1D193E;
    border: 1px solid #E7E7ED;
}
.pagination-style-one a.selected, .pagination-style-one a:hover, .pagination-style-one a:active, .pagination-style-one a:focus {
    border: 1px solid #1D193E;
}
#list-news {
    margin-bottom: 50px;
}
#news-content-home img{
    width: 100%;
}
.job-categories ul {
    padding-left: 0;

}

#job-page {
    margin-top: 40px;
}

.job-categories ul li {
    padding: 10px 0;
}

.job-categories ul li a {
    color: #1D193E;
    font-size: 15px;
    font-weight: 600;
}

.job-wrapper .job-item {
    border-top: 1px solid #E7E7ED;
    padding: 16px 24px;
}

.job-wrapper .job-item ul {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    column-gap: 16px;
}

.job-wrapper .job-item h3 a{
    font-size: 18px;
    font-weight: 600;
    color: #1D193E;
}

.job-wrapper .job-item:first-child {
    border-top: none;
}

.job-wrapper .job-item ul li {
    height: 32px;
    line-height: 32px;
    background: #F9F9F9;
    color: #807F8F;
    font-size: 12px;
    padding: 0 16px;
    border-radius: 24px;
}

.job-wrapper .job-item:hover {
    background: #F9F9F9;
    cursor: pointer;
}

.job-wrapper .job-item:hover h3 a{
    color: #3F7FFB;
}
.job-categories ul li a.active {
    color: #3F7FFB;
}

.job-description {
    background-position: center;
    border-radius: 18px;
    font-size: 14px;
    color: #fff;
    padding: 24px;
    max-width: 314px;
}

.job-description ul {
    padding-left: 0;
}

.job-send {
    background: #3F7FFB;
    padding: 10px 16px;
    text-align: center;
    border-radius: 10px;
    text-transform: capitalize;
    font-size: 15px;
    cursor: pointer;
}

#detailed-job {
    margin-top: 24px !important;
}
.detailed-btn i {
    margin-left: 4px;
}
#back-arrow {
    margin-top: 40px !important;
}
.detailed-btn.back-arrow i {
    padding-right: 4px;
}
.title-job h3 {
    font-size: 26px;
    font-weight: 600;
}
.registerPartnereModal .upload__box {
    margin-bottom: 24px;
}

.registerPartnereModal .upload__box .upload__btn {
    background-color: #E6E8EC;
    border-color: #E6E8EC;
    min-width: 100%;
    color: #777E90;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
.registerPartnereModal .upload__box>p {
    color: #807F8F;
    font-size: 12px;
    padding-top: 8px;
    margin-bottom: 0;
}
.modal-success-job.registerPartnereModal .modal-body,.modal-success-service.registerPartnereModal .modal-body {
    padding: 40px 24px;
}
.modal-success-job .modal-body h3,.modal-success-service .modal-body h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.modal-success-job .modal-body p,.modal-success-service .modal-body p {
    font-size: 16px;
    line-height: 24px;
}
.registerPartnereModal.modal-success-service .modal-dialog {
    max-width: 328px;
}
.upload__img-wrap-price,
.upload__img-wrap-profile,
.upload__img-wrap-comment{
    display: flex;
    flex-wrap: wrap;
}
#registerServiceModal .input-group,
#reviewServiceModal .input-group,
.registerPartnereModal .input-group,
#registerServiceModalFooter .input-group{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin-bottom: 24px;
}

.registerPartnereModal .input-group label,
.registerPartnereModal  .upload__box h3
{
    color: #1D193E;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.registerPartnereModal .input-group input{
    padding: 10px;
    border: none;
    border-radius: 10px !important;
    background: #F3F3F5;
}
.registerPartnereModal .modal-dialog{
    max-width: 700px;
}

.registerPartnereModal .input-group input:focus{
    border-color: #0188EA;
}
.registerPartnereModal .input-group input:focus-visible,.registerPartnereModal .note-service:focus-visible{
    outline: none;
}
.registerPartnereModal .input-group select{
    padding: 10px;
    border: 1px solid #E6E8EC;
    border-radius: 8px !important;
}
#main-content .widget_custom_html {
    margin-bottom: 0;
}

#target-us {
    padding-top: 40px;
}

.panel-grid-cell #target-us .textwidget {
    margin-top: 24px;
}

.registerPartnereModal .modal-body {
    padding: 0;
}

textarea.note-service {
    background: #F3F3F5;
}
input::placeholder,textarea::placeholder {
    font-size: 14px;
    color: #807F8F;
}
.price-wrap {
    display: flex;
    align-items: center;
}

.price-wrap p {
    margin: 0;
    color: #23262F;
    font-weight: 600;
}

.price-wrap span {
    color: #FF592C;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 600;
}

.price-modal {
    padding: 10px 0 20px;
}

.registerPartnereModal .note-service{
    padding: 10px;
    border: 1px solid #E6E8EC;
    border-radius: 8px;
    width: 100%;
    height: 110px;
}

.registerPartnereModal .modal-content form{
    padding: 16px;
}
.close-register-service {
    cursor: pointer;
}

.register-submit button {
    background: #3F7FFB !important;
    text-align: center;
    border-radius: 10px;
    font-size: 15px;
    padding: 10px 16px 10px 16px;
}

.register-submit button {
    background: transparent;
    border: none;
    color: #FCFCFD;
}
.register-submit button i {
    padding-left: 4px;
}
.upload__inputfile,.upload__inputfile_profile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.upload__btn {
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    min-width: 116px;
    padding: 10px 15px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #4045ba;
    border-color: #4045ba;
    border-radius: 10px;
    line-height: 26px;
    font-size: 14px;
    margin-top: 10px;
}
.upload__btn:hover {
    background-color: unset;
    color: #4045ba;
    transition: all 0.3s ease;
}

.upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.upload__img-box {
    width: 200px;
    padding: 0 10px;
    margin-bottom: 12px;
}
.upload__btn p {
    margin: 0;
}
.upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}
.upload__img-close:after {
    content: "✖";
    font-size: 14px;
    color: white;
}

.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
}
#registerPartnerForm .modal-body {
    padding: 0;
}
.upload__doc-box p {
    margin-top: 10px;
    border: 1px solid #E7E7ED;
    padding: 10px 16px 10px 10px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
}
.position-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.position-group label {
    font-size: 14px;
    color: #3F7FFB;
}

.position-group input {
    border: none;
    font-size: 18px;
    font-weight: 600;
    text-transform: initial;
    padding-left: 0;
}

.title-registerServiceModal {
    font-size: 16px;
    margin-bottom: 0;
}

.registerPartnereModal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#menu-main .language-translate>ul {
    position: absolute;
    top: 68px;
    border: 1px solid #E7E7ED;
    padding: 24px;
    border-radius: 18px;
    background: #fff;
}
#menu-main .language-translate>ul.active {
    display: block;
}
#menu-main .language-translate>ul li:last-child {
    margin-bottom: 0;
}
#menu-main .language-translate>ul li {
    margin-bottom: 16px;
}

#menu-main .language-translate>ul li a span {
    margin-left: 8px;
    color: #1D193E;
    font-size: 13px;
    font-weight: 600;
}
#main-banner-home .textwidget p{
    color: #fff;
    line-height: 120%;
    margin: 0;
}
#main-banner-home .view-detail {
    margin-top: 24px;
    width: 106px;
    height: 40px;
    background: #3F7FFB;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
    cursor: pointer;
}

/* HOVER BLUE BUTTON */
#main-banner-home .view-detail:hover,.chance-job .detailed-btn:hover,
#contact-sale .contact-sale-btn a:hover,
#service-wrapper .content-us-btn a:hover,
#service-products .import-products .content-us-btn a:hover,
.delivery-country .title-content-page .price-list a:hover,
.job-send:hover
{
    background: #5890FC;
    color: #fff;
}
#main-banner-home .view-detail:active,.chance-job .detailed-btn:active ,
#contact-sale .contact-sale-btn a:active,
#service-wrapper .content-us-btn a:active,
#service-products .import-products .content-us-btn a:active,
.delivery-country .title-content-page .price-list a:active,
.job-send:active
{
    background: #3872E1;
    color: #fff;
}
#main-banner-home .view-detail a:hover,.chance-job .detailed-btn:hover,
#contact-sale .contact-sale-btn a:hover,
#service-wrapper .content-us-btn:hover a,
#service-products .import-products .content-us-btn a:hover,
.delivery-country .title-content-page .price-list a:hover,
.job-send:hover,.job-send:hover a
{
    color: #fff !important;
}
/* END HOVER BLUE BUTTON */
/*******************************/
/* HOVER GREY BUTTON */
#about-us-home .detailed-btn:hover,
#content-services-home .detailed-btn:hover,
.partner-banner .swiper-button-next:hover,
.partner-banner .swiper-button-prev:not(.swiper-button-disabled):hover,
.language-translate div:hover,
#share-culture-block .share-culture .detailed-btn:hover,
.backarrow-culture .detailed-btn:hover,
#detailed-job .detailed-btn:hover,
#culture-company .detailed-btn:hover,
#news-title-home .detailed-btn:hover{
    background: #F3F3F5;
    color: var(--color-main) !important;
}
#about-us-home .detailed-btn:active,
#content-services-home .detailed-btn:active,
.partner-banner .swiper-button-next:active,
.partner-banner .swiper-button-prev:not(.swiper-button-disabled):active,
.language-translate div:active,
#share-culture-block .share-culture .detailed-btn:active,
.backarrow-culture .detailed-btn:active,
#detailed-job .detailed-btn:active,
#culture-company .detailed-btn:active,
#news-title-home .detailed-btn:active{
    background: #ECECF0;
    color: var(--color-main) !important;
}

/* END HOVER GREY BUTTON */
/*******************/
/* HOVER SlIDE BUTTON */
#main-banner .swiper-button-next:not(.swiper-button-disabled):hover,
#main-banner .swiper-button-prev:not(.swiper-button-disabled):hover{
    background: #EBF2FF;
    color: #3F7FFB;
}
#main-banner .swiper-button-next:not(.swiper-button-disabled):active,
#main-banner .swiper-button-prev:not(.swiper-button-disabled):active{
    background: #E2EAFA;
    color: #3F7FFB;
}
/* END HOVER SlIDE BUTTON */
#detailed-job .detailed-btn{
    width: 88px;
    height: 32px;
    line-height: 32px;
}
#detailed-job .title-job {
    border-bottom: 1px solid #E7E7ED;
    padding-bottom: 16px;
}
#detailed-job .so-panel {
    margin-bottom: 16px !important;
}
#main-banner-home.main-banner-home .view-detail {
    width: 138px;
}
#main-banner-home .view-detail a {
    color: #fff;
    font-size: 15px;
}

#main-banner-home .view-detail a i {
    padding-left: 10px;
}
.content-description {
    margin-top: 16px;
}
.share-wrap {
    display: flex;
    justify-content: space-between;
}
.title-job h1 {
    font-size: 26px;
    font-weight: 600;
}

.related-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
}

.time span {
    font-size: 14px;
    color: #807F8F;
}

.name-news a {
    font-size: 16px;
    color: #1D193E;
}
.title-content-page h2{
    width: 100%;
}
#culture-us img,#content-services-home img{
    width: 100%;
}
#culture-us>.panel-grid-cell>.so-panel {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 40px;
}
#culture-us>.panel-grid-cell .so-panel:before{
    display: none;
}
#culture-us,#content-services-home {
    column-gap: 24px;
}
#culture-us .time-post{
    margin-top: 8px;
}
#culture-us img{
    border-radius: 14px;
}
#culture-company .detailed-btn,#news-title-home .detailed-btn{
    width: 107px;
    height: 32px;
    line-height: 32px;
}
#culture-company .detailed-btn i,#news-title-home .detailed-btn i{
    padding-left: 2px;
}
.panel-layout .panel-grid:first-child {
    margin-bottom: 0 !important;
}
#about-us-home img {
    border-radius: 18px;
    width: 100%;
}
#main-content .widget_custom_html {
    margin-bottom: 0;
}

#target-us {
    padding-top: 40px;
}

.panel-grid-cell #target-us .textwidget {
    margin-top: 24px;
}
#gallery-img-culture .gallery img {
    border: none;
    width: 100%;
    border-radius: 18px;
}

#gallery-img-culture .gallery  .gallery-item {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

#gallery-img-culture .gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 40px;
}
#gallery-img-culture .gallery br {
    display: none;
}

.detail-cultures-time {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

#gallery-img-culture {margin-top: 40px !important;margin-bottom: 40px !important;}

#title-page-culture {
    margin-top: 16px;
}
.backarrow-culture .detailed-btn {
    width: 92px;
    height: 32px;
    line-height: 32px;
}

.share-culture .detailed-btn {
    width: 88px;
    height: 32px;
    line-height: 32px;
}
.panel-layout #pg-150-2.panel-grid {
    text-align: -webkit-center;
}
#about-us-home .textwidget p,#about-us-home .panel-grid-cell .widget-title,#about-us-home .so-panel {
    text-align: start;
}
#trp-floater-ls.trp-color-dark {
    display: none;
}
#news-content-home.culture-ctom .item-post {
    display: flex;
    flex-direction: column-reverse;
}
#featured-title-news .featured-title-news {
    margin-bottom: 0;
    color: #3F7FFB;
    font-size: 20px;
    line-height: 24px;
    margin-top: 24px;
}
#news-content-home.news-page {
    padding-top: 10px;
}
#news-content-home-content {
    display: flex;
    column-gap: 24px;
}
.detailed-btn.back-arrow.back-arrow-job {
    width: 92px;
    height: 32px;
    line-height: 32px;
}
#detailed-job {
    column-gap: 80px;
}
.hotel_select .list {
    border-color: #E7E7ED;
    width: 300px;
    padding: 24px 0;
    border-radius: 18px;
}

.hotel_select .list li {
    white-space: normal;
    color: #1D193E;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    min-height: initial;
    padding: 10px 24px;
}

.hotel_select .list li:hover {
    background: #EBF2FF;
    color: #3F7FFB;
}
.nice-select.hotel_select .option.focus, .nice-select.hotel_select .option.selected.focus{
    background: #EBF2FF;
    color: #3F7FFB;
}
.nice-select.hotel_select {
    border: 1px solid #E7E7ED;
    border-radius: 10px !important;
}

.nice-select.hotel_select .current {
    color: #1D193E;
    font-weight: 500;
    font-size: 14px;
}
.modal-share.registerPartnereModal .modal-body {
    padding: 24px;
}

.modal-share.registerPartnereModal .modal-body .social-share {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 0;
    padding-left: 0;
}

.modal-share.registerPartnereModal .modal-body .social-share li {
    background: #F3F3F5;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
}

.modal-share.registerPartnereModal .modal-body .share-text {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #807F8F;
    margin: 24px 0;
}
.copy-link {
    display: flex;
    justify-content: center;
    column-gap: 16px;
}

.copy-link .link-article {
    background: #F3F3F5;
    padding: 10px 15px;
    border-radius: 10px;
    width: 436px;
    color: #1D193E;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.copy-link button {
    border: none;
    padding: 10px 16px;
    border-radius: 10px;
    background: #3F7FFB;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
}
#news-content-home-content .panel-grid-cell {
    width: calc(50% - (0.5* 24px));
    height: 100%;
}
.panel-grid.panel-has-style>.panel-row-style#news-content-home {
    display: block !important;
}
#news-content-home-content .panel-grid-cell:last-child .item-post {
    margin-top: 0;
}
.title-job .share-wrap .detailed-btn:last-child {
    max-width: 88px;
    height: 32px;
    line-height: 32px;
}
.member-wrapper-title ul {
    position: absolute;
    background: #fff;
    width: 300px;
    top: 60px;
    z-index: 9;
    left: 85px;
    border: 1px solid #E7E7ED;
    border-radius: 18px;
    padding: 24px 0;
    display: none;
}
.member-content-item img {
    border-radius: 18px;
    max-width: 300px;
    min-height: 360px;
    object-fit: cover;
}
.member-wrapper-title {
    position: relative;
}
.member-wrapper-title ul li {
    padding: 10px 24px;
    cursor: pointer;
    font-size: 15px;
}

.member-wrapper-title ul li:hover {
    background: #EBF2FF;
    color: #3F7FFB;
}
#gallery-img-culture .gallery .gallery-item {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 18px;
}
#gallery-img-culture .gallery img {
    border: none;
    width: 100%;
    border-radius: 18px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#gallery-img-culture .gallery .gallery-item:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.list-customer-bestseller {
    display: flex;
    justify-content: center;
}

.list-customer-bestseller li {
    margin-left: -15px;
}

.list-customer-bestseller img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: block;
    cursor: pointer;
    transition: all .3s ease-out;
}

.list-customer-bestseller li:hover img {
    border: 2px solid #3F7FFB;
}


.list-customer-bestseller li:hover img,.list-customer-bestseller li:focus img {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
}
#banner-page>.panel-grid-cell>div:last-child {
    display: none;
}
#banner-page>.panel-grid-cell>div:first-child {
    display: block;
}
.current-cateMb {
    display: none;
}
.swiper-slide img.mobile-banner{
    display: none;
}
.swiper-slide img.pc-banner{
    display: block;
}
#pg-150-10> .panel-row-style{
    padding: 40px 56px 40px 56px;
}
#main-footer .wrap-block,#social-home .wrap-block, #menu-main .wrap-block,#about-us-home .wrap-block{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 56px;
}
.panel-grid.panel-has-style>.panel-row-style#menu-main {
    display: block;
    padding: 10px 0 !important;
}
.panel-grid.panel-has-style>.panel-row-style#menu-main .wrap-block {
    display: flex;
    align-items: center;
}
#social-home .wrap-block {
    display: flex;
    align-items: center;
}
.single-job .textwidget ul {
    list-style: initial;
}
.related-post .news-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 16px;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 14px;
}

.related-post .news-item:first-child {
    grid-column: initial;
}

.related-post .news-item:first-child .img-news {
    width: 100%;
    margin-bottom: 0;
}

.related-post .news-item .img-news img {
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.related-post .news-item:first-child .content-news {
    padding-right: 16px;
    width: 50%;
}

.related-post .news-item:first-child .content-news, .img-contact-page img {
    width: 100%;
}

.related-post .category-item {
    display: flex;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.related-post .category-item h3, .time-news {
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0;
    color: #292D34;
    text-transform: uppercase;
    font-weight: 600;
}

.related-post .content-news .news-title {
    padding: 0;
    margin-bottom: 16px;
    font-size: 15px;
}

.content-news .news-title a {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #292D34;
}

.related-post .news-item:first-child .content-news .news-title a {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.related-post .news-item:first-child .content-news .news-title a {
    font-size: 15px;
}

.related-post .view-detail-news {
    display: block;
}

.related-post .view-detail-news a {
    padding: 9px 8px 9px 12px;
    border-radius: 8px;
    border: 1px solid #E7E7ED;
    background: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #292D34;
}

.related-post .view-detail-news a img {
    width: 20px;
    height: 20px;
}
#pg-150-10> .panel-row-style{
    max-width: 1328px !important;
    border-radius: 18px 18px 18px 18px;
}
#pgc-150-10-0> .panel-cell-style{
    background: initial;
}
@media (min-width: 1201px){
    .panel-layout .panel-grid>div:not(
    .panel-layout .panel-grid #menu-main,
    .panel-layout .panel-grid #main-banner,
    .panel-layout .panel-grid #partner-us,
    .panel-layout .panel-grid #main-footer,
    .panel-layout .panel-grid #copyright,
    .panel-layout .panel-grid #banner-page,
    .panel-layout .panel-grid #social-home
    ) {
        max-width: 1440px;
        margin: 0 auto;
    }
    .panel-layout .panel-grid #main-banner-home{
        max-width: 100% !important;
    }
    #menu-main{
        padding: 10px 95px 10px 95px !important;
    }
    #about-us-home {
        margin: 0 !important;
        padding: 0 !important;
    }
    #main-footer .textwidget p{
        padding: 10px 0;
    }

}
@media (min-width: 1441px)  and (max-width: 2015px){
    #partner-us>.panel-grid-cell {
        max-width: 1440px;
        margin: 0 auto;
    }
}
@media (min-width: 2016px) and (max-width: 3200px) {
    .home #main-banner {
        max-width: 1440px;
        margin: 0 auto;
        top: -80px;
        position: relative;
    }
    #menu-main {
        max-width: 1440px;
        margin: 0 auto;
    }
    .home #menu-main {
        max-width: 1440px;
        margin: 0 auto;
        z-index: 19;
        position: relative;
    }
    #pg-150-2 .panel-row-style .wrap-block{
        top: -110px;
    }
    #partner-us,#main-footer,#copyright,#banner-page {
        max-width: 1440px;
        margin: 0 auto;
    }

    #social-home.panel-row-style {
        max-width: 1440px;
        margin: 0 auto;
        padding: 10px 0!important;
    }

    #chance-job.panel-row-style {
        padding: 40px 0 40px 0;
    }

    .page-template .panel-has-style #culture-us {
        padding-left: 0;
        padding-right: 0;
    }

    .page-template .panel-has-style #culture-company,
    .page-template .panel-has-style #news-content-home,
    .page-template .panel-has-style #news-title-home,
    .page-template .panel-has-style #content-services-home,
    .page-template .panel-has-style #title-services-home,
    .page-template .panel-has-style #title-services-home .panel-widget-style
    {
        padding-left: 0;
        padding-right: 0;
    }
    .page .panel-has-style #menu-main,
    .page .panel-has-style #contact-sale,
    body:not(.home) #menu-main,
    body:not(.home) #back-arrow,
    #contact-sale,#title-news,#list-news,#back-arrow .panel-widget-style,
    #title-block,#share-culture-block,#gallery-img-culture,#job-page,
    #detailed-job

    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .page.home .panel-has-style #menu-main{
        padding-left: 56px !important;
        padding-right: 56px !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px){
    .panel-layout .menu-menu-container .menu a {
        font-size: 12px;
        white-space: nowrap;
    }

    #menu-main .widget>img {
        width: 85px;
    }

    .language-translate div {
        width: 45px;
        height: 25px;
        font-size: 12px;
    }

    .content-banner h3 {
        font-size: 30px;
    }

    #main-banner-home .textwidget p {
        font-size: 14px;
    }

    #main-banner-home.main-banner-home .view-detail {
        width: 120px;
    }

    #main-banner .swiper-button-next {
        right: -30px;
    }

    #main-banner .swiper-button-prev {
        left: -30px;
    }

    #content-services-home .panel-grid-cell .widget-title {
        font-size: 20px;
    }

    #content-services-home {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    #content-services-home>div {
        width: 100%;
    }

    #main-footer {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 30px;
    }

    #main-footer>div {
        width: 100%;
    }
    body:not(.home) #menu-main .menu>.menu-item a {
        font-size: 12px;
    }

    #main-content #about-us-content h1 {
        font-size: 24px;
    }

    .member-wrapper {
        display: block;
    }

    .member-content-item {
        display: block;
    }

    .member-content {
        width: 100%;
    }

    .member-content-item img {
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 10px;
    }

    #main-content.main-content-introduce>div:first-child {
        width: 32%;
    }

    #main-content.main-content-introduce>div:last-child {
        width: 67%;
    }

    .time-setup span:first-child {}

    .time-setup {
        top: -20px;
    }

    .setup-wrapper {
        position: initial;
    }

    #about-us-content .textwidget {
        position: relative;
    }

    .subtitle-setup {
        width: 100%;
    }

    .content-setup {
        margin-top: 18px;
    }

    .timeline-history .swiper-button-next {
        left: 235px;
    }
    .location-us{
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 16px;
    }
    #service-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    #service-wrapper>div {
        width: 100%;
    }
    .item-title-page.import-products h3{
        height: 90px;
    }
    #gallery-img-culture .gallery img{
        height: 100%;
    }
    .partner-banner {
        padding: 0;
    }

    .partner-banner .swiper-button-next, .partner-banner .swiper-button-prev {
        display: none;
    }
}
@media (max-width: 768px){
    #registerServiceModal .input-group, #reviewServiceModal .input-group, .registerPartnereModal .input-group, #registerServiceModalFooter .input-group{
        flex-wrap: nowrap;
    }
    #main-footer {
        padding: 30px 16px !important;
    }
    .header-custom>div #menu-main{
        display: block;
    }
    #pg-150-2 .panel-row-style .wrap-block{
        margin-right: 15px;
        margin-left: 15px;
    }

    #pg-150-4> #content-services-home {
        overflow-y: hidden;
        overflow-x: auto;
        display: flex;
        -webkit-overflow-scrolling: touch;
        flex-direction: row;
    }

    #pg-150-4> #content-services-home img {
        width: 100%;
    }

    #pg-150-4> #content-services-home .panel-grid-cell {
        width: 90%;
        min-width: 90%;
        flex-grow: 3;
    }

    #pg-150-3 #title-services-home .panel-widget-style {
        padding: 0 16px;
    }

    #pg-150-3  .panel-widget-style h3 {
        font-size: 26px;
    }

    #pg-150-4> #content-services-home .panel-grid-cell:first-child {
        margin-left: 0;
    }

    #news-title-home .panel-grid-cell .widget-title {
        margin-top: 0;
        margin-bottom: 4px;
        font-size: 26px;
        text-align: center;
    }
    #news-title-home .panel-grid-cell {
        margin-bottom: 0;
    }

    #news-content-home {
        padding: 24px 16px !important;
    }

    #news-content-home .panel-grid-cell:first-child .so-panel {
        margin-bottom: 0 !important;
    }

    #news-content-home>.panel-grid-cell {
        margin-bottom: 24px !important;
    }

    #news-content-home>.panel-grid-cell .panel-layout div:last-child div {
        margin: 0 !important;
    }

    #menu-main> .panel-row-style, #pg-150-2> .panel-row-style, #panel-150-3-0-0> .panel-widget-style, #pg-150-4> .panel-row-style, #panel-150-5-0-0> .panel-widget-style {
        padding: 0 16px;
    }

    #news-content-home {
        padding: 24px 56px 40px 56px;
    }

    .name-post a {
        font-size: 18px;
    }

    #news-content-home .left-side-post .panel-layout .panel-grid {
        display: flex;
        flex-direction: row;
        column-gap: 16px;}

    #news-content-home .left-side-post .panel-layout .panel-grid .name-post a {
        font-size: 14px;
    }

    .panel-grid-cell .widget-title {
        font-size: 26px;
        text-align: center;
    }

    .culture-company .panel-grid-cell:last-child {
        display: flex;
        justify-content: center;
    }

    #pgc-150-8-0 {
        margin-bottom: 8px;
    }

    #pg-150-8> .panel-row-style {
        padding: 40px 16px 24px 16px;
    }

    #pg-150-9> .panel-row-style {padding: 24px 16px 40px 16px;}

    #pg-150-9 img {
        width: 100%;
    }

    #pg-150-9 .panel-grid-cell:not(#pg-150-9 .panel-grid-cell:first-child) {
        display: flex;
        column-gap: 15px;
    }

    #pg-150-9 .panel-grid-cell:not(#pg-150-9 .panel-grid-cell:first-child) .name-post a {
        font-size: 14px;
    }

    #pg-150-9 .panel-grid-cell:first-child .name-post a {
        font-size: 18px;
    }

    #pg-150-9 .panel-grid-cell .item-post {
        display: flex;
        flex-direction: column-reverse;
    }

    #pg-150-9 .panel-grid-cell:first-child .item-post {
        margin-top: 10px;
    }

    #pg-150-10> .panel-row-style {
        padding: 40px 16px 40px 16px;
    }

    #social-home.panel-row-style {
        padding: 10px 16px 10px 16px;
    }

    #social-home .panel-grid-cell {
        text-align: center;
        margin-bottom: 16px;
    }

    #social-home .panel-grid-cell:last-child {
        justify-content: center;
    }

    #social-home .panel-grid-cell:first-child img {
        width: 137px;
    }

    #main-footer {
        padding: 20px 16px 20px 16px;
    }

    #main-footer .widget-title {
        text-align: start;
        font-size: 16px;
    }
    #main-footer .widget-title:before {
        content: "\f107";
        font-family: 'Font Awesome 6 Pro';
        position: absolute;
        right: 30px;
    }
    #main-footer .panel-grid-cell:first-child .textwidget {
        display: block;
    }
    #main-footer .panel-grid-cell .textwidget {
        display: none;
    }
    #menu-main .panel-grid-cell {
        display: none;
    }

    #menu-main .panel-grid-cell:first-child {
        margin-bottom: 0 !important;
        display: flex;
        color: #fff;
        align-items: center;
        justify-content: space-between;
        font-size: 26px;
    }

    #menu-main .panel-grid-cell:first-child img {
        width: 159px;
    }
    #mobile-menu {
        position: fixed;
        background: #fff;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        transition: all .4s cubic-bezier(.46,.01,.32,1);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    #mobile-menu.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    #mobile-menu .menu-title {}

    #mobile-menu .so-panel:first-child {
        padding: 15px 16px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #E7E7ED;
        margin-bottom: 0;
    }
    #mobile-menu .so-panel h2 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0;
    }

    #mobile-menu .language-menu-title {
        display: flex;
        padding: 15px 16px;
        align-content: space-between;
        justify-content: space-between;
        align-items: center;
        background: #F3F3F5;
    }

    #mobile-menu .so-panel:last-child {
        background: #F3F3F5;
    }

    #mobile-menu .language-menu-title h3 {
        font-size: 13px;
    }
    .menu-menu-container .sub-menu{
        padding: 0;
    }
    .menu-menu-container .menu {
        display: block;
        padding-left: 0;
    }

    .panel-layout .menu-menu-container .menu a {
        color: #464763;
    }

    .menu-menu-container .menu>.menu-item {
        border-bottom: 1px solid #E7E7ED;
        padding: 16px;
    }

    .menu-menu-container .menu>.menu-item>a {
        font-size: 16px;
        font-weight: bold;
    }

    .menu-menu-container .menu>.menu-item a {
        font-size: 16px;
    }
    .menu-menu-container .menu .menu-item {
        position: relative;
    }
    .menu-menu-container .menu .menu-item span {
        position: absolute;
        right: 20px;
        top: 15px;
    }

    .menu-menu-container .sub-menu li {
        padding: 16px 0;
    }
    #mobile-menu .so-panel:first-child .textwidget {
        flex: 3;
    }

    #mobile-menu .so-panel:first-child span {
        font-size: 22px;
    }
    .menu-menu-container .menu .sub-menu .menu-item span {
        right: 5px;
    }
    
    #main-banner-home .content-banner h3 {
        font-size: 34px;
    }
    #main-banner-home .textwidget p {
        color: #fff;
    }

    #main-banner-home .content-banner {
        left: 3%;
    }

    #main-banner-home .swiper-button-next,#main-banner-home .swiper-button-prev {
        display: none
    }

    #about-us-home {
        padding: 24px !important;
    }
    .choose-language-menu-title {
        position: absolute;
        width: 100%;
        top: 85px;
        background: #fff;
        z-index: 10000000000;
        height: 100%;
        transition: all .4s cubic-bezier(.46,.01,.32,1);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .choose-language-menu-title.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .choose-language-menu-title h3 {
        font-size: 15px;
        color: #1D193E;
        padding: 0 16px;
    }
    #menu-main {
        padding: 10px 16px !important;
    }
    .language-translate-list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 24px;
        justify-content: space-between;
        margin-top: 24px;
    }

    .language-translate-list ul img {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }

    .back-menu a {
        font-size: 15px;
        color: #1D193E;
        line-height: 24px;
    }

    .back-menu {
        text-align: center;
        border: 1px solid #E7E7ED;
        border-radius: 100px;
        height: 40px;
        line-height: 40px;
        margin: 0 16px;
        margin-top: 40px;
    }

    .back-menu a i {
        padding-right: 10px;
    }
    #mobile-menu {
        display: block;
    }
    #main-content {
        padding: 0 16px !important;
    }

    #main-content #about-us-block .textwidget ul li a {font-size: 16px;}

    .location-us {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 16px;
        grid-column-gap: 16px;
    }

    .time-setup {
        top: -20px;
        bottom: auto;
        display: flex;
        left: 22%;
        justify-content: center;
        align-items: baseline;
    }
    #about-us-content>.textwidget {
        position: relative;
    }
    .setup-wrapper {
        grid-template-columns: repeat(1, 1fr);
        padding: 24px;
        position: initial;
    }

    .subtitle-setup{
        margin-bottom: 24px;
        padding-left: 25px;
        width: 100%;
    }

    .member-wrapper {
        flex-wrap: wrap;
    }

    .member-info {
        overflow-y: hidden;
        overflow-x: auto;
        display: flex;
        -webkit-overflow-scrolling: touch;
        width: inherit;
        column-gap: 15px;
    }

    .member-info .member-position {
        display: none;
    }

    .member-wrapper-title {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .member-content {
        width: 100%;
    }

    .member-content-item {
        flex-wrap: wrap;
    }

    .member-content .swiper-slide img {
        max-width: 100%;
    }

    .member-content-wrap .member-position {
        margin-top: 16px;
    }
    .menu-menu-container .sub-menu{
        display: none;
    }
    #title-page,#trending-tech,#service-wrapper,#contact-sale,#service-products{
        padding: 0 16px !important;
    }
    #service-wrapper .panel-grid-cell {
        padding: 16px !important;
        width: 65% !important;
        min-width: 65%;
        flex-grow: 3;
        column-gap: 16px;
    }

    #title-news {
        margin: 24px 0;
        padding: 0 16px !important;
    }

    #news-content-home.news-content-template {
        padding: 0 16px !important;
    }

    #news-content-home.news-content-template .left-side-post .panel-layout .panel-grid {
        display: block;
    }

    #list-news {
        padding: 0 16px !important;
    }

    .list-news-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 16px;
    }

    .list-news-wrapper .news-content a {
        font-size: 14px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    #list-news .panel-grid-cell .widget-title {
        margin-top: 40px;
        margin-bottom: 16px;
        text-align: start;
    }

    #back-arrow .panel-widget-style {
        padding: 0 !important;
    }

    #back-arrow,#detailed-job,#job-page {
        padding: 0 16px !important;
    }
    .part-mediasoft h3 {
        font-size: 26px;
    }

    #partner-us {
        padding: 40px 16px !important;
    }
    #partner-us .swiper-button-next,#partner-us .swiper-button-prev{
        display: none;
    }
    .partner-banner{
        padding: 0;
    }
    #currentLanguage {
        display: none;
    }
    #main-content #about-us-content h1{
        text-align: left;
    }
    .textwidget p{
        line-height: 28px;
    }
    #news-content-home .left-side-post .panel-layout .panel-grid .name-post a{
        line-height: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #about-us-home .panel-last-child {
        display: flex;
        place-content: center;
    }

    #about-us-home .textwidget {
        text-align: center;
    }
    #culture-us .time-post {
        margin-top: 4px;
    }

    #culture-us .name-post {
        margin-bottom: 0;
    }
    .register-submit button{
        width: 100%;
    }
    #service-wrapper .content-us-btn a {
        font-size: 15px;
    }

    #service-wrapper .textwidget p {
        line-height: 20px;
    }

    #trending-tech .textwidget p {
        font-size: 14px;
        line-height: 20px;
    }

    .title-content-page h2 {
        font-weight: bold;
    }

    #trending-tech>.panel-grid-cell {
        margin-bottom: 24px;
    }
    #service-wrapper .content-us-btn a {
        font-size: 15px;
    }

    #service-wrapper .textwidget p {
        line-height: 20px;
    }

    #trending-tech .textwidget p {
        font-size: 14px;
        line-height: 20px;
    }

    .title-content-page h2 {
        font-weight: bold;
    }

    #trending-tech>.panel-grid-cell {
        margin-bottom: 24px;
    }

    #service-wrapper,#service-wrapper.shipping-service {
        overflow-y: hidden;
        overflow-x: auto;
        display: flex;
        -webkit-overflow-scrolling: touch;
        flex-direction: row !important;
        column-gap: 16px;
    }
    #service-products .textwidget p {
        line-height: 20px;
        margin-bottom: 0;
    }

    #service-products {
        margin-bottom: 40px !important;
    }
    #title-block,#featured-title-news {
        padding: 0 16px !important;
    }

    #share-culture-block {
        padding: 0 16px !important;
    }

    #gallery-img-culture {
        padding: 0 16px !important;
    }
    #gallery-img-culture .gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    #gallery-img-culture .gallery img {
        object-fit: cover;
    }
    #news-content-home.culture-ctom .panel-grid-cell {
        margin-bottom: 0;
    }

    #news-content-home.culture-ctom .panel-grid-cell:first-child .item-post {
        margin-top: 0;
        margin-bottom: 40px;
    }

    #news-content-home.news-content-template.culture-ctom .panel-grid-cell {
        margin-bottom: 0 !important;
    }

    #news-content-home.culture-ctom .name-post a {
        font-size: 20px !important;
    }
    #news-content-home.culture-ctom .panel-grid-cell .item-post {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 8px !important;
    }
    #news-content-home.culture-ctom>.panel-grid-cell .panel-layout .custom-html-widget {
        margin-bottom: 40px !important;
        margin-top: 8px !important;
    }
    #title-news.title-news-custom {
        margin-top: 24px !important;
        margin-bottom: 40px !important;
    }
    #main-footer .panel-grid-cell:nth-child(5) .widget-title:before {
        display: none;
    }

    #main-footer .panel-grid-cell:nth-child(6) .widget-title:before {
        display: none;
    }
    #main-content.main-content-introduce>div:first-child{
        position: initial;
    }
    #main-footer .textwidget p {
        color: #C7C8D1;
        padding-bottom: 26px;
    }

    #main-footer .textwidget p:last-child {
        padding-bottom: 0;
    }

    #main-footer .textwidget p:first-child {
        padding-top: 16px;
    }
    #main-footer .wrap-block>div:first-child {
        order: 4;
        margin-top: 40px;
    }

    #main-footer .wrap-block>div:first-child .widget-title:before {
        display: none;
    }
    #main-footer .wrap-block>div:first-child .textwidget{
        display: block !important;
    }
    #main-footer .wrap-block>div:first-child .textwidget p{
        color: #fff;
    }
    #main-footer .wrap-block>div .active .widget-title:before,
    #main-footer .wrap-block>div .active .widget-title{
        color: #3F7FFB;
    }
    #about-us-home .panel-grid-cell .widget-title,
    #about-us-home.home-about-us .panel-grid-cell .textwidget p{
        text-align: center;
    }
    .copy-link button {
        padding: 0 16px;
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        white-space: nowrap;
    }

    .copy-link .link-article {
        height: 40px;
    }
    #news-content-home-content {
        display: block;
    }
    #news-content-home-content .panel-grid-cell {
        width: 100%;
        margin-bottom: 24px;
    }

    #news-content-home-content h5,#news-content-home-content .panel-grid-cell:last-child  {
        margin-bottom: 0;
    }
    #featured-title-news{
        margin-bottom: 16px;
    }
    #culture-us>.panel-grid-cell>.so-panel{
        grid-template-columns: repeat(1, 1fr);
    }
    .registerPartnereModal.modal-success-service .modal-dialog {
        max-width: 100%;
    }
    #pgc-150-10-0> .panel-cell-style {
        background-image: url(/wp-content/themes/mediasoft/img/bg-job.png);
        background-repeat: no-repeat;
        padding: 40px 16px;
    }
    .job-wrapper .job-item ul li{
        white-space: nowrap;
    }
    .job-wrapper .job-item ul{
        flex-wrap: wrap;
        row-gap: 16px;
    }
    .job-description{
        max-width: 100%;
    }
    .menu-menu-container .sub-menu li:first-child {
        padding-top: 30px;
    }
    .price-list {
        text-align: -webkit-right;
    }
    #banner-page>.panel-grid-cell>div:last-child {
        display: block;
    }
    #banner-page>.panel-grid-cell>div:first-child {
        display: none;
    }
    .member-content-item img{
        max-width: 100%;
        width: 100%;
    }
    .job-categories ul li {
        padding: 10px 16px;
    }
    .job-categories {
        position: relative;
    }
    .job-categories ul {
        padding: 24px 0;
        border-radius: 18px;
        border: 1px solid #E7E7ED;
        width: 100%;
        margin-top: 10px;
        position: absolute;
        z-index: 9;
        background: #fff;
        display: none;
    }
    .current-cateMb {
        border: 1px solid #E7E7ED;
        padding: 10px 16px;
        border-radius: 10px;
        color: #1D193E;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .job-categories ul li a{
        font-size: 14px;
    }
    #partner-us {
        background-image: url("/wp-content/themes/mediasoft/img/logo_brand_bg.svg") !important;
    }
    #main-content #about-us-block {
        margin-top: 0;
    }
    .timeline-history .swiper-button-next{
        left: 185px;
    }
    #trending-tech.solve-tech {
        flex-direction: column-reverse !important;
    }
    .content-us-btn{
        margin-top: 10px;
    }
    .swiper-slide img.mobile-banner{
        display: block;
        height: 700px;
    }
    .swiper-slide img.pc-banner{
        display: none;
    }
    #main-footer .wrap-block, #social-home .wrap-block{
        padding: 0 16px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    #main-footer .wrap-block>div {
        width: 100%;
    }
    #about-us-home .wrap-block {
        display: flex;
        flex-direction: column;
    }

    #about-us-home {
        display: block !important;
        padding: 0 !important;
    }

    #about-us-home .wrap-block .panel-grid-cell {
        width: 100%;
    }

    #pg-150-2 .panel-row-style .wrap-block {
        padding: 24px;
    }
    .panel-grid.panel-has-style>.panel-row-style#menu-main .wrap-block .panel-grid-cell {
        width: 100%;
    }

    .panel-grid.panel-has-style>.panel-row-style#menu-main .wrap-block {
        padding: 0 16px;
    }
}