/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* --- START - Customize --- */
    * {
        -webkit-tap-highlight-color: transparent;
    }
    a:focus {
    outline: none;
}
    .u-pc {
        display: block;
    }
    .u-sp {
        display: none;
    }
    .text-nowrap {
        white-space: nowrap;
    }
    .no-break-line {
        word-break: keep-all;
        overflow-wrap: normal;
    }
    .title-page {
        max-width: fit-content !important;
    }
    .elementor-button-icon .e-font-icon-svg {
        height: 12px;
    }
    .button-primary .elementor-button {
        padding: 11px 24px 11px 48px;
    }
    .button-secondary .elementor-button {
        padding: 14px 24px 14px 48px;
    }
    .button-primary .elementor-button-content-wrapper {
        gap: 16px;
    }
    .button-primary .elementor-button-content-wrapper {
        gap: 24px;
    }
    .button-primary .elementor-button:hover .elementor-button-icon .e-font-icon-svg {
        fill: #17529F
    }
    .button-primary .elementor-button:active {
        background: #12325C;
        color: #FFFFFF;
    }
    .button-primary.btn-large .elementor-button {
        padding: 21px 29px 21px 64px !important;
    }
    .button-primary.btn-large .elementor-button-content-wrapper {
        gap: 56px;
    }
    .button-primary.btn-large .elementor-button-icon {
        display: flex;
        align-items: center;
    }
    .button-primary.btn-large .elementor-button-icon .e-font-icon-svg {
        height: 16px;
        width: 11px;
    }
    .button-secondary.btn-large .elementor-button {
        padding: 19px 30px 22px 64px;
    }
    .button-secondary.btn-large .elementor-button-content-wrapper {
        gap: 47px;
    }
    .button-secondary.btn-large .elementor-button-icon .e-font-icon-svg {
        height: 16px;
        width: 11px;
    }
/* --- End - Customize --- */

/* --- START - Header customize --- */
    header.site-header{
        position: sticky;
        top: 0;
    }
    .ast-logo-title-inline .site-logo-img {
        padding-right: 0;
    }
    #ast-hf-menu-1 .sub-menu{
        width: max-content;
        left: 0;
        right: auto;
        top: 60px;
        border-radius: 4px;
        transition: all .2s linear;
    }
    #ast-hf-menu-1 li:last-child .sub-menu{
        text-align: center;
    }
    #ast-hf-menu-1 li:last-child:focus a span svg{
        transform: rotate(0deg);
    }
    #ast-hf-menu-1 .sub-menu li:first-child a {
        border-radius: 4px 4px 0 0;
    }
    #ast-hf-menu-1 .sub-menu li:last-child a {
        border-radius: 0 0 4px 4px;
    }
    #ast-hf-menu-1 .sub-menu li:last-child a {
        border-radius: 0 0 4px 4px;
    }
    #ast-hf-menu-1 .sub-menu .menu-link {
        padding: 0.6em 0.9em;
        transition: none;
    }
    #ast-hf-menu-1 .sub-menu .menu-link:hover {
        color: #FFFFFF;
        background: #17529F;
    }
    #ast-hf-menu-1 .sub-menu .menu-link:active {
        color: #FFFFFF;
        background: #12325C;
    }
    #ast-hf-menu-1 li:last-child a span svg{
        transform: rotate(-180deg);
        transition: all .3s;
    }
    #ast-hf-menu-1 .pll-parent-menu-item {
        padding-left: 20px
    }
    #ast-hf-menu-1 .pll-parent-menu-item > a:before {
        content: "";
        width: 14px;
        height: 14px;
        background: url(/wp-content/uploads/2024/09/language_normal.png) no-repeat center;
        background-size: cover;
        position: absolute;
        left: 15px;
    }
    #ast-hf-mobile-menu .sub-menu{
        display: block !important;
    }
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
        box-shadow: none;
    }
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
        outline: none;
        border: none;
    }
    .ast-header-button-1 .ast-custom-button:active {
        background: #12325C;
        color: #FFFFFF;
    }
    .ast-header-button-1 .ast-custom-button {
        font-weight: 700;
        letter-spacing: 0.08px;
        box-shadow: 0px 0px 10px #C9D3E080;
        position: relative;
    }
    .ast-header-button-1 .ast-custom-button:after {
        content: "";
        width: 7.41px;
        height: 12px;
        background-image: url(/wp-content/uploads/2024/09/Path-chevron-right-1.svg);
        position: absolute;
        right: 22px;
        top: 16px;
    }
    .ast-header-button-1 .ast-custom-button:hover:after {
        background-image: url(/wp-content/uploads/2024/09/chevron-right-hover.svg);
    }
    .ast-header-button-1 .ast-custom-button:active:after {
        background-image: url(/wp-content/uploads/2024/09/Path-chevron-right-1.svg);
    }
    .ast-header-break-point .main-navigation .stack-on-mobile li {
        border-bottom: 0.5px solid #C1C1C1;
        padding-bottom: 8px;
        padding-top: 8px;
    }
    .ast-header-break-point .main-navigation .stack-on-mobile .sub-menu li {
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 0;
        padding-left: 18px;
    }
    .ast-header-break-point .main-navigation .stack-on-mobile li:last-child {
        border-bottom: none;
    }
    .ast-header-break-point .main-navigation .stack-on-mobile li a:after {
        content: "";
        width: 7px;
        height: 12px;
        background-image: url(/wp-content/uploads/2024/09/chevron-right-hover.svg);
        position: absolute;
        right: 2px;
        transition: all .3s;
        top: 27px;
    }
    .ast-header-break-point .main-navigation .stack-on-mobile li .sub-menu li a:after {
        top: 18px;
    }
    span.ahfb-svg-iconset.ast-inline-flex.svg-baseline {
        transform: scale(1.2);
        fill: #17529F;
    }
    span.ahfb-svg-iconset.ast-inline-flex.svg-baseline:hover {
        fill: #17529F80;
    }
    span.ahfb-svg-iconset.ast-inline-flex.svg-baseline:active {
        fill: #12325C;
    }
    a.ast-builder-social-element {
        margin-right: 10px;
    }
    #ast-scroll-top {
		display: flex ;
        box-shadow: 0px 0px 10px #C9D3E080;
        width: 50px;
    	height: 50px;
        border-radius: 50%;
        line-height: 2.5;
		justify-content: center;
        align-items: center;
    }
    #ast-scroll-top:focus {
        border: none;
    }
	#ast-scroll-top {
		transition: transform 0.3s ease;
	}

	#ast-scroll-top .ast-icon.icon-arrow svg {
		transition: transform 0.3s ease;
	}

	#ast-scroll-top:hover {
		transform: scale(1.4);
	}

	#ast-scroll-top:hover .ast-icon.icon-arrow svg {
		transform: translate(0, -20%) rotate(180deg);
	
	}

    #ast-scroll-top .ast-icon.icon-arrow svg {
		top: 6px;
        transform: translate(0, -20%) rotate(180deg);
   		width: 15px;
		height: 15px;
    }
/* --- END - Header customize --- */

