@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {

    font-family: 'Poppins';

    font-style: normal;

    font-weight: normal;

    src: local('poppins'), url('https://founderscaffe.com/bookingapp/public/css/fonts/poppins/Poppins-Regular') format('woff');

}

@font-face {

    font-family: 'Montserrat';

    src: url('Montserrat-Regular.ttf') format('truetype'),

         url('Montserrat-Regular.woff2') format('woff2');

    font-weight: 400;

    font-style: normal;

  }





  /* optional: include other font weight styles */

  @font-face {

    font-family: 'Montserrat';

    src: url('Montserrat-Bold.ttf') format('truetype'),

         url('Montserrat-Bold.woff2') format('woff2');

    font-weight: 700;

    font-style: normal;

  }

@keyframes circleGrow {

	0% {

		transform: scale(0);

		opacity: 0;

	}



	20% {

		opacity: 1;

	}



	100% {

		transform: scale(5);

		opacity: 0;

	}

}



/* for searchbar responsiveness by mk 31 may 24 */

			/* banner form by pk */
			@media (max-width: 769px) {
				.mobile-submit{
					margin-top: 20px;
				}
				.mobile-where{
					margin-top: 10px;
					margin-bottom: 10px;
				}
				#endDate {
                    border-radius:4px!important;
                border-top-left-radius: 0px!important;
                border-bottom-left-radius: 0px!important;
                    border: 1px solid #FFFFFF!;

                }
				.checkinout {
					border-radius: 4px!important;
                    border-top-right-radius: 0px !important;
                    border-bottom-right-radius: 0px !important;
				}


				

				#front-search-field {
					border-radius: 4px!important;
				}
				.form-container {
					display: flex;
					flex-direction: column;
					align-items: stretch;
				}
			
				.form-container input,
				.form-container button {
					width: 100% !important;
					margin-bottom: 10px!important;
				}
			
				.form-container .form-group {
					margin-bottom: 10px!important;
				}
			
				.form-container button {
					margin-top: 20px!important;
				}
			}

@media only screen and (max-width: 400px) {
    
	
	form#front-search-form {
	box-shadow: none;
	}

}

@media (max-width: 769px) {


    form#front-search-form {

        /* border-radius: 10px;

        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15); */

        padding: 12px;

        background-color: white;
        max-width: 28rem;
    }

	#front-search-activity{

        border-radius: 4px!important;

    }
    .homesearch{

        border-radius: 25px!important;

    }

    #ServiceBtn,#PropertyBtn{

        margin-left: 0!important;

        font-size: 16px!important;

    }

}




.fa
{
	
	font-family: "Font Awesome 5 Free"!important;
	
}


/* for flutter webview this responsive css by mk 16 april 2025 */
@media (max-width: 767px) {
	.flutter-mobile {
		margin-top: 0rem !important;
		padding: 0rem !important;
	}
	.ui-widget.ui-widget-content {
		width: 80% !important;
		left: 10% !important;
	}
	.col-md-6.col-lg-4.col-xl-6.p-2.mt-4.pl-4.pr-4 {
		min-width: 100%;
	}
  }
  


/* PK Home slider 27 july*/

#homeSlider {

	width:100%;

    position: relative;

	/* height: 100vh; */

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	backface-visibility: hidden;

    overflow: hidden;

	animation: homeslider 50s linear infinite 5s;

    animation-timing-function: ease-in-out;

	background-image: url(../front/images/banners/p1.jpg);

}

/* mayank overlay effect */

#homeSlider::before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(to bottom right, #585858, #000000);

    opacity: .5;



  }

  /* mayank 17 jan */



@keyframes homeslider{

	0% {

		background-image: url(../front/images/banners/p1.jpg);

	}

	25% {

		background-image: url(../front/images/banners/p2.jpg);

	}

	50% {

		background-image: url(../front/images/banners/p3.jpg);

	}

	75% {

		background-image: url(../front/images/banners/p4.jpg);

	}

	100% {

		background-image: url(../front/images/banners/p1.jpg);

	}

}

/* END */



/* PK for Footer */



  /* footer maynk  */

.dot_one {

    left: 0;

    bottom: 260px;

  }

  /* bottom 150 */

  .dot_two {

    right: 0;

    top: 180px;

  }

.t_first {

    top: 220px;

    left: 15%;

  }

.t_two {

    /* right: 25%; */

    right: 9%;

    bottom: 200px;

  }

.t_three {

    /* top: 180px;

    left: 50%; */

    top: 300px;

    left: 40%;

  }

  .p_absoulte {

    position: absolute;

  }

/* mk */

.socialfooter{

	padding: 3px!important;

    font-size: 100%!important;

    line-height: 1.5;

    height: 30px!important;

    width: 30px!important;

    fill: currentcolor;

}

.footertextcolor{

	color: #707070;

}

.fcfooter{

	display: block;

	border-bottom: groove;

}

.blockquote-footer {

	display: block;

	font-size: 80%;

	color: #6c757d;

  }



.blockquote-footer::before {

	content: "\2014\00A0";

  }

.card-footer {

	border-top: 0;

  }

  .card-footer {

	padding: 0.75rem 1.25rem;

	background-color: rgba(0, 0, 0, 0.03);

	border-top: 1px solid rgba(0, 0, 0, 0.125);

  }

  .modal-footer {

	flex-shrink: 0;

  }

  .modal-footer {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: flex-end;

	padding: 0.75rem;

	border-top: 1px solid #dee2e6;

  }



  .modal-footer > * {

	margin: 0.25rem;

  }

  .footer p,

.footer a,

.footer i {

  color: #CCCCCC !important;

}



.footer .btn-primary i {

  color: #FFFFFF !important;

}



@media (min-width: 992px) {

  .footer::after {

    position: absolute;

    content: "";

    width: 1px;

    height: 100%;

    top: 0;

    left: 50%;

    background: rgba(255, 255, 255, 0.15);

  }

}

.navbar-brand {

	display: inline-block;

	padding-top: 0.3125rem;

	padding-bottom: 0.3125rem;

	margin-right: 1rem;

	font-size: 1.25rem;

	line-height: inherit;

	white-space: nowrap;

  }



  .navbar-brand:hover, .navbar-brand:focus {

	text-decoration: none;

  }

  .mr-2, .mx-2 {

    margin-right: 1.5rem!important;

}

.btn-primary {

    color: #fff;

    background-color: #9c65f2 !important;

    border-color: #3b2560 !important;

}

.btn-primary:hover {

    color: #3b2560 !important;

    background-color: #FFF !important;

    border-color:#3b2560 !important;

}

.footer::after {

    position: absolute;

    content: "";

    width: 1px;

    height: 100%;

    top: 0;

    left: 50%;

    background: rgba(255, 255, 255, 0.15);

}

@media (min-width: 1200px){

.container{

    max-width: 1140px;

}

}

/* END */

/* mobile why choose us section by mk start 12 aug */
.reasons {
    background-color: rgb(254, 160, 0);
    padding: 20px;
    margin-bottom: 20px;

  }

  .reasons ul {
	list-style-type: disc;
	padding-left: 20px;
	 margin: 0;
  }

  .reasons li {
    font-size: 20px;
    margin-bottom: 10px;
    color: #FFF;
  }
  /* end  */

/* space & service new section by maynk 28june */


.spaceservicesection{
    background-image: url('https://founderscaffe.com/aapinew/public/images/sliderimg/s11.png');

    max-height: 840px;
    overflow: hidden;

}
.ss-slider-container {
  width: 100%;
  min-height: 95vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0 10%;
  box-shadow: 0!important;
  overflow: hidden; /* Hide overflow to ensure only 7 items are visible */
}

@media (min-width: 1024px) {
    .ss-slider-container {
  width: 100%;
  min-height: 75vh!important;
    }

}
@media (min-width: 1400px) {

    .ss-slider-container {
  width: 100%;
  min-height: 58vh!important;

    }
}

.ss-slider-images {
    display: flex;
    align-items: center;
    gap: 21px;
    position: relative;
    width: calc(100% + 21px* 2);
    transition: transform 0.7s ease;
    align-content: flex-start;
    justify-content: center;
}

.ss-slider-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.ss-slider-img {
  width: 90px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  transition: 0.7s ease;
  opacity: 0.3; /* Reduced opacity for non-active items */
  background-color: rgba(0, 0, 0, 0.5); /* Darker background color */
}

.ssbox1{
    height: 340px;
}
.ssbox2{
    margin-top: 5%;
    height: 340px;
}
.ssbox3{
    margin-top: 10%;
    height: 340px;
}
.ssbox4{
    margin-top: 5%;
    height: 340px;
}
.ssbox5{
    height: 340px;
}
.ssbox6{
    margin-top: 10%;
    height: 340px;
}
.ssbox7{
    margin-top: 5%;
    height: 340px;
}

.ssdetailss {
  position: absolute;
  bottom: 6%;
  left: 20px;
}

.ssdetailss h2 {
  font-size: 26px;
  font-weight: 700;
  text-align: left;
  line-height: 44px;
  color: #fff;
  text-transform: uppercase;
  transition: 0.7s ease;
  display: none;
}

.ssdetailss p {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  line-height: 33px;
  color: #fff;
  text-transform: uppercase;
  transition: 0.7s ease;
  display: none;
}

.ss-slider-img.active {
  width: 360px !important;
  height: 360px !important;
  opacity: 1 !important;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.29);
}

.ss-slider-img.active h1 {
  display: none;
}

.ss-slider-img.active .ssdetailss p, .ss-slider-img.active .ssdetailss h2 {
  display: block;
}

.ss-slider-img:hover {
  opacity: 1;
}

.ss-slider-img:not(.active):hover {
  opacity: 0.9;
}

.ss-slider-img:hover .ssdetailss h2,
.ss-slider-img:hover .ssdetailss p {
  display: block;
}

/* CSS for travel GIFs */
.spaceservicesection .travel-gifs {
    position: relative;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
    z-index: 1;
	margin-top: 25px;

  }
  
  .spaceservicesection .travel-gifs img {
    width: 40px; /* Adjust size as needed */
    height: auto;
    margin: 0 10px;
  }

.textss {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	left: -50px;

}

.static-text {
    font-size: 32px;
    line-height: normal;
    margin: 0;
}

.dynamic-text {
    font-size: 36px;
    line-height: normal;
    margin: 0;
    position: relative;
    top: -22px;
    left: -18px;


}

.word {
    position: absolute;
    width: 220px;
    opacity: 0;
    text-align: center;
}

.letter {
    display: inline-block;
    position: relative;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
    transform: rotateX(-90deg);
}

.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
    color: #8e44ad;
}

.belize {
    color: #2980b9;
}
/* mk */
/* @media (min-width: 1024px) {
	.whychoose-section-mobile{
		display: none;
	}

} */
@media (max-width: 1024px) {
	.left-slide h1 {
		font-size: 30px;
	}

	.right-slide {
		display: none;
	}
.action-buttons{
	display: none;
}
.left-slide{
	width: 100%!important;
}
	/* .whychoose-section{
		display: none;
	} */
}

@media (max-width: 769px) {


    .spaceservicesection .travel-gifs {
        padding: 5px;
            }
            .spaceservicesection .travel-gifs img {
          width: 20px; /* Adjust size as needed */
          height: auto;
          margin: 0 10px;
        }

    .textss {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
		left: 0px;
    }

    .static-text {
        font-size: 24px;
    }

    .dynamic-text {
        font-size: 28px;
        width: 100%;
        text-align: start;
        top: 0px;
    left: 0px;

    }

    .word {
        width: 100%;
        position: absolute;
        display: inline;
        opacity: 1;

    }
}

@media (max-width: 480px) {
    .static-text {
        font-size: 20px;
    }

    .dynamic-text {
        font-size: 24px;
    }
	 /* properties padding top bottom */
	 .padtb{
        padding:1rem 0;
    }
	.padtotal{
		padding: 1rem!important;
	}
}


/* Mobile layout */
@media (max-width: 768px) {
    .spaceservicesection {
        padding-top: 30px;
    }
	
    .ss-slider-container {
        padding: 0 3%;
        flex-direction: column;
		min-height: 80vh;
    }

    .ss-slider-images {
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 15px;
    }

    .ss-slider-img {
        width: 90%;
        height: 15px;
        margin: 5px !important;
    }

    .ss-slider-img.active {
        width: 100% !important;
        height: 200px !important;
    }

    .ssdetailss h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .ssdetailss p {
        font-size: 16px;
        line-height: 28px;
    }

}

/* end space service section */

/* payment page by mayank 3 july*/

.paypal-div {

    font-weight: bold;

}

/* popop form button by mayank 19 may */

.letushelpyou{
	text-align: center!important;
	margin-top: 20px!important;
}

#queryformdiv{

    margin-top: 10px;

}

.square-button {

  display: inline-block;

  padding: 10px 20px;

  border: none;

  background-color: #9c65f2 ;

  color: #ffffff;

  text-align: center;

  margin-top: 10%;

  /* margin-left: -68%; */

  text-decoration: none;

  /* border-radius: 10px 10px 10px 10px; */

  transition: all 0.3s ease;

  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);

}



.square-button:hover {

  background-color: #3b2560 ;

  /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); */

  color: #ffffff;

}

.square-button-mobile {

    display: inline-block;

    padding: 10px 20px;

    border: none;

    background-color: #9c65f2 ;

    color: #ffffff;

    text-align: center;

    /* margin-top: 10%; */

    /* margin-left: -68%; */

    text-decoration: none;

    /* border-radius: 10px 10px 10px 10px; */

    transition: all 0.3s ease;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);

  }



  .square-button-mobile:hover {

    background-color: #3b2560 ;

    /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); */

    color: #ffffff;

  }


/* pricing table by MK */
.wrapperpayment{

    display: grid;

    grid-template-columns: repeat(1,1fr)!important; 
}


.wrapper{

    display: grid;

    grid-template-columns: repeat(3,1fr); 

    grid-gap: 3rem;

    /* margin: 50px; */

	margin: auto;		/*50 PK 25 july*/

	 /* margin-left: 2.5rem; 50 PK 25 july */

    /* padding: 0rem 2rem; */
	padding: 0!important;

	margin-top: .5rem;

	margin-bottom:1rem;

	/* align-content: center;

	justify-content: space-around;

	transition: all 0.2 linear; */





}

.pricing-table{

   box-shadow: 0rem 0rem 1.8rem #ccc;

   text-align: center;

   padding: 3rem 1rem;

   border-radius: 2rem;

   position: relative;

   max-width: 46rem; /*PK 25 july*/

}

.pricing-table .head {

    border-bottom:.1rem solid #eee;

    padding-bottom: 5rem;

    transition: all 0.5s ease;

}

.pricing-table:hover .head{

   border-bottom:1px solid #9c65f2 !important;  /*mayank*/



}



.pricing-table .head .title{

    margin-bottom: 2rem;

    font-size: 2rem;

    font-weight: 700;

}



.pricing-table .content .price{

    background:linear-gradient(to right, #3b2560 0%, #9c65f2 100%); /*mayank*/

    width: 9rem;

    height: 9rem;

    margin: auto;

    line-height: 9rem;

    border-radius: 50%;

    border: .5rem solid #fff;

    box-shadow: 0rem 0rem 1rem #ccc;

    margin-top: -50px;

     transition: all 0.5s ease;

}

.pricing-table:hover .content .price{

    transform: scale(1.2);



}

.pricing-table .content .price h1{

    color:#fff;

    font-size: 3rem;

    font-weight: 700;

	margin-top: 2rem;

}

.pricing-table .content ul{

   list-style-type: none;

   margin-bottom: 2rem;

   padding-top: 1rem;

}



.pricing-table .content ul li{

    /* margin: 2rem 0rem; */
	margin: .5rem 0rem;

    font-size: 1.4rem;

    color:#555;

}



.pricing-table .content .sign-up{

    background:linear-gradient(to right, #3b2560 0%, #9c65f2 100%); /*mayank*/

    border-radius: 4rem;

    font-weight: 500;

    position: relative;

    display: inline-block;

}





.pricing-table .btn {

	color: #fff;

	padding: 1.4rem 4rem;

	display: inline-block;

	text-align: center;

	font-weight: 600;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3 linear;

	transition: all 0.3 linear;

	border: none;

	font-size: 1.4rem;

	text-transform: capitalize;

	position: relative;

	text-decoration: none;

    margin: .2rem;

    z-index: 9999;

    text-decoration: none;

    border-radius:5rem;



}



.pricing-table .btn:hover{

	box-shadow: 0rem 0rem 1.5rem rgba(0, 0, 0, 0.3);

}



.pricing-table .btn.bordered {

	z-index: 50;

	color: #333;

}

.pricing-table:hover .btn.bordered{

	color:#fff !important;

}



.pricing-table .btn.bordered:after {

	background: #fff none repeat scroll 0 0;

	border-radius: 5rem;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3 linear;

	transition: all 0.3 linear;

	width: 100%;

	z-index: -1;

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	transform:scale(1);

}

.pricing-table:hover .btn.bordered:after{

	opacity:0;

	transform:scale(0);

}

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

	.wrapper{

		 grid-template-columns: repeat(2,1fr);

	 }

 }

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

   .wrapper{

        grid-template-columns: repeat(1,1fr);

		/* padding-left: 10rem; */
		margin-left: 0px;

    }

}



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

   .wrapper{

        grid-template-columns:1,1fr;

		/* padding-left: 15rem; */



    }

}



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

	.wrapper{

		 grid-template-columns:1,1fr;

		 /* padding: 1rem; */



	 }

 }

/* END */

html {

	font-size: 62.5%;

	overflow-x: hidden !important; /*mobile PD*/

}



body {

	color: #2B2B2B;

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	/* font-family: 'Lato'; */
	font-family: Roboto,Helvetica Neue,sans-serif;

    /* font-family: 'Montserrat', sans-serif; */

	/* font-family: "Raleway", sans-serif; */

	font-size: 1.6rem;

	font-weight: 300;

	line-height: 1.667;

	background: #ffffff;

	overflow-x: hidden;

	letter-spacing: 0.15rem;

}

/* mk */

/* body p {

    font-size: 16px;

    line-height: 29px;

}  */





/* Track */

::-webkit-scrollbar-track {

	background: #f1f1f1;

}



/* Handle */

::-webkit-scrollbar-thumb {

	background: #ccc;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

	background: #d6d6d6;

}



.modal-body-filter::-webkit-scrollbar {

	width: 8px;

}



ul.list-group.list-group-flush.pl-3 {

	padding: 0px !important;

}



ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



a {

	color: #222325;

}



a:hover {

	text-decoration: none;

	color: #9c65f2 !important;

}

