/* ============================

----------Defaul CSS-----------

=============================== */

:root {

  --white: #fff;

  --whiteText: #fff;

  --Blue: #0c5eb0;

  --orange: #da1f26;

  --dark-orange: #3d3931;

  --bg-color: #fbf6e8;

}



body {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

  font-family: "Lora", serif;

  font-size: 14px;

  font-weight: 400;

}



.text-orange {

  color: var(--orange);

}



a {

  text-decoration: none;

  color: black;

}



button {

  outline: none;

}



.dashedBorder {

  border-top: 1px dashed var(--orange);

  margin-top: 30px;

  padding-bottom: 30px;

}

p {

  margin: 0;

  margin-bottom: 0 !important;

}



img {

  max-width: 100%;

}



ul {

  list-style: none;

}



.container {

  max-width: 1260px;

}



.form-control:focus {

  box-shadow: none !important;

}



.fs-12 {

  font-size: 12px;

}



.fs-13 {

  font-size: 13px;

}



.fs-14 {

  font-size: 14px;

}

.fs-15 {

  font-size: 15px;

}

.fs-16 {

  font-size: 16px;

}

.scn {

  position: relative;

  text-align: center;

  justify-content: center;

  justify-items: center;

}

.main-button {

  background: #ffffff39 0% 0% no-repeat padding-box;

  border-radius: 5px;

  padding: 12px;

  color: white;

  font-weight: 500;

}



.box-sh {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  border-radius: 7px;

  background: white;

  padding: 15px;

}



textarea,

input {

  resize: none;

  box-shadow: none !important;

  outline: none !important;

}



.wstBtn {

  border: none !important;

  background-color: unset !important;

}



.heading-title {

  align-items: center;

  margin-bottom: 20px;

  font-weight: 600;

  line-height: 1.2;

  margin-top: 0;

  font-size: 30px;

}



.mainBtn {

  border: 1px solid var(--orange);

  background: var(--orange);

  font-size: 14px;

  padding: 6px 15px;

  border-radius: 4px;

  color: #fff;

  transition: ease-in-out 0.3s;

}



.mainBtn:hover {

  color: var(--orange);

  border: 1px solid var(--orange);

  background: #ffffff00;

  transition: ease-in-out 0.3s;

}



.btn-outline-orange {

  border: 1px solid var(--orange);

  background: #fff;

  font-size: 14px;

  padding: 6px 15px;

  border-radius: 4px;

  color: var(--orange);

  transition: ease-in-out 0.3s;

}



.btn-outline-orange:hover {

  color: #fff;

  background: var(--orange);

  border: 1px solid var(--orange);

  transition: ease-in-out 0.3s;

}



/* ============================

------------Main Tile----------

=============================== */

.main-title {

  text-align: center;

  justify-content: center;

  justify-items: center;

  max-width: 660px;

  margin: auto;

  padding-bottom: 70px;

}



.main-title .titlw {

  font-size: 18px;

  letter-spacing: 4.2px;

  text-transform: uppercase;

  font-weight: 700;

  color: var(--orange);

  margin-bottom: 10px;

}

.main-title h2.titlq {

  font-family: "Forum", display;

  font-weight: 400;

  font-size: 70px;

  margin-bottom: 10px;

}

.testimonial-section,

.form-section,

.knowus-section,

.category-section {

  padding: 140px 0px 130px 0px;

  background-color: var(--bg-color);

  z-index: 0;

  overflow: hidden;

}

.testimonial-section .main-title {

  max-width: 770px;

}



/* Social Icon */

