@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Gilda+Display&display=swap");
@import url("animate.css");
@import url("owl.css");
@import url("swiper.min.css");
@import url("jquery.fancybox.min.css");
@import url("linear.css");
@import url("fontawesome.css");
@import url("flaticon.css");
@import url("tm-bs-mp.css");
@import url("tm-utility-classes.css");

:root {
  --theme-color1-rgb                 : 170, 132, 83;
  --theme-color2-rgb                 : 253, 236, 227;
  --theme-color3-rgb                 : 250, 247, 242;
  --theme-color4-rgb                 : 202, 178, 147;
  --theme-color-light-rgb            : 255, 255, 255;
  --theme-color-dark-rgb             : 0, 0, 0;
  --theme-color1                     : #000000;
  --theme-color2                     : #fdece3;
  --theme-color3                     : #faf7f2;
  --theme-color4                     : #cab293;
  --review-color                     : #ffab40;
  --theme-color-light                : #FFFFFF;
  --theme-color-white                : #FFFFFF;
  --theme-color-dark                 : #000000;
  --bg-theme-color1                  : var(--theme-color1);
  --bg-theme-color2                  : var(--theme-color2);
  --theme-color-light                : #ffffff;
  --theme-color-white                : #ffffff;
  --theme-color-white-rgb            : 255, 255, 255;
  --theme-color-dark                 : #222222;
  --theme-color-gray                 : #F6F6F6;
  --theme-color-black                : #000;
  --theme-color-black-rgb            : 0, 0, 0;
  --text-color                       : #666666;
  --headings-color                   : #222222;
  --review-color                     : #ffc737;
  --link-color                       : var(--headings-color);
  --link-hover-color                 : var(--headings-color);
  --title-font                       : "Gilda Display", serif;
  --text-font                        : "Barlow", sans-serif;
  --text-font2                       : "Barlow Condensed", sans-serif;
  --body-font-size                   : 16px;
  --body-line-height                 : 28px;
  --body-font-weight                 : 400;
  --line-height-heading-h1           : 1.2em;
  --line-height-heading              : 54px;
  --line-height-heading-small        : 1.35em;
  --h1-font-size                     : 72px;
  --h2-font-size                     : 54px;
  --h3-font-size                     : 36px;
  --h4-font-size                     : 24px;
  --h5-font-size                     : 22px;
  --h6-font-size                     : 20px;
  --h1-font-weight                   : 400;
  --h2-font-weight                   : 400;
  --h3-font-weight                   : 400;
  --h4-font-weight                   : 400;
  --h5-font-weight                   : 400;
  --h6-font-weight                   : 400;
  --sec-title-subtitle-font-size     : 14px;
  --sec-title-subtitle-color         : var(--headings-color);
  --sec-title-subtitle-font-family   : var(--text-font);
  --sec-title-subtitle-font-weight   : 700;
  --sec-title-subtitle-line-height   : 20px;
  --sec-title-color                  : var(--headings-color);
  --sec-title-font-size              : var(--h2-font-size);
  --sec-title-font-family            : var(--title-font);
  --sec-title-font-weight            : var(--h2-font-weight);
  --theme-light-background           : #F2F3F5;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black                      : #131313;
  --container-width                  : 1200px;
  --small-container-width            : 1000px;
  --large-container-width            : 1760px;
  --container-pt                     : 120px;
  --container-pb                     : 120px;
}

/*
 * typography.scss
 * -----------------------------------------------
*/
::-moz-selection {
  background : var(--theme-color-dark);
  color      : #fff;
  text-shadow: none;
}

::selection {
  background : var(--theme-color-dark);
  color      : #fff;
  text-shadow: none;
}

:active,
:focus {
  outline: none !important;
}

::-webkit-input-placeholder {
  color: #7c858c;
}

::-moz-input-placeholder {
  color: #7c858c;
}

::-ms-input-placeholder {
  color: #7c858c;
}

body {
  background-color      : #fff;
  background-attachment : fixed;
  -ms-word-wrap         : break-word;
  word-wrap             : break-word;
  counter-reset         : my-sec-counter;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing   : antialiased;
  color                 : var(--text-color);
  font-size             : var(--body-font-size);
  font-family           : var(--text-font);
  font-weight           : var(--body-font-weight);
  line-height           : var(--body-line-height);
}

.text {
  color      : var(--text-color);
  font-size  : var(--body-font-size);
  font-family: var(--text-font);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}

/* -------- Headings ---------- */
h1,
h2,
h4,
h5 {
  color      : var(--headings-color);
  font-family: var(--title-font);
  position   : relative;
  line-height: var(--line-height-heading-);
}

h4 a {
  color      : inherit;
  font-weight: inherit;
}

h1,
h2,
h4,
h5 {
  margin-bottom: 1rem;
}

h1 {
  font-size  : var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--line-height-heading-h1);
}

h2 {
  font-size  : var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--line-height-heading);
}

h4 {
  font-size     : var(--h4-font-size);
  font-weight   : var(--h4-font-weight);
  line-height   : var(--line-height-heading-small);
  letter-spacing: 0.15px;
}

h5 {
  font-size  : var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--line-height-heading-small);
}

/* -------- Body Text ---------- */

/* -------- other ---------- */
a {
  color             : var(--link-color);
  text-decoration   : none;
  font-weight       : var(--body-font-weight);
  cursor            : pointer;
  -webkit-transition: all 0.3s ease;
  transition        : all 0.3s ease;
}

a:hover,
a:focus {
  color          : inherit;
  text-decoration: none;
  outline        : none;
}

a img {
  border: none;
}

ul {
  margin-bottom: 10px;
}

ul {
  list-style-position: inside;
  margin             : 0;
  padding            : 0;
}

/*
 * container.scss
 * -----------------------------------------------
*/

section>.container-fluid {
  padding-top   : var(--container-pt);
  padding-bottom: var(--container-pt);
}

@media (min-width: 1400px) {
  .container {
    max-width: var(--container-width);
  }
}

/*=== Default Form ===*/

/* -------- Dark Theme Styling ---------- */

/*** 

====================================================================
Reset
====================================================================

***/
* {
  margin   : 0px;
  padding  : 0px;
  border   : none;
  outline  : none;
  font-size: 100%;
}

/*** 

====================================================================
Global Settings
====================================================================

***/

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

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

figure.image {
  margin-bottom: 0;
}

.title a {
  color: inherit;
}

.page-wrapper {
  position           : relative;
  margin             : 0 auto;
  width              : 100%;
  min-width          : 300px;
  overflow           : hidden;
  z-index            : 99;
  /* background-color: #ffffff; */
  background         : linear-gradient(0deg, rgba(var(--theme-color2-rgb), 0) 24%, rgba(var(--theme-color2-rgb), 1) 100%);
}

.auto-container {
  position : static;
  max-width: var(--container-width);
  padding  : 0px 15px;
  margin   : 0 auto;
  width    : 100%;
}

.bg {
  position           : absolute;
  left               : 0;
  top                : 0;
  height             : 100%;
  width              : 100%;
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : cover;
}


.list-style-two {
  margin-top: 28px;
}

.list-style-two li {
  font-size    : 16px;
  color        : var(--text-color);
  position     : relative;
  padding-left : 25px;
  margin-bottom: 8px;
}

.list-style-two li .icon {
  position: absolute;
  top     : 0;
  left    : 0;
  color   : #000000;
}



.overlay-anim {
  position: relative;
}

.overlay-anim:before {
  background    : rgba(255, 255, 255, 0.3);
  content       : "";
  position      : absolute;
  left          : 0;
  top           : 0;
  width         : 100%;
  height        : 0;
  opacity       : 1;
  z-index       : 9;
  pointer-events: none;
}

.overlay-anim:hover:before {
  height            : 100%;
  opacity           : 0;
  -webkit-transition: all 400ms linear;
  transition        : all 400ms linear;
}

section {
  position: relative;
}

.theme-btn {
  display           : -webkit-inline-box;
  display           : -ms-inline-flexbox;
  display           : inline-flex;
  -webkit-box-pack  : center;
  -ms-flex-pack     : center;
  justify-content   : center;
  text-align        : center;
  white-space       : nowrap;
  -webkit-transition: all 0.3s ease;
  transition        : all 0.3s ease;
  font-family       : var(--text-font2);
}

