@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//kata.com.vn/wp-content/themes/fend832/fonts/woodmart-font-1-400.woff2?v=8.3.2") format("woff2");
}

:root {
	--wd-text-font: "font-text", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "font-dam-1", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "font-dam-1", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "font-dam-1", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "font-dam-1", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "font-vua", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(29,70,123);
	--wd-alternative-color: rgb(36,168,204);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(29,70,123);
	--btn-accented-bgcolor-hover: rgb(36,168,204);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(30,115,190);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(29,70,123);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "font-text";
	src: url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-REGULAR.woff") format("woff2"), 
url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-REGULAR.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "font-vua";
	src: url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-MEDIUM.woff") format("woff2"), 
url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-MEDIUM.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "font-dam-1";
	src: url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-SEMIBOLD.woff") format("woff2"), 
url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-SEMIBOLD.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "font-dam-2";
	src: url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-BOLD.woff") format("woff2"), 
url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-BOLD.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "font-dam-3";
	src: url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-HEAVY.woff") format("woff2"), 
url("//kata.com.vn/wp-content/uploads/2025/12/SVN-GILROY-HEAVY.woff") format("woff");
	font-weight: 800;
	font-style: normal;
}

.vc_row {
    --wd-scroll-w: 0px !important;
}
/**********/
/*All Animations*/
.zoom-in {
    -webkit-transform: scale(0);
    transform: scale(0);

    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.zoom-out {
    opacity:0;
    visibility: hidden;

    -webkit-transform: scale(1.8);
    transform: scale(1.8);

    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.fade-in {
    opacity:0;
    visibility: hidden;

    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.fade-in-right {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.fade-in-left {
    opacity:0;
    visibility: hidden;

    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);

    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}


.fade-in-up {
    opacity:0;
    visibility: hidden;

    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.fade-in-down {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.rotate {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: translateY(360px);
    transform: translateY(360px);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.rotate-zoom-in {
    opacity:0;
    visibility: hidden;

    -webkit-transform: rotate(720) scale(0);
    transform: rotate(720) scale(0);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.rotate-zoom-out {
    opacity:0;
    visibility: hidden;

    -webkit-transform: rotate(720) scale(2);
    transform: rotate(720) scale(2);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.flip-up {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.flip-in-right {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: rotateX(0deg) translateX(300px);
    transform: rotateX(0deg) translateX(300px);
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.flip-in-left {
    opacity:0;
    visibility: hidden;
    
    -webkit-transform: rotateX(0deg) translateX(-300px);
    transform: rotateX(0deg) translateX(-300px);
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.flip-down-right {
    opacity:0;
    visibility: hidden;
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation: down-right 1.3s;
    animation: down-right 1.3s;    
}

.reset-down-right {
    -webkit-animation: reset-down-right 1.3s;
    animation: reset-down-right 1.3s;
}

@-webkit-keyframes down-right {
    0% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
@keyframes down-right {
    0% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
 
@-webkit-keyframes reset-down-right {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
}
@keyframes reset-down-right {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
}

.flip-down-left {
    opacity:0;
    visibility: hidden;
    
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation: down-left 1.3s;
    animation: down-left 1.3s;    
}

.reset-down-left {
    -webkit-animation: reset-down-left 1.3s;
    animation: reset-down-left 1.3s;
}

@-webkit-keyframes down-left {
    0% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
@keyframes down-left {
    0% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
 
@-webkit-keyframes reset-down-left {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
}
@keyframes reset-down-left {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
    50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
    100% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
}

.drop-bounce {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
  
@-webkit-keyframes drop {
    0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
    100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
} 
@keyframes drop {
    0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
    100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}

@-webkit-keyframes bounce {
    0%, 53%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
  
    40%, 43% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }
  
    70% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }
  
    90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}
}
@keyframes bounce {
    0%, 53%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
  
    40%, 43% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }
  
    70% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }
  
    90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}
}

@-webkit-keyframes goTop {
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    100% {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
}
@keyframes goTop {
    0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    100% {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
}

 .fullscreen-bg {
        background: #fff;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        z-index: 9999;
    }

    #fullscreen-bg-video {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
    }

    @media (min-aspect-ratio: 16/9) {
        #fullscreen-bg-video {
            height: 300%;
            top: -100%;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        #fullscreen-bg-video {
            width: 300%;
            left: -100%;
        }
    }
/********** DISPLAY NONE *****/
.single-format-image  .ngay-thang-bai-viet-chi-tiet-tin-tuc {
    display: none;
}
.single-format-image header.wd-single-post-header {
    display: none;
}
.box-gird-tin-tuc .thong-tin-du-an-hosting {
    display: none;
}
.box-video-trai-home  .thong-tin-du-an-hosting {
    display: none;
}
.box-video-phai-home  .thong-tin-du-an-hosting {
    display: none;
}
.box-5-home-2-trai .thong-tin-du-an-hosting {
    display: none;
}
.single-format-standard .wd-single-post-header .wd-post-image {
    display: none !important;
}
.single-format-image .wd-single-post-header .wd-post-image {
    display: none !important;
}
.box-tin-tuc-sidbar .blog-design-masonry.wd-add-shadow .wd-post-inner {
    box-shadow: none !important;
    transition: box-shadow 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.box-tin-tuc-sidbar span.tag-danh-muc-bai-viet-slider {
    display: none !important;
}
.box-5-home-2-trai .ngay-thang-bai-viet-slider {
    display: none;
}
.box-gird-tin-tuc .ngay-thang-bai-viet {
    display: none !important;
}
.box-video-trai-home .ngay-thang-bai-viet-slider{
    display: none !important;
}
.box-video-phai-home .ngay-thang-bai-viet-slider{
    display: none !important;
}
.wd-post-meta {
    display: none !important;
}
.wd-post-cat.wd-style-with-bg.meta-post-categories {
    display: none !important;
}
.wd-post-date.wd-style-with-bg {
    display: none !important;
}
#box-1-home .wd-post-thumb {
    display: none;
}
.box-5-home-2-phai span.tag-danh-muc-bai-viet {
    display: none;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    display: none !important;
}
.wd-post-cat.wd-style-with-bg {
    display: none !important;
}
div#comments {
    display: none !important;
}
.single-format-video .ngay-thang-bai-viet-chi-tiet-tin-tuc {
    margin-bottom: 10px;
    color: #505050;
    display: none;
}
/*********** ĐẦU TRANG*****/
.gtranslate_wrapper{
    display: flex !important;
    flex-direction: row-reverse !important;
   
  gap: 5px;
}

/*********** HOME*********/
div#box-tin-tuc-sli {
    margin-bottom: 10%;
}
#box-1-home .blog-design-list.blog-style-bg .wd-post-inner {
    padding: 0px;
    background-color: #0f0f0f00;
    border-radius: var(--wd-brd-radius);
    box-shadow: none !important;
}
#box-1-home .wd-post .wd-post-title {
    font-size: 13px;
    font-family: 'font-vua';
    border-top: 1px solid;
    padding-top: 10px;
}
#box-1-home .ngay-thang-bai-viet {
    font-size: 12px;
}
#box-1-home .wd-posts:not([style*="wd-gap"]) {
    --wd-gap-lg: 20px;
    
}
#box-1-home .box-trai-tin-tuc-sli {
    padding-right: 10%;
}
#box-1-home .box-phai-tin-tuc-sli p {
    text-align: right;
    font-size: 30px;
    color: #fff;
    font-family: 'font-dam-1';
}
#box-1-home .wd-slider-pagin {
    bottom: 55px !important;
   
}
#box-1-home .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    border-color: #ffffff;
    background-color: #ffffff;
    width: 30px !important;
}
#box-1-home .wd-nav-pagin-wrap[class*="wd-style-shape"] span {
    background-color: #fff !important;
    border: #fff !important;
   
}
/***************/
#fend1 ul {
  display: flex;
  padding: 0;
  list-style-type: none;
}

