.btn-17,
.btn-17 *,
.btn-17 :after,
.btn-17 :before,
.btn-17:after,
.btn-17:before {
  border: 0 solid;
  box-sizing: border-box;
}

.btn-17 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  /* background-color: #fff; */
  background-image: none;
  color: #fff;
  cursor: pointer;
  font-size: 100%;
  font-weight: 900;
  line-height: 1.5;
  margin: 0;
  -webkit-mask-image: -webkit-radial-gradient(#e36363, #921b1b);
  padding: 0;
  text-transform: uppercase;
}

.btn-17:disabled {
  cursor: default;
}

.btn-17:-moz-focusring {
  outline: auto;
}

.btn-17 svg {
  display: block;
  vertical-align: middle;
}

.btn-17 [hidden] {
  display: none;
}

.btn-17 {
  border-width: 0;
  padding: 20px 40px;
  z-index: 0;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50px;
  display:block;
}

.btn-17,
.btn-17 .text-container {
  overflow: hidden;
  position: relative;
}

.btn-17 .text-container {
  display: block;
}

.btn-17 .text {
  display: block;
  position: relative;
  color: #000;
}

.btn-17:hover .text {
  -webkit-animation: move-up-alternate 0.3s forwards;
  animation: move-up-alternate 0.3s forwards;
}

@-webkit-keyframes move-up-alternate {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(80%);
  }

  51% {
    transform: translateY(-80%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes move-up-alternate {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(80%);
  }

  51% {
    transform: translateY(-80%);
  }

  to {
    transform: translateY(0);
  }
}

.btn-17:after,
.btn-17:before {
  --skew: 0.2;
  background: #F5000A;
  content: "";
  display: block;
  height: 102%;
  left: calc(-50% - 50% * var(--skew));
  pointer-events: none;
  position: absolute;
  top: -104%;
  transform: skew(calc(150deg * var(--skew))) translateY(var(--progress, 0));
  transition: transform 0.2s ease;
  width: 100%;
}

.btn-17:after {
  --progress: 0%;
  left: calc(50% + 50% * var(--skew));
  top: 102%;
  z-index: -1;
}

.btn-17:hover:before {
  --progress: 102%;
}

.btn-17:hover:after {
  --progress: -101%;
}
.btn-17:hover span {
    color: #fff;
}
.btn-17.explore {
    background: #F5000A;
}
.btn-17.explore span {
    color: #fff;
}
.btn-17.explore:after, .btn-17.explore:before{
background: #3039a3;   
}




.select-menu .select-btn {
  display: flex;
  height: 60px;
  background: #95070d;
  padding: 20px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 0;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  color: #fff;
}

.select-menu .options {
  position: absolute;
  width: 100%;
  overflow-y: auto;
  max-height: 230px;
  padding: 0;
  margin-top: 10px;
  border-radius: 0;
  background: #95070d;
  box-shadow: none;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}

.select-menu .options .option {
  display: flex;
  height: 50px;
  cursor: pointer;
  padding: 0 16px;
  align-items: center;
  background: #95070d;
  border-bottom: 1px solid #9e0a11;
}

.select-menu .options .option:hover {
  background: #91070c;
}

.select-menu .options .option i {
  font-size: 25px;
  margin-right: 12px;
}

.select-menu .options .option .option-text {
  font-size: 15px;
  color: #fff;
}

.select-btn i svg {
  width: 25px;
  fill: #fff;
}

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}

.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}

.about-sec .about-cnt a {
    display: none;
}

@media (max-width:1400px){
  .btn-17{
    padding: 15px 25px;
  }
}
@media (max-width: 767px) {
  .btn-17 {
      width: 100%;
  }
  .btn-17:before {
    left: calc(-41% - 50%* var(--skew));
  }
}














span.wpcf7-not-valid-tip {
    display: none;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: none !important;
    color: #f00;
    padding: 0px !important;
    margin: 0px auto !important;
    float: left;
}

div.wpcf7 .ajax-loader {
    display: none;
}

div.wpcf7-mail-sent-ok {
    border: none !important;
    color: #005ca8;
    padding: 0px !important;
    margin: 0px auto !important;
    float: left;
}

.faq-form div.wpcf7-validation-errors,
.faq-form div.wpcf7-acceptance-missing,
.faq-form div.wpcf7-mail-sent-ok,
.contact-form div.wpcf7-validation-errors,
.contact-form div.wpcf7-acceptance-missing,
.contact-form div.wpcf7-mail-sent-ok,
.sample-request-form div.wpcf7-validation-errors,
.sample-request-form div.wpcf7-acceptance-missing,
.sample-request-form div.wpcf7-mail-sent-ok {
    padding-left: 15px !important;
}


/* Getting Started  */

.wedocs-single-wrap {
    padding: 60px;
}

.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_parent>a, .wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_item>a, .wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_ancestor>a {
    background: transparent !important;
    color: #f82b11 !important;
    border-radius: 5px;
    border-left: 2px solid #fb2913;
    border-radius: 0px !important;
}
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li a {
    color: #555555;
}

.wedocs-single-wrap .entry-header h1 {
    display: none;
}

.wedocs-single-wrap .wedocs-single-content article footer.entry-footer.wedocs-entry-footer {
    padding: 20px !important;
    float: left !important;
    margin-bottom: 20px;
    background: #000000 !important;
    color: #fff !important;
    border-radius:20px;
}

.wedocs-single-wrap .wedocs-single-content article .entry-content ul {
    display: block;
    margin-top: 30px;
}

