:root { 
	--main-color: #F2E9DE;
	--dark-text: #33324D;
}

html,body{
	font-family: 'Manrope', sans-serif !important;
	overflow-x: hidden;
}


.dark{color: var(--dark-text);}
.bold{font-weight: bold}
.bolder{font-weight: 800}

.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs26{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs36{font-size: 36px;}
.fs40{font-size: 40px;}
@media (max-width: 992px) {
	.fs40{font-size: 30px;}
	.fs36{font-size: 30px;}
}
@media (max-width: 600px) {
	.fs40{font-size: 26px;}
	.fs36{font-size: 30px;}
}


.btn-lbd {
  border: none;
  padding: 20px 44px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s;
}
.btn-lbd.btn-sm {
  border: none;
  padding: 8px 20px;
  font-size: 12px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
}
.btn-lbd.btn-lg {
  border: none;
  padding: 28px 40px;
  font-size: 18px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
}
.btn-lbd.btn-dark{
	background-color: var(--dark-text);
	color: white;
}
.btn-lbd.btn-dark:hover{
	background-color: #BD6E5D;
	color: white;
}


/*--------SHAPES--------*/
.shape-1{
	position: absolute;
	right: 0px;
	width: 300px;
	top: 550px;
	z-index: 2;
}
.shape-2{
	position: absolute;
	left: 0px;
	width: 250px;
	top: 400px;
	z-index: 2;
}
.shape-3{
	position: absolute;
	right: 0px;
	width: 200px;
	top: -300px;
	z-index: 2;
}
.shape-4{
	position: absolute;
	left: 0px;
	width: 250px;
	top: 0;
	z-index: 2;
}


.lbd-header{
	position: relative;
	background: var(--main-color);
	height: 700px;
	width: 100%;
	padding: 120px 0;
}
.lbd-header .logo{
	width: 200px;
}
.lbd-header .couple-1{
	position: absolute;
	left: 50px;
	width: 300px;
	bottom: 0;
}
.lbd-header .couple-2{
	position: absolute;
	right: 50px;
	width: 300px;
	bottom: 0;
}

@media (max-width: 1500px) {
	.shape-1{top: 600px; width: 200px;}
	.shape-2{top: 550px; width: 200px;}
	.shape-3{width: 200px;}
	.shape-4{top: 300px; width: 200px;}

}
@media (max-width: 1300px) {
	.shape-1{top: 600px; width: 150px;}
	.shape-2{top: 550px; width: 150px;}
}
@media (max-width: 992px) {
	.lbd-header .couple-1{width: 200px;}
	.lbd-header .couple-2{width: 200px;}
	.shape-1{top: 600px; width: 100px;}
	.shape-2{top: 550px; width: 100px;}
	.shape-3{width: 100px;}
	.shape-4{top: 150px; width: 100px;}
}
@media (max-width: 600px) {
	.lbd-header .couple-1{width: 150px;}
	.lbd-header .couple-2{width: 150px;}
	.shape-1{top: 600px; width: 100px;}
	.shape-2{top: 550px; width: 100px;}
}
@media (max-width: 400px) {
	.lbd-header .couple-1{width: 100px;}
	.lbd-header .couple-2{width: 100px;}
	.shape-1{top: 600px; width: 100px;}
	.shape-2{top: 550px; width: 100px;}
}

.lbd-card {
  background: white;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.main-nav{
	left: 0;
	top: -80px;
	width: 100%;
	z-index: 9999;
	background-color: var(--main-color);
	position: fixed;
	padding: 10px 20px;
	transition: all 0.3s;
	border-bottom: solid 1px #bbbbbb40;
}
.logo-nav{
  	width: 120px;
}
@media (max-width: 600px) {
  .logo-nav{
  	width: 80px;
  }
}


.pricing-card{font-size: 18px; padding: 25px}
.login-card{width: 500px; max-width: 90%; margin: auto;}
@media (max-width: 992px) {
	.pricing-card{font-size: 16px;}
}
@media (max-width: 600px) {
	.pricing-card{font-size: 16px;}
	.login-card{width: unset; max-width: 90%; margin: auto;}
}
@media (max-width: 400px) {
	.pricing-card{font-size: 14px; padding: 15px}
}

.main-nav.active{
	top: 0;
}

footer a{
	color: #33324D !important;
}
footer a:hover{
	color: #BD6E5D !important;
}