/* Custom Styles */

@font-face {
   font-family: quentin;
   src: url(quentin.tff);
}
.quentin{
   font-family: quentin; 
}

@font-face {
   font-family: cerebrisans;
   src: url(cerebrisans-regular.woff);
}
.cerebrisans{
   font-family: cerebrisans; 
}
.color--burgundi {
    color: #a63655;
}

.h4--quentin {
    font-family: "Quentin";
    font-size: 64px;
}

span.h4--quentin.color--burgundi {
    background: #9c9c7d00 url(https://test.viewdemo.co/wp/ovulifemd/wp-content/themes/ovulifemd/assets/img/text-bg.png) no-repeat scroll 0px 4px;
    padding: 0 20px 0 70px;
    display: inline-block;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.byp{
    font-family: "Quentin";
    font-size: 64px;
    color: #a63655;
    display: inline-block;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0;
margin-left: 20px;
  background: #9c9c7d00 url(text-bg2.png) no-repeat scroll 0px 4px;
    display: inline-block;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}



.click{
    font-family: "Quentin";
    font-size: 38px;
    color: #a63655;
    display: inline-block;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0;
margin-left: 20px;
  background: #9c9c7d00 url(text-bg2.png) no-repeat scroll 0px 4px;
    display: inline-block;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.btn {
     background-image: radial-gradient(circle at 2% 9%, #d14d61, #b63d4f 38%, #8a2c3e 82%);
    color: #fff;
}
.btn {
    display: inline-block;
    font-family: cerebrisans;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 1px;
    border-radius: 1px;
    padding: 20px 28px;
    text-transform: uppercase;
    text-align: center;
}

.btn::after{
    background-image: url(https://test.viewdemo.co/wp/ovulifemd/wp-content/themes/ovulifemd/assets/img/btn-arrow__white.svg);
}

.btn::after{
content: "";
    position: relative;
    display: inline-block;
    width: 29px;
    height: 14px;
    margin-left: 18px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.btn:hover:after {
    position: relative;
    left: 5px;
}