#fend1 li {
  flex: 1;
  display: flex;
  align-items: stretch;
  padding: 20px;
  cursor: pointer;
  transition: all .5s ease;
      background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/1Duan1.jpg);
    background-size: cover !important;
    background-position: center !important;
      height: 600px;
  &:hover {
    background: darken(#E74C3C, 3);
  }
  
  &.active {
    flex: 5;
    background: #fff;
    cursor: default;
    
    h2 {
           margin-bottom: 1% !important;
            transform: rotate(1deg) !important;
            margin-left: 5% !important;
        transition: transform .5s;
    }
    
    .section-content {
            flex: 4;
            opacity: 1;
            transform: scaleX(1);
            
            margin-top: 30px;
            margin-left: 30px;
    }
  }
  
  .section-title {
      transition: transform .5s;
        /* flex: 1; */
        display: flex;
        /* width: 100%; */
        /* margin: 0; */
        /* padding: 0; */
        /* text-align: center; */
        color: white;
        flex-direction: column-reverse;
        /* margin-bottom: 30px; */
        /* margin-left: -40px; */
        align-content: space-between;
        justify-content: space-between;
        align-items: flex-start;
    
    h2 {
            margin: 0;
            transform: rotate(-90deg);
            white-space: nowrap;
            transition: transform .5s;
            color: #fff;
            margin-bottom: 50%;
            margin-left: -40%;
                  font-size: 20px;
            font-family: 'font-dam-2';
    }
  }
  
  .section-content {
    flex: 1;
    align-items: center;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: all .1s .1s ease-out;
     position: absolute;
  }
}



li.anh1.active {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/1Duan1.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}
li.anh2 {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/1Duan2.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}
li.anh3 {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/1Duan3.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}
li.anh4 {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/1Duan4.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}
  #fend1 :is(ul,ol) {
  
    --li-mb: 0px;
    
}
.td1-du-an-home {
    color: #fff;
    font-size: 40px;
    margin-bottom: -10px !important;
}
.td2-du-an-home {
    
    color: #fff;
    font-size: 50px;
  font-family: 'font-dam-2';
}
.td3-du-an-home {
    color: #fff;
    font-size: 18px;
    font-family: 'font-dam-1';
}

#box-4-home .promo-banner .wrapper-content-banner {
    padding: 20px;   
}
#box-4-home .content-banner.text-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#box-4-home .wd-fontsize-l {
    font-size: 16px;
}
#box-4-home .banner-mask .wrapper-content-banner {
    /* background-color: rgba(0, 0, 0, 0.3); */
    background: linear-gradient(to bottom, transparent 5%, rgb(0 0 0 / 0%) 50%, rgb(36 168 204 / 63%) 100%);
}
#box-4-home .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    border-color: #1f4778;
    background-color: #1f4778;
    width: 30px;
}
#box-4-home .wd-nav-pagin-wrap[class*="wd-style-shape"] span {
    background-color: #1f4778;
    border: var(--wd-pagin-brd, 2px solid) #1f4778;
    
}
section#box-4-home {
  
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#box-4-home-2 .vc_column_container>.vc_column-inner {
 
    padding-left: 8px;
    padding-right: 8px;
  
}
#box-4-home-1 .vc_column_container>.vc_column-inner {
    
    padding-left: 0px;
    padding-right: 0px;
   
}
section#box-5-home {
   
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#box-5-home-2 .vc_column_container>.vc_column-inner {
 
    padding-left: 8px;
    padding-right: 8px;
  
}
#box-5-home-1 .vc_column_container>.vc_column-inner {
    
    padding-left: 0px;
    padding-right: 0px;
   
}
#box-5-home .blog-design-mask.has-post-thumbnail .wd-post-content {
       background: linear-gradient(to bottom, transparent 5%, rgb(0 0 0 / 0%) 50%, rgb(36 168 204 / 63%) 100%);
}

#box-5-home .wd-post-content {
 
    align-items: flex-start;
    
}
.box-5-home-2-trai span.tag-tieu-de-bai-viet {
    color: #fff;
  font-size: 11px;
}



.box-5-home-2-phai .blog-design-list.wd-add-shadow .wd-post-inner {
    box-shadow: none;
    transition: box-shadow 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.box-5-home-2-phai .blog-design-list.blog-style-bg .wd-post-inner {
    padding: 0;
    background-color: #ffffff00;
    border-radius: var(--wd-brd-radius);
}

.box-5-home-2-phai  .blog-design-list .wd-post-content-inner {
    gap: 0px;
}
.box-5-home-2-phai span.tag-tieu-de-bai-viet {
    font-size: 11px;
    font-family: 'font-dam-1';
    color: #1d467b;
}
.box-5-home-2-phai .wd-post-title {
    margin-bottom: -5px;
    color: #1d467b;
}
.box-5-home-2-phai  .blog-design-list .wd-post-inner {
  
    align-items: flex-start !important;
}


#box-5-home  .wd-posts:not([style*="wd-gap"]) {
    --wd-gap-lg: 15px !important;
    --wd-gap-md: 40px;
}

.td-1-box-2-home {
    font-size: 40px;
    color: #1d467b;
    font-family: 'font-dam-1';
    margin-bottom: -15px;
}
.td-2-box-2-home {
    font-size: 40px;
    color: #1d467b;
    font-family: 'font-dam-2';
    margin-bottom: 0;
}
.text-3-box-2-home {
    text-align: justify;
    font-size: 16px;
    line-height: 1.36;
    margin-bottom: 20px;
    color: #000;
}

#box-2-home .et-tabs-style-iconbox nav ul li.tab-current {
    z-index: 9;
    background: #1d467b !important;
    color: #1d467b !important;
}
#box-2-home .et-tabs-style-iconbox nav ul li.tab-current a {
    color: #fff !important;
    font-family: 'font-dam-2';
}
#box-2-home  a.et-anchor-tag{
    color: #1d467b;
      font-family: 'font-dam-2';
}

.so-box-3 {
    font-family: 'font-dam-2';
    text-align: center;
    border: 1px solid;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    position: relative;
    background-color: #fff;
    font-size: 30px;
    color: #1d467b;
}

div#box-3-home  h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 24px;
    color: #1d467b;
    font-family: 'font-dam-2';
}

div#box-3-home .info-box-inner.reset-last-child {
    padding: 0 20px;
    line-height: 1.4;
    font-size: 15px;
}
.td-1-home {
    font-size: 40px;
    font-family: 'font-dam-2';
    color: #1d467b;
}
.box-2-box-3-home {
    border: 1px solid #1d467b;
}
.btn-size-large {
    padding: 5px 20px !important;
    min-height: 40px !important;
}
a.btn.btn-color-primary.btn-style-default.btn-shape-semi-round.btn-size-large.btn-icon-pos-right {
    padding: 5px 20px !important;
}
.text-giua {
    text-align: center;
}


section#box-6-home {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.so-le-box-6-home {
    text-align: center;
    font-size: 35px;
    font-family: 'font-dam-2';
    color: #1f4778;
    margin-bottom: 0px;
}
.so-chan-box-6-home {
    text-align: center;
    font-size: 35px;
    font-family: 'font-dam-2';
    color: #24a8cc;
    margin-bottom: 0px;
}
.td-dv-box-6-home {
    text-align: center;
    font-size: 14px;
    font-family: 'font-dam-2';
    color: #1f4778;
    margin-top: -20px;
    line-height: 1.2;
}
section#box-6-home .td-1-home.text-giua {
    margin-bottom: 10px;
}
.form-home {
    background-color: #1f4778;
    padding: 15px;
    border-radius: 5px;
}
.form-home-item.td-form-home {
    font-size: 22px;
    color: #fff;
    font-family: 'font-dam-2'; 
	text-align:center;
}
span.chu-mau-from {
    color: #24a8cc;
}
.form-home input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #285b8c;
    border-radius: 5px;
    border: unset !important;
}
.form-home textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    background-color: #285b8c;
    border: unset !important;
    border-radius: 5px;
    min-height: 80px;
}
.form-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
   
    width: 100%;
    background-color: #24a8cb;
    font-size: 18px;
    border-radius: 5px;
	    margin-top: 20px;
}
.form-home ::placeholder {
  color: #fff;
  opacity: 0.5;
   font-family: 'font-dam-1';
}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: unset !important;
}
.swiper-container-3d .swiper-slide-shadow-right {

    background-image: unset !important;
}
.pgntn-page-pagination a {
    color: #1f4778 !important;
    background-color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #1f4778 !important;
    width: 40px;
    border-radius: 50%;
    font-family: 'font-dam-1';
    font-size: 18px;
}
.pgntn-page-pagination-intro, .pgntn-page-pagination .current {
    background-color: #efefef00 !important;
    color: #838080 !important;
    border: 1px solid #cccccc !important;
    width: 40px;
    font-size: 18px;
    border-radius: 50%;
    font-family: 'font-dam-1';
}
.pgntn-page-pagination .pgntn-page-pagination-block {
    margin: 0 auto;
    text-align: center !important;
}
.pgntn-page-pagination.pgntn-multipage {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}


