header#header {
    height: 112px;
    display: flex;
    align-items: center;
}

.header-wrapper.stuck {
    box-shadow: none !important;
    top: 0px !important;
}

.stuck #logo img.header-logo-dark {
    width: 50px;
    transform: none;
}

header#header.has-transparent {
    top: 14px;
}

#logo img.header-logo-dark {
    max-height: 112px;
    width: 112px;
    transform: translateY(-26px);
    transition: all 0.5s;
}

.header-nav-main.nav>li>a {
    font-size: 15px;
    color: #fff;
    padding: 0;
}

.header-nav-main.nav>li:hover>a,
.header-nav-main.nav>li.active>a {
    font-size: 15px;
    color: var(--primary-color);
}

.header-nav-main.nav>li.active>a::after {
    content: "";
    position: absolute;
    height: 4.45px;
    width: 4.45px;
    transform: rotate(-45deg);
    background-color: var(--primary-color);
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
}

div#masthead {
    max-width: 1290px;
    margin: 0 auto;
    background-color: var(--fs-color-secondary);
    border-radius: 5px;
}

div#masthead .header-nav {
    justify-content: space-between;
}

div#masthead .header-nav>li {
    margin: 0;
}

div#masthead::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/03/image-3-1.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-blend-mode: color-burn;
    border-radius: 5px;
    background-repeat: space;
    background-color: var(--fs-color-secondary);
    background-size: contain;
}

div#masthead .header-inner {
    position: relative;
    z-index: 2;
}

.mfp-close {
    mix-blend-mode: unset;
    opacity: 1;
}

/* footer */
footer a:hover *,
footer a:hover {
    color: var(--primary-color) !important;
}

.map-face img {
    max-width: 268px;
}

.footer-title-logo>* {
    font-size: 28px;
    margin: 0;
    margin-top: 15px;
    line-height: normal;
}

footer iframe {
    width: 268px;
    height: 148px;
}

.footer-title>* {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 45px;
}

.col-contact .icon-box {
    margin-bottom: 30px;
}

.col-contact .icon-box-img {
    position: relative;
    top: -3px;
}

.col-contact a.plain:last-child .icon-box {
    margin: 0;
}

.col-contact .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 18px;
}

.icon-box-img img,
.icon-box-img svg {
    padding: 0;
}

.col-social .icon-box {
    margin-bottom: 20px;
}

.col-social .icon-box-img {
    width: 44px !important;
    height: 44px;
    background-color: #fff;
    color: var(--fs-color-secondary);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.col-social .icon-box-img img,
.col-social .icon-box-img svg {
    max-width: 24px;
    object-fit: contain;
    line-height: 1;
}

.col-social .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 23px;
}

.copyright>* {
    margin: 0;
}

.absolute-footer {
    display: none;
}

/* layout */
.banner-img-main img {
    min-height: 500px;
    object-fit: cover;
}

.title h1,
.title h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 13px;
}

.ab-desc p {
    font-size: 16px;
    margin-bottom: 30px;
}

.ab-desc h3 {
    font-size: 24px;
    margin-bottom: 38px;
}

.btn-main.button {
    border-radius: 30px 0;
    min-width: 194px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0;
}

.btn-main.button .icon-angle-right::before {
    content: url(../svg/arr-right.svg);
}

.btn-main.button:hover {
    background-color: var(--fs-color-secondary);
    box-shadow: none;
    color: #fff;
}

.btn-main.button:hover .icon-angle-right::before {
    content: url(../svg/arr-right-white.svg);
}

.btn-main.button.is-outline i {
    font-weight: normal;
}

.btn-main.button.is-outline {
    border-color: #FCAF17;
    min-width: 168px;
}
a.button.white.is-outline.btn-main {
    border-color: white;
}
a.button.white.is-outline.btn-main:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}
a.button.white.is-outline.btn-main .icon-angle-right::before {
    content: url(../svg/arr-right-white.svg);
}

.ab-img-main {
    border-radius: 20px;
    overflow: hidden;
    max-width: 450px;
    z-index: 2;
    margin: 0 auto;
}

