h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    padding: 15px 0;
    margin: 0 0 20px 0px;
}
p{
    font-size: 1.15rem;
    margin-bottom: 15px;
}
.app {
    display: grid;
    width: 100%;
    height: 100%;
}

.nav {
    max-width: 1300px;
    width: 100%;
    height: 4.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-self: center;
    gap: .5rem;
    padding-inline: 1rem;
    position: fixed;
    z-index: 150;
    background: #fff;
}

.nav-logo {
    width: 11rem;
    max-width: 12rem;
}
.login h1 a{
    background-image: none, url(https://medius-zdrowie.info.pl/wp-content/themes/medius/images/logo.svg) !important;
}
.nav-logo img {
    width: 100%;
    -webkit-user-drag: none;
}

.nav-items {
    margin-top: .25rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-items a {
    height: 100%;
    display: flex;
    align-items: center;
    padding-inline: 1rem;
    text-align: center;
    font-size: .9rem;
    border-bottom: 4px solid transparent;
}

.nav-items a.active {
    border-bottom: 4px solid #FF5001;
    color: #FF5001;
}

.nav-items a[aria-current="page"] {
    border-bottom: 4px solid #FF5001;
    color: #FF5001;
}

#create-account {
    background-color: #0344DC;
    color: #fff;
}

.nav-items a img {
    min-width: 1.5rem;
    -webkit-user-drag: none;
}

.nav-buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 70%;
}

.nav-buttons a {
    min-width: max-content;
    border-radius: 6.25rem;
    padding: .6rem;
    color: #0344DC;
    border: 2px solid #0344DC;
}

.nav-buttons a:nth-child(3) {
    display: none;
}

.nav-hamburger {
    display: none;
}

.nav-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
    z-index: 100;
    overflow-y: auto;
}

.nav-mobile--open {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}

.nav-mobile-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #fff;
    cursor: pointer;
}

.nav-mobile-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
}

.nav-mobile-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    font-size: 1.5rem;
    color: #fff;
}

/* Logowanie */

#loginForm{
    border-radius: 25px 25px 0 0;
    border: 3px solid #01203f;
    box-shadow: 5px 5px 17px #666;
    margin-bottom: 38px;
    max-width: 800px;
    margin: 0 auto;
}
#loginForm .alert{
    width: 100%;
    padding: 15px;
    background: red;
}

/* Home */
.home-image {
    width: 100%;
    height: 21vw;
    max-height: 17.5rem;
    position: relative;   
    background-image: url('../images/home/1.jpg');
    background-size: cover;
    background-position: center center;
    transition: background-image .5s ease;
    background-size: contain;
    background-repeat: no-repeat;
}
.home-image.mobile {
    display: none;
}

.home-image-prev,
.home-image-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.home-image-prev img, .home-image-next img{
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, .7));
}

.home-image-prev {
    left: 1rem;
}

.home-image-next {
    right: 1rem;
}

.home-image-dots {
    position: absolute;
    left: 50%;
    top: 95%;
    transform: translate(-50%, -90%);
    display: flex;
    gap: .5rem;
}

.home-image-dots div {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 1px 1px 5px #333;
}

.home-image-dots div.active {
    background-color: rgba(255,80,0,1);
}

/* Home */
.home {
    width: 100%;
    height: 100%;
    display: grid;
}

.home-content {
    width: 100%;
    max-width: 1300px;
    padding-block: 2rem;
    padding-inline: 1rem;
    display: flex;
    flex-direction: column;
    justify-self: center;
    gap: 2rem;
    margin-top: 38px;
}

.home-about-item {
    display: grid;
    gap: 1.5rem 0rem;
    margin-top: 1rem;
}

.home-about-item-title {
    font-size: 2rem;
    font-weight: bold;
    color: #01203F;
}

.home-about-item-wrapper {
    display: grid;
    grid-template-columns: .65fr 1fr;
    align-items: center;
    gap: 1.5625rem;
}

.home-about-item-img {
    width: 100%;
    height: 100%;
    background-color: #647C99;
}

.home-about-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-drag: none;
}

.home-about-item-text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1rem;
}

.home-about-item-text img {
    width: 11rem;
    -webkit-user-drag: none;
}

.home-about-item-button {
    justify-self: flex-end;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    color: #FF5001;
}

.home-meet-item {
    display: grid;
    gap: 1.5rem 0rem;
}

.home-meet-item-title {
    font-size: 2rem;
    font-weight: bold;
    color: #01203F;
}

.home-meet-item-wrapper {
    display: grid;
    grid-template-columns: 450px 1fr;
    align-items: center;
    gap: 1.5625rem;
    border: 1px solid #8E8E8E;
}

.home-meet-item-img {
    margin-bottom: auto;
    /* width: 100%;
    height: 100%;
    background-color: #647C99; */
}

.home-meet-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-drag: none;
}


.home-meet-item-text {
    display: grid;
    align-items: center;
    gap: .9rem;
    font-size: 1.25rem;
    padding-inline: 1rem;
    padding-block: 1rem;
}

.home-meet-item-text p {
    font-size: 1rem;
}

.home-meet-item-text-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.home-meet-item-joinbtn {
    justify-self: flex-end;
    color: #FF5001;
    padding: .7rem 1.5rem;
    font-size: 1.25rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
}

.home-meet-item-calendarbtn {
    display: flex;
    justify-self: flex-end;
    border-radius: 6.25rem;
    background: #FF5001;
    color: #fff;
    padding: .7rem 1.5rem;
    font-size: 1.25rem;
}

.home-nomeet-item {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.home-nomeet-item-title {
    font-size: 2rem;
    color: #01203F;
}

.home-nomeet-item-info {
    font-size: 1rem;
    padding: 1.5rem;
    background-color: #EBEBF6;
}

.home-nomeet-item-calendarbtn {
    border-radius: 6.25rem;
    background: #FF5001;
    color: #fff;
    padding: .7rem 1.5rem;
    font-size: 1.25rem;
    text-align: center;
    align-self: flex-end;
}

.home-whatnew-item {
    display: grid;
    gap: 2rem 0rem;
    margin-top: 2rem;
}

.home-whatnew-item-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #01203F;
}

.home-whatnew-item-wrapper {
    display: flex;
    gap: 1.5rem;
}

.home-whatnew-item-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.home-whatnew-item-block-title {
    display: flex;
    padding: .7rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 6.25rem;
    color: #fff;
    font-size: 1.25rem;
}

.home-whatnew-item-block-title.orange {
    background-color: #FF5001;
}

.home-whatnew-item-block-title.blue {
    background-color: #0344DC;
}

.home-whatnew-item-block-title.aqua {
    background-color: #01203F;
}

.home-whatnew-item-block-content {
    display: flex;
    flex-direction: column;
    border: 1px solid #8E8E8E;
    gap: .75rem;
    min-height: 23.5rem;
    /*height: 23rem;*/
}

.home-whatnew-item-block-content-img {
    height: 12rem;
    min-height: 12rem;
    background-color: #647C99;
}

.home-whatnew-item-block-content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-drag: none;
}

.home-whatnew-item-block-content-title {
    font-size: 1.25rem;
    font-weight: bold;
    padding-inline: 1.5rem;
}

.home-whatnew-item-block-content-footer {
    display: flex;
    align-items: end;
    margin-top: auto;
    padding-inline: 1.5rem;
    padding-bottom: 1rem;
}

