/* For compatibility with all browsers */
:root {
    --black: #000000;
    --section-black: #0E232C;
    --light-black: #4D4D4F;
    --light-blue: #468EF7;
    --pink: #D885E5;
    --white: #ffffff;
    --green: #85E5AC;
    --lightgray: #F1F1F1;
    --purple: #582FFF;
    --max-width: 1400px;
    --layout-gap: 1.1rem;
    --side-padding: 5vw;
    --blue-gradient: radial-gradient(50% 50% at 50% 50%, #0A3E50 0%, #0A2731 100%);
}

/* Fonts */
@font-face {
    font-family: 'NarkissBlock';
    src: url(../fonts/NarkissBlock-Regular.otf);
    font-weight: normal;
}

@font-face {
    font-family: 'NarkissBlock';
    src: url(../fonts/NarkissBlock-Bold.otf);
    font-weight: 700;
}

@font-face {
    font-family: 'NarkissBlock';
    src: url(../fonts/NarkissBlock-Semibold.otf);
    font-weight: 600;
}

/* For compatibility with all browsers */
html {
    max-width: 100vw;
    width: 100vw;
    overflow-x: hidden;
}


/* For Firefox */
/* Firefox Track */
::-moz-scrollbar-track {
    background: var(--light-black);
}

/* Firefox Handle */
::-moz-scrollbar-thumb {
    background: var(--green);
    border-radius: 1rem;
}

    /* Firefox Handle on hover */
    ::-moz-scrollbar-thumb:hover {
        background: var(--light-blue);
    }

/* For WebKit-based browsers */
::-webkit-scrollbar {
    width: 10px;
}

modal::-webkit-scrollbar {
    width: 0;
    opacity: 1;
}

/* WebKit Track */
::-webkit-scrollbar-track {
    background: var(--light-black);
}

/* WebKit Handle */
::-webkit-scrollbar-thumb {
    background: var(--green);
    border-radius: 1rem;
}

    /* WebKit Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--light-blue);
    }


body {
    font-family: 'NarkissBlock';
    max-width: 100vw;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0 !important;
}

main section {
    scroll-margin-top: 6rem;
}

p {
    color: inherit;
    font-weight: inherit;
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1;
}

main {
    padding: 0 !important;
}



/* Hero Section */
#hero-section {
    /*    background-image: url('../images/banner enter.webp'), url('../images/banner enter.png');
*/
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    padding-top: 6.5rem;
    position: relative;
    isolation: isolate;
    top: 0;
    background-origin: padding-box;
    background-position: center bottom;
    /* Adjusted */
    justify-content: space-between;
    height: 50rem;
    justify-content: center;
    /* Remove duplicate */
    flex-direction: column;
    align-items: flex-start;
    overflow: clip;
}

img#banner {
    position: absolute;
    min-width: 100%;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* Add vendor prefix for ::after pseudo-element */
#hero-section::after {
    background: rgba(10, 39, 51, 0.5);
    /* Adjusted */
    position: absolute;
    z-index: -1;
    content: "";
    inset: 0;
}

.header {
    position: relative;
}


/* Conference logo */
img#conf-logo {
    transform: translateY(-50%) translateY(9px);
    /* Adjusted for better compatibility */
    position: absolute;
    left: calc(var(--side-padding) - 147px);
    top: 50%;
    height: 72%;
}

/* Section Styling */
.blue-gradient-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: radial-gradient(circle at center, #0A3E50 0%, #0A2731 100%);
    /* Adjusted radial-gradient */
}

.black-section,
.white-section {
    padding-top: 7rem;
    padding-bottom: 7rem;
    text-align: center;
}

section#conf-audience {
    padding-top: 15rem;
    padding-bottom: 15rem;
}

.black-section {
    background: var(--section-black);
    color: var(--white);
    text-align: center;
}

.purple-section {
    background: var(--purple);
    color: var(--white);
    text-align: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.white-section {
    background: var(--white);
    color: var(--black);
    text-align: right;
}

/* Typography */
h1,
h2,
h3,
h4 {
    font-family: "NarkissBlock";
    font-weight: 700;
    margin-bottom: 0;
}

h1 {
    font-size: 3.5rem;
    color: #FFF;
}

h2 {
    font-size: 3rem;
    line-height: 1;
    color: inherit;
}

h3 {
    font-size: 2rem;
    color: inherit;
}

h5 {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--light-black);
}

#video {
    max-height: 100vh;
    max-height: 100%;
    position: relative;
    height: 40em;
    isolation: isolate;
}

    /* Adjusted #video h2 for cross-browser compatibility */
    #video h2 {
        position: relative;
        z-index: 1;
        text-align: right;
        /* Moved text-align here */
        margin-right: var(--side-padding);
        /* Moved margin-right here */
    }

.video-wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

#video iframe {
    max-height: 100%;
    width: 100%;
    /* Ensuring iframe width to prevent overflow */
    aspect-ratio: 16 / 9;
    z-index: 0;
    max-width: 100%;
}

#hero-section h2 {
    color: #85E5AC;
    font-size: 4.5rem;
}



.bold {
    font-weight: 600;
}

/* Navigation */
nav {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */
    display: flex;
    width: 100%;
    padding: 1rem 1.5rem;
    height: 7rem;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.50);
    -webkit-backdrop-filter: blur(20px);
    /* Support for Safari */
    backdrop-filter: blur(20px);
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    color: white;
    font-weight: 600;
    justify-content: space-between !important;
}

.logo-nav img {
    height: 3rem;
    flex-shrink: 0;
}

.logo-nav.d-none.d-lg-block{
    position: absolute;
            right: var(--side-padding);
}