.wedocs-single-wrap .wedocs-single-content article .entry-content ul li {
    padding-bottom: 10px;
}

.wedocs-single-wrap .wedocs-single-content article .entry-content ul li:last-child {
    padding: 0px;
}

.wedocs-single-wrap .wedocs-single-content article .entry-content ul li a {
    color: #555555;
    text-transform: capitalize;
}

.wedocs-single-wrap .wedocs-single-content article .entry-content ul li a:hover {
    color: #005ca8;
}

.wedocs-single-wrap .wedocs-single-content article .entry-content ul li ul {
    margin: 0px auto;
    margin-top: 10px;
}

.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_parent li.current_page_item>a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_item li.current_page_item>a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_ancestor li.current_page_item>a {
    border-left: 1px solid #005ca8 !important;
}
.wedocs-single-wrap .wedocs-single-content ol.wedocs-breadcrumb a {
    color: #fb2913 !important;
}

.wedocs-single-wrap .wedocs-single-content article header {
    display: none;
}

.docs-template-default .inner-footer {
    margin-top: 100px !important;
}
.wedocs-single-wrap {
    padding-top: 150px;
}
.wedocs-sidebar.wedocs-hide-mobile {
    border-top: 1px solid #eee;
    padding-top: 50px;
}
.wedocs-single-wrap .wedocs-single-content {
    border-top: 1px solid #eee;
    padding-top: 50px;
}
footer.entry-footer.wedocs-entry-footer:before {
    display: none !important;
}
span.wedocs-help-link.wedocs-hide-print.wedocs-hide-mobile {
    color: #000 !important;
}
footer.entry-footer.wedocs-entry-footer .feedback-content .wedocs-feedback-wrap a.positive {
    font-weight: 500;
    background: #f72c11 !important;
    color: white !important;
    border: 1px solid !important;
}



input[type="file"] {
    height: 60px;
    background-color: transparent;
    border-radius: 0;
    border:none !important;
   
}
input[type="file"]::-webkit-file-upload-button {
    height: 60px;
    background-color: #7d0409;
    color: #fff;
    border:none !important;
}
input[type="file"]:hover::-webkit-file-upload-button {
    background-color: #7d0409 !important;
}
.about-sec .about-cnt h3, .our-facility .facilities-listing .facility-box a .content h4, .explore-dubai .content .left h3, footer .top h3 {
    text-transform: capitalize;
}
.book-now-form form .input-field input, .book-now-form form .input-field textarea {
    padding-left: 14px;
}

footer:before {
    background: linear-gradient(45deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 44%) 21%, rgb(0 0 0 / 60%) 33%, rgb(0 0 0 / 93%) 100%);
}

.companies-listing .hotels figure {
    background-position: center !important;
}






.privacy-det .cnt {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.privacy-det .cnt h2 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    padding-bottom: 10px;
}
.privacy-det .cnt.last {
    padding: 0;
    border: 0;
    margin: 0;
}
.privacy-det .cnt p {
    font-size: 15px;
    line-height: 30px;
}
.privacy-det .cnt p strong {
    color: #fd2b12;
}
footer .fixed-section {
    position: fixed;
    left: 50px;
    bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
}
footer .promotions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
footer .promotions a {
    background: #d6261e;
    font-size: 13px;
    color: #fff;
    padding: 18px 25px;
    border-radius: 50px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    text-transform: uppercase;
    font-weight: 600;
}
footer .promotions a svg {
    width: auto;
    margin-right: 10px;
}
.promotion-slider{
       max-height: 360px;
    overflow: hidden;
    padding:0;
        margin: 0;
}
.promotion-slider .owl-stage-outer{
     padding:0;
}
.promotion-list {
    min-height: 750px;
}

@media(max-width:1366px){

footer .fixed-section {
    bottom: 30px;
}
footer .promotions a {
    padding: 12px 12px;
}
footer .promotions a svg {
    margin-right: 5px;
}
}
@media(max-width:1200px){

}
@media(max-width:768px){
      .group-companies .title h2 {
    font-size: 50px;
}
footer .fixed-section {
    bottom: 15px;
    left:15px;
}
footer:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 4%, rgb(0, 0, 0) 100%);
}
footer .row{
    margin:0;
}
}
@media(max-width:767px){
    footer{
        padding-left:0px !important;
        padding-right:0px !important;
    
   }
    footer .top, footer .bottom{
        padding-left:15px;
        padding-right:15px;
    
   }
       footer .fixed-section {

        position: relative;
        left: 0;
        right: 0;
        text-align: center;
         bottom: 50px;
    }
    footer .promotions, footer .promotions a {
    width: 100%;
    border-radius: 0;
}
.promotion-slider{
       max-height: 400px;
}
}

@media(max-width:585px){
.is-compact .fancybox__footer .fancybox__caption {
    text-align: center;
}
.inner-page header .main-menu .right-menu.contact-btn a {
    color: #ffffff;
}
.privacy-det .cnt {
    text-align: center;
}

}

.grid-item { 
  width: 25%;
  border: 10px solid #f7f7f7;
 }
.grid-item--width2 { width: 50%; }
.promotion-list .promotion-catogory .grid.box a {
  margin-bottom: 0;
}
@media (max-width:1400px){
  .btn-17{
    padding: 15px 25px;
  }
}
@media (max-width: 767px) {
  .btn-17 {
      width: 100%;
  }
  .btn-17:before {
    left: calc(-41% - 50%* var(--skew));
  }
  .grid-item { 
    width: 50%;
   }
}