.content-wrapper,.wrapper,body,html{overflow:visible!important}.hero-section{background-color:#00192d;padding:80px 20px;position:relative}.hero-section *{color:#fff}.hero-section .title-panel{max-width:70%}.hero-section .title-panel a,.hero-section .title-panel a:hover{text-decoration:none}.divider_bottom{bottom:-1px;display:block!important;height:60px;left:0;position:absolute;width:100vw;z-index:0}.diagonal_divider_bottom{background-color:#fff;clip-path:polygon(100% 0,0 100%,100% 100%);height:60px;width:100%}.instructor-resources-layout{display:flex;flex-wrap:nowrap;gap:30px;padding:60px 20px;position:relative}.left-panel{align-self:flex-start;display:flex;flex:0 0 250px;flex-direction:column;gap:10px;position:sticky;top:160px}.resource-btn{background-color:#f4faff;border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#242424;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:10px;padding:12px;text-align:left;transition:all .3s ease;width:100%}.resource-btn:last-child{margin-bottom:0}.resource-btn:hover{background-color:#e8f4ff;border-color:rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.resource-btn.active{background-color:var(--primary-color,#007acc);border-color:var(--primary-color,#007acc);color:#fff}.right-panel{flex:1}.content-section{animation:fadeIn .3s ease-in-out;background-color:#f4faff;border-radius:6px;display:none;padding:24px}.content-section.active{display:block}.content-section .card-title{border-bottom:1px solid rgba(0,0,0,.1);color:#327da0;margin-bottom:20px;padding-bottom:10px}.content-section.three_columns_ul ul{column-count:3}.content-section.three_columns_ul ul:has(li ul){column-count:1}.content-section ul li{font-size:14px}.content-section li:last-of-type,.content-section p:last-of-type{padding-bottom:inherit!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-select{display:none}.resource-select{appearance:none;background-color:#f4faff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#242424;cursor:pointer;font-size:14px;font-weight:500;padding:12px 40px 12px 12px;width:100%}.resource-select:focus{border-color:var(--primary-color,#007acc);box-shadow:0 0 0 2px rgba(0,122,204,.2);outline:none}@media screen and (max-width:564px){.hero-section{padding:60px 20px 30px}.diagonal_divider_bottom,.divider_bottom{height:30px}.instructor-resources-layout{flex-direction:column;gap:20px}.left-panel{align-self:stretch;flex:none;position:static}.desktop-buttons{display:none}.mobile-select{display:block}.content-section.three_columns_ul ul{column-count:1}}@media screen and (max-width:768px) and (min-width:565px){.instructor-resources-layout{flex-direction:column;gap:20px}.left-panel{align-self:stretch;flex:none;flex-direction:row;overflow-x:auto;padding-bottom:10px;position:static}.resource-btn{flex:0 0 auto;min-width:150px;white-space:nowrap}}