nav#main-nav {
    justify-content: center !important;
}
/* Adjusted font-weight for better cross-browser compatibility */
.nav-item .nav-link,
.nav-end {
    color: #FFF;
    font-family: "NarkissBlock";
    font-size: var(--layout-gap);
    font-weight: 700;
    /* Adjusted */
}

nav .nav-item:hover .nav-link {
    color: #2771DC !important;
}

.nav-item .nav-link:visited {
    color: var(--white);
}

.nav-item:active .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--green) !important;
}

/* Adjusted for better cross-browser compatibility */
.navbar-collapse {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */
    display: flex !important;
    width: fit-content;
    flex-basis: unset !important;
    flex-grow: unset !important;
}

.title {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}


.logo-nav img {
    height: 3rem;
    flex-shrink: 0;
}

.nav-end {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */
    display: flex;
    gap: var(--layout-gap);
    flex-direction: row;
    align-items: center;
}

#nav-icon {
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 1001;
    padding: 0;
    width: 2rem;
    height: 2rem;
}

    #nav-icon img,
    #close-nav-icon img {
        width: 2rem;
        height: 2rem;
    }

    span.icon.img-icon svg {
        width: 1.4rem;
        
    }
    .modal span.icon.img-icon svg {
        width: 1.2rem;
        
    }

    span.icon.img-icon svg path{
        transition: .5s;
    }
    
    .btn-link:hover span.icon.img-icon svg path {
        fill: var(--light-blue);
    }

.navbar-nav {
    gap: var(--layout-gap);
}

/*Buttons*/
.btn.btn-primary {
    --btn-color: var(--light-blue);
    padding: 0.9rem 2.5rem;
}

.btn.btn-secondary {
    --btn-color: var(--pink);
    padding: 0.7rem 2rem;
    background: var(--btn-color);
}

.lecture a.btn.btn-secondary {
    text-wrap: nowrap;
    padding: .7rem 3rem;
}

/* Adjusted hover effect for better cross-browser compatibility */
.btn:hover {
    background: none;
    color: var(--btn-color);
    border: 2px solid var(--btn-color);
    -webkit-backdrop-filter: blur(5px);
    /* Support for older versions of Safari */
    backdrop-filter: blur(5px);
    transition: .5s;
}

.btn {
    transition: .5s;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: normal;
    box-shadow: none !important;
    color: #FFF;
    text-align: center;
    font-family: "NarkissBlock";
    background: var(--btn-color);
    border: 2px solid var(--btn-color);
    display: flex;
    align-items: center;
    gap: .4rem;
    width: fit-content;
}

    .btn:focus {
        box-shadow: none !important;
    }

.btn-row {
    display: flex;
    gap: var(--layout-gap);
    margin-top: 4rem;
}

.btn-link {
    transition: .5s;
    color: var(--pink);
    cursor: pointer;
    text-decoration: none;
    padding: 0;
}

    .btn-link > span:first-child {
        text-decoration: none;
    }

    .btn-link > span:last-child {
        text-decoration: underline;
    }

    /* Adjusted hover effect for better cross-browser compatibility */
    .btn-link:hover {
        transition: .5s;
        color: var(--light-blue);
        text-decoration: none;
    }

.plan-links {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */
    display: flex;
    gap: 1.1rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.4rem;
    font-weight: 700;
}

    .plan-links .btn-link {
        font-size: inherit;
    }


/*General-Classes*/

.green-text {
    color: var(--green) !important;
}

.pink-text {
    color: var(--pink) !important;
}

.hide {
    display: none !important;
}


.max-width {
    max-width: 100vw;
    margin: 0 auto;
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
    position: relative;
}

.icons-row {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .icons-row span:first-child {
        font-weight: inherit;
        font-size: inherit;
        color: inherit;
    }

.details {
    display: flex;
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--light-black);
    gap: calc(var(--layout-gap) * 2);
    flex-direction: row;
    margin: var(--layout-gap) 0;
}

    .details p {
        font-size: inherit;
        display: flex;
        flex-direction: row-reverse;
        gap: 0.4rem;
        align-items: center;
    }

        .details p span:last-child {
            color: var(--light-blue);
            font-size: 1.7rem;
        }

#conf-plan {
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
}


.strip {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */

    display: flex;
    flex-direction: column;
    gap: 2.2rem;
    position: relative;
}

    .strip > h4 {
        margin-right: 8rem;
    }

    .strip:after {
        height: 2px;
        width: 95%;
        background: #00000020;
        content: "";
        position: relative;
        margin: var(--layout-gap) auto;
    }

