@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Mukta', sans-serif;
}
body{
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

.navbar-custom{
	background-color:#FAF8F6;
	font-size: 18px;
	
}

.nav-item{
	padding-right: 20px;
}

.nav-link{
	color: #69524B;
	font-weight:400;
}

.nav-link:hover {
	color: #D67959;
}


.navbar-brand{
	margin-left: 20px;
}

.main{
	background: url("img/Untitled-1-08.jpg")no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	height: 55vh;
	width: 100%;
	
}
.discount{
	position: absolute;
	top: 230px;
	left: 15%;
	transform: translateY(-50%);
	text-transform: uppercase;
	opacity: 90%;
	
}
.bg-custom{
	background-color: #fff;
	width:  240px;
	height: 250px;
	
}
.heading1{
	font-size: 65px;
	color: #69524B;
}
.paragraph1{
	font-size: 19px;
	color: #69524B;
}

.button {
  padding: 8px 12px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #D67959;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #D35F40 ;
}

.button:hover {background-color: #d34620}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.tagline{
	background-color: #FAF8F6;
	min-height: 20vh;
	
}

.tagline p{
	color: #69524B;
	margin-top: 35px;
}

.rect{
	width:210px;
	height:250px;
	border:2px solid #69524B;
	margin-right: 40px;
	margin-top: 60px;
	align-items: center;
	margin-bottom: 30px;
}

.tea{
	min-height: 90vh;
}
.second{
	margin-top: 20px;
	
}
.tea h2{ 
	margin-top: 50px;
	color: #D67959;
	font-style: bold;
	font-size: 39px;
		align-content: center;

}

.tea p{
	color: #69524B;
	font-size: 15px;
	margin-top: 10px;
	align-content: center;
}


.container2{
margin: 10px 30px 10px 10px;

	
}
.container3{
margin: 40px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
	clear: both;}

.rect h3{ 
	margin-top: 20px;
	color: #D67959;
	font-style: bold;
	font-size: 26px;
	}

/* Clear floats after the columns */
/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.teaimage{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
	
.btn {
  background-color: #d67959;
  border: none;
  color: white;
  padding: 2px 10px;
  text-align: center;
  font-size: 16px;
  margin: 2px 60px;
  opacity: 1;
  transition: 0.3s;
}


.btn:hover {opacity: 0.6}

.testimony{
	min-height: 20vh;
	width: 100%;
	background-color: #faf8f6;
}

.quotes{
	text-align: center;
	
}

.quotes p{
	color: #69524b;
}

.material-icons{
	color:#d67959;
}

.footer {

  bottom: 0;

  /* Set the fixed height of the footer here */

  min-height: 280px;

}





/* Sticky footer style and color

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

footer {

  padding-top: 30px;

  background-color: #f4eee8;

  color: #69524b ;

}

footer a {

  color: #d67959;

  text-decoration:none;

}

footer a:hover, footer a:focus {

  color: #69524b;

  text-decoration:none;

  border-bottom:1px dotted #999;

}

footer .form-control {

    background-color: #ffffff;

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

    border: 1px #d67959;

    resize: none;

    color: #d1d2d2;
	

}

.email{
	margin-bottom: 10px;
}

.button2{
	margin-top: 10px;
	margin-left: -59px;
}

.copyright{
	margin-top: 50px;
	color: #d67959;
}

form{
	margin-bottom: 30px;
}