/*
Theme Name: DEV ZEKVN
Theme URI: https://zek.vn/
Author: Zekvn
Author URI: https://zek.vn/
Version: 1.0
Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng.
*/
/* Option */
 .section-subdivision .swiper-custom-container {

                overflow: hidden;

                padding-bottom: 24px

            }
.slider-subdivision .card-image img{height: 132px;object-fit: cover;}
.read-more-custom.collapsed{position: relative;}
.read-more-custom.collapsed:after{content: '';    position: absolute;
    background-image: linear-gradient(transparent, rgb(255, 255, 255));
    width: 100%;
    height: 100%;
    top: 0px;}
.card-post .card-image iframe, .card-post .card-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1.6;
    overflow: hidden;
}
.card-post .card-image {
    padding-top: 62.5%;
    position: relative;
    width: 100%;
    display: block;
    border-radius: 6px;
    overflow: hidden;
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 600px) and (hover: hover) and (pointer: fine) {
    .card-post:hover .card-image img {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}
@media (hover: hover) and (pointer: fine) {
    .card-project-2:hover .card-image>img:not(.list-ranking__img) {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

           .card-subdivision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 16px;
}
.card-subdivision .card-block, .card-subdivision .card-image {
    position: relative;
    z-index: 2;
}
.card-subdivision .card-block .card-text {

    font-weight: 400;
    color: #454d6c;
    opacity: .5;
    font-size: 13px;
}
.card-subdivision .card-block.is-header .card-value {
   margin-top: 0;
    font-weight: 500;
    font-size: 16px;
}
.card-subdivision .card-block .card-text{margin-bottom: 0}
.card-subdivision .card-image+.card-block {
    margin-top: 12px;
}
.card-subdivision a.card-image {width: 100%;
    display: block;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #fff;}
    .card-subdivision a.card-image img{height: 128px;width: 100%;object-fit: cover;}
.card-subdivision .card-block.is-header .card-value {

    font-weight: 500;
    font-size: 16px;
    color: #0e224b;
}

.home .section-subdivision{margin-top: 50px}
.section-banner .box-search {
    position: relative;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}
.field.is-boxed.is-medium .input {
    height: var(--control-height-medium);
    padding-right: 3rem;
}

      .section-banner .box-search .field.is-boxed .control .input {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}      

.field.is-boxed .button-search {
    position: absolute;
    top: 50%;
    right: .25rem;
    height: calc(var(--control-height) - 6px);
    min-width: calc(var(--control-height) - 6px);
    border-radius: 4px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.field.is-boxed.is-medium .button-search {
    height: calc(var(--control-height-medium) - 8px);
    min-width: calc(var(--control-height-medium) - 8px);
}

            .section-subdivision .swiper-slide {

                width: 240px;

                height: auto

            }



            .section-subdivision .swiper-slide:has(.is-opening)+.swiper-slide:has(.is-opening) {

                margin-left: -1px

            }



        



           .card-subdivision .card-block .card-value {
    font-size: 13px;
    font-weight: 400;
}


  .card-subdivision .card-block.is-buttons a{font-weight: 500;font-size: 14px}

           @media (hover: hover) and (pointer: fine) {
    .button.is-secondary:not([disabled],[data-tooltip],.is-disabled,.is-active,.is-filter,.is-unit):hover {
        background: #ecf1ff;
        border-color: #2e438f;
        color: #2e438f;
    }
}


            .section-subdivision .nav-button-next,.section-subdivision .nav-button-prev {

                --swiper-navigation-top-offset: 17px;

                width: calc(var(--swiper-navigation-size) + 32px);

                height: 100%;

                border-radius: 0;

                -webkit-box-shadow: none;

                box-shadow: none;

                border: 0

            }



            .section-subdivision .nav-button-next:after,.section-subdivision .nav-button-prev:after {

                --swiper-navigation-size: 34px;

                -ms-flex-negative: 0;

                flex-shrink: 0;

                width: var(--swiper-navigation-size);

                height: var(--swiper-navigation-size);

                display: -webkit-box;

                display: -ms-flexbox;

                display: -moz-box;

                display: flex;

                -webkit-box-align: center;

                -ms-flex-align: center;

                -moz-box-align: center;

                align-items: center;

                -webkit-box-pack: center;

                -ms-flex-pack: center;

                -moz-box-pack: center;

                justify-content: center;

                background: #fff;

                border: 1px solid #e6e9ec;

                border-radius: 9999px;

                -webkit-box-shadow: 0 4px 12px 0 rgba(28,30,34,.08);

                box-shadow: 0 4px 12px 0 rgba(28,30,34,.08);

                font-size: 18px;--swiper-navigation-size: 34px !important;
    color: #333 !important;

            }
            .nav-button-prev:after {
    content: "\eb3f" !important;
    font-family: tabler !important;
    margin-right: 2px;
}



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

                .section-subdivision .nav-button-next:after,.section-subdivision .nav-button-prev:after {

                    display:none

                }

            }



            .section-subdivision .nav-button-next {

                right: 0;

                background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));

                background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);

                border-radius: 0 6px 6px 0

            }



            .section-subdivision .nav-button-next:after {

                margin-left: auto

            }



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

                .section-subdivision .nav-button-next:after {

                    display:none

                }

            }



            .section-subdivision .nav-button-prev {

                left: 0;

                background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),to(#fff));

                background: linear-gradient(270deg,hsla(0,0%,100%,0),#fff);

                border-radius: 6px 0 0 6px

            }



            .section-subdivision .nav-button-prev:after {

                margin-right: auto

            }



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

                .section-subdivision .nav-button-prev {

                    display:none

                }

            }