/* --- START - Footer customize --- */
    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element {
        text-align: center;
        display: flex;
        justify-content: flex-end;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul {
        text-align: left;
        line-height: 22px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ul-menu-footer-2 li a {
        padding-right: 80px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ul-menu-footer-1 li a {
        padding-right: 130px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ul-menu-footer-1 .ul-sup-menu-footer-1 li a {
        padding-right: 0;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li .ul-sup-menu-footer-1 li {
        padding-top: 12px;
        padding-bottom: 0;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li .ul-sup-menu-footer-1 a {
        margin-right: 0;
        padding-left: 14px;
        font-weight: 400;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li a {
        letter-spacing: 0px;
        color: #3E3A39;
        font-weight: 600;
        font-size: 16px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li a:hover {
        color: #17529F;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li a:active {
        color: #12325C;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li:nth-child(2) {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right {
        background: #17529F 0 0 no-repeat padding-box;
        box-shadow: 0 0 10px #C9D3E080;
        border-radius: 100px;
        padding: 14px 56px 14px 48px;
        display: inline;
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        line-height: 53px;
        letter-spacing: 0.08px;
        position: relative;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right:hover {
        color: #17529F;
        background: #FFFFFF;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right:active {
        color: #FFFFFF;
        background: #12325C;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right:after {
        content: "";
        width: 7.41px;
        height: 12px;
        background-image: url(/wp-content/uploads/2024/09/Path-chevron-right-1.svg);
        position: absolute;
        right: 22px;
        top: 19px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right:hover:after {
        background-image: url(/wp-content/uploads/2024/09/chevron-right-hover.svg);
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right:active:after {
        background-image: url(/wp-content/uploads/2024/09/Path-chevron-right-1.svg);
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element {
        text-align: left;
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element p{
        margin-bottom: 48px;
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element .item-footer-html-2-sp {
    display: none;
}
    /* .hidden-li-achievement {
        display: none;
    }
    .hidden-li-news {
        padding-top: 0!important;
    } */
    .district-footer {
        margin-left: 80px;
    }
/* --- END - Footer customize --- */


/* --- START - AIO WP Breadcrumb --- */
    .breadcrum-main span {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 19px;
    }
    .breadcrum-main span a {
        color: #3E3A39;
        font-weight: 600;
    }
    .breadcrum-main span a:hover {
        color: #17529F;
    }
    .breadcrum-main span a:active {
        color: #12325C;
    }
    .breadcrum-achievement-list span:nth-child(4), .breadcrum-news-list span:nth-child(4) {
        display: none;
    }
    .breadcrum-achievement-list span:nth-child(5), .breadcrum-news-list span:nth-child(5) {
        display: none;
    }
    /* Elementor-1180 - Breadcrumb for single page */
    .elementor-1180 .elementor-element.elementor-element-2548e14f {
        --display: flex;
        --background-transition: 0.3s;
        --margin-top: 0px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 40px;
        --padding-bottom: 0px;
        --padding-left: 120px;
        --padding-right: 0px;
    }
    .elementor-1180 .elementor-element.elementor-element-2548e14f a {
        text-decoration: underline;
    }
/* --- END - AIO WP Breadcrumb --- */


/* --- START - News and Achievement --- */
    .single .site-content > .ast-container {
        max-width: 100%;
        padding: 0;
    }
    .ast-separate-container {
        background-color: #FFFFFF;
    }
    .section-archievement .archievement-container {
        max-width: 1200px;
        margin: 0 auto;
        color: #3E3A39;
    }
    .section-archievement .filter-by-service, .section-news .filter-by-service {
        display: flex;
        padding-bottom: 27px;
        align-items: center;
    }
    .section-archievement .filter-by-service span, .section-news .filter-by-service span {
        padding-left: 6px;
        font-size: 18px;
        letter-spacing: 0.58px;
    }
    .section-archievement .filters, .section-news .filters {
        display: flex;
        justify-content: flex-start;
        gap: 15px;
        margin-bottom: 64px;
    }
    .section-archievement .filter-btn, .section-news .filter-btn {
        padding: 12px 16px;
        border: 1px solid #17529F;
        border-radius: 100px;
        cursor: pointer;
        text-decoration: none !important;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.51px;
        line-height: 14px;
    }
    .section-archievement .filter-btn:hover, .section-news .filter-btn:hover {
        color: #FFFFFF;
        background-color: #17529F;
    }
    .section-archievement .filter-btn:active, .section-news .filter-btn:active {
        color: #FFFFFF;
        background-color: #12325C;
    }
    .section-archievement .filter-btn.active, .section-news .filter-btn.active {
        background-color: #12325C;
        color: #FFFFFF;
    }
    .section-archievement .archievement-background {
        padding: 100px 0;
        background-color: #F7FBFF;
        position: relative;
        overflow: hidden;
    }
    .section-archievement .archievement-background:after {
        content: "";
        width: 559px;
        height: 674px;
        background-image: url(/wp-content/uploads/2024/09/bg-section-right.png);
        position: absolute;
        right: 0;
        top: 50px;
    }
    .section-archievement .archievement-background:before {
        content: "";
        width: 559px;
        height: 674px;
        background-image: url(/wp-content/uploads/2024/09/bg-section-left.png);
        position: absolute;
        left: -78px;
        bottom: 60px;
    }
    .section-archievement .archievement-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 64px;
        position: relative;
        z-index: 1;
    }
    .section-archievement .archievement-card {
        background-color: #FFFFFF;
        border-radius: 16px;
        box-shadow: 0 0 20px rgba(201, 211, 224, .5);
        overflow: hidden;
        transition: transform 0.3s;
        width: 357px;
    }
    .section-archievement .archievement-card a {
        text-decoration: none !important;
    }
    .section-archievement .archievement-card:hover {
        transform: translateY(-10px);
    }
    .section-archievement .archievement-card .thumbnail {
        height: 238px;
    }
    .section-archievement .archievement-content {
        padding: 24px;
        height: 245px;
    }
    .section-archievement .archievement-content .logo-company {
        width: 80px;
        height: 80px;
    }
    .section-archievement .archievement-content .archievement-category {
        display: flex;
        align-content: center;
        align-items: center;
    }
    .section-archievement .archievement-content .category {
        color: #17529F;
        padding: 9px 16px;
        border-radius: 100px;
        font-size: 12px;
        display: inline-block;
        border: 1px solid #17529F;
        letter-spacing: 0.38px;
        font-weight: 700;
        line-height: 15px;
    }
    .section-archievement .archievement-content .type {
        padding-left: 12px;
        font-size: 16px;
        display: inline-block;
        color: #3E3A39;
        letter-spacing: 0.51px;
        line-height: 32px;
    }
    .section-archievement .archievement-content .archievement-title {
        margin: 16px 0 0 0;
        font-size: 18px;
        font-weight: bold;
        color: #3E3A39;
        letter-spacing: 0.58px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 58px;
    }
    .section-archievement .archievement-content .company {
        font-size: 16px;
        color: #3E3A39;
        letter-spacing: 0.51px;
        line-height: 20px;
        width: 202px;
    }
    .section-archievement .archievement-content .item-logo-company {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
        gap: 24px;
    }
    .section-archievement .pagination, .section-news .pagination {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-top: 76px;
        position: relative;
        z-index: 1;
    }
    .section-archievement .pagination a, .section-archievement .pagination span, .section-news .pagination a, .section-news .pagination span {
        padding: 4px 15.78px;
        border-radius: 50%;
        text-decoration: none;
        color: #17529F;
        letter-spacing: 0.45px;
        box-shadow: 0px 0px 10px #C9D3E080;
        font-size: 14px;
        font-weight: 700;
        background-color: #FFFFFF;
    }
    .section-archievement .pagination .dots, .section-news .pagination .dots {
        box-shadow: none;
        background-color: transparent;
        padding: 0;
        font-size: 23px;
    }
    .section-archievement .pagination a:hover, .section-news .pagination a:hover {
        background-color: #17529F;
        color: #FFFFFF;
    }
    .section-archievement .pagination a:active, .section-news .pagination a:active {
        background-color: #12325C;
        color: #FFFFFF;
    }
    .section-archievement .pagination .current, .section-news .pagination .current {
        background-color: #12325C;
        color: #FFFFFF;
    }
    .section-archievement .pagination span, .section-news .pagination span {
        color: #17529F;
    }
    .section-archievement .pagination .prev, .section-archievement .pagination .next, .section-news .pagination .prev, .section-news .pagination .next {
        display: none;
    }

    .section-news .news-container {
        width: 100%;
        max-width: 1200px;
        margin: 40px auto;
        display: flex;
        flex-direction: column;
    }
    .section-news .filters {
        margin-bottom: 0;
    }
    .section-news .filter-btn:active {
        background-color: #12325C !important;
    }
    .section-news .card {
        display: flex;
        align-items: center;
        background-color: #fff;
        padding: 40px 0;
        border-bottom: 1px solid #D1D1D1;
        position: relative;
    }
    .section-news .card:last-child {
        border-bottom: none;
    }
    .section-news .card-thumbnail {
        width: 20%;
        box-shadow: 0px 0px 10px #3E3A3929;
        border-radius: 8px;
        overflow: hidden;
    }
    .section-news .card-content {
        width: 53%;
        padding: 0 40px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .section-news .card-content-head {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
    }
    .section-news .tag {
        color: #17529f;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 0.51px;
        padding: 3px 16px;
        border: 1px solid #17529F;
        border-radius: 100px;
    }
    .section-news .card-content-body{
        margin-top: 24px;
    }
    .section-news .card-content-title{
        margin-bottom: 0;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1rem;
        line-height: 32px;
        letter-spacing: 0.51px;
    }
    .section-news .card-content-title a{
        font-weight: bold;
        color: #3E3A39;
        text-decoration: none;
    }
    .section-news .card-content-title a:hover{
        color: #C1C1C1;
    }
    .section-news .card-content-title a:after {
        content: "\f054";
        font-family: 'Font Awesome 6 Free';
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #17529F;
        font-weight: 900;
        position: absolute;
        right: 0;
        font-size: 12px;
        box-shadow: 0px 0px 10px #C9D3E080;
        top: 50%;
        transform: translatey(-50%);
        background-color: #ffff;
        transition: all .3s linear;
    }
    .section-news .card-content-title a:hover:after {
        width: 64px;
        height: 64px;
        color: #17529F;
    }
    .section-news .card-link{
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 0 10px #C9D3E0;
        fill: var(--e-global-color-primary);
        color: var(--e-global-color-primary);
        background-color: var(--e-global-color-astglobalcolor5);
        transition: all .3s linear;
    }
    .section-news .card-link svg{
        width: 7px;
        height: 12px;
    }
    .section-news .card-link:hover {
        color: var(--e-global-color-astglobalcolor5);
        fill: var(--e-global-color-astglobalcolor5);
        background-color: var(--e-global-color-primary);
    }
    .section-news .pagination{
        margin-top: 40px;
    }
/* --- END - News and Achievement --- */


/* --- START - Post Detail --- */
    .section-custom-detail-post {
        display: block;
        width: 100%;
    }
    .button-primary.button-post-list .elementor-button-icon {
        display: flex;
        align-items: center;
    }
    .button-primary.button-post-list .elementor-button-content-wrapper {
        gap: 32px;
    }
    .button-primary.button-post-list .elementor-button-icon .e-font-icon-svg {
        height: 12px;
        width: 7.5px;
    }
    .custom-detail-post {
        max-width: 800px;
        margin: 0 auto;
        color: #3E3A39;
        padding-top: 60px;
    }
    .custom-detail-post .container {
        padding: 0;
        background-color: white;
        border-radius: 10px;
    }
    .custom-detail-post .post-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #E8E8E8;
    }
    .custom-detail-post .category-badge {
        color: #17529F;
        padding: 12px 16px;
        border: 1px solid #17529F;
        border-radius: 100px;
        text-decoration: none !important;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.51px;
        line-height: 14px;
    }
    .custom-detail-post .post-date {
        font-size: 16px;
        color: #3E3A39;
        letter-spacing: 0;
        padding-left: 14px;
    }
    .custom-detail-post .share-icons {
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    .custom-detail-post .share-icons span {
        font-size: 16px;
        color: #3E3A39;
        letter-spacing: 0;
        font-weight: 700;
        line-height: 22px;
    }
    .custom-detail-post .share-icons a {
        margin-left: 2px;
    }
    .share-icons a.ast-linkedin {
        margin-right: 0;
    }
    .custom-detail-post .post-title {
        font-size: 32px;
        font-weight: 700;
        padding: 32px 0;
        letter-spacing: 1.28px;
        color: #3E3A39;
        line-height: 40px;
    }
    .custom-detail-post .main-image {
        position: relative;
        margin-bottom: 33px;
    }
    .custom-detail-post .main-image img {
        width: 100%;
        border-radius: 64px;
    }
    .custom-detail-post .overlay-icon {
        position: absolute;
        bottom: -1px;
        right: -1px;
        background-color: white;
        padding: 48px;
        border-radius: 24px 0px 64px 0px;
    }
    .custom-detail-post .overlay-icon img {
        width: 104px;
        height: 104px;
    }
    .custom-detail-post .company-info p:first-child {
        letter-spacing: 0px;
        color: #3E3A39;
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 15px;
        font-weight: 700;
    }
    .custom-detail-post .company-info p:last-child {
        letter-spacing: 0px;
        color: #D1D1D1;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 46px;
    }
    .custom-detail-post .content {
        font-size: 16px;
        line-height: 32px;
        color: #3E3A39;
        letter-spacing: 0.51px;
    }
    .custom-detail-post .content h2 {
        font-size: 24px;
        letter-spacing: 0.77px;
        line-height: 33px;
        font-weight: 700;
        padding-left: 12px;
        border-left: 4px solid #17529F;
        margin-top: 48px;
        margin-bottom: 40px;
    }
    .custom-detail-post .content h2:first-child {
        margin-top: 0;
    }
    .custom-detail-post .content h3 {
        color: #17529F;
        font-size: 18px;
        letter-spacing: 0.58px;
        line-height: 24px;
        font-weight: 700;
        margin-top: 30px;
        display: flex;
        margin-bottom: 22px;
    }
    .custom-detail-post .content h3:before {
        content: '';
        width: 40px;
        height: 1px;
        background-color: #17529F;
        display: block;
        margin-right: 12px;
        margin-top: 12px;
    }
    .custom-detail-post .content blockquote {
        border: 1px solid #17529F;
        border-radius: 8px;
        margin: 0;
        padding: 24px;
        font-style: normal;
        font-size: 16px;
        line-height: 32px;
    }
    .custom-detail-post .content blockquote p:first-child {
        margin-top: 0;
    }
    .custom-detail-post .content .corpB {
        padding: 24px 32px;
        background-color: #ECF3FA;
        border-radius: 8px;
        margin-top: 38px;
    }
    .custom-detail-post .content .news-image {
        margin-top: 38px;
        display: flex;
        justify-content: space-between;
    }
    .custom-detail-post .content .news-image img {
        width: 380px;
        height: 253px;
        object-fit: cover;
        border-radius: 32px;
    }
    .custom-detail-post .content p {
        margin-bottom: 0;
        word-wrap: break-word;
        margin-top: 6px;
    }
    .custom-detail-post .content ul {
        margin-left: 37px;
        margin-top: 6px;
    }
    .custom-detail-post .content ul li {
        margin-top: 6px;
    }
    .contact-us-title span {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 1.08px;
        padding-left: 12px;
    }
    .case-study-swiper .archievement-background {
        background-color: #FFFFFF;
        margin-top: 20px;
        padding: 50px 0 0 0;
    }
    .case-study-swiper .archievement-background:before {
        content: none;
    }
    .case-study-swiper .archievement-background:after {
        content: none;
    }
    .case-study-swiper .archievement-container {
        overflow: hidden;
    }
    .case-study-swiper .archievement-card:hover {
        transform: translateY(0);
    }
    .case-study-swiper .archievement-card:hover .thumbnail {
        opacity: 30%;
    }
    #swiper-controls {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Đẩy các nút qua phải */
        width: 100%;
    //margin-top: 10px; /* Khoảng cách so với slider */
        margin-top: 60px;
    }
    .swiper-controls-top #swiper-controls {
        margin-top: 170px;
    }
    #swiper-controls .swiper-scrollbar {
        width: 76%; /* Chiều rộng thanh scrollbar */
        background-color: #F4F4F4;
        bottom: 80px;
        margin-left: 7px;
        height: 6px;
    }
    #swiper-controls .swiper-scrollbar-drag {
        background-color: #17529F;
        border-radius: 6px;
        height: 6px;
    }
    #swiper-controls .swiper-navigation {
        display: flex;
        align-items: center;
        position: absolute;
        width: 100%;
        bottom: 86px;
    }
    #swiper-controls .swiper-button-next,
    #swiper-controls .swiper-button-prev {
        width: 48px;
        height: 48px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 50%;
        box-shadow: 0px 0px 10px #C9D3E080;
        margin-left: 10px;
    }
    #swiper-controls .swiper-button-next::after,
    #swiper-controls .swiper-button-prev::after {
        color: #17529F; /* Màu mũi tên */
        font-size: 16px; /* Kích thước mũi tên */
        font-family: 'FontAwesome';
    }
    #swiper-controls .swiper-button-next::after {
        content: '\f105';
    }
    #swiper-controls .swiper-button-prev::after {
        content: '\f104';
    }
    #swiper-controls .swiper-button-next:hover,
    #swiper-controls .swiper-button-prev:hover {
        background-color: #17529F; /* Hiệu ứng hover */
        color: #FFFFFF;
    }
    #swiper-controls .swiper-button-next:hover:after,
    #swiper-controls .swiper-button-prev:hover:after {
        color: #FFFFFF;
    }
    #swiper-controls .swiper-button-next:active,
    #swiper-controls .swiper-button-prev:active {
        background-color: #12325C; /* Hiệu ứng hover */
        color: #FFFFFF;
    }
    #swiper-controls .swiper-navigation .swiper-button-prev {
        right: 126px;
        position: absolute;
        left: unset;
    }
    #swiper-controls .swiper-navigation .swiper-button-next {
        right: 39px;
        left: unset;
    }