.socialIcon li a {

  position: relative;

  width: 30px;

  display: block;

  height: 30px;

  line-height: 28px;

  text-align: center;

  color: var(--white);

  background: var(--orange);

  border-radius: 40% 60% 45% 55%/71% 67% 33% 29%;

  border: 1px solid var(--white);

  box-shadow: 0 1px 7px -3px rgb(0 0 0 / 0.5);

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.socialIcon li a:hover i {

  color: var(--orange);

  z-index: 1;

  position: relative;

}

.socialIcon li a:hover {

  color: var(--orange);

  background-color: var(--white);

}

.socialIcon li a::before {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  display: block;

  width: 0;

  height: 0;

  border-radius: 40% 60% 45% 55%/71% 67% 33% 29%;

  background-color: var(--white);

  transition: 0.3s;

  z-index: 0;

}

.socialIcon li a:hover::before {

  width: 100%;

  height: 100%;

  margin-left: -50%;

}

/* Social Icon */



/* ============================

------------Navbar-------------

=============================== */

.header-section {

  margin: 0 27px;

  z-index: 999;

}

.header-section .wstBtn {

  font-size: 23px;

}



.mainHeader {

  padding: 15px 0;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

  margin-top: 45px;

  transition: 0.3s all;

}

.mainHeader.sticky {

  background: rgba(251, 246, 232, 0.95);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

  margin-top: 0px;

  border-top: unset !important;

  padding: 0;

}

.header-section .nav-item > .nav-link {

  margin: 15px 0;

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 1.4px;

  text-transform: uppercase;

  display: inline-block;

  padding: 8px 20px;

  vertical-align: middle;

  color: #3d3931;

}

.header-section .nav-item > .nav-link.active,

.header-section .nav-item > .nav-link:hover {

  color: var(--orange);

}

.header-section .topBar {

  padding: 12px 2px;

  color: #3d3931;

}

.header-section {

  border-bottom-color: #9b804e !important;

}

.navbar-toggler {

  border: unset;

}



.offcanvas-body .collapse.navbar-collapse {

  display: block;

}

.navbar-toggler:focus {

  text-decoration: none;

  outline: 0;

  box-shadow: unset;

}

.btn-close:focus {

  outline: 0;

  box-shadow: unset;

  opacity: unset;

}

.offcanvas#canvasLeft {

  width: 260px;

}



.topImg::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  z-index: 0;

  background-color: #fbf6e8;

  opacity: 0.65;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}

.topImg {

  position: relative;

  background-position: center center;

  background-repeat: no-repeat;

  background-repeat-x: no-repeat;

  background-repeat-y: no-repeat;

  background-size: cover;

}



/* ============================

------------Slider-------------

=============================== */

.slider-section {

  padding-top: 170px;

}

.mainDscrn {

  font-family: "Forum", display;

  font-weight: 400;

  font-size: 70px;

}

.roomText {

  font-size: 16px;

  letter-spacing: 4.2px;

  text-transform: uppercase;

  font-weight: 500;

  color: var(--orange);

  margin-bottom: 13px !important;

}

