.elementor-1019 .elementor-element.elementor-element-8024a3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-8024a3e:not(.elementor-motion-effects-element-type-background), .elementor-1019 .elementor-element.elementor-element-8024a3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1019 .elementor-element.elementor-element-0690205 .hfe-site-logo-container, .elementor-1019 .elementor-element.elementor-element-0690205 .hfe-caption-width figcaption{text-align:left;}.elementor-1019 .elementor-element.elementor-element-0690205 .hfe-site-logo .hfe-site-logo-container img{width:100%;}.elementor-1019 .elementor-element.elementor-element-0690205 .hfe-site-logo img{max-width:100%;}.elementor-1019 .elementor-element.elementor-element-0690205 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-1019 .elementor-element.elementor-element-0690205{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-1019 .elementor-element.elementor-element-0690205 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-menu-item{padding-left:15px;padding-right:15px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-sub-menu-item{padding-left:calc( 15px + 20px );padding-right:15px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 40px );padding-right:15px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 60px );padding-right:15px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 80px );padding-right:15px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-menu-item, .elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__toggle{margin-right:auto;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .sub-menu,
								.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown,
								.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible,
								.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .sub-menu li.menu-item:not(:last-child),
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-1019 .elementor-element.elementor-element-546b623{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-d539b49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;}.elementor-1019 .elementor-element.elementor-element-d539b49.elementor-element{--align-self:flex-start;}.elementor-1019 .elementor-element.elementor-element-d539b49 .elementor-icon-wrapper{text-align:center;}.elementor-1019 .elementor-element.elementor-element-d539b49 .elementor-icon{font-size:25px;}.elementor-1019 .elementor-element.elementor-element-d539b49 .elementor-icon svg{height:25px;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container{min-height:20px;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-submit{min-width:20px;background-color:#3B82F6;font-size:16px;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__input{padding-left:calc(20px / 5);padding-right:calc(20px / 5);}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-submit:hover{background-color:#005EE9;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container .hfe-search-submit{width:50px;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-close-icon-yes button#clear_with_button{right:50px;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container button#clear i:before,
					.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-icon-toggle button#clear i:before,
				.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container button#clear-with-button i:before{font-size:20px;}.elementor-1019 .elementor-element.elementor-element-57b57af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1019 .elementor-element.elementor-element-57b57af.elementor-element{--align-self:flex-start;}.elementor-1019 .elementor-element.elementor-element-57b57af input[type="search"].hfe-search-form__input,.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-icon-toggle{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__input::placeholder{color:#7A7A7A6B;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__input, .elementor-1019 .elementor-element.elementor-element-57b57af .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{background-color:#ededed;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-icon-toggle .hfe-search-form__input{background-color:transparent;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container ,.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-icon-toggle .hfe-search-form__input,.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-style:none;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container, .elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-icon-toggle .hfe-search-form__input,.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-radius:8px;}.elementor-1019 .elementor-element.elementor-element-57b57af button.hfe-search-submit{color:#fff;}.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container button#clear-with-button,
					.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-form__container button#clear,
					.elementor-1019 .elementor-element.elementor-element-57b57af .hfe-search-icon-toggle button#clear{color:#7a7a7a;}@media(min-width:768px){.elementor-1019 .elementor-element.elementor-element-546b623{--content-width:100%;}}@media(max-width:1024px){.elementor-1019 .elementor-element.elementor-element-0690205{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-menu-item{padding-left:0px;padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-sub-menu-item{padding-left:calc( 0px + 20px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 0px + 40px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 0px + 60px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 0px + 80px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-menu-item, .elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-sub-menu-item{padding-top:0px;padding-bottom:0px;}body:not(.rtl) .elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body.rtl .elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}body:not(.rtl) .elementor-1019 .elementor-element.elementor-element-4b57ff8.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}body:not(.rtl) .elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item{margin-bottom:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 ul.sub-menu{width:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .sub-menu li a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible li a.hfe-menu-item{padding-left:20px;padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-sub-menu-item{padding-left:calc( 20px + 20px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown .menu-item ul ul a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown-expandible .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 40px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown .menu-item ul ul ul a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown-expandible .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 60px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown .menu-item ul ul ul ul a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown-expandible .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 80px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .sub-menu a.hfe-sub-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:18px;padding-bottom:18px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-expandible.menu-is-active, .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu{margin-top:10px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown.menu-is-active{margin-top:10px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 > .elementor-widget-container{margin:0px 0px 0px -10px;padding:0px 0px 0px 0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8.elementor-element{--order:-99999 /* order start hack */;}}@media(max-width:767px){.elementor-1019 .elementor-element.elementor-element-0690205{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-menu-item{padding-left:0px;padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-sub-menu-item{padding-left:calc( 0px + 20px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 0px + 40px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 0px + 60px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 0px + 80px );padding-right:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-menu-item, .elementor-1019 .elementor-element.elementor-element-4b57ff8 .menu-item a.hfe-sub-menu-item{padding-top:0px;padding-bottom:0px;}body:not(.rtl) .elementor-1019 .elementor-element.elementor-element-4b57ff8.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}body:not(.rtl) .elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body.rtl .elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:0px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}body:not(.rtl) .elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item{margin-bottom:5px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .sub-menu li a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible li a.hfe-menu-item{padding-left:20px;padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-sub-menu-item{padding-left:calc( 20px + 20px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown .menu-item ul ul a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown-expandible .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 40px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown .menu-item ul ul ul a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown-expandible .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 60px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown .menu-item ul ul ul ul a.hfe-sub-menu-item,
						.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown-expandible .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 80px );padding-right:20px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .sub-menu a.hfe-sub-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:16px;padding-bottom:16px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-expandible.menu-is-active, .elementor-1019 .elementor-element.elementor-element-4b57ff8 nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu{margin-top:10px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 .hfe-dropdown.menu-is-active{margin-top:10px;}.elementor-1019 .elementor-element.elementor-element-4b57ff8 > .elementor-widget-container{margin:0px 0px 0px -10px;padding:0px 0px 0px 0px;}.elementor-1019 .elementor-element.elementor-element-546b623{--content-width:100%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1019 .elementor-element.elementor-element-57b57af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for site-logo, class: .elementor-element-0690205 */#image img{
    object-fit: cover !important;
}/* End custom CSS */
/* Start custom CSS for navigation-menu, class: .elementor-element-4b57ff8 */@media(max-width:1025px){
    #menu{
    width: 40px;
}
}/* End custom CSS */
/* Start custom CSS for hfe-search-button, class: .elementor-element-57b57af *//* Container tổng */
#x .hfe-search-form__container {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 999px;
    padding: 6px 10px;
    border: 1px solid #cccccc;
    transition: all 0.3s ease;
    max-width: 420px;
}

/* Hover + focus */
#x .hfe-search-form__container:hover,
#x .hfe-search-form__input:focus {
    border-color: #d1d5db;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* Input */
#x .hfe-search-form__input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 8px 10px;
    background: transparent;
    color: #111827;
}

/* Placeholder */
#x .hfe-search-form__input::placeholder {
    color: #9ca3af;
}