.box-video-phai-home a.wd-fill {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/icon-play.png);
    background-size: 80px !important;
    background-repeat: no-repeat;
    background-position: center;
}
.box-video-trai-home a.wd-fill {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/icon-play.png);
    background-size: 140px !important;
    background-repeat: no-repeat;
    background-position: center;
}


.box-video-trai-home .wd-wpb {
    margin-bottom: 0px !important;
}
.box-video-phai-home .wd-wpb {
    margin-bottom: 0px !important;
}
.box-video-phai-home .blog-design-mask .wd-post-content>* {
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-bottom: -15px;
}
.box-video-trai-home .blog-design-mask .wd-post-content>* {
    white-space: nowrap;
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -10px;
}
#box-8-home .vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
#box-8-home .vc_column_container>.vc_column-inner {
   
    padding-left: 0px !important;
    padding-right: 0px !important;
 
}
.box-video-trai-home .blog-design-mask.has-post-thumbnail .wd-post-content {
        background: linear-gradient(to bottom, transparent 5%, rgb(0 0 0 / 0%) 0%, rgb(20 110 135) 100%);
    text-align: left;
    padding: 20px !important;
    display: flex;
    align-items: flex-start;
}
.box-video-phai-home .blog-design-mask.has-post-thumbnail .wd-post-content {
       background: linear-gradient(to bottom, transparent 5%, rgb(0 0 0 / 0%) 0%, rgb(20 110 135) 100%);    text-align: left;
    padding: 20px !important;
    display: flex;
    align-items: flex-start;
}
#box-8-home span.tag-tieu-de-bai-viet {
    color: #fff;
    font-size: 11px;
    padding-left: 1px;
}


img.wd-gallery-image.image-6 {
    border: unset !important;
}
.tieu-de-line-ngang {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}
.tieu-de-line-ngang-item.tieu-de-line-ngang-text {
    width: 70%;
    font-size: 22px;
    font-family: 'font-dam-2';
    color: #1d467b;
}
  .single-format-video  .wd-page-title {
        padding: 100px 0px !important;
    }
 .single-format-video .wd-page-title h3.entry-title.title {
    display: none;
}
/*********** DỰ ÁN *****/
.page-id-307 .wd-post:hover .wd-post-img {
  transform: scale(1.5) !important;
}
.page-id-307 .wd-post-img {
  transition: all 0.4s cubic-bezier(0, 0, 0.44, 1.18) !i;
}
#box-1-du-an .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
}
#box-1-du-an .wd-wpb {
    margin-bottom: 4px;
}
/**** FOOTER *****/
.box-mxh-ft {
    display: flex;
    gap: 6px;
}
.box-mxh-ft img {
    width: 40px;
}
.td-1-ft {
    font-size: 40px;
    margin-bottom: -10px;
}
.td-2-ft {
    font-size: 40px;
    margin: 0;
   font-family: 'font-dam-2';
}
/**************** LIÊN HỆ *********/
section#box-1-lien-he {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/Background-1-scaled.png?id=378) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: -40px;
}
.td-1-box-2-lh-1 h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 31px;
    color: #93262b;
}
.td-2-box-2-lh-1 h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 22px;
    color: #1d467b;
}
.box-text-thong-tin-lien-he {
    font-size: 18px;
}
.form-lh {
    background-color: #ffffffd6;
    padding: 50px 30px;
    border-radius: 5px;
}
.form-lh-item.td-form-lh {
    font-size: 24px;
    font-family: 'font-dam-2';
    line-height: 1.2;
    color: #1d467b;

}
/******** VIDEO*******/

#box-1-video .et-tabs.et-horizontal.et-mobile-enabled.et-tabs-style-line.tab-class-1926436189.et-align-center nav ul li.tab-current a {
    box-shadow: inset 0px -5px !important;
    position: relative;
    top: 1px;
    color: #1f4778 !important;
}
#box-1-video .et-tabs-style-line nav li.tab-current a {
    box-shadow: inset 0 -5px #1f4778 !important;
    color: #1f4778 !important;
}
#box-1-video a.et-anchor-tag {
    text-transform: inherit !important;
    color: #000 !important;
    font-family: 'font-dam-1';
}
.menu-danh-muc-video {
    display: flex;
    justify-content: center;
    gap: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.menu-danh-muc-video:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #1f4778;
    position: absolute;
    left: 1%;
    top: 42px;
}
.menu-danh-muc-video:after{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #1f4778;
    position: absolute;
    right: 1%;
    top: 42px;
}
.menu-danh-muc-video-item a {
   color: #000 !important;
    font-family: 'font-dam-1';
  font-size:16px;
}
.menu-danh-muc-video-item.menu-video-active:before {
    content: "";
    height: 6px;
    width: 40px;
    background-color: #1f4778;
    position: absolute;
       top: 43px;

   
}
.box-video-trai-home  span.tag-tieu-de-bai-viet {
    color: #fff;
    padding-left: 1px;
}
/********** HỒ SƠ NĂNG LỰC ****/
.nut-ho-so-nang-luc {
    display: flex;
    gap: 30px;
}
.nut-ho-so-nang-luc-item a {
    color: #fff;
    font-family: 'font-dam-1';
}
.nut-ho-so-nang-luc-item {
    background-color: #1b75ba;
    padding: 15px 40px;
    border-radius: 5px;
}
.box-gird-tin-tuc  .wd-post-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: var(--wd-post-align, start);
    gap: 10px;
    z-index: 1;
    align-content: flex-start;
}
.box-gird-tin-tuc h3.wd-post-title.wd-entities-title.title.post-title {
    text-align: left;
    font-size: 20px;
    padding: 15px 0px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 78px;
}
.ngay-thang-bai-viet-slider {
    color: #5d5d5d;
    margin-bottom: -10px;
}
span.tag-danh-muc-bai-viet-slider {
    padding-right: 50px;
}
.wd-post-read-more.wd-style-link.read-more-section {
    background-color: #1f4778;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff !important;
}
.wd-post-read-more a {
    color: #fff !important;
}
nav.wd-breadcrumbs {
    text-transform: uppercase !important;
}
/****** CHI TIẾT TIN TỨC ***/
.td-sidbar-dev {
    font-size: 22px;
    color: #1f4778;
    font-family: 'font-dam-2';
    margin-bottom: 0;
}
.box-tin-tuc-sidbar .wd-post-content.article-body-container {
    padding: 10px 0px 0px !important;
    box-shadow: unset !important;
}

.box-tin-tuc-sidbar h3.wd-post-title.wd-entities-title.title.post-title {
    text-align: left;
    font-size: 14px;
    padding: 0px;
}
.box-tin-tuc-sidbar .ngay-thang-bai-viet-slider {
    color: #5d5d5d;
    margin-bottom: -5px;
    font-size: 13px;
    
}

div#woodmart-html-block-2 {
    border: 1px solid #ccc;
    padding: 20px;
}
div#woodmart-html-block-3 {
    border: 1px solid #ccc;
    padding: 20px;
}
div#woodmart-html-block-4 {
    border: 1px solid #ccc;
    padding: 20px;
}

.box-mxh-sidbar-dev {
    display: flex;
    gap: 5px;
}
.box-mxh-sidbar-dev img {
    width: 50px;
}
.wd-single-post-header h1.wd-entities-title.wd-post-title.title {
    text-align: left;
    font-size: 30px;
    color: #1f4778;
}

.ngay-thang-bai-viet-chi-tiet-tin-tuc {
    margin-bottom: 10px;
    color: #505050;
}
span.tag-tieu-de-bai-viet-chi-tiet-tin-tuc {
    padding-right: 20px;
}

.whb-sticked .whb-color-light:not(.whb-with-bg) {
    background-color: #1d467b00;
    background-image: linear-gradient(to bottom, #245692 0%, rgba(40, 90, 149, 0) 100%) !important;
    transition: .5s all ease-in-out;
    
}
.whb-sticky-shadow.whb-sticked .whb-main-header {
    box-shadow: unset !important;
}
/***** CHI TIẾT DỰ ÁN****/
#box-thong-tin-du-an-dev h3 {
    font-size: 18px;
    margin-top: -20px;
    margin-bottom: 5px;
}
.box-item-thong-tin-du-an-dev {
    margin-bottom: 20px;
}
#box-ft .wd-info-box {
   
    --ib-icon-sp: 10px !important;
}
.single-format-image span.breadcrumb_last {
    font-size: 40px;
    position: absolute;
	top:0;
    left: 15px;
    font-family: 'font-dam-2';
	line-height: 1.2;
}
.single-format-image h3.entry-title.title {
    visibility: hidden;
}
.yoast-breadcrumb {
    text-transform: uppercase;
    color: #fff;
    opacity: 1;
}