.sliderBtmOverlayy {

  margin: 0px 0px -1px 0px;

  background-color: transparent;

  background-image: linear-gradient(360deg, #fbf6e800 0%, #fbf6e8 100%);

  --spacer-size: 250px;

  bottom: 0px;

  width: 100%;

  position: absolute;

  z-index: 1;

  bottom: 0;

  height: 200px;

  top: 0;

}

.sliderBtmOverlay {

  margin: 0px 0px -1px 0px;

  background-color: transparent;

  background-image: linear-gradient(180deg, #fbf6e800 0%, #fbf6e8 100%);

  --spacer-size: 250px;

  bottom: 0px;

  width: 100%;

  position: relative;

  z-index: 0;

  bottom: 0;

  height: 200px;

}

.sliderForm {

  flex-direction: column;

  width: 100%;

  /* max-width: 530px; */

  margin: auto;

  border: 1px solid var(--orange);

  padding: 60px;

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: var(--white);

  filter: drop-shadow(0px 0px 30px #0000001c);

}



.sliderForm:before {

  content: "";

  position: absolute;

  background: var(--orange);

  -webkit-mask-image: url(../images/bg-form.png);

  -webkit-mask-position: center;

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: 100% 100%;

  top: 20px;

  left: 20px;

  right: 20px;

  bottom: 20px;

  pointer-events: none;

}



.sliderForm .selectRea,

.sliderForm .select {

  position: relative;

  background: #ffffff;

  height: 60px;

  width: 100%;

  border: 1px solid var(--orange);

}



.sliderForm .select::after {

  position: absolute;

  content: "";

  width: 15px;

  height: 15px;

  top: 50%;

  right: 15px;

  transform: translateY(-50%) rotate(45deg);

  border-bottom: 2px solid var(--orange);

  border-right: 2px solid var(--orange);

  cursor: pointer;

  transition: border-color 0.4s;

}



.sliderForm.active .select::after {

  border: none;

  border-left: 2px solid var(--orange);

  border-top: 2px solid var(--orange);

}

.sliderForm .selectRea input,

.sliderForm .select input {

  position: relative;

  width: 100%;

  height: 100%;

  padding: 0 15px;

  background: none;

  outline: none;

  border: none;

  font-size: 1.4rem;

  color: var(--orange);

  cursor: pointer;

  padding-left: 115px;

}

.sliderForm .option-container {

  position: absolute;

  width: 100%;

  background: #ffffff;

  height: 0;

  overflow-y: scroll;

  transition: 0.4s;

}



.sliderForm.active .option-container {

  height: 240px;

}



.sliderForm .option-container::-webkit-scrollbar {

  border-left: 1px solid rgba(0, 0, 0, 0.2);

  width: 10px;

}



.sliderForm .option-container::-webkit-scrollbar-thumb {

  background: #0f0e11;

}



.sliderForm .option-container .option {

  position: relative;

  height: 60px;

  border-top: 1px solid rgba(0, 0, 0, 0.3);

  cursor: pointer;

  padding-left: 15px;

  display: flex;

  align-items: center;

  transition: 0.2s;

}



.sliderForm .option-container .option.selected {

  background: rgb(219 219 219 / 50%);

  pointer-events: none;

}



.sliderForm .option-container .option:hover {

  background: rgba(0, 0, 0, 0.2);

  padding-left: 20px;

}



.sliderForm .option-container .option label {

  font-size: 1.1rem;

  color: var(--orange);

  cursor: pointer;

}

.sliderFormItem {

  position: relative;

  width: 100%;

  margin-bottom: 20px;

}

.sliderFormItem:last-child {

  margin-bottom: 0px;

}



.ExtraItemSld {

  position: absolute;

  z-index: 1;

  top: 17px;

  font-size: 18px;

  color: #000;

  left: 14px;

}

.sliderFormItem.itmWa2 .select::after {

  content: unset;

}

.sliderFormItem.itmWa1 .selectRea input {

  padding-left: 135px;

}

.sliderFormItem.itmWa2 .selectRea input {

  padding-left: 149px;

}

.sliderFormItem.itmWa4 .select input {

  padding-left: 134px;

}



.sliderContnt_items {

  display: flex;

  align-content: center;

  align-items: center;

  position: relative;

  width: 100%;

  text-align: left;

  flex-wrap: wrap;

}



/* ============================

------------Category-------------

=============================== */

.listOfRooms ul {

  text-align: center;

  justify-content: space-between;

  margin-bottom: 60px;

}

.listOfRooms ul .nav-link {

  margin-right: 0;

  position: relative;

  opacity: 0.5;

  margin-bottom: 60px;

  transition: ease-in-out 0.3s;

}

.listOfRooms ul .nav-link.active,

.listOfRooms ul .nav-link:hover {

  opacity: 1;

  transition: ease-in-out 0.3s;

}

.listOfRooms ul .nav-link span {

  position: relative;

  height: 100%;

  display: inline-flex;

}

.listOfRooms ul .nav-link span::before {

  content: "";

  position: absolute;

  top: 2px;

  right: 2px;

  left: 2px;

  bottom: 2px;

  box-shadow: inset 0px 0px 0px 6px #fbf6e8;

  opacity: 0;

  border-radius: 40px;

  transition: all 0.3s linear 0s;

}

.listOfRooms ul .nav-link:hover span::before,

.listOfRooms ul .nav-link.active span::before {

  opacity: 1;

}

.listOfRooms ul .nav-link span img {

  max-width: 150px;

  border-radius: 40px;

  height: auto;

  max-width: 100%;

  box-shadow: none;

}

.categoryContent {

  display: flex;

}

.categoryContent .tab-content {

  max-width: 60%;

  margin: 0 15px;

}

.leftContY {

  text-align: left;

  max-width: 40%;

  margin: 0 15px;

}

.leftContY p {

  font-size: 16px;

  letter-spacing: 4.2px;

  text-transform: uppercase;

  font-weight: 500;

  color: var(--orange);

  margin-bottom: 10px;

}



.ctgryRooms {

  display: flex;

  flex-wrap: wrap;

  width: auto;

}

.ctgryRooms .ctgryColumn {

  width: 50%;

  display: flex;

  cursor: pointer;

  margin-bottom: 15px;

}

.ctgrIcon {

  margin-right: 10px;

  color: var(--white);

}

.ctgrIcon i {

  color: var(--orange);

}



.leftContY .mainDscrn {

  color: var(--white);

  width: 50%;

}

.leftContY .content-wrapper {

  color: var(--white);

}

.leftFia {

  background-color: var(--dark-orange);

  padding: 50px;

  border-radius: 40px 0px 0px 40px;

}

.allImgsClick {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  height: 100%;

}

.allImgsClick span img {

  cursor: pointer;

}

.allImgsClick span {

  width: 50%;

  padding: 15px;

}



.category-section::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(249, 242, 225, 1);

  -webkit-mask-image: url(../images/bg-elemnet1.svg);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: bottom center;

  -webkit-mask-size: cover;

  mask-image: url(../images/bg-elemnet1.svg);

  mask-repeat: no-repeat;

  mask-position: bottom center;

  mask-size: cover;

  top: 0%;

  left: 0;

  pointer-events: none;

  z-index: -1;

}



/* ============================

------------Offer -------------

=============================== */

.offerItems {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 100%;

  /* background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover; */

}

#videoWrapper video {

  position: absolute;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  object-fit: cover;

  z-index: -100;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

}

#videoWrapper .caption {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

}

