.elementor-24 .elementor-element.elementor-element-235871f{--display:flex;--min-height:80vh;--justify-content:center;box-shadow:0px 10px 20px -7px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-235871f:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-235871f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hayabean.com/wp-content/uploads/2026/05/hayabean-coffee-cherry-image.webp");background-position:center center;background-size:cover;}.elementor-24 .elementor-element.elementor-element-fb33891{--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;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:020px;--padding-right:020px;}.elementor-24 .elementor-element.elementor-element-fb33891:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-fb33891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEDE2;}.elementor-24 .elementor-element.elementor-element-dcbe48e{--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;--border-radius:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-4189664{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-0861e42{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-0861e42 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:42px;font-weight:500;line-height:1.4em;color:#0C0C0C;}.elementor-24 .elementor-element.elementor-element-b06ddab{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-123bdc5{text-align:start;font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:500;color:#0C0C0C;}.elementor-24 .elementor-element.elementor-element-05ccb89{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-42b51f1{--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;}.elementor-24 .elementor-element.elementor-element-ccfd8a9{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-628812a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-ac6ec21{--display:flex;}.elementor-24 .elementor-element.elementor-element-f867bdf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-f867bdf .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:42px;font-weight:500;text-transform:capitalize;line-height:1.4em;color:#0C0C0C;}.elementor-24 .elementor-element.elementor-element-888af3d{text-align:start;font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:500;color:#0C0C0C;}.elementor-24 .elementor-element.elementor-element-5e92e4d{--display:flex;--min-height:600px;--justify-content:center;--overlay-opacity:0.51;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-5e92e4d:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-5e92e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hayabean.com/wp-content/uploads/2026/05/615706701_122165679620871614_6052787671913193666_n.jpg");background-position:center center;background-size:cover;}.elementor-24 .elementor-element.elementor-element-5e92e4d::before, .elementor-24 .elementor-element.elementor-element-5e92e4d > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-5e92e4d > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-5e92e4d > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-5e92e4d > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-5e92e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-24 .elementor-element.elementor-element-40fc155{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 120px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-24 .elementor-element.elementor-element-40fc155 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:42px;font-weight:500;text-transform:capitalize;line-height:1.4em;color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-f22abed{--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;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-ca8d5c5{--display:flex;--min-height:500px;--border-radius:24px 24px 24px 24px;box-shadow:0px 0px 59px 6px rgba(0, 0, 0, 0.19);--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-24 .elementor-element.elementor-element-ca8d5c5:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-ca8d5c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEDE2;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-24 .elementor-element.elementor-element-1be322f{--grid-columns:3;}.elementor-24 .elementor-element.elementor-element-1be322f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-24 .elementor-element.elementor-element-1be322f .e-loop-item > .elementor-section, .elementor-24 .elementor-element.elementor-element-1be322f .e-loop-item > .elementor-section > .elementor-container, .elementor-24 .elementor-element.elementor-element-1be322f .e-loop-item > .e-con, .elementor-24 .elementor-element.elementor-element-1be322f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-24 .elementor-element.elementor-element-a0af6e2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:120px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-4e2388b img{max-width:260px;}.elementor-24 .elementor-element.elementor-element-ed652a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 042px) 0px;text-align:center;}.elementor-24 .elementor-element.elementor-element-ed652a3 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:42px;font-weight:500;text-transform:capitalize;line-height:1.4em;color:#0C0C0C;}.elementor-24 .elementor-element.elementor-element-e7a4413{--display:flex;}.elementor-24 .elementor-element.elementor-element-dd5f7b7 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-24 .elementor-element.elementor-element-dd5f7b7 .elementor-swiper-button.elementor-swiper-button-next{color:#000000;}.elementor-24 .elementor-element.elementor-element-dd5f7b7 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-24 .elementor-element.elementor-element-dd5f7b7 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#000000;}.elementor-24 .elementor-element.elementor-element-4701680{--display:flex;--min-height:500px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.65;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:024px;--padding-right:024px;}.elementor-24 .elementor-element.elementor-element-4701680:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-4701680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hayabean.com/wp-content/uploads/2026/04/hayabean-image-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-4701680::before, .elementor-24 .elementor-element.elementor-element-4701680 > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-4701680 > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-4701680 > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-4701680 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-4701680 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-24 .elementor-element.elementor-element-63f4fb2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 012px) 0px;text-align:center;}.elementor-24 .elementor-element.elementor-element-63f4fb2 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:36px;font-weight:500;text-transform:capitalize;line-height:1.4em;color:#F5F5F5;}.elementor-24 .elementor-element.elementor-element-43283c5{text-align:center;font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:500;color:#F5F5F5;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-f22abed{--content-width:1140px;}.elementor-24 .elementor-element.elementor-element-4701680{--content-width:1124px;}}@media(min-width:1025px){.elementor-24 .elementor-element.elementor-element-235871f:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-235871f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-24 .elementor-element.elementor-element-5e92e4d:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-5e92e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-24 .elementor-element.elementor-element-4701680:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-4701680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-1be322f{--grid-columns:2;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-1be322f{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-4189664 */.elementor-24 .elementor-element.elementor-element-4189664 {
    max-width: 30% !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3283918 */.elementor-24 .elementor-element.elementor-element-3283918{
    width: 100%;
    height: 100%;
}
.elementor-24 .elementor-element.elementor-element-3283918 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-628812a */.elementor-24 .elementor-element.elementor-element-628812a{
    max-width: 40%;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-dd5f7b7 *//* Đảm bảo ảnh giữ nguyên tỷ lệ, không bị cắt */
.elementor-24 .elementor-element.elementor-element-dd5f7b7 .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* HIỆU ỨNG CHO DESKTOP & TABLET (Khi hiển thị 3 ảnh) */
@media (min-width: 768px) {
    /* Trạng thái mặc định: thu nhỏ và làm mờ tất cả các slide */
    .elementor-24 .elementor-element.elementor-element-dd5f7b7 .swiper-slide {
        transform: scale(0.90); /* Thu nhỏ ảnh 2 bên xuống 85% */
        filter: blur(0.7px);      /* Độ mờ của ảnh 2 bên */
        opacity: 0.7;           /* Giảm độ sáng của ảnh 2 bên */
        transition: transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease;
        transform-origin: center center;
    }

    /* Trạng thái slide ở giữa (slide tiếp theo của slide bên trái) */
    .elementor-24 .elementor-element.elementor-element-dd5f7b7 .swiper-slide.swiper-slide-next {
        transform: scale(1);    /* Trả về kích thước gốc 100% */
        filter: blur(0px);      /* Xóa hiệu ứng mờ */
        opacity: 1;             /* Hiển thị rõ 100% */
        z-index: 2;             /* Đẩy ảnh giữa nổi lên trên cùng */
    }
}

/* HIỆU ỨNG CHO MOBILE (Khi chỉ hiển thị 1 ảnh) */
@media (max-width: 767px) {
    /* Khôi phục lại trạng thái bình thường cho ảnh đang xem trên điện thoại */
    .elementor-24 .elementor-element.elementor-element-dd5f7b7 .swiper-slide.swiper-slide-active {
        transform: scale(1);
        filter: blur(0px);
        opacity: 1;
    }
    
    /* Làm mờ nhẹ các ảnh xung quanh khi lướt trên mobile */
    .elementor-24 .elementor-element.elementor-element-dd5f7b7 .swiper-slide:not(.swiper-slide-active) {
        opacity: 0;
    }
}/* End custom CSS */