.membership-benefits-section{--card-width:400px;--card-gap:10px;--card-height:200px;--active-card-width:450px;--active-card-height:300px;background-color:#112a46;width:100%;max-width:1920px;margin:0 auto;padding:80px 0;position:relative;overflow:hidden}.membership-benefits-container{box-sizing:border-box;width:100%;max-width:1719px;margin:0 auto;padding:0 20px}.membership-benefits-title{color:#f5f7ed;text-transform:uppercase;letter-spacing:1.5%;margin-bottom:60px;font-family:Oswald,sans-serif;font-size:clamp(48px,6.25vw,120px);font-weight:500;line-height:100%}.benefits-carousel-wrapper{align-items:center;width:100%;height:350px;display:flex;position:relative;overflow:hidden}.benefits-carousel-track{align-items:end;gap:var(--card-gap);transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.benefit-card{width:var(--card-width);height:var(--card-height);color:#f5f7ed;letter-spacing:0;cursor:pointer;box-sizing:border-box;background-color:#f5f7ed1a;border-left:4px solid #f5f7ed;border-radius:5px;flex-shrink:0;align-items:end;padding:30px;font-family:TikTok_Sans,sans-serif;font-size:clamp(16px,2vw,24px);font-weight:300;line-height:100%;transition:all .5s ease-in-out;display:flex}.benefit-card p{margin:0}.benefit-card.active{width:var(--active-card-width);height:var(--active-card-height);color:#0e2b4e;text-transform:uppercase;background-color:#f5f7ed;border-left:6px solid #d0264b;font-family:TikTok_Sans,sans-serif;font-size:clamp(24px,1.66667vw,32px);font-weight:500;box-shadow:0 10px 30px #0000004d}@media (max-width:1200px){.membership-benefits-section{--card-width:320px;--active-card-width:360px;--card-height:180px;--active-card-height:260px;--card-gap:3px}.benefits-carousel-wrapper{height:300px}}@media (max-width:768px){.membership-benefits-section{--card-width:260px;--active-card-width:300px;--card-height:160px;--active-card-height:220px;padding:60px 0}.benefits-carousel-wrapper{height:260px}.benefit-card{padding:20px}}@media (max-width:480px){.membership-benefits-section{--card-width:calc(100vw - 40px);--active-card-width:calc(100vw - 40px);--card-height:170px;--active-card-height:200px;--card-gap:0px}.membership-benefits-title{margin-bottom:40px}.benefits-carousel-wrapper{height:220px}}
.membership-categories-section{color:#333;background-color:#f5f7ed;width:100%;max-width:1920px;margin:0 auto;padding:80px 0;font-family:Arial,sans-serif}.membership-categories-container{flex-direction:column;width:100%;max-width:1720px;margin:0 auto;display:flex}.categories-main-title{color:#243218;text-transform:uppercase;letter-spacing:1.5%;text-align:center;margin-top:40px;margin-bottom:40px;font-family:Oswald,sans-serif;font-size:clamp(48px,6.25vw,120px);font-weight:500;line-height:100%}.categories-sub-title{letter-spacing:0%;text-transform:uppercase;color:#799136;max-width:426px;margin-bottom:30px;font-family:Oswald,sans-serif;font-size:clamp(20px,2.60417vw,50px);font-weight:500;line-height:100%}.patron-sub-title{margin-top:40px}.general-sub-title{max-width:447px;margin-top:40px}.associate-sub-title{max-width:484px}.categories-top-row{flex-wrap:wrap;align-items:end;gap:40px;margin-bottom:40px;display:flex}.categories-bottom-row{flex-wrap:wrap;align-items:flex-start;gap:40px;margin-bottom:40px;display:flex}.general-top-row{margin-top:80px}.associate-bottom-row{align-items:center;margin-top:80px}.sme-top-row{margin-top:80px}.categories-text-left,.categories-text-right{letter-spacing:0;color:#211d1e;text-align:justify;flex:1;max-width:835px;font-family:TikTok_Sans,sans-serif;font-size:clamp(16px,2vw,24px);font-weight:300;line-height:100%}.categories-text-left p,.categories-text-right p{margin-bottom:40px}.categories-image-right,.categories-image-left{flex:1;justify-content:center;align-items:center;width:100%;max-width:835px;display:flex;overflow:hidden}.image-placeholder{transform-origin:50%;background-color:#ddd;background-position:50%;background-size:cover;border-radius:5px;width:100%;height:429px;transition:transform .3s}.image-placeholder:hover{transform:scale(1.05)}.general-image-placeholder{height:584px}.associate-image-placeholder{height:800px}.sme-image-placeholder{height:700px}.top-image{background-image:url(https://sgp1.digitaloceanspaces.com/bsl-2026/Membership/Patron%20Membership.webp)}.bottom-image{background-image:url(https://sgp1.digitaloceanspaces.com/bsl-2026/Membership/Patron%20Membership1.webp);height:500px}.general-top-image{background-image:url(https://sgp1.digitaloceanspaces.com/bsl-2026/Membership/General%20Membership.webp)}.associate-bottom-image{background-image:url(https://sgp1.digitaloceanspaces.com/bsl-2026/Membership/Associate%20Membership.webp)}.sme-top-image{background-image:url(https://sgp1.digitaloceanspaces.com/bsl-2026/Membership/SME%20membership.webp)}.patron-logo-container{background:0 0;align-items:center;width:100%;margin:40px 0 60px;padding:20px 0;display:flex;position:relative;overflow:hidden}.patron-logo-track{align-items:center;gap:60px;width:max-content;height:70px;animation:35s linear infinite scrollLogos;display:flex}.patron-logo-track1{align-items:center;gap:60px;width:max-content;height:70px;animation:30s linear infinite scrollLogos;display:flex}.patron-logo-track:hover,.patron-logo-track1:hover{animation-play-state:paused}.patron-logo-item{flex-shrink:0;justify-content:center;align-items:center;display:flex}.patron-logo-img{max-width:100%;height:auto}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:1760px){.membership-categories-section{padding:60px 20px}}@media (max-width:1200px){.image-placeholder{height:350px}}@media (max-width:768px){.categories-top-row,.categories-bottom-row{flex-direction:column}.categories-bottom-row{flex-direction:column-reverse}.image-placeholder{height:300px}.patron-logo-track,.patron-logo-track1{gap:40px}.general-top-row,.associate-bottom-row,.sme-top-row{margin-top:0}}@media (max-width:480px){.image-placeholder{height:250px}}
.membership-main-banner{width:100%;height:100vh;max-height:680px;position:relative;overflow:hidden}.membership-banner-image-wrapper{z-index:0;position:absolute;inset:0}.membership-banner-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scaleX(-1)}.membership-banner-overlay{background:linear-gradient(90deg,#00000085 0%,#0003 55%,#0000000f 100%);position:absolute;inset:0}.membership-banner-content{z-index:2;position:absolute;inset:0}.membership-banner-inner{width:100%;height:100%;padding-inline:44px;position:relative;bottom:20px}.membership-banner-heading{flex-direction:column;line-height:1;display:flex;position:absolute;top:60%;left:4%}.membership-heading-main{letter-spacing:1.5%;text-transform:uppercase;color:#f5f7ed;margin:0;font-family:Oswald,sans-serif;font-size:clamp(80px,15.89vw,200px);font-weight:600;line-height:100%}@media (max-width:768px){.membership-banner-image{object-position:left}.membership-banner-inner{padding-inline:24px}.membership-banner-heading{top:44%}}@media (max-width:480px){.membership-banner-inner{padding-inline:18px}.membership-banner-heading{top:70%}.membership-heading-main{font-size:3.4rem}}
.membership-support-section{justify-content:center;align-items:center;width:100%;padding:80px 0;display:flex}.membership-support-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:50px;width:1720px;max-width:100%;height:752px;margin:0 auto;display:flex}.membership-support-text-content{box-sizing:border-box;flex-direction:column;gap:28px;width:860px;height:100%;display:flex}.membership-support-heading{color:#243218;text-transform:uppercase;letter-spacing:1.5%;margin:0 -1px 0 0;font-family:Oswald,sans-serif;font-size:clamp(48px,6.25vw,120px);font-weight:500;line-height:100%}.membership-support-paragraphs{flex-direction:column;gap:28px;display:flex}.membership-support-paragraphs p{letter-spacing:0;color:#211d1e;text-align:justify;margin:0;font-family:TikTok_Sans,sans-serif;font-size:clamp(16px,2vw,24px);font-weight:300;line-height:100%}.membership-support-image-wrapper{border-radius:5px;flex-shrink:0;width:810px;height:752px;overflow:hidden}.membership-support-image{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}@media (max-width:1760px){.membership-support-section{padding:60px 20px}.membership-support-container{gap:40px;width:100%;height:auto}.membership-support-text-content{width:50%;height:auto}.membership-support-image-wrapper{aspect-ratio:810/752;width:50%;height:auto}}@media (max-width:920px){.membership-support-container{flex-direction:column;height:auto}.membership-support-text-content{gap:30px;width:100%}.membership-support-image-wrapper{aspect-ratio:auto;width:100%;height:450px}}@media (max-width:640px){.membership-support-section{padding:40px 16px}.membership-support-paragraphs p{font-size:16px}.membership-support-image-wrapper{height:320px}}
.membership-updates-section{background-color:#f5f7ed;width:100%;margin:0 auto;padding:80px 0;font-family:Arial,sans-serif}.membership-updates-container{flex-direction:row;justify-content:flex-start;align-items:center;gap:40px;width:100%;max-width:1720px;margin:0 auto 100px;display:flex}.updates-left{flex:1;max-width:860px}.updates-title{color:#243218;text-transform:uppercase;letter-spacing:1.5%;margin:0;font-family:Oswald,sans-serif;font-size:clamp(48px,6.25vw,120px);font-weight:500;line-height:100%}.updates-right{flex-direction:column;flex:1;align-self:end;align-items:flex-start;max-width:835px;display:flex}.updates-description{letter-spacing:0;color:#243218;text-align:justify;max-width:835px;margin-bottom:30px;font-family:TikTok_Sans,sans-serif;font-size:clamp(16px,2vw,24px);font-weight:300;line-height:100%}.explore-events-btn{color:#f5f7ed;text-transform:uppercase;cursor:pointer;letter-spacing:1.5%;background-color:#d0264b;border:none;border-radius:5px;align-items:center;gap:10px;padding:14px 20px;font-family:TikTok_Sans,sans-serif;font-size:clamp(12px,.9375vw,18px);font-weight:400;transition:background-color .2s,transform .2s;display:flex}.btn-icon{background-color:#f5f7ed;border-radius:50%;width:10px;height:10px;display:inline-block}@media (max-width:1760px){.membership-updates-section{padding:60px 20px}}@media (max-width:992px){.membership-updates-container{flex-direction:column;align-items:flex-start;gap:30px}}