/* .pulse {
  box-shadow: 0 0 0 rgba(48, 73, 153, 0.4); 
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
} */
/* .pulse:hover {
  animation: none;
} */

/* @-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(48, 73, 153, 0.4); 
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px transparent;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(48, 73, 153, 0.4); 
  }
  70% {
    box-shadow: 0 0 0 20px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
} */
.pulse {
     animation-name: pulse;
     -webkit-animation-name: pulse;
     animation-duration: 1.5s;
     -webkit-animation-duration: 1.5s;
     animation-iteration-count: infinite;
     -webkit-animation-iteration-count: infinite;
}
 @keyframes pulse {
     0% {
         transform: scale(0.9);
    }
     50% {
         transform: scale(1);
    }
     100% {
         transform: scale(0.9);
    }
}
 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scale(0.95);
    }
     50% {
         -webkit-transform: scale(1);
    }
     100% {
         -webkit-transform: scale(0.95);
    }
}


 @media screen and (min-width:1200px) and (max-width:1399.98px) {
     p{
         font-size: 15px;
    }
     .top-bar p {
         font-size: 15px;
    }
     .main-heading {
         font-size: 33px;
         line-height: 61px;
    }
     .main-heading span {
         line-height: 50px;
    }
}
 @media screen and (min-width:992px) and (max-width:1199.98px) {
     .top-bar p{
         font-size: 13px;
    }
     .main-heading {
         font-size: 30px;
         line-height: 50px;
    }
     .main-heading span {
         line-height: 40px;
         padding-right: 6px;
    }
     .weight-heading {
         font-size: 20px;
         line-height: 23px;
    }
     .weight {
         font-size: 28px;
         line-height: 23px;
    }
     .weightbox {
         width: 230px;
         padding: 14px 45px;
         border-radius: 10px;
    }
     .recomanded-heading {
         font-size: 28px;
         line-height: 34px;
    }
     .recomanded-heading2 {
         font-size: 34px;
         line-height: 41.2px;
    }
     .cust-btn {
         font-size: 32px;
         line-height: 27px;
         padding: 26px 32px;
         width: 500px;
    }
     .review-heading {
         font-size: 28px;
         line-height: 43px;
    }
     .rating {
         font-size: 58px;
         line-height: 88px;
    }
}
 @media screen and (min-width:768px) and (max-width:991.98px) {
     .graph-section {
         padding: 60px 0 80px;
    }
     .main-heading {
         font-size: 18px;
         line-height: 28px;
    }
     .main-heading span {
         line-height: 23px;
    }
     .weightbox {
         width: 150px;
         padding: 14px 30px;
         border-radius: 8x;
    }
     .weight-heading {
         font-size: 14px;
         font-weight: 400;
         line-height: 16px;
         margin-bottom: 8px;
    }
     .weight {
         font-size: 18px;
         font-weight: 700;
         line-height: 16px;
    }
     .graph-wrapper {
         margin-top: 80px;
    }
     .recomanded-product-bg {
         margin-top: 50px;
    }
     .recomanded-heading {
         font-size: 28px;
         line-height: 34px;
    }
}
 @media screen and (max-width:767.98px) {
     .top-bar p{
         max-width: 420px;
         margin-left: auto;
         margin-right: auto;
    }
    .step-3 .step-heading{
        font-size: 12px;
    } 
     .graph-section {
         padding: 30px 0 60px;
    }
     .graph-wrapper {
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
         align-items: end;
         margin-top: 30px;
         overflow: hidden;
         box-shadow: none;
         max-width: 100%;
         margin-left: auto;
         margin-right: auto;
         border: 1px solid #E2E8F0;
    }
     .main-heading {
         font-size: 16px;
         line-height: 26px;
    }
     .main-heading span {
         line-height: 21px;
    }
     .weightbox {
         width: 135px;
         padding: 10px 25px;
         border-radius: 5.48px;
    }
     .weight-heading {
         font-size: 12px;
         font-weight: 400;
         line-height: 14px;
         margin-bottom: 8px;
    }
     .weight {
         font-size: 16px;
         font-weight: 700;
         line-height: 14px;
    }
     .graph-leftbox {
         width: 100%;
         padding-top: 15px;
    }
     .graph-rightbox {
         width: 100%;
    }
     .review-section {
         padding: 40px 0;
    }
     .review-container {
         margin-top: 20px;
         margin-left: auto;
         margin-right: auto;
    }
     .review-btnbox {
         margin-top: 30px;
    }
}
 @media screen and (max-width:575.98px) {
     p {
         font-size: 14px;
         line-height: 21px;
    }
     .top-bar p{
         max-width: 390px;
         margin-left: auto;
         margin-right: auto;
    }
     .graph-section {
         padding: 20px 0 50px;
    }
     .main-heading {
         font-size: 14px;
         font-weight: 800;
         line-height: 25.91px;
    }
     .main-heading span {
         line-height: 19px;
         padding-right: 1px;
    }
     .weightbox-container {
         margin-top: 20px;
    }
     .weightbox {
         width: 115px;
         padding: 10px 20px;
         border-radius: 5.48px;
    }
     .weight-heading {
         font-size: 10.96px;
         font-weight: 400;
         line-height: 12.33px;
         margin-bottom: 8px;
    }
     .weight {
         font-size: 14.62px;
         font-weight: 700;
         line-height: 12.33px;
    }
     .recomanded-heading {
         font-size: 24px;
         line-height: 31.92px;
    }
     .product-details {
         font-size: 15px;
         font-weight: 400;
         line-height: 24px;
    }
     .recomanded-product-bg {
         padding: 50px 20px 30px;
         margin-top: 30px;
    }
     .recomanded-btnbox {
         margin-top: 25px;
    }
     .cust-btn {
         font-size: 24px;
         line-height: 27px;
         padding: 20px 35px;
         width: 100%;
    }
    .step-11 .inner-box p{
        margin-left: 0;
        font-size: 15px;
    }
    .step-11 .inner-box img {
        margin-left: -20px;
    }
}
 @media screen and (max-width: 400px) {
     p {
         font-size: 12.5px;
         line-height: 19.5px;
    }
     .top-bar p {
         max-width: 360px;
         margin-left: auto;
         margin-right: auto;
    }
     .weightbox {
         width: 100px;
         padding: 10px 20px;
    }
     .weight-heading {
         font-size: 9px;
         line-height: 11px;
         margin-bottom: 8px;
    }
     .weight {
         font-size: 13px;
         line-height: 11px;
    }
}
@media screen and (max-width: 767px){
    h1.main-heading.text-center {line-height: 1.4 !important}
.weightbox-container , .recomanded-btnbox.text-center.mt-5 , .graph-wrapper{
    margin-top: 1rem !important;
}
.back-count {margin-bottom: 0.5rem;}
.step-top-content {font-size: 0.9rem;}
p.step-para.brHide br {display: none;}
}