.parallax {
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 65rem;
  }

.main-banner {

	background-image: url(../img/hero-img.jpg);

	background-position: center center;

	background-repeat: no-repeat;

	/*min-height: 70rem;*/

	min-height: 65rem; /*FC PK 81 to 65*/

	width: 100%;

	background-position: 50% 50%; /*FC*/

	background-size: cover;

	box-shadow: 0rem 0.3rem 1.6rem 0rem rgb(0 0 0 / 20%);





}



/* global style start

============================================================================================ */

.vbg-default {

	background: #f5f5f5;

}



.vbg-default-hover:hover {

	background: #efefef;

	color: #9c65f2;

}



.h6 a {

	list-style: none;

	text-decoration: none;

	color: #333;

}



.mt-m-15 {

	margin-top: -15px!important;

}

.minus-mt-20 {

	margin-top: -20px;

}



.mt-m-30{

	margin-top: -30px;

}



.minus-mt-6 {

	margin-top: -6px;

}



.mt-70 {

	margin-top: 12rem;

}





.mt-25 {

	margin-top: 25px;

}



/* padding */

.pt-70 {

	padding-top: 25px;

}



.pb-70 {

	padding-bottom: 70px!important;

}



.pl-25 {

	padding-left: 25px!important;

}



.filter-h {

	height: 100vh!important;

}



.min-w-250 {

	min-width:250px;

}



.min-w-320 {

	min-width: 320px;

}



.max-w-450 {

	max-width: 500px;

}



.w-188 {

	width: 188px;

}

.intl-tel-input {

	width:100%!important;

}

.pl-7,

.px-7 {

	padding-left: 4rem !important;

}



.border-ddd {

	border: 1px solid #ddd

}



/************* footer icon css **********************/

.currency:hover{

	background: #eeeeee8c;

	border-radius: 6px;

}



.currency-active{

	background: #e6e1e10f!important;

	border-radius: 6px;

}





.social {

	position: relative;

}



.social ul {

	text-align: center;

	z-index: 99;

}



.social li {

	display: inline-block;

	margin: 5px;

}



.active-sidebar {

	/* font-size: 14px;

	border-left: 4px solid #9c65f2 !important; */

	color: #9c65f2 !important;

	font-weight: 700;

	/* background: #efefef; */

}



/* z-index */

.z-index-high {

	z-index:100000000;

}



.z-index-medium {

	z-index:1000;

}



.z-index-low {

	z-index:100;

}



.text-8 {

	font-size: .8rem;

}



.text-9 {

	font-size: .9rem;

}



.text-10 {

	font-size: 1rem;

}



.text-11 {

	font-size: 1.1rem;

}



.text-12 {

	font-size: 1.2rem;

}



.text-13 {

	font-size: 1.3rem;

}



.text-14 {

	font-size: 1.4rem;

}



.text-15 {

	font-size: 1.5rem;

}



.text-16 {

	font-size: 1.6rem;

}



.text-17 {

	font-size: 1.7rem;

}



.text-18 {

	font-size: 1.8rem;

}



.text-19 {

	font-size: 1.9rem;

}



.text-20 {

	font-size: 2.2rem; /*FC*/

	letter-spacing: 0.15rem; /*FC*/

	text-transform: capitalize; /*FC*/

	color: #333333; /*FC*/

}



.text-21 {

	font-size: 2.1rem;

}



.text-22 {

	font-size: 2.2rem;

}



.text-23 {

	font-size: 2.3rem;

}



.text-24 {

	font-size: 2.4rem;

}



.text-25 {

	font-size: 2.5rem;

}



.text-26 {

	font-size: 2.6rem;

}



.text-27 {

	font-size: 2.7rem;

}



/* mk */
.text-28 {

	/* font-size: 2.8rem; */
    font-size: 4.8rem;

}


.text-29 {

	font-size: 2.9rem;

}



.text-30 {

	font-size: 3rem;

}



.text-31 {

	font-size: 3.1rem;

}



.text-32 {

	font-size: 3.2rem;

}



.text-33 {

	font-size: 3.3rem;

}



.text-34 {

	font-size: 3.4rem;

}



.text-35 {

	font-size: 3.5rem;

}



.text-36 {

	font-size: 3.6rem;

}



.text-52 {

	font-size: 3.6rem;

}



.text {

	/*white-space: nowrap;*/

	width: 100%;

	/*overflow: hidden;

	text-overflow: ellipsis;*/

}

.text-black{

    color: #000;

}



.line-height-1-1 {

	line-height: 1!important;

}

.line-height-1-4 {

	line-height: 1.4;

}



.line-height-1-5 {

	line-height: 1.5;

}



.font-weight-400 {

	font-weight: 400;

}



.font-weight-500 {

	font-weight: 500;

}



.font-weight-600 {

	font-weight: 600;

}



.font-weight-700 {

	font-weight: 700;

}



.font-weight-800 {

	font-weight: 800;

}



.font-weight-900 {

	font-weight: 900;

}



.text-color {

	color: #333333; /*FC*/

    text-transform: capitalize; /*FC*/

    letter-spacing: 0.15rem; /*FC*/

    font-size: 1.8rem; /*FC*/

}



.secondary-text-color {

	color: #9c65f2;  /*PK 6June*/

}



.secondary-text-color-hover:hover {

    color: #FFF !important;

	border-color: #9c65f2 !important;

	background: #3b2560 !important;

}



.text-color-hover:hover {

	color: #9c65f2;

}



.primary-text {

	color: #9c65f2;

}



.primary-text-hover {

	color: #fff;

}



.warning-text {

	color: #ffc107;

}



.warning-text-hover:hover {

	color: #fff;

}



.success-text {

	color: #1dbf73;

}



.step-inactive {

	background: #dfdbd2;

}



.listingbg {

	margin-bottom: 15px;

	margin-top: 15px;

}



.printareabg p {

	margin: 0;

	font-size: 14px;

}



.printareabg a {

	font-size: 14px;

}



.success-text-hover {

	color: #fff;

}



.danger-text {

	color: #dc3545;

}



.danger-text-hover {

	color: #fff;

}



.dark-text {

	color: #333333;

}



.dark-text-hover {

	color: #fff;

}



.light-text {

	color: #F8F6F7;

}



.light-text-hover {

	color: #333333;

}



.gray-text {

	color: #707070;

}



.gray-text-hover {

	color: #C0C0C0;

}



.text-muted {

	color: #62646a !important;

}



.address-text {

	max-width: 400px; /*FC*/

    overflow: hidden; /*FC*/

    text-overflow: ellipsis; /*FC*/

    white-space: nowrap; /*FC*/

}



.vbadge-success {

	background: #9c65f2;

	color: #FFF;

}



/* background color */

.secondary-bg {

	/*background:#56BBF1;*/

	background: transparent; /*FC*/

	color: #fff;

}



.btn-outline-warning {

    border-color: #ff4007;

    color: #ff4007;

}



.btn-outline-warning:hover, .btn-outline-warning:active {

    color: white !important;

    background: #ff4007 !important;

}



.btn-outline-warning:focus {

    box-shadow: 0 0 0 0.2rem rgb(255 148 105);

}



.btn-photo {

	background:#9c65f2;		/*PK 6 June*/

	color: #fff;

}



.btn-photo:hover {

	background: #9c65f2;		/*PK 6 June*/

	color: #fff;

}



/* status color */

.Pending {

	background: #62646a;

	color: #FFF;

}



.Expired {

	background: #f92525;

	color: #FFF;

}



.Accepted {

	background: #9c65f2;

	color: #FFF;

	border-radius: 25px;

}



.vrent-button {

	cursor: pointer;

	border: 0;

	padding: .8rem;

	position: relative;

	overflow: hidden;

}

.ui-datepicker .ui-datepicker-next {

    right: 15px;

}

.ui-datepicker .ui-datepicker-left {

    left: 20px;

}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {

    position: absolute;

    top: 3px;

    width: 1.8em;

    height: 1.8em;

}

button:focus {

	border: 0;

	outline-color: transparent;

}



.vrent-button span {

	display: block;

	position: relative;

	z-index: 1;

}



.vrent-button span::after {

	content: '';

	position: absolute;

	z-index: -1;

	top: calc(50% - 1.5rem);

	left: calc(50% - 1.5rem);

	background: rgba(255, 255, 255, 0.7);

	width: 3rem;

	height: 3rem;

	border-radius: 100%;

	transform: scale(0);

}



button.vbtn-default {

	background: #9c65f2; /*mayank*/

	color: #fff;

	font-weight: 700;

    border-color: #3b2560 !important;

}



button.vbtn-default:hover {

	/* background: #9c65f2;

	color: #fff; */ /*mayank*/

    color: #3b2560 !important;

    background-color: #FFF !important;

    border-color: #3b2560 !important;

}



button.vbtn-primary {

	background: #9c65f2; 

	color: #fff;

    border-color: #3b2560 !important;

}



button.vbtn-primary:hover {

	/* background: #9c65f2; */ /*mayank*/

    color: #3b2560 !important;

    background-color: #FFF !important;

    border-color: #3b2560 !important;

}



button.vbtn-warning {

	background: #9c65f2;

	color: #fff;

}



button.vbtn-warning:hover {

	background: #E0A800;

}



button.vbtn-success { /*FC*/ /*mayank*/

    background: #9c65f2;

    color: #fff;

    border-radius: 25px !important;

    font-size: 1.4rem;

    padding: 5px 15px 5px 15px;

}



button.vbtn-success:hover {

	/* background: #9c65f2;

	color: #fff; */ /*mayank*/

    color: #9c65f2 !important;

    background-color: #FFF !important;

    border-color: #9c65f2 !important;

}



button.vbtn-danger {

	background: #9c65f2; /*mayank*/

	color: #fff;

}



.btn-outline-danger {

	color: #FFFFFF !important; /*mayank*/

	border-color: #9c65f2 !important;

	background: #9c65f2 !important;

	border-radius: 25px;

}
.btn-outline-danger:hover {

    color: #FFF !important; /*mayank*/

    border-color: #9c65f2 !important;

    background: #3b2560 !important;

}
/* mk */
select.form-control:focus {
    border: 1px solid #ced4da;
}


button.vbtn-danger:hover {

	/* background: #C82333; */

    color: #FFF !important; /*mayank*/

    border-color: #9c65f2 !important;

    background: #3b2560 !important;

}



button.vbtn-dark {

	/* background: #333333;

	color: #fff; */ /*mayank*/

    background: #9c65f2;

	color: #fff;

    border-color: #9c65f2 !important;



}



button.vbtn-dark:hover {

	/* background: #23272B;

	color: #56BBF1; */ /*mayank*/

    color: #9c65f2 !important;

    background-color: #FFF !important;

    border-color: #9c65f2 !important;

}



button.vbtn-light {

	background: #F8F6F7;

	color: #3a3a3a;

}



button.vbtn-light:hover {

	background: #E0E0E0;

	color: #333333;

}



.button-default {

	border-radius: 25px;

}



.button-reactangular {

	border-radius: 0rem;

}



.button-rounded {

	border-radius: 5rem;

}



.button-rounded-4 {

	border-radius: .4rem;

}



.vbtn-outline-success {

	background-color: #9c65f2 !important;  /*mayank*/

	 border-color: #3b2560 !important;  /*FC mayank */

	color: white; /*mayank*/

	border-radius: 25px; /*FC*/

}



.vbtn-outline-success:hover {

	color: #FFF;

	border-color: #3b2560 !important; /*mayank*/

	background: #3b2560 !important;



}



/*FC*/

.btn.focus, .btn:focus {

	box-shadow: none !important;

}



a.vbtn-outline-success:hover {

	color: #ffffff !important;

	border-color: #56BBF1;

	background: #56BBF1;

}

.btn-outline-secondary{

    background-color: #9c65f2;  /*FC*/ /*mayank*/

	border-color: #FFFFFF;  /*FC*/

	color: white;

}



.btn-outline-secondary:hover {

	color: #9c65f2 !important; /*mayank*/

    background-color: #FFFFFF;  /*FC*/

	border-color: #9c65f2;  /*FC*/

}



/* .btn-outline-secondary:hover {

	color: #000000 !important;

} */

.single-border {

	border: 1px solid #a4a4a4!important;

}

.border-r-10 {

	border-radius: 10px;

}



.border-r-25{

	border-radius: 25px;

	/* padding: 15px 20px 15px 20px !important;  */
	/*FC*/

	/* font-size: 17px;  */
	/*FC*/
	padding: 10px 15px 10px 15px !important; /*FC*/

	font-size: 12px; /*FC*/
}

ul.customlisting {

	margin-top: 8px;

}



ul.customlisting li a {

	/* width: 100%; */
	/* mk */

}



ul.customlisting li {

	line-height: 54px;

}



.rounded-4 {

	border-radius: .4rem;

}



.rounded-3 {

	/*border-radius: .3rem !important;*/

	border-radius: 25px !important; /*FC*/

	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; /*FC*/

}



.vrent-button:focus:not(:active) span::after {

	animation: circleGrow 0.3s linear;

}



.list-background {

	background: #fff;

}



.p-15 {

	padding: 5rem

}

.mt-80 {

	margin-top: 8rem;

}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel]{

	padding-left: 9.8rem!important;

}



/******************** Toggle Switch ****************/



.main-toggle-switch span {

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	font-family: 'Lato';

	/* font-family: "Raleway", sans-serif; */

	font-size: 12px

}



/*  Toggle Switch  */



.toggleSwitch span span {

	display: none;

}



@media only screen {

	.toggleSwitch {

		display: inline-block;

		height: 18px;

		position: relative;

		overflow: visible;

		padding: 0;

		margin-left: 50px;

		cursor: pointer;

		width: 80px

	}



	.toggleSwitch * {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}



	.toggleSwitch label,

	.toggleSwitch>span {

		line-height: 20px;

		height: 20px;

		vertical-align: middle;

	}



	.toggleSwitch input:focus~a,

	.toggleSwitch input:focus+label {

		outline: none;

	}



	.toggleSwitch label {

		position: relative;

		z-index: 3;

		display: block;

		width: 100%;

	}



	.toggleSwitch input {

		position: absolute;

		opacity: 0;

		z-index: 5;

	}



	.toggleSwitch>span {

		position: absolute;

		left: -50px;

		width: 100%;

		margin: 0;

		padding-right: 50px;

		text-align: left;

		white-space: nowrap;

	}



	.toggleSwitch>span span {

		position: absolute;

		top: 0;

		left: 0;

		z-index: 5;

		display: block;

		width: 100%;

		margin-left: 50px;

		text-align: left;

		font-size: 0.9em;

		width: 100%;

		left: -55%;

		top: 1px;

		opacity: 0;

	}



	.toggleSwitch a {

		position: absolute;

		right: 50%;

		z-index: 4;

		display: block;

		height: 100%;

		padding: 0;

		top: 2px;

		left: -45px;

		width: 18px;

		background-color: #fff;

		border: 1px solid #CCC;

		border-radius: 100%;

		-webkit-transition: all 0.2s ease-out;

		-moz-transition: all 0.2s ease-out;

		transition: all 0.2s ease-out;

		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

	}



	.toggleSwitch>span span:first-of-type {

		color: #888888;

		opacity: 1;

		left: 45%;

	}



	.toggleSwitch>span:before {

		content: '';

		display: block;

		width: 120px;

		height: 35px;

		position: absolute;

		left: 0px;

		top: -2px;

		background-color: #efefef;

		border: 1px solid #efefef;

		border-radius: 30px;

		-webkit-transition: all 0.2s ease-out;

		-moz-transition: all 0.2s ease-out;

		transition: all 0.2s ease-out;

	}



	.toggleSwitch input:checked~a {

		border-color: #fff;

		left: 100%;

		margin-left: -8px;

	}



	.toggleSwitch input:checked~span:before {

		border-color: #9c65f2;

		box-shadow: inset 0 0 0 30px #9c65f2;

	}



	.toggleSwitch input:checked~span span:first-of-type {

		opacity: 0;

	}



	.toggleSwitch input:checked~span span:last-of-type {

		opacity: 1;

		color: #fff;

	}



	/* Switch Sizes */

	.toggleSwitch.large {

		width: 60px;

		height: 27px;

	}



	.toggleSwitch.large a {

		width: 27px;

	}



	.toggleSwitch.large>span {

		height: 29px;

		line-height: 28px;

	}



	.toggleSwitch.large input:checked~a {

		left: 47px;

		top: 2px;

	}



	.toggleSwitch.large>span span {

		font-size: 1.1em;

		font-weight: 600;

	}



	.toggleSwitch.large>span span:first-of-type {

		left: 0%;

	}



	.toggleSwitch.xlarge {

		width: 80px;

		height: 36px;

	}



	.toggleSwitch.xlarge a {

		width: 36px;

	}



	.toggleSwitch.xlarge>span {

		height: 38px;

		line-height: 37px;

	}



	.toggleSwitch.xlarge input:checked~a {

		left: 52px;

	}



	.toggleSwitch.xlarge>span span {

		font-size: 1.4em;

	}



	.toggleSwitch.xlarge>span span:first-of-type {

		left: 50%;

	}

}





/*  End Toggle Switch  */





/* global style end

============================================================================================ */

/* header style start

============================================================================================ */

.header_area {

	  /* background: #fff; */

	  background: transparent;

	  position: fixed;

	  top: 0;

	  width: 100%;

	  transition: background 0.4s, all 0.3s linear;

	  background: transparent !important;

	  z-index: 1000;

	  margin: 0 auto;

	  left: 50%;

	  transform: translateX(-50%);

	  box-shadow: rgb(0 0 0 / 6%) 0px 15px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;

}


/* mobile menu css by mk 9 aug 24 Start */
.custom-modal-body {
    padding: 20px;
    background-color: #f8f9fa;
}

