*{ box-sizing: border-box; }

body {
  font-family: 'Montserrat', sans-serif !important;
}


p {
  margin: 0px;
  padding: 0px;
}

.family-member-text{font-size: 22px !important; color: #8d66c4 !important;font-weight: 500 !important; font-family: 'Raleway', sans-serif; line-height: 26px !important; 
    /* padding-bottom: 38px; */
}

.container{ max-width: 1280px; margin: 0 auto !important }

.risk_tab_holder{  margin: 0px auto }


ul.resp-tabs-list{  margin: 0px;  padding: 0px; width:100%;}
/***.resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding: 0 60px; margin: 0; list-style: none; cursor: pointer; line-height: 56px; font-size: 12px; color: #a1a1a1; font-weight: 300; text-transform: uppercase; font-family: 'Work Sans', sans-serif; position: relative; border-left:1px solid #dfe2e6 ; margin-right: -4px;} ***/


/*.resp-tabs-list li:after{ content: ''; position: absolute; left: 30px; top: 20px; width: 15px; height: 15px; border-radius: 50%; border:2px solid #dfe2e6; }
*/

.resp-tabs-container { padding: 0px; background-color: #fff; clear: left;}
h2.resp-accordion {  cursor: pointer;  padding: 5px;  display: none;}
.resp-tab-content {  display: none; }

/**.resp-tab-active {  border-bottom: none;  background-color: #603392; color: #fff !important}**/
/*.resp-tab-active:after{ border-color: #fff }*/

.resp-content-active,
.resp-accordion-active { display: block; }
.resp-tab-content {  }
h2.resp-accordion {  font-size: 13px;  border: 1px solid #c1c1c1;  border-top: 0px solid #c1c1c1;  margin: 0px;  padding: 10px 15px;}
h2.resp-tab-active {  border-bottom: 0px solid #c1c1c1 !important;  margin-bottom: 0px !important;  padding: 10px 15px !important;}
h2.resp-tab-title:last-child {  border-bottom: 12px solid #c1c1c1 !important;  background: blue;}
.tab_list_holder{  background: #3b3946; padding: 31px 35px; }

/* Introduction Header Text */
/* .intro-page-info p{font-size: 16px !important; text-align:left; line-height: 25px;  color: #4a4a4a; padding: 0 0 30px; margin: 0;} */
.intro-page-info .intro-info{font-size: 16px !important; text-align:left; line-height: 23px !important; padding: 0 0 20px;} 
.intro-page-info .intro-info-texp{font-size: 16px !important; text-align:left; line-height: 23px !important; padding: 0 0 15px;} 
.intro-page-info .intro-info-exp{font-size: 16px !important; text-align:left; line-height: 23px !important;padding:0 !important;} 
.intro-page-info .reff-info{font-size: 14px !important; text-align:left; line-height: 15px !important; padding: 0 0 20px;} 
.intro-page-info .advice-info{font-size: 14px !important; text-align:left; line-height: 20px !important; padding: 0 0 20px;} 
.intro-page-info .note-info{font-family: 'Work Sans', sans-serif; font-size: 16px; margin: 0px; text-align:left !important; line-height: 23px !important;padding: 0 0 15px;} 
.intro-page-info .disclaimer-info{font-family: 'Work Sans', sans-serif; font-size: 16px; margin: 0px; text-align:left !important; line-height: 23px !important;} 
/* .content-sec h2{ font-family: 'Work Sans', sans-serif; font-size: 23px; font-weight: 500;   color: #4f2683; margin: 0px; text-align:left !important;} */

.multi-steps{position:relative;}
/**.multi-steps>li.resp-tab-active:before,.multi-steps>li.resp-tab-active ~ li:before{content:counter(stepNum); font-size: 0px;}
.multi-steps>li.resp-tab-active:after,.multi-steps>li.resp-tab-active ~ li:after{background-color:#ededed} 

.multi-steps>li.new-tick:before,.multi-steps>li.new-tick ~ li:before{content:counter(stepNum); font-size: 0px;}
.multi-steps>li.new-tick:after,.multi-steps>li.new-tick ~ li:after{background-color:#ededed}


.multi-steps>li{counter-increment:stepNum; position: relative;}
.multi-steps>li:before{content:'\f00c';content:'\2713;';content:'\10003';content:'\10004';content:'\2713';display:block; ;width:16px;height:16px;line-height:16px;text-align:center;border-width:2px;border-style:solid;border-color:#dfe2e6;border-radius:50%; color: #dfe2e6; position: absolute; left: 25px; top: 18px; font-weight: 700; color: green;} **/



/**.multi-steps>li:after{content:'';height:2px;width:100%;background-color:#e9edf0;position:absolute;top:16px;left:50%;z-index:-1}
.multi-steps>li:last-child:after{display:none}
.multi-steps>li.is-active:before{background-color:#f37d1e;border-color:#f37d1e; color: #fff}
.multi-steps>li.is-active ~ li{color:#000}
.multi-steps>li.is-active ~ li:before{background-color:#ededed;border-color:#ededed; color: #000} **/

.top_tab_content{ text-align: center; width: 100%; margin: 0 auto; }
.top_tab_content h3{ font-family: 'Raleway', sans-serif; font-size: 36px; font-weight: 700;   color: #8d66c4;    padding:0 0 30px 0; margin: 0px; }
.top_tab_content p{ margin: 0;  font-size: 14.5px; line-height: 26px;  color: #6f6f70;  padding: 0 0 18px; font-family: 'Montserrat', sans-serif; font-weight: 300; }
.form_holder_res{ padding: 0px 0; border-top: none; margin-bottom: 35px;	 }
.frm_bx{ display: flex; align-items: center; }
/*.frm_label{ width: 35%; text-align: left; font-size: 14px; font-weight: 500; color: #414141; text-transform: uppercase; } */
.frm_label{ width: 35%; text-align: left; font-size: 16px; font-weight: 500; color: #414141; font-weight: 700;} 
.frm_fld_res{ width: 65%;  text-align: left; }
.frm_fld_res label{ display: block; margin-bottom: 24px; font-weight: 500; font-size: 22px; color: #3b3946; line-height: 21px;	 font-family: 'Raleway', sans-serif; }
.label-lh{line-height: 1.3 !important;}
.radio_res_holder label{ font-family: 'Raleway', sans-serif;  font-size: 17px; color:#95919a; font-weight: 500; }
.frm_fld_res input[type=number]{  width: 94px;  height: 43px;  border-radius: 6px;  text-align: center;  border: 1px solid #d3d8db;
    background: transparent;  outline: none;  font-weight: 400;  font-size: 21px;  color: #603392;  font-family: 'Mulish', sans-serif;
    padding: 10px 14px; }
.frm_fld_res input[type=text]{  width: 94px; height: 43px; border-radius: 6px; text-align: center; border:1px solid #d3d8db; background:transparent; outline: none; font-weight: 400; font-size: 21px; color: #603392; font-family: 'Mulish', sans-serif; padding: 10px 14px;}
.date_frm_res_hld{ display: flex; align-items: start; }
.date_frm_res_hld span{ padding: 0 20px 0px 2px; font-size: 17px; color: #95919a; font-weight: 500; font-family: 'Raleway', sans-serif; }
.next_btn_res{ width: 199px; height: 62px; line-height: 64px; text-align: center; margin: 59px auto;  background: #8d66c4; color: #fff; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 18px; border-radius: 6px; font-weight: 500; font-family: 'Raleway', sans-serif; transition: 0.5s;} 
.next_btn_res:hover{background: #3b3946; color: #fff; transform: scale(.9);} 

/* input[type=submit],input[type=button]{ width: 132px; height: 58px; line-height: 58px; text-align: center; margin: 30px auto;  background: #603392; color: #fff; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 14px; border-radius: 40px; font-weight: 700;border:none;} */ 

.calculate-risk-btn, .next-tab, .back-tab{ width: 180px; height: 58px; line-height: 58px; text-align: center; margin: 30px auto;  background: #603392; color: #fff; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 14px; border-radius: 40px; font-weight: 700;border:none; } 
.calculate-risk-loader-btn{ width: 180px; height: 58px; line-height: 58px; text-align: center; margin: 30px auto;  background: #603392; color: #fff; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 14px; border-radius: 40px; font-weight: 700;border:none; } 

.btn-toggle-imperial {background-color: #888888; color: #eaeaea !important;}
.btn-toggle-metric {background-color: #888888; color: #eaeaea !important;}
.toggle-handle {background-color:#eaeaea !important;}

/* .frm_bx.metric_area:has(div.btn-toggle-imperial) ~ #measurment_one {display: none!important;}
.frm_bx.metric_area:has(div.btn-toggle-imperial) ~ #measurment_two {display: block!important;}
.frm_bx.metric_area:has(div.btn-toggle-metric) ~ #measurment_one {display: block!important;}
.frm_bx.metric_area:has(div.btn-toggle-metric) ~ #measurment_two {display: none!important} */
.btn-toggle-imperial,.btn-toggle-metric{box-shadow:none!important;}
.metric_area .btn[data-toggle="toggle"]{min-width: 71px!important;min-height: 27px!important;}

.hw-toggle-wrap {position: relative;display:inline-block;}
.hw-toggle-wrap > .btn {min-width: 72px !important;}
  
.hw-toggle-wrap::after {pointer-events:none;content: 'For users based outside of the United States';position: absolute;background: #3b3946;font-size: 13px;display: block;padding: 5px 7px;border-radius: 3px;left: 50%;top: -38px;transform: translateX(-50%);width: max-content;opacity: 0;transition: 0.3s;max-width: calc(100vw - 150px);color: #fff;}
.hw-toggle-wrap:has(div.btn-toggle-imperial)::after{content: 'For users based in the United States';}
.hw-toggle-wrap::before {pointer-events:none;content: "\f0d7";font-weight: 900;position: absolute;left: 50%;top: -16px;transform: translateX(-50%);;font-family: "Font Awesome 5 Free";color: #3b3946;font-size: 16px;opacity: 0;transition: 0.3s;}
.hw-toggle-wrap .btn {font-size: 12px;line-height: 1;padding: 7px 5px;}
.hw-toggle-wrap .toggle>.toggle-group>.toggle-off.btn {padding-left: 10px;}
.hw-toggle-wrap .toggle>.toggle-group>.toggle-on.btn {padding-right: 10px;}
.hw-toggle-wrap:hover::before,.hw-toggle-wrap:hover::after {opacity: 1;}
.hw-br{display: none;}
.hw-toggle-info {position: relative;}
.hw-toggle-info svg{color:#8d66c4;}
.hw-toggle-info::after {pointer-events:none;content: 'For users based outside of the United States';position: absolute;background: #3b3946;font-size: 13px;display: block;padding: 5px 7px;border-radius: 3px;left: 50%;top: -4px;transform: translate(-50%,-100%);width: max-content; opacity: 0;transition: 0.3s;max-width: calc(100vw - 150px);color: #fff;}
.hw-toggle-wrap:has(div.btn-toggle-imperial) ~ .hw-toggle-info::after{content: 'For users based in the United States';}
.hw-toggle-info::before {pointer-events:none;content: "\f0d7";font-weight: 900;position: absolute;left: 50%;top: 11px;transform: translate(-50%,-100%);font-family: "Font Awesome 5 Free";color: #3b3946;font-size: 16px;opacity: 0;transition: 0.3s;}
.hw-toggle-info:hover::before,.hw-toggle-info:hover::after {opacity: 1;}


.info-tooltip-span {position: relative;display:inline-block;}
.info-tooltip-span svg{color:#8d66c4;}
.info-tooltip-span::after {pointer-events: none; content: 'includes papilloma, sclerosing adenosis, usual ductal hyperplasia, radial scar';position: absolute;background: #3b3946;font-size: 13px;display: block;padding: 5px 7px;border-radius: 3px;left: 28px;top: 50%;transform: translateY(-50%);width: max-content;opacity: 0;transition: 0.3s;max-width: calc(100vw - 150px);color: #fff;z-index: 9;}
.info-tooltip-span::before {pointer-events: none; content: "\f0d9";font-weight: 900;position: absolute;left: 22px;top: 50%;transform: translate(0, -50%);;font-family: "Font Awesome 5 Free";color: #3b3946;font-size: 16px;opacity: 0;transition: 0.3s;}
.info-tooltip-span:hover::before,.info-tooltip-span:hover::after {opacity: 1;}
.info-tooltip-span[data-tooltip]::after{content: attr(data-tooltip);max-width: 360px;}


.clr-risk-factor-btn{ width: 199px;
    height: 62px;
    line-height: 64px;
    text-align: center;
    margin: 45px auto;
    background: #8d66c4;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    border-radius: 6px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    transition: 0.5s;} 
.clr-risk-factor-btn:hover{  background: #3b3946; color: #fff; transform: scale(.9); } 



.rad_ik_hld{display:block;position:relative;padding-left:33px;margin-bottom:10px;cursor:pointer;font-size:17px !important ;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; line-height: 35px; font-weight: 500 !important ; margin-right: 20px;}
.rad_ik_hld input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:0;left:0;height:35px;width:35px;background-color:#fff;border-radius:50%; border:1px solid #bfc4c7;}
.rad_ik_hld:hover input ~ .checkmark{background-color:#ccc}
.rad_ik_hld input:checked ~ .checkmark{ background: #603392 }
.checkmark:after{content:"";position:absolute;display:none}
.rad_ik_hld input:checked ~ .checkmark:after{display:block}
.rad_ik_hld .checkmark:after{top:13px;left:13px;width:8px;height:8px;border-radius:50%;background:white;}
.radio_res_holder{ display: flex; flex-wrap: wrap; }



.chk_holder{display:block;position:relative;padding-left:50px;margin-bottom:10px;cursor:pointer;font-size:16px !important ;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; line-height: 35px; font-weight: 500 !important ; margin-right: 20px;}
.chk_holder input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border-radius:0%; border:1px solid #bfc4c7; border-radius:50%;}
.chk_holder:hover input ~ .checkmark{background-color:#ccc}
.chk_holder input:checked ~ .checkmark{ background: #603392 }
.checkmark:after{content:"";position:absolute;display:none}
.chk_holder input:checked ~ .checkmark:after{display:block}
.chk_holder .checkmark:after{top:13px;left:14px;width:8px;height:8px;border-radius:50%;background:white}
.radio_res_holder{ display: flex; flex-wrap: wrap; }

.chk_grp_hl{ margin-top: 15px; display: flex; margin-bottom: 15px; }
.chk_grp_hl label{ margin: 0 12px 0 0; line-height: 35px;}
.single_lavel_ik{ width:120px; }



/* New Merged Style Start */
.vertical_tab_holder { display: flex !important; }
.vertical_tab_holder .resp-tabs-list{ width: 25%;  }
.vertical_tab_holder .resp-tabs-container{ width: 75%; padding: 0 0 0 15px;  }
.vertical_tab_holder .resp-tabs-list li{ display: block; padding: 0 30px; margin: 0 0 15px 0; text-align: left; border:1px solid #c1c1c1; border-radius: 6px;  }
.badge { float: right; }
.add_family{ background: #c1e9c6; color: #000 }
.vertical_tab_holder .resp-tabs-list li{ color: #000 }
.sister_details_holder{ border:1px solid #bebebe; border-radius: 6px; overflow: hidden; padding-bottom: 30px; min-height: 525px; position: relative; padding-bottom: 95px;}
.sister_heading h2{ padding: 20px; color: #fff; font-size: 25px; background: #47266b ; margin: 0px; }
.sister_details{ padding:20px; }
.sis_num{ display: flex; justify-content: center;  }
.sis_num label{ font-size: 22px; line-height: 26px; margin: 0 15px 0 0; font-weight: 500;	font-family: 'Raleway', sans-serif; }
.sis_num input[type=number]{ width: 110px;  height: 60px;  border-radius: 8px;  text-align: center;  border: 1px solid #d3d8db;  background: #f8f2fe;   outline: none;  font-weight: 700;  font-size: 24px;  color: #7f7f7f; }
.sis_num input[type=text]{ width: 110px;  height: 60px;  border-radius: 8px;  text-align: center;  border: 1px solid #d3d8db;  background: #f8f2fe;   outline: none;  font-weight: 700;  font-size: 24px;  color: #7f7f7f; }

.sister_details_holder .nextBtn{ text-transform: uppercase; background: #603392; border-radius: 40px; color: #fff ; text-decoration: none; line-height: 60px; display: inline-block; width: 150px; margin: 30px auto 0; bottom: 30px; } 
.sister_details_holder .prevBtn{ text-transform: uppercase; background: #603392; border-radius: 40px; color: #fff ; text-decoration: none; line-height: 60px; display: inline-block;  width: 150px; margin: 30px auto 0; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: none; } 
.sister_details_holder_tb{ display: flex; flex-wrap: wrap; }
.sis_cn{ width: calc(50% - 30px);  margin: 0; border:1px solid #f8f8f8; }
.sis_cn h3{ background: #603392 ; color: #fff; font-size: 18px; padding: 0px 19px; line-height: 48px;  position: relative; width:100%; text-align: left;}
.sister_details_hl{ line-height: 35px; padding: 15px;}
.sister_details_hl .chk_holder{ padding-left: 40px; text-align: left; }
.sister_details_hl .checkmark{}
.age input[type=number]{ width: 90px;  height: 50px;  border-radius: 8px;  text-align: center;  border: 1px solid #d3d8db;  background: #f8f2fe;   outline: none;  font-weight: 700;  font-size: 24px;  color: #7f7f7f; }
.age input[type=text]{ width: 90px;  height: 50px;  border-radius: 8px;  text-align: center;  border: 1px solid #d3d8db;  background: #f8f2fe;   outline: none;  font-weight: 700;  font-size: 24px;  color: #7f7f7f; }
.age{ text-align: left; margin-top: 10px; }
.age label{ font-weight: 500; font-size: 18px; }
.sis_frm{ display: flex; }
.sis_frm input[type=number]{ width: 80px;  height: 40px;  border-radius: 8px;  text-align: left;  border: 1px solid #d3d8db;  background: #f8f2fe;   outline: none;  font-weight: 500;  font-size: 16px;  color: #7f7f7f; margin-left: auto; text-align:left; padding:0px 8px; }
.sis_frm input[type=text]{ width: 80px;  height: 40px;  border-radius: 8px;  text-align: left;  border: 1px solid #d3d8db;  background: #f8f2fe;   outline: none;  font-weight: 500;  font-size: 16px;  color: #7f7f7f; margin-left: auto; padding:0px 8px; }

.sister_details_holder{ min-height: auto !important }

.next{ text-transform: uppercase; background: #603392; border-radius: 40px; color: #fff ; text-decoration: none; line-height: 60px; display: inline-block; width: 150px; margin: 30px auto 0;  bottom: 30px; }
/* New Merged Style End */

h4.title-sp{font-family: 'Work Sans', sans-serif;font-size: 23px;font-weight: 500;color: #000000; margin: 0px; margin-bottom: 10px; text-align: center !important;}


/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #DBDBDB !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit {  width: 100%;  margin: 0px;}
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: none !important; }

.sister_heading h2{ padding: 20px; color: #fff; font-size: 25px; background: #47266b ; margin: 0px; }


.new-thrd-tap .frm_label{width: 20%;}
.frm_fld_res {width: 100%; 	}
.new-thrd-tap .frm_fld_res input[type=number] {width:12%; margin-right: 19px; height: 35px;}
.new-thrd-tap .frm_fld_res input[type=text] {width:12%; margin-right: 19px; height: 35px;}
.new-thrd-tap .radio_res_holder {margin-bottom:12px;}
.new-dt-frm-age input[type=number]{width:12%;}
.new-dt-frm-age input[type=text]{width:12%;}
input.nobdr{border:none !important;}
.side-place{width:33%;}
.side-place input{width:48% !important; margin-right:8px !important;}

.new-dt-frm{width: 96%;  padding-left: 27%;}
.new-dt-frm span {padding: 0 0px; vertical-align:middle; position:relative; top:-6px;}
.agn-new-age-frm{padding-left: 17%;}

/**.frst-tsb-inpt input[type=number]::-webkit-inner-spin-button {
    opacity: 1; 
}***/

input[type="radio"]:disabled {
  background: rgba(111,66,193,0.2);
}
input[type="number"]:disabled {
  background: rgba(111,66,193,0.2);
}

.dis-blk{display:block; width:100%;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}
input[type=text] {
  -moz-appearance:textfield;
}
.cont-btn {
	position: relative;
	display: inline-block;
	
}
.mteric_new .cont-btn{margin-right:8px;}
.spinner {
	right: 7px;
    top: 50%;transform: translateY(-50%);
	width: 1.5rem;
	position: absolute;
	background: transparent;
	border-radius: .5rem;
	display: none;
	
}

body .spinner {
	display: block;
}

.button {
	position: relative;
	
	background: transparent;
	border: none;
	
	padding: 0;
	display: block;
	top: 0rem;
    font-size: 15px;
	right: -2px;
	outline:none;
	color:#603392;
	z-index:999;
}

.button:nth-child(2){
	
	top: 0rem;
    font-size: 15px;
    right: -2px;
	outline:none;
	color:#603392;
	
}

.jumbotron p{padding-bottom:3px !important;  font-size:16px;}

/** Preventing Click on Header Tab2-Tab5 **/
/*#risk_tab li:nth-child(2), #risk_tab li:nth-child(3), #risk_tab li:nth-child(4), #risk_tab li:nth-child(5){ pointer-events: none; cursor: default; }*/
#risk_tab li:nth-child(2), #risk_tab li:nth-child(3), #risk_tab li:nth-child(4){ pointer-events: none; cursor: default; }

/** Disable Tab **/
.disable-tab{ pointer-events: none; cursor: default; }

/** tooltip help  **/
a.tooltip_help {position: relative;top: 4px;left: -14px; color:#603392 !important; font-size: 18px; height:28px;}
a.tooltip-help-age {top: -3px;left: -8px;}
.result-span{color:#4f2683;}

/***new style for new tab**/
.new-all-vertical-tab-hld{display: flex !important; justify-content:space-between;}
.new-ver-side-li{width: 23%;}
.new-ver-tab-cont {width: 72%;padding: 0 0 0 15px;}
ul.new-ver-side-li  li{
    display: block;
    padding: 0 0px;
    margin: 0 0 7px 0;
    text-align: left;
    
    border-radius: 6px;
    float:none;
    width: 100%;
}
ul.new-ver-side-li  li:last-child{margin-bottom:0px;}


.nav-tabs>li>a{
    margin-right: 0px;
    line-height: 53px;
    border: none;
    border-radius: inherit;
    /* display:block; */
    padding: 0 22px;
    color:#6f6f70 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #c1c1c1;
}
.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {
    color: #fff !important;
    cursor: default;
    background-color:#8d66c4;
    border: 1px solid #8d66c4;
}

.nav-tabs{border-bottom:none;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #f3f6f8;
}

.nav-tabs>li>a:hover {
    border-color: #8d66c4 !important;
}

.new-ver-tab-cont .tab-pane{position: relative; /*height:auto;  border: 1px solid #ddd; border-radius:6px; /**overflow: hidden;**/ padding-bottom:0px; }
.mnhd{position: relative;}
.hding{position: absolute; left:0; top:0; width:10%; height:100%;  background: #633891; display:flex; align-content:center; }
.hding figure{align-self:center;}
.hding figure img{width: 59%; filter: brightness(0) invert(1);}
.view_rsltnmbr{position: absolute; right:15px; top:0; height:100%;display: flex; align-content:center; }
.view_rsltnmbr h5{align-self:center; color:#fff; font-size:16px; }
.sister_heading h2 span{display:block; font-size:16px; text-transform: uppercase;}
.w-100{width:100% !important;}
.adnc{
	width: 132px;
    height: 44px;
    line-height: 45px;
    text-align: center;
    margin: 0px auto;
    background: #8d66c4;
    color: #fff !important;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    border-radius: 6px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    transition: 0.5s;
    
    cusror: pointer;
}
.adnc:hover {
        background: #3b3946;
    color: #fff !important;
    border-color:#3b3946;
    text-decoration: none;
	transform: scale(.9);
        }

        .remove{
        	text-transform: uppercase;
    background: #603392;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    display: inline-block;
    width: 150px;
    margin: 0px;
    bottom: 30px;
    transition:0.5s;
    cursor:pointer;
    text-align: center;
    margin-right:8px;
        }

        .remove:hover, .remove:focus, .remove:active {
    color: #4f2683;
    background-color: #fff;
    border-color:#fff;
    text-decoration: none;
        }

        .nwnxt{
	text-transform: uppercase;
    background: #603392;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    line-height: 60px;
    display: inline-block;
    width: 150px;
    margin: 30px auto 0;
    bottom: 30px;
    transition:0.5s;
    cursor:pointer;
}
.nwnxt:hover, .nwnxt:focus, .nwnxt:active {
    color: #4f2683;
    background-color: #f8f2fe;
    border-color:#f8f2fe;
    text-decoration: none;
        }

.prvagn{
	text-transform: uppercase;
    background: #603392;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    line-height: 60px;
    display: inline-block;
    width: 150px;
    margin: 30px auto 0;
    bottom: 30px;
    transition:0.5s;
    cursor:pointer;
}
.prvagn:hover, .prvagn:focus, .prvagn:active {
    color: #4f2683;
    background-color: #f8f2fe;
    border-color:#f8f2fe;
    text-decoration: none;
        }


.nextBtn{
	text-transform: uppercase;
    background: #603392;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    line-height: 60px;
    display: inline-block !important;
    width: 150px;
    margin:0 auto; 
    bottom: 30px;
    transition:0.5s;
    cursor:pointer;
}
.nextBtn:hover, .nextBtn:focus, .nextBtn:active {
    color: #fff;
    background-color: #603392;
    border-color:#603392;
    text-decoration: none;
        }

        .prevBtn{
	text-transform: uppercase;
    background: #603392;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
	line-height: 60px;
    display: inline-block !important;
    width: 150px;
	width:auto;
	padding:10px 15px;
    margin:0 auto; 
    bottom: 30px;
    transition:0.5s;
    cursor:pointer;
}
	.prevBtn:hover, .prevBtn:focus, .prevBtn:active {
		color: #fff;
		background-color: #603392;
		border-color:#4f2683;
		text-decoration: none;
    }

	.btnNext {
		text-transform: uppercase;
		background: #603392;
		border-radius: 40px;
		color: #fff;
		text-decoration: none;
		/*line-height: 40px;*/
		display: inline-block;
		/*width: 140px;*/		
		width:auto;
		padding:10px 15px;
		margin: 30px auto 49px;
		bottom: 30px;
		transition: 0.5s;
		cursor: pointer;
	}
	.agnbtnNext{    margin: 10px 0 122px 17px;}
	
    .btnNext:hover, .btnNext:focus, .btnNext:active {
		color: #4f2683;
		background-color: #f8f2fe;
		border-color:#4f2683;
		text-decoration: none;
    }
	
    .btnPrevious {
		text-transform: uppercase;
		background: #603392;
		border-radius: 40px;
		color: #fff;
		text-decoration: none;
		/* line-height: 40px; */
		display: inline-block;
		/* width: 140px; */
		width:auto;
		padding:10px 15px;
		margin: 30px auto 0;
		bottom: 30px;
		transition: 0.5s;
		margin-right: 8px;
		cursor: pointer;
	}
    .btnPrevious:hover, .btnPrevious:focus, .btnPrevious:active {
    color: #4f2683;
    background-color: #f8f2fe;
     border-color:#f8f2fe;
     text-decoration: none;
        }


        .help {position: absolute;right: 9%;top: 0px; z-index:999999;}
        .cls{position: absolute;
    color: #603392 !important;
    font-weight: 600;
    right: 2%;
    top: 12px;
    cursor: pointer;
    z-index: 99999;
    width: 25px;
    height: 25px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    line-height: 25px;
    font-size: 15px;}
        .add-nicearea{padding:15px 15px; background: #f8f2fe; border-radius:5px;  text-align: left; width:100%; margin:0 auto 20px; margin-top:20px; }
        .add-nicearea h5{ font-family: 'Mulish', sans-serif; color: #000000; font-size: 17.93px; line-height: 26px; margin-bottom: 10px;}


        a.close_niece{color: #fff !important; background: #8d66c4;  border-radius: 50px;  top: 32px; font-size: 13px; right: 32px;}
        a.close_niece:hover{text-decoration:none;}
        .wrapper .nc-holder{counter-increment: step-counter;}
        .wrapper .nc-holder .sis_sn_hd h3{position: relative;}
       
		/* .wrapper .nc-holder .sis_sn_hd h3:before{ content: counter(step-counter); position: absolute; left:13%; top:0px; font-size: 18px; color:#fff; } */
		
		.wrapper .nc-holder .sis_sn_hd h3.niece-text:before{ content: counter(step-counter); position: absolute; left:12%; top:0px; font-size: 18px; color:#fff; }
        .wrapper .nc-holder .sis_sn_hd h3.cousin-text:before{ content: counter(step-counter); position: absolute; left:13%; top:0px; font-size: 18px; color:#fff; }
        .wrapper .nc-holder  p.family-member-text{ position: relative;}
        .wrapper .nc-holder  p.child-member-text{ position: relative;}
        .wrapper .nc-holder  p.family-member-text:before{ content: counter(step-counter);position: absolute;right: -18px;top: 0px;font-size: 22px !important;color: #8d66c4 !important;font-weight: 500 !important; font-family: 'Raleway', sans-serif;}
        .wrapper .nc-holder  p.child-member-text:before{ content: counter(step-counter);position: absolute;right: -15px;top:0px;font-size: 20px !important;color: #8d66c4 !important;font-weight: 500 !important;}
        
		.mdlarea{width:78%; margin:0 auto 15px;}

.slider_item { display: block !important;  overflow-x: hidden; width: 100%!important; max-width: 667px; }
#slider_one{ height: auto !important }
#slider_two{ height: auto !important }
#slider_five{ height: auto !important }
#slider_first{ height: auto !important }
/*.slidesContainer{ transform: translate(0px, 0px) !important; }*/
.fade-daught-first .sis_cn{margin:0px; padding:15px;}

.controls {
    text-align: center;
    margin: 30px 0 0 0 !important;
    display: inline-block;
	position: relative;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
}

.absbtn{float:right; margin-right:8px;}
.newfrm-bx{padding:20px 0px;}
.newfrm-bx .frm_label {width: 22%;}
.newfrm-bx .frm_fld_res .rad_ik_hld {margin-right: 12px; margin-bottom:0px !important;}
.agn_nwfrm .frm_label {width: 61%;}
.nw-sisfrm input[type=number]{margin-left:inherit;}
.nw-sisfrm input[type=text]{margin-left:inherit;}
.nw-sisfrm .chk_holder{width: 37%;}
.overian_input{display:none;}
.bilateral_input{display:none;}
.result_patnl_aunt .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_patnl_aunt .rad_ik_hld{margin-right: 12px !important;}
.result_patnl_aunt2 .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_patnl_aunt2 .rad_ik_hld{margin-right: 12px !important;}
.result_patnl_aunt3 .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_patnl_aunt3 .rad_ik_hld{margin-right: 12px !important;}
.result_patnl_aunt4 .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_patnl_aunt4 .rad_ik_hld{margin-right: 12px !important;}


.result_matnl_aunt .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_matnl_aunt .rad_ik_hld{margin-right: 12px !important;}
.result_matnl_aunt2 .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_matnl_aunt2 .rad_ik_hld{margin-right: 12px !important;}
.result_matnl_aunt3 .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_matnl_aunt3 .rad_ik_hld{margin-right: 12px !important;}
.result_matnl_aunt4 .nc-holder .sis_sn_hd h3:before{left:14% !important;}
.result_matnl_aunt4 .rad_ik_hld{margin-right: 12px !important;}

.metric_area .rad_ik_hld{margin-bottom:0px;}
.metric_area{margin-bottom:55px;}
.mteric_new label{display: block; margin-bottom:8px; font-size: 17px; color: #95919a; font-weight: 500; text-align: center; font-family: 'Raleway', sans-serif; }
.mteric_new span{padding-top: 38px; align-self:start; }
.mteric_new input[type=number].mr_dv{margin-right:12px;}
.mteric_new input[type=text].mr_dv{margin-right:12px;}


.none{display:none;}

/* Reasult Panel Style */
.panel-primary { border-color: #8D66C4 !important;padding: 0px !important; border-radius: 20px !important; overflow:hidden;	box-shadow: 1px 2px 10px 2px rgb(134 102 172 / 12%); background:transparent !important;}
.panel .panel-primary{ background-color: #8D66C4 !important; border-color: #8D66C4 !important; }
.panel-primary>.panel-heading { color: #fff !important; background-color: #8D66C4 !important; border-color: #8D66C4 !important; 
	padding: 0px 0px;}

/**.tooltip{top:35px !important; }



.tooltip-arrow{
  border-bottom-color: #fff !important;
 
}
.tooltip-inner {
    max-width: 400px !important;
    padding: 16px 12px;
	font-size:14px;
	box-shadow:5px 5px 5px 0px #ccc;
    color: #000 !important;
    text-align: center;
    background-color: #fff !important;
    border-radius: 0px !important;
	
} **/

/***neww css 17-01-2020***/

.rad_ik_hld input:checked ~ .checkmark {
    background: #ffffff;
}

.rad_ik_hld .checkmark:after {
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #8d66c4;
}

.chk_holder input:checked ~ .checkmark {
    background:#fff;
}
.chk_holder .checkmark:after {
    top: 4px;
    left: 4px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background:#7d7d7d;
}
.text-center{text-align: center;}
.new_radio_holder{justify-content:center;}
.new-form-holder{ padding:0; border:none;}
.current_age_input_area{ display:flex; justify-content:center; align-content:center; }

.new_radio_holder .rad_ik_hld{margin-bottom:0px;}
.current_age_input_area input{
    width: 94px;
    height: 43px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #d3d8db;
    background: transparent;
    outline: none;
    font-weight: 400;
    font-size: 25px;
    color: #603392;
    font-family: 'Mulish', sans-serif;
    padding: 10px 14px;}
.first_age_portion{align-self: start; padding-right:0px; }
.first-menstrual-portion{text-align:left;	}
.men-period-input-area{position: relative; left: -30px;}
.first_age_portion span{font-size: 17px;	 font-weight: 400;	color: #3b3946; line-height: 42px;	font-family: 'Montserrat', sans-serif;}
.scnd_age_portion{align-self: center; position: relative;}
.thrd_age_portion{align-self: center; padding-left:19px;}
.thrd_age_portion span{font-weight:500; font-size:16px; color:#414141;}
.spinner {
    right: 2px;

    width: 1.5rem;
    position: absolute;
    background: transparent;
    border-radius: .5rem;
    display: none;

}

body .spinner {
    display: block;
}

.button {
    position: relative;
    
    background: transparent;
    border: none;
    
    padding: 0;
    display: block;
    top: 0rem;
    font-size: 15px;
    right: -2px;
    outline:none;
    color:#8d66c4;
    z-index:9;
}

.button:nth-child(2){
    
    top: 0rem;
    font-size: 15px;
    right: -2px;
    outline:none;
    color:#8d66c4;
    
}
.dis-none_are{display:none;}
.new_sis{border:none;}

/**.tooltip{top:51px !important; background:transparent !important;  }
.sis_sn_hd .tooltip{top:38px !important; }


.tooltip-arrow{
  border-bottom-color: #fff !important;
 
}
.tooltip-inner {
    max-width: 400px !important;
    padding: 16px 12px;
    font-size:14px;
    box-shadow:5px 5px 5px 0px #ccc;
    color: #000 !important;
    text-align: center;
    background-color: #fff !important;
    border-radius: 0px !important;
    
} **/
.help_new{    
    position: relative;
    top: 0px;
    left: 0;
    color: #564170;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    z-index:9999;
  }


.text-error{color:#e50000 !important; font-size:15px !important; padding-bottom: 0px !important; margin-top: 0px !important;}
.note-text-error{color:#e50000 !important; font-size:15px !important;padding:0px !important;}
p.text-error:empty{display: none;}

.weight_height_all{display:flex; flex-wrap:wrap; flex:1;}
/* .weight_height_all div{flex:1;} */

.sam{width:70%; display:block;}
.sam p{display:block; line-height:20px;}
.sam p small.user-info{display:block;}

.all{width: 96%;
    border: 1px solid #ddd;
    height: 108px; border-radius:9px; margin-top:8px; }
	
	.button-group{width:100%;position:absolute; left:0; bottom:0px; display:flex; background:#6f6f70;}
	.bttn:first-child{border-right:1px solid #fff;}
	.bttn{flex:1; border-radius:inherit; margin:0px; padding:18px 18px; position:relative; font-size: 13px;}
	
	.bttn:hover{background:#47266b; color:#fff; }
	.bttn:hover span{background:#603392;}
	.fst-btn-arrw{position:absolute; left:0; top:0; width:38px; height:100%; display:flex; justify-content:center; background:#47266b;  transition:0.5s; }
	.fst-btn-arrw img{align-self:center; filter: brightness(0) invert(1); width: 60%;}
	.scnd-btn-arrw{position:absolute; right:0; top:0; width:38px; height:100%; display:flex; justify-content:center; background:#47266b; transition:0.5s;  }
	.scnd-btn-arrw img{align-self:center; filter: brightness(0) invert(1); width: 60%;}
	
	.new-nxt-prev{display: inline-block; margin: 0 auto;}
	.new-sister-details .agnbtnNext{margin-bottom:0px; padding: 16px 15px;}
	.new-sister-details {margin-bottom:15px;}
	.new-visible{margin-top:20px;}
	.submit_area{text-align: center;
    display: inline-block;
    margin: 0 auto;}
	
	
::-webkit-input-placeholder { /* Edge */
  text-align:center;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-align:center;
}

::placeholder {
  text-align:center;
}

#barchart { max-width: 650px; min-width:400px; width:100%; margin: 15px auto 5px; }
.chart-wrapper-div {overflow-x:auto;}

.next_btn_2, .next_btn_3, .next_btn_4{display:none;}

.modal-header{	border-bottom:none !important; text-align:center !important; }

.modal-footer{	border-top:none !important;	}

.modal-title{ color: #8d66c4 !important;font-size: 18px !important; font-weight: 700;}

#request_demo_modalLabel{ color: #242038 !important;font-family: raleway,Sans-serif !important;font-size: 48px !important;font-weight: 600 !important;line-height: 72px !important;letter-spacing: 1px !important; margin: 0px;
padding: 0 !important; }

.modal-btn{
	width: 126px;
  height: 48px;
  line-height: 48px;
  text-align: center; 
  background: #8d66c4;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  border-radius: 6px;
  font-weight: 500;
  font-family: 'Raleway', sans-serif;
  transition: 0.5s;
  cursor:pointer;
}

.modal-btn:hover{
	background: #3b3946;
color: #fff;
transform: scale(.9);
}

#myModal .modal-content{width:540px !important;}

.hrtall-area input {
    width: 110px;
    height: 60px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #d3d8db;
    background: #f8f2fe;
    outline: none;
    font-weight: 700;
    font-size: 24px;
    color: #7f7f7f;
}
.frst-up label{margin-bottom:14px;}
.frst-down label{margin-bottom:14px;}
.hrtall-area{display:flex; padding-top:20px; align-items:center;}
.frst-up{margin-bottom:15px; position: relative;}
.frst-down{position: relative;}
.frst-hrtall{flex:1;}
.scnd-hrtall{flex:1;}
.scnd-hrtall.pt-3 {
    padding-top: 59px;
}


.frst-up,.frst-down {display: flex;align-items: center;flex-wrap: wrap;}
.frst-up label,.frst-down label {width: 100%;}

.agn-new-frm-fld{width:87%;}

.new-radio-res-holder{display:block;}

.cont {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 0px;
  font-weight:500 !important;
  cursor: pointer;
  font-size: 16px;
  color: #414141;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.cont .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
    border-radius: inherit;
}

/* On mouse-over, add a grey background color */
.cont:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cont input:checked ~ .checkmark {
  background-color: #603392;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cont .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont .checkmark:after {
    left: 6px;
    top: 3px;
    width: 7px;
    height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ask-bx input{
    width: 100px;
    height: 51px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid #d3d8db;
    background: #f8f2fe;
    outline: none;
    font-weight: 700;
    font-size: 17px;
    color: #7f7f7f;
}
.new-brst-dnsty-select-bx select{width: 60%;
    height: 51px;
    border-radius: 6px;
    text-align: left;
    border: 1px solid #cecddf;
    background: #f8f2fe;
    outline: none;
    font-weight: 400;
    font-size: 17px;
    color: #95919a; 
    padding:6px 12px;
   -webkit-appearance: none;
    -moz-appearance: none;
    background:url(images/down-arrow2.png) 97% 50%  no-repeat;}

    .clear{
        width: 200px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    margin: 30px auto;
    background: #603392;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    border-radius: 40px;
    font-weight: 700;
    }
    .clear:hover{color:#fff; text-decoration:none;}

    .flexarea{display:flex; flex-wrap:wrap; width:100%;}
    .flexarea .rad_ik_hld{flex:1;}
    .flexarea .new-brst-dnsty-select-bx{flex: 2; margin-top: -12px;  margin-bottom: 19px;  margin-left: 31px;}
    .flexarea .new-brst-dnsty-select-bx select {width: 309px; font-size: 12px; color: #7f7f7f; padding: 6px 26px 6px 12px; background-size: 3%;}
    .mt-very-new{margin-top:15px;}




#in{position:relative;}
.textpad_hack{height: 100%;width: 100%;}
.numpad {
    left: 0px ;
    border: none;
    background: #efe9f3;
    margin: 0;
    padding: 1px 1px 1px;
    border-radius: 7px;
    border: 1px solid #8d66c4;
    border-bottom: 1px solid #8d66c4;
	/* border-bottom: 5px solid #6033a0; */
    /* border-top-left-radius: 0px; */
    /* border-top-right-radius: 0px; */
    display: none;
    position: absolute;
    z-index: 9;
    min-width: 140px;
}
.key {
    border: solid 1px #000 !important;
    float: left !important;
    text-align: center!important ;
    font: bold 14px arial !important;
    padding: 4px 9px !important;
    margin: 2px !important;
    color: #fff !important;
    cursor: pointer !important;
    background: #956fcc  !important;
    color: #eee !important;
    border-radius: 4px !important;
    /* box-shadow: 0 1px 0 rgb(33, 32, 32), inset 0 1px 3px rgba(255,255,255,0.1); */
    transition: .1s !important;
    align-items: center !important;
    align-content: center !important;
    border: 2px solid rgba(0,0,0,0.08) !important;
	width:auto !important;
	height:auto !important;
}
.key:hover{background-color:#fff !important; color: #8d66c4 !important; text-decoration: none !important; border: 2px solid #8d66c4 !important;}
.key:active{background-color:#fff !important; color: #8d66c4 !important; text-decoration: none !important; border: 2px solid #8d66c4 !important;}
a.num_close{width: 61px !important;
background-color: #8e0c0c !important;
background-repeat: no-repeat !important;
background-position: center !important;
text-align: center !important;
text-indent: -4px !important;
padding: 3px 11px !important;
height: 28px !important;
font-size: 17px !important; 
}
.dotkey{width: 30px !important;}
a.num_close:hover{background-color: #fff !important;color: #000 !important;text-decoration: none !important; color: #8e0c0c !important; border: 1px solid #8e0c0c !important;}
a.num_reset {font-size: 17px !important; padding: 2px 4px !important; width: 65px !important; height: 28px !important; background:#00b050 !important}
a.num_reset:hover{font-size: 17px !important; padding: 2px 4px !important; width: 65px !important; height: 28px !important; background:#fff !important;color: #00a040 !important; border: 1px solid #00a040 !important;}
/* a.num_back{width: 29px !important; background:#fb4e0b !important;padding: 4px 4px !important; height: 29px !important;} */
a.num_back{font-size: 17px !important; padding: 2px 4px !important; width: 64px !important; height: 27px !important; background:#fb4e0b !important}
a.num_back:hover{font-size: 17px !important; padding: 2px 4px !important; width: 64px !important; height: 27px !important; background:#fff !important; color: #fb4e0b !important; border: 1px solid #fb4e0b !important;}
a.num_back_sp{font-size: 17px !important; padding: 2px 4px !important; height: 27px !important; background:#fb4e0b !important}
.radio_res_holder {position:relative;}
.radio_res_holder .numpad{top:100%;}
.sis_frm.nw-sisfrm{position:relative;}
.sis_frm.nw-sisfrm .numpad{top:100%; right: 36% !important; left: auto;}

/***result page**/

.risk-content h4{font-size:20px !important;}
.flex-box-all{display:flex; flex-wrap:wrap;     margin-top: 30px; }
.flxbx{width:20%; border-bottom:1px solid #ddd;}
.flxbx h4{width:100%;  background: #dabfe3; color:#4f2683 !important; margin:0px 0px !important;}
.flxbx h4.green-hd{background: #00b050; color:#fff !important;}
.flxbx h4.green-hd strong.fxbx-span{ color:#00b050 !important; }
.flxbx h4.yellow-hd{background: #ffc000; color:#fff !important;}
.flxbx h4.yellow-hd strong.fxbx-span{ color:#ffc000 !important; }
.flxbx h4.red-hd{background: #ff0000; color:#fff !important;}
.flxbx h4.red-hd strong.fxbx-span{ color:#ff0000 !important; }
.flxbx h4 span.pad-sec-hd{ padding:15px 8px 15px; display: block; font-size: 13px; border-left:1px solid #fff; border-right:1px solid #fff;}
.flxbx h4 strong.fxbx-span{display: block; padding:47px 10px; font-size:33px !important; background: #fff; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.flxbx h4 strong.fxbx-span img{vertical-align:top; padding-top: 12px; cursor:pointer;}
.download{background: #6f6f70; color:#ffffff !important; font-weight: 600; padding:0px 16px; font-size:16px; display: inline-block; margin:0px 5px;  height:56px; font-family: 'Raleway', sans-serif; border-radius: 6px;	transition:0.5s; }
.download:hover{text-decoration:none; background:#8d66c4; transform: scale(.9);}
.download:focus{text-decoration:none;}
.mtpagn{margin:0px !important;}




/**faq and new page edit***/

.accordianarea h3{padding:20px 52px 20px 28px; background: #e6e6e6; font-size: 20px; color:#3b3946; font-family: 'Raleway', sans-serif;outline:none; text-align: left; margin-bottom:0px; line-height: 31px; cursor:pointer; position: relative; font-weight: 500;	border-radius: 8px; margin-bottom: 25px;	}
.accordianarea h3 span.point{position: absolute; left:32px; display: none;	}
.accordianarea h3:after{content: "+";
    right: 21px;
    top: 20px;
    position: absolute;
    color: #3b3946;
    font-size: 34px;
    font-family: 'SFProDisplay-Medium';  }
.accordianarea h3.ui-state-active{border-radius:8px 8px 0px 0px; margin-bottom:0px; background:#8d66c4; color: #fff;}
.accordianarea h3.ui-state-active:after{content: "-";}
.ui-accordion-content{padding:28px 28px 30px; border:1px solid #cecddf; border-top: none; border-radius:0px 0px 8px 8px; margin-bottom:25px;}
.ui-accordion-content p{text-align: left;  color:#3b3946; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 18px;		}
.ui-accordion-content p:last-child{padding-bottom: 0px;}
.accordianarea ul{list-style:none; padding:0; margin:0; display:flex; justify-content:space-between; width:100%;  flex-wrap:wrap; text-align:left;}
.accordianarea ul li{ font-size: 18px; color:#5f5d5d; font-family: 'SFProDisplay-Medium'; padding:0px 0px 20px 40px; position: relative; width:48%; }
.accordianarea ul li span{display: block;}

.accordianarea ul li:before {
    content: "\f04d ";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:0px;
    color:#8d66c4;
    position:absolute;
    top: 3px;
    font-size: 17px;
 }
 .accordianarea h3.ui-state-active:after{color: #fff;}
 .mla{display:block; color:#5551fe; font-weight: 600;}
 .mla:hover, .mla:focus{text-decoration:none;color:#5551fe;}
 .rach{display:inline-block; color:#5551fe; font-weight: 500;}
 .rach{text-decoration:underline !important}
 .rach:hover, .rach:focus{color:#5551fe;}
 
 
 .newpanel-heading h2{font-family: 'Raleway', sans-serif !important; margin-top: 0px !important; color: #fff !important; margin-bottom: 0px !important; padding-bottom: 0px !important; font-size: 24px !important; font-weight: 500 !important;		}
 .panel-heading.newpanel-heading-two{background:#dcd5e7 !important; border:none !important; padding: 8px 0px !important;}
 .panel-heading.newpanel-heading-two h4{ color:#6f6f70 !important; font-size:20px; font-weight: 400;	font-family: 'Montserrat', sans-serif; margin: 0px !important}
 .panel-heading.newpanel-heading-two h4 span{color:#3b3946 !important; font-weight: 600;}
 .perall{display:flex; flex-wrap:wrap; justify-content: space-between; padding:0px 0px; position: relative; margin-top: 20px;align-items: flex-end;}
 .perall:after{width:1px; height:100%; background: #b9b9b9; content:""; position: absolute; left:50%; top:0; transform:translateX(-50%);}
 .content-sec .prbx h2{font-weight:600; color:#3b3946; margin-bottom:15px; font-size: 24.46px; line-height: 31px;	margin-top:0px; font-family: 'Raleway', sans-serif; }
 .content-sec .prbx h2 span{display:block;}
 .prbx{width:20%;}
 .content-sec .prbx h4{font-size: 30px !important; color:#8D66C4; font-weight: 900; margin-top:5px; margin-left: 26px; font-family: 'SFProDisplay-Medium';}
 .content-sec .prbx:nth-child(even) h4{color:#353f9e;}
 .textbox{padding:40px 0px 47px; text-align: left;}
 .textbox p{ color:#3b3946 !important; font-size: 16px !important; /*padding-bottom: 0%;*/ font-weight: 400 !important; line-height: 23px !important;}
 .textbox p small{ font-size: 13px; }
 .new-risk-content{padding:15px 40px 50px;  }
 .result-note-link {color: #8d66c4;text-decoration: underline;font-style: oblique;}
 .result-note-link:hover{color: #8d66c4;text-decoration: underline;font-style: oblique;}
 .top_tab_content p.result-note-info {margin-top: 15px;}
 
 .one-column{list-style: none;padding: 0;margin: 0;display: block !important;justify-content: space-between;width: 100%;flex-wrap: wrap;text-align: left;}
 .one-column li{font-size: 18px;color: #5f5d5d;font-family: 'SFProDisplay-Medium';padding: 0px 0px 20px 40px;position: relative;width: 100% !important;}
/***end**/

/** MagView Main Menu Style **/
.navigation .inline-list>li>a{ text-transform: capitalize; }
.navigation .inline-list>li>a:after{ display: none; }
.navtop_nw ul{ float: right; margin: 0; padding: 0; list-style: none;}
.navtop_nw ul li{ float: none; display: inline-block; vertical-align: top; margin: 0 0 0 15px;  }
.navtop_nw ul li a:hover{ color: #603392 }

.navigation .inline-list>li>a{ padding: 0 !important ; margin: 0 0 0 25px; font-family: 'work_sansregular';}
.navigation .inline-list>li>a:hover{ color: #603392;}
.navigation .inline-list>li>a:focus{text-decoration:none;}
	

.navigation{ padding: 0px 0 0 0;  }
.logo_holder{ padding-bottom: 5px }
.tel_num a{ color: #603392 }

.dropdown-menu5{ top:70px; border-radius:0px; background:#7144a3; border:none;  position: absolute;  left:  0; z-index: 1000;   display: none; min-width: 280px; padding: 5px 0; list-style: none; font-size: 14px; text-align: left; margin:0px;}
.dropdown-menu5>li>a{ color:#fff; padding:10px 15px; display:block; font-size:13px;}
.dropdown-menu5>li>a:hover, .dropdown-menu3>li>a:focus{ background:#5f3392 !important; color:#fff;}
.current-menu-item{ background: #5f3392 !important }

ul.inline-list li .drop_content { display: block; transition: all .3s ; opacity: 0; visibility: hidden; z-index: -1; top: 150px !important; left:0;  height: 0; overflow: hidden; }
ul.inline-list li:hover .drop_content { display: block; transition: all .3s; opacity: 1.0; visibility: visible; z-index: 1; top:50px !important; height: auto; /*transform: translateY(0%); transition: all .3s ; opacity: 1.0;  visibility: visible;*/}
ul.inline-list li:hover .abc{ top: 94px !important }
ul.inline-list li:hover .media_height { top: 94px !important }
.dropdown-menu2{ right: inherit; left: 0 }
.about_menu {position: relative;}  
footer{margin-top:90px;}  


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0;
}

.sidenav a {
 
  font-size: 25px;
  color: #000;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
 
}

.mobile_menu_cick{ display: none; }

/* Request Demo style added by Manish - Start */

.pop_new_heading {
    text-align: center;
    font-size: 24px !important;
    font-weight: 400;
    font: 33px work_sansmedium;
    padding-bottom: 0;
}

.pop_new_header {
    padding: 15px !important;
    background-color: #4f2683 !important;
}

.pop_new_body {
    position: relative !important;
    padding: 25px 40px !important;
}

.pop_new_close {
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    -webkit-appearance: none !important;
	margin-top: -2px;
	float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
	text-shadow: none;
}

.pop_new_close:hover, .pop_new_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
	text-shadow: none;
}

.modal-dialog {max-width:700px !important;} 


/* Request Demo style added by Manish - End */

/***09-05-2022 css update***/
.navigation{ display: block;  }
.navigation > ul{display:table;margin:0 auto;}
.navigation ul{ margin:0px; padding: 0px; list-style: none; letter-spacing: 0.6px; }
.navigation ul li{ float: none; display: inline-block; vertical-align: top; margin: 0 16px; }
.navigation ul li a{  padding: 10px 0px; font-family: 'Raleway', sans-serif;  font-size: 16px; font-weight: 500; line-height: 24px;  color: #54595f; display: inline-block;  }

.navigation ul li.active a{color:#1c1c1c; font-weight: 700;  }
.navigation ul li a:hover{color: #8666ac;  }
.navigation ul li { position: relative; }
.navigation ul li ul {  visibility: hidden; opacity: 0; position: absolute; top: 100%; left: -15px; width: auto; z-index: 999999;   background-color: #fff;box-shadow: 0px 5px 35px 0px rgba(129, 91, 189, 0.15);padding: 10px 0; }
.navigation ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li ul li{ display: block; margin-right: 0px; margin: 0px;}
.navigation ul li ul li a{padding: 5px 15px;font-size: 16px;border-top:1px solid #fff;display: block;white-space:nowrap;color: #3B3946 !important;}
.navigation ul li ul li a:hover{ color: #8666ac !important;}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{ width: 29px;  height: 22px; padding: 0; position: absolute; top: 23px; right: 0; cursor: pointer;color: #fff; text-decoration: none; font-size: 34px !important; text-indent: inherit !important; line-height: 22px; font-size: 1px; display: block; font-family: Arial,Helvetica,sans-serif;    font-weight: 700; left: 0 !important; right: 0 !important; margin: 0 42px 0 auto;   text-indent: inherit !important; border: none; box-shadow: none; background: transparent; color: #8d66c4;}
.mean-container a.meanmenu-reveal span { display: block; background: #8d66c4; height: 4px; margin-top: 5px; border-radius: 5px;}
.mean-container a.meanmenu-reveal span:first-child{margin-top:0}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5%; font-size:16px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.1)}
.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: auto;
    height: auto;
    padding: 0px!important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: transparent;
    border: none;
    
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;

    border-top: 6px solid #555556;
}
.mean-container .mean-nav ul li a.mean-expand:hover{background: transparent;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }
.header{padding:11px 0px; position:sticky; top:0; left:0; width:100%; background:#fff; z-index:999; box-shadow: 2px -2px 7px rgba(0,0,0,0.4);}
.header .container-fluid{padding: 0px 49px;}
.innerheader{display: flex;  align-items:center;}
.rqstdemo{ border-radius: 5px;  background: #3b3946; display: inline-flex; border:1px solid #3b3946; text-align: center; font-size: 12px; color:#ffffff !important; text-transform: uppercase; align-items:center; justify-content:center; margin-right: 16px; font-family: 'Raleway', sans-serif; font-weight: 500; padding: 14px 10px; transition: all .3s; width: 134.92px; height: 46px; letter-spacing:1px;}
.logo{margin-right:112px; display: inline-block; width: 205px;}
.navigation{margin-right:159px;}
.rqstdemo:hover{ transform: scale(.9);}
.buttongrp{display: flex; align-items:center;}
.loginbtn{ display: inline-flex; border:1px solid #3b3946; text-transform: uppercase;  border-radius: 5px; font-size: 12px; align-items:center; justify-content:center;  font-family: 'Raleway', sans-serif; font-weight: 500; color: #3b3946; padding: 14px 12px; transition: all .3s; width:83.66px; height:46px;  letter-spacing: 1px;}
.loginbtn:hover{ transform: scale(.9);}
.navigation ul li.hassubmenu{position: relative;}
.navigation ul li.hassubmenu:after{content: "\f0d7"; width: 10px; height: 6px; font-weight:900; position: absolute; right: 0px; top: 13px; font-family: "Font Awesome 5 Free"; color: #54595f; font-size:16px;transition: 0.3s} 
.navigation ul li.hassubmenu:hover:after{color: #8666ac;content: "\f0d8";}
.faqbutton{	}
ul.personal-risk-ul{display: flex;	justify-content:center;}
.crcle-tab{background:#807f87; width: 17px; height: 17px; margin: 0 auto 13px; border-radius:50%; position: relative;	z-index: 99}
ul.personal-risk-ul li{margin: 0px 26px; color: #807f87; font-size: 14px;	 text-transform: uppercase;	 font-weight: 500; cursor:pointer; position: relative;	z-index:1;	}
ul.personal-risk-ul li:after{content: ""; width: 183px; height: 3px; background: #807f87;  position: absolute; left: 69px; top: 7px; z-index: -1;}
ul.personal-risk-ul li:nth-child(3):after {
    width: 166px;
}
ul.personal-risk-ul li:nth-child(4):after{content: "";width:111px; left: 61px;}
.faqbutton{margin: 0px 26px; color: #807f87 !important; font-size: 14px; font-weight: 500;}
ul.personal-risk-ul li.resp-tab-active{color: #fff; }
ul.personal-risk-ul li.resp-tab-active .crcle-tab{background:#fff;}
ul.personal-risk-ul li.resp-tab-active:after{background:#fff;}
.faqbutton.resp-tab-active{color:#fff !important;}
.faqbutton.resp-tab-active .crcle-tab{background:#fff;}
ul.personal-risk-ul li.disable-tab{color: #fff;}
ul.personal-risk-ul li.disable-tab .crcle-tab{background: #fff;}
ul.personal-risk-ul li.disable-tab:after{background: #fff;}
ul.personal-risk-ul li.new-tick:after{background: #807f87;}
ul.personal-risk-ul li.new-tick:before{content: ""; width: 183px; height: 3px; background: #fff;  position: absolute; right: 69px; top: 7px; }
ul.personal-risk-ul li:first-child:after{background:#807f87 ;}
ul.personal-risk-ul li.resp-tab-item.disable-tab:first-child:after{background:#fff;}
ul.personal-risk-ul li.fstchild-li:after{background:#807f87 !important;}

.intro-page-info{background:#564170; padding:40px 0px 10px; background-image:url('images/desktop-banner-image.jpg');background-size: cover;background-position: left bottom;background-repeat: no-repeat; background-color:#f6f3fa;}
/* .intro-page-info .row{align-items:center;} */
.intro-page-info h1{font-size: 48px;color: #fff; line-height: 62px; text-align:left;text-transform:none;font-weight: 700!important;	}
.rightpginfosec{padding-left:28px;}
.rightpginfosec p{ font-size: 15px;	color:#fff; line-height: 27px;	text-align:left;}
.intro-page-info .container{position: relative;	}
.rightpginfosec p a{color: #8d66c4;}
.rightpginfosec p a:hover,.rightpginfosec p a:focus{color: #8d66c4;}
.wb-spacing{display:block !important; margin-bottom: 8px !important;}
.wb-spacing-2{display:block !important;}
.rightpginfoAttentionP {padding: 15px !important;margin-bottom: 30px !important;box-shadow: 0 0px 10px #0002;border-radius: 10px;background: #fff;}
.rightpginfoAttentionP span{color:#5A5A5A !important;}
.rightpginfosec.rightpginfosecbtm {padding-left: 0;}
.formwrap{padding: 68px 60px 68px;  box-shadow:1px 2px 10px 2px rgb(134 102 172 / 12%); max-width:977px; margin:0 auto; border-radius: 20px;	 }
.content-sec{padding: 30px 0px 100px;}
.content-sec h2{font-size: 36px; line-height: 61px; color: #564170; font-family: 'Raleway', sans-serif; font-weight: 700;text-align:center; /*margin-bottom:20px;*/ }
.extra-mt .cont-btn{margin-top: 21px;}
#measurment_one .date_frm_res_hld label{text-align: left;}
#measurment_two .date_frm_res_hld label{text-align: left;}
.men-period-input-area{justify-content: flex-start; left: 0; }
.men-period-input-area .scnd_age_portion{display: flex; flex-wrap: wrap; position: static; align-items:center;}
.men-period-input-area .scnd_age_portion label{width: 100%; margin-bottom: 24px;  font-weight: 500;  font-size: 22px;  color: #3b3946;
    line-height: 21px;  font-family: 'Raleway', sans-serif; text-align: left;}
.scnd_age-portin-input-wrapper{position: relative; }
.men-period-input-area .scnd_age_portion span.years{ font-family: 'Raleway', sans-serif;  font-size: 17px;  color: #95919a;  font-weight: 500; margin-left: 15px;}
.frm_bx .frm_fld_res span.years{ font-family: 'Raleway', sans-serif;  font-size: 17px;  color: #95919a;  font-weight: 500; margin-left: 12px;}
.typercruzsec{background: transparent; background-image:none; text-align: center !important; padding: 0px 0px 0px !important;}
.typercruzsec h4{text-align: center !important; font-size: 23px; line-height: 30px; font-weight: 500; font-family: 'Montserrat', sans-serif; color: #494852;     margin-bottom: 25px;}
.typercruzsec p{text-align: center !important; font-weight: 300; font-size: 17px; color: #3b3946; font-family: 'Montserrat', sans-serif; padding-bottom: 26px !important; text-align: center;}
.typercruzsec p a{color: #8d66c4;}
.typercruzsec p a:hover{color: #3b3946;}
.typercruzsec p:last-child{padding-bottom: 0px !important; }
.typercruzsec p.intro-info-exp{text-align: center !important; padding-bottom: 26px !important; }
.typercruzsec p.note-info{text-align: center !important; }
.typercruzsec p.disclaimer-info{text-align: center !important; padding-bottom: 0px !important; }
.content-sec p.inner-sec-note-info{max-width: 1035px !important; margin: 0 auto !important;}
#leftHeading { position: relative; transform: translateY(0); will-change: transform; }


@-moz-document url-prefix() {
  .content-sec p.inner-sec-note-info{max-width: 1015px !important; margin: 0 auto !important;}
} 
.risk-footer{background: #f6f4f9 !important; padding: 80px 0px 0px !important; margin-top: 0px !important; }
.subscribe-portion{text-align: center; /**padding: 88px 0px 88px;**/ background:#3b3946; border-radius: 20px; text-align: center; position: relative; margin-top: -355px; margin-bottom: 42px;  }
.subscribe-portion h3{font-size:48px; font-weight: 600; color: #ffffff; line-height: 94px; font-family: 'Raleway', sans-serif; text-transform: none; }
.subsemailsec{position: relative; max-width: 508px; margin: 0 auto;  border-radius: 6px;}
.subsemailsec label{position: absolute; top:-6px; left: 10px; text-transform: uppercase; font-size: 10px; color: #d7d7d7; font-weight: 500; background:#3b3946; padding: 0px 5px; }
.subsemailsec input[type=email]{width: 100%; height: 45px;  border:1px solid #8d66c4; border-radius: 6px; padding:10px 60px 10px 11px; background:transparent; color: #fff; text-align: left !important;}
.subsemailsec button{border: none; outline: none; width: 44px; height: 45px; justify-content:center; align-items: center; display: flex; position: absolute; top: 0; right: 0; background:#6d578a; color: #fff; font-size:22px;  border-radius: 0px 6px 6px 0px;}
.subsemailsec button:hover{opacity:0.7;}
.subsemailsec input[type=email]::-webkit-input-placeholder { /* Edge */
  text-align: left !important; font-size: 18px; color: #fff;
}

.subsemailsec input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-align: left !important; font-size: 18px; color: #fff;
}

.subsemailsec input[type=email]::placeholder {
  text-align: left !important; font-size: 18px; color: #fff;
}
.footer-logo a{display: inline-block;}
.middle-footer{padding: 60px 0px 50px; display: flex; justify-content:space-between; }
.footer-bx:first-child{flex:1;}
.footer-bx{flex:1;}
.footer-bx h2{font-size: 22px; color: #3b3946; font-family: 'Raleway', sans-serif; font-weight: 500; margin-bottom: 20px; padding-bottom: 0px;	}
.adtxt-new{font-size: 16px; color: #6f6f70; line-height: 24px; font-weight: 500; font-family: 'Raleway', sans-serif; display:block !important; }
.addbx{display: flex; margin-bottom: 29px;	 }
.add-icon{ margin-right: 12px; }
.add-icon i{ color:#8666ac; position: relative; top:5px; font-size: 25px; }
.addbx:last-child .add-icon i{top: 0;}
.footer-bx ul{list-style: none; margin: 0; padding: 0; }
.footer-bx ul li{display: block;	padding-bottom:20px; letter-spacing: 0.6px}
.footer-bx ul li a{font-size: 16px;	 color:#6f6f70; font-family: 'Raleway', sans-serif; font-weight: 400;	line-height: 21px;		 }
.footer-bx ul li a:hover{color: #8666ac;}
.social-icon ul{list-style:none; padding: 0 0 30px; margin: 0; }
.social-icon ul li{display: inline-block;	padding:0px; }
.social-icon ul li a{color:#8666ac; margin-right: 25px;	font-size: 25px;	}
.depdownfoot {padding:20px 0px 30px;}
.depdownfoot p{padding-bottom: 0px;	font-size: 12px;	 font-weight: 500;	font-family: 'Raleway', sans-serif; color: #6f6f70;letter-spacing: 0.6px}
.depdownfoot p a{color:#000}
.depdownfoot p a:hover{text-decoration:underline;}
.depdownfoot ul{list-style:none; margin: 0; padding: 0;}
.depdownfoot ul li{display: inline-block;}
.depdownfoot ul li a{color: #3b3946; font-size: 12px; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 0px 5px; position: relative;	letter-spacing: 0.6px}
.depdownfoot ul li a:after{content: ""; width: 1px ; height:20px; background:#e1d8ee; position: absolute;	right: -3px; top: -3px;}
.depdownfoot ul li:last-child a{padding-right: 0px;	}
.depdownfoot ul li:last-child a:after{display: none;	}
.depdownfoot ul li a:hover{color: #8666ac;}
.right-sign{position: absolute; right: 0; bottom: 0px; right: -218px; height: 393px; overflow: hidden; top: -174px;}
#divid_1{position: relative;	}
#tab1_err_note{ /* display: flex; */ max-width: 977px; margin:50px auto 40px auto; }
#tab1_err_note p{line-height: 20px; margin-left: 10px;}
.qsnierfstbox .rad_ik_hld{margin-bottom: 0px !important;}
p.text-margin{padding-bottom: 0px !important; margin-top: 15px !important;}
.hrtall-area label{font-size: 18px;}
.new-brst-dnsty-select-bx .current_age_input_area{display: flex; flex-direction:column;}
.width-full-radio-res-area .rad_ik_hld{width: 100%;}
.result-content-sec .container{max-width: 918px;}
.panel{margin-top:29px;}
.shrtprtnsec{max-width: 980px; margin: 0 auto 45px;}
.family-history .container{max-width: 1342px;}
.historypanel-heading{display: flex; justify-content:space-between; align-items:center; margin-bottom: 38px; position: relative;}
.lefthistorypanel{display: flex;  align-items:center; }
.lefthistorypanel h2{font-size: 36px; font-weight: 700; color:#564170; font-family: 'Raleway', sans-serif; line-height: 30px; padding:0px; margin:0px; text-align: left !important; }
.lefthistorypanel figure {margin-right: 25px;flex-shrink: 0;}
.lefthistorypanel h2 span{font-size: 16px; font-weight: 500; color:#6f6f70; display: block; text-transform: uppercase; padding-left: 0px;}
.righthistorypanel{text-align: right; padding-right: 35px;}
.nav {display: block !important; }
.historyformwrap{position: relative; overflow: hidden; /*padding-bottom: 128px;*/}
.button-group .bttn{bottom: 0px; background:transparent !important; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 700;}
.button-group .bttn:hover{color:#fff !important;}
.button-group .bttn i{color: #fff;  vertical-align: middle; position: relative; top: -2px; transition: 0.5s;}
.button-group .bttn:hover i{color:#fff !important;}
.button-group .btnPrevious{text-align: left !important; }
.button-group .btnPrevious i{margin-left: 0px; margin-right: 6px;}
.button-group .btnNext{text-align: right !important; padding-right: 24px; }
.button-group .btnNext i{margin-left: 4px; }
.calculate-risk-btn, .next-tab, .back-tab{width: 224px;  height: 62px;  line-height: 64px; text-align: center;  margin: 59px auto; background: #8d66c4;
    color: #fff; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 18px; border-radius: 6px;
    font-weight: 500;  font-family: 'Raleway', sans-serif;  transition: 0.5s;}
.calculate-risk-btn:hover, .next-tab:not(:disabled):hover, .back-tab:not(:disabled):hover {  transition: 0.5s; transform: scale(.9); background: #3b3946;}

.calculate-risk-loader-btn{width: 224px;  height: 62px;  line-height: 64px; text-align: center;  margin: 59px auto; background: #8d66c4;
    color: #fff; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 18px; border-radius: 6px;
    font-weight: 500;  font-family: 'Raleway', sans-serif;  transition: 0.5s;}
.calculate-risk-loader-btn:hover{  transition: 0.5s; transform: scale(.9); background: #3b3946;}    

.redio-label-mb-none label{margin-bottom: 0px;}
.new-sister-details{padding: 0px 0px;}
.new-sister-details .sis_num{justify-content: flex-start; align-items:center;}
.new-sister-details .cont-btn input{width: 94px; height: 62px;  border-radius: 6px; text-align: center; background: transparent;
    outline: none; font-weight: 400;  font-size: 21px; color: #8d66c4; font-family: 'Mulish', sans-serif;    padding: 10px 14px; 	}
.new-sister-details .btnNext{ width: 199px; height: 62px;  line-height: 64px;  text-align: center; margin: 59px auto;
    background: #8d66c4; color: #fff;  text-transform: uppercase;  display: inline-block; text-decoration: none;    font-size: 18px;
    border-radius: 6px;  font-weight: 500;  font-family: 'Raleway', sans-serif;  transition: 0.5s; margin: 0px !important; line-height: 33px; margin-left:13px !important; }
.new-sister-details .btnNext:hover { background: #3b3946; color: #fff; transform: scale(.9);}
.sister-form-panel{padding:49px 0px;	border-top:1px solid #e8e0f3 !important;}
.sister-form-panel:first-child{margin-top: 38px !important;  }
.sister-form-panel:last-child{padding-bottom: 0px !important;}
.wrapper {
    padding-top: 25px;
    padding-bottom: 0px;
}
.no-extrapad{padding-bottom: 100px;}
.nc-holder{border: 1px solid #e8e0f3 !important; margin-bottom: 25px; padding: 26px 29px 40px; border-radius: 20px; margin-bottom: 30px; box-shadow: 1px 2px 10px 2px rgb(134 102 172 / 12%);}

.nc-holder:last-child{padding-bottom: 40px !important; }
.nc-holder .frm_fld_res label{font-size: 17px;}
.nc-holder .rad_ik_hld{font-size: 14px !important;}
.nc-holder .men-period-input-area .scnd_age_portion label{font-size:17px;}
.nc-holder .form_holder_res {margin-bottom: 30px;}
p.child-member-text{font-size: 20px !important; color: #8d66c4 !important;font-weight: 500 !important; line-height: 26px !important; padding-bottom: 38px;}
.header .container{max-width:1600px;}
p:empty{display:none;}
.footer-logo{margin-top:0px !important;}
.footer-logo a{display: inline-block; width: 190px;}
.mobilephn{display: none;}
.socialmobile{display: none;}
.close-modal{width: 30px; height: 30px; background: #8d66c4; color: #fff; border-radius: 50%; display: flex; justify-content:center; align-items: center;     font-size: 23px;}
#request_demo_modal .btn-close{position: absolute;top: 31px;right: 18px; color: #6f6f70 !important; font-size:15px !important; opacity:1 !important; width:auto !important; height:auto !important;}
#request_demo_modal .modal-header {justify-content: center; padding:83px 0px 0px;}
#request_demo_modal .modal-dialog-scrollable .modal-body {
  overflow-y: hidden;
}
form#pardot-form{padding:0px 0px!important;}
#request_demo_modal .modal-dialog {
  width: 630px !important;
}
#request_demo_modal .modal-body{padding:0px !important;}
#request_demo_modal .modal-content{border-radius: 15px; border:none;}


.upperfootersec{padding:60px 0px 267px;}
.upperfootersec .container{max-width:1204px;}
.upperfooterinnersec{display:flex; justify-content:space-between;}
.upperfooter-left{width:49%;}
.upperfooter-right{width:49%;}
.upperfooter-left img{width:100%;}
.upperfooter-right iframe{position: relative !important;top: -24px !important;}
.upperfooter-right h2{color: #3b3946; font-family: raleway,Sans-serif !important; font-size: 48px; font-weight: 600; line-height: 72px; letter-spacing: 1px; text-align:center; padding:0px !important;}
.mobilesubcriptionsec{display:none;}

.valign-radio {flex-direction: column !important;}
.smaller-font {font-size: 15px !important; line-height: 20px !important; margin-top: -10px !important; }
.smallerr-font {font-size: 15px !important; line-height: 20px !important;}
.smallest-font {font-size: 14px !important; line-height: 20px !important; }
.age-note-div{width: 100%;  display: block;}


.perall{justify-content: space-evenly; column-gap: 25px;}
.perall::after {display: none;}
.prbx {width: auto;}
.prbx canvas {max-width: 140px !important;max-height: 140px !important;margin-right: auto; margin-left: auto; }
.prbx h2 {font-size: 16px!important;padding-bottom: 0;}
.color-purple {color: #8d66c4!important;}


/* Report an Issue Style Start */
.report-issue .shrtprtnsec { margin-bottom: 30px; } 
.report-issue-bd { padding: 68px 69px 68px; box-shadow: 1px 2px 10px 2px rgb(134 102 172 / 12%); max-width: 977px; margin: 0 auto; border-radius: 20px; } 
.report-issue-bd-hd { text-align: left; } 
.report-issue-form { max-width: 550px; margin: 0 auto; text-align: left; } 
.report-issue-form label { display: block; margin-bottom: 10px; } 
.report-issue-form-item :is(input, textarea, select) { width: 100%; min-height: 43px; border-radius: 6px; text-align: center; border: 1px solid #d3d8db; background: transparent; outline: none; font-weight: 400; color: #8c8e91; font-family: 'Mulish', sans-serif; padding: 10px 14px; text-align: left; } 
.report-issue-form { display: flex; flex-direction: column; gap: 30px; }
.report-issue-form-item-btns { display: flex; justify-content: center; gap: 10px; }
.having-troble-btn, .faq-link{width:auto;text-transform: none;display:table;margin:0 auto;color: #378BB5; font-weight: 400;}
.having-troble-btn:hover, .faq-link:hover{text-decoration: underline; color: #378BB5;}
.ret-risk-btn{width:auto;text-transform: none;display:table;margin:0 auto;}
.report-issue-form-item-btns .cancel-reporting { width: 199px; height: 62px; line-height: 62px !important; }
/* Report an Issue Style End */

.thankyou-tick {display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;border-radius: 50%;background: #3aa37e;margin: 45px auto 45px;color: #fff;font-size: 60px;}
.thankyou-btn{cursor: pointer;}


#faq_accordion {counter-reset: faqCounter;}
.accordianarea h3::before {counter-increment: faqCounter;content: counter(faqCounter) ". ";font-family: 'Mulish';}

.scrollable{ max-height: 500px !important; overflow-y: scroll !important;}
.family-member-acc-hd + div[id] {margin-left: -12px;margin-right: -12px;padding-left: 12px;padding-right: 12px;padding-bottom: 12px; }

/*NEW CSS FOR NEW RESULT PAGE - START */

.top_tab_content h4 { font-family: 'Raleway', sans-serif; font-size: 24px;  font-weight: 700;  color: #8d66c4; padding: 0 0 20px 0; margin: 0px;}

.textbox p span{ color: #8d66c4; }
.download{ text-decoration:none; line-height:56px !important; font-weight:300; text-transform:uppercase;text-align: center;}
.btn-default{ background:#8d66c4 }
.btn-group{ margin:0 0 30px 0; display:flex; gap:4px;   }
.btn-group.text-center{ justify-content:center;  }
.btn-group .download{min-width:140px;}
.content-section .textbox{ padding:0 }
.content-section .textbox p{ padding-bottom:15px;  }
.risk-result-info ul.result-screen-list{list-style-type: disc; line-height: 23px;  padding: 2px 0px 0px 40px;}
.side-image{ margin-bottom:15px; }
.side-image img{ border-radius: 6px; }
.btn-con{ width:auto; height:inherit; font-weight:300; text-transform:uppercase; font-size:16px; padding:0 20px; }
.return-to-risk-score{ width:auto; height:inherit; font-weight:400; font-size:18px; color:#8d66c4; }
.return-to-risk-score:hover{ text-decoration: underline; cursor: pointer; color:#8d66c4; }
.side-video { position: relative; padding-bottom: 56.25%; height: 0;}
.side-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.chat-popup .modal-dialog { max-width: 700px !important; width:calc(100% - 1rem) !important;}
.chat-popup .modal-content{ border-radius:0;  text-align:left; }
.chat-popup .btn-close{ border:1px solid #ccc; }
.chat-popup .modal-title{ font-weight:500 !important; color:#8d66c4 !important }
.chat-popup .modal-header{ border-bottom:1px solid #e5e5e5 !important }
.chat-popup .modal-body p{ text-align:left; color: #3b3946; font-size: 16px; font-weight: 400; line-height: 23px; font-family: 'Montserrat', sans-serif; padding-bottom: 20px; }

.chat-popup .modal-content input[type=text], .chat-popup .modal-content input[type=tel], .chat-popup .modal-content input[type=email]{ width:100%; height:40px; border-radius:8px; padding:0 15px; border:1px solid #e5e5e5 !important; text-align:left;  } 
.chat-popup .modal-content select{  width:100%; height:40px; border-radius:8px; padding:0 15px; border:1px solid #e5e5e5 !important; text-align:left; }
.chat-popup .modal-content #datepicker{ background:url(images/calndr-icon.png) no-repeat 98% center; }
.acceptance{ margin:15px 0 }

.tooltip { z-index: 9999999;}
.acceptance i{ color:#8d66c4 }
.acceptance label{ font-size:14px; margin:0 0 0 5px;  }

.chat-popup button[type=submit]{ padding:0 75px; background:#8b3bff; text-align:center; height:40px; border-radius:30px; color:#fff;  margin: 20px 0 15px 0; position: relative;}
.chat-popup button[type=submit]:after{ content:'\f061';  font-family: FontAwesome;  width:40px; height:40px; border-radius:50%; background:#a262ff; right:-10px; top:0; position:absolute; text-align:center; line-height:40px;  }
.chat-popup input[type=checkbox]{ accent-color:#8d66c4 }
.bottom-checkbox{ text-align:center; }
.bottom-checkbox label{  font-size:14px; margin:0 0 0 5px; }

.btm-links{ display:flex; font-size:14px; justify-content:center; gap:3px }
.btm-links a{ color:#8b3bff; text-decoration:none !important;  }

.side-image img{ width: 100%;}

.report-issue-form { display: flex; flex-direction: column; gap: 30px; }


.mg-privacy-notice-link{width: auto; text-transform: none; display: inline; margin: 0 auto; color: #8d66c4; font-weight: 400; text-decoration: underline; }
.mg-privacy-notice-link:hover{ color: #8d66c4}
.gc-get-tested-modal .modal-header{color: #8d66c4; padding-bottom: 0px !important;}
.gc-get-tested-modal .modal-title{font-size:20px !important; padding-left: 10px !important;}
.gc-get-tested-modal .modal-body{padding-bottom: 5px !important;}
.gc-get-tested-modal .modal-body p{font-size:15px !important; line-height: 25px !important; padding:10px !important; }
.gc-get-tested-modal .modal-body .gcsub-err p{padding:0 !important; font-size:14px !important;}
.gc-get-tested-modal .modal-footer p{font-size:13px !important; line-height: 24px !important; padding:0px 10px !important; padding-bottom: 20px !important;}
.get-tested-sub-form:first-child{ padding-top: 10px !important; }
.get-tested-sub-form { margin: 0 auto; text-align: left; padding:5px 10px !important;} 
.get-tested-sub-form label { display: block;color:#8d66c4; } 
.get-tested-sub-form input[type=text], .get-tested-sub-form input[type=email] { width: 100%; min-height: 50px; border-radius: 5px; text-align: center; border: 1px solid #d3d8db  !important; background: transparent; outline: none; font-weight: 400; color: #8c8e91 !important; font-family: 'Mulish', sans-serif; padding: 10px 14px; text-align: left; box-shadow: none !important;} 
.get-tested-sub-form input:not(:has( + .invisible)) { border: 1px solid #e50000 !important; }

.gc-get-tested-modal .gc-btn-set{display:flex;justify-content: end; align-items: center;}
.gc-get-tested-modal .gc-btn-set .gc-btns{display:flex; gap:10px;}

.gc-msg-modal .modal-dialog{ max-width: 500px !important; }
.gc-msg-modal .modal-body p{text-align: left; line-height: 25px; font-size: 15px;}

.separator-line{border-bottom: 3px solid #C3C3C6 !important;}

@media (min-width: 768px) {
    body .gc-get-tested-modal .modal-dialog{ width: 100% !important; max-width: 690px !important; }    
    body .gc-get-tested-modal .modal-content{ width: 100% !important; }
    body .gc-msg-modal .modal-content{ width: 500px !important; }    

    body .chat-now-modal .modal-dialog{ width: 100% !important; max-width: 550px !important; }
}

@media (max-width: 767px) {
    .gc-get-tested-modal .gc-btns{ justify-content: center; }
    .gc-get-tested-modal .modal-header{ padding-bottom: 0 !important; }
    .gc-get-tested-modal .modal-title{ font-size: 22px !important; }
    .gc-get-tested-modal .modal-body p{ font-size: 14px !important; line-height: 24px !important; }
    .gc-get-tested-modal .modal-footer p{ line-height: 21px !important; }
    .gc-get-tested-modal .gc-btns button{width: 100px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400;}
    .gc-get-tested-modal .modal-footer p{ padding-top: 5px !important;}   
}    

/*NEW CSS FOR NEW RESULT PAGE - END */


/*new menu*/
.logoarea {width: 15%; }
.navigation {width: 58.6%; }
li.hassubmenu {padding-right:16px}

.topBar {background: #f6f3fa; position: relative; z-index: 9999; padding: 9px 0; font-size: 16px;font-family:"Raleway", Sans-serif }
.topBar .container {max-width: 1600px; }
.topBarInr{display:flex;justify-content: flex-end;}
.topBarLink {display: flex; gap: 8px;letter-spacing: 0.04em;font-weight:500}
.topBarLink span{align-self:center;font-size: 12px;  }
.topBarLink i{color: #8d66c4}
.topBarLink:hover span{color: #8d66c4;text-decoration:underline;}

a.meanmenu-reveal.meanclose {color: transparent;background: url("data:image/svg+xml,%3Csvg width='711' height='707' viewBox='0 0 711 707' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M597 23.0008L355 264.001L113 23.0008C102.333 11.6675 88.3333 6.00079 71 6.00079C53.6667 6.00079 37.3333 11.6675 22 23.0008C10.6667 33.6675 5.00001 48.6675 5.00001 68.0008C5.00001 77.3341 6.5 85.1675 9.5 91.5008C12.5 97.8341 18 104.001 26 110.001L263 356.001L22 598.001C-6.66666 626.667 -6.49999 655.501 22.5 684.501C51.5 713.501 80.3333 713.667 109 685.001L351 443.001L593 685.001C603.667 696.334 618.833 702.001 638.5 702.001C658.167 702.001 673.333 696.334 684 685.001C690.667 679.001 695.167 672.501 697.5 665.501C699.833 658.501 701 649.667 701 639.001C701 619.667 695.333 604.334 684 593.001L443 356.001L688 114.001C718 84.6675 718 55.6675 688 27.0008C673.333 10.3341 658.667 1.66746 644 1.00079C629.333 0.334122 613.667 7.66745 597 23.0008Z' fill='%238D66C4'/%3E%3C/svg%3E%0A") center / contain no-repeat;}

.megaMenu{display:none;}
@media only screen and (min-width: 1200px){
  .megaMenu {position: absolute; top: 100%; left: -20px; width: 595px; background: #fff url(images/ribbon-element-new.png) bottom right / contain no-repeat; padding: 50px; border-radius: 25px; box-shadow: 0px 5px 35px 0px rgba(129, 91, 189, 0.15);display:block;opacity:0;height:0;transform:scaleY(0); transition: 0s 0s height,0s 0s transform,0.3s 0.01s opacity}

  .hasMegaMenu:hover .megaMenu {opacity:1;height:auto;transform:scaleY(1);}

  .navigation .megaMenu h3 a{font-size:29px;font-weight:700;color:#3B3946;transition:0.3s}
  .navigation .megaMenu h3 a:hover{text-decoration:underline;}
  .navigation > nav > ul{display:table;margin:0 auto;}
  .navigation ul li.hasMegaMenu{position: relative;padding-right:16px}
  .navigation ul li.hasMegaMenu:after{content: "\f0d7"; width: 10px; height: 6px; font-weight:900; position: absolute; right: 0px; top: 13px; font-family: "Font Awesome 5 Free"; color: #54595f; font-size:16px;} 
  .navigation ul li.hasMegaMenu:hover:after{color: #8666ac;}
  .megaMenuSmHd {display: flex; align-items: center; gap: 15px; margin-bottom: 26px; }
  .megaMenuSmHdText p {font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.4px; font-family: "Raleway", sans-serif; }
  .navigation .megaMenu ul {display: flex;gap: 10px 20px;flex-wrap: wrap;font-family: 'Raleway', sans-serif;margin:0;padding:0;position: static;visibility: visible;opacity: 1; background: transparent; box-shadow: none;}
  .navigation .megaMenu ul li {width: 100%; padding:0 0 0 20px; }
  .navigation .megaMenu ul li a {line-height: 1.6em;color: #3B3946!important;letter-spacing: 0.6px;padding:0 0 0 22px;margin:0;font-size: 16px;font-weight: 500;transition:0.3s;position:relative;border:0;white-space: normal;}
  .navigation .megaMenu ul li a::before {background: url(images/mega-menu-arrow.svg) center / contain no-repeat;content:'';width: 10px;height: 6px;position: absolute;top: 10px;left: 0;transform: rotate(-45deg);;}
  .navigation .megaMenu ul li:hover{background: transparent;color: #3B3946!important}
  .navigation .megaMenu ul li:hover a{color:#3B3946!important}
  .navigation .megaMenu .megaMenuHelp ul li a::before  {background-image: url(images/mega-menu-help.svg);transform: none;width: 14px;height:10px;top:8px}
  .megaMenuHelp{margin-top: 25px}
  .navigation .megaMenu ul li a:hover{transform: translateX(20px);color:#8d66c2!important;}
  .megaMenuCol:only-child ul li {width: calc(50% - 10px);}
  .hasMegaMenu > ul{display:none}
  .megaMenuRow{display:flex;gap:20px}
  .megaMenuCol{width:100%}

}

/*new menu end*/


/*new footer start*/
.footer-help {border-bottom:1px solid #e1d8ee;padding-bottom:35px;padding-top:0px;font-size: 16px}
.risk-footer .container{max-width:1204px}
.footer-help a{display:inline-flex;gap:10px;color:#6F6F70;align-items:center;font-family: 'Raleway', sans-serif;font-weight:500;letter-spacing: 0.6px}
.footer-help a:hover{color:#8D66C4}

@media only screen and (min-width: 1200px){
.footer-bx:first-child,.footer-bx{flex:initial;width:auto;}
.middle-footer,.social-icon,.footer-help{padding-left: 10px;padding-right: 10px}
}
/*new footer end*/



@media only screen and (max-width: 1799px) {
	.right-sign {right: -110px;top: -18px;width: 19%;}
	.subscribe-portion{width: 1042px;margin: 0 auto; margin-top: -355px;}
}
@media only screen and (max-width: 1599px) {
    .navigation ul li a {font-size: 16px;}
    .navigation ul li.hassubmenu:after {width: 7px;font-size: 14px;}
    .navigation ul li { margin: 0 14px;}
    .right-sign {right: -83px;}
    .navigation {margin-right: 70px;}
    .right-sign {right: -111px;}
    .logo {margin-right: 56px; width: 193px;}
    .middle-footer {max-width: 980px; margin: 0 auto;}
    .adtxt-new{padding-right: 20px;}
    .down-footer{max-width: 1180px; margin: 0 auto;}
    .social-icon ul{max-width: 980px; margin: 0 auto;}
}
@media only screen and (max-width: 1439px){
  
   .logo {margin-right: 54px;}
   
   .navigation{margin-right:81px;width:100%}
   /*.innerheader{justify-content:space-between;}*/
   .header {padding: 15px 0px;}
}
@media only screen and (max-width: 1361px) {
	  .logo {margin-right: 33px; width: 169px;}
	  .navigation{margin-right:54px;}
	  .intro-page-info .container{max-width:1000px;}
	  .intro-page-info h1 {font-size: 41px;}
	  .navigation ul li {margin: 0 12px;}

	}
@media only screen and (max-width: 1300px) {
	.navigation ul li a {font-size: 12px;}
	.navigation ul li.hassubmenu:after {font-size: 11px;}
	.logo {margin-right: 74px;}
	.navigation{margin-right:86px;}
	.rqstdemo{width: 124px; height: 38px; font-size: 12px; padding: 14px 5px;}
	.loginbtn{width: 73.66px; height: 38px; font-size: 12px;}
	.navigation ul li ul li a { padding: 10px 20px; font-size: 12px;}
    .nav-tabs>li>a{padding: 0 10px !important;}
	
}
@media only screen and (max-width: 1199px) {
.innerheader{justify-content:space-between;}
.subscribe-portion {width: 100%;}
.right-sign{display: none;}
.logomain_holder{ width: 250px;  padding-top: 10px; }
.resp-tabs-list li{ padding: 0 50px;  }
.modal-dialog {max-width:700px !important;}
ul.personal-risk-ul li:after{ display: none!important; }
ul.personal-risk-ul li:before{ display: none!important; }
ul.personal-risk-ul li {margin: 0px 9px; text-align:center;}
.intro-page-info{text-align:center;}
.intro-page-info h1 {text-align: center;}
.rightpginfosec p{text-align: center;}
.intro-page-info {padding: 65px 0px 50px;}
.mobilemenu{position: relative;width:100%; height:46px; background: #8b66c4;}
.header{padding: 15px 0px 15px;}
.logo{margin-bottom: 0px;}
.innerheader{margin-bottom: 0px;}
.mean-container a.meanmenu-reveal {background-color: transparent !important;}
.mean-container .mean-nav {background: #fff;z-index: 999; text-align: center; }
.mean-container .mean-nav ul li a {    padding: 0px; color: #555556; font-size: 16px; text-align: center;  text-transform: capitalize;}
.mean-container .mean-nav {margin-top: 53px;max-height: calc(100dvh - 73px);overflow:hidden auto;}
.mean-container .mean-nav > ul{border-top: 1px solid #e7e7e7}
.intro-page-info h1 {font-size: 39px;line-height: 48px;padding-top: 0px;}
.typercruzsec {padding: 0px 0px 0px !important;}
.rightpginfosec { padding-left: 0px;}
.top_tab_content {  width: 100%;}
.new-all-vertical-tab-hld{flex-direction:column !important; justify-content:center !important;}
.nav { display: flex !important; justify-content:center; width: 100% !important;}
ul.new-ver-side-li li{width: 30%; margin: 0 10px 15px; }
.nav-tabs>li>a{text-align: center !important;}
.new-ver-tab-cont .tab-pane {position: relative; padding-bottom: 0px; padding-top:45px; width:100% !important;}
.new-ver-tab-cont {width: 100%;}
.rqstdemo { font-size: 11px;padding: 15px 12px; width: 192px; height: 44px;}
.loginbtn {height: 44px;}
.right-sign{display: none !important;}
.mean-container .mean-bar{padding: 4px 0px 0px;}
.mean-container .mean-nav ul li{display: flex; flex-wrap: wrap; justify-content: center; }
.mean-container .mean-nav ul li:hover, .mean-container .mean-nav ul li:focus{background: #fcfbfd; color:#8666ac !important;}
.mean-container .mean-nav ul li:hover a, .mean-container .mean-nav ul li:focus a{color:#8666ac !important;}
.mean-container .mean-nav ul li:hover ul li a, .mean-container .mean-nav ul li a:focus{color: #555556 !important;}
.mean-container .mean-nav ul li:hover a.mean-expand, .mean-nav ul li a:focus a.mean-expand{border-left: 6px solid transparent;
    border-right: 6px solid transparent; border-top: 6px solid #8666ac;}
.mean-container .mean-nav ul li a{float: none; width: auto; padding: 17px 0px;}
.mean-container .mean-nav ul li a:first-child{order: 1;}
.mean-container .mean-nav ul li a:nth-child(2){order: 2;}
.mean-container .mean-nav ul li ul{order: 3; background: #fff;}
.mean-container .mean-nav ul li a.mean-expand{position: relative; order: 2; margin-top: 27px; margin-left: 9px;}
.mean-container .mean-nav ul li ul li{padding: 10px 0px;}
.mean-container .mean-nav ul li ul li a{padding: 0px !important;}
#request_demo_modal .modal-dialog-scrollable .modal-body {
  overflow-y: scroll;
}
.middle-footer{flex-wrap: wrap;}
.footer-bx{width: 50%; flex: inherit;}
.social-icon{border: none;}
.socialmobile{display: block !important; margin: 20px 0px !important;}
.adtxt-new {padding-right: 53px;}
.risk-footer{padding: 80px 20px 0px !important;}
.middle-footer {padding: 35px 0px 30px;}
.logo{width: 204px;}
.adtxt-new br{display: none;}
}
@media only screen and (max-width: 992px) {
.navigation{ display: none; }
.logomain_holder{ padding-top: 0 }
.resp-tabs-list li{ padding: 0 30px;  }
.multi-steps>li:before{ left: 5px; top: 20px;  }
.nav_holder{ display: none; }
.mobile_menu_cick{ display: block; }
.header_cn{ display: flex; align-items: center; justify-content: space-between; }
.logomain_holder{ width: 160px;  }
.logo_holder{ padding: 10px 0 2px }
.mobile_menu_cick{ font-size: 20px; margin-top: -5px;  }
.mystyle{ width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5); z-index: 1 }
.mob_nav_header{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; color: #000; }
.sidenav ul.inline-list{ padding: 30px 0px; margin: 0; list-style: none; }
ul.inline-list li{ display: block; width: 100%; white-space: nowrap;  border-top: 1px solid #f8f8f8; }
ul.inline-list li a{ font-size: 14px; text-transform: capitalize; padding: 10px 20px;     }
.accordion-btn{ font-size: 20px;  }
.admin_sidebar ul ul{ position: static !important; background: #e0e0e0 !important; padding: 0 !important; min-width: inherit !important; margin: 0 }
.admin_sidebar ul ul a{ color: #000 }
.admin_sidebar ul ul li{ border: none; }


ul.inline-list li:hover .drop_content{ transition: none !important; }
li.roimenu.has-subnav.active{ background: #bababa }
li.about_menu.has-subnav.active{ background: #bababa }
.accordion-btn-wrap{ width: 100% !important; position: absolute; left: 0px; top: 0px; text-align: right !important; padding-right: 20px;   }
.left_border{ border:none !important}
.modal-dialog {max-width:700px !important;}

.subscribe-portion{margin-top: 0px;}
.subscribe-portion .container{position:relative;}
.top_tab_content p {font-size: 15px;  line-height: 24px;}
.formwrap {padding: 40px 30px;}
.frm_fld_res label { margin-bottom: 20px;}
.form_holder_res {margin-bottom: 34px;}
.content-sec {
    padding: 30px 0px 70px;
}
.middle-footer{row-gap: 50px; flex-wrap: wrap; justify-content: space-between; padding: 30px 30px 20px; }
.social-icon ul li a {margin-right: 14px;}
.social-icon ul{padding-bottom:20px}
.footer-bx{width: 50%;}
.down-footer {padding: 0 20px; }
.social-icon, .footer-help {padding-left: 10px; padding-right: 10px; }

.depdownfoot p{
	padding-bottom: 10px;	
}
.subscribe-portion{padding: 30px 20px; display: none;}
.right-sign{display:none;}
#tab1_err_note{flex-direction: column; justify-content:center;}
#tab1_err_note p{margin-left:0px; margin-top: 10px;}
#tab1_err_note .note-text-error{text-align: center;}
.resp-accordion {
    /* background: #8D66C4 !important; */
    background: #302e39 !important;
    color: #fff;
    }
h2.resp-tab-active {
    background: #4f2683 !important;
    color: #fff;
}
.qsnierfstbox .rad_ik_hld {
    margin-bottom: 13px !important;
}
.content-sec .prbx h2 {font-size: 18.46px; line-height: 26px;}
.top_tab_content h3 {
    font-size: 23px;
    padding: 20px 55px 20px 20px;
}
.historyformwrap{padding: 40px 30px 100px;}
.content-sec .prbx h4 {font-size: 29px !important;}
.risk-footer {padding: 60px 0px 0px !important;}
.mobilephn:hover, .mobilephn:focus{color: #8d66c4 !important; }
.mobilephn:hover i{transform: scale(.9);}
.nav-tabs > li > a{font-size:10px;}
.upperfooterinnersec{flex-direction:column;}
.upperfooter-right h2 {font-size: 31px;}
.upperfooter-left{width:100%; margin-bottom:20px; text-align:center;}
.upperfooter-right{width:100%;}
.mobilesubcriptionsec{display:block;}
.upperfootersec { padding: 60px 0px 60px;}
.panel-primary>.panel-heading{padding:13px 0}

/* Report an Issue Style Start */
.report-issue-bd{padding: 40px 30px;}
/* Report an Issue Style End */

.content-sec h2{line-height: 48px !important;}

label:has(.hw-toggle-wrap){line-height: 1.7!important;}

.next-tab:not(:disabled):hover, .back-tab:not(:disabled):hover{transform:none;background:#8d66c4}
.next-tab:not(:disabled):active, .back-tab:not(:disabled):active{transform: scale(.9);background: #3b3946;}
.info-tooltip-span::after {max-width: 360px;}	
.hw-toggle-wrap::after,.hw-toggle-wrap::before {display:none}



.family-member-acc-hd button {justify-content: space-between;width: 100%;display: flex;align-items: center;min-height: 55px;border: 1px solid #c1c1c1;border-radius: 5px;background: transparent;padding: 5px 10px; text-transform: uppercase !important;color:#3b3946;}

.historypanel-heading {margin-bottom: 30px;padding-top: 25px;}
.new-ver-side-li{display: none !important;;}
.tab-content>.tab-pane {display: block;opacity: 1;}
.new-ver-tab-cont .tab-pane{padding-top: 15px;}
.family-member-acc-hd button:not(.collapsed) {background: #8d66c4;color: #fff;}
#backTabButton,#nextTabButton{display: none!important;;}
.family-member-acc-hd .hover-tooltip {position: absolute;right: 10px; top: 50%;transform: translateY(-50%);}
.family-member-acc-hd {position: relative;}
.previous-page {margin-top: 0!important;margin-bottom: 37px;}


.tooltip-hover::after {left: unset !important;right: -14px;border-color: transparent transparent transparent #3b3946 !important;top: 50% !important;transform: translateY(-50%);border-width: 7px!important;}
.tooltip-hover{padding: 5px 7px!important}
.lefthistorypanel h2 {font-size: 25px;}
.righthistorypanel{padding: 0;}

.info-tooltip-span[data-tooltip]::after {max-width: 285px;}
.triple-negative-label .info-tooltip-span[data-tooltip]::before {content: "\f0d8";transform: translate(-50%, 0);left: 50%;z-index: 2;top: 13px;}
.triple-negative-label .info-tooltip-span[data-tooltip]::after {top: 26px;transform: none;left: unset;right: -60px;z-index: 2;text-align: left;}
.triple-negative-label .info-tooltip-span-left-adjust[data-tooltip]::after {right: -20px !important;}

}
@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {  border: none;  float: none;  width: 100%;  min-height: initial;  clear: none;}
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.tab_list_holder{ display: none; }

/*.top_tab_content h3{ font-size: 30px; padding-top: 30px; }*/
.top_tab_content{ text-align: center; width: 80%; margin: 0 auto; }
.top_tab_content h3{ font-family: 'Work Sans', sans-serif; font-size: 48px; font-weight: 500;   color: #4f2683;   padding:0 0 30px 0;  }
.top_tab_content p{ margin: 0;  font-size: 20px; line-height: 30px;  color: #4a4a4a;  padding: 0 0 30px;  }
.frm_bx{ flex-wrap: wrap; }
.frm_label{ width: 100%; text-align: center; padding-bottom: 15px;}
.frm_fld_res{ width: 100% }
.frm_fld_res label{ margin-bottom: 12px; }
.date_frm_res_hld{ flex-wrap: wrap; }
.frm_fld_res input[type=number]{ margin-bottom: 12px; }
.frm_fld_res input[type=text]{ margin-bottom: 12px; }
.date_frm_res_hld span{ margin-bottom: 12px; }

.vertical_tab_holder .resp-tabs-list {  width: 100%; display: block;}
.vertical_tab_holder .resp-tabs-container{ width: 100% }
.sis_num{ flex-wrap: wrap; }
.sis_num label{ width: 100%; padding-bottom: 15px; text-align:left;}
.sis_cn{ width: 100% }
.sis_sn_hd h3{ padding-top: 0px; font-size: 22px;}
.vertical_tab_holder .resp-tabs-container{ padding: 0px; width: 100% }
.sister_details_holder{ min-height: auto !important }
.vertical_tab_holder{ flex-wrap: wrap; }
.top_tab_content{ width: 100%; }
.vertical_tab_holder .resp-tabs-list li{ width: 49%; display: inline-block; padding: 0 5px; font-size: 12px; }



/***new****/
.nav-tabs>li>a {padding: 0 6px; font-size: 11px;}
.newfrm-bx .frm_fld_res .rad_ik_hld {margin-right: 11px;}
.slider_item{max-width:640px;}

/***05****05**2020**/
.flxbx{width:100%;}
.mtpagn {
  margin: 0px !important;
  display: flex;
  justify-content: center;
}
.download{display:block; margin: 0px 5px 0px; }


ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {  border: none;  float: none;  width: 100%;  min-height: initial;  clear: none;}
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.tab_list_holder{ display: none; }

.top_tab_content h3 {
    font-size: 23px;
    padding: 0px 0px 20px;
}
.accordianarea h3 {
	font-size: 16px	!important;
    padding: 20px 55px 20px 20px;
}
.frm_bx{ flex-wrap: wrap; }
.frm_label{ width: 100%; text-align: center; padding-bottom: 15px;}
.frm_fld_res{ width: 100% }
.frm_fld_res label{ margin-bottom: 18px; }
.date_frm_res_hld{ flex-wrap: wrap; }
.frm_fld_res input[type=number]{ margin-bottom: 12px;}
.frm_fld_res input[type=text]{ margin-bottom: 12px;}
.date_frm_res_hld span{ margin-bottom: 12px; }


.modal-dialog {max-width:700px !important;}
.top_tab_content p {font-size: 15px;  line-height: 24px;}
.crcle-tab{display: none;}
}

@media only screen and (max-width: 767px) {
	.down-footer{padding:0;
    }
  .social-icon, .footer-help {padding: 20px 0 0;}
  .footer-help {padding: 0px 0 30px 0; }
  .depdownfoot ul li a{padding:0}
	.resp-tab-content{padding:0px 14px;}
   .top_tab_content h3 {font-size: 27px;}

   .resp-accordion{background:#4f2683; color:#fff; padding:20px 12px;}
   .frm_fld_res input[type=text] {margin-bottom: 0px;max-width: 100%;}
   
   .metric_area .rad_ik_hld {margin-bottom: 11px;}
   .date_frm_res_hld {display: flex; align-items: start;}
   .mteric_new span {padding-top: 55px;}
   .weight_height_all .cont-btn{margin-bottom:0px;}
  
   .numpad {left: 0px; right: 0; }
   .frm_fld_res label {margin-bottom: 20px;}
   .frm_label {width: 100%; font-size: 16px; margin-bottom: 19px;}		
   .weight_height_all {display: flex;}
   h2.resp-accordion {font-size: 15px; padding: 15px 15px;}
   h2.resp-tab-active {
    border-bottom: 1px solid #fff !important;
    margin-bottom: 0px !important;
    font-size: 15px;
    padding: 15px 15px !important;
    }

    h2.resp-tab-active { background: #302e39 !important; }
    h2.resp-tab-active:has(+ .resp-tab-content-active) { background: #5B4275 !important; }

    .current_age_input_area { display: block;}
    .current_age_input_area input {width: 100%; margin-bottom: 15px;}
    .first_age_portion span{margin-bottom: 15px;	display: inline-block;	}
    .thrd_age_portion {padding-left: 0px; text-align:left;}
    .first_age_portion {padding-right: 0px;}
    .hrtall-area {display: block;}
    .frm_fld_res input[type=number] {
        margin-bottom: 12px;
        width: 132px;
    }

    .flexarea { display: block; }

    .flexarea .new-brst-dnsty-select-bx select {
        width: 100%;
        margin-bottom: 15px;	
    }
    .new_radio_holder .rad_ik_hld {
        margin-bottom: 0px;
        text-align:left;
    }
    ul.new-ver-side-li li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .nav-tabs>li>a {
        padding: 0 4px;
        font-size: 14px;
    }
    .hding { width: 18%;}
    .sis_num { display: block;}
    /* .sis_num input[type=text] {width: 100%;} */
    .cont-btn{margin-bottom: 15px;	}
    ul.new-ver-side-li li {
        display: inline-block;
        width: 100%;
    }
    .nav-tabs>li>a {
        padding: 0 4px;
        font-size: 13px;
    }
    .new_radio_holder .rad_ik_hld {
        margin-bottom: 7px;
    }
    .button-group { display: block;}
    .bttn {width: 100%;}
    .bttn:first-child {
        border-right: 1px solid #fff;
        border-bottom:1px solid #fff;
    }
    .w-100 {
        width: 100% !important;
    }
    .bttn {height: 54px;}
    .new-ver-tab-cont .tab-pane {
        
        padding-bottom: 0px;
        }
        .bttn {height: 54px;}
        .button-group {position: absolute;}
        .sis_frm {display: block !important;	}
        .sis_sn_hd{text-align: center;	text-align:center;}
        .sis_sn_hd h3{color:#fff;}
        .sis_sn_hd h3 {
        font-size: 16px;
        text-align: center;
        padding: 20px 14px;
    }

    .bttn {
        height: 41px;
        font-size: 12px;
        text-align: center;
            padding: 14px 18px;
    }
    .sis_frm input[type=text] {width: 100%; margin-bottom: 15px;}
    ul.new-ver-side-li li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    ul.new-ver-side-li li a{text-align:18px;}
    ul.new-ver-side-li li {
        display: inline-block;
        width: 100% !important;
    }
    .newpanel-heading h2 {font-size:18px !important; line-height:35px !important;}
    .perall {display: block;}
    .prbx {
        width: 100%;
        border:none;

    }
    .perall:after{display: none;}	
        .textbox {
        padding: 40px 0px 47px;
        /*text-align: center;*/
    }
    .accordianarea .top_tab_content h3{padding:10px 15px;}
    .accordianarea h3 {
        font-size: 14px !important;
        padding: 10px 36px 10px 14px !important;
        line-height: 20px !important;
        margin-bottom: 15px;
    }

    .accordianarea h3 span.point {
        position: absolute;
        left: 5px;
        font-size: 13px;
    }
    .accordianarea h3:after {
        content: "+";
        right: 11px;
        top: 8px;
    }
    .accordianarea h3:after {
        content: "+";
        right: 11px;
        top: 18px;
        position: absolute;
        color: #5f5d5d;
        font-size: 24px;
        }
        .top_tab_content p {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
        text-align: start;
    }    
    .accordianarea ul li {
        font-size: 14px;
        word-break: break-all;
        }
    .add-nicearea {
        padding: 21px 13px;
        text-align: center;
    }

    .add-nicearea h5 {
        font-family: 'Mulish', sans-serif;
        color: #000000;
        font-size: 16.93px;
        line-height: 24px;
        margin-bottom: 18px;
    }
    .top_tab_content h3 {
        font-size: 24px;
        line-height: 26px;
    }

    .frm_fld_res label {font-size: 19px; line-height: 25px;}
    .formwrap { padding: 40px 18px; }
    .men-period-input-area .scnd_age_portion label {font-size: 19px; line-height: 25px;}
    .intro-page-info{background:#f6f3f9; padding:20px 0px 20px; background-image:url('images/mobile-banner-image.png');background-size: cover;background-position: center;background-repeat: no-repeat; background-color:#f6f3fa;}
    .rightpginfosec p {color:#fff;}
    .subscribe-portion h3 {font-size: 23px;line-height: 42px;}
    .footer-bx{width: 100%; text-align: left;     flex: auto !important;}
    .addbx{
        justify-content: start;
        flex-wrap: wrap;
        flex-direction: revert;
        text-align: left; margin-bottom: 15px;
    }
    .add-icon{margin-bottom: 10px; margin-right:10px;}
    .add-icon svg{max-width: 16px}
    .middle-footer{row-gap:40px}
    footer ul li:last-child{padding-bottom:0}
    .risk-footer {padding: 63px 15px 0px !important;}
    .innerheader {justify-content: space-between; flex-direction: row;}
    .logo{display: inline-block; margin-bottom: 0px; width: 200px;}
    .subsemailsec input[type=email]::-webkit-input-placeholder { /* Edge */
    text-align: left !important; font-size: 14px; color: #fff;
    }

    .subsemailsec input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    text-align: left !important; font-size: 14px; color: #fff;
    }

    .subsemailsec input[type=email]::placeholder {
    text-align: left !important; font-size: 14px; color: #fff;
    }
    .checkmark {top: 4px;}
    .cont .checkmark {top:4px;}

    .alert-danger{text-align: center !important; margin-top:20px;}
    .note-text-error{line-height:20px; padding-top:10px !important;}
    .clr-risk-factor-btn {margin: 20px auto 0px;}
    .panel-heading.newpanel-heading-two h4 {font-size: 15px;}
    .content-sec {padding: 30px 0px 30px;}
    .ui-accordion-content { padding: 13px 17px 30px;}
    .resp-tab-content{padding: 0px 0px;}
    .historyformwrap { padding: 40px 20px;}
    .calculate-risk-btn, .next-tab, .back-tab {width: 199px !important; margin: 23px auto 0px !important;}
    .calculate-risk-loader-btn{width: 199px !important; margin: 23px auto 0px !important;}
    .lefthistorypanel figure {margin-right: 16px;}
    .scnd_age-portin-input-wrapper{width: 50%;}
    .scnd_age-portin-input-wrapper{width: 90px;}
    .scnd_age-portin-input-wrapper input{margin-bottom:0px;}
    .signgle-line-mbl{display: flex !important;}
    .signgle-line-mbl label{width: 20% !important;}
    .radio_res_holder label{margin-bottom:10px !important;}
    .button-group .bttn {font-size: 12px;}
    /* .extrapadding-history{padding-bottom:140px !important;} */
    .new-sister-details .sis_num {justify-content: flex-start;  align-items: center; display: flex; flex-wrap: wrap;}
    .new-sister-details .sis_num input{margin-bottom:0px;}
    .new-sister-details .sis_num label{}
    .new-sister-details .sis_num .cont-btn{margin-bottom:0px;}
    .new-sister-details .btnNext {width: 161px; font-size: 15px; border-radius: 6px;line-height: 45px; padding: 10px 10px;}
    .sis_num label {font-size: 19px;}
    .button-group .bttn i {top: -1px;}
    .family-member-text {font-size: 19px !important;}
    p.child-member-text{font-size: 16px !important; color: #8d66c4 !important;font-weight: 500 !important; line-height: 26px !important; padding-bottom: 38px;}
    a.close_niece { color: #fff !important; background: #8d66c4; border-radius: 50px;  top: 28px;  font-size: 13px; right: 19px;}

    .nc-holder {padding: 26px 25px 40px;}
    .nc-holder:last-child { padding-bottom: 40px !important;}
    .buttongrp{display: none;}
    .mean-container .mean-bar{width: auto;}
    .mean-container a.meanmenu-reveal {right: 22px !important;left: auto !important;top: 50%;bottom: 0;transform: translateY(-50%);margin: 0;}
    .innerheader {margin-bottom: 0px; padding: 0px 10px;}
    .mobilephn{display: block; position: absolute; font-size: 22px; color: #8d66c4; right: 69px; top: 50%; bottom: 0; transform: translateY(-50%);align-self: flex-start; }
    .mobilephn i{transition:0.5s;}
    a.meanmenu-reveal.meanclose {
        top: 50%;
    }
    .footer-logo {
        margin-top: 0px;
        text-align: left !important;
    }
    .depdownfoot{text-align: left;padding-bottom:70px}
    .depdownfoot ul{padding-top:10px}
    .middle-footer{padding-bottom:16px;padding-left: 0;
        padding-right: 0;}
    .socialmobile{display: block; border: none; margin-top: 20px;}
    .socialmobile ul{padding-bottom:0px;}
    .metric_area .radio_res_holder {display: flex;}
    .metric_area .rad_ik_hld {font-size: 15px !important;}
    .mteric_new .cont-btn {width: 84px;}
    .next_btn_res { width: 149px !important; height: 52px; line-height: 54px; font-size: 15px;}
    .calculate-risk-btn, .next-tab, .back-tab {width: 149px !important; height: 52px; line-height: 54px; font-size: 15px;}
    .calculate-risk-loader-btn{width: 149px !important; height: 52px; line-height: 54px; font-size: 15px;}
    .footer-bx h2 {margin-bottom: 22px !important;}
    .socialmobile{margin-bottom:15px;}
    .adtxt-new{width: 87%; padding-right:0px;}
    .adtxt-new br{display: none;}
    .social-icon ul li a {margin-right: 14px;}
    .download {min-width:95px;padding: 0px 15px; display: inline-flex; width: auto;font-size: 12px;height: auto;line-height: 10px; justify-content:center;padding-left:15px;padding-right:15px;}
    .clr-risk-factor-btn{width: 149px !important; height: 52px;line-height: 54px; font-size: 15px; }
    .upperfooter-right iframe {position: relative !important; top: 0px !important;}

    /* Report an Issue Style Start */
    .report-issue-bd{padding: 40px 20px;}
    .report-issue-form-item-btns .download,.download.having-troble-btn {display: table;margin: 0 auto;}
    .report-issue .top_tab_content h3 {padding-bottom: 0;}
    /* Report an Issue Style End */

    .next_btn_res.thankyou-btn{width: auto !important;;}
    .report-issue-form-item-btns .download {width: 149px;}
    .sam{width:100%;}
    
    #riskResultDownloadBtn {min-width: auto;padding-left: 5px;padding-right: 5px;flex-grow: 1;}
    #riskResultDownloadBtn:only-child{padding-left: 24px;padding-right: 24px;flex-grow: 0;}
    .download.result-faq {min-width: auto;padding-left: 5px;padding-right: 5px;flex-grow: 1;}

    .info-tooltip-span::after {top:27px;transform: none;left:unset;max-width: 272px;right: -40px;z-index: 2;text-align:left;line-height: 1.5;}
    .info-tooltip-span::before{content: "\f0d8";transform: translate(-50%, 0);left:50%;z-index: 2;top:13px;}


    a.key.num_reset {padding-left: 2px!important;padding-right: 2px!important;font-size: 16px!important;clear: left;}
    a.key.num_close {padding-left: 2px!important;padding-right: 2px!important;text-indent: 0!important;font-size: 16px!important;}
    .hw-toggle-info::after{max-width:200px;text-align:center}

    .typercruzsec h4 {font-size: 18px !important;}

    .btn-group{ gap: 0;}
    .new-risk-content{ padding: 15px 20px 30px;}
    .get-tested-sec .btn-group .download,.risk-result-info .btn-group .download,.learn-about-hereditary-cancer-sec .btn-group .download{line-height: 1.5!important;padding-top: 15px;padding-bottom: 15px;align-items: center;}
    .modal-open .modal.chat-popup{margin-top: 0;}
    .report-issue-form-item-btns .cancel-reporting  { width: 149px !important; height: 52px; line-height: 54px; font-size: 15px; }

    .topBarInr{justify-content: center;}

    .intro-page-footer-info p {font-family: 'Work Sans', sans-serif; font-size: 15px !important;}
    
}

@media only screen and (max-width: 640px) {
  .new-all-vertical-tab-hld{display:block !important;}
  .new-ver-side-li {width: 100%;}
   .new-ver-tab-cont {width: 100%; padding: 15px 0 0 0;}
   ul.new-ver-side-li li { display: inline-block; width: 193px;}
  .slider_item{max-width:480px;}
}

@media only screen and (max-width: 479px) {
    ul.new-ver-side-li li {display: inline-block;width: 48%;}
    
.nav-tabs>li>a {padding: 0 4px; font-size: 14px;}
.slider_item{max-width:350px;}

.agn_nwfrm .frm_label {width: 100%;}
.radio_res_holder {display: block;}
.newfrm-bx .frm_fld_res .rad_ik_hld {
    margin-right: 0px;
    margin-bottom: 10px !important;
}
.nw-sisfrm .chk_holder {
    width: 100%;
}
.newfrm-bx .frm_label {
    width: 100%;
    text-align: left;
}
.wrapper .nc-holder .sis_sn_hd h3:before {left: 29%;}
.help {right: 11%;}
.sister_heading h2 {font-size: 15px;}
.sister_heading h2 span {font-size: 13px;}
.sis_sn_hd h3 {font-size: 14px;}
.sis_num label {line-height: 32px;}

.result_patnl_aunt .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_patnl_aunt .rad_ik_hld{margin-right: 12px !important;}
.result_patnl_aunt2 .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_patnl_aunt2 .rad_ik_hld{margin-right: 12px !important;}
.result_patnl_aunt3 .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_patnl_aunt3 .rad_ik_hld{margin-right: 12px !important;}
.result_patnl_aunt4 .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_patnl_aunt4 .rad_ik_hld{margin-right: 12px !important;}

.result_matnl_aunt .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_matnl_aunt .rad_ik_hld{margin-right: 12px !important;}
.result_matnl_aunt2 .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_matnl_aunt2 .rad_ik_hld{margin-right: 12px !important;}
.result_matnl_aunt3 .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_matnl_aunt3 .rad_ik_hld{margin-right: 12px !important;}
.result_matnl_aunt4 .nc-holder .sis_sn_hd h3:before{left:32% !important;}
.result_matnl_aunt4 .rad_ik_hld{margin-right: 12px !important;}
.next_btn_res {margin: 22px auto 0px;}
.logo{width: 140px; top: 55%; margin-right: 0px;}
.mean-container .mean-nav {margin-top: 41px; }

/* Report an Issue Style Start */
.report-issue-form-item-btns .download,.download.having-troble-btn {font-size: inherit;width:auto;}
.report-issue-form-item-btns input {flex-grow: 1;min-width: initial !important;width: 100% !important;}
/* Report an Issue Style End */

.get-tested-sec .btn-group {flex-direction: column;gap: 10px;align-items: center;}
.get-tested-sec .btn-group .download {max-width: 250px;width: 100%;}

}

@media only screen and (max-width: 414px) {
    .hw-toggle-wrap::after {transform:translate(-50%,-100%);left:50%;top:-3px;text-align:center}
    .hw-toggle-wrap::before {transform:translate(-50%,-100%);left:50%;top:11px;}
    .newpanel-heading h2 {font-size: 15px !important;line-height: 22px !important;}
    .content-sec.family-history {padding-top: 0;}
    .result-content-sec .panel-primary {margin-top: 0;}
    .info-tooltip-span[data-tooltip]{display:inline-block;}
    .info-tooltip-span[data-tooltip]::after {right: inherit;left: 0;}
}

@media only screen and (max-width: 391px) {
    .info-tooltip-span[data-tooltip]::after {left:-70px;}
}
/*.faqbutton{
display: inline-block;
padding: 0 60px;

cursor: pointer;
line-height: 56px;
font-size: 12px;
color: #a1a1a1;
font-weight: 300;
text-transform: uppercase;
font-family: 'Work Sans', sans-serif;

border-left: 1px solid #dfe2e6;
 position:absolute; 
 right:131px;
outline:none;
}
.faqbutton:focus{outline:none; text-decoration:none; color: #a1a1a1; }
.faqbutton:hover{outline:none; text-decoration:none; color: #a1a1a1; }

.faqbutton:after{content: '';height: 2px;width: 100%;background-color: #e9edf0;position: absolute;top: 16px;left: 50%;z-index: -1;}
.faqbutton:before{content:'\f00c';content:'\2713;';content:'\10003';content:'\10004';content:'\2713';display:block; ;width:16px;height:16px;line-height:16px;text-align:center;border-width:2px;border-style:solid;border-color:#dfe2e6;border-radius:50%; color: #dfe2e6; position: absolute; left: 25px; top: 18px; font-weight: 700; color: green; font-size:0;}*/
.faq-abs{display:none;}

.report-issue{display:none;}
.report-issue-thankyou{display:none;}

.family-member{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.family-member span{
    font-size: 25px;
    color: orange;
}

.previous-page {
    margin-top: 15px;
}
.previous-page a{
    margin: 0;
    width: 224px;
}

.calculate-risk-btn{
    width: 224px;
    margin: 0;
}

.calculate-risk-loader-btn{
    width: 224px;
    margin: 0;
}

.invalid, 
.frm_fld_res label.invalid, 
.required-icon {
    color: red;
}

.family-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 38px;
    width: 100%;
}

.remove-member{
    font-size: 29px;
    color: #8d66c4;
    cursor: pointer;
}

.numpad-container{
    width: fit-content;
    position: relative;
}

.disabled{
    background: #ddd;
}

.error-messages {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: justify;
}

.member-error{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.error-details{
    margin-left: 15px;
}

.incompleted-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.incompleted-procced-label{
    font-size: 16px;
    color: #603392;
    FONT-WEIGHT: 700;
}

.incompleted-label{
    text-align: start;
}

.fm-popup-info-label { text-align: justify; font-weight: 500; line-height: 25px; }

.cancel_button{
    background: #757777;
}

.tooltip-hover{
    position: absolute;
    background: #3b3946;
    width: fit-content;
    color: white;
    padding: 10px;
    border-radius: 5px;
    display: none;
}


.tooltip-hover::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #3b3946 transparent transparent transparent;
  }

  .learn-more-link{
    color: #8d66c4;
  }

.perall.hide-after-line:after {
    display: none;
}



@media only screen and (max-width:500px){
    .hw-toggle-info::after{max-width:250px;text-align:center}
}
@media only screen and (max-width:600px) and (min-width:500px){
    .hw-br{display:block;}
}
@media only screen and (min-width:768px){
	.risk-result-sec .btn-group .download {min-width: 182px;}
}
@media only screen and (min-width:992px){
    .get-tested-sec .btn-group .download.btn-default:not(.return-to-risk-score) {line-height: 1.1 !important; padding: 10px 30px;}
}