.banner {width: 100%;padding-block: 90px 58px;margin-top: 85px;}
.banner .wrap {margin-inline: auto;padding-inline: 20px;width: min(100%,1270px);}
.banner .inner {display: flex;flex-direction: column;row-gap: 16px;position: relative;width: min(1230px, 100%);z-index: 11;transition: top 0.3s ease;}
.banner .inner.fixed {position: fixed;top: 140px;left: 20px;right: 20px;width: calc(100% - 40px);max-width: 1230px;margin-inline: auto;}
.banner:has(.inner.fixed) {height: 354px;}
.banner .link-strip {background-color: #fff;display: flex;align-items: center;column-gap: 62px;box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.06), 0px 0.664142px 20px rgba(0, 0, 0, 0.0899666);border-radius: 0 20px 20px 20px;padding-inline: 0 32.5px;}
.banner .link-strip #links {display: flex;align-items: flex-end;padding-bottom: 22px;}
.banner .link-strip #links li:first-child {position: relative;padding-inline: 22px;}
.banner .link-strip #links li:first-child:before {position: absolute;content: "";background-color: #fff;inset: -32px 0 auto 0;height: 32px;border-radius: 20px 20px 0 0;box-shadow: 0 -31px 80px rgba(0,0,0,.06), 0 0.664142px 20px rgba(0,0,0,.09);clip-path: inset(-31px -31px 0px -31px);}
.banner .link-strip #links li:first-child a {flex-direction: column;display: flex;gap: 10px;text-align: center;}
.banner .link-strip #links li:first-child span:first-child {font-size: 40.36px;line-height: 30px;color: #404040;font-weight: 700;transform: translateY(-3px);}
.banner .link-strip #links li:first-child span:last-child {font-size: 16px;line-height: 21px;font-weight: 600;color: #000;transform: translateY(-4px);}
.banner .link-strip #links li:nth-child(2) {padding-left: 32.5px;}
.banner .link-strip #links li:nth-child(3) {padding-inline: 50px;}
.banner .link-strip #links li a.active span:last-child {color: #2391ff;}
.banner .link-strip #links li:nth-child(2) a.active {color: #705CEB;position: relative;/*padding-bottom: 8px;*/}
.banner .link-strip #links li:nth-child(3) a.active {color: #057B5F;position: relative;/*padding-bottom: 8px;*/}
.banner .link-strip #links li:nth-child(4) a.active {color: #005BE4;position: relative;/*padding-bottom: 8px;*/}
/* .banner .link-strip #links li:not(:first-child) a.active {color: #2391ff;} */
.banner .link-strip #links a {color: #000;font-size: 16px;font-weight: 600;line-height: 28px;display: flex;}
.banner .search {display: flex;display: none;position: relative;user-select: none;}
.banner .search:before {border-left: 2px solid #a8d5ff;content: "";height: 41px;left: -32px;position: absolute;top: calc(50% - 20.5px);width: 2px;}
.banner .search a {align-items: center;display: flex;}
.banner .login-get-started {text-align: right;min-height: 54px;position: relative;}
.banner .subs-anchor {appearance: none;color: #2391ff;font-size: 16px;line-height: 28px;font-weight: 600;text-align: center;padding: 8px 72px 8px 37px;border: 0;border-radius: 10px;cursor: pointer;background: #fff url(https://bluexp.netapp.com/hubfs/kite.svg) no-repeat center right 31px/auto;box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.06), 0px 0.664142px 20px rgba(0, 0, 0, 0.0899666);transition: all 0.2s ease;}
.banner .subs-anchor:hover {background: #2391ff url(https://bluexp.netapp.com/hubfs/kite-hover.svg) no-repeat center right 32px/auto;color: #fff;}
.banner .login-get-started form {margin-left: auto;display: flex;width: 100% !important;justify-content: flex-end;}
.banner .login-get-started form .mktoLabel, .banner .login-get-started form .mktoLabel + .mktoGutter {display: none;}
.banner .login-get-started form .mktoButtonRow .mktoButtonWrap {margin-left: 0 !important;}
.banner .login-get-started form input[id="Email"] {font-size: 16px;line-height: 22px;font-weight: 400;font-family: 'proxima-nova';color: #000;padding: 9px 30px;border: 2.5px solid #EAF8FF;background-color: #fff;border-radius: 10px 0 0 10px;width: 296px !important;box-shadow: none;margin-right: -17px;transition: all 0.3s ease;transform: translateX(60px);width: 0 !important;}
.banner .login-get-started form input[id="Email"]::-webkit-input-placeholder {font-size; 16px;line-height: 32px;font-weight: 400;color: #E0E0E0;}
.banner .login-get-started.expandform form input[id="Email"] {width: 296px !important;transform: none;}
.banner .login-get-started form button[type="submit"] {appearance: none;color: #2391ff !important;font-size: 16px !important;line-height: 28px;font-weight: 600;text-align: center;padding: 8px 72px 8px 37px !important;border: 0 !important;border-radius: 10px;cursor: pointer;background: #fff url(https://bluexp.netapp.com/hubfs/kite.svg) no-repeat center right 31px/auto !important;box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.06), 0px 0.664142px 20px rgba(0, 0, 0, 0.0899666) !important;transition: all 0.2s ease;font-family: 'proxima-nova';}
.banner .login-get-started form button[type="submit"]:hover {background: #2391ff url(https://bluexp.netapp.com/hubfs/kite-hover.svg) no-repeat center right 32px/auto !important;color: #fff !important;}
.banner .login-get-started.expandform form button[type="submit"] {background: #2391ff url(https://bluexp.netapp.com/hubfs/kite-hover.svg) no-repeat center right 32px/auto !important;color: #fff !important;}
.banner .login-get-started form button.mktoButton[disabled] {background-image: none !important;padding-inline: 48px !important;opacity: 1;min-width: 180px;max-width: 180px;width: 100% !important;height: 44px;overflow: hidden;}
#confirmform_head {appearance: none;color: #fff !important;font-size: 16px !important;line-height: 28px;font-weight: 600;text-align: left;padding: 8px 72px 8px 25px !important;border: 0 !important;border-radius: 10px;cursor: pointer;background: #005be4 url(https://bluexp.netapp.com/hubfs/subscribe-form-kite.svg) no-repeat center right 3px/auto !important;box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.06), 0px 0.664142px 20px rgba(0, 0, 0, 0.0899666) !important;transition: all 0.2s ease;font-family: 'proxima-nova';max-width: 180px;position: absolute;width: 100%;right: 0;top: 0;}
.banner #glass {position: absolute;right: 0;top: 0;width: 180px;height: 44px;cursor: pointer;}

@media (max-width: 768px) {
  .banner {margin-top: 82px;padding-block: 29px 58px;background-image: none;}
  .banner .link-strip {background-color: transparent;box-shadow: none;padding-inline: 0;}
  .banner .link-strip #links {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 15px;grid-row-gap: 18px;align-items: flex-start;width: 100%;}
  .banner .link-strip #links li:first-child {padding-inline: 0;grid-area: 1 / 1 / 2 / 4;}
  .banner .link-strip #links li:first-child:before {content: none;}
  .banner .link-strip #links li:first-child a {text-align: left;}
  .banner .link-strip #links li:nth-child(2) {grid-area: 2 / 1 / 3 / 2;padding-left: 0;}
  .banner .link-strip #links li:nth-child(3) {grid-area: 2 / 2 / 3 / 3;text-align: right;padding-inline: 0;}
  .banner .link-strip #links li:nth-child(4) {grid-area: 2 / 3 / 3 / 4;text-align: right;}
  .banner .link-strip #links li:first-child a {gap: 4px;}
  .banner .link-strip #links li:not(:nth-child(1)) a.active::after {content: "";position: absolute;border-bottom: 2px solid currentColor;inset: auto 0 0 0;}
  .banner .link-strip #links a {display: inline;}
  .banner .login-get-started {display: none;}
  .banner .search {display: none;}
}
@media (max-width: 650px) {
  .banner .link-strip #links li:nth-child(3), .banner .link-strip #links li:nth-child(4) {text-align: right;}
}