*{font-style:normal}
body{background-color:#f4f7ec}
.main-content{position:relative;padding-top:122px;padding-bottom:100px;min-height:100vh}
.header-wrapper{background-color:#fff;position:fixed;left:0;top:0;right:0;padding:16px;z-index:99}
.header-wrapper .header{max-width:1320px;padding:4px;display:flex;justify-content:space-between;align-items:center}
.header-wrapper .header .img{display:flex;width:160px;height:40px}
.header-wrapper .img img{width:160px;height:100%;cursor:pointer}
.navbar{padding:0}
.navbar-toggler{border:none}
.navbar-toggler:active,.navbar-toggler:focus{outline:none;border:none;box-shadow:none}
.navbar-light .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:1px solid #000;transition:all 300ms linear}
.navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{width:24px;position:absolute;height:1px;background-color:#000;top:0;left:0;content:"";z-index:2;transition:all 300ms linear}
.navbar-light .navbar-toggler-icon:after{top:8px}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{transform:rotate(45deg)}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg)}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{border-color:transparent}
.nav-link{color:#212121 !important;font-weight:500;transition:all 200ms linear}
.nav-item:hover .nav-link{color:#84af00 !important}
.nav-item.active .nav-link{color:#84af00 !important}
.nav-link{position:relative;padding:5px 0 !important;display:inline-block}
.nav-link img{ width: 20px; }
.nav-item{position:relative;transition:all 200ms linear}
.nav-item .dropdown-menu{transform:translate3d(0,10px,0);visibility:hidden;opacity:0;max-height:0;display:block;padding:0;margin:0;transition:all 200ms linear}
.nav-item.show .dropdown-menu{opacity:1;visibility:visible;max-height:999px;transform:translate3d(0,0px,0)}
.dropdown-menu{padding:10px !important;margin:0;font-size:13px;letter-spacing:1px;color:#000;background-color:#fcfaff;border:none;border-radius:8px;box-shadow:0 5px 10px 0 rgba(138,155,165,0.15);transition:all 200ms linear}
.dropdown-toggle::after{display:none}
.dropdown-item{padding:8px 15px;margin:4px 0;color:#212121;border-radius:8px;transition:all 200ms linear}
.dropdown-item:hover,.dropdown-item:focus{background-color:#e5ecd2}
.dropdown-item.d-active{color:#84af00;background-color:#e5ecd2}
.login-btn{border:none;color:#fff;background-color:#84af00;border-radius:8px;font-size:12px;padding:6px 24px;transition:background-color 0.3s,transform 0.1s; line-height: 22px;}
.login-btn:active{background-color:#6f9e00;transform:scale(0.95)}
.navbar-nav{gap:32px}
.lan.show .arrow2{transform:rotate(180deg);-webkit-transform:rotate(180deg);transition:transform 0.2s}
@media (max-width:767px){.header{display:flex !important;flex-direction:row-reverse !important;align-items:start !important}
.header .img{width:100% !important;display:flex !important;justify-content:end !important}
.mobile-nav{height:100%}
.login-btn{width:70%}
.navbar-nav{gap:4px}
.navbar{--bs-navbar-toggler-padding-x:0}
}.content .tag-wrapper{display:flex;align-items:center;justify-content:center;color:#0a2540}
.content .tag-wrapper svg{color:#84af00;margin-right:4px}
.content .title{margin-top:16px;font-weight:bold;font-size:40px;color:#000000de}
.content .title span{color:#84af00}
.pushable{position:relative;background:transparent;padding:0px;border:none;cursor:pointer;outline-offset:4px;outline-color:deeppink;transition:filter 250ms;-webkit-tap-highlight-color:rgba(0,0,0,0);margin-top:50px;z-index:1}
.shadow{position:absolute;top:0;left:0;height:100%;width:100%;background:hsl(75,25%,69%);border-radius:100px;filter:blur(2px);will-change:transform;transform:translateY(2px);transition:transform 600ms cubic-bezier(0.3,0.7,0.4,1)}
.edge{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:100px;background:linear-gradient(
    to right,hsl(75,90%,34%) 0%,hsl(75,90%,44%) 8%,hsl(75,90%,34%) 92%,hsl(75,90%,24%) 100%
  )}
.front{display:block;position:relative;border-radius:100px;background:hsl(75,100%,34%);padding:16px 32px;color:white;font-weight:600;letter-spacing:1.5px;font-size:1rem;transform:translateY(-4px);transition:transform 600ms cubic-bezier(0.3,0.7,0.4,1)}
.pushable:hover{filter:brightness(110%)}
.pushable:hover .front{transform:translateY(-6px);transition:transform 250ms cubic-bezier(0.3,0.7,0.4,1.5)}
.pushable:active .front{transform:translateY(-2px);transition:transform 34ms}
.pushable:hover .shadow{transform:translateY(4px);transition:transform 250ms cubic-bezier(0.3,0.7,0.4,1.5)}
.pushable:active .shadow{transform:translateY(1px);transition:transform 34ms}
.pushable:focus:not(:focus-visible){outline:none}
.content .banner-image{width:100%;border-radius:16px;box-shadow:0 0 20px #ccd6af;margin-top:50px}
.footer-wrapper{position:absolute;bottom:0;left:0;right:0}
.footer{padding:12px 24px 24px;display:flex;justify-content:space-between;align-items:center}
.footer .footer-img{cursor:pointer}
.footer .copyright{font-size:12px;line-height:25px;height:25px}
.left-icon{margin-right:10px}
@media (max-width:767px){.footer{padding:12px 24px 24px;display:flex;flex-direction:column;justify-content:center}
.left-icon{margin-top:10px}
.copyright{margin-top:10px}
}#tags-container{display:flex;font-size:14px}
.tab-btn{padding:8px 16px;border-radius:50px;cursor:pointer;margin:5px;border:1px solid transparent;background-color:transparent;color:black}
.outlined{border-color:#84af00;color:#84af00;background-color:white}
a{text-decoration:none}
.card-item-wrapper{position:relative}
.card-item{color:#000;background-color:#fff;padding:30px;display:flex;flex-direction:column;align-items:center;border-radius:16px}
.card-item:hover{background-color:rgba(201,255,60,0.1)}
.card-item .user-img{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex}
.card-item .user-img img{width:100%;height:100%}
.card-item .user-title{font-size:20px;margin-top:12px}
.card-item .user-id{font-size:13px;color:#0a2540}
.card-item .user-bio{margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:calc(3 * 1.5em);font-size:12px;color:#7b8893}
.eye{position:absolute;top:30px;left:30px;color:#000;font-size:12px;display:flex;align-items:center}
.eye svg{margin-right:4px}