.box-item-thong-tin-du-an-dev {
    margin-bottom: 20px !important;
}
#woodmart-html-block-4 .box-video-phai-home .blog-design-mask.has-post-thumbnail .wd-post-content {
    background: linear-gradient(to bottom, transparent 5%, rgb(0 0 0 / 0%) 0%, rgb(20 110 135) 100%);
    text-align: left;
    padding: 20px 10px !important;
    display: flex;
    align-items: flex-start;
}
/**** TRANG DỰ ÁN page-id-307  *****/
.page-id-307  .ngay-thang-bai-viet-slider {
    display: none;
}
.page-id-307  .ngay-thang-bai-viet {
    display: none;
}

.box-thong-tin-bia-du-an-flex {
    display: flex;
    gap: 5px;
    font-family: 'font-dam-1';
    align-items: center;
}
.box-thong-tin-bia-du-an-flex-tong {
    display: flex;
    justify-content: space-between;
}
.page-id-307 .blog-style-bg .wd-post-content {
    padding: 0px 25px;
    display: block !important;
}
.page-id-307  h3.wd-post-title.wd-entities-title.title.post-title {
    text-align: left;
}
.page-id-307  .wpb_content_element {
    margin-bottom: 5px;
}
.page-id-307 .box-item-thong-tin-du-an-dev {
    margin-bottom: 10px !important;
   font-family: 'font-dam-1';
}
.thong-tin-du-an-hosting {
    color: #fff;
    text-align: left;
    padding: 0 10px;
}
.box-du-an-lon-dev h3.wd-post-title.wd-entities-title.title.post-title {
    font-size: 30px;
}
.box-du-an-vua-dev h3.wd-post-title.wd-entities-title.title.post-title {
    font-size: 20px;
}
.box-du-an-nho-dev h3.wd-post-title.wd-entities-title.title.post-title {
    font-size: 14px;
}
.box-du-an-lon-dev .box-thong-tin-bia-du-an-flex-item img {
    width: 40px;
}
.box-thong-tin-bia-du-an-flex-item-quy-mo {
    line-height: 1.2;
}
.box-du-an-nho-dev .box-item-thong-tin-du-an-dev {
    margin-bottom: 5px !important;
    font-family: 'font-dam-1';
    font-size: 10px;
}
.box-du-an-nho-dev .box-thong-tin-bia-du-an-flex {
    display: flex;
    gap: 5px;
    font-family: 'font-dam-1';
    align-items: center;
    font-size: 10px;
}
.box-du-an-nho-dev .box-thong-tin-bia-du-an-flex-item img
 {
    width: 20px;
}
.box-du-an-vua-dev .box-item-thong-tin-du-an-dev {
    margin-bottom: 5px !important;
    font-family: 'font-dam-1';
    font-size: 12px;
}
.box-du-an-vua-dev .box-thong-tin-bia-du-an-flex {
    display: flex;
    gap: 8px;
    font-family: 'font-dam-1';
    align-items: center;
    font-size: 12px;
}
.box-du-an-vua-dev .box-thong-tin-bia-du-an-flex-item img
 {
    width: 30px;
}
.page-id-307 .blog-design-mask .wd-post-content {
    
    padding: 50px 25px 10px 25px !important;
    
}
.et-tabs.et-horizontal.justified-tabs.et-mobile-enabled.et-tabs-style-iconbox.tab-class-1955950742.et-align-center nav ul li:nth-child(1)::after {
    color: #1d467b !important;
}
/******** DỊCH VỤ ************/
#box-1-dich-vu {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/TongThauKata_bg-scaled.png?id=609) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #addbe8;
    margin-top: -40px;
}
.td-1-dich-vu {
    text-align: center;
    font-size: 40px;
    color: #1f4778;
    margin-bottom: -12px;
}
.td-2-dich-vu {
    text-align: center;
    font-size: 40px;
    color: #1f4778;
     margin-bottom: 10px;
      font-family: 'font-dam-2';

}
.text-1-dich-vu {
    text-align: center;
}
.td-3-dich-vu-1 {
    text-align: center;
    font-size: 20px;
    color: #1f4778;
    font-family: 'font-dam-2';
    line-height: 1.2;
    margin-bottom: 15px;
}
#box-1-dich-vu .info-box-inner.reset-last-child {
    font-size: 14px;
    line-height: 1.37;
}


#box-2-dich-vu {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/DanDung_bg.jpg?id=625) !important;
    padding-bottom: 50px;
    background-size: cover;
}
.td-1-box-2-dv {
   font-size: 40px;
    color: #1f4778;
  margin-bottom: -12px;
}
.td-2-box-2-dv {
     font-size: 40px;
    color: #1f4778;
     margin-bottom: 10px;
      font-family: 'font-dam-2';
}
.text-1-dv {
    font-size: 15px;
    text-align: justify;
    color: #1f4778;
    margin-bottom: 10px;
    line-height: 1.3;
}
.td-3-box-2-dv {
    font-size: 15px;
   color: #1f4778;
    margin-bottom: 10px;
    line-height: 1.3;
}
span.wd-btn-icon {
    margin-bottom: 4px !important;
}
#box-2-dich-vu .wd-info-box {
   
    --ib-icon-sp: 15px !important;
}
#box-2-dich-vu .wd-wpb {
    margin-bottom: 15px !important;
}
#box-2-dich-vu h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    color: #1d467b;
    font-family: 'font-dam-2';
}
#box-3-dich-vu {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/CoDien_bg-scaled.png?id=646) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 50px 0px;
}
.td-1-box-3-dv {
    font-size: 40px;
    color: #fff;
    margin-bottom: -12px;
}
.td-2-box-3-dv {
     font-size: 40px;
    color: #fff;
     margin-bottom: 10px;
      font-family: 'font-dam-2';
}
.td-3-box-3-dv {
    font-size: 15px;
    color: #fff;
    border-left: 5px solid;
    padding-left: 10px;
    margin-bottom: 15px;
}
.td-4-box-3-dv {
    font-size: 15px;
    color: #fff;
    line-height: 1.34;
    text-align: justify;
}

#box-4-dich-vu{
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/Thietke_bg.jpg?id=654) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
   padding: 50px 0px;
}
.td-4-box-4-dv {
    font-size: 15px;
    color: #fff;
    line-height: 1.26;
    text-align: justify;
    margin-bottom: 15px;
    margin-top: -5px;
}
.td-2-box-4-dv {
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'font-dam-2';
}
.td-2-box-4-dv {
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'font-dam-2';
    margin-top: -10px;
}
.nut-box-4-dv {
    margin-bottom: 15px;
}
#box-5-dich-vu{
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/TuVan_bg.jpg?id=667) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  padding: 50px 0px;
}
#box-6-dich-vu{
  background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/TuVanChung2.jpg?id=675) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  padding: 50px 0px;
	 margin-bottom: -90px;
}

#box-6-dich-vu .td-4-box-3-dv {
    
    margin-bottom: 10px;
}
#box-6-dich-vu input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    font-size: 16px;
    font-family: 'font-dam-2';
    min-height: 52px;
    margin-bottom: 5px;
    margin-top: 20px;
}
.form-lh-dv {
    background-color: #ebeced;
    padding: 30px;
}
.form-lh-dv-item.td-form-lh-dv {
    text-align: center;
    font-size: 30px;
    line-height: 1.1;
    color: #1f4778;
    font-family: 'font-dam-2';
}
.form-lh-dv  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    height: 50px;
    background-color: #fff;
}
.form-lh-dv textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    background-color: #fff;
    min-height: 110px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    font-size: 16px;
    font-family: 'font-dam-2';
    min-height: 52px;
}
.form-lh-dv-item {
    margin-bottom: -2px;
}
/********* GIỚI THIỆU*****/
.page-id-361 .wd-page-content {
  
    background-color: #e8f2ff !important;
}
#box-1-gioi-thieu {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/Lichsu.jpg?id=689) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.td-1-gt-1{
   font-size: 40px;
    color: #1f4778;
  margin-bottom: -12px;
  text-align: center;
}
.td-2-gt-1 {
     font-size: 40px;
    color: #1f4778;
     margin-bottom: 10px;
      font-family: 'font-dam-2';
  text-align: center;
}
.td-1-qua-trinh {
    text-align: center;
    font-size: 20px;
    font-family: 'font-dam-1';
    color: #1d467b;
    margin-bottom: 0px;
}
.td-2-qua-trinh {
    text-align: center;
    margin-bottom: 0px;
}
#box-1-gioi-thieu .wd-btn-arrow.wd-prev {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/HistoryBack.png);
    background-size: contain;
}

