.elementor-6 .elementor-element.elementor-element-e5370ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-a022ae9{--display:flex;}.elementor-6 .elementor-element.elementor-element-d974cc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-d974cc2:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-d974cc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://boilervietnam.com/wp-content/uploads/2026/03/banner_about.jpg");}.elementor-6 .elementor-element.elementor-element-c3e9858{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6 .elementor-element.elementor-element-9c6c959{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-8705d76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6 .elementor-element.elementor-element-a397b54 .elementor-heading-title{color:#1652A6;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6 .elementor-element.elementor-element-e3de5c9{--divider-border-style:solid;--divider-color:#FF6200;--divider-border-width:3px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-e3de5c9 .elementor-divider-separator{width:14%;}.elementor-6 .elementor-element.elementor-element-e3de5c9 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-6 .elementor-element.elementor-element-f2d11c3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#1652A6;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-d8abad8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-4c042b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(21.99999999999999, 82.00000000000001, 165.99999999999994, 0.23);--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-a85517e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-a85517e:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-a85517e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDEBFF38;}.elementor-6 .elementor-element.elementor-element-c7eef20{--display:flex;}.elementor-6 .elementor-element.elementor-element-44405a4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-e8f1269 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-b3a3f9c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6 .elementor-element.elementor-element-89ed543{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-7a54999{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-d80b9c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-66cdb64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-08ac140{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-4ae51bc{--display:flex;}.elementor-6 .elementor-element.elementor-element-2fa0571 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-296429d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-7879e7a{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-6 .elementor-element.elementor-element-7879e7a .swiper-slide > .elementor-element{height:100%;}.elementor-6 .elementor-element.elementor-element-ace89b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-ace89b6:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-ace89b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDEBFF8C;background-image:url("https://boilervietnam.com/wp-content/uploads/2026/03/banner_service.jpg");background-position:bottom left;}.elementor-6 .elementor-element.elementor-element-8163a39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-c6bc0c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-80d7134{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-80d7134 .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-6 .elementor-element.elementor-element-63b443b{--display:flex;}.elementor-6 .elementor-element.elementor-element-b4a2881 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-a25e220 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-aa41948{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-aa41948:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-aa41948 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDEBFF38;}.elementor-6 .elementor-element.elementor-element-b2daa67{--display:flex;}.elementor-6 .elementor-element.elementor-element-5301827 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-b4c399e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-d68d979{--swiper-slides-to-display:3;--swiper-slides-gap:8px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-6 .elementor-element.elementor-element-d68d979 .swiper-slide > .elementor-element{height:100%;}.elementor-6 .elementor-element.elementor-element-83e2855{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-6 .elementor-element.elementor-element-83e2855::before, .elementor-6 .elementor-element.elementor-element-83e2855 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-83e2855 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-83e2855 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-83e2855 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-83e2855 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#DDEBFF38;--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-18cb84a{--display:flex;}.elementor-6 .elementor-element.elementor-element-0742b11{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5F5F5;--border-color:#F5F5F5;--border-radius:5px 5px 5px 5px;}.elementor-6 .elementor-element.elementor-element-0742b11:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-aff1928{--display:flex;}.elementor-6 .elementor-element.elementor-element-b4f929f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5F5F5;--border-color:#F5F5F5;--border-radius:5px 5px 5px 5px;}.elementor-6 .elementor-element.elementor-element-b4f929f:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-6 .elementor-element.elementor-element-5ba1a56{--display:flex;}.elementor-6 .elementor-element.elementor-element-999ae88{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5F5F5;--border-color:#F5F5F5;--border-radius:5px 5px 5px 5px;}.elementor-6 .elementor-element.elementor-element-999ae88:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-6 .elementor-element.elementor-element-0c88268{--display:flex;}.elementor-6 .elementor-element.elementor-element-9f76760{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5F5F5;--border-color:#F5F5F5;--border-radius:5px 5px 5px 5px;}.elementor-6 .elementor-element.elementor-element-9f76760:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-6 .elementor-element.elementor-element-829ae11{--display:flex;}.elementor-6 .elementor-element.elementor-element-a50c0db{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5F5F5;--border-color:#F5F5F5;--border-radius:5px 5px 5px 5px;}.elementor-6 .elementor-element.elementor-element-a50c0db:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-6 .elementor-element.elementor-element-ab252ff{--display:flex;}.elementor-6 .elementor-element.elementor-element-4694b29{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5F5F5;--border-color:#F5F5F5;--border-radius:5px 5px 5px 5px;}.elementor-6 .elementor-element.elementor-element-4694b29:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-6 .elementor-element.elementor-element-9bddf11{--e-n-carousel-swiper-slides-to-display:7;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-6 .elementor-element.elementor-element-7a881e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-96f5015{--display:flex;}.elementor-6 .elementor-element.elementor-element-accb14d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-72343fb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#1652A6;}.elementor-6 .elementor-element.elementor-element-382f5ce{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-6 .elementor-element.elementor-element-382f5ce .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-7879e7a{--swiper-slides-to-display:2;}.elementor-6 .elementor-element.elementor-element-d68d979{--swiper-slides-to-display:2;}.elementor-6 .elementor-element.elementor-element-9bddf11{--e-n-carousel-swiper-slides-to-display:2;}.elementor-6 .elementor-element.elementor-element-382f5ce{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-e5370ce{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-9c6c959{--width:50%;}.elementor-6 .elementor-element.elementor-element-8705d76{--width:50%;}.elementor-6 .elementor-element.elementor-element-89ed543{--width:25%;}.elementor-6 .elementor-element.elementor-element-7a54999{--width:25%;}.elementor-6 .elementor-element.elementor-element-d80b9c2{--width:25%;}.elementor-6 .elementor-element.elementor-element-66cdb64{--width:25%;}.elementor-6 .elementor-element.elementor-element-8163a39{--width:50%;}.elementor-6 .elementor-element.elementor-element-c6bc0c9{--width:50%;}.elementor-6 .elementor-element.elementor-element-80d7134{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-aa41948{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-83e2855{--content-width:1200px;}.elementor-6 .elementor-element.elementor-element-7a881e0{--content-width:1200px;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-e8f1269 .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-6 .elementor-element.elementor-element-296429d .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-6 .elementor-element.elementor-element-7879e7a{--swiper-slides-to-display:2;}.elementor-6 .elementor-element.elementor-element-a25e220 .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-6 .elementor-element.elementor-element-b4c399e .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-6 .elementor-element.elementor-element-d68d979{--swiper-slides-to-display:1;}.elementor-6 .elementor-element.elementor-element-9bddf11{--e-n-carousel-swiper-slides-to-display:2;}.elementor-6 .elementor-element.elementor-element-72343fb .elementor-heading-title{font-size:15px;line-height:1.7em;}.elementor-6 .elementor-element.elementor-element-382f5ce{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-a022ae9 *//* Fix container chứa slider bị có padding/margin thừa */
.elementor-element-e5370ce > .e-con-inner {
    padding: 0 !important;
}

