*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root 
{
  --navyclr: #19b7b7;
  --white: #fff;
  --ltmehndi:#C9C9A4;
  --ltteal:#AEF0EA;
  --ltpurple:#C1BBEA;
  --ltblue:#ccefef;
  /*==========font-family===============*/
  --playfair: 'Frank Ruhl Libre', serif;
  --poppins: 'Roboto', sans-serif;
}
.owl-theme .owl-nav [class*=owl-]
{
	font-size: 45px !important;
}
.owl-theme .owl-nav [class*=owl-]:hover
{
	background: #0000 !important;
	color: #000 !important;
}
.owl-theme .owl-nav [class*=owl-]:focus
{
   outline: none !important;
}
#caroone .owl-nav
{
display: inline-flex;
position: absolute;
top: -17%;
right: 0%;
}
#carotwo .owl-nav
{
display: inline-flex;
position: absolute;
top: -50%;
right: 0%;
}

.w_50per
{
	width: 50%;
}
.padt50
{
	padding-top: 50px;
}
.pady0
{
	padding-top: 0px;
	padding-bottom: 0px;
}
.padx0
{
	padding-left: 0px;
	padding-right: 0px;
}
.padx20
{
	padding-left: 20px;
	padding-right: 20px;
}
.pady100
{
padding-bottom: 100px;
padding-top: 100px;
}
.pady50
{
padding-bottom: 50px;
padding-top: 50px;
}

/*=============padding-bottom==============*/

.padb100
{
	padding-bottom: 100px;
}
.padb50
{
	padding-bottom: 50px;
}

/*==========margin-top-bottom==========*/

.mx0
{
  margin: 0px;
}
.margy100
{
padding-bottom: 100px;
padding-top: 100px;
}
.margy50
{
padding-bottom: 100px;
padding-top: 100px;
}

/*===========margin-top==============*/

.margt10
{
margin-top: 10px;
}
.margt20
{
margin-top: 20px;
}
.margt30
{
margin-top: 30px;
}
.margt50
{
margin-top: 50px;
}
.margt80
{
margin-top: 80px;
}

/*===========margin-bottom==========*/

.margb10
{
margin-bottom: 10px;
}
.margb20
{
margin-bottom: 20px;
}
.margb30
{
margin-bottom: 30px;
}

.margb50
{
margin-bottom: 50px;
}

/*================index-property-css==================*/

.prop-grid-container {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: auto auto auto;
  overflow: hidden;
  }
  .prop-grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  position: relative;
  box-shadow: 0px 0px 5px #000;
  transition: 0.4s all linear;
  overflow: hidden;
  margin: 5px 5px;
  }
  .prop-grid-item img
  {
  width: 100%;
  height: 250px;
  transition: 0.5s all linear;
  object-fit: cover;
  outline: 8px solid #ffffffbd;
  outline-offset: -7px;
  outline-style: ridge;
  }
  
  .prop-grid-item:hover img
  {
  outline-offset: -20px;
  }

  .prop-item-5
  {
  grid-column-start: 2;
  grid-column-end: -1;
  }
  .prop-grid-item h5
  {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: inherit;
  color: #fff;
  font-size: 18px;
  text-shadow: 0px 0px 5px #000;
  font-weight: bold;
  }
  .prop-amen
  {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background-color: var(--navyclr);
  padding: 5px 10px;
  }
  .prop-amen div
  {
  margin: 0px 5px;
  text-shadow: 0px 0px 3px #000;
  }

  @media only screen and (max-width: 968px) and (min-width: 569px)
  {
   .prop-grid-container
   {
      grid-template-columns: auto auto;
   }
    .prop-item-5
    {
    grid-column-start: 1;
    grid-column-end: -1;
    }
  }
  @media only screen and (max-width: 568px)
  {
       .prop-grid-container
       {
          grid-template-columns: auto;
       }
    .prop-item-5
    {
    grid-column-start: 1;
    grid-column-end: -1;
    }
  }




.gallery-grid-container
{
display: grid;
grid-template-columns: 50% 25% 25%;
background: #ece4e4;
padding: 5px;
border-radius: 10px;
margin-bottom: 15px;
}

.grid-item-1
{
grid-row-start: 1;
grid-row-end: 3;
height: 70vh;
}

.grid-item-2, .grid-item-3, .grid-item-4, .grid-item-5
{
height: 35vh;
}

.my-gallery-img
{
width: 100% !important;
height: 100% !important; 
padding: 5px;
object-fit: cover;
border-radius: 15px !important;
}

.prop_name
{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.proprate
{
	text-align: end;
}

.overview
{
	text-align: justify;
}

.flxhd
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.overview_para
{
	height: 200px;
    overflow-y: scroll;
    padding-right: 10px;
}

.overview_icon i
{
	/*background: #000;*/
	color: teal;
	padding: 5px;
	border-radius: 5px;
}

.overview_para::-webkit-scrollbar {
  width: 3px;
  background: #fff;
}


.overview_para::-webkit-scrollbar-thumb {
  background: linear-gradient(transparent, teal);
  border-radius: 15px;
}

.overview_para::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(transparent, #00c6ff);
}

.quotebox
{
border: 1px solid #ddd;
padding: 25px;
box-shadow: 1px 1px 8px #ddd;
border-radius: 10px;
margin-top: 60px;
margin-left: 0px;
position: sticky;
webkit-position: sticky;
top: 80px;
background: aliceblue;
}

.quotebox .form-control
{
padding: .8rem .75rem;
height: auto;
}

.quotebox ::-webkit-input-placeholder
{
font-size: 11px;
font-weight: 600;
font-family: var(--poppins);
}

.quotebox select
{
font-size: 13px;
font-weight: 600;
font-family: var(--poppins);
height: 50px !important;
}

.quotebox h3
{
font-family: var(--poppins);
font-weight: 600;
color: var(--navyclr);
font-size: 18px;
margin-bottom: 20px;
}

.quoteboxbtn
{
width: 100%;
background: var(--navyclr);
color: var(--white);
padding: 10px;
border: none;
border-radius: 10px;
margin-top: 20px;
font-family: var(--poppins);
}

.avail, .avail_cal
{
	width: 100%;
}



@media only screen and (max-width: 568px)
{
	.mobreverse
	{
		flex-direction: column-reverse;
	}

	footer a, footer li, footer p, footer td
	{
     font-size: 15px !important;
     font-weight: 100 !important; 
	}

	.propname, .proprate
	{
		text-align: center;
	}

	.propname h2, .proprate h2
	{
		font-size: 25px;
	}

	.prop_name
	{
		flex-direction: column;
		align-items: center;
	}

	.mob_column
	{
		flex-direction: column !important;
	}

	.gallery-grid-container
	{
		grid-template-columns: 100% 25% 25% !important;
		overflow: hidden !important;
		height: 42vh !important;
	}

	.grid-item-1
	{
    height: 40vh !important;
	}

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

	@media screen and (max-width: 600px) {
  #anrjresponsivetbl table {
    border: 0;
  }

  #anrjresponsivetbl table caption {
    font-size: 1.3em;
  }
  
  #anrjresponsivetbl table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  #anrjresponsivetbl table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  #anrjresponsivetbl table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  #anrjresponsivetbl table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #anrjresponsivetbl table td:last-child {
    border-bottom: 0;
  }

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

  .quotebox
  {
    padding: 15px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  #breadcrumb
  {
  	height: 200px !important;
  	background-attachment: inherit !important;
  	background-position: 100% 100% !important;
  }

  #breadcrumb h1
  {
  	width: 100% !important;
  }
}