.custom-mobile-side {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.custom-flex {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.custom-nav-item {
    width: 100%;
    padding: 0;
}

.custom-nav-link {
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    color: #3b2560 ;
    text-decoration: none;
    border: 1px solid #3b2560 ;
    border-radius: 30px;
    background-color: #ffffff;
}

.custom-nav-link:hover {
    background-color: #3b2560 ;
    color: #FFF!important;
}

.custom-dropdown-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 10px 0;
    border-radius: 5px;
    width: 100%;
}

@media (max-width: 768px) {
    .custom-dropdown-menu {
        max-height: 300px; /* Adjust as needed */
        overflow-y: auto;
    }
}

.custom-dropdown-menu a:hover,
.custom-dropdown-menu li:hover{
    background-color: #3b2560;
    color: #FFF!important;
}
.custom-dropdown-menu a ,.custom-dropdown-menu li{

	display: block;

	height: 100%;

	width: 100%;

	/* padding: 10px; */

	color: #9c65f2;

box-sizing: border-box;

	/* border-bottom: 1px solid #fff;

	border-top: 1px solid rgba(255, 255, 255, .1); */

	transition: .4s;

	/* font-size: 23px; */
    padding: 8px 15px;
    text-decoration: none;
    font-size: 14px;

}
/* Add top padding to the first link */
.custom-dropdown-menu a:first-child,.custom-dropdown-menu li:first-child {
    padding-top: 15px;
}

/* Add bottom padding to the last link */
.custom-dropdown-menu a:last-child, .custom-dropdown-menu li:last-child {
    padding-bottom: 15px;
}

.custom-btn {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 12px;

    border-radius: 30px;
    margin: 15px 0;
}

.custom-service-btn {
    width: 100%;
    padding: 10px;
    color: #ffffff;
    border: none;
    border-radius: 30px!important;
    text-align: center;
}

.custom-service-btn:hover {
    background-color: #3b2560!important;
    color: #FFF!important;
}

.custom-service-text {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}
/* ends mk */



.header_area .navbar-right {

	min-width: 20rem;

	text-align: right;

}



.header_area .navbar-brand {

	margin-right: 3rem;

	padding: 0;

    width: 200px;

}



.header_area .navbar-social {

	min-width: 9.5rem;

	float: right;

}



.header_area .navbar-social li {

	margin-right: 1.2rem;

}



.header_area .navbar-social li i,

.header_area .navbar-social li span {

	font-size: 1.3rem;

}



.header_area .navbar-social li:last-child {

	margin-right: 0;

}



.header_area .navbar-social li a:hover i,

.header_area .navbar-social li span {

	/* color: #1dbf73;  5aug */

}



.header_area .menu_nav {

	/*width: 75%; FC*/

	justify-content: right !important; /*FC*/

	/* border-bottom: 2px solid rgba(255,255,255,0.6); FC  5aug */

	height: 90px;

	margin-top: 20px;

}



.logo_h {

	margin-top: 0px;

}



.header_area .navbar {

	/* background: #FAFAFA; */

	border: 0px;

	border-radius: 0px;

	width: 100%;

	padding-top: 0;

	padding-bottom: 0;

	display: contents;



}



.header_area .navbar .nav-right {

	min-width: 20rem;

}



.header_area .navbar .nav .nav-item {

	margin-right: 0.5rem;

}



.header_area .navbar .nav .nav-item .nav-link {

	/*color: #2B2B2B;*/

	color: #FFFFFF; /*FC*/

	text-transform: uppercase;

	font-weight: 700;

	padding: 2.2rem 20px; /*FC*/

	display: inline-block;

	font-size: 1.4rem;

	letter-spacing: 0.15rem;

}



.header_area .navbar .nav .nav-item:hover .nav-link,

.header_area .navbar .nav .nav-item.active .nav-link {

	/* color: #1dbf73; 5aug */

	opacity: 1;

}



.header_area .navbar .nav .nav-item.submenu {

	position: relative;

}



.header_area .navbar .nav .nav-item.submenu ul {

	border: none;

	padding: 0px;

	border-radius: 0px;

	box-shadow: none;

	margin: 0px;

	background: #fff;

}



.header_area .navbar .nav .nav-item.submenu ul:before {

	content: "";

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 1rem 1rem 0 1rem;

	border-color: #eeeeee transparent transparent transparent;

	position: absolute;

	right: 2.4rem;

	top: 4.5rem;

	z-index: 3;

	opacity: 0;

	transition: all 400ms linear;

}



.header_area .navbar .nav .nav-item.submenu ul .nav-item {

	display: block;

	float: none;

	margin-right: 0px;

	/* border-bottom: .1rem solid #ededed;  5august*/

	margin-left: 0px;

	transition: all 0.4s linear;

}



.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {

	line-height: 4.5rem;

	color: #6059f6 !important;

	padding: 0px 3rem;

	transition: all 150ms linear;

	display: block;

	margin-right: 0px;

}



.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {

	border-bottom: none;

}



.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {

	margin-top: 0px;

}



.header_area .navbar .nav .nav-item:last-child {

	margin-right: 0px;

}



.header_area .navbar .search {

	font-size: 1.2rem;

	line-height: 6rem;

	display: inline-block;

	margin-left: 8rem;

}



.header_area .navbar .search i {

	font-weight: 600;

}



.header_area.navbar_fixed .main_menu {

	position: fixed;

	width: 100%;

	top: -7rem;

	left: 0;

	right: 0;

	z-index: 99;

	transform: translateY(7rem);

	transition: transform 500ms ease, background 500ms ease;

	-webkit-transition: transform 500ms ease, background 500ms ease;

	box-shadow: 0rem 0.3rem 1.6rem 0rem rgba(0, 0, 0, 0.1);

}



.header_area.navbar_fixed .main_menu .navbar {

	background: #FAFAFA;

	display: block; /*FC*/

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

	/*line-height: 20px;*/

	color: #333333;

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link::after {

	color: #333333 !important;

}



/*FC*/

.header_area.navbar_fixed .main_menu .navbar .nav {

	border-bottom: none;

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item:hover .nav-link,

.header_area.navbar_fixed .main_menu .navbar .nav .nav-item.active .nav-link {

	/*color: #fff;*/

}



.header_area.white_menu .navbar .nav .nav-item .nav-link {

	color: #fff;

}



.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {

	display: inline-block;

}



.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img+img {

	display: none;

}



.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

	line-height: 7rem;

}



.top_menu {

	background: #ec9d5f;

}



.top_menu .float-left a {

	line-height: 4rem;

	display: inline-block;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.2rem;

	margin-right: 5rem;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.top_menu .float-left a:last-child {

	margin-right: 0px;

}



.top_menu .float-right .pur_btn {

	color: #fff;

	line-height: 4rem;

	display: block;

	padding: 0px 4rem;

	font-weight: 500;

	font-size: 1.2rem;

}



/* Image size */

    .list-photo {

		width: 100%;

		max-height: 180px;

    }



    .user-photo {

		width: 60px;

		height: 60px;

	}



	.img-40x40 {

		width: 40px;

		height:40px;

	}



	/*.img-130x32 {

		width: 130px;

		height: 32px;

	}*/



	/*FC*/

	.img-130x32 {

		/* width: 100%;

		height: 100px; */

		/* width: 260px;

		height: 60px; */

		width: 120px;

		height: 57px;

	}



	.img-60x60 {

		width: 60px;

		height: 60px;

	}



	.border-radius-50p {

		border-radius: 50%;

	}



	.img-70x70 {

		width: 70px;

		height: 70px;

	}



	.img-90x90 {

		min-width: 90px;

		height: 90px;
width: 90px;
	}



	.img-100x100 {

		width: 100px;

		height:100px;

	}



	.img-tpl {

		max-height:150px;

		width:100%

	}



    .w-450{

		width: 500px;

    }



    .min-h-300 {

		min-height: 300px;

	}



	.v-h-100 {

		height: 100vh;

	}



/* header style end*/

@media (max-width: 1619px) {



/* Main Menu Area css */

	.header_area .navbar .search {

		margin-left: 4rem;

	}



/* End Main Menu Area css*/

}



	@media (max-width: 1199px) {



	/* Main Menu Area css*/

	.header_area .navbar .nav .nav-item {

		margin-right: 2.8rem;

	}



	/* End Main Menu Area css */

	/* Home Banner Area css*/

	.home_banner_area .banner_inner {

		padding: 10rem 0rem;

	}



	/* End Home Banner Area css */

	.header_area .navbar .tickets_btn {

		margin-left: 4rem;

	}



	.home_banner_area .banner_inner .banner_content h2 br {

		display: none;

		font-size: 3.6rem;

	}



	.home_banner_area .banner_inner .banner_content h2 {

		font-size: 3.6rem;

		line-height: 4.5rem;

	}

}



	@media (max-width: 991px) {



	/* Main Menu Area css */

	.navbar-toggler {

		border: none;

		border-radius: 0px;

		padding: 0px;

		cursor: pointer;

		margin-top: 2.7rem;

		margin-bottom: 2.3rem;

	}



	.header_area .navbar {

		/* background: #f5f5f5; */

	}



	.header_area .navbar .nav-item.active .nav-link {

		color: #6059f6 !important;

	}



	.navbar-toggler[aria-expanded="false"] span:nth-child(2) {

		opacity: 1;

	}



	.navbar-toggler[aria-expanded="true"] span:nth-child(2) {

		opacity: 0;

	}



	.navbar-toggler[aria-expanded="true"] span:first-child {

		transform: rotate(-45deg);

		position: relative;

		top: .75rem;

	}



	.navbar-toggler[aria-expanded="true"] span:last-child {

		transform: rotate(45deg);

		bottom: .6rem;

		position: relative;

	}



	.navbar-toggler span {

		display: block;

		width: 2.5rem;

		height: .3rem;

		background: #FFFFFF;

		margin: auto;

		margin-bottom: .4rem;

		transition: all 400ms linear;

		cursor: pointer;

	}



	.navbar .container {

		padding-left: 1.5rem;

		padding-right: 1.5rem;

	}



	.nav {

		padding: 0px 0px;

	}



	.header_top .nav {

		padding: 0px;

	}



	.header_area .navbar .nav .nav-item .nav-link {

		padding: 1.2rem 0;

		margin-right: 0px;

		display: block;

		border-bottom: .1rem solid #ededed33;

		border-radius: 0px;

	}



	.header_area .navbar .search {

		margin-left: 0px;

	}



	.header_area .navbar-collapse {

		max-height: 34rem;

		overflow-y: scroll;

	}



	.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {

		padding: 0px 1.5rem;

	}



	.header_area .navbar .nav .nav-item {

		margin-right: 0px;

	}



	.home_banner_area .banner_inner .banner_content .banner_map_img {

		display: none;

	}



	.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

		line-height: 4rem;

	}



	.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

		line-height: 4rem;

	}



	.header_area.white_menu .navbar .nav .nav-item .nav-link {

		color: #2B2B2B;

	}



	/* End Main Menu Area css */

	/* Blog page Area css */

	.categories_post img {

		width: 100%;

	}



	.categories_post {

		max-width: 36rem;

		margin: 0 auto;

	}



	.blog_categorie_area .col-lg-4 {

		margin-top: 3rem;

	}



	.blog_area {

		padding-bottom: 8rem;

	}



	.single-post-area .blog_right_sidebar {

		margin-top: 3rem;

	}



	/* End Blog page Area css */

	/* Contact Page Area css */

	.contact_info {

		margin-bottom: 5rem;

	}



	/* End Contact page Area css*/

	.home_banner_area .donation_inner {

		margin-bottom: -3rem;

	}



	.home_banner_area .dontation_item {

		max-width: 35rem;

		margin: auto;

	}



	.home_banner_area .banner_inner .home_left_img {

		display: none;

	}



	.header_area .navbar .tickets_btn {

		display: none;

	}



	.home_banner_area .banner_inner {

		padding: 7rem 0rem 10rem 0rem;

	}



	.left_side_text {

		margin-bottom: 5rem;

	}



	.price_item {

		max-width: 36rem;

		margin: 0rem auto 3rem;

	}



	.price_inner {

		margin-bottom: -3rem;

	}

}



@media (max-width: 767px) {

	.home_banner_area {

		min-height: 50rem;

	}



	.home_banner_area .banner_inner {

		min-height: 50rem;

	}



	.home_banner_area .banner_inner .banner_content {

		margin-top: 0rem;

	}



	/* Blog Page Area css*/

	.blog_banner .banner_inner .blog_b_text h2 {

		font-size: 4rem;

		line-height: 5rem;

	}



	.blog_info.text-right {

		text-align: left !important;

		margin-bottom: 1rem;

	}



	/* End Blog Page Area css*/

	.home_banner_area .banner_inner .banner_content h3 {

		font-size: 3rem;

	}



	.home_banner_area .banner_inner .banner_content p br {

		display: none;

	}



	.home_banner_area .banner_inner .banner_content h3 span {

		line-height: 4.5rem;

		padding-bottom: 0rem;

		padding-top: 0rem;

	}



	.made_life_inner .nav.nav-tabs li {

		flex: 0 0 50%;

		max-width: 50%;

		margin-bottom: 1.5rem;

	}



	.made_life_inner .nav.nav-tabs {

		margin-bottom: -1.5rem;

	}



	.made_life_area.made_white .left_side_text {

		margin-bottom: 0rem;

		margin-top: 3rem;

	}

}



@media (max-width: 575px) {

	.top_menu {

		display: none;

	}



	/* Home Banner Area css */

	.home_banner_area .banner_inner .banner_content h2 {

		font-size: 2.8rem;

		line-height: 3.8rem;

	}



	.home_banner_area {

		min-height: 45rem;

	}



	.home_banner_area .banner_inner {

		min-height: 45rem;

	}



	.blog_banner .banner_inner .blog_b_text {

		margin-top: 0rem;

	}



	.home_banner_area .banner_inner .banner_content img {

		display: none;

	}



	.home_banner_area .banner_inner .banner_content h5 {

		margin-top: 0rem;

	}



	/* End Home Banner Area css*/

	.p_120 {

		padding-top: 7rem;

		padding-bottom: 7rem;

	}



	.main_title h2 {

		font-size: 2.5rem;

	}



	/* Elements Area css */

	.sample-text-area {

		padding: 7rem 0 7rem 0;

	}



	.generic-blockquote {

		padding: 3rem 1.5rem 3rem 3rem;

	}



	/* End Elements Area css*/

	/* Blog Page Area css */

	.blog_details h2 {

		font-size: 2rem;

		line-height: 3rem;

	}



	.blog_banner .banner_inner .blog_b_text h2 {

		font-size: 2.8rem;

		line-height: 3.8rem;

	}



	/* End Blog Page Area css */



	.pad_top {

		padding-top: 7rem;

	}



	.pad_btm {

		padding-bottom: 7rem;

	}

}



@media (max-width: 480px) {



	/* Main Menu Area css

	============================================================================================ */

	.header_area .navbar-collapse {

		max-height: 25rem;

	}



	/* End Main Menu Area css

	============================================================================================ */

	/* Home Banner Area css

	============================================================================================ */

	.home_banner_area .banner_inner .banner_content {

		padding: 3rem 1.5rem;

		margin-top: 0px;

	}



	.banner_content .white_btn {

		display: block;

	}



	.home_banner_area .banner_inner .banner_content h3 {

		font-size: 2.4rem;

	}



	/* End Home Banner Area css

	============================================================================================ */

	.banner_area .banner_inner .banner_content h2 {

		font-size: 3.2rem;

	}



	/* Blog Page Area css

	============================================================================================ */

	.comments-area .thumb {

		margin-right: 1rem;

	}



	/* End Blog Page Area css

	============================================================================================ */

	.testi_item .media .d-flex {

		padding-right: 0rem;

	}



	.testi_item .media .d-flex img {

		width: auto;

		margin-bottom: 1.5rem;

	}



	.testi_item .media {

		display: block;

	}



	.banner_btn {

		margin-bottom: 2rem;

	}

}



/* banner section start

============================================================================================ */

.hero-banner {

	/*padding-top: 6.7rem;*/

	padding-top: 0px;

}





.hero-banner h1 {

	color: #2B2B2B;

	margin-bottom: 3rem;

	font-size: 2.3rem;

	font-weight: 700;

	padding: 0 15px 0 15px;

}



@media (max-width: 1200px) {

	.hero-banner h1 {

		font-size: 2.8rem;

	}

}



@media (max-width: 991px) {

	.hero-banner h1 {

		font-size: 2.8rem;

	}

}



.hero-banner-sm {

	background: url(../img/banner/banner.png) left center no-repeat;

	background-size: cover;

	padding-top: 14rem;

	padding-bottom: 9rem;

}



@media (min-width: 992px) {

	.hero-banner-sm {

		padding-top: 24rem;

		padding-bottom: 14rem;

	}

}



.hero-banner-sm h1 {

	text-transform: uppercase;

	color: #6059f6;

}



@media (max-width: 991px) {

	.hero-banner-sm h1 {

		font-size: 3.8rem;

	}

}



@media (max-width: 768px) {

	.hero-banner-sm h1 {

		font-size: 2.8rem;

	}

}



.hero-banner-sm p {

	margin-bottom: 0;

}



.hero-banner-sm-content {

	max-width: 40rem;

}



.bg-shape {

	position: relative;

}



@media (max-width: 620px) {

	.bg-shape::before {

		display: none;

	}

}



@media (max-width: 620px) {

	.bg-shape::after {

		display: none;

	}

}



/* banner section end

============================================================================================ */

/* breadcrumb section start

============================================================================================ */

.banner-breadcrumb {

	display: inline-block;

}



.banner-breadcrumb .breadcrumb {

	background: transparent;

	padding: 0;

}



.banner-breadcrumb .breadcrumb-item {

	padding: .1rem;

}



.banner-breadcrumb .breadcrumb-item a {

	text-transform: capitalize;

	color: #fff;

}



.banner-breadcrumb .breadcrumb-item+.breadcrumb-item::before {

	color: #fff;

	padding-left: .2rem;

	padding-right: .4rem;

}



.banner-breadcrumb .breadcrumb-item.active {

	color: #fff;

}



/*=================== custom button rule start ====================*/

.button {

	display: inline-block;

	background-color: #9c65f2;

	border: 1px solid #3b2560 !important;

	color: #fff;

	font-weight: 600;

	/*border-radius: 30px;*/

	padding: .8rem 2.5rem;text-transform: uppercase;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	/* border-radius: 25px; */

}





.button:hover {

	background-color:#ffF;

	color: #3b2560 !important;

	border: 1px solid #3b2560 !important;

}



.button-hero {

	font-weight: 500;

}



.button-contactForm {

	border-radius: .5rem;

}



.button-shadow {

	box-shadow: 0rem 1rem 2rem 0rem rgba(181, 176, 255, 0.2);

}



button.button {

	border: 0;

}



/*********************** Image Hover CSS *****************/

.content {

	margin: 0 auto;

	max-width: 100rem;

}



.content>h2 {

	clear: both;

	margin: 0;

	padding: 4em 1% 0;

	color: #484B54;

	font-weight: 700;

	font-size: 1.5em;

}



.content>h2:first-child {

	padding-top: 0em;

}



/* Header */

.codrops-header {

	margin: 0 auto;

	padding: 4em 1em;

	text-align: center;

}



.codrops-header h1 {

	margin: 0;

	font-weight: 700;

	font-size: 4em;

	line-height: 1.3;

}



.codrops-header h1 span {

	display: block;

	padding: 0 0 0.6em 0.1em;

	color: #74777b;

	font-weight: 300;

	font-size: 45%;

}



/* Demo links */

/* To Navigation Style */

/* Related demos */

@media screen and (max-width: 25em) {

	.codrops-header {

		font-size: 75%;

	}



	.codrops-icon span {

		display: none;

	}

}



.grid {

	position: relative;

	clear: both;

	margin: 0 auto;

	/* padding: 1em 0 4em; */

	max-width: 100rem;

	list-style: none;

	text-align: center;

}



/* Common style */

.grid figure {

	position: relative;

	float: left;

	overflow: hidden;

	width: 100%;

	height: auto;

	text-align: center;

	cursor: pointer;

	/*border-radius: .3rem;*/

	border-radius: 20px; /*FC*/

}



.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}



