.slider-item{
border: 1px solid #E1E1E1;
border-radius: 5px;
background: #FFF;
text-align: center;
}
.slider-item .slider-image img{
margin: 0 auto;
width: 280px;
text-align: left;

}
.slider-item .slider-main-detail{
padding: 10px;
border-radius: 0 0 5px 5px;
}

.slider-item .price{
float: left;
margin-top: 5px;
}
.slider-item .price h5{
line-height: 20px;
margin: 0;
}
.detail-price{
color: #219FD1;
}

.slider-item .slider-main-detail .rating{
color: #777;
}
.slider-item .rating{
float: left;
font-size: 17px;
text-align: right;
line-height: 52px;
margin-bottom: 10px;
height: 52px;
}
.slider-item .btn-add{
width: 50%;
float: left;
border-right: 1px solid #E1E1E1;
}
.slider-item .btn-details{
width: 50%;
float: left;
}
.controls{
margin-top: 20px;
}

.btn-info{
margin-left:5px;
}

.AddCart{
margin: 0px;
    padding: 10px;
    border-radius: 2px;
    margin-right: 10px;
    border: 1px solid #fff;
    background: none;
    color: #fff;
}
.review {
margin-bottom: 5px;
padding-top:5px;
text-align: left;
}
 .card-horizontal {
  display: flex;
  flex: 1 1 auto;
}
.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: #28D0DC;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-text {
  position: absolute;
  bottom: 20px;
  left: 20px;

  padding-left: 20px;
  padding-right: 20px;
}

.text-block-book {
  position: absolute;
  bottom: 20px;
  right: 20px;


  padding-left: 20px;
  padding-right: 20px;
}

.submit{
margin-top:15px;
}
.shop-btn a{
top: 180px;
    position: fixed;
    right: 0px;
    z-index: 1000;

    padding: 10px 20px 35px;
    height: 50px;
    background-color: #1035a6;
    color: #fae168;
}
.shop-btn a:hover{
background: #FF5440;
  color: #fae168;
}

.wish-btn a{
top: 240px;
    position: fixed;
    right: 0px;
    z-index: 1000;
width: 191px;
    background-color: red;
    padding: 10px 20px 35px;
    height: 0px;
    background-color: #FAE168;
    color: #1034A6;
}
.wish-btn a:hover{
text-decoration: none;
color:#fff;
}

.left1,.right1{
    padding:1px 0.5em;
    background:#fff;
    float:right;
}
.left1{
    float:left;
    clear:both;
}
.dotted{
    border-bottom: 1px dotted grey;
   padding-top: 20px;
}

/*Login */


.modal-login .modal-content {
    border-radius: 1px;
    border: none;
}
.modal-login .modal-header {
    position: relative;
    justify-content: center;
    background: #f2f2f2;
}
.modal-login .modal-body {
    padding: 30px;
    background: #28D0DB;
}
.modal-login .modal-footer {
    background: #f2f2f2;
}
.modal-login h4 {
    text-align: center;
    font-size: 26px;
}
.modal-login label {
    font-weight: normal;
    font-size: 13px;
}
.modal-login .form-control, .modal-login .btn {
min-height: 60px;
    background: #a1eaee;
    border: 1px solid #1034A6;
    width: 100%;
    text-align: center;
    border-radius: inherit;
}
.modal-login .hint-text {
    text-align: center;
}
.modal-login .close {
    position: absolute;
    top: 15px;
    right: 15px;
}
.modal-login .checkbox-inline {
    margin-top: 12px;
}
.modal-login input[type="checkbox"] {
    position: relative;
    top: 1px;
}
.modal-login .btn {
    min-width: 50px;
    background: none;
    border: none;
    line-height: normal;
    border: 2px solid #1034A6;
    color: #1034A6;
}
.modal-login .btn:hover, .modal-login .btn:focus {
    background: #1034A6;
    color: #fff;
}
.modal-login .hint-text a {
    color: #999;
}
.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}
/* End Login */

#Signup{
  padding: 30px 0;
}

