.profile-first{padding:.5rem .5rem 1rem;display:flex;flex-direction:column;gap:1rem}.profile-background{background-color:#0b2a2e33}.profile-content{display:flex;gap:1em}.profile-content>div{display:flex;flex-direction:column;gap:1em;height:fit-content}.profile-content>div:first-child{flex:2}@media only screen and (max-width: 800px){.profile-content{flex-direction:column-reverse}}.card{display:flex;padding:16px;flex:1;border-radius:12px;gap:1em;box-shadow:inset 0 2px 8px #0000001a;background:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.professional-languages{display:flex;flex-direction:column;gap:1em}.professional-languages h2{font-size:1.25em;font-weight:400;display:flex;align-items:center;gap:.75em}.professional-languages ul{color:#020817}.professional-certifications{display:flex;flex-direction:column;width:100%;gap:1em}.professional-certifications h2{font-size:1.25em;font-weight:400;display:flex;align-items:center;gap:.75em}.professional-certifications ul{color:#020817;width:100%;gap:1em;display:flex;flex-direction:column}.professional-certifications ul li{display:flex;gap:1em;justify-content:space-between;white-space:nowrap;background-color:#e9e9e1;border-radius:16px;padding:1em;width:100%}@media only screen and (max-width: 800px){.professional-certifications ul li{white-space:wrap}}.professional-certifications ul li>div{display:flex;align-items:center;gap:1em}.professional-certifications ul li .info{position:relative}.professional-certifications ul li .info svg path{fill:#333}.professional-certifications ul li .info:hover:after{content:"Serenity je potvrdio da ova osoba smije pružati stručnu pomoć.";right:calc(100% + .5em);position:absolute;top:50%;overflow:hidden;white-space:wrap;display:flex;background-color:#fafafa;color:#0b2a2e;border:1px solid #E9E9E1;border-radius:12px;padding:.5rem;width:10em;font-size:.75em;transform:translateY(-50%)}.professional-certifications ul li svg path{fill:#007aff}#join-modal{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:9999}#join-modal>div{position:absolute;max-height:90vh;top:50%;left:50%;max-width:40vw;transform:translate(-50%,-50%);padding:24px;border-radius:16px;display:flex;gap:32px;flex-direction:column;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid rgba(255,255,255,.1)}@media (pointer: coarse) and (max-width: 800px){#join-modal>div{left:0;right:0;top:50%;transform:translateY(-50%);padding:1em;max-height:90vh;margin:.5rem;max-width:100vw}}#join-modal>div .modal-header{display:flex;justify-content:left;gap:16px;flex-direction:column;color:#333}@media (pointer: coarse) and (max-width: 800px){#join-modal>div .modal-header{padding:1em}}#join-modal>div .modal-header .top{display:flex;justify-content:space-between}#join-modal>div .modal-header .top #close-modal{cursor:pointer}#join-modal>div .modal-header h2{font-size:24px;font-weight:700;margin:0}#join-modal>div .modal-header span{font-size:14px;font-weight:500;margin:0}#join-modal>div .modal-body{background:#fafafa;border-radius:16px;border:1px solid #E8E8E8;padding:20px 24px}@media (pointer: coarse) and (max-width: 800px){#join-modal>div .modal-body{padding:.5em 0}}#join-modal>div .modal-footer{display:flex;justify-content:right;gap:8px}@media (pointer: coarse) and (max-width: 800px){#join-modal>div .modal-footer{padding:1em}}#join-modal>div .modal-content{display:flex;flex-direction:column;gap:.5rem}#join-modal>div .modal-content>a{text-decoration:none;text-align:center;background:none;outline:none;border:none;border-radius:12px;padding:12px 34px;cursor:pointer}#join-modal>div .modal-content>a:first-child{background-color:#e9e9e1;color:#0e353a}#join-modal>div .modal-content>a:last-child{background-color:#0e353a;color:#fff}.education{box-shadow:inset 0 2px 8px #0000001a;background:#ffffffb3;border:1px solid rgba(255,255,255,.2);padding:1rem 1rem 0;border-radius:12px;gap:1em;display:flex;flex-direction:column;width:100%;overflow-y:hidden}.education span{color:#64748b;font-size:1em;font-style:normal;font-weight:400}.education h2{font-size:1.25em;font-weight:400;display:flex;align-items:center;gap:.75em}.education h2 svg{width:1.25em;height:1.25em}.education h2 svg path{fill:#0b2a2e}.education ul{margin-left:1em;border-left:2px solid #D9D9D9;padding-left:2em;display:flex;flex-direction:column;gap:1.5em;position:relative}.education ul li{position:relative;padding-bottom:1em;display:flex;flex-direction:column;gap:.5em}.education ul li:after{content:"";width:1em;height:1em;border-radius:50%;background-color:#0b2a2e;position:absolute;left:calc(-2em - 1px);top:.5em;transform:translate(-50%)}.education ul li h2{color:#020817;font-size:1.5em;font-style:normal;font-weight:700}.education ul li p{font-size:.875em}.profile-card{width:100%;position:relative;border-radius:16px;-webkit-user-select:none;user-select:none;box-shadow:inset 0 2px 8px #0000001a;background:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.profile-card .react-svg.pin-point svg{width:20px;height:20px}.profile-card .badges{display:flex;flex-direction:row;gap:.5em;flex-wrap:wrap}@media only screen and (min-width: 768px){.profile-card .badges{flex-direction:row}.profile-card .badges.wide{display:flex}.profile-card .badges.mobile{display:none}}@media only screen and (max-width: 768px){.profile-card .badges{flex-direction:column}.profile-card .badges.mobile{display:flex;width:fit-content}.profile-card .badges.wide{display:none}}.profile-card .badges span{display:flex;gap:.5rem;align-items:center;color:#0b2a2e;font-size:.75em;padding:.25rem .75rem;white-space:nowrap;width:fit-content}.profile-card .badges span svg{width:1em;height:1em}.profile-card #background-image{width:100%;border-radius:16px 16px 0 0;pointer-events:none;top:0;right:0;height:100%;object-fit:cover;max-height:130px;min-height:130px;object-position:top;background-color:#0b2a2e}.profile-card .title{margin-top:1.5em;margin-bottom:.5em}.profile-card .title h2{margin:0;color:#0b2a2e}.profile-card .desc p{word-break:break-word}.profile-card .price{display:flex;justify-content:space-between}.profile-card #profile-pic{width:100%;height:100%;pointer-events:none;object-fit:cover;object-position:center}.profile-card .bottom{gap:1rem;margin-top:100px;padding:24px;display:flex}.profile-card .bottom .right .price{padding:16px;background-color:#dcf3f6;border-radius:12px;font-size:24px;color:#898384;display:flex;align-items:center;gap:24px}.profile-card .bottom .right .price span{font-size:28px;color:#000}.profile-card .bottom .right .price .termin{font-size:12px;line-height:18px;white-space:nowrap;padding:4px 12px;border:1px solid #E9E9E1;border-radius:360px;background-color:#fff}.profile-card .bottom .right button{margin-top:1rem;padding:1rem 2rem;text-decoration:none;background:#1c4654;color:#fff;border-radius:25px;font-size:1rem;width:fit-content;transition:all .3s ease}.profile-card .bottom .right button:hover{background:#1c4654d1}@media only screen and (max-width: 768px){.profile-card .bottom{margin-top:6em}}.profile-card .bottom .right{flex:1}.profile-card .bottom .left{flex:3}.profile-card .bottom .left img{width:20px;height:20px;pointer-events:none}.profile-card .bottom .left .desc{display:flex;flex-direction:column;gap:4px;padding-right:12px;text-align:left}.profile-card .bottom .left .desc span{color:#a0a0a0;font-size:12px}.profile-card .bottom .left .desc p{margin:0;color:#333;font-size:.85em;width:80%}.profile-card .left ul{display:flex}@media only screen and (max-width: 768px){.profile-card .left ul{flex-direction:column;gap:12px}}.profile-card .left ul li{flex:1;display:flex;flex-direction:column;padding:0 12px}.profile-card .left ul li label{white-space:nowrap}@media only screen and (max-width: 768px){.profile-card .left ul li{flex-direction:row;gap:12px;align-items:center}.profile-card .left ul li>*{flex:1;text-align:right}}.profile-card .left ul li span path{fill:#2896a4}.profile-card .left ul li:not(:last-child){border-right:1px solid #D9D9D9}@media only screen and (max-width: 768px){.profile-card .left ul li:not(:last-child){border:none}}.profile-card .left ul li a:last-child,.profile-card .left ul li span:last-child{font-size:24px;font-weight:400}@media only screen and (max-width: 768px){.profile-card .left ul li a:last-child,.profile-card .left ul li span:last-child{font-size:18px}}.profile-card .left ul li span:first-child{display:flex;gap:8px;color:#2896a4}.profile-card .person{position:absolute;display:flex;align-items:center;top:60px;left:24px;-webkit-user-select:none;user-select:none;justify-content:space-between}.profile-card .person>.image{width:10.25em!important;height:10.25em!important;overflow:hidden;border-radius:100%;flex-shrink:0;align-self:flex-start;background-color:#0b2a2e}@media only screen and (max-width: 768px){.profile-card .person>.image{width:8em!important;height:8em!important}}@media only screen and (max-width: 768px){.profile-card .person{top:80px}}.profile-card .person .info{margin-right:1em;display:flex;align-items:center;gap:2rem}@media only screen and (min-width: 800px){.profile-card .person .info{margin-top:2.5em;margin-left:1.5em}}@media only screen and (max-width: 800px){.profile-card .person .info{flex-direction:column;gap:1.5rem;margin-top:3.5em;margin-left:1em}}.profile-card .person .info h2{white-space:wrap}@media only screen and (min-width: 1000px){.profile-card .person .info h2{white-space:nowrap}}.profile-card .person .info h4{font-size:14px;color:#454545;margin:0;font-weight:400}@media only screen and (max-width: 768px){.profile-card .person .info{left:160px}}.calendar{display:flex;flex-direction:column;padding:24px;border-radius:16px;max-height:70vh;-webkit-user-select:none;user-select:none;box-shadow:inset 0 2px 8px #0000001a;background:#fffc;border:1px solid rgba(255,255,255,.2)}.calendar .weekDayNames:before{content:"";position:absolute;width:100px;height:100%;z-index:1;left:-100px;background-color:#f6f6f6}.calendar .weekDayNames:after{content:"";position:absolute;width:100%;height:28px;z-index:-1;left:0;top:0;background-color:#f6f6f6;pointer-events:none;color:#cccbcb}#calendar-prev,#calendar-next{cursor:pointer}#calendar-prev svg path,#calendar-next svg path{fill:#004d5a}.event{background-color:#0e353a;width:100%;cursor:pointer;pointer-events:all;border-radius:12px;font-size:14px;font-weight:700;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:8px}.event.disabled{background-color:#f4f4f4;cursor:default}.event.disabled div img{opacity:.2}.event.canceled{background-color:#f5dfdc;color:#b42416}.event div{display:flex;align-items:center;gap:8px}.event div img{opacity:1;border-radius:360px;width:24px;height:24px}.event div span,.event span{font-size:10px}.week-day-head{white-space:nowrap;border:1px solid #E3E3E3;color:#726c6c;font-size:16px;text-align:center;padding:12px 16px;border-radius:8px;flex:1;-webkit-user-select:none;user-select:none;position:relative;background-color:#fafafa}.week-day-head.today{background-color:#fff596;border-color:#fff596}.week-day-head :before{content:"";z-index:10000;background-color:red;position:absolute;top:-50px}.time-slot{background-color:#e5f1ff;opacity:1;border-radius:12px;aspect-ratio:1.5 / 1;position:relative;display:flex}.time-slot.past{opacity:.3}.time-slot.past>.price{cursor:default}.time-slot>.price{font-size:14px;color:#333;font-weight:700;width:100%;height:100%;border-radius:12px;display:flex;cursor:pointer;align-items:center;justify-content:center}.time-slot>.price>div{margin:auto}.time-slot>.price.no-price{cursor:default;background-color:#f4f4f4}.professional-reviews{border-radius:16px;padding:24px;color:#333;-webkit-user-select:none;user-select:none;box-shadow:inset 0 2px 8px #0000001a;background:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.professional-reviews img{width:5em}.professional-reviews ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em}.professional-reviews ul li{flex:1;border:1px solid #E3E3E3;border-radius:12px;padding:1em;display:flex;flex-direction:column;gap:1em;max-width:fit-content}@media only screen and (max-width: 991px){.professional-reviews ul li{max-width:100%}}.professional-reviews ul li p{font-size:14px}.professional-reviews ul li .who{display:flex;gap:8px;align-items:end}.professional-reviews ul li .who strong{font-size:20px}.professional-reviews ul li .stars{display:flex;gap:8px;flex-direction:row;flex-wrap:nowrap}.professional-reviews ul li .stars svg{width:20px;height:20px}