.home-whatnew-item-block-content-footer img {
    width: 1.25rem;
    -webkit-user-drag: none;
}

.zdrowie24-whatnew-item-block-content {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-inline: 1.5rem;
    padding-bottom: 1rem;
    justify-content: space-between;
}

.zdrowie24-whatnew-item-block-content img {
    width: 1.25rem;
    -webkit-user-drag: none;
}
.zdrowie24-whatnew-item-block-content .videos-item-content-btn {
    margin:0;
}

.home-whatnew-item-block-content-morebtn {
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    padding: .7rem 1.5rem;
    font-size: 1.25rem;
    color: #FF5001;
    margin-left: auto;
}

.home-events-item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.home-events-item-title {
    font-weight: bold;
    font-size: 2rem;
    color: #01203F;
}

.home-events-item-desc {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
}

.home-events-item-desc div:nth-child(1) {
    font-weight: bold;
    font-size: 1.25rem;
    color: #01203F;
}

.home-events-item-desc div:nth-child(2) {
    font-weight: bold;
    font-size: 1.25rem;
    color: #8E8E8E;
}

.home-events-item-wrapper {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.home-events-item-wrapper > div {
    border: 1px solid #8E8E8E;
}

.home-events-item-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.home-events-item-days div {
    color: #01203F;
    font-size: 1.25rem;
    border-left: 1px solid #8E8E8E;
    padding: .6rem;
}

.home-events-item-days div:nth-child(1) {
    border-left: none;
}

.home-events-block {
    display: flex;
    flex-direction: column;
    min-height: 10rem;
    position: relative;
    /*overflow: hidden;*/
    justify-content: flex-start;
}

.home-events-block.current {
    background-color: #e6e6e6;
}

.home-events-block-number {
    top: .6rem;
    left: .6rem;
    position: absolute;
    font-size: 1.25rem;
    color: #8E8E8E;
}

.home-events-block-number span {
    display: none;
}

.home-events-block-tags {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-top: 3rem;
}

.home-events-block-tag {
    width: 100%;
    display: flex;
    padding: 0.4rem;
    align-items: center;
    gap: .5rem;
    background: #01203F;
    border: 4px solid #01203F;
}

.home-events-block-tag img {
    -webkit-user-drag: none;
}

.home-events-block-tag-your {
    border: 3px solid #0344DC;
    background: #fff;
}

.home-events-block-tag-name {
    color: #FFF;
    /*border-radius: 0.9375rem;
    background: #F8981D;
    padding: 0.5rem;*/
    font-size: 0.65rem;
}

.home-events-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.home-events-footer-legend {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.home-events-footer-legend-item {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.home-events-footer-legend-item-name {
    color: #01203F;
    font-size: .75rem;
}

.home-events-footer-allbtn {
    font-size: 1.25rem;
    color: #FF5001;
    padding: 0.7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    margin: 15px 0;
    min-width: 227px;
    text-align: center;
}

/* About */
.about {
    width: 100%;
    height: 100%;
    display: grid;
}

.about-content {
    width: 100%;
    max-width: 1300px;
    padding-block: 2rem;
    padding-inline: 1rem;
    display: flex;
    flex-direction: column;
    justify-self: center;
    gap: 2rem;
    min-height: calc(100vh - 4.25rem - 276px);
    margin-top: 85px;
}

.about-item {
    display: grid;
    gap: 2.5rem 0rem;
}

.about-item--smallgap {
    display: grid;
    gap: 1.5rem 0rem;
}

.about-item-title {
    font-size: 2.5rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5.12rem;
    color: #01203F;
}

.about-item-title-small {
    font-size: 2rem;
    font-weight: bold;
    color: #01203F;
}

.about-item-block {
    display: grid;
    gap: 3rem 0rem;
}

.about-item-block-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.about-item-block-text {
    font-size: 1rem;
}

.about-item-wrapper {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr);
}

.about-item-wrapper > .about-item-block {
    padding: 2rem;
    gap: .6rem;
}

.about-item-wrapper > .about-item-block:nth-child(1) {
    background: #6C7FE8;
}

.about-item-wrapper > .about-item-block:nth-child(2) {
    background: #FFCBB7;
}

.about-item-wrapper > .about-item-block:nth-child(3) {
    background: #BAC5D4;
}

.about-item-wrapper > .about-item-block:nth-child(4) {
    background: #FFA989;
}

.about-item-btn {
    color: #FF5001;
    font-size: 1.25rem;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
}

.about-item-btn.self-end {
    justify-self: flex-end;
}

.about-interested {
    display: flex;
    padding: 4rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    background: #F9F8F9;
    position: relative;
    border-radius: 1.5rem;
    margin-top: 35px;
    min-height: 230px;
}

.about-interested img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 29rem;
    height: 13.875rem;
    object-fit: cover;
}

.about-interested-title {
    font-size: 1.5rem;
    font-weight: bold;
    z-index: 1;
}

.about-interested-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
    z-index: 1;
}

.about-interested-wrapper > .about-interested-btn:nth-child(1) {
    background: #0344DC;
    color: #fff;
}


.about-interested-btn {
    border-radius: 6.25rem;
    padding: .7rem 1.5rem;
    font-size: 1.25rem;
    border: 2px solid #0344DC;
    background: #FFF;
    color: #0344DC;
}

.about-consultant {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 1.5rem;
    gap: .6rem 1.5rem;
    border-bottom: 1px solid #BAC5D4;
}

.about-consultant-img {
    grid-column: 1/2;
    grid-row: 1/4;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
        display: flex
;
    align-items: center;
}

.about-consultant-img img {
    width: auto;
    -webkit-user-drag: none;
    object-position: center;
    object-fit: cover;
}

.about-consultant-name {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 1.25rem;
    font-weight: bold;
}

.about-consultant-center {
    grid-column: 2/3;
    grid-row: 2/3;
    color: #1E1E25;
    font-size: 0.875rem;
    font-style: italic;
}

.about-consultant-desc {
    grid-column: 2/3;
    grid-row: 3/4;
    color: #1E1E25;
    font-size: 1rem;
}

.about-pages {
    justify-self: center;
    display: flex;
    align-items: center;
    gap: .3rem;
}

.about-pages-item {
    border-radius: 0.5rem;
    border: 1px solid #8E8E8E;
    font-size: 0.8125rem;
    color: #8E8E8E;
    display: flex;
    width: 2rem;
    height: 2rem;
    padding: 0.625rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-pages-item.about-pages-item-active {
    background: #01203F;
    color: #fff;
}

.about-pages-item.about-pages-item-noborder {
    border: unset;
}

.about-pages-item img {
    min-width: 1rem;
    min-height: 1rem;
    -webkit-user-drag: none;
}

/* Conferences */
.conferences {
    width: 100%;
    height: 100%;
    display: grid;
}

.conferences-content {
    width: 100%;
    max-width: 1300px;
    justify-self: center;
    padding-block: 2rem;
    padding-inline:1rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 50px;
}

.conferences-item {
    display: grid;
    gap: 5.125rem 0rem;
}

.conferences-item--smallgap {
    display: grid;
    gap: 1.5rem 0rem;
}

.conferences-item-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #01203F;
    padding: 12px 0;
}

.conferences-item-title-small {
    font-size: 2rem;
    font-weight: bold;
    color: #01203F;
}