.signup .form-control{ border: #2748af 2px solid; padding:20px; line-height: 1.5;
  color: #2748af; font-size: 12px; margin-bottom: 20px; border-radius: 0!important; font-weight: bold;  }

  .signup .form-select{ border: #2748af 2px solid; padding:20px; line-height: 1.5;
    color: #2748af; font-size: 12px; margin-bottom: 20px; border-radius: 0!important; font-weight: bold;  }


  .signup .btn-get-signup {
    font-family: "Montserrat", sans-serif;

      font-size: 18px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 18px 35px;
      transition: 0.5s;
      margin: 10px;
      background: #fff;
      border: 2px solid #ff897b;
      padding: 20px;
      color: #ff897b;

  }
  .signup .btn-get-signup:hover {
    background: #ff897b;
    color: #fff;
  }

  #BookYourTicket{
    padding: 30px 0;
  }
  #BookYourTicket .nav{border-radius: 50px; background: #fff; box-shadow: 0 0 5px #ccc;}
  #BookYourTicket .nav-pills .nav-link{border-radius: 50px;    width: 100%;color: #727374;padding: 20px 0;}
  #BookYourTicket .nav-pills .nav-link.active{background: #f44f32; color: #fae168;}

  #BookYourTicket .nav-item{width: 33.33333333%;flex: 0 0 auto; white-space: nowrap;}
  #BookYourTicket .foc-section{border: 1px solid #f44f32; padding: 30px; background: #fff5f4;margin-top: 40px;}

  .fs-2{font-size: 14px!important ; font-weight: bold; margin: 0;}
  .fs-3{font-size: 13px!important ;}
  /*#datetotal-grid{margin-right: 30px;}*/
.visitdate .form-control{border-bottom: #2748af 2px solid!important; padding:10px; line-height: 1.5; border: none;color: #2748af; font-size: 12px;font-weight: bold;}
.visitdate .input-group-text{ background: none; border: none;position: absolute;
  right: 0;}

  .total-grid {margin-top: 20px;}
.total-grid .nav{border-radius: 50px; background: #e7fafb!important ; box-shadow: 0 0 5px #ccc; padding: 2px;}
.total-grid .nav-pills .nav-link{border-radius: 50px; width: 100%;color: #727374!important ;padding: 7px 0 ;}
.total-grid .nav-pills .nav-link.active{background: #28d0db!important ; color: #fff!important ; height: 93%;}

.cyt{color: #000 ;font-size: 15px;font-weight: bold; margin-bottom: 5px;}
.eycd{color: #000 ;font-size: 18px;font-weight: bold; margin-bottom: 20px;}

.total-grid .sub-text{display: block;color: #756c6c;font-size: 12px;}
  .text-center{text-align: center;}
  .total-grid .table{padding: 2px 7px!important ;font-size: 13px;}
 /* .total-grid .table td{padding:2px 7px!important ;font-size: 12px;} */
 .btn-cart-next {
    font-family: "Montserrat", sans-serif;
      font-size: 12px;
      font-weight: bold;
      height: 60px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 10px 25px;
      transition: 0.5s;
      margin: 10px;
      background: #fff;
      border: 2px solid #1034a6;
      vertical-align: top;
      color: #1034a6;

  }
  .lh-36{line-height: 36px;}
.btn-cart-next:hover {
    background: #1034a6;
    color: #fff !important;
  }
.
  .box-errer-msg{background: #ff5440; padding: 15px; color: #fff; font-size: 12px; margin:0 10px;}
  .invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0;
    font-size: 11px;
    color: #dc3545;
}
.mr-20{margin-right: 20px;}
.hconntener
{
background: #FF5440;
padding: 30px;
position: relative;
z-index: 900;
top: -100px;
}
.named{
    font-size: 30px;
    color: #fff;
}
.forma{
    height: 50px; border-radius: 0;
}
.formb{
    height: 50px; background: #FF5440;
    border: 1px solid #fff;
}
.carousel-indicators{
    display: none;
}


.post-slide{
    background: #fff;
    margin: 0 15px;
}
.post-slide .post-img{
    position:relative;
    float: left;
    width:50%;
    height: auto;
}
.garageRow{
    border-style: hidden;
    background-color: #f7f7f7;
}

.tableHead{
font-weight: 500;
    font-size: 15px;
    color: #707070;
    width: 25%;
    text-align: center;
}
.post-slide .over-layer{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity:0;
    cursor: pointer;
    transition: opacity 0.30s ease 0s;
}
.post-slide .over-layer:after{
    color: #fff;
    content: "+";
    font-size: 52px;
    position: absolute;
    top: 31%;
    left:42%;
}
.post-slide .post-img:hover .over-layer{
    opacity:1;
}
.post-slide .post-img img{
    width:100%;
    height: auto;
}
.post-slide .post-review{
    float: left;
    padding: 1px 20px;
    width: 50%;
}
.post-slide .post-title{
    margin:0 0 5px 0;
}
.post-slide .post-title a{
    color: #3498db;
    font-size: 20px;
    font-weight: 700;
    display: block;
    text-transform: capitalize;
    transition:color 0.30s ease;
}
.post-title > a:hover{
    text-decoration: none;
    color:#333;
}
.post-slide .post-date{
    display:block;
    font-size:15px;
    font-weight:700;
    margin-bottom:17px;
}
.post-description{
    color: #333;
    font-size: 15px;
    font-weight:400;
    text-align:left;
}
.owl-pagination{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #3498db;
}
.owl-item{
    width: auto;
}
@media only screen and (max-width: 990px){
    .post-slide .over-layer:after{
        top:39%;
        left: 45%;
    }
}
@media only screen and (max-width: 640px){
    .post-slide .post-img{
        width:100%;
    }
    .post-slide .post-review{
        width:100%;
        padding:10px;
    }
}


.iti iti--allow-dropdown iti--separate-dial-code
{
    width: 100% !important;
}
.bottext{
        position: absolute;
    z-index: 999;
    /*margin: 0 auto;*/
    left: 0;
    color: #fff;
    font-size: 20px;
    /*top: 85%;
    text-align: center;
    margin-left: 100px;*/
}

/* -- quantity box -- */

.quantity {
 display: inline-block; }

.quantity .input-text.qty {
 width: 35px;
 height: 39px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
 border: 1px solid #efefef;
}

.quantity.buttons_added {
 text-align: left;
 position: relative;
 white-space: nowrap;
 vertical-align: top; }

.quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 padding: 7px 10px 8px;
 height: 41px;
 background-color: #ffffff;
 border: none;
 cursor:pointer;
}

.quantity.buttons_added .minus-custom,
.quantity.buttons_added .plus-custom {
 padding: 7px 10px 8px;
 height: 41px;
 background-color: #ffffff;
 border: none;
 cursor:pointer;
}

.quantity.buttons_added .minus {
 border-right: 0; }

.quantity.buttons_added .plus {
 border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }

.quantity.buttons_added .minus-custom {
 border-right: 0; }

.quantity.buttons_added .plus-custom {
 border-left: 0; }

.quantity.buttons_added .minus-custom:hover,
.quantity.buttons_added .plus-custom:hover {
 background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }

 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; }

 .quantity.buttons_added .minus-custom:focus,
.quantity.buttons_added .plus-custom:focus {
 outline: none; }

.search-container {
    position: relative;
}

#suggestions-list {
    list-style-type: none;
    margin: 12px 0;
    padding: 8px 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

#suggestions-list li {
    padding: 3px 20px;
    font-size: 18px;
    cursor: pointer;
}

#suggestions-list li:hover {
    background-color: #f1f1f1;
}

#searchlocations {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
@media (min-width: 300px) and (max-width: 600px) {
    .shop-btn a{
    top: 170px!important;
    }
    .sdSlider{
        width: 100% !important;
    }

    .slide-left p {
        padding: 0px;
    }
    .slide-left {
     margin-left: 0px !important;
    }
    .otpContent {
        width: 61% !important;
        left: 23% !important;
    }
    .conatctModal{
        width: 100%;
    }
    .mobileScroll{
        width: 100%;
        overflow: scroll;
    }
} .nav-link .navlinkActive{
    padding: 15px 0 !important;
    margin: 2px !important;
}
.slide-left {
    margin-left: -300px;
    margin-top: 50px;
}
html[lang="en-US"] #BookYourTicket .nav {
    direction: ltr;
}
@media (max-width: 575.98px) {
  .slide-left p {
        margin: 0 0 30px 0;
        padding: 0 11% 40px 35%;
    }
}

 .slide-right {
    background: #FAE168;
    margin-left: 100px;
}

 #portfolio #portfolio-flters li {
    margin: 15px 5px 15px 0;
}
/*html[lang="en-US"] #portfolio, #portfolio .gallerylist, #contact, #portfolio_needtoknow {*/
/*    direction: ltr;*/
/*  }*/

html[lang="ar-SA"] #portfolio, #portfolio .gallerylist, #contact, #portfolio_needtoknow {
    direction: rtl;
}
html[lang="ar-SA"] #portfolio_description {
    direction: rtl;
}
/* Apply Arabic version styles when the site is in Arabic */
[lang="ar-SA"] body,
html[lang="ar-SA"] a,
html[lang="ar-SA"] .navbar a,
html[lang="ar-SA"] .navbar a:focus,
html[lang="ar-SA"] .btn-get-download,
html[lang="ar-SA"] .btn-get-pdf,
html[lang="ar-SA"] .btn-cart-next,
html[lang="ar-SA"] #hero {
    font-family: 'Tajawal', sans-serif;
}