.theme-btn .btn-title {
  position         : relative;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

/*Btn Style One*/
.btn-style-one {
  position      : relative;
  font-size     : 16px;
  line-height   : 25px;
  padding       : 14px 32px 18px;
  overflow      : hidden;
  color         : var(--theme-color1);
  border        : 1px solid var(--theme-color1);
  background    : #f8f5f0;
  text-transform: uppercase;
  z-index       : 9;
}

.btn-style-one:before {
  position                          : absolute;
  left                              : 0;
  top                               : 0;
  height                            : 100%;
  width                             : 100%;
  content                           : "";
  z-index                           : -1;
  background-color                  : var(--bg-theme-color1);
  border-radius                     : inherit;
  -webkit-transform                 : scale(0, 1);
  transform                         : scale(0, 1);
  -webkit-transform-origin          : top right;
  transform-origin                  : top right;
  transition                        : -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition                : -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition                        : transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition                        : transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function        : cubic-bezier(0.86, 0, 0.07, 1);
}

.btn-style-one:hover:before {
  -webkit-transform       : scale(1, 1);
  transform               : scale(1, 1);
  -webkit-transform-origin: bottom left;
  transform-origin        : bottom left;
}

.btn-style-one:hover {
  color: #fff;
}

/*Btn Style Two*/
.btn-style-two {
  position        : relative;
  font-size       : 16px;
  line-height     : 25px;
  padding         : 14px 32px 18px;
  overflow        : hidden;
  color           : #fff;
  border          : 1px solid #8da2aa;
  background-color: #000;
  text-transform  : uppercase;
  z-index         : 9;
}

.btn-style-two:before {
  position                          : absolute;
  left                              : 0;
  top                               : 0;
  height                            : 100%;
  width                             : 100%;
  content                           : "";
  z-index                           : -1;
  background-color                  : #fff;
  border-radius                     : inherit;
  -webkit-transform                 : scale(0, 1);
  transform                         : scale(0, 1);
  -webkit-transform-origin          : top right;
  transform-origin                  : top right;
  transition                        : -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition                : -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition                        : transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition                        : transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function        : cubic-bezier(0.86, 0, 0.07, 1);
}

.btn-style-two:hover:before {
  -webkit-transform       : scale(1, 1);
  transform               : scale(1, 1);
  -webkit-transform-origin: bottom left;
  transform-origin        : bottom left;
}

.btn-style-two:hover {
  color: #000;
}

/*Btn Style Three*/



/*** 

====================================================================
Main Header
====================================================================

***/

.main-header {
  position: relative;
  width   : 100%;
  z-index : 999;
}

.header-top {
  position: relative;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
}

.header-top .top-left {
  position         : relative;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.header-top .top-right {
  position         : relative;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  color            : #fff;
}

.header-top .top-right a {
  color: #fff;
}

.main-header {
  width  : 100%;
  z-index: 999;
}

.main-header .logo {
  position: relative;
  display : block;
}

.main-header .logo img {
  max-width: 180px;
  height   : auto;
}

.main-header .main-box {
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  left              : 0px;
  position          : relative;
  top               : 0px;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.main-header .main-box .nav-outer {
  margin-left : auto;
  margin-right: auto;
  position    : relative;
}

.main-menu {
  position: relative;
}

@media (max-width: 991.98px) {
  .main-menu {
    display: none;
  }

  .hero-title {

    padding-top: 28% !important;
  }
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  margin  : 0px;
  position: relative;
}

.main-menu .navigation>li {
  float             : left;
  margin-right      : 35px;
  padding           : 25px 0px;
  position          : relative;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.main-menu .navigation>li:last-child {
  margin-right: 0;
}

.main-menu .navigation>li>a {
  color             : #ffffff;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  font-size         : 17px;
  font-family       : var(--text-font2);
  letter-spacing    : 1.3px;
  line-height       : 30px;
  opacity           : 1;
  padding           : 0;
  position          : relative;
  text-align        : center;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.main-menu .navigation>li>a:hover {
  color: var(--theme-color1);
}

.main-menu .navigation>li.dropdown:hover>ul {
  margin-top        : 0;
  opacity           : 1;
  top               : 100%;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
  visibility        : visible;
}

.main-menu .navigation>li>ul {
  background-color  : #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow        : 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  display           : none;
  left              : 0px;
  margin-top        : 30px;
  opacity           : 0;
  padding           : 10px 0 0;
  position          : absolute;
  top               : 100%;
  width             : 220px;
  z-index           : 100;
}

.main-menu .navigation>li>ul>li {
  border-bottom: 1px solid #ebf1f5;
  position     : relative;
  width        : 100%;
}

.main-menu .navigation>li>ul>li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
  display           : block;
  font-size         : 16px;
  font-weight       : 400;
  line-height       : 29px;
  margin            : 0 15px;
  padding           : 10px 0px;
  position          : relative;
  text-align        : left;
  text-transform    : capitalize;
  -webkit-transition: all 200ms ease;
  transition        : all 200ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
  color: var(--theme-color1);
}

.main-header .outer-box {
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  height           : 100%;
  -webkit-box-pack : end;
  -ms-flex-pack    : end;
  justify-content  : flex-end;
  position         : relative;
}

/*** 

====================================================================
    header-style-one
====================================================================

***/

.main-menu .navigation>li.dropdown:hover>ul {
  margin-top        : 0;
  opacity           : 1;
  top               : 100%;
  visibility        : visible;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
  display           : inline-block;
}

@media only screen and (min-width: 768px) {
  .main-menu .navigation>li>ul {
    display   : block !important;
    opacity   : 0;
    visibility: hidden;
  }


}

/*** 

====================================================================
    header-style-two
====================================================================

***/
.header-style-two {
  position: absolute;
}

.header-style-two .header-top {
  display: unset;
}

.header-style-two .header-top.light .inner-box .top-left span {
  color: var(--theme-color-white);
}

.header-style-two .header-top .inner-box {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-pack: justify;
  -ms-flex-pack   : justify;
  justify-content : space-between;
  padding         : 8px 14px 11px;
  background      : #0000005e;
}

.header-style-two .header-top .inner-box .top-left span {
  color: #adadad;
}

.header-style-two .outer-box {
  margin-left : 0;
  margin-right: 0;
}

.header-style-two .main-box {
  background-color: #ffffff;
  padding         : 10px 15px;
}

@media (max-width: 991.98px) {
  .header-style-two .main-box {
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
  }
}

.header-style-two .main-box .nav-outer .nav .navigation li {
  margin-right: 20px;
}

.header-style-two .main-box .nav-outer .nav .navigation li:last-child {
  margin-right: 0;
}

.header-style-two .main-box .nav-outer .nav .navigation li a:hover {
  color: #000;
}

.header-style-two .main-menu .navigation>li>a {
  color         : #000000;
  text-transform: uppercase;
  position      : relative;
  font-weight   : 500;
}

.header-style-two .main-menu .navigation>li>a:before {
  content           : "";
  position          : absolute;
  bottom            : 0;
  left              : 0;
  width             : 0;
  height            : 1px;
  background-color  : #000000;
  height            : 1px;
  -webkit-transition: all 0.3s ease;
  transition        : all 0.3s ease;
}

.header-style-two .main-menu .navigation>li>a:hover {
  color: var(--theme-color1);
}

.header-style-two .main-menu .navigation>li>a:hover:before {
  width: 100%;
}

.header-style-two .main-menu .navigation>li {
  padding     : 0;
  margin-right: 58px;
}

.header-style-two .main-menu .navigation>li:last-child {
  margin-right: 0;
}

.header-style-two .mobile-nav-toggler {
  display                  : inline-block;
  -webkit-box-ordinal-group: unset;
  -ms-flex-order           : unset;
  order                    : unset;
  font-size                : 24px;
  color                    : #000;
  margin-top               : 3px;
}

.header-style-two .main-menu .navigation>li>ul>li>a:hover {
  color: var(--theme-color1);
}

.header-style-two .sticky-header {
  background-color: var(--theme-color2);
}

.header-style-two .sticky-header .mobile-nav-toggler {
  display   : none;
  color     : #000;
  font-size : 24px;
  margin-top: 20px;
}

.header-style-two .sticky-header .main-menu {
  height           : 100%;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

/*** 

====================================================================
    header-style-three
====================================================================

***/

/*** 

====================================================================
Sticky Header
====================================================================

***/
.sticky-header {
  background        : #000;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  box-shadow        : 0 0 20px rgba(0, 0, 0, 0.05);
  left              : 0px;
  opacity           : 0;
  padding           : 0px 0px;
  position          : fixed;
  top               : 0px;
  visibility        : hidden;
  width             : 100%;
  z-index           : 99999;
}

.sticky-header .inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sticky-header .logo {
  /* padding: 10px 0; */
}

.sticky-header .logo img {
  /* max-height: 40px; */
}

.sticky-header .nav-outer {
  background : none;
  margin-left: auto;
  position   : relative;
}

@media only screen and (max-width: 1200px) {
  .header-style-two .main-box .nav-outer .nav .navigation li {
    margin-right: 17px;
  }

  .header-style-two .main-box .nav-outer {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .header-style-two .sticky-header .mobile-nav-toggler {
    display: inline-block;
  }

  .header-style-two .sticky-header .main-menu {
    display: none;
  }
}

/*** 

====================================================================
      Mobile Menu
====================================================================

***/
.mobile-nav-toggler {
  position                 : relative;
  font-size                : 28px;
  line-height              : 20px;
  cursor                   : pointer;
  color                    : var(--theme-color1);
  display                  : none;
  top                      : 0;
  margin-left              : 20px;
  -webkit-box-ordinal-group: 9;
  -ms-flex-order           : 8;
  order                    : 8;
}

@media (max-width: 991.98px) {
  .mobile-nav-toggler {
    display: block;
  }
}

.mobile-menu {
  position  : fixed;
  right     : 0;
  top       : 0;
  width     : 300px;
  max-width : 100%;
  height    : 100%;
  opacity   : 0;
  visibility: hidden;
  z-index   : 999999;
}

.mobile-menu .menu-backdrop {
  position  : fixed;
  right     : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  z-index   : 1;
  background: rgba(0, 0, 0, 0.7);
  opacity   : 0;
  visibility: hidden;
}

.mobile-menu .upper-box {
  position         : relative;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  width            : 100%;
  padding          : 15px 20px;
}

.mobile-menu .close-btn {
  position          : relative;
  top               : 0px;
  right             : -5px;
  text-align        : center;
  font-size         : 18px;
  color             : #ffffff;
  height            : 30px;
  width             : 30px;
  line-height       : 30px;
  background-color  : rgba(255, 255, 255, 0.1);
  cursor            : pointer;
  z-index           : 10;
  -webkit-transition: all 0.5s ease;
  transition        : all 0.5s ease;
  -webkit-transform : translateY(-50px);
  transform         : translateY(-50px);
}

.mobile-menu .close-btn:hover {
  opacity: 0.5;
}

.mobile-menu .nav-logo {
  position  : relative;
  text-align: left;
  width     : 100%;
}

.mobile-menu .nav-logo img {
  max-height: 114px;
}

.mobile-menu .menu-box {
  position             : relative;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
  left                 : 0px;
  top                  : 0px;
  width                : 100%;
  height               : 100%;
  max-height           : 100%;
  overflow-y           : auto;
  background-color     : #222;
  padding              : 0px 0px;
  z-index              : 5;
  opacity              : 0;
  visibility           : hidden;
  border-radius        : 0px;
  -webkit-transform    : translateX(101%);
  transform            : translateX(101%);
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity   : 1;
  visibility: visible;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: all 0.4s ease;
  transition        : all 0.4s ease;
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: all 0.4s ease 200ms;
  transition        : all 0.4s ease 200ms;
  -webkit-transform : translateX(0%);
  transform         : translateX(0%);
}

.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
  transform        : translateY(0px);
}

.mobile-menu-visible .scroll-to-top {
  opacity   : 0;
  visibility: hidden;
}

.mobile-menu .navigation {
  position  : relative;
  display   : block;
  width     : 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li {
  position     : relative;
  display      : block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li>ul>li:last-child {
  border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li>a {
  position      : relative;
  display       : block;
  line-height   : 24px;
  padding       : 10px 20px;
  font-size     : 16px;
  color         : #ffffff;
  font-weight   : 400;
  text-transform: capitalize;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
  color: #ffffff;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
  position   : absolute;
  right      : 0px;
  top        : 0px;
  width      : 44px;
  height     : 44px;
  text-align : center;
  font-size  : 16px;
  line-height: 44px;
  color      : #ffffff;
  cursor     : pointer;
  z-index    : 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
  content    : "";
  position   : absolute;
  left       : 0px;
  top        : 10px;
  width      : 1px;
  height     : 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
  content: "\f106";
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
  display: none;
}

.mobile-menu .navigation li>ul>li {
  padding-left: 20px;
}

.contact-list-one {
  position: relative;
  padding : 30px 20px 20px;
}

.contact-list-one li {
  position     : relative;
  padding-left : 54px;
  min-height   : 50px;
  margin-bottom: 20px;
}

.contact-list-one li .icon {
  position   : absolute;
  left       : 0;
  top        : 3px;
  font-size  : 34px;
  line-height: 50px;
  color      : #ffffff;
}

.contact-list-one li .title {
  display       : block;
  font-size     : 16px;
  color         : #ffffff;
  font-weight   : 500;
  text-transform: uppercase;
}

.contact-list-one li a {
  color: #fff;
}

.contact-list-one li .text {
  font-size  : 14px;
  line-height: 24px;
  color      : #ffffff;
}

.contact-list-one li .text a {
  color             : #ffffff;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.contact-info-box {
  color: #fff;
}

.mobile-menu .social-links {
  position         : relative;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  background       : #222;
  width            : 100%;
  border-top       : 1px solid rgba(255, 255, 255, 0.1);
  margin-top       : auto;
}

.mobile-menu .social-links li {
  position    : relative;
  text-align  : center;
  width       : 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .social-links li a {
  position          : relative;
  display           : block;
  line-height       : 50px;
  height            : 50px;
  font-size         : 14px;
  text-align        : center;
  color             : #ffffff;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.mobile-menu .social-links li a:hover {
  color: var(--theme-color2);
}


.sec-title {
  position     : relative;
  margin-bottom: 49px;
}

.sec-title .sub-title {
  position      : relative;
  font-size     : 18px;
  color         : var(--text-color);
  text-transform: uppercase;
  display       : inline-block;
  margin-bottom : 14px;
  font-family   : var(--text-font2);
  letter-spacing: 7.8px;
}

.sec-title .sub-title::before {
  content         : "";
  position        : absolute;
  top             : 10px;
  left            : -50px;
  width           : 37px;
  height          : 10px;
  background-image: url(../images/icons/before.png);
}

.sec-title .sub-title::after {
  content         : "";
  position        : absolute;
  top             : 10px;
  left            : 100%;
  margin-left     : 5px;
  width           : 37px;
  height          : 10px;
  background-image: url(../images/icons/before.png);
}

.sec-title h2 {
  position     : relative;
  display      : block;
  font-size    : var(--sec-title-font-size);
  color        : var(--sec-title-color);
  font-family  : var(--sec-title-font-family);
  font-weight  : var(--sec-title-font-weight);
  margin-bottom: 0;
  z-index      : 2;
}
.sec-title h4 {
  position     : relative;
  display      : block;
  font-size    : var(--sec-title-font-size);
  color        : var(--sec-title-color);
  font-family  : var(--sec-title-font-family);
  font-weight  : var(--sec-title-font-weight);
  margin-bottom: 0;
  z-index      : 2;
}
.sec-title .text {
  margin-top: 24px;
}
.seo-none{
  display: none;
}

@media only screen and (max-width: 1200px) {
  .sec-title h2 br {
    display: none;
  }
 .sec-title h4 br {
    display: none;
  }

  br {
    display: none;
  }

  .sec-title h2 {
    font-size  : 44px;
    line-height: 52px;
  }
}

@media only screen and (max-width: 767px) {
  .sec-title h2 {
    font-size  : 40px;
    line-height: 50px;
  }

  .sec-title .sub-title {
    letter-spacing: 5px;
  }
}

@media only screen and (max-width: 480px) {
  .sec-title .sub-title {
    letter-spacing: 3px;
  }
}

.banner-section-four {
  position: relative;
  padding : 294px 0 185px;
}

@media (max-width: 767.98px) {
  .banner-section-four {
    padding   : 230px 0 90px;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .banner-section-four {
    padding: 190px 0 90px;
  }
}

@media (max-width: 1199.98px) {
  .banner-section-four .content-column {
    -ms-flex-item-align: center;
    -ms-grid-row-align : center;
    align-self         : center;
  }
}

.banner-section-four .content-column .inner-column {
  background-color: rgba(var(--theme-color-black-rgb), 0.67);
  position        : relative;
  padding         : 58px 15px 53px 45px;
  z-index         : 3;
}

@media (max-width: 1199.98px) {
  .banner-section-four .content-column .inner-column {
    padding: 58px 35px 53px;
  }
}

@media (max-width: 575.98px) {
  .banner-section-four .content-column .inner-column {
    padding: 58px 15px 53px;
  }
}

.banner-section-four .content-column .inner-column .offer-text {
  color            : var(--theme-color-light);
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  margin-bottom    : 21px;
  letter-spacing   : 2px;
}

@media (max-width: 767.98px) {
  .banner-section-four .content-column .inner-column .offer-text {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
  }
}

@media (max-width: 575.98px) {
  .banner-section-four .content-column .inner-column .offer-text {
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
  }
}

.banner-section-four .content-column .inner-column .title {
  position     : relative;
  color        : var(--theme-color-light);
  font-size    : 65px;
  line-height  : 1.23;
  margin-bottom: 14px;
}

@media (max-width: 1199.98px) {
  .banner-section-four .content-column .inner-column .title {
    font-size    : 60px;
    margin-bottom: 25px;
  }
}

@media (max-width: 991.98px) {
  .banner-section-four .content-column .inner-column .title {
    font-size: 42px;
  }
}

@media (max-width: 767.98px) {
  .banner-section-four .content-column .inner-column .title {
    font-size  : 60px;
    line-height: 1.3;
  }
}

@media (max-width: 575.98px) {
  .banner-section-four .content-column .inner-column .title {
    font-size: 42px;
  }
}

.banner-section-four .content-column .inner-column .btn-box {
  position: relative;
}

.banner-section-four .content-column .inner-column .btn-box .theme-btn {
  font-family: var(--text-font);
  font-weight: 600;
  padding    : 16.5px 44px;
}



.contact-info {
  position    : relative;
  padding-left: 72px;
  top         : -2px;
}

.contact-info .icon-box {
  position: absolute;
  left    : 0;
  top     : 6px;
}

.contact-info .icon-box i {
  color    : var(--theme-color1);
  font-size: 48px;
}

.contact-info span {
  text-transform: uppercase;
}

.contact-info .title {
  margin-bottom: 0;
  margin-top   : -2px;
}


.about-section-four {
  position: relative;
  padding : 120px 0 23px;
}

.about-section-four .content-column {
  position     : relative;
  margin-bottom: 50px;
  z-index      : 1;
}

.about-section-four .content-column .inner-column {
  position    : relative;
  padding-left: 52px;
}

@media (max-width: 991.98px) {
  .about-section-four .content-column .inner-column {
    padding-left: 0;
  }
}

.about-section-four .content-column .sec-title {
  margin-bottom: 40px;
}

.about-section-four .content-column .sec-title .sub-title::before {
  display: none;
}

@media (max-width: 575.98px) {
  .about-section-four .content-column .sec-title h2 {
    font-size  : 30px;
    line-height: 39px;
  }
}

.about-section-four .content-column .sec-title h5 {
  color        : var(--theme-color1);
  font-size    : 20px;
  line-height  : 1.4;
  margin-top   : 30px;
  margin-right : 15px;
  margin-bottom: 0;
}

.about-section-four .content-column .sec-title .text {
  margin-top: 30px;
}

.about-section-four .content-column .list-style-two {
  margin-bottom: 45px;
  margin-top   : 0;
}

.about-section-four .content-column .btn-box {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

@media (max-width: 575.98px) {
  .about-section-four .content-column .btn-box {
    display: block;
  }
}

.about-section-four .content-column .btn-box .theme-btn {
  margin-right    : 42px;
  border          : 0;
  background-color: var(--theme-color1);
  color           : #ffffff;
  text-transform  : uppercase;
  padding         : 17px 42px 18px;
  font-size       : 18px;
}

.about-section-four .content-column .btn-box .theme-btn:hover {
  color: #fff;
}

.about-section-four .content-column .btn-box .theme-btn:before {
  background: #000;
  color     : #fff;
}

.about-section-four .image-column {
  position     : relative;
  margin-bottom: 50px;
}

@media (max-width: 575.98px) {
  .about-section-four .image-column {
    display: none;
  }
}

.about-section-four .image-column .inner-column {
  position    : relative;
  padding-left: 20px;
}

.about-section-four .image-column .image-1 {
  position     : relative;
  display      : inline-block;
  border-radius: 10px;
  margin-bottom: 0px;
}

.about-section-four .image-column .image-1::after {
  content         : "";
  background-image: url(../images/icons/shape-1.png);
  position        : absolute;
  bottom          : -25px;
  left            : -27px;
  width           : 288px;
  height          : 288px;
  z-index         : -1;
}

.about-section-four .image-column .image-1 img {
  width: 100%;
}




@media only screen and (max-width: 1200px) {
  .contact-info .title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .contact-info {
    margin-top: 40px;
  }
}

.gallery-block-one .inner-box {
  overflow: hidden;
  position: relative;
}

.gallery-block-one .inner-box:hover .image-box img {
  -webkit-transform: scale(1.1);
  transform        : scale(1.1);
}

.gallery-block-one .inner-box .image-box .image {
  position: relative;
  overflow: hidden;
}

.gallery-block-one .inner-box .image-box .image img {
  height            : 430px;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

@media (max-width: 575.98px) {
  .gallery-block-one .inner-box .image-box .image img {
    height: auto;
  }
}

.review-buttons {
  display        : flex;
  gap            : 15px;
  justify-content: center;
  flex-wrap      : wrap;
}

.review-btn {
  display        : flex;
  align-items    : center;
  gap            : 10px;
  padding        : 12px 25px;
  border         : 2px solid var(--theme-color1);
  border-radius  : 8px;
  background     : var(--theme-color-white);
  color          : var(--headings-color);
  text-decoration: none;
  font-weight    : 600;
  transition     : all 0.3s ease;
  font-size      : 14px;
}

.review-btn:hover {
  background: var(--theme-color1);
  color     : var(--theme-color-white);
  transform : translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 171, 64, 0.3);
}

.review-btn img {
  width: 40px;
}

.testimonial-section-two {
  position: relative;
  padding : 120px 0;
}

.testimonial-section-two .sec-title {
  margin-bottom: 40px;
}

.testimonial-section-two .sec-title .sub-title {
  padding-left: 0;
}

.testimonial-section-two .sec-title .sub-title:before {
  display: none;
}

.testimonial-section-two .testimonials {
  position: relative;
}

.testimonial-section-two .swiper-button-next:after,
.testimonial-section-two .swiper-button-prev:after {
  color      : #000000;
  font-size  : 30px;
  font-family: "Font Awesome 6 pro";
}

.testimonial-section-two .swiper-button-prev:after {
  content: "\f177";
}

.testimonial-section-two .swiper-button-next:after {
  content: "\f178";
}

.testimonial-block-two .inner-box {
  text-align: center;
}

.testimonial-block-two .inner-box .info-box {
  margin-bottom: 18px;
}

.testimonial-block-two .inner-box .info-box .name {
  margin-bottom: 5px;
}

.testimonial-block-two .inner-box .info-box .designation {
  display      : block;
  font-size    : 16px;
  font-weight  : 400;
  line-height  : 24px;
  margin-bottom: 8px;
}

.testimonial-block-two .inner-box .text {
  font-size  : 20px;
  line-height: 40px;
  max-width  : 1050px;
  margin     : 0 auto 20px;
}

@media (max-width: 1199.98px) {
  .testimonial-block-two .inner-box .text {
    max-width: initial;
  }
}

@media (max-width: 767.98px) {
  .testimonial-block-two .inner-box .text {
    font-size  : 18px;
    line-height: 26px;
  }
}

.testimonial-block-two .inner-box .quote-icon .icon {
  font-size  : 52px;
  color      : var(--theme-color1);
  line-height: 1em;
}

.feature-section-three {
  position: relative;
  padding : 101px 0 78px;
}

.feature-block-three {
  margin-bottom: 24px;
}

.feature-block-three .inner-box {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  position          : relative;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.feature-block-three .inner-box:hover .icon-box {
  -webkit-transform: rotateY(-180deg);
  transform        : rotateY(-180deg);
}

.feature-block-three .inner-box .icon-box {
  margin-right      : 20px;
  margin-bottom     : 11px;
  -webkit-transition: all 0.5s ease;
  transition        : all 0.5s ease;
}

.feature-block-three .inner-box .icon-box i {
  color             : var(--theme-color1);
  font-size         : 70px;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.feature-block-three .inner-box .content-box .title {
  margin-bottom: 11px;
}

.feature-block-three .inner-box .content-box .text {
  margin-right: 10px;
}


.pricing-section-two {
  position: relative;
  padding : 120px 0;
}

@media (max-width: 767.98px) {
  .pricing-section-two {
    padding: 31px 0 40px;
  }
}

@media (max-width: 575.98px) {
  .pricing-section-two .sec-title h2 {
    font-size  : 32px;
    line-height: 40px;
  }
}

@media (max-width: 767.98px) {
  .pricing-block-two {
    margin-bottom: 40px;
  }
}

.pricing-block-two .list-style-two {
  margin-top: 30px;
}

.pricing-block-two .list-style-two li {
  margin-bottom: 10px;
}

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

.pricing-block-two .inner-box .content-column .inner-column {
  position        : relative;
  background-color: #f8f5f0;
  padding: 36px 28px 40px;
  margin-right    : -75px;
  z-index         : 99;
  margin-top      : 34px;
}

@media (max-width: 1199.98px) {
  .pricing-block-two .inner-box .content-column .inner-column {
    margin-right: -113px;
  }
}

@media (max-width: 991.98px) {
  .pricing-block-two .inner-box .content-column .inner-column {
    margin-top: 0;
  }
}

.pricing-block-two .inner-box .content-column .inner-column::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 41px;
  width           : 95px;
  height          : 13px;
  background-color: #000000;
}

.pricing-block-two .inner-box .content-column .inner-column span {
  font-size: 24px;
  color      : var(--theme-color-dark);
  font-family: var(--title-font);
}

.pricing-block-two .inner-box .content-column .inner-column .book-now {
  font-size                    : 12px;
  padding                      : 0 30px;
  background-color             : var(--theme-color-dark);
  height                       : 40px;
  color                        : var(--theme-color-light);
  display                      : inline-block;
  -webkit-font-feature-settings: var(--text-font2);
  font-feature-settings        : var(--text-font2);
  line-height                  : 40px;
  text-align                   : center;
  margin-top                   : 22px;
  text-transform               : uppercase;
  position                     : relative;
  z-index                      : 9;
}

.pricing-block-two .inner-box .content-column .inner-column .book-now:before {
  position                          : absolute;
  left                              : 0;
  top                               : 0;
  height                            : 100%;
  width                             : 100%;
  content                           : "";
  z-index                           : -1;
  background-color                  : var(--bg-theme-color1);
  border-radius                     : inherit;
  -webkit-transform                 : scale(0, 1);
  transform                         : scale(0, 1);
  -webkit-transform-origin          : top right;
  transform-origin                  : top right;
  transition                        : -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition                : -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition                        : transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition                        : transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function        : cubic-bezier(0.86, 0, 0.07, 1);
}

.pricing-block-two .inner-box .content-column .inner-column .book-now:hover:before {
  -webkit-transform       : scale(1, 1);
  transform               : scale(1, 1);
  -webkit-transform-origin: bottom left;
  transform-origin        : bottom left;
}

.pricing-block-two .inner-box .content-column .inner-column .book-now:hover {
  color: #fff;
}

.pricing-block-two .inner-box .image-column .image-box {
  height: 100%;
}

.pricing-block-two .inner-box .image-column .image-box figure {
  height  : 100%;
  position: relative;
}

.pricing-block-two .inner-box .image-column .image-box figure:before {
  background    : rgba(255, 255, 255, 0.3);
  content       : "";
  position      : absolute;
  left          : 0;
  top           : 0;
  width         : 100%;
  height        : 0;
  opacity       : 1;
  z-index       : 9;
  pointer-events: none;
}

.pricing-block-two .inner-box .image-column .image-box figure:hover:before {
  height            : 100%;
  opacity           : 0;
  -webkit-transition: all 400ms linear;
  transition        : all 400ms linear;
}

.pricing-block-two .inner-box .image-column .image-box figure img {
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

@media only screen and (max-width: 767px) {
  .pricing-block-two .inner-box .image-column .image-box {
    display: none;
  }

  .pricing-block-two .inner-box .content-column .inner-column {
    margin-right: 0;
  }
}

.main-footer {
  position        : relative;
  background-color: var(--bg-theme-color2);
  /* Widget Section */
}

.main-footer .widgets-section {
  position: relative;
  padding : 116px 0 30px;
}

.main-footer .footer-column {
  position     : relative;
  margin-bottom: 50px;
}

.main-footer .footer-widget {
  position: relative;
}

.main-footer .widget-title {
  position     : relative;
  color        : var(--theme-color-light);
  margin-bottom: 22px;
}

.main-footer .widget-content {
  position: relative;
}

.main-footer .widget-content .text {
  color: var(--theme-color-light);
}

.user-links {
  position: relative;
}

.user-links li {
  position     : relative;
  font-size    : 14px;
  line-height  : 32px;
  color        : #929292;
  font-weight  : 400;
  margin-bottom: 2px;
}

.user-links li:last-child {
  margin-bottom: 0;
}

.user-links li a {
  position          : relative;
  display           : inline-block;
  color             : inherit;
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.user-links li a:hover {
  color: #fff !important;
}

.user-links li a:before {
  position          : absolute;
  left              : 0;
  bottom            : 3px;
  width             : 0;
  height            : 1px;
  background-color  : #fff;
  content           : "";
  -webkit-transition: all 300ms ease;
  transition        : all 300ms ease;
}

.user-links li a:hover:before {
  width: 100%;
}

.recent-post {
  position     : relative;
  margin-bottom: 30px;
}

.recent-post:last-child {
  margin-bottom: 0;
}

.recent-post .inner {
  position: relative;
}

.recent-post .inner .post-info {
  position         : relative;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  font-size        : 16px;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  color            : #adadad;
  line-height      : 30px;
  margin-bottom    : 23px;
  padding-left     : 25px;
}

.recent-post .inner .post-info i {
  position    : absolute;
  top         : 0;
  left        : 0;
  font-size   : 14px;
  margin-right: 10px;
  color       : #ffffff;
}

/* Subscribe Form */

/*=== Footer Bottom ===*/
.footer-bottom {
  position  : relative;
  z-index   : 3;
  border-top: 1px solid #333F4D;
  padding   : 30px 0;
}

.footer-style-two {
  background-color: var(--theme-color-dark);
}

.footer-style-two .widgets-section {
  padding: 106px 0 44px;
}

.footer-style-two .about-widget {
  margin-top: 14px;
}

.footer-style-two .about-widget .logo {
  position     : relative;
  margin-bottom: 30px;
  margin-top   : -20px;
}

.footer-style-two .about-widget .logo img {
  width: 200px;
}

.footer-style-two .about-widget .text {
  margin-bottom: 34px;
  font-size    : 16px;
  color        : #adadad;
}

.footer-style-two .about-widget .social-icon-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-style-two .about-widget .social-icon-two li {
  margin-right: 6px;
}

.footer-style-two .about-widget .social-icon-two li:last-child {
  margin-right: 0;
}

.footer-style-two .about-widget .social-icon-two li a {
  height       : 40px;
  width        : 40px;
  text-align   : center;
  line-height  : 40px;
  color        : #adadad;
  border-radius: 50%;
  border       : 1px solid #adadad;
  display      : inline-block;
}

.footer-style-two .about-widget .social-icon-two li a:hover {
  background-color: var(--theme-color1);
  border-color    : transparent;
  color           : #fff;
}

.footer-style-two .links-widget {
  margin-bottom: 50px;
}

.footer-style-two .links-widget .widget-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-style-two .links-widget .widget-content .user-links {
  padding-right: 36px;
}

.footer-style-two .links-widget .widget-content .user-links:last-child {
  padding-right: 0;
}

.footer-style-two .links-widget .widget-content .user-links li {
  padding-left: 27px;
}

.footer-style-two .links-widget .widget-content .user-links li a {
  color: #adadad;
}

.footer-style-two .links-widget .widget-content .user-links li a:hover {
  color: var(--theme-color1);
}

.footer-style-two .links-widget .widget-content .user-links li i {
  position: absolute;
  left    : -27px;
}

.footer-style-two .footer-bottom {
  border          : 0;
  padding         : 0;
  background-color: #333333;
}

.footer-style-two .recent-post .inner .post-info {
  margin-bottom: 10px;
}

.footer-style-two .recent-post .inner .post-info a {
  color: #fff;
}

.footer-style-two .recent-post .inner .post-info:last-child {
  margin-bottom: 0;
}

.copyright {
  font-size: 14px;
}

.copyright a {
  color: #fff;
}

@media (max-width:500px) {
  .header-style-two .header-top .inner-box {
    flex-direction: column;
  }

  .main-header .logo img {
    width: 150px;
  }

  .banner-section-four .content-column .inner-column {
    padding: 81px 5px 30px;
  }
}




/* about page start here  */
.about-hero {
  height: 50vh;

  background: linear-gradient(rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)),
    url('../images/about-inner.jpeg') center/cover no-repeat;
  color: #fff;
}

.hero-title {
  font-size     : 3rem;
  font-weight   : 700;
  text-transform: uppercase;
  padding-top   : 15%;
  color         : #fff;
}

.hero-subtitle {
  font-size : 1.2rem;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 2.2rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }
}

.about_class {
  position: relative;
  display : block;
  overflow: hidden;
  z-index : 1;
  padding : 60px 0px;
}

.about_class__bg-color {
  position  : absolute;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  background: linear-gradient(0deg, rgba(var(--theme-color2-rgb), 0) 24%, rgba(var(--theme-color2-rgb), 1) 100%);
  z-index   : -1;
}

.about_class__inner {
  position: relative;
  display : block;
}



.about_class__buttons-img {
  position : relative;
  display  : block;
  max-width: 80px;
  width    : 100%;
}

.about_class__buttons-img img {
  width  : 100%;
  display: block;
}

.about_class__buttons-content {
  position: relative;
  display : block;
}

.about_class__buttons-title {
  font-size     : 18px;
  font-weight   : 600;
  line-height   : 34px;
  margin-bottom : 5px;
  text-transform: capitalize;
  color         : var(--headings-color);
}

.about_class__buttons-time {
  color: var(--text-color);
}

.about_class__main-tab-box .tab-buttons .tab-btn.active-btn .about_class__buttons-title,
.about_class__main-tab-box .tab-buttons .tab-btn.active-btn .about_class__buttons-time {
  color: var(--theme-color-white);
}

.about_class__main-tab-box .tabs-content {
  position: relative;
  display : block;
}

.about_class__main-tab-box .tabs-content .tab {
  position: relative;
  display : none;
  z-index : 10;
}

.about_class__main-tab-box .tabs-content .tab.active-tab {
  display: block;
}

.about_class__tabs-content-outer {
  /* position        : relative; */
  display         : block;
  background-color: var(--theme-color-white);
  box-shadow      : 0px 0px 48.51px 0.49px rgba(0, 0, 0, 0.1);
  padding         : 40px 16px;
}

.about_class__tabs-content-box {
  position   : relative;
  display    : flex;
  align-items: flex-start;
  gap        : 30px;
}

.about_class__img-box {
  position: relative;
  display : block;
}

.about_class__img {
  position : relative;
  display  : block;
  max-width: 410px;
  width    : 100%;
  z-index  : 1;
}

.about_class__img::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  background: linear-gradient(180deg, rgba(25, 22, 40, 0) 75%, rgba(25, 22, 40, 1) 100%);
  z-index   : 1;
}

.about_class__img img {
  width  : 100%;
  display: block;
}

.about_class__content {
  position: relative;
  display : block;
  flex    : 1;
}

.about_class__title {
  font-size  : 24px;
  font-weight: 600;
  line-height: 34px;
  color      : var(--headings-color);
  font-family: var(--title-font);
}

.about_class__sub-title {
  font-size  : 28px;
  font-weight: 600;
  color      : var(--theme-color1);
  margin-top : 5px;
}

.about_class__text {
  margin: 20px 0 21px;
}

.about_class__points {
  position: relative;
  display : block;
  margin  : 20px 0;
}

.about_class__points li+li {
  margin-top: 5px;
}

.about_class__points li {
  position   : relative;
  display    : flex;
  align-items: center;
  gap        : 10px;
}

.about_class__points li .icon {
  position: relative;
  display : inline-block;
}

.about_class__points li .icon span {
  position : relative;
  display  : inline-block;
  font-size: 16px;
  color    : var(--theme-color1);
}



.about_class__date p span {
  font-size  : 20px;
  line-height: 20px;
  color      : var(--theme-color-white);
}

.about_class__post {
  position  : absolute;
  bottom    : 20px;
  left      : 0;
  right     : 0;
  text-align: center;
  z-index   : 2;
}

.about_class__post>p {
  color: rgba(var(--theme-color-white-rgb), 1);
}

.about_class__post>p>span {
  font-weight: 700;
  color      : var(--theme-color1);
}

.about_class__post>span {
  color: rgba(var(--theme-color-white-rgb), 1);
}

.about_class__btn-box {
  position  : relative;
  display   : block;
  text-align: center;
  margin-top: 15px;
}

.about_class__btn-box .thm-btn {
  padding         : 11px 35px;
  width           : 100%;
  text-align      : center;
  justify-content : center;
  background-color: transparent;
  color           : var(--theme-color-black);
  border          : 1px solid rgba(var(--theme-color-black-rgb), .10);
  text-decoration : none;
  display         : inline-block;
  font-weight     : 600;
  transition      : all 0.3s ease;
}

.about_class__btn-box .thm-btn:hover {
  background-color: var(--theme-color1);
  color           : var(--theme-color-white);
  border-color    : var(--theme-color1);
}

.about_class__read-more .thm-btn {
  padding         : 11px 35px;
  background-color: var(--theme-color1);
  color           : var(--theme-color-white);
  text-decoration : none;
  display         : inline-block;
  font-weight     : 600;
  border          : none;
  transition      : all 0.3s ease;
}

.about_class__read-more .thm-btn:hover {
  background-color: var(--theme-color-dark);
}

.section-title {
  margin-bottom: 60px;
}

.section-title__tagline-box {
  margin-bottom: 10px;
}

.section-title__tagline {
  font-size     : var(--sec-title-subtitle-font-size);
  font-family   : var(--sec-title-subtitle-font-family);
  font-weight   : var(--sec-title-subtitle-font-weight);
  line-height   : var(--sec-title-subtitle-line-height);
  color         : var(--sec-title-subtitle-color);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.section-title__title {
  font-size  : var(--sec-title-font-size);
  font-family: var(--sec-title-font-family);
  font-weight: var(--sec-title-font-weight);
  color      : var(--sec-title-color);
  line-height: var(--line-height-heading);
}

/* Placeholder images */
.placeholder-img {
  background-color: #ddd;
  display         : flex;
  align-items     : center;
  justify-content : center;
  color           : #999;
  font-weight     : bold;
  margin          : auto;
}

.about_class__buttons-img .placeholder-img {
  width : 80px;
  height: 80px;
}

.about_class__img .placeholder-img {
  /* width : 410px; */
  /* height: 500px; */
}


.room-page {
  padding            : 80px 0;
  /* background-color: #f9f9f9; */
  background         : linear-gradient(0deg, rgba(var(--theme-color2-rgb), 0) 24%, rgba(var(--theme-color2-rgb), 1) 100%);
  z-index            : -1;
}

.our-rooms__single {
  background      : var(--theme-color-white);
  border-radius   : 8px;
  overflow        : hidden;
  box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.08);
  transition      : transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom   : 30px;
  /* height       : 100%; */
}

.our-rooms__single:hover {
  transform : translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.our-rooms__img-box {
  position: relative;
  overflow: hidden;
}

.our-rooms__img {
  height  : 250px;
  overflow: hidden;
}

.our-rooms__img img {
  width     : 100%;
  height    : 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.our-rooms__single:hover .our-rooms__img img {
  transform: scale(1.05);
}

.our-rooms__service {
  position: absolute;
  bottom  : 15px;
  right   : 15px;
  margin  : 0;
  padding : 0;
  z-index : 10;
}

.our-rooms__service li {
  margin-bottom  : 10px;
  display        : flex;
  align-items    : center;
  justify-content: flex-end;
}

.our-rooms__service-icon {
  width          : 40px;
  height         : 40px;
  background     : var(--theme-color-white);
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  box-shadow     : 0 3px 10px rgba(0, 0, 0, 0.1);
  transition     : all 0.3s ease;
}

.our-rooms__service-icon:hover {
  background: var(--theme-color1);
  color     : var(--theme-color-white);
}

.our-rooms__service-icon i {
  font-size: 16px;
  color    : var(--theme-color-dark);
}

.our-rooms__service-icon:hover i {
  color: var(--theme-color-white);
}

.our-rooms__extra-service {
  background   : var(--theme-color-white);
  padding      : 5px 12px;
  border-radius: 20px;
  margin-right : 10px;
  font-size    : 14px;
  box-shadow   : 0 3px 10px rgba(0, 0, 0, 0.1);
  opacity      : 0;
  transform    : translateX(10px);
  transition   : all 0.3s ease;
}

.our-rooms__service li:hover .our-rooms__extra-service {
  opacity  : 1;
  transform: translateX(0);
}

.our-rooms__content {
  padding: 25px;
}

.our-rooms__title {
  font-size    : 22px;
  font-weight  : 600;
  margin-bottom: 15px;
  color        : var(--headings-color);
}

.our-rooms__title a {
  color          : inherit;
  text-decoration: none;
  transition     : color 0.3s ease;
}

.our-rooms__title a:hover {
  color: var(--theme-color1);
}

.our-rooms__details-list {
  display        : flex;
  justify-content: space-between;
  margin-bottom  : 20px;
  padding        : 0;
}

.our-rooms__details-list li {
  display        : flex;
  /* align-items : center; */
  font-size      : 14px;
  justify-content: center;
}

.our-rooms__details-list .icon {
  margin-right: 8px;
  color       : var(--theme-color1);
}

.our-rooms__btn {
  display        : block;
  width          : 100%;
  padding        : 12px;
  background     : var(--theme-color1);
  color          : var(--theme-color-white);
  border         : none;
  border-radius  : 5px;
  font-weight    : 600;
  text-align     : center;
  text-decoration: none;
  transition     : background 0.3s ease;
}

.our-rooms__btn:hover {
  background: var(--theme-color-dark);
  color     : var(--theme-color-white);
}



/* room details start here  */
.room-details-page {
  padding   : 80px 0;
  background: linear-gradient(0deg, rgba(var(--theme-color2-rgb), 0) 24%, rgba(var(--theme-color2-rgb), 1) 100%);
  z-index   : -1;
}

.room-list-section {
  position: relative;
}

.room-list-item {
  background   : var(--theme-color-white);
  border-radius: 8px;
  overflow     : hidden;
  box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  transition   : all 0.4s ease;
  opacity      : 0;
  transform    : translateX(-20px);
  animation    : slideInLeft 0.6s ease forwards;
}

.room-list-item:nth-child(1) {
  animation-delay: 0.1s;
}

.room-list-item:nth-child(2) {
  animation-delay: 0.2s;
}

.room-list-item:nth-child(3) {
  animation-delay: 0.3s;
}

.room-list-item:nth-child(4) {
  animation-delay: 0.4s;
}

.room-list-item:nth-child(5) {
  animation-delay: 0.5s;
}

.room-list-item:nth-child(6) {
  animation-delay: 0.6s;
}

@keyframes slideInLeft {
  to {
    opacity  : 1;
    transform: translateX(0);
  }
}

.room-list-item:hover {
  transform : translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.room-list-item.active {
  border-left: 4px solid var(--theme-color1);
}

.room-list-img {
  height  : 120px;
  overflow: hidden;
}

.room-list-img img {
  width     : 100%;
  height    : 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.room-list-item:hover .room-list-img img {
  transform: scale(1.05);
}

.room-list-content {
  padding: 15px;
}

.room-list-title {
  font-size    : 18px;
  font-weight  : 600;
  margin-bottom: 10px;
  color        : var(--headings-color);
}

.room-list-title a {
  color          : inherit;
  text-decoration: none;
  transition     : color 0.3s ease;
}

.room-list-title a:hover {
  color: var(--theme-color1);
}

.room-list-details {
  display        : flex;
  justify-content: space-between;
  font-size      : 14px;
}

.room-list-details span {
  display    : flex;
  align-items: center;
}

.room-list-details i {
  margin-right: 5px;
  color       : var(--theme-color1);
}

.room-details-section {
  background   : var(--theme-color-white);
  border-radius: 8px;
  overflow     : hidden;
  box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.08);
  opacity      : 0;
  transform    : translateY(20px);
  animation    : fadeInUp 0.8s ease 0.7s forwards;
}

@keyframes fadeInUp {
  to {
    opacity  : 1;
    transform: translateY(0);
  }
}

.room-details-img {
  position: relative;
  height  : 400px;
  overflow: hidden;
}

.room-details-img img {
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}

.room-details-badge {
  position     : absolute;
  top          : 20px;
  right        : 20px;
  background   : var(--theme-color1);
  color        : var(--theme-color-white);
  padding      : 8px 15px;
  border-radius: 4px;
  font-weight  : 600;
  font-size    : 14px;
}

.room-details-content {
  padding: 30px;
}

.room-details-title {
  font-size    : 28px;
  font-weight  : 600;
  margin-bottom: 15px;
  color        : var(--headings-color);
}

.room-details-subtitle {
  font-size    : 18px;
  color        : var(--theme-color1);
  margin-bottom: 20px;
  font-weight  : 500;
}

.room-details-text {
  margin-bottom: 25px;
}

.room-features {
  margin-bottom: 25px;
}

.room-features-title {
  font-size    : 20px;
  font-weight  : 600;
  margin-bottom: 15px;
  color        : var(--headings-color);
}

.room-features-list {
  display              : grid;
  grid-template-columns: repeat(2, 1fr);
  gap                  : 10px;
}

.room-feature-item {
  display    : flex;
  align-items: center;
}

.room-feature-item i {
  color       : var(--theme-color1);
  margin-right: 10px;
  font-size   : 16px;
}

.room-details-meta {
  display        : flex;
  justify-content: space-between;
  margin-bottom  : 25px;
  padding        : 15px;
  background     : var(--theme-color3);
  border-radius  : 8px;
}

.room-meta-item {
  text-align: center;
}

.room-meta-value {
  font-size  : 20px;
  font-weight: 600;
  color      : var(--headings-color);
}

.room-meta-label {
  font-size: 14px;
  color    : var(--text-color);
}

.room-details-btn {
  display        : inline-block;
  padding        : 12px 30px;
  background     : var(--theme-color1);
  color          : var(--theme-color-white);
  border         : none;
  border-radius  : 5px;
  font-weight    : 600;
  text-decoration: none;
  transition     : background 0.3s ease;
}

.room-details-btn:hover {
  background: var(--theme-color-dark);
  color     : var(--theme-color-white);
}

/* room details end here  */


/* gallery page start here  */
.gallery-section {
  padding   : 80px 0;
  background: linear-gradient(0deg, rgba(var(--theme-color2-rgb), 0) 24%, rgba(var(--theme-color2-rgb), 1) 100%);
  z-index   : -1;
}


.gallery-item {
  margin-bottom   : 30px;
  border-radius   : 10px;
  overflow        : hidden;
  box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.1);
  transition      : transform 0.3s ease, box-shadow 0.3s ease;
  /* background   : white; */
}

.gallery-item:hover {
  transform : translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.gallery-img {
  width        : 100%;
  /* height    : 250px; */
  object-fit   : cover;
  display      : block;
  transition   : transform 0.5s ease;
}

.gallery-item:hover .gallery-img {
  transform: scale(1.05);
}








/* Animation for gallery items */
@keyframes fadeIn {
  from {
    opacity  : 0;
    transform: translateY(20px);
  }

  to {
    opacity  : 1;
    transform: translateY(0);
  }
}

.gallery-item {
  animation: fadeIn 0.5s ease forwards;
}

.gallery-item:nth-child(3n+1) {
  animation-delay: 0.1s;
}

.gallery-item:nth-child(3n+2) {
  animation-delay: 0.2s;
}

.gallery-item:nth-child(3n+3) {
  animation-delay: 0.3s;
}

/* gallery page end here  */


/* contact us start here  */
.contact-section {
  padding            : 80px 0;
  /* background-color: var(--theme-color3); */
  background         : linear-gradient(0deg, rgba(var(--theme-color2-rgb), 0) 24%, rgba(var(--theme-color2-rgb), 1) 100%);
  z-index            : -1;
}

.section-header {
  text-align   : center;
  margin-bottom: 60px;
}

.section-title {
  font-size    : 2.5rem;
  font-weight  : 700;
  color        : var(--headings-color);
  margin-bottom: 15px;
  position     : relative;
}

.section-title:after {
  content      : '';
  position     : absolute;
  bottom       : -10px;
  left         : 50%;
  transform    : translateX(-50%);
  width        : 80px;
  height       : 4px;
  background   : var(--theme-color1);
  border-radius: 2px;
}

.section-subtitle {
  font-size: 1.1rem;
  color    : var(--text-color);
  max-width: 600px;
  margin   : 0 auto;
}

.info-box-1 {
  background   : var(--theme-color-white);
  border-radius: 10px;
  padding      : 30px;
  text-align   : center;
  box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.08);
  transition   : transform 0.3s ease, box-shadow 0.3s ease;
  height       : 250px;
  margin-bottom: 30px;
  border       : 1px solid var(--theme-color2);
}

.info-box-1:hover {
  transform   : translateY(-5px);
  box-shadow  : 0 10px 25px rgba(0, 0, 0, 0.15);
  border-color: var(--theme-color1);
}

.info-box-1 .icon {
  width          : 70px;
  height         : 70px;
  background     : var(--theme-color1);
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin         : 0 auto 20px;
  color          : var(--theme-color-white);
  font-size      : 28px;
  transition     : all 0.3s ease;
}

.info-box-1:hover .icon {
  background: var(--headings-color);
  transform : rotateY(180deg);
}

.info-box-1 h4 {
  font-size    : 1.3rem;
  font-weight  : 600;
  margin-bottom: 15px;
  color        : var(--headings-color);
}

.info-box-1 p {
  color        : var(--text-color);
  margin-bottom: 0;
}

.info-box-1 a {
  color          : var(--text-color);
  text-decoration: none;
  transition     : color 0.3s ease;
}

.info-box-1 a:hover {
  color: var(--theme-color1);
}

.contact-details {
  background   : var(--theme-color-white);
  border-radius: 10px;
  padding      : 40px;
  box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.08);
  margin-top   : 30px;
  border       : 1px solid var(--theme-color2);
}

.contact-details h3 {
  font-size     : 1.5rem;
  font-weight   : 600;
  margin-bottom : 20px;
  color         : var(--headings-color);
  border-bottom : 2px solid var(--theme-color1);
  padding-bottom: 10px;
  display       : inline-block;
}

.contact-details .detail-item {
  margin-bottom: 15px;
  display      : flex;
  align-items  : flex-start;
}

.contact-details .detail-item i {
  color       : var(--theme-color1);
  margin-right: 15px;
  font-size   : 18px;
  margin-top  : 3px;
}

.contact-details .detail-item a {
  color          : var(--text-color);
  text-decoration: none;
  transition     : color 0.3s ease;
}

.contact-details .detail-item a:hover {
  color: var(--theme-color1);
}

.check-in-out {
  background   : var(--theme-color-white);
  border-radius: 10px;
  padding      : 40px;
  box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.08);
  margin-top   : 30px;
  border       : 1px solid var(--theme-color2);
}

.check-in-out h3 {
  font-size     : 1.5rem;
  font-weight   : 600;
  margin-bottom : 20px;
  color         : var(--headings-color);
  border-bottom : 2px solid var(--theme-color1);
  padding-bottom: 10px;
  display       : inline-block;
}

.check-in-out .time-item {
  margin-bottom  : 15px;
  display        : flex;
  justify-content: space-between;
  border-bottom  : 1px dashed var(--theme-color4);
  padding-bottom : 10px;
}

.check-in-out .time-item:last-child {
  border-bottom : none;
  margin-bottom : 0;
  padding-bottom: 0;
}

.check-in-out .time-label {
  font-weight: 600;
  color      : var(--headings-color);
}

.check-in-out .time-value {
  color      : var(--theme-color1);
  font-weight: 600;
}

.facility-item {
  display      : flex;
  align-items  : center;
  margin-bottom: 10px;
}

.facility-item i {
  color       : var(--theme-color1);
  margin-right: 10px;
}

.facility-item span {
  color: var(--text-color);
}

.contact-form-container {
  background   : var(--theme-color-white);
  border-radius: 10px;
  box-shadow   : 0 10px 30px rgba(0, 0, 0, 0.1);
  overflow     : hidden;

  margin: 10px auto;
}

.contact-form {
  padding: 50px;
}

.input-group {
  position     : relative;
  margin-bottom: 25px;
}

.input-group .icon {
  position : absolute;
  left     : 20px;
  top      : 50%;
  transform: translateY(-50%);
  color    : var(--theme-color1);
  font-size: 18px;
  z-index  : 3;
}

.input-group .icon-2 {
  position : absolute;
  left     : 20px;
  top      : 25%;
  transform: translateY(-50%);
  color    : var(--theme-color1);
  font-size: 18px;
  z-index  : 3;
}

.input-group input,
.input-group textarea {
  width        : 100%;
  padding      : 15px 20px 15px 60px;
  border       : 1px solid var(--theme-color2);
  border-radius: 8px;
  background   : var(--theme-color-white);
  font-size    : 16px;
  transition   : all 0.3s ease;
  color        : var(--text-color);
  font-family  : inherit;
}

.input-group textarea {
  min-height : 120px;
  resize     : vertical;
  padding-top: 15px;
}

.input-group input:focus,
.input-group textarea:focus {
  outline     : none;
  border-color: var(--theme-color1);
  box-shadow  : 0 0 0 3px rgba(255, 171, 64, 0.1);
}

.input-group input::placeholder,
.input-group textarea::placeholder {
  color      : #999;
  font-weight: 400;
}

.submit-btn {
  background    : var(--theme-color1);
  color         : var(--theme-color-white);
  border        : none;
  padding       : 15px 50px;
  font-size     : 16px;
  font-weight   : 600;
  border-radius : 8px;
  cursor        : pointer;
  transition    : all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  display       : block;
  margin        : 30px auto 0;
  width         : 100%;
  max-width     : 250px;
}

.submit-btn:hover {
  background: var(--theme-color-dark);
  transform : translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Form header */
.form-header {
  text-align   : center;
  margin-bottom: 40px;
}

.form-header h2 {
  color        : var(--headings-color);
  font-size    : 2.2rem;
  font-weight  : 700;
  margin-bottom: 10px;
}

.form-header p {
  color        : var(--text-color);
  font-size    : 1.1rem;
  margin-bottom: 0;
}



/* amenties page start here  */
.amenities {
  padding   : 80px 0;
  background: linear-gradient(0deg, rgba(var(--theme-color2-rgb), 0) 24%, rgba(var(--theme-color2-rgb), 1) 100%);
  z-index   : -1;
}

.amenity-card {
  background-color: var(--theme-color-white);
  border-radius   : 10px;
  box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.05);
  transition      : transform 0.3s ease, box-shadow 0.3s ease;
  height          : 100%;
  padding         : 48px 20px;
  text-align      : center;
  border          : 1px solid rgba(0, 0, 0, 0.05);
}

.amenity-card:hover {
  transform : translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.amenity-icon {
  font-size    : 2.5rem;
  color        : var(--theme-color1);
  margin-bottom: 20px;
}

.amenity-title {
  font-size    : 1.25rem;
  margin-bottom: 15px;
  color        : var(--headings-color);
}


.highlight-bg {
  background-color: var(--theme-color3);
}

.featured-amenities {
  background-color: var(--theme-color2);
  border-radius   : 10px;
  padding         : 40px;
}

.featured-icon {
  font-size    : 3rem;
  color        : var(--theme-color1);
  margin-bottom: 20px;
}

/* amenties page end here  */
/* area attraction start here  */
.attraction-card {
  background-color: var(--theme-color-white);
  border-radius   : 10px;
  box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.05);
  transition      : transform 0.3s ease, box-shadow 0.3s ease;
  height          : 100%;
  padding         : 25px 20px;
  border          : 1px solid rgb(255 171 64);
  margin-bottom   : 20px;
}

.attraction-card:hover {
  transform : translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.category-title {
  color         : var(--theme-color1);
  font-size     : 1.5rem;
  margin-bottom : 20px;
  padding-bottom: 10px;
  border-bottom : 2px solid #e39f7a;
}

.attraction-item {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  padding        : 12px 0;
  border-bottom  : 1px solid var(--theme-color2);
}

.attraction-item:last-child {
  border-bottom: none;
}

.attraction-name {
  font-weight  : 500;
  color        : var(--headings-color);
  margin-bottom: 5px;
}

.attraction-distance {
  color      : #0d1e2f;
  font-size  : 0.9rem;
  display    : flex;
  align-items: center;
}

.attraction-distance i {
  margin-right: 5px;
  color       : var(--theme-color1);
}

.category-icon {
  font-size       : 1.8rem;
  color           : var(--theme-color1);
  margin-bottom   : 15px;
  display         : inline-block;
  padding         : 15px;
  background-color: var(--theme-color2);
  border-radius   : 50%;
  width           : 70px;
  height          : 70px;
  text-align      : center;
  line-height     : 40px;
}

/* area attraction end here  */

/* book now page start here  */



.book-now-section .bg-light {
  background-color: #fff !important;
  border-radius: 30px;
  box-shadow: 0 5px 25px rgb(0 0 0 / 33%) !important;
  padding         : 30px !important;
  border          : 1px solid #e0e0e0;
}

/* Form Headings */
.book-now-section h4 {
  color         : #000;
  font-size     : 22px;
  font-weight   : 600;
  margin-bottom : 25px;
  padding-bottom: 15px;
  border-bottom : 2px solid #000;
}

/* Form Inputs */
.book-now-section .form-control,
.book-now-section .form-select {
  height          : 48px;
  border          : 1px solid #ddd;
  border-radius   : 4px;
  padding         : 10px 15px;
  font-size       : 15px;
  transition      : all 0.3s;
  background-color: #fff;
  color           : #333;
}

.book-now-section .form-control:focus,
.book-now-section .form-select:focus {
  border-color    : #000;
  box-shadow      : 0 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

/* Labels */
.book-now-section .form-label {
  font-weight  : 500;
  color        : #000;
  margin-bottom: 8px;
  display      : block;
}

/* Submit Button */
.book-now-section .btn-primary {
  background    : #000;
  border        : 2px solid #000;
  color         : #fff;
  padding       : 12px 35px;
  font-weight   : 600;
  letter-spacing: 0.5px;
  transition    : all 0.3s;
  border-radius : 4px;
}

.book-now-section .btn-primary:hover {
  background: #fff;
  color     : #000;
  transform : translateY(-2px);
}

.book-now-section .btn-primary i {
  transition: transform 0.3s;
}

.book-now-section .btn-primary:hover i {
  transform: translateX(3px);
}

/* Form Row Spacing */
.book-now-section .row.g-3 {
  row-gap: 20px;
}

/* Date Inputs */
.book-now-section input[type="date"] {
  position: relative;
}

.book-now-section input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right   : 10px;
  opacity : 0.7;
  cursor  : pointer;
}

/* Select Dropdown */
.book-now-section .form-select {
  appearance         : none;
  background-image   : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat  : no-repeat;
  background-position: right 12px center;
  background-size    : 16px 12px;
}

/* Placeholder text */
.book-now-section .form-control::placeholder {
  color: #999;
}

/* Card type and expiry styling */
.book-now-section input[name="card_type"],
.book-now-section input[name="month_year"] {
  background-color: #fff;
}

/* book now page end here  */
/* Responsive Design */
@media(max-width:500px) {
  .header-style-two .header-top .inner-box {
    align-items: center;
  }

  .header-style-two .header-top.light .inner-box .top-left span {
    color    : var(--theme-color-white);
    font-size: 14px;
  }

  .banner-section-four .content-column .inner-column .title {
    font-size: 35px;
  }
}

@media (max-width: 768px) {
  .contact-section {
    padding: 50px 0;
  }

  .contact-form {
    padding: 30px;
  }

  .form-header h2 {
    font-size: 1.8rem;
  }

  .input-group input,
  .input-group textarea {
    padding  : 12px 15px 12px 50px;
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  .contact-form {
    padding: 25px 20px;
  }

  .form-header h2 {
    font-size: 1.6rem;
  }

  .submit-btn {
    width    : 100%;
    max-width: none;
    padding  : 14px 20px;
  }

  .input-group .icon {
    left     : 15px;
    font-size: 16px;
  }
}

/* Animation */
.input-group {
  animation: fadeInUp 0.5s ease forwards;
  opacity  : 0;
  transform: translateY(20px);
}

.input-group:nth-child(1) {
  animation-delay: 0.1s;
}

.input-group:nth-child(2) {
  animation-delay: 0.2s;
}

.input-group:nth-child(3) {
  animation-delay: 0.3s;
}

.input-group:nth-child(4) {
  animation-delay: 0.4s;
}

.input-group:nth-child(5) {
  animation-delay: 0.5s;
}

@keyframes fadeInUp {
  to {
    opacity  : 1;
    transform: translateY(0);
  }
}

.map-container {
  width : 100%;
  height: 450px;
}

.map-container iframe {
  width : 100%;
  height: 100%;
  border: 0;
}

/* contact us end here  */


/* responsive start here  */

@media (max-width:576px) {
  .about_class__sub-title {
    font-size: 24px;
  }

  .room-details-title {
    font-size: 24px;
  }

  .room-list-img {
    height: 100px;
  }

  .info-box-1 .icon {
    width    : 60px;
    height   : 60px;
    font-size: 24px;
  }

  .about_class__img {
    position: relative;
    display : block;

    max-width: auto;
    z-index  : 1;

  }

  .our-rooms__content {
    padding: 20px;
  }

  .our-rooms__title {
    font-size: 20px;
  }
}

@media (max-width:667px) {
  .section-title__title {
    font-size  : 30px;
    line-height: 40px;

  }

  .about_class {
    padding: 40px 10px;
  }

  .gallery-section {
    padding: 40px 0;
  }
}

@media (max-width: 1199px) {
  .our-rooms__details-list {
    flex-direction: column;
    align-items   : flex-start;
  }

  .our-rooms__details-list li {
    margin-bottom: 8px;
  }

  .main-menu .navigation>li>a {

    font-size: 14px !important;
  }
}

@media (max-width:1400px) {


  .about_class__tabs-content-box {
    position       : relative;
    display        : flex;
    gap            : 30px;
    justify-content: center;
    flex-direction : column !important;
  }
}

@media (max-width: 991px) {
  .room-list-section {
    margin-bottom: 40px;
  }

  .room-details-img {
    height: 300px;
  }
}


@media(max-width:768px) {
  .contact-section {
    padding: 50px 0;
  }

  .info-box-1 {
    padding: 20px;
  }

  .contact-details,
  .check-in-out {
    padding: 25px;
  }

  .hero-title {
    padding-top: 40% !important;
  }

  .room-page {
    padding: 50px 0;
  }

  .our-rooms__img {
    height: 220px;
  }

  .room-details-page {
    padding: 50px 0;
  }

  .room-features-list {
    grid-template-columns: 1fr;
  }

  .room-details-meta {
    flex-direction: column;
    gap           : 15px;
  }

  .room-details-content {
    padding: 20px;
  }

  .feature-section-three {
    position: relative;
    padding : 38px 0 15px;
  }

  .testimonial-section-two {
    position: relative;
    padding : 8px 0;
  }
}