.control.has-float-label .input, .control.has-float-label .textarea {
    min-height: 3.375rem;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 20px 12px 4px;
}
.control.has-float-label .input:autofill~.label,.control.has-float-label .input:focus~.label,.control.has-float-label .input:valid~.label,.control.has-float-label .textarea:autofill~.label,.control.has-float-label .textarea:focus~.label,.control.has-float-label .textarea:valid~.label {
    top: 1px;
    left: .75rem;
    margin: 0;
    padding-top: .25rem;
    font-size: .75rem;
    line-height: 18px;
    color: #aab7ca
}
body{font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;}
body, button, input, optgroup, select, textarea {
    font-family: Mulish, sans-serif;
}
a, body {
    color: #334155;
}
.fs-1, .fs-2 {
    font-weight: 400;
}
.fs-2 {
    font-size: 14px !important;
    line-height: 20px !important;
}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#181818;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a:active,a:hover{color: blue;}
ul{padding-left:0;}
img{max-width:100%;border:none;height:auto}
b,strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;}
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;}
h1{font-size: 28px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 14px;}
.table{max-width: 100%;table-layout: fixed;word-wrap: break-word;}
.img img{width:100%;height:auto;object-fit:cover}
.background{background-size:cover;background-repeat:no-repeat;background-position:center}
.relative{position: relative;}
.overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);}
.linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;}
.screen-reader-text{display:none}
.head{animation: stuckMoveUp .5s;}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}


/* Container (FAKE theo từng web) */
.row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));}
.row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)}
.container-fluid,.container,.row{--bs-gutter-x: 30px;}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse;}
.column-reverse{flex-direction:column-reverse;}
@media (min-width: 576px){
	.container, .container-sm {max-width: 540px;}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm { max-width: 720px;}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {max-width: 960px;}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1200px;}
}

/* input-button */

.select2-container .select2-selection--single{height: 48px;}
.select2-container--default .select2-selection--single{border: 1px solid #E6E6E6;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;color: #999999;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;}
.select2-dropdown{border: 1px solid #E6E6E6;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #E6E6E6;}
.select2-search--dropdown{padding: 4px 4px 12px 4px;}
.select2-container--default .select2-results>.select2-results__options{font-size: 14px;}
/* Contact-form7 */
form .row{--bs-gutter-x: 20px;}
.wpcf7-spinner{position: absolute;}
.form-group{margin-bottom: 20px;position: relative;}
.form-group .name{margin-bottom: 5px;font-weight: 600;}
div.wpcf7 .ajax-loader{position:absolute}
.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
/* Content-post */
.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}
.content-post ul,.content-post ol{padding-left:18px;}
.content-post li{position:relative;margin-bottom:6px}
.content-post blockquote{background:#f6f6f6;position: relative;padding: 16px 16px 6px 32px;}
.content-post blockquote:before{content: open-quote;font-weight: bold;font-size: 30px;position: absolute;left: 8px;top: 0;}
.content-post blockquote:after{content: close-quote;font-weight: bold;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;}
.content-post .gallery{display:grid;grid-column-gap:16px;grid-row-gap:16px}
.content-post .gallery br{display:none}
.content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.content-post .gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.content-post .gallery.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.content-post .gallery.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.content-post .gallery.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;}
.content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;}
.content-post a:hover{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post .alignnone{margin:0 16px 16px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;}
.content-post .alignright{float:right;margin:0 0 16px 16px}
.content-post .alignleft{float:left;margin:0 16px 16px 0}
a img.alignright{float:right;margin:0 0 16px 16px}
a img.alignnone{margin:0 16px 16px 0}
a img.alignleft{float:left;margin:0 16px 16px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;}
.wp-caption.alignnone{margin:0 16px 16px 0}
.wp-caption.alignleft{margin:0 16px 16px 0}
.wp-caption.alignright{margin:0 0 16px 16px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;}
/* Widget */
.widget ul,.widget ol{list-style: none;}
.widget iframe{width: 100%;height: auto; object-fit: cover;}
.widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px}
.widget .gallery br{display:none}
.widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none}
.widget .gallery-item img{border:none!important}

/* Support */
.sticky{position:-webkit-sticky;position:sticky;top:10px;z-index: 99;}
.supports{position: fixed;z-index: 999;bottom: 120px;right: 20px;}
.supports .item:not(:first-child){margin-top: 16px;}
.supports .item a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;}
.supports .item a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.supports .item a.zalo img{max-width: 37px;}
.supports .item a:hover{box-shadow: 0px 0px 10px 0px #00000087;}
.backtop{position: fixed;right: 20px;bottom: 40px;transition: .5s;z-index: 999;}
.backtop a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;}
.backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;}

/* Header */
#header .col-touch{display: none;}
#menu-mobile{display: none;}


/* Footer */

/* Page */



/* Category */

