@import url("https://fonts.cdnfonts.com/css/pp-neue-montreal");.bg-certificate{width:100vw;height:100vh;background-color:#e3e3e3;margin:0;padding:0;overflow:hidden;position:fixed;top:100px;z-index:100}.sidebar{width:80vh;height:max-content;display:flex;align-items:flex-start;transform:rotate(-90deg) translate(-100%);transform-origin:left top;padding:1em 3.2em;font-family:PP Neue Montreal}.sidebar>div:first-child{flex:2 1}.sidebar>div:nth-child(2){flex:2 1;display:flex;gap:6em}p#header{text-transform:uppercase;font-size:4rem;line-height:85%;margin-bottom:4rem;margin-right:4rem;font-family:PP Neue Montreal}.slider{width:100%;height:100%;overflow:hidden}.slider-wrapper{position:absolute;top:-35px;width:21000px;padding:0 600px;height:100%;display:flex;align-items:center;gap:50px}.slide img{width:300px!important;height:300px!important}@media (max-width:769px){.bg-certificate{top:80px}.sidebar{width:74vh;padding:1em 1.5em;transform:none}.slid{height:100%;overflow:hidden}.sidebar>div:nth-child(2){gap:3em;top:44rem;left:-32%;position:relative}p#header{padding-top:20px;text-transform:uppercase;font-size:1.5rem;line-height:85%;margin-bottom:4rem;position:relative;left:90px;font-weight:700}p#header br{display:none}.slider,.slider-wrapper{position:relative}.slider-wrapper{padding:0;height:auto;gap:20px;top:15%}.slide{cursor:pointer;width:100%;height:100%;overflow:hidden}.slide img{width:50%;height:50%;object-fit:cover}}.controls{position:fixed;bottom:20px;right:10%;display:flex;align-items:center;gap:10px}.nav-button{background-color:#000;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s}.nav-button:hover{background-color:#444}.scroll-label{color:#000;font-size:16px;opacity:1;transition:opacity .3s ease-in-out}