.left-logo {
    border: 1px solid #E6E6E6;
    position: absolute;
    height: 100%;
    left: 105px;
    width: 495px !important;
    top: 50px;
    padding: 70px 20px 50px;
    border-radius: 20px;
}

.left-logo * {
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
}

.ab-img-wrap .col-inner {
    border-radius: 20px;
    max-width: 450px;
    margin: 0 auto;
}

.text-year * {
    margin: 0;
}

.text-year strong {
    font-family: var(--font-2);
    font-size: 50px;
    font-weight: normal;
    line-height: 1;
}

.text-year {
    text-transform: uppercase;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 71px;
    left: 0;
    transform: translateX(-50%);
    z-index: 3;
    border-radius: 20px;
    background-color: #27357C;
    color: #Fff;
    width: 100px;
    height: 112px;
    justify-content: center;
}

.text-year::before {
    content: "";
    position: absolute;
    border-radius: 24px;
    inset: -4px;
    border: 1px solid #27357C;
}

.ab-img-wrap .col-inner .uxb-wrapper.uxb-wrapper--text {
    position: unset
}

.box-val .col-inner {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-val .icon-box-center .icon-box-img {
    margin-bottom: 0;
}

.box-val h3 {
    font-size: 40px;
    margin-bottom: 0;
}

.box-val p {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
}

.ss-du-an {
    overflow: hidden;
}

.slider-ab .col,
.slider-du-an .col {
    padding-bottom: 0;
}

.slider-ab .img .img-inner,
.slider-du-an .img {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 4px 25px 0px #0000001A;
}

.slider-ab .col-inner .img::before,
.slider-du-an .col-inner::before {
    content: "";
    inset: 0;
    background-color: #ECECEC;
    transform: rotate(-4deg);
    position: absolute;
}

.slider-ab .flickity-viewport,
.slider-du-an .flickity-viewport {
    overflow: unset;
}

.slider-ab .col {
    padding: 0 60px;
}

.slider-ab .col-inner * {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    margin-top: 23px;
    text-align: center;
}

.slider-du-an .slick-list.draggable {
    overflow: unset;
}

.desc-main blockquote::before {
    content: url(../svg/quotes.svg);
    position: absolute;
    left: -70px;
    top: -25px;
}

.desc-main blockquote {
    border-left: 0;
    color: #27357C;
    font-style: unset;
    margin: 0 0 70px;
    padding: 0;
    text-align: center;
    position: relative;
    font-size: 20px;
    font-weight: 600;
}

.desc-main h3 {
    font-size: 28px;
}

.col-form .col-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col-form .col-inner form {
    margin: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.col-form .col-inner form .wpcf7-form-control::placeholder {
    color: #626262;
}

.col-form .col-inner form .wpcf7-form-control {
    width: 235px;
    height: 50px;
    padding-left: 32px;
    margin: 0;
    font-size: 16px;
    color: #000;
    border-radius: 30px 0;
}

.col-form .col-inner form .wpcf7-submit {
    width: 182px;
    text-transform: none;
    padding: 0;
    font-weight: 600;
}

.col-form .col-inner .icon-box {
    position: relative;
    margin-right: 20px;
}

.col-form .col-inner .icon-box-img {
    position: absolute;
    margin: 0;
    width: 99px !important;
    left: 0;
    right: 0;
    top: -30px;
    margin: auto;
}

.col-form .col-inner .icon-box-text {
    position: relative;
}

.col-form .col-inner .icon-box-text h2 {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.wpcf7-spinner {
    position: absolute;
}

.project-item {
    display: block;
    position: relative;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    box-shadow: 5px 4px 15px 0px #00000012;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.project-item-img {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.project-item-img .image-cover {
    padding-top: 65.6%;
}

.project-item-img::after {
    position: absolute;
    content: url(../svg/ri_links-line.svg);
    background-color: rgba(0, 0, 0, 0.5);
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.project-item:hover .project-item-img::after {
    opacity: 1;
}

.project-item-img>span {
    background: url(../svg/bg-s.svg) center / contain no-repeat;
    width: 117px;
    height: 37px;
    display: block;
    position: absolute;
    font-size: 15px;
    color: #27357C;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 29px;
    text-align: center;
    z-index: 2;
    top: 20px;
    left: 20px;
}

.project-item-desc {
    padding: 30px 15px 40px;
    text-align: center;
    color: #4E4E4E;
}

.project-item-desc h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

.project-item-desc .btn {
    width: 160px;
    font-weight: 600;
    height: 50px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px 0;
    background-color: #FCAF17;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 23px;
}

.project-item:hover .project-item-desc h3 {
    color: var(--primary-color);
}

.ss-project-re {
    padding: 88px 0;
}

.related-projects {
    margin-top: 80px;
}

.banner-main .section-content {
    display: flex;
    min-height: 399px;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-bottom: 60px;
}

.banner-main .section-bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.36%, #000000 108.52%);
}

.rank-math-breadcrumb * {
    font-size: 15px;
    margin: 0;
}

.rank-math-breadcrumb span.separator {
    margin: 0 8px;
}

.rank-math-breadcrumb a {
    font-weight: 600;
}

.rank-math-breadcrumb a:hover {
    color: var(--primary-color);
}

.single .rank-math-breadcrumb .last {
    display: none;
}

.single .rank-math-breadcrumb span.separator:nth-last-of-type(2) {
    display: none;
}

.cat-project-list .col {
    padding-bottom: 0;
}

.box-project-cat {
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
}

.box-project-cat .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0.7) 100%);
}