.pagination{justify-content: center;margin: 24px 0}
.pagination ul{margin-bottom: 0;list-style: none;}
.pagination ul li{display: inline-block;margin: 3px;}
.pagination ul li span,.pagination ul li a{display: block;padding: 5px;height: 38px;width: 38px;text-align: center; background: #EAEEF3;line-height: 28px;    border-radius: 6px;}
.pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #2e438f;color: #fff;}


/* Single */
.single-tags{padding-bottom: 20px;color: #666;font-size: 13px;display:flex;flex-wrap:wrap;align-items: center;}
.single-tags span{margin: 0 5px}
.single-tags a{display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;padding: 0 10px;background-color: #f1f5f9;margin: 0 5px ;color: #334155;    font-weight: 700;}

/* Comment-news */
#comments{margin: 0;width: 100%;max-width: 100%;}
#wpdcom{margin: 0;max-width: 100%;width: 100%;padding: 0;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding: 10px 0;}
#wpdcom #wpd-threads{margin-top: 0;}
#wpdcom .wpd-thread-list{padding: 8px 0;}
#wpdcom .wpd-prim-button{color: #fff !important;}
#wpdcom .wpd-comment .wpd-comment-right{padding-bottom: 12px;}
#wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-up svg{fill: #566ba0 !important;}
#wpdcom .wpd-blog-administrator .wpd-comment-label{background-color: #566ba0;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img{border-color: #566ba0;}
#wpdcom .wpd-up{color: #566ba0 !important;}

/* Sidebar */
.page-sidebar .widget:not(:last-child){margin-bottom:30px}
.page-sidebar .tagcloud{display:flex;flex-wrap:wrap}
.page-sidebar .tagcloud a{display: inline-block; font-size:14px!important;height:30px;padding:0 10px;line-height:30px;background-color:#ECECEC;border-radius:3px;margin:0 5px 5px 0}
.page-sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;}

.button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    height: var(--control-height);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #334155;
    padding: calc(.5rem - 1px) .75rem;
    vertical-align: top;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.button.is-x-small {
    height: 28px;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 13px;
    line-height: 18px;
}
/* Home */
.main-header{border-bottom: 1px solid #e2e8f0;}
.floating-discount {
    position: relative;
    width: 100%;
    min-height: 46px;
    text-align: center;
    z-index: 400;
}
.floating-discount__bg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}
.floating-discount .floating-body, .floating-discount .floating-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
}

.floating-discount .floating-content {
    position: relative;
    z-index: 2;
    padding: 18px 14px;
}
@media print, screen and (min-width: 600px) {
    .floating-discount .floating-content {
        padding: 8px 14px;
    }
}
.floating-discount .floating-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 8px;
}
@media print, screen and (min-width: 600px) {
    .floating-discount .floating-body {
        padding-right: 20px;
    }
}
.floating-discount__title {
    font-size: 14px;
    line-height:20px;
    font-weight: 600;
    color: #fff;    margin-bottom: 0;
    text-align: left;
}
@media print, screen and (min-width: 600px) {
    .floating-discount__title {
        font-weight: 600;
    }
}
.button.is-brand {
    background: #c2812a;
    border-color: #c2812a;
    color: #fff;
}
.floating-discount__button {
    position: absolute !important;
  top: -2px;
  right: 0;
  color: #fff !important;
}
@media print, screen and (min-width: 600px) {
    .floating-discount__button {
        top: 50%;
        right: 8px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.main-header__content {

    background: #fff;
    padding: 6px 32px;
}
.main-header .navbar-end, .main-header .navbar-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
}
.main-header-logo {
    display: inline-block;
    width: 86px;
    height: 58px;
    -ms-flex-negative: 0;
    flex-shrink: 0;margin-right: 40px;
}
.main-header-logo img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.main-header .navbar-end, .main-header .navbar-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
}
.main-header .navbar-end {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;justify-content: right;
}
.button.is-grey {
    background: #f1f5f9;
}
@media (hover: hover) and (pointer: fine) {
    .button:not(.is-brand,.is-primary,.button-favorite,.is-secondary,.is-blur,.is-third-party):hover {
        background-color: #f1f5f9;
        border-color: transparent;
        color: #334155;
    }
}
@media (hover: hover) and (pointer: fine) {
    .button.is-grey:hover {
        background: #e2e8f0;
    }
}
.main-header .button.is-grey {
    border-radius: 9999px;
    padding: 7px 12px;
}
.navbar-menu > ul {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -moz-box-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
;
    }
    .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.section-banner .section-banner-slider:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 6px solid hsla(0, 0%, 100%, .25);
    z-index: 2;
    pointer-events: none;
}
    .main-header__content .row{align-items: center;}
    .navbar-menu > ul{margin-bottom: 0}
    .navbar-menu > ul > li:not(:first-child){margin-left: 32px}
     .navbar-menu > ul > li > ul > li{list-style: none;}
      .navbar-menu > ul > li.menu-item-has-children > a{padding-right: 16px}
      .section-banner .section-banner-slider .swiper-pagination-bullets {
                --swiper-pagination-bottom: 8px;
                --swiper-proggress-slide: #fff
            }

            .section-banner .section-banner-slider .swiper-pagination-bullets .swiper-pagination-bullet {
                --swiper-pagination-bullet-horizontal-gap: 2px;
                --swiper-pagination-bullet-width: 32px;
                --swiper-pagination-bullet-height: 4px;
                --swiper-pagination-bullet-inactive-opacity: .5;
                --swiper-pagination-bullet-inactive-color: #000;
                --swiper-pagination-bullet-border-radius: 6px;
                --swiper-theme-color: #ff;f
                position: relative
            }

            @media screen and (min-width: 1199px) {
                .section-banner .section-banner-slider .swiper-pagination-bullets .swiper-pagination-bullet {
                    --swiper-pagination-bullet-width:70px
                }
            }

            .section-banner .section-banner-slider .swiper-pagination-bullets .swiper-pagination-bullet:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                width: 0;
                height: 3px;
                border-radius: 9999px
            }

            .section-banner .section-banner-slider .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
                background: var(--swiper-proggress-slide);
                -webkit-animation: c var(--swiper-pagination-progress-time) linear alternate forwards 1;
                animation: c var(--swiper-pagination-progress-time) linear alternate forwards 1
            }
     .navbar-menu > ul > li.menu-item-has-children > a:after{border: 2px solid transparent;
    border-radius: 1px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .5em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: .5em;
    border-color: #334155;
    margin-top: -.375em;
    right: 0;    border-color: #2e438f;}
    .navbar-menu > ul > li > ul{display: none;
    left: 0;
    min-width: 180px;
    padding-top: 4px;

    position: absolute;
    top: 100%;
    z-index: 400;    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    padding-bottom: .5rem;
    padding-top: .5rem;}
     .navbar-menu > ul > li:hover > ul{display: block;}
    .navbar-menu > ul > li > ul > li > a{    font-size: 14px;
    line-height: 20px;
    font-weight: 600;    border-radius: 4px;padding: 8px;
    color: #334155;
    display: block;}
    .navbar-menu > ul > li{position: relative;list-style: none;}
    .navbar-menu > ul > li > a{font-weight: 600;    color: #334155;
    display: block;
    line-height: 1.5;
    position: relative;padding: 5px 0}
    .section-banner {
    position: relative;
    width: 100%;
    z-index: 12;height: 532px}
    .section-banner-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;}
    .section-banner-background:after, .section-banner-background:before {
    content: "";
    position: absolute;
    z-index: 1;
}
    .section-banner-background:before {
    width: 524px;
    height: 524px;
            top: -44%;
        right: -10%;
    border-radius: 9999px;
    opacity: .5;
    background: #def;
    -webkit-filter: blur(120px);
    filter: blur(120px);}
    .section-banner-background:after {
    width: 649px;
    height: 649px;
    left: 20%;
    bottom: -40%;
    border-radius: 9999px;
    opacity: .5;
    background: #e0eeff;
    -webkit-filter: blur(120px);
    filter: blur(120px);
}
.section-banner-background-img {
    position: absolute;
    bottom: -42%;
    left: 0;
    width: 674px;
    height: 653px;
    z-index: 2;
    pointer-events: none;
}
.section-banner-background-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(315deg, hsla(34, 52%, 84%, .2) 21.59%, rgba(250, 252, 255, .2) 78.41%);
    overflow: hidden;
}
.section-banner-background-inner:after, .section-banner-background-inner:before {
    content: "";
    position: absolute;
    z-index: 0;
}
.section-banner-background-inner:before {
   left: -10%;
        bottom: -46%;
    width: 465px;
    height: 465px;
    opacity: .5;
    background: #e0eeff;
    -webkit-filter: blur(120px);
    filter: blur(120px);
}
.section-banner-background-inner:after {
    right: 0;
        bottom: -20%;
    width: 524px;
    height: 524px;
    opacity: .15;
    background: #fff;
    -webkit-filter: blur(120px);
    filter: blur(120px);
}
.section-banner .section-content {
    position: relative;
    height: 100%;
    padding: 32px;
    z-index: 2;
}
.section-banner .section-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    height: 100%;
}
    .section-banner .section-content .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
    }
    .section-banner-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    z-index: 12;
}
@media screen and (min-width: 767px) {
    .section-banner-content {
        width: 50%;
        max-width: 736px;
        margin-right: 32px;
    }
}
@media screen and (min-width: 992px) {
    .section-banner-content {
        margin-right: 48px;
        padding-top: 48px;
    }
}
@media screen and (min-width: 1199px) {
    .section-banner .section-banner-slider {
        max-width: 435px;
    }
}
.section-banner .section-banner-slider {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    border-radius: 6px;
    margin-top: 0;
    overflow: hidden;
}
.section-banner-body, .section-banner-body .field .dropdown {
    width: 100%;
}
    .section-banner .section-title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -.93px;
        font-weight: 700;    margin-bottom: 24px;
    max-width: 580px;
    }
    .section-banner .block-trending {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    gap: 20px;        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        align-items: center;
}
.section-banner .block-trending .block-start {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
}
.section-banner .block-trending .block-start .ti {
    font-size: 20px;
}
.section-banner .block-trending .swiper-custom-container {
    overflow: hidden;
    padding: 0 12px;
    margin: 0 -12px;
}
.swiper-custom-container .swiper, .swiper-custom-container .swiper-container {
    position: unset;
    overflow: hidden;
}
.section-banner .block-trending .swiper-custom-container .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.section-banner .block-trending .swiper-custom-container .swiper-slide:not(:last-child) {
    margin-right: 8px;
}
.badge {
    background: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #334155;
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 8px;
    padding: calc(.25rem - 1px) .5rem;
    white-space: nowrap;
    outline: none;
}
.section-banner .block-trending .swiper-custom-container .badge {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, right top, left top, from(rgba(194, 129, 42, .75)), to(rgba(46, 67, 143, .4875))) border-box;
    background: linear-gradient(180deg, #fff, #fff) padding-box, linear-gradient(270deg, rgba(194, 129, 42, .75), rgba(46, 67, 143, .4875)) border-box;
    border: 1px solid transparent;
    font-weight: 400;
}
.section-banner .block-trending .swiper-custom-container .badge__text {
    background: -webkit-gradient(linear, right top, left top, from(#c2812a), to(#2e438f));
    background: linear-gradient(270deg, #c2812a, #2e438f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nav-button-next, .nav-button-prev, .swiper .nav-button-next, .swiper .nav-button-prev {
    --swiper-navigation-size: 34px;
    width: var(--swiper-navigation-size);
    border: 1px solid transparent;
    border-radius: 9999px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    background: #fff;
    -webkit-transition: background-color .2s ease, -webkit-box-shadow .2s ease;
    transition: background-color .2s ease, -webkit-box-shadow .2s ease;
    transition: background-color .2s ease, box-shadow .2s ease;
    transition: background-color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease;
}
.section-subdivision .nav-button-next, .section-subdivision .nav-button-prev {
    --swiper-navigation-top-offset: 17px;
    width: calc(var(--swiper-navigation-size) + 32px);
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}
.section-subdivision .nav-button-next {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    border-radius: 0 6px 6px 0;
}
.section-subdivision .nav-button-prev {
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
    border-radius: 6px 0 0 6px;
}
.nav-button-next.nav-button-disabled, .nav-button-next.swiper-button-disabled, .nav-button-prev.nav-button-disabled, .nav-button-prev.swiper-button-disabled {
    display: none;
    opacity: 0;
}
.nav-button-next.is-x-small, .nav-button-prev.is-x-small {
    --swiper-navigation-size: 24px;
    width: var(--swiper-navigation-size);
}
.section-banner .block-trending .swiper-custom-container .nav-button-next, .section-banner .block-trending .swiper-custom-container .nav-button-prev {
    border: 1px solid #e2e8f0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.section-banner .block-trending .swiper-custom-container .nav-button-prev {
    left: 0;
}
.section-banner .block-trending .swiper-custom-container .nav-button-next {
    right: 6px;
}
.nav-button-next:after {
    content: "\eb40" !important;
    font-family: tabler !important;
    margin-left: 2px;
}
.nav-button-next:after, .nav-button-prev:after, .swiper .nav-button-next:after, .swiper .nav-button-prev:after {
    --swiper-navigation-size: 20px;
    color: #334155;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
.nav-button-next.is-x-small:after, .nav-button-prev.is-x-small:after {
    font-size: 16px;
}
.section-banner .block-trending .swiper-custom-container {
    overflow: hidden;
    padding: 0 12px;
    margin: 0 -12px;
}
.swiper-custom-container {
    position: relative;
}

.swiper-custom-container .swiper, .swiper-custom-container .swiper-container {
    position: unset;
    overflow: hidden;
}
.section-banner .slider-hero-banner {
    width: 100%;
    height: 100%;
}
.swiper .swiper-slide {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.section-banner .slider-hero-banner .swiper-slide {
    padding-top: calc(45.7142857143% - 20px);
    position: relative;
    width: 100%;
    display: block;
    border-radius: 6px;
}
@media screen and (min-width: 767px) {
    .section-banner .slider-hero-banner .swiper-slide {
        padding-top: 107.5862068966%;
    }
}
.section-banner .slider-hero-banner .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.section-banner .section-banner-slider .button {
    position: absolute;
    z-index: 2;
    bottom: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.section-banner .section-banner-slider .button:not(:hover) {
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

.button .ti:last-child:not(:first-child) {
    margin-left: 6px;
    margin-right: calc(-3px - 1px);
}
.section-project {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(73.5%, #fafcff), to(#eef3fa));
    background: linear-gradient(180deg, #fff, #fafcff 73.5%, #eef3fa);
    padding-bottom: 32px;
    padding-top: 0;
}
.section-header {
    --section-header-mb: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    margin-bottom: 4px;min-height: 48px;
}
.section-header__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
}
    .section-title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -.54px;    color: #1e293b;-webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    margin: 0;    font-weight: 700;
    }
    .button.is-link-underline {
    background: none !important;
    color: #182a73;
    padding-right: 0;
    padding-left: 0;
}
.button.is-link-underline span {
    text-decoration: underline;
}
.button .ti {
    font-size: 20px;
}
.button .ti:last-child:not(:first-child) {
    margin-left: 6px;
    margin-right: calc(-3px - 1px);
}
.is-grid {
    display: -ms-grid;
    display: grid
;
    -ms-grid-columns: (1fr)[var];
    grid-template-columns: repeat(var(--breakpoint-grid-columns), 1fr);
    grid-gap: var(--breakpoint-grid-row-gap) var(--breakpoint-grid-column-gap);
}
.section-project .section-content {
    margin: 0 -12px;
}
.section-project .is-grid {
    --breakpoint-grid-column-gap: 8px;
    --breakpoint-grid-row-gap: 8px;
}
.section-project .is-grid {
        --breakpoint-grid-columns: 3;
    }
    .card {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #334155;
    max-width: 100%;
    position: relative;
}
.card-project-2 {
    background: transparent;
    border: 1px solid transparent;
    -webkit-transition: background-color .2s ease, border .2s ease;
    transition: background-color .2s ease, border .2s ease;
    padding: 12px;
}
.card-image {
    display: block;
    position: relative;
    will-change: transform;
}
.card-image, .card-image:first-child img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.card-project-2 .card-image {
    padding-top: 116.66667%;
    position: relative;
    width: 100%;
    display: block;
    border-radius: 6px;
    overflow: hidden;
}
.card-image .card-img, .card-image img {
    display: block;
}
.button.is-secondary {
    background: #fff;
    border-color: #2e438f;
    color: #2e438f;
}
.card-project-2 .card-image iframe, .card-project-2 .card-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 0.85714;
    overflow: hidden;    object-fit: cover;
}
.card-project-2 .card-image img {
    -webkit-transition: -webkit-transform 3s ease 0s;
    transition: -webkit-transform 3s ease 0s;
    transition: transform 3s ease 0s;
    transition: transform 3s ease 0s, -webkit-transform 3s ease 0s;
}
.card-content {
    background-color: #fff;
    padding: 24px;
}
.card-content:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.card-project-2 .card-content {
    background: transparent;
    padding: 12px 0 0;
}
.card-project-2 .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    gap: 8px;    padding: 0;
    padding-bottom: 16px;
}
.card-project-2 .card-logo {
    height: 42px;
    max-width: 78px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.card-project-2 .card-logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center right;
    object-position: center right;
}
.card-address {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #475569;
}
.card-project-2 .card-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    gap: 4px;
    border-top: 1px solid #e2e8f0;
    padding: 8px 0 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}
.card-project-2 .card-address .ti {
    font-size: 16px;
}
.is-flex-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1!important;
    -moz-box-flex: 1!important;
    flex: 1 !important;
}
.card-project-2 .card-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.card-project-2 .list-utilities, .card-project-2 .list-utilities-item {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}
.badges {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    justify-content: flex-start;
    gap: 8px;
}
.badge.is-medium {
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    padding: 5px 8px;
}
.badge.is-effect {
    position: relative;
    overflow: hidden;
    border: 0;
}
.badge.is-primary.is-gradient {
    background: linear-gradient(289.36deg, #ddb884 1.23%, #c2812a 97.63%);
}
.badge.is-effect:after {
    background: #fff;
    content: "";
    height: 64px;
    width: 32px;
    opacity: .15;
    position: absolute;
    top: -12px;
    -webkit-transform: rotate(335deg);
    transform: rotate(335deg);
    -webkit-animation: 2s cubic-bezier(.19,1,.22,1) infinite g;
    animation: 2s cubic-bezier(.19,1,.22,1) infinite g;
    pointer-events: none;
    z-index: 0;
    -webkit-filter: blur(6px);
    filter: blur(6px);
}
@-webkit-keyframes g {
                0% {
                    left: -10%
                }

                to {
                    left: 110%
                }
            }

            @keyframes g {
                0% {
                    left: -10%
                }

                to {
                    left: 110%
                }
            }
            .badge.is-black, .badge.is-booking, .badge.is-danger, .badge.is-gradient, .badge.is-grey, .badge.is-info, .badge.is-link, .badge.is-pending, .badge.is-promotion, .badge.is-sold, .badge.is-success, .badge.is-text, .badge.is-warning {
    color: #fff;
}
.card-listing .badges, .card-project-1 .badges, .card-project-2 .badges {
    position: absolute;
    top: 24px;
    left: 24px;
    width: calc(100% - 80px);
    z-index: 1;
}
.section-subtitle {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.section:not(.section-register) .section-title+.section-subtitle {
    margin-top: 8px;
}
.section-news-highlight .block-wrap .section-title, .section-news-highlight .block-wrap .section-title-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    min-width: 220px;
    margin: 0 auto 0 0;
}
.section-news-highlight .block-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}
.section-news-highlight {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(73.5%, #faf7f2), to(#faf7f2));
    background: linear-gradient(180deg, #fff, #faf7f2 73.5%, #faf7f2);
}
.card-post {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-flow: column;
    width: 100%;
}
.section-news-highlight .template-highlight-post-content .card-post .card-image {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    display: block;    border-radius: 6px;
    overflow: hidden;
}
.section-news-highlight .template-highlight-post-content .card-post .card-image iframe, .section-news-highlight .template-highlight-post-content .card-post .card-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1.77778;
    overflow: hidden;
}
.card-post .card-image img {
    border-radius: 6px;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1), -webkit-transform 1s cubic-bezier(.19,1,.22,1);
}
.card-post .card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-flow: column;
    width: 100%;
    background: transparent;
    padding: 0;
}
.card-content:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.card-post .card-image+.card-content {
    margin-top: 12px;
    margin-left: 0;
}
.card-post .card-title, .card-post .card-title a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
   font-size: 16px;
        line-height: 24px;
        font-weight: 700;
    color: #334155;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}
    .card-post .card-text {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #475569;    margin-top: 8px;margin-bottom: 0;
    }
    .card-post .list-utilities {
    line-height: 18px;
}
.list-utilities-item {
    font-size:16px
    font-weight: inherit;
    display: inline;
    color: #334155;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.list-utilities-item.is-link {
    font-weight: 600;    font-size: 14px;
    line-height: 20px;
    color: #182a73;
}
.card-post .list-utilities-item {
    font-size: 14px;
    line-height: 20px;
}
.card-post .list-utilities-item:not(.is-link) {
    color: #475569;
}
.list-utilities.is-dot .list-utilities-item:not(:last-child):after {
    content: "";
    background: #aab7ca;
    border-radius: 9999px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex
;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 .5rem;
    height: 4px;
    width: 4px;
    vertical-align: middle;
}
.card-post .card-title+.card-text, .card-post .card-title+.list-utilities, .card-post .card-title a+.card-text, .card-post .card-title a+.list-utilities {
    margin-top: 8px;
}
.card-post .card-text+.list-utilities {
    margin-top: 4px;
}
.main-footer {
    background: rgba(240, 249, 255, .35);}
    .main-footer .block-title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.63px;
    font-weight: 700;
}
.main-footer-1 .block-title {
    margin-bottom: 16px;
    text-align: justify;
}
.main-footer-1 .block-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: justify;
}
.main-footer-1 .block-text+.block-text {
    margin-top: 12px;
}
.main-footer .logo-gov {
    display: block;
    width: 166px;
    height: 64px;
}
.main-footer-1 .block-text+.logo-gov {
    margin-top: 16px;
}
.main-footer .logo-gov img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.menu-footer ul li:not(:last-child){margin-bottom: 16px}
.menu-footer ul li a{font-size: 16px;
    line-height: 24px;
    font-weight: 600;}
    a, body {
    color: #334155;
}
.block:not(:last-child) {
    margin-bottom: 24px;
}
.main-footer .block-about-item:hover {
    color: #2e438f;
}
.main-footer .block-hotline-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-flow: row wrap;
    gap: 24px;-webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-flow: column;
        gap: 12px;
}
.main-footer .block-hotline-cta-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items: flex-start;
}
.main-footer .block-hotline-cta-item .ti {
    margin-right: 8px;
    font-size: 24px;
}
.main-footer .block-hotline-cta-text {
    margin: 0;
     font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #2e438f;
}
.main-footer .block-hotline-cta-text-1 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    color: #334155;
}
.main-footer .block-social .block-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: Mulish, sans-serif;
    margin-bottom: 16px;
}
.main-footer .block-social-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    gap: 12px;
}
.main-footer .block-social-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
}
.main-footer .block-social-item.is-facebook {
    background: #3c68eb;
}
.main-footer .block-social-content .ti {
    color: #fff;
    font-size: 24px;
}
.main-footer .block-social-item.is-youtube {
    background: #e3352a;
}
.main-footer .block-social-item.is-instagram {
    background: -webkit-gradient(linear, left top, right top, from(#f09433), color-stop(25%, #e6683c), color-stop(50%, #dc2743), color-stop(75%, #cc2366), to(#bc1888));
    background: linear-gradient(90deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
}
.main-footer .block-social-item.is-linkedin {
    background: #2878b7;
}
.main-footer .footer-application {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}
.main-footer .block-social-content+.footer-application {
    margin-top: 20px;
}
.main-footer .footer-application-item {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 120px;
    height: 44px;
}
.main-footer .footer-application-item img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.main-footer-2 .block-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    text-align: justify;
}
.main-footer-2 .block-text.is-disclaimer {
    font-size:13px;
    line-height: 18px;
    font-weight: 400;
    opacity: .5;    margin: 0;
    text-align: justify;    margin-top: 12px;
}
.main-footer .footer-logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex
;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 64px;
    margin-bottom: 16px;
}
.block-title {
    margin-bottom: 8px;
}
.main-footer-2 .block-text {
    margin-top: 12px;
}
.main-footer-2 .grid-item .block-text.is-ecosystem {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.main-footer .block-ecosystem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 12px;
}
.main-footer-2 .grid-item .block-text.is-ecosystem+.block-ecosystem {
    margin-top: 8px;
}
.main-footer .block-ecosystem-item {
    font-size: 11px;
    line-height:16px;
    font-weight: 700;
    font-family: TrajanPro;
    color: #2e438f;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.main-footer .block-ecosystem-item:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 6px 8px -6px #2e438f;
    box-shadow: 0 6px 8px -6px #2e438f;
}
    .page-content {
        max-width: 1440px;
        margin: 0 auto;
        width: 100%;
    }
    .rank-math-breadcrumb p{    margin: 24px 0;-ms-overflow-style: none;
    scrollbar-width: none;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;}
    .rank-math-breadcrumb p{margin-bottom: 0}
    .rank-math-breadcrumb p a, .rank-math-breadcrumb p .last{font-size: 14px;    text-decoration: none;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    font-weight: 400;
    color: rgba(51, 65, 85, .5);}
    .separator{margin: 0 10px}
    .home .section-project,  .home .section-news-highlight{padding: 30px 0}
    .section-news-highlight .gallery-template-item .row > div:nth-child(1), .section-news-highlight .gallery-template-item .row > div:nth-child(2){margin-bottom: 20px}
    .rank-math-breadcrumb p .last{    color: #334155;}
    .page-body .block-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 24px 0 16px;
}
    .page-body .block-head {
        margin: 20px 0 16px;
    }
    .page-body .block-head .badges {
    margin-right: auto;
}
.page-body .block-head .block-date {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
}
.badge.is-info.is-light {
    background: #d3e7ff;
    color: #334155;
    font-weight: 400;
}
    .page-body .page-title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -.93px;
        font-weight: 700;
    }
    hr {
    background-color: #e2e8f0;
    border: none;
    display: block;
    height: 1px;
    margin: 24px 0;opacity: 1;
}
    .page-body .hr-line {
    height: 5px;
    width: 53px;
    background: #c2812a;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #334155;
    font-weight: 700;
    line-height: 1.125;
}
.content h2:not(:first-child) {
    margin-top: 25px;
}

