body{font-family: "Poppins", sans-serif; font-size: 14px; background: #F6FBFB;}
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/svg/icomoon.eot?7vfwjk');
	src:  url('../fonts/svg/icomoon.eot?7vfwjk#iefix') format('embedded-opentype'),
	url('../fonts/svg/icomoon.ttf?7vfwjk') format('truetype'),
	url('../fonts/svg/icomoon.woff?7vfwjk') format('woff'),
	url('../fonts/svg/icomoon.svg?7vfwjk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 🔥 Kill Google Translate selection behavior */
font,
font * {
  background: transparent !important;
  box-shadow: none !important;
  user-select: none !important;
}

/* Remove highlight effect */
span[style*="background"],
font[style*="background"] {
  background: transparent !important;
}

/* Prevent hover selection */
.translated-ltr *,
.translated-rtl * {
  user-select: none !important;
}

/* Allow inputs */
input,
textarea {
  user-select: text !important;
}
:root {
	--primary: 55, 55, 88;
	--secondary: 28, 173, 112;
	--theme-black: #000000;
	--theme-heading: 55, 55, 88;
	--theme-paragraph: #9C9C9C;
	--product-paragraph: #9C9C9C;
	--theme-white:  #ffffff;
	--primary-text:  #5C5C5C;
	--theme-grey:  #F8F8F8;
	--mobile-nav: #545e80;
	--footer-bg: 58, 16, 28;
	--footer-text: #B98594;
	--footer-social: #8D344E;
}
.icon{font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}


.icon-underline-pencil:before {
  content: "\e93a";
}
.icon-info:before {
  content: "\e93b";
}
.icon-upload:before {
  content: "\e93c";
}
.icon-verified:before {
  content: "\e93d";
}
.icon-ban:before {
  content: "\e927";
}
.icon-card:before {
  content: "\e92b";
}
.icon-datepicker:before {
  content: "\e92c";
}
.icon-gallery:before {
  content: "\e92d";
}
.icon-guest:before {
  content: "\e92e";
}
.icon-image:before {
  content: "\e92f";
}
.icon-key:before {
  content: "\e930";
}
.icon-kitchen:before {
  content: "\e931";
}
.icon-light:before {
  content: "\e932";
}
.icon-pet:before {
  content: "\e933";
}
.icon-policies:before {
  content: "\e934";
}
.icon-policy:before {
  content: "\e935";
}
.icon-restrictions:before {
  content: "\e936";
}
.icon-room-angle:before {
  content: "\e937";
}
.icon-user1:before {
  content: "\e938";
}
.icon-video:before {
  content: "\e939";
}
.icon-calendar:before {
  content: "\e925";
}
.icon-map-marker-o:before {
  content: "\e926";
}
.icon-bars:before {
  content: "\e900";
}
.icon-chat:before {
  content: "\e901";
}
.icon-envelope:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-file-list:before {
  content: "\e904";
}
.icon-globe:before {
  content: "\e905";
}
.icon-grid:before {
  content: "\e906";
}
.icon-home:before {
  content: "\e907";
}
.icon-list:before {
  content: "\e908";
}
.icon-long-arrow-left:before {
  content: "\e909";
}
.icon-long-arrow-right:before {
  content: "\e90a";
}
.icon-map-marker:before {
  content: "\e90b";
}
.icon-map-marker-s:before {
  content: "\e90d";
}
.icon-phone:before {
  content: "\e90e";
}
.icon-phone-call:before {
  content: "\e90f";
}
.icon-quote:before {
  content: "\e910";
}
.icon-search:before {
  content: "\e911";
}
.icon-tick:before {
  content: "\e912";
}
.icon-user:before {
  content: "\e91a";
}
.icon-whatsapp .path1:before {
  content: "\e922";
  color: rgb(41, 167, 26);
}
.icon-whatsapp .path2:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-whatsapp .path3:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-minus:before {
  content: "\e91c";
}
.icon-plus:before {
  content: "\e91b";
}
.icon-chevron-right:before {
  content: "\e913";
}
.icon-chevron-left:before {
  content: "\e914";
}
.icon-menu1:before {
  content: "\e915";
}
.icon-segment:before {
  content: "\e916";
}
.icon-align-left:before {
  content: "\e917";
}
.icon-align-right:before {
  content: "\e918";
}
.icon-clearclose:before {
  content: "\e928";
}
.icon-done:before {
  content: "\e929";
}
.icon-done_all:before {
  content: "\e92a";
}
.icon-check:before {
  content: "\e921";
}
.icon-menu11:before {
  content: "\e919";
}
.icon-trending_neutral:before {
  content: "\e90c";
}
.icon-arrow-thin-down:before {
  content: "\e920";
}
.icon-arrow-thin-up:before {
  content: "\e91d";
}
.icon-arrow-thin-left:before {
  content: "\e91e";
}
.icon-arrow-thin-right:before {
  content: "\e91f";
}




@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-40%, 0, 0)
	}
	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInLeft {
	animation-name: fadeInLeft
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		transform: translateZ(0)
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes circleIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
@keyframes circleIn {
    0% {
        transform: scale(0);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes waveFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(12px);
  }
}
@-webkit-keyframes waveFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(12px);
  }
}
:focus{outline: none !important;}
button:focus{outline: none !important}
.circleeffect{position: relative; overflow: hidden}
.circleeffect:before{content: ""; width: 124px; height: 124px; border-radius: 50%; background: rgba(var(--primary), 1); position: absolute; top: 50%; left: 50%; margin-top: -62px; margin-left: -62px; display: none;}
.circleeffect:hover:before{-webkit-animation: circleIn .4s linear; animation: circleIn .4s linear; display: block; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards}