/* --- END - Post Detail --- */


/* --- START - Form Contact --- */
    .container-form {
        max-width: 800px;
        margin: 0 auto;
    }
    #mw_wp_form_mw-wp-form-5622 .container-form , /* form english  */
    #mw_wp_form_mw-wp-form-5642 .container-form { /* form vn  */
        max-width: 850px;
    }

    /*progress*/
    .label-hidden {
        width: 25%;
    }
    .progress-container {
        display: flex;
        align-items: center;
        margin-top: 50px;
        margin-bottom: 136px;
    }
    .step-number-container {
        display: flex;
        align-items: center;
        position: relative;
        width: 53%;
    }
    .step-number {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #646464;
        z-index: 1;
        position: relative;
        background-color: #EAEAEA;
        letter-spacing: 1.08px;
        line-height: 24px;
        font-weight: 700;
    }
    .step-number::after {;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.96px;
        line-height: 22px;
        position: absolute;
        top: 75px;
        word-break: keep-all;
        white-space: pre;
        text-align: center;
    }
    .mw_wp_form_input .step-number:nth-child(1) {
        border: 1px solid;
        border-color: #17529F;
        color: #17529F;
        background-color: #fff;
    }
    .mw_wp_form_confirm .step-number:nth-child(1) {
        background-color: #17529F;
        color: #FFFFFF;
    }
    .mw_wp_form_confirm .step-number:nth-child(3) {
        border: 1px solid;
        border-color: #17529F;
        color: #17529F;
        background-color: #fff;
    }
    .mw_wp_form_thanks .step-number:nth-child(1), .mw_wp_form_thanks .step-number:nth-child(3) {
        background-color: #17529F;
        color: #FFFFFF;
    }
    .mw_wp_form_thanks .step-number:nth-child(3)::after {
        color: #17529F;
    }
    .mw_wp_form_thanks .step-number:nth-child(5) {
        border: 1px solid;
        border-color: #17529F;
        color: #17529F;
        background-color: #fff;
    }
    .step-number:nth-child(1)::after {
        content: 'お問合せ内容入力';
        color: #17529F;
    }
    .elementor-5550 .step-number:nth-child(1)::after,
    #mw_wp_form_mw-wp-form-5622 .step-number:nth-child(1)::after {
        content: 'Enter';
    }
    .elementor-5714 .step-number:nth-child(1)::after,
    #mw_wp_form_mw-wp-form-5642 .step-number:nth-child(1)::after {
        content: 'Nhập thông tin';
    }
    .step-number:nth-child(3)::after {
        content: 'お問合せ内容確認';
    }
    .elementor-5550 .step-number:nth-child(3)::after,
    #mw_wp_form_mw-wp-form-5622 .step-number:nth-child(3)::after {
        content: 'Confirm';
    }
    .elementor-5714 .step-number:nth-child(3)::after,
    #mw_wp_form_mw-wp-form-5642 .step-number:nth-child(3)::after {
        content: 'Kiểm tra \A thông tin đã nhập';
    }
    .step-number:nth-child(5)::after {
        content: '送信完了';
    }
    .elementor-5550 .step-number:nth-child(5)::after,
    #mw_wp_form_mw-wp-form-5622 .step-number:nth-child(5)::after {
        content: 'Complete';
    }
    .elementor-5714 .step-number:nth-child(5)::after,
    #mw_wp_form_mw-wp-form-5642 .step-number:nth-child(5)::after {
        content: 'Hoàn thành';
    }
    .progress-line {
        flex-grow: 1;
        height: 1px;
        background-color: #ddd;
        position: relative;
        z-index: 0;
    }
    .mw_wp_form_confirm .progress-line:nth-child(2) {
        background-color: #17529F;
    }
    .mw_wp_form_thanks .progress-line {
        background-color: #17529F;
    }

    /*form input*/
    .form-group {
        display: flex;
        align-items: center;
        margin: 48px 0;
    }
    .label-input {
        width: auto;
        font-weight: 700;
        letter-spacing: 0.08px;
        line-height: 22px;
        color: #3E3A39;
        margin-right: auto;
        display: flex;
        align-items: center;
    }
    .form-group label {
        font-size: 16px;
        min-width: 80px;
    }
    .input-value {
        width: 600px;
        position: relative;
    }
    .form-group input{
        width: 100%;
    }
    .mw_wp_form_input .error {
        letter-spacing: 0.07px;
        color: #F86060;
        font-size: 14px;
        font-weight: 600;
    }
    .mw_wp_form_input input::placeholder, .mw_wp_form_input textarea::placeholder {
        font-weight: 400 !important;
        color: #C1C1C1;
    }
    .form-group .required {
        color: #F86060;
        margin-left: 5px;
    }
    .input-value .char-counter {
        position: absolute;
    }
    .form-group .input-value:has(.error) input, .form-group .input-value:has(.error) select, .form-group .input-value:has(.error) textarea {
        border: 1px solid #F86060;
    }
    .form-group input[type="text"], .form-group input[type="email"], .form-group select, .form-group textarea {
        padding: 26px 24px;
        font-size: 16px;
        border: 1px solid #C1C1C1;
        border-radius: 8px;
        color: #646464
    }
    .form-group textarea {
        height: 142px;
        resize: none;
        padding: 16px 24px;
    }
    .form-group select {
        appearance: none;
        padding: 0 24px;
        min-height: 54px;
    }
    .form-group :has(select[name="question6"]):before {
        content: '';
        background-image: url('/wp-content/uploads/2024/09/Path-chevron-down.png');
        width: 12px;
        height: 7.5px;
        display: block;
        position: absolute;
        right: 30px;
        top: 24px;
        pointer-events: none;
    }
    .form-group:has(textarea) {
        align-items: flex-start;
    }
    .form-group:has(textarea) label.label-input {
        margin-top: 20px;
    }
    .char-counter {
        text-align: right;
        font-size: 12px;
        color: #3E3A39;
        position: absolute;
        right: 0;
        bottom: -7px;
        line-height: 0;
        letter-spacing: 0.06px;
    }
    .textarea-value .error {
        position: absolute;
        left: 0;
        bottom: -7px;
        line-height: 0;
    }
    .p-contact__btnWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 75px;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .p-contact__btnWrap input {
        min-width: 237px;
        padding: 16px 0;
        font-size: 18px !important;
        line-height: 24px !important;
        letter-spacing: 0.09px !important;
        box-shadow: 0px 0px 10px #C9D3E080 !important;
        text-shadow: none !important;
    }
    .p-contact__btnWrap input:active {
        background-color: #12325C !important;
        box-shadow: 0px 0px 10px #C9D3E080 !important;
        color: #FFFFFF !important;
    }
    .p-contact__btnWrap input:active i {
        color: #FFFFFF !important;
    }
    .p-contact__btnWrap .button-submit {
        position: relative;
    }
    .p-contact__btnWrap .button-submit i {
        position: absolute;
        font-size: 12px;
        color: #ffff;
        right: 25px;
        top: 50%;
        transform: translatey(-50%);
    }
    .p-contact__btnWrap .button-submit:hover i {
        color: #17529F;
    }
    .p-contact__btnWrap .button-back {
        display: none;
    }
    .mw_wp_form_confirm .input-value {
        width: 75%;
        position: relative;
        font-size: 16px;
        letter-spacing: 0.51px;
        line-height: 22px;
        font-weight: 500;
        background: #EAEAEA;
        padding: 16px 24px;
        border-radius: 8px;
        color: #646464;
        min-height: 54px;
        border: 1px solid #C1C1C1;
    }
    .mw_wp_form_confirm .input-value.textarea-value {
        min-height: 142px;
    }
    .mw_wp_form_confirm .form-group:has(.textarea-value) {
        align-items: flex-start;
    }
    .mw_wp_form_confirm .form-group:has(.textarea-value) label.label-input {
        margin-top: 20px;
    }
    .mw_wp_form_input .invalid {
        color: #F86060;
    }
    .mw_wp_form_confirm .form-group .required {
        display: none;
    }
    .mw_wp_form_confirm .p-contact__btnWrap .button-back {
        display: block;
        position: relative;
    }
    .mw_wp_form_confirm .p-contact__btnWrap .button-back .p-contact__submit {
        background-color: #FFFFFF;
        box-shadow: 0px 0px 10px #C9D3E080;
        color: #17529F;
    }
    .mw_wp_form_confirm .p-contact__btnWrap .button-back .p-contact__submit:hover {
        background-color: #17529F;
        color: #FFFFFF;
    }
    .mw_wp_form_confirm .p-contact__btnWrap {
        flex-direction: row-reverse;
        gap: 40px;
    }
    .mw_wp_form_confirm .p-contact__btnWrap .button-back i {
        position: absolute;
        font-size: 12px;
        color: #17529F;
        left: 25px;
        top: 50%;
        transform: translatey(-50%) rotate(180deg);
    }
    .mw_wp_form_confirm .p-contact__btnWrap .button-back:hover i {
        color: #FFFFFF;
    }
    .mw_wp_form_confirm .char-counter {
        bottom: -17px;
    }
    .elementor-4459 .elementor-element.button-back-to-top .elementor-button .elementor-button-content-wrapper {
        gap: 54px;
    }
