:root{
--background-header: linear-gradient(0deg, rgba(219, 207, 233, 1), rgba(183, 158, 210, 1) 35%,
 rgba(167, 142, 193, 1) 65%, rgba(153, 126, 183, 1) 97%);
}
@font-face {
  font-family:'harmonia-bold';
  src: url(../fonts/HarmoniaSansProCyr-Bold.ttf);
}
@font-face {
  font-family:'harmonia-light';
  src: url(../fonts/HarmoniaSansProCyr-Light.ttf);
}
@font-face {
  font-family:'harmonia-reg';
  src: url(../fonts/HarmoniaSansProCyr-Regular.ttf);
}
.harmonia-bold{
	font-family:'harmonia-bold';
}
.harmonia-reg{
	font-family:'harmonia-reg';
}
.harmonia-light{
	font-family:'harmonia-light';
}
.header{
	background: #9B81B9;
}
.headernew {
 background: #9B81B9;

}
.headernew h3 a{
	color:rgba(255, 255, 255,.75);
	font-size: 40px;
	letter-spacing:1 ;

}
.headernew h3 a:hover{
	color: white;
}
.nav-link{
	font-size:20px ;
	color:rgba(255, 255, 255,.75)!important;
}

.btn-order{
	padding:10px 20px; 
		font-family:'harmonia-light';
		letter-spacing: 1px
}
.bg-black{
	background: black;
}
.header h3 a{
	color:rgba(255, 255, 255,.75);
	font-size: 40px;
	letter-spacing:1 ;

}
.header h3 a:hover{
	color: white;
}
.nav-link{
	font-size:20px ;
	color:rgba(255, 255, 255,.75);
}
.nav-link:hover{
	color: white;
	text-decoration: underline;
}
.card{
	border: transparent;
	border-radius: 15px;
		background:#9B81B9;
		margin-top: 30px;


}
.container{
	max-width: 1120px;
}
.media{
	margin-top: 68px;

}
.card-body{
	padding: 3rem 2rem 2rem;
}
.card-title{
	font-size: 50px;
	color: white;
}
.card-body p{
	font-size: 17px;
	color: white;
	margin-top: 20px;
	line-height: 2;
}
.position{
	position: absolute;
	top: 35%;
	left: 24%;
}
.position h2{
	color: white;
	letter-spacing: 1.0;
	font-size: 53px;
}
.position p{
	font-size: 18px;
	color: rgba( 255, 255, 255, .75);

}
.bg-header{
	background-image: url("../images/1.jpg");
	height: 75vh;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-position:50% 50%;

}
.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	    opacity: .9;
    z-index: 0;
}
.upload{
	background: #121212;
	padding: 15px 27px;
	letter-spacing: 1.1;
	border-radius: 18px;
	height: auto;
}
.upload h4{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
}
.upload p{
	line-height: 1.9;

	font-size: 16px;
}
.stress-img{
	height: 100%;
	 border-radius: 15px 0 0 15px;
	  object-fit: cover; 
}
.media-heading{
	text-align: left;
}
.bg-book{
	background: #9B81B9;
}
.essay{
	text-align: center;
	padding: 20px 20px;
	padding-bottom: 30px;
	color: white;
}
.essay h4{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
}
.essay p{
	line-height: 1.9;
margin-bottom: 8px;
	font-size: 16px;
}

.learnmore{
	   font-size: 12px;
    display: inline-block;
    color: white;
    padding: 5px 5px;
    text-decoration: none;
    text-transform: uppercase;

}
.learnmore:hover{
	color: white;
}
.links a{
	color: white;
	text-decoration: none;
}
.links:hover{
	text-decoration: underline;
	color: white;
}
.svg svg{
	margin-right: 5px;
}
.copyright a{
	color: white;
	text-decoration: none;
}
.copyright a:hover{
	text-decoration: underline;
	color: white;
}
.heading{
	margin-top: 50px;
	padding: 0px 0px;
	margin-bottom: 40px;
}
.heading h1{
	font-size: 58px;
}
.text{
	padding: 0px 0px;
	text-align: ;
	font-size: 18px;
	letter-spacing: 1.1;
}
.text a{
	color: white;
	text-decoration: none;
}
.text a:hover{
		color: white;
text-decoration: underline;

}
.subscribe h2{
font-size: 43px;
}
.list{
	padding-left: 1rem;
	line-height: 2;
}

.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .bi {
  position: absolute;
  padding: 13px 12px;
  font-size: 17px;
  pointer-events: none;
  color:#999999f7;

}

/* align icon */
.left-addon .bi  { right:  0px;}


/* add padding  */
.left-addon input  { padding-left:  30px; }


.subscribe input[type=text] {
      padding: 10px 12px;
  font-size: 14px;
  float: left;
 width: 100%;
  color: black!important;
  font-weight: 400;

border-radius: 12px ;
    text-align: left;
    background: rgba(255, 255, 255, 0.75);
border: 1px solid rgba(255, 255, 255, 0.2);
outline: 0;

}

.shipping-heading{
	font-size: 53px;
	margin-top: 50px;
	margin-bottom: 40px;
}
.booking-heading{
	font-size: 43px;
	margin-top: 50px;
	margin-bottom: 40px;
	padding-left: px;
}
 @media only screen and  (max-width: 450px){
 	.stress-img{
 		height: auto;
 		border-radius: 15px 15px 0 0!important;
 	}
 	.upload{
 		height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
 	}
 	.position{
 		left: 1%;
 		top: 29%;
 	}
 	.media-heading{
 		text-align: center;
 	}
 	.position p{
 		padding: 0 59px;

 	}
 }