.about-sidebar{position:fixed;left:-500px;top:0;bottom:0;width:450px;z-index:999999;background-color:var(--white);transition:all 900ms ease}.about-sidebar.active{left:0}.about-sidebar .gradient-layer{position:absolute;left:0;top:0;bottom:0;width:0;opacity:.6;z-index:-1;cursor:pointer;background-color:var(--black);transition:all 500ms ease}.about-sidebar.active .gradient-layer{left:100%;width:500%}.about-sidebar .close-button span{position:absolute;right:20px;top:10px;z-index:10;width:50px;height:50px;font-size:22px;line-height:50px;text-align:center;cursor:pointer;color:var(--black);background-color:var(--white);transition:all 300ms ease}.about-sidebar .close-button span:hover{color:var(--white);background-color:var(--primary)}.about-sidebar .sidebar-inner{position:relative;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}.about-sidebar .upper-box{position:relative}.about-sidebar .image img{display:block;width:100%;height:auto}.about-sidebar .content-box{position:relative;padding:30px 50px}.about-sidebar h3{margin-bottom:15px;color:var(--black)}.about-sidebar h3 span{font-weight:700}.about-sidebar .text{margin-top:15px;margin-bottom:30px;line-height:28px;color:var(--gray-700)}.about-sidebar_list{margin:0;padding:0;list-style:none}.about-sidebar_list li{position:relative;margin-bottom:20px;padding-left:30px;font-size:16px;font-weight:500;text-transform:capitalize;color:var(--black)}.about-sidebar_list li:last-child{margin-bottom:0}.about-sidebar_list li:before{content:"✓";position:absolute;left:0;top:0;font-size:18px;font-weight:700;line-height:1.2;color:var(--black)}.about-sidebar .social-box{position:relative;margin-left:50px;margin-bottom:35px}.about-sidebar .social-box a{display:inline-block;margin-right:15px;font-size:18px;color:var(--black);transition:color .3s ease}.about-sidebar .social-box a:hover{color:var(--primary)}.about-sidebar .sidebar-inner::-webkit-scrollbar{width:8px}.about-sidebar .sidebar-inner::-webkit-scrollbar-track{background:#ddd}.about-sidebar .sidebar-inner::-webkit-scrollbar-thumb{background-color:var(--primary)}.about-sidebar .sidebar-inner::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width: 575.98px){.about-sidebar{width:100%;left:-100%}.about-sidebar .content-box{padding:24px 24px 30px}.about-sidebar .social-box{margin-left:24px;margin-bottom:24px}.about-sidebar .close-button span{right:10px;top:10px}}