@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");

body{
	margin:auto;
	padding:20px;
	background: #FFEFBA;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
*{
	box-sizing: border-box;
	font-family: 'Hind Siliguri', sans-serif;
}

header{
	background-color: #ffffff;
	padding: 0;

}
.navbar
{
    background-color: #eaf9ee !important;
}
.navbtn
{
	text-align: center;
	margin-left: 50px;
    margin-right: 50px;
}
.navbar a img
{
    width: 90px;
    float: left;
    margin-left: 40px;

}
.navbar-toggler
{
    position: absolute;
    right: 15px;
    top: 12px;
}
.nav-item a
{
    font-size: 20px;
}
.header h1{
	text-align: center;
	font-size:60px;
	color:#000000;
	margin:1.5 0px;
}

h2{
	color:#000000;
	margin:1.5 0px;
}

.card{
	background: rgba(255,255,255,0.5) !important;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.5);
    position:relative;
    z-index:1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.card .location i
{
    color: #ff7458;
}
.card .location a
{
    font-size: 20px;
    color: #FFFCDF;
    font-weight: 600;
    text-decoration: none;
    text-shadow: 2px 3px 2px #6B6B6B;
}
.card-body h3
{
    color: #ff7458;
    text-shadow: #474747 1px 1px 1px;
}
.card-body p
{
    font-size: 18px;
    text-align: start;
}
.card-body a
{
    text-decoration: none;
    font-size: 18px;
    color: #ff7458;
}

.card img{
	width: 100%;
}
.rightcard
{
	font-size: 20px;

}

.rightcard .cardtext
{
	font-weight: 600;
}
.undrtitlebtn
{
	margin-right: 10px;
	white-space:nowrap;
}
.undrtitlebtn .btn
{
	display: flex;
	flex-wrap: nowrap;
	margin-right: 8px;
	align-items: center;
	height: 25px;
	font-size: 10px;
	font-weight: 300;
}
.undrtitlebtn .btnfb
{
	color: #4067b3;
}
.undrtitlebtn a
{
	display: flex;
	text-decoration: none;
	color: #E14D43;
	font-size: 16px;
	font-weight: 500;
}
.undrtitlebtn .likebtn
{
	color: #E14D43;
	border-style: none;
	background-color: #fff;
	align-items: center;
	height: 10px;
}

.carouselimg img
{
	width: 150px;

}
.votebtn
{
	background-color: #388087;
	border: none;
	color: #ffffff;
}
.card .votelink
{
	color: #E14D43;
	text-decoration: none;
}

  #exTab1 .nav-fill > li > a {
	border-radius: 24% 21% 10% 10% / 18% 18% 0% 0% ;
  }
  #exTab1 .tab-pane
  {
	 padding : 5px 15px;
  }
  #exTab1 .tab-content > [id='places']  {
    background-color: #C2EDCE;
}

#exTab1 .tab-content > [id='hotel']  {
    background-color: #EED7D5;
}

#exTab1 .tab-content > [id='hospital']  {
    background-color: #FFD166;
}



/* pills styling */
#exTab1 .nav-fill > li > a {
  border-radius: 0;
}
.nav-fill > li > a.placetab {
    color: #4A6163;
    border: none;
}
.nav-fill > li > a.placetab.active {
    background-color: #C2EDCE;
    color: #4A6163;
    border: none;
}
.nav-fill > li > a.hoteltab {
    color: #F17A7E;
    border: none;
}
.nav-fill > li> a.hoteltab.active {
    background-color: #EED7D5;
    border: none;
}
.nav-fill > li > a.hospitaltab {
    color: #A97524;
    border: none;
}
.nav-fill > li > a.hospitaltab.active {
    background-color: #FFD166;
    border: none;
}
#hotel > ul >li > a
{
	color: #DF4C73 !important;
}
.review
{
	background-color: #EAF3EE;
	width: 400px;
}
.submit
{
	color: #ffffff;
	background-color: #777777;
	border-style: none;
}
.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    text-align: center;
    padding: 10px;
    z-index: 100;
    display: none;
    background-color: #4A6163;
    border-radius: 35px;
	box-shadow:7px 7px 10px rgba(0, 0, 0, 0.40);
  }
  .scrollup .bi
  {
    color: #F48200;
  }
footer{
	background-color: #388087;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	margin-top: 20px;
}

@media only screen and (min-width: 990px) {
	.product {
	  width: 75%;
	}
  }