/* File chỉnh sửa css chính của web */
 /**/
 /* ======================================================================================================================================================= Toàn trang */
 .ct-no-pb {
     padding-bottom: 0 !important;
 }

 .ct-no-p {
     padding: 0 !important;
 }

 .ct-no-mb p,
 .ct-no-mb h2,
 .ct-no-mb h3 {
     margin-bottom: 0 !important;
 }

 .ct-no-mt p,
 .ct-no-mt h2 {
     margin-top: 0 !important;
 }

 .ct-al-ce {
     align-items: center;
 }

 .ct-number {
     font-size: 80px;
     font-weight: bold;
     color: var(--primary-color);
     text-align: center;
 }

 .ct-number-black .ct-number {
     color: black !important;
 }

 .ct-col-number {
     border-right: 1px solid rgba(152, 151, 151, 0.279);
 }

 .ct-number-text p {
     font-size: 20px;
     font-weight: 600;
     text-transform: uppercase;
     color: var(--primary-color);
 }

 /* .ct-tabs {
    box-shadow: 5px 11px 0px #ccc
 } */

 .tab-panels {
     padding-top: 5px !important;
 }

 .ct-br-10px img {
     border-radius: 10px;
 }

 /* ======================================================================================================================================================= Chân trang */
 .ct-info-item {
     margin-bottom: 15px;
 }

 .ct-info-item i {
     margin-right: 8px;
     width: 20px;
     text-align: center;
 }

 .ct-row-about-home {
     align-items: center;
 }

 .ct-copyright-footer p {
     margin-bottom: 0 !important;
 }

 .ct-col-logo-footer {
     padding-bottom: 10px !important;
 }

 /* ======================================================================================================================================================= nav */
 .nav-right .menu-item a {
     font-weight: 400 !important;
 }

 .sub-menu a {
     font-size: 15px !important;
     color: black !important;
 }



 .nav-dropdown-bold .nav-column li>a,
 .nav-dropdown.nav-dropdown-bold>li>a {
     border-radius: 0px !important;
     margin: 0 0px !important;
 }


 .nav-dropdown {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
 }

 /*  */
 @media (min-width: 850px) {
     header#header .nav-dropdown {
         display: block;
     }

     header#header .nav-dropdown ul.sub-menu {
         position: absolute;
         left: 100%;
         top: 0;
         background: #fff;
         width: 250px;
         padding: 0;
         display: none !important;
         border-radius: 5px;
         -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
         box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
     }

     header#header .nav-dropdown ul.sub-menu a {
         white-space: normal;
         margin: 0;
         padding: 10px 15px;
         border: 0;
         font-weight: 400;
     }

     header#header .nav-dropdown li:hover>ul.sub-menu {
         display: block !important;
     }

     header#header .nav-dropdown li {
         border-right: 0;
         white-space: normal;
         width: 100%;
         display: block;
         position: relative;
     }

     header#header .nav-dropdown li.menu-item-has-children>a {
         font-weight: 400;
         text-transform: none;
         color: black
     }

     /* header#header .nav-dropdown li.active>a {
       color: #e82c2a;
    } */


 }

 /* ======================================================================================================================================================= về chúng tôi */

 .ct-text-p1-s1-about p {
     font-weight: 600 !important;
 }

 .ct-p-phi-about p {
     margin-bottom: 10px !important;
 }

 .nav-pills {
     box-shadow: 0 12px 12px -4px #ccc;
 }

 .nav-pills>li>a {
     border-radius: 0 !important;
 }

 .ct-h2-title-about h2 {
     margin-top: 20px;
 }

 .ct-h2-phi-block-about h2 {
     margin-top: 30px;
     margin-bottom: 40px;
 }

 .ct-h2-mt-30-tab h2 {
     margin-top: 30px;
 }



 .ct-row-brand-about .col {
     border-left: 1px solid #ddd;
     height: 160px;
     padding-bottom: 0;
     display: flex;
     align-items: center;
 }

 .ct-row-brand-about {
     padding-left: 10% !important;
     padding-right: 10% !important;
     align-items: center;
 }

 .ct-meaning-logo-about {
     padding-left: 15px;
     padding-right: 15px;
 }

 .ct-p-meaning-logo-about {
     display: flex;
     justify-content: center;
     margin-top: 30px;
 }

 .ct-p-meaning-logo-about li::marker {
     font-size: 1.5rem;
     color: var(--primary-color);
 }

 .ct-p-slogan-about {
     display: flex;
     justify-content: center;
 }

 .ct-p-slogan-about p {
     max-width: 900px;
 }

 .ct-text-cus-care-about h3 {
     min-height: 60px;
 }

 .ct-text-cus-care-about p {
     min-height: 210px;
 }


 /* ======================================================================================================================================================= hoạt động kinh doanh */
 .ct-text-business-work p {
     min-height: 200px;
 }

 .ct-icon-box-work {}

 .breadcrumb,
 .breadcrumb a,
 .breadcrumb span {
     color: #d9d9d9 !important;
     /* White color for breadcrumb text and links */
 }


 /* khung ảnh ở section banner 1 */
 /* góc trên bên trái */
 .ct-img-s1-ele {
     position: relative;
     /* Để ::before và ::after định vị tương đối với ảnh */
     display: block;
     /* Đảm bảo ảnh là block để tránh vấn đề với inline */
 }

 .ct-img-s1-ele::before {
     content: '';
     position: absolute;
     top: -10px;
     /* Dịch lên trên so với khung hiện tại */
     left: -10px;
     /* Đặt ở góc trái */
     width: 90px;
     /* Chiều dài đường ngang = 1/5 chiều dài ảnh */
     height: 10px;
     /* Độ dày khung */
     background-color: var(--primary-color);
     /* Màu xanh dương */
 }

 .ct-img-s1-ele::after {
     content: '';
     position: absolute;
     top: -10px;
     /* Dịch lên trên so với khung hiện tại */
     left: -10px;
     /* Đặt ở góc trái */
     width: 10px;
     /* Độ dày khung */
     height: 90px;
     /* Chiều cao đường dọc = 1/5 chiều cao ảnh */
     background-color: var(--primary-color);
     /* Màu xanh dương */
 }



 /* Container cha của .ct-img-s1-ele */
 .ct-col-img-s1-work .col-inner {
     position: relative;
     display: block;
     /* Để định vị khung bọc */
     /* Đảm bảo container ôm sát nội dung */
 }

 /* Khung bọc ngoài: đường ngang */
 .ct-col-img-s1-work .col-inner::before {
     content: '';
     position: absolute;
     top: -20px;
     /* Đặt ở góc trên */
     left: -20px;
     /* Dịch sang trái so với khung hiện tại */
     width: 70px;
     /* Lớn hơn khung hiện tại (80px + 10px mỗi bên) */
     height: 10px;
     /* Độ dày khung */
     background-color: #00bed5;
     /* Màu vàng để phân biệt, bạn có thể đổi */
 }

 /* Khung bọc ngoài: đường dọc */
 .ct-col-img-s1-work .col-inner::after {
     content: '';
     position: absolute;
     top: -20px;
     /* Đặt ở góc trên */
     left: -20px;
     /* Dịch sang trái so với khung hiện tại */
     width: 10px;
     /* Độ dày khung */
     height: 70px;
     /* Lớn hơn khung hiện tại (80px + 10px mỗi bên) */
     background-color: #00bed5;
     /* Màu vàng để phân biệt, bạn có thể đổi */
 }



 /* góc dưới bên phải */
 .ct-col-img-s1-work {
     height: fit-content;
     padding-bottom: 0 !important;
     padding-right: 0 !important;
 }

 .ct-col-img-s1-work {
     position: relative;
     /* Để ::before và ::after định vị tương đối với ảnh */
     display: block;
     /* Đảm bảo ảnh là block để tránh vấn đề với inline */
 }

 .ct-col-img-s1-work::before {
     content: '';
     position: absolute;
     bottom: -10px;
     /* Dịch lên trên so với khung hiện tại */
     right: -10px;
     /* Đặt ở góc trái */
     width: 90px;
     /* Chiều dài đường ngang = 1/5 chiều dài ảnh */
     height: 10px;
     /* Độ dày khung */
     background-color: var(--primary-color);
     /* Màu xanh dương */
 }

 .ct-col-img-s1-work::after {
     content: '';
     position: absolute;
     bottom: -10px;
     /* Dịch lên trên so với khung hiện tại */
     right: -10px;
     /* Đặt ở góc trái */
     width: 10px;
     /* Độ dày khung */
     height: 90px;
     /* Chiều cao đường dọc = 1/5 chiều cao ảnh */
     background-color: var(--primary-color);
     /* Màu xanh dương */
 }



 /*  */
 .ct-stack-img-s1-work {
     position: relative;
     /* Để ::before và ::after định vị tương đối với ảnh */
     display: block;
     /* Đảm bảo ảnh là block để tránh vấn đề với inline */
 }

 .ct-stack-img-s1-work::before {
     content: '';
     position: absolute;
     bottom: -20px;
     /* Dịch lên trên so với khung hiện tại */
     right: -20px;
     /* Đặt ở góc trái */
     width: 70px;
     /* Chiều dài đường ngang = 1/5 chiều dài ảnh */
     height: 10px;
     /* Độ dày khung */
     background-color: #00bed5;
     /* Màu xanh dương */
 }

 .ct-stack-img-s1-work::after {
     content: '';
     position: absolute;
     bottom: -20px;
     /* Dịch lên trên so với khung hiện tại */
     right: -20px;
     /* Đặt ở góc trái */
     width: 10px;
     /* Độ dày khung */
     height: 70px;
     /* Chiều cao đường dọc = 1/5 chiều cao ảnh */
     background-color: #00bed5;
     /* Màu xanh dương */
 }


 /*  Danh sách sản phẩm  */
 .ct-h2-list-pr-ele h2 {}

 .ct-tab-list-pro-ele .has-icon {
     border: 1px solid gray;
     margin-right: 20px;
     border-radius: 10px;
 }


 .ct-tab-list-pro-ele .has-icon a {
     border-radius: 10px !important;
     text-transform: none !important
 }

 .ct-tab-list-pro-ele .has-icon span {
     min-width: 200px;
     text-align: center;
 }

 .ct-tab-list-pro-ele .nav-pills {
     box-shadow: none;
 }


 .ct-tab-list-pro-ele .button {
     margin-bottom: 0 !important;
 }

 .ct-img-logo-ele {
     padding: 10px;
     border: 1px solid #abb8c3;
     border-radius: 10px;
     background: white;
 }

 .ct-tab-list-pro-ele .has-icon {
     margin-bottom: 15px;
 }

 .ct-row-button-s2-ele .button.is-outline {
     line-height: 2.4em;
     border: 1px solid rgba(0, 0, 0, .05);
     ;
 }


 /* thang máy */
 .ct-br-brand-elev {
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
     /* Tạo bóng với offset Y dương */
     clip-path: inset(-5px -5px 0px -5px);
     /* Cắt bỏ bóng dưới */
     border-radius: 15px 15px 0px 0px;
 }

 .ct-br-content-elev {
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
     border-radius: 0px 18px 18px 18px;
 }

 /*  thiết bị phụ kiện*/
 .ct-acc-elev .accordion-title {
     display: flex !important;
     align-items: center !important;
     justify-content: space-between !important;
 }

 .ct-acc-elev .accordion-title .toggle {
     order: 2 !important;
     position: static !important;
     /* Đưa button chứa icon sang bên phải */
 }

 .ct-acc-elev .accordion-title span {
     order: 1 !important;
     /* Giữ span (chữ) ở bên trái */
 }

 .ct-acc-elev .accordion-title {
     padding: 0 !important;
     color: var(--primary-color);
     font-weight: 700;
 }

 .ct-acc-elev .accordion-title.active {
     background-color: transparent;
 }

 .ct-acc-elev .accordion-inner {
     padding-left: 0;
     padding-right: 0;
 }

 /* Form tư vấn miễn phí */
 .ct-name-advise-form {
     color: white;
     text-align: center;
 }

 .ct-name-advise-form span {
     color: red;
 }

 .ct-input-advise-form {
     border-radius: 8px !important;
     margin-bottom: 10px !important;
 }

 .ct-input-advise-form::placeholder,
 .ct-textarea-advise-form::placeholder {
     font-weight: normal;
 }

 .ct-textarea-advise-form {
     border-radius: 8px !important;
     margin-bottom: 10px !important;
     min-height: 100px;
 }

 .ct-button-advise-form {
     width: 100%;
     background-color: #0A6e9e !important;
 }

 .wpcf7-response-output {
     color: white;
 }


 /* thi công xây dựng */
 .ct-text-demand-construct p {
     min-height: 260px;
 }

 /* smart-farm */
 .ct-h3-demand-construct h3 {
     min-height: 85px;
 }

 .ct-mh-IIoT-3r-work h3 {
     font-size: 30px;
     min-height: 100px;
 }

 /*  */

 /* ======================================================================================================================================================= dự án portfolio */
 .ct-breadcrumb-cr-po nav,
 .ct-breadcrumb-cr-po .breadcrumb a,
 .ct-breadcrumb-cr-po .breadcrumb span {
     color: white !important;
 }

 .ct-text-box-po {
     border-left: 15px solid var(--primary-color);
 }

 .ct-text-de-po h4 {
     margin-top: 10px !important;
 }

 .ct-text-de-po li {
     margin-bottom: 5px !important;
 }

 /* trang đơn dự án và bài viết */
 /* breadcrumb */
 .ct-breadcrumb-post nav {
     color: black !important;
 }

 .ct-breadcrumb-post a,
 .ct-breadcrumb-post span {
     color: var(--primary-color) !important;
 }

 .ct-breadcrumb-post {
     padding-bottom: 30px !important;
     /* border-bottom: 1px solid #c4c4c4; */
 }

 .ct-single-post .entry-divider {
     display: none;
 }

 .ct-h3-sidebar-post h3 {
     margin-bottom: 30px;
 }

 .ct-sidebar-post .is-divider {
     display: none;
 }

 .ct-sidebar-post .post-item {
     border: 1px solid #c4c4c4;
     border-radius: 6px;
     padding: 10px;
     margin-bottom: 15px;
     transition: .3s ease;
 }

 .ct-sidebar-post .post-title {
     color: black;
 }

 .ct-sidebar-post .image-cover {
     border-radius: 6px;
 }

 .ct-single-post .entry-title {
     color: black;
 }

 /* ======================================================================================================================================================= case study */
 .ct-s1-aqua-box .section-bg {
     background: linear-gradient(to left, #ffffff, #0066cc);
 }

 .ct-col-s1-aqua-box .col-inner {
     background: linear-gradient(145deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.1));
     backdrop-filter: blur(20px);
     border: 2px solid rgba(255, 255, 255, 0.4);
     border-radius: 20px;
     box-shadow: 0 12px 40px rgba(74, 144, 226, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.5);
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }

 .ct-btn-s2-aqua-box {
     border: none !important;
     font-weight: 400 !important;
     margin-bottom: 0 !important;
 }

 .ct-row-button-s2-ele .col {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 .ct-btn-s2-aqua-box:hover {
     border-radius: 5px;
 }


 .ct-col-nav-aqua-box .button {
     margin-right: 2em !important;
 }



 .ct-s3-aqua-box .section-bg {
     background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
 }


 .ct-icon-s3-aqua-box {
     /* padding: 20px; */
     width: 60px;
     height: 60px;
     background: linear-gradient(135deg, #dbeafe, #bfdbfe);
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
 }


 .ct-col-s3-aqua-box .col-inner {
     background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
     border: 2px solid #e2e8f0;
     border-radius: 16px;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     position: relative;
 }


 .ct-col-s3-aqua-box .col-inner::after {
     content: "";
     position: absolute;
     top: 16px;
     right: 16px;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: #ef4444;
 }

 .ct-text-s3-aqua-box h3 {
     font-size: 28px;
     font-weight: 600;
 }

 .ct-text-s3-aqua-box p {
     min-height: 96px;
 }

 .ct-col-s3-aqua-box .col-inner:hover {
     border: 3px solid #f97316;
     transform: translateY(-8px);
 }


 /* s4 */
 .ct-s4-aqua-box .section-bg {
     background: linear-gradient(135deg, #e8f4fd 0%, #b8e6ff 25%, #87ceeb 50%, #add8e6 75%, #e0f6ff 100%) !important;
 }

 .ct-stack-number-aqua-box .ct-number {
     font-size: 3rem;
 }

 .ct-col-s4-aqua-box .col-inner {
     background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
     border: 2px solid #e2e8f0;
     border-radius: 16px;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     position: relative;
 }

 .ct-text-s4-aqua-box {
     min-height: 230px;
 }

 .ct-col-12-p2-s4-aqua-box .col-inner {
     background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 204, 255, 0.1));
     border-radius: 20px;
     padding: 40px;
     border: 1px solid rgba(0, 102, 204, 0.2);
 }

 .ct-br-col-s4-aqua-box .col-inner {
     border-radius: 15px;
     border-left: 4px solid #0066cc;
     transition: transform 0.3s ease;
     /* Thêm transition để chuyển động mượt */
 }

 .ct-br-col-s4-aqua-box .col-inner:hover {
     transform: translateX(8px);
     /* Nhích sang phải 8px khi hover */
 }

 .ct-img-tech-aqua-box {
     border-radius: 16px;
     border: 1px dashed gray;
 }

 .ct-img-tech-aqua-box img {
     border-top-left-radius: 16px;
     border-top-right-radius: 16px;
 }


 .ct-img-tech-aqua-box .box-text {
     padding-bottom: 12px;
     background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
     border-bottom-left-radius: 16px;
     border-bottom-right-radius: 16px;
 }

 .ct-number-tech-aqua-box {
     width: 50px;
     height: 50px;
     background: linear-gradient(135deg, #0066cc, #00ff88);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .ct-number-tech-aqua-box h2 {
     margin-bottom: 0 !important;
     color: white;
     font-weight: bold;
     font-size: 1.2rem;
 }

 .ct-col-8-tech-aqua-box .col-inner,
 .ct-col-8-2-tech-aqua-box .col-inner {
     position: relative;
 }

 .ct-col-8-tech-aqua-box .col-inner::before {
     content: '';
     position: absolute;
     right: -20px;
     top: 50%;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border-left: 20px solid white;
     border-top: 15px solid transparent;
     border-bottom: 15px solid transparent;
 }

 .ct-col-8-2-tech-aqua-box .col-inner::before {
     content: '';
     position: absolute;
     left: -20px;
     top: 50%;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border-right: 20px solid white;
     border-top: 15px solid transparent;
     border-bottom: 15px solid transparent;
 }


 .ct-col-drive-tech-aqua-box {
     position: relative;
 }


 .ct-col-drive-tech-aqua-box::before {
     content: "";
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 60px;
     bottom: 150px;
     width: 4px;
     background: linear-gradient(135deg, #0066cc, #00ff88);
     z-index: 0;
 }




 .ct-s6-aqua-box .section-bg {
     background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)
 }

 .ct-col-result-aqua-box .col-inner {
     background: linear-gradient(135deg, #f1f5f9 0%, #ffffff 100%);
     min-height: 200px
 }

 .ct-title-s6-aqua-box h2 {
     color: #1e293b;
     margin-bottom: 30px;
     font-weight: 700;
     background: linear-gradient(135deg, #3b82f6, #10b981);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .ct-col-result-p2-aqua-box .col-inner {
     border-radius: 20px;
     min-height: 265px;
 }

 .ct-col-result-p2-aqua-box .col-inner:hover {
     border: 2px solid var(--primary-color);
 }


 .ct-img-box-s6-aqua-box .box-image {
     width: 80px !important;
     height: 80px !important;
     background: linear-gradient(135deg, #3b82f6, #10b981);
     border-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .ct-img-box-s6-aqua-box .box-text {
     padding-bottom: 0 !important;
 }

 .ct-img-box-s6-aqua-box .box-image div {
     width: 60px !important;
     height: 60px !important;
 }

 .ct-img-box-s6-aqua-box img {
     font-size: 2.5rem;
     filter: brightness(0) invert(1);
     margin-top: -3px !important;
 }

 .ct-text-result-p2-s6-aqua-box h2 {
     color: #1e293b;
     background: linear-gradient(135deg, #3b82f6, #10b981);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }


 .ct-col-result-3-aqua-box .col-inner {
     background: linear-gradient(135deg, #dbeafe 0%, #dcfce7 100%);
     border: 1px solid rgba(59, 130, 246, 0.2);
     border-radius: 16px;
 }

 .ct-col-result-3-aqua-box p {
     margin-bottom: 0 !important;
 }

 .ct-col-2-img-aqua-box .has-hover {
     border-radius: 16px;
 }

 .ct-col-2-img-aqua-box img {
     border-top-left-radius: 16px;
     border-top-right-radius: 16px;
 }


 .ct-col-2-img-aqua-box p {
     min-height: 60px;
 }

 .ct-call-aqua-box {
     color: black !important;
     background: #ffd700 !important;
 }

 .ct-row-doc {
     box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
 }



 /* ======================================================================================================================================================= bài viết post */

 .ct-post-list .post-title {
     min-height: 55px;
 }

 .ct-post-list .is-divider {
     display: none;
 }

 .ct-breadcrumb-post-page a,
 .ct-breadcrumb-post-pag .breadcrumb span {
     color: var(--primary-color) !important;
     /* White color for breadcrumb text and links */
 }

 .ct-breadcrumb-post-page .breadcrumb {
     color: black !important;
     /* White color for breadcrumb text and links */
 }

 .ct-blog-post-post .post-title a {
     color: black !important;

 }

 .ct-blog-post-post .is-divider {
     display: none;
 }

 .ct-blog-post-post .post-item {
     padding-bottom: 0 !important;
 }


 .ct-img-s3-post img {
     border-radius: 6px;
 }


 .ct-blog-cata-post-post .box-image,
 .ct-blog-cata-post-post .is-divider {
     display: none;
 }

 .ct-blog-cata-post-post .box-text,
 .ct-blog-cata-post-post .post-item {
     padding-bottom: 0 !important;
     padding-top: 0 !important;
 }


 .ct-blog-cata-post-post .post-title {
     text-transform: uppercase;
     font-weight: normal;
     color: black;
     padding: 5px 0;
     border-bottom: 1px solid #dfdfdf;
 }

 .ct-button-more-post a {
     color: var(--primary-color) !important;
 }

 .ct-button-more-post p {
     margin-bottom: 10px;
 }


 /* Target tất cả emoji từ WordPress s.w.org */
 .ct-single-post img[src*="s.w.org/images/core/emoji"] {
     width: 20px !important;
     height: 20px !important;
 }

 /* ======================================================================================================================================================= Trang chủ */

 .ct-col-brr-home {
     border-right: 1px dashed rgb(221, 221, 221);
 }

 .ct-btn-portfolio-home {
     color: white !important;
 }

 /* 1. BAN ĐẦU: ẨN HOÀN TOÀN - KHÔNG CHIẾM SPACE */
 .ct-2-text-box-po-home {
     display: none;
     /* ẨN + 0 SPACE */
     opacity: 0;
     transform: scale(0.3) translateY(20px);
     transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }

 /* 2. HOVER: HIỆN + PHÓNG RA TỪ GÓC DƯỚI TRÁI */
 .ct-text-box-po-home:hover .ct-2-text-box-po-home {
     display: block;
     /* HIỆN */
     opacity: 1;
     transform: scale(1) translateY(0);
 }

 /* 3. GIỮ NGUYÊN CSS CŨ CỦA BẠN */
 .ct-text-box-po-home:hover .box-text {
     width: 100% !important;
     transition: width 0.3s ease;
 }

 .col .ct-text-box-po-home .box-text {
     width: 70%;
     border-left: 10px solid #008DD0;
     transition: width 0.3s ease;
 }

 .ct-text-box-po-home .box-text h4 {
     font-weight: normal;
 }

 .ct-text-box-po-home:hover .ct-1-text-box-po-home {
     display: none;
 }

 .ct-col-po-home .col-inner {
     height: 522px;
 }

 .ct-blog-home .box-blog-post {
     padding: 10px;
     border-radius: 6px;
 }

 .ct-blog-home .col-inner {
     border-radius: 6px;
 }

 .ct-blog-home .is-divider {
     display: none;
 }

 .ct-blog-home .post-title {
     color: black;
     min-height: 85px;
 }

 .ct-blog-home .button {
     text-transform: none !important;
     color: var(--primary-color);
 }












 /* =============================================================================================các phần tử khác */
 /* nút nổi gọi điện*/


 /* Nút gọi điện trực tiếp */
 .ct-call-button {
     position: fixed;
     bottom: 150px;
     right: 20px;
     /* left: 20px; */
     z-index: 9999;
     background-color: transparent;
     border: none;
     padding: 0;
     cursor: pointer;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
     /* animation: shake 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite; */
 }

 /* Hiệu ứng rung lắc */
 /* @keyframes shake {
    0% { transform: translate(0, 0) rotate(0deg); }
    10% { transform: translate(-2px, -2px) rotate(-2deg); }
    20% { transform: translate(2px, -2px) rotate(2deg); }
    30% { transform: translate(-2px, 2px) rotate(0deg); }
    40% { transform: translate(2px, 2px) rotate(-2deg); }
    50% { transform: translate(-2px, -2px) rotate(2deg); }
    60% { transform: translate(2px, 0) rotate(0deg); }
    70% { transform: translate(-2px, 2px) rotate(-2deg); }
    80% { transform: translate(2px, -2px) rotate(2deg); }
    90% { transform: translate(0, 2px) rotate(0deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
} */

 .ct-call-icon {
     width: 50px;
     height: 50px;
     display: block;
     position: relative;
 }

 /* Hiệu ứng sóng lan tỏa */
 .ct-call-button::before,
 .ct-call-button::after {
     content: '';
     position: absolute;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-color: #0000fe;
     opacity: 0.4;
     animation: ripple 2s infinite;
     z-index: -1;
 }

 .ct-call-button::after {
     animation-delay: 1s;
     /* Tạo hiệu ứng sóng xen kẽ */
 }

 /* Animation cho sóng */
 @keyframes ripple {
     0% {
         transform: scale(1);
         opacity: 0.4;
     }

     100% {
         transform: scale(2.5);
         opacity: 0;
     }
 }

 .back-to-top {
     bottom: 150px !important;
     right: 20px !important;
 }


 /* youtube và facebook */
 /* youtube */
 .ct-call-button-2 {
     position: fixed;
     bottom: 20px;
     right: 20px;
     /* left: 20px; */
     z-index: 9999;
     background-color: transparent;
     border: none;
     padding: 0;
     cursor: pointer;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     border-radius: 50%;
 }

 /* facebook */
 .ct-call-button-3 {
     position: fixed;
     bottom: 80px;
     right: 20px;
     /* left: 20px; */
     z-index: 9999;
     background-color: transparent;
     border: none;
     padding: 0;
     cursor: pointer;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     border-radius: 50%;
 }

 /* .ct-call-button-2,
.ct-call-button-3 {
  display: inline-block;
  
  
  text-align: center;
  line-height: 50px; 
  transition: all 0.3s ease;
} */

 .ct-call-button-2 {
     background-color: #FF0000;
     /* Màu đỏ của YouTube */
 }

 .ct-call-button-3 {
     background-color: #1877F2;
     /* Màu xanh chính thức của Facebook */
 }

 .ct-call-icon-fontasome {
     color: white !important;
     font-size: 24px;
     /* Kích thước icon */
     line-height: 1;
 }

 /* Hover effect (tùy chọn) */
 .ct-call-button-2:hover {
     background-color: #CC0000;
     transform: scale(1.1);
 }

 .ct-call-button-3:hover {
     background-color: #166FE5;
     transform: scale(1.1);
 }


 /* ======================================================================================================================================================= liên hệ*/
 .ct-row-map-contact,
 .ct-row-form-contact {
     position: relative;
 }

 .ct-row-form-contact {
     top: -200px;
 }

 .ct-name-advise-form-2 {
     color: black;
     text-align: left;
     font-weight: normal;
 }

 .ct-name-advise-form-2 span {
     color: red;
 }

 .ct-button-advise-form-2 {
     border-radius: 5px !important;
     background-color: var(--primary-color);
 }

 .ct-input-advise-form-2 {
     border-radius: 8px !important;
     margin-bottom: 10px !important;
     height: 50px !important;
 }

 .ct-input-advise-form-2::placeholder,
 .ct-textarea-advise-form-2::placeholder {
     font-weight: normal;
 }

 .ct-textarea-advise-form-2 {
     border-radius: 8px !important;
     margin-bottom: 10px !important;
     min-height: 163px;
 }

 .ct-acc-contact span{
    padding: 10px 15px;
    background-color: var(--primary-color);
    color: white;
    font-weight: 700;
    margin-top: 10px;
 }

  .ct-acc-contact .toggle{
    display: none;
  }

  .ct-acc-contact a{
    padding-left: 0;
  }

 /* ======================================================================================================================================================= MEGMEET*/
.ct-p-hero-mt p{
        margin-bottom: 0.3em;
}

.ct-btn-s2-mt {
    background-color: rgb(43, 169, 182) !important;
}

.ct-h3-s3-mt h3{
    color: white;
}




.ct-br-mt {
    border-right: 1px solid #7373734d;
}

.ct-tabs-mt .nav-pills>li>a {
    border-radius: 99px !important;
}

.ct-tabs-mt .nav-pills{
    box-shadow: none;
    padding-bottom: 10px;
}

.ct-tabs-mt .tab-panels .panel.active {
    display: flex !important;
    justify-content: center;
}

.ct-tabs-mt .tab-panels .panel {
    display: flex !important;
    justify-content: center;
}

.ct-row-tab-s6-mt{
    width: 2000px !important;
}

.ct-h2-app-mt h2{
    min-height: 85px;
}

.ct-col-policy-mt blockquote h5 {
    color: black !important;
}