.page-body .content h2:not(.widget-cta__title) {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -.69px;
    font-weight: 700;
}
.page-body .content h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -.38px;
    font-weight: 700
}

.page-body .content h4,.page-body .content h5,.page-body .content h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700
}
.page-body .content img {
    border: 1px solid #e2e8f0;
    border-radius: 6px
}
.page-body .block-tag .block-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
}
    .section-same-category {
        padding: 28px 0 32px;
    }
    .section-same-category .section-title{margin-bottom: 24px}
    .card-post.is-list {
    display: -ms-grid;
    display: grid
;
    -ms-grid-columns: 120px 1fr;
    grid-template-columns: 120px 1fr;
    grid-gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items: flex-start;
}
    .card-post.is-list {
        -ms-grid-columns: 150px 1fr;
        grid-template-columns: 150px 1fr;
        grid-gap: 20px;
    }
    .section-same-category .card-post:not(:last-child) {
    margin-bottom: 24px;
}
.section-same-category .card-post.is-list {
        -ms-grid-columns: 274px 1fr;
        grid-template-columns: 274px 1fr;
    }
    .card-post.is-list .card-content {
    margin: 0;
}
.main-footer {
        padding: 32px 0;
    }
        .single .sidebar-content {
        position: sticky;
        top: 40px;
    }
    .floating-share {
    display: -webkit-box;margin-top: 40px;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    gap: 12px;
    width: 42px;
}
.floating-share__line-horizontal {
    width: 1px;
    height: 90px;
    background: #334155;
    margin: 0 auto;
}
.floating-share__text {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #475569;
    text-align: center;
    white-space: nowrap;
}
.floating-share__button {
    border-color: #e2e8f0;
    border-radius: 9999px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
}
.button.is-icon {
    width: 2.5rem;    height: 2.5rem;
}
.button.is-subtle {
    background: #fff;
    color: #2e438f;
}
.floating-share__button .ti {
    color: #475569;
}
.button .ti:first-child:last-child {
    margin-left: calc(-.28125rem - 1px);
    margin-right: calc(-.28125rem - 1px);
}
.has-text-primary {
    color: #2e438f !important;
}
    .page-header .page-title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -.54px;
        font-weight: 700;margin: 20px 0;
    color: #334155 !important;
        margin-bottom: 0;
    }
