:root{
    --colorTitle: #EE2044;
    --colorDes: #454545;
}

body{background: #fff !important;}

.no-image{display: flex;height: 100%;width: 100%;align-items: center;justify-content: center;background: #fafafa;color:#999;text-transform: uppercase;text-align: center;font-size:18px;}
.no-color{color: unset;}
.custom-content-toc ul{margin-left: 20px;}

.ehf-header #masthead { z-index: 99; position: sticky; top: 0; background: #fff; }

h1.entry-title {
  display: none;
}
.search-results .site-main{max-width: 1230px; margin: auto;}
.search-results .ast-archive-description{margin: auto;}

.width-auto{width:auto !important;}
.casestudies-site{margin: 0 !important;}
.site-content .ast-container{justify-content: center}

.pagination{display: flex ; justify-content: center; gap: 6px;}
.pagination span, .pagination a{width: 40px; height: 40px; display: inline-flex ; align-items: center; justify-content: center; background: #262626; color: #fff; border-radius: 4px;}
.pagination span.current{background:#EE2044;}

/* HEADER */
.header-hotline *{margin: 0 !important;}
.header-social .elementor-social-icon{background: transparent;}
header .eael-simple-menu-container.preset-1 .eael-simple-menu li>a{ color: #262626; font-weight: bold; font-size: 20px; text-transform: uppercase; padding: 19px 0 23px 0; line-height: normal; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
header .eael-simple-menu-container.preset-1 .eael-simple-menu li>a:hover{color: #EE2044;}
header .eael-simple-menu-container .eael-simple-menu{gap: 32px; display: flex ; align-items: center;}
header .eael-simple-menu-container.preset-1{background: transparent;}
header .eael-simple-menu-container.preset-1 .eael-simple-menu li:hover>a, 
.eael-simple-menu-container.preset-1 .eael-simple-menu li.current-menu-item>a.eael-item-active,
.eael-simple-menu-container.preset-1 .eael-simple-menu li.current-menu-ancestor>a.eael-item-active,
.eael-simple-menu-container.preset-1 .eael-simple-menu li ul li.current-menu-ancestor>a.eael-item-active, .eael-simple-menu-container.preset-1 .eael-simple-menu li ul li:hover>a, .eael-simple-menu-container.preset-1 .eael-simple-menu li ul li.current-menu-item>a.eael-item-active{background: transparent;}
header .eael-simple-menu-container.preset-1 .eael-simple-menu li ul li a{font-size: 14px;padding:12px 18px;}
header .eael-simple-menu-container.preset-1 .eael-simple-menu li ul{background: #fff;}
header .eael-simple-menu-container.preset-1 .eael-simple-menu li ul li a:hover{background: transparent;}

/* MENU FOOTER */
footer .eael-simple-menu-container.preset-1{background: transparent;}
footer .eael-simple-menu-container.preset-1 .eael-simple-menu li{position: relative;}
footer .eael-simple-menu-container.preset-1 .eael-simple-menu li:after{ content:''; position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; left:12px;top:calc(50% - 2px);}
footer .eael-simple-menu-container.preset-1 .eael-simple-menu li>a{line-height: unset;font-weight: 400; font-size: 18px;padding-right: 0; padding-left: 30px;}
footer .eael-simple-menu-container.preset-1 .eael-simple-menu li>a:hover{color: yellow;}
footer .eael-simple-menu-container .eael-simple-menu{display: flex ; flex-direction: column; gap: 12px;}
footer .eael-simple-menu-container.preset-1 .eael-simple-menu li:hover>a{background: transparent;}
footer .elementor-social-icon{background: transparent;}


/* BUTTON STYLE 1 */
.button-style-1 a{text-decoration: none !important;}
.button-style-1 svg{ width: 16px !important; height: 13px !important; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.button-style-1:hover path{transition: all ease 0.3s;}
.button-style-1 .eael-creative-button{min-width:auto !important}
.button-style-1 .creative-button-inner{gap:6px;min-width: auto !important;}
.button-style-1:hover{background: #EE2044;}
.button-style-1:hover a{color:#fff !important;}
.button-style-1:hover svg{fill:#fff;}
.button-style-1:hover svg path{fill: #fff;}


/* TO TOP */
#ast-scroll-top{display:none !important;}

/* MENU FIX */
.hfe-nav-menu .sub-menu{background: rgb(54 45 101 / 90%) !important; border-radius: 16px; overflow: hidden; width: 221px; padding: 20px 0;backdrop-filter: blur(24px);display: flex ; flex-direction: column; gap: 4px;backdrop-filter: blur(4px);}
.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item {
    color: #fff;
}

/* .hfe-nav-menu .sub-menu:after{content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgb(54 45 101 / 90%) !important;border-radius: 16px;z-index: -1;} */

.hfe-nav-menu .sub-menu li{ border:none !important; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s;background: none !important; }
.hfe-nav-menu .sub-menu li:hover{background: rgba(255, 255, 255, 0.05) !important;}
.hfe-nav-menu .sub-menu a{font-size: 14px !important;font-weight: 500 !important;padding-top:8px !important;padding-bottom: 8px !important;padding-left:24px !important;color:rgba(255,255,255,0.6) !important;transition: all ease 0.5s;position: relative;background: none !important;}
.hfe-nav-menu .sub-menu a:after{ content:''; position: absolute; height: 100%; width: 3px; background:#E5D0FE; top:0; left:0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; opacity: 0;}
.menu-item-hover-active a.hfe-menu-item:after{opacity: 1 !important;}

.dropdown-menu-toggle{display: none;}

.page-container{max-width: 1360px;margin: auto;}
a:focus-visible, a:focus, a:active{outline:none;}

.hfe-nav-menu .sub-menu li:hover > a:after{opacity: 1;}
.hfe-nav-menu .sub-menu li:hover > a{color:rgba(255,255,255,1) !important}

.no-post{width: 100%; background: #f8f8f8 !important; color: #262626; padding: 10px 20px; border-radius: 10px;}
.loading-notify{color:#fff;font-size:16px;}

.video-banner .e-hosted-video{height: 100%;width: 100%;}


/* .e-con, *{transition:none !important;transition-delay:none !important;} */

#comments{display: none;}
.ast-narrow-container .site-content > .ast-container, .ast-container { max-width: 100%; padding: 0; }

.page-id-399 h1:not(.none-css h1), .page-id-399 h2:not(.none-css h2), .page-id-399 h3:not(.none-css h3), .page-id-399 h4:not(.none-css h4), .page-id-399 h5:not(.none-css h5), .page-id-399 h6:not(.none-css h6), .page-id-399 .entry-content :where(h1,h2,h3,h4,h5,h6) { color: unset;font-size: unset;}

.container-width{max-width: 1440px;margin: auto;}

.entry-content p:last-child{margin-bottom: 0;}

/* BUTTON STYLE 1 */
.button-style1 a{text-decoration: none !important;min-width: 140px; min-height: 40px;padding: 0; display: flex ; align-items: center; justify-content: center;padding-bottom: 3px;}

.dev-button-style1{ background: linear-gradient(#9333EA,#7D16E0); display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; min-width: 208px;min-height: 40px;}
.dev-button-style1 a{text-decoration: none !important;min-width: 140px; min-height: 40px;padding: 0; display: flex ; align-items: center; justify-content: center;padding-bottom: 3px;color: #fff;font-weight: 500;font-size: 18px;}

.dev-button-style2{background: #F3F4F6; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; min-width: 208px;min-height: 40px;}
.dev-button-style2 a{color:#2D2555;font-weight: 500;font-size: 18px;display: flex;align-items: center;justify-content: center;gap:8px;}

/* BUTTON STYLE 2 */
.button-style2{display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; min-width: 208px;min-height: 40px;border:1px solid #fff;}
.button-style2 a{text-decoration: none !important;color: #fff;font-weight: 500;font-size: 18px;}


/* ELEMENT */
.p-nomargin p:last-child{margin-bottom: 0;}
.footer-address{padding-left: 32px;position: relative;}
.footer-address:after{content:'';position: absolute;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18.2168C15 18.6161 15.4451 18.8543 15.7774 18.6328L18.7207 16.6706C19.2076 16.346 19.5 15.7996 19.5 15.2145V6.11818C19.5 4.72046 17.9422 3.88678 16.7793 4.66209L15.2226 5.69984C15.0836 5.79257 15 5.94869 15 6.11586V18.2168Z' fill='%237E6ED4'/%3E%3Cpath d='M13.5 6.42053C13.5 6.22293 13.3836 6.04387 13.2031 5.96362L11.2031 5.07473C10.8724 4.92778 10.5 5.16981 10.5 5.53164V17.5788C10.5 17.7764 10.6164 17.9555 10.7969 18.0357L12.7969 18.9246C13.1276 19.0715 13.5 18.8295 13.5 18.4677V6.42053Z' fill='%237E6ED4'/%3E%3Cpath d='M5.33746 7.06725L8.23927 5.29392C8.57245 5.09031 9 5.3301 9 5.72056V17.8065C9 17.9807 8.90935 18.1424 8.76073 18.2332L7.16254 19.2098C5.99642 19.9225 4.5 19.0832 4.5 17.7166V8.56049C4.5 7.95085 4.81727 7.38515 5.33746 7.06725Z' fill='%237E6ED4'/%3E%3C/svg%3E%0A");width: 24px;height: 24px;left:0;position: absolute;top:5px;}
.footer-social{width:auto !important}

/* FOOTER */
.footer-menu ul{display: flex;flex-direction: column;gap:16px;}
.footer-menu li a{ padding: 0 !important; color:#2D2555 !important; font-size: 16px !important; font-weight: 400 !important; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; cursor: pointer;font-family: 'SVN-Gilroy' !important;}
.footer-menu li a:hover{color: #9333EA !important;}
.footer-menu-contain{width:auto !important}
.footer-bottom p{margin-bottom: 0;}

/* HEADER */
.header-right{width: auto !important;}
.menu-main ul{/*backdrop-filter: blur(24px);*/border-radius: 99px;}
.menu-main ul.hfe-nav-menu:after{content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgb(212 198 255 / 6%); border-radius: 99px;backdrop-filter: blur(24px);}
.menu-main ul.hfe-nav-menu:before{ content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgb(26, 21, 48, 0.12); border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; -ms-border-radius: 99px; -o-border-radius: 99px; backdrop-filter: blur(24px);}
.menu-main ul.hfe-nav-menu > li{z-index: 9;}
.menu-main ul.hfe-nav-menu > li > a{color:#fff !important;font-size: 16px !important;font-weight: 500 !important;padding:16px 22px !important;}
header{ transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; opacity: 1;}
header.hidden-header{opacity: 0;z-index: -1 !important;}
.menu-main ul >li:hover > a:after{opacity: 1 !important;}
.menu-main > ul > li >a.hfe-menu-item{text-align: center;}
.menu-main a.hfe-menu-item{color:#fff !important; position: relative;text-align: center;}
.menu-main a.hfe-menu-item:after{ content:''; position: absolute; width: calc(100% - 12px); height:calc(100% - 12px); left:6px; top:6px; background: #7E6ED4 !important; border-radius:99px ; -webkit-border-radius:99px ; -moz-border-radius:99px ; -ms-border-radius:99px ; -o-border-radius:99px ; z-index: -1;}
.menu-main .current_page_item a.hfe-menu-item:after, .menu-main .current-menu-ancestor a.hfe-menu-item:after{ content:''; position: absolute; width: calc(100% - 12px); height:calc(100% - 12px); left:6px; top:6px; background: #7E6ED4 !important; border-radius:99px ; -webkit-border-radius:99px ; -moz-border-radius:99px ; -ms-border-radius:99px ; -o-border-radius:99px ; z-index: -1;opacity: 1 !important;}

.menu-main a.hfe-menu-item .hfe-menu-toggle{display: none;}
.menu-main .hfe-has-submenu-container{display: block;height: 100%;}
.menu-main .hfe-has-submenu-container a{padding:16px 22px !important;}