.xb-header-logo .logo1 img {
    max-width: 136px;
}

.modal.show .modal-dialog {
    transform: translate(0, 50%);
}

.xb-item--img .video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
button.btn.btn-primary {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -38px;
    background-color: red;
    border-color: red;
}

.thm-btn {
    background-color: #0D3071;
    color: #ffffff;
}
.thm-btn--sm span::before, .thm-btn--sm span::after {
    background-image: url(../img/icon/arrow_right2.svg);
    filter: brightness(100);
}

.stricked-menu.stricky-fixed {
    background-color: rgba(0, 0, 0, 0.8);
}

.stricked-menu .header-btn .thm-btn {
    background-color: #0D3071;
}

.stricked-menu .main-menu ul li a {
    color: #ffffff;
}

.about-funfact-item .xb-item--number{
    color: #0D3071; 
}

.bg-primary {
    background-color: #0D3071 !important;
}
.xb-backtotop .scroll {
    background-color: #0D3071;
}

/* Custom CSS for the video background */
.video-background-container {
    position: relative; /* Crucial for positioning the video inside */
    height: 100vh; /* Example: make it fill the full viewport height */
    overflow: hidden; /* Hide any overflow from the video scaling */
}

.video-background-container .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video covers the area without distortion */
    z-index: -1; /* Puts the video behind the content */
}

.video-background-container .content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent dark overlay */
    z-index: 0;
}

.video-background-container .content {
    position: relative;
    z-index: 1; /* Puts content above the video and overlay */
    color: white;
    text-align: center;
    /* Using Bootstrap classes for centering content */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.geo-content h1, .geo-content h2, .geo-content h3, .geo-content h4, .geo-content h5, .geo-content h6{
    margin-bottom: 30px;
}
.geo-content p {
    margin-bottom: 20px;
}

.bg-red {
 background-color: red;
}

article.article article.post-details img {
display: block;
margin: 20px 0;
}