.white-section + .white-section:before {
    background: #00000020;
    content: "";
    width: calc(100% - var(--side-padding)* 2);
    position: absolute;
    top: 0;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.strip:last-child:after {
    content: none;
}


.lecture {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */
    display: flex;
    gap: 3rem;
    align-items: center;
}

.lect-img {
    border: 2px solid var(--light-blue);
    width: 5rem;
    height: 5rem;
    aspect-ratio: 1 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* Adjusted */
    overflow: clip;
}



    .lect-img img[src$='.svg'] {
        width: 2.3rem;
    }

    .lect-img img[src$='.png'],
    .lect-img img[src$='.webp'],
    .lect-img img[src$='.jpg'] {
        height: 100%;
    }

    .lect-img img[src='images/Lecturers/dani-buller.png'],
    .lect-img img[src='images/Lecturers/dani-buller.webp'] {
        height: 110%;
        transform: translateY(1px);
    }

    .lect-img img[src='images/Lecturers/YanayZaguri.png'],
    .lect-img img[src='images/Lecturers/YanayZaguri.webp'] {
        transform: translateX(3px) rotate(2deg);
    }

    .lect-img img[src='images/Lecturers/NirKedar.png'],
    .lect-img img[src='images/Lecturers/NirKedar.webp'] {
        height: 110%;
        transform: translateX(-3%);
    }


    .lect-img img[src='images/Lecturers/jazz-vershinin.png'],
    .lect-img img[src='images/Lecturers/jazz-vershinin.webp'] {
        height: 120%;
        transform: translateY(5%) translateX(1%);
    }

    .lect-img img[src='images/Lecturers/orenshalev.png'],
    .lect-img img[src='images/Lecturers/orenshalev.webp'] {
        transform: translateY(4%) translateX(-3%);
        height: 110%;
    }

    .lect-img img[src='images/Lecturers/Keren-Schechter-Yafe.png'],
    .lect-img img[src='images/Lecturers/Keren-Schechter-Yafe.webp'] {
        height: 150%;
        transform: translateY(10%);
    }

    .lect-img img[src='images/Lecturers/gideon-zailer.png'],
    .lect-img img[src='images/Lecturers/gideon-zailer.webp'] {
        height: 150%;
        transform: translateY(17%) translateX(-1%);
    }

    .lect-img img[src='images/Lecturers/OmritAvenstein.png'],
    .lect-img img[src='images/Lecturers/OmritAvenstein.webp'] {
        height: 140%;
        transform: translateY(10%);
    }

    .lect-img img[src='images/Lecturers/shirlee-armeland-chen.png'],
    .lect-img img[src='images/Lecturers/shirlee-armeland-chen.webp'] {
        height: 145%;
        transform: translateY(13%) translateX(-5%);
    }

    /* מוטי */
    .lect-img img[src='images/Lecturers/moti.png'],
    .lect-img img[src='images/Lecturers/moti.webp'] {
        height: 125%;
        transform: translateY(6%) translateX(3%);
    }

/* מוטי */
.lect-card-image img[src='images/Lecturers/moti.png'],
.lect-card-image img[src='images/Lecturers/moti.webp'] {
    transform: translateX(1rem);
}


.lect-card-image img[src='images/Lecturers/NirKedar.png'],
.lect-card-image img[src='images/Lecturers/NirKedar.webp'] {
    transform: translateX(-1rem);
}

.lect-card-image img[src='images/Lecturers/Tal-Bergman.png'],
.lect-card-image img[src='images/Lecturers/Tal-Bergman.webp'] {
    transform: translateX(-0.5rem);
}

.lect-card-image img[src='images/Lecturers/YanayZaguri.png'],
.lect-card-image img[src='images/Lecturers/YanayZaguri.webp'] {
    transform: translateX(3%);
}

.lect-card-image img[src='images/Lecturers/YanayZaguri.png'],
.lect-card-image img[src='images/Lecturers/YanayZaguri.webp'] {
    transform: translateX(1rem);
}

.lect-card-image img[src='images/Lecturers/shir-boim-shwartz.png'],
.lect-card-image img[src='images/Lecturers/shir-boim-shwartz.webp'] {
    transform: translateX(-1rem);
}

.lect-card-image img[src='images/Lecturers/YardenAdmian.png'],
.lect-card-image img[src='images/Lecturers/YardenAdmian.webp'] {
    transform: translateX(0.5rem);
}

.lect-card-image img[src='images/Lecturers/orenshalev.png'],
.lect-card-image img[src='images/Lecturers/orenshalev.webp'] {
    transform: translateX(-0.5rem);
}



.lect-card-image img[src='images/Lecturers/shirlee-armeland-chen.png'],
.lect-card-image img[src='images/Lecturers/shirlee-armeland-chen.webp'] {
    transform: translateX(-0.5rem);
}



.lect-img {
    z-index: 0;
}

.lecturers-images > div {
    margin-top: -1rem;
}

.lecturers-images {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 1rem;
}

.information {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-grow: 1;
}

    .information h4 {
        font-size: 1.5rem;
        margin-bottom: 0;
        font-weight: 700;
    }

    .information p,
    .information .btn-link {
        font-size: 1.25rem;
    }

        .information p.location {
            display: flex;
            gap: 0.4rem;
        }

/* form */
.contact-form-section p,
.contact-form-section a {
    color: white;
    margin-bottom: .7rem;
    font-size: 1.4rem;
}

.contact-form-section iframe {
    width: 100%;
    height: 17rem;
    border-radius: 8px;
}

#contact-us-div {
    display: flex;
    gap: calc(var(--layout-gap) * 2);
    justify-content: space-between;
}

form#contactForm {
    width: 38rem;
    max-width: 100%;
}

/*modal*/

.modal {
    scroll-behavior: smooth;
}

.modal-content {
    border-radius: 0;
    background: var(--white);
    border: 14px solid var(--green);
    padding: var(--layout-gap);
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    max-width: 95vw;
    padding-top: 0;
    padding-bottom: 0;
}

.lect .modal-body {
    height: 30rem;
}

#tickets .modal-body {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */

    display: flex;
    gap: calc(var(--layout-gap) * 2);
    flex-direction: column;
    padding: 3rem;
    padding-top: 0;
}

#tickets .grid {
    display: grid;
    gap: calc(var(--layout-gap) * 1.5);
    grid-template-columns: 1fr 2fr;
    grid-template-rows: repeat(3, auto);
    font-size: 1.25rem;
}

    #tickets .grid p {
        font-size: inherit;
    }

#tickets .modal-dialog {
    width: 50rem;
}

#tickets .btn-primary {
    align-self: center;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: calc(var(--layout-gap) * 1.5);
}

#tickets .btn-link {
    align-self: center;
    font-size: 1.25rem;
}

#lect .modal-dialog {
    width: 70rem;
}

.modal-dialog {
    max-width: 95vw;
}

.modal button {
    align-self: flex-end;
}

.modal p {
    text-wrap: balance;
}

.modal .nav-link.active {
    color: var(--pink);
}

.modal .nav-link:hover {
    font-weight: 700;
}