.box-project-cat .box-text {
    top: 0;
    display: flex;
    justify-content: end;
    padding: 30px;
}

.box-project-cat .box-text-inner {
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
}

.box-project-cat .box-text-inner .count-post {
    margin: 0;
    color: #FCAF17;
    font-weight: 500;
}

.box-project-cat .text-center>div>div {
    margin: 0 !important;
}

.box-project-cat .box-text-inner h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.box-project-cat .box-text-inner .btn-main.button {
    position: absolute;
    inset: 0;
    height: max-content;
    opacity: 0;
    width: max-content;
    margin: auto !important;
}

.box-project-cat:hover .box-text-inner .btn-main.button {
    opacity: 1;
}

.ss-cat .section-bg.fill img {
    max-width: 896px;
    height: auto;
    margin: -87px auto 0px;
    right: 0;
}

.ar-project {
    padding: 40px 0;
}

/* post */
.blog-wrapper {
    padding: 0;
}

.blog-wrapper>.row {
    margin-top: 80px !important;
}

.blog-single>.row>.large-10 {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 0;
}

.entry-image img {
    border-radius: 30px;
    margin-bottom: 40px;
}

h1.entry-title {
    text-align: center;
    font-size: 28px;
    color: #27357C;
    margin-bottom: 30px;
}

.entry-meta {
    text-align: center;
}

.entry-meta>* {
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.entry-meta>*+* {
    margin-left: 29px;
}

.entry-meta>* a {
    font-size: 16px;
    color: #4E4E4E;
}

.entry-meta .posted-on::before {
    content: url(../svg/calendar.svg);
    margin-right: 11px;
}

.entry-meta .byline::before {
    margin-right: 11px;
    content: url(../svg/comment.svg);
}

.entry-content.single-page h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.entry-content-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #D9D9D9;
}

.blog-share>span {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-right: 10px;
}

.blog-share a.plain {
    color: #27357C;
}

.author-main {
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.author-main a {
    font-weight: normal;
    color: #000;
}

.post {
    margin: 0;
}

.ss-post-re {
    padding: 80px 0;
}

.box-blog-post .is-divider,
.box-blog-post .from_the_blog_excerpt {
    display: none;
}

.box-blog-post h5.post-title {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 15px;
}

.box-blog-post .box-text {
    position: unset;
    padding: 30px 0 0;
}

.box-blog-post .overlay,
.box-blog-post .image-cover {
    padding-top: 85% !important;
    border-radius: 20px;
}

.box-meta {
    position: absolute;
    top: 0;
    background: #fff;
    z-index: 2;
    width: 60px;
    height: 60px;
    border-radius: 20px 0;
    left: 20px;
    top: 20px;
    padding: 13px;
    content: url(../svg/hugeicons_news.svg);
}

.box-meta.video {
    content: url(../svg/fluent_video.svg);
}

.related-posts .row {
    justify-content: center;
}

.title-post-re h2 {
    font-size: 28px;
    margin-bottom: 68px;
}

ul.page-numbers.nav-pagination.links.text-center {
    margin-bottom: 30px;
}

.widget-area .box-blog-post {
    display: flex;
}

.widget-area .box-blog-post .box-image {
    width: 120px !important;
}

.widget-area .box-blog-post .box-text {
    max-width: calc(100% - 120px);
    padding-left: 30px;
    padding-top: 0;
}

.widget-area .box-blog-post .box-text-inner {
    display: flex;
    flex-direction: column-reverse;
}

.widget-area .box-blog-post h5.post-title {
    font-size: 16px;
    text-align: left;
    margin-bottom: 12px;
}

.widget-area .box-blog-post h5.post-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-transform: none;
}

