.activity-card,.course-card,.profile-card{border-radius:8px;overflow:hidden;background-color:#fff;margin-bottom:16px;position:relative}.activity-card-horizontal:hover,.activity-card:hover,.booking-card:hover,.course-card-horizontal:hover,.course-card:hover,.profile-card-horizontal:hover,.profile-card:hover{box-shadow:0 0 15px 0 #bde3ff}.course-card{width:calc(33.3333% - 24px)}.activity-card,.course-card{box-shadow:0 4px 21px 0 #bec2d91a}.activity-card{width:calc(25% - 24px)}.license-card{width:calc(20% - 24px);box-shadow:0 4px 21px 0 #bec2d91a;background-color:#fff;border:1px solid #ececec}.activity-card-header,.course-card-header{height:187px;background-size:cover}.activity-card-header,.course-card-header,.license-card-header{display:flex;max-height:260px;background-position:50%;border-top-left-radius:8px;border-top-right-radius:8px}.license-card-header{height:120px;background-size:contain;background-repeat:no-repeat}.license-card-body .description{max-height:80px}.activity-card-body,.course-card-body{padding:24px}.course-card-body svg{width:20px}.activity-card-body .description,.course-card-body .description{height:80px}.course-card-body .location{color:#0082fb}.lesson-card{overflow:hidden;display:flex;flex-direction:row;position:relative;background:#fff;border-radius:8px;margin-bottom:16px;border:1px solid #ececec}.lesson-card .lesson-card-header{display:flex;max-height:260px;background-position:50%;background-size:cover;width:25%;height:unset;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px;border-top-left-radius:8px}.lesson-card .lesson-card-body{width:55%;padding:20px}.lesson-card .lesson-card-action{text-align:right;width:20%;padding:20px}.lesson-card .lesson-card-body .location,.lesson-card .lesson-card-body .name{color:#0082fb}.profile-card{display:flex;flex-direction:column;border:1px solid #ececec;box-shadow:0 4px 21px 0 #bec2d91a}.profile-image{margin-top:24px;margin-left:24px;background-size:cover;background-position:50%}.profile-card .ant-image .ant-image-img,.profile-card .username-icon,.profile-image{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.profile-card .ant-image .ant-image-img,.profile-card .username-icon{margin:24px 24px 0}.profile-card-body{padding:24px;flex-grow:1}.profile-card-body .label{color:#fff;font-family:Noto Sans,Noto Sans TC;font-size:10px;font-weight:400;line-height:17px;background-color:#0082fb;padding:2px 12px;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;-o-border-radius:22px}.profile-card-body .certifications{font-family:Poppins;font-size:14px;min-height:32px;font-weight:500;line-height:24px;letter-spacing:0;text-align:left;color:#28303f}.profile-card-body .name{width:100%;overflow:hidden}.profile-card-body .bio{color:#929292;height:130px}.profile-card-body svg{width:24px}.badge{position:absolute;top:16px;right:16px;background-color:#0082fb;color:#fff;padding:4px 8px;border-radius:4px;text-transform:uppercase;z-index:2}.inline-blue-badge{text-transform:uppercase;z-index:2;background-color:#0082fb;padding:4px 8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.inline-badge,.inline-blue-badge{font-family:Noto Sans,Noto Sans TC;font-size:10px;font-weight:400;line-height:18px;letter-spacing:0;text-align:left;color:#fff}.inline-badge{background-color:#02cab9;padding:2px 12px;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;-o-border-radius:22px}.inline-badge.gray{background-color:#929292}.inline-badge.light-gray{background-color:#bec2d9}.inline-badge.blue{background-color:#0082fb}.profile-card .badge{font-size:"Noto Sans","Noto Sans TC";font-size:10px;font-weight:400;line-height:17px;padding:2px 12px;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;-o-border-radius:22px}.activity-card-horizontal,.course-card-horizontal{display:flex;flex-direction:row;position:relative;background:#fff;border-radius:8px;margin-bottom:16px}.course-card-horizontal .course-card-header{width:50%;height:unset;border-top-right-radius:0;border-bottom-left-radius:8px}.activity-card-horizontal .activity-card-header{width:30%;height:unset;border-top-right-radius:0;border-bottom-left-radius:8px}.activity-card-horizontal .activity-card-body,.course-card-horizontal .course-card-body{flex:1;padding:16px}.course-card-horizontal .course-card-body .name{color:#0082fb;height:27px;overflow:hidden;padding-right:50px}.activity-card-horizontal .activity-card-body .name{color:#28303f;height:27px;overflow:hidden;padding-right:50px}.activity-card-horizontal .activity-card-body .description,.course-card-horizontal .course-card-body .description{height:40px}.activity-card-body .multi-line-ellipsis-2{min-height:54px}.profile-card-horizontal{flex-direction:row;display:flex;align-items:center;background:#fff;border-radius:8px;margin-bottom:16px;padding:24px;-moz-column-gap:24px;column-gap:24px}.profile-card-horizontal .badge{display:none}.profile-card-horizontal .ant-image{width:15%;min-width:100px}.profile-card-horizontal .profile-card-body{flex-grow:1;padding:0;width:80%}.profile-card-horizontal .profile-card-body .name{height:unset}.profile-card-horizontal .profile-card-body .bio{height:60px;line-height:20.4px}.booking-card{border-radius:8px;background-color:#fff;margin-bottom:16px;padding:24px;position:relative;display:flex;gap:24px}.booking-card .booking-card-header{width:25%;border-top-right-radius:0;border-bottom-left-radius:8px}.booking-card-header .image-box{overflow:hidden;height:100%;max-height:260px;background-position:50%;background-size:cover;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.booking-card-body{min-height:174px}.admin-list-card-body{padding:5px;margin:5px;box-shadow:0 0 15px 0 #bde3ff}.list-title-block{display:inline-block}.functional-button-block{float:right}.functional-button{display:block;margin:0 0 0 5px}.upload-card{border:1px solid #bec2d9}.upload-card .icon{background-color:#d7fff1}.image-container{margin:3rem auto}.image-container .image-card{background-position:50%;background-repeat:no-repeat;background-size:cover;height:267px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.image-container .image-card:hover{box-shadow:0 0 15px 0 #bde3ff}.title-background{background-color:#28303f4d;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.image-container.dive-site{gap:10px}.image-container.dive-site a.big{width:calc(50% - 5px)}.image-container.dive-site a.small{width:calc(25% - 8px)}@media (max-width:768px){.profile-card-horizontal{flex-wrap:wrap;align-items:start;padding:16px;-moz-column-gap:0;column-gap:0}.profile-card-horizontal .des{padding-top:8px}.course-card-header{height:30vw}.course-card{width:60vw}.image-card{height:130px}.profile-card-body .bio{display:none}.profile-card{width:200px}.profile-card-horizontal .profile-card-body .name{overflow:hidden}.profile-card-horizontal .ant-image{min-width:75px}.profile-card-horizontal .profile-card-body{max-width:70%;padding-left:12px}.course-card-horizontal{flex-direction:column}.course-card-horizontal .course-card-header{width:100%;height:171px;border-top-right-radius:8px;border-bottom-right-radius:0;border-bottom-left-radius:0}.course-card-horizontal .course-card-body{width:100%;padding:16px}.booking-card{gap:0;flex-direction:column;padding:16px}.booking-card .booking-card-header{width:100%;height:auto}.booking-card-body{padding:16px 0;width:100%;min-height:-moz-fit-content;min-height:fit-content}.image-card:hover p{font-size:30px;font-weight:700;left:calc(50% - 192px/2)}.profile-card-body .name{height:27px;overflow-wrap:anywhere}.booking-card-header .image-box{height:160px;width:100%}.mobile-dive-card{height:110px;background-size:cover;border-radius:8px;background-position:50%;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.mobile-dive-card.tall{height:220px}.activity-card{width:300px}.license-card{width:250px}.activity-card-horizontal{flex-direction:column}.activity-card-horizontal .activity-card-header{height:170px;width:100%;border-top-right-radius:8px;border-bottom-left-radius:0}}