.modal ul.nav.nav-underline:has(li.nav-item:nth-child(1) > button.nav-link.active) {
    --place: 0 !important;
}

.modal ul.nav.nav-underline:has(li.nav-item:nth-child(2) > button.nav-link.active) {
    --place: 1 !important;
}

.modal ul.nav.nav-underline:has(li.nav-item:nth-child(3) > button.nav-link.active) {
    --place: 2 !important;
}

.modal ul.nav.nav-underline:has(li.nav-item:nth-child(4) > button.nav-link.active) {
    --place: 3 !important;
}

.modal ul.nav.nav-underline:has(li.nav-item:nth-child(5) > button.nav-link.active) {
    --place: 4 !important;
}

.modal ul.nav.nav-underline:has(li.nav-item:nth-child(6) > button.nav-link.active) {
    --place: 5 !important;
}

.modal ul.nav.nav-underline:has(li.nav-item:nth-child(7) > button.nav-link.active) {
    --place: 6 !important;
}


.modal .nav-link {
    color: var(--light-black);
    font-weight: normal;
    transition: 0.5s;
    border-bottom: none;
    margin: 0 auto;
}

.modal-btns {
    display: -webkit-box;
    /* For iOS and older versions of Safari */
    display: -ms-flexbox;
    /* For IE 10 */

    width: 100%;
    display: flex;
    padding: 0 1rem 2rem;
}

#previousLecture {
    margin-left: auto;
}

#nextLecture {
    margin-right: auto;
}

.modal li.nav-item {
    width: 9.5rem;
}


button.icon-x-btn {
    font-size: 2rem;
    align-self: flex-end;
    padding: 1rem 0rem 0 1rem;
    position: relative;
}

    button.icon-x-btn:hover:after {
        top: calc(0.5rem + 50%);
        left: calc(0.5rem + 50%);
    }

.icon-btn {
    text-decoration: none;
    background: none;
    outline: none;
    border: none;
    color: var(--pink);
    isolation: isolate;
    position: relative;
    transition: 0.3s;
}

    .icon-btn:hover {
        color: white;
        -webkit-text-stroke: 0.7px var(--pink);
        /* WebKit browsers */
        text-stroke: 0.7px var(--pink);
        /* Standard syntax */
        transition: 0.3s;
    }

        .icon-btn:hover:after {
            content: "";
            background: var(--white);
            z-index: -1;
            height: 50%;
            width: 50%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            transition: 0.5s;
        }

        .icon-btn:hover:after {
            background: var(--pink);
            transition: 0.5s;
        }

ul.nav.nav-underline {
    width: fit-content;
    position: relative;
    --place: 0;
    --num-nav: 2;
    flex-wrap: nowrap;
    max-width: 100%;
}

    ul.nav.nav-underline:after {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 3px;
        background: #D9D9D9;
        z-index: 2;
        width: 100%;
    }

    ul.nav.nav-underline:before {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 3px;
        background: var(--pink);
        z-index: 3;
        --line-width: calc(100% / var(--num-nav));
        right: calc(var(--line-width) * var(--place));
        width: var(--line-width);
        transition: 1s;
    }

.multiple-lect-row {
    display: flex;
    flex-direction: row;
    gap: var(--layout-gap);
}

h5.icons-row {
    gap: 0.2rem;
}

.tab-content > .active {
    display: flex;
}

.modal::-webkit-scrollbar {
    width: 0 !important;
    /*removes the scrollbar but still scrollable*/
    /* reference: http://stackoverflow.com/a/26500272/2259400 */
}


.tab-pane.lect-profile.active {
    display: flex;
    gap: calc(var(--layout-gap) * 2);
    flex-direction: row;
}

.tab-pane {
    gap: var(--layout-gap);
    flex-direction: column;
    padding: calc(var(--layout-gap) * 2);
    padding-right: 0;
    min-height: 28rem;
}

.lect-info {
    gap: var(--layout-gap);
    flex-direction: column;
    padding-right: 0;
    flex: 3.5;
    display: flex;
}


.lect-card-image {
    position: relative;
    height: min-content;
    overflow: hidden;
    /* Updated property for better compatibility */

    overflow-x: clip;
    display: flex;
    justify-content: center;
    height: 23rem;
    width: 46rem;
    flex: 1;
}

    .lect-card-image img {
        object-fit: scale-down;
    }

.tab-pane p {
    text-wrap: balance;
    line-height: 1.5;
    width: 100%;
    font-size: 1.1rem;
}

.show-lect {
    display: flex;
    gap: var(--layout-gap);
    align-items: center;
}

    .show-lect .lect-img.img {
        width: 3rem;
    }

#organizations {
    display: flex;
    justify-content: space-between;
}

section#organizations > div {
    flex: 1;
    display: flex;
    gap: calc(var(--layout-gap)* 2);
    justify-content: center;
}

    section#organizations > div:first-child {
        flex-direction: column;
    }

section#organizations h3 {
    font-size: 3rem;
}

section#organizations h2 {
    line-height: 1.5;
}

section#organizations p {
    font-weight: 700;
    font-size: 1.5rem;
}

.purple {
    color: var(--purple);
}

.bold {
    font-weight: 700;
}

.all_logos {
    justify-content: flex-end !important;
    padding: 0 1rem;
}

.swiper.logoswiper {
    height: 40rem;
    margin-left: unset;
    margin-right: unset;
}

.swiper.animation {
    height: 7rem;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
}

    .swiper-slide img {
        object-fit: scale-down !important;
        height: 5rem;
        max-width: 100%;
    }

.logoswiper .swiper-slide img {
    filter: grayscale(1);
    transition: .3s;
}

.swiper-slide img::selection {
    background: transparent;
}