/* --- END - Form Contact --- */


/* --- START - Custom for page --- */
    /* TOP Page*/
        #top_sns .elementor-button{
            width: 80px;
            height: 80px;
            align-items: center;
            justify-content: center;
            display: flex;
        }
        #top_sns .elementor-button-icon svg{
            width: 38px;
            height: 38px;
        }
        #top_sns .sns-icon-fb svg{
            width: 50px;
            height: 50px;
        }
        #top_sns .sns-icon-yb svg{
            width: 52px;
            height: 50px;
        }
        #top_about .text-animation{
            white-space: nowrap;
            -webkit-animation: marquee 40s linear infinite;
            animation: marquee 40s linear infinite;
        }
        #top_contact .elementor-button-icon .e-font-icon-svg {
            height: 16px;
        }
        #top_banner .top-banner-slider .item-slide {
            display: flex;
            gap: 48px;
        }
        #top_banner .top-banner-slider .swiper-wrapper {
            -webkit-transition-timing-function: linear !important;
            -moz-transition-timing-function: linear !important;
            -ms-transition-timing-function: linear !important;
            -o-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
        }
        #top_banner .top-banner-slider .swiper-container {
            width: 200px;
            height: 861px;
        }
        #top_banner .top-banner-slider .swiper-slide img {
            width: 200px;
            height: 330px;
            object-fit: cover;
            border-radius: 16px;
        }
        @keyframes marquee {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
        100% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    /* Company */
        #company_sns .elementor-button{
            width: 64px;
            height: 64px;
            align-items: center;
            justify-content: center;
            display: flex;
        }
        #company_sns .elementor-button-icon svg{
            width: 32px;
            height: 32px;
        }
        #company_sns .sns-icon-yb svg{
            width: 40px;
            height: 35px;
        }
        #company_profile ol{
            margin: 0;
        }

    /* Service */
        #service_content .text-bg{
            white-space: nowrap;
        }

    /* Ar-Work */
        .ar-service-img .elementor-widget-image {
            text-align: right
        }
        .entry-content .ar-service-text p {
            margin-bottom: 10px;
        }
        .entry-content .ar-service-text p:last-child {
            margin-bottom: 0;
        }
        .ar-service-title h3.elementor-heading-title {
            margin-bottom: 10px;
        }
        .ar-type-title span {
            font-size: 18px;
            line-height: 24px;
            letter-spacing: 1.08px;
            padding-left: 12px;
        }
        .image-ar img {
            margin-left: 67px;
        }
        .photo-ar img {
            margin-left: 12px;
        }
        .triangle-white {
            width: 0 !important;
            height: 0 !important;
            border-left: 69px solid transparent;
            border-right: 69px solid transparent;
            border-top: 38px solid #ffff;
            transform: translatex(-50%);
            left: 50% !important;
            border-bottom: 0;
        }
        .flow-ar-wrapper::after {
            content:'';
            position:absolute;
            width: 100%;
            height: 1px;
            left: 0;
            top: 40px;
            background-color: #17529F;
            z-index: 0;
        }
        .flow-ar-wrapper:first-child::after {
            width: 50%;
            left:unset;
            right: 0;
        }
        .flow-ar-wrapper:last-child::after {
            width: 50%;
        }
        .flow-ar-wrapper span {
            font-size: 28px;
            letter-spacing: 0.9px;
            line-height: 38px;
        }
        .faq-toggle p {
            margin-bottom: 0;
        }
        .faq-toggle .elementor-toggle-item {
            border-bottom: 1px solid #d5d8dc;
        }
        .faq-toggle .elementor-toggle-item:last-child {
            border-bottom: none;
        }
        .faq-toggle .elementor-toggle .elementor-tab-content {
            border: none;
        }
        .faq-toggle .elementor-toggle .elementor-tab-title {
            border: none;
        }
        .faq-toggle span {
            color: #17529F;
            font-size: 24px;
            letter-spacing: 1.44px;
            font-weight: 700;
        }
        .elementor-element.faq-toggle .elementor-tab-title {
            position: relative;
            transition: all 0.5s;
        }
        .elementor-element.faq-toggle .elementor-toggle-item:last-child .elementor-tab-title {
            border-bottom: none;
        }
        .elementor-element.faq-toggle .elementor-toggle-item:last-child .elementor-tab-content {
            border-bottom: none;
        }
        .elementor-element.faq-toggle .elementor-tab-content {
            text-indent: -25px;
            padding-left: 25px !important;
        }
        .elementor-element.faq-toggle .elementor-tab-title.elementor-active {
            padding-bottom: 8px !important;
        }
        .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right {
            opacity: 0;
        }
        .elementor-element.faq-toggle .elementor-tab-title::after {
            content: ' ';
            color: #17529F;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            box-shadow: 0px 0px 10px #C9D3E080;
            position: absolute;
            font-size: 28px;
            text-align: center;
            line-height: 48px;
            font-weight: normal;
            right: 0;
            top: 35px;
            font-family: 'Noto Sans',sans-serif;
            background-image: url(/wp-content/uploads/2024/09/Path-plus.svg);
            background-repeat: no-repeat;
            background-position: center;
        }
        .elementor-element.faq-toggle .elementor-tab-title.elementor-active::after {
            content: ' ';
            font-size: 19px;
            background-image: url(/wp-content/uploads/2024/09/Path-minus.svg);
            background-repeat: no-repeat;
            background-position: center;
        }
        .elementor-element.faq-toggle .elementor-tab-title:hover::after {
            background-color: #17529F;
            background-image: url(/wp-content/uploads/2024/09/Path-plus-2.svg);
        }
        .elementor-element.faq-toggle .elementor-tab-title.elementor-active:hover::after {
    background-color: #17529F;
    background-image: url(/wp-content/uploads/2024/09/Path-minus-1.svg);
}
        .elementor-81 .ar-price p span {
            font-size: 18px;
            line-height: 32px;
            letter-spacing: 0.58px;
        }
        .elementor-81 .ar-price-blue-text {
            position: relative;
        }
        .elementor-81 .ar-price-blue-text::after {
            content:'';
            position: absolute;
            width: calc(100% - 48px);
            height: 1px;
            left: 24px;
            top: 50%;
            background-color: #17529F;
            z-index: 0;
        }
        .check-mark-icon .elementor-icon-wrapper {
            display: flex;
        }

    /* Development */
        .development-team::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 77px;
            height: 1px;
            background-color: #707070;
            left: -77px;
        }
        .div-tree:after {
            content: '';
            position: absolute;
            top: 50%;
            width: 36px;
            height: 1px;
            background-color: #707070;
            left: -36px;
        }
        .use-case-button .elementor-button {
            padding: 1px 0;
            width: 150px
        }
        .button-en .elementor-button {
            width: -webkit-fill-available;
        }
        .button-en .elementor-button-wrapper {
            display: flex;
        }
        .button-en .elementor-button .elementor-button-content-wrapper {
            gap: 0px;
        }
        .button-en .elementor-button .elementor-button-icon {
            display: flex;
        }
        .button-en .elementor-button .elementor-button-icon svg {
            width: auto;
        }
        .button-en .elementor-button .elementor-button-text {
            width: -webkit-fill-available;
        }
        .button-align-center .elementor-button .elementor-button-text {
            width: -webkit-fill-available;
        }
        .use-case-button .elementor-button .elementor-button-icon {
            display: flex;
        }
        .use-case-button .elementor-button .elementor-button-icon svg {
            width: auto;
        }
        .use-case-button .elementor-button .elementor-button-content-wrapper {
            justify-content: left;
            margin-left: 22px;
        }
        .use-case-button.button-laptop .elementor-button .elementor-button-content-wrapper {
            margin-left: 20px;
        }
        .use-case-button.button-calendar .elementor-button .elementor-button-content-wrapper {
            margin-left: 23px;
        }
        .use-case-number {
            align-items: baseline !important;
        }
