.homepage-section-5{background-color:#0000;background-image:linear-gradient(0deg, var(--bg-site), var(--bg-site-transparent)), linear-gradient(90deg, var(--bg-site), var(--bg-site-transparent))}.skills-sub-heading{color:#1efff2;text-align:center;font-size:18px;font-weight:400;line-height:25.2px}.skills-description{text-align:center;color:#ddd;max-width:760px;margin:24px auto 0;font-size:18px;line-height:25.2px}.drop-flex{grid-column-gap:24px;grid-row-gap:24px;grid-template-columns:1fr 1fr;gap:24px;display:grid}.drop-flex.drop-flex-by-rows{row-gap:10px}.drop-flex.drop-flex-by-rows .drop-flex-button-wrap{grid-column:1/-1}.drop-flex.drop-flex-by-rows .drop-flex-button-wrap.left-block,.drop-flex.drop-flex-by-rows .drop-flex-button-wrap{text-align:center}.drop-flex.drop-flex-by-rows .skill-dropdown:nth-child(n+3) .dropdown-toggle-2{border-top:none}@media (width<=1024px){.drop-flex{grid-column-gap:16px;grid-row-gap:16px;gap:16px}}@media (width<=768px){.drop-flex{grid-template-columns:1fr;gap:0}}.skill-dropdown{position:relative}.skill-dropdown.dropdown-open{background-color:var(--bg-surface);background-image:linear-gradient(90deg, var(--bg-site), #037676 85%);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.dropdown-toggle-2{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #ffffff1a;border-left:none;border-right:none;justify-content:space-between;align-items:center;width:100%;min-height:90px;padding:27px 2.7vw 27px 65px;transition:all .2s;display:flex;position:relative}@media (width<=1024px){.dropdown-toggle-2{min-height:85px;padding:24px 2vw 24px 55px}}.skill-dropdown.dropdown-open .dropdown-toggle-2{background:0 0;border-bottom:none}.dropdown-toggle-2:hover{border-top-color:#1efff24d;border-bottom-color:#1efff24d}.skill-dropdown.dropdown-open .dropdown-toggle-2:hover{border-bottom:none}.skill-number{color:#dddddd80;font-size:18px;position:absolute;top:14px;left:20px}.skill-text{color:#fff;white-space:normal;flex:1;margin-left:0;font-size:24px;font-weight:700;line-height:33.6px}.dropdown-toggle-2 img{flex-shrink:0;width:auto;height:auto;margin-left:16px}.inactive-arrow,.active-arrow{transition:transform .3s,opacity .3s}.dropdown-list-2{opacity:0;visibility:hidden;background:0 0;border:none;max-height:0;margin:0;padding:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),visibility 0s linear .5s;display:block;overflow:hidden;transform:translateY(-20px)}.dropdown-list-2.w-dropdown-list.w--open,.dropdown-list-2.dropdown-open{opacity:1;visibility:visible;background:0 0;border:none;max-height:2000px;padding:0 45.5px 28px 65px;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),visibility linear;display:block;transform:translateY(0)}.open-drop-down-list{padding:0;line-height:0;display:block}.dropdown-list-2.w-dropdown-list.w--open .open-drop-down-list,.dropdown-list-2.dropdown-open .open-drop-down-list{animation:.5s .2s both fadeInSkills}@keyframes fadeInSkills{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.open-drop-down-list>.skill{display:inline-block}.open-drop-down-list>div:not(.skill){line-height:0;display:block}.open-drop-down-list>div:not(.skill)>.skill{display:inline-block}.skill{color:#ddd;text-align:left;cursor:default;vertical-align:middle;border:1px solid #fff3;border-radius:36px;margin:5px;padding:8px 26px;font-size:16px;font-weight:500;line-height:16px;transition:all .3s;display:inline-block}.skill:hover{background-color:#ffffff0d;border-color:#fff6}.skill.skill--cycle-active{color:#fff;background-color:#1efff214;border-color:#1efff28c;box-shadow:0 0 18px #1efff259,inset 0 0 12px #1efff214}@media (prefers-reduced-motion:reduce){.skill.skill--cycle-active{color:#ddd;box-shadow:none;background-color:#0000;border-color:#fff3}}.button-with-outline{color:#1efff2;background:0 0;border:2px solid #1efff2;border-radius:38px;padding:19px 40px;font-size:18px;font-weight:700;line-height:18px;text-decoration:none;transition:all .2s;display:inline-block}.button-with-outline:hover{color:var(--bg-site);background-color:#1efff2}.left-block{border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;min-height:90px;margin-top:0;padding-top:0;padding-right:2.7vw;display:flex}.left-block .button-with-outline{background:0 0;border:2px solid #1efff2;border-radius:38px;margin:0;padding:19px 40px;font-size:18px;font-weight:700;line-height:18px;text-decoration:none;transition:all .2s;display:inline-block}@media (width<=1024px){.homepage-section-5 h2{font-size:36px;line-height:44px}.homepage-section-5 .green{font-size:16px}.dropdown-list-2.w-dropdown-list.w--open,.dropdown-list-2.dropdown-open{padding-bottom:24px;padding-left:55px;padding-right:35px}.skill-number{left:18px}}@media (width<=768px){.homepage-section-5 h2{margin-top:16px;margin-bottom:8px;font-size:32px;line-height:40px}.homepage-section-5 .green{margin-bottom:16px;font-size:16px}.open-drop-down-list{grid-template-columns:1fr}.dropdown-toggle-2{min-height:80px;padding:20px 20px 20px 50px}.dropdown-list-2.w-dropdown-list.w--open,.dropdown-list-2.dropdown-open{padding-bottom:20px;padding-left:50px;padding-right:20px}.skill-number{font-size:16px;top:12px;left:15px}.skill-text{font-size:20px;line-height:28px}.left-block{min-height:80px;padding-right:20px}.left-block .button-with-outline{padding:16px 32px;font-size:16px}.skill{margin:4px;padding:6px 20px;font-size:14px}}@media (width<=480px){.homepage-section-5 h2{margin-top:12px;margin-bottom:6px;font-size:28px;line-height:36px}.homepage-section-5 .green{margin-bottom:16px;font-size:14px}.dropdown-toggle-2{min-height:75px;padding:18px 15px 18px 45px}.dropdown-list-2.w-dropdown-list.w--open,.dropdown-list-2.dropdown-open{padding-bottom:18px;padding-left:45px;padding-right:15px}.skill-number{font-size:14px;top:10px;left:12px}.skill-text{font-size:18px;line-height:24px}.left-block{min-height:75px;padding-right:15px}.left-block .button-with-outline{padding:14px 24px;font-size:14px}.skill{margin:3px;padding:5px 16px;font-size:13px}}
