@import url( 'https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap' );

body {counter-reset: reversed(section);font-family: 'Lato';}
.main-box .form-inner .form-check-input:checked {background-color: #008CCC;border-color: #008CCC;box-shadow: none;}
.main-box .form-inner .form-check .form-check-input {margin-top: 1px; cursor: pointer;}
.main-box a {color: #538DAA;text-decoration: none;}
.main-box .form-inner .form-check-input {width: 20px;height: 20px;}
.main-box .form-inner .form-check-input:checked[type="radio"] {--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");}
.main-box {max-width: 1170px;font-family: 'Nunito', sans-serif;margin: 10px 0;margin: auto;}
.main-box .form-inner {margin-bottom: 50px;background: #FFFFFF;border: 1px solid rgba(29, 31, 32, 0.08);border-radius: 8px;padding: 35px 50px 35px;text-align: left; position: relative;}
.main-box .form-inner .form-max {margin-bottom: 40px;}
.main-box .form-inner .form-max:last-child {margin-bottom: 0;}
.main-box .form-inner:hover {box-shadow: 0px 8px 20px 2px rgba(0, 0, 0, 0.08);border: 1px solid #fff;}
.main-box .form-inner .form-check-inline {display: flex;margin-bottom: 15px;align-items: center;}
.main-box .form-inner.marked .form-label,
.main-box .form-inner.marked .form-check-inline .form-check-label,
.main-box .form-inner:hover .form-label,
.main-box .form-inner:hover .form-check-inline .form-check-label {opacity: 1;}
.main-box .form-inner .form-check-inline .form-check-label {padding-left: 8px;opacity: 0.5;font-family: Lato;font-size: 17px;color: #000; cursor: pointer;}
.main-box .form-inner .form-label {font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 18px;line-height: normal;letter-spacing: 0.01em;color: #1D1F20;margin-bottom: 20px;opacity: 0.5;width: 100%;display: inherit;}
.label-top {background: #fff;padding: 10px 0;padding-bottom: 10px;font-size: 17px;left: 40px;font-family: 'Lato';padding-bottom: 20px;opacity: 0.5;color: #000;}
.main-box .form-inner:hover .label-top {color: #000;opacity: 1}
footer.page_footer .cws-widget section.textwidget a{word-wrap: break-word;}
.main-box h3 {font-family: 'Lato';font-style: normal;font-weight: 700;font-size: 32px;line-height: 30px;text-transform: capitalize;color: #151616;padding:0; margin-top: 0; text-align: left;}
.main-box h4 {font-family: 'Lato';font-style: normal;font-weight: 500;font-size: 22px;line-height: 26px;letter-spacing: 0.02em;color: #151616;margin-bottom: 40px;text-align: left;}
.main-box .form-inner .number {max-width: 100px;margin-bottom: 10px;}
.main-box .form-inner .form-control {background: #FFFFFF;border-radius: 5px;border: 0;height: 56px;}
.main-box .form-extra {padding-left: 20px;}
.calculate-bottom {background: #FFFFFF;box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.04);}
.calculate-bottom .main-calculate {max-width: 1170px;margin: auto;padding: 15px;}
.Calculate {font-family: 'Lato';background: #008CCC;border-radius: 100px;font-style: normal;font-weight: 600;font-size: 18px;line-height: 22px;letter-spacing: 0.01em;text-transform: capitalize;color: #FFFFFF;padding: 14px 40px;width: 100%;text-align: center;display: inline-block;border: none;}
.Calculate:hover {background: #3c84a9;}
.congratulations p {max-width: 400px;margin: auto;}
.hypertension {max-width: 690px;margin: auto;}
.hypertension h4 {font-size: 20px;line-height: 37px;text-align: center;color: #222222;font-weight: bold;margin: 0px 0 10px;}
.red {font-weight: 700;}
.heartriskassessmenttool-container p {font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 20px;line-height: 34px;text-align: center;letter-spacing: 0.02em;color: #1D1F20;}
#msform {position: relative;margin-top: 20px;}
#msform fieldset:not(:first-of-type) {display: none;}
#msform fieldset {text-align: center;}
#msform fieldset .form-card {text-align: left;color: #9E9E9E;}
#msform .action-button {font-family: 'Lato';background: #008CCC;border-radius: 100px;font-style: normal;font-weight: 600;font-size: 18px;line-height: 22px;letter-spacing: 0.01em;text-transform: capitalize;color: #FFFFFF;padding: 14px 40px;width: 100%;text-align: center;display: inline-block;border: none;max-width: 250px; cursor: pointer;}
#msform .action-button:hover,
#msform .action-button:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;}
#msform .start-afresh.action-button{margin: 30px 0 30px;}
.women-heart-health-program-button {max-width: 335px !important;}
#msform .action-button-previous {font-family: 'Lato';background: #616161;border-radius: 100px;font-style: normal;font-weight: 600;font-size: 18px;line-height: 22px;letter-spacing: 0.01em;text-transform: capitalize;color: #FFFFFF;padding: 14px 40px;width: 100%;text-align: center;display: inline-block;border: none;max-width: 250px;}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #c8c8c8;}
.disclaimer-text {font-size: 14px !important;text-align: left !important;line-height: 25px !important;}
select.list-dt {border: none;outline: 0;border-bottom: 1px solid #ccc;padding: 2px 5px 3px 5px;margin: 2px;}
select.list-dt:focus {border-bottom: 2px solid skyblue;}
.card {z-index: 0;border: none;border-radius: 0.5rem;position: relative;}
.fs-title {font-size: 25px;color: #2C3E50;margin-bottom: 10px;font-weight: bold;text-align: left;}
.font-family-lato {font-family: Lato;}
.risk-factor-selection-error,
.gender-selection-error {color: #ce0000;}
.process3.success,.process4.failure {background: #FFFFFF;border: 1px solid rgba(29, 31, 32, 0.08);border-radius: 8px;padding: 35px 50px 35px;text-align: center;position: relative;box-shadow: 0px 8px 20px 2px rgba(0, 0, 0, 0.08);}
.process3.success h3,.process4.failure h3{text-align: center;margin-top: 10px;}

/***************************** MEDIA CSS *****************************/
@media only screen and (max-width: 991px) {
	.main-box h3 {padding: 0;font-size: 25px;}
	.main-box .form-inner {padding: 15px 15px 5px;}
	.main-box .form-inner {margin-bottom: 20px;}
	.main-box .form-inner .form-label {font-size: 15px;line-height: 24px;}
	#msform .action-button-previous,
	#msform .action-button {max-width: 165px;padding: 14px 10px;font-size: 15px;}
	.heartriskassessmenttool-container p {font-size: 16px;line-height: 24px;}
	.main-box .form-inner .form-check-inline .form-check-label{font-size: 15px;}
	.label-top{font-size: 16px;left: 4px;}
	.process3.success, .process4.failure{padding: 15px 20px 15px;}
	#msform .action-button-previous {max-width: 120px;}
	.label-top {padding-bottom: 15px;}
}

@media only screen and (max-width: 991px) {
	.process3.success img, .process4.failure img{max-width: 150px;}
}