/* --- END - Custom for page --- */


/* --- Responsive ---*/
@media (max-width: 1552px) {
    header #ast-desktop-header .ast-builder-grid-row{
        grid-template-columns: 230px auto;
    }
    #masthead .ast-container{
        padding-left: 0;
        padding-right: 0;
    }
    header #ast-desktop-header .ast-header-button-1 .ast-custom-button{
        padding-left: 20px !important;
        padding-right: 28px !important;
        font-size: 14px;
    }
    header #ast-desktop-header .ast-header-button-1 .ast-custom-button:after{
        top: 15px;
        right: 14px;
    }
    header #ast-desktop-header .ast-builder-menu-1 .menu-item > .menu-link{
        padding-left: 12px;
        padding-right: 12px;
    }
    header #ast-desktop-header li#menu-item-73 > a{
        padding-right: 30px;
    }
    header #ast-desktop-header li#menu-item-73 > a:after{
        right: 14px !important;
    }
    header #ast-desktop-header li#menu-item-77 > a{
        padding-left: 64px;
        padding-right: 30px;
    }
    header #ast-desktop-header li#menu-item-77 > a:after{
        right: 12px !important;
    }

    .footer-widget-area[data-section="section-fb-html-1"] .ul-menu-footer-1 li a {
        padding-right: 10px;
    }
}

@media screen and (min-width: 1042px) and (max-width: 1552px){
    footer .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right{
        display: inline-block;
        padding-left: 20px !important;
        padding-right: 28px !important;
        font-size: 14px;
        line-height: 1em;
        margin-left: 40px;
    }
    footer .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right:after{
        top: 15px;
        right: 14px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ul-menu-footer-2 li a{
        padding-right: 0px !important;
    }
}

@media (max-width: 1218px) {
    header #ast-desktop-header .ast-builder-grid-row{
        grid-template-columns: 200px auto;
    }
    header #ast-desktop-header .ast-builder-menu-1 .menu-item > .menu-link{
        padding-left: 8px;
        padding-right: 8px;
    }
    .ast-builder-menu-1 .menu-item > .menu-link {
        padding-right: 0;
    }
    .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
        padding: 0;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-archievement .filter-by-service, .section-news .filter-by-service {
        padding-left: 24px;
        padding-right: 24px;
    }
    .section-archievement .filters, .section-news .filters {
        padding-left: 24px;
        padding-right: 24px;
    }
    .section-archievement .archievement-grid {
        padding-left: 24px;
        padding-right: 24px;
    }

    .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ul-menu-footer-1 li a {
        padding-right: 0;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ul-menu-footer-2 li a {
        padding-right: 10px;
    }
}