.grid figure figcaption {

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.grid figure figcaption::before,

.grid figure figcaption::after {

	pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption>a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption>a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}



.grid figure h2 span {

	font-weight: 700;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	font-size: 20px;

	font-weight: 700;

}



.position-center {

	position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

.section-intro {

	max-width: 70rem;

	margin-right: auto;

	margin-left: auto;

}



.section-intro.text-center.pb-90px h2 {

	font-weight: 700;

	text-transform: capitalize;

	font-size: 3rem;

}



.section-padding {

	padding: 30px 0;

}



/*---------------*/

/***** Ming *****/

/*---------------*/

figure.effect-ming {

	background: #030c17;

}



figure.effect-ming img {

	opacity: 0.7;

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

}





figure.effect-ming p a {

	color: #fff;

}



figure.effect-ming p a:hover {

	/* color: #1dbf73; 5aug */

}



figure.effect-ming:hover h2 {

	-webkit-transform: scale(0.9);

	transform: scale(0.9);

	display: none;

}





figure.effect-ming figcaption {

	background-color: rgba(0, 0, 0, 0.5);

}



figure.effect-ming figcaption {

	background-color: rgb(0 0 0 / 0%);

}



figure.effect-ming:hover img {

	opacity: 0.4;

}



/************************ Form HTML ********************/
/* //mk // */
@media (max-width: 768px) {
    .main_formbg {
        max-width: 100%; /* Adjust width for small screens */
        margin: 0 auto; /* Center horizontally */
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}



.main_formbg {

	/*background: rgba(255,255,255,0.5); /* PK */

	border-radius: 8.3rem;	/* PK */

	width: 100%;

	padding: 2rem;

	margin-top: 0px; /*FC*/

	/*box-shadow: 0rem 0.5rem 2rem rgba(0, 0, 0, 0.16);*/

}



div.elem-group {

	margin: 1rem 0;

	font-size: 1.4rem;

}



div.elem-group.inlined {

	width: 49%;

	display: inline-block;

	float: left;

	margin-left: 1%;

}



.selectbg {

	width: 49%;

	display: inline-block;

	float: left;

	margin-left: 1%;

}



.selectbg label {

	margin: 0rem 0 .4rem 0 !important;

	font-weight: 700;

	text-transform: uppercase;

	font-size: 1.4rem;

	color: #2B2B2B;

}



.elem-group.inlined label {

	margin: 0 0 .5rem 0 !important;

	font-size: 1.4rem;

	display: block;

	text-transform: uppercase;

	font-weight: 700;

	color: #2B2B2B;

}



.elem-group label {

	margin: 0 0 .5rem 0;

	text-transform: uppercase;

	font-weight: 700;

	color: #2B2B2B;

}



input,

select,

textarea {

	border: 1px solid #ddd;

	box-sizing: border-box;

	font-size: 1.3rem;

	padding: 1rem 1rem 1rem 1rem;

}



.selectdrop {

	background: #eee;

	padding: 15px 0 15px 15px;

	border-radius: 3px;

	margin: 15px 0 15px 0;

}



input.checkinout {

	padding: 12px !important;

	height: 40px;

}



input:focus,

select:focus,

textarea:focus {

	outline: none;

}



div.elem-group.inlined input {

	width: 100%;

	display: inline-block;

}



	.booking button {

		background: #1dbf73;

		border: none;

		color: white;

		font-size: 1.5rem;

		cursor: pointer;

		margin-top: 3rem;

		padding: 1rem;

		width: 100%;

		border-radius: .3rem;

		text-transform: uppercase;

		font-weight: 700;

	}



	.booking button:hover {

		background: #1dbf73;

	}



	/******************** Reccommended *******************/

	.imagebg {

		overflow: hidden;

		margin-bottom: 2rem;

	}



	.imagebg ul {

		margin: 0;

		padding: 0;

	}



	ul.bottom_text li {

		font-size: 1.4rem;

		list-style: none;

		display: inline;

		color: #2B2B2B;

		padding: 0 1rem 0 0;

	}



	.search_amini {

		background: #dadada;

		padding-left: 20px;

		padding-right: 20px;

	}



	.imagebg ul li {

		list-style: none;

		display: inline;

	}



	.imagebg ul li span {

		font-size: 1.4rem;

		text-transform: uppercase;

		color: #2B2B2B;

		font-weight: 700;

	}



	.imagebg ul li span div.price {

		font-size: 1.3rem;

		color: #777;

		font-weight: 700;

	}



	.imagebg img {

		width: 100%;

	}



	.imagebg2 {

		background-color: #000;

		margin-bottom: .5rem;

	}



	.imagebg2 img {

		transition: 300ms;

	}



	.imagebg2:hover img {

		opacity: 0.4;

	}



	.buttonbg button {

		background: #1dbf73;

		border: none;

		color: #fff;

		padding: .4rem 1rem .4rem 1rem;

		margin-top: .7rem;

		float: left;

		font-size: 1.2rem;

		text-transform: uppercase;

		font-weight: 700;

	}



	.buttonbg button:hover {

		background: #1dbf73;

	}



	.recommandedbg {

		background: #dddddd52;

	}



	.pint_table {

		overflow: hidden;

		width: 100%;

		margin-top: .5rem;

	}



	.left_point {

		float: left;

		width: 48%;

	}



	.right_point {

		float: right;

		width: 48%;

	}



	.right_point h2 {

		font-size: 1.9rem;

		text-align: right;

		margin-top: .3rem;

	}



	.right_point h2 strong {

		color: #1dbf73;

	}



	.right_point h2 span {

		font-size: 1.5rem;

	}



	.left_point ul li {

		list-style: none;

		display: inline;

		font-size: 1.3rem;

	}



	.left_point ul li i:hover {

		color: #1dbf73;

	}



	/*---------------*/

	/***** Milo *****/

	/*---------------*/

	figure.effect-milo {

		background: #2e5d5a;

		border-radius: 25px 25px 0px 0px; /*FC*/

	}



	figure.effect-milo img {

		max-width: none;

		width: -webkit-calc(100% + 6rem);

		width: calc(100% + 6rem);

		opacity: 1;

		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

		transition: opacity 0.35s, transform 0.35s;

		-webkit-transform: translate3d(-3rem, 0, 0) scale(1.12);

		transform: translate3d(-3rem, 0, 0) scale(1.12);

		-webkit-backface-visibility: hidden;

		backface-visibility: hidden;

	}



	figure.effect-milo:hover img {

		opacity: 0.5;

		-webkit-transform: translate3d(0, 0, 0) scale(1);

		transform: translate3d(0, 0, 0) scale(1);

	}



	figure.effect-milo h2 {

		position: absolute;

		right: 0;

		bottom: 0;

		padding: 1em 1.2em;

	}



	figure.effect-milo p {

		padding: 0 1rem 0 0;

		width: 50%;

		border-right: 1rem solid #fff;

		text-align: right;

		opacity: 0;

		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

		transition: opacity 0.35s, transform 0.35s;

		-webkit-transform: translate3d(-4rem, 0, 0);

		transform: translate3d(-4rem, 0, 0);

	}



	figure.effect-milo:hover p {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}



	.full_title {

		float: left;

		width: 100%;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

	}



	.price {

		padding: 0 0 0 .1rem;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

		margin-bottom: .5rem;

	}



	.full_title h2 {

		font-size: 1.8rem;

		font-weight: 700;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

	}



	ul.bottom_text {

		background: #dadada;

		overflow: hidden;

		width: 100%;

		padding: .3rem 0 .3rem 1.2rem;

		border-radius: .3rem;

	}



	.profile-img img {

		border-radius: 50%;

		width: 7rem;

		height: 7rem;

		object-fit: contain;



	}



	/*************************** Testimonial CSS **********************************/

	.testimonials {

		padding-bottom: 2.2em;

		text-align: center;

		color: #666;

	}



	.testimonials h1 {

		color: #2B2B2B;

		font-size: 1.3em;

	}



	.testimonials .test-body {

		padding: 1em;

	}



	.testimonials .item {

		background: #fff;

        padding: 3.5rem 3rem 0.5rem 3rem;

        border-radius: .4rem;

        box-shadow: 0rem 0.5rem 2rem rgba(0, 0, 0, 0.11);

        margin-bottom: 1.5rem;

        border-radius: 0px 90px 0px 90px;

	}



	.testimonials img {

		width: 10rem;

		height: 10rem;

		border-radius: 50%;

        box-shadow: 0 0 20px 10px rgba(156, 101, 242, 0.5);

	}



	.testimonials .name {

		color: #2B2B2B;

		font-size: 1.8rem;

		text-transform: capitalize;

		font-weight: 700;

		padding: 1.8rem 0 0 0;

	}



	.testimonials .desig {

		font-size: 1.6rem;

		margin: 0 0 0.9rem 0;

		font-weight: 500;

		color: #2B2B2B;

	}



	.testimonials .share {

		margin: 0 auto;

		width: 5em;

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-pack: justify;

		-ms-flex-pack: justify;

		justify-content: space-between;

	}



	.testimonials i {

		padding: 0.5em 0;

		-webkit-transition: all 0.5s;

		-o-transition: all 0.5s;

		transition: all 0.5s;

		cursor: pointer;

	}



	.testimonials h2 {

		margin-bottom: 30px;

	}



	.testimonials i:hover {

		color: #777;

	}



	.testimonialbg {

		margin: -.5rem 0 -.5rem 0;

		background: url(../img/testimonial_bg.jpeg) fixed center center;

		background-size: cover;

	}



	.item ul {

		margin: 0;

		padding: 0;

	}



	.item ul li {

		list-style: none;

		display: inline;

	}



	/*=================== custom button rule end ====================*/

	.main-panel {

		position: relative;

		display: -ms-flexbox;

		-ms-flex-direction: column;

		word-wrap: break-word;

	}



	.m-l-b-fff {

		background: #fff;

	}



	.m-l-b-p {

		padding: 15px 0 15px 0;

	}



	.m-l-b-m {

		margin: 15px;

	}



	.card-default {

		box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;

	}



	.card-2 {

		background: #9c65f2;

		color:#fff;

		width: 90px;

		height:90px;

		margin-bottom: 10px;

	}



		.card-1:hover {

			/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/

			box-shadow: none; /*FC*/

		}



		.card-raised {

			box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12) !important;

		}



		.card-shadow {

			box-shadow: 0 0 5px 1px #eaeaea;

			border: none;

		}



		.view-group {

			display: -ms-flexbox;

			display: flex;

			-ms-flex-direction: row;

			flex-direction: row;

			padding-left: 0;

			margin-bottom: 0;

		}



		.thumbnail {

			margin-bottom: 30px;

			padding: 0px;

			-webkit-border-radius: 0px;

			-moz-border-radius: 0px;

			border-radius: 0px;

		}



		.item.list-group-item {

			float: none;

			width: 100%;

			background-color: #fff;

			margin-bottom: 30px;

			-ms-flex: 0 0 100%;

			flex: 0 0 100%;

			max-width: 100%;

			padding: 0 1rem;

			border: 0;

		}



		.item.list-group-item .img-event {

			float: left;

			width: 30%;

		}



		.item.list-group-item .list-group-image {

			margin-right: 10px;

		}



		.item.list-group-item .thumbnail {

			margin-bottom: 0px;

			display: inline-block;

			width: 100%;

		}



		.item.list-group-item .caption {

			float: left;

			width: 70%;

			margin: 0;

		}



		.item.list-group-item:before,

		.item.list-group-item:after {

			display: table;

			content: " ";

		}



		.item.list-group-item:after {

			clear: both;

		}



		.avatar {

			vertical-align: middle;

			width: 13rem;

			height: 13rem;

			border-radius: 50%;

		}



		.head_avatar {

			vertical-align: middle;

			 width: 4rem;    /*mayank */

			height: 4rem;/*mayank */

			border-radius: 50%;

			padding: .7rem;

			margin-top: 1.5rem; /*mayank */

			margin-left: 20px; /*FC*/

		}
/* mk */
.head_avatar-menu{
	margin-top:0rem!important; /*mayank */
	width: 5rem!important;  
	margin-left:0px!important; /*FC*/
	height: 5rem!important;/*mayank */
}


ul.tophd li {

	list-style: none;

	display: inline;

	float: left;

	padding: 0 16px 0px 0;

}



.sidebar {

	top: 0;

	bottom: 0;

	position: absolute;



}



/**************** Icon Css ***************************/

.i-vertical-align {

	vertical-align: middle;

}



/**************** End Icon Css ***************************/



.main-section {

	margin-left: 250px !important;

	width: 100%;

}



@media (max-width: 767px) {

	.sidebar {

		width: 0px;

	}



	.main-section {

		margin-left: 0px !important;

	}

}

/* mk default dropdown arrow */
select {
    appearance: none; /* Hides the default arrow */
    -webkit-appearance: none; /* Hides the default arrow in WebKit browsers */
    -moz-appearance: none; /* Hides the default arrow in Firefox */
    background: url('../front/images/dropdown-arrow.png') no-repeat right 10px center; /* Adds a custom arrow image */
    background-size: 10px auto;
  }


.form-control {

	display: block;

	width: 100%;

	padding: 0.480rem 1.7rem !important;

	font-size: 1.3rem;

	line-height: 1.5;

	color: #495057;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid #ced4da;

	border-radius: 25px;

	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

	height: 44px;

}



.form-control:focus {

	outline: none;

	border: none;

}







.form-control:focus,

textarea:focus,

select.form-control:focus,

textarea.form-control:focus,

input.form-control:focus,

input[type=text]:focus,

input[type=password]:focus,

input[type=email]:focus,

input[type=number]:focus,

[type=text].form-control:focus,

[type=password].form-control:focus,

[type=email].form-control:focus,

[type=tel].form-control:focus,

[contenteditable].form-control:focus {

	outline: none;

	box-shadow: none !important;

}



select.form-control:not([size]):not([multiple]) {

	height: calc(2.25rem + 2rem);

}



.profilebd {

	padding: 15px 15px 15px 15px;

	margin: 20px 0 30px 0;

}



.main-panelbg {

	background: #eee;

}

.main-panelborder{
    border-radius: 25px 25px 0 0px!important;

}


.main-panel.border.main-panelbg p {

	margin: 0;

	padding: 10px 15px 10px 15px !important;

}



li.edit-verifications-list-item p {

	font-size: 14px;

}



.error-tag {

    color: #fa3b3b;

    font-size: 14px;

}



	label.error {

		color: red !important;

		font-size: 1.3rem;

	}



	.margin-top-85 {

		margin-top: 15rem;

	}



	.active-nav {

		border-bottom: .3rem solid #1dbf73;

		font-weight: 700;

	}





	.side-item {

		position: relative;

		display: block;

		padding: .75rem 1.25rem;

		border: 1px solid rgba(0, 0, 0, .125);

		background: #c0c0c0c0;

		border-radius: 15px;

		margin-top: 15px;

		text-align: center;

		font-size: 1.6rem;

	}





	.active-side {

		background: #FFF !important;  /*PK 6June*/

		color: #9c65f2 !important;

        border-color: #9c65f2 !important;

		text-align: center;

		font-size: 1.6rem;

		border-radius: 15px;

		border: 0px;

	}



	.active-side a {

		color: #fff;

		font-weight: 700;

	}
/* mk search page */
@media (min-width: 768px) {
    .left-padding{
        padding-left: 1.5rem !important;
    }
  }
	@media (min-width: 576px) and (max-width: 767px) {
        .card-padding{
            padding: 2rem!important;
        }
      }

    @media (min-width: 481px) and (max-width: 767px) {
        .room-image-container200 {
            border-radius: 25px 25px 0px 0px !important;     /* mk*/

            width: 109%!important;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .room-image-container200 {
            border-radius: 25px 25px 0px 0px !important;     /* mk*/

            width: 105%!important;
        }
      }
      @media (min-width: 992px) {
        .room-image-container200 {
            border-radius: 25px 0px 0px 25px!important;          /* mk*/


        }
      }



	.room-image-container200 {

		width: 100%;

		height: 230px;                 /* mk*/

		background-color: #f5f5f5;

		background-size: cover;

		background-position: center;

		position: relative;

		object-fit: cover;

        /*box-shadow: 1px 1px 10px rgb(3 174 116 / 25%);*/

        border-radius: 25px 0px 0px 25px; /*FC*/           /* mk*/

		margin-left: -10px; /*FC*/

		margin-top: -10px; /*FC*/

		margin-bottom: -10px; /*FC*/

	}
	/* mk */

	@media (min-width: 320px) and (max-width: 374px) {
		.room-image-container200 {
			width: 108%!important;
		
		}
	}
	
	@media (min-width: 375px) and (max-width: 439px) {
		.room-image-container200 {
			width: 106%!important;
		
		}
	}
	
	@media (min-width: 440px) and (max-width: 480px) {
		.room-image-container200 {
			width: 105%!important;
			
		}
	}
	


	.display-off {

		display: none;

	}





	/*calender*/

	.calendar-month {

		width: 100%;

		padding: 20px;

		-moz-user-select: none;

		-webkit-user-select: none;

		-ms-user-select: none

	}





	.calendar-month .current-month-selection {

		display: inline-block;

		position: relative;

		cursor: pointer

	}



	.calendar-month .current-month-selection h2 {

		padding-top: 4px

	}



	.calendar-month .current-month-selection select {

		position: absolute;

		width: 100%;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		opacity: 0;

		-ms-filter: "alpha(opacity=0)";

		filter: alpha(opacity=0)

	}



	.calendar-month .current-month-selection .current-month-arrow {

		font-size: 24px;

		position: relative;

		top: -3px;

		text-rendering: optimizeLegibility

	}



	.calendar-month .month-nav {

		color: #565a5c;

		border: 1px solid #ddd;

		width: 46px;

		height: 42px;

		display: inline-block

	}



	.calendar-month .month-nav.disabled {

		color: #d7d7d7;

		border-color: #e6e6e6;

		cursor: default

	}



	.calendar-month .month-nav.disabled:hover {

		color: #d7d7d7

	}



	.calendar-month .month-nav .icon {

		width: 46px;

		height: 42px;

		line-height: 42px

	}



	.calendar-month .month-nav:hover {

		color: #9ca299;

		text-decoration: none

	}



	.calendar-month .month-nav-next {

		margin-right: 15px;

		margin-left: -1px;

		padding-top: 10px;

	}



	.calendar-month .month-nav-previous {

		margin-right: 15px;

		margin-left: -1px;

		padding-top: 10px;

	}



	.calendar-month .spinner-next-to-month-nav {

		position: absolute;

		top: 18px;

		left: 100%;

		width: 35px;

		margin-left: 13px;

		font-size: 0;

		color: transparent

	}



	.calendar-month.calendar-placeholder {

		min-height: 456px

	}



	.host-calendar-container {

		position: relative;

	}



	/*calender end*/

	.col-md-02 {

		position: relative;

		min-height: 1px;

		padding-right: 0;

		padding-left: 0;

		margin-left: -1px;

	}



	.col-md-02 {

		float: left;

	}



	.col-md-02 {

		width: 14.333%;

	}



	.wkText {

		font-size: 1.6rem;

		color: #414141;

		margin-left: 2px;

	}



    .dTfont {

        position: absolute!important;

        bottom: 0!important;

    }



	.calender_box {

		border: 1px solid #d4d4d4;

		padding: 2px 5px;

		height: 110px;

		border-bottom: 0;

	}

	.dt-not-available {

		background-color: #dce0e0;

		cursor: not-allowed;

		pointer-events: none;

	}



	.dt-today .final_day {

		font-weight: bold;

	}



	.dt-available-with-events {

		background-color: #EEAE9C;

	}

	.margin-top30 {

		margin-top: 30px;

	}



	.tile{

		width: 100%;

		background: #fff;

		border-radius: 5px;

		float: left;

		transform-style: preserve-3d;

	}



	.header{

		border-bottom:1px solid #ebeff2;

		padding:19px 0;

		text-align:center;

		color:#59687f;

		font-size:600;

		font-size:19px;

		position:relative;

	}



	.banner-img {

		padding: 5px 5px 0;

	}



	.banner-img img {

		width: 100%;

		border-radius: 5px;

	}



	.dates{

		border: 1px solid #e6e6e6;

		border-radius: 5px;

		padding: 10px 0px;

		margin: 0px 15px;

		font-size: 16px;

		color: #5aadef;

		font-weight: 600;

		overflow: auto;

		background: #eeeeee54;

	}

	.dates div{

		float: left;

		width: 100%;

		text-align: center;

		position: relative;

		font-weight: normal;

		color: #000;

	}

	.dates strong,

	.stats strong{

		display: block;

		color: #9c65f2;

		font-size: 18px;

		font-weight: 700;

	}



.stats{

	border-top:1px solid #ebeff2;

	background:#f7f8fa;

	overflow:auto;

	padding:15px 0;

	font-size:16px;

	color:#59687f;

	font-weight:600;

	border-radius: 0 0 5px 5px;

}

.stats div{

	border-right:1px solid #ebeff2;

	width: 33.33333%;

	float:left;

	text-align:center

}



.stats div:nth-of-type(3){border:none;}



div.footer {

	text-align: right;

	position: relative;

	margin: 20px 5px;

}



div.footer a.Cbtn{

	padding: 10px 25px;

	background-color: #DADADA;

	color: #666;

	margin: 10px 2px;

	text-transform: uppercase;

	font-weight: bold;

	text-decoration: none;

	border-radius: 3px;

}



div.footer a.Cbtn-primary{

	background-color: #5AADF2;

	color: #FFF;

}



div.footer a.Cbtn-primary:hover{

	background-color: #7dbef5;

}



div.footer a.Cbtn-danger{

	background-color: #fc5a5a;

	color: #FFF;

}



div.footer a.Cbtn-danger:hover{

	background-color: #fd7676;

}



.daterangepicker{

	max-width: none;

	z-index: 10000;

	box-shadow: 0 14px 36px 2px rgba(0,0,0,.15);

	-webkit-box-shadow: 0 14px 36px 2px rgba(0,0,0,.15);

}



.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {

	white-space: nowrap;

	text-align: center;

	vertical-align: middle;

	min-width: 34px;

	width: 45px!important;

	height: 45px!important;

	line-height: 24px!important;

	font-size: 15px!important;

	border-radius: 4px;

	border: 1px solid transparent;

	white-space: nowrap;

	cursor: pointer;

}

.daterangepicker td.start-date {

	border-radius: 25px!important;

}



.daterangepicker td.end-date {

	border-radius: 25px!important;

}

.daterangepicker td.in-range {

	border-color: transparent;

	color: #000;

	border-radius: 0;

}



.daterangepicker td.active, .daterangepicker td.active:hover {

	background-color: #9c65f2!important;

	border-color: transparent;

	color: #fff;

}

td.off.available {

	visibility: hidden;

}



.daterangepicker .drp-calendar {

	max-width: 350px!important;

}



.daterangepicker .ranges ul {

    margin-top: 15px;

}



table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {

    position: absolute!important;

    top: 8px!important;

    right: 8px;

    display: block!important;

    font-family: 'Font Awesome 5 Free'!important;

}



.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

	background: #9c65f2!important;

	color: #fff!important;

	border-color: transparent;

}





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

	.calender_box {

		height: 80px;

	}

}



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





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



}



