/********** GENERAL**********/

body {
	color: #292E33;
	font-family: 'Poppins', sans-serif;
}

/*** typography ***/


h1, h2, h3, h4 {
	font-family: 'Red Hat Display', sans-serif;
}
h1 {
	font-weight: 900;
}
h2 {
	font-weight: 700;
}

.fs-7 {
	font-size: 0.875rem;
}

/*font weight*/
.fw-medium {
	font-weight: 500;
}

/*** text-color ***/

.text-blue {
	color: #1CA0E1;
}	
.text-pink {
	color: #E90A8A;
}	


/*** button ***/

.btn {
	border-radius: 0;
	font-size: 1.125rem;
	padding: 15.5px 55px;
	text-transform: capitalize;
}

.btn-pink {
	color:  #fff;
	background-color: #E90A8A;
}
.btn-blue{
	color:  #fff;
	background-color: #1CA0E1;
}
.btn-outline-white {
	color: #fff;
	border: 1px solid #fff;
}
.btn-outline-black {
	color: #000;
	border: 1px solid #000;
}

/*btn size*/

.btn-sm {
	padding: 7.5px 34.5px!important;
}


/*btn hover*/

.btn-pink:hover,
.btn-blue:hover {
	color:  #fff;
	background-color: #A91369;
	border-color: #A91369;
}
.btn-outline-white:hover {
	color: #000;
	background-color: #fff;
	border-color: #fff;	
}
.btn-outline-black:hover {
	color: #fff;
	background-color: #000;
	border-color: #000;	
}


/*** background image ***/

.bg-cover {
	background-size: cover;
}


/********** HEADER **********/

.bg-header {
	width: 100%;
	height: 823px;
	clip-path: polygon(0% 0%,100% 0%,100% 79%,79.5% 100%,59% 81%,53.5% 87%,36% 86.5%,18% 100%,0% 92%);
}
.bg-header:before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: inherit;
	background-color: rgba(0, 0, 0, 0.65);
}

.navbar {
	height: 60px;
	top: 80px;
}

/*** navbar-brand ***/

.navbar-logotype {
	width: 90.81px;
}

.navbar-logo {
	width: 177px;
}

/*** navbar-nav ***/

.nav-link {
	font-weight: 0.875rem;
}
.icon-phone {
	width: 16px;
}


/********** MAIN **********/

/*** magenta-002***/


/*point-item*/

.point-item {
	width: 28px;
	height: 28px;
	background-color: #E90A8A;
}
.bi-plus {
	font-size: 28px;
	line-height: 28px;
}
.point-item-01 {
	top:  212px;
	left: 560px;
}
.point-item-02 {
	top:  413px;
	left: 292px;
}
.point-item-03 {
	top:  473px;
	left: 551px;
}
.point-item-04 {
	top:  332px;
	right: 442px;
}
.point-item-05 {
	top:  450px;
	right: 260px;
}

/*shape*/

.wrap-shape {
	filter: drop-shadow(-1px 7px 35px rgba(0, 0, 0, 0.65));
}
.shape {
	background-color: #000;
	height: 112px;
	clip-path: polygon(17% 97%,0% 56%,0% 0%,100% 0%,100% 90%,59% 65%,30.5% 100%,23.6% 43%);
}

/*** magenta-003 ***/ 

.logo-pulse {
	width: 63.2%;
	animation: pulse 1.5s infinite ease-out;
	animation-fill-mode: both;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/*** magenta-004 ***/

.magenta-004 .img-gray {
	background-color: gray;
    background-blend-mode: luminosity;
}
.magenta-004 .img-gray:hover {
	background-color: transparent;
	background-blend-mode: normal;
	transition: background-color 2s ease-out 100ms
}



/********** FOOTER **********/