@media screen and (max-width:480px){.content-card{gap:10px}.content-card .card-details,.content-card .card-image{border-radius:20px}.content-card .card-image{height:200px}.content-card .card-details{height:150px}}@media screen and (min-width:481px){.content-card{gap:20px}.content-card .card-details,.content-card .card-image{border-radius:15px}}.content-card{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;font-family:Satoshi}.content-card .card-details,.content-card .card-image{width:calc(100% - 40px);padding:20px}.content-card .card-image{width:100%;position:relative;overflow:hidden;cursor:pointer;aspect-ratio:1.7;background-size:cover;background-repeat:no-repeat;background-position:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.content-card .card-image .shadow{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;background:radial-gradient(circle,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 100%)}.content-card .card-details{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px}.content-card .card-details .title-container{width:100%;padding:0 4px}.content-card .card-details .title-container .title{font-size:16px;font-weight:700;line-height:120%;-webkit-line-clamp:1}.content-card .card-details .sub,.content-card .card-details .title-container .title{font-style:normal;margin:0;max-width:400px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.content-card .card-details .sub{font-size:15px;font-weight:500;line-height:normal;-webkit-line-clamp:2}.content-card .card-details .button:hover{opacity:.8}.content-card .card-details .button{font-family:Satoshi;cursor:pointer;display:flex;padding:8px 13px 9px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:#0085ff;border:none;color:#fff;font-size:15px;font-style:normal;font-weight:700;line-height:140%;height:38px}.content-card .card-details .button svg{width:15px;margin-top:1px;opacity:.7}.content-card .card-details .button .hours{opacity:.7;text-transform:capitalize}.content-card .card-details .separator{width:2px;height:12px;border-radius:46px;background:rgba(255,255,255,.2)}.content-card .card-details .button-activity .added{display:flex;align-items:center;justify-content:center;gap:4px}.content-card .card-details .button-added-true{background:#242930;pointer-events:none}.content-card-dark .card-image{box-shadow:inset 0 0 0 3px rgba(255,255,255,.08)}.content-card-dark .card-details{box-shadow:inset 0 0 0 3px var(--Midnight-Border-100,#242930);background:#15181e}.content-card-dark .card-details .title-container .title{color:rgba(255,255,255,.9)}.content-card-dark .card-details .title-container .sub{color:rgba(139,160,181,.8)}.content-card-light .card-image{background-color:#efefef;box-shadow:inset 0 0 0 3px rgba(255,255,255,.3)}.content-card-light .card-details{box-shadow:inset 0 0 0 3px rgba(241,245,249,.8);background:#fcfcfc}.content-card-light .card-details .title-container .title{color:#15181e}.content-card-light .card-details .title-container .sub{color:#8ba0b5}@media screen and (max-width:768px){.carousel{position:relative;width:100%;height:430px}.carousel .carouselContent{top:0;height:400px;width:100%}.carousel .carouselContent .card-content .card-image{height:230px!important}.carousel .carouselBullets{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;bottom:0}.carousel .carouselBullets .bullet{width:8px;height:8px;border-radius:100px;background-color:#ccc;margin-bottom:6px;cursor:pointer;transition:background-color .3s;margin-left:5px;opacity:.2;transition:.3s}.carousel .carouselBullets .bullet.active{width:16px;height:8px;border-radius:100px;background-color:#fff;opacity:1;transition:.3s}.carousel .carouselBar{width:calc(100% - 74px);height:2px;background-color:#f0f1f6;position:absolute;bottom:0;display:flex;column-gap:20px}.carousel .carouselBar .carouselFilled,.carousel .carouselBar .carouselFilled2,.carousel .carouselBar .carouselFilled3{height:100%;background-color:var(--red)}}@media screen and (min-width:768px){.carousel{display:none}}