@font-face {
  font-family: Raleway-Regular;
  src: url("webroot/assets/fonts/Raleway-Regular.ttf");
}
@font-face {
  font-family: Raleway-Medium;
  src: url("webroot/assets/fonts/Raleway-Medium.ttf");
}
@font-face {
  font-family: Raleway-ExtraBold;
  src: url("webroot/assets/fonts/Raleway-ExtraBold.ttf");
}
@font-face {
  font-family: Kalam-Bold;
  src: url("webroot/assets/fonts/Kalam-Bold.ttf");
}
@font-face {
  font-family: Kalam-Regular;
  src: url("webroot/assets/fonts/Kalam-Regular.ttf");
}
h1.main-heading {
  font-family: "Raleway-ExtraBold", sans-serif !important;
  color: #282320;
}
h1.main-heading .heading-span {
  font-family: "Raleway-Medium", sans-serif !important;
}
h4.step-heading {
  font-family: "Raleway-Regular", sans-serif;
  color: #282320;
}
h4.step-heading strong {
  font-family: "Raleway-Medium", sans-serif;
}
.aftr-befr figcaption {
  font-family: "Kalam-Bold", sans-serif;
  color: #282320;
}
h4.step-heading strong span.clr-prpl {
  font-family: "Kalam-Bold", sans-serif;
}
.bg-prpllight .card-header {
  background-color: transparent !important;
}
.bg-prpllight {
  background-color: #fd987d52 !important;
}
.bg-white {
  background-color: #fff !important; 
}
.bg-prpl {
  background: url("../images/Brush-NEW-pink.png");
  background-size: contain;
  background-position: bottom;
  color: #ff1e6e;
  background-repeat: no-repeat;
}
.bg-prpl1 {
  background: url("../images/Brush-NEW-pink.png");
  background-size: 100% 30%;
  background-position: bottom;
  color: #ff1e6e;
  background-repeat: no-repeat;
}
.clr-prpl {
  color: #ff1e6e;
}
.footerlogo-img {
  max-width: 180px;
  width: 100%;
  margin: auto;
  display: block;
}
.footerlogo-img img {
  width: 100%;
  height: auto !important;
}
.women {
  background-color: #ffe5e9 !important;
  box-shadow: 0 0 13px #fb80a9;
  border: 2px solid #fa92b4;
  margin: 20px 0px;
  padding: 22px 35px;
  border-radius: 10px;
}
@media(max-width:425px){
  .card-body{
    padding:12px !important;
  }
}

@media(max-width:425px){
  .points{
    margin-left:18px !important;
  }
}
@media(max-width:425px){
  .step-first{
    padding:5px !important;
  }
}

@media(max-width:425px){
  .step-second{
    padding:5px !important;
  }
}

@media(max-width:425px){
  .step-third{
    padding:5px !important;
  }
}

@media(max-width:425px){
  .step-four{
    padding:5px !important;
  }
}
@media(max-width:425px){
  .whtresults{
    padding: 14px 12px !important;
    margin-bottom: 16px !important;
  }
}
@media(max-width:425px){
p {
  margin-bottom:12px !important;
}
}
@media(max-width:425px){
  .container{
    padding-left:5px !important;
    padding-right:5px !important;
  }
}
@media(max-width:325px){
  .card-body{
    padding:10px !important;
  }
}

@media(max-width:325px){
  .points{
    margin-left:15px !important;
  }
}
@media(max-width:325px){
  .step-first{
    padding:4px !important;
  }
}

@media(max-width:325px){
  .step-second{
    padding:4px !important;
  }
}

@media(max-width:325px){
  .step-third{
    padding:4px !important;
  }
}

@media(max-width:325px){
  .step-four{
    padding:4px !important;
  }
}
@media(max-width:325px){
  .whtresults{
    padding: 12px 12px !important;
    margin-bottom: 14px !important;
  }
}


.whtresults {
  background-color: #fff !important;
  box-shadow: 0 0 13px #f3f3f3;
  border: 2px solid #000000;
  margin: 20px 0px;
  padding: 22px 35px;
  border-radius: 10px;
}
.women-guarantee.guarantee {
  box-shadow: 0 0 4px #fb80a9;
  padding: 20px;
  background-color: #fffff561;
  margin-bottom: 20px;
  border-radius: 10px;
}
.wht-guarantee.guarantee {
  box-shadow: 0 0 4px #f3f3f3;
  padding: 20px;
  background-color: #fffff561;
  margin-bottom: 20px;
  border-radius: 10px;
}
.footer-main {
  background-color: #efe9e0 !important;
  padding: 40px 0 !important;
}
h4.newprofile-heading.mt-3.text-center:before {
  background: url("https://committed100.com/webroot/assets/images/Brush-NEW-prpl.png");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
.main-div {
  background-color: #ffe5e9 !important;
  box-shadow: 0 0 13px #fb80a9;
  border: 2px solid #fa92b4;
  margin: 20px 0px 0px;
  padding: 22px 35px;
  border-radius: 10px;
}
.main-divwht {
  background-color: #fff !important;
  box-shadow: 0 0 13px #f3f3f3;
  border: 2px solid #000000;
  margin: 20px 0px 0px;
  padding: 22px 35px;
  border-radius: 10px;
}
.guarantee h3 {
  color: #ff1e6e;
}
.main-section {
  background-color: #fd987d52 !important;
}
.clr a {
  color: #ff1e6e;
  font-weight: 600;
}
.line-ht a {
  color: #ff1e6e;
}