.headercontainer{padding: 40px 0px; z-index: 99; position: absolute; left: 0px; top: 0px; right: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.headercontainer .headtoprow{display: -ms-flexbox; display: flex; margin: 0px 0px; align-items: center; justify-content: space-between;}

.theme-btn,.default-btn{position: relative; display: inline-flex; min-width: 96px; align-items: center; justify-content: center; text-align: center; background: rgba(var(--primary), 1); font-size: 14px; color: var(--theme-white); padding: 15px 22px; font-weight: 400; overflow: hidden; border-radius: 17px; border: 1px solid var(--primary); cursor: pointer; text-decoration: none; z-index: 3; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.theme-btn i,.default-btn i{display: inline-block; vertical-align: middle; line-height: 100%; margin-top: 3px;}
.theme-btn span,.default-btn span{padding-right: 20px;}
.theme-btn::before,.default-btn::before{content: ""; position: absolute; height: 500px; width: 530px; top: 50%; left: 50%; background: var(--theme-white); border-radius: 50%; transform: translateX(-30%) translateY(-40%) scale(0); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index: -1;}
.theme-btn:hover,.default-btn:hover{color: var(--theme-white);}
.theme-btn:hover::before,.default-btn:hover::before{transform: translateX(-50%) translateY(-50%) scale(1);}
.theme-btn:focus,.default-btn:focus{color: var(--theme-white);}
.theme-btn::before{background: rgba(var(--secondary), 1);}
.theme-btn:hover{color: var(--theme-white); background: rgba(var(--primary), 1);}
.theme-btn:hover::before{background: rgba(var(--secondary), 1);}
.default-btn{background: var(--theme-white); color: rgba(var(--primary), 1); border-color: var(--theme-white);}
.default-btn::before{background: rgba(var(--primary), 1);}
.default-btn:hover{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1);}
.default-btn:hover:focus{background: rgba(var(--primary), 1); color: var(--theme-white); border-color: rgba(var(--primary), 1);}
.default-btn:focus:hover{background: rgba(var(--primary), 1); color: var(--theme-white); border-color: rgba(var(--primary), 1);}
.default-btn:focus{background: rgba(var(--primary), 1); color: var(--theme-white); border-color: var(--primary);}

.theme-btn:disabled, .default-btn:disabled{opacity: 0.6; cursor: not-allowed;}
.theme-btn:disabled:before, .default-btn:disabled:before{display: none;}


.headercontainer.sticky{position: fixed; top: 0 !important; left: 0; padding: 10px 0px; background: #fff; z-index: 999; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);}

.headercontainer .headtoprow .logocontainer{position: relative; align-self: center; padding: 0px 0px; min-width: 250px; max-width: 250px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.headercontainer .headtoprow .navigationcolumn{padding: 0px 0px; -ms-flex-item-align: center; align-self: center; margin-left: auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .logocontainer img{position: relative; z-index: 1; max-height: 100%; max-width: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .logocontainer a{color: var(--theme-white); display: block; padding: 0px; margin: -20px 0px 0px 0px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headercontainer .logocontainer a span{color: #012346;}

.headercontainer.sticky .logocontainer{min-width: 230px; max-width: 230px;}
.headercontainer.sticky .logocontainer a{margin: 0px;}
.headercontainer.sticky .default-btn{background: rgba(var(--primary), 0.10);}
.headercontainer.sticky .theme-btn{}

.headercontainer .userbts{display: flex; align-items: center; gap: 10px;}
.headercontainer .language{display: block; position: relative; margin-right: 20px; }
.headercontainer .language > a{color: rgba(var(--primary), 1); text-decoration: none; padding: 7px 11px 7px 0px; display: block; font-size: 15px; text-transform: capitalize; font-weight: 500;}
.headercontainer .language > a:after{content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; right: 0px; font-size: 12px; top: 50%; transform: translateY(-50%);}
.headercontainer .language .languagedrop{position: absolute; right: 0px; top: 100%; min-width: 150px; display: none; background: var(--theme-white); padding: 10px 0px; border-radius: 10px;}
.headercontainer .language:hover > .languagedrop{display: block;}
.headercontainer .language .languagedrop:before{content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: 100%; right: 20px; border-width: 0 7px 7px; border-bottom-color: var(--theme-white);}
.headercontainer .language .languagedrop ul{display: block; margin: 0px; padding: 0px;}
.headercontainer .language .languagedrop ul li{list-style: none; margin: 0px; padding: 0px;}
.headercontainer .language .languagedrop ul li a{color: rgba(var(--primary), 1); text-decoration: none; padding: 5px 15px; display: block; font-size: 14px; text-transform: capitalize; font-weight: 400; transition: 0.3s ease-in-out;}
.headercontainer .language .languagedrop ul li a:hover{background: rgba(var(--primary), 1); color: var(--theme-white);}



.headercontainer .navigationouter{float: left; display: flex; align-items: center;}
.headercontainer .navigation{display: flex; flex-wrap: wrap; justify-content: center;}
.headercontainer .navigation .sf-menu{margin: 0px; padding: 0px;}
.headercontainer .navigation .sf-menu > li{list-style: none; display: inline-block; float: none;}
.headercontainer .navigation .sf-menu > li > a{color: rgba(var(--primary), 1); text-decoration: none; padding: 4px 25px; display: block; font-size: 15px; text-transform: capitalize; letter-spacing: 0px; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headercontainer .navigation .sf-menu > li.parent > a{padding-right: 23px;}
.headercontainer .navigation .sf-menu > li > a:hover{color: rgba(var(--primary), 1); background: transparent;}
.headercontainer .navigation .sf-menu > li.active > a{color: rgba(var(--primary), 1); font-weight: 600; color: rgba(var(--primary), 1);}
.headercontainer .navigation .sf-menu > li:last-child > a{padding-right: 0px;}
.headercontainer .navigation .sf-menu > li:last-child > ul{left: auto; right: 0px;}
.headercontainer .navigation ul li.parent:after{font-family: 'icomoon'; content: "\e90f"; position: absolute; right: 10px; top: 50%; color: rgba(var(--primary), 1); margin-top: -6px; line-height: 100%; font-size: 13px;}
.headercontainer .navigation ul li.parent:hover:after{color: var(--theme-white);}
/* dropdown menu css start */
.headercontainer .navigation ul li ul li{width: 100%;}
.headercontainer .navigation ul li ul li a{width: 100%; font-size: 13px;}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; top: 94px; left: 0px; z-index: 999; padding: 0px; margin: 0px; }
.sf-menu > li {float: left;}
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/* DEMO SKIN */
.sf-menu{float: left;}
.sf-menu li ul li a{background: 0 0; color: #4B9095; text-align: left; padding: 9px 20px;}
.sf-menu li ul li + li{border-top: 1px solid #381e99;}
.sf-menu li ul li a:hover{background: var(--theme-black); color: var(--theme-white);}
.sf-menu a{padding: 7px 20px; text-decoration: none; zoom: 1; }
.sf-menu a{color: #13a; }
.sf-menu li{-webkit-transition: background .2s; transition: background .2s; }
.sf-menu li:hover, .sf-menu li.sfHover {-webkit-transition: none; transition: none; }
.headercontainer .navigation .sf-menu>li>a:hover{color: #090931; background: 0 0;}
.headercontainer .navigation .sf-menu>li:hover a{background: transparent; color: rgba(var(--primary), 1);}
.headercontainer .navigation .sf-menu>li ul li:hover a{background: none !important; color: #303030;}
.headercontainer .navigation .sf-menu>li.parent:hover > a{background: rgba(var(--primary), 1); color: var(--theme-white);}

.headercontainer .navigation .sf-menu>li:hover ul li a{color: var(--theme-white);}
.headercontainer .navigation .sf-menu>li ul li a{background: none; color: var(--theme-white); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.headercontainer .navigation .sf-menu>li ul li a:hover{background: var(--primary-dark) !important; color: var(--theme-white);}
.headercontainer .navigation .sf-menu>li ul li a{background: none; font-size: 13px; text-transform: capitalize;}
.sf-arrows .sf-with-ul { padding-right: 30px !important; }
.sf-arrows .sf-with-ul:after { content: '\f107'; position: absolute; font-family: 'FontAwesome'; right: 20px; height: 0; width: 0; }
.sf-arrows > li > .sf-with-ul { padding-right: 30px !important; }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { }
.sf-arrows ul .sf-with-ul:after { content: '\f105'; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { }

.bannercontainer{padding: 0px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; height: 110vh; background-attachment: fixed;}
.searchwrapper{float: left; width: 100%;}
.bannersearch{position: absolute; left: 0px; right: 0px; bottom: 180px; z-index: 9;}
.bannersearch .bannerheading{float: left; width: 100%; text-align: center;}
.bannersearch .bannerheading .bnsubheading{display: block; color: var(--theme-white); font-size: 24px; font-weight: 700; text-transform: uppercase; margin: 0px; letter-spacing: 2px;}
.bannersearch .bannerheading h1{color: var(--theme-white); font-size: 70px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0px 0px 40px 0px;}
.bannersearch .searchouter{float: left; width: 100%; display: flex; align-items: center; gap: 20px; background: var(--theme-white); padding: 15px 20px; border-radius: 20px;}
.bannersearch .searchouter .searchcolumn{flex: 1; position: relative;}
.bannersearch .searchouter .searchcolumn + .searchcolumn:before{position: absolute; left: -15px; top: 0px; bottom: 0px; border-right: 1px solid #ddd; content: "";}
.bannersearch .searchouter .formgroup{position: relative;}
.react-datepicker-popper{z-index: 20;}
.bannersearch .searchouter .formgroup .react-datepicker-wrapper{display: block;}
.bannersearch .searchouter .formgroup .fa{position: absolute; pointer-events: none; right: 5px; top: 50%; transform: translateY(-50%); font-size: 14px;}
.bannersearch .searchouter .formgroup label{color: rgba(var(--primary), 1); font-weight: 500; font-size: 15px;}
.bannersearch .searchouter .formgroup .form-control, .bannersearch .searchouter .formgroup .form-select{border: none; color: var(--theme-paragraph); padding: 0px; box-shadow: none; font-size: 13px; border-radius: 0px; transition: 0.3s ease-in-out;}
.bannersearch .searchouter .formgroup .form-control:focus{padding-left: 10px;}
.bannersearch .searchouter .formgroup .form-control::-webkit-input-placeholder{color: var(--theme-paragraph);}
.bannersearch .searchouter .formgroup .form-control::-moz-placeholder{color: var(--theme-paragraph);}
.bannersearch .searchouter .formgroup .form-control:-ms-input-placeholder{color: var(--theme-paragraph);}
.bannersearch .searchouter .formgroup .form-control:-moz-placeholder{color: var(--theme-paragraph);}
.bannersearch .searchouter .formgroup .form-select{box-shadow: none; border: none; padding: 0px;}
.bannersearch .searchouter .formgroup .form-select option{padding: 2px 10px;}
.bannersearch .searchouter .theme-btn{max-width: 58px; min-width: 58px; min-height: 58px; font-size: 25px; margin: 0px;}

.bannercontainer .curvepattern{position: absolute; left: 0px; right: 0px; bottom: 0px; pointer-events: none;}
.bannercontainer .curvepattern svg{width: 100%; height: 100%;}

.animate-wave-float{animation: waveFloat 5s ease-in-out infinite;}

.section-heading{margin-top: 0px; margin-bottom: 35px;}
.section-heading .subheading{font-size: 18px; line-height: 24px; display: block; font-weight: 500; position: relative; color: rgba(var(--primary), 1); margin-top: 0px; margin-bottom: 5px; text-transform: capitalize;}
.section-heading h2{font-size: 38px; line-height: 44px; font-weight: 700; position: relative; color: rgba(var(--theme-heading), 1); letter-spacing: -1px; margin-top: 0px; margin-bottom: 15px; text-transform: uppercase;}
.section-heading p{font-size: 14px; line-height: 24px; color: var(--theme-paragraph); font-weight: 400; margin: 0px 0px 20px 0px;}
.section-heading .theme-btn{min-width: 140px;}

.swiper .swiper-slide{display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto;}

.swiper-nav{display: flex; justify-content: space-between; position: absolute; z-index: 2; gap: 5px; top: 50%; left: -10px; margin-top: -35px; right: -10px; transform: translateY(-50%);}
.swiper-nav .swiper-button-next{position: static; font-size: 16px; display: flex; justify-content: center; align-items: center; margin: 0px; width: 40px; height: 40px; text-align: center; padding: 0px !important; outline: none; border: 1px solid rgba(var(--primary), 1); color: rgba(var(--primary), 1); background: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-next:hover{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); color: var(--theme-white);}
.swiper-nav .swiper-button-next:after{content: "\e91f"; font-family: 'icomoon'; font-size: inherit;}
.swiper-nav .swiper-button-prev{position: static; font-size: 16px; display: flex; justify-content: center; align-items: center; margin: 0px; width: 40px; height: 40px; text-align: center; padding: 0px !important; outline: none; border: 1px solid rgba(var(--primary), 1); color: rgba(var(--primary), 1); background: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-prev:hover{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); color: var(--theme-white);}
.swiper-nav .swiper-button-prev:after{content: "\e91e"; font-family: 'icomoon'; font-size: inherit;}


.bsovrlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--primary), 0.60); color: white; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease;}
.bsovrlay .bsview{display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 50px; font-size: 1.4rem; border-radius: 50%; background: rgba(var(--secondary), 1); color: var(--theme-white); text-decoration: none;}

.popularcontainer{padding: 30px 0px; background: #F8FCFD;}
.productcontainer .swiper-nav{position: static; margin: 0px; transform: none;}

.populardsbx{float: left; width: 100%;}
.populardsbx .populardsbximg{float: left; width: 100%; position: relative; border-radius: 35px; overflow: hidden;}
.populardsbx .populardsbximg img{width: 100%; max-height: 100%; transition: 0.3s ease-in-out;}
.populardsbx .populardsbxct{float: left; width: 100%; display: flex; align-items: center; min-height: 60px;}
.populardsbx .populardsbxct h3{color: rgba(var(--primary), 1); font-size: 18px; width: 100%; text-align: center; font-weight: 500; margin: 0px; padding: 0px;}
.populardsbx .populardsbxct h3 a{color: rgba(var(--primary), 1); text-decoration: none;}

.populardsbx:hover .populardsbximg .bsovrlay{opacity: 1;}
.populardsbx:hover .populardsbximg img{transform: scale(1.2);}

.topcontainer{padding: 40px 0px; background: #F8FCFD; background: linear-gradient(180deg, #F8FCFD 3.94%, #CDE8FF 66.1%);}
.topcontainer .swiper-nav{margin: 0px; transform: none; left: -35px; right: -35px;}
.topdealbx{float: left; width: 100%; padding: 15px; background: rgba(255, 255, 255, 0.40); border: 1px solid var(--theme-white); border-radius: 35px;}
.topdealbx .topdealimg{float: left; width: 100%; position: relative; border-radius: 35px; overflow: hidden; padding: 0px;}
.topdealbx .topdealimg img{width: 100%; max-height: 100%;}
.topdealbx .topdealimg .startp{position: absolute; right: 17px; top: 17px; display: flex; align-items: center; gap: 5px; background: var(--theme-white); color: var(--theme-paragraph); font-size: 13px; padding: 5px 10px; border-radius: 30px;}
.topdealbx .topdealimg .startp i{color: #FFBB00;}
.topdealbx .topdealcontent{float: left; width: 100%; padding: 25px 15px 15px 15px;}
.topdealbx .topdealcontent h3{color: rgba(var(--primary), 1); font-size: 19px; font-weight: 500; margin: 0px 0px 10px 0px; padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.topdealbx .topdealcontent h3 a{color: rgba(var(--primary), 1); display: inline; text-decoration: none; transition: 0.3s ease-in-out;}
.topdealbx .topdealcontent h3 a:hover{color: rgba(var(--secondary), 1);}
.topdealbx .topdealcontent p{color: var(--theme-paragraph); font-size: 13px; font-weight: 400; line-height: 22px; margin: 0px; padding: 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.topcontainer .swiper-wrapper .swiper-slide-active .topdealbx{background: var(--theme-white);}
.countercontainer{padding: 40px 0px 400px 0px; position: relative; background-color: #CDE8FF; background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto;}
.countercontainer .counterbx{display: block; text-align: left; padding: 0px 0px;}
.countercontainer .counterbx h3{color: rgba(var(--primary), 1); font-size: 80px; line-height: 100%; font-weight: 700; margin: 0px 0px 0px 0px;}
.countercontainer .counterbx p{color: rgba(var(--primary), 1); font-size: 16px; line-height: 24px; }
.countercontainer .curvepattern{position: absolute; left: 0px; right: 0px; bottom: 0px; pointer-events: none;}
.countercontainer .curvepattern svg{width: 100%; height: 100%;}

.trendingcontainer{padding: 40px 0px; background: #F8FCFD;}
.trendingcontainer .swiper-nav{position: static; margin: 0px; transform: none;}
.trendingdealbx{float: left; width: 100%; padding: 0px;}
.trendingdealbx .trendingdealimg{float: left; width: 100%; position: relative; border-radius: 35px; overflow: hidden; padding: 0px;}
.trendingdealbx .trendingdealimg img{width: 100%; max-height: 100%; transition: 0.3s ease-in-out;}
.trendingdealbx .trendingdealcontent{float: left; width: 100%; padding: 25px 0px 15px 0px; gap: 10px; display: flex; align-items: flex-start;}
.trendingdealbx .trendingdealcontent h3{color: rgba(var(--primary), 1); font-size: 19px; font-weight: 500; margin: 0px 0px 5px 0px; padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.trendingdealbx .trendingdealcontent h3 a{color: rgba(var(--primary), 1); display: inline; text-decoration: none;}
.trendingdealbx .trendingdealcontent p{color: var(--theme-paragraph); font-size: 13px; font-weight: 400; line-height: 22px; margin: 0px; padding: 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.trendingdealbx .trendingdealcontent .startp{display: flex; align-items: center; gap: 5px; white-space: nowrap; color: var(--theme-paragraph); font-size: 13px; padding: 2px 0px;}
.trendingdealbx .trendingdealcontent .startp i{color: #FFBB00;}

.trendingdealbx:hover .trendingdealimg .bsovrlay{opacity: 1;}
.trendingdealbx:hover .trendingdealimg img{transform: scale(1.2);}

.appcontainer{padding: 90px 0px 30px 0px; background: #F8FCFD;}
.appcontainer .appwrap{float: left; width: 100%; display: flex;  padding: 15px 30px; border-radius: 45px; background-size: cover; background-repeat: no-repeat;}
.appcontainer .appwrap .appimg{width: 40%; align-self: flex-end; padding: 0px 0px 0px 30px;}
.appcontainer .appwrap .appimg img{width: 100%; max-height: 100%; margin: -105px 0px 0px 0px;}
.appcontainer .appwrap .appcontent{width: 60%; align-self: center; padding: 0px 0px 0px 50px;}
.appcontainer .appwrap .appcontent h2{color: var(--theme-white); font-size: 36px; font-weight: 700; margin: 0px 0px 15px 0px;}
.appcontainer .appwrap .appcontent p{color: var(--theme-white); font-size: 15px; font-weight: 400; margin: 0px 0px 15px 0px;}
.appcontainer .appwrap .appcontent .storebx{display: flex; gap: 5px;}
.appcontainer .appwrap .appcontent .storebx a{display: inline-flex; max-width: 130px;}
.appcontainer .appwrap .appcontent .storebx a img{max-width: 100%; max-height: 100%;}

.feedbackcontainer{padding: 50px 0px 30px 0px; background: #F8FCFD;}
.feedbackcontainer .feedbackbx{float: left; width: 100%; display: flex; flex-direction: column; background: var(--theme-white); padding: 30px 30px; border-radius: 45px;}
.feedbackcontainer .feedbackbx .feedbackbxcontent{padding: 0px 0px 0px 0px; flex: 1;}
.feedbackcontainer .feedbackbx .feedbackbxcontent p{color: var(--theme-paragraph); font-size: 14px; line-height: 26px;}
.feedbackcontainer .feedbackbx .feedbackuser{display: flex; align-items: center; gap: 13px;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackuserimg{padding: 0px;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackuserimg img{padding: 0px; min-width: 50px; height: 50px; border-radius: 50%;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackusertxt{width: 100%;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackusertxt h4{color: rgba(var(--primary), 1); font-size: 15px; font-weight: 600; margin: 0px 0px 1px 0px;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackusertxt p{color: var(--theme-paragraph); font-size: 13px; font-weight: 400; margin: 0px;}

.feedbackcontainer .swiper-pagination{position: static; text-align: center; width: auto !important; transform: none !important; overflow: initial;}
.feedbackcontainer .swiper-pagination .swiper-pagination-bullet{opacity: 1; background: rgba(var(--primary), 1); width: 5px; height: 5px; transform: none !important; margin: 4px 9px !important; left: 0px !important; right: 0px !important; position: relative !important;}
.feedbackcontainer .swiper-pagination .swiper-pagination-bullet:before{content: ""; opacity: 0; position: absolute; left: -7px; right: -7px; top: -7px; bottom: -7px; border: 1px solid rgba(var(--primary), 1); border-radius: 50%;}
.feedbackcontainer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity: 1;}


.faqcontainer{padding: 50px 0px 30px 0px; background: #F8FCFD;}
.accordion{border: none;}
.accordion .accordion-item{border: none; border-radius: 15px;}
.accordion .accordion-item + .accordion-item{margin-top: 15px;}
.accordion .accordion-item .accordion-header .accordion-button{background: var(--theme-white); font-size: 20px; padding: 22px 35px; font-weight: 500; color: rgba(var(--primary), 1); border: none; box-shadow: none; border-radius: 15px;}
.accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-radius: 15px;}
.accordion .accordion-item .accordion-header .accordion-button:after{content: "\e91b"; font-family: 'icomoon'; background: none; transform: none; font-size: 25px; line-height: 100%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{content: "\e91c"; font-family: 'icomoon'; background: none; transform: none; font-size: 25px; line-height: 100%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.accordion .accordion-item .accordion-body{padding: 0px 35px 18px 35px;}
.accordion .accordion-item .accordion-body p{color: var(--theme-paragraph); font-size: 14px; line-height: 22px; font-weight: 400; margin: 0px;}
.accordion .accordion-item .accordion-body p + p{margin: 10px 0px 0px 0px;}

.footercontainer{background-repeat: no-repeat; background-size: cover; padding: 130px 0px; min-height: 550px;}
.footercontainer .footerlogo{float: left; width: 100%; }
.footercontainer .footerlogo .footerloginner{display: inline-block; max-width: 300px; margin: 0px 0px 20px 0px;}
.footercontainer .footerlogo .footerloginner img{max-width: 100%; max-height: 100%;}
.footercontainer .footerlogo p{color: rgba(var(--primary), 1); font-size: 13px; line-height: 20px;}
.footercontainer h3{color: rgba(var(--primary), 1); font-size: 20px; font-weight: 600; margin: 0px 0px 20px 0px;}
.footercontainer ul{display: block; margin: 0px; padding: 0px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.footercontainer ul li{list-style: none; margin: 0px 0px 10px 0px; padding: 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.footercontainer ul li a{display: block; color: rgba(var(--primary), 1); text-decoration: none; font-size: 13px; font-weight: 500; padding: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.footercontainer ul li a:hover{color: rgba(var(--secondary), 1); text-decoration: underline;}
.footercontainer .footernav{float: left; width: 100%; margin: 0px 0px 15px 0px;}
.footercontainer .footernav .addressbtx{display: flex; gap: 15px;}
.footercontainer .footernav .addressbtx + .addressbtx{margin-top: 15px;}
.footercontainer .footernav .addressbtx .addressicon{display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; font-size: 16px; color: var(--theme-white); background: rgba(var(--secondary), 1); border-radius: 50%;}
.footercontainer .footernav .addressbtx.envelope .addressicon{font-size: 13px;}
.footercontainer .footernav .addressbtx .addresstext{width: 100%; padding: 0px; align-self: center;}
.footercontainer .footernav .addressbtx .addresstext p{color: rgba(var(--primary), 1); font-size: 13px; font-weight: 500; line-height: 22px; margin: 0px;}
.footercontainer .footernav .addressbtx .addresstext p a{color: rgba(var(--primary), 1); text-decoration: none; transition: 0.3s ease-in-out;}
.footercontainer .footernav .addressbtx.phone .addresstext p{font-size: 15px; font-weight: 500;}
.footercontainer .footernav .addressbtx .addresstext p a:hover{text-decoration: underline; color: rgba(var(--secondary), 1);}
.footercontainer .copyrightouter{float: left; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.20); padding: 22px 0px 15px 0px;}
.footercontainer .copyrightouter .copyright{color: var(--theme-white); font-size: 13px; font-weight: 500; text-align: center;}
.footercontainer .copyrightouter .copyright a{text-decoration: none; color: var(--theme-white); transition: 0.3s ease-in-out;}
.footercontainer .copyrightouter .copyright a:hover{color: rgba(var(--secondary), 1); text-decoration: underline;}

.headercontainer .logoutbtn{color: var(--theme-white); padding: 10px; min-width: 50px;}
.userbrx{display: flex; align-items: center; gap: 5px; text-decoration: none;}
.userbrx img{width: 50px; min-width: 50px; height: 50px; object-fit: cover; border-radius: 17px;}
.userbrx .userbrxct p{font-size: 14px; line-height: 100%; font-weight: 500;  margin: 0px; color: rgba(var(--theme-heading), 1);}
.userbrx .userbrxct p span{font-size: 80%; font-weight: 600; padding: 0px 0px 3px 0px; color: rgba(var(--primary), 1); display: block;}
.userbrx .userbrxct p strong{font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; max-width: 64px;}


.photos-section {
  padding: 0px;
}
.user-icon-small {
    background: black;
    padding: 8px 16px;
    font-size: 20px;
    color: white;
    border-radius: 15px;
}
.section-header h2 {
  font-weight: 600;
  color: #2e2e3a;
}

.cover-photo-card h4 {
  font-size: 18px;
  color: #333;
  font-weight: 500;
}
/* .contact-section {
  padding: 60px 0;
}

.left-contact {
  padding: 40px;
  border-radius: 10px 0 0 10px;
}

.right-contact {
  padding: 40px;
  border-radius: 0 10px 10px 0;
}

.title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

.subtitle {
  font-size: 20px;
  color: #373758;
  margin-bottom: 15px;
}

.desc {
  font-size: 15px;
  opacity: 0.9;
  margin-bottom: 30px;
}

.contact-box {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.contact-box .icon {
  width: 55px;
  height: 55px;
  background: #373758;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 12px;
  font-size: 22px;
  margin-right: 15px;
}
.link-box {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.label {
  font-size: 18px;
  font-weight: 600;
}

.value {
  margin: 0;
  font-size: 15px;
  opacity: 0.9;
}
.form-field {
  width: 100%;
  padding: 12px;
  border: 1px solid #cdeccc;
  border-radius: 4px;
  margin-bottom: 20px;
  background: white;
}

.textarea {
  height: 120px;
}

.btn-submit {
  background: #373758;
  border: none;
  padding: 12px 25px;
  color: white;
  font-size: 16px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
}

.btn-submit:hover {
  background: #28b152;
} */

.cover-photo-wrapper {
  position: relative;
  border: 2px dashed #cfcfcf;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: 800px;
}

.cover-photo {
  width: auto;
  height: 300px;
  display: block;
  max-height: 100%;
  border-radius: 15px;
  margin: 0 auto;
}
.coverphotobx{
  position: relative;
}
.cover-upload-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: rgba(var(--secondary), 0.80);
  color: var(--theme-white);
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s ease-in-out;
}
.cover-upload-btn svg{
  width: 20px;
}
.cover-upload-btn:hover{
  background: rgba(var(--secondary), 1);
  color: var(--theme-white);
}
.cover-upload-btn input {
  display: none;
}

/* Gallery Section */
.gallery-section h4 {
  font-weight: 500;
  font-size: 18px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 15px;
  margin-top: 10px;
}

.gallery-tile {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}

.gallery-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upload-tile {
  border: 2px dashed #bbb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777;
  cursor: pointer;
  transition: all 0.3s;
}

.upload-tile:hover {
  background-color: #f7f7f7;
  border-color: #666;
}

.upload-tile input {
  display: none;
}

.plus-icon {
  font-size: 32px;
  font-weight: bold;
}

.availability-calendar {
  margin-top: 10px;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
  gap: 5px;
  max-width: 320px;
}

.calendar-cell {
  border-radius: 6px;
  padding: 6px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: white;
  cursor: pointer;
  transition: transform 0.2s;
}

.calendar-cell.available {
  background-color: #4caf50;
}

.calendar-cell.booked {
  background-color: #f44336; /* Red */
}

.calendar-cell.maintenance {
  background-color: #ffcc00; /* Yellow */
  color: #333;
}

.calendar-cell:hover {
  transform: scale(1.1);
}
.react-calendar__tile.calendar-booked {
  background-color: #f44336; /* red */
  color: white;
}
.react-calendar__tile--active{
  background-color: rgba(var(--secondary), 1) !important;  
  color: var(--theme-white) !important;
}


.react-calendar__tile--now:not(:disabled) {
  background-color: rgba(var(--secondary), 0.10);  
  color: rgba(var(--secondary), 1);
} 
.react-calendar__tile--now:not(:disabled):hover{
  background-color: rgba(var(--secondary), 1) !important;  
  color: var(--theme-white) !important;
} 

.react-calendar__tile.calendar-available:not(:disabled) {
  background-color: rgba(var(--secondary), 0.10);  
  color: rgba(var(--secondary), 1);
} 
.react-calendar__tile.calendar-available:not(:disabled):hover{
  background-color: rgba(var(--secondary), 1) !important;  
  color: var(--theme-white) !important;
} 
  /* Optional: hover effect */
  .react-calendar__tile.calendar-booked:hover {
    background-color: #d32f2f;
  }
  /* .react-calendar__tile.calendar-available:hover {
    background-color: #388e3c;
  } */

  .tooltip {
  position: relative;
  display: inline-block;
}


.availability-calendar .react-calendar{width: 100%; border-radius: 15px; overflow: hidden; border-color: #e7f3f3; background: #F6FBFB;}
.availability-calendar .react-calendar__navigation{padding: 10px; gap: 5px; height: 50px; border-bottom: 1px solid #e7f3f3;}
.availability-calendar .react-calendar__navigation button{background-color: rgba(var(--primary), 1); color: var(--theme-white); min-width: 30px; height: 30px; cursor: pointer; border-radius: 50%; transition: 0.3s ease-in-out;}
.availability-calendar .react-calendar__navigation button:disabled{background-color: rgba(var(--primary), 1); color: var(--theme-white); opacity: 0.3; cursor: no-drop;}
.preferredouter .preferredbx .preferredrt .preferredbtm .react-calendar__navigation button:hover{background-color: rgba(var(--secondary), 1); color: var(--theme-white);}

.availability-calendar .react-calendar__navigation button.react-calendar__navigation__label{border-radius: 10px; background: #f8f8f8; color: rgba(var(--primary), 1);}
.availability-calendar .react-calendar__navigation button.react-calendar__navigation__label:not(:disabled):hover{background-color: rgba(var(--secondary), 1); color: var(--theme-white);}
.availability-calendar .react-calendar__tile:disabled{background: #F6FBFB; color: rgba(var(--primary), 1);}
.availability-calendar .react-calendar__tile:enabled:hover, .availability-calendar .react-calendar__tile:enabled:focus{background-color: rgba(var(--primary), 1); color: var(--theme-white);}

.availability-calendar  .react-calendar__month-view__weekdays{padding: 0px 10px;}
.availability-calendar .react-calendar__month-view .react-calendar__month-view__days{padding: 10px;}
.availability-calendar .react-calendar .react-calendar__month-view button{font-weight: 600; border-radius: 15px; border: 5px solid #F6FBFB; transition: 0.3s ease-in-out;}
.availability-calendar .react-calendar .react-calendar__month-view button:disabled{cursor: not-allowed;}

.availablebtx{
  padding: 7px 15px;
  font-size: 14px;
  border-radius: 7px;
  background-color: rgba(var(--secondary), 0.20);  
  border: 1px solid rgba(var(--secondary), 0.20);  
  color: rgba(var(--secondary), 1);
}

.infobtx{
  padding: 7px 15px;
  font-size: 14px;
  border-radius: 7px;
  border: 1px solid rgba(var(--primary), 0.20);  
  background-color: rgba(var(--primary), 0.10);  
  color: rgba(var(--primary), 1);
}
.googlebtn{
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  transition: background-color .218s,border-color .218s;
}

.googlebtn div{width: auto; display: inline-block; max-width: 260px;}
.googlebtn iframe{width: auto !important;}



        /*. Legend styles */
        .calendar-legend {
          display: flex;
          gap: 12px;
          align-items: center;
          margin-top: 8px;
        }
        .legend-item {
          display: flex;
          align-items: center;
          font-size: 13px;
          color: #444;
        }
        .legend-box {
          width: 14px;
          height: 14px;
          border-radius: 3px;
          display: inline-block;
          margin-right: 6px;
        }
        .legend-box.available {
          background-color: #035726;
        }
        .legend-box.booked {
          background-color: #e74c3c;
        }
/*
	font-family: "Poppins", sans-serif;
*/

.skiptranslate,
.skiptranslate iframe {
    display: none !important;
    visibility: hidden !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
body {
    top: 0 !important;
}

.goog-logo-link,
.goog-te-gadget {
    display: none !important;
}

/* Range full background */
.range-middle {
  background-color: rgba(175, 76, 76, 0.2) !important;
  border-radius: 0 !important;
}

/* Start of the selected range */
.range-start {
  background-color: #b43f3f !important;
  /* color: white !important; */
}

/* End of the selected range */
.range-end {
  background-color: #b43f3f !important;
  /* color: white !important; */

}


/* REVIEW STYLES */
.rating-summary-card{padding: 25px; gap: 35px; display: flex; border-radius: 30px; background: var(--theme-white);}
.rating-summary-card .ratingbarouter{min-width: 300px; max-width: 300px;}
.star-input span{font-size: 28px; cursor: pointer; color: #ddd;}
.star-input span.active{color: #ffc107;}
.rating-categories{padding: 0px; display: flex; justify-content: center; flex-direction: column; margin: 0px; width: 100%;}
.rating-categories h6{font-size: 14px;font-weight: 600; margin-bottom: 10px; color: rgba(var(--theme-heading), 1);}
.rating-categories > span{display: block;}
.dltabsview .tabinner .rating-categories ul{margin: 0px; gap: 5px 5px; list-style: none;}
.dltabsview .tabinner .rating-categories ul li{margin: 0px; margin: 0px; background: rgba(var(--secondary), 0.10); padding: 3px 6px; border-radius: 10px; border: 1px solid rgba(var(--secondary), 0.20); font-size: 12px;}
.dltabsview .tabinner .rating-categories ul li:before{display: none;}
.rating-categories li{display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-bottom: 6px; list-style: none; color: #333;}
.rating-categories li span{background: rgba(var(--secondary), 1); color: var(--theme-white); padding: 2px 8px; border-radius: 12px; font-size: 12px; font-weight: 600; min-width: 32px; text-align: center;}

.dltreviewouter{padding: 0px;}
.dltreviewouter .dltreviewinner{padding: 0px;}
.dltreviewouter .dltreviewinner .reviewcard{padding: 0px; background: var(--theme-white); padding: 20px; border-radius: 25px; margin: 0px 0px 15px 0px;}
.dltreviewouter .dltreviewinner .reviewuser{display: inline-flex;}
.dltreviewouter .dltreviewinner .reviewuser img{min-width: 50px; max-width: 50px; height: 50px; object-fit: cover; border-radius: 50%;}
.dltreviewouter .dltreviewinner .rewiewscontent{width: 100%;}
.dltreviewouter .dltreviewinner .rewiewscontent h4{color: rgba(var(--secondary), 1); font-size: 16px; font-weight: 500; margin: 0px 0px 3px 0px;}
.dltreviewouter .dltreviewinner .rewiewscontent .review-rating{font-size: 20px; font-weight: 400; color: #FFBB00; line-height: 100%;}
.dltreviewouter .dltreviewinner .reviewbtmct{padding: 10px 0px 0px 0px;}

.star-input{line-height: 100%; margin: 10px 0px 0px 0px;}

.form-check-input:checked{background-color: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1);}
.form-check-input:focus{border-color: rgba(var(--primary), 1); outline: 0; box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}

.searchouter .react-datepicker__day--selected, .searchouter .react-datepicker__day--in-selecting-range, .searchouter .react-datepicker__day--in-range, .searchouter .react-datepicker__month-text--selected, .searchouter .react-datepicker__month-text--in-selecting-range, .searchouter .react-datepicker__month-text--in-range, .searchouter .react-datepicker__quarter-text--selected, .searchouter .react-datepicker__quarter-text--in-selecting-range, .searchouter .react-datepicker__quarter-text--in-range, .searchouter .react-datepicker__year-text--selected, .searchouter .react-datepicker__year-text--in-selecting-range, .searchouter .react-datepicker__year-text--in-range{background-color: rgba(var(--secondary), 1); color: var(--theme-white);}
.searchouter .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.searchouter .react-datepicker__month-text--in-range,
.searchouter .react-datepicker__quarter-text--in-range,
.searchouter .react-datepicker__year-text--in-range),
.searchouter .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.searchouter .react-datepicker__month-text--in-range,
.searchouter .react-datepicker__quarter-text--in-range,
.searchouter .react-datepicker__year-text--in-range),
.searchouter .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.searchouter .react-datepicker__month-text--in-range,
.searchouter .react-datepicker__quarter-text--in-range,
.searchouter .react-datepicker__year-text--in-range),
.searchouter .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.searchouter .react-datepicker__month-text--in-range,
.searchouter .react-datepicker__quarter-text--in-range,
.searchouter .react-datepicker__year-text--in-range) {
  background-color: rgba(var(--secondary), 0.10); color: rgba(var(--secondary), 1);
}
.searchouter .react-datepicker__day--selected:not([aria-disabled=true]):hover, .searchouter .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .searchouter .react-datepicker__day--in-range:not([aria-disabled=true]):hover, .searchouter .react-datepicker__month-text--selected:not([aria-disabled=true]):hover, .searchouter .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover, .searchouter .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover, .searchouter .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover, .searchouter .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover, .searchouter .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover, .searchouter .react-datepicker__year-text--selected:not([aria-disabled=true]):hover, .searchouter .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover, .searchouter .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color: rgba(var(--secondary), 1); color: var(--theme-white);}
.form-group .react-datepicker-wrapper{display: block;}
.form-group .react-datepicker__day--selected:not([aria-disabled=true]):hover, .form-group .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .form-group .react-datepicker__day--in-range:not([aria-disabled=true]):hover, .form-group .react-datepicker__month-text--selected:not([aria-disabled=true]):hover, .form-group .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover, .form-group .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover, .form-group .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover, .form-group .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover, .form-group .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover, .form-group .react-datepicker__year-text--selected:not([aria-disabled=true]):hover, .form-group .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover, .form-group .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color: rgba(var(--secondary), 1); color: var(--theme-white);}
.form-group .react-datepicker__day--selected, .form-group .react-datepicker__day--in-selecting-range, .form-group .react-datepicker__day--in-range, .form-group .react-datepicker__month-text--selected, .form-group .react-datepicker__month-text--in-selecting-range, .form-group .react-datepicker__month-text--in-range, .form-group .react-datepicker__quarter-text--selected, .form-group .react-datepicker__quarter-text--in-selecting-range, .form-group .react-datepicker__quarter-text--in-range, .form-group .react-datepicker__year-text--selected, .form-group .react-datepicker__year-text--in-selecting-range, .form-group .react-datepicker__year-text--in-range{background-color: rgba(var(--secondary), 1); color: var(--theme-white);}




/* Rating number only */

/* HEADER LAYOUT */
.overall-rating-header {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* YELLOW BOX */
.rating-badge {
  background: rgba(var(--secondary), 1);
  color: var(--theme-white);
  font-size: 30px;
  font-weight: 700;
  width: 70px;
  height: 70px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

/* RIGHT TEXT */
.rating-info {
  display: flex;
  flex-direction: column;
}

.rating-text {
  font-weight: 600;
  font-size: 16px;
  color: #1a1a1a;
}

/* BARS */
.rating-bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 3px;
  font-size: 13px;
}

.rating-bar-row span:first-child {
  width: 90px;
  font-weight: 500;
}

.rating-bar-row .progress {
  flex: 1;
  height: 8px;
  background: #eee;
  border-radius: 6px;
}

.rating-bar-row .progress-bar {
  background: rgba(var(--secondary), 1);
  height: 100%;
  border-radius: 6px;
}

.rating-bar-row span:last-child {
  width: 40px;
  text-align: right;
  font-weight: 500;
}

/* REVIEWS */


/* Each row (li used only as container) */


.chat-modal-overlay {
  background: rgba(0, 0, 0, 0.4);
  display: block;
}

.chat-body {
  flex: 1;
  padding: 12px;
  overflow-y: auto;
}

.chat-row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}

.chat-row.me {
  justify-content: flex-end;
}

.chat-row.other {
  justify-content: flex-start;
}

.chat-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 8px;
  text-transform: uppercase;
}

.user-avatar {
  background: #4caf50;
  color: #fff;
}

.owner-avatar {
  background: #2196f3;
  color: #fff;
}

.chat-bubble {
  max-width: 65%;
  padding: 10px;
  border-radius: 10px;
  font-size: 14px;
}

.chat-bubble.me {
  width: 60%;
  background: #dcf8c6;
}

.chat-bubble.other {
  width: 60%;
  background: #f1f1f1;
}

.chat-input {
  padding: 10px;
  border-top: 1px solid #ddd;
  display: flex;
}

.chat-input input {
  flex: 1;
  padding: 8px;
}

.chat-input button {
  margin-left: 8px;
}





.chat-list {
  background: #fff;
  border-right: 1px solid #eee;
  height: 70vh;
  overflow-y: auto;
}

.chat-list-item {
  padding: 12px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  transition: background 0.2s;
}

.chat-list-item:hover {
  background: #f5f5f5;
}

.chat-list-item.active {
  background: #e6e6e6;
}


.chat-window {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.chat-header {
  padding: 12px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

.chat-body {
  flex: 1;
  padding: 12px;
  overflow-y: auto;
}

.chat-row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}

.chat-row.me {
  justify-content: flex-end;
}

.chat-row.other {
  justify-content: flex-start;
}

.chat-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  text-transform: uppercase;
}

.user-avatar {
  background: #4caf50;
  color: #fff;
}

.other-avatar {
  background: #2196f3;
  color: #fff;
}

.chat-bubble {
  max-width: 65%;
  padding: 10px;
  border-radius: 10px;
  font-size: 14px;
}

.chat-bubble.me {
  background: #dcf8c6;
}

.chat-bubble.other {
  background: #f1f1f1;
}

.chat-input {
  display: flex;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.chat-input input {
  flex: 1;
  padding: 8px;
}

.chat-input button {
  margin-left: 8px;
}



/* Chat */
.closebtn{background: none; outline: none; border: none;}
.chatindivisual .chatbody {
    flex: 1;
    padding: 10px 5px 0px 20px;
    display: flex;
    flex-direction: column;
}
.chatindivisual .chatbody .chatbodyouter {
    flex: 1;
    position: relative;
}
.chatindivisual .chatbody .chatbodyinner {
    overflow: auto;
    padding: 0px 10px 0px 0px;
}
.chatindivisual .chatbody .chatbodyinner{height: calc(100vh - 178px); overflow: auto; padding: 0px 10px 0px 0px;}
.chatindivisual .chatbody .chatbodyinner::-webkit-scrollbar{width: 4px; height: 4px;}
.chatindivisual .chatbody .chatbodyinner::-webkit-scrollbar-track{background: rgba(var(--primary), 0.10); border-radius: 10px;}
.chatindivisual .chatbody .chatbodyinner::-webkit-scrollbar-thumb{background: rgba(var(--primary), 1); border-radius: 10px;}
@supports (-moz-appearance: none) {
  .chatindivisual .chatbody .chatbodyinner{scrollbar-width: thin; scrollbar-color: rgba(var(--primary), 1) rgba(var(--primary), 0.10);}
}
.chatindivisual .chatbx{padding: 0px; display: flex; flex-wrap: wrap;}
.chatindivisual .chatbx .chatbxinner{display: inline-flex; gap: 10px; margin: 0px 0px 25px 0px; max-width: calc(100% - 110px);}
.chatindivisual .chatbx .chatbxinner .chatbximg{display: inline-flex;}
.chatindivisual .chatbx .chatbxinner .chatbximg img{width: 40px; height: 40px; border-radius: 50%; object-fit: cover;}
.chatindivisual .chatbx .chatbxinner .chatbximg .chatavatar{display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; text-transform: uppercase; min-width: 40px; max-width: 40px; height: 40px; border-radius: 100%; background: #f3f3f3; color: rgba(var(--primary), 1); }
.chatindivisual .chatbx.currentuser .chatbxinner .chatbximg .chatavatar{background: rgba(var(--primary), 1); color: var(--theme-white); }
.chatindivisual .chatbx .chatbxinner .chatbxcontent{display: flex; flex-direction: column; align-items: flex-end; gap: 7px;}
.chatindivisual .chatbx .chatbxinner .chatbxcontent .chatbxcontentpt{word-break: break-word; color: rgba(var(--theme-heading), 1); font-size: 13px; font-weight: 300; background: #f3f3f3; border-radius: 0px 15px 15px 15px; padding: 8px 15px;}
.chatindivisual .chatbx .chatbxinner .chatbxcontent .time{color: #6A7282; font-size: 13px; display: block; font-weight: 400; margin: 0px;}
.chatindivisual .chatbx.currentuser{justify-content: flex-end;}
.chatindivisual .chatbx.currentuser .chatbxinner{flex-direction: row-reverse;}
.chatindivisual .chatbx.currentuser .chatbxinner .chatbxcontent .chatbxcontentpt{background: rgba(var(--primary), 1); border-radius: 15px 0px 15px 15px; color: var(--theme-white);}
.chatindivisual .chatbx.currentuser .chatbxinner .chatbxcontent .time{text-align: right; align-self: flex-end;}

.chatindivisual .chatmsgbx{padding: 0px 15px 15px 0px; display: flex; gap: 10px; width: 100%; position: relative;}
.chatindivisual .chatmsgbx .form-control{height: 46px; font-size: 13px; line-height: 18px; padding: 12px 20px 12px 15px; background: #f3f3f3; border-color: #f3f3f3; box-shadow: none; resize: none; border-radius: 50px;}
.chatindivisual .chatmsgbx .form-control:focus{border-color: rgba(var(--primary), 1); box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.chatindivisual .chatmsgbx .form-control::-webkit-scrollbar{width: 4px; height: 4px;}
.chatindivisual .chatmsgbx .form-control::-webkit-scrollbar-track{background: none; border-radius: 10px;}
.chatindivisual .chatmsgbx .form-control::-webkit-scrollbar-thumb{background: none; border-radius: 10px;}
@supports (-moz-appearance: none) {
  .chatindivisual .chatmsgbx .form-control{scrollbar-width: none; scrollbar-color: none;}
}
.chatindivisual .chatmsgbx .sendmsggroup{display: inline-flex; gap: 5px;}
.chatindivisual .chatmsgbx .sendmsggroup .sendbtn{display: inline-flex; justify-content: center; align-items: center; background: rgba(var(--primary), 1); width: 46px; height: 46px; font-size: 20px; outline: none; border: none; color: var(--theme-white); border-radius: 50%; transition: 0.3s ease-in-out;}
.chatindivisual .chatmsgbx .sendmsggroup .sendbtn svg{min-width: 20px; max-width: 20px;}
.chatindivisual .chatmsgbx .sendmsggroup .sendbtn:hover{background: rgba(var(--secondary), 1); color: var(--theme-white);}
.chatindivisual .modal-header{position: relative; border: none; padding: 10px 20px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);}
.chatindivisual .modal-header .closebtn{position: absolute; right: -6px; top: -6px; background-color: var(--theme-white); width: 24px; height: 24px; display: inline-flex; justify-content: center; align-items: center; font-size: 19px; border-radius: 6px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);}
.chatindivisual .modal-content{border: none; border-radius: 15px;}
.chatindivisual .modal-dialog{border-radius: 15px;}
.chatindivisual .chatuser{display: inline-flex; gap: 10px; align-items: center;}
.chatindivisual .chatuser span{display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; text-transform: uppercase; min-width: 40px; max-width: 40px; height: 40px; border-radius: 100%; background: rgba(var(--primary), 1); color: var(--theme-white) }
.chatindivisual .chatuser .chatuserbxct{padding: 0px;}
.chatindivisual .chatuser .chatuserbxct h5{color: rgba(var(--primary), 1); font-weight: 500; margin: 0px;}

/* Information Page */
.contactcontainer{padding: 10px 0px 10px 0px; background: #F6FBFB; position: relative;}
.contactcontainer .contactinner{position:relative;z-index:1;}
.contactcontainer .section-heading{margin: 0px 0px 20px 0px;}
.contactcontainer .section-heading h2{font-size: 32px; line-height: 38px;}
.contactcontainer .section-heading .subheading{font-size:18px;line-height:30px;color:#00A2F0;font-weight:400;margin:0 0 10px 0;}
.contactcontainer .section-heading p{font-size:14px;line-height:20px;color:var(--theme-paragraph);font-weight:400;margin:0 0 15px 0;}
.contactcontainer .gettouchbx{float:left;width:100%;padding-right:30px;}
.contactcontainer .form-group{position:relative;margin-bottom:15px;}
.contactcontainer .form-group label{text-align:left;margin:0;color:#333;font-size:15px;display:block;letter-spacing:0.5px;}
.contactcontainer .form-group label sup{color:#db1156;font-size:1em;top:-0.1em;}
.contactcontainer .form-group .formgroupinner{display:block;position:relative;}
.contactcontainer .form-group .formgroupinner i{position:absolute;right:15px;top:50%;font-size:1.4em;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.contactcontainer .form-group .formgroupinner i.fa-mobile{font-size:1.2em;}
.contactcontainer .form-group .form-control.error{border-color:red;}
.contactcontainer .form-group{position: relative;}
.contactcontainer .form-group label{color: var(--theme-paragraph); margin: 0px 0px 4px 0px;}
.contactcontainer .form-group .form-control, .contactcontainer .form-group .form-control{height: 42px; font-size: 14px; border-radius: 10px;}
.contactcontainer .form-group .form-control::-moz-placeholder{color:var(--theme-light-gray);opacity:1}
.contactcontainer .form-group .form-control:-ms-input-placeholder{color:var(--theme-light-gray)}
.contactcontainer .form-group .form-control::-webkit-input-placeholder{color:var(--theme-light-gray)}
.contactcontainer .form-group .form-control::-ms-expand{background-color:transparent;border:0}
.contactcontainer .form-group .form-control:-webkit-autofill,
.contactcontainer .form-group .form-control:-webkit-autofill:hover,
.contactcontainer .form-group .form-control:-webkit-autofill:focus
.contactcontainer .form-group .form-control:-webkit-autofill,
.contactcontainer .form-group textarea.form-control:-webkit-autofill,
.contactcontainer .form-group textarea.form-control:-webkit-autofill:hover
.contactcontainer .form-group textarea.form-control:-webkit-autofill:focus,
.contactcontainer .form-group .form-control:-webkit-autofill,
.contactcontainer .form-group .form-control:-webkit-autofill:hover,
.contactcontainer .form-group .form-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--theme-light-gray); -webkit-box-shadow: 0 0 0px 1000px var(--primary-light) inset; transition: background-color 5000s ease-in-out 0s;}

.contactcontainer .form-group textarea.form-control{height:80px;}
.contactcontainer .lblright{padding: 30px 0px;}
.contactcontainer .contactright{float:left;width:100%;padding-left:30px;}
.contactcontainer .lboxcontent{padding: 30px 40px; height: 100%; display: flex; align-items: center; background-color: var(--theme-white); border: 1px solid var(--theme-white); border-radius: 35px; position: relative;}
.contactcontainer .lboxcontent:after{position: absolute; content: ""; width: 60%; background: rgba(var(--secondary), 0.06); right: 20px; bottom: 20px; aspect-ratio: 0.938; clip-path: shape(from 98.42% 0.47%,arc to 100% 3.12% of 3.33% 3.12% small cw,vline by 93.75%,arc by -3.33% 3.13% of 3.33% 3.13% small cw,hline by -20%,arc by -3.33% -3.13% of 3.33% 3.13% small cw,vline to 87.5%,hline by -6.67%,vline by 9.38%,arc by -3.33% 3.13% of 3.33% 3.13% small cw,hline by -60%,arc by -3.33% -3.13% of 3.33% 3.13% small cw,vline to 62.5%,arc by 2.28% -2.96% of 3.33% 3.13% small cw,line to 40% 47.75%,vline to 28.12%,arc by 1.84% -2.79% of 3.33% 3.13% small cw,line by 53.33% -25%,arc by 3.25% 0.14% of 3.33% 3.13% small cw,move to 40% 54.34%,line to 6.67% 64.75%,vline to 93.75%,hline by 33.33%,close,move to 46.67% 93.75%,hline by 13.33%,vline by -9.38%,arc by 3.33% -3.13% of 3.33% 3.13% small cw,hline by 13.33%,arc by 3.33% 3.13% of 3.33% 3.13% small cw,vline to 93.75%,hline by 13.33%,vline to 8.18%,line by -46.67% 21.88%,close,move to 13.33% 68.75%,hline by 6.67%,vline by 6.25%,hline to 13.33%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline to 26.67%,close,move by -13.33% 12.5%,hline by 6.67%,vline by 6.25%,hline to 13.33%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline to 26.67%,close,move by 26.67% -25%,hline by 6.67%,vline by 6.25%,hline to 53.33%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move by -13.33% 12.5%,hline by 6.67%,vline by 6.25%,hline to 53.33%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move by 13.33% -12.5%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move by 0% 12.5%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move to 53.33% 43.75%,hline by 6.67%,vline by 6.25%,hline to 53.33%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move to 53.33% 31.25%,hline by 6.67%,vline by 6.25%,hline to 53.33%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move by 13.33% 0%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close,move by 0% -12.5%,hline by 6.67%,vline by 6.25%,hline by -6.67%,close);}
.contactcontainer .lboxcontent .lboxcontentinner{position: relative; z-index: 1;}
.contactcontainer .coininfo{display:block;text-align:left;}
.contactcontainer .coininfo + .coininfo{padding: 30px 0px 0px 0px;}
.contactcontainer .coininfo .cticon{display:table-cell;vertical-align:top;padding-right:20px;}
.contactcontainer .coininfo .cticon i{float:left;width:58px;height:58px;text-align:center;line-height:58px;font-size:1.4rem; background: rgba(var(--secondary), 1); -webkit-border-radius: 50px 20px 50px 50px;border-radius: 50px 20px 50px 50px;color: var(--theme-white); box-shadow: -4px 4px 0px 0px rgba(var(--secondary), 0.20);}
.contactcontainer .coininfo .cticontent{display:table-cell;vertical-align:middle;width:100%;}
.contactcontainer .coininfo .cticontent h4{color: rgba(var(--theme-heading), 1); font-weight: 600; font-size:18px;margin:0 0 5px 0;}
.contactcontainer .coininfo .cticontent p{color: var(--theme-paragraph);margin:0;}
.contactcontainer .coininfo .cticontent p a{color:var(--theme-paragraph);text-decoration:none; transition: 0.3s ease-in-out;}
.contactcontainer .coininfo .cticontent p a:hover{color: rgba(var(--secondary), 1);}
.invalid-feedback, .invalid{font-size: 14px; margin: 2px 0px 0px 0px !important;}
.invalid-feedback strong, .invalid strong{font-weight: 500;}

.staticpagecontainer{padding: 10px 0px 10px 0px; background: #F6FBFB; position: relative;}
.staticpagecontainer .section-heading{margin: 0px 0px 20px 0px;}
.staticpagecontainer .section-heading h2{font-size: 40px; line-height: 40px;}
.staticpagecontainer img{float: right; margin: 0px 0px 10px 20px; width: 100% !important; max-width: 480px; height: auto !important; max-height: 100%; border-radius: 20px;}
.staticpagecontainer h3{text-align: left; color: var(--primary-text); font-size: 26px; font-weight: 500; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; position: relative;}
.staticpagecontainer h4{text-align: left; color: var(--primary-text); font-size: 22px; font-weight: 500; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; position: relative;}
.staticpagecontainer p{text-align: left; font-size: 14px; line-height: 26px; color: var(--primary-text); font-weight: 400; margin: 0px 0px 15px 0px;}
.staticpagecontainer p a{color: rgba(var(--primary), 1); text-decoration: underline;}
.staticpagecontainer p a:hover{text-decoration: underline;}
.staticpagecontainer ul{display: flex; flex-wrap: wrap; padding: 0px; margin: 0px; margin-bottom: 10px;}
.staticpagecontainer ul li{list-style: none; width: 100%; color: var(--primary-text); padding: 0px; position: relative; padding-left: 28px; font-size: 15px; margin: 0px 0px 15px 0px;}
.staticpagecontainer ul li:before{font-family: 'icomoon'; content: "\e921"; position: absolute; left: 0px; top: 5px; font-size: 9px;}
.staticpagecontainer ul li::before{position: absolute; top: 2px; left: 0; content: "\e921"; font-family: 'icomoon'; font-size: 14px; color: var(--theme-white); width: 18px; height: 18px; line-height: 100%; border-radius: 50%; text-align: center; line-height: 19px; background: rgba(var(--primary), 1);}
.staticpagecontainer ol{display: flex; flex-wrap: wrap; padding: 0px; margin: 0px;}
.staticpagecontainer ol li{list-style: none; width: 100%; color: var(--primary-text); padding: 0px; position: relative; padding-left: 24px; font-size: 15px; margin: 0px 0px 15px 0px;}
.staticpagecontainer ol li:before{content: ""; width: 7px; height: 7px; background: var(--themeGradient); position: absolute; left: 0px; top: 7px; -webkit-border-radius: 50%; border-radius: 50%;}


/* .container {
  padding: 20px;
  background: #f5f6fa;
} */

.title {
  font-size: 20px;
  font-weight: 500;
  color: #373758;
  margin-bottom: 20px;
}

/* COMBO */
.comboWrapper {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
}

.comboTitle {
  color: #373758;
  margin-bottom: 16px;
  font-size: 16px;
}

/* BODY */
.comboBody {
  display: flex;
  gap: 20px;
}

/* ========================= */
/* SLIDER */
/* ========================= */
.roomsSlider {
  flex: 1;
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 10px;
}

/* 2 FULL + HALF */
.roomCard {
  flex: 0 0 45%;
  scroll-snap-align: start;
  background: #fafafa;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

/* NOT AVAILABLE */
.notAvailable {
  position: absolute;
  top: 10px;
  left: 10px;
  background: red;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 6px;
}

/* IMAGE */
.mainImg {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

/* THUMB */
.thumbRow {
  display: flex;
  gap: 6px;
  padding: 8px;
}

.thumbImg {
  width: 32%;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
}

/* CONTENT */
.roomContent {
  padding: 10px;
}

.roomContent h4 {
  font-size: 14px;
  color: #373758;
}

.roomPrice {
  font-weight: bold;
  margin: 5px 0;
}

.roomContent ul {
  font-size: 12px;
  padding-left: 16px;
}

/* ========================= */
/* RIGHT PANEL */
/* ========================= */
.comboSummary {
  width: 260px; /* FIXED WIDTH */
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* PRICE */
.priceBox {
  background: #eee;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 10px;
}

.priceBox .price {
  font-size: 20px;
  font-weight: 600;
  color: #373758;
}

/* BUTTON */
.bookBtn {
  background: #373758;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
}

.bookBtn.disabled {
  background: #999;
  cursor: not-allowed;
}

/* TEXT */
.unavailableText {
  color: red;
  font-size: 12px;
  margin-bottom: 8px;
}



/* Rooms Availability */
.room-layout{
  display:flex;
  gap:30px;
  align-items:flex-start;
}
.calendar-section{
  width:50%;
}
.sync-panel{
  width:50%;
  border-left:1px solid #eee;
  padding-left:20px;
}
.room-title{
  font-weight:500;
  font-size:22px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
}
.room-card{
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 40px;
  background: #fff;
}
.tab-content .availability-wrapper .room-card{position: relative;}
.tab-content .availability-wrapper .room-card:after{content: "";position: absolute;width: 100%;
  height: 1px;background: #eee;bottom: -22px;}
.tab-content .availability-wrapper .room-card:last-child:after{display: none;}
.room-card:last-of-type:after{display: none;}


/* Rooms and Spaces */
.room-section .card{margin-bottom: 40px;position: relative;}
.room-section .card:after{content: "";position: absolute;width: 100%;height: 1px;background: #eee;
  bottom: -22px;left: 0;}


/* Property Rooms */
.propertyruldlt{border-radius: 12px !important;}
.roomCard .mainImg{height: 220px;width: 100%;object-fit: cover;border-radius: 25px;padding: 10px;}
.roomsSlider .roomCard{flex: 0 0 49%;}



/* Responsive */
@media only screen and (min-width: 1600px) {
  
}

@media only screen and (max-width: 1199px) {
  .roomsSlider{gap: 12px;}
  .roomCard .mainImg{height: 200px;}
}

@media only screen and (max-width: 991px) {
  .comboWrapper .comboBody{display: block;}
  .comboSummary{margin: 0 auto;text-align: center;}
}

@media only screen and (max-width: 767px) {
  .cover-photo{width: 100%;height: auto;}
  .room-layout{display: block;}
  .calendar-section{width: 100%;}
  .sync-panel{width: 100%;border-left: 0;padding-left: 0;padding-top: 15px;border-top: 1px solid #eee;
    margin-top: 20px;}
  .room-title{font-size: 18px;}
  .radio-row label input{margin-right: 5px;}
  .radio-row label{display: inline-flex;}

  .roomsSlider .roomCard{flex: 0 0 100%;}
  .roomsSlider{margin-bottom: 20px;}
  .choose_room .comboWrapper{margin-bottom: 40px;position: relative;}
  .choose_room .comboWrapper:after{content: "";position: absolute;width: 100%;height: 1px;
    background: #dee2e6;bottom: -20px;left: 0;}
}

@media only screen and (max-width: 480px) {
  .comboSummary{width: 100%;}
}

.roomsSlider::-webkit-scrollbar {
  height: 4px; /* narrow */
}

.roomsSlider::-webkit-scrollbar-track {
  background: #e6f7f1; /* light green background */
  border-radius: 10px;
}

.roomsSlider::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #128a59, #1cad70); /* dark → your green */
  border-radius: 10px;
  transition: all 0.3s ease;
}

.roomsSlider::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(90deg, #0e6f47, #159a61); /* deeper on hover */
}