#box-1-gioi-thieu .wd-btn-arrow.wd-next {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/HistoryNext.png);
    background-size: contain;
}


#box-1-gioi-thieu .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
    position: absolute;
    top: calc(50% - var(--wd-arrow-offset-v, 0px) + var(--wd-arrow-height, var(--wd-arrow-size, 72px)) / -2);
    z-index: 250;
}
#box-1-gioi-thieu .wd-arrow-inner {
    width: 40px !important;
    height: 40px !important;
    color: #33333300 !important;
   
}
#box-1-gioi-thieu .wd-arrow-inner:hover {
    width: 40px !important;
    height: 40px !important;
    color: #33333300 !important;
   
}
#box-2-lien-he {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/Contact-scaled.png?id=380) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 50px 0px;
}
.td3-du-an-home a {
    color: #fff;
    
}
/*********** GIỚI THIỆU***************/
#box-2-gioi-thieu {
    background-color: #f1f1f1;
    padding: 50px;
}
#box-1-box-2-gioi-thieu .info-box-icon {
    width: 80px;
}
#box-1-box-2-gioi-thieu .info-box-wrapper {
    position: relative;
    bottom: -60px;
}
#box-1-box-2-gioi-thieu  h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 40px;
    font-family: 'font-dam-2';
}
#box-2-gioi-thieu .info-box-inner.reset-last-child {
    text-align: justify;
    font-size: 15px;
  line-height: 1.5;
}
.td-1-box-2-gt {
    font-size: 40px;
    text-align: center;
    margin-top: 50px;
    color: #204678;
    font-family: 'font-dam-2';
    margin-bottom: 40px;
}
#box-2-box-2-gioi-thieu .info-box-icon {
    width: 80px;
}
#box-2-box-2-gioi-thieu  h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 24px;
   color: #204678;
    font-family: 'font-dam-2';
}
.box-line-phai {
    border-right: 1px solid #1d467b;
    height: 380px;
    padding: 0 20px;
}
.box-line-phai.line-phai-an {
    border: none !important;
}
#box-3-gioi-thieu {
      background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/DoiNguNhanVien1.jpg?id=752) !important;
     background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 50px;
}
#box-3-gioi-thieu  .info-box-icon {
    width: 150px;
}

#box-1-box-3-gt .info-box-wrapper {
    background-color: #26588d;
    height: 450px;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 50px 20px;
    color: #fff;
}
#box-3-gioi-thieu .info-box-subtitle.subtitle-color-default.wd-fontsize-xs.subtitle-style-default {
    font-size: 26px;
    color: #fff;
    font-family: 'font-dam-2';
    margin-top: -10px;
}
#box-3-gioi-thieu .info-box-wrapper {
  
    color: #fff;
}
#box-3-gioi-thieu  h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}
#box-2-box-3-gt .info-box-wrapper {
    background-color: #26588d;
    height: 550px;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 50px 20px;
    color: #fff;
}
#box-3-box-3-gt .info-box-wrapper {
    background-color: #26588d;
    height: 450px;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 50px 20px;
    color: #fff;
}
#box-3-gioi-thieu .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 6px !important;
    padding-right: 6px !important;
    width: 100%;
}
#box-3-gioi-thieu .info-box-inner.reset-last-child {
    text-align: justify;
    line-height: 1.2;
}
.td-1-box-3-gt {
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-family: 'font-dam-2';
}
#box-4-gioi-thieu .vc_column_container>.vc_column-inner

 {
  
    padding-left: 0px;
    padding-right: 0px;
}
.td-1-box-4-gt {
    text-align: center;
    font-size: 40px;
    color: #26588d;
    font-family: 'font-dam-2';
    margin-top: 10px;
}
.box-phai-box-4-gt {
    padding-left: 30px;
}
.td-2-box-4-gt {
    font-size: 30px;
    margin-top: -15px;
    color: #26588d;
    margin-bottom: -10px;
}
.td-3-box-4-gt {
    font-size: 30px;
    font-family: 'font-dam-2';
    color: #26588d;
    margin-bottom: 10px;
}
.td-4-box-4-gt {
    line-height: 1.5;
    margin-bottom: 20px;
}
.page-id-361 .wd-list .wd-icon :is(img,svg) {
    width: 15px;
    margin-top: 6px !important;
}
.td-4-box-4-gt p {
    margin-bottom: 0px;
}
.page-id-361 .wd-list {
    --li-mb: 5px;
}
.page-id-361 span.wd-list-content.list-content {
    font-family: 'font-dam-1';
    font-size: 16px;
}

.page-id-361 .wd-list li {
    position: relative;
    display: flex;
    align-items: flex-start !important;
    justify-content: inherit;
    gap: 10px;
    margin-bottom: 0 !important;
    transition: all .25s ease;
}

#box-5-gioi-thieu {
      background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/DoiVoiDoiTac-scaled.jpg?id=880) !important;
     background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 50px;
}
.td-1-box-5-gt {
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-family: 'font-dam-2';
}
#box-5-gioi-thieu .info-box-icon {
    padding: 0px 30px;
}
#box-5-gioi-thieu h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 24px;
    color: #fff;
}
.td-5-box-4-gt {
    font-size: 24px;
    color: #1d467b;
    font-family: 'font-dam-2';
    margin: -10px 0px 10px;
}
.td-4-box-4-gt-2 {
    text-align: justify;
    margin-bottom: 20px;
    line-height: 1.4;
}
#box-gt-cuoi-1 .wd-wpb {
    margin-bottom: 0px;
}
#box-gt-cuoi .box-phai-box-4-gt {
    padding-left: 50px;
    padding-top: 30px;
}
/**************/

.project-card__desc {
    position: absolute;
    top: 20px;
    left: 30px;
	transition:  transform 1s !important; /* Animation */
}


.nav-btn {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.nav-btn:hover {
  background: var(--accent);
}
.nav-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

.track {
  display: flex;
  
  align-items: flex-start;
  justify-content: center;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding-bottom: 40px;
}
.track::-webkit-scrollbar {
  display: none;
}

.project-card {
    position: relative;
    flex: 0 0 17%;
    height: 100vh;
    overflow: hidden;
    cursor: pointer;
}
.project-card[active] {
    flex: 0 0 50%;
	   	
}
.controls {
    display: none !important;
}


.project-card__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1) saturate(80%);
  transition: filter 1.3s, transform var(--speed);
	transition:  transform 1.9s;
	
}
.project-card:hover .project-card__bg {
  filter: brightness(1) saturate(100%);
  transform: scale(1.06);
	transition:  transform 1.9s;
	
}

.project-card__content:before {
    content: '';
    display: block;
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.8;
    z-index: 3;
    transition: var(--transition);
}
.project-card__title {
    font-size: 20px;
    display: block;
    color: #f5f5f5;
    transition: var(--transition);
    transform: rotate(-90deg);
    transform-origin: 0;
    left: 45px;
    bottom: 20px;
    position: absolute;
    z-index: 30;
    width: 100%;
}
.project-card__thumb,
.project-card__desc,
.project-card__btn {
  display: none;
	transition:  transform 1s !important; /* Animation */
}

.project-card[active] .project-card__content {
  flex-direction: row;
  padding: 1.2rem 2rem;
  gap: 1.1rem;
}
.project-card[active] .project-card__title {
    transform: none;
    font-size: 20px;
    transition: transform 0.5s !important;
    padding-left: 50px;
    padding-bottom: 50px;
}
.nut-du-an-tieu-bieu-dev-anh {
    position: absolute;
    z-index: 9;
    left: 5%;
    top: 20%;
}
.project-card[active] .project-card__thumb,
.project-card[active] .project-card__desc,
.project-card[active] .project-card__btn {
  display: block;
}

.project-card__content {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 2;
    align-items: flex-end;
	
}
h4.vc_tta-panel-title {
    background-color: #1d467b !important;
}
.nut-lien-he-hosting {
    position: fixed;
    bottom: 10%;
    right: 1%;
	z-index:999;
}
.nut-lien-he-ft-dev img {
    width: 60px;
    margin-bottom: 15px;
	transition:0.5s;
}
.nut-lien-he-ft-dev {
    display: flex;
    flex-direction: column;
}
.nut-lien-he-ft-dev img:hover{
 
  transform: scale(1.2) rotate(-25deg);
}
#box-3-home .info-box-wrapper:hover img{
  transform: translateY(-10px)
}
#box-3-home .info-box-icon img{
		transition:0.5s;
}