@media (max-width: 1200px) {
    #ast-hf-menu-1 .pll-parent-menu-item > a:before {
        left: 10px;
    }
}

@media screen and (min-width: 1600px) {
    #top_service .v-top{
        --e-con-transform-rotateZ: 16deg;
    }
    #top_service .v-bot{
        --e-con-transform-rotateZ: -16deg;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px){
    #top_banner .top-banner-title{
        padding-left: 40px;
    }
}

@media screen and (min-width: 1024px) {
    #top_about .text-animation{
        -webkit-animation-duration: 80s;
        animation-duration: 80s;
    }
}

@media (max-width: 1140px) {
    header #ast-desktop-header .ast-builder-grid-row{
        grid-template-columns: 170px auto;
    }
    header #ast-desktop-header .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button{
        width: unset;
        height: unset;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    header #ast-desktop-header .main-navigation ul{
        font-size: 14px;
    }
    .elementor-1180 .elementor-element.elementor-element-2548e14f {
        --margin-top: 0px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 24px;
        --padding-bottom: 0px;
        --padding-left: 24px;
        --padding-right: 24px;
    }
}

@media (max-width: 1042px) {
    header .ast-mobile-header-wrap .ast-mobile-header-content {
        /*! min-height: 0vh; */
		display: block;
    }
	
	.ast-mobile-header-content > .ast-builder-menu {
		display: block;	
	}
	
    #ast-hf-mobile-menu li a {
        font-size: 16px;
        font-weight: 700;
        background: none;
    }
	

	
    #ast-hf-mobile-menu li.menu-item-73 .sub-menu {
        display: block !important;
    }
    #language-toggle:before {
        content: "";
        width: 16px;
        height: 16px;
        background-image: url(/wp-content/uploads/2024/09/language_normal.png);
        position: absolute;
        left: -21px;
    }

    .section-archievement .filters, .section-news .filters {
        flex-wrap: wrap;
        gap: 12px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .section-archievement .archievement-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        padding-left: 0;
        padding-right: 0;
    }
    .section-archievement .filter-by-service, .section-news .filter-by-service {
        padding-bottom: 16px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .section-archievement .filter-by-service svg, .section-news .filter-by-service svg {
        width: 16px;
        height: 16px;
    }
    .section-archievement .filter-by-service span, .section-news .filter-by-service span {
        letter-spacing: 0.51px;
        font-size: 16px;
    }
    .section-archievement .filter-btn, .section-news .filter-btn {
        font-size: 14px;
        letter-spacing: 0.45px;
    }
    .section-archievement .archievement-content {
        height: 238px;
    }
    .section-archievement .archievement-content .category {
        padding: 5px 16px;
    }
    .section-archievement .archievement-content .archievement-title {
        margin: 6px 0 0 0;
    }
    .section-archievement .archievement-content .company {
        width: 166px;
    }
    .section-archievement .archievement-content .item-logo-company {
        gap: 16px;
    }
    .section-archievement .archievement-background {
        padding: 56px 40px;
        background-color: #F7FBFF;
    }
    .section-archievement .archievement-card {
        width: 310px;
    }
    .section-archievement .archievement-background:after {
        width: 307px;
        height: 345px;
        background-image: url(/wp-content/uploads/2024/09/bg-section-right-sp.png);
        right: 0;
        top: 25px;
    }
    .section-archievement .archievement-background:before {
        width: 307px;
        height: 345px;
        background-image: url(/wp-content/uploads/2024/09/bg-section-left-sp.png);
        left: 0;
        bottom: 79px;
    }
    .section-archievement .pagination {
        margin-top: 56px;
    }

    #ast-desktop-header {
        display: none;
    }
    #ast-mobile-header {
        display: block;
    }

    .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
        width: 200px;
    }
	
    .ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
        background: none;
    }
	
    .ast-button-wrap .menu-toggle.main-header-menu-toggle {
        padding: .5em 0;
    }
    .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 0;
        height: 100%;
        outline: none;
        box-shadow: none;
        background: transparent;
    }
    .ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle>.ast-icon.icon-arrow {
        display: none;
    }
    .ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type {
        display: none;
    }
    .ast-header-break-point .ast-header-button-1[data-section="section-hb-button-1"] {
        justify-content: center;
        margin-top: 40px;
    }
    .ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content {
        position: absolute;
        width: 100%;
        padding-bottom: 10px;
    }
    .ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after {
        content: "";
    }
    .ast-header-button-1 .ast-custom-button {
        letter-spacing: 0.05px;
        font-size: 16px;
    }
    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-77 {
        display: none;
    }
    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-76 {
        border-bottom: none;
    }
    .site-footer-above-section-2.site-footer-section.site-footer-section-2 {
        order: 1;
    }
    .site-footer-above-section-1.site-footer-section.site-footer-section-1 {
        order: 2;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element {
        flex-direction: column;
    }
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row {
        grid-template-columns: 1fr;
        padding-left: 24px;
        padding-right: 24px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li a {
        letter-spacing: 0.51px;
        width: 100%;
        display: inline-block;
        position: relative;
        font-weight: 700;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li a:after {
        content: "";
        width: 7px;
        height: 12px;
        background-image: url(/wp-content/uploads/2024/09/chevron-right-hover.svg);
        position: absolute;
        right: 2px;
        transition: all .3s;
        top: 5px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul {
        margin-right: 0;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li:nth-child(2) {
        padding: 12px 0;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element ul li {
        padding: 12px 0;
        border-bottom: 0.5px solid #C1C1C1;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element .ul-sup-menu-footer-1 li {
        border-bottom: none;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element .ul-menu-footer-2 li:last-of-type {
        border-bottom: none;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element .item-button-footer-right {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element p {
        margin-bottom: 24px;
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element .item-footer-html-2-pc {
        display: none;
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element .item-footer-html-2-sp {
        display: block;
        font-size: 12px;
        letter-spacing: 0.38px;
        line-height: 20px;
        padding-right: 41px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] ul li .ul-sup-menu-footer-1 a {
        font-weight: 700;
    }
    .ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"] {
        border-top: 1px solid #EAEAEA;
        padding-bottom: 0;
        padding-top: 49px;
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element .item-footer-html-2-sp .item-tel-footer {
        padding-top: 14px;
    }
    .site-footer-primary-section-2.site-footer-section.site-footer-section-2 p {
        font-size: 12px;
        letter-spacing: 0.38px;
        margin-bottom: 0;
        text-align: center;
        margin-top: 16px;
    }
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
        margin-bottom: 0;
    }
    .language-dropdown {
        position: relative;
        display: inline-block;
        height: 16px;
    }
    .language-btn {
        background-color: transparent!important;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: 0;
        border-radius: unset;
        box-shadow: none;
    }
    .flag-icon {
        width: 24px;
        height: 16px;
    }
    .language-list {
        display: none;
        position: absolute;
        right: -42px;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 0;
        margin: 0;
        list-style: none;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 136px;
        top: 24px;
        border-radius: 4px;
    }
    .language-list li {
        padding: 0.6em 0.5em;
        line-height: 22px;
    }
    .language-list li a {
        text-decoration: none;
        color: #3E3A39;
        font-weight: 700;
        width: 100%;
        height: 100%;
        display: inline-block;
        padding-left: 30px;
        position: relative;
    }
    .language-list li a[data-lang="jp"]:before {
        content: "";
        width: 24px;
        height: 16px;
        background-image: url(/wp-content/uploads/2024/09/language-ja.svg);
        position: absolute;
        left: 0px;
        top: 4px;
        border: none;
    }
    .language-list li a[data-lang="en"]:before {
        content: "";
        width: 24px;
        height: 16px;
        background-image: url(/wp-content/uploads/2024/09/language-us.svg);
        position: absolute;
        left: 0px;
        top: 4px;
        border: none;
    }
    .language-list li a[data-lang="vi"]:before {
        content: "";
        width: 24px;
        height: 16px;
        background-image: url(/wp-content/uploads/2024/09/language-vi.svg);
        position: absolute;
        left: 0px;
        top: 4px;
        border: none;
    }
    .language-list li:hover {
        background-color: #17529F;
    }
    .language-list li:hover:first-of-type {
        border-radius: 4px 4px 0 0;
    }
    .language-list li:hover:last-of-type {
        border-radius: 0 0 4px 4px;
    }
    .language-list li:hover a {
        color: #FFFFFF;
    }
    .language-list li:active {
        background-color: #12325C;
    }
    .language-list li:active a {
        color: #FFFFFF;
    }
    .language-list.show {
        display: block;
    }
    .ast-footer-social-1-wrap .ast-builder-social-element svg {
        width: 21px;
        height: 21px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right {
        padding: 11px 56px 11px 48px;
    }
    .footer-widget-area[data-section="section-fb-html-1"] .button-footer-right:after {
        top: 16px;
    }
    .hidden-li-news {
        padding-top: 12px!important;
    }
	
}


@media (min-width: 922px) and (max-width: 1042px) {
	.site-content .entry-content {
		margin-top: 140px;
	}
	
	/* menu-toggle */
	
	.site-navigation .main-navigation {
		/*! margin-top: 40px; */
	}
	
	.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
		display: none;
		
	}
	
	.ast-builder-menu-mobile .main-navigation .main-header-menu {
		flex-flow: row;
		width: 90%;
        margin: 10px auto;
	}
	
	.content-align-flex-start .ast-builder-layout-element {
		justify-content: center;
	}
	
	#ast-hf-mobile-menu > li {
	  /*! border-bottom: 0.5px solid #C1C1C1; */
	  padding-bottom: 10px;
	  padding-top: 10px;
	}
	
	#ast-hf-mobile-menu > li a::after {
		/*! content: ""; */
		/*! width: 7px; */
		/*! height: 12px; */
		background-image: url(/wp-content/uploads/2024/09/chevron-right-hover.svg);
		position: absolute;
		right: 0px;
		transition: all .3s;
		top: 20px;
	}
	
	.ast-mobile-header-content .ast-header-button-1 {
		/*! margin-top: 75px; */
		margin: 5px auto;
		width: fit-content;
	}
	
	#ast-hf-mobile-menu .sub-menu {
		border-style: none;
	}
	
	.ast-header-button-1 .ast-custom-button::after {
		content: "";
		width: 7px;
		height: 12px;
		background-image: url(/wp-content/uploads/2024/09/Path-chevron-right-1.svg);
		position: absolute;
		right: 22px;
		top: 16px;
	}
}

@media (max-width: 921px) {
	header .ast-mobile-header-wrap .ast-mobile-header-content {
		display: none;	
	}
	
    .section-news .filter-by-service, .section-news .filters {
        padding-left: 0;
        padding-right: 0;
    }

    .custom-detail-post .category-badge {
        width: fit-content;
        padding: 6px 16px;
        font-size: 12px;
        letter-spacing: 0.38px;
    }
    .custom-detail-post .post-date {
        padding-left: 0;
    }
    .custom-detail-post .post-header {
        align-items: flex-end;
        padding-bottom: 6px;
    }
    .custom-detail-post .category-badge {
        display: block;
    }
    .custom-detail-post .post-date {
        padding-left: 0;
        display: inline-block;
    }
    .custom-detail-post .share-icons {
        margin-bottom: 10px;
    }
    .custom-detail-post .share-icons span {
        font-size: 12px;
        line-height: 17px;
    }
    .custom-detail-post .post-title {
        font-size: 20px;
        letter-spacing: 0.64px;
        line-height: 28px;
    }
    .custom-detail-post .main-image img {
        border-radius: 16px;
    }
    .custom-detail-post .overlay-icon {
        padding: 10px;
        border-radius: 16px 0px 16px 0px;
    }
    .custom-detail-post .overlay-icon img {
        width: 80px;
        height: 80px;
    }
    .custom-detail-post .main-image {
        margin-bottom: 24px;
    }
    .custom-detail-post .company-info p:first-child {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 8px;
    }
    .custom-detail-post .company-info p:last-child {
        line-height: 17px;
        margin-bottom: 32px;
        font-size: 12px;
    }
    .custom-detail-post .container {
        padding: 24px;
    }
    .contact-us-title span {
        font-size: 12px;
        letter-spacing: 0.72px;
        padding-left: 0;
        display: block;
    }
    .section-other-case .contact-us-title span {
        padding-left: 12px;
        display: inline;
    }
    .case-study-swiper .archievement-background {
    //padding: 40px 0 160px 0;
        padding: 40px 0 24px 0;
    }
    #swiper-controls {
        display: none;
        margin-top: 170px;
    }
    .swiper-controls-top #swiper-controls {
        margin-top: 146px;
        display: block;
    }
    .case-study-swiper .archievement-container {
        padding: 24px 38px 24px 42px;
    }
	
	.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
		display: flex;
		margin: 9px 0 0 0;
	}
}

@media (min-width: 768px) {
    #mw_wp_form_mw-wp-form-5622 .p-contact__btnWrap input {
        min-width: 274px;
    }
}

@media (max-width: 767px) {
    .u-sp {
        display: block;
    }
    .u-pc {
        display: none;
    }

    .elementor-1180 .elementor-element.elementor-element-2548e14f {
        --margin-top: 0px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 24px;
        --padding-bottom: 0px;
        --padding-left: 24px;
        --padding-right: 24px;
    }

    #top_banner .top-banner-slider .item-slide {
        gap: 18px;
    }
    #top_banner .top-banner-slider .swiper-container {
        width: 78px;
        height: 637px;
    }
    #top_banner .top-banner-slider .swiper-slide img {
        width: 78px;
        height: 129px;
        border-radius: 8px;
    }
    #top_sns .elementor-button{
        width: 64px;
        height: 64px;
    }
    #top_service{
        overflow: hidden;
    }
    #top_sns .elementor-button-icon svg{
        width: 30px;
        height: 30px;
    }
    #top_sns .sns-icon-fb svg{
        width: 35px;
        height: 35px;
    }
    #top_sns .sns-icon-yb svg{
        width: 37px;
        height: 35px;
    }

    #company_sns .elementor-button{
        width: 48px;
        height: 48px;
    }
    #company_sns .elementor-button-icon svg{
        width: 26px;
        height: 26px;
    }
    #company_sns .sns-icon-yb svg{
        width: 30px;
        height: 26px;
    }

    .ar-type-title span {
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.72px;
    }
    .ar-type-title span.sp-break {
        padding-left: 0;
        display: block;
    }

    .flow-ar-wrapper::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        left: 20px;
        top: 40px;
        background-color: #17529F;
        z-index: 0;
    }
    .flow-ar-wrapper:first-child::after {
        width: 1px;
        left: 20px;
        right: 0;
    }
    .flow-ar-wrapper:last-child::after {
        width: 1px;
        height: 0;
    }
    .elementor-element.faq-toggle .elementor-tab-title::after {
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 32px;
        top: 20px;
        transform: unset;
        background-size: 10px 10px;
    }
    .elementor-element.faq-toggle .elementor-tab-title.elementor-active::after {
        background-size: 11px 2px
    }
    .faq-toggle span {
        font-size: 20px;
        letter-spacing: 1.2px;
    }
    .button-primary.btn-large .elementor-button {
        padding: 18px 29px 18px 64px !important;
    }
    .faq-toggle .elementor-toggle-title {
        display: flex;
        gap: 8px;
    }
    .faq-toggle .elementor-toggle-title span {
        display: block;
    }
    .elementor-element.faq-toggle .elementor-tab-content {
        text-indent: -21.41px;
    }
    .development-team::after {
        top: -40px;
        width: 1px;
        height: 40px;
        left: 50%;
    }
    .button-secondary.btn-large .elementor-button {
        padding: 18px 36px 18px 58px;
    }
    .image-ar img {
        margin-left: unset;
    }
    .photo-ar img {
        margin-left: unset;
    }
    .elementor-1862 .elementor-element.elementor-element-ee10be1 .elementor-heading-title {
        font-weight: 600 !important;
    }

    .title-banner-top {
        width: 100%;
    }
    .title-banner-top .elementor-widget-container {
        display: flex;
        justify-content: flex-end;
    }
    .title-banner-top .elementor-widget-container h2 {
        width: 254px;
        margin-right: 22px;
    }
    .description-banner-top {
        display: flex;
        width: 100%;
        justify-content: flex-end !important;
    }

    .section-latest-news .news-container {
        margin: 0 auto;
    }
    .section-news .card{
        padding: 32px 0;
    }
    .section-news .card:first-child {
        padding-top: 24px;
    }
    .section-news .card-content{
        padding: 0;
    }
    .section-news .card-content-body{
        display: flex;
        align-items: center;
        margin-top: 16px;
    }
    .section-news .card-content-head {
        gap: 12px;
    }
    .section-news  .tag {
        color: #17529f;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 0.38px;
        padding: 0 12px;
    }
    .section-news  .date {
        font-size: 14px;
    }
    .section-news .card-content-title{
        padding-left: 16px;
        max-width: 67%;
        white-space: unset;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        line-height: 24px;
        letter-spacing: 0.51px;
        line-height: 24px;
        max-height: 4.5em;
    }
    .section-news .card-content-title a:after {
        display: none;
    }
    .section-news .card-thumbnail{
        width: 33%;
        border-radius: 4px;
    }
    .section-news .pagination{
        margin-top: 16px;
    }

    .img-left-contact-us {
        right: unset;
        left: 12px;
        width: 57px;
        height: 58px;
        top: 38px;
    }
    .button-primary.button-post-list .elementor-button-content-wrapper {
        gap: 56px;
    }
    .img-top-right-contact-us {
        left: unset!important;
        top: -374px;
        right: 21px;
        width: 30px;
        height: 72px;
    }
    .img-bottom-right-contact-us {
        position: absolute!important;
        right: 38px;
        width: 29px;
        height: 83px;
        top: -153px;
    }
    .custom-detail-post .content h2 {
        font-size: 18px;
        letter-spacing: 0.58px;
        line-height: 24px;
        padding: 3px 0px 3px 16px;
    }
    .custom-detail-post .content h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .custom-detail-post .content h3:before {
        width: 42px;
    }
    .custom-detail-post .content .corpB {
        padding: 15px 24px;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0.45px;
    }
    .custom-detail-post .content .news-image img {
        width: 163px;
        height: 109px;
        border-radius: 8px;
    }
    #swiper-controls .swiper-scrollbar {
        width: 85%;
        margin-left: 24px;
    }
    .case-study-swiper .archievement-background {
        padding: 20px 0 24px 0;
    }
    #swiper-controls {
        display: none;
        margin-top: 146px;
    }
    .swiper-controls-top #swiper-controls {
        display: block;
        margin-top: 122px;
    }
    #swiper-controls .swiper-scrollbar {
        bottom: 120px;
    }
    #swiper-controls .swiper-navigation {
        width: 96%;
        bottom: 65px;
    }
    #swiper-controls .swiper-navigation .swiper-button-prev {
        right: 115px;
    }

    label.label-input {
        width: 100%;
    }
    .input-value {
        width: 100%;
    }
    .form-group {
        flex-wrap: wrap;
        align-items: flex-start;
        margin: 24px 0;
    }
    .form-group:has(.error) {
        margin-bottom: 46px
    }
    .form-group label {
        margin-bottom: 5px;
    }
    .form-group input[type="text"], .form-group select, .form-group textarea {
        width: 100%;
    }
    .label-hidden {
        width: 0%;
    }
    .step-number-container {
        width: 100%;
    }
    .step-number {
        width: 40px;
        height: 40px;
    }
    .container-form {
        max-width: 100%;
        margin: 0 32px;
    }
    .step-number::after {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.84px;
        top: 60px;
    }
    .elementor-5714 .step-number:nth-child(1)::after,
    #mw_wp_form_mw-wp-form-5642 .step-number:nth-child(1)::after {
        content: 'Nhập\Athông tin';
        white-space: pre;
    }
    .step-number:nth-child(1)::after {
        content: 'お問合せ\A内容入力';
        white-space: pre;
    }
    .step-number:nth-child(3)::after {
        content: 'お問合せ\A内容確認';
        white-space: pre;
    }
    .step-number:nth-child(5)::after {
        content: '送信完了';
    }
    .p-contact__btnWrap {
        margin-top: 60px;
    }
    .p-contact__btnWrap input {
        min-width: 256px;
        font-size: 16px !important;
        line-height: 22px !important;
        letter-spacing: 0.08px !important;
        padding: 17px 0;
    }
    .p-contact__btnWrap:after {
        right: 30px;
    }
    .form-group textarea {
        padding: 16px 24px;
    }
    .mw_wp_form_confirm .input-value {
        width: 100%;
    }
    .mw_wp_form_confirm .p-contact__btnWrap {
        flex-direction: column;
        gap: 32px;
    }
    .form-group:has(textarea) label.label-input {
        margin-top: 0;
    }
    .mw_wp_form_confirm .form-group:has(.textarea-value) label.label-input {
        margin-top: 0;
    }
    .mw_wp_form_thanks .progress-container {
        margin-top: 0;
    }
    #mw_wp_form_mw-wp-form-5622 .progress-container {
        margin-bottom: 116px;
    }
    .mw_wp_form_thanks .container-form {
        margin: 0;
    }
}

