/*Laptop Device :1200*/
@media (min-width: 1200px) and (max-width: 1500px) {

	/*Index page css*/
	.single-slider {
		height: 600px;
	}

	.list__categories .desc__categories {
		left: 30px;
		right: 30px;
	}

	.brand-active .owl-nav>div {
		left: 0;
	}

	.brand-active .owl-nav>.owl-next {
		left: auto;
		right: 0px;
	}

	/* index page 2 css*/
	.pr-230 {
		padding-right: 100px;
	}

	.pl-230 {
		padding-left: 100px;
	}

	.single-slider.single-slider-2 {
		height: 600px;
	}

}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

	/*Index Page CSS*/
	.main-menu>li>a {
		font-size: 14px;
		font-weight: 500;
		padding: 30px 8px;
	}

	.book-now-btn a {
		font-size: 14px;
	}

	.single-slider {
		height: 500px;
	}

	.box-select .select {
		margin-right: 20px;
		width: 150px;
	}

	form.search-form {
		padding: 50px 25px;
		margin-top: -75px;
	}

	.search-form button {
		line-height: 42px;
	}

	.list__categories .desc__categories {
		left: 20px;
		right: 20px;
	}

	.list__categories .desc__categories .categories__content {
		padding: 30px 30px 30px;
	}

	.service-menu-area {
		margin-left: -50px;
	}

	.service-img img {
		width: 100%;
	}

	.service-menu-area ul li a .service-title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.service-menu-area ul li a .text {
		font-size: 13px;
		line-height: 20px;
	}

	.service-menu-area ul li a {
		margin-bottom: 20px;
		overflow: hidden;
	}

	.service-menu-area ul li a .service-icon:hover,
	.service-menu-area ul li a.active .service-icon {
		box-shadow: none;
	}

	.social-network>li {
		margin: 0 5px;
	}

	.blg-img img {
		width: 100%;
	}

	.blog-text {
		padding: 25px;
		margin-left: 40px;
	}

	/*Index Page 2 CSS*/
	.pr-230 {
		padding-right: 15px;
	}

	.pl-230 {
		padding-left: 15px;
	}

	.booking-area-style-2 form.search-form {
		margin-top: -65px;
	}

	.booking-area-style-2 .box-select .select::after {
		top: 72px;
		right: 10px;
	}

	.single-slider.single-slider-2 {
		height: 500px;
	}

	.box-select .select label {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.booking-area-style-2 .box-select input {
		font-size: 20px;
	}

	.booking-area-style-2 .select>select {
		font-size: 20px;
	}

	.booking-area-style-2 .box-select .select::after {
		top: 70px;
		color: #fff;
	}

	.booking-area-style-2 .search.default-btn {
		font-size: 20px;
	}

	.service-style-2 .service-menu-area {
		margin-left: 0;
		padding: 0 20px;
	}

	.single-blog-style-2 .blog-post-info {
		bottom: 52%;
	}

	/*Room Grid Page CSS*/
	.list__categories.single-room .desc__categories .categories__content {
		padding: 20px 30px 20px;
	}

	/*Product List Page CSS*/
	.room-list-content h4 {
		padding: 1px 0 8px;
	}

	.room-list-content ul li p {
		margin-bottom: 7px;
	}

	.room-book-action {
		padding: 12px 0;
	}

	.room-list-content h3 {
		margin-top: 20px;
	}

	/*Blog Page CSS*/
	blockquote {
		padding: 60px 65px;
		padding-left: 75px;
		padding-top: 60px;
	}

	blockquote::before {
		left: 5%;
		top: 12%;
	}




}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

	/*Section Spacing CSS*/
	.about-area.pt-100.pb-95 {
		padding-top: 70px;
		padding-bottom: 130px;
	}

	.our-favorite-room-area.pb-95 {
		padding-bottom: 75px;
	}

	.our-awesome-services.pb-100 {
		padding-bottom: 80px;
	}

	.fun-factor-area.fun-bg.mb-95 {
		margin-bottom: 75px;
	}

	.team-area.pb-65 {
		padding-bottom: 45px;
	}

	.our-gallery-area.pb-95 {
		padding-bottom: 75px;
	}

	.pricing-area.pb-65 {
		padding-bottom: 45px;
	}

	.blog-area.pb-100 {
		padding-bottom: 80px;
	}

	.about-area.about-style-2.pt-100.pb-120 {
		padding-top: 70px;
		padding-bottom: 180px;
	}

	.discount-room-area.discount-bg.pt-100.pb-70 {
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.team-area.pt-95.pb-65 {
		padding-top: 75px;
	}

	.blog-area.pb-70 {
		padding-bottom: 50px;
	}

	.room-grid-area.pt-95.pb-100 {
		padding-top: 75px;
		padding-bottom: 80px;
	}

	.room-list-area.pt-95.pb-100 {
		padding-top: 75px;
		padding-bottom: 80px;
	}

	.room-deatils-area.pt-100.pb-100 {
		padding-top: 80px;
		padding-bottom: 10px;
	}

	.location-area.pt-95.pb-100 {
		padding-top: 75px;
		padding-bottom: 80px;
	}

	.event-area.pt-95.pb-100 {
		padding-top: 75px;
		padding-bottom: 80px;
	}

	.blog-area.pt-95.pb-100 {
		padding-top: 75px;
		padding-bottom: 80px;
	}

	.blog-area.pt-100.pb-100 {
		padding: 80px 0;
	}

	.blog-area.pt-100.pb-100 {
		padding-top: 80px;
		padding-bottom: 0;
	}

	.blog-area.blog-no-sidebar.pt-100.pb-100 {
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.team-area.pt-95.pb-100 {
		padding-top: 75px;
		padding-bottom: 80px;
	}

	.contact-us-area.pt-100.pb-100 {
		padding-top: 80px;
		padding-bottom: 65px;
	}

	/*Index Page CSS*/
	.pr-230 {
		padding-right: 15px;
	}

	.pl-230 {
		padding-left: 15px;
	}

	.header-logo {
		padding: 0;
	}

	.book-now-btn {
		padding-right: 60px;
	}

	.mobile-menu .mean-bar .meanmenu-reveal {
		position: absolute;
		top: -70px;
	}

	.single-slider {
		height: 500px;
	}

	form.search-form {
		padding: 50px 10px;
	}

	.box-select .select {
		margin-right: 5px;
		width: 120px;
	}

	.search-form button {
		width: 150px;
		line-height: 42px;
		font-size: 12px;
	}

	.welcome-image-area {
		margin-top: 50px;
	}

	.list__categories .desc__categories {
		left: 20px;
		right: 20px;
	}

	.list__categories .desc__categories .categories__content {
		padding: 70px 30px 70px;
	}

	.service-img {
		margin-bottom: 50px;
	}

	.service-img img {
		width: 100%;
	}

	.service-menu-area ul li {
		padding-left: 20px;
	}

	.service-menu-area ul li:nth-child(2) {
		margin-left: 0px;
	}

	.service-menu-area ul li:nth-child(3) {
		margin-left: 0px;
	}

	.service-menu-area ul li:nth-child(4) {
		margin-left: 0px;
	}

	.service-menu-area ul li:last-child a {
		margin-bottom: 50px;

	}

	.blg-img img {
		width: 100%;
	}

	.blog-text {
		padding: 20px;
		margin-left: 35px;
	}

	.blog-text>p {
		font-size: 14px;
		line-height: 26px;
	}

	/*Index Page 2 CSS*/
	.header-absolute {
		position: static;
	}

	.header-style-2 .book-now-btn a {
		color: #021832;
		border-color: #021832;
	}

	.header-style-2 .book-now-btn a:hover {
		color: #fff;
	}

	.single-slider.single-slider-2 {
		height: 400px;
	}

	.hero-slider-content.slider-content-2 h1 {
		font-size: 56px;
		line-height: 66px;
	}

	.booking-area-style-2 form.search-form {
		margin-top: -60px;
	}

	.booking-area-style-2 .box-select .select {
		padding: 15px;
	}

	.booking-area-style-2 .box-select .select::after {
		top: 60px;
		color: #fff;
		right: 10px;
	}

	.box-select .select label {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.booking-area-style-2 .box-select input {
		padding-left: 0;
		font-size: 14px;
	}

	.booking-area-style-2 .select>select {
		font-size: 14px;
	}

	.booking-area-style-2 .search.default-btn {
		font-size: 14px;
	}

	.about-style-2 .about-container {
		padding-left: 0;
	}

	.about-style-2 .about-container h3 {
		margin-left: 0;
		margin-bottom: 20px;
	}

	.about-style-2 .welcome-image-area {
		text-align: left;
	}

	.about-container p {
		max-width: 600px;
	}

	.discount-content {
		margin-bottom: 30px;
	}

	/*Room Grid Page CSS*/
	.list__categories.single-room .desc__categories .categories__content {
		padding: 30px 30px 30px;
	}

	.question-area {
		margin-bottom: 60px;
	}

	/*Blog Page CSS*/
	.comment-box {
		margin-bottom: 60px;
	}

	.blog-sidebar.right-sidebar {
		padding: 0;
	}

	blockquote {
		padding: 60px 85px;
		padding-left: 130px;
		padding-top: 90px;
	}

	/*contact page css*/
	.contact-address {
		padding-right: 15px;
	}

	.contact-information {
		padding: 60px 35px;
	}

	blockquote {
		padding: 60px 85px;
		padding-left: 130px;
		padding-top: 90px;
	}

	.footer-menu {
		padding-left: 15px;
	}

	.single-working::after {
		right: 0px;
	}



}

/* small mobile :320px. */
@media (max-width: 767px) {
  .booking-area{
      display:none;
  }
	.container {
		width: 100%
	}

	/*Section Spacing CSS*/
	.about-area.pt-100.pb-95 {
		padding-top: 50px;
		padding-bottom: 115px;
	}

	.our-favorite-room-area.pb-95 {
		padding-bottom: 55px;
	}

	.our-awesome-services.pb-100 {
		padding-bottom: 60px;
	}

	.fun-factor-area.fun-bg.mb-95 {
		margin-bottom: 55px;
	}

	.team-area.pb-65 {
		padding-bottom: 25px;
	}

	.our-gallery-area.pb-95 {
		padding-bottom: 55px;
	}

	.pricing-area.pb-65 {
		padding-bottom: 25px;
	}

	.blog-area.pb-100 {
		padding-bottom: 30px;
	}

	.about-area.about-style-2.pt-100.pb-120 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.discount-room-area.discount-bg.pt-100.pb-70 {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.team-area.pt-95.pb-70 {
		padding-top: 55px;
	}

	.blog-area.pb-70 {
		padding-bottom: 30px;
	}

	.room-grid-area.pt-95.pb-100 {
		padding-top: 55px;
		padding-bottom: 60px;
	}

	.room-list-area.pt-95.pb-100 {
		padding-top: 55px;
		padding-bottom: 60px;
	}

	.room-deatils-area.pt-100.pb-100 {
		padding-top: 60px;
		padding-bottom: 10px;
	}

	.location-area.pt-95.pb-100 {
		padding-top: 55px;
		padding-bottom: 60px;
	}

	.event-area.pt-95.pb-100 {
		padding-top: 55px;
		padding-bottom: 60px;
	}

	.blog-area.pt-95.pb-100 {
		padding-top: 55px;
		padding-bottom: 60px;
	}

	.blog-area.pt-100.pb-100 {
		padding-top: 60px;
		padding-bottom: 0;
	}

	.blog-area.blog-no-sidebar.pt-100.pb-100 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.team-area.pt-95.pb-100 {
		padding-top: 55px;
		padding-bottom: 60px;
	}

	.contact-us-area.pt-100.pb-100 {
		padding-top: 60px;
		padding-bottom: 45px;
	}

	.widget.mb-60 {
		margin-bottom: 40px;
	}

	/*Index Page CSS*/
	.default-header-area.header-sticky.is-sticky {
		position: static;
		box-shadow: none;
		animation: none;
		padding-top: 15px;
	}

	.header-logo {
		padding: 0;
		text-align: center;
	}

	.book-now-btn {
		text-align: left !important;
	}

	.mobile-menu .mean-bar .meanmenu-reveal {
		position: absolute;
		top: -67px;
	}

	.single-slider {
		height: 400px;
	}

	.hero-slider-content>h1 {
		font-size: 26px;
	}

	.hero-slider-content>p {
		font-size: 14px;
		line-height: 22px;
		padding: 0 10px;
	}

	form.search-form {
		margin-top: 60px;
		padding: 50px 20px;
	}

	.box-select .select {
		margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}

	.search-form button {
		width: 100%;
	}

	.welcome-image-area {
		margin-top: 50px;
	}

	.first-welcome-image img {
		width: 100%;
	}

	.secound-iamge-area img {
		width: 100%;
	}

	.section-title>h3 {
		font-size: 32px;
	}

	.list__categories .desc__categories {
		left: 20px;
		right: 20px;
	}

	.list__categories .desc__categories .categories__content {
		padding: 30px 30px 30px;
	}

	.service-img {
		margin-bottom: 50px;
	}

	.service-img img {
		width: 100%;
	}

	.service-menu-area ul li:nth-child(2) {
		margin-left: 0px;
	}

	.service-menu-area ul li:nth-child(3) {
		margin-left: 0px;
	}

	.service-menu-area ul li:nth-child(4) {
		margin-left: 0px;
	}

	.service-menu-area ul li {
		padding: 0 10px;
	}

	.service-menu-area ul li:last-child a {
		margin-bottom: 50px;
	}

	.service-menu-area ul li a .service-title {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.service-menu-area ul li a .text {
		font-size: 13px;
		line-height: 20px;
	}

	.fun-facttor-number>h2 {
		font-size: 48px;
		line-height: 48px;
	}

	.blog-img img {
		width: 100%;
	}

	.blog-text {
		padding: 10px;
		margin-left: 20px;
	}

	.single-blog {
		margin-bottom: 30px;
	}

	.blog-text>p {
		font-size: 14px;
		line-height: 22px;
	}

	.footer-design-by.text-right {
		text-align: center !important;
	}

	/*Index Page 2 CSS*/
	.pr-230 {
		padding-right: 15px;
	}

	.pl-230 {
		padding-left: 15px;
	}

	.header-absolute {
		position: static;
	}

	.header-style-2 .book-now-btn a {
		color: #021832;
		border-color: #021832;
	}

	.header-style-2 .book-now-btn a:hover {
		color: #fff;
	}

	.single-slider.single-slider-2 {
		height: 300px;
	}

	.hero-slider-content.slider-content-2 h1 {
		font-size: 30px;
		line-height: 36px;
	}

	.booking-area-style-2 .box-select {
		flex-wrap: wrap;
	}
  
	.booking-area-style-2 .box-select .select {
		background: rgba(4, 31, 64, 1);
	}

	.box-select .select label {
		margin-bottom: 20px;
	}

	.booking-area-style-2 .box-select .select::after {
		top: 85px;
		right: 30px;
	}

	.booking-area-style-2 form.search-form {
		margin-top: 60px;
	}

	.booking-area-style-2 .box-select input {
		padding-left: 0;
	}

	.booking-area-style-2 .select>select {
		padding-left: 0;
	}

	.about-style-2 .about-container h3 {
		margin-left: 0;
		margin-bottom: 20px;
	}

	.about-style-2 .about-container {
		padding-left: 0;
	}

	.about-style-2 .welcome-image-area {
		text-align: left;
		position: relative;
		display: block;
	}

	.about-style-2 .secound-iamge-area img {
		width: 100%;
	}

	.about-style-2 .first-welcome-image {
		top: 0;
	}

	.discount-content {
		margin-bottom: 30px;
	}

	.single-blog-style-2 .blog-post-info {
		bottom: 52%;
	}

	.service-style-2 .service-menu-area {
		padding: 0;
	}

	/*Room Grid Page CSS*/
	.list__categories.single-room .desc__categories .categories__content {
		padding: 15px 15px 15px;
	}

	.product-pagination>ul>li>a {
		height: 30px;
		line-height: 28px;
		width: 30px;
	}

	/*Room List Page CSS*/
	.room-price {
		float: none;
	}

	.room-price ul li p {
		font-size: 14px;
	}

	.room-price ul li:last-child p {
		font-size: 22px;
	}

	.book-room {
		float: none;
		margin-top: 5px;
	}

	.cost {
		width: 120px;
	}

	.cost>h2 {
		font-size: 26px;
	}

	.cost>span {
		padding-top: 5px;
	}

	.question-area {
		margin-bottom: 60px;
	}

	/*Blog Page CSS*/
	.blog-sidebar.right-sidebar {
		padding-left: 15px;
	}

	.blog-sidebar {
		padding-right: 15px;
	}

	.blog-meta>li {
		line-height: 18px;
		margin-right: 15px;
	}

	.blog-content>h3 {
		font-size: 18px;
		margin-bottom: 5px;
		line-height: 22px;
	}

	.blog-content>p {
		font-size: 14px;
	}

	.blog-post-list>li {
		font-size: 14px;
		line-height: 26px;
	}

	.blog-bottom-content p {
		font-size: 14px;
	}

	.blog-content>a {
		margin-top: 5px;
		font-size: 12px;
	}

	.blog-sidebar {
		margin-top: 50px;
	}

	.blog-pagination {
		text-align: center !important;
	}

	.rc-post-content .widget-date {
		margin-bottom: 5px;
	}

	.rc-post-content>h4 {
		font-size: 14px;
		line-height: 18px;
	}

	.blog-post-gallery {
		margin: 20px 0;
		max-width: 100%;
	}

	.blog-post-list {
		margin: 20px 0;
	}

	blockquote {
		padding: 40px;
		padding-left: 30px;
		padding-right: 18px;
		font-size: 16px;
	}

	blockquote::before {
		left: 15px;
		top: 10px;
	}

	.blog-author-box {
		padding: 20px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.blog-author-content {
		padding-top: 15px;
	}

	.comment {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 30px;
	}

	.comment-content {
		padding-top: 15px;
	}

	.comment.reply {
		margin-left: 30px;
	}

	/*contact page css*/
	.contact-address {
		padding-right: 15px;
	}

	.contact-information {
		padding: 60px 35px;
	}

	.contact-form {
		margin-top: 50px;
	}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 450px
	}

	.hero-slider-content>h1 {
		font-size: 40px;
	}

	.hero-slider-content.slider-content-2 h1 {
		font-size: 54px;
		line-height: 60px;
	}

	.booking-area-style-2 .box-select .select {
		flex: 0 0 46%;
		margin: 8.60px;
		background-color: rgba(4, 31, 64, 1);
		padding-left: 15px;
		padding-right: 15px;
	}

	.booking-area-style-2 .box-select .select::after {
		top: 110px;
		right: 20px;
	}

	.booking-area-style-2 .box-select .select:last-child {
		flex: 0 0 100%;
		margin: auto;
		text-align: center;
	}

	.list__categories.single-room .desc__categories .categories__content {
		padding: 30px 30px 30px;
	}

	.portfoloi__inner {
		padding-bottom: 30px;
	}

	.social-network>li {
		display: inline-block;
		margin: 0 3px;
	}

	.footer-copyright {
		text-align: center;
	}
}

/* 
@media only screen and (min-width: 768px) {
	.breadcrumb-banner-area {
		padding: 150px 0;
		height: 40vh;
	}

	.hall-section-details {
		display: block;
		gap: 5%;
	}

	.hall-image-section {
		width: 100%;
	}

	.hall-image-section img {
		width: 100%;

	}

	.hall-text-section {
		width: 100%;
	}

	.hall-text-section p {
		font-size: 16px;
	}

	.hall-text-section button {
		display: inline-block;
		padding: 10px 15px;
		font-size: 16px;
	}

	#hall1 h1,
	#hall2 h1 {
		margin-top: 20px;
	}

	.hall-2 {
		display: flex;
		flex-direction: column-reverse;
	}

	.text-section h3 {
		font-size: 35px;
		color: #021832 !important;
		line-height: 40px;
		font-family: var(--heading);
	}

	.about {
		display: block;
	}

	.box-image {
		width: 25%;
	}

	.main-image .book-now {
		font-size: 12px;
	}
} */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.hall-image-section img {
		height: auto;
	}

}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	.hall-image-section img {
		height: auto;
	}
}

@media only screen and (max-width: 380px) {
	.footer-bottom-area {
		height: 30vh;
		text-align: center;
	}
}



@media (min-width: 200px) and (max-width: 300px) {

	.menu-image-side img {
		height: 250px !important;
		width: 250px !important;
		object-fit: cover !important;
	}

	.details-area {
		height: 100vh !important;
	}

	.counter-section-details h1 {
		font-size: 30px !important;
	}

	.about-details-text p {
		font-size: 12px !important;
	}

	.sections-title>h1 {
		font-size: 25px;
	}

	.about-details-text {
		margin-top: -50px;
	}

	.menu-section .menu-section-title a {
		padding: 20px;
	}

	.image-container {
		width: 90%;
		margin-left: 5%;
	}

}

@media (min-width: 301px) and (max-width: 400px) {
	.menu-image-side img {
		height: 300px !important;
		width: 300px !important;
		object-fit: cover !important;
	}

	.details-area {
		height: 100vh !important;
	}

	.about-details-text {
		margin-top: -0px;
	}

}

@media (min-width: 401px) and (max-width: 599px) {
	.about-details-text {
		margin-top: -150px;
	}
}

@media (min-width: 601px) and (max-width: 800px) {

	.breadcrumb-banner-area {
		padding: 175px 0;
		height: 40vh;
	}

	.breadcrumb-text h1 {
		line-height: 30px;
		font-size: 35px;
	}

	/* Menu section responsive css start */
	.reservation-design {
		top: 120%;
		right: 10%;
	}
}

@media (min-width: 801px) and (max-width: 900px) {

	.breadcrumb-banner-area {
		padding: 150px 0;
		height: 35vh;
	}

	.breadcrumb-text h1 {
		line-height: 30px;
		font-size: 38px;
	}

	/* Menu section responsive css start */
	.reservation-design {
		top: 95%;
		right: 20%;
	}
}

@media (min-width: 901px) and (max-width: 1023px) {

	.breadcrumb-banner-area {
		padding: 150px 0;
		height: 30vh;
	}

	.breadcrumb-text h1 {
		line-height: 30px;
		font-size: 42px;
	}


}

@media (min-width: 1024px) and (max-width: 1200px) {
	.header-logo img {
		height: 130px;
	}

	#home-main-menu {
		margin-left: 40px;
	}

	.breadcrumb-banner-area {
		padding: 200px 0;
		height: 30vh;
	}
}

@media only screen and (max-width: 1023px) {

	/* Rooms Section CSS start */
	/* ----------------------------------------------- */
	.breadcrumb-text h1 {
		line-height: 30px;
		font-size: 30px;

	}

	.text-center {
		font-size: 12px;
	}

	.availability {
		background-color: #E0E1DF;
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.availability-details {
		display: block;

	}



	.availability .check-image {
		margin-top: 10px;
	}

	.availability .check-text {
		margin-left: 15px;
	}

	.availability .check-text p {
		font-family: var(--heading);
		font-size: 16px;
	}

	.availability .check input {
		width: 100%;
	}

	.check+.check {
		border-left: none;
		/* Add a vertical line after the first and second .check elements */
		padding-left: 0px;
		/* Adjust spacing to your preference */
	}

	/* Calendar Styles start */
	#datePicker {
		border: none;
		color: #1a1b1a;
	}

	/* Calendar Styles end */
	/* Room selection style start*/
	.guests-container {
		display: none;
		background-color: #fff;
		border: 1px solid #caa169;
		padding: 15px 55px;
		border-radius: 5px;
		position: absolute;
		z-index: 1;
	}


	.guests-category {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 5px 0;

	}

	button {
		background: none;
		border: none;
		cursor: pointer;
	}

	#rooms,
	#adults,
	#children {
		margin-top: 15px;
	}

	/* Room selection style end*/
	/* Availability Button start */
	.availability-button .book-now {
		padding: 15px 35px;
		background-color: #007574;
		border: none;
		color: #ffff;
		font-size: 16px;
		text-decoration: none;
		transition: 0.5s ease;
		margin-left: 43px;
	}

	.availability-button .book-now:hover {
		background-color: #caa169;
	}

	/* Availability Button end */
	/* Description Section start */
	.buttons {
		display: flex !important;
	}

	.buttons a {
		padding: 12px 13px;
		border: 1px solid #007574;
		font-family: var(--heading);
		color: #1a1b1a;
		font-size: 16px;
		text-decoration: none;
		transition: 0.5s ease;
		margin-left: 10px;

	}


	.buttons a:hover {
		background-color: #caa169;
		border: none;
		color: #ffff;
	}

	.middle-section-details {
		width: 100% !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.sections-title {
		margin-left: 0px;
		width: 100%;
	}

	.middle-section-start {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.middle-section-details .sections-title>h1 {
		font-size: 32px;
		/* line-height: 35px; */
		color: #021832;
		font-family: 'Marcellus SC', serif;
		/* font-weight: 400; */
		/* padding: 15px 0 15px 0; */
	}

	/* Description Section end */

	/* Middle Breadcrumb section start */

	.middle-breadcrumb-text {
		margin-top: -30px;
	}

	.middle-breadcrumb h1 {
		font-size: 24px;
		line-height: 36px;
	}


	/* Middle Breadcrumb section end */

	/* Multiple Slider start */
	.slider-container {
		margin-top: 90px;
		margin-bottom: 100px;
	}

	.slider {
		display: block;
	}

	swiper-container {
		max-width: 100%;
	}

	.slider-second {
		margin-top: 50px;
	}



	/* Multiple Slider end */
	/* UI card Start */

	.ui-card-container {
		display: block;
		padding-top: 50px !important;
	}

	.ui-card {
		max-width: 100%;
		margin-top: 50px;
	}

	/* UI card End */
	/* Rooms Section CSS end */
	/* ----------------------------------------------- */
}

@media only screen and (max-width: 600px) {
	.popup-content h2 {
		font-size: 24px;
	}

	/* About us page css start */
	.sections-title>h5 {
		font-size: 12px;
	}

	.sections-title>h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.sections-title>p {
		font-size: 15px;
	}

	.single-about-img .about-img img {
		height: 50vh;
	}

	.counter-section-details h1 {
		font-size: 48px;
	}


	.about-details-text p {
		font-size: 16px;
		margin-left: 15px;
	}

	.details-area {
		height: 70vh;
	}

	.image-section img {
		padding-bottom: 50px;
		padding-top: 20px;
	}

	.sections-title h3 {
		font-size: 32px;
		line-height: 40px;
	}

	.services {
		width: 100%;
	}

	.icon-details h5 {
		font-size: 22px;
	}

	.icon-details p {
		font-size: 13px;
	}

	.Resturant {
		display: block;
	}

	/* About us page css end */

	/* Menu Section CSS */

	/* Menu Main Start */
	.menu-image-side {
		padding-left: 0px;
	}

	.menu-image-side img {
		height: 400px;
		width: 400px;
		object-fit: cover;
	}

	.reservation-design {
		display: none;

	}

	/* text side */
	.information {
		display: block;
	}



	/* Menu Main End */
	/*              */


	/* Reservation And Details Of Hall Room Start  */
	.room-details-container {
		max-width: 90%;
		margin-left: 5%;
		display: flex;
		flex-direction: column-reverse;
		align-items: start;
		/* justify-content: center; */
		gap: 5%;
	}

	/* Reservation section start */
	.reservation-section {
		background-color: rgb(243, 241, 241);
		width: 100%;
		border-radius: 5px;
		/* border: 5 solid black; */
		border: 1px solid transparent;
		/* Ensure there's some border to apply the shadow to */
		box-shadow: 0 0 15px 5px rgba(119, 118, 118, 0.3);
	}

	.reservation-section .check-heading {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 90%;
		margin-left: 5%;
	}

	.reservation-section .check-form {}


	.calendar-container {
		display: flex;
		align-items: center;
		border: 1px solid #caa169;
		border-radius: 5px;
		padding: 0px 15px;
		width: 90%;
		margin-top: 10px;
		margin-left: 5%;
	}

	.calendar-label {
		flex: 1;
		text-align: left;
		font-size: 16px;
		color: #1a1b1a;
	}

	.calendar-input {
		flex: 1;
		text-align: right;
		font-size: 16px;
		color: #1a1b1a;
		border: none;
		/* background: transparent; */
	}

	.calendar-input:focus {
		border: none !important;
		outline: none !important;
	}

	/* Room container css satrt */
	.room-container,
	.breakfast-container {
		display: flex;
		align-items: center;
		border: 1px solid #caa169;
		border-radius: 5px;
		padding: 0px 15px;
		width: 90%;
		margin-top: 10px;
		margin-left: 5%;
	}

	.room-label,
	.adult-label,
	.children-label,
	.breakfast-label {
		font-size: 16px;
		color: #1a1b1a;
	}

	.room-input,
	.adult-input,
	.children-input,
	.breakfast-input {
		flex: 1;
		text-align: right;
		font-size: 16px;
		color: #1a1b1a;
		border: none;
		/* background: transparent; */
	}

	.room-input:focus,
	.adult-input,
	.children-input,
	.breakfast-input {
		border: none !important;
		outline: none !important;
	}

	/* Room container css end */
	.room-controls-container,
	.adult-controls-container,
	.children-controls-container,
	.breakfast-controls-container {
		background-color: #fff;
		display: none;
		/* Initially hidden */
		align-items: center;
		border: 2px solid #caa169;
		padding: 15px 55px;
		border-radius: 5px;
		position: absolute;
		z-index: 1;
		margin-top: 5px;
		margin-left: 1%;

	}

	.adult-controls-container {
		margin-top: 70px;
		padding: 10px 0px;
		margin-left: 2%;
	}

	.children-controls-container {
		margin-top: 70px;
		padding: 10px 0px;
		margin-left: 15%;
	}

	.room-controls-container button,
	.breakfast-controls-container button,
	.adult-controls-container button,
	.children-controls-container button {
		width: 90px;
		height: 30px;
		color: #1a1b1a;
		font-size: 20px;
		cursor: pointer;
		margin: 0 5px;
	}

	.adult-controls-container button,
	.children-controls-container button {
		max-width: 50px;
		max-height: 30px;
	}

	.adult-child {
		display: flex;
	}

	.adult-container,
	.children-container {
		display: flex;
		align-items: center;
		border: 1px solid #caa169;
		border-radius: 5px;
		padding: 0px 15px;
		max-width: 45%;
		margin-top: 10px;
		margin-left: 5%;
		margin-right: 5%;
	}

	.extra-charge {
		max-width: 90%;
		margin-left: 5%;
	}

	.with-ac {
		display: flex;
		justify-content: space-between;
	}

	.with-ac-checkbox {
		display: flex;
		justify-content: flex-start;

	}

	.with-ac-checkbox p {
		margin-top: 15px;
	}

	.extra-cost p {
		margin-top: 15px;
	}

	.with-ac .with-ac-checkbox input[type="checkbox"] {
		transform: scale(2);
		margin-right: 20px;
		width: 10%;

	}

	hr {
		width: 0%;
	}

	.total-cost {
		width: 90%;
		margin-left: 5%;
		display: flex;
		justify-content: space-between;
	}

	.reservation-section .book-submit {
		display: inline-block;
		margin-left: 5%;
		width: 90%;
		padding: 10px;
		background-color: #007574;
		font-size: 18px;
		text-decoration: none;
		border-radius: 5px;
		margin-top: 15px;
		transition: 0.3s ease;
	}

	.reservation-section button a {
		color: #ffff;
	}

	.reservation-section button:hover {
		background-color: #caa169;
	}

	/* Reservation section end */
	/* Room details section start */
	.room-details-section {
		max-width: 100%;


	}

	.room-details-section h1 {
		padding-top: 0px !important;
	}

	.room-summary {
		padding-top: 25px !important;
	}

	.view {
		line-height: 50px;
		font-size: 16px;
	}

	.room-details {
		display: flex;
		gap: 30px;
		font-size: 16px;
	}

	.room-details i {
		margin-right: 5px;
		font-size: 17px;
	}

	.room-amenities {}

	.room-amenities-list {
		display: flex;
		justify-content: space-between;
		font-size: 16px;
		font-family: var(--sub-heading);
	}

	.room-amenities-list li {
		list-style: none;
		line-height: 50px;
	}

	.room-amenities-list li img {
		margin-right: 15px;
	}

	.room-structure ul li {
		line-height: 50px;
		list-style: none;
		font-size: 16px;
		font-family: var(--sub-heading);
	}

	.room-structure ul li::before {
		content: "";
		/* Add this line to create a pseudo-element */
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #caa169;
		display: inline-block;
		/* Add this to make the circles display inline */
		margin-right: 15px;
		/* Add some space between the circle and the text */
	}

	/* Room details section end */
	/*  */
	.room-card-container {
		display: block;
	}

	.room-card {
		max-width: 100%;
	}

	.room-card:not(:first-child) {
		margin-top: 50px;
	}

	/*  */
	/* Contact page responsive section start */
	/* ------------------------------*/
	.form-section {
		padding-bottom: 30px;
	}

	.inner {
		display: block;
		margin-top: -90px;
	}

	.image-holder {
		width: 100%;
		margin: 0px;

	}

	.image-holder img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.content-holder {
		width: 90%;
		margin: 50px 0 50px 35px;
		/* padding-left: 10%; */
	}

	.content-holder h3 {
		font-size: 25px !important;
		letter-spacing: 0px;
	}

	/* Adjust the width of the lines as needed */
	.content-holder p::before {
		width: 80%;
		/* Width of the line before the text */
	}

	.content-holder a:hover {
		color: #333;

	}

	.form-group input {
		margin-top: 30px;
		width: 80%;
		border: 1px solid #E0E1DF;
	}

	/* Style the input field */
	input[type="text"]:focus,
	input[type="email"]:focus,
	.form-group textarea:focus {
		border: 1px solid #caa169;
		/* Change the border color to your desired color */
	}

	/* Style the input field */
	input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea::placeholder {
		color: #1a1b1a;
		/* Change the placeholder text color when focused */
	}

	.form-group textarea {
		margin-top: 30px;
		width: 80%;
		background-color: #ffff;
		border: 1px solid #E0E1DF;
	}

	.contact-submit {
		width: 80%;
		background-color: #007574;
		border: none;
		color: #ffff;
		font-size: 16px;
		text-decoration: none;
		margin-top: 15px;
		transition: 0.5s ease;
	}

	.contact-submit:hover {
		background-color: #caa169;
	}

	.route {
		overflow-x: hidden;
		position: relative;
		width: 90%;
		margin-left: 5%;
		display: block;
		align-items: center;
		justify-content: space-between;

	}

	.location-text {
		font-size: 18px;
		margin-left: 5px;
	}

	.dot i {
		font-size: 16px;
		color: #caa169;
	}

	/* Styles for the lines */
	.line {
		flex: 1;
		height: 2px;
		background-color: transparent;
		z-index: 0;
		border-bottom: 2px dotted #caa169;
		margin-top: 15px;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	/* Styles for the arrows */
	.arrow {
		display: none;
	}

	/* Venue page responsive section start */
	/* ------------------------------*/

	.breadcrumb-banner-area {
		padding: 100px 0;
		height: 40vh;
	}

	.hall-section-details {
		display: block;
		/* justify-content: center; */
		/* align-items: center; */
		gap: 5%;
	}

	.hall-image-section {
		width: 100%;
	}

	.hall-image-section img {
		max-width: 100%;

	}

	.hall-text-section {
		width: 100%;
	}

	.hall-text-section p {
		font-size: 16px;
	}

	.hall-text-section button {
		display: inline-block;
		padding: 10px 15px;
		font-size: 16px;
	}

	#hall1 h1,
	#hall2 h1 {
		margin-top: 20px;
	}

	.hall-2 {
		display: flex;
		flex-direction: column-reverse;
	}

	.text-section h3 {
		font-size: 35px;
		color: #021832 !important;
		line-height: 40px;
		font-family: var(--heading);
	}

	.about {
		display: block;
	}

	.box-image {
		width: 100%;
	}

	.main-image .book-now {
		font-size: 12px;
		margin-left: 20%;
	}

	/* Venue page responsive section end */
	/* ------------------------------*/
	/* gallery section */
	.instagram .book-now {

		font-size: 13px !important;
		margin-left: 10%;
	}
}

/* 
@media (min-width: 601px) and (max-width:700px) {
	.breadcrumb-banner-area {
		padding: 100px 0;
		height: 30vh;
	}
}

@media (min-width:1023px) {
	.breadcrumb-banner-area {
		padding: 200px 0;
		height: 80vh;
	}
} */
@media (min-width: 1024px) {

	.availability .check input {
		border: none;
		margin-top: -100px;
		margin-left: -10px;
		font-size: 16px;
		width: 100%;
	}
}

@media (min-width: 820px) and (max-width:1024px) {

	/* About us page css start */
	.sections-title>h5 {
		font-size: 12px;
	}

	.sections-title>h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.sections-title>p {
		font-size: 15px;
	}

	.single-about-img .about-img img {
		height: 50vh;
	}

	.counter-section-details h1 {
		font-size: 48px;
	}

	.about-page-text {
		display: block !important;
	}

	.about-details-text p {
		font-size: 16px;
		margin-left: 15px;
	}

	.details-area {
		height: 70vh;
	}

	.image-section img {
		padding-bottom: 50px;
		padding-top: 20px;
	}

	.sections-title h3 {
		font-size: 32px;
		line-height: 40px;
	}

	.services {
		width: 45%;
	}

	.icon-details h5 {
		font-size: 18px;
	}

	.icon-details p {
		font-size: 14px;
	}

	.Resturant {
		display: block;
	}

	/* About us page css end */
}

@media (min-width: 601px) and (max-width:819px) {

	/* About us page css start */
	.sections-title>h5 {
		font-size: 12px;
	}

	.sections-title>h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.sections-title>p {
		font-size: 15px;
	}

	.single-about-img .about-img img {
		height: 50vh;
	}

	.counter-section-details h1 {
		font-size: 48px;
	}


	.about-details-text p {
		font-size: 16px;
		margin-left: 15px;
	}

	.details-area {
		height: 70vh;
	}

	.image-section img {
		padding-bottom: 50px;
		padding-top: 20px;
	}

	.sections-title h3 {
		font-size: 32px;
		line-height: 40px;
	}

	.services {
		width: 45%;
	}

	.icon-details h5 {
		font-size: 18px;
	}

	.icon-details p {
		font-size: 14px;
	}

	.Resturant {
		display: block;
	}

	/* About us page css end */

	/* Menu section responsive css start */
	.menu-about-section {
		display: flex !important;
	}



	/* Menu section responsive css end */

	/* Venue page responsive section start */
	/* ------------------------------*/

	.breadcrumb-banner-area {
		padding: 100px 0;
		height: 40vh;
	}

	.hall-section-details {
		display: block;
		/* justify-content: center; */
		/* align-items: center; */
		gap: 5%;
	}

	.hall-image-section {
		width: 100%;
	}

	.hall-image-section img {
		width: 100%;

	}

	.hall-text-section {
		width: 100%;
	}

	.hall-text-section p {
		font-size: 16px;
	}

	.hall-text-section button {
		display: inline-block;
		padding: 10px 15px;
		font-size: 16px;
	}

	#hall1 h1,
	#hall2 h1 {
		margin-top: 20px;
	}

	.hall-2 {
		display: flex;
		flex-direction: column-reverse;
	}

	.text-section h3 {
		font-size: 35px;
		color: #021832 !important;
		line-height: 40px;
		font-family: var(--heading);
	}

	.about {
		display: block;
	}

	.box-image {
		width: 100%;
	}

	.main-image .book-now {
		font-size: 16px;
	}

	/* Venue page responsive section end */
	/* ------------------------------*/
	.form-section {
		padding-bottom: 50px;
	}

	.inner {
		display: block;
		margin-top: -90px;
	}

	.image-holder {
		width: 100%;
		margin: 0px;

	}

	.image-holder img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.content-holder {
		width: 100%;
		margin: 50px 0 50px 35px;
		padding-left: 10%;
	}

	.content-holder h3 {
		font-size: 34px !important;
		letter-spacing: 0px;
	}

	/* Adjust the width of the lines as needed */
	.content-holder p::before {
		width: 80%;
		/* Width of the line before the text */
	}

	.content-holder a:hover {
		color: #333;

	}

	.form-group input {
		margin-top: 30px;
		width: 80%;
		border: 1px solid #E0E1DF;
	}

	/* Style the input field */
	input[type="text"]:focus,
	input[type="email"]:focus,
	.form-group textarea:focus {
		border: 1px solid #caa169;
		/* Change the border color to your desired color */
	}

	/* Style the input field */
	input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea::placeholder {
		color: #1a1b1a;
		/* Change the placeholder text color when focused */
	}

	.form-group textarea {
		margin-top: 30px;
		width: 80%;
		background-color: #ffff;
		border: 1px solid #E0E1DF;
	}

	.contact-submit {
		width: 35%;
		margin-left: 22.5%;
		background-color: #007574;
		border: none;
		color: #ffff;
		font-size: 16px;
		text-decoration: none;
		margin-top: 15px;
		transition: 0.5s ease;
	}

	.contact-submit:hover {
		background-color: #caa169;
	}

	.route {
		overflow-x: hidden;
		position: relative;
		width: 90%;
		margin-left: 5%;
		display: block;
		align-items: center;
		justify-content: space-between;

	}

	.location-text {
		font-size: 18px;
		margin-left: 5px;
	}

	.dot i {
		font-size: 16px;
		color: #caa169;
	}

	/* Styles for the lines */
	.line {
		flex: 1;
		height: 2px;
		background-color: transparent;
		z-index: 0;
		border-bottom: 2px dotted #caa169;
		margin-top: 15px;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	/* Styles for the arrows */
	.arrow {
		display: none;
	}

}

@media (max-width:300px) {
	.testimonial-container {
		height: 40vh;
	}

	.testimonial {
		height: 100%;
	}

	.slide p {
		font-size: 12px;
	}

	.testimonial .slide {
		row-gap: 0px;
	}

	.main-image .book-now {
		padding: 15px 35px;
		margin-top: 35px;
		margin-left: 10%;
		margin-bottom: 50px;
	}

	.policy {
		display: flex;
		justify-content: space-around;
	}

	.contact-info a,
	p {
		font-size: 12px;
	}

	.content-holder h3 {
		font-size: 20px !important;
	}

	.text-section h3 {
		font-size: 24px;
		color: #021832 !important;
		line-height: 32px;
	}

	swiper-slide span {
		font-size: 15px;
		position: absolute;
		margin-top: 2%;
		z-index: 1;
		margin-left: 2%;
		background-color: #007574;
		color: #ffff;
		padding: 9px 10px;
		border-radius: 5px;
	}

	.middle-section-details .sections-title>h1 {
		font-size: 22px;
	}

	.availability-button .book-now {
		padding: 13px 20px;
	}
}

@media (min-width: 820px) and (max-width:1024px) {

	.main-image .book-now {
		font-size: 14px;
	}

}

@media (min-width: 821px) and (max-width:1024px) {


	/* Menu section responsive css end */
	/* Venue page responsive section start */
	/* ------------------------------*/


	.hall-section-details {
		display: flex;

		gap: 5%;
	}

	.hall-image-section {
		width: 50%;
	}

	.hall-image-section img {
		width: 100%;

	}

	.hall-text-section {
		width: 50%;
	}

	.hall-text-section p {
		font-size: 16px;
	}

	.hall-text-section button {
		display: inline-block;
		padding: 10px 15px;
		font-size: 16px;
	}

	#hall1 h1,
	#hall2 h1 {
		margin-top: 20px;
	}

	.hall-2 {
		display: flex;
	}

	.text-section h3 {
		font-size: 35px;
		color: #021832 !important;
		line-height: 40px;
		font-family: var(--heading);
	}

	.about {
		display: flex;
	}

	.box-image {
		width: 25%;
	}

	/* Venue page responsive section end */
	/* ------------------------------*/
	.form-section {
		padding-bottom: 70px;
	}

	.inner {
		display: block;
		margin-top: -90px;
	}

	.image-holder {
		width: 100%;
		margin: 0px;

	}

	.image-holder img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.content-holder {
		width: 100%;
		margin: 50px 0 50px 35px;
		padding-left: 10%;
	}

	.content-holder h3 {
		font-size: 38px !important;
		letter-spacing: 0px;
	}

	/* Adjust the width of the lines as needed */
	.content-holder p::before {
		width: 80%;
		/* Width of the line before the text */
	}

	.content-holder a:hover {
		color: #333;

	}

	.form-group input {
		margin-top: 30px;
		width: 80%;
		border: 1px solid #E0E1DF;
	}

	/* Style the input field */
	input[type="text"]:focus,
	input[type="email"]:focus,
	.form-group textarea:focus {
		border: 1px solid #caa169;
		/* Change the border color to your desired color */
	}

	/* Style the input field */
	input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea::placeholder {
		color: #1a1b1a;
		/* Change the placeholder text color when focused */
	}

	.form-group textarea {
		margin-top: 30px;
		width: 80%;
		background-color: #ffff;
		border: 1px solid #E0E1DF;
	}

	.contact-submit {
		width: 35%;
		margin-left: 22.5%;
		background-color: #007574;
		border: none;
		color: #ffff;
		font-size: 16px;
		text-decoration: none;
		margin-top: 15px;
		transition: 0.5s ease;
	}

	.contact-submit:hover {
		background-color: #caa169;
	}

	.route {
		overflow-x: hidden;
		position: relative;
		width: 90%;
		margin-left: 5%;
		display: block;
		align-items: center;
		justify-content: space-between;

	}

	.location-text {
		font-size: 18px;
		margin-left: 5px;
	}

	.dot i {
		font-size: 16px;
		color: #caa169;
	}

	/* Styles for the lines */
	.line {
		flex: 1;
		height: 2px;
		background-color: transparent;
		z-index: 0;
		border-bottom: 2px dotted #caa169;
		margin-top: 15px;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	/* Styles for the arrows */
	.arrow {
		display: none;
	}
}

@media (min-width:1025px) {

	.inner {
		display: flex;
		margin-top: -90px;
	}

	.image-holder {
		width: 100%;
		margin: 0px;

	}

	.image-holder img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.content-holder {
		width: 100%;
		margin: 50px 0 50px 35px;
		padding-left: 10%;
	}

	.content-holder h3 {
		font-size: 30px !important;
		letter-spacing: 0px;
	}

	/* Adjust the width of the lines as needed */
	.content-holder p::before {
		width: 80%;
		/* Width of the line before the text */
	}

	.content-holder a:hover {
		color: #333;

	}

	.form-group input {
		margin-top: 30px;
		width: 80%;
		border: 1px solid #E0E1DF;
	}

	/* Style the input field */
	input[type="text"]:focus,
	input[type="email"]:focus,
	.form-group textarea:focus {
		border: 1px solid #caa169;
		/* Change the border color to your desired color */
	}

	/* Style the input field */
	input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea::placeholder {
		color: #1a1b1a;
		/* Change the placeholder text color when focused */
	}

	.form-group textarea {
		margin-top: 30px;
		width: 80%;
		background-color: #ffff;
		border: 1px solid #E0E1DF;
	}

	.contact-submit {
		width: 35%;
		margin-left: 22.5%;
		background-color: #007574;
		border: none;
		color: #ffff;
		font-size: 16px;
		text-decoration: none;
		margin-top: 15px;
		transition: 0.5s ease;
	}

	.contact-submit:hover {
		background-color: #caa169;
	}

	.route {
		overflow-x: hidden;
		position: relative;
		width: 90%;
		margin-left: 5%;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.location-text {
		font-size: 18px;
		margin-left: 5px;
	}

	.dot i {
		font-size: 16px;
		color: #caa169;
	}

	/* Styles for the lines */
	.line {
		flex: 1;
		height: 2px;
		background-color: transparent;
		z-index: 0;
		border-bottom: 2px dotted #caa169;
		margin-top: 15px;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	/* Styles for the arrows */

}

/* Contact page responsive section end */
/* ------------------------------*/