.calenBox {

	margin-top: 30px;

}



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

	.calenBox {

		width: 100%;

		height: 300px;

		overflow: scroll;

		overflow-x: scroll;

	}



	.dTfont {

		position: absolute;

	}

}



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

	.vrent-button.pl-4.pr-4 {

		margin: 0px !important;

	}



	.pick-btn {

		width: 100% !important;

	}

	ul.tophd li {

		padding: 0 !important;

	}

}



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



	select.form-control:not([size]):not([multiple]) {

		height: calc(2.25rem + 2rem) !important;

	}



	.vrent-button.pl-4.pr-4 {

		margin: 0px !important;

		padding: 7px 5px 10px 5px !important;

	}





	.pick-btn {

		width: 100% !important;

	}

	ul.tophd li {

		padding: 0 !important;

	}



}



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

	.wkText {

		font-size: 12px;

		color: #414141;

		margin-left: 2px;

	}



}



.StripeElement {

	width: 100% !important;

}



.row {

	margin-left: 0px;

	margin-right: 0px;

}



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







	select.form-control:not([size]):not([multiple]) {

		height: calc(2.25rem + 2rem) !important;

	}



	.vrent-button.pl-4.pr-4 {

		margin: 0px !important;

		padding: 7px 5px 10px 5px !important;

	}



	.pick-btn {

		width: 100% !important;

	}

	ul.tophd li {

		padding: 0 !important;

	}



}



@media (max-width: 767px) {



	.col,

	.col-1,

	.col-10,

	.col-11,

	.col-12,

	.col-2,

	.col-3,

	.col-4,

	.col-5,

	.col-6,

	.col-7,

	.col-8,

	.col-9,

	.col-auto,

	.col-lg,

	.col-lg-1,

	.col-lg-10,

	.col-lg-11,

	.col-lg-12,

	.col-lg-2,

	.col-lg-3,

	.col-lg-4,

	.col-lg-5,

	.col-lg-6,

	.col-lg-7,

	.col-lg-8,

	.col-lg-9,

	.col-lg-auto,

	.col-md,

	.col-md-1,

	.col-md-10,

	.col-md-11,

	.col-md-12,

	.col-md-2,

	.col-md-3,

	.col-md-4,

	.col-md-5,

	.col-md-6,

	.col-md-7,

	.col-md-8,

	.col-md-9,

	.col-md-auto,

	.col-sm,

	.col-sm-1,

	.col-sm-10,

	.col-sm-11,

	.col-sm-12,

	.col-sm-2,

	.col-sm-3,

	.col-sm-4,

	.col-sm-5,

	.col-sm-6,

	.col-sm-7,

	.col-sm-8,

	.col-sm-9,

	.col-sm-auto,

	.col-xl,

	.col-xl-1,

	.col-xl-10,

	.col-xl-11,

	.col-xl-12,

	.col-xl-2,

	.col-xl-3,

	.col-xl-4,

	.col-xl-5,

	.col-xl-6,

	.col-xl-7,

	.col-xl-8,

	.col-xl-9,

	.col-xl-auto {

		position: relative;





		padding-right: 0px;

		padding-left: 0px;

	}

}



.price-pro {

	background: #018055;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 3px;

	top: -20px;

	position: absolute;

	font-size: -31px;

	left: 5px;

	color: #fff;

}



.modal-body {

	max-height: calc(100vh - 200px);

	overflow-y: auto;

}



.modal-content {

	border-radius: 25px; /*FC*/

}
/* mk */
@media (min-width: 768px) and (max-width: 990px) {
    .modal-content {

        padding: 4%!important;
    
    }
}


/* mk search popup btn */
.btnpadding{
    padding: 8px 16px!important;
}


input[type=checkbox] {

	display: inline-block !important;

	height: 15px !important;

	width: 24px !important;

	text-align: center !important;

	vertical-align: top !important;

	border-width: 1px !important;

	border-style: solid !important;

	border-color: rgb(176, 176, 176) !important;

	background: rgb(255, 255, 255) !important;

	overflow: hidden !important;

	border-radius: 4px !important;

	margin-right: 5px;
    margin-top: 10px!important;
}

.ml-20 {

	margin-left: 20px !important;

}

.ml-25 {

	margin-left: 25px !important;

}

.ml-5{

    margin-left: 5px !important;

}


/* mk search page */
.descolumn{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sticky-bottom{
    margin-top: auto;
}


@media (max-width: 768px) {
    .hidden-pod {

        margin-left: 20px;

        margin-right: 20px;                          /*mk*/

        padding-top: 65px;

    }

}
.hidden-pod {

	height: 600px;

	overflow-y: scroll;

	overflow-x: hidden;

	padding-top: 25px; /*FC*/

}



[data-toggle="collapse"] .fa:before {

	content: "\f139";

}



[data-toggle="collapse"].collapsed .fa:before {

	content: "\f13a";

}



[data-toggle="collapse"] .review-arrow:before {

	content: "\f107";

}



[data-toggle="collapse"].collapsed .review-arrow:before {

	content: "\f105";

}







/******* Padding Section *************/





/* List Grid view */

.inactive-list {

	color: #a2a2a2;

}



.list-bacground {

	background: #efefef;

}
/* mk */
@media (max-width: 384px) {
    .list-background {
      min-height: 100px!important; /* Allow height to adjust based on content */
    }
}


.badge-pill {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	color: #fff;

	font-weight: bold;

	display: inline-block;

	padding: 10px 9px;

	min-width: 45px;

	position: relative;

	overflow: hidden;

	background: #ffb400;

	background: -webkit-linear-gradient(310deg, #ffc333 55%, #ffb400 55%, #ffb400 100%);

	background: -moz-linear-gradient(310deg, #ffc333 55%, #ffb400 55%, #ffb400 100%);

	background: -o-linear-gradient(310deg, #ffc333 55%, #ffb400 55%, #ffb400 100%);

	background: linear-gradient(140deg, #ffc333 55%, #ffb400 55%, #ffb400 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc333', endColorstr='#ffffb400', GradientType=0);

}



.icon-beach {

	color: #1dbf73;

}



.rating_active {

	color: #9c65f2;

}



.rating {

	color: #2B2B2B;

}



/*star rating*/

.stars {

	min-height: 10px;

	width: 125px;

}



.star-rating-alt {

	background: url("../img/alt_star.png") repeat-x scroll left top rgba(0, 0, 0, 0);

	height: 25px;

	list-style: outside none none;

	padding: 0;

	position: relative;

	width: 125px;

}



.star-rating-alt li.current-rating {

	background: url("../img/alt_star.png") repeat scroll left center rgba(0, 0, 0, 0);

	display: block;

	height: 25px;

	position: absolute;

	text-indent: -9000px;

	z-index: 1;

}



@media screen and (min-width: 992px) {

	.custom_class_booking_type {

		text-align: center;

	}

}



.ex-image-container {

	width: 100%;

	height: 500px;

	background-color: #f5f5f5;

	background-size: cover;

	background-position: center;

	position: relative;

	margin-top: 11.5rem; /*FC*/

}



.slider-image-container {

	width: 100%;

	height: 500px;

	background-color: #f5f5f5;

	background-size: cover;

	background-position: center;

	position: relative;

	border-radius: 25px !important; /*FC*/

	box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; /*FC*/

}



/*add*/

.blue-color {

	color: #367ea6;

}



.tip {

	width: 0px;

	height: 0px;

	position: absolute;

	background: transparent;

	border: 10px solid #ccc;

}



.tip-left {

	top: 10px;

	left: -21px;

	border-top-color: transparent;

	border-left-color: transparent;

	border-bottom-color: transparent;

}



.tip-right {

	top: 10px;

	right: -21px;

	border-top-color: transparent;

	border-right-color: transparent;

	border-bottom-color: transparent;

}



.dialogbox .body {

	position: relative;

	height: auto;

	margin: 0 0 15px 0;

	padding: 5px 10px;

	background-color: #f4f4f4;

	border-radius: 2px;

	border: 1px solid #ccc;

	letter-spacing: 0.15rem;

}



.body .message {

	min-height: 30px;

	border-radius: 3px;

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	/* font-family: 'Lato'; */

	font-family: "Raleway", sans-serif;

	font-size: 14px;

	line-height: 1.5;

	color: #797979;

	letter-spacing: 0.15rem;

}



.media-photo-badgeSMS {

	border-radius: 50% !important;

	height: 90px !important;

	width: 90px !important;

}



.profile_photo img {

	border-radius: 50% !important;

	width: 120px;

	height: 120px;

}



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

	.media-photo-badgeSMS {

		border-radius: 50% !important;

		height: 70px !important;

		width: 70px !important;

		margin-top: 20px;

	}

}



.media-photo-badge img {

	width: 60px;

	height: 60px;

	border-radius: 50% !important;

	margin-bottom: 20px;

}







#booking-banner.stick {

	margin-top: 70px !important;

	position: fixed !important;

	width: 25%;

	top: 0;

	z-index: 10;

	border-radius: 0 0 0.5em 0.5em;

}



#booking-price.stick {

    position: fixed !important;

    width: 22.5%;

	top: 85px;

	right: 5%;

    z-index: 10;

    border: 1px solid rgba(0,0,0,.125);

    padding: 15px;

}









.page-item.active .page-link {

	z-index: 3;

	color: #fff;

	background-color: #9c65f2;

	border-color: #9c65f2;

	box-shadow: 0 0.5em 0.5em -0.4em var(--hover);

	border-radius: 25px !important;

}





.page-link {

	position: relative;

    display: block;

    margin: 6px;

    color: #9c65f2;

    background-color: #fff;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 7px;

    padding-bottom: 7px;

}



.page-link:hover {

	z-index: 3;

	color: #fff !important;

	background-color: #9c65f2;

	border-color: #9c65f2;



	box-shadow: 0 0.5em 0.5em -0.4em var(--hover);

	-webkit-transform: translateY(-0.25em);

	transform: translateY(-0.25em);

}





.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

	background: #9c65f2!important;

	color: #fff!important;

	background-color: #9c65f2!important;

	border: 1px solid #dee2e6!important;

}



.paginate_button.previous.disabled:hover {

	background: #fff!important;

}



.paginate_button.next.disabled:hover {

	background: #fff!important;

}







.dataTables_wrapper .dataTables_paginate .paginate_button {

	display: inline-block;



	padding: 0.3rem 1em!important;

	margin-left: 2px;

	text-align: center;

	text-decoration: none !important;

	cursor: pointer;

	cursor: hand;



	color: #9c65f2 !important;

	border: 1px solid #dee2e6!important;

	margin: .5rem;

}



.current {

	background: #9c65f2 !important;

    color: #fff!important;

}



.dataTables_wrapper  {

	margin-top: 2.2rem!important;

}



.dataTables_paginate paging_simple_numbers{

	padding: 1.5rem;

}

/*********************** Page Not Found Css *******************************/

#notfound {

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

	z-index: 999;

}



.notfound {

	width: 100%;

	line-height: 1.4;

	text-align: center;

}



#notfound .notfound {

	position: relative;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.notfound .notfound-404 {

	position: relative;

	height: 240px;

}



.notfound .notfound-404 h3 {

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	/* font-family: 'Lato'; */

	font-family: "Raleway", sans-serif;

	position: relative;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	color: #000000;

	margin: 0px;

	letter-spacing: 0.15rem;

	padding-left: 6px;

}



.notfound .notfound-404 h1 {

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	/* font-family: 'Lato'; */

	font-family: "Raleway", sans-serif;

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	font-size: 170px;

	font-weight: 900;

	margin: 0px;

	color: #1dbf73;

	text-transform: uppercase;

	margin-left: 0;

}



.notfound .notfound-404 h1>span {

	text-shadow: -8px 0px 0px #000;

}



.notfound h2 {

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	/* font-family: 'Lato'; */

	font-family: "Raleway", sans-serif;

font-size: 20px;

	font-weight: 400;

	text-transform: uppercase;

	color: #000;

	margin-top: 0px;

	margin-bottom: 25px;

}









.modal.left .modal-dialog,

.modal.right .modal-dialog,

.modal.top .modal-dialog,

.modal.bottom .modal-dialog {

	-webkit-transform: translate3d(0%, 0, 0);

	-ms-transform: translate3d(0%, 0, 0);

	-o-transform: translate3d(0%, 0, 0);

	transform: translate3d(0%, 0, 0);

}



/* Left & Right */



.modal.left .modal-dialog,

.modal.right .modal-dialog {

	position: fixed;

	margin: auto;

	width: 250px;

	max-width: 100%;

	height: 100%;

}



.modal.left .modal-content,

.modal.right .modal-content {

	height: 100%;

	overflow-y: auto;

}



.modal.left .modal-body,

.modal.right .modal-body {

	padding: 15px 15px 80px;

	max-height: calc(100vh);

}



.modal.left.fade .modal-dialog {

	left: -500px;

	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;

	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;

	-o-transition: opacity 0.3s linear, left 0.3s ease-out;

	transition: opacity 0.3s linear, left 0.3s ease-out;

}



