/**
 * Theme Name:     K-Tech
 * Author:         K-Tech
 * Template:       flatsome
 * Text Domain:	   k-tech
 * Description:    Theme Build by Dai
 * Theme URI:      https://k-tech.net.vn/
 * Author URI:     https://k-tech.net.vn/
 * Version:        20250916
 * License:        2NRJM-B46WR-K6VQR-Y4T3D-QRWPX
 * License URI:    https://k-tech.net.vn/
 */

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
  font-size: 20px !important;
}

.col-equal-height>.col-inner,
.col-equal-height>.col-inner>* {
	height: 100% !important;
}

.contact_form_custom .row_3 {
  display: flex;
  gap: 20px;
}

.video.video-fit.mb.full-video {
    padding-top: 56.25% !important;
}
/* 
.header-inner.flex-row.container.logo-left.medium-logo-center {
  max-width: 1360px !important;
} */

div#comments {
  display: none;
}

.contact_form_custom label {
  display: none;
}

li.html.custom.html_topbar_right {
  position: relative;
}

.gtranslate_wrapper {
  position: absolute;
  top: -23px;
  width: max-content;
}

.contact_form_custom .field {
  margin-bottom: 10px;
}

.gtranslate_wrapper .gt_selected {
}

.img_fix img {
  object-fit: cover;
  height: 100%;
}

.col-inner:has(.img_fix) {
  height: 100%;
}

.img_fix,
.img_fix .img-inner {
  height: 100%;
}

.gtranslate_wrapper .gt_switcher.notranslate {
  /* height: 40px; */
}

.contact_form_custom .row_3 .field {
  width: 33%;
}

.gtranslate_wrapper .gt_selected a {
  border: none !important;
  height: 33px;
}

.border_box_text {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.border_box_text p {
  margin: 0;
}

.gtranslate_wrapper .gt_selected > a {
  display: flex !important;
  align-items: center;
}

.contact_form_custom {
}

.gallery_home img.gallery_home {
  height: 150px;
  object-fit: contain;
}

.contact_form_custom input.wpcf7-file {
  background: #fff;
  padding: 10px;
  width: 100%;
}

div#ddinquolx ul {
  list-style: none;
  display: flex;
  margin: 0;
}

.img_float_banner {
  position: absolute;
  top: 0;
  z-index: 10;
}

.header-bg-container.fill {
  z-index: 3;
}

ul.mobile-nav.nav.nav-left {
  position: relative;
  z-index: 100;
}

.header-bg-color.fill {
  z-index: 3;
}

div#logo {
  position: relative;
  z-index: 100;
}

#ddinquolx ul li.ttel {
  background: url("../../uploads/2026/04/ddtel.png") left center no-repeat;
}

#ddinquolx ul li.tema {
  background: url("../../uploads/2026/04/ddema.png") left center no-repeat;
}

div#ddinquolx ul li {
  float: left;
  /*   margin-right: 2em; */
  line-height: 26px;
  padding-left: 25px;
  color: #f84f55;
  list-style: none;
}

button.cf7-submit {
  background: var(--primary-color);
  color: #fff;
  border-radius: 8px;
}

.row.gallery_home {
  border-top: 1px solid var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
}

.entry-content.single-page::after {
  content: "";
  display: block;
  clear: both;
}

.gca-column + p,
.blog-share.text-center {
  clear: both;
}

.gca-column + *:not(.gca-column) {
  clear: both;
}

.img-auth-area .image-container img {
  height: 350px;
  object-fit: cover;
}

.img-auth-area .author-content img {
  width: 70px;
  border-radius: 50%;
}

.col.post-item {
  font-size: 20px;
}

.header {
  & .header-wrapper {
    background: #fff;

    & #masthead {
      & .header-nav-main {
        height: 100%;
        align-items: center;
        position: relative;
        z-index: 10;

        & li {
          &.header-block {
            max-width: max-content;
          }
        }
      }
    }
  }
}

.flex-col.hide-for-medium.flex-left.flex-grow {
  position: relative;
  height: 100%;
  padding-left: 20px;
}

.block_resource:hover .box-text {
  background: var(--primary-color);
}

.block_resource .box-text {
  transition: all 0.5s;
}

.block_resource:hover .box-text h4 {
  color: #fff;
}