.logoswiper .swiper-slide:hover img {
    filter: grayscale(0);
    transition: .3s;
}

.about-lecturer {
    display: flex;
    gap: var(--layout-gap);
}

    .about-lecturer p {
        display: flex;
        align-items: center;
        gap: .4rem;
    }

div#contact-us {
    padding: 0;
}

.form-control::placeholder {
    direction: rtl !important;
    text-align: right;
    opacity: 0;
}

label:after {
    content: "*";
    color: #FF5353;
    margin-right: 5px;
}

footer {
    padding-bottom: 3rem;
    padding-top: 2rem;
}

    footer > div:first-child {
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }

    footer > div:last-child {
        flex-direction: column;
        gap: var(--layout-gap);
        align-items: center;
        justify-content: center;
        gap: calc(var(--layout-gap)*.5);
    }

    footer > div, footer > div:first-child > div {
        display: flex;
        gap: var(--layout-gap);
        align-items: center;
        justify-content: center;
    }

    footer .icons-row span {
        color: var(--pink) !important;
    }

    footer .btn-link {
        padding: 0 0.5rem;
    }

.socials .btn-link {
    font-size: 1.5rem;
    padding: 0;
}

.socials {
    padding: 1rem;
}

footer .logo-nav img {
    height: 7rem;
    flex-shrink: 0;
}

/* lect */
.lectSwiper .swiper-slide {
    height: 35rem;
    width: 18rem;
    overflow: hidden;
    transition: all .5s ease-in-out;
}



/* .lectSwiper .swiper-slide.slide-right{
    animation: moveright .5s ease-in-out;
    transform: translateX(0rem);
    opacity: 1;
}

@keyframes moveright {
    0% {
        transform: translateX(-5rem);
        visibility: 0;
    }
    70%{
        transform: translateX(3rem);
        opacity: 0.5;
    }
    100% {
        transform: translateX(0rem);
        opacity: 1;
    }
} */

    .lectSwiper .swiper-slide img {
        object-fit: cover !important;
        max-width: unset;
        height: 110%;
    }

#conf-lecturers h2 {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
    margin-bottom: 2rem;
}

.lect-swiper-scrollbar.swiper-scrollbar-horizontal {
    height: .7rem;
    background: var(--light-black);
}

    .lect-swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
        background: var(--green);
    }

.lectSwiper .lect-swiper-header,
.lectSwiper .lect-swiper-content {
    position: absolute;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    outline: 5px solid var(--light-blue);
    outline-offset: -5px;
    background: var(--section-black);
    transition: all .3s ease-in-out;
}

.lectSwiper .lect-swiper-content {
    bottom: -500px;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    height: 33%;
    font-weight: normal;
    right: 0;
}

    .lectSwiper .lect-swiper-content p {
        color: var(--green);
        font-weight: normal;
        font-size: 1.2rem;
    }

    .lectSwiper .lect-swiper-content button {
        color: var(--pink);
        text-align: right;
        font-weight: normal;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        gap: 5px;
        transition: .5s;
    }

        .lectSwiper .lect-swiper-content button span:first-child {
            text-decoration: underline;
            font-weight: 700;
        }

        .lectSwiper .lect-swiper-content button:hover,
        .contact-form-section a:hover {
            color: var(--light-blue) !important;
        }


.lectSwiper .lect-swiper-header h5 {
    color: var(--green);
    font-size: 1.5rem;
}

.lectSwiper .lect-swiper-header {
    bottom: 35%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    right: -500px;
}

.lectSwiper .swiper-slide:hover .lect-swiper-content {
    bottom: 0;
}

.lectSwiper .swiper-slide:hover .lect-swiper-header {
    right: 0;
}

.lectSwiper .swiper-slide:hover .lect-swiper-header {
    right: 0;
}

.lectSwiper .swiper-slide:hover {
    outline: 5px solid var(--light-blue);
    outline-offset: -5px;
}
.lectSwiper{
    max-width: 100vw;
    --swiper-navigation-sides-offset: 15px;
}


.swiper-button-prev.swiper-button-prev-lect:after, .swiper-rtl .swiper-button-next.swiper-button-next-lect:after{
    background: var(--pink);
    padding: .2rem;
    border-radius: .4rem;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: .2rem 0 0 0;
    margin: 0;
}
.swiper-button-next.swiper-button-next-lect, .swiper-button-prev.swiper-button-prev-lect {
    width: 2.5rem;
    height: 2.5rem;
}

/* team */
#conf-team .header {
    margin-bottom: 4rem;
}

.grid-team-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-content: space-evenly;
    row-gap: 10rem;
    padding-top: 5rem;
}

.conf-team-top {
    background: transparent;
    border: 1rem solid var(--light-blue);
    position: relative;
    justify-content: space-between;
    width: 18rem;
    /* overflow-x: clip; */
}


/* @supports not (overflow: clip) {
     Fallback for older Safari versions  */
    .conf-team-top:before, .conf-team-top:after {
        content: "";
        background: var(--light-blue);
        height: 100%;
        width: 1rem;
        position: absolute;
        z-index: 1;
    }

    .conf-team-top:before{
        left: -1rem;
    }
    .conf-team-top:after{
        right: -1rem;
    }
/* } */



.conf-team-top-img-back {
    background: var(--section-black);
    position: relative;
    width: 16rem;
    height: 14rem;
}

    .conf-team-top-img-back img {
        position: absolute;
        left: 50%;
        transform: translateX( -50%);
        bottom: 0;
        width: 110%;
    }

.conf-team-top.swiper-slide img {
    object-fit: unset !important;
    height: unset;
    width: 110%;
    max-width: unset !important;
}

.conf-team-top.swiper-slide {
    height: unset;
}