.modal.left.fade.show .modal-dialog {

	left: 0;

}



.modal.right.fade .modal-dialog {

	right: -500px;

	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;

	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;

	-o-transition: opacity 0.3s linear, right 0.3s ease-out;

	transition: opacity 0.3s linear, right 0.3s ease-out;

}



.modal.right.fade.show .modal-dialog {

	right: 0;

}



.modal.left .modal-content,

.modal.right .modal-content,

.modal.top .modal-content,

.modal.bottom .modal-content,

.modal.full .modal-content {

	border-radius: 0;

	border: none;

}



.modal.left .modal-dialog.modal-sm,

.modal.right .modal-dialog.modal-sm {

	width: 300px;

}



/* Footer */



.modal-footer-fixed {

	position: fixed;

	bottom: 0;

	width: 100%;

	background: #fff;

	border-radius: 0;

}

.mobile-side a i {

	margin-right: 16px

}



.drop-width {

	/*width: 180px;*/

	width: 475px;

}
/* mk */
@media only screen and (max-width: 990px) {
    .drop-width,.location-dropdown-width,.profile-dropdown-width {
        width: 185px; /* Set your desired width */
        max-width: 185px; /* Ensure it doesn't exceed the screen width */
        box-sizing: border-box; /* Include padding and border in the element's total width */
    }
}





.ranges-time li {

	font-size: 13px !important;

	border: 1px solid #fff !important;

	color: #222325 !important;

	padding: 3px 12px !important;

	margin-bottom: 8px !important;

	cursor: pointer !important;

}





.ranges li {

	font-size: 13px !important;

	border: 1px solid #fff !important;

	color: #222325 !important;

	padding: 3px 12px !important;

	margin-bottom: 8px !important;

	cursor: pointer !important;

}

.ranges-time li:hover {

	background: #1dbf73 !important;

	color: #fff !important;

}



.ranges li:hover {

	background: #1dbf73 !important;

	color: #fff !important;

}



.ranges li.active {

	background: #1dbf73 !important;

	border: 1px solid #1dbf73 !important;

	color: #fff !important;

}



.ranges-time li.active {

	background: #1dbf73 !important;

	border: 1px solid #1dbf73 !important;

	color: #fff !important;

}



.daterangepicker td.active,

.daterangepicker td.active:hover {

	background-color: #357ebd;

	border-color: transparent;

	color: #fff;

}



.nav-item>.active {

	color: #333333;

	font-weight: 700;

}



.footer-bg {

	/* background: #F7F7F7 !important; */

	background-image: -webkit-radial-gradient(50% 50%, circle closest-side, rgba(65, 65, 65, 0.98) 0%, #3b2560 100%);

	border-radius: 0px !important; /*FC*/

}







/* Inbox */



.container-inbox {

	display: flex;

	height: calc(100vh - 17rem);



}



.right-inbox{

	height: calc(100vh - 17rem);

}



sidebar {

	width: 33%;

	min-width:33%;

	display: flex;

	background: #fff;

	flex-direction: column;

	transition: 500ms all;

	max-height: 100vh;

	z-index: 100;

}



sidebar .logo {

	display: flex;

	margin: 10px 0 0 0;

	padding-bottom: 10px;

	align-items: center;

	justify-content: center;

	color: #000;

	font-size: 3em;

	letter-spacing: 0.15rem;

	border-bottom: 1px solid #ccc;

}



sidebar .list-wrap {

	width: 100%;

    overflow: auto;

    border: 1px solid #ddd;

    border-radius: 3px;

}



sidebar .list-wrap .list {

	border-bottom: 1px dashed #ddd;

	background: #fff;

	display: flex;

	padding: 5px;

	cursor: pointer;

}



sidebar .list-wrap .list:hover,

sidebar .list-wrap .list.active {

	background: #f4f7f9;

}



sidebar .list-wrap .list img {

	border-radius: 50%;

	width: 4rem;

	height: 4rem;

	object-fit: cover;

	margin-right: 1rem;

	box-shadow: .1rem .2rem .3rem rgba(0, 0, 0, 0.5);

}



sidebar .list-wrap .list .info {

	flex: 1;

}



sidebar .list-wrap .list .count {

	font-size: 0.75em;

	background: #bde2f7;

	box-shadow: 0 .5rem 1.5rem -.5rem rgba(0, 0, 0, 0.7);

	padding: .3rem;

	width: 2rem;

	height: 2rem;

	border-radius: 50%;

	text-align: center;

	color: #000;

}



.content-inbox {

	flex: 1;

	display: flex;

	flex-direction: column;

    border: 1px solid #ddd;

}



.content-inbox header {

	height: 7rem;

    background: #f7f7f7;

    display: flex;

    padding: 1rem;

    border-top: 1px solid #ddd;

}



.content-inbox header img {

	border-radius: 50%;

	width: 4rem;

	height: 4rem;

	object-fit: cover;

	margin-right: 10px;

	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);

}



.content-inbox header .info {

	flex: 1;

}



.content-inbox header .info .user {

	font-weight: 700;

}



.content-inbox header .info .time {

	display: flex;

	margin-top: 3px;

	font-size: 0.85em;

}



.content-inbox header .open {

	display: none;

}



.content-inbox header .open a {

	color: #000;

	letter-spacing: 0.15rem;

}



.message-wrap {

	flex: 1;

	display: flex;

	flex-direction: column;

	padding: 15px;

	overflow: auto;

	height: calc(100vh - 30rem);

}



.message-wrap::before {

	content: "";

	margin-bottom: auto;

}



.message-wrap .message-list {

	align-self: flex-start;

	max-width: 70%;

}



.message-wrap .message-list.me {

	align-self: flex-end;

}



.message-wrap .message-list.me .msg {

	background: #bde2f7;

	color: #111;

}



.message-wrap .message-list .msg {

	background: #dee2e6;

	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);

	padding: 10px 5px;

	margin-bottom: 10px;

	border-radius: 5px;

}



.message-wrap .message-list .time {

	text-align: right;

	color: #999;

	font-size: 0.75em;

}



.message-footer {

	border-top: 1px solid #ddd;

	background: #eee;

	padding: 10px;

	display: flex;

	height: 60px;

}



.message-footer input {

	flex: 1;

	padding: 0 20px;

	border-radius: 5px;

}



.container-fluid-90{

	width: 90%!important;

}

@media only screen and (max-width: 480px),

only screen and (max-width: 767px) {

	sidebar {

		position: fixed;

		width: 100%;

		min-width: 100%;

		height: 0vh;

		bottom: 0;

		box-shadow: 0 5px 25px -5px black;

		bottom: 0;

		left: 0;



	}



	sidebar.opened {

		height: calc(100vh - 25rem) !important;

	}



	sidebar .logo {

		display: none;

	}



	sidebar .list-wrap .list .count {

		font-size: 0.75em;

	}



	header .open {

		display: block !important;

	}



	.container-fluid-90{

		width: 100%!important;

	}

}



.modal-lg {

	max-width: 1000px;

}





.modal-dialog-centered {

	min-height: calc(100vh - 11.5rem);

}



.modal-body {

	max-height: calc(100vh - 12.5rem);

	overflow-y: auto;

}





.modal-body-filter {

	max-height: calc(100vh - 20.5rem)!important;

	overflow-y: auto;

}



.drop-down-menu-left{

	left: -40px;

}





.vtooltip {

	position: relative;

	display: inline-block;

}



.vtooltip .vtooltiptext {

	visibility: hidden;

	width: 110px;

	background-color: black;

	color: #fff;

	text-align: center;

	border-radius: 6px;

	padding: 2px 0;

	position: absolute;

	z-index: 1;

	bottom: 100%;

	margin-left: -60px;

}



.vtooltip .vtooltiptext::after {

	content: "";

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -5px;

	border-width: 5px;

	border-style: solid;

	border-color: black transparent transparent transparent;

}



.vtooltip:hover .vtooltiptext {

	visibility: visible;

}



.map-view-location{

	width:100%;

	height:250px;

}



.map-close {

	background: #FFF;

	border: 0px;

	padding: 0px;

	position: absolute;

	cursor: pointer;

	user-select: none;

	border-radius: 8px;

	height: 45PX;

	width: 45px;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;

	top: 10px;

	left: 15px;

	color: #2B2B2B;

	z-index: 100;

}



.price-btn {

	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;

}



.show-map {

	background: #FFF;

	border: 0px;

	padding: 0px;

	cursor: pointer;

	user-select: none;

	border-radius: 8px;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;

	color: #2B2B2B;

	z-index: 100;

}

.dropdown-menu-location {

	width: 45rem!important;

	border-radius: 25px!important;

	top: 5px!important;

	box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12) !important;

}



.dropdown-menu-room-type {

	width: 25rem!important;

	border-radius: 25px!important;

	top: 5px!important;

	box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12) !important;

}



.dropdown-menu-price{



	border-radius: 25px!important;

	top: 5px!important;

	box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12) !important;

}



.opacity-1{

	opacity:1!important;

}



.pick_date-width {

	width: 230px;

	padding: 0 10px 0 15px;

}



.modal-z-index {

	z-index:100000000!important;

}



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

	#booking-banner.stick{

		width: 32%!important;

	}

	#booking-price.stick{

		width: 32%!important;

	}



	.dropdown-menu-location {

		width: 40rem!important;

	}



	.ex-image-container, .slider-image-container {

		height:250px;

	}

}



/**************************** Dashboard Css *********************************/



.widget ul {

	margin: 0px;

	padding: 0;

	overflow: hidden;

}

.widget ul li {

	overflow: hidden;

	font-size: 14px;

	margin-bottom: 10px;

	border-bottom: 1px dashed #ddd;

	padding-bottom: 10px;

}

.sidebar-thumb{

	float: left;

	overflow: hidden;

	margin-right: 15px;

}

.sidebar-thumb img{

	background: #fff;

	border: 1px dashed #e0e0e0;

	padding: 6px;

	height: 75px;

	width: 75px;



	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-radius: 100px;

}

.sidebar-content h5{

	font-size: 16px;

	cursor: pointer;

	line-height: 18px;

}

.sidebar-content h5 a:hover{

	color: #2996bd;

}



.sidebar-content h5 a{

	color: #202020;

	outline: 0 none;

	text-decoration: none;

	font-weight: bold

}

.sidebar-meta span{

	color: #2e2e2e;

}

.sidebar-meta span.time{

	margin-right: 10px;

}

/**************************** End Dashboard Css *********************************/



.review-0 ul li {

	list-style: none;

	display: inline;

	width: 50%;

}

a.send-btn {

	z-index: 11;

	position: relative;

	float: right;

	margin: 0px 0 0 -50px;

	width: 50px;

	border-radius: 0 4px 4px 0;

}



.single-load {

	min-height:200px;

	width:100%;

	text-align:center;

	opacity:0.9;

	padding-top: 110px;

}

.loader-img {

	min-height:200px;

	width:100%;

	text-align:center;

	opacity:0.9;

	padding-top: 70px;

}





.not-found {

	width: 100px;

}



.light-box-img {

	height:400px;

	width:100%;

	background-size: cover;

	background-position: 50% 50%;

}



.light-box-view {

	text-align: center;

	padding-top: 40px;

	margin-top:0px;

	color:white;

	height:130px;

	width:100%;

	background-color: #8E8F90;

	cursor: pointer;

}



.single-map-w {

	width:100%;

	height:400px;

	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; /*FC*/

}



.map-view {

	width:100%;

	height:100vh;

}



.cursor-pointer{

	cursor: pointer;

}



.map-property-img {

	height:150px;

	width:250px;

	object-fit: cover;

	border-radius: 15px;

}

.media-cover {

	width:250px;

}



.map-property-name {

	max-height:150px;

	max-width:250px;

}



.dataTables_paginate {

	margin-top:25px!important;

}



.js-calendar-sync:hover {

	color:#fff!important;

}



.shareButton {

	background-color: #476bb8;

	color: white;

	padding: 3px 10px;

	display: inline-block;

	font-size: 13px;

	cursor: pointer;

	border-radius: 25px;

	margin-bottom: 5px;

	-webkit-transition-duration: 0.4s;

	transition-duration: 0.4s;

	}



	.shareButton:hover {

	background-color: #3b5998;

	color: white!important;

}



.view-all {

	background-color: rgb(24, 23, 23);

	color:#fff;

	font-weight: 700;

	border-radius: 25px; /*FC*/

}

.view-all img {

	opacity: 0.5;

}



.h-110px {

	height: 110px;

	object-fit: cover;

	width: 165px;

}



.gal-img {

	/*width: 200px;*/

	width: 100%; /*FC*/

	margin-right: 9px; /*FC*/

}



.price-table-scroll {

	max-height: 500px;

}



/* Media query */

@media(min-height:0px) and (max-height:480px)

{

	.min-height{

		min-height: 480px;

	}

}



@media(min-height:481px) and (max-height:720px)

{

	.min-height{

			min-height: 600px;

		}

}



@media(min-height:721px) and (max-height:850px)

{

	.min-height{

			min-height: 790px;

		}

}



@media(min-height:851px) and (max-height:1440px)

{

	.min-height{

			min-height: 927px;

		}

}



@media (max-width: 1200px) {

	#booking-price.stick {

		width: 30.5%;

	}

}







/* Animation */



@-webkit-keyframes fadeIn {

	from {

		opacity: 0;

	}



	to {

		opacity: 1;

	}

}



@keyframes fadeIn {

	from {

		opacity: 0;

	}



	to {

		opacity: 1;

	}

}



.fadeIn {

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn;

}



@-webkit-keyframes zoomIn {

	from {

		opacity: 0;

		-webkit-transform: scale3d(0.3, 0.3, 0.3);

		transform: scale3d(0.3, 0.3, 0.3);

	}



	50% {

		opacity: 1;

	}

}



@keyframes zoomIn {

	from {

		opacity: 0;

		-webkit-transform: scale3d(0.3, 0.3, 0.3);

		transform: scale3d(0.3, 0.3, 0.3);

	}



	50% {

		opacity: 1;

	}

}



.zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn;

}



.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}



@media (print), (prefers-reduced-motion: reduce) {

	.animated {

		-webkit-animation-duration: 1ms !important;

		animation-duration: 1ms !important;

		-webkit-transition-duration: 1ms !important;

		transition-duration: 1ms !important;

		-webkit-animation-iteration-count: 1 !important;

		animation-iteration-count: 1 !important;

	}

}





.swal-footer {

	text-align: center;

}









  progress {

	border: none;

	height: 5px;

	width: 100px;

	margin-bottom: 3px;

	background: rgb(196, 194, 194);

  }



  progress {

	color: rgb(180, 180, 184);

  }



   progress::-webkit-progress-value {

	background: #222222;

  }



  progress::-moz-progress-bar {

	background:  rgb(180, 180, 184);

  }



  progress::-webkit-progress-value {

	background: #222222;

  }



  progress::-webkit-progress-bar {

	background: rgb(180, 180, 184);

  }





@media screen and (max-width: 1100px) and (min-width: 992px) {

	progress {

		width: 55px;

	}

}





@media screen and (max-width: 1150px) and (min-width: 1100px) {

	progress {

		width: 80px;

	}

}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {

    border: 1px solid #1dbf73!important;

    background: #1dbf73!important;

    font-weight: normal;

    color: #fff;

}



.ui-state-active:hover {

	color: #fff!important;

}



.line-height-2-4 {

	line-height: 2.4;

}



.overflow-hidden-x{

	overflow-x: hidden;

}



@media (max-width: 576px) {

	.gal-img {

		width: 100%!important;

	}



	.h-110px {

		height: auto!important;

	}

 }

/*FC*/



.total {

	font-size: 23px;

	font-weight: 600;

	color: #333333;

}



.sidebar-title {

	font-weight: 600;

}



.sidebar-title-price {

	font-weight: 600;

	padding-left: 15px;

}



.table-bordered td, .table-bordered th {

	border: none;

    border-top: 1px solid #dee2e6;

}



.table-bordered {

	font-size: 15px;

}



.border-table  {

	border-bottom: 1px solid #dee2e6;

}



.startDate {

	height: 35px !important;

    font-size: 14px;

    padding: 0px 10px 0px 15px;

	border-radius: 25px !important;

}



#Hourtime_info {

	padding: 15px 0px 0px 5px;

}



#selected_hours {

	margin-top: 15px;

    padding-left: 5px;

    font-size: 13px;

    color: #6a707a;

}



.top-0 {

	margin-top: 0px !important

}



#number_of_guests {

	border-radius: 25px;

    width: 100%;

    height: 35px;

	font-size: 13px;

}



#bookingstart_time {

    border-radius: 25px;

    width: 47%;

    height: 35px;

    margin-left: 5px;

}



#bookingend_time {

	border-radius: 25px;

    width: 47%;

    height: 35px;

    /* margin-top: 15px; */

    margin-left: 5px;

}



.searchactive {

	background-color: #3b2560 !important;

	border: 1px solid #3b2560 !important;

}



#Property {

    background-color:transparent;

    margin-top: 10px !important;

}



#Property:focus {

	border: 1px solid #F7F8F6;

}



.property-btn:focus {

	border: 1px solid #9c65f2 !important;

}



.service-btn:focus {

	border: 1px solid #9c65f2 !important;

}



#Property:hover {

	border: 1px solid #F7F8F6;

}



.property-btn:hover {

	border: 1px solid #9c65f2 !important;

	color: #3b2560 !important;

}



.service-btn:hover {

	border: 1px solid #9c65f2 !important;

	color: #3b2560 !important;

}



.Property:hover {

	border: none !important;

}



#Service {

    background-color: transparent;

    margin-top: 10px !important;

}



#Service:focus {

	border: 1px solid #F7F8F6;

}



#Service:hover{

	border: 1px solid #F7F8F6;

}



#register {

    background-color: transparent !important;

    margin-top: 10px !important;

    margin-left: 15px;

}



#register:focus {

	border: 1px solid #F7F8F6;

}



#register:hover{

	border: 1px solid #F7F8F6;

}



#register-inner {

    background-color: transparent !important;

    margin-top: 10px !important;

    margin-left: 15px;

    border: 1px solid #333333;

    color: #333333;

}



#register-inner:focus {

	border: 1px solid #9c65f2 !important;

}



#register-inner:hover{

	border: 1px solid #9c65f2 !important;

	color: #3b2560 !important;

}



.ActivityFormDiv {

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

	border-left: 1px solid #FFFFFF;

	border-right: 1px solid #FFFFFF;

	border-radius: 25px 0px 0px 25px;

}



#front-search-activity {

	background-color: #FFFFFF;

	opacity: 0.8;

	border-radius: 25px 0px 0px 25px;

	font-size: 16px;

}



