body{
    text-align: right;
    font-family: "Ge-Dinar Medium"!important;
}
.tourStarted .tourContainer #pano{
    direction:ltr;
}
.tourStarted .tourContainer .navContainer{
    direction: rtl;
}
text#Al_Barahah_البراحة {
    direction: ltr;
    font-family: 'avenir-lt';
}
.mapContainerPopup .modal-dialog .modal-content .modal-header button {
   
    border-right: 1px solid rgb(255 255 255 / 40%);
   border-left: none;
}
@keyframes moveLeft{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(100%);
    }
}
@keyframes moveToCenter{
    0%{
        top: 10rem;
        left:0;
        transform:translate(0,0);
    }
    100%{
         right: 50%;
         top: 50%;
         transform:translate(50%,-50%)
    }
}
@keyframes moveVideoToCenter{
    0%{
        left:7rem;
        right:auto;
        transform:translateX(0);
    }
    100%{
       left:50%;
        right:auto;
       transform:translateX(-50%);
    }
}
@keyframes fadeLeft{
  0%{
    opacity:0;
    transform:translateX(100%);
  }
  100%{
    opacity:1;
    transform:translateX(0%);
  }
}
@keyframes fadeRight{
  0%{
    opacity:0;
    transform:translateX(-100%);
  }
  100%{
    opacity:1;
    transform:translateX(0%);
  }
}
.vtpopup .popup-body .left-section {
    margin-right: 2rem;
    margin-left:0;
    transform: translateX(-100%);
}
.vtpopup .popup-body .right-section{
     transform: translateX(100%);
}
.heroSection .card-img-overlay h1{
    font-family: "Ge-Dinar Medium";
}
.customThumb.moveTop > div{
  background: url("/media/ar.png")!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}
.menu-btn {
    margin-right: 1rem;
    margin-left: 0;
}
header .navbar .lang .en {
    border-left: 1px solid #ffffff;
    border-right: none;
    font-family: "Avenir";
}
header .navbar .lang .ar{
      font-family: "Avenir";
}
.heroSection .card-img-overlay .startTour .icon{
    /* transform:scaleX(-1); */
}
.galleryInfo.modal{
    right:0;
    left:auto;
    background:linear-gradient(to left, rgb(0 0 0 / 72%), rgb(0 0 0 / 67%), transparent)
}
.galleryInfo.modal .modal-header {
    padding: 1rem 1.5rem 1rem .5rem;
}
.galleryInfo.modal .modal-body {
    padding: 1rem 1.5rem 0.5rem 4em ;
}
.fullScreenStyle,.hide-button,html .galleryDetails{
    margin-right:.5rem!important;
    margin-left:0!important;
}
.navContainer2.active {
    width: 18rem !important;
    padding: 1.3rem 0 1.3rem 0.7rem !important;
    transition-delay: 0s;
    background-color: rgb(0 0 0 / 60%);
}
.thumbsStyle div[spellcheck*="false"]{
    text-align:right!important;
    font-family:"Ge-Dinar Medium"!important;
}
.thumbsStyle div[spellcheck*="false"]::after {
    left: 0;
    right:auto;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, /* start darker */ rgba(0, 0, 0, 0.6) 40%, /* mid-dark */ rgba(0, 0, 0, 0.5) 60%, /* lighter */ rgba(0, 0, 0, 0) 100% /* fully transparent */);
}
.closePopup {
    left: 2.8rem;
    right: auto;
}
.moreDetails {
    margin-left: .7rem;
    margin-right: 0;
}
.animateItems .popup-body .left-section svg{
    scale:-1;
}
.copyrightText {
    position: absolute;
    color: white;
    left: -3.2px;
    right: auto;
}
@media(min-width:992px){
        .heroSection .card-img-overlay::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        left: 0;
        bottom: 0;
        border: 2px solid rgb(255 255 255 / 25%);
        border-radius: 100%;
        height: 34rem;
        width: 34rem;
        z-index: 0;
    }
    .heroSection .videoContainer .videoCardOverlay button.info{
        left: 8.4rem;
        right: unset;
        top: 3rem;
}
.heroSection .videoContainer .videoCardOverlay .replay{
    right: 2.1rem;
    left: unset;
    bottom: 10.5rem;
}
.heroSection .videoContainer .videoCardOverlay .safariIcon{
        left: 8.4rem;
        right: auto;
        bottom: 3rem;
}
    .heroSection .card-img-overlay .d-flex p{
        text-align:right;
    }
        .heroSection .videoContainer {
        left: 11rem;
        right:auto;
    }
}
@media(min-width:1200px){
        .heroSection .card-img-overlay h1::after {
        right: 0;
        left: auto;
    }
}