html[lang="ar-SA"] #hero .btn-get-started {
    font-family: 'Tajawal', sans-serif;
}

html[lang="ar-SA"] #header.header-transparent {
    direction: rtl;
}

html[lang="ar-SA"] .btn-get-started1 {
    font-family: 'Tajawal', sans-serif;
}

html[lang="ar-SA"] .shop-btn a {
    left: 0px;
    height: 65px !important;
    width: 120px;
    padding: 10px 20px 35px 10px;
}

html[lang="ar-SA"] .shop-btn a .pull-right {
    text-align: right;
}

html[lang="ar-SA"] .text-block-text {
    right: 20px;
}

html[lang="ar-SA"] #hero h2 {
    text-align: right;
}
#portfolio,
#portfolio .gallerylist,
#contact,
#portfolio_needtoknow {
    direction: ltr;
}
html[lang="ar-SA"] #portfolio,
html[lang="ar-SA"] #portfolio .gallerylist,
html[lang="ar-SA"] #contact,
html[lang="ar-SA"] #portfolio_needtoknow {
    direction: rtl;
}


html[lang="ar-SA"] .slide-left {
    margin-right: -300px;
    margin-top: 50px;
}

html[lang="ar-SA"] .slide-right {
    background: #FAE168;
    margin-right: 100px;
}

@media (max-width: 575.98px) {
    html[lang="ar-SA"] .slide-left p {
        margin: 0 0 30px 0;
        padding: 0 35% 40px 15%;
    }
    
html[lang="ar-SA"] .slide-left {
    margin-right: 0px !important;
}
}
html[lang="ar-SA"]  #BookYourTicket h3, h4 {
    direction: rtl;}
html[lang="ar-SA"] #datetotal-grid {
    direction: rtl;
}
html[lang="ar-SA"] .cyt {
    direction: rtl;
    text-align: right;
}
html[lang="ar-SA"] .VGS_DatedFolder_datepicker tr th.dow {
    padding: 8px 4px;
    font-size: 10px;
}

html[lang="ar-SA"] #footer .footer-top , #BookYourTicket .nav
{
    direction: rtl;
}
.imageEnhance{
width: 100%;
object-fit: cover;
/*height: 100%;*/
}

.emailSize{
    font-size: 10px;
}
html[lang="ar-SA"] .card-body{
    direction: rtl;
}
html[lang="ar-SA"] #portfolio #portfolio-flters {
    direction: rtl;
    text-align: right;
}