@charset "utf-8";

/*-----------------------
    Fonts
-------------------------*/
@font-face {
    font-family: 'Almarai-Regular';
    src: url('../fonts/Almarai-Regular.eot');
    src: url('../fonts/Almarai-Regular.otf') format('otf'), url('../fonts/Almarai-Regular.ttf') format('truetype'), url('../fonts/Almarai-Regular.woff') format('woff'), url('../fonts/Almarai-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Almarai-Bold';
    src: url('../fonts/Almarai-Bold.eot');
    src: url('../fonts/Almarai-Bold.otf') format('otf'), url('../fonts/Almarai-Bold.ttf') format('truetype'), url('../fonts/Almarai-Bold.woff') format('woff'), url('../fonts/Almarai-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*-----------------------
    Styles
-------------------------*/
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
    scroll-behavior: initial;
    overflow-x: hidden !important;
}

body {
    font-size: 16px;
    color: #000000;
    vertical-align: baseline;
    line-height: 26px;
    font-weight: 400;
    overflow-x: hidden !important;
    font-family: 'Almarai-Regular';
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em
}

a {
    background-color: transparent;
    cursor: pointer !important;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

.btn {
    width: max-content;
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    appearance: button;
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    appearance: textfield;
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    box-sizing: border-box
}

[hidden],
template {
    display: none
}

*,
:after,
:before {
    box-sizing: inherit
}

address {
    font-style: inherit
}

cite,
dfn,
em,
i {
    font-style: italic
}

b,
strong {
    font-weight: 700
}

a {
    text-decoration: none
}

a svg {
    pointer-events: none
}

ol,
ul {
    list-style: none
}

figure,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

[tabindex],
a,
area,
button,
input,
label,
select,
textarea {
    touch-action: manipulation
}

[hreflang]>abbr[title] {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: 0;
    border-top: 1px solid #C5DCEF;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio:not([controls]) {
    display: none;
    height: 0
}

img,
svg {
    height: auto;
    max-width: 100%
}

img[height],
img[width],
svg[height],
svg[width] {
    max-width: none
}

img {
    font-style: italic
}

svg {
    fill: currentColor
}

input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    display: block;
    font: inherit;
    line-height: normal;
    margin: 0;
    outline: 0;
    padding: 0;
    width: 100%
}

select {
    text-transform: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    background: none;
    color: inherit
}

textarea {
    overflow: auto;
    resize: vertical
}

.no-padding {
    padding: 0 !important;
}

.sm-padding {
    padding: 0 16px;
}

/********************************/
/* Section   Css      */
/********************************/
.section {
    color: inherit;
}

.section[data-bg=yellow] {
    color: #333;
}

.section[data-bg=white] {
    color: #302A2A;
}

/********************************/
/*      Css      */
/********************************/
.padding-0 {
    padding: 0 !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-170 {
    padding-bottom: 170px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.sparator-15 {
    height: 15px;
    clear: both;
}

.ml-15 {
    margin-left: 15px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-30 {
    margin-top: 30px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.margin-remove {
    margin: 0 !important;
}
.small-padding-section
{
    padding: 48px 0;
}
/********************************/
/*    Font   Css      */
/********************************/
.f-16 {
    font-size: 16px !important;
    line-height: 25px !important;
}

.p-relative {
    position: relative !important;
}

/* width */
/*
::-webkit-scrollbar {
    width: 0 !important;
}*/

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: transparent;
}
/********************************/
/*     preloader  Css      */
/********************************/
.loadcover{
    background: linear-gradient(270deg, #BE2426 0%, rgba(33, 33, 33, 0.5) 139.38%);
    z-index: 999999;
    width: 100%;
    height: 100%;
    position: fixed;
}

/*Extra CSS*/

h1 {
    font-family: sans-serif;
    font-size: 80px;
    color: cornflowerblue;
    margin: 0;
    padding-top:2.5em;
}

/********************************/
/*     Footer  Css      */
/********************************/
footer .top-footer
{
    padding: 80px 0 40px 0;
}
.logo-description-part
{
    padding: 0 12%;
}
.logo-description-part .logo img
{
    display: block;
    margin: 0 auto 24px auto;
}
.logo-description-part  p
{
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
    margin-bottom: 24px;
}
.logo-description-part .social-footer
{
    justify-content: center;
    gap: 24px;
}
.logo-description-part .social-footer li a svg path
{
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.logo-description-part .social-footer li:first-child  a:hover svg path
{
    fill: #c4302b !important;
}
.logo-description-part .social-footer li:nth-child(2n)  a:hover svg path
{
    fill: #d6249f !important;
}
.logo-description-part .social-footer li:nth-child(3n)  a:hover svg path
{
    fill: #1D9BF0 !important;
}
.logo-description-part .social-footer li:nth-child(4n)  a:hover svg path
{
    fill: #3b5998 !important;
}
.footerLinkMenue
{
    max-width: 80%;
    display: block;
    margin: 0 auto;
}
.footerLinkMenue h3
{
    color: #302A2A;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 32px;
    font-weight: 700;
}
.footerLinkMenue ul li a,
.footerLinkMenue ul li span
{
    display: block;
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
    margin-bottom: 16px;
}
.footerLinkMenue ul li span img
{
    margin-left: 16px;
}
.bottom-footer
{
    padding: 24px 0 37px 0;
}
.bottom-footer p
{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
}
hr
{
    border: 0;
    border-top: 1px solid #F2EAE9;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    opacity: 1;
}
/********************************/
/*    client-opinion   Css      */
/********************************/
.client-opinion
{
    padding: 80px 0;
}
.titile-section
{
    margin-bottom: 48px;
}
.titile-section h3
{
    font-size: 32px;
    line-height: 51px;
    color: #302A2A;
    margin-bottom: 24px;
    font-weight: 700;
}
.titile-section p
{
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
    margin-bottom: 0;
}
/********************************/
/*   services    Css      */
/********************************/
.services
{
    padding: 80px 0;
}
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.client-opinion-box
{
    background: #FFFFFF;
    padding: 16px 12px;
    min-height: 110px;
}
.client-opinion-box
{
    gap: 16px;
    align-items: center;
}
.customer_reviews_image img
{
    width: 121px;
    max-width: 121px;
    height: 126px;
    object-fit: cover;
}
.customer_reviews_text h3
{
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    color: #302A2A;
    margin-bottom: 4px;
}
.customer_reviews_text p
{
    display: block;
    display: -webkit-box;
    font-size: 14px;
    line-height: 25px;
    color: #534C4C;
    font-weight: 400;
    margin-bottom: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-button-next:after
{
    content: url(../images/icon/r-arrow.svg);
}
.swiper-button-prev:after
{
    content: url(../images/icon/l-arrow.svg);
}
.swiper-button-prev
{
    left: 32px;
}
.swiper-button-next
{
    right: 32px;
}
.swiper-button-next, .swiper-button-prev
{
    top: 65%;
}
/********************************/
/*     Services  Css      */
/********************************/
.services-box
{
    background: #FFFFFF;
    padding: 24px 0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.services-box:hover
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.services-icon-part
{
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 43px;
    margin-bottom: 16px;
    border-radius: 100%;
    background: #FEF5F5;
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.services-text-part p
{
    color: #302A2A;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
}

@-webkit-keyframes zoom-fade {
    0% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  
    50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    100% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  
  @keyframes zoom-fade {
    0% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  
    50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    100% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
/********************************/
/*     Slider-Room  Css      */
/********************************/
.slider-room-section
{
    padding: 80px 0;
}
.slider-room-section .swiper-button-next,.slider-room-section .swiper-button-prev
{
    top: 55%;
}
.slider-room-box
{
    background: #F5F5F5;
    padding: 0;
    box-shadow: 0px 4px 16px 0px rgb(22 22 22 / 15%);
}
.slider-room-image-part img
{
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 0;
}
.slider-room-text-part
{
    padding: 24px;
}
.slider-room-text-part h4{
    font-size: 20px;
    line-height: 32px;
    color: #302A2A;
    font-weight: 700;
    margin-bottom: 16px;
}
.slider-room-text-part p
{
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
    margin-bottom: 24px;
}
.slider-room-text-part .price
{
    color: #BE2426;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.slider-room-text-part .price span
{
    font-size: 24px;
    font-weight: 700;
    padding: 0 8px;
}
.btn-primary
{
    background: #BE2426;
    border: 1px solid #BE2426;
    padding: 19px 0;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 15px;
    border-radius: 0;
    letter-spacing: 0.0125em;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.btn-primary:hover
{
    background: rgba(236, 62, 52, 1);
    border: 1px solid rgba(236, 62, 52, 1);
}
/********************************/
/*   About-jowain    Css      */
/********************************/
.About-jowain
{
    padding: 80px 0;
}
.About-jowain-image-part img
{
    display: block;
    width: 100%;
    height: 372px;
    object-fit: cover;
}
/********************************/
/*   banner-section    Css      */
/********************************/
.banner-section
{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
.banner-title
{
    padding: 194px 0 209px 0;
    color: #302A2A;
    font-size: 40px;
    line-height: 64px;
    margin-bottom: 0;
}
.form-banner-part
{
    background: linear-gradient(270deg, #BE2426 0%, rgba(33, 33, 33, 0.5) 139.38%);
    padding: 32px 53px;
}
.bootstrap-select>.dropdown-toggle
{
    border: 0;
    border-bottom: 0.5px solid #B2AAAA;
    background: transparent;
    border-radius: 0;
    padding: 8px 16px 20px 16px;
    color: #F2EAE9;
    font-size: 20px;
    line-height: 32px;
    font-family: 'Almarai-Bold';
}
.bootstrap-select>.dropdown-toggle:focus,.btn:focus-visible,.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle
{
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.bootstrap-select .dropdown-toggle .filter-option
{
    text-align: right;
}
.form-banner-part ul
{
    gap: 48px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.btn-search
{
    background: #FEF5F5;
    border: 1px solid #FEF5F5;
    border-radius: 0;
    color: #212121;
    font-size: 14px;
    line-height: 15px;
    padding: 14px 64px;
    font-family: 'Almarai-Bold';
}
.btn-search:hover
{
    border: 1px solid #FEF5F5;
    color: #FEF5F5;
    background: transparent;
}
.form-control
{
    background: transparent;
    padding: 8px 16px 20px 40px;
    max-width: 170px;
    border: 0;
    border-bottom: 0.5px solid #B2AAAA;
    border-radius: 0;
}
.form-control::-webkit-input-placeholder {
    color: #F2EAE9;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Almarai-Bold';
  }
  
  .form-control:-ms-input-placeholder {
    color: #F2EAE9;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Almarai-Bold';
  }
  
  .form-control::placeholder {
    color: #F2EAE9;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Almarai-Bold';
  }
/********************************/
/*       Css      */
/********************************/
.navigation {
    background: transparent;
    padding-top: 40px;
}
.navigation.sm-padding
{
    padding: 16px 0;
}
.navigation .nav-parts
{
    align-items: center;
}
.brand {
    padding-left: 60px;
}
.brand a, .brand a:visited {
    color: #000;
    text-decoration: none;
}
.nav-container {
    max-width: 1000px;
    margin: 0 auto;
}
nav {
    float: right;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li {
    position: relative;
    float: right;
}
nav ul li a,nav ul li a:visited , nav ul li a {
    display: block;
    padding: 0 20px;
    line-height: 55px;
    color: rgba(83, 76, 76, 1);
    text-decoration: none;
    color: rgba(83, 76, 76, 1);
    text-decoration: none;
    font-size: 16px;
    line-height: 25px;
}
nav ul li a:hover, nav ul li a:visited:hover , nav ul li a.active {
    color: rgba(190, 36, 38, 1);
}
.navbar-dropdown li a{
   color: rgba(190, 36, 38, 1);
}
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: ' \025BE';
}
nav ul li ul li {
    min-width: 190px;
}
nav ul li ul li a {
    padding: 15px;
    line-height: 20px;
}
.navbar-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.25);
}
/* Mobile navigation */
.nav-mobile {
    display: none;
    position: relative;
    z-index: 1111111;
    width: 50px;
    height: 28px;
}
@media screen and (min-width:991px) {
    .nav-list {
        display: block !important;
   }
}
@media only screen and (max-width: 991px) {
    .nav-mobile {
        display: block;
   }
    nav ul {
        display: none ;
   }
    nav ul li {
        float: none;
   }
    nav ul li a {
        padding: 15px;
        font-size: 16px;
        line-height: 25px;
        color: rgba(83, 76, 76, 1);
   }
    nav ul li ul li a {
        padding-left: 30px;
   }
    .navbar-dropdown {
        position: static;
}
}
.container-navigation
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#navbar-toggle {
    position: relative;
    left: 18px;
    top: 15px;
    cursor: pointer;
}
#navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 30px;
    background: rgba(190, 36, 38, 1);
    position: relative;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
#navbar-toggle span:before {
    top: -10px;
}
#navbar-toggle span:after {
    bottom: -10px;
}
#navbar-toggle.active span {
    background-color: transparent;
}
#navbar-toggle.active span:before, #navbar-toggle.active span:after {
    top: 0;
}
#navbar-toggle.active span:before {
    transform: rotate(45deg);
}
#navbar-toggle.active span:after {
    transform: rotate(-45deg);
}

a.change-language 
{
    font-size: 16px;
    line-height: 25px;
    color: rgba(83, 76, 76, 1);
    text-transform: capitalize;
    font-family: 'Almarai-Bold';
}
a.change-language  svg
{
    margin-right: 8px;
}
.mobile-only
{
    display: none;
}
.bootstrap-select .dropdown-menu li
{
    border-bottom: 1px solid rgba(242, 234, 233, 1);
   padding-bottom: 8px;
}
.bootstrap-select .dropdown-menu li:last-child
{
    padding-bottom: 0;
    border-bottom: 0;
}
.bootstrap-select .dropdown-menu li a {
    font-size: 20px;
    line-height: 32px;
    color: rgba(83, 76, 76, 1);
}
.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    background: rgba(255, 255, 255, 1);
    border: 0px solid rgba(255, 255, 255, 1);
    padding: 24px 0;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: rgba(190, 36, 38, 1);
}
.date{
    
    transition: 250ms width ease, 250ms border-color ease;
  }

  .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}
::-webkit-inner-spin-button { 
    display:none;
  }
input[type=date]::placeholder
{
    color: #fff;
}
  input[type=date]{
    font-size:16px;
    color: #fff !important;
  }
  ::-webkit-datetime-edit-text { color:#fff}
  ::-webkit-datetime-edit-month-field { color:#fff }
  ::-webkit-datetime-edit-day-field { color: #fff; }
  ::-webkit-datetime-edit-year-field { color:#fff; }
  ::-webkit-calendar-picker-indicator{ 
    background-image: url(http://icons.iconarchive.com/icons/dakirby309/simply-styled/256/Calendar-icon.png);
        background-position:center;
         background-size:20px 20px;
         background-repeat:no-repeat;
        color:#fff;
  }
  
  .form-box .form-group input[type=date]::placeholder{
          color: #B2AAAA;
  }
   .form-box .form-group input[type=date]{
    font-size:16px;
    color: #B2AAAA !important;
  }
  ::-webkit-datetime-edit-text { color:#B2AAAA}
  ::-webkit-datetime-edit-month-field { color:#B2AAAA }
  ::-webkit-datetime-edit-day-field { color: #B2AAAA; }
  ::-webkit-datetime-edit-year-field { color:#B2AAAA; }
  ::-webkit-calendar-picker-indicator{ 
    background-image: url(http://icons.iconarchive.com/icons/dakirby309/simply-styled/256/Calendar-icon.png);
        background-position:center;
         background-size:20px 20px;
         background-repeat:no-repeat;
        color:#B2AAAA;
  }
/********************************/
/*   breadcrumb    Css      */
/********************************/
.breadcrumb
{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 140px 0;
    position: relative;
}
.breadcrumb::after
{
    position: absolute;
    content: ' ';
    background: rgba(22, 22, 22, 0.4);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.breadcrumb-text-part
{
    position: relative;
    z-index: 1111;
}
.breadcrumb-text-part span
{
    display: block;
    font-size: 24px;
    line-height: 26px;
    color: rgba(236, 62, 52, 1);
    margin-bottom: 16px;
}
.breadcrumb-text-part h3
{
    font-size: 40px;
    line-height: 64px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 0;
    font-family: 'Almarai-Bold';
}
/********************************/
/*  Rooms     Css      */
/********************************/
.Rooms
{
    padding: 80px 0;
}
/********************************/
/*  OffersRoom     Css      */
/********************************/
.OffersRoom
{
    padding: 80px 0;
}
.offer-card
{
    box-shadow: 0px 4px 16px 0px rgba(22, 22, 22, 0.16);
    background: rgba(245, 245, 245, 1);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.offer-card:hover
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.offer-card .image-part img
{
    width: 100%;
    min-height: 200px;
    height: 100%;
    object-fit: cover;
}
.offer-card  .text-part
{
    padding: 24px 24px 24px 15%;
}
.offer-card  .text-part h3
{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 24px;
    font-weight: 600;
    color: rgba(48, 42, 42, 1);

}
.offer-card  .text-part .price {
    color: #BE2426;
    font-size: 16px;
    line-height: 25px;
    min-height: 39px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.offer-card  .text-part .price span {
    font-size: 24px;
    font-weight: 700;
    padding: 0 8px;
}
.old-price
{
    display: block;
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 5px;
    color: rgba(83, 76, 76, 1);
}
.old-price span {
    font-size: 16px;
    font-weight: 700;
    padding: 0 8px;
}
/********************************/
/* About-items-section  Css    */
/********************************/
.About-items-section
{
    padding: 80px 0 0 0;
}
.box-About-item
{
    -webkit-transition: all 1s ease-out; 
     transition: all 1s ease-out;
     box-shadow: 0px 4px 16px 0px #16161626;
     background: #fff;
     padding: 40px 50px;
}
.box-About-item:hover
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.box-About-item svg
{
    display: block;
    margin: 0 auto 8px auto;
}
.box-About-item .box-text h3
{
    font-size: 24px;
    color: #302A2A;
    line-height: 38px;
    margin-bottom: 16px;
    font-family: 'Almarai-Bold';
}
.box-About-item .box-text  p
{
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
    margin-bottom: 0;
}
.banner-fluid-image
{
    margin-top: 80px;
}
.banner-fluid-image img
{
    display: block;
    width: 100%;
    height: 410px;
    object-fit: cover;
}
.text-attach-to-image-fluid .card-text
{
    box-shadow: 0px 8px 0px 0px #D1B359 inset;
    background: #fff;
    padding: 40px;
    position: relative;
    top: -46%;
}
.text-attach-to-image-fluid .card-text h3
{
    font-size: 24px;
    line-height: 38px;
    color: #302A2A;
    margin-bottom: 16px;
    letter-spacing:-0.5px;
    font-family: 'Almarai-Bold';
}
.text-attach-to-image-fluid .card-text p
{
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
    margin-bottom: 0;
}
/********************************/
/*   form-box    Css      */
/********************************/
.seggestion-div
{
    padding: 80px 0;
}
.form-box
{
    background: #FFFFFF;
    padding: 40px 65px;
}
.form-box .form-group
{
    margin-bottom: 24px;
}
.form-box .form-group input
{
    width: 100%;
    max-width: 100%;
    display: block;
    padding: 11px 16px;
    color: #B2AAAA;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Almarai-Regular';
    border-bottom: 1px solid #B2AAAA
}
[type=email], [type=number], [type=tel], [type=url] {
    direction: rtl;
}
.form-box .form-group input::-webkit-input-placeholder {
    color: #B2AAAA;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Almarai-Regular';
  }
  
  .form-box .form-group input:-ms-input-placeholder {
    color: #B2AAAA;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Almarai-Regular';
  }
  
  .form-box .form-group input::placeholder {
    color: #B2AAAA;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Almarai-Regular';
  }
  .form-box .form-group .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
.form-box .form-group  .bootstrap-select>.dropdown-toggle
{
    color: #B2AAAA;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Almarai-Regular';
}
.form-box .form-group .dropdown-toggle::after {
    border-top: 0.3em solid #302A2A;
}
.form-box .form-group .form-control
{
    max-width: 100% !important;
}
.form-box .form-group textarea
{
    border: 1px solid #B2AAAA;
    color: #B2AAAA;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Almarai-Regular';
    resize: none;
}
.form-box .form-group label
{
    display: block;
    color: #B2AAAA;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 8px;
}
.responsive-map{
    overflow: hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
    .responsive-map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }
.form-box .btn-primary
{padding: 19px 85px;
    margin-top: 20px;
}
/********************************/
/*   Room_specifications  Css  */
/********************************/
.Room_specifications
{
    padding: 30px 0 80px 0;
}
.Room_specifications .swiper-slide img.main-image
{
    width: 100%;
    height: 504px;
    object-fit: cover;
}
.Room_specifications .mySwiper2 .swiper-slide
{
    height: 504px;
    margin-bottom: 24px;
}
.Room_specifications  .small-slider-image img
{
    width: 82px;
    height: 83px;
    object-fit: cover;
}
.Room_specifications .mySwiper2 {
    height: 80%;
    width: 100%;
  }

  .Room_specifications  .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .Room_specifications  .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .Room_specifications  .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }
.items-specifications .card-price
{
    background: #fff;
    padding: 40px 41px;
    margin-bottom: 24px;
}
.items-specifications .card-price span
{
    font-size: 32px;
    color: #302A2A;
    line-height: 51px;
    font-weight: 700;
    margin-bottom: 16px;
}
.items-specifications .card-price .price 
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}
.items-specifications .card-price .price p
{
    font-size: 16px;
    line-height: 25px;
    color: #BE2426;
    margin-bottom: 0;
}
.items-specifications .card-price .price span
{
    font-size: 40px;
    font-weight: 700;
    color: #BE2426;
    margin-bottom: 0;
    padding-left: 16px;
}
.items-specifications .room-specifications-card
{
    background: #fff;
    padding: 49px 40px;
}
.items-specifications .room-specifications-card h3
{
    color: #302A2A;
    font-size: 32px;
    line-height: 51px;
    font-weight: 700;
    margin-bottom: 16px;
}
.items-specifications .room-specifications-card p
{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
}
/********************************/
/*       Css      */
/********************************/
.banner-contact-section
{
    padding: 30px 0 40px 0;
}
.banner-contact-section img
{
    height: 504px;
    object-fit: cover;
}
.contant-info-price
{
    margin-bottom: 40px;
}
.contant-info-price .first-part
{
    background: #FFFFFF;
    padding: 30px 20px;
}
.contant-info-price .first-part h3
{
    font-size: 32px;
    line-height: 51px;
    color: #302A2A;
    font-weight: 700;
    margin-bottom: 16px;
}
.contant-info-price .first-part p
{
    font-size: 16px;
    line-height: 25px;
    color: #EC3E34;
    margin-bottom: 0;
}
.items-specifications.contact
{
    background: #FEF5F5;
    padding: 20px;
    text-align: center;
}
.items-specifications.contact .card-price
{
    background: transparent;
    padding: 0;
    margin: 0;
}
.items-specifications.contact .card-price .price
{
    margin-bottom: 0;
}
.fw-normal
{
    font-weight: normal !important;
}
.guestInformation
{
    background: #FFFFFF;
    padding: 80px 70px;
}

h3.guesttitle
{
    font-size: 32px;
    line-height: 51px;
    color: #302A2A;
    font-weight: 700;
    margin-bottom: 40px;
}
.form-check
{
    margin-bottom: 16px;
}
label.form-check-label
{
    font-size: 16px;
    line-height: 25px;
    color: #534C4C;
    font-weight: 400;
}
.form-check-input[type=checkbox]
{
    width: 24px;
    height: 24px;
    border: 1px solid #B2AAAA;
    border-radius: 0;
    margin-left: 16px;
    background: #F2EAE9;
}
.form-check-input:focus {
    border-color: #B2AAAA;
    outline: 0;
    box-shadow: unset;
}
.form-check-input:checked[type=checkbox] {
    background-image: url(../images/icon/checked.svg);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}
/********************************/
/*   gallary-section    Css     */
/********************************/
.gallary-section
{
    padding: 80px 0;
}
.gallary-section .col-gallary:first-child .main-image,
.gallary-section .col-gallary:nth-child(2n) .main-image
{
    height: 591px;
    object-fit: cover;
}
.gallary-section .col-gallary:nth-child(3n) .main-image,
.gallary-section .col-gallary:nth-child(4n) .main-image
{
    height: 385px;
    object-fit: cover;
}
/********************************/
/*       Css      */
/********************************/
.rate-div .fa-star
{
    color: #BE2426;
}
.nav-tabs
{
    border: 0;
    gap: 16px;
}
.nav-link:hover
{
    border: 0;
}
.nav-tabs .nav-link
{
    background: #d6d6d6;
    color: #fff;
    padding: 14px 40px;
    border-radius: 0px;
    border: 0;
    font-size: 18px;
    font-family: 'Almarai-Regular';
}
.nav-tabs .nav-link.active
{
    background: #BE2426;
    color: #fff;
}
/********************************/
/*       Css      */
/********************************/
/********************************/
/*       Css      */
/********************************/
/********************************/
/*       Css      */
/********************************/
/********************************/
/*       Css      */
/********************************/
/********************************/
/*       Css      */
/********************************/
/********************************/
/*       Css      */
/********************************/