@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700&display=swap);:root{--primary-red:#FF0000;--dark-red:#8b0000;--light-gray:#f8f9fa;--dark-gray:#343a40;--font-family:'Red Hat Display',sans-serif}.service-info-card{background:#f7f7f7;border:1px solid #e9ebed;border-radius:8px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.service-header-info{display:flex;justify-content:space-between;flex-wrap:wrap}.service-info-title{color:#0b2432;font-size:24px;font-weight:700;line-height:30px;flex-grow:1;margin:0}@media (max-width:1100px){.service-info-title{font-size:17px!important}}.info-icon{display:flex;align-items:center;justify-content:center}.service-badges{display:flex;gap:15px;margin-bottom:5px;margin-top:5px;flex-wrap:wrap}.badge-icon{display:flex;align-items:center;justify-content:center}.badge-text{font-size:14px;font-weight:500;line-height:20px}.service-description{margin-bottom:20px}.service-description p{color:#0b2432;font-size:16px;font-weight:400;line-height:24px;margin:0}.service-contact-left{border-top:1px solid #e9ebed;padding-top:16px}.button-text-video-left{color:#2f6796;font-size:14px;font-style:normal;font-weight:600;text-decoration:none}.contact-institution{display:flex;color:#7f8c93;font-size:16px;font-weight:400;line-height:24px;word-wrap:break-word;flex-direction:column}.logo-institution{margin-right:auto;margin-left:auto;width:55%;max-width:55%}.service-section{background:#f7f7f7;border:1px solid #e9ebed;border-radius:8px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dynamic-section{padding-bottom:15px;padding-top:15px}.button-container{display:flex;width:100%}.button-container.dual-buttons{justify-content:space-between;align-items:center}.button-container.dual-buttons .button-group-left{flex:1;display:flex;justify-content:end}.button-container.dual-buttons .button-group-right{flex:1;display:flex;justify-content:flex-end}.button-container.single-authorized-button{justify-content:flex-end}.button-container.single-authorized-button .button-group-right{display:flex;justify-content:flex-end}.button-container.single-regular-button{justify-content:center}.button-container.single-regular-button .button-group-center{display:flex;justify-content:center}.login-button-service,.register-button-service,.use-service-authorized-button,.use-service-button{background-color:#1d1d1d;color:#fff;padding:10px 20px;font-size:16px;font-weight:400;line-height:16px;border:1px solid #1d1d1d;border-radius:8px;text-decoration:none;cursor:pointer;display:inline-block;text-align:center}.login-button-service:hover,.register-button-service:hover,.use-service-authorized-button:hover,.use-service-button:hover{background-color:#333;border-color:#333}.container-fluid.px-5{padding-left:3rem!important;padding-right:3rem!important}.button-group{display:flex;gap:16px;justify-content:center}.container-fluid.px-5{padding-left:3rem!important;padding-right:3rem!important}.first-div{color:var(--Text-Color,#1d1d1d)!important;font-size:16px!important;font-family:'Red Hat Display',sans-serif!important;font-weight:400;line-height:30px;word-wrap:break-word}.info-box,.info-message,.warning-message{color:var(--Text-Color,#1d1d1d)!important;font-size:20px;font-family:'Red Hat Display',sans-serif!important;font-weight:500;line-height:30px;word-wrap:break-word;text-align:center;padding:1%}.badge-item{border:1px solid #999;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:20px;color:#1d1d1d}@media (max-width:1700px){.info-message{font-size:16px}}@media (max-width:768px){.col-11{width:100%}.service-badges{flex-direction:column;align-items:flex-start}.service-header-info{flex-direction:column;align-items:flex-start;gap:8px}}.error-content h3{color:#dc3545;margin-bottom:15px;font-size:1.5rem}.error-content p{color:#6c757d;font-size:1.1rem;margin:0}.message-info{background:#f7f7f7;border:1px solid #e9ebed;border-radius:8px;padding:0;margin-right:auto;font-size:14px;color:#333;margin-left:auto;box-shadow:0 2px 4px rgba(0,0,0,.05);line-height:1.5}.error-content h3{color:#dc3545;margin-bottom:15px;font-size:1.5rem}.error-content p{color:#6c757d;font-size:1.1rem;margin:0}.button-group{display:flex;gap:15px;flex-wrap:wrap}.btn-secondary:hover{background-color:#5a6268;color:#fff}.full-description{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.text-center{text-align:center}.description-container{max-height:700px;overflow-y:auto;border-radius:8px}.description-container::-webkit-scrollbar{width:8px}.description-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.description-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .3s ease}.description-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.description-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.description-content{line-height:1.6;color:#333}.description-content p{margin-bottom:.2rem}.description-content p:last-child{margin-bottom:0}.description-container{scroll-behavior:smooth}.description-container.scroll-theme-blue::-webkit-scrollbar-thumb{background:#007bff}.description-container.scroll-theme-blue::-webkit-scrollbar-thumb:hover{background:#0056b3}.description-container.scroll-theme-green::-webkit-scrollbar-thumb{background:#28a745}.description-container.scroll-theme-green::-webkit-scrollbar-thumb:hover{background:#1e7e34}.description-container.compact-scrollbar::-webkit-scrollbar{width:6px}.description-container.compact-scrollbar::-webkit-scrollbar-thumb{background:#6c757d}.bookmark-container{text-align:right;cursor:pointer;z-index:10;position:relative;display:inline-block}.bookmark-container[title]{cursor:pointer}.bookmark-container.bookmarked #bookmarkPath{fill:#1D1D1D;stroke:#1D1D1D}.first-div{width:100%;padding-right:4rem}.video-section-left{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;flex-direction:column}.video-container-left{max-width:70%;width:70%}.video-wrapper-left{position:relative;width:100%}.video-cover-left{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.video-cover-left:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.cover-image-left{width:100%;object-fit:cover;display:block;transition:opacity .3s ease}.video-cover-left:hover .cover-image-left{opacity:.8}.play-button-left{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(4px)}.video-cover-left:hover .play-button-left{transform:translate(-50%,-50%) scale(1.1)}.play-button-left svg{width:24px;height:24px;margin-left:3px}.youtube-embed-left{position:relative;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.youtube-embed-left iframe{width:100%;height:200px;border:none;display:block}.video-actions-left{text-align:center;margin-top:10px;padding:0 10px}.expand-button-left{background:0 0;color:#2f6796;padding:8px 16px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:underline}.expand-button-left:hover{color:#2f6796}.expand-button-left svg{width:14px;height:14px}.button-text-video-left{display:inline-block;color:#2f6796;text-decoration:none;font-weight:500;margin-bottom:10px;transition:color .3s ease}.button-text-video-left:hover{color:#1e4a6d;text-decoration:underline}@media (max-width:768px){.video-container-left{max-width:100%}.cover-image-left,.youtube-embed-left iframe{height:180px}.play-button-left{width:50px;height:50px}.play-button-left svg{width:20px;height:20px}}.institution-details{color:#7f8c93;font-size:14px;margin:1px}.operator-name{font-style:italic;font-size:14px;color:#7f8c93;display:block;text-align:center;margin-top:5px}.service-title-text{color:var(--Text-Color,#1d1d1d)}.section-title{color:var(--Text-Color,#1d1d1d);font-size:22px;font-weight:600;line-height:28.8px;word-wrap:break-word}.section-content{color:var(--Text-Color,#1d1d1d);font-size:16px;font-weight:400}.description-section{margin-top:5px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15)}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.popup-header h3{margin:0;color:#1d1d1d;font-size:1.25rem}.close-popup{font-size:24px;cursor:pointer;color:#666;background:0 0;border:none;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-popup:hover{color:#333;background:#f5f5f5;border-radius:50%}.popup-body{margin-bottom:20px}.popup-body p{margin-bottom:16px;color:#555}.authorization-list{max-height:300px;overflow-y:auto;border-radius:4px}.authorization-item{padding:12px;border-bottom:1px solid #f0f0f0}.authorization-item:last-child{border-bottom:none}.auth-option{display:flex;align-items:center;cursor:pointer;margin:0}.auth-option input[type=radio]{margin-right:12px}.auth-info{flex:1}.auth-nipt{font-weight:600;color:#1d1d1d;margin-bottom:4px}.auth-name{color:#666;font-size:.9rem}.no-authorizations{padding:20px;text-align:center;color:#666;font-style:italic}.popup-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0}.popup-actions .btn{min-width:100px}.btn-cancel-popup{border-radius:4px;background-color:#242323!important;color:#fff;font-size:15px;font-weight:400;text-align:center;padding:8px 16px;cursor:pointer}.btn-cancel-popup:hover{background-color:#5d5d5d!important;color:#fff;cursor:pointer}.btn-use-popup{background-color:red!important;border:1px solid red!important;color:#fff!important;opacity:.6;cursor:not-allowed;text-decoration:none;box-shadow:none;cursor:pointer}.btn-use-popup:hover{background-color:#fc6464!important;color:#fff;cursor:pointer}.use-service-authorized-button,.use-service-button{transition:transform .1s ease}.use-service-authorized-button:active,.use-service-button:active{transform:scale(.98)}.popup-overlay{animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.popup-content{animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:768px){.sidebar-container{display:none}}.container-fluid{padding:0 20px;box-sizing:border-box}.content-wrapper{display:flex;flex-direction:column;gap:20px;max-width:80%;margin:0 auto}.sidebar-container{width:100%;order:1}.main-content-container{width:100%;order:2}@media screen and (min-width:768px){.content-wrapper{flex-direction:row;gap:30px}.sidebar-container{width:33.333%;order:1;flex-shrink:0}.main-content-container{width:66.667%;order:2}}@media screen and (min-width:768px) and (max-width:1199px){.sidebar-container{width:33.333%}.main-content-container{width:66.667%}}@media screen and (min-width:1200px) and (max-width:1919px){.sidebar-container{width:30%}.main-content-container{width:70%}}@media screen and (min-width:1920px) and (max-width:2559px){.sidebar-container{width:25%}.main-content-container{width:75%}}@media screen and (min-width:2560px){.sidebar-container{width:20%}.main-content-container{width:80%}}@media screen and (min-width:3000px){.sidebar-container{width:15%}.main-content-container{width:85%}}.content-wrapper{justify-content:center}@media screen and (max-width:767px){.sidebar-container{margin-bottom:30px}}.message-info{width:100%;margin-top:15px;margin-bottom:15px}.links{display:none!important;display:flex;flex-direction:column;gap:15px}@media screen and (min-width:576px){.links{flex-direction:row;flex-wrap:wrap}}#serviceNameBreadcrumb{width:80%!important;cursor:pointer!important;color:#1d1d1d!important;font-size:36px!important;font-style:normal!important;font-weight:700!important;line-height:39px!important;text-decoration:none!important}@media screen and (min-width:787px) and (max-width:1200px){#serviceNameBreadcrumb{font-size:28px!important;line-height:28px!important}}@media (max-width:786px){#serviceNameBreadcrumb{font-size:24px!important;line-height:22px!important}}.institution-container-contact{display:flex;align-items:flex-start;gap:20px;margin-top:15px;margin-bottom:15px}.institution-logo-contact{flex-shrink:0;max-width:120px;height:auto}.institution-logo-contact img{max-width:100%;height:auto;display:block}.institution-details-container-contact{flex-grow:1}.institution-details-contact{margin-bottom:8px;line-height:1.4;font-size:12px}.institution-details-contact:last-child{margin-bottom:0}.logo-placeholder-contact{width:100px;height:100px;background-color:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd}.logo-placeholder-contact i{font-size:40px;color:#666}@media (max-width:1369px){.institution-container-contact{flex-direction:column;gap:10px}.institution-logo-contact{max-width:80px}}.bookmark-container{position:relative;cursor:pointer}.bookmark-container::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:1000;pointer-events:none}.bookmark-container::before{content:'';position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(100%);border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:1000}.bookmark-container:hover::after,.bookmark-container:hover::before{opacity:1;visibility:visible}.test1.section-content table{border:1px solid #000}.test1.section-content table th{padding:5px;width:50%;border:1px solid #cfcfcf;text-align:center}.test1.section-content table tr{width:50%;border:1px solid #cfcfcf}.test1.section-content table td{border:1px solid #cfcfcf;padding:5px}@media (max-width:1200px){.test1.section-content table{font-size:14px}}.skeleton-main,.skeleton-sidebar{opacity:1;transition:opacity .3s ease}.skeleton-card,.skeleton-section{background:#f7f7f7;border:1px solid #e9ebed;border-radius:8px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.skeleton-title{width:70%;height:30px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:15px}.skeleton-bookmark{width:46px;height:45px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:50%}.skeleton-badges{display:flex;gap:15px;margin:15px 0;flex-wrap:wrap}.skeleton-badge{width:100px;height:32px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:20px}.skeleton-text-line{width:100%;height:16px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-text-line-short{width:60%;height:16px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-text-line-half{width:70%;height:16px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-section-title{width:40%;height:24px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin:20px 0 15px 0}.skeleton-description{padding:8px}.skeleton-description .skeleton-section-title:first-child{margin-top:0}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-main.hide-skeleton,.skeleton-sidebar.hide-skeleton{display:none}@media (max-width:768px){.sidebar-container{display:none!important}}.service-info-card,.service-section{animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.global-error-container{margin:50px auto;max-width:600px;text-align:center}.global-error-container .error-full-width{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.global-error-container .error-content h3{color:#dc3545;margin-bottom:15px}