.messboxnr {
  width: 122px;
  height: auto;
  padding: 0;
  position: fixed;
  bottom: 35%;
  right: 0px;
  display: block;
  z-index: 10001;
}

.messboxnr div.kftitle {
  display: block;
  line-height: 0;
  cursor: pointer;
}

.messboxlist {
  padding: 2px 0;
}

.messboxlist ul {
  list-style: none;
}

.messboxlist ul li {
  padding: 2px 0;
}

.messboxlist ul li a {
  background-position: 5px center;
  background-color: #ddd;
  background-repeat: no-repeat;
  padding: 5px 0;
  line-height: 24px;
  padding-left: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 12px;
  color: #333;
}

.gt_switcher {
  width: 133px !important;
}

.messboxlist ul li a.tel {
  background-image: url(//www.ddprototype.com/wp-content/themes/hello-elementor/images/rkf_06.png);
}

.messboxlist ul li a.ema {
  background-image: url(//www.ddprototype.com/wp-content/themes/hello-elementor/images/rkf_09.png);
}

.messboxlist ul li a.sky {
  background-image: url(//www.ddprototype.com/wp-content/themes/hello-elementor/images/rkf_11.png);
}

.messboxlist ul li a.whatap {
  background-image: url(//www.ddprototype.com/wp-content/themes/hello-elementor/images/rkf_13.png);
}

body {
  text-align: justify;
}

.post-item .col-inner {
  height: 100%;
}

.post-item .box {
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.post-item .box .box-text {
  padding: 10px 15px;
}

.list-about-lb > .col-lb {
  flex-basis: 20% !important;
  max-width: 20% !important;
}

.list-about-lb .col-lb .col-inner {
  height: 100%;
}

.list-about-lb .col .box {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
}

.list-about-lb .col .box .box-text {
  padding: 10px;
}

.btn-submit {
  width: 100%;
  text-align: center;
}

.ctf-contact .form-gr {
  @media only screen and (max-width: 768px) {
    flex-direction: column;
    margin-bottom: 10px;
  }
}

.form-gr .gr-item textarea {
  border-radius: 10px;
  min-height: 150px;
}

.btn-submit input {
  border-radius: 10px;
}

.service-banner .box-service-banner {
  padding: 10px 5px;
  align-items: center;
  background: #83abd5;
  border-radius: 10px;
  overflow: hidden;

  .icon-box-text {
    p {
      margin-top: 0;
    }
  }
}

.section_2 .box-2 {
  align-items: center;

  .icon-box-text {
    border-left: 2px solid var(--primary-color);
	  
	  @media (max-width: 431px) {
		  border-left: none;
		  border-top: 2px solid var(--primary-color);
		  padding-left: 0 !important;
		  padding-top: 1rem !important;
	  }
  }
}

.section_2 .box-3 {
  align-items: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  overflow: hidden;
  height: 100%;

  .box-text {
    padding: 15px;
    position: relative;

    .icon {
      position: absolute;
      top: -35px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
    }

    .txt-wrap {
      margin-top: 30px;
    }
  }
}


.box-service {
  align-items: center;
  margin-bottom: 10px;
}

.box-service .icon-box-img img {
  padding: 0;
}

.box-service h4 {
  margin-bottom: 0;
}


.title-head .section-title {
  margin: 0;
}

.title-head .section-title .section-title-main {
  font-weight: 600;
  padding: 0;
  margin: 0;
}




.title-page .section-title .section-title-main {
  font-size: 25px;
  font-weight: 600;
  margin: 0;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  min-width: 230px;
}


.home-serve .box-serve {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
}

.home-serve .box-serve .box-text {
  padding: 15px;
}


.box-col {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
}

.box-col .box-text {
  padding: 10px;
}


.capability-page {

}


.blog-wrapper.blog-single.page-wrapper .video-fit {
  padding-top: 0 !important;
}

.blog-wrapper.blog-single.page-wrapper .video-fit .wp-video {
  margin: 0 auto;
}



.sec-quote .ctf-contact input {
  border-radius: 5px;
  height: 55px;
}


.sec-quote .list-quote .icon-box {
  width: max-content;
}


.sec-quote .list-quote .icon-box .icon-box-img svg {
  padding: 0;
}

.sec-quote .list-quote .icon-box .icon-box-text {
  max-width: max-content;
}


.box-serve .box-text .img {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  object-fit: cover;
	background: #fff;
	border-radius: 99px;
}

.txt-number {
  margin: 20px 0;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  gap: 10px;
}

.txt-number .number {
  color: #fff !important;
  font-size: 25px;
  font-weight: 600;
  background: var(--primary-color);
  padding: 5px 15px;
  border-radius: 5px;
}

.txt-number h3 {
  flex: 1;
  margin: 0;
}

.txt-number p {
  flex: 1;
  font-size: 25px;
  font-weight: 600
}


/* .home-serve .box-serve.serve1 .box-text {
  padding: 10px;
} */


.list-item {
  align-items: center;
}

.box-serve .list-item .icon-box-text {
  padding-left: 10px !important;
}


.col-list > .col-inner {
  border: 1px solid #ddd;
}

.col-list .col-inner .col-items > .col-inner {
  padding: 0;
}

.title-box .section-title .section-title-main {
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  justify-content: left;

}

.box-company {
  align-items: center;
}

.box-company .icon-box-img  {
  border-right: 3px solid #fff;
  padding-right: 40px;
}


.txt-justify {
	text-align: justify !important;
}

.post {
	margin-bottom: 0;
}

.entry-content.single-page {
	padding-bottom: 0;
}


.sec-ngulong .video-fit {
	padding-top: 0;
}


.service-banner .banner .text-box h3 {
	font-size: 35px;
}

.service-banner .box-service-banner .icon-box-text {
	padding-left: 5px !important;
}

.service-banner .banner .text-box p {
	font-size: 18px;
}

.service-banner .box-service-banner .icon-box-text p {
	font-size: 14px !important;
}


table td, table th {
	line-height: 1.2;
	border: 1px solid #ddd;
	padding: 10px !important;
}




.video.video-fit {
	padding: 0 !important;
}


.video.video-fit .wp-video {
	margin: 0 auto;
}



.sec-ft .menu-item .ux-menu-link__text {
	font-size: 1rem;
}

.sec-ft .menu-item .ux-menu-link__link {
	padding: 8px 0;
    min-height: auto;
}


.sec-ft .title-ft {
	margin-bottom: 0;
}

.sec-ft .txt-content p {
	margin-bottom: 10px;
}


.box-ktech {
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.box-ktech .box-text {
	padding: 10px;
}

.box-ktech .box-text .button {
	margin: 0;
}

.box-ktech .box-text h3 {
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
}

.box-ktech .box-text .button span {
	font-size: 14px;
	font-weight: 700;
	color: #666;
}


.service-management .txt-number h3 {
	font-size: 16px;
}


.service-list .ktech-wrap .box-service h4 {
	font-size: 16px;
}


.service-equipment .box-equipment1 .icon-box-text {
	padding: 0 5px !important;
}

.service-people .box-2 {
	background: #EAEAEA;
    padding: 10px;
    border-radius: 10px;
}


.service-people .box-2 .icon-box-text h3 {
	font-size: 13px;
}

.service-people .box-2 .icon-box-text {
	padding-left: 5px !important;
}

.service-people .box-2 .icon-box-text p {
	font-size: 14px;
	margin: 0;
}


.img-inner img {
	border-radius: 10px;
	overflow: hidden;
}

.gallery-box.box-none img, .post.type-post img {
	border-radius: 10px;
	overflow: hidden;
}

.service-cnc .box-col h3 {
	font-size: 18px;
}

.sec-ft .title-ft .section-title-main {
	font-size: 20px;
}

.header-block-block-1 .button {
	border-radius: 10px;
	overflow: hidden;
}



.txt-baolong {
	margin-bottom: 0 !important;
}

.custom-contact-widget .item:first-child {
	display: none;
}











@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  div#ddinquolx ul {
    flex-direction: column;
  }
}

@media (max-width: 431px) {
	.sm-flex-col {
    	flex-direction: column;
	}
	
	.container .section, .row .section {
		padding-left: 0;
		padding-right: 0;
	}
	.single.single-post .text-box.banner-layer {
		width: 90% !important;
	}
	.single.single-post h1.banner-title {
		font-size: 3.5rem !important;
	}
	table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
}
.video.video-fit.mb.full-video {