@font-face {
	font-family: KapraNeue;
	src: url('./Fonts/KapraNeue-Regular.otf');
}

@font-face {
	font-family: Karla;
	src: url('./Fonts/Karla-Regular.ttf');
}

/**umb_name:Body Text*/
.case-study-desc {
	font-size: 16px;
	font-family: Karla;
	line-height: 1.4;
	letter-spacing: 0.42px;
	color: #2b2c2f;
}

/**umb_name:Quote*/
.case-study-desc-quote {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.33px;
	color: #2b2c2f;
	font-weight: bold;
}

/**umb_name:Title Blue*/
.title-blue {
	font-size: 60px;
	font-family: KapraNeue;
	line-height: 65px;
	color: #27a9e0;
	letter-spacing: 1px;
}

/**umb_name:Title Black*/
.title-black {
	font-size: 60px;
	font-family: KapraNeue;
	line-height: 65px;
	color: #000000;
	letter-spacing: 1px;
}

/**umb_name:Eleiot Header Blue*/
.eleiot-header-blue {
	font-family: KapraNeue;
	font-size: 79px;
	line-height: 1.06;
	text-align: center;
	color: #38bce2;
}

/**umb_name:Eleiot Header Purple*/
.eleiot-header-purple {
	font-family: KapraNeue;
	font-size: 70px;
	line-height: 1.14;
	color: #b591fa;
}

/**umb_name:Eleiot Body Text Purple*/
.eleiot-body-text-purple {
	color: #b591fa;
	font-size: 20px;
}

/**umb_name:WQSP Title Dark Blue*/
.wqsp-title-darkblue {
	font-family: KapraNeue;
	font-size: 70px;
	line-height: 1.14;
	color: #296be0;
}

/**umb_name:Icon Title*/
.icon-title {
	font-family: Karla;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0.25px;
	line-height: 20px;
}

/**umb_name:Icon Text*/
.icon-text {
	font-family: Karla;
	font-size: 15px;
	letter-spacing: 25px;
}

/**umb_name:Hyperlink*/
.hyperlink {
	font-family: Karla;
	font-size: 20px;
	color: #27a9e0;
	letter-spacing: 0.5px;
	line-height: 28px;
}

/**umb_name:Button Text*/
.button-text {
	font-family: KapraNeue;
	font-size: 18px;
	letter-spacing: 2.25px;
	line-height: 22px;
}