.widget-area .box-blog-post .entry-meta {
    text-align: left;
}

.widget-area .box-blog-post .byline,
.widget-area .box-meta {
    display: none;
}

.widget-area .col.post-item:last-child {
    padding-bottom: 0;
}

.sidebar-title::after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #E3B534;
}

.sidebar-title * {
    margin: 0;
    margin-top: 60px;
    font-size: 24px;
    font-weight: bold;
}

.sidebar-title:first-child * {
    margin-top: 0;
}

.box-video .img {
    border-radius: 20px;
    overflow: hidden;
}

.box-video p {
    font-weight: 700;
    margin: 10px 0;
}

.box-has-video.has-hover:hover .absolute.show-on-hover,
.box-video .has-hover:hover .absolute.show-on-hover {
    transform: translate(-50%, -50%) !important;
}

.box-has-video .overlay-icon,
.box-video .overlay-icon {
    width: 73px;
    height: 53px;
    border-radius: 12px;
    text-align: center !important;
    border-width: 3px;
    opacity: 1;
    line-height: 50px;
    transform: scale(1) !important;
}

.box-video .icon-box-img {
    position: relative;
    top: -2px;
}

.box-video .icon-box p {
    font-weight: normal;
    margin: 0;
    color: #4E4E4E;
}

.widget-area .wpcf7-form-control::placeholder {
    color: #000;
}

.widget-area .wpcf7-form-control {
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: none;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    color: #000;
    padding-left: 20px;
}

.widget-area .wpcf7 button {
    background-color: #FCAF17;
    border-radius: 30px 0;
    width: 182px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    font-weight: bold;
}

aside#block-4 {
    max-width: 380px;
}

.map-main * {
    margin: 0;
}

.map-main {
    position: relative;
    padding-top: 91.1%;
}

.map-main iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.col-contact-main .col-inner {
    padding-left: 200px;
}

.col-contact-main .icon-box {
    align-items: center;
}

.col-contact-main .icon-box-text {
    padding: 30px !important;
    padding-right: 0;
    border-left: 1px solid #D9D9D9;
    margin-left: 30px;
    font-weight: 600;
    font-size: 18px;
}

.col-contact-main .title {
    margin-bottom: 88px;
}

.logo-bottom {
    position: absolute;
    right: -100px;
    bottom: 0;
    width: 767px !important;
}

.title-icon.icon-box {
    padding-left: 60px;
}

.title-icon.icon-box.pl-0 {
    padding-left: 0;
}

.title-icon .icon-box-img {
    position: relative;
    max-width: 37px;
    top: -15px;
}

.bg-contain .section-bg img {
    object-fit: contain;
}

