:root{

    --pf-global--primary-color--100: rgba(234, 85, 90, 1);
    --pf-global--primary-color--200: rgba(234, 85, 90, 1);
    --pf-global--primary-font:'Open Sans';
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: normal; /*400*/
    font-display: swap;
    src: url("../fonts/OpenSans/opensans-regular.ttf") format("truetype");
}

@font-face {
font-family: 'OpenSans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../fonts/OpenSans/opensans-medium.ttf") format("truetype");
}

@font-face {
font-family: 'OpenSans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../fonts/OpenSans/opensans-semibold.ttf") format("truetype");
}

@font-face {
font-family: 'OpenSans';
font-style: normal;
font-weight: bold; /*700*/
font-display: swap;
src: url("../fonts/OpenSans/opensans-bold.ttf") format("truetype");
}

body{
    font-family: var(--pf-global--primary-font);
}

.my-root-class {
	background: #f7f7f7;
}

.my-root-class body {
	background-image: none;
}

.logo{
    height: 3rem;
    padding-left: 12px;
    margin-top: 5px;
}

.pf-c-button {
    --pf-c-button--m-primary--Color:var(--pf-global--Color--100);
    
}

.pf-c-button.pf-m-primary {
    color:white

}
.card-pf {
	background:white;
	border-radius: 20px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.btn-lg{
    background-image: linear-gradient(90deg, rgba(234, 85, 90, 1) 35%, rgba(236, 156, 151, 1) 100%);
	border: none;
	border-radius: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#kc-header-wrapper{
    color: rgba(234, 85, 90, 1);
}