@font-face {
    font-family: "PP Eiko";
    src: url('../assets/fonts/PPEiko-Heavy.otf');
    src: url('../assets/fonts/PPEiko-Medium.otf');
    src: url('../assets/fonts/PPEiko-Thin.otf');
}

@font-face {
    font-family: "Riffic";
    src: url('../assets/fonts/RifficFree-Bold.ttf');
}


.heading-font {
    font-family: "Righteous", sans-serif;
}

html,
body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /* font-family: "Poppins", sans-serif; */
    font-family: "PP Eiko";
    font-weight: bold;
}

.font-eiko {
    font-family: "PP Eiko";
}

.heading {
    font-family: "Riffic";
}

.font-style {
    font-family: "Poppins", sans-serif;
}

.title {
    /* font-family: "Dancing Script", cursive; */
    /* font-weight:bolder; */
    text-shadow: rgba(0, 0, 0, 0.6) 0px 4px 40px;
    /* font-weight: 100 !important; */
}

.experience-container {
    /* background: linear-gradient(0deg, rgba(244, 250, 253, 0) 0%, rgb(244, 250, 253) 100%) */
    background: #F285008e;
    color: black;
}

.tab-child-bg {
    background: linear-gradient(0deg, #F2850044 0%, rgba(244, 250, 253, 0.235) 76.31%, rgba(244, 250, 253, 0) 90.41%);
}

.show {
    display: block !important;
}


.bg-event {
    background: url('../assets/bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#myvideo {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}


#connect-message {
    height: 150px;
    resize: none;
}


.tab__item {
    overflow: hidden;
    cursor: pointer;
    padding: 12px 8px;
    text-shadow: 0 0 0.5px currentColor;
    letter-spacing: 1px;
    transition: 0.2s;
    /* font-size: 16px; */
    position: relative;
    color: #000 !important;
    font-weight:bold;
}

.tab__item:before {
    content: "";
    position: absolute;
    top: 95%;
    left: 0;
    height: 2px;
    width: 100%;
    /* background: #19d9b4; */
    transition: 0.2s;
    visibility: hidden;
    opacity: 0;
}

.tab__item.is--active {
    color: #fff;
    background-color: #F28500;
    position: relative;
    border-radius: 7px;
    border: none;
    font-weight:bold;
}

.tab__item.is--active:before {
    visibility: visible;
    opacity: 1;
}


.tab__content-item {
    display: none;
}

.tab__content-item.is--active {
    display: block;
}