.box-why .col-inner {
    min-height: 530px;
    box-shadow: 0px 4px 25px 0px #0000001A;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.box-why .icon-box-img img {
    width: 54px !important;
    height: 54px;
    object-fit: contain;
    position: relative;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.row-collapse>.col.box-why {
    padding: 0 0.5px !important;
}

.box-why .icon-box-img::before {
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    border-radius: 50%;
    inset: -10px;
    border: 1px dashed #C3C3C3;
}

.box-why .icon-box-img {
    width: 94px !important;
    height: 94px;
    border-radius: 50%;
    background-color: #ECECEC;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 63px;
    transition: all 0.3s ease-in-out;
}

.box-why:hover .icon-box-img img {
    filter: brightness(0) invert(1);
}

.box-why:hover .icon-box-img {
    background-color: #FCAF17;
}

.box-why p {
    margin: 0 auto;
    max-width: 242px;
}

.box-why h3 {
    font-size: 24px;
    margin-bottom: 17px;
}


.ss-why {
    counter-reset: section;
}

.box-why:hover {
    position: relative;
    z-index: 2;
}

.box-why .col-inner:hover {
    transform: translateY(-20px);
    box-shadow: 0px 4px 50px 0px #00000040;
}

.box-why .col-inner::after {
    counter-increment: section;
    content: "0" counter(section) "";
    font-family: var(--font-3);
    font-size: 120px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #000000;
    opacity: 0.15;
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 1;
}

.box-why .col-inner:hover::after {
    -webkit-text-fill-color: #000;
}

.gallery-main .gallery-col.col .col-inner {
    padding: 5px;
}

.gallery-main .box-image {
    width: 100%;
    height: 120px;
    object-fit: contain;
    border: 1px solid #D9D9D9;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-main img {
    width: auto !important;
}

.col-itm .col-inner {
    min-height: 724px;
    max-width: 940px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    position: relative;
    left: -130px;
    font-size: 20px;
}

.col-itm-r {
    z-index: 3;
}

.col-itm-r .col-inner {
    right: -130px;
    left: auto;
}

.col-itm .col-inner h2 {
    margin-bottom: 54px
}

.col-itm .col-inner .text {
    max-width: 684px;
}

.col-itm .col-inner::after {
    content: "";
    position: absolute;
    inset: 17px;
    border: 1px dashed #FFFFFF;
}

.box-blog-post a.button.primary {
    border-radius: 30px 0;
    min-width: 165px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-transform: none;
    color: #000;
    font-weight: 600;
}

.file-item {
    display: block;
    padding: 10px 20px;
    padding-left: 60px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: start;
}

#post-file hr {
    margin: 20px 0;
    opacity: 1;
    border-top: 1px solid #ccc;
}

#post-file hr:last-child {
    display: none;
}

.file-item h3 {
    color: inherit;
    font-size: 14px;
    display: inline-block;
    width: max-content;
    margin: 0;
    font-weight: normal;
}

.file-item span {
    position: absolute;
    right: 14px;
    top: 15px;
    width: 20px;
    font-size: 10px;
    display: block;
    width: max-content;
}

/* .single .file-item::after, */
/* .archive .file-item::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 7px;
    left: 13px;
    background: url(../svg/hugeicons_news.svg) center / contain no-repeat;
} */

.file-item {
    padding-left: 20px;
}

/* 
.file-item::after {
    background: url(../svg/download.svg) center / contain no-repeat;
    right: 14px;
    left: auto;
    width: 20px;
} */

.file-item i {
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    /* margin-left: auto; */
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.blog-file h1 {
    margin-bottom: 22px;
}

#filePopup .popup-content>a {
    font-size: 20px;
}

