html,
body {
    overflow-x: hidden;
}

.container__body {
    position: relative;
}

.body__overlay {
    position: fixed;
    right: 0;
    z-index: 200;
    width: 100%;
    height: 100vh;
    background: rgb(0, 0, 0, 0.25);
}

.body__overlay {
    transition: max-width 0.5s ease-in-out;
    max-width: 0;
    overflow: hidden;
}

#body__overlay__checkbox {
    display: none;
}

#body__overlay__checkbox:checked+.body__overlay {
    max-width: 100%;
}

.body__sidebar {}


.space__row {
    display: block;
}

.space__row__10 {
    padding: 5px 0;
}

.space__row__20 {
    padding: 10px 0;
}

.space__row__30 {
    padding: 15px 0;
}

.space__row__40 {
    padding: 20px 0;
}

.space__row__60 {
    padding: 30px 0;
}

.space__row__80 {
    padding: 40px 0;
}

.space__row__100 {
    padding: 50px 0;
}

.space__row__150 {
    padding: 75px 0;
}

.space__row__160 {
    padding: 80px 0;
}

.space__row__200 {
    padding: 80px 0;
}

[data-aos='fade-down'] {
    /* Change -100px to your preferred starting height */
    transform: translate3d(0, -200px, 0);
}

/* Ensure the animation resets properly when active */
[data-aos='fade-down'].aos-animate {
    transform: translate3d(0, 0, 0);
}


.yt-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.yt-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Video JS */

.videojs-container {
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
}

.videojs-container.default .video-js {
    border-radius: 10px;
    overflow: hidden;
}

.videojs-container.default .video-js .vjs-control-bar {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.videojs-container.post .video-js {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}



.vjs-poster img {
    object-fit: cover;
    object-position: center;
}

/* Video JS */



.float-container {
    display: flow-root;
}