@import url('https://fonts.googleapis.com/css2?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&display=swap');
@font-face {
    font-family: MyWebFont;
    src: url('../fonts/segoe-ui-4-cufonfonts/Segoe\ UI.ttf') format('embedded-opentype');
    src: url('../fonts/segoe-ui-4-cufonfonts/Segoe\ UI\ Bold.ttf') format('embedded-opentype');
    src: url('../fonts/segoe-ui-4-cufonfonts/Segoe\ UI\ Bold\ Italic.ttf') format('embedded-opentype');
    src: url('../fonts/segoe-ui-4-cufonfonts/Segoe\ UI\ Italic.ttf') format('embedded-opentype');
  }
* { box-sizing: border-box; text-decoration: none; list-style: none; font-family: "Barlow", sans-serif; padding: 0; margin: 0; margin-bottom: 0px; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .shimmer-main-content, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
h1, h2, h3, h4, h5, h6 {color: #333333; font-weight: 600; line-height: normal;}
h2 {font-size: 30px;} h3 {font-size: 25px; font-weight: 500;}
h4 {font-size: 25px;}
label {font-size: 18px; font-weight: 600; cursor: pointer;}
::placeholder{font-size: 14px; font-weight: 500; }
a, button {outline: none; text-decoration: none !important; transition: all 0.3s ease-out 0s; border: unset; background-color: unset; cursor: pointer;}
select {outline: none; }
::selection {text-shadow: none; color: var(--text-color); background: var(--primary-color); }
html { scroll-behavior: smooth;}
body {overflow: unset; background-color: #fcfcfd;}
input:focus { outline: none;}


/*----------
   variable
-------------*/
:root {
    --primary-color: #bfbf40;
    --secondary-color: #bf4040;
    --third-color: #f8f7f7;
    --text-primary-color: #737326;
    --text-secondary-color: #5c3d3d;
    --text-color: #fff;
    --text-color-1: #7a5252;
    --text-color-2: #f8f7f7;
    --text-color-3: #b3b3b3;
    --primary-border-color: #bfbf40;
    --secondary-border-color: #bf4040;
    --primarty-border-2: #999933;
    --primary-font: "Barlow", sans-serif;
    --secondary-font: "Segoe UI";
    --bg-sucess: #40bf95;
    --bg-warning: #fef6e7;
    --box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --box-shadow-2: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.15);
}
/*-----------------
 page css start 
 ------------------*/
  /* scroll-top */
  #scrollTop, #whatsapp-btn {  position: fixed; bottom: 43px; right: 15px; height: 49px; width: 54px; background-color: var(--secondary-color); color: #0f181f; text-align: center; padding: 6px;cursor: pointer;  transition: 0.5s all ease 0s; line-height: 1; display: flex;  z-index: 7; box-shadow: 0 0.2rem 0 rgba(0,0,0,0.5);}
  #scrollTop i.bi.bi-chevron-up,   #whatsapp-btn i.bi.bi-whatsapp { line-height: normal; position: relative; color: #fff; font-size: 20px; text-align: center; width: 40px; display: flex; justify-content: center; align-items: center; }
  #whatsapp-btn { left: 15px; right: auto;}
  /* scroll-top */
 .mx-container {max-width: 1522px;}

.py-hd {background: var(--third-color);}
.nav-item a.nav-link { padding: 0px 10px!important; font-size: 20px; font-family: var(--secondary-font); color: var(--text-primary-color); transition: all 0.4s ease-in-out;}
.nav-item a.nav-link:hover { color: var(--primary-color);}
.navbar-nav .nav-item:last-child { margin-left: 15px;}
.nav-item .icon-lt i, .theme-btn { font-size: 23px;}
.theme-btn {padding: 0 15px; font-family: var(--primary-font);}
.theme-btn span { color: var(--secondary-color);}
.sy-hd { background-color: var(--primary-color); padding: 12px 0px;}
.py-25>h6 { font-size: 20px; font-family: var(--primary-font); color: var(--text-color-2); font-weight: 400;}
.secondary-head span { color: var(--text-primary-color); font-weight: 700; font-family: var(--secondary-font);  padding: 0px 6px; line-height: 16.8px; text-transform: uppercase;}
.date-form [type=date] { background: #e5e6b3; border: 2px solid hsl(60, 50%, calc(50% /1.5)); font-weight: bold; font-size: 0.9rem; padding: 10px 15px; color: var(--text-secondary-color); text-transform: uppercase;}
.date-form .btn {  background: var(--secondary-color);  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);  border-radius: 0.25rem;  color: #e6b3b3;  margin-left: 5px;  margin-top: 0;  padding: 7px 12px;  font-size: 18px;}
.navbar-expand-md .navbar-nav .dropdown-menu {box-shadow: var(--box-shadow-2); width: 100%;  max-width: 250px;  margin: 0 auto;  left: 47%;  border-width: 10px 0px;  border-style: solid;  border-radius: initial;  border-color: var(--primary-color);  margin-top: -13px;  padding: initial;}
.shape-bg { background: linear-gradient(41deg, var(--primary-color) 0%, var(--primary-color) 50%, transparent 50%, transparent 100%);  padding-right: 1rem;}
.info-nav .shape-bg {  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 50%, transparent 50%, transparent 100%);}
.bg-white { background: #fff;}
h5.tx-25 { font-size: 18px; font-weight: 400; font-family: var(--primary-font); color: var(--text-secondary-color); padding: 10px 0px;}
.shape-bg a img:hover, .img-fluid:hover { transition: all .2s ease-in-out; filter: grayscale(90%);}
.bg-white .row { padding: 5px 15px;}
.dropdown-menu.layer-bg.info-nav { left: 35%!important;}
 .dropdown-menu {box-shadow: var(--box-shadow); width: 100%;  max-width: 250px;  margin: 0 auto;  left: 47%!important;  border-width: 10px 0px;  border-style: solid;  border-radius: initial;  border-color: var(--primary-color);  margin-top: -13px!important;  padding: initial;}
.dropdown-menu.layer-bg.gl-mx { max-width: 100%; margin: inherit!important; left: 0!important;}
.gl-mx .shape-bg {  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 50%, transparent 50%, transparent 100%); padding-top: 15px; padding-bottom: 15px;}
.gl-mx h5.tx-25 { text-transform: uppercase;}
i.bi.bi-chevron-double-right { color: var(--primary-color);}
/* .gl-mx .shape-bg a img { padding: 8px 12px;} */
i.bi.bi-chevron-double-right { color: var(--primary-color); font-size: 30px; align-items: center; display: flex; justify-content: center;}
.banner { position: relative; background: var(--primary-color); background-image: url(../img/facade.mp4); overflow: hidden; height: 700px; } 
.image-inner-content { position: absolute; top: auto; bottom: 80px; left: auto; right: 0; display: flex; align-items: center; justify-content: center; width: 100%; } 
.image-inner-content {  height: auto;  transform: translate3d(0, 100%, 0);  transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;}
.owl-item.active .image-inner-content {  transform: translate3d(0, 0, 0);}
.owl-item.active .image-main-wrap img {  transition: transform 0.9s cubic-bezier(0.4, 0, 0.52, 0.89);  transition-delay: 0s;  transform: scale(1.2);}
.owl-item .image-main-wrap img {  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;  transform: scale(0);  transition-delay: 5s;}
.image-inner-content h4 { background-color: rgba(0, 0, 0, 0.5); font-weight: bold; padding: 0.5rem 2rem 1rem 2rem; border-radius: 0.5rem; line-height: 1; font-size: 5.25rem; color: var(--text-color-3); font-family: var(--primary-font); } 
.image-main-wrap { position: relative; } video#background-video { height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } 
.owl-dots { position: absolute; width: 100%; right: 0; bottom: 0px; background: rgba(255,255,255,0.5); box-shadow: var(--box-shadow-2); padding: 20px 0px; justify-content: center; align-items: center; display: flex; } 
.owl-carousel .owl-dots .owl-dot { cursor: pointer; display: inline-block; white-space: nowrap; width: 24px; height: 24px; border: 2px solid transparent; background-color: var(--secondary-color); margin: 0 7px; transition: 0.2s ease-in-out; } 
.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover { border: 2px solid var(--secondary-color); background-color: var(--primary-color); } 
.banner .owl-carousel .owl-item img { height: 700px; object-fit: cover;} 
.item-in-li { background: #705c5c00; border: 1px solid rgba(0,0,0,0.05); font-family: verdana; padding: 1rem 0.5rem; } 
.htl-info .mx-container { margin: 0 auto; } 
.inner-hsl-main {  background: var(--secondary-color);  margin-top: 8px;  padding: 40px 0px;}
h3.hd-upper { font-size: 32px; text-transform: uppercase; font-family: var(--primary-font); color: var(--text-secondary-color); font-weight: 400; padding-bottom: 35px!important; padding-top: 45px!important;}
ul.info-list-main li h5::before { content: "\f114"; font-family: "bootstrap-icons"; padding-right: 0.5rem;  opacity: 0.5;  top: 4px;  position: relative;}
ul.info-list-main li:not(:last-child) { margin-bottom: 10px;}
.htl-info .owl-stage-outer.owl-height, .unrelx-wrapper .owl-stage-outer {height: auto!important;}
ul.info-list-main li h5 { padding: 18px 10px;  background: #705c5c00;  border: 1px solid rgba(0,0,0,0.05);  position: relative;  font-family: var(--primary-font);  color: #f2d9d9;  font-size: 18px; text-align: left;}
ul.info-list-main li:not(:nth-child(odd)) h5 {  margin-left: 8px;}
ul.info-list-main { margin-right: 20px;}
ul.info-list-main li:last-child h5::before { top: 2px;}
ul.info-list-main li:last-child h5 { font-size: 12px; background: unset; border: unset;}
.img-fluid {  background: linear-gradient(135deg, #bf4040 0%, #bf4040 30%, transparent 30%, transparent 100%);  padding: 0.5rem; aspect-ratio: 1; width: 100%;  object-fit: cover;}
.bg-desk-wrap, .bg-about-htl, .bg-Tourism-htl, .bg-lacation-htl {background: url(../img/para-01.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; height: 490px;}
.bg-about-htl {background: url(../img/para-02.jpg);  background-position: center; background-attachment: fixed;  background-position: center; background-size: cover; background-repeat: no-repeat; }
.bg-Tourism-htl {background: url(../img/para-04.jpg);  background-position: center; background-attachment: fixed;  background-position: center; background-size: cover; background-repeat: no-repeat; }
.bg-lacation-htl {background: url(../img/para-05.jpg);  background-position: center; background-attachment: fixed;  }
.para-back h3 { font-size: 24px; color: var( --text-secondary-color); text-align: left;  padding-left: 20px;  font-weight: 400;  padding-top: 20px;  padding-bottom: 20px;}
.para-back {  border-bottom: 10px solid var(--secondary-color);  padding: 0 1.5rem;}
.features-head h4::before {  content: "\21DF";  margin-right: 0.75rem;  font-size: 120%;  color: var(--secondary-color);}
.features-head h4 {  text-align: left;  font-size: 24px;  color: var( --text-secondary-color);  font-family: var(--primary-font);  font-weight: 400;}
.htl-info .owl-nav, .unrelx-wrapper .owl-nav { display: block!important;}
.htl-info .owl-carousel .owl-nav button.owl-next, .htl-info .owl-carousel .owl-nav button.owl-prev, .unrelx-wrapper .owl-carousel .owl-nav button.owl-next, .unrelx-wrapper .owl-carousel .owl-nav button.owl-prev  { background: rgba(0,0,0,0.3); color: rgba(255,255,255,0.5); border: none; width: 32px; height: 32px; margin-top: 50px;}
.htl-info .owl-carousel .owl-nav button.owl-next, .htl-info .owl-carousel .owl-nav button.owl-prev i.bi, .unrelx-wrapper .owl-carousel .owl-nav button.owl-next, .unrelx-wrapper .owl-carousel .owl-nav button.owl-prev i.bi { font-size: 20px;}
.about-htl-inner input { display: none; } 
.about-htl-inner label { cursor: pointer; position: relative; z-index: 20; display: block; border: 1px solid transparent; padding: 0.7rem 0; } 
.about-htl-inner label h4, .Tourism-main h5, .about-htl-small h4, h4.h-40, h4.gallery-head { display: flex; align-items: center; font-family: var(--primary-font); color: var(--text-secondary-color); font-size: 24px; font-weight: 400; } 
.Tourism-main h5 { padding-bottom: 20px;}
 .about-htl-inner input:checked + label h4:before { content: "\21DE"; margin-right: 0.75rem; font-size: 120%; color: #bf4040; } 
.about-htl-inner label h4:before { content: "\21DF"; margin-right: 0.75rem; font-size: 120%; color: #bf4040; } 
.about-htl-inner input:checked ~ .about-htl-small { animation-name: fadeInUp; animation-fill-mode: both; animation-duration: 0.5s; background: hsl(var(--col-m), 10%, var(--sun-table-td)); height: 100%; } 
.about-htl-inner .about-htl-small { margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; padding: 0; } 
.about-htl-small p { border: 1px solid rgba(0,0,0,0.1); border-width: 0 1px 1px 1px; padding: 1rem; margin-bottom: 1.5rem; } 
.htl-ul-list a, .about-htl-small p, .features-sm ul li { font-size: 17px; color: var( --text-secondary-color); font-family: var(--primary-font); font-weight: 400; } 
.htl-ul-list a {color: var(--text-primary-color);   font-weight: 500;}
 .about-htl-main { padding: 50px 0px; } 
.arrow-lt h4, .Tourism-main h4, .about-htl-small, h4.info-hd, .foot-heading, .contact-left-dt h4  { font-size: 24px; color: var(--text-secondary-color); font-family: var(--primary-font); font-weight: 400; padding: 30px 0 30px 0; } 
.about-htl-small h4{padding: 0;}
 .htl-ul-list { background: var(--primary-color); color: var(--text-color-2); border: 2px solid var(--primarty-border-2); display: block; margin-bottom: 10px; padding: 10px 40px; position: relative; } 
.arrow-lt li a::before { content: "\f114"; font-family: "bootstrap-icons"; opacity: 0.6; position: absolute; top: 7px; left: 8px; font-size: 20px; } 
.htl-ul-list:not(:nth-child(even)) { margin-left: 10px; } 
.htl-ul-list:hover { color: var(--text-color-2); } h4.info-hd { padding-bottom: 20px; } 
.map-wrap-main iframe { width: 100%; }
.lacation-htl-detail .about-htl-main { padding: 30px 0px;}
.feature-desk label h4:before { transform: rotate(180deg); }
 .feature-desk .about-htl-small { display: none; }
 .feature-desk.main .about-htl-small { display: block; }
 .feature-desk.main label h4:before { transform: rotate(0deg); }
 .features-sm ul li { text-align: left; padding: 4px 0px; }
 .features-sm a.btn { background: var(--secondary-color); border: unset; text-align: center; text-shadow: 1px 1px rgba(0,0,0,0.1); border-radius: 0.25rem; padding: 6px 30px 6px 12px; text-transform: uppercase; font-family: var(--primary-font); font-size: 12px; font-weight: 700; color: #ecc6c6; margin-bottom: 12px; margin-top: 8px; position: relative; }
 .features-sm a.btn::after { content: "\27A4"; padding-left: 0.5rem; opacity: 0.5; top: 6px; position: absolute; }
 .li-arrow-right li::before { content: "\f114"; font-family: "bootstrap-icons"; padding-right: 0.5rem; opacity: 0.6; vertical-align: -.215em; }
 .features-sm .text-left { text-align: justify; }
 .foote-sec { background: var(--secondary-color); padding: 30px 0; }
 .foot-heading { color: #cc6; padding: 1rem 0; } p.mb-0, .foot-heading + p, span.px-1 a, .copyright span.copyright-5, .copyright span.copyright-5 a, .copyright a, .copyright-7 { color: #e8e3e3; font-weight: 500; font-size: 17px; font-family: var(--primary-font); line-height: 24px; letter-spacing: 0.2px; } span.px-1 a {padding-bottom: 7px;}
 .py-15 i.bi.bi-whatsapp, .py-15 i.bi.bi-telephone-fill, .py-15 i.bi.bi-envelope, .py-15 i.bi-file-text-fill { color: #e8e3e3;   padding-bottom: 5px;}
 .py-15 i.bi.bi-whatsapp, .py-15 i.bi.bi-telephone-fill, .py-15 i.bi.bi-envelope, .py-15 i.bi-file-text-fill { color: #e8e3e3; padding-bottom: 7px; display: inline-block; }
 .dt-list .btn-block, .cat-list-iner .content .btn-block { background: var(--primary-color); width: 100%; display: inline-block; border-radius: 0; padding: 7px 14px; }
 .dt-list .btn-block span, .cat-list-iner .content .btn-block { color: #f2f2d9; text-shadow: 1px 1px rgba(0,0,0,0.1); font-weight: 600; font-family: 'Barlow'; line-height: 1; text-transform: uppercase; }
 .copyright { background: var(--primary-color); padding: 10px 0px; } video#btm-video { width: 100%; }
 .shape-bg img.img-fluid { background: unset; }

/*-----------------
 contact page css start 
 ------------------*/
 .bread-top-head { background: var(--secondary-color); padding-top: 16px; padding-bottom: 16px; } 
 .page-title, .pd-white h3.pb-1 { color: #ebe0e0; text-transform: uppercase; margin: 0; font-weight: 300; } 
 .pd-white h3.pb-1, .contact-left-dt p, .contact-left-dt p a { color: var( --text-secondary-color); font-weight: 400; text-transform: capitalize; } 
 .contact-left-dt p, .contact-left-dt p a {font-size: 17px; font-family: var(--primary-font); margin-bottom: 15px; line-height: 26px;} 
 .contact-form-warpper { background: #e8e3e3; } 
 .pd-white { background: var(--text-color); } 
 .form-group label b, .required-tx p { color: #545445; font-weight: normal; font-size: 17px; line-height: 26px; } 
 .form-group label { display: block; padding: 10px 0px } 
 .form-group label i.bi.bi-asterisk, .required-tx i.bi.bi-asterisk { color: var(--text-secondary-color); opacity: 0.5; } 
 .form-group .form-control { appearance: none; -webkit-appearance: none; width: 100%; padding: 0.5rem 1rem; background: white !important; border: 2px solid #dbd7d7; border-radius: 0.25rem; text-align: left; cursor: pointer; transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } 
 .form-group .form-control::placeholder { font-family: var(--primary-font); color: #545445; font-weight: normal; font-size: 17px; } 
 .form-group label b.bg-warning { background-color: var(--bg-warning)!important; padding: 9px 18px; margin-bottom: 5px; display: inline-block; } 
 .controls .btn-block { background-color: #40bf40cc; padding: 10px; text-shadow: 1px 1px rgba(0,0,0,0.1); border-radius: 0.25rem; font-size: 76%; text-transform: uppercase; font-family: 'Barlow'; font-weight: 700; border: unset; padding: 7px 37px; width: 100%; font-size: 12.16px; max-width: 283px; } 
 .form-group { margin: 5px 0px; } 
 .form-group .form-control:focus { box-shadow: 0 0 0 0.2rem 0 0 0 0.2rem#f2d9d9; } 
 .contact-left-dt { padding: 20px; } 
 .contact-left-dt h4  {padding: 0;}
/*-----------------
 contact page css end 
 ------------------*/
/*-----------------
 dining css start 
 ------------------*/
 .dining-sec .about-htl-inner .about-htl-small {  height: 100%;}
/*-----------------
 dining css end 
 ------------------*/
/*-----------------
 GALLERY css start 
 ------------------*/
 .gallery-sec .about-htl-main {  padding: 20px 0px;  border-bottom: 8px solid #ababba;}
 .gallery-sec .about-htl-main .Tourism-main h5,  .cat-list-wrapper .Tourism-main h5 {  font-size: 32px;}
.gallery-sec .about-htl-main img.img-fluid { margin-bottom: 35px;}
.cat-list-wrapper { padding: 20px 0px;  border-bottom: 8px solid #ababba;}
.cat-list-iner .content .btn-block {  position: relative;  border: unset;  border-radius: 0.25rem;  margin-bottom: 25px;  font-size: 13px;  padding: 11px;}
.cat-list-iner .content .btn-block::after {  content: "\27A4";  opacity: 0.5;  position: absolute;  top: 8px;  left: 61%;  font-size: 16px; transition: all 0.4s ease-in;}
.cat-list-iner .content .btn-block:hover {  background: var(--secondary-color);}
/*-----------------
 GALLERY css end 
 ------------------*/
/*-----------------
 accommodation css start 
 ------------------*/
 
 .accommodation-sec .para-back {  border-bottom: unset;}
.accommodation-sec .about-htl-inner .about-htl-small p {  border: unset;  padding: 0;}
.accommodation-sec .about-htl-inner label {  padding: 0;}
ul.accommo-list li {  font-size: 19px;}
.table th, .select-book-main select.form-control {  background: #fdfcfd;  padding: 0.75rem;  text-transform: uppercase;  font-weight: 600;  color: var(--text-secondary-color);}
.table-head {  width: 20%;}
.table {  width: 100%;  border-spacing: 3px;  border-collapse: separate;  margin-bottom: 0;}.table td {  padding: 0.75rem;  vertical-align: top;  background: #fdfcfd;}
.accommo-list-table {  background: #e6e3e8;  border-top: 8px solid #b5abba;}
.content h3 {  color: var(--text-secondary-color);  font-size: 24px;  font-weight: 400;  font-family: var(--primary-font);}.accommo-table {  background: #fdfcfd;}
.booking-date input {  background: #cf939382;  color: var(--text-color-1);  border: unset;  font-weight: 500;  font-family: var(--primary-font);  padding: 9px 10px;  font-size: 18px;}
input.btn, .select-table a.btn {  color: #f2f2d9;  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);  font-weight: 600;  font-family: 'Barlow';  line-height: 1;  text-transform: uppercase;  margin-left: 26px;  padding: 5px 7px;  font-size: 14px;  margin-top: 10px;  background: var(--secondary-color);}
.accommo-list-table.b-none {  border-bottom: 8px solid #b5abba;  border-top: unset;}
.table-hover>tbody>tr:hover>* {  --bs-table-accent-bg: rgb(255, 255, 255);}
.select-table td.cell-w-25 {  width: 150px;}
.select-book-main{position: relative;}.select-book-main select.form-control {  padding: 0.5rem 1rem;  background: #ffffff !important;  border: 2px solid #dbd8d7;  border-radius: 0.25rem;  transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;  font-weight: 400;}
.select-book-main::after {  border-left: 0.3rem solid #00000000;  border-right: 0.3rem solid transparent;  border-top: 0.3rem solid #855c47;  top: 55%;}
.select-book-main::before {  border-left: 0.3rem solid transparent;  border-right: 0.3rem solid transparent;  border-bottom:  0.3rem solid #855c47;  top: 40%;}
.select-book-main::after, .select-book-main::before{  content: "";  position: absolute;  left: auto;  right: 15px;}
  .select-table a.btn { border: unset; padding: 9px 11px; margin: 8px 0 0 0;}
.booking-td {  border-top: unset;  border-bottom: 8px solid #b5abba;}
/*----------------- 
 accommodation css end 
 ------------------*/
/*----------------- 
 booking-form css start 
 ------------------*/
 .booking-family-suite .pd-white {  background: unset;}
.booking-family-suite .controls .btn-block {  margin-left: 0;  padding-top: 10px;  padding-bottom: 10px;}
.booking-family-suite .controls .btn-danger {  background: var(--secondary-color);}
.booking-family-suite .accommodation-sec {  border-top: 8px solid #b5abba;  border-bottom: 8px solid #b5abba;}
.money::before {  content: "₹ ";}
.money::after {  content: "/-";}
.opac-5 {  opacity: 0.5;}
.form-control:focus {  box-shadow: 0 0 0 .25rem rgb(191 64 64 / 41%);}
/*----------------- 
 booking-form css end 
 ------------------*/
/*-----------------
about css start 
 ------------------*/
 .about .about-htl-small h4, h4.gallery-head {  font-size: 32px;  margin-bottom: 15px;}
.about, .b-10 {  border-bottom: 8px solid #b5abba;}
.about ul.li-arrow-right li, ul.li-arrow-right li {  font-size: 17px;  padding-top: 2px;  padding-bottom: 2px;}
.about ul.li-arrow-right li::before {  font-size: 22px;}
.about .about-htl-small h4.avd-flw {  font-size: 24px;}
.about .table th {  font-weight: 700;}
.about .table td {  font-size: 17px;}
h4.h-40 {  font-size: 32px;}
.navbar-toggler { background: var(--primary-color);  border: unset;  border-radius: 0;  padding: 6px 8px;}
.navbar-toggler img {  width: 22px;  height: 22px;  object-fit: cover;}
.img-main-htl img, .shape-bg img.img-fluid {  aspect-ratio: 1;  object-fit: cover;}
h4.gallery-head {  margin-left: -10px;}
.read-more a.btn svg path {  fill: #ecd2c6;}
.read-more a.btn svg {  width: 15px;  margin-left: 8px;}
.read-more a.btn {  background: var(--secondary-color);  border: unset;  color: #f2f2d9;  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);  font-weight: 600;  font-family: var(--primary-font);  line-height: 1;  text-transform: uppercase;}
/*----------------- 
about css end 
 ------------------*/
 /*-----------------
 media screen  css start 
 ------------------*/
 @media ( width <= 1600px) {.mx-container { max-width: 100%; padding: 0px 30px;}}
 @media ( width <= 1440px) {.contact-form-warpper .container { max-width: 100%; padding: 0px 30px;} 
 .nav-item a.nav-link {  padding: 0px 5px!important;}}
 @media ( width <= 1280px) { .nav-item a.nav-link {  padding: 0px 5px!important;}}
 @media ( width <= 1024px) {
table thead { display: none;}
tbody tr { border-bottom: 45px solid #F8F8F8;}
tbody tr td:first-child { padding-left: 10px;}
tbody tr td:before { content: attr(data-label); float: left; font-size: 10px; text-transform: uppercase; font-weight: bold;}
tbody tr td {  display: block; text-align: right; font-size: 16px;}
 tbody tr td { margin-bottom: 6px;}
}

@media ( width <= 991px) {  
  .nav-item a.nav-link { padding: 10px 10px!important;}
  .navbar-toggler:focus { box-shadow: unset;}
  .mx-container { max-width: 100%;}
  .foote-sec {  padding: 30px 20px;}
  .contact-form-warpper .container { max-width: 100%; padding: 0px 30px;}
  .contact-left-dt { padding: 20px 0px;}
  .dropdown-menu {  width: 100%; max-width: 100%;  border-width: 2px; margin-top: 8px!important;}
  .gl-mx .shape-bg, .shape-bg, .info-nav .shape-bg {background: unset;}
}
@media ( 768px <= width <= 991px) {

  }
@media ( width <= 600px) { 
  .text-end, .copyright {  text-align: center!important;}  .image-inner-content h4 {  font-size: 2.25rem;}}
 
 /*-----------------
 media screen  css end 
 ------------------*/
/*-----------------
 page css end 
 ------------------*/