body.header-07-lg header#site-header .site-search{order:3;}


.vertical-tab-button .tab-icon {transition: all 0.3s ease;}

.vertical-tab-button:hover .tab-icon,
.vertical-tab-button.active .tab-icon {/* This will be handled by jQuery to swap src */}

/* Enhanced hover states */
.vertical-tab-button:hover {background: #00aa6e;color: #fff;}

.vertical-tab-button:hover * {color: #fff !important;}

/* Enhanced active states */
.vertical-tab-button.active {background: #00aa6e;color: #fff;}

.vertical-tab-button.active .tab-title {color: #fff;}

/* Ensure smooth transitions */
.vertical-tab-button,
.vertical-tab-button .tab-icon,
.vertical-tab-button .tab-title {transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

.blog-footer-wrapper{width:848px;margin:0 auto;}
.blog-navigation {display: flex;justify-content: space-between;margin-top: 40px;}
.blog-navigation a {background: #00AA6E;color: #fff;padding: 8px 16px;border-radius: 4px;text-decoration: none;transition: 0.3s;margin:0;display:flex;gap:8px;}
.blog-navigation a span{position:relative;opacity:1;}
.blog-navigation a:hover {background: #00AA6E;color: #fff;}




html.no-touch body.header-07-lg header#site-header nav.main ul>li > ul li:hover > ul.nav-level-2:after{content:"";background: transparent;position: absolute;left: 0;right: 0;bottom: 0;height: 188px;top: 0;z-index:-1}