.bg-logo {
    position: absolute;
    top: 53px;
    left: 246px;
    max-width: 390px;
    margin-left: auto;
    z-index: -1;
}
.banner-home-main p{
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0%;
	text-transform: uppercase;
	margin-bottom:40px
}
.banner-home-main h1{
	font-family: "Catamaran", sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	margin-bottom:20px
}
/* responsive */
@media screen and (min-width: 550px) and (max-width: 850px) {
    body:not(.search) .layout-1 .col.post-item {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 550px) {
    .fz-18 {
        font-size: 18px;
    }

    .ar-list .box-vertical.box-blog-post {
        border: 1px solid #D4D4D4;
        border-radius: 20px;
        overflow: hidden;
    }

    .ar-list .box-vertical.box-blog-post:hover {
        box-shadow: 5px 10px 36px 0px #00000026;
    }

    .ar-list .box-vertical.box-blog-post .box-text {
        padding: 20px;
    }

    .ar-list .box-vertical.box-blog-post .from_the_blog_excerpt {
        display: block;
        margin-top: 18px;
        color: #000;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-transform: none;
        font-size: 16px;
    }
}

@media screen and (min-width: 850px) {
    .ar-list .box-vertical.box-blog-post .box-text {
        padding: 45px 50px;
    }

    .slider-du-an .col {
        padding: 0 50px;
    }

    .desc-main p {
        margin-bottom: 40px;
    }

    body:not(.search) .layout-1 .col.post-item {
        flex-basis: 25%;
        max-width: 25%;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(7),
    body:not(.search) .layout-1 .col.post-item:nth-child(6),
    body:not(.search) .layout-1 .col.post-item:nth-child(1) {
        flex-basis: 50%;
        max-width: 50%;
    }

    body:not(.search) .layout-1 .box-text-inner.blog-post-inner {
        text-align: center;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(7) .box-text-inner.blog-post-inner,
    body:not(.search) .layout-1 .col.post-item:nth-child(6) .box-text-inner.blog-post-inner,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-text-inner.blog-post-inner {
        text-align: left;
    }


    body:not(.search) .layout-1 .col.post-item:nth-child(7) .box-text-inner.blog-post-inner>a,
    body:not(.search) .layout-1 .col.post-item:nth-child(6) .box-text-inner.blog-post-inner>a,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-text-inner.blog-post-inner>a {
        display: none;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(7) .box-blog-post .box-text,
    body:not(.search) .layout-1 .col.post-item:nth-child(6) .box-blog-post .box-text,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-blog-post .box-text {
        z-index: 5;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        padding: 34px;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(6) .box-meta,
    body:not(.search) .layout-1 .col.post-item:nth-child(7) .box-meta,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-meta {
        opacity: 0
    }

    body:not(.search) .layout-1 .box-has-video .box-meta.video {
        opacity: 1 !important;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(6) .box-blog-post .image-cover,
    body:not(.search) .layout-1 .col.post-item:nth-child(7) .box-blog-post .image-cover,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-blog-post .image-cover {
        padding-top: 500px !important;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-blog-post .image-cover a::after {
        content: "";
        inset: 0;
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.2%, rgba(0, 0, 0, 0.8) 100%);

    }

    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-blog-post a.button.primary {
        display: none
    }

    body:not(.search) .layout-1 .col.post-item .box-blog-post h5.post-title {
        font-size: 16px;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(6) .box-blog-post h5.post-title,
    body:not(.search) .layout-1 .col.post-item:nth-child(7) .box-blog-post h5.post-title,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .box-blog-post h5.post-title {
        color: #fff;
        text-align: left;
        font-size: 24px;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(6) .entry-meta,
    body:not(.search) .layout-1 .col.post-item:nth-child(7) .entry-meta,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .entry-meta {
        text-align: left;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(6) .entry-meta *,
    body:not(.search) .layout-1 .col.post-item:nth-child(7) .entry-meta *,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .entry-meta * {
        color: #fff;
        text-align: left;
        font-size: 16px;
    }

    body:not(.search) .layout-1 .col.post-item:nth-child(6) .entry-meta *::before,
    body:not(.search) .layout-1 .col.post-item:nth-child(7) .entry-meta *::before,
    body:not(.search) .layout-1 .col.post-item:nth-child(1) .entry-meta *::before {
        filter: brightness(0) invert(1);
    }

    .list-why {
        margin-bottom: -114px;
    }
}

@media screen and (min-width: 1200px) {


    div#masthead {
        padding: 0 40px;
    }

    .logo-center .logo {
        margin: 0 60px 0 70px;
    }
}

@media screen and (max-width: 1400px) {
    .col-itm .col-inner {
        left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .logo-center .logo {
        margin: 0 10px;
    }

    .col-form .col-inner {
        gap: 20px;
        flex-direction: column;
    }

    .col-form .col-inner .icon-box {
        margin: 0;
    }

    .col-form .col-inner form {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .col-contact-main .col-inner {
        padding: 30px;
    }

    .col-contact-main .title {
        margin-bottom: 30px;
    }

    .logo-bottom {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    .desc-main blockquote::before {
        left: 0;
    }

    .desc-main blockquote {
        padding-left: 50px;
    }
}

@media screen and (max-width: 851px) {
    .box-project-cat .box-text-inner .btn-main.button {
        width: 90%;
        min-width: 90%;
    }

    .text-year {
        transform: translateX(-20px);
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: #000;
        font-size: 14px;
    }

    .header-nav-main.nav>li>a {
        font-size: 13px;
    }

    .footer-title>* {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .col-contact .icon-box,
    .col-contact .icon-box {
        margin-bottom: 10px;
    }

    .box-val p {
        font-size: 14px;
    }

    .box-val h3 {
        font-size: 30px;
    }

    .box-project-cat .box-text {
        padding: 15px;
    }

    .box-project-cat .box-text-inner .count-post {
        font-size: 10px;
    }

    .box-project-cat .box-text-inner h3 {
        font-size: 16px;
    }

    .box-project-cat .image-cover {
        padding-top: 250px !important;
    }

    .box-project-cat-main .image-cover {
        padding-top: 530px !important;
    }

    .bg-logo {
        left: 78px;
    }

    .header-wrapper.stuck {
        top: 0 !important;
    }

    header#header {
        height: auto;
        top: 0 !important;
    }

    div#masthead {
        border-radius: 0;
        height: 80px !important
    }

    #logo img.header-logo-dark {
        transform: none;
        width: 70px;
        margin: 0;
        object-fit: contain;
    }

    .medium-logo-left .logo {
        margin: 0
    }
}

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

    div#masthead {
        height: 70px !important
    }

    #logo img.header-logo-dark {
        max-height: 90px;
        width: 60px;
        margin: 0;
        object-fit: contain;
    }

    header#header.has-transparent {
        top: 8px;
    }

    .text-year {
        font-size: 14px;
        width: 80px;
        height: 100px;
        top: 30px;
        left: 20px;
    }

    .left-logo {
        height: 100%;
        left: 30px;
        width: 100% !important;
        top: 50px;
        padding: 50px 10px;
    }

    .ab-img-wrap .col-inner {
        max-width: 90%;
        padding-right: 44px !important;
    }

    .ab-desc p {
        font-size: 15px;
    }

    .box-val .col-inner {
        min-height: 150px;
    }

    .box-val h3 {
        font-size: 24px;
    }

    .title h1,
    .title h2 {
        font-size: 24px;
    }

    .ab-desc h3 {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .btn-main.button {
        min-width: unset;
        height: auto;
        line-height: normal;
        min-height: unset;
        padding: 10px 15px;
        font-size: 14px;
    }

    .desc-main blockquote::before {
        left: 0;
        top: 0;
    }

    .desc-main blockquote {
        font-size: 16px;
        padding-top: 50px;
        margin: 0 0 30px;
        padding-left: 0px;
    }

    .desc-main h3 {
        font-size: 20px;
    }

    .col-form .col-inner form .wpcf7-form-control {
        width: 100%;
    }

    .ss-project-re {
        padding: 40px 0;
    }

    .related-projects {
        margin-top: 40px;
    }

    .box-project-cat {
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .cat-project-list.row {
        padding: 0 15px;
    }

    .cat-project-list.row,
    .cat-project-list.row .row:not(.row-collapse) {
        width: auto;
        max-width: unset;
        margin: 0 -3px;
    }

    .cat-project-list .col {
        padding: 0 3px 0;
    }

    .box-project-cat .image-cover {
        padding-top: 150px !important;
    }

    .box-project-cat-main .image-cover {
        padding-top: 310px !important;
    }

    .box-project-cat .box-text-inner {
        flex-direction: column;
        justify-content: end;
        align-items: start;
    }

    .box-project-cat .box-text-inner h3 {
        font-size: 12px;
    }

    .box-project-cat .box-text-inner .btn-main.button {
        font-size: 10px;
        width: 80px;
        padding: 5px 0 7px;
        border-radius: 20px 0
    }

    .box-project-cat .btn-main.button .icon-angle-right {
        display: none
    }

    .blog-wrapper>.row {
        margin-top: 40px !important;
    }

    h1.entry-title {
        font-size: 24px;
    }

    .entry-content.single-page h3 {
        font-size: 20px;
    }

    .ss-post-re {
        padding: 40px 0;
    }

    .title-post-re h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .box-blog-post h5.post-title {
        font-size: 16px;
    }

    .col-contact-main .icon-box {
        margin-bottom: 30px;
    }

    .col-contact-main .icon-box-text {
        padding: 0 !important;
        padding-left: 30px !important;
        margin: 0;
        border: 0;
    }

    .col-itm .col-inner {
        min-height: unset;
        padding: 50px 30px;
        font-size: 14px;
    }

    .col-itm .col-inner h2 {
        margin-bottom: 30px;
    }

    .header-wrapper.stuck {
        top: 20px;
    }

    .row-collapse>.col.box-why {
        padding: 0 !important;
    }

    .title-icon.icon-box .title h2 {
        font-size: 20px;
    }
}

.post-sidebar .cat-item {
    text-transform: uppercase;
}

.desc-main .gallery .gallery-item {
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
}

.col-cloi-main-logo {
    width: 25.4% !important;
    margin: 0 auto;
    transform: translateX(-5px);
}

.col-cloi-box .icon-box-img {
    width: 64px !important;
    height: 64px;
    transition: all 0.5s;
}

.col-cloi-box .icon-box-img:hover {
    transform: scale(1.2);
}

.col-cloi-box .icon,
.col-cloi-box .icon-inner,
.col-cloi-box .icon-box-img svg {
    height: 64px;
    object-fit: contain
}

.col-cloi-box * {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    margin: 0
}

.col-cloi-box {
    position: absolute;
    align-items: center;
    width: max-content;
    gap: 30px;
}

.col-cloi-box-1 {
    left: 0;
}

.col-cloi-box-2 {
    right: 0;
}

.col-cloi-box-3 {
    left: 0;
    top: 261px;
}

.col-cloi-box-4 {
    right: 0;
    top: 261px;
}

.col-cloi-box-5 {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.col-cloi-box::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    margin: auto;
    margin-left: 50px;
    width: 154px;
    height: 1px;
    background: #000000;
    opacity: 0.2
}

.col-cloi-box-4::before,
.col-cloi-box-2::before {
    left: auto;
    right: 100%;
    margin-right: 40px;
    margin-left: auto;
}

.col-cloi-box-5::before {
    left: 0;
    right: 0%;
    margin: auto;
    height: 66px;
    width: 1px;
    bottom: 100%;
    top: auto;
    margin-bottom: 30px;
}

.col-cloi-box-2::after,
.col-cloi-box-1::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    margin: auto;
    margin-left: 204px;
    width: 70px;
    height: 1px;
    background: #000000;
    opacity: 0.2;
    transform-origin: top left;
    transform: rotate(34deg);
}

.col-cloi-box-2::after {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: 194px;
    transform: rotate(-34deg);
    transform-origin: top right;
}

.col-cloi-box .icon-box-img+.icon-box-text {
    padding: 0;
}

.col-cloi .col-inner {
    padding-bottom: 230px;
    max-width: 1230px;
    margin: 60px auto 0 !important;
}



@media (max-width: 1200px) {

    .col-cloi-box::before,
    .col-cloi-box-2::after,
    .col-cloi-box-1::after {
        display: none;
    }

    .col-cloi-box::before {}

    .col-cloi-box-3,
    .col-cloi-box-4 {
        top: 200px
    }

    .col-cloi .col-inner {
        padding-bottom: 140px
    }
}

@media (max-width: 850px) {

    .col-cloi .col-inner {
        padding-bottom: 120px;
        margin: 0 !important;
    }

    .col-cloi-box .icon-box-img {
        width: 40px !important;
        height: 40px;
        transform: translateX(-5px);
    }

    .col-cloi-box .icon,
    .col-cloi-box .icon-inner,
    .col-cloi-box .icon-box-img svg {
        height: 40px;
        object-fit: contain
    }

    .col-cloi-box * {
        font-size: 20px;
    }

    .col-cloi-box-3,
    .col-cloi-box-4 {
        top: 80px
    }

    .col-cloi-box {
        gap: 10px
    }
}

@media (max-width: 550px) {
    .col-cloi .col-inner {
        padding-bottom: 80px;
    }

    .col-cloi-box .icon-box-img {
        width: 30px !important;
        height: 30px;
    }

    .col-cloi-box .icon,
    .col-cloi-box .icon-inner,
    .col-cloi-box .icon-box-img svg {
        height: 30px;
    }

    .col-cloi-box * {
        font-size: 12px;
    }
}