.conf-team-bottom {
    background: var(--light-blue);
    width: 100%;
    padding: 1rem 0 .5rem 0;
    justify-content: space-between;
    height: 5rem;
}

    .conf-team-bottom p {
        font-size: 1.2rem;
        text-align: right;
    }

    .conf-team-bottom a {
        color: white;
        font-size: 1.5rem;
        margin-top: -.2rem;
        text-decoration: none;
    }

        .conf-team-bottom a:hover {
            color: var(--pink);
        }

            .conf-team-bottom a:hover::before {
                background: white;
            }

        .conf-team-bottom a::before {
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            border-radius: 100%;
        }

    .conf-team-bottom p:first-child {
        margin-bottom: .5rem;
    }

.blue-div-team {
    position: absolute;
    height: 100%;
    background: var(--light-blue);
    width: 1rem;
}

    .blue-div-team.blue-div-team-right {
        right: -.94rem;
    }

    .blue-div-team.blue-div-team-left {
        left: -.94rem;
    }

.swiper-pagination-team .swiper-pagination-bullet-active {
    background: var(--green);
}

.swiper-pagination-team .swiper-pagination-bullet {
    border: 1px solid var(--green);
    width: .5rem;
    height: .5rem;
}

.swiper-pagination-team {
    padding-top: .7rem;
}

p.closed-reg {
    color: white;
    font-weight: normal;
    font-size: 1.1rem;
}

/* For XXXL screens (4K displays and above) */
@media only screen and (min-width: 3400px) {
    :root {
        font-size: 18pt;
    }
}

@media only screen and (min-width: 2560px) {
    :root {
        font-size: 16pt;
    }
}

/* For XXL screens (Desktop screens) */
@media only screen and (max-width: 2559px) {
    :root {
        font-size: 14pt;
    }
}

/* For XL screens (Larger laptops, Desktops) */
@media (max-width: 1919px) {
    :root {
        font-size: 12pt;
    }
}

/* For Large screens (Laptops, Desktops) */
@media (max-width: 1439px) {

    .grid-team-container {
        grid-template-columns: auto auto auto;
    }
}

/* For Tablets (Portrait and Landscape) 
*/
@media (max-width: 990px) {
    :root {
        font-size: 12pt;
        --side-padding: 2rem;
    }

    .grid-team-container {
        grid-template-columns: auto auto;
        padding-top: 3rem;
    }

    #hero-section {
        flex-direction: column;
        align-items: flex-start;
        height: fit-content;
        padding-bottom: 6.5rem;
        margin-top: -6rem;
        padding-top: 14rem;
    }

        #hero-section h2 {
            color: #85E5AC;
            font-size: 3.5rem;
        }

    h1 {
        font-size: 2.5rem;
        color: #FFF;
    }

    /* Added vendor prefixes for transform property */
    #hero-section img#conf-logo {
        left: calc(var(--side-padding) - 108px);
    }

    .btn-row {
        margin-top: 1rem;
    }
    .main-btn-row{
        margin-top: 3rem;
    }

    .logoswiper {
        height: 8rem;
        width: 100%;
    }

    .all_logos {
        flex-direction: column;
        position: absolute;
        height: 100%;
        inset: 0;
        justify-content: space-between !important;
        padding: 3rem 0;
        z-index: -1;
    }

section#organizations > div{
	        padding: 5rem 0;

}
section#organizations > div:first-child {
    flex-direction: column;
    margin: 1rem 0;
}
    #organizations {
        flex-direction: column;
        padding: 9rem 1rem;
        isolation: isolate;
    }

    .swiper.logoswiper {
        height: unset;
        margin-left: unset;
        margin-right: unset;
    }

    button#close-nav-icon {
        padding: 0;
        margin-right: auto;
        width: 2rem;
        height: 2rem;
    }

    #main-nav {
        height: 100vh;
        height: 100svh;
        flex-direction: column;
        position: absolute !important;
        right: 0;
        top: 0;
        left: unset;
        align-items: center;
        padding-top: 1.5rem;
        padding-right: var(--side-padding);
        justify-content: flex-start !important;
        padding-left: var(--side-padding);
        text-align: center;
    }

nav#main-nav {
    justify-content: flex-start !important;
}
    .nav-end {
        width: 55%;
    }

    .mobile-nav {
        position: absolute;
        display: flex;
        justify-content: space-between;
        top: 0;
        z-index: 1;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.50);
        height: 5rem;
        align-items: center;
        padding-right: var(--side-padding);
        padding-left: var(--side-padding);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }

    .nav-container {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100;
    }

    .logo-nav.d-block.d-lg-none {
        position: relative;
    }



    footer > div {
        flex-wrap: wrap;
    }

    .logo-nav img {
        height: 2rem;
    }

    .logo-nav.d-block.d-lg-none img {
        height: 2rem;
    }

    button#nav-icon {
        position: relative;
    }

    .about-lecturer {
        flex-wrap: wrap;
    }

    .lecturers-images > div {
        margin-top: -.5rem;
    }

}

