.why-attend{--foreground:var(--color-white);--background:var(--color-black);background-color:var(--background);color:var(--foreground);display:block;padding:.9rem 0;position:relative}.why-attend .cnt{margin-bottom:.9rem;margin-left:auto;margin-right:0;max-width:8.78rem}:is(.why-attend .cnt) .title{margin-bottom:.6rem}.why-attend .media-frame{border-radius:.12rem;height:5.85rem;overflow:hidden;position:relative;width:100%}.why-attend .subtitle{margin-bottom:.6rem}.why-attend .frame{display:flex;flex-wrap:wrap;gap:.05rem;row-gap:0}:is(.why-attend .frame)>div{padding:.3rem 1rem .3rem 0;position:relative;width:calc(33.33333% - .035rem)}:is(:is(.why-attend .frame)>div):after{background-color:hsla(0,0%,100%,.2);border-radius:.03rem;content:"";height:.03rem;left:0;position:absolute;top:0;width:100%}:is(:is(.why-attend .frame)>div):before{background-color:hsla(0,0%,100%,.2);border-radius:.03rem;bottom:0;content:"";height:.03rem;left:0;position:absolute;width:100%}.no-top-border:is(:is(.why-attend .frame)>div):after{display:none}:is(.why-attend .frame) .title{color:var(--color-orange);margin-bottom:.3rem}@media screen and (max-width:768px) and (orientation:portrait){.why-attend{padding:.6rem 0}.why-attend .cnt{margin-bottom:.8rem}:is(.why-attend .cnt) .title{margin-bottom:.4rem}.why-attend .media-frame{height:2.59rem}.why-attend .subtitle{margin-bottom:.4rem}.why-attend .frame{display:block}:is(.why-attend .frame)>div{border-top:none;padding:.3rem 0;width:100%}:is(:is(.why-attend .frame)>div):after{display:none}:is(:is(.why-attend .frame)>div):first-of-type:after{display:block}}