#front-search-field {

	background-color: #FFFFFF;

	opacity: 0.8;

	border-radius: 0px;

	font-size: 16px;

}



.where {

	padding-top: 0px !important;

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

	border-left: 1px solid #FFFFFF;

	border-radius: 0px;

}



.checkin {

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

	/*border-left: 1px solid #FFFFFF;*/

	padding-top: 0px !important;

	margin-right: 0px !important;

}



.checkinout {

	border-radius: 0px;

	background-color: #FFFFFF !important;

	opacity: 0.8 !important;

	width: 115px !important;

}



#endDate {

	border-radius: 0px;

	background-color: #FFFFFF !important;

	opacity: 0.8 !important;

	height: 44px;

	font-size: 16px;

	/* border: 1px solid #FFFFFF !important; */

}



#front-search-guests {

	background-color: #FFFFFF;

    opacity: 0.8;

    border-radius: 0px;

	height: 44px;

	font-size: 16px;

}



.guestDiv {

	border: 1px solid #FFFFFF;

	width: 210px;

	display: none;;

}



.homesearch {

	border-radius: 0px 25px 25px 0px;

	padding: 10px 20px 10px 20px !important;

	background: #9c65f2 !important;

	/* border-top: 1px solid #FFFFFF !important;

	border-bottom: 1px solid #FFFFFF !important;

	border-right: 1px solid #FFFFFF !important; */

}



#PropertyBtn {

	margin-left: 20px;

    background: transparent;

    /* text-transform: uppercase; */

    letter-spacing: 0.15rem;

    font-size: 17px;

    width: 137px;

}



#ServiceBtn {

	margin-left: 5px;

    background: transparent;

    /* text-transform: uppercase; */

    letter-spacing: 0.15rem;

    width: 137px;

    font-size: 17px;

}



#ServiceBtn:hover {

	border-color: #9c65f2;

}


#PropertyBtn:hover {

	border-color: #9c65f2;

}



#daterange-btn #startDate{

	height: 44px;

	font-size: 16px;

}



#space-slider {

	margin-bottom: 20px;

	display: block !important;

}



.spaces {

	height: 265px !important;

}



.navbar-expand-lg .navbar-collapse

{

    flex-flow: column !important;

}

/* .nav-link:hover removed by mk in below */

.navbar-light .navbar-nav 

{

    /* border-bottom: 2px solid #FFFFFF; */

    color: #FFFFFF !important;
/* 
    padding-bottom: 43px !important; */

}



.navbar-light .navbar-nav .nav-new:hover

{

    border-bottom: 2px solid #9c65f2;

    color: #9c65f2 !important;

    padding-bottom: 26px !important;

}



.navbar-light .navbar-nav .p-2:hover {

	border-bottom: none !important;

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link:hover {

	color: #9c65f2 !important;

	/* border-bottom: 2px solid #9c65f2; PK*/

}



/*.p-2:hover

{

    border-bottom: none !important;

}*/



/* mk */

.header_area.navbar_fixed .fa-globe , .header_area.navbar_fixed .fa-user {

    color: black!important;

}





.fa-globe

{

    margin-top: 26px;

    color: #FFFFFF;

    font-size: 20px;

    margin-left: 100px;

}



.fa-bed {

	font-size: 13px !important;

}



.fa-user-friends {

	font-size: 13px !important;

}



.fa-bath {

	font-size: 13px !important;

}



.globe-new {

	color: #333333 !important;

}



.fa-user

{

    margin-top: 26px;

    color: #FFFFFF;

    font-size: 20px;

    margin-left: 30px;

}



.user-new {

	margin-top: 26px;

    color: #333333 !important;

    font-size: 20px;

    margin-left: 30px;

}



.account {

	color: #333333 !important;

}



.account:hover {

	border-bottom: none !important;

	color: #9c65f2 !important;

}

/* demo section start  */

.locations-section {

    padding: 50px 20px;

    background-color: #ffffff;

}



.container {

    max-width: 1240px;

    margin: 0 auto;

}



.section-header {

    margin-bottom: 30px;

}



.section-title {

    font-size: 32px;

    font-weight: 700;

    margin: 0;

    color: #333333;

}



.section-subtitle {

    font-size: 18px;

    color: #666666;

    margin-top: 10px;

}



.locations-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));

    gap: 20px;

}



.location-item {

    position: relative;

    overflow: hidden;

    border-radius: 8px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}



.location-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transform: scale(1);

    transition: transform 1s ease;

}



/* .location-item .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    transition: opacity 0.3s ease;

} */



 .location-item:hover img {

    transform: scale(1.1);

    transition: transform 1s ease;

}



/* .location-item:hover .overlay {

    opacity: 1;

}  */



.location-name {

    color: #ffffff;

    font-size: 20px;

    font-weight: 700;

    text-align: center;

    text-transform: capitalize;

}

.location-item.extralarge {

    grid-row: span 1;

    grid-column: span 3;

}

.location-item.large {

    grid-row: span 2;

    grid-column: span 2;

}



.location-item.medium {

    grid-row: span 2;

}



.location-item.small {

    grid-row: span 1;

    grid-column: span 1;

}

.landscape {

    grid-column: span 2;

    grid-row: span 1;

}



@media (max-width: 768px) {

    .section-title {

        font-size: 28px;

    }



    .section-subtitle {

        font-size: 16px;

    }



    .locations-grid {

        grid-template-columns: 1fr;

    }



    .location-item.large,

    .location-item.medium,

    .location-item.small,.landscape ,.location-item.extralarge {

        grid-row: span 1;

        grid-column: span 1;

    }

}

/* demo section ends */

/* Static Locations */

.grid-wrapper > div {

	display: flex;

	justify-content: center;

	align-items: center;

    background-color: #000;

    border-radius: 20px;

}

.grid-wrapper > div > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 20px;

	opacity: 0.7;

}



.grid-wrapper > div > img:hover {

	width: 100%;

	height: 100%;

	object-fit: cover;

    cursor: pointer;

    opacity: 0.7;

    transition: 0.4s;

}



.grid-wrapper {

	/* display: grid;

	grid-gap: 15px; */

	/* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */

	grid-auto-rows: 300px;

	grid-auto-flow: dense;

	/* margin-top: 40px; */

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

    gap: 20px;

}

/* .grid-wrapper .wide {

	grid-column: span 3;

	grid-row: span 1;

}

.grid-wrapper .tall {

	grid-row: span 2;

}

.grid-wrapper .big {

	grid-column: span 2;

	grid-row: span 2;

}



.grid-wrapper .image {

    grid-column: span 2;

    grid-row: span 1;

} */

/* mayank 20feb */

.slider-container{

    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
	height: 75vh!important;

}

.left-slide{

    height: 100%;

    width: 35%;

    position: absolute;

    top: 0;

    left: 0;

    transition: transform 0.5s ease-in-out;
	top: -225vh!important;


}

/* mayank 21 feb 23 */

.dropdown-menu{

    cursor: pointer;

}

.bottom-left {

    position: absolute;

    color: #FFFFFF;

    font-weight: 500;

    font-size: 25px;

    text-shadow: 0px 0px 2px #fff;

    text-align: center;

  }



.city-name {

    font-size: 24px !important;

    text-align: center;

}



.services {

    height: 250px !important;

}



.filter-dropdown {

	border: 1px solid #333333 !important;

    font-size: 15px;

    color: #333333;

    font-weight: 800;

    padding: 5px 15px 5px 15px !important

}



/*PD*/



.fa-bolt-dropdown {

    margin: 0 !important;

}



.text-24-top {

        font-size: 2.5rem;

}



.copyright {

   text-align: right;

   padding-left:0px;

   padding-right:0px;

   opacity: 50%;

}



.border-top {

    display: flex;

    /* margin-top: 55px; */

}



.footer-border-top1 {

    display: flex;

    width:55%;

}



.footer-border-top2 {

    display: flex;

    width:50%;

}



.footer-about-us {

    margin-right: 40px;

}



.footer-address {

    top: 30px;

    left: 345px;

}



.lSSlideOuter .lSPager.lSpg {

    margin-top: -80px;

}



.pkslider-width {

    margin-right: 15px !important;

}



.lSPrev {

    display: none !important;

}



.lSNext {

    display: none !important;

}



.feature-ul {

    height: 620px;

    display: table-cell;

    vertical-align: middle;

}



.feature {

    border: 1px solid #E8E8E8;

    border-radius: 25px;

    background: #E8E8E8;

    margin-bottom: 15px;

    padding: 4px;

    transition: all 0.3s ease-in-out;

    line-height: 3rem;

}



.feature:hover {

    background: #9c65f2;

    color: #FFF;

}



.sidebar-new {

    background: #FAFAFA;

}



.location-dropdown {

    width: 50%;

    display: inline-block;

    border-radius: 25px;

}



.location-dropdown-width {

    width: 320px;

}

.profile-dropdown-width{
	width: 214px;
}



.list-group-item:first-child {

    margin-top: 10px;

}



.navbar-expand-lg .navbar-nav .dropdown-menu {

    background: #FAFAFA !important;

	/* margin-left: 150px;  PK */

}



.footer-social-a {

    margin-top: 15px;

}



.footer-ul {

    margin-left: 45px;

}



.my-plans {

	color: #FFFFFF !important;

}



.my-plans:hover {

	color: #FFFFFF !important;

}



.receipt-logo {

	width: 150px;

	margin-left: 20px;

}



#subscriptionPayment-form {

	margin-top: 25px;

}



.subscription-plan {

	margin-left: 20px;

}



.plan-td {

	vertical-align: inherit !important;

	text-transform: capitalize;

}



.subscribed {

	background-color: #FAFAFA !important;

	border: 1px solid #FAFAFA !important;

	color: #333 !important;

}



.pop-up-button {

	letter-spacing: 0.15rem;

    width: 200px;

    text-align: center;

    /* margin-top: 155px; */

	margin: 17px 0 0px;

}





.join-free {

    letter-spacing: 0.15rem;

    width: 150px;

    text-align: center;

    margin: auto;

    margin-bottom: -35px;

    margin-top: -10px;

}



.pop-up-button-plan {

	letter-spacing: 0.15rem;

    width: 200px;

    text-align: center;

    margin-top: 30px;

}



.overlay {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(0, 0, 0, 0.7);

	transition: opacity 500ms;

	visibility: hidden;

	opacity: 0;

	z-index: 99;

  }



.overlay:target {

	visibility: visible;

	opacity: 1;

  }



.popup {

	margin: 230px 470px;

	background: #fff;

	width: 600px;

	position: fixed;

	transition: all 5s ease-in-out;

  }



.popup h2 {

	color: #9c65f2;

	font-size: 20px;

	line-height: 35px;

	font-weight: normal;

	text-transform: uppercase;

	text-align: center;

	margin: 30px;

  }



.popup .close {

	position: absolute;

	top: 15px;

	right: 30px;

	transition: all 200ms;

	font-size: 30px;

	font-weight: normal;

	text-decoration: none;

	color: black;

  }



.popup .close:hover {

	color: #9c65f2;

  }



#vacant-jobs {

	margin-top: 160px !important;

    width: 205px;

}



/*membership design start*/

.membership-section{

	margin-top: 30px !important;

	/*background: #F7F7F7 !important;*/

    padding-top: 40px;

	padding-bottom: 40px !important;

}

.spaces-section {

	margin-top: 60px !important;

	/*background: #F7F7F7 !important;*/

    padding-top: 40px;
	overflow: hidden;


}

.wrapper-card {

    display: flex;

    flex-wrap: nowrap;

    margin: 0px auto;

    width: 100%;

}



.card-membership {

    background: #fff;

    border-radius: 25px;

    box-shadow: 0 1px 1px rgba(0,0,0,0);

    margin: 0px 30px;

    padding: 40px 0px 0px 0px;

    position: relative;

    text-align: center;

    transition: all 0.5s ease-in-out;

	border-left: 1px solid #F7F7F7;

	border-right: 1px solid #F7F7F7;

	border-top: 1px solid #F7F7F7;

	box-shadow: 0rem 1rem 1.6rem 0rem rgb(0 0 0 / 10%);

	width: 30%;

}



.card-membership:hover {

	box-shadow: rgb(0 0 0 / 25%) 0px 25px 20px -14px;

	cursor: pointer;

}



/*.card-membership:hover small {

    color: #9c65f2;

}*/



.card-title {

		padding: 0px 30px 0px 30px;

}



.card-price {

        margin: 50px;

}



.card-title-h3 {

    color: #333333;

    font-size: 25px;

    text-transform: uppercase;

    letter-spacing: 0.15rem;

}



.card-title-h4 {

        color: #333333;

		letter-spacing: 0.15rem;

		text-transform: capitalize;

		padding-top: 30px;

}



sup {

		font-size: 50px;

		display: inline-block;

		color: #9c65f2;

		top: 0 !important;

}



small {

        color: #2B2B2B;

        display: block;

		font-size: 16px;

		/* padding: 20px 0px 0px 0px; */

		line-height: 2rem;

}



.card-action-membership {

    margin-top: 30px;

	background: #9c65f2;

    border: 1px solid #9c65f2;

    border-radius: 0px 0px 25px 25px;

    color: #FFFFFF;

    cursor: pointer;

    display: block;

    font-size: 20px;

    font-weight: bold;

    width: 100%;

    height: 75px;

    text-transform: uppercase;

    transition: all 0.3s ease-in-out;

}



/*membership design end*/



 /* slider on map pin */



 .active-payout {

	 color: #333333;

 }



 .payout {

	 color: #FFFFFF;

 }



 .payout:hover {

	 color: #333333 !important;

 }



 .user-heading {

	box-shadow: none;

    background: #9c65f2;

    color: #FFFFFF;

    text-transform: uppercase;

    letter-spacing:  0.15rem;

    padding: 10px 50px 10px 50px!important;

 }



 .user-heading:hover {

	 box-shadow: none !important;

 }



 .heading-sort {

	box-shadow: none;

    padding: 10px 50px 10px 50px!important;

    background: none;

    border: none !important;

 }



 .text-center {

	 text-align: center;

 }



 .card-header:first-child {

	border-radius: 25px 25px 0px 0px;

 }



 .radio {

	 margin-right: 30px;

 }



 .ui-widget-header {

	 border: none !important;

	 background: transparent !important;

	 font-size: 20px;

	 color: #333333 !important;

 }



 .ui-widget.ui-widget-content {

	width: 35% ;

	left: 35% ;

 }



 .where-popup {

	 display: inline-flex;

     margin-top: 2%;

     width: 100%;

 }



 .where-form {

    border-radius: 10px 10px 10px 10px!important;

 }



 .where-popup-center {

	 text-align: center;

	 padding: 0 36px;

 }
 @media (max-width: 767px) {
	.where-popup-center {

		text-align: center;
   
		padding: 0 20px;
   
	}

 }


 .ui-dialog .ui-dialog-titlebar {

	padding: 20px 20px 0px 20px !important;


 }



 .ui-button-icon-only .ui-icon {

	margin-top: -12px !important;

    margin-left: -15px !important;

 }



 .ui-dialog .ui-dialog-title {

	 width: 100% !important;

	 text-align: center;

 }

 .popupButton{

        background: #9c65f2 !important;

        border: none;

		color: white;

        margin-top: 10%;

        border-radius: 10px 10px 10px 10px;

        width: 100%;

		padding: 10px 20px;

		text-align: center;

		text-decoration: none;

		display: inline-block;

		font-size: 16px;

		transition-duration: 0.3s;

		cursor: pointer;

	  }



	  .popupButton:hover {

		background: #3b2560  !important;

        color: #fff;

	  }



/* mayank */

 .search-popup {

	text-align: center;

    /* padding: 20px;

    padding-bottom: 0px; */

	font-size: 18px;

    letter-spacing: 0.15rem;

 }



 .popup-search {

    background: #9c65f2 !important;

    text-align: center;

    margin-top: 5%;

}

.dialogeboxipfields{

    width: 100%!important;

    height: 90%!important;

    font-size: 15px!important;

}                         /* mayank 23-5 */

#controllersmessage {

    bottom: -40px;

    left: 50%;

    margin: 3% 2%;

    padding: 1% 5%;

    font-size: 14px;

    background-color: #b3ffc5;

    color: #333;

    border-radius: 5px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

  }

  .fixed {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    /* Additional styling for the fixed form */

  }





 .mySlides {

	 overflow: hidden;

	 border-radius: 25px;

	 margin-right: 12px;

 }



 .map-property-img {

	animation: zoom-in-zoom-out 7s ease infinite;

  }



  @keyframes zoom-in-zoom-out {

	0% {

		transform: scale(1, 1);

	  }

	  50% {

		transform: scale(1.2, 1.2);

	  }

	  100% {

		transform: scale(1, 1);

	  }

	}



 .prev {

	 cursor: pointer;

	 position: absolute;

	 top: 23%;

	 width: auto;

	 padding: 5px;

	 color: white;

	 font-weight: bold;

	 font-size: 18px;

	 transition: 0.6s ease;

	 background-color: #9c65f2;

	 border-radius: 0 3px 3px 0;

	 left: 0;

	 opacity: 0.7;

 }



.next {

	 cursor: pointer;

	 /* position: absolute; */                  /* mk */

	 top: 23%;

	 width: auto;

	 padding: 5px;

	 color: white;

	 font-weight: bold;

	 font-size: 18px;

	 transition: 0.6s ease;

	 right: 0;

	 /* background-color: #9c65f2; */

	 border-radius: 3px 0 0 3px;

	 opacity: 0.7;

 }



.prev:hover, .next:hover {

	 opacity: 1;

	 color: #FFFFFF !important;

 }



.dot.active, .dot:hover {

	 background-color: #bbb!important;

 }



.map-title {

    text-transform: capitalize;

    letter-spacing: 0.15rem;

    margin-top: 10px;

    line-height: 20px;

	text-align: center;

}



.gm-style .gm-style-iw-c {

    position: absolute;

    box-sizing: border-box;

    overflow: hidden;

    top: 0;

    left: 0;

    transform: translate3d(-50%,-100%,0);

    background-color: white;

    border-radius: 25px;

    padding: 12px;

    box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%);

    max-width: 285px !important;

}



.gm-style-iw-d {

	overflow: hidden !important;

}



.gallery-image {

	width: 120px;

    height: 75px;

    margin: 0 12px 0 0;

	animation: none;

}



.map-price {

	margin-bottom: 10px;

	letter-spacing: 0.15rem;

    line-height: 20px;

    text-align: center;

}



.text-align-center {

	text-align: center;

}