#box-3-home .info-box-icon {
  margin-top: -40px;
  margin-bottom: -10px !important;
  padding-top: 10px;
	 transition:0.5s;
}
/*************/

.so-box-3 {
    position: relative;
    top: -20px;
    background-color: #e8f2ff !important;
}
.box-2-box-3-home .vc_column-inner {
    background-color: #e8f2ff;
}
 #box-1-gioi-thieu {
        margin-top: -50px;
    }

#box-2-home {
    background-color: #e8f2ff !important;
}
.box-2-box-3-home{
    background-color: #e8f2ff !important;
}
#box-7-home {
    background-color: #e8f2ff !important;
}
#box-8-home {
    background-color: #e8f2ff !important;
}
#box-2-gioi-thieu .promo-banner .wrapper-content-banner {
  
    background-color: #00000082;
    color: #fff;
}
.mobile-nav{
    z-index: 999999 !important;
    background-color: #245692 !important;
    color: #fff !important;
}
.mobile-nav .wd-nav>li>a {
 
    color: #fff !important;
   
}
.mobile-nav .searchform input[type="text"] {
    
    height: 50px !important;
     color: #544848 !important;

}
.mobile-nav .searchform input[type="text"] {
    background-color: #e8f2ff !important;
}
.mobile-nav .wd-nav-opener {
 
    color: #fff;
   
}
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
    flex: 1 1 0%;
    padding: 5px 20px;
    min-height: 50px;
    border: none;
   
}
.mobile-nav .wd-nav-opener {
    border-bottom: 1px solid rgb(255 255 255 / 0%) !important;
    border-right: 1px solid rgb(255 255 255 / 16%) !important;
}
.mobile-nav ul.wd-sub-menu {
    background-color: #fff !important;
}
.mobile-nav .wd-nav>li>a {
  
    justify-content: flex-end !important;
}
.mobile-nav .wd-nav-mobile>li{
  
    flex-direction: row-reverse !important;
}

.mobile-nav .wd-nav-opener:after {
    content: "\f0dd";
    font-family: FontAwesome !important;
    font-size: 20px;
}
.mobile-nav .wd-nav-opener.wd-active:after {
    transform: rotate(-90deg) !important;
}

.mobile-nav .box-mxh-ft {
    justify-content: flex-end;
    padding-right: 13%;
}
.mobile-nav .wd-dropdown-results .wd-not-found {
    background-color: #f00808 !important;
}

.mobile-nav .wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
   
    border-bottom: 1px solid rgb(255 255 255 / 0%) !important;
    padding-right: 20% !important;
}
ul#menu-menu-1 {
    margin-top: 20%;
}
.mobile-nav .wd-sub-menu li>a {
    justify-content: flex-end !important;
    text-align: right !important;
    font-size: 12px;
    min-height: 35px !important;
}
.mobile-nav .wd-action-btn a {
   color: #fff !important;
}
.mobile-nav .wd-heading {
    padding: 15px;
    border-bottom: 1px solid rgb(0 0 0 / 0%);
}
img.anh-du-an-an {
    filter: opacity(0%);
    height: 100vh;
   
}
h3.wd-post-title.wd-entities-title.title.post-title {
    text-align: left ! IMPORTANT;
}


section#box-ft {
    background-color: #1d467b;
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/Background-scaled.png?id=351) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #fff;
}

    div#box-4-home-2 {
        padding: 0 10%;
    }
div#box-phai-box-2-home {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/logo-mo-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) {
    background-color: transparent;
    background-color: #1d467b00;
    background-image: linear-gradient(to bottom, #245692 0%, rgba(40, 90, 149, 0) 100%) !important;
    transition: .5s all ease-in-out !i;
}
.box-dv-1-box-6-home .wd-image:before
 {
    content: "";
    width: 50px;
    border-bottom: 3px solid #1f4778;
    position: absolute;
    right: -10%;
    top: 45.7%;
}
.box-dv-2-box-6-home .wd-image:before {
    content: "";
    width: 50px;
    border-bottom: 3px solid #24a8cc;
    position: absolute;
    right: -10%;
    top: 45.7%;
}
section#box-7-home {
    padding: 0px !important;
}
section#box-3-1-home {
    padding: 0px !important;
}
.td-2-1-home {
    font-size: 40px;
    font-family: 'font-dam-2';
    color: #f6f6f6;
    text-align: center;
}@media (min-width: 1025px) {
	/*********** ĐẦU TRANG*****/
.gtranslate_wrapper{
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
	gap: 5px;
}
.box-5-home-2-trai  {
        width: 54.6%;
    }
.box-5-home-2-phai  {
        width: 45.4%;
    }
.box-trai-box-3-box-6-home {
        width: 46.1%;
    }
.box-phai-box-3-box-6-home {
        width: 53.9%;
    }

.wd-page-title {
   
    padding: 400px 0px !important;
}


    .box-giua-box-3-home .info-box-wrapper {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 0 15px;
    }


#box-5-dich-vu .td-4-box-3-dv {
    padding-top: 50px;
    padding-bottom: 100px;
}
.box-mo-hinh-dv-1:after {
  content: "";
    height: 300px;
    border-right: 1px solid #1d467b;
    position: absolute;
    right: 50%;
    top: 22%;
}
.box-mo-hinh-dv-1:before {
    content: "";
    width: 400px;
    border-bottom: 1px solid #1d467b;
    position: absolute;
    right: 18%;
    top: 52%;
}
.box-4-gt-4-trai-2 {
    padding-right: 50px;
}
    div#box-phai-box-2-home {
        padding: 0 50px;
}
/*Sections*/

#box-5-home .blog-design-mask .wd-post-content {   
    padding: 100px 5px 5px 15px !important;
    
}
#box-5-home .blog-design-list .wd-post-thumb {
        flex: 0 0 352px;
}

#box-9-home .wd-gallery-item img {
    border-radius: var(--wd-brd-radius);
	  border-left: 5px solid;
    height: 110px;
    object-fit: contain;
    padding: 0 20px;
    border-image: url(https://kata.com.vn//wp-content/uploads/2025/12/line-2.png) 20 round !important;
}



/******/
#section3 .box-2-box-3-home {
    background-color: #e8f2ff !important;
    position: relative;
    top: -50px;
}
#section3 .promo-banner-wrapper {
    padding: 20px;
}

#section6 a.btn.btn-color-primary.btn-style-default.btn-shape-rectangle.btn-size-large.animation.zoom-out.btn-icon-pos-right {
    position: relative;
    bottom: -20px;
}
#section7 #box-6-home .td-1-home.text-giua {
    margin-bottom: -10px;
    margin-top: -10px;
}
 #section7   .box-phai-box-3-box-6-home {
        height: 10px;
    }
 #section5 .controls {
    display: none !important;
}

    
#section2 .text-3-box-2-home {
    text-align: justify;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #000;
}

#section4 .controls {
    display: none !important;
}

#box-4-home-1 a.btn.btn-color-primary.btn-style-default.btn-shape-rectangle.btn-size-large.animation.zoom-out.btn-icon-pos-right {
    position: relative;
    bottom: -25px;
}
#box-6-home a.btn.btn-color-primary.btn-style-default.btn-shape-rectangle.btn-size-large.animation.zoom-out.btn-icon-pos-right {
    position: relative;
    bottom: -25px;
}
.box-2-box-3-home .wd-info-box .info-box-content {
        --wd-tags-mb: 10px;
        position: relative;
        flex: 1 1 auto;
        border-radius: var(--wd-brd-radius);
        font-size: 14px;
    }

.an-mt {
	display:none;
}
#box-2-home .vc_section.vc_section-has-fill {
    padding-top: 0px !important;
}

/***/
.mydiv{
	position: relative;
	height: 100vh !im;
	width: 100%;
	align-items: center;
	justify-content: center;

	
}
.mydiv.no-hight {
    height: 100% !important;
}

