:root {
    --main-color: #f37053;
    --hover: #000;
    --colorh: #5f1226;
}

html {
    scroll-behavior: smooth;
    direction: rtl;
}

body {
    font-family: "nebras", serif;
    overflow-x: hidden !important;
    overflow-y: auto;
    position: relative;
    margin: 0;
    padding: 0;
    direction: rtl;
    background-color: #fff;
}

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

* {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

/* fonts  */
@font-face {
    font-family: "nebras";
    font-weight: 200;
    src: url("../fonst/NebrasSerif-ExtraLight.otf") format("opentype");
}

@font-face {
    font-family: "nebras";
    font-weight: 300;
    src: url("../fonst/NebrasSerif-Light.otf") format("opentype");
}

@font-face {
    font-family: "nebras";
    font-weight: 400;
    src: url("../fonst/NebrasSerif-Medium.otf") format("opentype");
}

@font-face {
    font-family: "nebras";
    font-weight: 500;
    src: url("../fonst/NebrasSerif-Regular.otf") format("opentype");
}

@font-face {
    font-family: "nebras";
    font-weight: 700;
    src: url("../fonst/NebrasSerif-SemiBold.otf") format("opentype");
}

@font-face {
    font-family: "nebras";
    font-weight: 800;
    src: url("../fonst/Nebras-Bold.otf") format("opentype");
}

@font-face {
    font-family: "nebras";
    font-weight: 900;
    src: url("../fonst/NebrasSerif-ExtraBold.otf") format("opentype");
}

@font-face {
    font-family: "bahij";
    font-weight: 800;
    src: url("../fonst/Bahij_TheSansArabic-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "bahij";
    font-weight: 500;
    src: url("../fonst/Bahij_TheSansArabic-Plain.ttf") format("truetype");
}

/* start navbar */
.mobile-nv {
    display: none;
}

p {
    font-family: "bahij", "serif";
    font-weight: 500;
    /* Uncomment this line to apply the font weight */
    font-size: 20px;
}

h2 {
    font-family: "nebras";
}

.show-menu {
    display: block;
}

.navbar-scrolled {
    background-color: #f37053;
}

@media (min-width: 1025px) {
    .mob-nav {
        display: none;
    }
}

@media (max-width: 1024px) {
    .navbar {
        display: none;
    }
    .c-md-mb-20px{
        margin-bottom: 40px;
    }
    .desctop-logo{
        display: none!important;
    }
    .mobile-logo{
        display: block!important;
    }
    .museumBrand{
        height: 550px!important;
    }
    .hide-section-md-sm{
        display: none;
    }
}

.v-en,
.vectoren,
.Polygonen,
.buildingen {
    display: block;
}

/* end navbar */
/* header */
.header {
    background-image: url("../images/head-ar-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.logo-orange {
    display: none;
}

.about-museum {
    background-image: url("../images/sec2-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.stroke-text {
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000;
}

.groups .swiper {
    width: 100%;
    height: 100%;
}

.groups .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200%;
}

.groups .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery {
    overflow: hidden;
}

.gallery-tap {
    background-image: url("../images/assets-antequies.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.gallery-tap .swiper {
    width: 100%;
    height: 100%;
}

.gallery-tap .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-tap .swiper-slide img {
    display: block;
    /* width: 100%;
    height: 100%; */
    /* object-fit: cover; */
}

.gallery .swiper-pagination-bullet {
    background: var(--foundation-pp-50, #fef1ee);
}

.gallery .swiper-pagination-bullet-active {
    border-radius: 100px;
    background: var(--foundation-pp-500, #f37053);
    width: 22px;
    height: 8px;
}

.gallery .swiper-button-next:after,
.gallery .swiper-rtl .swiper-button-prev:after {
    content: "";
}

.gallery .swiper-button-prev:after,
.gallery .swiper-rtl .swiper-button-next:after {
    content: "";
}

.gallery .swiper-button-next,
.gallery .swiper-button-prev {
    border: 1px solid white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.g-tap0 {
    display: none;
}

.active-slider {
    display: block;
}

.tap0 {
    transition: 0.5s all ease;
    padding: 8px;
}

.tap0:hover {
    background: linear-gradient(
        270deg,
        #f37053 -9.58%,
        rgba(243, 112, 83, 0) 95.43%
    );
}

.tap0.active-tap {
    background: linear-gradient(
        270deg,
        #f37053 -9.58%,
        rgba(243, 112, 83, 0) 95.43%
    );
}

@media (max-width: 1024px) {
    .tap0:hover {
        background: linear-gradient(
            180deg,
            #f37053 -9.58%,
            rgba(243, 112, 83, 0) 95.43%
        );
    }

    .tap0.active-tap {
        background: linear-gradient(
            180deg,
            #f37053 -9.58%,
            rgba(243, 112, 83, 0) 95.43%
        );
    }
}

/* news */
.news .swiper {
    width: 100%;
    height: 100%;
}

.news .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.news .swiper-slide img {
    display: block;
    /* width: 100%;
    height: 100%; */
    object-fit: cover;
}

.news .swiper-button-next:after,
.news .swiper-rtl .swiper-button-prev:after {
    content: "";
}

.news .swiper-button-prev:after,
.news .swiper-rtl .swiper-button-next:after {
    content: "";
}

.news .swiper-button-next,
.news .swiper-button-prev {
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.map {
    overflow: hidden;
}

/* .map svg {
    transform: translateY(100px);
} */

.map path {
    transition: 0.5s all ease;
}

.map path:hover {
    /* fill: #e3e3e3; */
    stroke: #000;
    stroke-width: 4px;
}

.prog .swiper {
    height: 600px;
}

@media (min-width: 1024px) {
    .prog .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: transform 0.3s ease-in-out;
        /* Added transition property */
        /* transform: scaleX(.3); */
        width: 15% !important;
        transition: 0.5s all ease;
    }

    /* .prog .swiper-slide.swiper-slide-active:last-child {
        margin-right: 209px;
    } */
    .prog .swiper-slide-active {
        /* transform: scaleX(1.7); */
        width: calc(100% - 35%) !important;
        background: #000;
        transition: 0.5s all ease;
        /* Increase the scale on hover */
    }
}

.prog .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out;
    /* Added transition property */
    /* transform: scaleX(.3); */
    width: 100%;
    transition: 0.5s all ease;
}

.prog .swiper-slide-active {
    /* transform: scaleX(1.7); */
    width: 100%;
    background: #000;
    transition: 0.5s all ease;
    /* Increase the scale on hover */
}

.prog .swiper-slide img {
    display: block;
    /* width: 100%; */
    /* height: 100%; */
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
    /* Added transition property */
}

.links li,
.mobile-nv li {
    position: relative;
}

.links .active {
    color: rgba(243, 112, 83, 1);
}

.navbar-scrolled .links .active {
    color: #fff;
}

.links li::after,
.mobile-nv li::after {
    content: "";
    position: absolute;
    /* padding: 30px; */
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(243, 112, 83, 1);
    bottom: -21px;
    right: 50%;
    transform: translateX(50%);
    opacity: 0;
    transition: 0.5s all ease;
}

.links li:hover::after,
.mobile-nv li:hover::after,
.links li.active::after,
.mobile-nv li.active::after {
    opacity: 1;
    bottom: -11px;
}

.prog .swiper-slide {
    padding: 56px 24px;
    background-image: url("../images/bg-expand.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.prog .swiper-slide {
    text-align: right;
}

.prog .swiper-slide > div {
    display: none;
}

.prog .swiper-slide > .small-title {
    display: flex;
    scale: 1 !important;
}

.prog .swiper-slide-active > .small-title {
    display: none;
}

.prog .swiper-slide-active > div {
    display: flex;
    scale: 1 !important;
}

.prog .swiper-button-next:after,
.prog .swiper-rtl .swiper-button-prev:after {
    content: "";
}

.prog .swiper-button-prev:after,
.prog .swiper-rtl .swiper-button-next:after {
    content: "";
}

.prog .swiper-button-next,
.prog .swiper-button-prev {
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.form-inputs {
    border-bottom: 1px solid #000;
}

.book-ticket {
    background-image: url("../images/ticket-backpng.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.book-ticket > div {
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%, #FFF 100%); */
}

.form-inputs-w {
    border-bottom: 1px solid #ffffff71;
}

.post-img {
    background-image: url("../images/Post_with_just_one_Picture_1.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.post-overlay {
    background: linear-gradient(270deg, #000 2.92%, rgba(0, 0, 0, 0) 69.72%);
}

.mobHero {
    display: none;
}

@media (max-width: 771px) {
    .post-overlay {
        background: linear-gradient(
            180deg,
            #000 2.92%,
            rgba(0, 0, 0, 0) 69.72%
        );
    }

    .mobHero {
        display: block;
        width: 100%;
    }

    .not-mob {
        display: none !important;
    }
}

.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.left-shape {
    animation: shape-left 4s forwards;
    animation-delay: 2s;
}

.right-shape {
    animation: shape-right 4s forwards;
    animation-delay: 2s;
}

.white-shape {
    animation: white-scale 3s forwards;
    animation-delay: 2s;
}

.black-shape,
.turn-trans {
    animation: black-scale 3s forwards;
    animation-delay: 2s;
}

/* Define the keyframes */
@keyframes shape-left {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes shape-right {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes white-scale {
    from {
        /* transform: translateY(0) scaleX(1); */
        /* transform: translateY(0); */
        opacity: 1;
    }

    to {
        /* transform: translateY(-100%) scaleX(1.5); */
        /* transform: translateY(-100%); */
        opacity: 0;
    }
}

@keyframes black-scale {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 15181515151;
}

/*                                                          about museum                                                     */
.body-bg {
    /* background-image: url('../images/AboutMuseum.svg'); */
    background: #000;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-right {
    /* transform: translateX(-200px) translateY(50px); */
    z-index: -1;
}

.img-left {
    /* transform: translateX(200px) translateY(50px); */
    z-index: 3;
}

/* .museumHistory .swiper {
    width: 100%;
    height: 100%;
} */

.museumHistory .swiper-slide {
    /* text-align: center; */
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .his-img .swiper-slide{
    height: auto;
} */
.his-img .swiper-slide img {
    display: block;
    /* width: 100%;
    height: 100%; */
    object-fit: cover;
}

.date-his .swiper-slide img {
    display: none;
    transition: 0.5s all ease;
}

.date-his .swiper-slide-active img {
    display: block;
}

/* museum goals */

.museum-goals .swiper {
    width: 100%;
    height: 100%;
}

.museum-goals .swiper-slide {
    background-color: #181818;
    transition: 0.5s all ease;
}

.museum-goals .swiper-slide:hover {
    background-color: #f37053;
}

.museum-goals .swiper-slide-active .card-goal {
    background-color: #f37053;
    transition: 0.5s all ease;
}

.museum-goals .swiper-button-next,
.museum-goals .swiper-button-prev {
    position: relative !important;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
}

/* vission */
.vission .swiper {
    /* width: 500px; */
}

.vission .swiper .swiper-slide img {
    width: 100%;
}

.vission .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.vission .swiper-button-next,
.vission .swiper-button-prev {
    position: relative !important;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 12px;
}

.vission .swiper-button-next::after,
.vission .swiper-button-prev::after {
    content: "";
}

.team .swiper-button-next,
.team .swiper-button-prev {
    position: relative !important;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.single-his .swiper-button-next,
.single-his .swiper-button-prev {
    position: relative !important;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.single-his .swiper-button-next::after,
.single-his .swiper-button-prev::after {
    content: "";
}

.single-his .swiper {
    /* width: 100%;
    height: 100%; */
}

.single-his .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-his .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.a-vec-en {
    display: none !important;
}

.floating-menu li a {
    transition: 0.5s all ease;
}

.floating-menu li a {
    padding: 5px 30px;
    border-radius: 50px;
}

.floating-menu li a.active,
.floating-menu li a:hover {
    background-color: #fff;
    color: #000;
}

/*                                                          assets                                                       */
.assets-ead-bg {
    background-image: url("../images/assetsheadbg.png");
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.stroke-text-assets {
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
}

.special-bg {
    background: linear-gradient(to top, #000000eb 40%, transparent);
}

.assets-statues .swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.assets-statues .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 80%;
    /* margin-top: auto; */
}

.assets-statues .swiper-slide img {
    display: block;
    width: 100%;
    /* margin-top: auto; */
}

.assets-statues .swiper-slide svg path {
    fill: transparent;
    stroke: white;
    transition: 0.5s all ease;
    /* margin-top: auto; */
}

.assets-statues .swiper-slide img {
    transform: scale(0.7);
    z-index: 0;
    transition: 0.5s all ease;
}

.assets-statues .swiper-slide.swiper-slide-active img {
    transform: scale(1.2);
    z-index: 1;
    transition: 0.5s all ease;
}

.assets-statues .swiper-slide.swiper-slide-active svg path {
    fill: #f37053;
    stroke: transparent;
}

.assets-statues .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f37053;
    width: 50px;
    border-radius: 12px;
}

.assets-statues .swiper-pagination-bullet {
    background: #f37053;
    transition: 0.5s all ease;
}

.assets-statues .swiper-button-next,
.assets-statues .swiper-button-prev {
    position: relative !important;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.assets-statues .swiper-button-next::after,
.assets-statues .swiper-button-prev::after {
    content: "";
}

.fosaifisaa .stroke-text-assets {
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}

.fosaifisaa .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to top, #000000f1 60%, transparent);
}

.fosaifisaa .real-text {
    position: absolute;
    top: 20%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.fosaifisaa img,
.fosaifisaa .img-cover {
    border-radius: 25px;
    border-top-right-radius: 0;
    transition: 2s all ease;
}

.fosaifisaa img:hover {
    transform: scale(1.1);
}

/*      Roman inscriptions           */
.Roman-inscriptions .stroke-text-assets {
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
    top: 0;
    left: 0;
    transform: translateX(0);
    width: max-content;
    z-index: 1;
}

.Roman-inscriptions .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to top, #000000f1 60%, transparent);
}

.Roman-inscriptions .real-text {
    position: absolute;
    top: 20%;
    width: max-content;
    left: 0;
    transform: translateX(5%);
    z-index: 3;
}

/* .Roman-inscriptions .swiper {
    width: 100%;
    height: 100%;
} */

.Roman-inscriptions .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.Roman-inscriptions .swiper-slide img {
    display: block;
    /* width: 100%;
    height: 100%; */
    object-fit: cover;
}

.Roman-inscriptions img,
.Roman-inscriptions .img-cover {
    border-radius: 25px;
    border-top-right-radius: 0;
    transition: 2s all ease;
}

.Roman-inscriptions .img-cover {
    overflow: hidden;
}

.half-width {
    width: max-content !important;
}

.Roman-inscriptions .swiper-button-next,
.Roman-inscriptions .swiper-button-prev {
    position: relative !important;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.Roman-inscriptions .swiper-button-next::after,
.Roman-inscriptions .swiper-button-prev::after {
    content: "";
}

/*                  bronze pieces */
.bronzePieces .stroke-text-assets {
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
    top: 0;
    right: 0;
    transform: translateX(0);
    width: max-content;
    z-index: 1;
}

.bronzePieces .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to top, #000000f1 60%, transparent);
}

.bronzePieces .real-text {
    position: absolute;
    top: 20%;
    width: max-content;
    right: 0;
    transform: translateX(-5%);
    z-index: 3;
}

.bronzePieces .grid-border:nth-child(1)::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* Adjust the height of the border */
    background: linear-gradient(to right, #fffffff1, #000);
}

.bronzePieces .grid-border:nth-child(1)::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    /* Adjust the height of the border */
    background: linear-gradient(to top, #fffffff1, #000);
}

.bronzePieces .grid-border:nth-child(2)::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* Adjust the height of the border */
    background: #fff;
}

.bronzePieces .grid-border:nth-child(3)::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* Adjust the height of the border */
    background: linear-gradient(to left, #fffffff1, #000);
}

.bronzePieces .grid-border:nth-child(3)::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    /* Adjust the height of the border */
    background: linear-gradient(to top, #fffffff1, #000);
}

.bronzePieces .grid-border:nth-child(4)::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* Adjust the height of the border */
    background: linear-gradient(to right, #fffffff1, #000);
}

.bronzePieces .grid-border:nth-child(4)::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    /* Adjust the height of the border */
    background: #fff;
}

.bronzePieces .grid-border:nth-child(5)::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    /* Adjust the height of the border */
    background: #fff;
}

.bronzePieces .grid-border:nth-child(6)::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* Adjust the height of the border */
    background: linear-gradient(to left, #fffffff1, #000);
}

.bronzePieces .grid-border:nth-child(6)::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    /* Adjust the height of the border */
    background: #fff;
}

.bronzePieces .grid-border:nth-child(7)::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    /* Adjust the height of the border */
    background: linear-gradient(to bottom, #fffffff1, #000);
}

.bronzePieces .grid-border:nth-child(9)::before {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    /* Adjust the height of the border */
    background: linear-gradient(to bottom, #fffffff1, #000);
}

.bronzePieces .grid-border img {
    transition: 3s all ease;
}

.bronzePieces .grid-border {
    overflow: hidden;
}

.bronzePieces .grid-border:hover img {
    transform: scale(1.3);
}

gradient {
    position: absolute;
    bottom: -1rem;
    width: 100%;
    height: 6rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #050303 81.29%);
}

/* events page */
.effect {
    position: absolute;
    z-index: -1;
}

.effect.e-1 {
    top: 0;
    right: 50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
}

.effect.e-2 {
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.effect.e-3 {
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.cut-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: normal;
}

.events-ead-bg {
    margin-bottom: -160px;
    min-height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/event-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    /* padding-bottom: 100px !important; */
}

#sortBy {
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    padding-left: 3.75rem;
    padding-right: 0.75rem;
    background-image: url("../images/sort.svg");
    background-size: 1.75em 1.75em;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.events .card .date {
    position: absolute;
    font-size: 25px;
    border-radius: 0rem 0rem 0.5rem 0.5rem;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-family: "nebras";
    padding: 1rem;
    left: 3.5rem;
}

.events .card h2 {
    font-size: 2rem;
}

.events .card p {
    line-height: 2;
    margin: 1.5rem 0;
}

.events .card a.more {
    width: fit-content;
}

.events-tabs button {
    border: none;
    position: relative;
    line-height: normal;
}

.events-tabs .text-blue-600 {
    color: #fff !important;
}

.events-tabs .text-blue-600::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    height: 8px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.events .card img,
.news .card .news-img {
    border-radius: 4rem 0rem 4rem 4rem;
    background: lightgray 50% / cover no-repeat;
    height: 100%;
    object-fit: cover;
    max-height: 260px;
}

.news-details img {
    border-radius: 6rem 0rem 6rem 6rem;
    max-height: 380px;
    object-fit: cover;
}

.contact .form-group {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    padding: 18px 10px;
    color: #fff;
    margin-bottom: 0.75rem;
}

.contact .form-group:focus-within {
    border-bottom: 2px solid #fff;
}

.contact .form-group .form-control {
    background: transparent;
    border: unset !important;
    box-shadow: unset !important;
}

.contact .form-group textarea.form-control {
    width: 100%;
}

.contact .form-group .form-control::placeholder {
    color: #ffffff66;
    font-size: 14px;
}

.contact .contact-img {
    height: 100%;
    object-fit: cover;
    border-radius: 0rem 0rem 6rem 0rem;
    -webkit-border-radius: 0rem 0rem 6rem 0rem;
    -moz-border-radius: 0rem 0rem 6rem 0rem;
    -ms-border-radius: 0rem 0rem 6rem 0rem;
    -o-border-radius: 0rem 0rem 6rem 0rem;
}

@media (max-width: 992px) {
    .events .card img,
    .news .card .news-img {
        border-radius: 2rem 0rem 2rem 2rem;
    }
}

@media (max-width: 578px) {
    #sortBy {
        width: 10px;
        background-position: center;
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .events-ead-bg {
        min-height: 505px;
    }

    .cut-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .events .card .date {
        left: 1.5rem;
    }
}

.events-ead-bg .event {
    width: 100%;
    background: url("../images/event-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.contact .form-group {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    padding: 18px 10px;
    color: #fff;
    margin-bottom: 0.75rem;
}

.contact .form-group:focus-within {
    border-bottom: 2px solid #fff;
}

.contact .form-group .form-control {
    background: transparent;
    border: unset !important;
    box-shadow: unset !important;
}

.contact .form-group textarea.form-control {
    width: 100%;
}

.contact .form-group .form-control::placeholder {
    color: #ffffff66;
    font-size: 14px;
}

.contact .contact-img {
    height: 100%;
    object-fit: cover;
    border-radius: 0rem 0rem 6rem 0rem;
    -webkit-border-radius: 0rem 0rem 6rem 0rem;
    -moz-border-radius: 0rem 0rem 6rem 0rem;
    -ms-border-radius: 0rem 0rem 6rem 0rem;
    -o-border-radius: 0rem 0rem 6rem 0rem;
}

/* anas styles*/

.museumNav.links li {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-size: 16px;
}

.museumNav.links .active {
    color: #fff;
    font-weight: 700;
}

.museumNav.links li::after,
.museumNav.mobile-nv li::after {
    border-bottom: 10px solid #fff;
}

.heroSection {
    background-position: top;
}

.hidNav {
    opacity: 0;
    transition: all 0.35s ease-in-out;
}

/* .heroSectionTitle{
    margin-top: 250px;
} */
.heroSection .hero-container {
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 45%;
}

.navbar-scrolled {
    background-color: #fff;
    opacity: 1;
    transition: all 0.35s ease-in-out;
    box-shadow: 0px 2px 26px 0px rgba(189, 188, 188, 0.15);
}

.navbar-scrolled .museumNav.links li {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 200;
    font-size: 16px;
}

.navbar-scrolled .museumNav.links .active {
    color: var(--Foundation-P-p-500, #f37053);
    font-weight: 700;
}

.navbar-scrolled .museumNav.links li::after,
.navbar-scrolled .museumNav.mobile-nv li::after {
    border-bottom: 10px solid var(--Foundation-P-p-500, #f37053);
}

.navbar-scrolled .navbar-container {
    padding: 16px 100px;
    transition: all 0.35s ease-in-out;
}

.darkLogo {
    display: none;
}

.navbar-scrolled .darkLogo {
    display: block;
}

.navbar-scrolled .whiteLogo {
    display: none;
}

.fontBahij {
    font-family: "bahij", "serif";
}

.aboutDesc {
    color: rgba(255, 255, 255, 0.8);
    line-height: 36px !important;
}

.textJustify {
    text-align: justify;
}

.meusemLoader {
    width: 100%;
    background-color: #000;
}

.vectorOne {
    width: 100%;
}

.vectorTwo {
    left: 52%;
    top: 25%;
    width: 35%;
    position: absolute;
}

.vectorThree {
    right: 53%;
    top: 25%;
    width: 35%;
    position: absolute;
}

.nebrasFont {
    font-family: "nebras", serif;
}

.workTimeContent .workTime:first-child {
    margin-bottom: 16px;
}

.activeArrow {
    /* display: none; */
    right: -100%;
    position: absolute;
}

.active-tap {
    position: relative;
}

.active-tap .activeArrow {
    right: 94%;
    /* left: 50px; */
    transition: all 0.35s ease-in-out;
}

.gallery-tap .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 62px;
}

.gallery-tap .swiper-rtl .swiper-button-next {
    right: 70%;
}

.gallery .swiper-button-prev {
    right: 23%;
}

.gallery .swiper-button-next,
.gallery .swiper-button-prev,
.news .swiper-button-next,
.news .swiper-button-prev,
.prog .swiper-button-next,
.prog .swiper-button-prev,
.assets-statues .swiper-button-next,
.assets-statues .swiper-button-prev,
.Roman-inscriptions .swiper-button-next,
.Roman-inscriptions .swiper-button-prev {
    width: 64px;
    height: 64px;
}

.prog .swiper-slide > .small-title {
    text-align: center;
    z-index: 1;
}

.prog .swiper-slide:not(.swiper-slide-active):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    border-radius: 8px;
}

.smallSlideImg {
    position: relative;
    top: 15%;
}

.ticketInput,
.ticketInput:focus {
    border: unset !important;
    box-shadow: unset !important;
    margin-right: 16px;
    width: 100%;
}

.imotionImage {
    width: 66px;
}

.imotionImage-1 {
    top: 22%;
    transform: rotate(17deg);
    right: 35%;
}

.imotionImage-2 {
    bottom: 22%;
    left: 35%;
}

.contactSection {
    background-position: top left;
    background-size: 50%;
    background-repeat: no-repeat;
}

.gallery-tap .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 135px;
}

.assets-statues .swiper {
    padding-bottom: 100px;
}

.notHomeNav .notHomeBtn {
    background-color: #f37053;
}

.notHomeNav .museumNav.links .active {
    color: #f37053;
}

.notHomeNav .museumNav.links li::after {
    border-bottom: 10px solid #f37053;
}

.aboutBack {
    background-image: url("../images/bg-about.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.whitekWave {
    display: none;
}

.notHomeNav:not(.navbar-scrolled) .blackWave {
    display: none;
}

.notHomeNav:not(.navbar-scrolled) .whitekWave {
    display: block;
}

.whiteFloating ul {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
}

.floating-menu li a {
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
    font-family: "bahij", "serif";
    padding: 8px 24px;
}

.historyTitle {
    opacity: 0.25;
}

.museumHistory .swiper-slide-active .historyTitle {
    color: #f37053;
    opacity: 1;
}

.single-his .swiper-slide {
    background-size: 105%;
    background-position: center;
    border-radius: 8px;
}

.swiperScroll {
    float: right;
    right: 60px;
    bottom: 30px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
}

.museumHistory
    .swiper-pagination-vertical.swiper-pagination-bullets
    .swiper-pagination-bullet,
.museumHistory
    .swiper-vertical
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    height: 18px;
    width: 8px;
    border-radius: 10px;
    background: #fef1ee;
}

.museumHistory .swiper-pagination-bullet-active {
    height: 50px !important;
    width: 8px;
    border-radius: 10px;
    background: #f37053 !important;
}

.museumBrand {
    background-size: cover;
}

.qutedText {
    position: absolute;
    top: 0;
    left: 79px;
}

.qutedText img {
    margin-left: 26px;
}

.newsBack {
    background-image: url("../images/newsBack.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.searchInput,
.searchInput:focus {
    box-shadow: unset !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(2px);
}

.events-tabs {
    border-bottom: 1px solid #ffffff21;
}

.educationalBack {
    background-image: url("../images/eduBack.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.events-ead-bg {
    background-image: unset;
}

.flexContact {
    justify-content: left;
}

.contact .form-group {
    padding: 39px 32px;
}

.contact .form-group .form-control.contactInput {
    font-family: "bahij", "serif";
    font-size: 20px;
    font-weight: 500;
    line-height: 43px;
}

.contact .form-group .form-control.contactInput::placeholder {
    font-size: 20px;
}

.contact .form-group {
    gap: 16px;
}

.vission .swiper-slide {
    background-size: 105%;
    background-position: center;
    min-height: 600px;
}

/* gallery page */
.gallery-tabs {
    border-radius: 6.25rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    width: max-content;
    align-items: center;
    margin: auto;
    padding: 0.5rem 2.5rem;
    position: relative;
    z-index: 9;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
}

.gallery-tabs button {
    color: #fff;
    font-size: large;
    font-size: 14px;
}

.gallery-tabs button.text-blue-600 {
    background: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 0.5rem 1.5rem;
    color: #000;
}

.gallery-tabs button.text-blue-600::before {
    content: attr(place-attr);
    width: max-content;
    font-family: Nebras Serif;
    font-size: 9rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: block;
    opacity: 0.3;
    position: absolute;
    bottom: 0%;
    right: 50%;
    transform: translate(50%, 16%);
    text-shadow: 2px 0 0 #9d9c9c, -2px 0 0 #878787, 0 2px 0 #878282,
        0 -2px 0 #878787;
    z-index: -32;
}

.grid-gallery > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

.grid-gallery > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 2px 16px var(--shadow);
    filter: grayscale(1);
    transition: 0.4s;
    position: relative;
    -webkit-filter: grayscale(1);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.grid-gallery {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(auto-fit, minmax(400px, 2fr));
    grid-auto-rows: 260px;
    grid-auto-flow: dense;
}

.horizontal {
    grid-column: span 2;
}

.vertical {
    grid-row: span 2;
}

.big {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    z-index: 5 !important;
}

.gallery-slider {
    overflow: hidden;
}

.curve {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.curve.curveUp {
    top: 0;
    transform: translateY(-82%);
    -webkit-transform: translateY(-82%);
    -moz-transform: translateY(-82%);
    -ms-transform: translateY(-82%);
    -o-transform: translateY(-82%);
}

.curve.curveDown {
    bottom: 0px;
    transform: translateY(82%);
    -webkit-transform: translateY(82%);
    -moz-transform: translateY(82%);
    -ms-transform: translateY(82%);
    -o-transform: translateY(82%);
}

.galleryBack {
    background-image: url(../images/gallery-back.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.galleryGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    grid-auto-rows: minmax(100px, auto);
}

.imageGallery {
    display: grid;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.imageGallery:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* .hoverTransform:hover{
    transform: scale(1.09, 1.06) rotate(2deg);
} */
.curve img {
    width: 100%;
}

/* .imageGallery1 {
    width: 30%;
}

.imageGallery2 {
    width: 50%;
} */

@media (min-width: 992px) {
    .heroSection .hero-container {
        padding-top: 250px;
    }

    .hero-content {
        padding-right: 50px;
    }

    .aboutDesc {
        max-width: 80%;
    }

    .assets-ead-bg {
        background-position: 680px 10px;
    }

    .events .card img {
        height: 433px;
        max-height: unset;
    }

    .news .card .news-img {
        height: 393px;
        max-height: unset;
    }

    .footer {
        margin-top: 83px;
    }

    .assets-statues .swiper-slide {
        top: 500px;
        opacity: 0.5;
    }

    .assets-statues .swiper-slide.relative.swiper-slide-next,
    .assets-statues .swiper-slide.relative.swiper-slide-prev {
        top: 200px;
    }

    .swiper-slide.relative.swiper-slide-active {
        top: 0;
        opacity: 1;
    }

    .assets-statues .swiper-wrapper {
        height: 75%;
    }
}

@media (max-width: 992px) {
    .header.heroSection .hero-container {
        background-image: unset !important;
    }

    .mobileLogo {
        width: 160px;
    }

    .heroSection {
        margin-top: 65px !important;
    }

    .heroSectionTitle {
        font-size: 40px !important;
    }

    .heroSectionSubTitle {
        font-size: 30px !important;
    }
}

@media (max-width: 1900px) {
    .gallery-tap .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 50px;
    }
}

@media (max-width: 1800px) {
    .map-bg {
        padding-top: 15px;
    }

    .mapDesc {
        margin-bottom: 10px;
    }
}

@media (min-width: 1025px) and (max-width: 1585px) {
    .contactHieght {
        height: 110vh !important;
    }
    .museumBrand{
        height: 400px !important;
    }
}

.gallery-tap .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 30px;
}

@media (max-width: 768px) {
    .slider-images{
        display: none !important;
    }
    .contactSection{
        background-image: url('')!important;
    }
    .museumBrand{
        height: 393px !important;
    }
    .mobileV .swiper-wrapper {
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .mobileV .swiper-wrapper .swiper-slide {
        width: 100% !important;
    }

    .gallery-tap .tap0 {
        padding-right: 20px;
    }

    .active-tap .activeArrow {
        right: 85%;
    }

    .gallery .swiper-button-prev {
        right: 15%;
    }

    .gallery-tap .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -10px;
    }
    .gallery-tap .swiper-rtl .swiper-button-next {
        right: 80%;
    }
    .gallery .swiper-button-prev {
        right: 3%;
    }
    .vectorThree,
    .vectorTwo {
        top: 8%;
    }
    .Roman-inscriptions .real-text,
    .Roman-inscriptions .stroke-text-assets {
        left: unset;
        right: 0;
    }
    .contact .form-group {
        padding: 12px 24px;
    }
}

@media (max-width: 400px) {
    .museumBrand{
        height: 215px !important;
    }
}