.elementor-element-e5370ce {
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-a022ae9 {
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix widget shortcode chứa slider */
.elementor-element-e1873de {
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-e1873de .elementor-shortcode {
    line-height: 0;
    font-size: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ae51bc *//* ================================================
   LOOP SẢN PHẨM CAROUSEL - Class: .loop_sp
   Áp dụng toàn bộ carousel có class này
   ================================================ */

/* ---- Card: flex column để nút luôn ở đáy ---- */
.loop_sp .e-loop-item .e-con,
.loop_sp .e-loop-item .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Đẩy widget button xuống đáy */
.loop_sp .e-loop-item .elementor-widget-button {
  margin-top: auto !important;
}

/* ---- Zoom ảnh mượt khi hover ---- */
.loop_sp .e-loop-item .elementor-widget-featured-image,
.loop_sp .e-loop-item .elementor-widget-theme-post-featured-image {
  overflow: hidden !important;
}

.loop_sp .e-loop-item .elementor-widget-featured-image img,
.loop_sp .e-loop-item .elementor-widget-theme-post-featured-image img {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: block;
}

.loop_sp .e-loop-item:hover .elementor-widget-featured-image img,
.loop_sp .e-loop-item:hover .elementor-widget-theme-post-featured-image img {
  transform: scale(1.06) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e2855 *//* ===== CLIENTS CAROUSEL - CHẠY LIÊN TỤC GIỐNG FILE HTML ===== */

/* Ẩn arrows vì mẫu không có */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    display: none !important;
}

/* Làm cho swiper-wrapper chạy liên tục */
.e-n-carousel .swiper-wrapper {
    animation: clientsMarquee 10s linear infinite !important;
    transition: none !important;
}

/* Dừng khi hover */
.e-n-carousel:hover .swiper-wrapper {
    animation-play-state: paused !important;
}

/* Animation chạy từ phải sang trái */
@keyframes clientsMarquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* Làm logo đẹp hơn */
.e-n-carousel .swiper-slide img {
    transition: all 0.4s ease;
    filter: grayscale(20%);
    padding: 10px 0;
}

.e-n-carousel .swiper-slide:hover img {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Giảm khoảng cách giữa các logo */
.e-n-carousel .swiper-slide {
    margin-right: 40px !important;   /* điều chỉnh khoảng cách */
}

/* Responsive */
@media (max-width: 1024px) {
    .e-n-carousel .swiper-wrapper {
        animation-duration: 32s !important;
    }
}

@media (max-width: 768px) {
    .e-n-carousel .swiper-wrapper {
        animation-duration: 25s !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-382f5ce *//* =============================================
   LOOP DỰ ÁN
   ============================================= */

/* ---- Card ---- */
.portfolio-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 16px rgba(22,82,166,0.08) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.portfolio-card:hover {

  transform: translateY(-4px) !important;
}

/* ---- Ép container thành relative ---- */
.portfolio-card > .elementor-column-gap-default,
.portfolio-card > .elementor-row,
.portfolio-card .elementor-container {
  position: relative !important;
  display: block !important; /* tắt flex để cột xếp dọc */
  padding: 0 !important;
}

/* ---- Cột ảnh: full width, bình thường ---- */
.portfolio-card .portfolio-img {
  position: relative !important;
  width: 100% !important;
  padding: 0 !important;
  float: none !important;
}

.portfolio-card .portfolio-img .elementor-column-wrap,
.portfolio-card .portfolio-img .elementor-widget-wrap {
  padding: 0 !important;
}

.portfolio-card .portfolio-img img {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  display: block !important;
  transition: all 0.4s ease !important;
}

.portfolio-card:hover .portfolio-img img {
  transform: scale(1.07) !important;
}

/* ---- Cột info: absolute đè lên ảnh ---- */
.portfolio-card .portfolio-info {
  position: absolute !important;
  bottom: 20px !important;
  left: 20px !important;
  width: calc(100% - 50px) !important;
  z-index: 3 !important;
  padding: 0 !important;
  background: transparent !important;
  float: none !important;
}

.portfolio-card .portfolio-info .elementor-column-wrap,
.portfolio-card .portfolio-info .elementor-widget-wrap {
  padding: 0 !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Khối xanh ::after */
.portfolio-card .portfolio-info::after {
  content: "" !important;
  position: absolute !important;
  width: 80px !important;
  height: 98px !important;
  background: #1652a694 !important;
  left: 0 !important;
  top: 15px !important;
  z-index: -1 !important;
  border-radius: 5px !important;
}

/* ---- Span "Dự Án" ---- */
.portfolio-card .portfolio-info .span_duan .elementor-widget-container {
  padding: 0 !important;
  background: transparent !important;
}

.portfolio-card .portfolio-info .span_duan span {
  display: inline-block !important;
  font-size: 14px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 6px 0 8px 4px !important;
  background: transparent !important;
  line-height: 1 !important;
}

/* ---- Title: nền trắng ---- */
.portfolio-card .portfolio-info .display-4 .elementor-widget-container {
  padding: 0 !important;
  background: transparent !important;
}

.portfolio-card .portfolio-info .display-4 h1,
.portfolio-card .portfolio-info .display-4 h2,
.portfolio-card .portfolio-info .display-4 h3,
.portfolio-card .portfolio-info .display-4 h4,
.portfolio-card .portfolio-info .display-4 h5,
.portfolio-card .portfolio-info .display-4 h6 {
  background-color: #ffffff !important;
  padding: 15px !important;
  border-radius: 5px !important;
  margin: 0 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f2444 !important;
  line-height: 1.35 !important;
  transition: color 0.2s ease !important;
}

.portfolio-card .portfolio-info .display-4 h1 a,
.portfolio-card .portfolio-info .display-4 h2 a,
.portfolio-card .portfolio-info .display-4 h3 a,
.portfolio-card .portfolio-info .display-4 h4 a,
.portfolio-card .portfolio-info .display-4 h5 a,
.portfolio-card .portfolio-info .display-4 h6 a {
  color: #0f2444 !important;
  text-decoration: none !important;
}
.portfolio-card .portfolio-info::after:hover{
    background: orange !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96f5015 */.post_img:hover{
    border-radius: 5px;
}/* End custom CSS */