.clacy-box h3 { font-size: 32px; }
.cms-data-box .cms-data .cms-pregnancy-calculator h2 { padding: 0 0 0 0; margin: 0 0 30px 0; text-transform: capitalize; }
.card-body { padding: 40px 60px; }
.cms-pregnancy-calculator .pregnancy-form-main button.btn,
.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn a { background-color: #b6dfe6; color: #000000; font-weight: 600; padding: 16px 10px; letter-spacing: 1px; border-radius: 0; font-size: 14px; line-height: 1; transition: 400ms; overflow: hidden; position: relative; border: none; }
.cms-pregnancy-calculator .pregnancy-form-main input { padding: 11px 20px; border-radius: 0; background-color: #F5B2DB; border: none; color: #000000; font-weight: 600; }
.cms-pregnancy-calculator .pregnancy-form-main input:focus { box-shadow: none; }
.cms-pregnancy-calculator .card-body h3 { margin: 0 0 20px 0; padding: 0; }
.cms-pregnancy-calculator .pregnancy-form-main button.btn:hover,
.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn a:hover { color: #7dc6d2; }
.cms-pregnancy-calculator .card { border-radius: 0; border: none; background-color: #ffeaf7; }
.cms-pregnancy-calculator .pregnancy-form-main button.btn:after,
.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn a:after { content: ''; transition-duration: 400ms; position: absolute; transition-timing-function: ease-in-out; content: ""; width: 0; bottom: -5px; height: 120%; left: -25px; transform: skew(-15deg); z-index: 0; background-color: #000000; }
.cms-pregnancy-calculator .pregnancy-form-main button.btn:hover:after,
.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn a:hover:after { width: 110%; left: -7px; }
.cms-pregnancy-calculator .pregnancy-form-main button.btn span,
.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn a span { z-index: 2; position: relative; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-container { background-color: #bdc4ec; border: 2px solid #823c3d; border-radius: 50px; margin: 20px 0 30px 0; overflow:hidden; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-container .progress-bar { border-radius: 0; background-color: #c90615; font-size: 0; height: 40px; line-height: 1; color: #ffeaf7; border-radius: 50px 0 0 50px; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th { width: 40%; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th,
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr td { padding: 10px 10px 10px 30px; border: none; background-color: transparent; line-height: 1.3; font-weight: normal; font-size: 18px; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr td { width: 60%; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr:nth-child(odd) { background-color: #b6dfe6; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr:nth-child(even) { background-color: #bdc4ec; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tbody { display: flex; flex-direction: column; gap: 15px; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th { position: relative; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr { align-items: flex-start; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr td { font-weight: 600; line-height: 1.5; font-size: 20px; }
.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 4.5px 0 4.5px 9px; border-color: transparent transparent transparent #000000; transform: rotate(0deg); position: absolute; right: 0; top: 18px; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn a { margin: 20px 0 0 0; font-size: 24px; padding: 20px 40px; }
.cms-pregnancy-calculator .card.pregnancy-form-inner  .progress-section .progress-info .listing .list { width: calc((100% - 60px) / 3); background-color: #fff; padding: 20px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .listing { display: flex; flex-flow: row wrap; gap: 30px; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .listing .list h4 { margin: 0 0 10px 0; padding: 0; font-size: 24px; line-height: normal; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info { margin: 30px 0 0 0; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .listing .list p { font-size: 22px; line-height: normal; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .card-body h3,
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info h5 { font-size: 30px; line-height: normal; text-transform: capitalize; }
.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .percentage { font-size: 24px; line-height: normal; padding: 0px 20px; background-color: #546773; color: #fff; margin: 0 10px; border-radius: 50px; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { display: none; }
.ui-widget.ui-widget-content { border: none; border-radius: 0; padding: 0; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2); width:auto; }
.ui-datepicker .ui-datepicker-header { background-color: #87CEEB; border: none; border-radius: 0; padding: 10px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { margin: 0 10px; border: none; width: calc(40% - 5px); padding: 1px 3px; cursor: pointer; background-color: #E6E6FA; font-weight: 600; }
.ui-datepicker th { background-color: #D3D3D3; }
.ui-datepicker table tbody,
.ui-datepicker table tbody tr { border: none; }
.ui-datepicker table tbody tr td[data-handler="selectDay"] a { border: none; background: #87CEEB; font-weight: 600; text-align: center; padding: 10px 10px; font-size: 20px; color: #ffffff; }
.ui-datepicker table tbody tr td[data-handler="selectDay"].ui-datepicker-current-day a.ui-state-default.ui-state-active { background-color: #FFC0CB; color: #000; }
.ui-datepicker td span,
.ui-datepicker td a { padding: 10px 10px; font-size: 20px; text-align: center; }

@media (min-width:1240px) {
	.container.cms-pregnancy-calculator { width: 1140px; max-width: 1140px; }
}

@media (max-width:1199px) {
	.card-body { padding: 15px; }
	.container.cms-pregnancy-calculator { padding: 0; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .listing .list { width: 100%; padding: 15px; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .card-body h3,
	.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info h5 { line-height: 1.2; margin: 0 0 20px 0; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .listing .list h4 { line-height: 1.2; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .listing .list p { font-size: 18px; line-height: 1.3; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info { margin: 0; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-section .progress-info .percentage { padding: 8px 10px; font-size: 22px; line-height: 1; display: block; width: max-content; margin: 10px auto; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .progress-container .progress-bar { font-size: 18px; }
	.cms-data-box .cms-data .pregnancy-form-inner table tbody tr { flex-direction: column; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th { width: 100%; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr td { width: 100%; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th,
	.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr td { padding: 20px 10px; text-align: center; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th:after { display: none; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr th { padding: 20px 10px 0 10px; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner table.table tr td { padding: 10px 10px 20px 10px; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn > p { }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn > p > b { display: block; }
	.cms-pregnancy-calculator .card.pregnancy-form-inner .recalculate-btn > p { display: flex; flex-direction: column; gap: 16px; line-height: 1; }
	.cms-pregnancy-calculator .pregnancy-form-main button.btn { margin: 10px 0 0 0; }
	.cms-pregnancy-calculator .pregnancy-form-main input,
	.cms-pregnancy-calculator .pregnancy-form-main { text-align: center; }

	.ui-datepicker table tbody tr td[data-handler="selectDay"] a,.ui-datepicker td span, .ui-datepicker td a {
    padding: 5px 5px;
    font-size: 18px;
}
}