/* font family  */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

:root {
  --heading-font: 'Playfair Display', serif;
  --text-font: 'Poppins', sans-serif;
  --theme-color: #da3c3c;
  --heading-color: #0e2a4e;
  --text-color: #797979;
  --background-color: #0e1720;
}

/* common css */

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

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none !important;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  line-height: 1.25em;
  margin: 0px;
  background: none;
  color: #222;
  font-family: 'Playfair Display', serif;
}

.sec_pad {
  padding: 60px 0;
}

body {
  background-color: var(--background-color);
  font-family: var(--text-font);
}

.primary_btn {
  display: inline-block;
  padding: 12px 25px;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 3px;
  transition: .5s;
  z-index: 0;
  background: var(--theme-color);
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 26px;
  font-weight: 600;
  position: relative;
  border: none;
}


.primary_btn:hover {
  color: #fff;
  background-color: #222;
}

.btn-style-two {
  position: relative;
  display: inline-block;
  padding: 15px 40px;
  vertical-align: middle;
  transition: .5s;
  z-index: 1;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 28px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  content: "";
  background-color: var(--theme-color);
  transition: .5s;
  border-top-right-radius: 33px;
  border-bottom-right-radius: 33px;
  z-index: -1;
}

.btn-style-two:hover:before {
  width: 100%;
  border-radius: 0;
}

.sub-title {
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.6em;
  color: var(--theme-color);
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 53px;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.sub-title::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 45px;
  background: var(--theme-color);
  left: 0;
  bottom: 7px;
}

.sec-title {
  font-size: 50px;
  line-height: 60px;
  color: #0e2a4e;
  font-weight: 800;
  margin-bottom: 50px;
  position: relative;
}

.text {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #555555;
  margin: 0px 0px 15px;
}


/* Home paeg start here */

/* top header start */
.top_header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 0;
  z-index: 2;
}

.top_header a {
  color: #fff;
  padding-right: 15px;
}

.top_header a i {
  color: var(--theme-color);
  padding-right: 5px;
}


/* bottom header start*/
.bottom_header {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  z-index: 2;
}

.navbar-brand img {
  width: 200px;
}

.bottom_header .navbar .navbar-nav a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: var(--theme-color);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--theme-color);
}

.navbar-light .navbar-toggler {
  background-color: #fff;
}

.sticky {
  background-color: #0e2a4e;
}

