@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');

		* {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		*,
		::before,
		::after {
			box-sizing: border-box
		}

		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box
		}

		a {
			text-decoration: none
		}

		a:hover {
			text-decoration: underline
		}

		body {
			word-wrap: break-word !important;
			font-family: 'IBM Plex Sans', sans-serif;
			font-size: 17px;
			font-weight: 400;
			color: #212529;
			text-align: left;
			user-select: none;
		}

		article,
		aside,
		figcaption,
		figure,
		footer,
		header,
		hgroup,
		main,
		nav,
		section {
			display: block
		}

		img,
		video {
			max-width: 100%;
			vertical-align: middle
		}

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

		select {
			background: none
		}

		html {
			scroll-behavior: smooth;
		}

		h1,
		h2,
		h3 {
			margin-bottom: 10px;
		}

		header .wrapper {
			width: 100%;
			height: auto
		}

		header .nav-wrapper {
			width: 100%;
			position: -webkit-sticky;
			position: sticky;
			z-index: 99;
			top: 0;
			box-shadow: 1px 1px 5px 1px rgba(98, 98, 98, 0.3);
			background-color: #fff;
			position: relative;
			z-index: 9999
		}

		.navbar {
			position: relative;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-pack: justify;
			justify-content: space-between;
			padding: .5rem 1rem
		}

		header .navbar {
			display: grid;
			grid-template-columns: 1fr 3fr;
			align-items: center;
			height: 90px;
			overflow: hidden
		}

		header .menu-toggle {
			justify-self: end;
			margin-right: 25px;
			display: none
		}

		header .menu-toggle .bar {
			width: 25px;
			height: 3px;
			background-color: #3f3f3f;
			margin: 5px auto;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out
		}

		.nav {
			display: -ms-flexbox;
			-ms-flex-wrap: wrap;
			display: flex;
			flex-wrap: wrap;
			padding-left: 0;
			margin-bottom: 0;
			list-style: none
		}

		header .nav {
			transform: translate(0);
			transition: transform 0.7s ease-in-out
		}

		header .navbar ul {
			list-style: none;
			display: block ruby;
			grid-template-columns: repeat(6, 1fr);
			justify-self: end
		}

		header .nav-item {
			list-style: none;
			text-align: center;
			margin: auto;
			padding: 0 0 0 27px
		}

		header .nav-item a {
			color: #000;
			font-size: 0.9rem;
			font-weight: 400;
			text-align: center;
			margin: auto;
			padding: 7px 0 5px;
			text-transform: uppercase;
			transition: color 0.3s ease-out
		}

		header .menu-toggle.active .bar:nth-child(1) {
			-webkit-transform: translateY(8px) rotate(45deg);
			-ms-transform: translateY(8px) rotate(45deg);
			-o-transform: translateY(8px) rotate(45deg);
			transform: translateY(8px) rotate(45deg)
		}

		header .menu-toggle.active .bar:nth-child(2) {
			opacity: 0
		}

		header .menu-toggle.active .bar:nth-child(3) {
			-webkit-transform: translateY(-8px) rotate(-45deg);
			-ms-transform: translateY(-8px) rotate(-45deg);
			-o-transform: translateY(-8px) rotate(-45deg);
			transform: translateY(-8px) rotate(-45deg)
		}

		@media screen and (max-width:767px) {
			header .navbar {
				height: 87px;
				grid-template-columns: 2fr 2fr
			}

			header .menu-toggle,
			.bar {
				display: block;
				cursor: pointer
			}

			header .navbar ul {
				display: flex;
				flex-direction: column;
				position: fixed;
				justify-content: start;
				top: 87px;
				background-color: #fff;
				width: 100%;
				height: calc(100vh - 55px);
				transform: translate(-101%);
				text-align: center;
				overflow: hidden;
				right: 0
			}

			header .mob-nav {
				transform: translate(0%) !important
			}

			header .navbar li {
				padding: 10px;
				margin: 0
			}

			header .nav-item a {
				border-bottom: 2px solid #e8e8e8;
				float: left;
				text-align: left;
				width: 100%
			}
		}

		main {
			margin-top: 20px
		}

		.container {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			max-width: 1200px
		}

		.row {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap
		}

		.col {
			position: relative;
			width: 100%
		}

		.main-content {
			padding: 30px 0
		}

		.content-section {
			padding-top: 30px
		}

		.content {
			padding: 30px 0
		}

		.content p {
			margin-bottom: 10px;
			line-height: 1.5;
		}

		.whatsapp,
		.phone {
			display: flex;
			margin: 2px 5px;
			font-size: 14px;
			padding: 6px;
			color: #fff;
			border-radius: 2px;
			text-decoration: none !important;
		}

		.whatsapp {
			background: #39a453;
		}

		.phone {
			background: #0066cc;
		}

		@media only screen and (max-width: 767px) {
			.list-cities ul li {
				width: auto;
				display: inline-block
			}
		}

		.contact>* {
			color: #fff;
			border-radius: 3px;
			font-size: 17px;
			-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 50%);
			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
			box-shadow: 0 1px 1px rgb(0 0 0 / 50%);
			text-align: center;
			margin-bottom: 20px;
			transition: .5s;
			padding: 13px 12px;
			display: block;
			color: #fff;
			text-decoration: none
		}

		.tel {
			background: #0066cc
		}

		.tel span {
			background: #0066cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M511.203 387L487.953 487.782C484.688 502.032 472.156 512.001 457.484 512.001C205.234 512.001 0 306.78 0 54.497C0 39.84 9.969 27.309 24.219 24.059L124.969 0.809C139.656 -2.598 154.734 5.027 160.828 18.934L207.359 127.497C212.797 140.279 209.125 155.154 198.375 163.935L144.547 208.029C178.531 277.249 234.828 333.531 304.078 367.531L348.125 313.718C356.813 302.937 371.828 299.218 384.609 304.749L493.094 351.25C507 357.25 514.578 372.406 511.203 387Z'%3E%3C/path%3E%3C/svg%3E") no-repeat right 8px center;
			position: relative;
			background-size: 14px 15px;
			display: inline-block;
			height: 20px;
			width: 23px;
			bottom: -3px
		}

		.wa {
			background: #39a453
		}

		.wa span {
			background: #39a453 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3E%3C/path%3E%3C/svg%3E") no-repeat right 8px center;
			position: relative;
			background-size: 16px 18px;
			display: inline-block;
			height: 20px;
			width: 23px;
			bottom: -3px
		}


		.item {
			border-radius: 5px !important;
			border: 1px solid #0066cc !important;
		}

		footer {
			background-color: #F00;
			padding: 45px 0 20px;
			line-height: 24px;
			color: #fff;
			border-top: 1px solid #000;
		}

		footer ._bx {
			margin-bottom: 15px;
		}

		footer ._bxcp {
			padding: 15px 0;
			border-top: 1px solid rgba(255, 255, 255, .2);
		}

		footer ._bx a {
			color: #fff;
			text-decoration: none;
		}

		footer ._bx a:hover {
			color: #ff0000;
		}

		.btn-float {
			display: inline-block;
			position: fixed;
			bottom: 5px;
			font-size: 18px;
			border-radius: 3px;
			z-index: 1;
		}

		.fa-btn {
			width: 70px;
			height: 70px;
			padding: 15px 20px;
			text-align: center;
			vertical-align: middle;
			color: #fff;
		}

		.to-top {
			right: 15px;
			width: 50px;
			height: 50px;
			bottom: 60px;
			padding: 13px 15px;
			display: none;
			background: #64173b;
			border-radius: 5px;
		}

		@media only screen and (max-width: 767px) {
			.contact_float {
				position: fixed;
				bottom: 0;
				width: 100%;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}

			.contact_float.contact>* {
				margin: 0;
				position: relative;
				width: 50%;
			}

			footer {
				margin-bottom: 40px;
			}
		}

		.copyright-text {
			margin-bottom: 10px;
		}

		.book {
			display: block;
			position: fixed;
			bottom: 0;
			width: 100%;
			z-index: 999;
		}

		.dail,
		.msg {
			float: left;
			width: 50%;
		}

		.dail {
			background-color: #0066cc;
		}

		.msg {
			background-color: #39a453;
		}

		.dail a,
		.msg a {
			display: block;
			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			font-weight: bolder;
			color: #000;
		}

		.mb2 {
			margin-bottom: 15px
		}

		.py1 {
			padding: 7.5px 0
		}

		.py2 {
			padding: 15px 0
		}

		.px2 {
			padding: 0 15px
		}

		.c1 {
			flex: 0 0 auto;
			width: 8.333333%
		}

		.c6 {
			flex: 0 0 auto;
			width: 50%
		}

		.c10 {
			flex: 0 0 auto !important;
			width: 83.333333% !important
		}

		@media (min-width:576px) {
			.container {
				max-width: 540px
			}

			.sm6 {
				flex: 0 0 auto !important;
				width: 50% !important
			}

			.sm10 {
				flex: 0 0 auto;
				width: 83.333333%
			}
		}

		@media (min-width:768px) {
			.container {
				max-width: 720px
			}

			.md4 {
				flex: 0 0 auto !important;
				width: 33.333333% !important
			}

			.md7 {
				flex: 0 0 auto;
				width: 58.33333333%
			}

			.md8 {
				flex: 0 0 auto;
				width: 66.666666%
			}

			.md6 {
				flex: 0 0 auto;
				width: 50%
			}

			.md-pl1 {
				padding-left: 8px
			}

			.md-pr1 {
				padding-right: 8px
			}

			.md-pl2 {
				padding-left: 16px
			}

			.md-pr2 {
				padding-right: 16px
			}

			.filter_sortby.t2 button {
				display: none
			}

			.listing-desc .listing-title {
				font-size: 18px;
				margin-bottom: 10px
			}

			.listing-desc .listing-text {
				margin-bottom: 10px
			}

			.contact_float.contact {
				display: none
			}

			.filter_sortby button:first-child {
				border-top-right-radius: 0 !important;
				border-bottom-right-radius: 0 !important
			}

			.filter_sortby button:last-child {
				border-top-left-radius: 0 !important;
				border-bottom-left-radius: 0 !important
			}
		}

		@media (min-width:992px) {
			.container {
				max-width: 900px
			}

			.dn_lg {
				display: none
			}
		}

		@media (min-width:1200px) {
			.container {
				max-width: 1100px
			}
		}

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

		.filter-box {
			margin: 20px 0
		}

		.filter_sortby button {
			display: inline-block;
			min-width: 40px;
			font-weight: 600;
			text-align: center;
			text-shadow: none;
			line-height: 1;
			border-right: 1px solid rgba(0, 0, 0, .08);
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			-webkit-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			margin: 0;
			color: #666;
			font-size: 14px;
			text-decoration: none;
			background: #fff;
			overflow: hidden;
			border: 1px solid rgba(0, 0, 0, .08);
			line-height: 30px;
			cursor: pointer;
			padding: 5px 20px
		}

		.filter_sortby button:first-child {
			border-radius: 0;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px
		}

		.filter_sortby button:last-child {
			border-radius: 0;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px
		}

		.filter_sortby button.active {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			color: rgba(0, 0, 0, .9);
			background: #e4e4e4;
			padding-right: 10px
		}

		.sort {
			background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M543.998 416H320C302.326 416 288 430.328 288 448S302.326 480 320 480H543.998C561.671 480 575.998 465.672 575.998 448S561.671 416 543.998 416ZM320 96H352C369.673 96 384 81.672 384 64S369.673 32 352 32H320C302.326 32 288 46.328 288 64S302.326 96 320 96ZM320 224H415.998C433.671 224 447.998 209.672 447.998 192S433.671 160 415.998 160H320C302.326 160 288 174.328 288 192S302.326 224 320 224ZM320 352H479.998C497.671 352 511.998 337.672 511.998 320S497.671 288 479.998 288H320C302.326 288 288 302.328 288 320S302.326 352 320 352ZM151.593 41.945C139.468 28.684 116.531 28.684 104.406 41.945L16.408 138.039C4.472 151.086 5.347 171.352 18.377 183.305C24.517 188.934 32.267 191.719 39.986 191.719C48.658 191.719 57.283 188.215 63.595 181.332L96 145.938V447.969C96 465.672 110.328 480 128 480S160 465.672 160 447.969V145.938L192.404 181.332C204.357 194.344 224.607 195.25 237.623 183.305C250.652 171.352 251.527 151.086 239.591 138.039L151.593 41.945Z'%3E%3C/path%3E%3C/svg%3E") no-repeat right .34rem center;
			background-size: 14px 16px;
			height: 15px;
			width: 30px;
			display: inline-block
		}

		button.filter {
			background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M496 384H160v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h80v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h336c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160h-80v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h336v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h80c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160H288V48c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16C7.2 64 0 71.2 0 80v32c0 8.8 7.2 16 16 16h208v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h208c8.8 0 16-7.2 16-16V80c0-8.8-7.2-16-16-16z'%3E%3C/path%3E%3C/svg%3E") no-repeat left 42% center;
			background-size: 14px 16px
		}

		.filter_sortby.t2 div {
			overflow: hidden;
			margin-bottom: 10px;
			background: #9c2445;
			border-radius: 3px;
			margin-bottom: 10px
		}

		.filter_sortby.t2 button {
			border-radius: 3px;
			float: right;
			width: 100%;
			color: #fff
		}

		.filter-options {
			position: relative;
			overflow: hidden;
			margin-bottom: 15px;
			text-align: center;
			border: 1px solid #c7c7c7;
			padding: 10px
		}

		.filter-options div.select {
			float: left;
			width: 16.66666666%;
			position: relative;
			background-repeat: no-repeat;
			background-position: 12px center;
			background-size: 20px 22px
		}

		.filter-options .select>label {
			display: block;
			margin-bottom: 10px
		}

		.filter-options.mob-filter {
			display: block
		}

		.content-section .listing {
			flex: 0 0 auto;
			max-width: initial;
			width: 160px;
			min-width: 160px;
			max-height: 155px;
			display: flex;
			align-items: center;
			overflow: hidden;
			cursor: pointer
		}

		.content-section .listing-desc {
			-webkit-box-flex: 1;
			-ms-flex: 1;
			flex: 1;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			max-width: inherit;
			max-width: inheri
		}

		.listing-desc .listing-title,
		.listing-desc .listing-text {
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-box-orient: vertical;
			-moz-box-orient: vertical;
			display: -webkit-box;
			-webkit-line-clamp: 2
		}

		.listing-desc .listing-text {
			-webkit-line-clamp: 4;
			font-size: 13px
		}

		.content-section>div {
			border: 1px solid #cecece;
			margin-bottom: 15px
		}

		.listing-desc .card-body {
			padding: 0.44rem;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto;
			min-height: 1px
		}

		.listing-desc .card-body>a {
			float: left;
			margin-right: 8px
		}

		.age {
			max-width: 65px
		}

		@media only screen and (max-width: 767px) {
			.filter-box .filter_sortby.t1 {
				margin-bottom: 20px;
				-ms-flex-pack: justify !important;
				justify-content: space-between !important;
				display: -ms-flexbox !important;
				display: flex !important
			}

			.filter_sortby button {
				border-radius: 3px !important
			}

			.filter-options div.select {
				width: 50%;
				margin-bottom: 10px;
				text-align: initial
			}

			.filter-options {
				display: none
			}

			.listing-desc .listing-title {
				font-size: 16px;
				margin-bottom: 5px;
				line-height: 18px
			}

			.listing-desc .listing-text {
				margin-bottom: 5px
			}
		}

		.content-section>.row {
			background: #f2f5f7
		}

		.content-section>div {
			border: 0
		}

		.w100 {
			width: 100%
		}

		.load-more {
			display: block;
			text-align: center;
			border-radius: 3px;
			font-size: 18px;
			font-weight: bold;
			background: #86003f;
			color: #fff
		}

		.content {
			padding: 0
		}

		#page-container {
			margin-bottom: 30px
		}

		/* Base mobile styles */
		.tags-box {
			padding: 20px;
			background-color: #fdfdfd;
			border: 1px solid #ddd;
			border-radius: 10px;
			margin: 20px 10px;
			font-family: Arial, sans-serif;
			max-width: 100%;
			text-align: center;
		}

		.tags-box h5 {
			font-size: 18px;
			margin-bottom: 15px;
			color: #222;
			text-align: center;
		}

		.tags {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			justify-content: center;
		}

		.tags li {
			margin: 0;
		}

		.tags li a {
			display: inline-block;
			padding: 8px 12px;
			background-color: #f2f2f2;
			color: #333;
			font-size: 14px;
			border-radius: 5px;
			text-decoration: none;
			transition: background-color 0.3s ease, color 0.3s ease;
		}

		.tags li a:hover {
			background-color: #333;
			color: #fff;
		}

		/* Tablet styles */
		@media (min-width: 600px) {
			.tags-box {
				margin: 30px auto;
			}

			.tags li a {
				font-size: 15px;
				padding: 10px 16px;
			}

			.tags-box h5 {
				font-size: 20px;
			}
		}

		/* Laptop/Desktop styles */
		@media (min-width: 992px) {

			.tags li a {
				font-size: 16px;
			}

			.tags {
				justify-content: center;
			}

			.tags-box h5 {
				text-align: center;
			}
		}

		footer {
			background-color: #111;
			color: #f1f1f1;
			padding: 40px 20px;
			text-align: center;
			font-family: 'Segoe UI', sans-serif;
			position: relative;
		}

		footer h4 {
			color: #f9b233;
			font-size: 24px;
			margin-bottom: 10px;
		}

		footer a {
			color: #ddd;
			margin: 0 8px;
			text-decoration: none;
		}

		footer a:hover {
			color: #f9b233;
		}

		footer .btn-float {
			position: fixed;
			right: 20px;
			bottom: 50px;
			background-color: #f9b233;
			border-radius: 50%;
			padding: 12px;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
			color: #000;
			transition: all 0.3s ease;
		}

		footer .btn-float:hover {
			background: #fff;
			color: #000;
		}

		footer .arrow-up {
			width: 16px;
			height: 16px;
		}

		footer ._bx,
		footer ._bxcp {
			margin-top: 10px;
		}

		footer ._bxcp p {
			font-size: 14px;
			opacity: 0.8;
		}