/**
 * 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:        2025
 * License:        2NRJM-B46WR-K6VQR-Y4T3D-QRWPX
 * License URI:    https://k-tech.net.vn/
 */



/*************** ADD CUSTOM CSS HERE.   ***************/



.sec-form .title-index h2 {
   border: none;
   margin-bottom: 0;
}

.sec-collection .slider-collection .w-33 {
   flex: 33.33333333333333% !important;
   max-width: 33.33333333333333% !important;
   opacity: 1;
   padding: 0 15px 20px;
}

.sec-collection .slider-collection .box-image {
   border-radius: 16px 16px 0 0;
   border: 1px solid #FFF;
   background: rgba(255, 255, 255, 0.10);
   backdrop-filter: blur(8px);
   overflow: hidden;
   position: relative;
   height: 100%;
}

.sec-collection .slider-collection .box-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}


.sec-collection .slider-collection .w-33 .box-text {
   padding: 15px 0;
}

.sec-collection .slider-collection .w-33 .box-text .box-text-inner {
   text-align: left;
}

.sec-collection .slider-collection .box-text .title {
   font-size: 20px;
   font-weight: 600;
   line-height: 130%;
   height: 55px;
   margin-bottom: 10px;
   color: var(--fs-color-secondary);
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;

   @media only screen and (max-width: 768px) {
      height: auto;
   }
}

.sec-collection .slider-collection .box-text .desc {
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 130%;
   color: #595959;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
}



.sec-collection .slider-collection .flickity-button {
   bottom: -5%;
   top: auto;
   display: block;

   @media only screen and (max-width: 768px) {
      bottom: -8%;
   }
}



.sec-collection .slider-collection .flickity-button.next {
   right: 45%;

   @media only screen and (max-width: 768px) {
      right: 35%;
   }
}

.sec-collection .slider-collection .flickity-button.previous {
   left: 45%;

   @media only screen and (max-width: 768px) {
      left: 35%;
   }
}




.sec-collection .list-collection {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;

   @media only screen and (max-width: 768px) {
      grid-template-columns: repeat(1, 1fr);
   }
}

.sec-collection .list-collection .collection-item {
   border: 1px solid #FFF;
   background: rgba(255, 255, 255, 0.10);
   backdrop-filter: blur(8px);
}

.sec-collection .list-collection .collection-item .thumbnail {
   border-radius: 16px 16px 0 0;
   overflow: hidden;
}

.sec-collection .list-collection .collection-item .content {
   padding: 15px 0;
}

.sec-collection .list-collection .collection-item .content .title {
   font-size: 20px;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 10px;
   color: var(--fs-color-secondary);
}

.sec-collection .list-collection .collection-item .content .desc {
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 130%;
   color: #595959;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
}


@media only screen and (max-width: 48em) {
   /*************** ADD MOBILE ONLY CSS HERE  ***************/

   .title-index h2 {
      font-size: 24px;
      line-height: 1.45;
   }


   .sec-cate .box-text h5 {
      font-size: 22px;
   }

   .sec-cate2 .box-text .header-title {
      font-size: 20px;
      line-height: 1.3;
   }


   .sec-form .title-index h2 {
      font-size: 30px;
      line-height: 1.2;
   }

   .sec-why .content {
      margin-top: 25px;
   }


   .sec-form .large-12>.col-inner {
      padding: 15px !important;
   }


   .about2 .large-9 .col-inner>div {
      max-width: 100% !important;
   }


   .about5 .accordion-item {
      padding: 20px 10px;
   }

   .single .woocommerce-tabs .tabs li {
      width: max-content;
      text-align: center;
   }

   .single .dtlinks {
      flex-direction: column;
   }

   .single .dtlinks a {
      max-width: 100%;
   }

   .sec-blogs.sec-archive .post-item .box .box-image {
      margin-bottom: 20px;
   }


   .page-header-wrapper .sec-banners h1 {
      font-size: 35px;
   }


   .contact .text h2 {
      font-size: 30px;
   }

   .contact .two-columns {
      flex-direction: column;
   }

   .sec-collection .slider-collection .w-33 {
      flex: 90% !important;
      max-width: 80% !important;
   }






}