.offerAnimation {

  width: 16%;

  position: relative;

}

.offerItems::after {

  content: "";

  position: absolute;

  top: -5%;

  left: 0;

  width: 58%;

  height: 110%;

  background-color: var(--dark-orange);

  opacity: 0.7;

  z-index: 0;

  border-radius: 0% 35% 35% 0% / 0% 50% 50% 0%;

  animation: pulsing 1.8s infinite;

  -webkit-animation: pulsing 1.8s infinite;

}

.offerTech {

  height: 100%;

  z-index: 1;

  display: flex;

}

.offerContent .mainDscrn {

  font-size: 90px;

  line-height: 0.9;

  letter-spacing: 8.48px;

}

.offerContent {

  display: flex;

  flex-direction: column;

  color: var(--white);

  border-left: 1px solid #fff3;

  padding: 50px 0px 50px 30px;

  justify-content: center;

  align-items: flex-start;

  text-align: left;

}

.mainSmall {

  font-size: 35px;

  color: var(--orange);

  letter-spacing: 8.48px;

  text-transform: uppercase !important;

  margin: 20px 0;

}

.offerContent p {

  font-size: 18px;

  width: 40%;

  margin-top: 20px;

}



@keyframes marquee {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(-300%);

  }

}

.marquee {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  /* overflow: hidden; */

  transform: rotate(270deg);

}

.marquee span {

  text-transform: uppercase;

  will-change: transform;

  transform: translateX(0);

  white-space: nowrap;

  -webkit-animation: marquee 10s linear infinite;

  animation: marquee 10s linear infinite;

  font-size: 110px;

  line-height: 0.9;

  letter-spacing: 8.48px;

  font-family: "Forum", display;

  color: #ffffff5c;

}



/* ============================

------------KnowUs-------------

=============================== */

.knowus-section .main-title {

  text-align: left;

}

.knowItem {

  display: flex;

  flex-wrap: wrap;

}

.knowItem .knowCont:hover h2 {

  color: var(--dark-orange);

  transition: ease-in 0.3s;

}

.knowItem .knowCont {

  width: 50%;

  margin: auto;

  padding: 30px 20px;

  cursor: default;

}

.knowItem .knowCont a {

  margin: 0;

  cursor: pointer;

  font-size: 18px;

}

.knowItem .knowCont h2 {

  font-family: "Forum", display;

  font-weight: 400;

  font-size: 80px;

  color: var(--orange);

  transition: ease-in 0.3s;

  line-height: 1;

}

.knowus-section .main-title {

  padding-bottom: 0;

  height: 100%;

}

.knowCont.mnKonw {

  background-color: rgba(0, 0, 0, 0.035);

}

.mainAnthm {

  padding: 0px 0px 70px 0px;

}



/* ============================

-------------Form--------------

=============================== */

.form-section {

  background-color: var(--dark-orange);

  overflow: hidden;

}

.form-section::before {

  content: "";

  position: absolute;

  width: 60%;

  height: 100%;

  background: rgba(249, 242, 225, 1);

  -webkit-mask-image: url(../images/bg-elemnet1.svg);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: top center;

  -webkit-mask-size: 100%;

  mask-image: url(../images/bg-elemnet1.svg);

  mask-repeat: no-repeat;

  mask-position: top center;

  mask-size: 100%;

  bottom: -30px;

  left: -10%;

  z-index: 1;

  opacity: 0.02;

  pointer-events: none;

}

.form-section::after {

  content: "";

  position: absolute;

  width: 40%;

  height: 100%;

  background: rgba(249, 242, 225, 1);

  -webkit-mask-image: url(../images/bg-elemnet1.svg);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: top center;

  -webkit-mask-size: contain;

  mask-image: url(../images/bg-elemnet1.svg);

  mask-repeat: no-repeat;

  mask-position: center center;

  mask-size: auto;

  top: 100px;

  right: -10%;

  z-index: 0;

  opacity: 0.02;

  pointer-events: none;

}

.form-section .mainAnthm {

  color: var(--white);

  max-width: 660px;

  padding: 0;

}

.form-section .main-title {

  text-align: left;

  max-width: unset;

}