@media (max-width: 544px) {
    .section-archievement .filters, .section-news .filters {
        margin-bottom: 56px;
    }
    .section-archievement .archievement-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .section-archievement .archievement-card .thumbnail {
        height: 207px;
    }

    .ast-separate-container #content .ast-container {
        padding-left: 0;
        padding-right: 0;
    }
    .custom-detail-post .container {
        padding: 24px;
    }
}
/* Recruiments Page */



.awsm-filter-item-search .awsm-job-form-control {
	border-radius: 10px;
}

.awsm-grid-item .awsm-job-item {
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(23 82 159/ 5%);
}

.awsm-grid-item .awsm-job-item:focus,.awsm-grid-item .awsm-job-item:hover {
    -webkit-box-shadow: 0 3px 15px -5px rgb(23 82 159/ 20%);
    box-shadow: 4px 4px 15px -5px rgb(23 82 159/ 20%);
}

.awsm-job-item h2.awsm-job-post-title {
	color: #17529F;
	font-size: 20px;
}

.awsm-filter-item-search .awsm-job-search-icon-wrapper,
.awsm-filter-item-search .awsm-job-search-icon-wrapper::placeholder {
	color: #17529F;
}

.breadcrum-achievement-list .awsm-job-specification-item .awsm-job-specification-term {
	display:contents;
}