.conferences-item-text {
    font-size: 1.25rem;
}

.conferences-item-spacer {
    width: 100%;
    height: 0.0625rem;
    background: #8E8E8E;
}

.conferences-item-filter {
    display: flex;
    align-items: center;
    gap: .75rem;
    justify-content: space-between;
}

.conferences-item-filter-checkboxes {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

.conferences-item-filter-checkboxes.hidden {
    display: none;
}

.filter-checkbox input {
    display: none;
    visibility: hidden;
}

.filter-btn {
    cursor: pointer;    
    display: contents;
}

.conferences-item-filter-checkboxes.hidden {
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    background: #d5d5d5;
}
.conferences-item-filter-checkboxes {
    transition: max-height 0.25s ease-in;
}

.filter-checkbox-label {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-checkbox-label span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.filter-checkbox-label span:last-child {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #c1c1c1;
    transition: all 0.2s ease;
}

.filter-checkbox-label span:last-child svg {
    position: absolute;
    top: 4px;
    left: 3px;
    fill: none;
    stroke: #000000;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.filter-checkbox-label span:last-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.filter-checkbox-label span:first-child {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 400;
}

.filter-checkbox-label:hover span:last-child {
    border-color: #fff;
}

.filter-checkbox-input:checked + .filter-checkbox-label span:last-child {
    background: #fff;
    border-color: #fff;
    animation: wave 0.4s ease;
}

@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

.filter-checkbox-input:checked + .filter-checkbox-label span:last-child svg {
    stroke-dashoffset: 0;
}

.filter-checkbox-input:checked + .filter-checkbox-label span:last-child:before {
    transform: scale(3.5);
    opacity: 0;
    transition: all 0.6s ease;
}

.conferences-item-filter img {
    margin-left: auto;
    width: 1.25rem;
    height: 1.125rem;
    -webkit-user-drag: none;
}

.conferences-item-filter div {
    font-size: 1.25rem;
}

.conferences-item-search-wrapper {
    width: 100%;
    min-height: 3rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1rem;
}

.conferences-item-search-input {
    width: 100%;
    height: 100%;
}

.conferences-item-search-input input {
    width: 100%;
    height: 100%;
    background: #E0E0E0;
    padding: 1rem;
    border: none;
    outline: none;
    color: #383838;
    font-family: Arial;
    font-size: 1.25rem;
}

.conferences-item-search-btn {
    padding: .7rem 1.5rem;
    font-size: 1.25rem;
    color: #fff;
    border-radius: 6.25rem;
    background: #0344DC;
    cursor: pointer;
    border: none;
}

.conferences-calendar {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.conferences-calendar-type {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 0;
}

.conferences-calendar-type-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}

.conferences-calendar-type-item img {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-user-drag: none;
}

.conferences-calendar-type-item div {
    font-size: 1.25rem;
    color: #8E8E8E;
}

.conferences-calendar-type-item.active div {
    color: #01203F;
    font-weight: bold;
}

.conferences-calendar-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
}

.conferences-calendar-legend-wrapper {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.conferences-calendar-legend-wrapper img {
    -webkit-user-drag: none;
}

.conferences-calendar-legend-name {
    color: #01203F;
    font-size: 0.75rem;
}

.conferences-calendar-date {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.conferences-calendar-date-months,
.conferences-calendar-date-years {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.conferences-calendar-date-months {
    justify-self: center;
}

.conferences-calendar-date-years {
    justify-self: flex-end;
}

.conferences-calendar-date-months div {
    color: #01203F;
    font-size: 1.25rem;
    font-weight: bold;
}

.conferences-calendar-date-years div {
    color: #8E8E8E;
    font-weight: bold;
    font-size: 1.25rem;
}

.conferences-calendar-date-months img,
.conferences-calendar-date-years img {
    width: 0.625rem;
    height: 1.25rem;
    -webkit-user-drag: none;
    cursor: pointer;
}

.conferences-calendar-grid {
    display: flex;
    flex-direction: column;
}

.conferences-calendar-grid-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.conferences-calendar-grid-days div {
    color: #01203F;
    font-size: 1.25rem;
    border-right: 1px solid #8E8E8E;
    padding: .6rem;
}

.conferences-calendar-grid-days div:nth-last-child(1) {
    border-right: none;
}

.conferences-calendar-grid-template {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.conferences-calendar-grid-block {
    display: flex;
    flex-direction: column;
    min-height: 10rem;
    position: relative;
    /*overflow: hidden;*/
    justify-content: center;
    border-right: 1px solid #8E8E8E;
    border-top: 1px solid #8E8E8E;
    padding-top: 3rem;
    justify-content: flex-start;
}

.conferences-calendar-grid-block:nth-child(7n+1) {    
    border-left: 1px solid #8E8E8E;
}
.conferences-calendar-grid-block:nth-last-child(-n+7) {    
    border-bottom: 1px solid #8E8E8E;
}
.conferences-calendar-grid-block.selected {
    background-color: #e0e0e0; 
}

.conferences-calendar-grid-block.old > .conferences-calendar-grid-block-number {
    color: #DDD;
}

.conferences-calendar-grid-block.active {
    border: 2px solid #01203F;
}

.conferences-calendar-grid-block-number {
    top: .6rem;
    left: .6rem;
    position: absolute;
    font-size: 1.25rem;
    color: #8E8E8E;
}

.conferences-calendar-grid-block-number span {
    display: none;
}

.conferences-calendar-grid-block-tags {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-top: 3rem;
}

.conferences-calendar-grid-block-tag {
    width: 100%;
    display: flex;
    padding: 0.5rem;
    align-items: center;
    background: #ECE6F8;
    gap: .5rem;
}

.conferences-calendar-grid-block-tag img {
    -webkit-user-drag: none;
}

.conferences-calendar-grid-block-tag-your {
    border: 3px solid #F8981D;
    background: #fff;
}

.conferences-calendar-grid-block-tag-name {
    color: #FFF;
    border-radius: 0.9375rem;
    background: #F8981D;
    padding: 0.5rem;
    font-size: 0.65rem;
}

.conferences-calendar-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 16px;
}
.conferences-calendar-list.lock {
    filter: grayscale(1);
}

.conferences-calendar-list-item {
    min-height: 8.1875rem;
    background: #FFF;
    display: flex;
    align-items: center;
    gap: 1rem .6rem;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    justify-content: space-between;
}
.conferences-calendar-list-item.unlock{
    border: 2px solid #0344dc;
}

.conferences-calendar-list-item-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    /*align-items: center;*/
    gap: 1rem;
    /*padding-right: 1rem;*/
}
.conferences-calendar-list-item-link {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 18rem;
    max-width: 18rem;
}

.conferences-calendar-list-item-img {
    width: 100%;
    min-width: 17rem;
    height: 100%;
    max-width: 500px;

}

.conferences-calendar-list-item-img img {
    background-color: #647C99;
    width: 100%;
    -webkit-user-drag: none;
}

.conferences-calendar-list-item-data {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    justify-content: left;
    /*height: 100%;*/
    width: 100%;
    padding: 0 1rem;
}
.conferences-calendar-list-item-data p{
    font-size: 1rem;
}

.conferences-calendar-list-item-data-tag {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.conferences-calendar-list-item-data-tag img {
    width: 1.875rem;
    height: 1.6875rem;
    -webkit-user-drag: none;
}

.conferences-calendar-list-item-data-tag-name {
    padding: 0.3rem 0.5rem;
    color: #fff;
    font-size: 1rem;
    width: 240px;
    display: flex;
    gap: .8rem;
    align-items: center;
    width: 100%;
    background: #01203f;
}
.conferences-calendar-list-item-data-name {
    font-size: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
}
.conferences-calendar-list-item-data-name img {
    width: 1.25rem;
    height: 1.25rem;
}
.conferences-calendar-list-item-data-date {
    color: #383838;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    padding-bottom: 1rem;    
    justify-content: end;
    margin-top: auto;
}

.conferences-calendar-list-item-btn {
    margin-left: 8px;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    background: #FFF;
    color: #FFF;
    font-size: 1rem;
    color: #FF5001;
}

.conferences-calendar-list-item-btn-details {
    background: #FF5001;
    color: #fff;
}

.conferences-calendar-grid.hidden,
.conferences-calendar-list.hidden {
    display: none;
}

/* WEBINAR */
.webinar {
    width: 100%;
    height: 100%;
    display: grid;
}

.webinar-content {
    width: 100%;
    max-width: 1300px;
    justify-self: center;
    padding-block: 0.25rem;
    padding-inline: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.webinar-title {
    font-size: 1.75rem;
    font-weight: bold;
    margin-top:15px;
}

.webinar-content-wrapper {
    display: flex;
    flex-direction: column;
}

.webinar-back {
    color: #8E8E8E;
    font-size: 1.25rem;
    cursor: pointer;
    padding-block: 3rem;
}

.webinar-switch-btn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    padding-bottom: 3rem;
}

.webinar-switch-btn div {
    padding: 0.5rem 1.25rem;
    text-align: center;
    border-radius: 6.25rem;
    border: 1px solid #FF5001;
}

.webinar-switch-btn div.webinar-switch-btn-active {
    background: #FF5001;
    color: #FFF;
}

.webinar-switch-btn div:not(.webinar-switch-btn-active) {
    color: #FF5001;
}

.webinar-video {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.webinar-video video {
    width: 100%;
    height: auto;
    background-color: #647C99;
}
li{
        font-size: 1.15rem;
}
.webinar-video-info {
    font-size: 1.15rem;
}

.webinar-persons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    padding-top: 3rem;
}

.webinar-persons-item {
    display: flex;
    gap: .6rem;
    padding: 1rem;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.webinar-persons-item-avatar {
    min-width: 6rem;
    max-width: 6rem;
    min-height: 6rem;
    max-height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.webinar-persons-item-avatar img {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    /* width: auto; */
    -webkit-user-drag: none;
    object-position: center;
    object-fit: cover;
}

.webinar-persons-item-wrapper {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.webinar-persons-item-name {
    font-size: 1.25rem;
    font-weight: bold;
}

.webinar-persons-item-desc {
    color: #383838;
    font-size: 1.1rem;
}

.webinar-informations {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 3rem;
}

.webinar-informations-item {
    display: flex;
    gap: .6rem;
    padding: 1rem;
}

.webinar-informations-item:nth-child(1),
.webinar-informations-item:nth-child(2) {
    border-bottom: 1px solid #8E8E8E;
}

.webinar-informations-item:nth-child(2),
.webinar-informations-item:nth-child(4) {
    border-left: 1px solid #8E8E8E;
}

.webinar-informations-item-img {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    min-height: 5rem;
}

.webinar-informations-item-img img {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}

.webinar-informations-item-info {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.webinar-informations-item-info-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.webinar-informations-item-info-desc {
    color: #1E1E25;
    text-align: center;
}

.webinar-program {
    display: flex;
    flex-direction: column;
    padding-bottom: 3rem;
}

.webinar-program > .webinar-title {
    padding-bottom: 3rem;
}

.webinar-program-item {
    display: flex;
    gap: 3.3rem;
    padding: 1rem;
}

.webinar-program-item:nth-child(odd) {
    background: #E4E8ED;
}

.webinar-program-time {
    font-size: 1.25rem;
}

.webinar-program-wrapper {
    display: flex;
    flex-direction: column;
}

.webinar-program-title,
.webinar-program-desc {
    font-size: 1.25rem;
}

.webinar-partners {
    padding-top: 1.5rem;
    display: grid;
    grid-template-rows: 0rem 1fr;
    gap: 2rem;
}

.webinar-spacer {
    width: 100%;
    height: 2px;
    background-color: #8E8E8E;
}

.webinar-partners-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;

}

.webinar-partners-item-title {
    font-size: 1.25rem;
    text-align: center;
    display: flex;
}

.webinar-partners-item-title .partners-title {
    text-align: left;
    padding-right: 20px;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #01203F;
}

.webinar-partners-item-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.webinar-partners-item-wrapper img {
    width: 5rem;
    height: 5rem;
    display: block;
    border-radius: 50%;
}

.webinar-interested {
    margin-top: 1.5rem;
    display: flex;
    padding: 3rem;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    background: #F9F8F9;
    border-radius: 1.5rem;
    position: relative;
}

.webinar-interested img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 29rem;
    height: 13.875rem;
    object-fit: cover;
}

.webinar-interested-title {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    color: #191819;
    z-index: 1;
}

.webinar-interested-text {
    font-size: 1rem;
    text-align: center;
    z-index: 1;
}

.webinar-interested-btn-wrapper {
    display: flex;
    gap: .5rem;
    align-items: center;
    z-index: 1;
}

.webinar-interested-btn-wrapper a {
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    font-size: 1.25rem;
}

.webinar-interested-btn-wrapper a:nth-child(1) {
    background: #0344DC;
    color: #fff;
}

.webinar-interested-btn-wrapper a:nth-child(2) {
    border: 2px solid #0344DC;
    color: #0344DC;
    background-color: #fff;
}

.webinar-informations.hidden,
.webinar-program.hidden,
.webinar-persons.hidden,
.webinar-video.hidden ,
.webinar-details.hidden {
    display: none;
}

/* Meet */
.meet {
    width: 100%;
    height: 100%;
    display: grid;
}

.meet-content {
    width: 100%;
    max-width: 1300px;
    justify-self: center;
    padding-block: 0.25rem;
    padding-inline: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meet-today {
    width: 100%;
    max-width: 1300px;
    justify-self: center;
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.meet-today-title {
    font-size: 3rem;
    font-weight: bold;
    color: #01203F;
}

.meet-today-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.meet-today-title {
    font-size: 2rem;
    font-weight: bold;
    color: #01203F;
}

.meet-today-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    border: 1px solid #BAC5D4;
}

.meet-today-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.meet-today-item-img img {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}

.meet-today-item-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .6rem;
    padding-right: 1.5rem;
}

.meet-today-item-details-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.meet-today-item-details-text {
    font-size: 1rem;
}

.meet-today-item-details-btn {
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    background: #FFF;
    color: #FF5001;
    align-self: flex-end;
    cursor: pointer;
}

.meet-today-details {
    display: none;
    width: 100%;
    max-width: 1300px;
    justify-self: center;
    padding-top: 4rem;
    flex-direction: column;
    gap: 5rem;
}

.meet-title {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 15px;
}

.meet-title-small {
    font-size: 1.75rem;
    font-weight: bold;
    color: #01203F;
}

.meet-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.meet-item-smallgap {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.meet-item-attachment {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.meet-item-text {
    color: #1E1E25;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    text-align: justify;
}

.meet-item-wrapper--grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.5rem;
}

.meet-item-video {
    position: relative;
/*    border: 1px solid #FFF;*/
/*    background: #8E8E8E;*/
}
.meet-item-video.lock video{
        filter: blur(0.5rem);
}

.meet-item-ad {
    min-width: 23rem;
    background: #013057;
}

.meet-item-attachment {
   /* border-bottom: 1px solid #BAC5D4;*/
}

.meet-item-block {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
}

.meet-item-block img {
    width: 1.83331rem;
    height: 2rem;
    -webkit-user-drag: none;
}

.meet-item-block-name {
    font-size: 1.25rem;
    font-weight: bold;
}

.meet-item-block-btn {
    margin-left: auto;
    font-size: 1.25rem;
    border-radius: 6.25rem;
    padding: .7rem 1.5rem;
    color: #fff;
    cursor: pointer;
    border: 2px solid #FF5001;
    color: #FF5001;
}

.meet-interest-item {
    /*border-top: 0.125rem solid #999;*/
    display: grid;
    gap: 1.5rem 0rem;
    margin: 36px 0;
}

/* Videos */
.videos {
    width: 100%;
    height: 100%;
    display: grid;
}

.videos-content {
    width: 100%;
    max-width: 1300px;
    padding-block: 2rem;
    padding-inline: 1rem;
    display: flex;
    flex-direction: column;
    justify-self: center;
    min-height: calc(100vh - 4.25rem - 276px);
    margin-top: 50px;
}

.videos-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #01203F;
    margin: 0;
}

.videos-filter {
    display: grid;
    gap: 1.5rem 0rem;
}

.videos-filter-back {
    color: #8E8E8E;
    font-size: 1.25rem;
    margin-right: auto;
    display: none;
    cursor: pointer;
}

.videos-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.videos-item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.videos-item-wrapper {
    display: grid;
    gap: 2rem 0rem;
    margin-top: 2rem;
}

.videos-item-wrapper.hidden {
    display: none;
}

.breadcrumb_navigation {
    /*display: inline;    */
    font-size: .9rem;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 15px 0;
}
.breadcrumb_navigation > :not(:nth-child(1)) {
    margin: 0px 3px;
}
.videos-item-header {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.videos-item-header-title {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0;

}

.videos-item-header-title.orange {
    color: #FF5001;
}

.videos-item-header-title.blue {
    color: #0344DC;
}

.videos-item-header-title.darkblue {
    color: #01203F;
}

.videos-item-header-title.darkorange {
    color: #C12D00;
}

.videos-item-header-title img {
    -webkit-user-drag: none;
}

.videos-item-header-btn {
    font-size: 1.25rem;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    background: #FFF;
    cursor: pointer;
    color: #FF5001;
}

.videos-item-content {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.videos-item-content-img {
    height: 13.4375rem;
    min-height: 13.4375rem;
    position: relative;
    background-color: #01203F;
    object-fit: cover;
}

.videos-item-content-img img {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}

.videos-item-content-title {
    font-size: 1.25rem;
    font-weight: bold;
    padding-inline: 1.5rem;
}

.videos-item-content-btn {
    font-size: 1.25rem;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    background: #FFF;
    color: #FF5001;
    align-self: flex-end;
    cursor: pointer;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.videos-spacer {
    margin-block: 1rem;
    height: 0.0625rem;
    background: #BAC5D4;
}

.videos-list {
    display: none;
    flex-direction: column;
    gap: 3rem;
}

.videos-list-item-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2rem;
}

.videos-list-item {
    display: flex;
    /* align-items: center;*/
    gap: 2rem;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 11rem;
}

.videos-list-item-img {
    width: 18.75rem;
    height: 100%;
    min-height: 9.375rem;
    background-color: #01203F;
}

.videos-list-item-img img {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}

.videos-list-item-title {
    font-size: 1.25rem;
    font-weight: bold;
    padding: 1.5rem 0;
}

.videos-list-item-btn {
    margin-left: auto;
    padding: 0.6rem 1.4rem;
    cursor: pointer;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    background: #FFF;
    color: #FF5001;
    margin-right: 2rem;
    margin-top: auto;
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}

.videos-list-item-title a {
    margin-top: 1.5rem;
}

.videos-list-item-btn a {
    margin: 5px;
}

.videos-new {
    display: none;
    flex-direction: column;
    gap: 3rem;
}

.videos-new-back {
    font-size: 1.25rem;
    color: #8E8E8E;
    cursor: pointer;
}

.videos-new-item {
    height: 41.875rem;
    border: 1px solid #FFF;
    background-color: #BAC5D4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videos-new-item-join {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem;
    align-items: center;
    background: #F9F9FF;
    border-radius: 1.5625rem;
    position: relative;
    overflow: hidden;
}

.videos-new-item-join img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 29rem;
    height: 13.875rem;
    object-fit: cover;
}

.videos-new-item-join-title {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    z-index: 1;
}

.videos-new-item-join-desc {
    font-size: 1rem;
    text-align: center;
    z-index: 1;
}

.videos-new-item-join-buttons {
    display: flex;
    gap: .5rem;
    align-items: center;
    z-index: 1;
}

.videos-new-item-join-buttons a {
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    font-size: 1.25rem;
    color: #fff;
    cursor: pointer;
}

.videos-new-item-join-buttons a:nth-child(1) {
    background: #0344DC;
    color: #fff;
    border: 2px solid #0344DC;
}

.videos-new-item-join-buttons a:nth-child(2) {
    color: #0344DC;
    background: #fff;
    border: 2px solid #0344DC;
}

.videos-new-wrapper {
    width: 100%;
    justify-self: center;
    display: flex;
    flex-direction: column;
    gap: 5.125rem;
}

.videos-article {
    display: none;
    flex-direction: column;
    gap: 3rem;
}

.videos-article-back {
    font-size: 1.25rem;
    color: #8E8E8E;
    cursor: pointer;
}

.videos-article-text {
    text-align: justify;
    color: #383838;
}

.videos-article-img {
    margin-left: 1rem;
    margin-bottom: .5rem;
    float: right;
    min-width: 23.5625rem;
    height: 17.375rem;
    background-color: #01203F;
}

.videos-article-img img {
    width: 100%;
    -webkit-user-drag: none;
}

/* Medicine */
.medicine {
    width: 100%;
    height: 100%;
    display: grid;
}

.medicine-content {
    width: 100%;
    max-width: 1300px;
    justify-self: center;
    padding-block: 2rem;
    padding-inline: 1rem;
    min-height: calc(100vh - 4.25rem - 276px);
    margin-top: 50px;
}

.medicine-content-wrapper {
    display: flex;
    flex-direction: column;
/*    gap: 2rem;*/
}

#medicine-content.hidden,
#medicine-items.hidden {
    display: none;
}

.medicine-title {
    font-size: 3rem;
    font-weight: bold;
    color: #01203F;
}

.medicine-items-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem 1.5rem;
    margin-top: 1rem;
}
#wp-auth-check-wrap #wp-auth-check{
    width: 600px;
}
.medicine-item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.medicine-item-title {
    font-size: 1.25rem;
    text-align: center;
    color: #01203F;
}

.medicine-item-img {
    width: 100%;
    height: 12.5625rem;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    /*padding: 3rem;*/
}

.medicine-item-img img {
    height: 100%;
    width: 100%;
    -webkit-user-drag: none;
}

.medicine-item-btn {
    font-size: 1.25rem;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    background: #FFF;
    border: 2px solid #FF5001;
    text-align: center;
    color: #FF5001;
    cursor: pointer;
}

.medicine-content-header {
    display: flex;
    align-items: center;
    gap: 5rem;
}

.medicine-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.medicine-list-item {
    display: flex;
    align-items: center;
    gap: 2rem;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.medicine-list-item-img {
    width: 18.75rem;
    min-height: 9.375rem;
    border: 1px solid #FFF;
    background-color: #0344DC;
}

.medicine-list-item-img img {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}

.medicine-list-item-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.medicine-list-item-btn {
    margin-left: auto;
    font-size: 1.25rem;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    background: #FFF;
    color: #FF5001;
    margin-right: 1rem;
}

/* Panel */
.panel {
    width: 100%;
    height: 100%;
    display: grid;
}

.panel-content {
    width: 100%;
    max-width: 1300px;
    justify-self: center;    
    padding-inline: .5rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    min-height: calc(100vh - 330px);
    margin-top: 70px;
}

.panel-title {
    padding-block: 1rem;
    font-size: 2rem;
    font-weight: bold;
}

.panel-profile {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.panel-profile img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #647C99;
}

.panel-profile-name {
    font-size: 1.25rem;
    font-weight: bold;
}

.panel-profile-switchbtns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
}

.panel-profile-switchbtns div {
    min-width: max-content;
    text-align: center;
    cursor: pointer;
}

.panel-profile-switchbtns div.active {
    border-radius: 0.9375rem;
    background: #8E8E8E;
    padding: 1.25rem;
    font-size: 1.25rem;
    color: #fff;
}

.panel-profile-switchbtns div:is(:not(.active)) {
    color: #FF5001;
    font-size: 1.25rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
}

.panel-profile-switchbtns div.active {
    color: #FFF;
    font-size: 1.25rem;
    padding: .7rem 1.5rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    background: #FF5001;
}
.panel-profile-switchbtns div:is(:not(.active)) {
    color: #FF5001;
    font-size: 1.25rem;
    border-radius: 6.25rem;
    border: 2px solid #FF5001;
    padding: .7rem 1.5rem;
}

.panel-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.panel-wrapper.hidden {
    display: none;
}

.panel-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.panel-dates,
.panel-month,
.panel-year {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.panel-dates {
    color: #8E8E8E;
    font-weight: bold;
    font-size: 1.25rem;
}

.panel-month {
    color: #01203F;
    font-weight: bold;
    font-size: 1.25rem;
    justify-self: center;
}

.panel-year {
    color: #8E8E8E;
    font-weight: bold;
    font-size: 1.25rem;
    justify-self: flex-end;
}

.panel-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.panel-list-item {
    min-height: 8.1875rem;
    border: 1px solid #8E8E8E;
    background: #FFF;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem .6rem;
}

.panel-list-item-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.panel-list-item-img {
    width: 12.5rem;
    height: 100%;
}

.panel-list-item-img img {
    background-color: #647C99;
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}

.panel-list-item-data {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.panel-list-item-data-tag {
    color: #FF5001;
    font-weight: bold;
}

.panel-list-item-data-name {
    font-size: 1.25rem;
    font-weight: bold;
}

.panel-list-item-data-date {
    color: #383838;
}

.panel-list-item-btn {
    margin-left: auto;
    padding: 1.25rem;
    border-radius: 0.9375rem;
    background: #8E8E8E;
    color: #FFF;
    font-size: 1.25rem;
}

.panel-wrapper-title {
    font-size: 2rem;
    font-weight: bold;
}

.profile-wrapper-title-desc {
    font-size: 1.25rem;
}

.panel-input {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.panel-input-name {
    font-size: 1.25rem;
    font-weight: bold;
}

.panel-input input,
.panel-input select {
    width: 100%;
    padding: 1rem;
    background: #E0E0E0;
    outline: none;
    border: none;
    font-family: 'Arial', sans-serif;
    color: #383838;
    font-size: 1rem;
}

.panel-input select {
    position: relative;
    display: flex;
    align-items: center;
}

.panel-input-checkbox {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.panel-input-checkbox input {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.375rem;
    border: 1px solid #D5D7DA;
    background: #FFF;
}

.panel-settings-save {
    font-size: 1.25rem;
    border-radius: 0.9375rem;
    background: #8E8E8E;
    padding: 1.5rem;
    align-self: flex-start;
    color: #fff;
}

.wrong-data {
    position: absolute;
    right: 0;
    color: red;
    font-size: 1rem;
    font-weight: bold;
    display: none;
}

/* Footer */
.footer {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
}

.footer-top {
    background: #F2F0F2;
}

.footer-top div {
    width: 100%;
    max-width: 1300px;
    font-size: 0.875rem;
    padding: 1.5rem 1rem;
    margin: 0 auto;
}

.footer-bottom {
    background: #01203F;
    color: #FFF;
}

.footer-bottom-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 0rem;
    align-items: center;
    padding: 1.5rem 1rem;
}

.footer-bottom-socials {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-bottom-socials img {
    width: 1.5rem;
    -webkit-user-drag: none;
}

.footer-bottom-copyright {
    font-size: 0.875rem;
    text-align: center;
}

.footer-bottom-rules {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    font-size: 0.875rem;
    text-align: right;
}

.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 103%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 10px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.anesteziologia {
    background: #00cc94 !important;
    border: 4px solid #00cc94;
}

.angiologia {
    background: #9b92c7 !important;
    border: 4px solid #9b92c7;
}

.choroby-zakazne {
    background: #6a207f !important;
    border: 4px solid #6a207f;
}

.dermatologia {
    background: #ae5c10 !important;
    border: 4px solid #ae5c10;
}

.diabetologia {
    background: #f8981d !important;
    border: 4px solid #f8981d;
}

.endokrynologia {
    background: #02a06d !important;
    border: 4px solid #02a06d;
}

.gastroenterologia {
    background: #c5b13e !important;
    border: 4px solid #c5b13e;
}

.ginekologia {
    background: #d40d8c !important;
    border: 4px solid #d40d8c;
}

.hepatologia {
    background: #f95e59 !important;
    border: 4px solid #f95e59;
}

.kardiologia {
    background: #ca012f !important;
    border: 4px solid #ca012f;
}

.leczenie-bolu {
    background: #973367 !important;
    border: 4px solid #973367;
}

.neonatologia {
    background: #44bdd2 !important;
    border: 4px solid #44bdd2;
}

.neurologia {
    background: #00820e !important;
    border: 4px solid #00820e;
}

.onkologia {
    background: #7f65a8 !important;
    border: 4px solid #7f65a8;
}

.pediatria {
    background: #ee5ea3 !important;
    border: 4px solid #ee5ea3;
}

.pneumonologia {
    background: #007bb6 !important;
    border: 4px solid #007bb6;
}

.reumatologia {
    background: #6bb644 !important;
    border: 4px solid #6bb644;
}

.icon_hybrid,
.choroby-zakazne .icon_hybrid,
.anestezjologia .icon_hybrid,
.angiologia .icon_hybrid,
.dermatologia .icon_hybrid,
.diabetologia .icon_hybrid,
.endokrynologia .icon_hybrid,
.gastroenterologia .icon_hybrid,
.ginekologia .icon_hybrid,
.hepatologia .icon_hybrid,
.kardiologia .icon_hybrid,
.leczenie-bolu .icon_hybrid,
.neonatologia .icon_hybrid,
.neurologia .icon_hybrid,
.onkologia .icon_hybrid,
.pediatria .icon_hybrid,
.pneumonologia .icon_hybrid,
.reumatologia .icon_hybrid {
    height: 100%;
    background-image: url("../images/home/tag-hybrid-white.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.icon_online,
.choroby-zakazne .icon_online,
.anestezjologia .icon_online,
.angiologia .icon_online,
.dermatologia .icon_online,
.diabetologia .icon_online,
.endokrynologia .icon_online,
.gastroenterologia .icon_online,
.ginekologia .icon_online,
.hepatologia .icon_online,
.kardiologia .icon_online,
.leczenie-bolu .icon_online,
.neonatologia .icon_online,
.neurologia .icon_online,
.onkologia .icon_online,
.pediatria .icon_online,
.pneumonologia .icon_online,
.reumatologia .icon_online {
    height: 100%;
    background-image: url("../images/home/tag-online-white.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.icon_stationary,
.choroby-zakazne .icon_stationary,
.anestezjologia .icon_stationary,
.angiologia .icon_stationary,
.dermatologia .icon_stationary,
.diabetologia .icon_stationary,
.endokrynologia .icon_stationary,
.gastroenterologia .icon_stationary,
.ginekologia .icon_stationary,
.hepatologia .icon_stationary,
.kardiologia .icon_stationary,
.leczenie-bolu .icon_stationary,
.neonatologia .icon_stationary,
.neurologia .icon_stationary,
.onkologia .icon_stationary,
.pediatria .icon_stationary,
.pneumonologia .icon_stationary,
.reumatologia .icon_stationary {
    height: 100%;
    background-image: url("../images/home/tag-stationary-white.svg");
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.home-events-block-tag.unlock {
    border: 4px solid #0344dc;
}

.offer-box{
    border-radius: 25px 25px 0 0;
    border: 3px solid #01203f;
    box-shadow: 5px 5px 17px #666;
    margin-bottom: 38px;
}
.title-box{
    background: #01203f;
    color: #fff;
    padding: 12px;
    border-radius: 18px 18px 0 0;
}

.offer-box .options{
    display: grid;
}
.offer-box .options .checkbox-medius{
    padding: 20px 15px;
}
.offer-box .options .checkbox-medius:nth-child(even){
    background: rgba(1, 32, 63, 0.05);
}
.offer-box .options .option{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.offer-box .options .option p{
}






 .checkbox-medius {
    --s-xsmall: 0.625em;
    --s-small: 1.2em;
    --border-width: 1px;
    --c-primary: #ff5001;
    --c-primary-20-percent-opacity: rgb(255 80 1 / 20%);
    --c-primary-10-percent-opacity: rgb(255 80 1 / 10%);
    --t-base: 0.4s;
    --t-fast: 0.2s;
    --e-in: ease-in;
    --e-out: cubic-bezier(.11,.29,.18,.98);
  }

  .checkbox-medius .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .checkbox-medius .checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-items: self-start;
  }
  .checkbox-medius .checkbox + .checkbox {
    margin-top: var(--s-small);
  }
  .checkbox-medius .checkbox__symbol {
    display: inline-block;
    display: flex;
    margin-right: calc(var(--s-small) * 0.7);
    border: var(--border-width) solid var(--c-primary);
    position: relative;
    border-radius: 0.1em;
    width: 1.5em;
    height: 1.5em;
    transition: box-shadow var(--t-base) var(--e-out), background-color var(--t-base);
    box-shadow: 0 0 0 0 var(--c-primary-10-percent-opacity);
  }
  .checkbox-medius .checkbox__symbol:after {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 0.25em;
    height: 0.25em;
    background-color: var(--c-primary-20-percent-opacity);
    opacity: 0;
    border-radius: 3em;
    transform: scale(1);
    transform-origin: 50% 50%;
  }
  .checkbox-medius .checkbox .icon-checkbox {
    /*width: 1em;
    height: 1em;*/
    margin: auto;
    fill: none;
    stroke-width: 3;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    color: var(--c-primary);
    display: inline-block;
  }
  .checkbox-medius .checkbox .icon-checkbox path {
    transition: stroke-dashoffset var(--t-fast) var(--e-in);
    stroke-dasharray: 30px, 31px;
    stroke-dashoffset: 31px;
  }
  .checkbox-medius .checkbox__textwrapper {
    margin: 0;
  }
  .checkbox-medius .checkbox__trigger:checked + .checkbox__symbol:after {
    -webkit-animation: ripple-33 1.5s var(--e-out);
            animation: ripple-33 1.5s var(--e-out);
  }
  .checkbox-medius .checkbox__trigger:checked + .checkbox__symbol .icon-checkbox path {
    transition: stroke-dashoffset var(--t-base) var(--e-out);
    stroke-dashoffset: 0px;
  }
  .checkbox-medius .checkbox__trigger:focus + .checkbox__symbol {
    box-shadow: 0 0 0 0.25em var(--c-primary-20-percent-opacity);
  }
.checkbox-medius.disabled{
    filter: grayscale(1);
    opacity:0.5;
}

  @-webkit-keyframes ripple-33 {
    from {
      transform: scale(0);
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: scale(20);
    }
  }

  @keyframes ripple-33 {
    from {
      transform: scale(0);
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: scale(20);
    }
  }

.button-medius {
  padding: 22px 26px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  border-radius: 25px 25px 25px 0px;
  display: block;
  border: 0px;
  font-weight: 700;
  box-shadow: 0px 0px 14px -7px #ff5001;
  background-image: linear-gradient(45deg, #ff5001 0%, #ff7100  51%, #ff5001  100%);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  font-size: 1rem;    
  margin-right: 0;
  margin-left: auto;
}

.button-medius:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.button-medius:active {
  transform: scale(0.95);
}
.discount_code{
    width: 100%;
    margin-bottom: 35px;
    font-size: 1.2rem;
}

#loginform{
    max-width: 800px;
    margin: 0 auto;
    padding: 16px;
}
table.mediusLoginForm {
   width: 100%;
   text-align: left;
    margin-bottom: 22px;
    padding: 22px;
    font-size: 1.25rem;
}
table.mediusLoginForm tr td {
   padding: 8px 16px;
}
.mediusLoginForm input{
    padding: 10px 5px;
    font-size: 18px;
    font-weight: bold;
    color: #01203f;
    border: none;
    background: none;
    border-bottom: 2px solid #000;
    width: 100%;
    outline:  none;
}

.mediusLoginForm input:hover, .mediusLoginForm select option:hover, .mediusLoginForm select option:focus, .mediusLoginForm select option:focus-visible{
    background:  rgba(255, 108, 0, 0.15);
    outline:  none;
}
input#discountCode{
    padding: 10px 5px;
    font-size: 18px;
    font-weight: bold;
    color: #01203f;
    border: none;
    background: none;
    border-bottom: 2px solid #000;
    width: 200px;
    outline:  none;
    color: #ff5001;
}
input#discountCode:hover{
    background:  rgba(255, 108, 0, 0.15);
    outline:  none;
}
.loginInfo{
    text-align: center;
    width: 100%;
    background: green;
    color: #fff;
    font-weight: bold;
    border-radius: 20px 20px 20px 0;
    padding: 16px;
    max-width: 550px;
    margin: auto;
}
.loginAlert{
    margin: 0;
    text-align: center;
    width: 100%;
    background: red;
    color: #fff;
    font-weight: bold;
    border-radius: 20px 20px 20px 0;
    padding: 16px;
}
#mediusOrderInvoice{
 display: none;   
}
.mediusOrderInvoice input{
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #01203f;
    border: none;
    background: none;
    border-bottom: 2px solid #000;
    width: 100%;
    outline:  none;
}

.mediusOrderInvoice select {
    outline: none;
}

.mediusOrderInvoice input:hover,
.mediusOrderInvoice select option:hover,
.mediusOrderInvoice select option:focus,
.mediusOrderInvoice select option:focus-visible {
    background: rgba(255, 108, 0, 0.15);
    outline: none;
}

table.mediusOrderInvoice tr td:nth-child(2) {
    border-bottom: 2px solid #000;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3rem;
}

table.mediusOrderInvoice tr td .custom-select select {
    appearance: none;
    width: 100%;
    font-size: 1.15rem;
    padding: 0.675em 6em 0.675em 1em;
    background-color: #fff;
    border: 1px solid #caced1;
    border-radius: 0.25rem;
    color: #000;
    cursor: pointer;
}

table.mediusOrderInvoice tr td .custom-select {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.wrong-data {
    position: absolute;
    right: 0;
    color: red;
    font-size: 1rem;
    font-weight: bold;
    display: none;
}

table.mediusOrderInvoice {
  width: 100%;
  text-align: left;
}
table.mediusOrder {
  width: 100%;
  text-align: left;
  border-bottom: 2px solid #01203f;
    margin-bottom: 10px;
}
table.mediusOrder td, table.mediusOrder th {
  padding: 0.4rem;
}
table.mediusOrder tbody td {
  font-size: 1.1rem;
}
table.mediusOrderInvoice tbody td {
  font-size: 1.1rem;
}
table.mediusOrder tr:nth-child(even) {
  background: #f8fbff;
}
table.mediusOrderInvoice tr:nth-child(even) {
  background: #f8fbff;
}
table.mediusOrder thead {
  background: #0B6FA4;
  background: -moz-linear-gradient(top, #01203f 0%, #01203f 66%, #0B6FA4 100%);
  background: -webkit-linear-gradient(top, #01203f 0%, #01203f 66%, #0B6FA4 100%);
  background: linear-gradient(to bottom, #01203f 0%, #01203f 66%, #0B6FA4 100%);
}
table.mediusOrder thead th {
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0.5rem;
}
table.mediusOrder thead th:first-child {
  border-left: none;
}

table.mediusOrder tfoot {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333333;
  background: #D0E4F5;
  border-top: 3px solid #444444;
}
table.mediusOrder tfoot td {
  font-size: 1.1rem;
}

table.mediusOrderInvoice {
    width: 100%;
    text-align: left;
}

table.mediusOrderInvoice tbody td {
    font-size: 1.1rem;
}
table.mediusOrderInvoice tbody td:nth-child(1) {
    max-width:350px;
    width: 280px;
}

table.mediusOrderInvoice tbody tr {
    min-height: 3rem;
}


.mediusOrderInvoice input {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #01203f;
    border: none;
    background: none;
    width: 100%;
}

.content {
    width: 100%;
    max-width: 1300px;
    padding-block: 2rem;
    padding-inline: 1rem;
    display: flex;
    flex-direction: column;
    justify-self: center;
    gap: 2rem;
    min-height: calc(100vh - 4.25rem - 276px);
}
table.mediusRegister {
    width: 100%;
    text-align: left;
}

table.mediusRegister tbody td {
    font-size: 1.1rem;
}

table.mediusRegister tbody td:nth-child(1) {
    max-width: 150px;
}

table.mediusRegister tbody tr {
    height: 2rem;
}
table.mediusRegister tr td:nth-child(2) {
    border-bottom: 2px solid #000;
}

table.mediusRegister tr:nth-child(even) {
    background: #f8fbff;
}

table.mediusRegister tr td .iti.iti--allow-dropdown {
    width: 100%;
}

table.mediusRegister tr td .consent {
    display: flex;
    align-items: flex-start;
}

table.mediusRegister tr td .custom-select select {
    appearance: none;
    width: 100%;
    font-size: 1.15rem;
    padding: 0.675em 6em 0.675em 1em;
    background-color: #fff;
    border: none;
    border-radius: 0.25rem;
    color: #000;
    cursor: pointer;
}
table.mediusRegister tr td .custom-select select:focus {   
    background: #FFF4ED;
    border: none;
    outline: none;
}
.mediusRegister input {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #01203f;
    border: none;
    background: none;
    width: 100%;
}
.mediusRegister input:focus {    
    background: #FFF4ED;
    border: none;
    outline: none;
}
.mediusRegister input:focus-visible {    
    background: #FFF4ED;
    border: none;
    outline: none;
}
.discountInfo {
    text-align: center;
    width: 100%;
    background: rgb(255, 80, 0, 1);
    color: #fff;
    border-radius: 20px 20px 20px 0;
    padding: 5px 16px;
    /* max-width: 550px; */
    margin: 0 auto 4px;
}

input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #ff5000;
  width: 1.5em;
  height: 1.5em;
  border: 0.07em solid #ff5000;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #ff5000;
  /* Windows High Contrast Mode */
  background-color: #ff5000;
}

input[type="radio"]:checked::before {
  transform: scale(1.1);
}

.patron-banners{
    max-width: 338px;
    max-height: 490px;
}
.patron-banners .banner-desktop{    
    width: 26vw;
    display: block;
    max-width: 338px;
    max-height: 490px;
}
.patron-banners .banner-mobile{
    display: none;
}
.meet-item-attachment.lock, .meet-item-video.lock video{
    filter: blur(0.5rem);
}
.alert_acces{
    position: absolute;
    padding: 15px;
    border-radius: 10px;
    border: 3px solid #ff5000;
    top: calc(50% - 30px);
    left: calc(50% - 150px);
    width: 300px;
    background: #fff;
    font-size: 1.15rem;
    text-align: center;
    cursor: pointer;
}
.meet-item-html strong{
    font-weight: bold;
}

.webinar-program table strong{    
    font-weight: bold;
}
.webinar-program table{
    width: 100%;
}
.webinar-program table tr td{
    vertical-align: top;
    padding: 10px;
}
.webinar-program table tr:nth-child(even) {
    background: #f6f6f6;
   
}


.medicine-item-img {
    /* Optional: If you want to center the image or control the div's size */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Ensures no content spills out during animation */
}

.medicine-item-img img {
    /* Set initial size or max-width for the image */
    max-width: 100%;
    height: auto;
    display: block; /* Removes extra space below the image */

    /* Add a smooth transition for the transform property */
    transition: transform 0.3s ease-in-out; /* 0.3 seconds, ease-in-out timing */
}

.medicine-item-img img:hover {
    /* Enlarge the image when hovered */
    transform: scale(1.05); /* Scales the image to 110% of its original size */
}


.nav-buttons a.active{
    color: #fff !important;
    background-color: #0344DC !important;
}

.meet-item-video.lock img{
    filter: blur(20px);
}