.participant-hero{margin:0 0 16px;padding:48px 0}.participant-hero .container{align-items:center;gap:16px;display:flex}.participant-hero .container>div{flex:1}.participant-hero .container>div .hero-who{color:#1170ff;font-size:24px}.participant-hero .container>div img{border-radius:16px;width:100%;height:auto}@media (max-width:1200px){.participant-hero{text-align:center;justify-content:center;align-items:center;height:calc(100vh - 65px);margin:0;padding:0;display:flex}.participant-hero h1{width:100%;font-size:48px;line-height:60px}.participant-hero p{width:100%}.participant-hero .hero-image{display:none}}.participant-why-us{background:#fff;margin:0;padding:48px 0}.participant-why-us h2{text-align:center;margin:0 0 48px}.participant-why-us .container{justify-content:center;gap:16px;display:flex}.participant-why-us .container>div{box-sizing:border-box;background:#f4f4f4;border-radius:16px;flex:1;padding:32px}.participant-why-us .container>div img{height:32px;margin:0}.participant-why-us .container>div p{margin:0}@media (max-width:1200px){.participant-why-us .container{flex-direction:column}}.participant-how-to-use{z-index:1;background:linear-gradient(.15turn,#25272b,#25282b,#262627);margin:0;padding:48px 0 16px;position:relative}.participant-how-to-use h2{text-align:center;color:#fff;margin:0 0 48px}.participant-how-to-use .container{justify-content:center;height:36px;padding:206px 16px 300px;display:flex}.participant-how-to-use .container>div{flex:1;position:relative}.participant-how-to-use .container>div .count{color:#000;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.participant-how-to-use .container>div .line{z-index:1;border-top:1px dashed #fff;width:100%;position:relative;top:-18px}.participant-how-to-use .container>div .content{color:#fff;box-sizing:border-box;background:#34383e;border-radius:16px;width:100%;padding:16px}.participant-how-to-use .container>div .content h3{margin:0 0 16px}.participant-how-to-use .container>div .content p{margin:0}.participant-how-to-use .container>div:nth-child(odd) .content{position:absolute;top:50px}.participant-how-to-use .container>div:nth-child(2n) .content{position:absolute;bottom:20px}@media (max-width:960px){.participant-how-to-use .container{flex-direction:column;gap:16px;height:auto;padding:0}.participant-how-to-use .container>div{flex:1;position:relative}.participant-how-to-use .container>div .count{float:left;width:24px;height:24px;margin:16px 8px 0 16px}.participant-how-to-use .container>div .line{display:none}.participant-how-to-use .container>div:nth-child(odd) .content,.participant-how-to-use .container>div:nth-child(2n) .content{position:unset}}.participant-pricing{z-index:1;background:#fff;padding:32px 0;position:relative}.participant-pricing .container{gap:60px;display:flex}.participant-pricing .container>div{flex:1}.participant-pricing .container>div table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;margin:0}.participant-pricing .container>div table thead th{color:#1170ff;vertical-align:top;padding:8px 0}.participant-pricing .container>div table thead td{color:#1170ff;vertical-align:top;text-align:right;padding:8px 0}.participant-pricing .container>div table tbody th{vertical-align:top;padding:8px 0}.participant-pricing .container>div table tbody td{vertical-align:top;text-align:right;padding:8px 0}.participant-pricing .container>div ul{font-weight:400}@media (max-width:900px){.participant-pricing .container{flex-direction:column}}