.floating-share li{list-style: none;}
.page-header .breadcrumbs {
    margin-bottom: 8px;
}
.page-header .page-title+.field, .page-header .page-title+.tabs, .page-header .tabs+.field {
    margin-top: 16px;
}
.tabs ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    border-bottom-color: #e2e8f0;
    border-bottom-style: solid;
    border-bottom-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    justify-content: flex-start;
}
.tabs.is-category .tab-item+.tab-item {
    margin-left: 20px;
}
.tabs .tab-item {
    display: block;
}
.tabs .tab-link {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 4px;
    border-radius: 6px;
    padding: .625rem .75rem;
    vertical-align: top;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
}
.tabs.is-category .tab-link {
    padding: 0;
}
.tabs .tab-item.is-active .tab-link {
    color: #2e438f;
}
.section-category-list{padding: 0}
.box {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 16px rgba(28, 30, 34, .12);
    box-shadow: 0 6px 16px rgba(28, 30, 34, .12);
    color: #334155;
    display: block;
    padding: 20px;
}
.box.is-secondary {
    -webkit-box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    border-color: #e2e8f0;
}
.sidebar-title {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -.38px;
    font-weight: 700;
    margin-bottom: 12px;
}
.control {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    font-size: 16px;
    text-align: inherit;
}
.control.has-icons-left .ti, .control.has-icons-right .ti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    color: #334155;
    height: 2.5rem;
    position: absolute;
    top: 0;
    width: 2.5rem;
    z-index: 4;
    font-size: 1.25rem;
}
.control.has-icons-left .is-left {
    left: 0;
    pointer-events: none;
}
.input, .textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex
;
    font-size: 14px;
    height: 2.5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding: calc(.5em - 1px) calc(1em - 1px);
    position: relative;
    vertical-align: top;
    background-color: #fff;
    border-color: #aab7ca;
    border-radius: 6px;
    color: #334155;
    max-width: 100%;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.control.has-icons-left .input, .control.has-icons-left .select select {
    padding-left: 40px;
}
.form-container {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    box-shadow: 0 4px 12px 0 rgba(28, 30, 34, .08);
    border-radius: 8px;
    overflow: hidden;
}
.sidebar .form-container {
    border-color: #e2e8f0;
}
.form-container .form-content {
    background: #fff;
    padding: 20px;
}
.section-subtitle {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.checkbox-radio-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
}
.field:not(:last-child) {
    margin-bottom: 12px;
}
.sidebar .form-container .section-subtitle+.form-check-list {
    margin-top: 20px;
}
.label {
    color: #334155;
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.control.has-float-label .label {
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 18px;
    z-index: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(51, 65, 85, .5);
    white-space: nowrap;
    -webkit-transition: all .25s ease;
}
.sidebar .form-container .block-label {
    margin: 20px 0 12px;
}
.sidebar .form-container .field+.field.is-checkbox {
    margin-top: 20px;
}
.sidebar .form-container .block-text {
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 400;
    color: #475569;
    text-align: center;
}
.has-text-danger {
    color: #dc2626 !important;
}
p a {
    text-decoration: underline;
}
p a:not(:hover) {
    color: #182a73;
}
.button.is-fullwidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    width: 100%;
}
.button.is-primary {
    background: #2e438f;
    border-color: #2e438f;
    color: #fff;
}
.divider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    width: 100%;
    padding: .5rem 0;
    line-height: 1px;
    text-align: center;
}
.sidebar .form-container .divider {
    margin: 0 0 12px;
}
.divider span {
    padding: 0 8px;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1px;
    font-weight: 400;
    color: #aab7ca;
}
.sidebar .form-container .divider-text {
    font-size:13px;
    color: #aab7ca;
}
.divider:after, .divider:before {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex
;
    width: 100%;
    height: 1px;
    background: #e2e8f0;
}
.sidebar .form-container .block-buttons {
    gap: 12px;
}
.sidebar .form-container .block-buttons+.block-text {
    margin-top: 20px;
}
.buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    justify-content: flex-start;
    gap: 12px;
}
.button.is-secondary {
    background: #fff;
    border-color: #2e438f;
    color: #2e438f;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.button.is-secondary {
    background: #fff;
    border-color: #2e438f;
    color: #2e438f;
}
.sidebar-content .buttons .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
}
.sidebar .form-container .block-buttons .button {
    height: 56px;
    font-size: 14px;
    line-height: 20px;
}
.sidebar .form-container .block-buttons .button .ti {
    font-size: 20px;
}
.has-text-weight-normal {
    font-weight: 400 !important;
}
.button .ti:first-child:not(:last-child) {
    margin-left: calc(-.1875rem - 1px);
    margin-right: .375rem;
}
.sidebar-content+.sidebar-content {
    margin-top: 16px;
}
@media screen and (min-width: 992px) {
    .sidebar-content.is-sticky {
        position: sticky;
        top: 24px;
    }
}

