.navbar-brand .navbar-brand-sticky, .navbar-brand .navbar-brand-transparent {
    width: 90% !important;
}

.header-transparent .navbar {

    background: linear-gradient(180deg,rgba(15, 15, 15, 1) 0%, rgba(240, 247, 243, 0) 100%) !important;
}
.overlay-section {
    background: 
        linear-gradient(rgba(34, 33, 33, 0.8), rgba(0, 0, 0, 0.8)), /* Overlay */
        url('../img/black-gray-texture-pattern-background.webp'); /* Image */
    background-size: cover;
}
.opacity-35 {
    opacity: 0.35 !important;
}
.opacity-15 {
    opacity: 0.15 !important;
}
.text-justify {
    text-align: justify !important;
}
.display-3 {
    font-weight: 700 !important;
}

article p {
    text-align: justify !important;
}
.navbar .navbar-nav .nav-link {
    font-weight: 600 !important;
}
.overlay-play-icon {
    position: absolute;
    z-index: 1000;
    color: var(--bs-link-hover-color);
    font-size: 70px;
    opacity: .7;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}

#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
.news-spinner {
    position: fixed; /* Ensures it stays in place even when scrolling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    display: flex; /* For centering content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    color: white;
    text-align: center;
    z-index: 9999; /* Ensures it's on top of other content */
}
.news-spinner .spinner-border{
    width: 70px;
    height: 70px;
    color: #ffffff;
    
}
.slide-cover {
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.slide-cover-long {
    height: 550px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.bg-dark-banner {
    background-color: rgb(2 52 52) !important;
}
.dir-ltr {
	direction: ltr !important;
}

[dir=rtl] #userico {
    font-family: "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
[dir=ltr] #userico {
    font-family: "Almarai", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.social_icon:hover {
    color: var(--bs-link-hover-color) !important;
}
.bg-gradient-primary {
    background-image: linear-gradient(155deg, #053935 20%, #1f9896 40%, #7114ea 95%, #9e19d4) !important;
}
.card-overlay {
    background-color: #07bfb329 !important;
}
.white-image {
    filter: brightness(100);
}
.fs-small {
    font-size: .8rem !important;
  }
.image-container {
    /* Establish a positioning context for the absolute overlay */
    position: relative;

  }
  
  .image-container img {
    /* Make the image responsive */
    width: 100%;
    display: block;
  }
  .grayscale-1 {
    filter: grayscale(1);
  }
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #07bfb308 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
  }
  .overlay-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #07bfb326 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
  }
  
  .overlay-text {
    /* Style the text */
    color: white;
    text-align: center;
  }

 
  input::placeholder {
    color: rgb(163, 163, 163) !important;
}
  .plyr__control--overlaid::after, .plyr__control--overlaid::before {

    background: var(--bs-link-hover-color) !important;

}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__control--overlaid {
    background-color: var(--bs-link-hover-color) !important;
}
.plyr--full-ui input[type=range] {
    color: var(--bs-link-hover-color) !important;
}
.text-muted {
    color: rgb(39 38 45 / 32%) !important;
}
.flatpickr-calendar {
    background-color: #edf7f7 !important;

}
.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background-color: var(--bs-link-hover-color) !important;
    border-color: var(--bs-link-hover-color) !important;
}
.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
    background-color: #d2f4f2 !important;

}
.form-check-input:checked {
    background-color: var(--bs-link-hover-color) !important;
    border-color: var(--bs-link-hover-color) !important;
}
  .bg-primary-subtle {
    background-color: #07bfb30d !important;
}
.btn {

    font-weight: 600 !important;
}

.bg-dark {
    background-color: rgb(30 29 35) !important;
}

[dir=rtl] .ms-basic-view {
    left: 232px !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}


.swiper-button-next::after, .swiper-button-prev::after {

    height: 0px !important;
}
input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #f0f0f0;
    color: #333;
    border-radius: 0.375rem;
}

.custom-file-upload:hover {
    background-color: #e0e0e0;
}

.py-mid {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
}

.myblank {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
    }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-brand {
        width: 15.5rem !important;
    }
    header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 1) !important;
    }
}

.brand-slider {
    width: 113.6px !important; 
    margin-right: 12px;
}

@media (max-width: 912px) {
    .navbar-brand {
        width: 9rem !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .mt-xs-3 {
        margin-top:3rem!important;
    }
    .mb-xs-3 {
        margin-bottom:3rem!important;
    }
    .order-xs-1 {
        order: 1 !important;
      }
      .order-xs-2 {
        order: 2 !important;
      }

    .fs-xs-3 {
        font-size: 1rem !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }
    [dir=rtl] .w-video {
        width: 210% !important;
    }
    .news-spinner {

        bottom: 3.8% !important;

    }

}