.formSubmit {

  width: 100%;

  /* max-width: 530px; */

  margin: auto;

  border: 1px solid var(--orange);

  padding: 50px;

  position: relative;

  border-radius: 40px;

  background: var(--bg-color);

  filter: drop-shadow(0px 0px 30px #0000001c);

}

.formSubmit:before {

  content: "";

  position: absolute;

  top: 45px;

  bottom: 45px;

  left: 45px;

  right: 45px;

  margin: auto;

  border-image: url(../images/bg-form.png) 120 110;

  border-width: 60px;

  border-style: solid;

  z-index: -1;

  filter: brightness(0.5) saturate(15);

}



.formSubmit .nav-pills {

  justify-content: space-between;

  background: none;

  border-bottom: 2px solid var(--orange);

  border-radius: 0;

}

.formSubmit .nav-pills button:hover,

.formSubmit .nav-pills button.active {

  color: var(--orange);

}

.formSubmit .nav-pills button {

  color: var(--dark-orange);

  text-transform: capitalize;

  font-family: "Forum", display;

  font-size: 30px;

  font-weight: 500;

  padding: 14px 36px;

  letter-spacing: 3px;

}

.formSubmit .tab-content {

  padding: 20px 35px 50px;

}

.items-form {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 40px;

  margin-bottom: 0;

}

.formSubmit input[type="submit"],

.formSubmit input[type="submit"] {

  border: none;

  outline: none;

  padding: 9px 25px;

  color: #aedefc;

  background: #192655;

  cursor: pointer;

  font-size: 0.9rem;

  border-radius: 4px;

  width: 100px;

  margin-top: 10px;

  font-weight: 600;

}



.formSubmit input[type="submit"]:hover,

.formSubmit input[type="submit"]:active {

  opacity: 0.8;

}



/* .formSubmit textarea, */

.formSubmit input {

  position: relative;

  width: 100%;

  padding: 13px 14px;

  color: var(--orange);

  background: transparent;

  border: none;

  outline: none;

  box-shadow: none;

  font-size: 1rem;

  font-weight: 700;

  letter-spacing: 0.05rem;

  transition: 0.5s;

  z-index: 10;

  margin-top: 15px;

}



.formSubmit .formWrap span {

  position: absolute;

  left: 0;

  padding: 20px 0px 10px;

  pointer-events: none;

  color: #c5c5c5;

  font-size: 1rem;

  letter-spacing: 0.05rem;

  transition: 0.5s;

}



.formSubmit .formWrap input:invalid ~ span,

.formSubmit .formWrap input:valid ~ span,

.formSubmit .formWrap input:focus ~ span {

  color: var(--orange);

  font-size: 15px !important;

  font-size: 0.75rem;

  transform: translateY(-34px);

}



.formSubmit .formWrap i {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  border: 1px solid #da1f265c;

  background-color: #ffffff;

  border-radius: 4px;

  overflow: hidden;

  transition: 0.5s;

  pointer-events: none;

  border-radius: 10px;

}



.formSubmit .formWrap input:invalid ~ i,

.formSubmit .formWrap input:valid ~ i,

.formSubmit .formWrap input:focus ~ i {

  height: 50px;

  overflow: hidden;

}

.formWrap {

  position: relative;

  margin-top: 40px;

}

.textWrap label {

  color: var(--orange);

}

.textWrap textarea {

  color: var(--orange);

  padding: 13px 14px;

  height: 50px;

  overflow: hidden;

  border: 1px solid #da1f265c;

  background-color: #ffffff;

  transition: 0.5s;

  border-radius: 10px;

}

.form-control:focus {

  border-color: #da1f265c;

  color: var(--orange);

}

.textWrap {

  grid-column: 1 / 3;

  text-align: left;

  margin-bottom: 0;

}

.wraptr button {

  padding: 13px 14px;

  height: 50px;

  border-radius: 10px;

}

.wraptr {

  margin-top: 67px;

}

.items-form.formDelua {

  display: grid;

  grid-template-columns: [first] auto [line2] 200px [line3] 200px [col4-start] auto [end];

  grid-gap: 40px;

  margin-bottom: 0;

}



/* ===================================

-------------Testimonials--------------

====================================== */

.single-testimonial {

  border: 7px solid #feeac2;

  text-align: center;

  border-radius: 45px;

  margin: 12px;

  position: relative;

  z-index: 2;

}

.single-testimonial::before {

  content: "";

  position: absolute;

  left: -35px;

  top: -35px;

  background: url(../images/quote.png) no-repeat var(--bg-color);

  background-size: 60%;

  width: 126px;

  height: 100px;

  transform: rotate(180deg);

  background-position: 34px 15px;

}

.round {

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

}

.round-1::before {

  content: "";

  position: absolute;

  left: 88px;

  top: -7px;

  width: 50px;

  height: 7px;

  background: #feeac2;

  border-radius: 30px;

}

.single-testimonial {

  border: 7px solid #feeac2;

  text-align: center;

  border-radius: 45px;

  position: relative;

  z-index: 2;

}

.round-1::after {

  content: "";

  position: absolute;

  left: -7px;

  top: 62px;

  width: 7px;

  height: 50px;

  background: #feeac2;

  border-radius: 30px;

}

.round-2::before {

  content: "";

  position: absolute;

  right: 87px;

  bottom: -7px;

  width: 50px;

  height: 7px;

  background: #feeac2;

  border-radius: 30px;

  z-index: 1;

}

.round-2::after {

  content: "";

  position: absolute;

  right: -7px;

  bottom: 62px;

  width: 7px;

  height: 50px;

  background: #feeac2;

  border-radius: 30px;

  z-index: 1;

}

.single-testimonial p {

  color: #a1a1a1;

  font-size: 20px;

  line-height: 24px;

  padding: 42px;

  padding-bottom: 30px;

  position: relative;

  z-index: 3;

  line-height: 1.5;

  margin-bottom: 18px !important;

  display: block;

  display: -webkit-box;

  margin: 0 auto;

  height: 139px;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.client-info {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: left;

  padding-bottom: 38px;

}



.client-info {

  position: relative;

  z-index: 3;

}

.client-video {

  padding-right: 15px;

}

.client-info a img {

  border-radius: 100px;

}

.client-info a {

  width: 50px;

  height: 5dvh;

  border-radius: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);

  font-size: 22px;

}

.client-info h6 {

  color: var(--orange);

  font-weight: 700;

  font-size: 18px;

}

.client-info span {

  display: inline-block;

  color: var(--dark-orange);

  font-size: 12px;

}

.single-testimonial::after {

  content: "";

  position: absolute;

  right: -35px;

  bottom: -34px;

  background: url(../images/quote.png) no-repeat var(--bg-color);

  background-size: 60%;

  width: 126px;

  height: 100px;

  background-position: 34px 19px;

}

.testimonial-section:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(249, 242, 225, 1);

  -webkit-mask-image: url(../images/bg-elemnet1.svg);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: top center;

  -webkit-mask-size: cover;

  mask-image: url(../images/bg-elemnet1.svg);

  mask-repeat: no-repeat;

  mask-position: top center;

  mask-size: cover;

  bottom: -20%;

  z-index: -1;

  opacity: 0.56;

}