.whb-sticked .whb-color-light:not(.whb-with-bg) .site-logo {
    max-height: inherit;
    display: none;
}
.form-home textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    background-color: #285b8c;
    border: unset !important;
    border-radius: 5px;
    min-height: 0px !important;
}
#box-3-home .vc_section.vc_section-has-fill {
    padding-top: 0px !important;
}
.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {
    padding-top: 0px !important;
}
.td-1-home {
   
    margin-bottom: 0px !important;
}
#box-7-home .btn-syle-default.btn-shape-rectangle.btn-size-large.animation.zoom-out.btn-icon-pos-right {
    position: relative;
    top: -20px !important;
}
#box-8-home .btn-style-default.btn-shape-rectangle.btn-size-large.animation.zoom-out.btn-icon-pos-right {
    position: relative;
    top: -20px !important;
}
div#box-4-home-2 {
    padding: 0 10%;
    position: relative;
    bottom: -40px;
}
h1.entry-title.title {
    margin-bottom: -10px !important;
}
	.form-home input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #285b8c;
    border-radius: 5px;
    border: unset !important;
    height: 32px !important;
}
.form-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
   
    margin-top: 5px !important;
}
section#box-tin-tuc-banner-dev {
        background-color: #00000077;
        padding: 15px;
        border-radius: 5px;
     
    }
.form-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
    
    min-height: 40px !important;
}
div#box-3-box-6-home {
    position: relative;
    bottom: -30px;
}
.box-5-home-2-phai{
    overflow-y: scroll;
   height: 80vh;
	height: 80vh;
}
section#box-tin-tuc-banner-dev {
    position: relative;
    left: -30%;
}
.box-5-home-2-trai .wd-post-thumb img {
    width: 100%;
    height: 80vh;
    object-fit: cover;
}

.box-5-home-2-phai .wd-post-title {
    margin-bottom: -5px;
    color: #1d467b;
    font-size: 16px !important;
}
div#box-1-home, div#box-2-home, #box-5-home {
    margin: 0px !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	#box-1-box-2-gioi-thieu h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 30px;
    font-family: 'font-dam-2';
}
}

@media (max-width: 576px) {
	.an-dt {
	display:none;
}
#box-1-home .box-phai-tin-tuc-sli p {
        text-align: right;
        font-size: 14px;
        color: #fff;
        font-family: 'font-dam-1';
        position: absolute;
        right: 0;
        bottom: -80px;
    }
.gtranslate_wrapper img {
    width: 20px;
}
#box-1-home .wd-slider-pagin {
        bottom: 15px !important;
        display: none;
    }
.td-2-box-2-home {
    font-size: 24px;
    
}
.td-1-box-2-home {
    font-size: 24px;
	  margin-bottom: -5px;   
}
#box-3-home .info-box-content {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
section#box-4-home {
    margin-top: -20px;
    padding: 0px;
    
}
section#box-5-home {
        margin-top: -30px;
    padding: 0px;
    
}
section#box-6-home {
     margin-top: -30px;
    padding: 0px;
    
}
 .td-1-home {
        margin-bottom: 10px;
        font-size: 24px;
        padding-top: 0px;
    }

.form-home {
    margin-bottom: 20px;
}

.box-video-trai-home .blog-design-mask .wd-post-content>* {
   white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-bottom: -10px;
}
.box-video-phai-home .blog-design-mask .wd-post-content>* {
    white-space: normal;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-bottom: -5px;
    line-height: 1.2;
}
.box-video-trai-home span.tag-tieu-de-bai-viet {
    color: #fff;
    padding-left: 1px;
    font-size: 12px !important;
}
.box-video-trai-home a.wd-fill {
    background-size: 80px !important;
    
}
#box-8-home .blog-design-mask {
    margin-bottom: 10px;
}
.tieu-de-line-ngang {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tieu-de-line-ngang-item.tieu-de-line-ngang-text {
    width: 100%;
    font-size: 20px;
	        margin-top: -20px;
}
.form-home {
    background-color: #1f4778;
    padding: 50px 30px;
    border-radius: 5px;
}
.td-2-qua-trinh {
    text-align: center;
    margin-bottom: 15px;
}
.box-text-thong-tin-lien-he {
    font-size: 16px;
}
.form-lh-item.td-form-lh {
    font-size: 20px;
    line-height: 1.2;
   
}
section#box-2-lien-he {
    padding-bottom: 50px;
}
.nut-ho-so-nang-luc-item {
    background-color: #1b75ba;
    padding: 10px;
    border-radius: 5px;
}
.nut-ho-so-nang-luc {
    display: flex;
    gap: 15px;
}
.nut-ho-so-nang-luc-item a {
    color: #fff;
    font-size: 14px;
}
.wd-page-title .title {
    font-size: 24px !important;
    line-height: 1.2;
    margin-bottom: 0;
}
.yoast-breadcrumb {
   
    font-size: 10px !important;
}
.box-gird-tin-tuc h3.wd-post-title.wd-entities-title.title.post-title {
    text-align: left;
    font-size: 18px;
    padding: 1px 0px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto !important;
}
.ngay-thang-bai-viet-slider {
    color: #5d5d5d;
    margin-bottom: -5px;
    font-size: 13px;
    margin-top: -10px;
}
.menu-danh-muc-video{
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    width: 800px;
   
}
.box-list-menu-page {
    overflow: scroll;
}
.wd-single-post-header h1.wd-entities-title.wd-post-title.title {
    text-align: left;
    font-size: 24px;
    color: #1f4778;
}
  .sidebar-widget  .box-gird-tin-tuc h3.wd-post-title.wd-entities-title.title.post-title {
        text-align: left;
        font-size: 14px;
        padding: 1px 0px;
        -webkit-line-clamp: 2;
        display: block;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: auto !important;
    }
 .sidebar-widget .box-tin-tuc-sidbar .ngay-thang-bai-viet-slider {
    color: #5d5d5d;
    margin-bottom: -5px;
    font-size: 13px;
    margin-top: 5px;
}
.box-du-an-lon-dev .box-item-thong-tin-du-an-dev {
    margin-bottom: 5px !important;
    font-size: 10px;
}
.box-du-an-vua-dev .box-item-thong-tin-du-an-dev {
    margin-bottom: 5px !important;
    font-size: 10px;
}
.box-du-an-lon-dev .box-thong-tin-bia-du-an-flex {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 10px;
}
.box-du-an-vua-dev .box-thong-tin-bia-du-an-flex {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 10px;
}
.box-du-an-lon-dev h3.wd-post-title.wd-entities-title.title.post-title {
    font-size: 14px;
}
.box-du-an-vua-dev h3.wd-post-title.wd-entities-title.title.post-title {
    font-size: 14px;
}
.td-1-ft {
    font-size: 24px;
}
.single-format-image span.breadcrumb_last {
    font-size: 14px;
    position: absolute;
    top: 0%;
    left: 15px;
}
.single-format-image header.wd-single-post-header {
    display: none;
}
.td-1-dich-vu {
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: -24px;
    }
.td-2-dich-vu {
    font-size: 24px;
   
}
 .text-1-dich-vu {
        text-align: center;
        font-size: 14px;
        margin-bottom: 0px;
    }
.td-3-dich-vu-1 {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.td-1-box-2-dv {
    font-size: 24px;
    color: #1f4778;
    margin-bottom: -12px;
}
.td-2-box-2-dv {
    font-size: 34px;
    color: #1f4778;
    margin-bottom: 10px;
}
#box-2-dich-vu {
    padding: 20px;
}
#box-3-dich-vu {
   
    padding: 20px;
}
#box-4-dich-vu {
    padding: 20px;
}
#box-5-dich-vu {
    padding: 20px;
}
#box-6-dich-vu {
    padding: 20px;
}
.td-1-box-3-dv {
    font-size: 24px;
}
.td-2-box-3-dv {
    font-size: 24px;
}
.td-2-box-4-dv {
    font-size: 24px;
}
.td-4-box-4-dv {
    color: #fff;
    line-height: 1.6;
    text-align: justify;
    margin-top: -5px;
    margin-bottom: 20px;
    font-size: 14px;
	
}
.td-3-box-3-dv {
    font-size: 14px;
    color: #fff;
    border-left: 5px solid;
    padding-left: 10px;
    margin-bottom: 15px;
}
.td-4-box-3-dv {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    text-align: justify;
}
.text-1-dv {
    line-height: 1.6;
	font-size: 14px;
}
.td-3-box-2-dv {
    font-size: 14px;
    color: #1f4778;
    margin-bottom: 10px;
    line-height: 1.3;
}
.form-lh-dv-item.td-form-lh-dv {
    font-size: 24px;  
}
.form-lh-dv {
    background-color: #ebeced;
    padding: 30px 20px;
}
.box-du-an-lon-dev .box-thong-tin-bia-du-an-flex-item img {
    width: 20px;
}
.box-du-an-vua-dev .box-thong-tin-bia-du-an-flex-item img {
    width: 20px;
}
#box-ft .info-box-inner.reset-last-child {
    font-size: 14px;
}
.text-copyright {
    font-size: 14px;
}
.td-1-gt-1 {
    font-size: 24px;
    margin-bottom: 0px;
   
}
.td-2-gt-1 {
    font-size: 24px;
   
}
.td-1-box-2-gt {
    font-size: 24px;
   
}
.box-line-phai {
    border-right: unset !important;
    height: auto;
    padding: 0px;
}
  .td-1-box-3-gt {
        font-size: 24px;
        margin-bottom: 15px;
        margin-top: -10px;
    }