.awsm-selectric .label {
	color: #17529F;
	font-weight: 500;
	font-size: 16px;
}

.awsm-selectric-items li.highlighted {
    background: #17529f45;
    color: #444;
    font-weight: 500;
}

.awsm-selectric-items li:hover {
  background-color: #17529F;
  color: #FFFFFF; 
  transition: background-color 0.3s ease, color 0.3s ease; 
  font-weight:700;
}



/* button _ more detail */
.awsm-job-more-container {
    display: inline-block; 
}

.awsm-job-more {
    display: inline-flex;
    align-items: center;
    gap: 5px; 
    padding: 8px 12px;
    font-size: 16px;
    color: #333; 
    background-color: #f5f5f5; 
    border-radius: 5px; 
    transition: all 0.3s ease; 
}


.awsm-job-more-container .awsm-job-more span::before {
    content: "\2026";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    font-size: 14px;
    transition: transform 0.3s ease; 
}


.awsm-job-more:hover {
    background-color: #17529F; 
    color: #fff; 
    transform: translateY(-2px); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
}

.awsm-job-more span {
    transition: transform 0.3s ease;
}


.awsm-job-more:hover span::before {
    content: "\f061"; 
    transform: translateX(30px); 
}


@media (max-width: 768px) {
    .awsm-job-more {
        font-size: 14px; 
        padding: 6px 10px; 
    }
    .awsm-job-more span::before {
        font-size: 12px; 
    }
}


/* job post */
.awsm-job-main.awsm-job-single-content {
	width: 100%;
}

.awsm-job-icon-th-list,
.awsm-job-icon-star,
.awsm-job-icon-money,
.awsm-job-icon-archive,
.awsm-job-icon-suitcase,
.awsm-job-icon-briefcase,
.awsm-job-icon-location-arrow,
.awsm-job-specification-label,
.entry-title.awsm-jobs-single-title
{
	color: #17529F;
}

.awsm-job-form-inner {
	border-radius: 10px;
}

.awsm-job-form-inner h2 {
	color: #17529F;
	
}

/* recruitments */
.explore-jobs {
	height: 22rem !important;
}

.explore-jobs .elementor-element {
	max-height: 30%;
}

.current-vacancies {
	margin-top: 200px !important;
}

/* recruitment - vi */
.explore-jobs h2.elementor-heading-title {
	white-space: nowrap;
}

@media (max-width: 768px) { 
 .explore-jobs h2.elementor-heading-title {
	white-space: normal;
  }
}

/* career */

.careers-empty {
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
}
.careers-empty .careers-title { font-size: 1.8rem; margin-bottom: .5rem; }
.careers-empty .lead { font-size: 1.1rem; margin-bottom: 1.5rem; color: #444; }
.careers-empty .btn { padding: .6rem 1.2rem; margin: .4rem; border-radius: 6px; display: inline-block; text-decoration:none !important; }
.careers-empty .btn-primary { background: #17529F; color: #fff; }
.careers-empty .btn-outline { border: 1px solid #17529F; color: #17529F; background: #fff; }
.careers-empty .careers-faq { margin-top: 4rem; text-align: left; }
.careers-empty .careers-faq h2 { font-size: 1.3rem; margin-bottom: .75rem; color: #17529F;}
.careers-empty .faq-item { margin-bottom: 1rem; }
.careers-empty .faq-item h3 { font-size: 1rem; margin-bottom: .3rem; color:#222; }
.careers-empty .faq-item p { margin: 0; color:#555; }