/* ===================================

-------------Instagram--------------

====================================== */

.gallery-section {

  background-color: var(--bg-color);

}

.gallery-section .insta-item > *:hover {

  background-color: transparent;

  padding: 0.75em;

}

.gallery-section .insta-item:hover a:before {

  opacity: 1;

  z-index: 1;

}

.gallery-section .insta-item > * {

  display: flex;

  line-height: 0;

  transition: 0.4s ease;

}

.gallery-section .insta-item a {

  position: relative;

  transition: 0.4s ease;

  display: flex;

  flex-grow: 1;

}



.gallery-section .insta-item a:before {

  content: "";

  background-image: url(../images/instagram-icon.svg);

  background-repeat: no-repeat;

  background-position: center;

  mix-blend-mode: lighten;

  background-size: 90%;

  border-radius: 1.25em;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  height: 90%;

  width: 90%;

  opacity: 0;

  top: 50%;

  left: 50%;

  margin: -45% 0 0 -45%;

  transition: 0.4s ease;

}

.gallery-section .insta-item img {

  border-radius: 0;

  -o-object-fit: cover;

  object-fit: cover;

  transition: 0.4s ease;

  width: 100%;

  border-radius: 20px;

}



/* =============================

-------------Footer--------------

=============================== */

.footer-section {

  background: #151414;

  position: relative;

  background-image: url(../images/footer-bg.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.footer-section::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: #000;

  opacity: 0.8;

  z-index: 0;

}

.footer-cta {

  border-bottom: 1px solid #ffffff6b;

  position: relative;

  z-index: 1;

}

.single-cta i {

  color: var(--orange);

  font-size: 40px;

  float: left;

}

.bottomFooter > div {

  line-height: 2;

}

.footer-menu .socialIcon a i {

  color: var(--white);

}

.cta-text {

  padding-left: 15px;

  display: inline-block;

}

.cta-text h4 {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 2px;

}

.cta-text span {

  color: var(--white);

  font-size: 16px;

}

.footer-content {

  position: relative;

  z-index: 2;

}

.footer-pattern img {

  position: absolute;

  top: 0;

  left: 0;

  height: 330px;

  background-size: cover;

  background-position: 100% 100%;

}

.footer-logo {

  margin-bottom: 18px;

}

.footer-logo img {

  max-width: 200px;

}

.footer-text p {

  margin-bottom: 14px;

  font-size: 14px;

  color: #7e7e7e;

  line-height: 28px;

}

.footer-social-icon span {

  color: #fff;

  display: block;

  font-size: 20px;

  font-weight: 700;

  font-family: "Poppins", sans-serif;

  margin-bottom: 20px;

}

.footer-social-icon a {

  color: #fff;

  font-size: 16px;

  margin-right: 15px;

}

.single-cta {

  display: flex;

  justify-content: center;

  align-items: center;

}



.footer-widget-heading h3 {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 40px;

  position: relative;

}

.footer-widget-heading h3::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -15px;

  height: 2px;

  width: 50px;

  background: var(--orange);

}