#box-1-box-3-gt .info-box-wrapper {
    height: 100%;
    padding: 20px 20px;
}
#box-2-box-3-gt .info-box-wrapper {
    height: 100%;
    padding: 20px 20px;
}
#box-3-box-3-gt .info-box-wrapper {
    height: 100%;
    padding: 20px 20px;
}
#box-3-gioi-thieu .info-box-subtitle.subtitle-color-default.wd-fontsize-xs.subtitle-style-default {
    font-size: 20px;
    margin-top: 0px;
}
#box-2-gioi-thieu, #box-3-gioi-thieu {
padding: 15px 30px;
}
#box-4-gioi-thieu .td-1-box-4-gt {
        font-size: 24px;
        margin-top: -15px;
        margin-bottom: 15px;
    }
.box-phai-box-4-gt {
    padding-left: 20px;
    padding-right: 20px;
}
#box-5-gioi-thieu .info-box-icon {
    padding: 0px 10px;
}
    .box-6gt-1 {
        padding: 30px 30px 0px;
    }
#box-gt-cuoi .box-phai-box-4-gt {
    padding-left: 0px;
    padding-top: 0px;
}
#box-5-gioi-thieu h4.info-box-title.title.box-title-style-default.wd-fontsize-m {
    font-size: 14px;
    color: #fff;
}
.nut-lien-he-hosting {
    position: fixed;
    bottom: 10%;
    right: 3%;
    z-index: 999;
}
#box-1-gioi-thieu .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
    position: absolute;
    top: calc(21.3% - var(--wd-arrow-offset-v, 0px) + var(--wd-arrow-height, var(--wd-arrow-size, 50px)) / -2) !important;
    z-index: 250;
}
#box-1-gioi-thieu .wd-nav-arrows.wd-pos-sep .wd-prev {
    inset-inline-end: calc(97% + var(--wd-arrow-offset-h, 0px));
}
#box-1-gioi-thieu .wd-btn-arrow.wd-next {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/HistoryNext.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#box-1-gioi-thieu .wd-btn-arrow.wd-prev

 {
    background-image: url(https://kata.com.vn/wp-content/uploads/2025/12/HistoryBack.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#box-1-gioi-thieu .wd-nav-arrows.wd-pos-sep .wd-next {
    inset-inline-start: calc(97% + var(--wd-arrow-offset-h, 0px));
}
#box-1-gioi-thieu .wd-arrow-inner {
    width: 30px !important;
    height: 30px !important;
    color: #33333300 !important;
}
div#box-phai-box-2-home {
    padding: 5px 15px;
}
.nut-lien-he-ft-dev img {
    width: 40px;
    margin-bottom: 5px;
    transition: 0.5s;
}
section#box-3-home {
        background-color: #5472d224;
        margin-top: -60px;
    }
section#box-6-home .td-1-home.text-giua {
    padding-top: 15px;
    margin-bottom: 10px;
}
.text-3-box-2-home {
    text-align: justify;
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 20px;
    color: #000;
}
.info-box-inner.reset-last-child {
    font-size: 14px !important;
}
.td-2-ft {
    font-size: 30px;
    margin: 0;
}
section#box-1-gioi-thieu {
    margin-top: -60px;
}
.gtranslate_wrapper {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 5px;
    justify-content: flex-end;
}
.wd-post-title {
    font-size: 16px !important;
}
.box-5-home-2-phai .wd-post-title {
    margin-bottom: -5px;
    color: #1d467b;
}
.box-5-home-2-trai .wd-post-title {
    font-size: 16px !important;
    margin-bottom: -10px !important;
    text-align: left;
}
.blog-design-list .wd-post-excerpt {
    max-height: 400px;
    font-size: 14px !important;
}
.blog-design-mask .wd-post-content {
    padding: 15px !important;
    background-color: transparent !important;
  
}
#box-5-home .wd-posts:not([style*="wd-gap"]) {
    --wd-gap-lg: 15px !important;
    --wd-gap-md: 15px;
}
.box-5-home-2-trai {
    margin-bottom: -15px;
}
#box-7-home {
    background-color: #1e88d04d;
}

#box-5-home-1 .td-1-home {
    margin-top: 10px;
    margin-bottom: 0px;
}
.td-dv-box-6-home {
    font-size: 10px;
}
.so-le-box-6-home {
    font-size: 18px;
   
}
.so-chan-box-6-home {
    font-size: 18px;
   
}
.box-phai-box-4-gt  .td-3-box-4-gt {
        font-size: 24px;
        margin-bottom: -10px;
        margin-top: 0px;
    }
.box-phai-box-4-gt .td-2-box-4-gt {
    font-size: 24px;
    margin-top: -15px;
    color: #26588d;
    margin-bottom: -10px;
}
    .td-4-box-4-gt {
        line-height: 1.5;
        margin-bottom: 10px;
        font-size: 14px;
        margin-top: 15px;
    }
.td-4-box-4-gt-2 {
    text-align: justify;
    margin-bottom: 20px;
    line-height: 1.4;
    font-size: 14px;
}
    .td-1-box-5-gt {
        text-align: center;
        font-size: 24px;
        color: #fff;
        margin-bottom: 10px;
        margin-top: 15px;
    }
#box-5-gioi-thieu {
  
    padding: 0px;
}
.page-id-361 span.wd-list-content.list-content {
    font-size: 14px;
}
.td-5-box-4-gt {
    font-size: 24px;
    color: #1d467b;
    margin: -10px 0px 0px;
}
#box-1-lien-he .info-box-wrapper {
    margin-top: -30px;
}
#box-1-lien-he .box-text-thong-tin-lien-he {
    margin-top: -20px;
}
.mobile-nav .wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
   
    border-bottom: 1px solid rgb(255 255 255 / 0%) !important;
    padding-right: 15% !important;
}
.mobile-nav .box-mxh-ft {
    justify-content: flex-end;
    padding-right: 7%;
}
section#section4 {
    background-color:#e7ebf9 !important;
}
.form-home-item.td-form-home {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: -30px;
}
.form-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
   
    margin-bottom: -30px;
}
section#box-7-home {
    margin-top: -20px;
}
section#box-8-home {
    background-color: #e8f2ff !important;
    margin-top: -30px;
}
section#box-9-home {
    margin-top: -40px;
}
div#box-2-home {
    margin-top: -40px;
}

	#section2 .text-3-box-2-home {
    text-align: justify;
    font-size: 14px !important;
   
}
	    #box-1-box-2-gioi-thieu .promo-banner-wrapper {
        padding: 5px 0% !important;
    }
	#box-5-home .blog-design-list .wd-post-thumb {
        flex: auto !important;
  }
section#box-6-home .td-1-home.text-giua {
        padding-top: 15px !important;
        margin-bottom: 25px !important;
    }
	    div#box-3-box-6-home {
        padding: 0px !important;
    }

	    section#box-9-home {
        margin-top: 0px !important;
    }
	
	.td-1-home {
        
        text-align: center !important;
    }
	#box-1-gioi-thieu .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
        position: absolute;
        top: calc(23.5% - var(--wd-arrow-offset-v, 0px) + var(--wd-arrow-height, var(--wd-arrow-size, 50px)) / -2) !important;
        
    }
	.an-dien-thoai {
	display:none !important;
}
.vc_section.vc_row-o-full-height {
    min-height: 100% !important;
}
#box-1-lien-he img.attachment-200x27.size-200x27 {
    display: none !important;
}
#box-1-lien-he .wd-info-box {
    display: block !important;
   
}
#box-8-home .td-1-home{
    margin-top: -30px;
}
#box-7-home .td-1-home{
    margin-bottom: -10px;
}
    div#box-phai-box-2-home {
        padding: 5px 15px;
        margin-bottom: 20px;
    }
}