.page-header .field.is-boxed {
    max-width: 460px;
}
.field.is-boxed.is-medium .input {
    height: 3rem;
    padding-right: 3rem;
}
.field.is-boxed .button-search {
    position: absolute;
    top: 50%;
    right: .25rem;
    height: calc(var(--control-height) - 6px);
    min-width: calc(var(--control-height) - 6px);
    border-radius: 4px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.field.is-boxed.is-medium .button-search {
    height: calc(var(--control-height-medium) - 8px);
    min-width: calc(var(--control-height-medium) - 8px);
}
:root {
    --control-height: 2.5rem;
    --control-height-small: 2.125rem;
    --control-height-medium: 3rem;
    --control-height-large: 3.375rem;
}
.page-body-content .section-title {
    font-size: 18px;
    line-height: 26px;margin-bottom: 24px;
    letter-spacing: -.38px;
    font-weight: 700;
}
.page-search{padding: 24px 0;border-top: 1px solid #e2e8f0;margin-top: 24px}
.col-touch{display: none;}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body {
	overflow-y: visible;
	position: relative;
}
html, body {
	overflow-x: hidden;
	margin: 0;
}

#main{overflow: hidden;}
.supports .item a{width: 44px;height: 44px;}
.supports .item a img{max-width: 24px;max-height: 24px;}
.supports .item a.zalo img{max-width: 30px;}
.backtop a{width: 44px;height: 44px;}
.backtop a img{max-width: 24px;max-height: 24px;}

#header .col-touch{display: block;}

.line-dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 999}
body.active-menu .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;}
#menu-mobile{display: block;transition: all .5s; background: #fff;z-index: 9999;position: fixed;width: 300px;height: 100%;top: 0;right: -300px;opacity: 0;visibility: hidden;padding-top: 40px;}
body.active-menu #menu-mobile{opacity: 1;visibility: visible;right: 0;}
#menu-mobile .close{width: 24px;height: 24px;cursor: pointer;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;}
#menu-mobile ul{list-style: none;margin-bottom: 0;}
#menu-mobile .menu{overflow-y: auto;padding: 15px 10px 10px 20px;margin-top: 20px}
#menu-mobile .menu ul{display: none;padding-left: 20px;}
#menu-mobile .menu li{position: relative;}
#menu-mobile .menu li>a{display: flex;align-items: center;min-height: 48px;}
#menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 15px;}
#menu-mobile .menu li.re-arrouw>svg{transform: rotate(180deg);}
.mbproject{display:none; }
.mbne{display: none;}
}
@media(max-width:767px) {
    .floating-share{flex-direction: row-reverse;
  gap: 12px;
  width: auto;}
  .floating-share__line-horizontal{height: auto}
    .pcne{display: none;}
    .mbne{display: block;}
    .section-banner-body .box{padding: 20px 20px 0px;}
    .section-banner .section-banner-slider{margin-top: 10px}
 
    .pcproject{display: none;}
    .card-project-2{padding: 0}
    .home .section-project .section-content {
  margin: 0;
}
    .mbproject{display: block;}
    .col-md-3 .navbar-end{display: none;}
    .single-du-an .sidebar{display: block;}
    #menu-mobile .navbar-end{display: flex;
  justify-content: center;
  gap: 10px;
  flex-direction: column !important;}
  #menu-mobile .navbar-end a{width: 80%;
  display: block;
  margin: 0 auto;
  text-align: center;}
  .section-banner .section-content .container{flex-direction: column;}
    .logo-mb{position: absolute;
  left: 50%;top: 20px;
  transform: translate(-50%,0);}
  #menu-mobile .menu li:not(:last-child){border-bottom: 1px solid #e2e8f0;}
  .main-header-logos img{min-width: 100px;max-width: 100px}
    .col-touch{display: block;}
    .touch i{color: #c2812a}
    .main-header__content{padding: 6px 13px}
    .main-header .navbar-end, .main-header .navbar-start{justify-content: space-between;}
.content-post .gallery.gallery-columns-2{grid-template-columns:repeat(1,1fr)}
.content-post .gallery.gallery-columns-4{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-3{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-6{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-7{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-8{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-9{grid-template-columns:repeat(2,1fr)}
.home .section-subdivision{margin-top: 30px}
.page-content{max-width: 100%;}
.single.single-post .page-content{padding: 0 13px}
.section-banner .section-content{padding: 20px 0}
.section-banner{height: auto}
.section-banner .section-title {
  font-size: 20px;
  line-height: 30px;}
  .home .section-project, .home .section-news-highlight{padding: 15px 0}
  .template-highlight-post-content{margin-bottom: 15px}
   .section-news-highlight .template-highlight-post-sidebar .card-post {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items: flex-start;
    gap: 12px;
  }
   .section-news-highlight .template-highlight-post-sidebar .card-post .card-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
    height: 76px;
    padding: 0;
  }
  .section-news-highlight .template-highlight-post-sidebar .card-post .card-content {
    margin-top: 0;
  }
.navbar-menu{display: none;}
.section-same-category .card-post.is-list {
  -ms-grid-columns: 274px 1fr;
  grid-template-columns: 120px 1fr;
}
.section-same-category .card-post .card-text {
  display: none;
}
.tabs {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -moz-box-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  font-size: .875rem;
  font-weight: 600;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  overflow: hidden;
    overflow-x: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.section-project .is-grid {
  --breakpoint-grid-columns: 1;
}
}
@media(max-width:575px) {


}
@media(max-width:428px) {


}