.fa-bolt {

	font-size: 25px;

	color: #9c65f2;

	margin: 20px;

}



.fbshare {

	border-radius: 25px;

}



.fa-star {

	/*margin-left: 10px;*/

}



.margin-top-15 {

	margin-top: 15px;

}



.location-text {

	font-size: 15px;

	letter-spacing: 0.15rem;

}



.fa-location-dot {

	color: #9c65f2;

}



.left-div {

	text-align: left;

}



.right-div {

	text-align: right;

}



.fa-circle-chevron-left {

	font-size: 45px;

	color: #FFFFFF;

	opacity: 0.6;

	margin-top: 16%;

	cursor: pointer;

}



.fa-circle-chevron-right {

	font-size: 45px;

	color: #FFFFFF;

	opacity: 0.6;

	margin-top: -4%;

	cursor: pointer;

}



#booking_timepair {

	/* margin-top: -10px; */

    display: flex;

}



.activity-dropdown {

	border-radius: 0px !important;

	box-shadow: none !important;

    width: 98%;

    left: 5px !important;

}



.activity-dropdown > li {

	font-size: 15px;

	padding: 15px 10px 10px 15px;

	color: #333333;

	display: inline-block !important;

	border-top: 1px solid #e9ebef;

	width: 100%;

}



.pac-container {

	border-radius: 0px !important;

	box-shadow: none !important;

}



.pac-icon {

	display: none;

}



.pac-item {

	font-size: 15px;

	padding: 10px 10px 10px 15px;

	color: #333333;

}



.pac-item-query {

	font-size: 15px;

	color: #333333;

}



.member {

	font-size: 12px;

	color: silver;

}



.fav-auto {

	margin: auto;

}



.no-outline-btn {

	border: none !important;

}



.no-outline-btn:hover {

	color: #9c65f2;

	background-color: transparent;

}



.no-outline-btn:active {

	color: #9c65f2 !important;

	background-color: transparent !important;

	border: none !important;

}



.property-details {

	font-size: 15px;

    line-height: 40px;

	text-transform: capitalize;

}



.property-hours {

	font-size: 15px;

	letter-spacing: 0.15rem;

	text-transform: capitalize;

}



.bg-gray {

	margin-top: 75px !important;

}



.left-right {

	margin-right: 15px;

	font-size: 15px;

	color: #333333;

}



.right-left {

	margin-left: 15px;

}



.card-img-top {

	flex-shrink: 0;

    width: 100%;

    height: 100%;

    background-position: center;

    object-fit: cover;

    position: relative;

	border-radius: 25px !important;

}

/* payment page by mayank 5 july 23 */

.image-container {

    position: relative;

    display: inline-block;

    width: 100%;

    height: 500px;

    background-position: center;

    object-fit: cover;

    overflow: hidden;

  }



  .image-text {

    position: absolute;

    bottom: 10%;

    left: 5%;

    color: white!important;

    padding: 10px;

    width: 70%;

    background-color: rgba(0, 0, 0, 0.7);

  }



  .image-text p {

    margin: 0;

  }

  .my-payment-form{

    margin:5px;

    padding: 20px;

    border: 1px solid #ccc;

  }





.signup-login-right {

	left: -125px !important;

	/* margin-top: 25px; PK*/

}



.rounded-3:hover {

	box-shadow: rgb(0 0 0 / 25%) 0px 25px 20px -14px

}



.border-radius {

	border-radius: 25px !important;

	border-color: #333333 !important;

	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;

}



.bordered-section {

	border-radius: 25px !important;

}



.center {

	text-align: center;

}



.google-btn {

	color: #9c65f2 !important;

    border: 1px solid #9c65f2 !important;

    background-color: transparent !important;

}



.google-btn:hover {

	color: #FFFFFF !important;

    border: 1px solid #9c65f2 !important;

    background-color: #9c65f2 !important;

}



.fb-btn {

	color: #007bff;

	border: 1px solid #007bff;

	background-color: transparent;

	border-radius: 25px;

}



.or {

	width: 100%;

	text-align: center;

	border-bottom: 1px solid rgb(221, 221, 221) !important;

	line-height: 0.1em;

	margin-top: 30px !important;

    margin-bottom: 40px !important;

	color: #333333 !important;

	font-size: 14px;

 }



 .or span {

	 background:#fff;

	 padding:0 10px;

 }



.margin-left {

	margin-left: -20px;

}



.side-panel {

	margin-top: 30px;

}



.side-price-panel {

	padding: 0rem !important;

	box-shadow: rgb(100 100 111 / 15%) 0px 7px 20px 0px;

}



.no-border {

	border-top: 1px solid rgba(0,0,0,.125);

    border-radius: 0px !important;

}



.price-new {

	color: #333333 !important;

	font-size: 35px;

}



.price-text {

	color: #333333 !important;

	line-height: 7rem;

}



.card-body {

	padding: 1.25rem !important;

}



.search-label{

	padding-top: 8px;

}



.card {

	border-radius: 25px;

}



.map-css {

	margin-top: -30px !important;

	padding-left: 40px;

    padding-right: 20px;

}



.carousel-inner {

	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

}



.gal-image {

	border-radius: 25px !important

}



.border-none {

	border: none !important;

	padding-left: 0px !important

}



.col-lg-7 {

	padding: 10px !important;           /* mk */
 
}



.mb-4 {

	margin-bottom: 4rem !important;

}



.mt-3 {

	margin-top: 2rem!important;

}



.slider-selection {

	background-color: #9c65f2 !important;

}



.slider-handle {

	background-color: #9c65f2 !important;

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .btn {

	/*line-height: 20px;*/

	color: #FFF;

	letter-spacing: 0.15rem;

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .btn:hover { /*FC*/

	border-color: #333333 !important;

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .btn-new:hover {

	border-color: #9c65f2 !important;

}



.btn {

	letter-spacing: 0.15rem;

}



.header_area .main_menu .navbar .nav .nav-item .btn-new {

	/*line-height: 20px;*/

	color: #333333;

	border-color: #333333;

	letter-spacing: 0.15rem;

}



.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .fa-solid {

	/*line-height: 20px;*/

	color: #333333;

}



.header_area.navbar_fixed .main_menu .navbar .nav .fa-solid {

	/*line-height: 20px;*/

	color: #333333;

}

/* mk */
@media (max-width: 394px) {

    .dropdown-menu {
        max-width: 18rem;
    }

}


.dropdown-menu {

	border-radius: 20px;

	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

	border: none !important;

	left: 0px;

	top: 90%;

}



.list-group-item {

	background: #FAFAFA !important;

	text-transform: capitalize;

	font-weight: 500;

	padding: 10px 20px !important;

}



/* PK -- start*/

.footer-links{

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	/* font-family: 'Lato'; */

	font-family: "Raleway", sans-serif;

	font-size: 16px;

	font-weight: 450;

	line-height: 19px;

	letter-spacing: 0px;

	text-align: left;



}



.footer-information{

	/*font-family: 'Noto Sans', sans-serif, 'Noto Serif', serif;*/

	font-family: "Raleway", sans-serif;

	font-size: 16px;

	font-weight: 400;

	line-height: 21px;

	letter-spacing: 0px;

	text-align: left;



}



.product_slider{

	background-color: #f5f5f7;

	padding: 0px 20px;

	box-sizing: border-box;

}





.ISPager{

	display: none;

}

.lSAction > a{

	background-color: #9c65f2;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background-image: none;

	display: flex;

	justify-content: center;

	align-items: center;

}

.lSAction > a ::after{

	position: absolute;

	content: '';

	margin: auto;

	border: solid #ffffff;

	border-width: 0px 4px 4px 0px;

	display: inline-block;

	padding: 5px;

}

.lSAction > .lSPrev::after{

	transform: rotate(135deg);

	-webkit-transform: rotate(135deg);

}

.lSAction > .lSNext::after{

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

/*Making Responsive*/

@media(max-width:600px){

	.sliderHeading h3{

		font-size: 21px;

	}



	.lSAction > a{

		display: none;

	}

	.product_slider{

		padding: 0px;

	}

}

@media(maxwidth:280px){

	.product_box{

		width: 280px;

	}

	.buy_btn{

		font-size: 0.8rem;

	}

}

@media(maxwidth:324px){

	.product_box{

		width: 225px;

	}

	.product_box img{

		width: 140px;

		height: 165px;

	}

	.buy_price{

		flex-direction: column;

	}

	.buy_price .buy_btn{

		width: 100%;

	}

}



/* PK -- end */



/*******************************/

/********** Hero CSS ***********/

/*******************************/

.hero-text {

	margin-top: 200px;

}

.row .hero-text h1 {

    color: #FFFFFF;

    font-size: 38px;

    font-weight: 700;

    letter-spacing: 0.15rem;

    margin-bottom: 15px;

	display: inline-block;

	text-shadow: 2px 3px 1px #000000;

}



.hero-text h4{

	/* opacity: .65; */

    font-weight: 400;

    color: white;

    font-size: 36px;

	padding: 0 15px 0 15px;

	margin-bottom: 15px;

}

/* PK */

.PKtext1{

	color: #FFFFFF!important;

    font-size: 60px!important;

    font-weight: 700!important;

    letter-spacing: 0.15rem!important;

    margin-bottom: 15px!important;

	display: inline-block;

	text-shadow: 2px 3px 1px #000000;

}

.PKtext2{

	display: inline-block!important;

    margin: 0!important;

    height: 35px!important;

    color: #FFFFFF!important;

    font-size: 60px!important;

    font-weight: 600!important;

	/*font-style: italic;*/

	text-shadow: 2px 3px 1px #000000!important;

}

/* PK */
@media (max-width: 768px) {
	.row .hero-text h2 {
		width: 100%;
	}
	.hero-text {

		margin-top: 150px;
	
	}

}


.row .hero-text h2 {

    display: inline-block;

    margin: 0;

    height: 35px;

    color: #FFFFFF;

    font-size: 38px;

    font-weight: 600;

	/*font-style: italic;*/

	text-shadow: 2px 3px 1px #000000;

}



.row .hero-text .typed-text {

    display: none;

}



.typed-cursor {

	display: none;

}



@media (max-width: 991.98px) {

    .row .main_formbg .hero-text h1 {

        font-size: 45px;

    }



    .row .main_formbg .hero-text h2 {

        font-size: 25px;

        height: 25px;

    }



@media (max-width: 767.98px) {

    .hero {

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .hero,

    .hero .hero-text,

    .hero .hero-btn {

        width: 100%;

        text-align: center;

    }



    .hero .hero-text p {

        font-size: 18px;

    }



    .hero .hero-text h1 {

        font-size: 35px;

    }



    .hero .hero-text h2 {

        font-size: 22px;

        height: 22px;

    }



}



@media (max-width: 575.98px) {

    .hero .hero-text p {

        font-size: 16px;

    }



    .hero .hero-text h1 {

        font-size: 30px;

    }



    .hero .hero-text h2 {

        font-size: 18px;

        height: 18px;

    }

}

}



.nav-new {

	color: #333333 !important;

}



/*PK 6 June*/

.text-success{

	color: #9c65f2!important;

}



.border-success {

    border-color: #9c65f2!important;

}



.btn-success {

    color: #9c65f2;

    background-color: #fff;

    border-color: #9c65f2;

}

.btn-success:hover {

    color: #fff!important;

    background-color: #9c65f2;

    border-color: #9c65f2;

}





/* 24 june */

.nav__cont {

	position: fixed;

	width: 100px;

	top: 10px;     /*0 px PK  10px mk*/

	height: 100vh;

	z-index: 100;

	background-color:#6c757d!important;   /*#202020;*/

	overflow: hidden;

	transition: width 0.3s ease;

	cursor: pointer;

	box-shadow: 4px 7px 10px rgba(0, 0, 0, 0.4);



	padding-top: 7%;

  }

  .nav__cont:hover {

	width: 220px;

  }

  @media screen and (min-width: 600px) {

	.nav__cont {

	  width: 80px;

	}

  }



  .nav {

	list-style-type: none;

	color: white;

  }

  /* .nav:first-child {

	padding-top: 1.5rem;

  } */

/*

  .nav__items {

	padding-bottom: 4rem;

	font-family: "roboto";

  } */

  .nav__items a {

	position: relative;

	display: block;

	/* top: 35px; */

	padding-left: 25px;

	/* padding-right: 15px;   mk 16 feb 23*/

	transition: all 0.3s ease;

	/* margin-left: 20px; */

	margin-right:2px;

	text-decoration: none;

	color: white;

	/* font-family: "roboto"; */

	/* font-weight: 100; */

	font-size: 0.7em;

  }

  .nav__items a:after {

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	top: -30px;

	left: 0;

	border-radius: 2px;

	/* background: radial-gradient(circle at 94.02% 88.03%, #54a4ff, transparent 100%); */

	opacity: 0;

	transition: all 0.5s ease;

	z-index: -10;

  }

  .nav__items:hover a:after {

	opacity: 1;

  }





/*END PK*/



/*mobile CSS*/



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

    .row .hero-text h1 {

        font-size: 28px;

    }

    .row .hero-text h2 {

        font-size: 28px;

    }

    /* .navbar-toggler span {

        background: #FFFFFF;

    } */

    .grid-wrapper .image {

        grid-column: none;

    }

    .city-name {

        font-size: 30px !important;

    }

    /* .space-mobile {

        width: 329px !important;

    } */

    .card-membership {

        margin: 0px 15px;

    }

    .card-title {

        padding: 0px 10px 0px 10px;

    }

    .feature-ul {

        height: 1070px;

    }

    .card-membership {

        width: 31%;

    }

    .pop-up-button-plan {

        font-size: 14px;

    }

    .main-banner {

        min-height: 52rem /*PK 62 to 52*/;

    }

    .pop-up-button {

        font-size: 14px;

    }

    .wrapper-card {

        margin-left: -20px;

    }

    .footer-ul {

        margin-left: -75px;

    }

    .footer-address {

        left: 175px;

    }

    .footer-information {

        margin-left: 25px;

    }

    .join-free {

        font-size: 20px;

    }

    .border-top {

        display: block;

    }

    .footer-border-top1 {

        display: flex;

        width:100%;

        text-align: center;

    }

    .footer-border-top2 {

        display: flex;

        width:100%;

    }

    .footer-about-us {

        margin-right: 15px;

        margin-left: 20px;

    }

    .copyright {

        text-align: center;

    }

    .header_area.navbar_fixed .main_menu .navbar-light .navbar-toggler span {

        background: #333333;

    }

    .text-24-top {

        font-size: 2.5rem;

    }

    .filter-dropdown {

        font-size: 11px;

        padding: 5px 5px 5px 5px !important;

    }

    .hidden-pod {

        margin-left: 20px;

        margin-right: 20px;

        padding-top: 65px;

    }

    .room-image-container200 {

        width: 107%;

        height: 190px;

        border-radius: 25px 25px 0px 0px !important;

    }

  
    .list-inline-item {

        font-size: 14px;
        margin-top: 10px !important;       /* mk */
    }

    .list-inline {

        /* margin-left: -10px;

        margin-right: -10px; */
        display: inline;            /* mk */
    }

    .pagination {

        font-size: 12px;

    }

    .property-rating-price {

        font-size: 20px;

        margin-top: 15px;

    }

    .book_mark_change {

        /* margin-left: 25px; */

        /* margin-top: 14px; */
		margin-top: 5px;

    }

    .icon-bar-header {

        background: #333333 !important;

        margin-right: 20px !important;

    }

    .form-check-label {

        font-size: 15px;

    }

    .modal.left .modal-body {

        padding: 0px 15px 80px;

    }

    .head_avatar {

        margin-left: 55px;

    }

    #Service {

        background-color: #9c65f2 !important;

        border-color: #9c65f2;

        color: white;

        border-radius: 25px;

    }

    .ex-image-container {     /**/

        margin-top: 10.5rem;

    }

    .member {

        font-size: 8px;

    }

    .right-div {

        top: 0%;

    }

    .left-div {

        top: 12%;

    }

    #daterange-btn {

        font-size: 15px;

        text-align: center;
		/* flex-direction: column; */

    }
	.dropdown-menu-location {
        width: 35rem !important;
    }

    #endDate {

        text-align: center;

    }

    .startDate {

        text-align: center;

    }

    #Hourtime_info {

        font-size: 15px;

        text-align: center;

    }

    #bookingstart_time {

        text-align: center;

        font-size: 15px;

    }

    #bookingend_time {

        text-align: center;

        font-size: 15px;

    }

    #selected_hours {

        text-align: center;

        font-size: 15px;

    }

    #number_of_guests {

        text-align: center;

        font-size: 15px;

    }

    .sidebar-title {

        font-size: 15px;

        text-align: center;

    }

    .price-table-scroll {

        font-size: 20px;

    }

    .text-justify {

        font-size: 15px;

    }

    .slider-image-container {

        height: 130px;

        box-shadow: none;

    }

    .h-110px {

        height: 100px !important;

        border-radius: 25px !important;

        width: 135px;

    }

    .grid {

        margin: inherit;

    }

    .mt-70 {

        margin-top: 5rem;

    }

    .ui-timepicker-list li {

        font-size: 15px;

    }

    .shareButton {

        padding: 5px 10px;

        font-size: 12px;

        width: 75px;

        height: 28px;

    }

    .profile-media {

        margin-left: 15px;

    }


    .fav-single {

        margin-left: -100px !important;

    }

    .paypal-text {

        font-size: 15px;

    }

    .book-submit {

        text-align: center !important;

    }

    .booking-confirm {

        font-size: 16px;

        text-align: center;

    }

    sup {

        font-size: 35px;

    }

    small {

        font-size: 20px;

        line-height: 3rem;

    }

    body {

        font-size: 1.4rem;

    }

}


@media only screen and (max-width: 400px) {
.list-bacground {
    min-height: 100px;
}
}


/* Progress bar css on listinggs page pk*/
.progresscontainer {
    display: grid;
    grid-template-columns: repeat(8, 1fr); /* Creates 8 equal columns */
    gap: 0; /* Removes the gap between columns */
    padding: 10px;
    position: relative;
    height: 40px; /* Adjust the height to make it look like a bar */
}

.progresscolumn {
    background-color: #f0f0f0;
    border: none; /* Removes borders to create a seamless look */
    height: 100%; /* Fills the container height */
}

.walking-man {

    top: -25px; /* Adjust the positioning of the walking man relative to the bar */
    left: 0;
    transition: left 0.5s ease; /* Smooth transition when moving */
}

.walking-man img {
    width: 30px; /* Size of the walking man GIF */
}

.filledprogressbar{
	background-color: #9c65f2;
}
/* end */