/* hero section start */
.hero {
  background-image: url('../images/banner/hero-bg.jpg');
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.hero_wrap {
  display: flex;
  align-items: center;
  height: 100%;
}


.hero_content_wrap h3 {
  font-size: 50px;
  color: #fff;
  font-weight: 700;
  font-family: var(--heading-font);
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  /*! background: #fff; */
  border-radius: 4px;
  margin: 0;
  padding: 10px 10px;
  /*! background: white; */
}

.hero_content_wrap p {
  font-size: 22px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  margin-bottom: 35px;
}

/* about section start */

section.about .sec-title {
  margin-bottom: 5px;
}

section.about .text {
  font-size: 20px;
  line-height: 32px;
  color: rgb(246 246 250 / 60%);
  font-weight: 400;
  margin-top: 30px;
}

section.about a.read-more-btn {
  font-size: 24px;
  line-height: 32px;
  color: var(--theme-color);
  display: inline-block;
  margin-top: 30px;
  transition: .5s;
}

section.about .content-block {
  max-width: 318px;
  background-color: #891913;
  padding: 10px 10px 10px;
  margin: 0 auto;
  margin-right: 0;
}

section.about .content-block .inner-box {
  border: 1px solid #9e423d;
  padding-top: 35px;
  padding-bottom: 45px;
  text-align: center;
}

section.about .inner-box .icon {
  width: 100px;
  margin: 0 auto;
}

.about .content-block h3 {
  font-size: 32px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 45px;
}

.about .text-two {
  font-size: 20px;
  line-height: 28px;
  color: hsl(240deg 29% 97% / 70%);
  font-weight: 400;
  text-align: center;
}

.about .content-block .btn-style-two:hover {
  color: #fff;
}

.about .content-block .btn-style-two {
  padding: 8px 25px;
}

.about .content-block .link-btn {

  margin-top: 40px;
}

.about .content-block .btn-style-two:before {
  background: #0f1925;
}

/* aminities section start */

.amenities-section-two {
  position: relative;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-top: 60px;
  /* margin-bottom: 60px; */
}

.amenities-section-two::before {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  top: -13px;
  background: rgb(255 255 255 / 18%);
  height: 13px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}




@media only screen and (min-width: 1320px) {
  .mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
}

.facilities-item {
  max-width: 60px;
}

.amenities-block .inner-box {
  position: relative;
  padding-left: 95px;
  margin-bottom: 50px;
}

.amenities-block .icon {
  position: absolute;
  left: 0;
  top: 0;
  /* font-size: 65px; */
  color: #0e2a4e;
}

.amenities-block h1 {
  font-size: 22px;
  line-height: 21px;
  color: #0e2a4e;
  margin-bottom: 15px;
  font-family: var(--text-font);
  font-weight: 600;
}

.amenities-block .text {
  font-size: 18px;
  line-height: 30px;
  color: #8a8b96;
}

/* Romm section start */

.room-section-two {
  position: relative;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-top: 0;
  margin-bottom: 60px;
}

.room-section-two:before {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  bottom: -13px;
  background: rgb(255 255 255 / 15%);
  height: 13px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.room-block-two .image {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
  border-radius: 8px;
}

.room-block-two .text {
  position: absolute;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 53px;
  color: #0e2a4e;
  font-weight: 400;
  width: 202px;
  height: 55px;
  border-radius: 8px;
  background-color: #ffffff;
  left: 25px;
  bottom: 25px;
  text-align: center;
  margin-bottom: 0;
}

.room-block-two h3 {
  font-size: 32px;
  line-height: 40px;
  color: #0e2a4e;
  font-weight: 700;
  font-family: "Playfair Display";
  margin-bottom: 20px;
}

.room-block-two h3 a {
  color: #0e2a4e;
  transition: .5s;
}

.room-block-two ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.room-block-two li {
  margin-right: 40px;
}

.room-block-two li i {
  margin-right: 10px;
  font-size: 24px;
  position: relative;
  vertical-align: middle;
}

.room-block-two .icon-list {
  font-size: 18px;
  line-height: 35px;
  color: #797979;
  font-weight: 400;
}

.room-block-two .text-two {
  font-size: 18px;
  line-height: 28px;
  color: #797979;
  font-weight: 400;
  margin-bottom: 30px;
}

.room-block-two .primary_btn {
  padding: 12px 25px;
  font-size: 13px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Poppins";
}

/* Offer section start */
.offer-section {
  position: relative;
}

.offer-block .offer {
  font-size: 48px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 700;
  width: 134px;
  height: 134px;
  border-radius: 67px;
  background-color: var(--theme-color);
  position: absolute;
  top: 20px;
  text-align: center;
  padding-top: 28px;
  text-transform: uppercase;
  left: 20px;
  font-family: GlacialIndifference-Bold;
}

.offer-block .inner-box {
  position: relative;
}

/* .offer-block .inner-box img {
  max-width: 100%;
} */

.offer-block .offer span {
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 700;
}

section.offer-section .lower-content {
  margin: 10px 10px;
  padding: 20px 30px;
  background-color: #ffffff;
  position: absolute;
  left: 13px;
  bottom: 0;
  /* right: 0; */
}

section.offer-section h3.wrapper {
  font-size: 28px;
  line-height: 26px;
  color: #0e2a4e;
  /* font-family: 'GlacialIndifference-Bold'; */
  margin-bottom: 9px;
}

section.offer-section .text-three {
  font-size: 18px;
  line-height: 22px;
  color: #797979;
  font-weight: 400;
  margin-top: 16px;
}

.offer-block-two .inner-box {
  position: relative;
}

.offer-block-two .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 160px;
  background: #0e2a4e;
  padding: 30px 20px;
}

.offer-block-two h3 {
  font-size: 22px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Poppins";
  margin-bottom: 38px;
}


.offer-block-two .text {
  font-size: 48px;
  line-height: 40px;
  color: #ffffff;
  font-family: 'GlacialIndifference-Bold';
  margin-bottom: 60px;
}

.offer-block-two .text-two {
  font-size: 18px;
  line-height: 24px;
  color: rgb(255 255 255 / 60%);
  font-weight: 400;
}

.offer-block-two .text span {
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #ffffff;
}

.offer-block-three .text {
  font-size: 18px;
  line-height: 30px;
  color: #a2a8b2;
  font-weight: 400;
  margin-top: 27px;
}

/* Offer section end */

/* testimonial section start */
section.testimonials-section {
  position: relative;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

section.testimonials-section::before {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  top: -13px;
  background: rgb(255 255 255 / 18%);
  height: 13px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

section.testimonials-section::after {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  bottom: -13px;
  background: rgb(255 255 255 / 18%);
  height: 13px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}



section.testimonials-section .content-block {
  background-image: url(../images/testimonial/image-11.jpg);
  position: relative;
  margin-right: 87px;
  background-size: cover;
  border-radius: 8px;
  padding-left: 45px;
  padding-bottom: 60px;
  padding-top: 58px;
}


section.testimonials-section .content-block .sub-title:before {
  background-color: #fff;
}

.testimonials-section .title-box .sub-title {
  color: #fff;
}

.testimonials-section .title-box .sec-title {
  color: #fff;
}

.testimonial-block {
  position: relative;
  /* margin-bottom: 30px; */
}

.testimonial-block h3 {
  font-size: 30px;
  line-height: 21px;
  color: #0e2a4e;
  font-weight: 700;
  position: relative;
  padding-left: 74px;
  padding-top: 10px;
  margin-bottom: 35px;
}

.testimonial-block h3 .quote {
  font-size: 150px;
  letter-spacing: 15px;
  line-height: 135px;
  font-weight: 700;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--theme-color);
  color: transparent;
  position: absolute;
  font-family: 'Roboto', sans-serif;
  top: -4px;
  left: 0;
}

.testimonial-block .text {
  font-size: 18px;
  line-height: 28px;
  color: #797979;
  font-weight: 400;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.testimonial-block .author-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  flex-direction: column;
}

.testimonial-block .author-thumb {
  margin-right: 20px;
}

.testimonial-block .name {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 47px;
  color: var(--theme-color);
  font-weight: 700;
  font-family: "Roboto";
  text-transform: uppercase;
}

.review-s a i {
  color: #fbbc05;
}

/* testimonial section end */

/* css for footer section start */

.t-footer ul li a {
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.b-footer {

  background-color: #192938;

  color: #ffffff;

  text-transform: capitalize;

  letter-spacing: 1.5px;
}

.b-footer ul li a {
  color: #ffffff;
  padding: 0 15px;
  text-transform: capitalize;
  letter-spacing: 1.5px;
}

.footer-heading {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: capitalize;
  margin-top: 10px;
  color: #fff;
}

.footer-text {
  margin: 20px 0;
  letter-spacing: 1.5px;
  line-height: 1.7;
}

.footer-icons i {
  color: #ffffff;
  font-size: 18px;
  padding: 15px;
}

.t-footer ul li a {
  margin-top: 5px;
  display: inline-block;
}

.f-services {
  flex-wrap: wrap;
}

.f-services li a {
  border-right: 1px solid white;
}

.footer-add {
  padding-left: 20px;
}



.footer-email {
  word-break: break-all;
}

.b-footer p {
  font-size: 13px;
  margin-bottom: 0;
}

.b-footer ul li a {
  font-size: 13px;
}

/* css for footer section end */

/* Responsive css start here */

@media screen and (max-width:1200px) {
  .offer-section .sec-title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
  }

  .hero_content_wrap h3 {
    font-size: 40px;
  }
}

@media screen and (max-width:992.5px) {
  .bottom_header .navbar-collapse .navbar-nav {
    background: #08233d;
    padding: 20px;
    border-radius: 15px;
  }


  section.testimonials-section .content-block {
    margin-right: 0;
  }

  .offer-section .image img {
    width: 100%;
  }

  section.about .content-block {
    max-width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width:768px) {
  .sec-title {
    font-size: 36px;
    line-height: 40px;
  }

  .sec_pad {
    padding: 30px 0;
  }

  .hero {
    height: 55vh;
  }

  .hero_content_wrap {
    display: none;
  }
}

@media screen and (max-width:460px) {
  section.about .text {
    font-size: 18px;
    margin-top: 15px;
  }

  .bottom_header {
    top: 55px;
  }

  .bottom_header .navbar .primary_btn {
    margin-top: 5px;
  }
}

/* Responsive css end here */

/* ===== Home Page End Here ===== */

/* Breadcrumb start here */

.breadcrumb-sec {
  background-image: url('../images/banner/breadcrumbbanner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 200px;
  position: relative;
  z-index: 1;
  background-position: center;
}

.breadcrumb-sec::before {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom, black, transparent);
  opacity: 0.9;
  height: 100%;
  z-index: -1;
}

.breadcrumb-wrapper {
  width: 100%;
  padding: 20px 0;
}

.breadcrumb-heading {
  font-size: 60px;
  font-family: var(--heading-font);
  color: #ffffff;
}

.breadcrumb-wrapper a {
  color: var(--theme-color);
}

/* Breadcrum end here */

/* about page start here */
.about_sec {
  padding-bottom: 0;
}

.about_sec_wrap {
  background-color: #fff;
  border-radius: 8px;
  padding: 30px 0;
  position: relative;
}

.about_sec_wrap::before {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  top: -13px;
  background: rgb(255 255 255 / 18%);
  height: 13px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.about_sec_wrap::after {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  bottom: -13px;
  background: rgb(255 255 255 / 18%);
  height: 13px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* about page end here */

/* ======== Gallery page starts ======== */

.grid-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 2rem;
  font-size: 17px;
  font-weight: 500;
}

.grid-item img {
  border-radius: 15px;
}



@media screen and (max-width: 440px) {
  .grid-box {
    margin: 30px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

.about-gallery {
  padding-bottom: 0;
}

.about_sec .sec-title {
  margin-bottom: 25px;
}

/* ======== Gallery page ends ======== */

/* ======== Contact form starts ======== */
.contact-us-form {
  padding-bottom: 0;
}

.contact-us-form h4 {
  font-size: 35px;
  color: #0e2a4e;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 15px;
}

.contact-us-form input {
  height: 50px;
  padding: 10px 22px;
}

.contact-us-form select {
  height: 50px;
  padding: 10px 22px;
}

.contact-us-form textarea {
  padding: 10px 22px;
}

@media screen and (max-width:460px) {
  .contact-us-form input {
    height: 45px;
    padding: 10px 18px;
  }

  .contact-us-form select {
    height: 45px;
    padding: 10px 18px;
  }

  .contact-us-form textarea {
    padding: 10px 15px;
  }

  .c-form div {
    margin-top: 15px;
  }

}

/* ======== Contact form ends ======== */

/* ======== Rooms starts ======== */
.rooms_sec {
  padding-bottom: 0;
}

.rooms_sec img {
  border-radius: 25px;
}

/* ======== Rooms ends ======== */

/* owl craousal buttons */
.owl-nav {
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 15px;
  z-index: 1;
}

.owl-nav:before {
  position: absolute;
  content: "";
  left: 40%;
  top: 30px;
  width: 50px;
  height: 2px;
  background-color: rgba(23, 23, 23, 0.10196078431372549);
  z-index: -1;
  margin: auto;
}

.owl-nav:after {
  position: absolute;
  content: "";
  right: 40%;
  top: 30px;
  width: 50px;
  height: 2px;
  background-color: rgba(23, 23, 23, 0.10196078431372549);
  z-index: -1;
  margin: auto;
}

.owl-carousel .owl-nav button.owl-prev {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #E0E0DE;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  margin-right: 15px;
  transition: .5s;
}

.owl-carousel .owl-nav button.owl-next {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #e0e0e0;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  transition: .5s;
}

.owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--theme-color);
  color: #fff;
}

.owl-carousel .owl-nav button.owl-next:hover {
  background: var(--theme-color);
  color: #fff;
}

.sep-about .text {
  margin-bottom: 0px;
}


.amenities-block h3 {
    font-size: 22px;
    line-height: 21px;
    color: #0e2a4e;
    margin-bottom: 15px;
    font-family: var(--text-font);
    font-weight: 600;
}