/* sitemap-B */
#sitemap {opacity: 1; transition: all 0.2s ease;}
#sitemap:hover {opacity: 0.6;}
.dialog-widget-content {backdrop-filter: blur(10px);}
svg.e-font-icon-svg {width: 3.5rem !important; height: 3.5rem !important; z-index: 5;}
/* sitemap::after design */
.sitemap .elementor-heading-title {position: relative; display: inline-block;}
.sitemap .elementor-heading-title::after {content: ''; position: absolute; top: -1.5rem; right: -1rem; width: 0.7rem; height: 0.7rem; transform: translateY(-30px); border-radius: 50%; background-color: var(--main-color); opacity: 0; transition: all 0.3s ease;}
.sitemap .sitemap-sub:hover .elementor-heading-title::after {opacity: 1; transform: translateY(0px);}

.filter {filter: invert(1) brightness(0);}
.hide-menu {display: none !important;}

/* sub visual */
#subVisual
{position: relative; overflow: hidden;}
#subNavCon
{position: absolute; bottom: 3rem; backdrop-filter: blur(5px);}
#subNav .elementor-item
{border-bottom:3px solid transparent;}
#subNav .elementor-item:after 
{display:none;}
#subNav .elementor-item:hover
{background-color: var(--bg-color);;}
#subNav .elementor-item-active
{background-color: var(--bg-color);;}
#subVisual #subNav ul.elementor-nav-menu li:last-child a:after { display: none; } 
#subVisual #subNav ul.elementor-nav-menu li.current-menu-item a,
#subVisual #subNav ul.elementor-nav-menu li.current-page-ancestor a { color: var(--main-color);  } 
#subNav .elementor-item:hover
{border-bottom:3px solid var(--main-color); border-radius:0;} 

/* common design, sub design */
.sub-content
{padding: 12rem 0; background: url('/wp-content/uploads/2025/08/sub-bg.png') no-repeat right bottom / contain; background-size: 80%;}
.main-title
{display: inline-block; font-size: 3.4rem; font-weight: 600; color: #000;}
.sub-con 
{margin: 10rem 0 12rem;}
.sub-sec 
{margin: 8rem 0;}
.sub-sec:nth-child(odd)
{padding: 8rem 0; background-color: #f5f5f5;}
/* .sub-title-con 
{margin: 12rem 0 8rem;} */
.sub-title
{text-align: center;}
.sub-title h2
{position: relative; display: inline-block; text-align: center; font-size: 4.5rem; font-weight:700;}
.sub-title h2::before
{content: ""; position: absolute; top: 0; left: -20px; width: 1rem; height: 100%; background-color: var(--main-color);}

/* header,footer,top */
#header
{position: relative; background-color: #fff; transition: all 0.3s ease-in-out; z-index: 99;}
#header.fixed {position: fixed !important; top: 0; left: 0; background-color: #fff; width: 100%; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}

.footer-container
{background-color: #171717; padding: 4rem 0;}
.footer-wrap
{display: flex; justify-content: space-between; align-items: flex-end;}
.policy-wrap
{display: flex; justify-content: flex-end;}
.policy-wrap li a
{padding-left: 4.5rem; font-size: 1.8rem; color: #fff;}
.policy-wrap li a:hover
{color: var(--main-color);}
.copyright
{padding-top: 3rem; font-size: 1.6rem; color: #909090;}