p,h1,h2,h3,h4,h5,h6{margin: 0;}
.header-wrapper{background-color: white;}
.webinars .main {position: relative;align-self: stretch;width: 100%;background-color: #f7f8fa;}
.webinars .hero-section {display: flex;flex-direction: column;align-items: center;padding: 80px 10px;background-color: #f7f8fa;}
.webinars .container-6 {display: flex;align-items: center;justify-content: center;gap: 32px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;max-width: 1440px;margin: 0 auto;}
.webinars .container-7 {display: flex;flex-direction: column;align-items: flex-start;gap: 22.8px;position: relative;flex: 1;flex-grow: 1;}
.webinars .overlay-2 {display: inline-flex;align-items: center;padding: 4px 12px;position: relative;flex: 0 0 auto;background-color: #ba002c1a;border-radius: 9999px;}
.webinars .text-9 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 600;color: #ba002c;font-size: 14px;letter-spacing: 0.7px;line-height: 20px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .master-the-art-of {position: relative;align-self: stretch;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 800;color: transparent;font-size: 54px;letter-spacing: -1.36px;line-height: 67px;max-width: 450px;}
.webinars .span {color: #0d1046;letter-spacing: -0.73px;}
.webinars .text-wrapper-4 {color: #ba002c;letter-spacing: -0.73px;}
.webinars .join-our-expert-led-wrapper {display: flex;flex-direction: column;max-width: 576px;align-items: flex-start;padding: 0px 0px 0.6px;position: relative;width: 100%;flex: 0 0 auto;}
.webinars .join-our-expert-led {position: relative;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 18px;letter-spacing: 0;line-height: 28.8px;}
.webinars .container-8 {display: flex;align-items: flex-start;gap: 16px;padding: 9.2px 0px 0px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .link-2 {flex-direction: column;align-items: flex-start;padding: 16px 32px;align-self: stretch;background-color: #0d1046;border-radius: 12px;display: inline-flex;position: relative;flex: 0 0 auto;}
.webinars .text-10 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 600;color: #ffffff;font-size: 16px;letter-spacing: 0.16px;line-height: 20px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .link-3 {flex-direction: column;align-items: flex-start;padding: 16px 32px;align-self: stretch;background-color: #ffffff;border-radius: 12px;border: 1px solid;border-color: #e3e5eb;display: inline-flex;position: relative;flex: 0 0 auto;text-decoration: none;}
.webinars .text-11 {display: flex;align-items: center;font-family: "Inter", Helvetica;font-weight: 600;color: #0D1046;font-size: 16px;letter-spacing: 0.16px;line-height: 20px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .container-9 {display: flex;flex-direction: column;align-items: flex-start;position: relative;flex: 1;flex-grow: 1;}
.webinars .background-border-2 {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;background-color: #ffffff;border-radius: 24px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;box-shadow: 0px 25px 50px -12px #00000040;aspect-ratio: 1.78;}
.webinars .div-4 {position: relative;align-self: stretch;width: 100%;height: 100%;background-image: url(../img/precision-installation-webinar.png);background-size: cover;background-position: 50% 50%;}
.webinars .gradient {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(0deg, rgba(13, 16, 70, 0.4) 0%, rgba(13, 16, 70, 0) 100%);border-radius: 25px;}
.webinars .overlay-border {display: flex;flex-direction: column;width: calc(100% - 48px);align-items: flex-start;padding: 24px;position: absolute;left: 24px;bottom: 24px;background-color: #ffffffe6;border-radius: 16px;border: 1px solid;border-color: #ffffff33;backdrop-filter: blur(6px) brightness(100%);-webkit-backdrop-filter: blur(6px) brightness(100%);}
.webinars .container-10 {display: flex;align-items: center;justify-content: space-between;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .container-11 {display: inline-flex;flex-direction: column;align-items: flex-start;gap: 3.3px;position: relative;flex: 0 0 auto;max-width: 400px;}
.webinars .img {position: relative;width: 30px;height: 30px;}
.webinars .section-past {display: flex;flex-direction: column;width: 100%;align-items: flex-start;padding: 120px 10px;background-color: #f9f9ff;border-top-width: 1px;border-top-style: solid;border-bottom-width: 1px;border-bottom-style: solid;border-color: #e3e5eb;}
.webinars .container-12 {display: flex;flex-direction: column;max-width: 1440px;margin: 0 auto;align-items: flex-start;gap: 48.01px;position: relative;width: 100%;flex: 0 0 auto;}
.webinars .container-13 {display: flex;align-items: flex-end;justify-content: space-between;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .container-3{display: flex;gap: 30px;}
.webinars .icon-2 {position: relative;width: 16px;height: 16px;}
.webinars .past-card {width: calc(32% - 32px);display: flex;flex-direction: column;align-items: flex-start;position: relative;background-color: #ffffff;border-radius: 16px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;padding: 0px 0px 28px;}
.webinars .container-14 {display: flex;flex-direction: column;height: 192px;align-items: flex-start;justify-content: center;position: relative;align-self: stretch;width: 100%;z-index: 1;}
.webinars .div-5 {position: relative;flex: 1;align-self: stretch;width: 100%;flex-grow: 1;background-image: url(../img/last-mile-installation-flows.png);background-size: cover;background-position: 50% 50%;}
.webinars .overlay-3 {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;background-color: #0d104633;opacity: 0;}
.webinars .background {display: inline-flex;padding: 4px 8px;position: absolute;top: 16px;left: 16px;background-color: #0d1046;border-radius: 4px;flex-direction: column;align-items: flex-start;}
.webinars .text-12 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 700;color: #ffffff;font-size: 10px;letter-spacing: 0;line-height: 15px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .container-15 {display: flex;flex-direction: column;align-items: flex-start;gap: 12px;padding: 24px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;z-index: 0;}
.webinars .text-wrapper-5 {position: relative;display: flex;align-items: center;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #ba002c;font-size: 12px;letter-spacing: 0;line-height: 18px;}
.webinars .text-wrapper-6 {position: relative;align-self: stretch;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 400;color: #0d1046;font-size: 18px;letter-spacing: 0;line-height: 28px;}
.webinars .text-wrapper-7 {position: relative;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 14px;letter-spacing: 0;line-height: 20px;}
.webinars .container-16 {display: flex;align-items: center;gap: 8px;padding: 12px 0px 0px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .text-13 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 600;color: #0d1046;font-size: 14px;letter-spacing: 0;line-height: 20px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .text-14 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 12px;letter-spacing: 0;line-height: 16px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .past-card-2 {width: calc(32% - 32px);padding: 0px 0px 28px;display: flex;flex-direction: column;align-items: flex-start;position: relative;background-color: #ffffff;border-radius: 16px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;}
.webinars .div-6 {position: relative;flex: 1;align-self: stretch;width: 100%;flex-grow: 1;background-image: url(../img/api-first-hardware-ecosystems.png);background-size: cover;background-position: 50% 50%;}
.webinars .text-wrapper-8 {position: relative;display: flex;align-items: center;align-self: stretch;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 400;color: #0d1046;font-size: 18px;letter-spacing: 0;line-height: 28px;}
.webinars .past-card-3 {width: calc(32% - 32px);display: flex;flex-direction: column;align-items: flex-start;position: relative;background-color: #ffffff;border-radius: 16px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;}
.webinars .div-7 {position: relative;flex: 1;align-self: stretch;width: 100%;flex-grow: 1;background-image: url(../img/global-service-engine.png);background-size: cover;background-position: 50% 50%;}
.webinars .container-17 {display: flex;align-items: center;gap: 7.99px;padding: 12px 0px 0px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .section-newsletter {padding: 120px 10px;}
.newsletter_container{display: flex;flex-direction: column;max-width: 1240px;align-items: flex-start;padding: 80px;background-color: #0d1046;border-radius: 32px;overflow: hidden;margin: 0 auto;}
.webinars .container-18 {display: flex;flex-direction: column;max-width: 672px;margin: 0 auto auto 0;align-items: flex-start;gap: 22.9px;position: relative;flex: 0 0 auto;}
.webinars .text-wrapper-9 {position: relative;display: flex;align-items: center;align-self: stretch;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 700;color: #ffffff;font-size: 48px;letter-spacing: 0;line-height: 57.6px;}
.webinars .get-notified-about-wrapper {display: flex;flex-direction: column;align-items: flex-start;padding: 0px 0px 0.69px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .get-notified-about {position: relative;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #8b8fca;font-size: 18px;letter-spacing: 0;line-height: 28.8px;}
.webinars .form {display: flex;align-items: flex-start;gap: 16px;padding: 17.1px 0px 0px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .input {flex-direction: column;padding: 18px 24px;flex: 1;flex-grow: 1;background-color: #ffffff1a;border-color: #ffffff33;display: flex;align-items: flex-start;position: relative;align-self: stretch;border-radius: 12px;overflow: hidden;border: 1px solid;}
.webinars .container-19 {position: relative;align-self: stretch;width: 100%;border: none;background: none;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #8b8fca;font-size: 16px;letter-spacing: 0;line-height: normal;padding: 0;}
.webinars .button-2 {all: unset;box-sizing: border-box;padding: 17px 40px;background-color: #ba002c;border-radius: 12px;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;position: relative;flex: 0 0 auto;}
.webinars .container-20 {display: flex;flex-direction: column;align-items: flex-start;padding: 1.1px 0px 0px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .text-wrapper-10 {position: relative;display: flex;align-items: center;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #8b8fca99;font-size: 14px;letter-spacing: 0;line-height: 20px;}
.webinars .section-search {display: flex;flex-direction: column;width: 100%;align-items: flex-start;padding: 24px 10px;background-color: #f7f8fa;border-top-width: 1px;border-top-style: solid;border-bottom-width: 1px;border-bottom-style: solid;border-color: #e3e5eb;backdrop-filter: blur(12px) brightness(100%);-webkit-backdrop-filter: blur(12px) brightness(100%);}
.webinars .container-21 {display: flex;max-width: 1440px;align-items: center;justify-content: space-between;position: relative;width: 100%;flex: 0 0 auto;margin: 0 auto;}
.webinars .margin-3 {display: inline-flex;padding: 0px 8px 0px 0px;flex-direction: column;align-items: flex-start;position: relative;flex: 0 0 auto;}
.webinars .text-15 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 14px;letter-spacing: 0.7px;line-height: 20px;white-space: nowrap;position: relative;width: fit-content;}
/* Unified filter tab button (replaces separate button-3 / button-4).
   Default state = inactive (white pill). Add .is-active for the
   selected topic (dark pill, white label). */
.webinars .filter-tab {all: unset;box-sizing: border-box;padding: 8px 20px;background-color: #ffffff;border-radius: 9999px;border: 1px solid;border-color: #e3e5eb;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;position: relative;flex: 0 0 auto;cursor: pointer;transition: background-color .18s ease, border-color .18s ease;}
.webinars .filter-tab.is-active {background-color: #0d1046;border-color: #0d1046;}
.webinars .filter-tab__label {display: flex;align-items: center;justify-content: center;font-family: "Inter", Helvetica;font-weight: 400;color: #161c27;font-size: 14px;text-align: center;letter-spacing: 0;line-height: 20px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .filter-tab.is-active .filter-tab__label {color: #ffffff;}
.webinars .container-22 {display: flex;flex-direction: column;width: 320px;align-items:center;position: relative;}
.webinars .input-2 {justify-content: center;padding: 14px 16px 14px 48px;width: 100%;flex: 0 0 auto;background-color: #ffffff;border-color: #e3e5eb !important;display: flex;align-items: flex-start;position: relative;align-self: stretch;border-radius: 12px;overflow: hidden;border: 1px solid;}
.webinars .container-23 {position: relative;flex-grow: 1;border: none;background: none;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #6b7280;font-size: 16px;letter-spacing: 0;line-height: normal;padding: 0;}
.webinars .icon-wrapper {display: inline-flex;flex-direction: column;height: 48.00%;align-items: flex-start;position: absolute;top: 34%;left: 16px;}
.webinars .icon-3 {position: relative;width: 18px;height: 18px;}
.webinars .section-upcoming {display: flex;flex-direction: column;max-width: 1440px;margin: 0 auto;align-items: flex-start;gap: 48.01px;padding: 80px 10px;}
.webinars .container-wrapper {display: flex;align-items: flex-end;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .container-2 {display: inline-flex;flex-direction: column;align-items: flex-start;gap: 8.01px;position: relative;flex: 0 0 auto;}
.webinars .text-3 {display: flex;align-items: center;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 700;color: #0d1046;font-size: 48px;letter-spacing: 0;line-height: 57.6px;position: relative;}
.webinars .p {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 16px;letter-spacing: 0;line-height: 24px;position: relative;}
.webinars .container-3 {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;gap: 32px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .webinar-card {flex-direction: column;align-items: flex-start;padding: 32px;flex: 1;min-width: 320px;flex-grow: 1;background-color: #ffffff;border-radius: 18px;border: 1px solid;border-color: #e3e5eb;display: flex;position: relative;}
/* Hide non-matching cards when filtering/searching */
.webinars .webinar-card.is-hidden {display: none;}
.webinars .no-results {width: 100%;text-align: center;padding: 48px 0;font-family: "Inter", Helvetica;color: #777c88;font-size: 16px;}
.webinars .margin {display: flex;padding: 0px 0px 24px;align-self: stretch;width: 100%;flex-direction: column;align-items: flex-start;position: relative;flex: 0 0 auto;}
.webinars .container-4 {display: flex;align-items: flex-start;justify-content: space-between;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.webinars .container-5 {display: inline-flex;align-items: center;gap: 12px;position: relative;flex: 0 0 auto;}
.webinars .background-border {display: flex;width: 48px;height: 48px;justify-content: center;position: relative;background-color: #f1f2f5;border-radius: 9999px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;flex-direction: column;align-items: flex-start;}
.webinars .div-2 {position: relative;flex: 1;align-self: stretch;width: 100%;flex-grow: 1;background-image: url(../img/sarah-jenkins.png);background-size: cover;background-position: 50% 50%;}
.webinars .text-4 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #0d1046;font-size: 16px;letter-spacing: 0;line-height: 24px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .text-5 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 14px;letter-spacing: 0;line-height: 20px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .overlay {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 4px 12px;position: relative;flex: 0 0 auto;background-color: #ba002c1a;border-radius: 4px;}
.webinars .text-6 {display: flex;align-items: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 700;color: #ba002c;font-size: 12px;letter-spacing: 0.6px;line-height: 16px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .heading-margin {align-self: stretch;max-width: 460px;position: relative;width: 100%;margin-bottom: 15px;}
.webinars .heading {display: flex;flex-direction: column;align-items: flex-start;top: -1px;position: relative;width: 100%;}
input#session-search:focus-visible ,input#newsletter-email:focus-visible{outline: none;}
.webinars .text-7 {margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 700;color: #0d1046;font-size: 24px;letter-spacing: 0;line-height: 33.6px;position: relative;width: fit-content;}
.webinars .margin-2 {display: flex;padding: 0px 0px 32px;align-self: stretch;width: 100%;flex-direction: column;align-items: flex-start;position: relative;flex: 0 0 auto;}
.webinars .text-wrapper-3 {position: relative;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 16px;letter-spacing: 0;line-height: 24px;}
.webinars .horizontal-border {display: flex;align-items: center;justify-content: space-between;padding: 24px 0px 0px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;border-top-width: 1px;border-top-style: solid;border-color: #e3e5eb;}
.webinars .div-3 {display: inline-flex;align-items: center;gap: 8px;position: relative;flex: 0 0 auto;}
.webinars .icon {position: relative;width: 15px;height: 15px;}
.webinars .button {all: unset;box-sizing: border-box;padding: 12px 24px;background-color: #ba002c;border-radius: 8px;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;position: relative;flex: 0 0 auto;cursor: pointer;}
.webinars .text-8 {display: flex;align-items: center;justify-content: center;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #ffffff;font-size: 16px;text-align: center;letter-spacing: 0;line-height: 24px;white-space: nowrap;position: relative;width: fit-content;}
.webinars .inner-card {position: relative;flex: 1;align-self: stretch;width: 100%;flex-grow: 1;background-image: url(../img/marcus-thorne-chief.png);background-size: cover;background-position: 50% 50%;}
@media(max-width:1024px){
    .webinars .container-6{flex-direction: column;}
    .webinars .container-9,.webinars .container-7{width: 100%;}
    .webinars .master-the-art-of,.webinars .join-our-expert-led-wrapper{max-width: 100%;}
    .webinars .container-21{flex-direction: column;gap: 20px;justify-content: flex-start;align-items: flex-start;}
    .webinars .container-5{flex-wrap: wrap;}
    .webinars .container-13{flex-direction: column;align-items: flex-start;width: 100%;gap: 20px;}
    .webinars .container-3{justify-content: flex-start;}
    .webinars .past-card,.webinars .past-card-2,.webinars .past-card-3{width: calc(50% - 32px);}
    .webinars .text-3, .webinars .text-wrapper-9 {font-size: 38px;line-height: 46px;}
    .webinars .master-the-art-of {font-size: 42px;line-height: 52px;}
    .webinars .heading-margin{max-width: 100%;}
}
@media(max-width:768px){
    .webinars .section-past,.webinars .section-newsletter{padding: 80px 10px;}
    .newsletter_container{padding: 40px;}
    .webinars .container-4{flex-direction: column;gap: 20px;}
    .webinars .past-card-2,.webinars .past-card{padding: 0;}
    .webinars .container-12{gap: 20px;}
}
@media(max-width:575px){
     .webinars .past-card,.webinars .past-card-2,.webinars .past-card-3{width: 100%;}
     .webinars .section-upcoming,.webinars .hero-section, .webinars .section-past,.webinars .section-newsletter{padding: 60px 10px;}
    .webinars .form,.webinars .horizontal-border,.webinars .container-8{flex-direction: column;}
    .webinars .horizontal-border{justify-content: flex-start;gap: 20px;align-items: flex-start;}
    .webinars .container-10{flex-direction: column;align-items: flex-start;gap: 10px;}
    .webinars .container-2{width: 100%;}
    .webinars .background-border-2{height: 350px;}
    .webinars .overlay-border{padding: 10px;}
    .webinars .container-11{max-width: 100%;}
    .webinars .text-7{font-size: 20px;line-height: 25px;}
    .webinars .container-8{width: fit-content;}
    .webinars .container-22{width: 100%;}
    .webinars .webinar-card{min-width: auto;}
    .webinars .webinar-card{padding: 15px;}
    .webinars .container-15{padding: 15px;}
    .newsletter_container{padding: 20px;}
    .webinars .container-3{flex-direction: column;}
}