body {
    
    color: #ffffff;
    background-color: #12123b;
}

.logo_img{
    display: block;
    max-width: 7em;
    height: auto;
    margin: auto;
}
.height100{
    height: 100vh;
}
.top-side{
    height: 33.5vh;
    width: 100%;
    overflow: hidden;
}
.content_time{
    height: 58vh;
    width: 100%;
}
.side-button{
    height:6vh;
}
.clock_size{
    height:28vh;
}
.GeneratedMarquee_div{
    height:5.5vh;
}

.marquee {
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;

}
.marqueeFa div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.marqueeEn div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.cd-section.visible .marqueeFa div {
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
}

.cd-section.visible .marqueeEn div {
    -webkit-animation: marqueeEn 50s linear infinite;
    animation: marqueeEn 50s linear infinite;
}
.marquee span {
    display: block;
    font-size: 1em;
    font-weight: 900;
    width: 100%;
    text-align: center;
    /*margin: 0 100vh;*/
}

.time-title{
    background: var(--first-color);
}

.marqueeFa span {
    float: left;
}
.marqueeEa span {
    float: right;
}

@-webkit-keyframes marquee {
    0% {
        right: 100%;
    }
    100% {
        right: -150%;
    }
}

@keyframes marquee {
    0% {
        right: 100%;
    }
    100% {
        right: -150%;
    }
}
@-webkit-keyframes marqueeEn {
    0% {
        left: 100%;
    }
    100% {
        left: -150%;
    }
}
@keyframes marqueeEn {
    0% {
        left: 100%;
    }
    100% {
        left: -150%;
    }
}

.social_media{
    display: block;
    width: 1.5em;
    height: 1.5em;
}
.logo_part{
    width: 5em;
    height: auto;
}

.social_text{
    font-size: 1em;
}
.price_reservation h2{
    font-size: 1em;
}
.price_reservation span{
    font-size: .85em;
}
.price_reservation ul:last-child li{
    border-bottom: none;
}
.clock-text{
    font-size: 1.25em;
}
.direction-ltr{
    direction: ltr;
}

/*animateWeb*/

.weatherwidget-io{
    height:100vh!important;
    width:6.5em!important;
    margin: 0 auto;
}

.hgap-3 {
    gap: 0.75em;
}