.form-group.required .form-control-label:before,.form-group.required .required-sign:after{content:"*";color:var(--error-primary)}.page-GenderCalculatorLanding #maincontent{background-color:#f5f5f5}.page-GenderCalculatorLanding #maincontent .container{padding-right:24px;padding-left:24px}.page-GenderCalculatorLanding #maincontent .container .row:not(.navbar-header){margin-right:-24px;margin-left:-24px}.page-GenderCalculatorLanding #maincontent .container [class*=col-]{padding-right:24px;padding-left:24px}.page-GenderCalculatorLanding #maincontent .btn{padding:18px 10px;font-size:16px;width:100%}.page-GenderCalculatorLanding #maincontent .btn.genderCalc-popup-button{margin:8px auto;padding:0;line-height:1;height:60px}.page-GenderCalculatorLanding #maincontent .btn.pregnancy-category-btn{width:33.33%;padding:22px 10px;border-radius:18px}.page-GenderCalculatorLanding #maincontent img{max-width:100%}.page-GenderCalculatorLanding .select-segment{border:initial}.page-GenderCalculatorLanding .select-segment.value-selected .select-label{display:block}.page-GenderCalculatorLanding .select-segment.select-edit .select-dropdown-btn{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.page-GenderCalculatorLanding .select-segment .select-dropdown-btn{position:relative;padding:20px 16px;height:64px;background:#fff;border:1px solid #d1d1d1;border-radius:16px}.page-GenderCalculatorLanding .select-segment .select-dropdown-value{display:inline-block;transition:all .5s;font-size:16px;line-height:24px;color:#5d6369}.page-GenderCalculatorLanding .select-segment .select-label{margin:0;padding:0!important;top:14px!important;left:16px;font-family:baton,arial,sans-serif;font-weight:400;font-size:10px;line-height:12px;color:#000;z-index:1}.page-GenderCalculatorLanding .select-segment .dropdown-options{left:0;max-height:250px;overflow:auto;width:100%}.page-GenderCalculatorLanding .info-wrapper{text-align:center;width:272px;margin:66px auto 33px}.page-GenderCalculatorLanding .info-wrapper .title{font-family:moranga,arial,sans-serif;font-weight:600;font-size:32px;line-height:40px;letter-spacing:.01em;color:#000;margin-bottom:20px}.page-GenderCalculatorLanding .info-wrapper .desc{font-family:moranga,arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#5d6369}.page-GenderCalculatorLanding .gender-form-wrapper{background:#fff;padding:25px 27px;border-radius:16px;margin-bottom:25px}.page-GenderCalculatorLanding .gender-form{display:flex;flex-wrap:wrap}.page-GenderCalculatorLanding .gender-form>*{flex:1 0 100%}.page-GenderCalculatorLanding .gender-result-wrapper{background-color:#fff;display:flex;flex-wrap:wrap;margin:0 -24px;padding:30px 24px 19px}.page-GenderCalculatorLanding .gender-result-wrapper>div{flex:1 1 100%}.page-GenderCalculatorLanding .custom-select-comp{margin-bottom:24px}.page-GenderCalculatorLanding .select-label{font-family:moranga,arial,sans-serif;font-weight:400;font-size:20px;line-height:24px;color:#000;margin-bottom:14px}.page-GenderCalculatorLanding .error-strip,.page-GenderCalculatorLanding .promo-strip{display:flex;padding:16px 24px;background-color:#fff5ea;margin-bottom:18px}.page-GenderCalculatorLanding .error-strip .icon-wrapper,.page-GenderCalculatorLanding .promo-strip .icon-wrapper{flex:none;margin-right:16px}.page-GenderCalculatorLanding .error-strip .icon-wrapper.report-problem,.page-GenderCalculatorLanding .promo-strip .icon-wrapper.report-problem{flex:none}.page-GenderCalculatorLanding .error-strip .icon-wrapper img,.page-GenderCalculatorLanding .promo-strip .icon-wrapper img{vertical-align:top}.page-GenderCalculatorLanding .error-strip .title,.page-GenderCalculatorLanding .promo-strip .title{font-family:baton,arial,sans-serif;font-weight:500;font-size:12px;line-height:18px;color:#b22117}.page-GenderCalculatorLanding .error-strip .title.report-problem,.page-GenderCalculatorLanding .promo-strip .title.report-problem{font-weight:700;font-size:14px;line-height:21px}.page-GenderCalculatorLanding .prediction-text,.page-GenderCalculatorLanding .prediction-text h2{font-family:moranga,arial,sans-serif;font-size:20px;line-height:32px;letter-spacing:.01em;color:#000;margin:0;font-weight:600}.page-GenderCalculatorLanding .prediction-text{margin-bottom:32px}.page-GenderCalculatorLanding .prediction-text .gender-text{color:#da291c}.page-GenderCalculatorLanding .share-icon-wrapper .icon-text{font-family:baton,arial,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:#000}.page-GenderCalculatorLanding .share-icon-wrapper .icon-text.capitalize{display:inline-block;text-transform:lowercase}.page-GenderCalculatorLanding .share-icon-wrapper .icon-text.capitalize:first-letter{text-transform:uppercase}.page-GenderCalculatorLanding .share-icon-wrapper .share-icons button{border:0;margin:0;padding:0;outline:none;background-color:transparent}.page-GenderCalculatorLanding .share-icon-wrapper .share-icons a{text-decoration:none}.page-GenderCalculatorLanding .right-section .calculate-btn{font-family:baton,arial,sans-serif;font-weight:600;font-size:16px;line-height:1.4;letter-spacing:.01em;color:#fff;padding:18px}.page-GenderCalculatorLanding .chinese-gender-predictor-banner{padding:48px 0}.page-GenderCalculatorLanding .chinese-gender-predictor-banner .banner-img img{display:block;margin:auto}.page-GenderCalculatorLanding .chinese-gender-predictor-banner .banner-info{font-family:moranga,arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;text-align:left;color:#5d6369}.page-GenderCalculatorLanding .chinese-gender-predictor-banner .banner-info strong{font-weight:600}.page-GenderCalculatorLanding .result-img-wrapper{border-radius:18px}.page-GenderCalculatorLanding .SL-layout{background-color:#fff;padding-top:48px}.page-GenderCalculatorLanding .SL-layout h2{margin:0!important;font-family:moranga,arial,sans-serif;font-weight:600!important;font-size:24px;line-height:32px;letter-spacing:.01em;color:#000}.page-GenderCalculatorLanding .SL-layout .recommendation-heading{margin-bottom:32px!important}.page-GenderCalculatorLanding .SL-layout.pregnancy-container{padding-top:47px}.page-GenderCalculatorLanding .download-this-div{position:relative}.page-GenderCalculatorLanding .download-this-div .underlay{background-color:#412828}.page-GenderCalculatorLanding .share-gender-reveal{display:flex;flex-wrap:wrap;padding:0 12px}.page-GenderCalculatorLanding .share-gender-reveal .share-modal-img{margin-bottom:32px;flex:1 1 100%}.page-GenderCalculatorLanding .share-gender-reveal .share-modal-img img{display:block;margin:0 auto}.page-GenderCalculatorLanding .share-gender-reveal .share-modal-form{flex:1}.page-GenderCalculatorLanding .share-gender-reveal #sharebyemail-form-subject{width:100%;max-width:none}.page-GenderCalculatorLanding .share-gender-reveal .share-modal-otherDetails{padding:0}.page-GenderCalculatorLanding .gender-submit{text-transform:lowercase}.page-GenderCalculatorLanding .gender-submit:first-letter{text-transform:uppercase}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper{position:relative;overflow:hidden}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper .gender-details{position:absolute;top:63%;font-family:moranga,arial,sans-serif;font-weight:400;font-size:22px;line-height:33px;text-align:center;width:100%;height:100%;color:#000}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper .gender-details .cheers{font-weight:600;font-size:24px;line-height:36px}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper .gender-details .gender-name{font-weight:600}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper .gender-details .gender-name.boy{color:#7db7f1!important}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper .gender-details .gender-name.girl{color:#da291c!important}.page-GenderCalculatorLanding .form-group.custom-is-invalid label:not(.kc-custom-control-label),.page-GenderCalculatorLanding .kc-custom-control .kc-custom-control-input.is-invalid~.kc-custom-control-label{color:#5d6369}.page-GenderCalculatorLanding .form-group .invalid-feedback{cursor:default}.page-GenderCalculatorLanding .btn-primary:disabled{color:#7d8287}.page-GenderCalculatorLanding .dropdown-options li button{color:#000!important}@media(max-width:991.98px){.page-GenderCalculatorLanding .share-icon-wrapper{display:flex;justify-content:space-between;margin-bottom:43px}.page-GenderCalculatorLanding .share-icon-wrapper .share-icons img{margin-bottom:8px}.page-GenderCalculatorLanding .share-icon-wrapper .icon-text{display:block;text-align:center}.page-GenderCalculatorLanding .left-section{margin-bottom:32px}.page-GenderCalculatorLanding .right-section .calculate-btn{width:100%}.page-GenderCalculatorLanding .prediction-text{text-align:center;font-size:24px}.page-GenderCalculatorLanding .prediction-text h2{font-size:24px}.page-GenderCalculatorLanding .chinese-gender-predictor-banner .banner-img{margin-bottom:28px}.page-GenderCalculatorLanding .chinese-gender-predictor-banner .banner-info{text-align:center}.page-GenderCalculatorLanding .SL-layout.pregnancy-container{padding-top:6px}.page-GenderCalculatorLanding #maincontent .btn.pregnancy-category-btn{width:100%}.page-GenderCalculatorLanding .info-wrapper .title{font-size:24px;line-height:32px}.page-GenderCalculatorLanding .info-wrapper .desc,.page-GenderCalculatorLanding .select-label{font-size:14px;line-height:21px}.page-GenderCalculatorLanding .form-group{margin-bottom:1.5rem}.page-GenderCalculatorLanding .promo-strip{margin-top:24px;margin-bottom:0;border-radius:18px;padding:16px 15px}.page-GenderCalculatorLanding .promo-strip .icon-wrapper{margin-right:8.89px}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper .gender-details{top:58%;line-height:27.5px}.page-GenderCalculatorLanding .gender-image .ge-img-wrapper .gender-details .text-details{width:100%;margin:0 auto}.page-GenderCalculatorLanding .share-icons{flex-basis:100%;text-align:center}}@media(min-width:992px){.page-GenderCalculatorLanding .info-wrapper{width:668px}.page-GenderCalculatorLanding .gender-form-wrapper{padding:56px 96px}.page-GenderCalculatorLanding .gender-result-wrapper{background-color:#fff;display:flex;flex-wrap:wrap;margin:0;padding:98px 96px 70px;border-radius:16px}.page-GenderCalculatorLanding .gender-result-wrapper>div{flex:1}.page-GenderCalculatorLanding .gender-result-wrapper .left-section{margin-right:75px;flex:1.3}.page-GenderCalculatorLanding .gender-result-wrapper .calculate-btn{width:70%!important}.page-GenderCalculatorLanding .gender-form{margin-bottom:56px}.page-GenderCalculatorLanding .error-strip,.page-GenderCalculatorLanding .promo-strip{border-radius:14px;margin-bottom:0}.page-GenderCalculatorLanding .select-wrapper{margin-right:32px}.page-GenderCalculatorLanding .month-wrapper,.page-GenderCalculatorLanding .predict-wrapper{flex:.9}.page-GenderCalculatorLanding .predict-wrapper{margin-top:35px}.page-GenderCalculatorLanding .age-wrapper{flex:1.3;min-width:0}.page-GenderCalculatorLanding .age-wrapper .select-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-GenderCalculatorLanding .result-img-wrapper{margin-bottom:32px}.page-GenderCalculatorLanding .prediction-text,.page-GenderCalculatorLanding .prediction-text span{font-size:28px;line-height:1.5;font-weight:600}.page-GenderCalculatorLanding .prediction-text h2{font-size:24px;line-height:35px}.page-GenderCalculatorLanding .share-icon-wrapper .share-icons{margin-bottom:24px}.page-GenderCalculatorLanding .share-icon-wrapper .share-icons img{margin-right:18px}.page-GenderCalculatorLanding .share-icon-wrapper .icon-text{font-size:16px;line-height:1.5}.page-GenderCalculatorLanding .chinese-gender-predictor-banner{display:flex;padding:70px 96px;align-items:center}.page-GenderCalculatorLanding .chinese-gender-predictor-banner .banner-img{order:2;flex:1 0 auto}.page-GenderCalculatorLanding .chinese-gender-predictor-banner .banner-info{margin-right:96px}.page-GenderCalculatorLanding .SL-layout{padding-top:82px}.page-GenderCalculatorLanding .SL-layout h2{font-size:32px;line-height:40px}.page-GenderCalculatorLanding .SL-layout .recommendation-heading{margin-bottom:56px!important}.page-GenderCalculatorLanding .share-gender-reveal{padding:0}.page-GenderCalculatorLanding .share-gender-reveal .share-modal-img{margin:50px 30px 0 10px;flex:initial;max-width:120px;height:auto}.page-GenderCalculatorLanding .share-gender-reveal #sharebyemail-form-subject{width:98%}.page-GenderCalculatorLanding .share-gender-reveal .share-modal-otherDetails{padding:0 18px}}