/* Button chung */
#x .hfe-search-form__container button {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Icon search */
#x .hfe-search-submit {
    background: #3B82F6 !important;
    color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    transition: all 0.25s ease;
}

/* Hover search */
#x .hfe-search-submit:hover {
    background: #005EE9 !important;
}

/* Icon clear */
#x #clear-with-button {
    color: #9ca3af;
    transition: all 0.2s ease;
}

/* Hover clear */
#x #clear-with-button:hover {
    color: #111827;
}

/* Ẩn icon clear khi chưa nhập */
#x .hfe-search-form__input:placeholder-shown + #clear-with-button {
    opacity: 0;
    pointer-events: none;
}

/*----------------------*/

/* ================= MOBILE + TABLET ================= */
@media (max-width: 1024px) {

    /* ===== WRAPPER ===== */
    #x {
        position: relative;
        width: 40px;
        z-index: 999;
    }

    #x .hfe-search-button-wrapper {
        width: 100%;
    }

    /* ===== CONTAINER ===== */
    #x .hfe-search-form__container {
        position: relative;
        width: 40px;
        height: 40px;
        overflow: visible !important;
    }

    /* ===== INPUT ===== */
    #x .hfe-search-form__input {
        position: absolute;
        top: 0;
        right: 40px; /* QUAN TRỌNG: né icon */

        height: 40px;
        width: 0;

        border: 1px solid #ccc;
        border-radius: 999px;
        background: #fff;

        padding: 0 15px;

        font-size: 14px;
        color: #111827;

        opacity: 0;
        transition: all 0.3s ease;

        z-index: 1;
    }

    /* Placeholder */
    #x .hfe-search-form__input::placeholder {
        color: #9ca3af;
    }

    /* ===== ACTIVE (EXPAND) ===== */
    #x.active .hfe-search-form__input {
        width: min(260px, 70vw);
        opacity: 1;
        box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    }

    /* ===== SEARCH BUTTON ===== */
    #x .hfe-search-submit {
        position: absolute;
        top: 10;
        right: 0;

        width: 40px;
        height: 40px;

        border-radius: 50%;
        background: #3B82F6;
        color: #fff;

        display: flex;
        align-items: center;
        justify-content: center;

        z-index: 2;
        cursor: pointer;
    }

    #x .hfe-search-submit:hover {
        background: #005EE9;
    }

    /* ===== CLEAR BUTTON ===== */
    #x #clear-with-button {
        position: absolute;
        top: 50%;
        right: 45px;
        transform: translateY(-50%);

        opacity: 0;
        pointer-events: none;

        z-index: 2;
    }

    #x.active #clear-with-button {
        opacity: 1;
        pointer-events: auto;
    }
}

/*----------------*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23b75c5 */#hidden{
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-546b623 */#x{
    width: fit-content;
}/* End custom CSS */