/* For Mobile devices (Portrait and Landscape) 
*/
@media (max-width: 767px) {
    .lecture div:nth-child(3){
        width: 100%;
    }
    span.icon.img-icon svg {
    width: 0.9rem;
}
.strip a.btn.btn-link.mt-3 span {
    font-size: 1rem;
}

    .swiper-button-prev.swiper-button-prev-lect:after, .swiper-rtl .swiper-button-next.swiper-button-next-lect:after{
        font-size: .6rem;
        margin: 0;
        padding: 0;
        width: 1.6rem;
        height: 1.6rem;
    }
    .swiper-button-next.swiper-button-next-lect, .swiper-button-prev.swiper-button-prev-lect {
        width: 1.6rem;
        height: 1.6rem;
    }
    .swiper-button-next.swiper-button-next-lect{
        left: .4rem;
        right: unset;
    }

    .credits span{
        display: block;
    }
    .credits-wrapper p{
        font-size: .7rem;
    }
    section#conf-audience {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .grid-team-container {
        padding-top: 2rem;
    }

    .lectSwiper .swiper-slide {
        height: 28rem;
        width: 15rem;
    }

    .lectSwiper .lect-swiper-header h5 {
        font-size: 1.1rem;
    }

    .lectSwiper .lect-swiper-content p {
        font-size: .9rem;
    }

    .lectSwiper .lect-swiper-content button {
        font-size: .9rem;
    }

    .lectSwiper .swiper-slide.swiper-slide-active .lect-swiper-content {
        bottom: 0;
    }

    .lectSwiper .swiper-slide.swiper-slide-active .lect-swiper-header {
        right: 0;
    }

    .lectSwiper .swiper-slide.swiper-slide-active .lect-swiper-header {
        right: 0;
    }

    .lectSwiper .swiper-slide.swiper-slide-active {
        outline: 5px solid var(--light-blue);
        outline-offset: -5px;
    }


    .lectSwiper .swiper-slide:hover {
        outline: 5px solid var(--light-blue);
        outline-offset: -5px;
    }

    #conf-team .header {
        margin-bottom: 4rem;
    }


    .grid-team-container {
        grid-template-columns: auto auto;
        gap: 2rem;
    }

    .conf-team-top-img-back {
        width: 10rem;
        height: 10rem;
    }

    .conf-team-top {
        width: 12rem;
    }

    .conf-team-bottom p {
        font-size: .9rem;
    }

    .about-lecturer {
        gap: 0.5rem;
        flex-direction: column;
    }

    .strip {
        padding-top: 2rem;
    }

        .strip.break {
            padding-top: 1rem;
        }

    footer .logo-nav img {
        height: 7rem;
        flex-shrink: 0;
        position: absolute;
        bottom: 0;
        right: var(--layout-gap);
    }

    .btn#nextLecture {
        --btn-color: var(--light-blue);
    }

    :root {
        font-size: 14pt;
    }

    .white-section,
    .blue-gradient-section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #video {
        height: unset;
    }



    ::-webkit-scrollbar {
        display: none;
    }


    /* For WebKit-based browsers */


    modal::-webkit-scrollbar {
        display: none;
    }



    .plan-links {
        display: flex;
        position: relative;
        font-size: 1rem;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 1rem;
    }

    .details {
        display: flex;
        font-weight: 700;
        font-size: 1rem;
        gap: calc(var(--layout-gap)* 0.5);
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2rem;
        margin-bottom: 0;
    }

    #conf-plan {
        gap: 0rem;
        padding: 4rem var(--side-padding);
    }

    .lecture {
        display: flex;
        gap: 1rem;
        align-items: center;
        flex-wrap: wrap;
        padding: 1rem 0;
    }


    .information h4,
    .information p,
    .information .btn-link {
        font-size: 1rem;
    }

    .information {
        max-width: calc(100% - 4rem);
    }

    .strip {
        gap: 1rem;
    }

        .strip:after {
            width: 100%;
            margin: 0 auto;
        }

        .strip > h4 {
            margin-right: 3.5rem;
            font-size: 1rem;
        }

    .lect-img {
        width: 2.5rem;
        height: 2.5rem;
    }

        .lect-img img[src$='.svg'] {
            width: 1rem;
        }

    #organizations {
        flex-direction: column;
    }

    section#organizations h3 {
        font-size: 1.5rem;
    }

    section#organizations p {
        font-weight: 600;
        font-size: 1rem;
    }

    #hero-section {
        display: block;
        min-height: 100vh;
        min-height: 100svh;
        padding-bottom: 4rem;
        height: fit-content;
    }

    #contact-us-div {
        flex-direction: column;
        padding: 3rem var(--side-padding);
    }

    #hero-section h1 {
        font-size: 1.5rem;
    }

    #hero-section h2 {
        font-size: 2rem;
    }

    #hero-section img#conf-logo {
        -webkit-transform: scaleY(0.95) !important;
        -moz-transform: scaleY(0.95) !important;
        transform: scaleY(0.95) translateX(var(--side-padding)) !important;
        position: relative;
        left: 2rem;
        top: -4rem;
        height: 81%;
        width: calc(100vw + 6rem);
        margin-bottom: -4rem;
    }

    .btn.btn-primary,
    .btn.btn.btn-secondary {
        font-size: 1em;
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 0.5rem 0.5rem;
    }


    a.icon-linkedin-round.icon-btn {
        font-size: 2rem;
    }

    .btn-row {
        margin-top: 0;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    .main-btn-row{
        margin-top: 2rem;
    }

    p.closed-reg {
    font-size: 1rem;
        text-align: right;
        width: 100%;
    }
    p.closed-reg span{
        display: block;
        margin-top: .3rem;
    }
    .modal .icons-row {
        margin-bottom: 1rem;
        justify-content: space-between;
    }


    h4 {
        font-size: 1.15rem;
    }

    h2 {
        font-size: 1.4rem;
    }

    h3 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1rem;
    }

    #conf-audience h3 {
        font-size: 1rem;
        font-weight: normal;
        color: inherit;
        text-wrap: balance;
    }

    .lecture .btn.btn-secondary {
        padding: 0.5rem 0.5rem;
        margin-top: 1rem;
    }

    .about-lecturer {
        flex-wrap: wrap;
        font-size: 1rem;
    }

    .modal h5.icons-row {
        margin-bottom: 0;
        justify-content: flex-start;
    }

    .multiple-lect-row {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .about-lecturer .btn-link {
        font-size: inherit;
    }

    .contact-form-section p,
    .contact-form-section a {
        font-size: 1rem;
        font-weight: normal;
        margin-bottom: 0;
    }

    #contact-us p {
        font-weight: normal;
    }

        #contact-us p.bold {
            font-weight: 700;
        }

    .contact-form-section iframe {
        margin-top: 1rem;
    }

    footer > div:first-child > div:nth-child(2) {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    footer {
        padding-top: 2rem;
        padding-bottom: 7rem;
    }

        footer p, footer a, footer .btn-link {
            font-size: .9rem;
            padding: 0;
        }

        footer > div:first-child, footer > div:last-child {
            gap: .5rem;
            flex-direction: column;
            align-items: flex-start;
        }

        footer > div:first-child {
            margin-bottom: 1.5rem;
        }

        footer .logo-nav {
            bottom: 0rem;
            right: 1rem;
            left: unset;
            top: unset;
        }

    .modal-body {
        padding: 0 !important;
    }

    #tickets .grid {
        gap: var(--layout-gap);
        font-size: 1rem;
    }

    #tickets .grid {
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    #tickets .btn-link {
        font-size: 1rem;
        text-align: right;
    }

    /*#tickets .btn-link {
        text-decoration: none;
        align-self: center;
        font-size: 1rem;
        --btn-color: var(--pink);
        background: var(--pink);
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 0.9rem 0.5rem;
        color: white;
    }

        #tickets .btn-link:hover {
            background: transparent;*/
    /* Use transparent instead of none */
    /*color: var(--btn-color);
            border: 2px solid var(--btn-color);
            backdrop-filter: blur(5px);
            transition: .5s;
        }*/


    #tickets .btn-primary {
        margin-top: 0;
    }

    .modal-content {
        padding: 2rem var(--layout-gap);
    }

    .modal button.icon-x-btn {
        padding: 0;
    }


        .modal button.icon-x-btn:hover:after {
            content: none;
        }

    .swiper.animation {
        height: 4rem;
    }

    .socials {
        flex-direction: row;
        padding: .6rem 0;
        gap: 0.5rem;
    }

    .modal-dialog {
        max-width: 100vw;
        margin: 0;
    }

    .socials .btn-link {
        font-size: 1.15rem;
        padding: 0;
    }

    .modal-content {
        border: none;
    }

    div#tickets .modal-dialog .modal-content {
        height: 100svh;
    }

    .modal .nav-link:hover {
        color: unset;
    }

    .modal .icon-x-btn:before {
        content: "\e900";
    }

    .tab-pane {
        padding: 1rem 0;
    }

        .tab-pane p {
            text-wrap: pretty;
            width: 100%;
            font-size: 1rem;
        }

    .lect-card-image {
        max-height: 20rem;
        max-width: 100%;
        flex: 1;
        height: 24rem;
    }


    .lect-card-image {
        width: 100%;
    }

    ul.nav.nav-underline:after {
        width: calc(8rem * var(--num-nav));
        overflow-x: hidden;
    }

    ul.nav.nav-underline:before {
        --total: calc(8rem * var(--num-nav));
        --line-width: calc(var(--total) / var(--num-nav));
    }


    ul.nav.nav-underline {
        margin-top: 1rem;
        width: 100%;
        flex-wrap: nowrap;
        gap: 0;
        overflow-x: auto;
        scroll-behavior: smooth;
        /*        --scroll-padding: calc(8rem * var(--num-nav));
        scroll-padding: 90vw;
*/
    }

    .modal li.nav-item {
        font-size: 1rem;
        position: relative;
        width: 8rem;
    }

    .modal .nav-link {
        font-size: 0.9rem;
        text-align: center;
        width: 8rem;
    }

    .modal-btns {
        padding: 0;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .tab-pane.lect-profile.active {
        flex-direction: column;
    }

    .modal .nav-link:hover {
        color: var(--pink);
    }

    :root {
        font-size: 14pt;
        --side-padding: 1rem;
    }

    .grid-team-container-mobile {
        padding-top: 3rem;
    }
}