.footer-widget ul li {

  margin-bottom: 12px;

}

.footer-widget ul li a:hover {

  color: var(--orange);

}

.footer-widget ul li a {

  color: var(--white);

  transition: all 0.3s ease;

  text-transform: capitalize;

  font-size: 16px;

}

.footer-widget.widgetMan ul li a:hover {

  color: var(--orange);

  padding-left: 8px;

}

.subscribe-form {

  position: relative;

  overflow: hidden;

}

.subscribe-form input {

  width: 100%;

  padding: 14px 28px;

  background: #2e2e2e;

  border: 1px solid #2e2e2e;

  color: #fff;

}

.subscribe-form button {

  position: absolute;

  right: 0;

  background: var(--orange);

  padding: 13px 20px;

  border: 1px solid var(--orange);

  top: 0;

}

.subscribe-form button i {

  color: #fff;

  font-size: 22px;

  transform: rotate(-6deg);

}

.copyright-area {

  background: #202020;

  padding: 25px 0;

  z-index: 1;

  position: relative;

}

.copyright-text p {

  margin: 0;

  font-size: 14px;

  color: var(--whiteText);

}

.copyright-text p a {

  color: var(--orange);

  font-size: 16px;

  text-decoration: underline;

}

.footer-menu li {

  display: inline-block;

  margin-left: 20px;

}

.footer-menu li:hover a {

  color: var(--orange);

}

.footer-menu li a {

  font-size: 14px;

  color: #878787;

}



.footer-widget ul {

  padding: 0;

  margin: 0;

}

.footer-menu.widgetMan ul li a:hover {

  color: #ffffff;

  padding-left: 8px;

}

.responsive-map {

  overflow: hidden;

  padding-bottom: 21.25%;

  position: relative;

  height: 90px;

  width: 80%;

  border-radius: 25px;

}

.responsive-map iframe {

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: absolute;

}

/* ===================================

------------Media max min-------------

====================================== */

@media (max-width: 1199px) {

  .categoryContent {

    flex-direction: column;

  }

  .leftFia {

    border-radius: 0px 0px 40px 40px;

  }

  .categoryContent .tab-content,

  .leftContY {

    max-width: 100%;

  }

  .leftContY {

    order: 1;

  }

  .listOfRooms ul .nav-link {

    padding: 0;

  }

  .offerContent span img {

    width: 200px;

  }

  .offerContent .mainDscrn {

    font-size: 65px;

    line-height: 0.9;

    letter-spacing: 3.98px;

  }

  .mainSmall {

    font-size: 25px;

    letter-spacing: 5.48px;

  }

  .offerContent p {

    font-size: 15px;

  }

  .formSubmit .nav-pills button {

    font-size: 25px;

  }

}

@media (max-width: 991px) {

  .container {

    max-width: 940px;

  }

  .responsive-map {

    margin-bottom: 50px;

  }

  .responsive-map {

    width: 57%;

  }

  .mainDscrn {

    font-size: 50px;

  }

  .sliderForm .select input,

  .sliderForm .selectRea input {

    font-size: 16px;

  }

  .sliderFormItem.itmWa1 .selectRea input {

    padding-left: 96px;

  }

  .sliderFormItem.itmWa2 .selectRea input {

    padding-left: 110px;

  }

  .sliderForm .select::after {

    width: 10px;

    height: 10px;

  }

  .ExtraItemSld span {

    display: none;

  }

  .marquee span {

    font-size: 70px;

  }

  .items-form {

    grid-gap: 25px;

    margin-bottom: 15px;

    grid-template-columns: 100%;

  }

  .items-form.formDelua {

    grid-template-columns: unset;

    grid-gap: 25px;

    margin-bottom: 25px;

  }

  .formSubmit .nav-pills button {

    font-size: 16px;

    font-weight: 600;

  }

}

