:root{--about-nav-bg:#fff;--about-nav-mobile-bg:#fff;--about-a-bg:linear-gradient(90deg,#0556f3,#0556f3);--about-border:#c1c3c7;--about-title-text:#555f75;--about-header-bg:linear-gradient(90deg,#48aae7,#34d07d);--about-triangle-bg:#f2f4f8}html[data-theme=dark]{--about-nav-bg:#222730;--about-nav-mobile-bg:#323740;--about-a-bg:linear-gradient(90deg,#7fc1f0,#7fc1f0);--about-border:#485063;--about-title-text:#7f8695;--about-header-bg:linear-gradient(90deg,#529de0,#68bfb5);--about-triangle-bg:#181b21}.about-main{background-color:var(--bg-silver-black1);display:flex;justify-content:center;min-height:500px;padding:50px 0 100px;position:relative}.about-main>.container{width:90%}.about-main>.container>.left{display:flex;justify-content:center}.about-main>.container>.left>ul{display:flex}.about-main>.container>.left>ul>li>a{background-color:var(--about-nav-bg);border-radius:50px;box-shadow:0 0 5px #1c1f2114;display:block;font-size:15px;height:50px;line-height:50px;position:relative;text-align:center;width:50px}.about-main>.container>.left>ul>li>a>i{color:#1bc3cc;font-size:24px}.about-main>.container>.left>ul>li>a>span{display:none}.about-main>.container>.left>ul>li>a:hover{background-image:linear-gradient(90deg,#48aae7,#34d07d);color:#fff}.about-main>.container>.left>ul>li>a:hover>i{color:#fff}.about-main>.container>.left>ul>li>a.router-link-active{background-image:linear-gradient(90deg,#48aae7,#34d07d);color:#fff}.about-main>.container>.left>ul>li>a.router-link-active>i{color:#fff}.about-main>.container>.left>ul>li+li{margin-left:10px}.about-main>.container>.right{margin-top:30px}@media screen and (min-width:576px){.about-main>.container>.left>ul>li>a{background-color:var(--about-nav-bg);border-radius:5px;height:40px;line-height:40px;width:120px}.about-main>.container>.left>ul>li>a>i{font-size:18px;margin-right:5px}.about-main>.container>.left>ul>li>a>span{display:inline}.about-main>.container>.left>ul>li+li{margin-left:10px;margin-top:0}.about-main>.container>.right{margin-top:50px}}@media screen and (min-width:768px){.about-main>.container{display:flex;justify-content:space-between}.about-main>.container>.left{height:500px;position:relative;top:60px;width:120px}.about-main>.container>.left>ul{display:block}.about-main>.container>.left>ul>li+li{margin-left:0;margin-top:20px}.about-main>.container>.right{margin-top:0;width:calc(100% - 160px)}}@media screen and (min-width:992px){.about-main>.container{width:80%}.about-main>.container>.right{width:calc(100% - 180px)}}@media screen and (min-width:1400px){.about-main>.container{width:65%}}