/* For Small Mobile devices (Portrait and Landscape) 
*/
@media (max-width: 479px) {
    #conf-team .header {
        margin-bottom: 1rem;
    }

    .grid-team-container-mobile {
        padding-top: 3rem;
    }

    .conf-team-top-img-back {
        width: 10rem;
        height: 10rem;
    }

    .conf-team-top {
        min-width: 12rem;
    }

    .conf-team-bottom p {
        font-size: .9rem;
    }
}

/*-----------------------------------------------------*/
/*                     אייקונים                        */
/*-----------------------------------------------------*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?k2t8ny');
    src: url('../fonts/icomoon.eot?k2t8ny#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?k2t8ny') format('truetype'), url('../fonts/icomoon.woff?k2t8ny') format('woff'), url('../fonts/icomoon.svg?k2t8ny#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-facebook:before {
    content: "\e910";
}

.icon-arrow-left:before {
    content: "\e900";
}

.icon-arrow-right:before {
    content: "\e901";
}

.icon-arrow-up:before {
    content: "\e902";
}

.icon-date:before {
    content: "\e903";
}

.icon-download:before {
    content: "\e904";
}

.icon-find:before {
    content: "\e905";
}

.icon-lecturer:before {
    content: "\e906";
}

.icon-linkedin-round:before {
    content: "\e907";
}

.icon-linkedin-square:before {
    content: "\e908";
}

.icon-location:before {
    content: "\e909";
}

.icon-mail:before {
    content: "\e90a";
}

.icon-phone:before {
    content: "\e90b";
}

.icon-plan:before {
    content: "\e90c";
}

.icon-print:before {
    content: "\e90d";
}

.icon-tickets:before {
    content: "\e90e";
}

.icon-time:before {
    content: "\e90f";
}

.icon-web:before {
    content: "\e911";
}

.icon-x-btn:before {
    content: "\e912";
}