@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

.scroll-box-horizontal {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: scroll;
}

.scroll-box-horizontal::-webkit-scrollbar {
    display: none;
}

.with-space{
    margin-right: 20px !important;
}

iframe{
    width: 100% !important;
    height: 520px !important;
}

embed{
    height: 500px !important;
    width: 100% !important;
}

.read-more-btn{
    color: #0984e3;
}

.read-more-text{
    display: none;
}

.read-more-text--show{
    display: inline;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ffb054;
    border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ff8b00;
}

/* CSS */
@keyframes blinking {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.blinking-element {
    animation: blinking 1s infinite;
}


@media only screen and (min-width: 380px) {
    #logo-mobile{
        display: none !important;
    }
}

@media only screen and (max-width: 1000px) {
    #logo-box{
        width: 100%;
    }
    #logo-text{
        font-size: 12pt;
    }
    iframe{
        width: 100% !important;
        height: 300px !important;
    }
    embed{
        height: 300px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 380px) {
    #logo-mobile{
        display: block;
        position: relative;
        top: 22px;
        left: -80px;
    }
    #logo-mobile span{
        position: relative;
        top: 3px;
        left: 5px;
    }
}