@media (max-width: 767px) {

  .sliderForm .selectRea,

  .sliderForm .select {

    height: 40px;

  }

  .listItems {

    width: 50%;

  }



  .leftFia {

    padding: 20px;

  }

  .listOfRooms ul {

    margin-bottom: 15px;

  }

  .slider-section.scn {

    padding-top: 110px;

  }

  .ExtraItemSld {

    top: 6px;

  }

  .main-title h2.titlq {

    font-size: 50px;

  }

  .testimonial-section,

  .form-section,

  .knowus-section,

  .category-section {

    padding: 70px 0px 70px 0px;

  }



  .slider-section .sliderContnt_items {

    text-align: center;

    justify-content: center;

    align-items: center;

    padding-left: 0 !important;

    padding-bottom: 30px;

  }

  .slider-section .container .row .col-md-6.mainDs {

    order: 1;

  }

  .roomText {

    margin-bottom: 5px !important;

  }

  .sliderBtmOverlay {

    height: 80px;

  }

  .main-title {

    padding-bottom: 30px;

  }

  .listOfRooms h2 {

    font-size: 16px;

  }

  .listOfRooms ul .nav-link span img {

    width: 80px;

    height: 40px;

  }

  .offerItems::after {

    width: 100%;

    border-radius: 0;

  }

  .offerContent {

    align-items: center;

    text-align: center;

    padding: 35px 0;

  }

  .offerContent p {

    width: 70%;

  }

  .offerAnimation {

    width: 30%;

  }

  .mainAnthm {

    padding: 0px 0px 10px 0px;

  }

  .knowus-section .main-title {

    margin-bottom: 30px;

  }

  .formSubmit .nav-pills button {

    font-size: 16px;

    padding: 14px 10px;

  }

  .formWrap {

    margin-top: 26px;

  }

  .formSubmit .tab-content {

    padding: 20px 20px 20px;

  }

  .textWrap {

    grid-column: unset;

  }

  .client-info h6,

  .single-testimonial p {

    font-size: 16px;

  }

  .single-cta {

    justify-content: start;

  }

}

@media (max-width: 575px) {

  .listItems,

  .offerItems {

    width: 100%;

  }

  .bottomFooter {

    flex-wrap: wrap;

    justify-content: center !important;

    gap: 12px;

  }

  .footer-widget.widgetMan {

    margin-bottom: 30px;

  }

  .header-section {

    margin: 0;

  }

  .ctgrIcon {

    font-size: 16px;

  }

  .header-section .offcanvas .offcanvas-body {

    text-align: left;

  }

  .mainDscrn {

    font-size: 35px;

  }

  .main-title h2.titlq {

    font-size: 35px;

  }

  .main-title .titlw {

    font-size: 12px;

  }

  .main-title h2.titlq {

    margin-bottom: 10px;

  }

  .listOfRooms ul .nav-link span {

    display: none;

  }

  .listOfRooms ul .nav-link {

    padding: 8px 9px;

    margin-bottom: 0 !important;

  }

  .listOfRooms ul .nav-link h2 {

    margin-bottom: 0 !important;

    font-size: 13px;

  }

  .listOfRooms ul {

    justify-content: center !important;

  }

  .offerAnimation {

    display: none;

  }

  .offerContent {

    border: unset;

  }

  .offerContent .mainDscrn {

    font-size: 45px;

  }

  .offerContent p {

    font-size: 13px;

  }

  .mainSmall {

    margin: 7px 0;

  }

  .offerContent p {

    margin-top: 4px;

  }

  .knowItem .knowCont h2 {

    font-size: 50px;

  }

  .knowItem .knowCont a {

    font-size: 13px;

    margin-bottom: 0;

  }

  .formSubmit {

    padding: 20px;

  }

  .formSubmit:before {

    top: 12px;

    bottom: 12px;

    left: 12px;

    right: 12px;

  }

  .formSubmit ul li {

    width: 50%;

  }

  .formSubmit .nav-pills button {

    margin: auto;

  }

  .form-section .formSubmit .formWrap span {

    font-size: 13px !important;

  }

  .single-testimonial::after {

    width: 90px;

    height: 90px;

    right: -14px;

    bottom: -43px;

  }

  .single-testimonial {

    border: 3px solid #feeac2;

  }

  .round-2::after,

  .round-2::before,

  .round-1::after,

  .round-1::before {

    content: unset;

  }



  .single-testimonial::before {

    width: 90px;

    height: 90px;

    left: -14px;

    top: -43px;

  }

}

/* ===================================

------------Media max min-------------

====================================== */